.hero{--hero-h:calc(100svh - 1px);isolation:isolate;min-height:var(--hero-h);background:linear-gradient(#4f6265 0%,#858067 40%,#878066 58%,#403c2a 68%,#383b32 100%);position:relative;overflow:hidden}.hero-media{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-poster,.hero-poster-img,.hero-video{object-fit:cover;object-position:50% 45%;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-video{opacity:0;transition:opacity var(--duration-4,1.2s) var(--ease-out,ease)}.hero[data-hero-mode=video] .hero-video{opacity:1}.hero-scrim{--shade:var(--color-bg);--shade-deep:color-mix(in oklab, var(--color-bg) 40%, #000);--floor:64%;z-index:1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--shade) 62%, transparent) 0%, color-mix(in srgb, var(--shade) 30%, transparent) 9%, transparent 20%), linear-gradient(to top, color-mix(in srgb, var(--shade) 95%, transparent) 0%, color-mix(in srgb, var(--shade-deep) 88%, transparent) calc(var(--floor) * .2), color-mix(in srgb, var(--shade-deep) 74%, transparent) calc(var(--floor) * .38), color-mix(in srgb, var(--shade-deep) 52%, transparent) calc(var(--floor) * .56), color-mix(in srgb, var(--shade-deep) 28%, transparent) calc(var(--floor) * .72), color-mix(in srgb, var(--shade-deep) 10%, transparent) calc(var(--floor) * .87), transparent var(--floor)), radial-gradient(130% 95% at 50% 38%, transparent 58%, color-mix(in srgb, var(--shade) 55%, transparent) 100%);position:absolute;inset:0}@media (aspect-ratio<=3/4){.hero-scrim{--floor:84%}}.hero-content{z-index:2;min-height:var(--hero-h);padding:calc(var(--nav-height) + 1rem) 1.5rem calc(env(safe-area-inset-bottom,0px) + clamp(2.5rem, 6svh, 5rem));text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.hero-content .hero-eyebrow{--track:.05em;letter-spacing:var(--track);padding-left:var(--track);color:#eecb96;text-shadow:0 1px 2px color-mix(in srgb, var(--color-bg) 90%, transparent), 0 0 6px color-mix(in srgb, var(--color-bg) 75%, transparent);font-size:1.25rem;font-weight:400;line-height:1.3}.hero-content .hero-title{letter-spacing:.05em;color:var(--color-accent-hi);background:linear-gradient(100deg, var(--color-text) 0%, var(--color-accent-hi) 34%, var(--color-accent) 58%, var(--color-accent-hi) 82%, var(--color-text) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 14px color-mix(in srgb, var(--color-bg) 70%, transparent));text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin-top:.75rem;padding-left:.05em;font-size:clamp(4rem,1.25rem + 5.6vw,8.5rem);line-height:.95}.hero-content .hero-subhead{-webkit-backdrop-filter:none;max-width:34ch;color:var(--color-text);text-shadow:0 1px 2px color-mix(in srgb, var(--color-bg) 90%, transparent), 0 0 22px color-mix(in srgb, var(--color-bg) 70%, transparent);background:0 0;border-radius:0;margin-top:1rem;padding:0;font-size:clamp(1.25rem,1.1rem + .4vw,1.5rem);line-height:1.45}.hero-content .hero-actions{margin-top:clamp(1.5rem,3.5svh,2.5rem)}.hero-content [data-t=cta-listen]{box-shadow:0 14px 40px -12px color-mix(in srgb, var(--color-accent) 55%, transparent)}@media (width>=768px){.hero-content .hero-eyebrow{--track:.26em}}@media (width>=1920px){.hero-content .hero-eyebrow{font-size:1.5rem}.hero-content [data-t=cta-listen]{min-height:4rem;padding-inline:3rem;font-size:1.5rem}}@media (forced-colors:active){.hero-content .hero-title{-webkit-text-fill-color:currentColor;filter:none;background:0 0}}@media (height<=480px) and (orientation:landscape){.hero-scrim{background:radial-gradient(60% 62% at 50% 56%, color-mix(in srgb, var(--shade) 72%, transparent), transparent 100%), linear-gradient(to bottom, color-mix(in srgb, var(--shade) 62%, transparent), transparent 30%), linear-gradient(to top, color-mix(in srgb, var(--shade) 90%, transparent), transparent 55%)}.hero-content{padding-top:calc(var(--nav-height) + .5rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + .75rem);justify-content:center}.hero-content .hero-title{margin-top:.5rem!important;font-size:clamp(2.25rem,12svh,3rem)!important;line-height:1!important}.hero-content .hero-eyebrow{font-size:1.25rem!important;line-height:1.3!important}.hero-content .hero-subhead{margin-top:.375rem!important;font-size:1.25rem!important;line-height:1.4!important}.hero-content .hero-actions{gap:.5rem!important;margin-top:.75rem!important}}