:root{--paper:#e9e5db;--ink:#121212;--dark:#101010;--light:#f0ede5;--muted:#79756c;--signal:#b8d900;--line:rgba(18,18,18,.22);--pad:clamp(20px,3.2vw,56px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--dark);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper)}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;height:auto}p,h1,h2,h3,figure{margin-top:0}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;background:#fff;color:#111;padding:.8rem}.skip-link:focus{top:1rem}.site-header{position:absolute;z-index:30;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px var(--pad);color:var(--light);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.wordmark{font-weight:700}.site-header nav{display:flex;gap:clamp(18px,3vw,48px)}.eyebrow,.folio,.scope,.snapshot,.scope-line,small,figcaption{font:10px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em}.eyebrow{margin-bottom:1.4rem}.hero{min-height:100svh;background:var(--dark);color:var(--light);padding:15vh var(--pad) 5vh;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;gap:1.5rem}.folio{grid-column:1/3}.hero-copy{grid-column:2/8;align-self:center;z-index:2}.hero h1{font-size:clamp(58px,8.4vw,134px);line-height:.82;letter-spacing:-.074em;font-weight:500;margin:0}.hero h1 em,.next-project h2 em{font-family:Georgia,serif;font-weight:400}.hero-dek{font:clamp(18px,1.45vw,24px)/1.4 Georgia,serif;max-width:34ch;margin:2.4rem 0 0}.scope{grid-column:9/13;align-self:end;text-align:right;line-height:1.7}.hero-frame{grid-column:8/13;grid-row:2;align-self:center;position:relative;aspect-ratio:16/10;overflow:hidden;margin-top:5vh}.hero-frame img{width:100%;height:100%;object-fit:cover}.frame-index{position:absolute;right:12px;bottom:10px;color:#fff;background:rgba(0,0,0,.62);padding:.25rem .4rem;font:10px var(--font-micro)}.snapshot{grid-column:2/8;display:flex;align-items:center;gap:.85rem;margin:0}.snapshot i{width:4px;height:4px;border-radius:50%;background:var(--signal)}.section{padding:clamp(100px,13vw,200px) var(--pad);display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,3vw,48px);border-top:1px solid var(--line)}.section-dark{background:var(--dark);color:var(--light);border-color:#333}.section-dark .eyebrow{color:var(--signal)}.section-heading{grid-column:2/7}.section h2{font-size:clamp(42px,5.8vw,88px);line-height:.93;letter-spacing:-.06em;font-weight:500;margin:0}.lead{grid-column:8/12;align-self:end;font:clamp(21px,2vw,31px)/1.42 Georgia,serif}.led-copy{grid-column:8/12;align-self:end;font:clamp(17px,1.35vw,22px)/1.55 Georgia,serif;color:#bbb}.scope-line{color:var(--signal);padding:1.3rem 0;border-top:1px solid #555;border-bottom:1px solid #555;margin-bottom:2.5rem}.selected{display:block}.selected>header{margin-left:8.333%;max-width:56rem}.selected .film{margin-top:clamp(100px,13vw,200px)}.film .frame-reveal{overflow:hidden}.film img{aspect-ratio:16/9;object-fit:cover}.film-wide{width:83.333%;margin-left:auto}.film-offset{width:66.666%;margin-left:8.333%}.film-narrow{width:58.333%;margin-left:auto;margin-right:8.333%}.film-caption{display:grid;grid-template-columns:8.333% 1fr;gap:1.25rem;padding-top:1.2rem}.film-caption h3{font-size:clamp(28px,3.2vw,52px);line-height:1;letter-spacing:-.045em;font-weight:500;margin-bottom:.75rem}.film-caption p{font:clamp(16px,1.25vw,20px)/1.45 Georgia,serif;max-width:35rem;margin-bottom:1rem}.film-number{font:10px var(--font-micro)!important;color:var(--muted)}.film-caption small{color:var(--muted)}.shaping{min-height:95svh;align-content:center}.process{grid-column:2/13;display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;margin:11vh 0 0}.process li{min-height:150px;border-top:1px solid #555;padding:1rem 1rem 0 0;position:relative}.process li:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--signal);top:-4px}.process b,.process span{display:block;font:10px/1.45 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}.process b{color:#777;margin-bottom:3.5rem}.process li:not(:last-child):after{content:"›";position:absolute;right:10px;top:-12px;color:#777}.motion{display:block;padding-bottom:clamp(120px,15vw,230px)}.motion header{margin-left:8.333%;max-width:56rem}.motion header>p:last-child{font:18px/1.5 Georgia,serif;color:#aaa;max-width:30rem;margin-top:2rem}.players{margin-top:10vh;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(22px,3vw,48px)}.players figure{margin:0}.players figure:nth-child(1){grid-column:2/12}.players figure:nth-child(2){grid-column:2/8;margin-top:8vh}.players figure:nth-child(3){grid-column:7/12;margin-top:20vh}.players video{aspect-ratio:16/9;background:#050505;object-fit:cover}.players figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;color:#aaa}.players figcaption span:first-child{color:var(--light)}.section-signal{background:var(--signal);padding-bottom:0}.outcome-main{grid-column:2/11}.outcome-main h2{font-size:clamp(48px,7vw,108px)}.outcome-support{grid-column:8/13;margin:6vh 0 13vh}.outcome-support>p{font:clamp(18px,1.5vw,23px)/1.5 Georgia,serif}.credits{margin-top:4rem;border-top:1px solid rgba(18,18,18,.45)}.credits p{padding:1.2rem 0;margin:0;border-bottom:1px solid rgba(18,18,18,.45);font-size:14px;line-height:1.55}.credits b{display:block;margin-bottom:.35rem}.next-project{grid-column:1/-1;width:calc(100% + var(--pad)*2);margin:0 calc(var(--pad)*-1);min-height:92svh;background:var(--dark);color:var(--light);padding:12vh var(--pad);display:grid;grid-template-columns:2fr 7fr 3fr;gap:2rem;align-content:center}.back-link{grid-column:1;align-self:end;width:max-content;min-height:44px;display:flex;align-items:center;color:#999;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.next-project__link{grid-column:2;display:block}.next-project__meta{display:grid;grid-template-columns:max-content clamp(90px,10.5vw,215px) max-content;align-items:center;gap:14px;width:max-content;margin:0 0 1.6rem calc(-16.6667vw + var(--pad)/3 - 1.333rem);font:11px/1.4 var(--font-micro);letter-spacing:.1em;text-transform:uppercase}.next-project__meta i{height:1px;background:var(--signal);transition:transform .22s;transform-origin:left}.next-project__link:hover .next-project__meta i,.next-project__link:focus-visible .next-project__meta i{transform:scaleX(1.06)}.next-project h2{font-size:clamp(50px,7vw,106px);line-height:.86}footer{padding:32px var(--pad);display:flex;justify-content:space-between;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em}:where(a[href],video):focus-visible{outline:3px solid #b8ff00;outline-offset:4px;box-shadow:0 0 0 2px #111}.frame-reveal img{clip-path:inset(0 0 100% 0);transform:scale(1.025);transition:clip-path 1s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1)}.frame-reveal.is-visible img,.hero .frame-reveal img{clip-path:inset(0);transform:scale(1)}
@media(max-width:800px){:root{--pad:20px}.site-header nav a:nth-child(2){display:none}.site-header a{min-height:44px;display:inline-flex;align-items:center}.hero{padding-top:16vh;display:flex;flex-direction:column;min-height:100svh}.folio{margin-bottom:8vh}.hero-copy{margin:0}.hero h1{font-size:clamp(48px,15vw,68px)}.hero-dek{font-size:19px}.hero-frame{order:4;width:calc(100% + var(--pad)*2);margin:7vh calc(var(--pad)*-1) 0;aspect-ratio:16/10}.scope{order:3;text-align:left;margin-top:auto;padding-top:8vh}.snapshot{order:5;flex-wrap:wrap;padding-top:1.5rem}.section{display:block;padding:90px var(--pad)}.section h2{font-size:clamp(40px,12vw,58px)}.lead,.led-copy{margin-top:4rem}.selected>header,.motion header{margin-left:0}.selected .film,.film-wide,.film-offset,.film-narrow{width:100%;margin:90px 0 0}.film img{aspect-ratio:16/10}.film-caption{grid-template-columns:35px 1fr}.shaping{min-height:0}.process{display:block;margin-top:5rem}.process li{min-height:100px}.process b{margin-bottom:1rem}.players{display:block;margin-top:4rem}.players figure,.players figure:nth-child(1),.players figure:nth-child(2),.players figure:nth-child(3){margin:0 0 4rem}.players figcaption{font-size:9px}.players figcaption span:last-child{text-align:right}.outcome-main,.outcome-support{margin:0}.outcome-support{margin-top:4rem}.next-project{display:flex;flex-direction:column;min-height:80svh;margin-top:90px}.next-project__link{margin-top:auto}.next-project__meta{grid-template-columns:max-content minmax(24px,1fr) minmax(0,max-content);width:100%;margin-left:0;font-size:9px}.next-project__meta span:last-child{text-align:right}.back-link{order:2;margin-top:4rem}.next-project h2{font-size:clamp(46px,13vw,62px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.frame-reveal img{clip-path:none;transform:none;transition:none}.next-project__meta i{transition:none}}
@media(forced-colors:active){:where(a[href],video):focus-visible{outline:3px solid Highlight;box-shadow:none}}
footer{align-items:center}footer a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:800px){.site-header a{min-width:44px}}

/* Client films editorial revision */
.hero{padding-top:13vh;overflow:hidden}
.hero-copy{grid-column:1/7;padding-left:8.333%}
.hero-dek{max-width:31ch}
.scope{grid-column:8/13;max-width:50ch;justify-self:end}
.hero-frame{grid-column:7/14;grid-row:1/3;align-self:stretch;min-height:72vh;margin:0 calc(var(--pad)*-1) 0 0;aspect-ratio:auto}
.hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--dark) 0%,rgba(16,16,16,.48) 20%,transparent 52%);pointer-events:none}
.hero-frame img{object-position:54% center}
.frame-index{z-index:1}
.film-supporting{width:48%;margin-left:16.666%}
.film-carmela{width:66.666%;margin-left:auto;margin-right:8.333%}
.bts-note{font:16px/1.5 Georgia,serif;color:#999;max-width:34rem;margin:2.5rem 0 0}
.process{grid-template-columns:repeat(7,1fr)}
.players figure:nth-child(4){grid-column:2/7;margin-top:4vh}
.players figure:nth-child(5){grid-column:7/12;margin-top:16vh}
.bts-strip{grid-column:2/13;display:grid;grid-template-columns:1.25fr .9fr 1.1fr;gap:clamp(12px,1.5vw,24px);align-items:end;margin-top:clamp(60px,9vw,130px)}
.bts-strip figure{margin:0}
.bts-strip .frame-reveal{overflow:hidden;background:#171717}
.bts-strip img{aspect-ratio:16/10;object-fit:cover}
.bts-strip figure:nth-child(2) img{aspect-ratio:4/5}
.bts-strip figcaption{padding-top:.85rem;color:#888}

@media(max-width:800px){
  .hero-copy{padding:0}
  .hero-frame{width:calc(100% + var(--pad)*2);min-height:0;margin:7vh calc(var(--pad)*-1) 0;aspect-ratio:4/3}
  .hero-frame:after{background:linear-gradient(0deg,rgba(16,16,16,.32),transparent 45%)}
  .hero-frame img{object-position:58% center}
  .film-supporting{width:100%;margin:90px 0 0}
  .film-carmela{width:100%;margin:90px 0 0}
  .players figure:nth-child(4){margin:0 0 4rem}
  .players figure:nth-child(5){margin:0 0 4rem}
  .bts-strip{display:grid;grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:64px}
  .bts-strip figure:first-child{grid-column:1/-1}
  .bts-strip figure:nth-child(2) img{aspect-ratio:4/5}
  .bts-strip figure:nth-child(3) img{aspect-ratio:4/5}
  .bts-strip figcaption{font-size:9px;line-height:1.45;letter-spacing:.06em}
}

/* System uniformization pass: DD.ca and DP&I typography, grid and navigation. */
.eyebrow,.folio,.scope,.snapshot,.scope-line,small,figcaption{font:12px/1.4 var(--font-micro);letter-spacing:.1em}
.eyebrow{line-height:1.35;letter-spacing:.14em}
.hero{padding-top:16vh;padding-bottom:7vh;grid-template-rows:auto 1fr auto auto;gap:1.5rem;position:relative}
.hero-copy{grid-column:3/7;padding-left:0}
.hero h1{font-size:clamp(52px,8.2vw,132px);line-height:.84;letter-spacing:-.072em}
.hero-dek{font:clamp(19px,1.65vw,27px)/1.3 Georgia,serif;max-width:27ch;margin-top:2rem}
.scope{position:absolute;right:var(--pad);bottom:9vh;grid-column:auto;grid-row:auto;justify-self:auto;align-self:auto;width:max-content;max-width:calc(100% - var(--pad)*2);text-align:left;white-space:nowrap;font-size:clamp(10px,.78vw,12px);line-height:1.4;letter-spacing:clamp(.035em,.055vw,.09em)}
.hero-frame{grid-row:1/3}
.snapshot{grid-column:3/8;grid-row:4}
.section{padding:clamp(90px,13vw,200px) var(--pad);gap:clamp(22px,3vw,48px)}
.section-heading{grid-column:2/7}
.section h2{font-size:clamp(40px,5.8vw,88px);line-height:.94;letter-spacing:-.06em}
.lead{grid-column:8/12;font:clamp(19px,1.65vw,27px)/1.4 Georgia,serif}
.led-copy{grid-column:8/12;font:clamp(17px,1.35vw,22px)/1.48 Georgia,serif}
.scope-line{font-size:12px;line-height:1.5;letter-spacing:.1em}
.selected>header,.motion header{margin-left:8.333%;max-width:56rem}
.film-caption h3{font-size:clamp(32px,4.1vw,64px);line-height:.96;letter-spacing:-.055em}
.film-caption p,.motion header>p:last-child,.bts-note{font:clamp(16px,1.3vw,21px)/1.48 Georgia,serif}
.film-number,.process b,.process span{font:12px/1.35 var(--font-micro)!important;letter-spacing:.08em}
.players figcaption{font-size:12px;line-height:1.4;letter-spacing:.08em}
.outcome-main{grid-column:2/10}
.outcome-main h2{font-size:clamp(40px,5.8vw,88px);line-height:.94}
.outcome-support{grid-column:8/13}
.outcome-support>p{font:clamp(17px,1.35vw,22px)/1.48 Georgia,serif}
.credits p{font-size:clamp(16px,1.05vw,18px);line-height:1.55}
.next-project{min-height:92svh;padding:15vh var(--pad);grid-template-columns:2fr 7fr 3fr}
.next-project h2{font-size:clamp(44px,6.2vw,96px);line-height:.88;letter-spacing:-.065em;font-weight:500;margin:0}
.next-project nav{grid-column:3;align-self:end;display:flex;flex-direction:column;gap:1.7rem}
.editorial-link{display:inline-flex;gap:.45rem;width:max-content;padding-bottom:.35rem;text-transform:uppercase;font-size:12px;letter-spacing:.1em;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .22s}
.editorial-link:hover,.editorial-link:focus-visible{background-size:100% 1px}
.editorial-link span{transition:transform .22s}
.editorial-link.back{color:#999}
.editorial-link.back:hover,.editorial-link.back:focus-visible{color:var(--light)}
.editorial-link.back:hover span,.editorial-link.back:focus-visible span{transform:translateX(-4px)}
.editorial-link.next:hover span,.editorial-link.next:focus-visible span{transform:translateX(4px)}
footer{font:12px/1.4 var(--font-micro);letter-spacing:.09em}

@media(max-width:800px){
  .hero{padding-top:18vh;gap:0}
  .folio{margin-bottom:11vh}
  .hero h1{font-size:clamp(46px,14vw,64px);line-height:.88}
  .hero-dek{font-size:19px;max-width:92%}
  .scope{position:static;right:auto;bottom:auto;order:3;width:auto;max-width:none;white-space:normal;font-size:12px;line-height:1.55;letter-spacing:.08em;padding:8vh 0 0;margin-top:auto}
  .hero-frame{order:4}
  .snapshot{order:5}
  .section{padding:90px var(--pad)}
  .section h2{font-size:clamp(39px,12vw,58px)}
  .selected>header,.motion header{margin-left:0}
  .film-caption h3{font-size:clamp(32px,10vw,44px)}
  .next-project{padding:15vh var(--pad);margin-top:90px}
  .next-project h2{font-size:48px}
  .next-project nav{align-self:flex-start;margin-top:4rem;order:2}
  .editorial-link{min-height:44px;align-items:center}
}

@media(prefers-reduced-motion:reduce){.editorial-link,.editorial-link span{transition:none}}

/* SELECTED FILMS / MOTION DESIGN PASS */
.selected{padding-bottom:clamp(130px,17vw,260px)}
.selected>header{margin-bottom:clamp(120px,15vw,220px)}
.selected .film{position:relative;margin-top:0}
.selected .film+.film{margin-top:clamp(120px,16vw,250px)}
.selected .film-wide{width:83.333%;margin-left:auto}
.selected .film-wide .frame-reveal{aspect-ratio:1.9/1}
.selected .film-offset{width:58.333%;margin-left:8.333%}
.selected .film-offset .frame-reveal{aspect-ratio:4/3}
.selected .film-narrow{width:50%;margin-left:auto;margin-right:8.333%}
.selected .film-narrow .frame-reveal{aspect-ratio:5/4}
.selected .film-carmela{width:41.666%;margin-left:16.666%;margin-right:0}
.selected .film-carmela .frame-reveal{aspect-ratio:3/2}
.selected .frame-reveal img{height:100%;aspect-ratio:auto;transition:clip-path 1s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1)}
.selected .film-offset img{object-position:52% center}
.selected .film-narrow img{object-position:50% center}
.selected .film-caption{grid-template-columns:minmax(38px,8.333%) minmax(0,1fr);padding-top:clamp(18px,2vw,30px)}
.selected .film-caption>div{max-width:38rem}
.selected .film-offset .film-caption{margin-left:8.333%}
.selected .film-narrow .film-caption{margin-left:-16.666%;grid-template-columns:clamp(38px,8vw,110px) minmax(0,1fr)}
.selected .film-carmela .film-caption{width:150%;margin-left:20%;grid-template-columns:clamp(38px,6vw,82px) minmax(0,1fr)}

.motion{position:relative;padding-top:clamp(120px,15vw,220px);border-top:0}
.motion:before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:linear-gradient(90deg,var(--signal) 0 16.666%,rgba(240,237,229,.2) 16.666% 100%)}
.motion header{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);column-gap:clamp(32px,7vw,120px);max-width:none;margin:0 8.333%}
.motion header .eyebrow{grid-column:1/-1}
.motion header h2{grid-column:1}
.motion header>p:last-child{grid-column:2;align-self:end;margin:0 0 .5rem}
.players{margin-top:clamp(80px,11vw,170px);display:block}
.players figure{margin:0}
.player-featured{width:83.333%;margin-left:auto!important}
.player-featured video{aspect-ratio:1.9/1}
.player-featured figcaption{padding-right:8.333%}
.player-sequence{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(22px,3vw,48px);align-items:start;margin-top:clamp(100px,13vw,190px)}
.player-sequence figure:nth-child(1){grid-column:2/7}
.player-sequence figure:nth-child(2){grid-column:8/12;margin-top:clamp(70px,9vw,135px)}
.player-sequence figure:nth-child(3){grid-column:3/8;margin-top:clamp(90px,12vw,180px)}
.players video{aspect-ratio:16/9;background:#050505;object-fit:cover;transition:filter .35s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.players figure:hover video{filter:brightness(1.07);transform:scale(1.006)}
.players figcaption{border-top:1px solid rgba(240,237,229,.22);margin-top:14px;padding-top:14px}

@media(max-width:800px){
  .selected{padding-bottom:110px}
  .selected>header{margin-bottom:88px}
  .selected .film,.selected .film-wide,.selected .film-offset,.selected .film-narrow,.selected .film-carmela{width:100%;margin:0}
  .selected .film+.film{margin-top:92px}
  .selected .film .frame-reveal{aspect-ratio:16/10}
  .selected .film:nth-of-type(even) .frame-reveal{width:calc(100% - 28px);margin-left:auto}
  .selected .film:nth-of-type(odd) .frame-reveal{width:calc(100% - 28px)}
  .selected .film-caption,.selected .film-offset .film-caption,.selected .film-narrow .film-caption,.selected .film-carmela .film-caption{width:100%;margin-left:0;grid-template-columns:35px minmax(0,1fr);padding-top:18px}
  .motion{padding-top:96px}
  .motion:before{left:var(--pad);right:var(--pad)}
  .motion header{display:block;margin:0}
  .motion header>p:last-child{margin-top:2rem}
  .players{margin-top:62px}
  .player-featured{width:100%;margin:0!important}
  .player-featured video{aspect-ratio:16/9}
  .player-featured figcaption{padding-right:0}
  .player-sequence{display:block;margin-top:70px}
  .player-sequence figure,.player-sequence figure:nth-child(1),.player-sequence figure:nth-child(2),.player-sequence figure:nth-child(3){margin:0 0 64px}
  .players figcaption{min-height:44px;align-items:flex-start}
}

@media(prefers-reduced-motion:reduce){.players video{transition:none}.players figure:hover video{transform:none}}

/* Keep the final navigation flush with the footer, matching the project-page system. */
.outcome.section-signal{padding-bottom:0}

/* P1B.2: one editorial entry and native player per film. */
.film-evidence.section{display:block}
.film-evidence>header{margin:0 8.333% 64px;max-width:56rem}
.viewing-note{font:clamp(16px,1.3vw,21px)/1.48 Georgia,serif;color:#bbb;max-width:34rem;margin:2rem 0 0}
.film-evidence .film-entry{width:75%;margin:0 0 0 auto}
.film-evidence .film-entry:first-of-type{width:83.333%}
.film-evidence .film-entry:nth-of-type(even){margin-left:8.333%;margin-right:auto}
.film-evidence .film-entry+.film-entry{margin-top:clamp(80px,9vw,136px)}
.film-context{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;margin-bottom:28px}
.film-context h3{font-size:clamp(32px,4.1vw,64px);line-height:.96;letter-spacing:-.055em;font-weight:500;margin:0 0 24px}
.film-context p{font:clamp(16px,1.3vw,21px)/1.48 Georgia,serif;max-width:42rem;margin:0}
.film-context .film-number{color:var(--signal);padding-top:6px}
.film-context .film-choice{color:var(--light);margin-bottom:8px}
.film-context p:last-child{color:#bbb}
.film-evidence video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#050505}
@media(max-width:800px){
 .film-evidence>header{margin:0 0 56px}
 .film-evidence .film-entry,.film-evidence .film-entry:first-of-type,.film-evidence .film-entry:nth-of-type(even){width:100%;margin-left:0;margin-right:0}
 .film-context{grid-template-columns:28px minmax(0,1fr);gap:12px;margin-bottom:24px}
 .film-context h3{font-size:clamp(32px,10vw,44px);margin-bottom:20px}
 .film-evidence .film-entry+.film-entry{margin-top:72px}
}

/* Films hero regression fix: keep the absolute image field relative to the
   full hero, not the legacy grid area after P0 enabled the shared grid. */
@media(min-width:801px){
  body[data-project="films"] .hero>.hero-frame{grid-column:auto;grid-row:auto}
}