.hero-showcase{--k:1;height:calc(420px * var(--k));margin-top:calc(-24px * var(--k));isolation:isolate;position:relative;overflow:hidden}.hero-showcase-strip{perspective:calc(1500px * var(--k));perspective-origin:50% 35%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#0000 98%);mask-image:linear-gradient(#000 55%,#0000 98%)}.hero-showcase-card{--shade:0;top:calc(36px * var(--k));width:calc(560px * var(--k));margin-left:calc(-280px * var(--k));transform-origin:50%;backface-visibility:hidden;will-change:transform, opacity;visibility:hidden;-webkit-user-select:none;user-select:none;position:absolute;left:50%}.hero-showcase-image,.hero-showcase-reflection{aspect-ratio:16/10;border-radius:calc(10px * var(--k));position:relative;overflow:hidden}.hero-showcase-image{background:#ffffff0f;border:1px solid #ffffff24;box-shadow:0 24px 48px #00081e59,0 0 0 1px #0000001a}.hero-showcase-image:after{content:"";background:linear-gradient(180deg, rgb(6 20 60/calc(var(--shade) * .6)), rgb(6 20 60/var(--shade)));pointer-events:none;position:absolute;inset:0}.hero-showcase img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.hero-showcase-reflection{margin-top:calc(10px * var(--k));opacity:.16;transform:scaleY(-1);-webkit-mask-image:linear-gradient(#0000 45%,#000c);mask-image:linear-gradient(#0000 45%,#000c)}@media (prefers-reduced-motion:reduce){.hero-showcase-card{will-change:auto}}