@layer components{.dir-v5 .a-hero-fig__img{aspect-ratio:4/5;border-radius:var(--r-md);background:var(--c-bg-2);display:block;position:relative;overflow:hidden}@media (max-width:1023px){.dir-v5 .a-hero-fig__img{aspect-ratio:3/2}}.dir-v5 .a-studios{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(15rem,1fr);grid-auto-flow:column;gap:clamp(16px,2vw,28px);padding-bottom:4px;display:grid;overflow-x:auto}.dir-v5 .a-studios::-webkit-scrollbar{display:none}@media (max-width:767px){.dir-v5 .a-studios{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);grid-auto-columns:72vw}}.dir-v5 .a-studio{scroll-snap-align:start}.dir-v5 .a-studio__img{aspect-ratio:4/5;border-radius:var(--r-md);background:var(--c-bg-2);display:block;position:relative;overflow:hidden}.dir-v5 .a-studio__img img{transition:transform .9s var(--ease)}.dir-v5 .a-studio a:hover .a-studio__img img{transform:scale(1.04)}.dir-v5 .a-studio a:focus-visible{outline:none}.dir-v5 .a-studio a:focus-visible .a-studio__img{outline:2px solid var(--c-focus);outline-offset:3px}.dir-v5 .a-partners{border-top:1px solid var(--c-rule);border-left:1px solid var(--c-rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:768px){.dir-v5 .a-partners{grid-template-columns:repeat(3,minmax(0,1fr))}}.dir-v5 .a-partners>li{border-right:1px solid var(--c-rule);border-bottom:1px solid var(--c-rule)}.dir-v5 .a-partner{height:clamp(110px,12vw,150px);transition:background-color .3s var(--ease);place-items:center;display:grid;position:relative}.dir-v5 .a-partner img{opacity:.72;transition:opacity .3s var(--ease)}.dir-v5 .a-partner:hover{background:rgb(var(--c-fg) / .04)}.dir-v5 .a-partner:hover img{opacity:1}.dir-v5 .a-partner__go{color:var(--c-ink-3);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);position:absolute;top:14px;right:14px}.dir-v5 .a-partner:hover .a-partner__go,.dir-v5 .a-partner:focus-visible .a-partner__go{opacity:1;transform:translate(2px,-2px)}.dir-v5 .a-facts{border-top:1px solid var(--c-rule)}.dir-v5 .a-facts__row{border-bottom:1px solid var(--c-rule);gap:.35rem 2rem;padding:1.25rem 0;display:grid}@media (min-width:640px){.dir-v5 .a-facts__row{grid-template-columns:11rem minmax(0,1fr)}}.dir-v5 .a-facts__row dt{color:var(--c-ink-3);font-size:.9375rem}.dir-v5 .a-facts__row dd{color:var(--c-ink);font-size:1.0625rem;font-weight:600}}
