@layer components{.family-archie{display:none}@media (min-aspect-ratio:4/5) and (min-width:1280px){.family-archie{--travel:var(--parallax-sky);inset:calc(var(--travel) / -2) 0;z-index:1;pointer-events:none;display:block;position:absolute;container-type:size}.family-archie__perch{--star-x:.8556;--star-y:.5722;--paint-w:max(100cqw, 100cqh * 16 / 9);--paint-h:max(100cqh, 100cqw * 9 / 16);left:calc((100cqw - var(--paint-w)) * .8 + var(--star-x) * var(--paint-w));top:calc((100cqh - var(--paint-h)) * .5 + var(--star-y) * var(--paint-h));position:absolute;translate:-50% -76%}@media (min-width:1600px){.family-archie__perch{transform-origin:50% 76%;scale:1.3}}.family-archie__perch:before{content:"";z-index:-1;background-image:var(--archie-card-glow);position:absolute;inset:-18% -40% -8%}}@media (min-aspect-ratio:4/5) and (min-width:1280px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.family-archie{animation:linear both world-parallax;animation-timeline:--band;animation-range:cover}}}}