/* Compact fiber composition: desktop right-aligned, mobile below the copy. */
.vrf-hero {
  min-height:860px;padding:140px 0 80px;align-items:center;
  background-image:url('/assets/img/fiber-hero-compact-v2.webp');
  background-size:100% auto;background-position:right center;background-repeat:no-repeat;
}
.vrf-hero::before,.vrf-hero::after {display:none;}
.vrf-hero-overlay {
  background:linear-gradient(90deg,#0a0a0a 0%,rgba(10,10,10,.98) 28%,rgba(10,10,10,.82) 40%,rgba(10,10,10,.20) 55%,transparent 68%),linear-gradient(180deg,#0a0a0a 0%,transparent 22%,transparent 72%,#0a0a0a 93%);
}
.vrf-hero-content {max-width:640px;}
.vrf-hero h1 {font-size:clamp(36px,4.1vw,56px);}
.vrf-hero-sub {max-width:515px;color:#cbd5e1;}
html body .vrf .vrf-hero a.vrf-btn.vrf-btn--ghost {background:rgba(10,10,10,.88);}
@media(max-width:900px) {
  .vrf-hero {min-height:0;padding:130px 0 400px;align-items:flex-start;background-size:auto 380px;background-position:right bottom;}
  .vrf-hero-overlay {background:linear-gradient(180deg,#0a0a0a 0%,#0a0a0a calc(100% - 380px),transparent calc(100% - 300px)),linear-gradient(0deg,#0a0a0a,transparent 24px);}
  .vrf-hero-content {max-width:none;}
  .vrf-hero-sub {max-width:660px;}
}
@media(max-width:600px) {
  .vrf-hero {padding:120px 0 310px;background-size:auto 300px;}
  .vrf-hero-overlay {background:linear-gradient(180deg,#0a0a0a 0%,#0a0a0a calc(100% - 300px),transparent calc(100% - 230px)),linear-gradient(0deg,#0a0a0a,transparent 24px);}
  .vrf-hero h1 {font-size:36px;}
  .vrf-hero-sub {font-size:16px;}
  .vrf-hero-ctas {gap:12px;margin-bottom:30px;}
  .vrf-hero-ctas .vrf-btn {white-space:normal;text-align:center;padding-left:20px;padding-right:20px;}
}