@layer components{.aperture__stage{--e:0;--q:0;--aperture-top:50%;--aperture-right:50%;--aperture-bottom:50%;--aperture-left:50%;--aperture-radius:0px}.aperture__media{clip-path:inset(calc(var(--aperture-top) * (1 - var(--e))) calc(var(--aperture-right) * (1 - var(--e))) calc(var(--aperture-bottom) * (1 - var(--e))) calc(var(--aperture-left) * (1 - var(--e))) round calc(var(--aperture-radius) * (1 - var(--e))));will-change:clip-path}.aperture__media>:not(.aperture__wash){position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.32 - .32 * var(--e)));will-change:transform}.aperture__wash{opacity:var(--q)}.aperture__lead,.aperture__trail{opacity:calc(1 - var(--e) * 1.6);will-change:transform,opacity}.aperture__lead{transform:translateX(calc(var(--e) * -42cqw))}.aperture__trail{transform:translateX(calc(var(--e) * 42cqw))}@container stage (width < 640px){.aperture__lead{transform:translateY(calc(var(--e) * -44cqh))}.aperture__trail{transform:translateY(calc(var(--e) * 44cqh))}}.aperture__caption{opacity:clamp(0,var(--q) * 12,1)}.aperture__word{--w:clamp(0,(var(--q) * (var(--n) + 4) - var(--i))/4,1);opacity:calc(.16 + .84 * var(--w))}.aperture__action{opacity:clamp(0,(var(--q) - .8) * 5,1);transform:translateY(calc((1 - clamp(0, (var(--q) - .8) * 5, 1)) * 12px))}.aperture__action:focus-within{opacity:1;transform:none}.aperture__hint{opacity:calc(.6 - var(--e) * 4)}.aperture__hint:after{content:"";width:1px;height:28px;background:currentColor;animation:aperture-hint 1.8s cubic-bezier(.65,0,.35,1) infinite}@media (prefers-reduced-motion:reduce){.aperture__hint:after{animation:none}}@keyframes aperture-hint{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.aperture[data-static] .aperture__media{clip-path:none}.aperture[data-static] .aperture__media>:not(.aperture__wash),.aperture[data-static] :is(.aperture__lead,.aperture__trail,.aperture__action){transform:none}.aperture[data-static] :is(.aperture__wash,.aperture__lead,.aperture__trail,.aperture__caption,.aperture__word,.aperture__action){opacity:1}}@container stage (height < 480px) and (width >= 640px){.aperture__headline{font-size:clamp(1.75rem,11cqh,4rem)}.aperture__caption{padding-top:16px}.aperture__text{font-size:clamp(1rem,4.5cqh,1.5rem)}.aperture__hint{display:none}}