.animation-page{--paper:#F6F5F1;--ink:#1C1C1A;--muted:#60615B;background:var(--paper);color:var(--ink);font-family:'Aruni Inter',Arial,sans-serif}
.animation-page .editorial-content{max-width:1260px;padding-inline:clamp(24px,6.25vw,80px)}
.animation-page .section-label{font:400 12px/1.6 'Aruni Inter',Arial,sans-serif;letter-spacing:.12em;color:var(--muted);margin-bottom:24px;text-transform:uppercase}
.animation-page h1,.animation-page h2:not(.section-label){font:400 clamp(36px,4vw,48px)/1.06 'Aruni Instrument Serif',Georgia,serif;letter-spacing:-.025em}
.animation-page h1{font-size:clamp(42px,4.5vw,60px)}
.animation-page p:not(.section-label):not(.film-status){font-size:16px;line-height:1.75;color:var(--muted)}
.animation-intro{padding-block:64px 40px}.animation-intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end}.animation-intro-grid p{max-width:470px}
.featured-film{padding-bottom:56px}.animation-player{position:relative;aspect-ratio:16/9;background:#1C1C1A;overflow:hidden}
.animation-player video,.film-launch{width:100%;height:100%;display:block}.animation-player video{object-fit:contain}.film-launch{position:absolute;inset:0;background:#1C1C1A;border:0;padding:0}.film-launch img{width:100%;height:100%;object-fit:contain}.film-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid #fff9;border-radius:50%;color:#fff;background:#1C1C1A55}.film-launch:focus-visible{outline:2px solid white;outline-offset:-6px}.film-launch:hover .film-play-icon{background:#1C1C1A99}
.animation-film figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px}.animation-film figcaption h2,.animation-film figcaption h3{font:400 14px/1.6 'Aruni Inter',Arial,sans-serif;letter-spacing:.035em}.film-status{font-size:12px;line-height:1.6;color:var(--muted)}
.selected-films,.animation-applications,.animation-contact{border-top:1px solid #D4D4CC;padding-block:64px 72px}.animation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.applications-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 64px;margin-top:32px}.applications-grid h3{font:400 17px/1.5 'Aruni Inter',Arial,sans-serif;margin-bottom:10px}.applications-grid p{max-width:460px}.animation-contact{display:grid;grid-template-columns:1fr 1fr;gap:64px}.animation-contact h2{max-width:440px}.animation-cta{display:inline-block;margin-top:24px;padding-block:10px;border-bottom:1px solid #96988d;font-size:12px;letter-spacing:.1em}.animation-page .footer-bottom{padding-block:32px 42px;border-top:1px solid #D4D4CC}
@media(max-width:700px){.animation-intro{padding-block:40px 30px}.animation-intro-grid,.animation-grid,.animation-contact{grid-template-columns:1fr;gap:26px}.animation-intro h1{font-size:42px}.featured-film{padding-bottom:40px}.selected-films,.animation-applications,.animation-contact{padding-block:40px 48px}.animation-grid{gap:32px}.applications-grid{gap:26px;grid-template-columns:1fr}.animation-page h2:not(.section-label){font-size:36px}.animation-film figcaption h2{font-size:14px}.animation-page .footer-bottom{padding-block:28px 32px}}
@media(prefers-reduced-motion:reduce){.animation-page{scroll-behavior:auto}.animation-page *{scroll-behavior:auto}}

/* Film captions stay subordinate to editorial headings at every breakpoint. */
.animation-page .animation-film figcaption h2,.animation-page .animation-film figcaption h3{font:400 14px/1.6 'Aruni Inter',Arial,sans-serif;letter-spacing:.035em;margin:0}