.hero-art{inset:0 0 var(--ph,0px);pointer-events:none;position:absolute;overflow:clip}.hero-art img{bottom:0;left:var(--sl);width:var(--sw);transform-origin:72% 100%;max-width:none;height:auto;-webkit-mask-image:linear-gradient(90deg, transparent 9%, #000 41%), linear-gradient(180deg, transparent 0%, #000 var(--mt,22%));-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg, transparent 9%, #000 41%), linear-gradient(180deg, transparent 0%, #000 var(--mt,22%));mask-image:linear-gradient(90deg, transparent 9%, #000 41%), linear-gradient(180deg, transparent 0%, #000 var(--mt,22%));position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:1179px){.hero-art img{--mt:34%}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hero-art img{animation:linear both sink;animation-timeline:scroll(root);animation-range:0 90vh}@keyframes sink{55%{opacity:1}to{opacity:0;translate:0 34%;scale:.97}}}}@media (prefers-reduced-motion:no-preference){.js .hero-art{animation:fade 1.6s var(--ease) .1s both}}