/* Scoped to the new hero; sections below retain their existing styles. */
body>header{position:fixed;inset:0 0 auto;background:transparent;backdrop-filter:none;border-bottom-color:transparent;transition:background .25s,border-color .25s,backdrop-filter .25s}
body>header.is-scrolled{background:rgba(8,10,9,.88);backdrop-filter:blur(14px);border-bottom-color:#ffffff12}
.hero-sequence{--stage-height:100svh;position:relative;background:#080a09;isolation:isolate;scroll-margin-top:0}
.hero-sequence.sequence-enabled{height:220svh}
.hero-stage{position:relative;height:var(--stage-height);min-height:670px;overflow:hidden;background:#080a09}
.sequence-enabled .hero-stage{position:sticky;top:0}
.hero-canvas,.hero-poster,.hero-scrim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-canvas{display:block;opacity:0;mix-blend-mode:screen}
.canvas-ready .hero-canvas{opacity:1}
.hero-poster{display:block;overflow:hidden;mix-blend-mode:screen}
.hero-poster img{width:100%;height:100%;object-fit:cover}
.canvas-ready .hero-poster{visibility:hidden}
.hero-scrim{background:linear-gradient(90deg,#080a09 0%,rgba(8,10,9,.94) 22%,rgba(8,10,9,.78) 36%,rgba(8,10,9,.32) 49%,transparent 67%),linear-gradient(180deg,rgba(8,10,9,.6),transparent 22%,transparent 75%,#080a09 100%);z-index:1}
.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding-top:100px;padding-bottom:82px;pointer-events:none}
.hero-sequence .hero-copy{width:45%;max-width:560px;pointer-events:auto;opacity:1;transform:none}
.hero-sequence .hero-copy:focus-within{opacity:1;transform:none;pointer-events:auto}
.hero-sequence:has(.hero-copy:focus-within) .hero-scrim{opacity:1}
.hero-sequence h1{font-size:clamp(46px,4.75vw,72px);line-height:1.05;letter-spacing:-.05em;font-weight:600;text-wrap:balance}
.hero-sequence .eyebrow{font-size:11px;letter-spacing:1.65px;margin-bottom:27px}
.hero-sequence .lead{font-size:clamp(17px,1.5vw,21px);line-height:1.5;margin-top:26px}
.hero-sequence .hero-description{font-size:15px;line-height:1.8;max-width:440px;color:#bac1bb;margin-top:17px}
.hero-sequence .actions{margin-top:27px;margin-bottom:18px}
.hero-sequence .actions .button{gap:28px;padding-left:25px;padding-right:22px;min-width:165px}
.hero-sequence .actions .button span{font-size:20px;line-height:1}
.hero-sequence .micro{font-size:11px}
.hero-scroll-cue{position:absolute;z-index:2;left:0;right:0;bottom:26px;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.7px;color:#a8b29e;pointer-events:none}
.scroll-stroke{height:30px;width:1px;background:linear-gradient(var(--lime),#d3f85a25)}
.hero-chapter{margin-left:auto;font-size:9px;color:#8e9b86;letter-spacing:1.8px}
.hero-sequence~.service-band{position:relative;background:var(--bg);z-index:2}
@media(min-width:1500px){.hero-content{max-width:1420px}.hero-sequence h1{font-size:74px}.hero-sequence .hero-copy{max-width:590px}.hero-sequence .hero-description{font-size:16px}}
@media(min-width:701px) and (max-width:1050px){.hero-sequence .hero-copy{width:47%}.hero-sequence h1{font-size:clamp(40px,5.1vw,54px)}.hero-sequence .eyebrow{font-size:9px;letter-spacing:1px}.hero-sequence .hero-description{font-size:14px}.hero-sequence .lead{font-size:17px}.hero-sequence .actions{gap:20px}}
@media(max-width:700px),(max-width:900px) and (orientation:portrait){
  .hero-sequence{--stage-height:100svh}
  .hero-sequence.sequence-enabled{height:185svh}
  .hero-stage{min-height:760px}
  .hero-content{align-items:flex-start;padding-top:104px;padding-bottom:0}
  .hero-sequence .hero-copy{width:100%;max-width:490px}
  .hero-sequence h1{font-size:clamp(35px,9.3vw,47px);line-height:1.04;max-width:450px;text-wrap:initial}
  .hero-sequence .eyebrow{font-size:8.5px;letter-spacing:1.15px;margin-bottom:20px}
  .hero-sequence .lead{font-size:16px;line-height:1.45;margin-top:20px}
  .hero-sequence .hero-description{font-size:13px;line-height:1.6;margin-top:12px;max-width:410px}
  .hero-sequence .actions{margin-top:19px;margin-bottom:12px;gap:25px}
  .hero-sequence .actions .button{padding:12px 18px;min-width:143px;font-size:13px}
  .hero-sequence .text-link{font-size:13px}
  .hero-sequence .micro{font-size:9px}
  .hero-poster{left:0;top:55%;width:100%;height:45%;overflow:hidden}
  .hero-poster img{width:130.72%;max-width:none;margin-left:-30.72%;object-fit:contain}
  /* Blend all four edges of the real frame, not a rectangular image panel. */
  .hero-canvas{
    mask-image:linear-gradient(180deg,transparent var(--art-top,55%),#000 calc(var(--art-top,55%) + 8%),#000 calc(var(--art-bottom,100%) - 10%),transparent var(--art-bottom,100%)),linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
    mask-composite:intersect;
  }
  .hero-poster{mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%)}
  .hero-scrim{background:linear-gradient(180deg,#080a09 0%,#080a09 48%,rgba(8,10,9,.9) 56%,transparent 66%,transparent 83%,#080a09 96%),linear-gradient(90deg,rgba(8,10,9,.6),transparent 15%,transparent 85%,rgba(8,10,9,.6))}
  .hero-scroll-cue{bottom:15px;font-size:8px;gap:10px}
  .hero-chapter{display:none}
  .scroll-stroke{height:20px}
}
@media(max-height:670px) and (min-width:701px){.hero-stage{min-height:560px}.hero-sequence.sequence-enabled{height:calc(560px + 100svh)}.hero-content{padding-top:86px;padding-bottom:35px}.hero-sequence h1{font-size:42px}.hero-sequence .eyebrow{margin-bottom:15px}.hero-sequence .lead{font-size:16px;margin-top:17px}.hero-sequence .hero-description{font-size:13px;line-height:1.6;margin-top:12px}.hero-sequence .actions{margin-top:18px}.hero-scroll-cue{bottom:10px}}
@media(max-height:500px) and (min-width:701px){
 body>header .nav{height:60px}.hero-stage{min-height:390px}.hero-sequence.sequence-enabled{height:220svh}
 .hero-content{padding-top:68px;padding-bottom:16px}.hero-sequence .hero-copy{width:55%;max-width:500px}
 .hero-sequence h1{font-size:32px}.hero-sequence .eyebrow{font-size:8px;margin-bottom:12px}
 .hero-sequence .lead{font-size:14px;margin-top:12px}.hero-sequence .hero-description{font-size:11.5px;line-height:1.5;margin-top:10px}
 .hero-sequence .actions{margin:12px 0 8px}.hero-sequence .actions .button{padding:9px 15px;font-size:12px;min-width:130px}
 .hero-sequence .micro{font-size:8.5px}.hero-scroll-cue{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-sequence.sequence-enabled{height:auto}.sequence-enabled .hero-stage{position:relative}.hero-sequence .hero-copy{opacity:1!important;transform:none!important;will-change:auto}.hero-scroll-cue{display:none}body>header{transition:none}}