.hero {
  position: relative; min-height: 100svh; overflow: hidden; isolation: isolate;
  color: var(--color-graphite);
  background: radial-gradient(ellipse 48% 58% at 50% 60%, rgba(0,79,206,.98) 0%, rgba(0,54,140,.94) 36%, rgba(181,197,229,.74) 68%, rgba(255,255,255,0) 100%), var(--color-pure-white);
}
.hero::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(255,255,255,.72),transparent 25%,transparent 76%,rgba(255,255,255,.45)); pointer-events:none; }
.hero__media { position:absolute; z-index:2; inset:max(20%,390px) 14% max(10%,140px); display:grid; place-items:center; pointer-events:none; }
.hero__fallback,.hero__video,.hero__canvas { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; mix-blend-mode:screen; }
.hero.is-canvas .hero__video { display:none; }
.hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero__video { opacity:0; }
.hero.is-video-ready .hero__video { opacity:1; }
.hero.is-video-ready .hero__fallback { visibility:hidden; }
.hero__vignette { display:none; }
.hero__content { position:relative; z-index:4; min-height:100svh; display:flex; flex-direction:column; align-items:center; text-align:center; padding-top:calc(var(--header-height) + var(--space-7)); padding-bottom:var(--space-6); }
.hero__kicker { font-size:var(--text-caption); line-height:var(--leading-caption); letter-spacing:var(--tracking-wide); text-transform:uppercase; color:var(--color-iron); }
.hero__title { max-width:100%; margin-top:var(--space-3); margin-left:-.065em; font-family:var(--font-body); font-size:clamp(6rem,11.5vw,10.5rem); font-weight:400; line-height:.78; letter-spacing:-.065em; color:var(--color-graphite); }
.hero__subtitle { max-width:24ch; margin-top:var(--space-5); font-family:var(--font-display); font-size:clamp(1.25rem,2vw,1.8rem); line-height:1.05; color:var(--color-graphite); }
.hero__wordmark,.hero__line { display:none; }
.hero__meta { width:100%; margin-top:auto; display:grid; grid-template-columns:repeat(3,1fr); padding-top:var(--space-3); border-top:1px solid rgba(23,23,23,.25); font-size:var(--text-caption); letter-spacing:.02em; color:var(--color-graphite); }
.hero__meta span:first-child { text-align:left; }.hero__meta span:last-child { text-align:right; }
.hero__action { margin-top:var(--space-4); }.hero__cta { box-shadow:var(--shadow-subtle); }
@media(max-width:767px){
  .hero,.hero__content{min-height:max(720px,100svh)}
  .hero{background:radial-gradient(ellipse 88% 46% at 50% 58%,rgba(0,79,206,.98) 0%,rgba(0,54,140,.92) 38%,rgba(190,203,232,.72) 72%,rgba(255,255,255,0) 100%),var(--color-pure-white)}
  .hero::after{background:linear-gradient(180deg,rgba(255,255,255,.82),transparent 31%,transparent 73%,rgba(255,255,255,.52))}
  .hero__content{padding-top:calc(var(--header-height) + var(--space-7));padding-bottom:max(var(--space-5),env(safe-area-inset-bottom))}
  .hero__title{margin-top:var(--space-4);font-size:clamp(4.25rem,20.5vw,5.3rem);line-height:.82;letter-spacing:-.07em}
  .hero__subtitle{max-width:15ch;margin-top:var(--space-4);font-size:clamp(1.25rem,6vw,1.55rem)}
  .hero__media{inset:max(31%,290px) 2% 22%}
  .hero__meta{grid-template-columns:1fr 1fr}.hero__meta span:nth-child(2){display:none}
}
@media(max-width:380px){.hero__content{padding-top:calc(var(--header-height) + var(--space-6))}.hero__title{font-size:19.5vw}.hero__media{inset:max(31%,290px) 0 23%}}
@media(min-width:768px) and (max-width:1023px){.hero__media{inset:max(20%,310px) 10% max(12%,140px)}}
@media(min-width:1600px){.hero__media{inset-inline:18%}}
@media(prefers-reduced-motion:reduce){.hero__video{display:none}.hero.is-video-ready .hero__fallback{visibility:visible}}