/* Scoped to the restored opening and work gallery. */
.work-motion-hero{padding-top:58px;padding-bottom:68px}
.work-motion-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:34px;margin-bottom:46px}
.work-motion-intro h1{font-size:clamp(48px,5.2vw,82px);font-weight:600;line-height:1.08;letter-spacing:-.04em}
.work-motion-aside{max-width:300px;justify-self:end;padding-bottom:5px}
.work-motion-aside>p:first-child{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin-bottom:18px}
.work-motion-aside>p:nth-child(2){color:var(--muted);font-size:15px;margin-bottom:24px}
.work-filmstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.work-film{display:block;min-width:0}
.work-film>div{overflow:hidden;aspect-ratio:16/9;background:#090a09;border-radius:2px}
.work-film:nth-child(2){padding-top:24px}
.work-film img,.work-film video{width:100%;height:100%;object-fit:contain;display:block}
.work-film>span{display:flex;justify-content:space-between;gap:8px;padding-top:12px;font:12px var(--mono)}
.work-film>span>span{color:var(--accent)}
.work-motion-ribbon{display:block;width:100%;overflow:hidden;border:0;border-block:1px solid var(--line);padding:18px 0;color:var(--ink);background:transparent;text-align:left;cursor:pointer}
.work-ribbon-track{display:flex;width:max-content;animation:work-ribbon 45s linear infinite;animation-play-state:paused}
.work-motion-ribbon.is-running .work-ribbon-track{animation-play-state:running}
.work-motion-ribbon[aria-pressed=true] .work-ribbon-track,.work-motion-ribbon:focus-visible .work-ribbon-track{animation-play-state:paused}
.work-ribbon-track>span{display:flex;align-items:center;justify-content:space-around;flex:0 0 auto;min-width:100vw;white-space:nowrap;font:500 clamp(22px,2.5vw,38px)/1.3 var(--font);letter-spacing:-.025em;text-transform:uppercase}
.work-ribbon-track b{color:var(--accent);font-weight:400;padding:0 32px}
.work-motion .section-heading h2{font-size:clamp(42px,5.8vw,84px);line-height:1.06;letter-spacing:-.04em}
.work-motion .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 26px}
.work-motion .project-visual{aspect-ratio:16/9;border-radius:2px;background:#090a09}
.work-motion .project-visual img,.work-motion .project-visual video{width:100%;height:100%;object-fit:contain;display:block;transition:transform 250ms cubic-bezier(.23,1,.32,1)}
.work-motion .project-caption{display:grid;grid-template-columns:1fr auto;gap:9px 20px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.work-motion .project-caption h3{font-size:clamp(22px,2.1vw,32px);line-height:1.25;letter-spacing:-.035em;grid-column:1/-1}
.work-motion .project-caption p{font:11px/1.6 var(--mono);grid-column:1}
.work-motion .project-caption p{max-width:64ch}.work-case-link{white-space:nowrap}
.work-case-link{font:11px/1.6 var(--mono);color:var(--accent);align-self:center}
.work-motion .project-open{width:34px;height:34px;font-size:20px}
.work-motion-hero .work-motion-intro{animation:work-enter 650ms cubic-bezier(.23,1,.32,1) both}
.work-motion .reveal.is-visible{animation:work-enter 500ms cubic-bezier(.23,1,.32,1) both}
.work-motion .project-card a:hover .project-visual img{transform:none;filter:none}
@keyframes work-ribbon{to{transform:translateX(-50%)}}
@keyframes work-enter{from{opacity:.35;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.work-film:hover>span{color:var(--accent)}.work-motion .project-card a:hover .project-visual img,.work-motion .project-card a:hover .project-visual video{transform:scale(1.025)}.work-motion-ribbon:hover .work-ribbon-track{animation-play-state:paused}}
@media(max-width:1000px){.work-motion-intro{grid-template-columns:1.6fr 1fr}.work-motion-intro h1{font-size:8.5vw}.work-motion-aside>p:first-child{font-size:21px}.work-motion .project-grid{gap:44px 20px}}
@media(max-width:700px){.work-motion-hero{padding-top:34px;padding-bottom:42px}.work-motion-intro{grid-template-columns:1fr;gap:26px;margin-bottom:32px}.work-motion-intro h1{font-size:clamp(58px,13.8vw,86px)}.work-motion-aside{max-width:none;justify-self:stretch;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.work-motion-aside>p:first-child{font-size:17px;margin:0}.work-motion-aside>p:nth-child(2){display:none}.work-motion-aside .button{font-size:11px;padding:13px 14px;gap:12px}.work-filmstrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.work-film:first-child{grid-column:1/-1}.work-film:nth-child(2){padding-top:0}.work-film>span{font-size:10px;padding-top:9px}.work-motion .project-grid{grid-template-columns:1fr;gap:36px}.work-motion .project-caption h3{font-size:23px}.work-motion .section-heading{align-items:start;flex-direction:column;gap:18px}.work-motion .section-heading h2{font-size:43px;max-width:none}.work-motion-ribbon{padding:14px 0}.work-ribbon-track b{padding:0 20px}}
@media(prefers-reduced-motion:reduce){.work-ribbon-track,.work-motion-hero .work-motion-intro,.work-motion .reveal.is-visible{animation:none}.work-film:nth-child(2){padding-top:0}.work-motion .project-visual img,.work-motion .project-visual video{transition:none}.work-motion .project-card a:hover .project-visual img,.work-motion .project-card a:hover .project-visual video{transform:none}}
@media(max-width:1200px){.work-motion-intro{grid-template-columns:1fr}.work-motion-intro h1{font-size:clamp(46px,6.3vw,74px)}.work-motion-aside{justify-self:start}}
@media(max-width:700px){.work-motion-intro h1{font-size:clamp(35px,8.7vw,56px);line-height:1.1}.work-motion-aside{display:block;justify-self:start}.work-motion .section-heading h2{font-size:clamp(34px,8.8vw,43px)}.work-motion .project-caption{grid-template-columns:1fr}.work-motion .work-case-link{grid-column:1}}