.hero-media{inset:0;position:absolute}
.hero-media .hero-slide{display:block;height:100%;inset:0;opacity:0;position:absolute;transition:opacity 1.15s ease;width:100%}
.hero-media .hero-slide img{height:100%;width:100%}
.hero-media .hero-slide.is-active{opacity:1}
.hero-copy-stack{display:contents}
.hero-controls{align-items:center;display:flex;flex-direction:column;gap:10px;position:absolute;right:var(--page);top:50%;transform:translateY(-50%);z-index:3}
.hero-dots{align-items:center;display:flex;flex-direction:column;gap:8px}
.hero-dots span{color:rgba(244,244,240,.84);font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;margin-bottom:4px;writing-mode:vertical-rl}
.hero-dot{background:rgba(244,244,240,.42);border:0;border-radius:50%;cursor:pointer;height:6px;padding:0;transition:background .25s,transform .25s;width:6px}
.hero-dot.is-active{background:var(--paper);transform:scale(1.25)}
.hero-toggle{background:rgba(5,7,10,.38);border:1px solid rgba(244,244,240,.5);color:var(--paper);cursor:pointer;font:600 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;min-height:32px;min-width:58px;padding:8px 9px}
.hero-toggle[aria-pressed="true"]{background:var(--paper);color:var(--ink)}
.hero-caption{bottom:62px;max-width:min(520px,calc(100vw - (var(--page) * 2)));position:absolute;right:var(--page);text-align:right;z-index:3}
.hero-caption small{color:var(--blue);display:block;font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;margin-bottom:6px;text-transform:uppercase}
.hero-caption strong{display:block;font-size:clamp(20px,1.8vw,30px);font-weight:650;letter-spacing:-.04em;line-height:1.02;white-space:nowrap}
.hero-caption__open{color:var(--paper);display:inline-block;font:500 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;margin-top:13px;opacity:.88;text-decoration:underline;text-decoration-color:rgba(157,185,211,.55);text-underline-offset:6px}
.hero-caption__open:focus-visible{outline:1px solid var(--paper);outline-offset:8px}
@media(max-width:700px){
  .hero-copy-stack{bottom:60px;display:grid;gap:16px;left:var(--page);position:absolute;right:var(--page);z-index:3}
  .hero-content{bottom:auto;left:auto;max-width:none;position:static}
  .hero h1{font-size:clamp(39px,12.2vw,52px);line-height:.8;max-width:100%}
  .hero-services{font-size:9px;line-height:1.55;margin-top:18px;max-width:250px}
  .hero-controls{gap:4px;right:var(--page);top:31%;transform:none}
  .hero-dots{gap:0}
  .hero-dots span{display:none}
  .hero-dot{height:7px;width:7px}
  .hero-toggle{font-size:9px;margin-top:2px;min-height:44px;min-width:58px}
  .hero-caption{bottom:auto;left:auto;max-width:none;position:static;right:auto;text-align:left}
  .hero-caption small{font-size:7px;margin-bottom:4px}
  .hero-caption strong{font-size:17px;line-height:1.08;overflow-wrap:anywhere;white-space:normal}
  .hero-caption__open{font-size:8px;margin-top:10px}
  .hero-meta{bottom:27px;font-size:8px;left:var(--page);right:auto}
  .scroll-cue{display:none}
}