.sh-hero{--sh-y:0px;--sh-px:0;--sh-py:0;--sh-rx:0deg;--sh-ry:0deg;--sh-horizon:.74;--sh-peek:8rem;min-height:max(34rem, calc(100vh - 4rem - 1px - var(--sh-peek)));min-height:max(34rem, calc(100svh - 4rem - 1px - var(--sh-peek)));isolation:isolate;background-color:#000;overflow:clip}.sh-layer{pointer-events:none;position:absolute}.sh-depth{translate:0 calc(var(--sh-y) * var(--sh-depth,0));transform:translate3d(calc(var(--sh-px) * var(--sh-shift,0px)), calc(var(--sh-py) * var(--sh-shift,0px)), 0)}@keyframes sh-depth{0%{translate:0}to{translate:0 calc(var(--sh-range,1000px) * var(--sh-depth,0))}}@supports (animation-timeline:scroll()){.sh-depth{animation:linear both sh-depth;animation-timeline:scroll(root);animation-range:0px var(--sh-range,1000px)}}.sh-photo-frame{inset-inline:0;height:18rem;bottom:-4rem;-webkit-mask-image:linear-gradient(#0000 0%,#000 34%);mask-image:linear-gradient(#0000 0%,#000 34%)}@media (min-width:768px){.sh-hero{--sh-horizon:.62}.sh-photo-frame{inset-inline:auto;bottom:auto;left:var(--sh-photo-left);top:var(--sh-photo-top);width:var(--sh-photo-width);aspect-ratio:16/9;--sh-photo-left:-10vw;--sh-photo-top:29%;--sh-photo-width:150vw;height:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 24%), linear-gradient(to right, #0000004d 0%, #0000004d var(--sh-mask-from), #000 var(--sh-mask-to));mask-image:linear-gradient(to bottom, transparent 0%, #000 24%), linear-gradient(to right, #0000004d 0%, #0000004d var(--sh-mask-from), #000 var(--sh-mask-to));--sh-mask-from:22%;--sh-mask-to:44%;-webkit-mask-composite:source-in;mask-composite:intersect}}@media (min-width:1024px){.sh-hero{--sh-horizon:.56}.sh-photo-frame{--sh-photo-left:0vw;--sh-photo-top:16%;--sh-photo-width:136vw;--sh-mask-from:26%;--sh-mask-to:46%}}@media (min-width:1280px){.sh-photo-frame{--sh-photo-left:0vw;--sh-photo-top:-16%;--sh-photo-width:130vw;--sh-mask-from:30%;--sh-mask-to:50%}}@media (min-width:1536px){.sh-photo-frame{--sh-photo-top:-24%;--sh-photo-width:140vw;--sh-mask-from:32%;--sh-mask-to:52%}}.sh-photo{transform:perspective(1400px) rotateX(var(--sh-rx)) rotateY(var(--sh-ry)) translate3d(calc(var(--sh-px) * var(--sh-shift,0px)), calc(var(--sh-py) * var(--sh-shift,0px)), 0) scale(1.12);position:absolute;inset:0}.sh-stars{inset:-16px}.sh-stars canvas{opacity:0;width:100%;height:100%;transition:opacity .6s ease-out;display:block}.sh-stars canvas[data-ready]{opacity:1}.sh-scrim-bottom{inset-inline:0;background-image:linear-gradient(#0000 0%,#000000bf 60%,#000 100%);height:12%;bottom:0}.sh-scrim-text{background-image:linear-gradient(#00000073 0%,#0000004d 40%,#0000 62%);inset:0}@media (min-width:768px){.sh-scrim-text{background-image:linear-gradient(100deg,#00000080 0%,#0000004d 34%,#0000 52%)}}.sh-title{position:relative}@supports (width:round(1.5px, 1px)){.sh-title.sh-depth{transform:translate3d(round(calc(var(--sh-px) * var(--sh-shift,0px)), 1px), round(calc(var(--sh-py) * var(--sh-shift,0px)), 1px), 0)}}@keyframes sh-settle{0%{translate:0 14px}to{translate:0}}.sh-settle{animation:1.2s cubic-bezier(.16,1,.3,1) .1s both sh-settle}@media (prefers-reduced-motion:reduce){.sh-depth,.sh-settle{animation:none;translate:none}.sh-depth,.sh-title.sh-depth{transform:none}.sh-photo{transform:scale(1.12)}.sh-stars canvas{transition:none}}
