.animations-page .animations-hero{height:calc(100svh - 210px);min-height:580px;max-height:650px}
.animations-page .animations-hero>img{object-position:center center}
.animations-page .animations-hero::before{background:linear-gradient(90deg,#000a 0%,#0007 37%,#0001 75%),linear-gradient(0deg,#0008,transparent 55%)}
.animations-page .page-hero-inner{height:100%;min-height:0;position:relative}
.animations-page .page-hero-copy{max-width:650px}
.animations-page .page-hero-copy>p:not(.eyebrow){max-width:540px}
@media(max-width:700px){.animations-page .page-hero.animations-hero>img{object-position:72% center}}
@media(max-width:700px){.animations-page .page-hero.animations-hero .page-hero-image{object-position:72% center}}
.animations-hero-feature{position:absolute;right:56px;bottom:42px;max-width:280px;border-left:2px solid var(--red);padding-left:22px;display:flex;flex-direction:column;gap:8px}
.animations-hero-feature strong{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:500;line-height:1.1}
.animations-hero-feature>span:last-child{display:flex;align-items:center;gap:16px;font-size:14px}
.animations-hero-feature:hover>span:last-child{text-decoration:underline;text-underline-offset:5px}
.animations-index{background:#f6f7f6;scroll-margin-top:0}
.animations-index .inner-section{padding-block:80px 90px}
.animations-index .section-heading{margin-bottom:32px}
.animation-categories{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border:0;padding:0;margin:0 0 12px;min-width:0}
.animation-categories legend{font-size:13px;color:var(--muted);margin-bottom:12px}
.animation-categories label{position:relative;cursor:pointer}
.animation-categories input{position:absolute;opacity:0;width:1px;height:1px}
.animation-categories label>span{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border:1px solid #d1d6d1;border-radius:4px;font-size:14px;font-weight:600;background:#fff;transition:background .2s,color .2s}
.animation-categories label>span::before{content:'+';font-size:18px;font-weight:400;line-height:1}
.animation-categories input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.animation-categories input:checked+span::before{content:'\2713'}
.animation-categories input:focus-visible+span{outline:3px solid var(--red);outline-offset:3px}
.animation-categories label:hover>span{border-color:var(--ink)}
.animation-categories .is-unavailable{opacity:.45;cursor:not-allowed}
.animations-index .listing-toolbar{margin-bottom:32px;padding:12px 0 22px;flex-wrap:wrap}
.animations-index .search-field{background:#fff}
.animation-results{display:flex;align-items:center;gap:24px;margin-left:auto}
.animation-results .text-link{font-size:13px;gap:10px}
.animation-results button:disabled{cursor:default}
.animations-index .animation-grid{gap:32px}
.animations-index .animation-link{background:#fff;border-radius:4px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.animations-index .animation-photo{border-radius:0;aspect-ratio:4/3}
.animations-index .animation-photo picture{display:block;width:100%;height:100%}
.animations-index .animation-photo picture>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.animations-index .animation-link:hover .animation-photo picture>img{transform:scale(1.025)}
@media(min-width:701px){.animations-index .animation-grid{container-type:inline-size}.animations-index .animation-link--promoted{grid-column:span 2}.animations-index .animation-photo{aspect-ratio:auto;height:calc((100cqw - 64px) / 4);flex-shrink:0}}
@media(min-width:701px) and (max-width:960px){.animations-index .animation-photo{height:calc((100cqw - 32px) * .375)}}
.animation-copy{padding:24px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.animation-universe{font-size:11px;text-transform:uppercase;color:var(--red);font-weight:700;line-height:1.6}
.animations-index .animation-link h3{font-size:27px;line-height:1.14;margin:12px 0 14px;overflow-wrap:anywhere}
.animations-index .animation-link p{font-size:15px;line-height:1.7;margin-bottom:24px}
.animation-discover{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding-top:18px;margin-top:auto;border-top:1px solid var(--line);font-size:13px;font-weight:600}
.animation-discover svg{color:var(--red);transition:transform .2s}
.animation-link:hover .animation-discover svg{transform:translate(3px,-3px)}
.animation-programme{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:85px}
.animation-programme .eyebrow{margin-bottom:24px;color:var(--muted)}
.animation-programme h2{font-size:48px}
.animation-programme-copy{align-self:center}
.animation-programme-copy>p{color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:22px;max-width:540px}
@media(min-width:1600px){.animations-page .animations-hero>img{object-position:center center}}
@media(max-width:1000px){.animations-hero-feature{right:30px;max-width:215px}.animations-page .page-hero-copy{max-width:580px}.animation-copy{padding:22px}.animation-programme{gap:35px}.animation-programme h2{font-size:40px}}
@media(max-width:700px){.animations-page .animations-hero{height:auto;min-height:580px;max-height:none}.animations-page .animations-hero>img{object-position:48% center}.animations-page .animations-hero::before{background:linear-gradient(0deg,#000c 0%,#0008 55%,#0003 100%)}.animations-page .page-hero-inner{min-height:580px;padding-bottom:28px;gap:24px}.animations-page .page-hero-copy{margin-top:45px}.animations-page .page-hero-copy>p:not(.eyebrow){font-size:16px}.animations-hero-feature{position:static;margin-top:24px;max-width:none;padding-left:16px;gap:4px}.animations-hero-feature strong{font-size:24px}.animations-index .inner-section{padding-block:55px}.animations-index .section-heading{gap:20px}.animation-categories{gap:8px}.animation-categories label>span{font-size:13px;padding:7px 12px}.animations-index .listing-toolbar{gap:16px}.animation-results{width:100%;justify-content:space-between}.animations-index .animation-grid{gap:24px}.animation-copy{padding:22px}.animations-index .animation-link h3{font-size:28px}.animation-programme{grid-template-columns:1fr;gap:24px;padding-block:55px}.animation-programme h2{font-size:36px}.animation-programme-copy>p{font-size:16px}}