.hero-scene{position:absolute;inset:1px 0 0 1px;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(#000 0,#000 74%,transparent 100%);mask-image:linear-gradient(#000 0,#000 74%,transparent 100%)}.hero-scene-svg{display:block;width:100%;height:100%;pointer-events:none}.v3-hero-specimen .v3-hero-slab{--hero-bleed: calc(max(0px, (100vw - var(--container-width)) / 2) + var(--container-padding));margin-right:calc(-1 * var(--hero-bleed))}@media(min-width:1024px){.v3-hero-specimen .v3-hero-slab{width:calc(100% + var(--hero-bleed))}}@media(max-width:1023px){.v3-hero-specimen .v3-hero-slab{width:calc(72% + var(--hero-bleed))}}@media(max-width:640px){.v3-hero-specimen .v3-hero-slab{--hero-bleed: var(--container-padding-mobile)}}@media(min-width:1024px){.v3-hero-specimen .v3-hero-slab{--hero-slab-drop: clamp(20px, 4vh, 40px);top:var(--hero-slab-drop);max-height:calc(100vh - 64px - var(--hero-top-gap) - var(--hero-slab-drop))}}.v3-hero-slab:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-top:1px solid var(--color-action-secondary-border);border-left:1px solid var(--color-action-secondary-border);border-top-left-radius:12px;-webkit-mask-image:linear-gradient(#000 0,#000 66%,transparent 100%);mask-image:linear-gradient(#000 0,#000 66%,transparent 100%)}.v3-hero-slab{--depth-peak: .055;--depth-left: clamp(180px, 18.2vw, 262px);--depth-rise: clamp(180px, 18.2vw, 262px);--depth-ramp: calc(var(--depth-left) + var(--depth-rise));--depth-taper: min(520px, 40%);--depth-taper-floor: .7;--depth-up: min(var(--hero-slab-top, clamp(96px, 15vh, 180px)), 250px);--depth-hold: clamp(70px, 11vh, 120px);--depth-down: clamp(380px, 57vh, 640px);--depth-mask-x: linear-gradient(90deg, rgb(0 0 0 / 0) 0, rgb(0 0 0 / .028) calc(var(--depth-ramp) * .1), rgb(0 0 0 / .104) calc(var(--depth-ramp) * .2), rgb(0 0 0 / .216) calc(var(--depth-ramp) * .3), rgb(0 0 0 / .352) calc(var(--depth-ramp) * .4), rgb(0 0 0 / .5) calc(var(--depth-ramp) * .5), rgb(0 0 0 / .648) calc(var(--depth-ramp) * .6), rgb(0 0 0 / .784) calc(var(--depth-ramp) * .7), rgb(0 0 0 / .896) calc(var(--depth-ramp) * .8), rgb(0 0 0 / .972) calc(var(--depth-ramp) * .9), #000 var(--depth-ramp), #000 calc(100% - var(--depth-taper)), rgb(0 0 0 / var(--depth-taper-floor)) 100%);--depth-mask-y: linear-gradient(180deg, rgb(0 0 0 / 0) 0, rgb(0 0 0 / .04) calc(var(--depth-up) * .06), rgb(0 0 0 / .1) calc(var(--depth-up) * .12), rgb(0 0 0 / .19) calc(var(--depth-up) * .2), rgb(0 0 0 / .29) calc(var(--depth-up) * .3), rgb(0 0 0 / .4) calc(var(--depth-up) * .4), rgb(0 0 0 / .51) calc(var(--depth-up) * .5), rgb(0 0 0 / .62) calc(var(--depth-up) * .6), rgb(0 0 0 / .73) calc(var(--depth-up) * .7), rgb(0 0 0 / .84) calc(var(--depth-up) * .8), rgb(0 0 0 / .93) calc(var(--depth-up) * .9), #000 var(--depth-up), #000 calc(var(--depth-up) + var(--depth-hold)), rgb(0 0 0 / .972) calc(var(--depth-up) + var(--depth-hold) + (var(--depth-down) - var(--depth-hold)) * .1), rgb(0 0 0 / .896) calc(var(--depth-up) + var(--depth-hold) + (var(--depth-down) - var(--depth-hold)) * .2), rgb(0 0 0 / .784) calc(var(--depth-up) + var(--depth-hold) + (var(--depth-down) - var(--depth-hold)) * .3), rgb(0 0 0 / .648) calc(var(--depth-up) + var(--depth-hold) + (var(--depth-down) - var(--depth-hold)) * .4), rgb(0 0 0 / .5) calc(var(--depth-up) + var(--depth-hold) + (var(--depth-down) - var(--depth-hold)) * .5), rgb(0 0 0 / .352) calc(var(--depth-up) + var(--depth-hold) + (var(--depth-down) - var(--depth-hold)) * .6), rgb(0 0 0 / .216) calc(var(--depth-up) + var(--depth-hold) + (var(--depth-down) - var(--depth-hold)) * .7), rgb(0 0 0 / .104) calc(var(--depth-up) + var(--depth-hold) + (var(--depth-down) - var(--depth-hold)) * .8), rgb(0 0 0 / .028) calc(var(--depth-up) + var(--depth-hold) + (var(--depth-down) - var(--depth-hold)) * .9), rgb(0 0 0 / 0) 100%)}.v3-hero-slab:after{content:"";position:absolute;z-index:-1;pointer-events:none;top:calc(-1 * var(--depth-up));left:calc(-1 * var(--depth-left));right:0;height:calc(var(--depth-up) + var(--depth-down));background:rgb(255 255 255 / var(--depth-peak));border-left:2px solid transparent;background-clip:padding-box;-webkit-mask-image:var(--depth-mask-x),var(--depth-mask-y);mask-image:var(--depth-mask-x),var(--depth-mask-y);-webkit-mask-composite:source-in;mask-composite:intersect}@media(min-width:1024px)and (max-width:1439px){.v3-hero-slab{--depth-left: max(11vw, calc(153vw - 1941px) );--depth-rise: var(--depth-left)}}@media(max-width:1023px){.v3-hero-slab{--depth-peak: .055;--depth-left: clamp(180px, 18.2vw, 262px);--depth-rise: clamp(180px, 18.2vw, 262px);--depth-up: min(var(--hero-slab-top, clamp(96px, 15vh, 180px)), 250px);--depth-hold: clamp(70px, 11vh, 120px);--depth-down: clamp(380px, 57vh, 640px)}}@media(forced-colors:active){.v3-hero-slab:after{display:none}}.hero-scene-label{font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.16em}.hero-scene-mono{font-family:var(--font-mono)}.hero-scene-sans{font-family:var(--font-sans)}@keyframes hero-scene-sweep{0%{stroke-dashoffset:9}to{stroke-dashoffset:-100}}.hero-scene-sweep{fill:none;animation:hero-scene-sweep 1.2s ease-in-out both}@media(prefers-reduced-motion:reduce){.hero-scene-sweep{display:none}}@media(min-width:1024px){.hero-scene{background-color:var(--color-bg-base);border-top-left-radius:11px}}
