/* The sea takes the full stage; typography clears before the lightning sequence. */
.brand .brand-logo{width:60px;height:60px;object-fit:contain;flex-shrink:0}
footer .brand .brand-logo{width:52px;height:52px}
@media(max-width:700px){.brand .brand-logo{width:46px;height:46px}}
.hero-scroll,.hero{min-height:620px;height:100svh}
.motion-enabled .hero-scroll{height:375svh}
.hero{background:#09151c}
.hero-media,.motion-paused .hero-media{transform:none!important}
.hero-poster{filter:none;object-position:51% center}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .3s}
.hero-canvas.ready{opacity:1}
.hero-shade{pointer-events:none;background:linear-gradient(180deg,#06101888,transparent 30%,#07121b10 45%,#071018aa 79%,#10110f),linear-gradient(90deg,#07101940,transparent 75%)}
.hero-topline{top:130px;font-size:12px;letter-spacing:2px;color:#d9e2e1}
.hero-copy{top:auto;bottom:16%;left:6%;right:6%;transform:none;will-change:opacity,transform}
.hero-copy .eyebrow{font-size:12px;letter-spacing:2.6px;margin-bottom:15px;color:#ebd4a5}
.hero-copy h1{font-size:clamp(76px,12.5vw,208px);line-height:.9;letter-spacing:.055em;color:#f6f1e8;text-shadow:0 3px 35px #00111a35}
.hero-subtitle{display:block;font-size:clamp(24px,2.65vw,42px);line-height:1.2;letter-spacing:-.02em;margin-top:22px}
.hero-subtitle br{display:none}
.hero-subtitle em{color:#e0c390;margin-left:.18em}
.hero-actions{margin-top:28px;gap:30px}
.hero-actions a{font-size:14px}
.hero-bottom{bottom:32px;left:6%;right:6%;font-size:12px;letter-spacing:1.8px;color:#dde3df;gap:24px}
.hero-bottom .scroll-hint{font-size:12px}
.hero-chapter{inset:0 6%;align-items:flex-start;text-align:left;pointer-events:none}
.hero-chapter>span{font-size:12px;color:#e4c893;letter-spacing:3px}
.hero-chapter p{font-size:clamp(46px,5.5vw,88px);line-height:1.12;text-shadow:0 2px 24px #080e10a0}
.hero-chapter .chapter-description{font:16px/1.7 Arial,sans-serif;letter-spacing:.02em;color:#d4d6cf;margin-top:28px}
.hero-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#dbbb7920}
.hero-progress span{display:block;height:100%;background:#ddc28a;transform:scaleX(0);transform-origin:left}
.motion-paused .hero-copy{transform:none!important}
.motion-paused .hero-progress{display:none}
.hero-copy:focus-within{opacity:1!important;visibility:visible!important}
@media(max-width:700px){
  .hero-scroll,.hero{min-height:620px}
  .motion-enabled .hero-scroll{height:215svh}
  .hero-topline{top:112px;font-size:10px;letter-spacing:1.7px}
  .hero-copy{bottom:19%;left:6%;right:6%;top:auto}
  .hero-copy h1{font-size:clamp(47px,12vw,84px);letter-spacing:.025em}
  .hero-copy .eyebrow{font-size:10px;letter-spacing:1.5px;max-width:240px;line-height:1.8}
  .hero-subtitle{font-size:clamp(24px,6vw,34px);line-height:1.2;margin-top:18px}
  .hero-subtitle br{display:block}
  .hero-subtitle em{margin-left:0}
  .hero-actions{gap:18px;margin-top:25px}
  .hero-actions .button{padding:13px 19px}
  .hero-shade{background:linear-gradient(180deg,#07121a88,transparent 28%,#07121a44 45%,#071018e0 83%,#10110f)}
  .hero-bottom{bottom:26px;gap:12px}
  .hero-bottom .scroll-hint{font-size:10px;letter-spacing:1px}
  .hero-bottom .motion-button{margin-left:auto}
  .hero-chapter{display:none}
  .hero-chapter p{font-size:clamp(38px,10vw,60px)!important}
  .hero-chapter .chapter-description{font-size:16px!important;margin-top:20px}
  .hero-chapter>span{font-size:11px!important;letter-spacing:2px;margin-bottom:18px}
}
@media(max-height:650px) and (min-width:701px){
  .hero-copy{bottom:15%}.hero-copy h1{font-size:15vh}.hero-subtitle{font-size:5vh}
  .hero-topline{display:none}.hero-copy .eyebrow{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.hero-copy{transform:none!important}.hero-canvas{transition:none}}