:root{--ink:#11100e;--paper:#eee9e1;--soft:#c4bdb3;--muted:#a9a195;--accent:#e56847;--line:rgba(239,233,225,.25);--font:Arial,"Helvetica Neue",Helvetica,sans-serif;--serif:"Iowan Old Style","Baskerville",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,a{-webkit-tap-highlight-color:transparent}
img,video{display:block;max-width:100%}
::selection{background:var(--accent);color:#100e0c}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:999;top:-100px;left:16px;background:var(--paper);color:var(--ink);padding:12px 18px}
.skip-link:focus{top:16px}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.site-header{height:72px;position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;gap:34px;padding:0 clamp(22px,3vw,55px);background:linear-gradient(180deg,rgba(7,7,6,.86),rgba(7,7,6,.62));border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
.brand-mark{font-size:24px;font-weight:900;letter-spacing:-.13em;line-height:1}
.brand-dot{color:var(--accent);padding-left:2px}
.brand-name{font-size:10px;font-weight:800;letter-spacing:.19em}
.site-header nav{display:flex;align-items:center;gap:clamp(15px,2.5vw,38px);margin-left:auto}
.site-header nav a{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;opacity:.76;transition:opacity .2s,color .2s}
.site-header nav a:hover,.site-header nav a:focus-visible{opacity:1;color:#fff}
.header-status{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#bcb5aa;border-left:1px solid rgba(255,255,255,.22);padding-left:24px;white-space:nowrap}
.eyebrow,.section-number{font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.eyebrow.light{color:#f6f1e9}
.screen-panel{height:100svh;min-height:650px;position:relative;isolation:isolate;overflow:hidden;background:#1b1a18}
.panel-media,.panel-shade{position:absolute;inset:0}
.panel-media{z-index:-2;background:#1c1a18}
.panel-video{width:100%;height:100%;object-fit:cover}
.panel-shade{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.37) 0%,rgba(0,0,0,.03) 30%,rgba(0,0,0,.23) 55%,rgba(0,0,0,.79) 100%)}
.opening .panel-shade{background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.08) 68%),linear-gradient(180deg,rgba(0,0,0,.08) 55%,rgba(0,0,0,.45))}
.opening-copy{position:absolute;left:clamp(24px,6.7vw,120px);right:24px;top:50%;transform:translateY(-43%)}
.opening-copy h1{font-size:clamp(80px,13vw,220px);line-height:.76;letter-spacing:-.087em;font-weight:800;margin:34px 0 45px}
.opening-copy h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em;color:#f5ede3}
.opening-copy>p:last-child{font-size:clamp(16px,1.6vw,24px);line-height:1.3;max-width:520px;font-weight:300}
.opening-bottom{position:absolute;bottom:35px;left:clamp(24px,6.7vw,120px);right:clamp(24px,6.7vw,120px);display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}
.opening-bottom strong{font-weight:800}
.opening-bottom a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.5)}
.opening-bottom a:hover{color:var(--accent);border-color:var(--accent)}
.section-intro{padding:clamp(90px,13vw,190px) clamp(24px,6.7vw,120px);display:grid;grid-template-columns:1fr 2.3fr;gap:3vw;background:var(--paper);color:var(--ink);scroll-margin-top:72px}
.section-intro .section-number{padding-top:15px;color:#6b6259}
.section-intro h2{font-size:clamp(54px,8vw,130px);line-height:.9;letter-spacing:-.075em;font-weight:700;margin:0}
.section-intro h2 em,.about-section h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em}
.section-intro>p{grid-column:2;max-width:620px;font-size:clamp(17px,1.6vw,23px);line-height:1.45;margin:38px 0 0;color:#4c4640}
.panel-topline{position:absolute;left:clamp(24px,6.7vw,120px);right:clamp(24px,6.7vw,120px);top:120px;display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;pointer-events:none}
.panel-topline span:last-child{color:rgba(255,255,255,.8)}
.panel-bottom{position:absolute;left:clamp(24px,6.7vw,120px);right:clamp(24px,6.7vw,120px);bottom:55px;display:flex;align-items:end;justify-content:space-between;gap:40px;pointer-events:none}
.panel-bottom h3{font-size:clamp(70px,11vw,176px);line-height:.82;letter-spacing:-.075em;margin:14px 0 23px;font-weight:800}
.panel-type{font-size:11px;letter-spacing:.23em;text-transform:uppercase;font-weight:800;margin:0}
.panel-intro{font-size:clamp(16px,1.4vw,21px);max-width:600px;line-height:1.35;margin:0}
.round-link{pointer-events:auto;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);width:92px;height:92px;border-radius:50%;font-size:43px;line-height:1;transition:background .25s,color .25s,transform .25s}
.round-link:hover{background:var(--paper);color:var(--ink);transform:rotate(45deg)}
.panel-hit{position:absolute;inset:0;z-index:2}
.panel-bottom .round-link{z-index:3}
.screen-panel:hover .panel-video{filter:saturate(1.06)}
.panel-classic{background:#080808}
.panel-classic .panel-media{display:grid;place-items:center}
.panel-classic .panel-video{width:min(70vw,950px);height:min(69vh,620px);object-fit:contain;box-shadow:0 20px 100px rgba(0,0,0,.65)}
.panel-classic .panel-shade{background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.76) 100%)}
.filmography-strip{background:var(--ink);display:flex;gap:4vw;align-items:center;justify-content:space-between;padding:38px clamp(24px,6.7vw,120px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filmography-strip p{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
.filmography-strip>div{display:flex;gap:clamp(24px,5vw,90px)}
.filmography-strip span{font-size:clamp(20px,2.6vw,35px);font-weight:700;letter-spacing:-.04em}
.filmography-strip small{font-size:11px;color:var(--muted);letter-spacing:0;margin-left:7px}
.intro-series,.intro-formats{background:var(--ink);color:var(--paper)}
.intro-series .section-number,.intro-formats .section-number{color:#a79e91}
.intro-series>p,.intro-formats>p{color:#ada599}
.series-grid{display:grid;grid-template-columns:1.45fr 1fr;min-height:600px;background:#1b1a17}
.series-feature{position:relative;overflow:hidden;padding:40px clamp(24px,5vw,90px);display:flex;flex-direction:column;justify-content:end;min-height:660px;isolation:isolate}
.series-feature:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 68%)}
.series-feature img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.series-feature:hover img{transform:scale(1.03)}
.series-feature>span,.series-side article>span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#cec6b9;font-weight:700}
.series-feature strong{font-size:clamp(68px,9vw,140px);line-height:.9;letter-spacing:-.07em;margin:20px 0 32px}
.series-feature small{font-size:12px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid currentColor;width:max-content;padding-bottom:9px;font-weight:700}
.series-side{display:grid;grid-template-rows:1fr 1fr}
.series-side article{padding:clamp(32px,5vw,85px);display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line);border-left:1px solid var(--line)}
.series-side article:first-child{background:#282520}
.series-side h3{font-size:clamp(52px,5vw,78px);line-height:.9;letter-spacing:-.065em;margin:24px 0}
.series-side p{margin:0;color:#c1b8ad;font-size:18px}
.orwell-band{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:3vw;background:#a84e37;padding:clamp(80px,10vw,155px) clamp(24px,6.7vw,120px);color:#211611}
.orwell-band>.section-number{padding-top:12px;color:#261610}
.orwell-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin:0 0 20px}
.orwell-band h2{font-size:clamp(65px,8vw,120px);line-height:.86;letter-spacing:-.08em;margin:0 0 35px}
.orwell-band div>p:not(.orwell-kicker){font-size:clamp(19px,1.7vw,24px);line-height:1.4;margin:0 0 35px}
.orwell-band div>a{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:10px;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;line-height:1.6}
.orwell-band blockquote{font-family:var(--serif);font-size:clamp(28px,3vw,47px);line-height:1.08;letter-spacing:-.035em;margin:auto 0 0}
.orwell-band cite{display:block;font-family:var(--font);font-size:11px;text-transform:uppercase;letter-spacing:.17em;line-height:1.5;font-style:normal;font-weight:700;margin-top:23px}
.orwell-band cite a{text-decoration:underline;text-underline-offset:3px}
.intro-current{background:#ded6cb}
.panel-chrono .panel-video{object-position:center 44%}
.panel-lucy .panel-video{object-position:center 48%}
.shorts-section{padding:clamp(90px,10vw,145px) clamp(24px,6.7vw,120px) clamp(120px,13vw,190px);background:#171613}
.shorts-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:64px}
.shorts-head h3{font-size:clamp(58px,7vw,112px);line-height:.9;letter-spacing:-.075em;margin:25px 0 0}
.shorts-head>p{max-width:265px;color:#b5ada2;font-size:17px;line-height:1.4;margin:0}
.portrait-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.portrait-card a{display:block}
.portrait-frame{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#222;max-height:600px}
.portrait-frame video{height:100%;width:100%;object-fit:cover;transition:transform .35s}
.portrait-card a:hover video,.portrait-card a:focus-visible video{transform:scale(1.035)}
.portrait-open{position:absolute;right:16px;top:16px;display:grid;place-items:center;border-radius:50%;width:43px;height:43px;background:rgba(15,15,14,.68);font-size:23px}
.portrait-meta{display:flex;flex-direction:column;gap:12px;padding:20px 0 12px}
.portrait-meta .eyebrow{font-size:10px;color:#a69d91;line-height:1.5}
.portrait-meta strong{font-size:clamp(18px,1.65vw,25px);line-height:1.1;letter-spacing:-.04em}
.about-section{background:var(--paper);color:var(--ink);padding:clamp(90px,11vw,165px) clamp(24px,6.7vw,120px);scroll-margin-top:72px}
.about-section>.section-number{color:#6b6259;margin-bottom:50px}
.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:8vw}
.about-section h2{font-size:clamp(55px,7vw,110px);line-height:.94;letter-spacing:-.07em;margin:0}
.about-grid>div>p{font-size:clamp(19px,1.8vw,27px);line-height:1.45;margin:0 0 30px}
.timeline{border-top:1px solid #9e958a;margin-top:60px}
.timeline span{display:block;border-bottom:1px solid #bdb4aa;padding:17px 0;font-size:14px}
.timeline b{display:inline-block;width:70px;font-size:12px;letter-spacing:.1em}
.about-more{display:inline-block;margin-top:40px;padding-bottom:12px;border-bottom:1px solid var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.about-more:hover{color:#a7462d;border-color:#a7462d}
.press-section{background:#d8d0c4;color:var(--ink);padding:clamp(85px,10vw,155px) clamp(24px,6.7vw,120px)}
.press-section .section-number{color:#6b6259}
.press-section h2{font-size:clamp(55px,7vw,108px);line-height:.9;letter-spacing:-.075em;margin:28px 0 70px}
.press-list{border-top:1px solid #8e8579}
.press-item{display:grid;grid-template-columns:1fr 2.3fr .55fr;align-items:center;gap:25px;border-bottom:1px solid #9e958a;min-height:110px;padding:22px 0;transition:padding .2s,color .2s}
.press-item:hover{padding-left:12px;color:#9f422b}
.press-outlet{font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.press-title{font-size:clamp(21px,2.15vw,33px);line-height:1.1;letter-spacing:-.04em}
.press-date{justify-self:end;font-size:12px;white-space:nowrap;font-weight:700}
.site-footer{display:grid;grid-template-columns:2fr 1fr auto;gap:30px;align-items:end;padding:80px clamp(24px,6.7vw,120px) 55px;background:#11100e;border-top:1px solid var(--line)}
.site-footer strong{font-size:clamp(39px,5vw,74px);line-height:1;letter-spacing:-.07em}
.site-footer strong span{color:var(--accent)}
.site-footer p{font-size:12px;line-height:1.7;text-transform:uppercase;letter-spacing:.15em;color:#aaa296;margin:0}
.site-footer>a{font-size:12px;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid var(--paper);padding-bottom:8px}
.project-page{padding-top:72px}
.project-opening{min-height:calc(100svh - 72px);display:grid;grid-template-columns:1fr 1.1fr;background:#211f1b}
.project-heading{padding:clamp(40px,6vw,110px) clamp(24px,5.5vw,100px);display:flex;flex-direction:column;justify-content:center}
.back-link{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;width:max-content;border-bottom:1px solid var(--paper);padding-bottom:8px;margin-bottom:auto}
.project-heading .eyebrow{color:#c0b7aa;margin:55px 0 22px}
.project-heading h1{font-size:clamp(66px,7.5vw,130px);line-height:.87;letter-spacing:-.08em;margin:0;overflow-wrap:anywhere}
.project-subtitle{font-size:clamp(21px,2vw,30px);font-family:var(--serif);font-style:italic;color:#bdb3a4;margin:15px 0 0}
.project-lead{font-size:clamp(20px,2vw,29px);line-height:1.3;max-width:540px;margin:55px 0 0;color:#d5cdc2}
.project-art{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:#151412;min-height:500px}
.project-art:before{content:"";position:absolute;z-index:-1;inset:-45px;background-image:var(--poster);background-position:center;background-size:cover;filter:blur(42px) brightness(.3);transform:scale(1.05)}
.project-art img{width:100%;height:100%;object-fit:contain}
.project-art.portrait img{width:auto;height:100%;max-height:calc(100svh - 72px);object-fit:contain;box-shadow:0 0 100px #000}
.project-art.classic img{width:min(80%,700px);height:auto;object-fit:contain}
.project-body{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;padding:100px clamp(24px,6.7vw,120px);background:var(--paper);color:var(--ink)}
.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project-facts div{border-top:1px solid #9e958a;padding-top:15px}
.project-facts span{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:10px;color:#6a6157;font-weight:700;margin-bottom:17px}
.project-facts strong{font-size:19px;line-height:1.2;letter-spacing:-.035em}
.project-copy p{font-size:18px;line-height:1.45;margin:0 0 20px}
.project-copy p:not(:first-child){color:#6d655b;font-size:15px}
.project-body--facts-only{grid-template-columns:1fr;padding-block:clamp(42px,5vw,75px)}
.project-player-section{padding:95px clamp(24px,6.7vw,120px) 135px;background:#11100e}
.player-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}
.player-head h2{font-size:clamp(48px,6vw,90px);line-height:.9;letter-spacing:-.07em;margin:0}
.project-player{width:100%;max-height:75vh;background:#000;box-shadow:0 30px 100px #000}
.project-player.portrait{width:auto;max-width:min(100%,430px);max-height:80vh;margin:0 auto;aspect-ratio:9/16;object-fit:contain}
.project-player.classic{max-width:800px;margin:auto;aspect-ratio:4/3;object-fit:contain}
.project-press{background:#d8d0c4;color:var(--ink);padding:65px clamp(24px,6.7vw,120px);display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:clamp(30px,7vw,120px)}
.project-press h2{font-size:18px;text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}
.project-press-links{display:flex;flex-wrap:wrap;gap:22px 35px;min-width:0}
.project-press a{flex:1 1 260px;max-width:560px;font-size:22px;line-height:1.25;border-bottom:1px solid #8e8579;padding-bottom:16px}
.project-end{padding:70px clamp(24px,6.7vw,120px);background:#27231f;text-align:center}
.project-end a{font-size:clamp(25px,4vw,60px);letter-spacing:-.05em;border-bottom:1px solid currentColor;padding-bottom:12px}
.career-page{padding-top:72px}
.career-hero{min-height:calc(100svh - 72px);background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.13fr .87fr}
.career-hero-copy{padding:clamp(70px,8vw,140px) clamp(24px,6.7vw,120px);display:flex;flex-direction:column;justify-content:center}
.career-hero-copy .section-number{color:#6c6259}
.career-hero h1{font-size:clamp(70px,9vw,155px);line-height:.85;letter-spacing:-.08em;margin:36px 0 42px}
.career-hero h1 em,.career-chapter h2 em,.career-teaching h2 em{font-family:var(--serif);font-weight:400}
.career-hero-copy>p{font-size:clamp(20px,2vw,29px);line-height:1.35;max-width:570px;margin:0 0 55px}
.career-hero-copy>a{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:12px;width:max-content}
.career-hero figure{margin:0;position:relative;min-height:620px;overflow:hidden;background:#1e1d1a}
.career-hero figure img{width:100%;height:100%;object-fit:cover}
.career-hero figcaption{position:absolute;right:30px;bottom:28px;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#fff;background:rgba(0,0,0,.5);padding:9px 12px}
.career-intro{padding:clamp(90px,11vw,170px) clamp(24px,6.7vw,120px);display:grid;grid-template-columns:1fr 2.25fr;gap:4vw;background:#bdb2a3;color:var(--ink)}
.career-intro>.section-number{padding-top:12px}
.career-intro p{font-size:clamp(25px,3.15vw,48px);line-height:1.18;letter-spacing:-.045em;max-width:1050px;margin:0}
.career-chapter{padding:clamp(90px,10vw,155px) clamp(24px,6.7vw,120px);background:var(--paper);color:var(--ink);scroll-margin-top:72px}
.career-chapter-head{display:grid;grid-template-columns:1fr 2.2fr;gap:3vw;align-items:start;margin-bottom:70px}
.career-chapter-head .section-number{padding-top:15px;color:#6b6259}
.career-chapter h2,.career-teaching h2{font-size:clamp(62px,8vw,125px);line-height:.86;letter-spacing:-.08em;margin:0}
.career-chapter-head>p{grid-column:2;margin:8px 0 0;max-width:640px;font-size:clamp(18px,1.65vw,24px);line-height:1.4;color:#4f4840}
.career-rows{border-top:1px solid #8f867b}
.career-row{display:grid;grid-template-columns:.45fr 1.4fr 1fr 40px;gap:25px;align-items:baseline;border-bottom:1px solid #aaa195;padding:23px 0;color:var(--ink);min-height:91px}
a.career-row:hover{padding-left:12px;color:#a7472d}
.career-row>span:first-child{font-size:12px;font-weight:800;letter-spacing:.1em}
.career-row strong{font-size:clamp(26px,3vw,47px);letter-spacing:-.055em;line-height:1}
.career-row small{font-size:14px;line-height:1.3;color:#615950}
.career-row>span:last-child{font-size:22px;justify-self:end}
.career-tv{background:#1c1b18;color:var(--paper)}
.career-tv .career-chapter-head .section-number,.career-tv .career-chapter-head>p{color:#ada497}
.career-tv-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.career-tv-grid>a,.career-tv-grid>article{position:relative;min-height:360px;padding:42px 35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.career-tv-grid>a{background:#302d27}
.career-tv-grid>a:hover{background:#3b362e}
.career-tv-grid span:first-child{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#bbb2a5;font-weight:700}
.career-tv-grid h3{font-size:clamp(43px,4vw,70px);line-height:.93;letter-spacing:-.065em;margin:30px 0 20px;overflow-wrap:anywhere}
.career-tv-grid p{font-size:17px;color:#c4bcaf;margin:0}
.career-arrow{position:absolute;right:34px;bottom:32px;font-size:25px}
.career-collab{display:grid;grid-template-columns:1.5fr 1fr;gap:10vw;background:#a84e37;color:#211611;padding:clamp(95px,11vw,170px) clamp(24px,6.7vw,120px)}
.career-collab h2{font-size:clamp(74px,9vw,150px);line-height:.82;letter-spacing:-.08em;margin:48px 0 36px}
.career-collab p{font-size:clamp(20px,1.8vw,27px);line-height:1.4;max-width:630px;margin:0 0 35px}
.career-collab div>a{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:12px;line-height:1.5}
.career-collab blockquote{align-self:end;font-family:var(--serif);font-size:clamp(33px,3.2vw,54px);line-height:1.07;letter-spacing:-.05em;margin:0}
.career-collab cite{display:block;font-family:var(--font);font-size:11px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.15em;line-height:1.5;margin-top:30px}
.career-collab cite a{text-decoration:underline;text-underline-offset:3px}
.career-digital{background:#d7cfc3}
.career-digital-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.career-digital-grid article{border-top:1px solid #81786d;padding:25px 0 0;min-height:300px}
.career-digital-grid article>span,.career-slate-grid article>span{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#6a6157}
.career-digital-grid h3{font-size:clamp(31px,3vw,47px);line-height:1;letter-spacing:-.06em;margin:45px 0 25px}
.career-digital-grid p{font-size:17px;line-height:1.4;margin:0;max-width:350px}
.career-digital-grid article>a{display:inline-block;margin-top:25px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.career-slate{background:#22201d;color:var(--paper)}
.career-slate .career-chapter-head .section-number,.career-slate .career-chapter-head>p{color:#b9b0a4}
.career-slate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.career-slate-grid article{padding:45px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:310px}
.career-slate-grid article>span{color:#aaa195}
.career-slate-grid h3{font-size:clamp(36px,4vw,65px);line-height:.95;letter-spacing:-.07em;margin:28px 0 25px}
.career-slate-grid p{font-size:17px;line-height:1.4;color:#c1b8ac;max-width:470px;margin:0}
.career-slate-grid a{display:inline-block;margin-top:25px;border-bottom:1px solid var(--paper);padding-bottom:8px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}
.career-teaching{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;background:var(--paper);color:var(--ink);padding:clamp(95px,12vw,180px) clamp(24px,6.7vw,120px)}
.career-teaching h2{margin-top:35px}
.career-teaching>div:last-child{padding-top:50px}
.career-teaching p{font-size:clamp(19px,1.8vw,26px);line-height:1.45;margin:0 0 30px}
.career-award{border-top:1px solid #91887d;margin-top:55px;padding-top:22px;display:flex;flex-direction:column;gap:15px}
.career-award span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800}
.career-award strong{font-size:clamp(39px,4vw,60px);letter-spacing:-.06em}
.career-award small{font-size:15px}
@media(max-width:1100px){.header-status{display:none}.portrait-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.orwell-band{grid-template-columns:1fr 2fr}.orwell-band blockquote{grid-column:2;margin-top:45px}.project-opening{grid-template-columns:1fr 1fr}.career-hero{grid-template-columns:1fr 1fr}.career-tv-grid h3{font-size:44px}}
@media(max-width:760px){.site-header{height:64px;padding:0 20px;gap:18px}.brand-name{display:none}.site-header nav{gap:14px;overflow:auto}.site-header nav a{font-size:10px;white-space:nowrap}.screen-panel{min-height:580px}.opening-copy{left:24px;top:47%;transform:translateY(-40%)}.opening-copy h1{font-size:clamp(67px,15vw,115px);margin:25px 0 30px}.opening-bottom{left:24px;right:24px;bottom:25px;font-size:10px}.opening-bottom a:first-child{display:none}.section-intro{grid-template-columns:1fr;gap:32px;padding:90px 24px}.section-intro h2{font-size:clamp(55px,12vw,85px)}.section-intro>p{grid-column:1;margin:0}.panel-topline{left:24px;right:24px;top:95px;font-size:9px}.panel-topline span:last-child{display:none}.panel-bottom{left:24px;right:24px;bottom:37px;gap:15px}.panel-bottom h3{font-size:clamp(61px,13vw,115px)}.panel-intro{font-size:15px;max-width:330px}.round-link{width:58px;height:58px;font-size:29px}.panel-classic .panel-video{width:100%;height:70%}.filmography-strip{padding:28px 24px;display:block}.filmography-strip>div{margin-top:17px;flex-wrap:wrap;gap:16px}.series-grid{grid-template-columns:1fr}.series-feature{min-height:560px;padding:40px 24px}.series-feature strong{font-size:80px}.series-side{grid-template-rows:auto}.series-side article{border-left:0;min-height:260px;padding:38px 24px}.orwell-band{grid-template-columns:1fr;padding:90px 24px;gap:25px}.orwell-band h2{font-size:78px}.orwell-band blockquote{grid-column:1;margin-top:20px}.shorts-section{padding:90px 24px 120px}.shorts-head{display:block;margin-bottom:45px}.shorts-head>p{margin-top:25px}.portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portrait-meta strong{font-size:18px}.about-section,.press-section{padding:95px 24px}.about-grid{grid-template-columns:1fr;gap:45px}.press-item{grid-template-columns:1fr auto;gap:12px;min-height:110px}.press-title{grid-column:1 / -1;grid-row:2;font-size:25px}.press-date{grid-column:2;grid-row:1}.site-footer{grid-template-columns:1fr;gap:25px;padding:70px 24px 40px}.site-footer>a{width:max-content}.project-page{padding-top:64px}.project-opening{display:flex;flex-direction:column}.project-heading{padding:40px 24px 55px;min-height:480px}.project-heading h1{font-size:clamp(66px,14vw,105px)}.project-lead{margin-top:35px}.project-art{min-height:380px;max-height:70vh}.project-art.portrait img{max-height:70vh}.project-body{display:block;padding:65px 24px}.project-facts{grid-template-columns:1fr 1fr;gap:25px;margin-bottom:50px}.project-player-section{padding:80px 24px}.player-head{display:block}.player-head h2{margin-top:20px}.project-press{display:block;padding:50px 24px}.project-press a{display:block;margin-top:25px}.project-end{padding:65px 24px}}
@media(max-width:420px){.site-header nav a{font-size:9px;letter-spacing:.08em}.site-header nav{gap:10px}.portrait-grid{gap:11px}.portrait-meta .eyebrow{font-size:9px}.portrait-meta strong{font-size:16px}.panel-bottom h3{font-size:57px}.filmography-strip span{font-size:21px}}
@media(max-width:760px){.career-page{padding-top:64px}.career-hero{grid-template-columns:1fr}.career-hero-copy{padding:105px 24px 90px}.career-hero h1{font-size:clamp(66px,14vw,96px)}.career-hero-copy>p{font-size:21px}.career-hero figure{min-height:350px;height:56vh}.career-intro{grid-template-columns:1fr;padding:90px 24px;gap:30px}.career-intro p{font-size:28px}.career-chapter{padding:90px 24px}.career-chapter-head{grid-template-columns:1fr;gap:25px;margin-bottom:50px}.career-chapter-head>p{grid-column:1;margin:0}.career-chapter h2,.career-teaching h2{font-size:clamp(65px,12vw,90px)}.career-row{grid-template-columns:55px 1fr 24px;gap:13px;min-height:80px;padding:20px 0}.career-row strong{font-size:29px}.career-row small{grid-column:2;grid-row:2;font-size:12px}.career-row>span:last-child{grid-column:3;grid-row:1}.career-tv-grid{grid-template-columns:1fr}.career-tv-grid>a,.career-tv-grid>article{min-height:260px;padding:35px 25px}.career-tv-grid h3{font-size:58px}.career-collab{grid-template-columns:1fr;gap:55px;padding:95px 24px}.career-collab h2{font-size:86px}.career-digital-grid{grid-template-columns:1fr;gap:45px}.career-digital-grid article{min-height:auto}.career-digital-grid h3{margin:25px 0 20px}.career-slate-grid{grid-template-columns:1fr}.career-slate-grid article{padding:35px 25px;min-height:250px}.career-teaching{grid-template-columns:1fr;gap:40px;padding:95px 24px}.career-teaching>div:last-child{padding-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Variante B — les images jouent sur des feuilles imprimées, sans quitter le cinéma. */
:root{
  --ink:#171717;
  --paper:#fffaf2;
  --soft:#d9d9d3;
  --muted:#77736d;
  --accent:#d9282e;
  --line:rgba(23,23,23,.23);
  --red:#d9282e;
  --pearl:#e8e8e2;
  --pink:#efb7b2;
  --butter:#e9d996;
}
body{background:var(--pearl);color:var(--ink)}
::selection{background:var(--red);color:#fff}
.skip-link{background:var(--paper);color:var(--ink)}
:focus-visible{outline-color:#f3c122;outline-offset:4px}
.site-header{background:var(--red);color:#fff;border-bottom:1px solid rgba(255,255,255,.38);backdrop-filter:none}
.brand-dot,.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff}
.site-header nav a{opacity:.85}
.header-status{color:#fff;border-color:rgba(255,255,255,.45)}
.screen-panel{background:var(--red)}
.opening{background:var(--red)}
.opening .panel-media{inset:72px 0 0 39%;z-index:-2}
.opening .panel-video{object-position:48% center}
.opening .panel-shade{background:linear-gradient(90deg,var(--red) 0%,var(--red) 26%,rgba(217,40,46,.97) 38%,rgba(217,40,46,.26) 66%,rgba(217,40,46,.05) 100%),linear-gradient(0deg,rgba(89,0,4,.32),transparent 40%)}
.opening-copy{left:clamp(24px,5vw,90px);top:49%;transform:translateY(-42%)}
.opening-copy h1{color:#fff;font-size:clamp(92px,15vw,250px);letter-spacing:-.095em;margin:28px 0 35px}
.opening-copy h1 em{color:#fff}
.opening-copy>p:last-child{font-size:clamp(19px,1.8vw,27px);color:#fff;max-width:600px}
.opening-bottom{left:clamp(24px,5vw,90px);right:clamp(24px,5vw,90px);color:#fff}
.opening-bottom a:hover{color:#fff;border-color:#fff}
.opening:after{content:"";position:absolute;top:90px;right:22px;bottom:20px;width:1px;background:rgba(255,255,255,.7);pointer-events:none}

/* La première feuille arrive au-dessus de la couverture rouge. */
.section-intro{width:94%;position:relative;z-index:5;margin:-5.5vw auto 0;min-height:70svh;padding:clamp(75px,9vw,145px) clamp(28px,5vw,85px);background:var(--paper);color:var(--ink);transform:rotate(-1.5deg);transform-origin:center;box-shadow:0 1px 0 rgba(0,0,0,.2),0 12px 32px rgba(25,22,22,.13);border:1px solid rgba(23,23,23,.28)}
.section-intro:before,.section-intro:after{content:"";position:absolute;width:30px;height:30px;pointer-events:none}
.section-intro:before{left:19px;top:19px;border-left:1px solid currentColor;border-top:1px solid currentColor}
.section-intro:after{right:19px;bottom:19px;border-right:1px solid currentColor;border-bottom:1px solid currentColor}
.section-intro h2{font-size:clamp(65px,8.5vw,145px)}
.section-intro h2 em{color:var(--red)}
.section-intro .section-number{color:#5e5d59}
.section-intro>p{color:#3e3c39}

/* Les bandes-annonces restent au centre des feuilles ; une tranche de la précédente dépasse. */
.paper-stack{position:relative;isolation:isolate;background:var(--red);padding:10vw 0 5vw;margin-top:-5vw}
.paper-stack .paper-sheet{position:sticky;top:calc(72px + 2.4vw);width:94%;height:calc(100svh - 120px);min-height:570px;margin:0 auto 23vh;transform:translate3d(0,var(--paper-lift,0px),0) rotate(var(--paper-turn,0deg));transform-origin:50% 10%;will-change:transform;z-index:1}
.paper-stack .paper-sheet:nth-child(1){z-index:1;width:94%;left:-1%;--sheet-color:var(--paper);--sheet-ink:var(--ink)}
.paper-stack .paper-sheet:nth-child(2){z-index:2;width:92%;left:1%;--sheet-color:var(--red);--sheet-ink:#fff}
.paper-stack .paper-sheet:nth-child(3){z-index:3;width:90%;left:-1%;--sheet-color:var(--pearl);--sheet-ink:var(--ink)}
.paper-stack .paper-sheet:nth-child(4){z-index:4;width:88%;left:1%;--sheet-color:var(--pink);--sheet-ink:var(--ink)}
.paper-stack .paper-sheet:last-child{margin-bottom:0}
.paper-sheet{color:var(--sheet-ink,var(--ink));background:var(--sheet-color,var(--paper));border:1px solid rgba(0,0,0,.3);box-shadow:1px 2px 0 rgba(0,0,0,.16),0 18px 38px rgba(21,12,12,.19);overflow:hidden;isolation:isolate}
.paper-sheet:before,.paper-sheet:after{content:"";position:absolute;top:16px;width:23px;height:23px;border-top:1px solid currentColor;z-index:3;pointer-events:none;opacity:.55}
.paper-sheet:before{left:16px;border-left:1px solid currentColor}
.paper-sheet:after{right:16px;border-right:1px solid currentColor}
.paper-sheet .panel-media{inset:clamp(196px,25vh,250px) clamp(13px,1.8vw,26px) clamp(13px,1.8vw,26px);z-index:0;background:#111}
.paper-sheet .panel-video{width:100%;height:100%;object-fit:cover}
.paper-sheet .panel-poster{display:none}
.paper-sheet .panel-shade{display:none}
.paper-sheet .panel-topline{left:clamp(24px,3.1vw,49px);right:clamp(24px,3.1vw,49px);top:27px;color:var(--sheet-ink,var(--ink));z-index:1}
.paper-sheet .panel-topline span:last-child{color:inherit;opacity:.75}
.paper-sheet .panel-bottom{left:clamp(24px,3.1vw,49px);right:clamp(24px,3.1vw,49px);top:55px;bottom:auto;display:block;color:var(--sheet-ink,var(--ink));z-index:1}
.paper-sheet .panel-type{font-size:10px;letter-spacing:.19em;opacity:.72}
.paper-sheet .panel-bottom h3{font-size:clamp(58px,7vw,108px);line-height:.82;letter-spacing:-.085em;margin:13px 80px 12px 0;max-width:none}
.paper-sheet .panel-intro{font-size:clamp(13px,1.1vw,16px);line-height:1.25;max-width:760px;margin:0;opacity:.82}
.paper-sheet .round-link{position:absolute;top:22px;right:0;border-color:currentColor;color:inherit;width:61px;height:61px;font-size:31px}
.paper-sheet .round-link:hover{background:var(--sheet-ink,var(--ink));color:var(--sheet-color,var(--paper));transform:rotate(45deg)}
.paper-sheet .panel-hit{z-index:2}
.paper-sheet .panel-bottom .round-link{z-index:3}
.paper-stack .paper-sheet.panel-classic .panel-media{display:block;background:#151515}
.paper-stack .paper-sheet.panel-classic .panel-video{width:100%;height:100%;object-fit:contain;box-shadow:none}
.screen-panel:hover .panel-video{filter:none}
main > .paper-sheet{width:94%;height:calc(100svh - 110px);min-height:590px;margin:6vw auto;transform:rotate(-.65deg)}
.paper-sheet.panel-chrono{--sheet-color:var(--paper);--sheet-ink:var(--ink)}
.paper-sheet.panel-lucy{--sheet-color:var(--butter);--sheet-ink:var(--ink);transform:rotate(.7deg)}

.filmography-strip{background:var(--paper);color:var(--ink);border-color:#a4a19b}
.filmography-strip p,.filmography-strip small{color:#625e59}
.intro-series,.intro-formats{background:var(--red);color:#fff;transform:rotate(1deg);margin-top:5vw}
.intro-series h2 em,.intro-formats h2 em{color:#fff}
.intro-series .section-number,.intro-formats .section-number,.intro-series>p,.intro-formats>p{color:#fff}
.series-grid{background:var(--pearl);padding:5vw;gap:1vw}
.series-feature{min-height:660px;transform:rotate(-.8deg);border:13px solid var(--paper);box-shadow:0 14px 24px rgba(0,0,0,.13)}
.series-side{gap:1vw}
.series-side article{background:var(--paper);color:var(--ink);border:1px solid #a5a19c;transform:rotate(.8deg)}
.series-side article:first-child{background:var(--pink)}
.series-side article>span{color:#4b4340}
.series-side p{color:#4b4340}
.orwell-band{background:var(--red);color:#fff;margin:0}
.orwell-band>.section-number,.orwell-band .orwell-kicker{color:#fff}
.orwell-band blockquote{color:#fff}
.intro-current{background:var(--paper);margin-top:5vw}
.shorts-section{background:var(--pearl);color:var(--ink)}
.shorts-head>p{color:#58534e}
.portrait-grid{gap:clamp(14px,1.6vw,26px)}
.portrait-card{background:var(--paper);border:1px solid #aaa8a3;padding:9px 9px 2px;box-shadow:1px 7px 13px rgba(0,0,0,.11);transform:rotate(-1deg)}
.portrait-card:nth-child(3n+2){transform:rotate(1.4deg);background:var(--pink)}
.portrait-card:nth-child(3n){transform:rotate(-.5deg);background:var(--butter)}
.portrait-card:focus-within,.portrait-card:hover{transform:rotate(0deg) translateY(-7px)}
.portrait-meta .eyebrow{color:#655c57}
.portrait-open{background:var(--red);color:#fff}
.about-section{background:var(--paper);color:var(--ink)}
.press-section{background:var(--pink);color:var(--ink)}
.press-item:hover{color:#991b24}
.site-footer{background:var(--red);color:#fff;border-color:rgba(255,255,255,.45)}
.site-footer strong span,.site-footer p{color:#fff}
.site-footer>a{border-color:#fff}

/* Les fiches et le parcours reprennent la palette sans forcer une animation de page. */
.project-opening{background:var(--paper);color:var(--ink)}
.project-heading{background:var(--paper)}
.back-link{border-color:var(--ink)}
.project-heading .eyebrow,.project-subtitle{color:var(--red)}
.project-lead{color:#4b4542}
.project-body{background:var(--pearl)}
.project-player-section{background:var(--red);color:#fff}
.project-player{box-shadow:0 15px 50px rgba(0,0,0,.25)}
.project-press{background:var(--pink)}
.project-end{background:var(--ink);color:#fff}
.career-hero{background:var(--paper)}
.career-intro,.career-collab{background:var(--red);color:#fff}
.career-digital{background:var(--pearl)}
.career-collab blockquote,.career-collab a{color:#fff}
.career-tv{background:var(--ink)}
.career-tv-grid>a{background:#a32028}
.career-tv-grid>a:hover{background:var(--red)}
.career-teaching{background:var(--paper)}

@media(max-width:760px){
  .opening .panel-media{inset:38% 0 0 0}
  .opening .panel-shade{background:linear-gradient(180deg,var(--red) 0%,var(--red) 31%,rgba(217,40,46,.82) 49%,rgba(217,40,46,.06) 79%,rgba(75,0,4,.45) 100%)}
  .opening-copy{left:24px;right:24px;top:23%;transform:none}
  .opening-copy h1{font-size:clamp(72px,17vw,110px);margin:20px 0 24px}
  .opening-copy>p:last-child{font-size:17px;max-width:350px}
  .opening-bottom{left:24px;right:24px;bottom:22px}
  .opening:after{display:none}
  .section-intro{width:94%;margin:-35px auto 0;min-height:auto;padding:85px 26px 95px;transform:rotate(-1.1deg)}
  .section-intro h2{font-size:clamp(54px,12vw,85px)}
  .section-intro:before,.section-intro:after{width:18px;height:18px}
  .paper-stack{margin-top:-25px;padding:85px 0 45px}
  .paper-stack .paper-sheet{top:74px;width:94%;height:calc(100svh - 91px);min-height:560px;margin-bottom:17vh}
  .paper-stack .paper-sheet:nth-child(n){width:94%;left:0}
  .paper-stack .paper-sheet:nth-child(2n){width:92%;left:1%}
  .paper-sheet .panel-topline{left:24px;right:24px;top:25px}
  .paper-sheet .panel-topline span:last-child{display:none}
  .paper-sheet .panel-bottom{left:24px;right:24px;top:57px}
  .paper-sheet .panel-bottom h3{font-size:clamp(48px,10.6vw,79px);line-height:.86;margin:12px 53px 8px 0}
  .paper-sheet .panel-intro{display:none}
  .paper-sheet .panel-media{inset:clamp(170px,27vh,235px) 10px 10px}
  .paper-sheet .panel-media,.paper-stack .paper-sheet.panel-classic .panel-media{display:flex;align-items:center;justify-content:center;overflow:hidden}
  .paper-sheet .panel-poster{display:block;position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(32px) brightness(.48);transform:scale(1.08)}
  .paper-sheet .panel-video,.paper-stack .paper-sheet.panel-classic .panel-video{position:relative;z-index:1;width:100%;height:auto;max-height:100%;object-fit:contain}
  .paper-sheet .round-link{width:48px;height:48px;top:21px;font-size:25px}
  main > .paper-sheet{width:94%;height:calc(100svh - 95px);min-height:560px;margin:55px auto}
  .series-grid{padding:24px;gap:14px}
  .series-feature{min-height:500px;border-width:8px}
  .series-side{gap:14px}
  .series-side article{min-height:225px}
  .portrait-grid{gap:11px}
  .portrait-card{padding:5px 5px 1px}
  .portrait-meta{padding:12px 4px}
}
@media(max-width:430px){
  .paper-sheet .panel-bottom h3{font-size:clamp(44px,10vw,56px)}
  .paper-sheet .panel-media{top:190px}
  .opening-copy h1{font-size:clamp(68px,16vw,82px)}
}
@media(prefers-reduced-motion:reduce){
  .section-intro,.intro-series,.intro-formats,.portrait-card,main > .paper-sheet{transform:none!important}
  .paper-stack .paper-sheet{position:relative;top:auto;transform:none!important;margin-bottom:18px;will-change:auto}
  .portrait-card:focus-within,.portrait-card:hover{transform:none!important}
}

/* Variante C — une couverture typographique, puis le film en pleine couleur. */
.sound-toggle{flex:none;border:1px solid rgba(255,255,255,.55);border-radius:0;background:transparent;color:#fff;padding:9px 11px;font:700 10px/1 var(--font);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{background:#fff;color:var(--red)}
.sound-toggle:focus-visible{outline:2px solid #fff}
.opening-c{height:100svh;min-height:650px;overflow:hidden;background:var(--red);color:#fff}
.opening-c .opening-grid{position:absolute;inset:72px 0 0;display:grid;grid-template-columns:repeat(4,1fr);pointer-events:none}
.opening-c .opening-grid span{border-right:1px solid rgba(255,255,255,.17)}
.opening-c .opening-grid span:first-child{border-left:1px solid rgba(255,255,255,.17)}
.opening-c .opening-issue{position:absolute;top:102px;right:clamp(28px,5vw,90px);font-size:11px;font-weight:700;letter-spacing:.2em;z-index:1}
.opening-c .opening-copy{left:clamp(24px,5vw,90px);right:clamp(24px,5vw,90px);top:47%;transform:translateY(-42%);z-index:1}
.opening-c .opening-copy h1{font-size:clamp(112px,17vw,275px);line-height:.7;margin:25px 0 44px;letter-spacing:-.095em;max-width:100%}
.opening-c .opening-copy h1 span{display:block;white-space:nowrap}
.opening-c .opening-copy h1 .name-first{width:max-content;max-width:100%;padding:.025em .14em .095em .055em;background:var(--paper);color:var(--red);animation:hero-slip .8s cubic-bezier(.18,.8,.2,1) both}
.opening-c .opening-copy h1 .name-last{padding-left:22%;animation:hero-arrive .9s .1s cubic-bezier(.18,.8,.2,1) both}
.opening-c .opening-copy h1 em{font-size:.97em;font-family:var(--serif);font-weight:400;letter-spacing:-.1em;color:#fff}
.opening-c .opening-copy h1 b{font-style:normal;font-weight:800;margin-left:-.08em}
.opening-c .opening-copy>p:last-child{font-size:clamp(19px,2vw,29px);line-height:1.2;letter-spacing:-.035em;margin:0;max-width:560px;animation:hero-arrive .7s .35s both}
.opening-c .opening-cue{position:absolute;right:clamp(25px,5vw,90px);bottom:20%;display:flex;flex-direction:column;align-items:flex-end;text-align:right;text-transform:uppercase;letter-spacing:.14em;font-size:10px;line-height:1.35;animation:hero-arrive .7s .5s both}
.opening-c .opening-cue strong{font-size:clamp(14px,1.5vw,23px);letter-spacing:-.03em;text-transform:none;font-family:var(--serif);font-style:italic;font-weight:400}
.opening-c .opening-bottom{bottom:32px;z-index:1}
.opening-c .opening-bottom a{border-color:#fff}
.opening-c:after{top:95px}
@keyframes hero-arrive{from{opacity:0;transform:translate3d(0,55px,0) rotate(-2deg)}to{opacity:1;transform:none}}
@keyframes hero-slip{from{opacity:0;transform:translate3d(-110px,25px,0) rotate(-5deg)}to{opacity:1;transform:rotate(-1.5deg)}}

.jadore-stage{height:100svh;min-height:0;background:#d6b52d;overflow:hidden}
.jadore-stage-ending{background:#c84b22}
.jadore-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important}
.jadore-caption{position:relative;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px;background:var(--paper);color:var(--ink);padding:30px clamp(24px,5vw,90px);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.jadore-caption>span{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.jadore-caption p{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,35px);line-height:1.08;margin:0}
.jadore-caption a{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding:10px 0;white-space:nowrap}
.jadore-caption a:hover{color:var(--red);border-color:var(--red)}
.jadore-caption+.section-intro{margin-top:0}
.jadore-reveal{min-height:58svh;background:var(--paper);color:var(--ink);display:grid;place-items:center;padding:95px 24px;text-align:center}
.jadore-reveal span{font-size:11px;font-weight:800;letter-spacing:.25em;color:var(--red)}
.jadore-reveal h2{font-size:clamp(66px,10vw,165px);line-height:.83;letter-spacing:-.075em;margin:22px 0 20px}
.jadore-reveal h2 em{font-family:var(--serif);font-weight:400;color:var(--red)}
.jadore-reveal p{font-size:clamp(17px,1.5vw,23px);margin:0}
.jadore-caption-ending{background:var(--red);color:#fff;border-color:#fff}
.jadore-caption-ending a{border-color:#fff}
.jadore-caption-ending a:hover{color:#fff;border-color:#fff}

/* L'image du film précédent occupe le vide derrière les feuilles suivantes. */
.paper-stack{background:var(--pearl)}
.paper-stack::before{content:"";position:sticky;top:0;display:block;height:100svh;margin-bottom:-100svh;background-image:var(--stack-image);background-size:cover;background-position:center;z-index:0}
.paper-stack .paper-sheet{position:sticky}
.paper-stack .paper-sheet:nth-child(1){z-index:1}
.paper-stack .paper-sheet:nth-child(2){z-index:2}
.paper-stack .paper-sheet:nth-child(3){z-index:3}
.paper-stack .paper-sheet:nth-child(4){z-index:4}

.jadore-project-context{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(440px,1.6fr);gap:5vw;padding:clamp(70px,8vw,125px) clamp(24px,6vw,110px);background:var(--paper);color:var(--ink)}
.jadore-project-context h2{font-size:clamp(60px,6vw,110px);line-height:.85;letter-spacing:-.075em;margin:35px 0}
.jadore-project-context h2 em{font-family:var(--serif);font-weight:400;color:var(--red)}
.jadore-project-context p{font-size:clamp(18px,1.5vw,24px);line-height:1.4;max-width:500px}
.jadore-context-stills{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.jadore-context-stills figure{margin:0;background:#111;padding:8px;transform:rotate(-1deg)}
.jadore-context-stills figure+figure{transform:rotate(1.5deg)}
.jadore-context-stills img{width:100%;aspect-ratio:720/406;object-fit:contain}
.jadore-context-stills figcaption{background:#111;color:#fff;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:11px 3px 3px}

@media(max-width:1100px){.sound-toggle{font-size:0;width:35px;height:35px;padding:0}.sound-toggle::before{content:"♪";font-size:18px;line-height:1}.opening-c .opening-copy h1{font-size:clamp(96px,17vw,200px)}}
@media(max-width:760px){
  .opening-c{min-height:0;height:100svh}
  .opening-c .opening-grid{inset:64px 0 0;grid-template-columns:repeat(3,1fr)}
  .opening-c .opening-grid span:last-child{display:none}
  .opening-c .opening-issue{top:91px;right:22px;font-size:8px;letter-spacing:.12em}
  .opening-c .opening-copy{left:20px;right:20px;top:38%;transform:translateY(-28%)}
  .opening-c .opening-copy .eyebrow{font-size:9px;letter-spacing:.16em}
  .opening-c .opening-copy h1{font-size:clamp(67px,16.6vw,110px);line-height:.8;margin:26px 0 35px}
  .opening-c .opening-copy h1 .name-first{padding:.04em .11em .08em .04em}
  .opening-c .opening-copy h1 .name-last{padding-left:8%}
  .opening-c .opening-copy>p:last-child{font-size:clamp(20px,5.7vw,27px);max-width:340px}
  .opening-c .opening-cue{bottom:23%;right:20px;font-size:9px}
  .opening-c .opening-bottom{left:20px;right:20px;bottom:21px}
  .opening-c .opening-bottom a:first-child{display:block;max-width:55%;line-height:1.5}
  .opening-c .opening-bottom a:last-child{text-align:right;max-width:42%;line-height:1.5}
  .jadore-stage::before{content:"";position:absolute;inset:-24px;z-index:0;background:url('../media/posters/jadore-opening.jpg') center/cover no-repeat;filter:blur(25px) saturate(1.15);transform:scale(1.08);pointer-events:none}
  .jadore-stage-ending::before{background-image:url('../media/posters/jadore-ending.jpg')}
  .jadore-video{inset:auto 0;top:50%;height:auto;aspect-ratio:720/406;object-fit:contain;transform:translateY(-50%);z-index:1}
  .jadore-caption{grid-template-columns:1fr;gap:14px;padding:26px 24px 31px}
  .jadore-caption a{width:max-content;white-space:normal}
  .jadore-reveal{min-height:48svh;padding:85px 20px}
  .jadore-reveal h2{font-size:clamp(58px,12vw,90px)}
  .jadore-project-context{grid-template-columns:1fr;gap:30px;padding:75px 24px}
  .jadore-project-context h2{font-size:clamp(65px,12vw,90px)}
  .paper-stack::before{background-position:center}
}
@media(max-width:430px){
  .site-header{gap:11px;padding:0 14px}
  .site-header nav{gap:8px}
  .site-header nav a{font-size:9px;letter-spacing:0}
  .sound-toggle{width:29px;height:29px}
  .opening-c .opening-copy h1{font-size:clamp(58px,16.2vw,78px)}
  .opening-c .opening-copy h1 .name-last{padding-left:0}
  .opening-c .opening-bottom{font-size:9px}
  .jadore-context-stills{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .opening-c .opening-copy h1 .name-first,.opening-c .opening-copy h1 .name-last,.opening-c .opening-copy>p:last-child,.opening-c .opening-cue{animation:none}
  .paper-stack::before{position:absolute;inset:0;height:auto;margin:0}
}

/* Variante D — l'image rouge appartient au film ; le site redevient du papier blanc. */
:root{--ink:#171717;--paper:#faf9f6;--pearl:#f0f0ed;--red:#b52b27;--line:rgba(23,23,23,.17);--accent:#b52b27}
body{background:#faf9f6;color:var(--ink)}
::selection{background:#b52b27;color:#fff}
:focus-visible{outline-color:#b52b27}
.site-header{background:rgba(250,249,246,.96);color:var(--ink);border-bottom:1px solid #dbdbd6;backdrop-filter:blur(12px)}
.brand-dot{color:var(--red)}
.site-header nav a{opacity:.72}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--red);opacity:1}
.header-status{color:#61615d;border-color:#cecec8}

.opening-d{height:100svh;min-height:650px;background:#faf9f6;color:var(--ink);overflow:hidden}
.opening-d:after{display:none}
.opening-sheet{position:absolute;border:1px solid #d5d5d0;pointer-events:none}
.opening-sheet-back{inset:clamp(100px,10vh,130px) 3.3vw 4vh 3.3vw;background:rgba(224,225,220,.76);transform:rotate(1.35deg)}
.opening-sheet-front{inset:clamp(92px,9vh,116px) 4.7vw 6vh 4.7vw;background:rgba(255,255,255,.96);transform:rotate(-.8deg);box-shadow:0 5px 24px rgba(0,0,0,.045);pointer-events:auto}
.opening-topline{position:absolute;top:34px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.opening-d .opening-copy{left:4%;right:4%;top:47%;transform:translateY(-42%)}
.opening-d .opening-copy .eyebrow{color:#5c5c59;font-size:11px;letter-spacing:.18em}
.opening-d .opening-copy h1{font-size:clamp(98px,14.5vw,228px);line-height:.73;letter-spacing:-.105em;margin:26px 0 33px;font-weight:800;color:var(--ink)}
.opening-d .opening-copy h1 span,.opening-d .opening-copy h1 em{display:block;white-space:nowrap}
.opening-d .opening-copy h1 em{font-family:var(--font);font-style:normal;font-weight:800;letter-spacing:-.105em;padding-left:10%;color:var(--ink)}
.opening-d .opening-copy>p:last-child{font-size:clamp(18px,1.55vw,23px);line-height:1.16;letter-spacing:-.025em;margin:0 0 0 1%;font-weight:500;color:#3a3a37}
.opening-d .opening-bottom{left:4%;right:4%;bottom:27px;color:var(--ink);font-size:10px;letter-spacing:.14em}
.opening-d .opening-bottom a{border-color:#777771;pointer-events:auto}
.opening-d .opening-bottom a:first-child{display:block}
.opening-d .opening-bottom a:hover{color:var(--red);border-color:var(--red)}

.jadore-stage{height:100svh;min-height:0;background:#faf9f6;overflow:hidden}
.jadore-stage-ending{background:#faf9f6}
.jadore-stage::before,.jadore-stage-ending::before{display:none}
.jadore-stage .jadore-video,.jadore-stage .jadore-final-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none!important}
.jadore-stage .jadore-final-frame{z-index:1;opacity:0;pointer-events:none;transition:opacity .4s ease}
.jadore-stage.is-finished .jadore-final-frame{opacity:1}
.jadore-caption{z-index:3;display:grid;grid-template-columns:minmax(160px,.55fr) minmax(0,2fr);gap:12px 5vw;align-content:center;width:94%;min-height:57svh;margin:-9svh auto 0;padding:clamp(55px,6vw,100px) clamp(34px,6vw,110px);transform:rotate(-1.4deg);background:rgba(255,255,255,.97);color:var(--ink);border:1px solid #cbcbc6;box-shadow:0 6px 23px rgba(0,0,0,.07)}
.jadore-caption>span{grid-row:1/4;align-self:start;padding-top:8px;color:#555550}
.jadore-caption h2{font-size:clamp(74px,10vw,160px);line-height:.83;letter-spacing:-.085em;margin:0;font-weight:750}
.jadore-caption p{grid-column:2;max-width:570px;margin:10px 0 0;font-family:var(--font);font-style:normal;font-size:clamp(17px,1.65vw,24px);line-height:1.35}
.jadore-caption a{grid-column:2;justify-self:start;white-space:normal;margin-top:17px;border-color:var(--ink)}
.jadore-caption+.section-intro{position:relative;z-index:4;width:97%;margin:-2vw auto 0;min-height:62svh;transform:rotate(.65deg);background:rgba(239,239,236,.96);border:1px solid #d0d0cc;box-shadow:0 5px 20px rgba(0,0,0,.045)}
.section-intro h2 em,.about-section h2 em,.career-chapter h2 em,.career-teaching h2 em{font-family:var(--font);font-style:normal;font-weight:700;color:inherit}
.section-intro .section-number{color:#555550}
.section-intro>p{color:#454540}

.paper-stack{background:#faf9f6;padding:7vw 0 5vw;margin-top:-2vw}
.paper-stack::before{background-image:var(--stack-image);background-size:cover;background-position:center;filter:saturate(.92) brightness(1.08)}
.paper-stack .paper-sheet{top:calc(72px + 1.8vw);width:96%;height:calc(100svh - 104px);margin-bottom:19vh;z-index:1;transform:translate3d(0,var(--paper-lift,0px),0) rotate(var(--paper-turn,0deg))}
.paper-stack .paper-sheet:nth-child(1){width:96%;left:-1%;--sheet-color:rgba(255,255,255,.93);--sheet-ink:var(--ink)}
.paper-stack .paper-sheet:nth-child(2){width:94%;left:1%;--sheet-color:rgba(246,246,244,.93);--sheet-ink:var(--ink)}
.paper-stack .paper-sheet:nth-child(3){width:95%;left:-.5%;--sheet-color:rgba(255,255,255,.93);--sheet-ink:var(--ink)}
.paper-stack .paper-sheet:nth-child(4){width:93%;left:1%;--sheet-color:rgba(242,242,239,.94);--sheet-ink:var(--ink)}
.paper-sheet{background:var(--sheet-color,rgba(255,255,255,.94));color:var(--sheet-ink,var(--ink));border:1px solid rgba(22,22,22,.23);box-shadow:0 4px 23px rgba(0,0,0,.095)}
.paper-sheet:before,.paper-sheet:after{display:none}
.paper-sheet .panel-topline{top:24px}
.paper-sheet .panel-bottom{top:56px}
.paper-sheet .panel-bottom h3{font-size:clamp(54px,6.5vw,105px);margin:12px 75px 10px 0;line-height:.83}
.paper-sheet .panel-intro{font-size:clamp(13px,1.1vw,16px);opacity:.75}
.paper-sheet .panel-media{inset:clamp(180px,24vh,230px) 13px 13px;background:#111;overflow:hidden}
.paper-sheet .panel-video{transform:translateY(var(--image-drift,0px)) scale(1.035);transition:transform .1s linear}
.paper-sheet .panel-shade{display:none}
.paper-sheet .round-link{border-color:var(--ink);color:var(--ink)}
.paper-sheet .round-link:hover{background:var(--ink);color:#fff}
main > .paper-sheet{--sheet-color:rgba(255,255,255,.94);--sheet-ink:var(--ink);width:95%;margin:5vw auto;transform:rotate(-.5deg)}
main > .paper-sheet.panel-lucy{transform:rotate(.65deg)}

.filmography-strip{background:#faf9f6;border-color:#cdcdc7}
.intro-series,.intro-formats,.intro-current{background:#f4f4f1;color:var(--ink);transform:rotate(.65deg);margin:2vw auto;width:97%;border:1px solid #d1d1cc}
.intro-series .section-number,.intro-formats .section-number,.intro-series>p,.intro-formats>p{color:#454540}
.intro-series h2 em,.intro-formats h2 em{color:var(--ink)}
.series-grid{background:#faf9f6;padding:4vw;gap:1vw}
.series-feature{border:9px solid #f9f8f5;box-shadow:0 5px 20px rgba(0,0,0,.09)}
.series-side article,.series-side article:first-child{background:#f0f0ed;color:var(--ink);border-color:#d0d0ca}
.series-side p{color:#565650}
.orwell-band{background:#f4f4f1;color:var(--ink);border-top:1px solid #d0d0ca;border-bottom:1px solid #d0d0ca}
.orwell-band>.section-number,.orwell-band .orwell-kicker,.orwell-band blockquote{color:var(--ink)}
.shorts-section{background:#faf9f6;color:var(--ink)}
.portrait-card,.portrait-card:nth-child(3n+2),.portrait-card:nth-child(3n){background:rgba(255,255,255,.96);border-color:#d0d0ca;box-shadow:0 3px 14px rgba(0,0,0,.075)}
.portrait-open{background:#151515;color:#fff}
.about-section{background:#f4f4f1}
.press-section{background:#faf9f6}
.press-item:hover{color:var(--red)}
.site-footer{background:#171717;color:#fff;border-color:#41413d}
.site-footer strong span{color:#fff}
.site-footer p{color:#b9b9b5}
.site-footer>a{border-color:#fff}

.project-opening,.project-heading,.project-body,.career-hero,.career-teaching{background:#faf9f6;color:var(--ink)}
.project-heading .eyebrow,.project-subtitle{color:#5a5a56}
.project-player-section{background:#171717;color:#fff}
.project-press,.career-digital{background:#f0f0ed}
.career-intro,.career-collab{background:#e8e8e4;color:var(--ink)}
.career-collab blockquote,.career-collab a{color:var(--ink)}
.career-tv{background:#252525;color:#fff}
.career-tv-grid>a,.career-tv-grid>a:hover{background:#333}
.jadore-project-context{background:#faf9f6}
.jadore-project-context h2 em{color:var(--ink);font-family:var(--font);font-style:normal;font-weight:700}
.jadore-context-stills{display:block}
.jadore-context-stills figure{background:#faf9f6;padding:0;transform:rotate(.7deg);border:1px solid #d0d0ca}
.jadore-context-stills img{aspect-ratio:656/400;object-fit:cover}
.jadore-context-stills figcaption{background:#faf9f6;color:var(--ink);padding:12px;font-weight:700}

@media(max-width:760px){
  .opening-d{min-height:0;height:100svh}
  .opening-sheet-back{inset:83px 3.5vw 3vh;transform:rotate(1deg)}
  .opening-sheet-front{inset:76px 5vw 4.5vh;transform:rotate(-.6deg)}
  .opening-topline{top:24px;left:6%;right:6%;font-size:8px;letter-spacing:.09em}
  .opening-topline span:last-child{display:none}
  .opening-d .opening-copy{left:6%;right:6%;top:42%;transform:translateY(-35%)}
  .opening-d .opening-copy .eyebrow{font-size:9px;line-height:1.35;letter-spacing:.09em}
  .opening-d .opening-copy h1{font-size:clamp(65px,16vw,116px);line-height:.79;margin:28px 0 34px}
  .opening-d .opening-copy h1 em{padding-left:0}
  .opening-d .opening-copy>p:last-child{font-size:clamp(20px,5vw,25px)}
  .opening-d .opening-bottom{left:6%;right:6%;bottom:22px;font-size:9px;line-height:1.35}
  .opening-d .opening-bottom a:first-child{max-width:52%}
  .opening-d .opening-bottom a:last-child{max-width:43%;text-align:right}
  .jadore-stage{height:100svh;min-height:0;background:#faf9f6}
  .jadore-stage .jadore-video,.jadore-stage .jadore-final-frame{inset:0;width:100%;height:100%;object-fit:contain;transform:none;background:#faf9f6}
  .jadore-caption{width:93%;margin:-6svh auto 0;min-height:0;display:block;padding:54px 26px 60px;transform:rotate(-1deg)}
  .jadore-caption h2{font-size:clamp(62px,12vw,100px);margin:32px 0 22px}
  .jadore-caption p{font-size:18px;margin:0 0 22px}
  .jadore-caption a{display:inline-block;margin-top:2px}
  .jadore-caption+.section-intro{width:97%;margin:-1vw auto 0;transform:rotate(.5deg);min-height:0}
  .section-intro{background:#f4f4f1}
  .paper-stack{padding:60px 0 35px;margin-top:-2vw}
  .paper-stack .paper-sheet{top:68px;width:96%;height:calc(100svh - 83px);min-height:540px;margin-bottom:16vh}
  .paper-stack .paper-sheet:nth-child(n){width:96%;left:0}
  .paper-stack .paper-sheet:nth-child(2n){width:94%;left:1%}
  .paper-sheet .panel-bottom h3{font-size:clamp(46px,10vw,78px)}
  .paper-sheet .panel-media{inset:clamp(175px,26vh,220px) 9px 9px}
  .paper-sheet .panel-video{transform:none}
  main > .paper-sheet{width:95%;margin:5vw auto}
  .intro-series,.intro-formats,.intro-current{width:97%;margin:2vw auto}
  .series-grid{padding:20px;gap:12px}
  .series-feature{border-width:6px}
  .portrait-card,.portrait-card:nth-child(3n+2),.portrait-card:nth-child(3n){background:#fff}
}
@media(max-width:430px){
  .opening-d .opening-copy h1{font-size:clamp(59px,15.5vw,75px)}
  .opening-d .opening-copy>p:last-child{font-size:19px}
  .paper-sheet .panel-bottom h3{font-size:clamp(42px,10vw,57px)}
}
@media(prefers-reduced-motion:reduce){
  .opening-sheet-front,.opening-sheet-back,.jadore-caption,.jadore-caption+.section-intro,.intro-series,.intro-formats,.intro-current,main > .paper-sheet{transform:none!important}
  .paper-stack .paper-sheet{position:relative;top:auto;transform:none!important;margin-bottom:18px}
  .paper-sheet .panel-video{transform:none}
}

/* Variante E — un geste de montage traverse le portfolio : feuille, image, contrechamp. */
:root{--paper:#fbfaf7;--pearl:#f1f1ee;--ink:#181816;--line:rgba(24,24,22,.19)}
body{background:var(--paper)}
html,body{max-width:100%;overflow-x:clip}

/* Un accueil composé, puis la feuille s'écarte et laisse grandir le film. */
.opening-e{position:relative;height:210svh;min-height:0;background:var(--paper);overflow:visible;isolation:isolate}
.opening-sticky{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:var(--paper);isolation:isolate}
.opening-e .opening-film-peek{position:absolute;inset:0;z-index:0;background:#a43e31;clip-path:inset(var(--peek-top,22%) var(--peek-right,5%) var(--peek-bottom,22%) var(--peek-left,66%));will-change:clip-path;animation:film-ready .15s .9s both}
.opening-film-peek .jadore-video,.opening-film-peek .jadore-final-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;transform:scale(var(--film-scale,1.08));will-change:transform}
.opening-film-peek .jadore-video{background:#a43e31 url('../media/posters/jadore-ending-graded-start.jpg') center/cover no-repeat}
.opening-film-peek .jadore-final-frame{z-index:1;opacity:0;pointer-events:none;transition:opacity .45s ease}
.opening-film-peek.is-finished .jadore-final-frame{opacity:1}
.opening-film-anchor{position:absolute;top:73svh;left:0;width:1px;height:1px;pointer-events:none}
.opening-e .opening-sheet-back{z-index:1;inset:clamp(107px,10.7vh,137px) 2.5vw 3.4vh 4.3vw;background:#e9e9e5;border-color:#d1d1cd;transform:translate3d(var(--back-x,0px),var(--back-y,0px),0) rotate(var(--back-angle,1.4deg)) scale(var(--back-scale,1));will-change:transform;animation:sheet-reveal .9s both cubic-bezier(.22,.77,.13,1)}
.opening-e .opening-sheet-front{z-index:2;inset:clamp(92px,9vh,116px) 5vw 6.4vh 4.5vw;background:#fff;border-color:#c9c9c4;box-shadow:0 12px 45px rgba(0,0,0,.045);transform:translate3d(var(--front-x,0px),var(--front-y,0px),0) rotate(var(--front-angle,-.9deg)) scale(var(--front-scale,1));will-change:transform;animation:sheet-reveal .7s .08s both cubic-bezier(.22,.77,.13,1)}
.opening-e .opening-sheet-front::after{content:"";position:absolute;left:4%;right:4%;bottom:60px;border-bottom:1px solid #c4c4bf;transform-origin:left;animation:rule-in 1.15s .65s both cubic-bezier(.22,.77,.13,1)}
.opening-e .opening-topline{color:#575752}
.opening-e .opening-copy{top:42%;transform:translateY(-43%)}
.opening-e .opening-copy h1{line-height:.74;margin:31px 0 32px}
.opening-e .opening-copy h1 span,.opening-e .opening-copy h1 em{position:relative;will-change:transform,clip-path}
.opening-e .opening-copy h1 span{animation:name-enter-left 1.15s .13s both cubic-bezier(.18,.77,.13,1)}
.opening-e .opening-copy h1 em{animation:name-enter-right 1.25s .3s both cubic-bezier(.18,.77,.13,1)}
.opening-e .opening-copy h1 span::after,.opening-e .opening-copy h1 em::after{
  content:attr(data-word);position:absolute;top:0;left:0;color:transparent;
  -webkit-text-stroke:1px rgba(164,62,49,.7);pointer-events:none;
  animation:name-afterimage .66s .65s both ease-out;
}
.opening-e .opening-copy h1 em::after{left:10%;animation-delay:.82s}
.opening-e .opening-copy .eyebrow{animation:quiet-arrives .7s .2s both}
.opening-e .opening-copy>p:last-child{animation:quiet-arrives .7s .92s both}
.opening-e .opening-axis{position:absolute;bottom:77px;left:4%;right:4%;display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.2em;font-weight:800;color:#70706b;white-space:nowrap}
.opening-e .opening-axis span:nth-child(2){font-weight:600;letter-spacing:.28em}
.opening-e .opening-bottom{bottom:27px}
.opening-enter-film{position:absolute;right:8.4vw;bottom:calc(6.4vh + 27px);z-index:4;color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #777771;padding:10px 0;opacity:var(--enter-opacity,1);transform:translate3d(0,var(--enter-y,0px),0)}
.opening-enter-film:hover,.opening-enter-film:focus-visible{color:var(--red);border-color:var(--red)}
.opening-cutline{position:absolute;left:clamp(23px,4vw,65px);bottom:clamp(30px,6vh,80px);z-index:3;color:#fff;font-size:11px;font-weight:800;letter-spacing:.24em;opacity:var(--cut-opacity,0);transform:translateY(var(--cut-y,24px));pointer-events:none}
@keyframes sheet-reveal{from{opacity:0;clip-path:inset(0 0 15% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes name-enter-left{
  0%{opacity:0;clip-path:inset(0 0 0 100%);transform:translate3d(-18vw,.13em,0) rotate(-5deg) scale(1.09)}
  58%{opacity:1;clip-path:inset(0);transform:translate3d(19px,-5px,0) rotate(1.2deg) scale(1.025)}
  77%{transform:translate3d(-6px,1px,0) rotate(-.35deg) scale(.995)}
  100%{opacity:1;clip-path:inset(0);transform:none}
}
@keyframes name-enter-right{
  0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(20vw,-.13em,0) rotate(5deg) scale(1.09)}
  58%{opacity:1;clip-path:inset(0);transform:translate3d(-20px,6px,0) rotate(-1.2deg) scale(1.025)}
  77%{transform:translate3d(6px,-1px,0) rotate(.35deg) scale(.995)}
  100%{opacity:1;clip-path:inset(0);transform:none}
}
@keyframes name-afterimage{
  0%{opacity:0;transform:translate3d(0,0,0)}
  20%{opacity:.8}
  100%{opacity:0;transform:translate3d(34px,-2px,0)}
}
@keyframes quiet-arrives{from{opacity:0;transform:translate3d(0,17px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes rule-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes film-ready{from{opacity:0}to{opacity:1}}
.site-header{transition:background .3s,color .3s,border-color .3s;box-shadow:none}
.site-header.over-film{background:transparent;color:#fff;border-color:transparent;backdrop-filter:none}
.site-header.over-film nav a{color:#fff;opacity:.94}
.site-header.over-film .brand-dot,.site-header.over-film nav a:hover,.site-header.over-film nav a:focus-visible{color:#fff}
.site-header.over-film .header-status{color:#fff;border-color:rgba(255,255,255,.5)}
.site-header.over-film .brand,.site-header.over-film nav,.site-header.over-film .header-status{text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.58)}

/* Le rouge vient du film, bord à bord ; la feuille qui suit fait le contrechamp. */
.jadore-stage{background:#a43e31}
.jadore-stage .jadore-video,.jadore-stage .jadore-final-frame{object-fit:cover;object-position:center;backface-visibility:hidden}
.jadore-stage .jadore-video{background:#a43e31 url('../media/posters/jadore-ending-graded-start.jpg') center/cover no-repeat}
.jadore-stage .jadore-final-frame{background:#a43e31}
.jadore-caption{margin-top:-10svh;transform:translate3d(0,var(--caption-y,0px),0) rotate(-1.15deg);box-shadow:0 14px 40px rgba(30,23,20,.08);background:#fff}
.jadore-caption h2{max-width:1000px}
.jadore-caption+.section-intro{margin-top:-2.5vw}

/* Les images des films débordent derrière des feuillets mobiles. */
.paper-stack{background:var(--paper);padding-top:8vw}
.paper-stack::before{background-image:var(--stack-image);background-position:var(--stack-position,center);filter:saturate(1.06) brightness(1.02);transition:background-image .35s}
.paper-stack .paper-sheet{width:91%;height:calc(100svh - 112px);margin-bottom:25vh;transform:translate3d(var(--paper-x,0px),var(--paper-lift,0px),0) rotate(var(--paper-turn,0deg));box-shadow:0 18px 56px rgba(22,17,15,.15);border-color:#c1c0ba;backface-visibility:hidden}
.paper-stack .paper-sheet:nth-child(1){width:91%;left:-2.5%}
.paper-stack .paper-sheet:nth-child(2){width:90%;left:2.4%}
.paper-stack .paper-sheet:nth-child(3){width:92%;left:-2.1%}
.paper-stack .paper-sheet:nth-child(4){width:89%;left:2.7%}
.paper-sheet .panel-media{background:#e8e7e3;overflow:hidden}
.paper-sheet .panel-poster{display:block;position:absolute;inset:-3%;background-size:cover;background-position:center;filter:blur(13px) saturate(.95);transform:scale(1.05)}
.paper-sheet .panel-video{position:relative;z-index:1;transform:translate3d(var(--image-x,0px),var(--image-drift,0px),0) scale(1.06);transition:none}
.paper-stack .paper-sheet.panel-classic .panel-media{background:#e8e7e3}
.paper-stack .paper-sheet.panel-classic .panel-poster{display:block}
.paper-stack .paper-sheet.panel-classic .panel-video{object-fit:contain;transform:translate3d(var(--image-x,0px),var(--image-drift,0px),0) scale(1.02)}
.paper-sheet .panel-topline{font-size:10px}
.paper-sheet .panel-bottom h3{font-size:clamp(57px,7vw,112px)}
.paper-stack .paper-sheet:nth-child(even) .panel-bottom h3{letter-spacing:-.09em}
main > .paper-sheet .panel-poster{display:block}
main > .paper-sheet .panel-media{background:#e8e7e3}
main > .paper-sheet .panel-video{transform:none}

/* Cinéma ample, séries en vis-à-vis, formats verticaux en rythme, parcours comme ligne. */
.filmography-strip{background:var(--paper)}
.intro-series,.intro-formats,.intro-current{background:#f3f3f0}
.series-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,.72fr);gap:2.2vw;padding:4vw 5.5vw 7vw;align-items:start;background:var(--paper)}
.series-feature{min-height:88svh;transform:none;border:0;box-shadow:none}
.series-feature img{transform:translate3d(0,var(--series-image-y,0px),0) scale(1.10);transition:transform .18s linear}
.series-feature:hover img{transform:translate3d(0,var(--series-image-y,0px),0) scale(1.14)}
.series-feature strong{transform:translate3d(var(--series-title-x,0px),0,0);will-change:transform}
.series-side{gap:0;margin-top:11vh;border-top:1px solid #b9b9b2}
.series-side article,.series-side article:first-child{border:0;border-bottom:1px solid #b9b9b2;transform:none;min-height:280px;padding:35px 12px;background:transparent}
.series-side article>span{color:#555550}
.series-side h3{font-size:clamp(48px,5vw,82px)}
.orwell-band{position:relative;overflow:hidden;background:#e9e9e5;color:var(--ink);border:0;gap:5vw}
.orwell-band::after{content:"";position:absolute;right:-9vw;bottom:-8vw;width:38vw;height:38vw;border:1px solid rgba(24,24,22,.1);transform:rotate(16deg);pointer-events:none}
.orwell-band blockquote{font-family:var(--font);font-size:clamp(27px,2.9vw,43px);font-weight:600;letter-spacing:-.055em;position:relative;z-index:1}
.shorts-section{padding-top:clamp(95px,12vw,180px)}
.portrait-grid{align-items:start;gap:clamp(16px,1.7vw,26px)}
.portrait-card,.portrait-card:nth-child(3n+2),.portrait-card:nth-child(3n){background:#fff;box-shadow:0 14px 28px rgba(20,20,18,.075);transform:rotate(var(--portrait-turn,-.65deg));transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.portrait-card:nth-child(4n+2){margin-top:5vw;--portrait-turn:1.2deg}
.portrait-card:nth-child(4n+3){margin-top:2vw;--portrait-turn:-.3deg}
.portrait-card:nth-child(4n){margin-top:9vw;--portrait-turn:.8deg}
.portrait-card:hover,.portrait-card:focus-within{transform:translateY(-12px) rotate(0);box-shadow:0 24px 42px rgba(20,20,18,.14)}
.portrait-frame{background:#e6e6e2}
.about-section{position:relative;overflow:hidden;background:#f1f1ee}
.about-section::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid rgba(24,24,22,.11);transform:rotate(-8deg);pointer-events:none}
.timeline{position:relative}
.timeline::before{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid rgba(24,24,22,.2)}
.timeline span{padding-left:22px}
.press-section{background:var(--paper)}
.press-item:hover{padding-left:20px;color:#8a3630}

/* Aucun rectangle noir autour du film restauré ni section noire en fin de parcours. */
.player-jadore{background:var(--paper);color:var(--ink)}
.player-jadore .project-player{display:block;width:min(100%,1100px);max-height:none;aspect-ratio:656/400;object-fit:cover;margin:0 auto;background:#a43e31;box-shadow:none;border:0}
.project-player-section{background:#efefec;color:var(--ink)}
.project-player{background:#e7e7e3;box-shadow:none}
.project-art.jadore-art{background:#a43e31}
.project-art.jadore-art::before{display:none}
.project-art.jadore-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.project-end,.site-footer{background:var(--paper);color:var(--ink);border-color:#d2d2cb}
.site-footer strong span{color:var(--ink)}
.site-footer p{color:#595953}
.site-footer>a{border-color:var(--ink)}
.career-tv,.career-slate{background:#e9e9e5;color:var(--ink)}
.career-tv .career-chapter-head .section-number,.career-tv .career-chapter-head>p,.career-slate .career-chapter-head .section-number,.career-slate .career-chapter-head>p{color:#555550}
.career-tv-grid>a,.career-tv-grid>a:hover{background:#f7f7f4}
.career-tv-grid span:first-child,.career-tv-grid p,.career-slate-grid article>span,.career-slate-grid p{color:#555550}
.career-slate-grid a{border-color:var(--ink)}
.career-intro,.career-collab{background:#e9e9e5}
.career-hero figcaption{background:#fff;color:var(--ink)}

/* Révélations ponctuelles, jamais un mouvement décoratif permanent. */
body.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,48px,0);transition:opacity .72s ease,transform .85s cubic-bezier(.17,.73,.14,1)}
body.motion-ready [data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}
body.motion-ready .portrait-card:not(.is-visible){opacity:0;transform:translate3d(0,55px,0) rotate(var(--portrait-turn,-.65deg))}
body.motion-ready .portrait-card.is-visible{opacity:1}

@media(max-width:760px){
  .opening-e{height:185svh}
  .opening-sticky{min-height:0;height:100svh}
  .opening-e .opening-sheet-back{inset:83px 2.5vw 3vh 3.5vw}
  .opening-e .opening-sheet-front{inset:76px 5vw 4.5vh}
  .opening-e .opening-copy{top:41%;transform:translateY(-35%)}
  .opening-e .opening-copy h1{line-height:.8}
  .opening-e .opening-sheet-front::after{bottom:73px}
  .opening-e .opening-axis{left:6%;right:6%;bottom:91px;font-size:8px;letter-spacing:.08em}
  .opening-e .opening-axis span:nth-child(2){display:none}
  .opening-enter-film{right:11vw;bottom:calc(4.5vh + 22px);font-size:9px}
  .opening-e .opening-film-peek img{object-position:55% center}
  .jadore-stage .jadore-video,.jadore-stage .jadore-final-frame{object-fit:cover;background:#a43e31}
  .jadore-caption{margin-top:-4svh}
  .paper-stack .paper-sheet{width:96%;height:calc(100svh - 86px);margin-bottom:20vh}
  .paper-stack .paper-sheet:nth-child(n){width:96%;left:0}
  .paper-stack .paper-sheet:nth-child(even){width:95%;left:.8%}
  .paper-sheet .panel-media{background:#e8e7e3}
  .paper-sheet .panel-video{transform:translate3d(var(--image-x,0px),var(--image-drift,0px),0) scale(1.07)}
  .series-grid{grid-template-columns:1fr;padding:24px;gap:0}
  .series-feature{min-height:74svh}
  .series-side{margin-top:0;display:grid;grid-template-columns:1fr 1fr}
  .series-side article,.series-side article:first-child{min-height:270px;padding:29px 15px}
  .series-side article+article{border-left:1px solid #b9b9b2}
  .portrait-card:nth-child(n){margin-top:0}
  .portrait-card:nth-child(2n){margin-top:9vw}
  .about-section::before{display:none}
  .career-tv-grid>a,.career-tv-grid>article{background:transparent;color:var(--ink)}
  .player-jadore .project-player{width:100%;aspect-ratio:656/400;object-fit:cover}
}
@media(max-width:500px){
  .opening-e .opening-copy h1{font-size:clamp(58px,15.5vw,82px)}
  .opening-e .opening-copy h1 em::after{left:0}
  .opening-e .opening-axis{bottom:91px}
  .series-side{grid-template-columns:1fr}
  .series-side article+article{border-left:0}
  .series-side h3{font-size:55px}
  .orwell-band::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .opening-e{height:100svh}
  .opening-sticky{position:relative}
  .opening-e .opening-film-peek{display:none}
  .opening-e .opening-sheet-back,.opening-e .opening-sheet-front{animation:none;transform:none!important}
  .opening-e .opening-copy h1 span,.opening-e .opening-copy h1 em,.opening-e .opening-copy .eyebrow,.opening-e .opening-copy>p:last-child{animation:none}
  .opening-e .opening-copy h1 span::after,.opening-e .opening-copy h1 em::after{display:none}
  .opening-e .opening-sheet-front::after{animation:none}
  .opening-cutline{display:none}
  .site-header{transition:none}
  .jadore-caption{transform:none!important}
  .series-feature img,.series-feature:hover img,.series-feature strong{transform:none!important}
  .portrait-card,.portrait-card:nth-child(n){transform:none!important;margin-top:0;opacity:1!important}
  body.motion-ready [data-reveal],body.motion-ready .portrait-card:not(.is-visible){opacity:1;clip-path:none;transform:none;transition:none}
}

/* Variante F — les images reprennent presque toute la page. Le papier reste
   dans les transitions et dans le mouvement des plans, sans grande réserve
   blanche à l'intérieur des bandes-annonces. */
.paper-stack{padding:0 0 3vw;margin-top:-1vw;background:#f7f7f3}
.paper-stack::before{filter:saturate(1.08) brightness(.94)}
.paper-stack .paper-sheet,
.paper-stack .paper-sheet:nth-child(n){
  top:0;
  left:0;
  width:100%;
  height:100svh;
  min-height:560px;
  margin:0 auto 12vh;
  border:0;
  background:transparent;
  box-shadow:0 15px 45px rgba(18,15,12,.18);
}
.paper-sheet .panel-media,
.paper-stack .paper-sheet.panel-classic .panel-media{inset:0;background:#696761}
.paper-sheet .panel-poster{inset:-5%;filter:blur(16px) saturate(1.08) brightness(.83)}
.paper-sheet .panel-video,
.paper-stack .paper-sheet.panel-classic .panel-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  box-shadow:none;
  transform:translate3d(var(--image-x,0px),var(--image-drift,0px),0) scale(1.06);
}
.paper-sheet .panel-shade{
  display:block;
  background:linear-gradient(180deg,rgba(0,0,0,.39),transparent 28%,transparent 49%,rgba(0,0,0,.16) 65%,rgba(0,0,0,.66));
}
.paper-sheet .panel-topline{
  top:96px;
  left:clamp(25px,4vw,70px);
  right:clamp(25px,4vw,70px);
  color:#fff;
  z-index:3;
  text-shadow:0 1px 8px rgba(0,0,0,.65);
}
.paper-sheet .panel-bottom{
  top:auto;
  bottom:clamp(130px,20vh,180px);
  left:clamp(25px,4vw,70px);
  right:clamp(25px,4vw,70px);
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  color:#fff;
  z-index:3;
  text-shadow:0 2px 13px rgba(0,0,0,.68);
}
.paper-sheet .panel-bottom>div{max-width:min(82vw,1050px)}
.paper-sheet .panel-bottom h3,
.paper-stack .paper-sheet:nth-child(even) .panel-bottom h3{
  font-size:clamp(66px,7.4vw,122px);
  line-height:.82;
  letter-spacing:-.085em;
  max-width:none;
  margin:13px 0 16px;
}
.paper-sheet .panel-intro{font-size:clamp(15px,1.35vw,20px);opacity:1;line-height:1.28;max-width:600px}
.paper-sheet .panel-type{opacity:1}
.paper-sheet .round-link{
  position:relative;
  top:auto;
  right:auto;
  flex:none;
  border-color:#fff;
  color:#fff;
  text-shadow:none;
}
.paper-sheet .round-link:hover{background:#fff;color:#181816}
.paper-sheet .panel-hit{z-index:2}
.paper-sheet .panel-bottom .round-link{z-index:4}
main > .paper-sheet,
main > .paper-sheet.panel-lucy{
  width:100%;
  height:100svh;
  min-height:560px;
  margin:2vw auto 5vw;
  border:0;
  transform:none;
}
main > .paper-sheet .panel-video{transform:scale(1.035)}

@media(max-width:760px){
  .paper-stack{padding:0 0 2vw}
  .paper-stack .paper-sheet,
  .paper-stack .paper-sheet:nth-child(n),
  main > .paper-sheet,
  main > .paper-sheet.panel-lucy{
    top:0;
    left:0;
    width:100%;
    height:100svh;
    min-height:0;
    margin:0 auto 8vh;
  }
  .paper-sheet .panel-media,
  .paper-stack .paper-sheet.panel-classic .panel-media{inset:0}
  .paper-sheet .panel-video,
  .paper-stack .paper-sheet.panel-classic .panel-video,
  main > .paper-sheet .panel-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-height:none;
    object-fit:cover;
    transform:scale(1.06);
  }
  .paper-sheet .panel-topline{top:80px;left:20px;right:20px;font-size:9px}
  .paper-sheet .panel-bottom{left:20px;right:20px;bottom:clamp(115px,16vh,155px);gap:15px}
  .paper-sheet .panel-bottom>div{max-width:100%}
  .paper-sheet .panel-bottom h3{font-size:clamp(54px,12vw,81px);margin:10px 0 0;line-height:.84}
  .paper-sheet .panel-intro{display:none}
  .paper-sheet .round-link{width:56px;height:56px;font-size:28px}
}
@media(prefers-reduced-motion:reduce){
  .paper-stack .paper-sheet,
  main > .paper-sheet{transform:none!important}
  .paper-sheet .panel-video,
  main > .paper-sheet .panel-video{transform:none!important}
}

/* The animated title lives entirely inside the interlude film. */
.orwell-transition{position:relative;isolation:isolate;height:100svh;min-height:600px;overflow:hidden;background:#e91e09;color:#fff}
.site-header.over-transition{background:#b92919;color:#fff;border-color:rgba(255,255,255,.18);backdrop-filter:none}
.transition-media,.transition-shade,.transition-poster{position:absolute;inset:0}
.transition-media{z-index:-2;background:#e91e09}
.transition-poster{background-image:var(--transition-poster);background-size:cover;background-position:center}
.transition-media video{width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(0,var(--transition-image-y,0px),0) scale(1.08)}
.transition-shade{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 26%,transparent 40%,rgba(0,0,0,.1) 60%,rgba(0,0,0,.53))}
.transition-next{position:absolute;right:clamp(24px,5vw,80px);bottom:clamp(40px,6vh,70px);padding-bottom:9px;border-bottom:1px solid currentColor;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.orwell-band{scroll-margin-top:72px}
.series-episode{scroll-margin-top:72px}
.series-episode .project-player.portrait{display:block;box-shadow:0 18px 48px rgba(20,15,12,.15)}
.series-episode + .series-episode{background:#e4e3df;border-top:1px solid #c8c5c0}

@media(max-width:760px){
  .orwell-transition{min-height:0}
  .transition-media video{object-position:center;transform:translate3d(0,var(--transition-image-y,0px),0) scale(1.04)}
  .transition-next{right:20px;bottom:39px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .transition-media video{transform:none!important}
}

/* Paired French / English editions share the same moving-image layout. */
.language-switch{display:flex;align-items:center;gap:8px;flex:none;padding:7px 0 7px 15px;border-left:1px solid #cecec8;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.language-switch a{opacity:.58;transition:opacity .2s,color .2s}
.language-switch a:hover,.language-switch a:focus-visible{opacity:1;color:var(--red)}
.language-current{color:var(--red);border-bottom:1px solid currentColor;padding-bottom:2px}
.language-divider{opacity:.4}
.site-header.over-film .language-switch,.site-header.over-transition .language-switch{border-color:rgba(255,255,255,.5);color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.site-header.over-film .language-current,.site-header.over-transition .language-current{color:#fff}
.site-header.over-film .language-switch a:hover,.site-header.over-transition .language-switch a:hover{color:#fff;opacity:1}
.project-art.richard-art img{object-fit:cover;object-position:60% center}
.panel-les-ames-de-papier .panel-video{object-position:60% center}
.panel-les-ames-de-papier .panel-poster{background-position:60% center}
video::cue{color:#fff;background:rgba(13,12,12,.77);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.3}

/* A short commercial chapter, with the source resolution of the VW films visible. */
.ad-chapter{position:relative;overflow:hidden;background:#f4f3ef;color:var(--ink);scroll-margin-top:72px}
.ad-chapter-heading{position:relative;min-height:72svh;display:grid;grid-template-columns:minmax(165px,.55fr) 2fr;align-content:center;column-gap:5vw;padding:clamp(100px,11vw,175px) clamp(24px,6.7vw,120px);isolation:isolate}
.ad-chapter-heading::before{content:"";position:absolute;z-index:-1;right:-4%;top:5%;width:41%;height:85%;border:1px solid rgba(17,17,17,.13);background:#faf9f6;transform:rotate(8deg);box-shadow:-20px 27px 0 rgba(181,43,39,.09)}
.ad-chapter-heading .section-number{grid-column:1;align-self:start;padding-top:20px}
.ad-chapter-heading h2{grid-column:2;font-size:clamp(72px,10.5vw,175px);line-height:.78;letter-spacing:-.085em;margin:0;position:relative;z-index:1}
.ad-chapter-heading h2 em,.signals-heading h2 em,.career-ad h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.07em}
.ad-chapter-heading>p{grid-column:2;max-width:640px;font-size:clamp(18px,1.65vw,24px);line-height:1.35;margin:50px 0 0;position:relative;z-index:1}
.ad-chapter-number{position:absolute;right:3vw;bottom:-.14em;color:var(--red);font-size:clamp(170px,25vw,380px);font-weight:900;letter-spacing:-.13em;line-height:.8;opacity:.9;pointer-events:none;transform:rotate(-9deg)}
.ad-archive{position:relative;background:var(--red);color:#fff;padding:clamp(55px,6vw,100px) clamp(24px,6.7vw,120px) clamp(100px,10vw,160px);transform:rotate(-.35deg) scale(1.015);z-index:1}
.ad-current{background:#e9e8e3;padding:clamp(75px,9vw,140px) clamp(24px,6.7vw,120px) clamp(70px,8vw,120px)}
.ad-group-label{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-bottom:50px;border-top:1px solid currentColor;padding-top:18px}
.ad-group-label>span{font-size:11px;letter-spacing:.23em;font-weight:800}
.ad-group-label>p{font-size:17px;max-width:280px;line-height:1.35;margin:0}
.ad-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,55px);align-items:start}
.ad-card{background:#faf9f6;color:var(--ink);padding:clamp(10px,1vw,17px);box-shadow:0 24px 40px rgba(14,14,12,.19);transition:transform .45s cubic-bezier(.17,.7,.15,1),box-shadow .4s}
.ad-card:nth-child(odd){transform:rotate(-1.25deg)}
.ad-card:nth-child(even){transform:rotate(1.4deg) translateY(3vw)}
.ad-card:hover,.ad-card:focus-within{transform:rotate(0) translateY(-10px);box-shadow:0 35px 58px rgba(14,14,12,.24)}
.ad-card>a{display:block}
.ad-card-frame{position:relative;display:block;overflow:hidden;background:#d7d7d3;aspect-ratio:448/256}
.ad-card-frame video{width:100%;height:100%;object-fit:cover}
.ad-card-frame.portrait{aspect-ratio:5/6;background:#d9dbdb}
.ad-card-frame.portrait video{object-fit:cover;object-position:center 42%}
.ad-card-arrow{position:absolute;right:15px;top:15px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#faf9f6;color:var(--ink);font-size:25px;transition:transform .3s,background .3s,color .3s}
.ad-card:hover .ad-card-arrow,.ad-card:focus-within .ad-card-arrow{transform:rotate(45deg);background:var(--red);color:#fff}
.ad-card-meta{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:18px 7px 8px}
.ad-card-meta>span{grid-column:1/-1;font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:#77736f}
.ad-card-meta strong{font-size:clamp(27px,2.8vw,45px);line-height:.95;letter-spacing:-.06em}
.ad-card-meta small{grid-column:1/-1;color:#67635f;font-size:12px;line-height:1.4}
.ad-card-ai{max-width:650px}
.ad-current-grid:has(.ad-card:only-child){grid-template-columns:minmax(0,1fr);max-width:600px;margin-left:auto}
.ad-current-grid .ad-card-frame.portrait{aspect-ratio:4/5}

/* Barely opened doors: two title films without invented story pages. */
.signals-section{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,2fr);gap:5vw;align-items:start;padding:clamp(100px,12vw,180px) clamp(24px,6.7vw,120px);background:#f4f3ef;min-height:75svh;scroll-margin-top:72px}
.signals-heading{position:sticky;top:120px}
.signals-heading .section-number{color:var(--red)}
.signals-heading h2{font-size:clamp(53px,5.5vw,95px);line-height:.85;letter-spacing:-.075em;margin:30px 0}
.signals-heading>p{font-size:17px;line-height:1.4;max-width:300px}
.signals-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:3vw;align-items:end}
.signal-card{background:#fff;padding:13px 13px 19px;box-shadow:0 22px 36px rgba(20,20,18,.11);transform:rotate(-1.2deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.signal-card:nth-child(2){transform:rotate(2deg) translateY(6vw)}
.signal-card:hover{transform:rotate(0) translateY(-6px)}
.signal-film{display:grid;place-items:center;overflow:hidden;height:clamp(240px,30vw,430px);background:#b72d28}
.signal-film video{width:100%;height:100%;object-fit:cover}
.signal-film.portrait{background:#e4e1da}
.signal-film.portrait video{width:auto;max-width:100%;height:100%;object-fit:contain}
.signal-copy{padding:20px 8px 4px}
.signal-copy h3{font-size:clamp(26px,2.8vw,44px);letter-spacing:-.055em;line-height:1;margin:0 0 8px}
.signal-copy p{font-size:14px;line-height:1.35;margin:0;color:#53514d}

.career-ad{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:clamp(90px,10vw,160px) clamp(24px,6.7vw,120px);background:#f2f1ed;color:var(--ink)}
.career-ad h2{font-size:clamp(60px,6vw,105px);line-height:.88;letter-spacing:-.075em;margin:30px 0}
.career-ad p{max-width:470px;font-size:clamp(19px,1.8vw,26px);line-height:1.38}
.career-ad>div>a{display:inline-block;margin-top:20px;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.career-ad-image{display:block;position:relative;padding:15px 15px 52px;background:#fff;transform:rotate(2deg);box-shadow:0 22px 36px rgba(25,25,23,.12)}
.career-ad-image img{width:100%;aspect-ratio:448/256;object-fit:cover}
.career-ad-image span{position:absolute;left:20px;bottom:18px;font-size:10px;letter-spacing:.2em;font-weight:800}

@media(max-width:900px){
  .ad-chapter-heading{grid-template-columns:1fr;min-height:65svh}
  .ad-chapter-heading h2,.ad-chapter-heading>p{grid-column:1}
  .ad-chapter-heading .section-number{padding:0 0 35px}
  .ad-chapter-number{font-size:clamp(140px,30vw,280px);opacity:.45}
  .signals-section{grid-template-columns:1fr}
  .signals-heading{position:static}
  .signals-grid{margin-top:40px}
}
@media(max-width:760px){
  .ad-chapter-heading{padding:105px 24px 130px;min-height:0}
  .ad-chapter-heading h2{font-size:clamp(62px,13vw,95px)}
  .ad-chapter-heading>p{font-size:17px;margin-top:28px;max-width:410px}
  .ad-chapter-number{right:15px;bottom:-.1em;font-size:165px}
  .ad-archive,.ad-current{padding:55px 24px 90px;transform:none}
  .ad-group-label{display:block;margin-bottom:35px}
  .ad-group-label>p{margin-top:13px;font-size:15px}
  .ad-card-grid{grid-template-columns:1fr;gap:42px}
  .ad-card:nth-child(even){transform:rotate(1.4deg)}
  .ad-current-grid:has(.ad-card:only-child){max-width:none}
  .ad-card-meta strong{font-size:31px}
  .signals-section{padding:95px 24px 140px}
  .signals-heading h2{font-size:clamp(58px,12vw,87px)}
  .signals-grid{grid-template-columns:1fr;gap:40px}
  .signal-card:nth-child(2){transform:rotate(2deg) translateY(0)}
  .signal-film{height:320px}
  .career-ad{grid-template-columns:1fr;padding:95px 24px;gap:55px}
}
@media(prefers-reduced-motion:reduce){
  .ad-card,.ad-card:nth-child(n),.signal-card,.signal-card:nth-child(n){transform:none!important}
}
@media(max-width:760px){
  .site-header nav{min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
  .site-header nav::-webkit-scrollbar{display:none}
  .language-switch{gap:5px;padding-left:9px;font-size:9px}
  .project-art.richard-art img{object-position:60% center}
  .panel-les-ames-de-papier .panel-poster{filter:blur(25px) brightness(.68);transform:scale(1.14)}
  .paper-sheet.panel-les-ames-de-papier .panel-video{top:19%;bottom:auto;height:62%;object-position:60% center;transform:none;mask-image:linear-gradient(to bottom,transparent,black 12%,black 82%,transparent)}
}

/* The library image and screen corners come from Antigravity's calibration
   demo. The portfolio keeps the scene and media as separate HTML layers so
   the scroll transition and the two real previews remain responsive. */
.universe-veil{position:fixed;inset:0;z-index:50;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#100c0d,#050405 90%);opacity:var(--universe-dim,0)}
.library-chapter{position:relative;z-index:60;height:190svh;min-height:1080px;scroll-margin-top:0;background:#130c09;color:#f2eadc}
.site-header.over-library{background:rgba(14,9,7,.78);color:#f4ecdf;border-color:rgba(239,220,184,.24);backdrop-filter:blur(12px)}
.site-header.over-library nav a{color:#f4ecdf;opacity:.9}
.site-header.over-library nav a:hover,.site-header.over-library nav a:focus-visible,.site-header.over-library .brand-dot{color:#d7a966}
.site-header.over-library .language-switch{color:#f4ecdf;border-color:rgba(239,220,184,.35)}
.site-header.over-library .language-current{color:#f4ecdf}
.site-header.over-library .header-status{color:#d8cbb6;border-color:rgba(239,220,184,.35)}
.site-header.library-lighting{background:color-mix(in srgb,rgba(250,249,246,.96) var(--room-light,100%),rgba(14,9,7,.9) var(--room-dark,0%));color:color-mix(in srgb,#11100e var(--room-light,100%),#f4ecdf var(--room-dark,0%));border-color:color-mix(in srgb,#dbdbd6 var(--room-light,100%),rgba(239,220,184,.24) var(--room-dark,0%));backdrop-filter:blur(12px)}
.site-header.library-lighting nav a,.site-header.library-lighting .language-switch,.site-header.library-lighting .language-current,.site-header.library-lighting .header-status{color:inherit}
.site-header.library-lighting nav a{opacity:.94}
.site-header.library-lighting .brand-dot{color:color-mix(in srgb,var(--red) var(--room-light,100%),#d7a966 var(--room-dark,0%))}
.site-header.library-lighting .language-switch,.site-header.library-lighting .header-status{border-color:color-mix(in srgb,rgba(17,17,17,.2) var(--room-light,100%),rgba(239,220,184,.35) var(--room-dark,0%))}
.library-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#130c09}
.library-stage{position:absolute;left:50%;top:50%;width:1024px;height:682px;transform:translate(-50%,-50%) scale(var(--library-scale,1));transform-origin:center;will-change:transform}
.library-wall{position:absolute;inset:0;transition:filter 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}
.library-stage-image{position:absolute;inset:0;background:url('library.jpg') center/cover no-repeat;filter:brightness(var(--library-brightness,.8)) saturate(.9)}
.library-screen-backing{position:absolute;left:0;top:0;transform-origin:0 0;background:radial-gradient(ellipse at 32% 19%,#29211b,#0b0b0c 74%);box-shadow:inset 0 0 40px #050506;pointer-events:none}
.library-screen-backing-left{width:640px;height:360px}
.library-screen-backing-right{width:360px;height:640px}
.library-screen{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background:#211710;backface-visibility:hidden}
.library-screen-left{width:640px;height:360px}
.library-screen-right{width:360px;height:640px}
.library-screen video{display:block;width:100%;height:100%;object-fit:cover}
.library-screen-left video{position:absolute;inset:0}
.library-screen-left .library-seeline{opacity:1}
.library-screen-left video{object-position:center}
.library-screen-right video{object-position:center}
.library-screen-hit{position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;text-align:center}
.library-screen-hit span{position:absolute;left:50%;bottom:12px;transform:translate(-50%,9px);white-space:nowrap;padding:10px 16px;background:rgba(12,9,8,.88);border:1px solid rgba(234,206,158,.7);font-size:15px;font-weight:700;letter-spacing:.06em;opacity:0;transition:opacity .25s,transform .25s}
.library-screen-hit:hover span,.library-screen-hit:focus-visible span{opacity:1;transform:translate(-50%,0)}
.library-screen-hit:focus-visible{outline:4px solid #eacb8e;outline-offset:-4px}
.library-screen:hover{filter:brightness(1.08) drop-shadow(0 0 22px rgba(215,169,102,.4))}
.library-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,5,4,.54),transparent 17%,transparent 52%,rgba(10,6,5,.28) 70%,rgba(9,5,4,.88) 100%),radial-gradient(ellipse at 50% 52%,transparent 8%,rgba(8,4,2,.17) 75%);z-index:2}
.library-topline{position:absolute;z-index:3;top:103px;left:clamp(23px,5.5vw,96px);right:clamp(23px,5.5vw,96px);display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:.22em;color:#ded0b9;text-shadow:0 2px 9px #100b08}
.library-heading{position:absolute;z-index:3;left:50%;bottom:23%;width:min(45vw,590px);text-align:center;transform:translate(-50%,calc(23px * (1 - var(--library-copy,1))));opacity:var(--library-copy,1);text-shadow:0 4px 28px #0a0604;pointer-events:none}
.library-eyebrow{display:block;margin-bottom:15px;font-size:10px;letter-spacing:.28em;font-weight:800;color:#d2b386}
.library-heading h2{margin:0;font-size:clamp(38px,4.2vw,72px);line-height:.86;letter-spacing:-.07em;font-weight:800}
.library-heading h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}
.library-projects{position:absolute;z-index:4;left:clamp(24px,5.5vw,96px);right:clamp(24px,5.5vw,96px);bottom:4.8%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:2.5vw;color:#eee0c9;opacity:var(--library-copy,1)}
.library-project{max-width:285px;min-width:0}
.library-project-right{justify-self:end;text-align:right}
.library-project>span{display:block;color:#d2b386;font-size:9px;font-weight:800;letter-spacing:.2em;margin-bottom:8px}
.library-project strong{display:block;font-size:clamp(20px,2.1vw,34px);letter-spacing:-.05em;line-height:1}
.library-project p{font-size:12px;line-height:1.3;margin:8px 0 0;color:#c9bba7}
.library-project small{display:block;margin-top:11px;color:#ead7b8;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.library-project-open{display:inline-block;margin-top:9px;padding:4px 0;border:0;border-bottom:1px solid rgba(234,215,184,.7);background:transparent;color:#f6e9d5;font:700 10px var(--font);letter-spacing:.11em;text-transform:uppercase;cursor:pointer}
.library-project-open:hover,.library-project-open:focus-visible{color:#ffdb9e;border-color:currentColor}
.library-axis{font-size:20px;font-family:var(--serif);color:#cda263;padding-bottom:5px;white-space:nowrap}
.library-axis::before{content:"←"}
.library-axis::after{content:"→";padding-left:20px}
body.library-focus-open .site-header{opacity:0;pointer-events:none}
.library-chapter.is-focused{z-index:120}
.library-chapter.is-focused .library-stage{z-index:10}
.library-chapter.is-focused .library-wall{filter:blur(9px) brightness(.3) saturate(.55);transform:scale(1.16)}
.library-chapter.is-focused .library-screen:not(.is-focused){opacity:.06;pointer-events:none}
.library-chapter.is-focused .library-heading,.library-chapter.is-focused .library-topline,.library-chapter.is-focused .library-projects,.library-chapter.is-focused .library-scrim{opacity:0;pointer-events:none}
.library-heading,.library-topline,.library-projects,.library-scrim,.library-screen{transition:opacity .45s ease,filter .45s ease}
.library-screen.is-focused{z-index:20;filter:drop-shadow(0 24px 54px rgba(0,0,0,.88)) drop-shadow(0 0 20px rgba(215,169,102,.28))}
.library-screen.is-focused .library-screen-hit{display:none}
.library-focus-hud{position:fixed;z-index:160;left:50%;bottom:clamp(18px,4vh,38px);width:min(96vw,930px);transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;color:#f4e8d8;background:rgba(16,12,10,.94);border:1px solid rgba(214,173,112,.44);border-radius:5px;box-shadow:0 16px 50px rgba(0,0,0,.65);backdrop-filter:blur(18px)}
.library-focus-hud[hidden],.library-mobile-focus[hidden],.library-focus-actions [hidden]{display:none!important}
.library-focus-hud button{border:0;background:transparent;color:inherit;font:700 11px var(--font);letter-spacing:.08em;cursor:pointer;white-space:nowrap}
.library-focus-hud button:hover,.library-focus-hud button:focus-visible{color:#edc58b}
.library-focus-meta{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.library-focus-meta span{color:#caab7f;font-size:9px;font-weight:800;letter-spacing:.19em}
.library-focus-meta strong{font-size:18px;letter-spacing:-.03em}
.library-focus-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px}
.library-focus-actions>span{font-size:10px;color:#d9c6a9;white-space:nowrap}
.library-mobile-focus{position:fixed;z-index:145;inset:0;display:grid;place-items:center;background:rgba(5,4,4,.94);backdrop-filter:blur(12px)}
.library-mobile-focus video{max-width:none;max-height:none;background:#080707;box-shadow:0 22px 55px #000,0 0 0 1px rgba(225,190,136,.48);object-fit:contain}
@media(max-width:900px){
  .library-heading{width:min(50vw,470px);bottom:29%}
  .library-heading h2{font-size:clamp(34px,5vw,58px)}
  .library-project p{max-width:210px}
}
@media(max-width:760px), (min-width:700px) and (max-width:1100px) and (orientation:portrait){
  .library-chapter{height:auto;min-height:0}
  .library-sticky{position:relative;top:auto;height:auto;min-height:0;display:flex;flex-direction:column;padding:100px 24px 85px;overflow:hidden}
  .library-sticky::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,rgba(118,76,42,.24),transparent 55%),linear-gradient(180deg,#130c09 0%,#23150f 54%,#110a07 100%);pointer-events:none}
  .library-topline{position:relative;z-index:3;top:auto;left:auto;right:auto;order:0;margin-bottom:80px}
  .library-topline span:last-child{display:none}
  .library-heading{position:relative;left:auto;bottom:auto;width:100%;text-align:left;order:1;transform:none;opacity:1;margin-bottom:42px}
  .library-heading h2{font-size:clamp(51px,12vw,85px)}
  .library-stage{position:relative;z-index:1;left:auto;top:auto;width:100%;height:auto;transform:none!important;display:flex;flex-direction:column;gap:30px;order:2}
  .library-stage-image{inset:-30px -24px;background-size:auto 760px;background-position:center 10%;filter:brightness(.34) saturate(.55) blur(2px);opacity:.68}
  .library-screen-backing{display:none}
  .library-screen{position:relative;left:auto;top:auto;transform:none!important;box-shadow:0 16px 35px rgba(0,0,0,.5),0 0 0 5px #3d2819}
  .library-screen-left{width:89%;height:auto;aspect-ratio:16/9;align-self:flex-start}
  .library-screen-left .library-seeline{position:relative;opacity:1}
  .library-screen-right{width:58%;height:auto;aspect-ratio:9/16;align-self:flex-start}
  .library-scrim{display:none}
  .library-projects{position:relative;z-index:3;left:auto;right:auto;bottom:auto;order:3;display:grid;grid-template-columns:1fr;gap:24px;margin-top:48px;opacity:1}
  .library-project{max-width:none;border-top:1px solid rgba(237,218,190,.3);padding-top:15px}
  .library-project-right{text-align:left;justify-self:stretch;align-self:auto}
  .library-project strong{font-size:clamp(21px,6vw,28px)}
  .library-project p{font-size:12px}
  .library-axis{display:none}
  .library-screen-hit span{opacity:1;font-size:12px;bottom:9px;padding:7px 10px;transform:translate(-50%,0)}
  .library-focus-hud{bottom:0;width:100%;border-radius:0;display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 18px 20px}
  .library-focus-meta{align-items:flex-end;text-align:right;grid-column:2;grid-row:1}
  .library-focus-back{grid-column:1;grid-row:1;text-align:left}
  .library-focus-actions{grid-column:1/-1;justify-content:space-between;padding-top:11px;border-top:1px solid rgba(214,173,112,.25)}
}
@media(prefers-reduced-motion:reduce){
  .library-stage{will-change:auto}
  .library-heading,.library-projects{opacity:1}
  .library-wall,.library-heading,.library-topline,.library-projects,.library-scrim,.library-screen{transition:none}
}

/* Vampires appears as a film first; the vertical Woody scene is the reveal. */
.vampires-portal{height:235svh;position:relative;background:#fff;color:var(--ink)}
.vampires-portal-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#fff}
.vampires-portal-poster{position:absolute;left:50%;top:50%;height:min(92svh,165vw);width:auto;max-width:none;opacity:.91;object-fit:contain;transform:translate(-50%,-50%) scale(var(--vampires-scale,1));transform-origin:50% 45%;will-change:transform}
.vampires-portal-topline{position:absolute;z-index:2;top:clamp(92px,9vw,145px);left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;gap:20px;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.vampires-portal-topline span{background:rgba(255,255,255,.88);padding:10px 13px}
.vampires-portal-copy{position:absolute;z-index:2;left:5.5vw;bottom:12svh;width:min(47vw,590px);padding:clamp(24px,3vw,45px);background:rgba(255,255,255,.88);border-top:4px solid var(--red);backdrop-filter:blur(5px);transform:translateY(var(--vampires-copy-y,0px))}
.vampires-portal-copy .eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#5c554f}
.vampires-portal-copy h2{font-size:clamp(46px,5.6vw,89px);line-height:.86;letter-spacing:-.075em;margin:22px 0}
.vampires-portal-copy h2 span,.vampires-portal-copy h2 em{display:block}
.vampires-portal-copy h2 em{font-style:normal;color:var(--red)}
.vampires-portal-copy p{font-size:clamp(16px,1.3vw,20px);line-height:1.38;max-width:460px;margin:0}
.vampires-portal-open{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:13px 17px;background:#191817;color:#fff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,transform .2s}
.vampires-portal-open:hover,.vampires-portal-open:focus-visible{background:var(--red);transform:translateY(-2px)}
.vampires-portal-facts{position:absolute;z-index:2;right:5.5vw;bottom:12svh;display:grid;gap:13px;max-width:350px;padding:24px;background:rgba(255,255,255,.89);font-size:12px;font-weight:800;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.vampires-portal-facts span+span{padding-top:13px;border-top:1px solid #a9a7a0}
.vampires-portal-hint{position:absolute;z-index:2;right:5.5vw;bottom:4svh;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.vampires-feature{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.86fr);align-items:center;gap:6vw;min-height:100svh;padding:clamp(80px,8vw,135px) clamp(24px,7vw,125px);background:#f3f3ef;color:var(--ink);border-top:1px solid #d8d7d0}
.vampires-feature-copy{max-width:660px}
.vampires-feature-copy h3{font-size:clamp(58px,7vw,112px);line-height:.85;letter-spacing:-.078em;margin:34px 0}
.vampires-feature-copy>p{font-size:clamp(19px,1.8vw,27px);line-height:1.3;max-width:470px;margin:0 0 30px}
.vampires-feature-actions{display:grid;gap:9px;max-width:510px}
.vampires-feature-action{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 15px;border:1px solid #1d1c1b;color:#1d1c1b;font-size:11px;font-weight:800;line-height:1.25;text-transform:uppercase;letter-spacing:.105em;transition:background .2s,color .2s,border-color .2s,transform .2s}
.vampires-feature-action span{font-size:19px;line-height:1;flex:none}
.vampires-feature-action--scene{background:#a22b28;border-color:#a22b28;color:#fff}
.vampires-feature-action--project{background:rgba(255,255,255,.8)}
.vampires-feature-action--youtube{background:#1d1c1b;color:#fff}
.vampires-feature-action--youtube.is-in-view{animation:vampires-youtube-blink 6s steps(1,end) infinite}
.vampires-feature-action--youtube.is-in-view:hover,.vampires-feature-action--youtube.is-in-view:focus-visible{animation:none}
@keyframes vampires-youtube-blink{
  0%,8%,17%,100%{background:#1d1c1b;border-color:#1d1c1b;box-shadow:none}
  4%,13%{background:#b52c27;border-color:#b52c27;box-shadow:0 0 0 5px rgba(181,44,39,.26)}
}
.vampires-feature-action:hover,.vampires-feature-action:focus-visible{background:var(--red);border-color:var(--red);color:#fff;transform:translateX(4px)}
.vampires-feature-media{position:relative;display:block;justify-self:center;width:min(100%,440px);aspect-ratio:9/16;overflow:hidden;background:#191919;transform:rotate(1.3deg);box-shadow:0 24px 55px rgba(28,24,20,.18);transition:transform .45s,box-shadow .45s}
.vampires-feature-media:hover,.vampires-feature-media:focus-visible{transform:rotate(0deg) translateY(-8px);box-shadow:0 32px 65px rgba(28,24,20,.25)}
.vampires-feature-media video{display:block;width:100%;height:100%;object-fit:cover}
.vampires-feature-label{position:absolute;bottom:20px;left:18px;right:65px;padding:8px 10px;background:rgba(255,255,255,.92);color:#171615;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.4}
.vampires-feature-arrow{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.94);color:#171615;font-size:25px}
.project-art.vampires-art{background:#fff}
.project-art.vampires-art::before{display:none}
.project-art.vampires-art img{max-height:calc(100svh - 72px);height:100%;width:auto;box-shadow:none;opacity:.95}
@media(max-width:900px){
  .vampires-portal-copy{width:min(55vw,560px)}
  .vampires-portal-facts{right:3vw;max-width:260px;font-size:10px}
  .vampires-feature{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:4vw}
  .vampires-feature-copy h3{font-size:clamp(53px,6.8vw,80px)}
}
@media(max-width:760px){
  .vampires-portal{height:205svh}
  .vampires-portal-topline{top:77px;left:16px;right:16px;font-size:9px}
  .vampires-portal-copy{left:16px;right:16px;bottom:112px;width:auto;max-width:none;padding:20px 22px}
  .vampires-portal-copy h2{font-size:clamp(42px,11vw,64px);margin:15px 0}
  .vampires-portal-copy p{font-size:14px}
  .vampires-portal-open{margin-top:14px;padding:11px 13px;font-size:10px}
  .vampires-portal-facts{left:16px;right:16px;bottom:25px;max-width:none;display:flex;justify-content:space-between;gap:12px;padding:13px 17px;font-size:9px}
  .vampires-portal-facts span{flex:1}
  .vampires-portal-facts span+span{padding:0 0 0 12px;border-top:0;border-left:1px solid #a9a7a0}
  .vampires-portal-hint{display:none}
  .vampires-feature{grid-template-columns:1fr;gap:55px;padding:85px 20px 100px}
  .vampires-feature-copy h3{font-size:clamp(58px,12vw,84px)}
  .vampires-feature-copy>p{font-size:19px}
  .vampires-feature-media{width:min(100%,410px)}
  .project-art.vampires-art img{max-height:70vh}
}
@media(prefers-reduced-motion:reduce){
  .vampires-portal-poster{will-change:auto;transform:translate(-50%,-50%) scale(1)}
  .vampires-portal-copy{transform:none}
  .vampires-feature-media{transition:none}
  .vampires-feature-action--youtube.is-in-view{animation:none;background:#b52c27;border-color:#b52c27}
}

/* One entrance choice starts a quiet, continuous soundtrack for the scroll. */
.sound-entry{position:fixed;z-index:140;left:clamp(14px,3.5vw,54px);bottom:clamp(14px,3.5vw,42px);width:min(460px,calc(100vw - 28px));padding:25px 28px 27px;background:rgba(249,248,244,.97);color:#171512;border-top:5px solid var(--red);box-shadow:0 22px 80px rgba(10,8,7,.28);backdrop-filter:blur(16px)}
.sound-entry-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;color:var(--red)}
.sound-entry strong{display:block;margin:10px 0;font-size:clamp(29px,3vw,42px);line-height:.97;letter-spacing:-.065em}
.sound-entry-note{max-width:355px;margin:0 0 20px;font-size:15px;line-height:1.35;color:#4b4641}
.sound-entry-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sound-entry button{border:0;cursor:pointer;font:800 10px var(--font);text-transform:uppercase;letter-spacing:.12em;line-height:1.2}
.sound-entry-yes{padding:15px 17px;background:var(--red);color:#fff}
.sound-entry-yes span{margin-left:11px;font-size:18px;line-height:0;vertical-align:-1px}
.sound-entry-no{padding:10px 0;background:transparent;color:#35312d;border-bottom:1px solid currentColor!important}
.sound-entry button:hover,.sound-entry button:focus-visible{outline:2px solid #161412;outline-offset:3px}
.sound-resume{width:min(350px,calc(100vw - 28px));padding:18px 21px 20px}
.sound-resume .sound-entry-note{margin:9px 0 15px;font-size:13px}
.sound-resume .sound-entry-yes{padding:11px 14px}
.site-footer .sound-preference{margin-top:9px;padding:0 0 3px;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;cursor:pointer;font:inherit;font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.12em}
.site-footer .sound-preference:hover,.site-footer .sound-preference:focus-visible{opacity:.7;outline-offset:4px}
@media(max-width:500px){.sound-entry{padding:21px 21px 23px}.sound-entry strong{font-size:31px}.sound-entry-note{font-size:14px}}

/* A selected film uses the available screen, including its vertical frame. */
.project-player-section{padding:clamp(40px,5vw,78px) clamp(16px,4vw,72px) clamp(55px,6vw,95px)}
.project-player{display:block;width:100%;max-height:calc(100svh - 170px);margin-inline:auto;object-fit:contain}
.project-player.portrait,.series-episode .project-player.portrait{width:auto;max-width:min(100%,600px);max-height:calc(100svh - 148px);aspect-ratio:9/16}
.project-player.classic{max-width:min(100%,1350px)}
@media(max-width:760px){.project-player-section{padding:60px 12px 70px}.project-player{max-height:calc(100svh - 140px)}.project-player.portrait,.series-episode .project-player.portrait{max-height:calc(100svh - 125px)}}

/* Later chapters keep a few moving paper planes and lines. The white returns
   between them instead of becoming one long blank field. */
.ad-chapter-heading::before{transform:translate3d(var(--ad-sheet-x,0px),0,0) rotate(var(--ad-sheet-turn,8deg));will-change:transform}
.ad-chapter-number{transform:translate3d(0,var(--ad-number-y,0px),0) rotate(-9deg);will-change:transform}
.shorts-section{position:relative;overflow:hidden;isolation:isolate}
.shorts-section::before{content:"";position:absolute;z-index:0;left:-6vw;top:27%;width:112vw;height:41%;background:var(--red);border-top:5px solid var(--ink);box-shadow:0 30px 65px rgba(30,27,24,.08);transform:translate3d(0,var(--shorts-plane-y,0px),0) rotate(-2.3deg);pointer-events:none}
.shorts-head,.portrait-grid{position:relative;z-index:1}
.orwell-band::after{transform:rotate(var(--orwell-line-angle,16deg)) scale(1.04)}
.about-section::before{transform:rotate(var(--about-line-angle,-8deg))}
@media(max-width:760px){.shorts-section::before{top:17%;height:52%;width:120vw;left:-10vw}}
@media(prefers-reduced-motion:reduce){.ad-chapter-heading::before,.ad-chapter-number,.shorts-section::before,.orwell-band::after,.about-section::before{transform:none!important;will-change:auto}}

/* The poster's lower half continues behind Woody, then falls into Ordinary Man's black. */
.vampires-feature{isolation:isolate;background:#080707;color:#fff;border-top:0;overflow:hidden}
.vampires-feature::before{content:"";position:absolute;z-index:0;inset:0;background:url('vampires-poster.png') center bottom/cover no-repeat;pointer-events:none}
.vampires-feature::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.28) 27%,transparent 62%),linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.58) 42%,rgba(0,0,0,.23) 76%,rgba(0,0,0,.46) 100%);pointer-events:none}
.vampires-feature-copy{position:relative;z-index:2;text-shadow:0 3px 20px rgba(0,0,0,.38)}
.vampires-feature-copy .section-number{color:#f0e7db}
.vampires-feature-copy>a:hover{color:#ffd5bb;border-color:#ffd5bb}
.vampires-feature-media{z-index:2;width:min(100%,490px);padding:9px;background:#e8e0d2;box-shadow:0 28px 70px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.22)}
.vampires-feature-media:hover,.vampires-feature-media:focus-visible{box-shadow:0 36px 80px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.4)}
.vampires-feature-media video{height:100%;background:#080707}
.vampires-feature-label{bottom:26px;left:24px;background:rgba(245,239,227,.95);color:#171411}
.vampires-feature-arrow{right:24px;top:24px;color:#171411}
.player-vampires{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.58)),url('vampires-poster.png') center 84%/cover no-repeat;color:#fff;scroll-margin-top:72px}
.player-vampires::before{display:none}
.player-vampires .player-head{position:relative;z-index:1}
.player-vampires .project-player.portrait{position:relative;z-index:1;background:#080707;box-shadow:0 28px 78px rgba(0,0,0,.58),0 0 0 9px #e8e0d2}
.vampires-youtube-player{position:relative;z-index:1;width:min(100%,1280px);aspect-ratio:16/9;margin:0 auto;background:#080707;box-shadow:0 28px 78px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.3)}
.vampires-youtube-player iframe{display:block;width:100%;height:100%;border:0}
.vampires-full-film{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:25px;width:min(100%,960px);margin:clamp(45px,6vw,85px) auto 0;padding:24px 0;border-top:1px solid rgba(255,255,255,.72);color:#f8f4ed;font-size:clamp(24px,2.8vw,43px);font-weight:800;letter-spacing:-.06em;line-height:1.05;transition:color .25s}
.vampires-full-film:hover,.vampires-full-film:focus-visible{color:#ffb690}
.vampires-full-film>span:last-child{flex:none;font-size:clamp(30px,3.3vw,50px);font-weight:400;line-height:.7}
@media(max-width:760px){.vampires-feature{gap:30px}.vampires-feature::before{background-size:auto 230%}.vampires-feature::after{background:linear-gradient(0deg,#000,rgba(0,0,0,.28) 27%,transparent 64%),linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.48) 52%,rgba(0,0,0,.32))}.vampires-feature-media{width:min(100%,440px)}.player-vampires .project-player.portrait{box-shadow:0 20px 55px rgba(0,0,0,.52),0 0 0 7px #e8e0d2}.vampires-full-film{font-size:clamp(25px,7vw,38px)}}

/* An editorial breath: one word fills the page before the moving image returns. */
.section-intro.intro-formats{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto minmax(0,1fr) auto;
  align-items:start;
  gap:0;
  width:100%;
  min-height:clamp(520px,82svh,920px);
  margin:0;
  padding:clamp(90px,9vw,142px) 2.2vw clamp(28px,3.5vw,55px);
  overflow:hidden;
  background:#e0e2e7;
  color:#0b0b0c;
  border:0;
  box-shadow:none;
  transform:none!important;
}
.intro-formats::before,.intro-formats::after{display:none}
.intro-formats .section-number{grid-column:1/-1;padding:0;color:#3c3f47;line-height:1.4}
.intro-formats h2{
  grid-column:1/-1;
  align-self:center;
  margin:0 0 .065em -1vw;
  font-size:30vw;
  font-weight:800;
  line-height:.76;
  letter-spacing:-.105em;
  white-space:nowrap;
  color:#070708;
  transform:translate3d(var(--type-x,0px),0,0);
  will-change:transform;
}
html[lang="en"] .intro-formats h2{font-size:24.6vw}
.formats-deck{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:end;padding-top:20px;border-top:1px solid #52555c}
.formats-deck p{margin:0;color:#272a30}
.formats-deck p:first-child{max-width:450px;font-size:clamp(22px,2.2vw,35px);font-weight:700;line-height:1.02;letter-spacing:-.05em}
.formats-deck p:last-child{max-width:520px;justify-self:end;font-size:clamp(15px,1.25vw,19px);line-height:1.32}
@media(max-width:760px){
  .section-intro.intro-formats{min-height:max(530px,77svh);padding:90px 3vw 34px}
  .intro-formats h2{margin-left:-1.5vw;line-height:.82}
  .formats-deck{grid-template-columns:1fr;gap:18px;padding-top:18px}
  .formats-deck p:first-child{max-width:360px;font-size:clamp(23px,6vw,34px)}
  .formats-deck p:last-child{justify-self:start;max-width:460px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.intro-formats h2{transform:none;will-change:auto}}

/* Trepalium takes one full frame. Its cold dividing wall moves on its own
   clock, while the film and title retain their smaller scroll parallax. */
.series-grid{display:block;padding:0;margin:0;background:#f7f7f4}
.series-feature{
  display:flex;
  align-items:end;
  width:100%;
  height:100svh;
  min-height:620px;
  padding:clamp(26px,5vw,82px);
  overflow:hidden;
  isolation:isolate;
  border:0;
  box-shadow:none;
  transform:none;
  background:#555d5b;
  color:#fff;
}
.series-feature::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(180deg,rgba(9,21,24,.2) 0%,transparent 28%,rgba(6,16,20,.13) 47%,rgba(6,15,20,.78) 100%);
  pointer-events:none;
}
.series-feature .series-video{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:50% 50%;
  filter:sepia(.13) saturate(.78) contrast(1.09);
  transform:translate3d(0,var(--series-image-y,0px),0) scale(1.12);
  will-change:transform;
}
.trepalium-color-track{
  position:absolute;
  z-index:1;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  transform:translate3d(var(--series-filter-scroll,0px),0,0);
}
.trepalium-color-wall{
  position:absolute;
  left:0;
  top:-12%;
  width:66%;
  height:124%;
  opacity:0;
  background:linear-gradient(90deg,rgba(20,65,82,.16),rgba(21,78,98,.4) 26%,rgba(14,67,86,.52) 67%,rgba(7,44,63,.12));
  -webkit-backdrop-filter:sepia(.4) hue-rotate(145deg) saturate(2.1) contrast(1.14) brightness(.91);
  backdrop-filter:sepia(.4) hue-rotate(145deg) saturate(2.1) contrast(1.14) brightness(.91);
  clip-path:polygon(17% 0,100% 0,83% 100%,0 100%);
  transform:translate3d(-160%,0,0);
  will-change:transform;
}
.trepalium-color-wall::after{
  content:"";
  position:absolute;
  right:15%;
  top:0;
  bottom:0;
  width:2px;
  background:rgba(214,240,239,.38);
  box-shadow:0 0 24px rgba(176,223,226,.45);
  transform:rotate(8deg);
}
.series-feature.is-active .trepalium-color-wall{animation:trepalium-wall 8.8s linear infinite}
@keyframes trepalium-wall{
  0%{transform:translate3d(-160%,0,0);opacity:0;animation-timing-function:cubic-bezier(.35,0,.76,.14)}
  6%{opacity:.9}
  22%{transform:translate3d(-78%,0,0);animation-timing-function:cubic-bezier(.15,.55,.35,1)}
  35%{transform:translate3d(-55%,0,0);animation-timing-function:cubic-bezier(.72,0,.8,.23)}
  43%{transform:translate3d(-52%,0,0);animation-timing-function:cubic-bezier(.2,.55,.42,1)}
  61%{transform:translate3d(10%,0,0);animation-timing-function:cubic-bezier(.67,0,.8,.28)}
  70%{transform:translate3d(14%,0,0);animation-timing-function:cubic-bezier(.34,0,.78,.3)}
  86%{transform:translate3d(134%,0,0);opacity:.86}
  91%,100%{transform:translate3d(160%,0,0);opacity:0}
}
.series-feature-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;width:100%;min-width:0;text-shadow:0 3px 16px rgba(0,0,0,.3)}
.series-feature .series-feature-meta{font-size:11px;font-weight:800;letter-spacing:.2em;line-height:1.35;text-transform:uppercase;color:#f2f5f3}
.series-feature h3{display:block;margin:clamp(12px,2vw,25px) 0 clamp(21px,3vw,37px);font-size:clamp(69px,18.5vw,260px);font-weight:800;line-height:.79;letter-spacing:-.09em;color:#fff;transform:translate3d(var(--series-title-x,0px),0,0)}
.series-feature small{display:inline-block;width:max-content;max-width:100%;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.9);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;line-height:1.3;color:#fff}
.series-feature:focus-visible{outline-offset:-8px}
.series-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,85px);margin:0;padding:clamp(48px,6vw,100px) clamp(24px,6vw,100px);border:0;background:#f7f7f4}
.series-side article,.series-side article:first-child{min-height:230px;margin:0;padding:28px 0 0;border:0;border-top:1px solid #aeb4b0;border-bottom:0;transform:none;background:transparent;color:#151918}
.series-side article>span{color:#4d5555}
.series-side h3{margin:21px 0 25px;font-size:clamp(48px,5.5vw,86px);line-height:.88}
.series-side p{font-size:clamp(16px,1.35vw,20px);color:#48504d}
@media(max-width:760px){
  .series-grid{padding:0}
  .series-feature{height:88svh;min-height:560px;padding:32px 22px 40px}
  .series-feature .series-video{object-position:50% 50%;transform:translate3d(0,var(--series-image-y,0px),0) scale(1.18)}
  .trepalium-color-wall{width:90%;background:linear-gradient(90deg,rgba(16,62,81,.14),rgba(15,69,91,.42) 35%,rgba(7,49,68,.56) 72%,rgba(7,44,63,.13))}
  .series-feature h3{margin:16px 0 26px;font-size:clamp(59px,17.5vw,90px);line-height:.82}
  .series-feature .series-feature-meta{font-size:10px}
  .series-side{grid-template-columns:1fr;gap:28px;padding:42px 24px 64px}
  .series-side article,.series-side article:first-child{min-height:170px;padding:20px 0 0}
  .series-side h3{font-size:clamp(48px,12vw,70px);margin:16px 0}
}
@media(prefers-reduced-motion:reduce){
  .series-feature .series-video{transform:none;filter:none;will-change:auto}
  .series-feature h3,.trepalium-color-track{transform:none!important}
  .series-feature .trepalium-color-wall{animation:none!important;transform:translate3d(18%,0,0);opacity:.35;-webkit-backdrop-filter:none;backdrop-filter:none;will-change:auto}
}

/* Advertising: uneven frames arranged as a deliberate spread, not a uniform grid. */
.ad-archive-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(12px,1.7vw,28px);
  max-width:1600px;
  margin-inline:auto;
}
.ad-archive-grid .ad-card:first-child{
  grid-column:1 / span 7;
  position:relative;
  z-index:2;
  transform:translate3d(-.8vw,0,0) rotate(-2.1deg);
}
.ad-archive-grid .ad-card:last-child{
  grid-column:8 / -1;
  width:92%;
  justify-self:end;
  margin-top:clamp(66px,9vw,150px);
  transform:translate3d(.4vw,1.2vw,0) rotate(2.6deg);
}
.ad-current-grid:has(.ad-card:nth-child(2)){
  grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  column-gap:clamp(30px,5vw,90px);
}
.ad-current-grid .ad-card:first-child{transform:translate3d(.7vw,0,0) rotate(1.2deg)}
.ad-current-grid .ad-card:nth-child(2){
  width:min(100%,460px);
  justify-self:center;
  margin-top:clamp(50px,7vw,115px);
  transform:translate3d(-.5vw,0,0) rotate(-2.4deg);
}
.ad-archive-grid .ad-card:hover,.ad-archive-grid .ad-card:focus-within,
.ad-current-grid .ad-card:hover,.ad-current-grid .ad-card:focus-within{
  transform:translate3d(0,-10px,0) rotate(0);
}
@media(max-width:760px){
  .ad-archive-grid,.ad-current-grid:has(.ad-card:nth-child(2)){
    grid-template-columns:minmax(0,1fr);
    row-gap:clamp(32px,7vw,48px);
  }
  .ad-archive-grid .ad-card:first-child{
    grid-column:1;
    width:96%;
    transform:rotate(-1.8deg);
  }
  .ad-archive-grid .ad-card:last-child{
    grid-column:1;
    width:83%;
    margin-top:0;
    transform:rotate(2.2deg);
  }
  .ad-current-grid .ad-card:first-child{width:97%;transform:rotate(1deg)}
  .ad-current-grid .ad-card:nth-child(2){
    width:min(81%,380px);
    justify-self:end;
    margin-top:0;
    transform:rotate(-2deg);
  }
}

/* Local press reading room. The source stays credited and one click away,
   while the article itself reads as a quiet, full-size sheet of paper. */
.press-page{padding-top:72px;background:var(--paper);color:var(--ink)}
.press-page .back-link{color:var(--ink);border-color:#64645e}
.press-page .back-link:hover,.press-page .back-link:focus-visible{color:var(--red);border-color:var(--red)}
.press-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:clamp(620px,82svh,1050px);padding:clamp(34px,4.5vw,72px) clamp(24px,6.7vw,120px) clamp(70px,7vw,115px);background:#efefeb;border-bottom:1px solid #c8c8c1}
.press-hero::before{content:"";position:absolute;z-index:-1;right:-7%;top:7%;width:min(48vw,750px);height:118%;background:#faf9f6;border:1px solid #d5d4ce;box-shadow:-24px 32px 0 rgba(181,43,39,.075);transform:rotate(8deg);pointer-events:none}
.press-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid #a9a9a2}
.press-hero-top .back-link{margin:0}
.press-hero-top span,.press-hero-top p,.press-hero-top time{margin:0;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#52524d}
.press-source-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 17px;color:#52524d;font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.press-source-meta span+span::before{content:"·";margin-right:17px;color:var(--red)}
.press-hero-main{position:relative;z-index:1;display:block;flex:1;align-content:center;padding-top:clamp(55px,8vw,130px)}
.press-hero-main:has(.press-visual){display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.68fr);align-items:center;gap:clamp(25px,5vw,95px)}
.press-hero-kicker{display:block;margin:0 0 24px;color:var(--red);font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.21em;text-transform:uppercase}
.press-hero h1{max-width:1250px;margin:17px 0 26px;font-size:clamp(65px,8.1vw,142px);font-weight:800;line-height:.85;letter-spacing:-.083em;overflow-wrap:break-word;text-wrap:balance}
.press-hero-main:has(.press-visual) h1{font-size:clamp(60px,6.6vw,115px)}
.press-hero .section-number,.press-hero .press-outlet{color:var(--red)}
.press-hero-deck{max-width:810px;margin:clamp(32px,4vw,67px) 0 0;padding-top:20px;border-top:1px solid #aaa9a3;font-size:clamp(21px,2.2vw,34px);font-weight:500;line-height:1.23;letter-spacing:-.04em}
.press-visual{position:relative;width:100%;margin:0;padding:clamp(8px,1.1vw,16px);background:#fff;border:1px solid #d8d7d0;box-shadow:0 26px 60px rgba(24,24,22,.14);transform:rotate(2deg)}
.press-visual::after{content:"";position:absolute;inset:auto 7% -13px 6%;height:13px;background:rgba(181,43,39,.4);transform:skewX(-21deg);z-index:-1}
.press-visual img{display:block;width:100%;max-height:min(62svh,610px);aspect-ratio:4/5;object-fit:cover;background:#e5e4df}
.press-visual figcaption,.press-visual-caption{display:block;padding:13px 2px 3px;font-size:10px;font-weight:800;letter-spacing:.13em;line-height:1.4;text-transform:uppercase;color:#5b5b55}
.press-visual.is-type{display:grid;place-items:center;min-height:min(62svh,610px);aspect-ratio:4/5;overflow:hidden;background:var(--red);color:#fff;font-size:clamp(70px,8vw,135px);font-weight:900;line-height:.77;letter-spacing:-.105em;white-space:nowrap;text-align:center}
.press-visual.is-type .press-visual-caption{position:absolute;left:17px;bottom:12px;color:#fff;text-align:left;font-size:10px;line-height:1.3;white-space:normal;letter-spacing:.1em}
.press-article{display:grid;grid-template-columns:minmax(0,800px) minmax(190px,260px);justify-content:space-between;gap:clamp(50px,8vw,150px);max-width:1600px;margin:0 auto;padding:clamp(80px,10vw,150px) clamp(24px,6.7vw,120px) clamp(100px,11vw,170px)}
.press-article-body{min-width:0;font-family:var(--serif);font-size:clamp(19px,1.6vw,25px);line-height:1.52;letter-spacing:-.012em}
.press-article-label{display:block;margin:0 0 29px;font-family:var(--font);font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--red)}
.press-article-body>*:first-child{margin-top:0}
.press-article-body p,.press-article-body ul,.press-article-body ol{margin:0 0 1.35em}
.press-article-body p:last-child{margin-bottom:0}
.press-article-body h2,.press-article-body h3{font-family:var(--font);font-weight:800;letter-spacing:-.065em;line-height:.95;margin:1.45em 0 .52em}
.press-article-body h2{font-size:clamp(43px,4.8vw,80px)}
.press-article-body h3{font-size:clamp(32px,3vw,50px)}
.press-article-body blockquote{position:relative;margin:1.5em 0 1.6em;padding:0 0 0 clamp(22px,3vw,46px);border-left:5px solid var(--red);font-family:var(--font);font-size:clamp(29px,3.1vw,49px);font-weight:700;line-height:1.08;letter-spacing:-.055em}
.press-article-body blockquote p{margin:0}
.press-article-body blockquote cite{display:block;margin-top:22px;font-family:var(--font);font-size:11px;font-style:normal;font-weight:800;letter-spacing:.16em;line-height:1.4;text-transform:uppercase;color:#55554e}
.press-excerpt,.press-article-body blockquote.press-excerpt{display:block;margin:1.5em 0;padding:0 0 0 clamp(22px,3vw,46px);border-left:5px solid var(--red);font-family:var(--font);font-size:clamp(29px,3.1vw,49px);font-weight:700;line-height:1.08;letter-spacing:-.055em;color:var(--ink)}
.press-article-body a{color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.press-article-body strong{font-weight:700}
.press-article-body figure{margin:2em 0}
.press-article-body figure img{width:100%;height:auto}
.press-article-body figcaption{margin-top:10px;font-family:var(--font);font-size:12px;line-height:1.35;color:#66665f}
.press-article-body li{padding-left:.2em;margin-bottom:.4em}
.press-article-aside{position:sticky;top:calc(72px + 30px);align-self:start;font-family:var(--font);border-top:2px solid var(--red);padding-top:20px}
.press-article-aside h2,.press-article-aside h3,.press-origin h2{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px}
.press-article-aside p,.press-article-aside li{font-size:15px;line-height:1.48;color:#565650}
.press-article-aside p{margin:0 0 18px}
.press-article-aside a,.press-origin a{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.35;text-transform:uppercase}
.press-article-aside a:hover,.press-origin a:hover{color:var(--red)}
.press-origin{margin-top:clamp(50px,6vw,85px);padding:25px 0;border-top:1px solid #a9a9a2;border-bottom:1px solid #a9a9a2;font-family:var(--font)}
.press-origin p{max-width:700px;margin:0 0 17px;font-size:15px;line-height:1.45;color:#51514c}
.press-related{padding:clamp(60px,7vw,115px) clamp(24px,6.7vw,120px);background:#e9e9e5;border-top:1px solid #cbcbc5}
.press-related h2{margin:0 0 35px;font-size:clamp(40px,5.5vw,86px);font-weight:800;line-height:.9;letter-spacing:-.075em}
.press-related a{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,2fr) auto;gap:20px;align-items:center;padding:24px 0;border-top:1px solid #aaa9a3;font-size:clamp(19px,2vw,31px);line-height:1.1;letter-spacing:-.04em;transition:padding .2s,color .2s}
.press-related a:last-child{border-bottom:1px solid #aaa9a3}
.press-related a:hover{padding-left:12px;color:var(--red)}
.press-related a span:first-child,.press-related a time{font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1.35;text-transform:uppercase}
.press-prevnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--paper);border-top:1px solid #d0d0ca}
.press-prevnext a{min-height:210px;padding:clamp(33px,5vw,75px) clamp(24px,6.7vw,120px);border-right:1px solid #d0d0ca;font-size:clamp(27px,3vw,48px);font-weight:800;line-height:.98;letter-spacing:-.065em;transition:background .2s,color .2s}
.press-prevnext a:last-child{border-right:0}
.press-prevnext a:hover{background:var(--red);color:#fff}
.press-prevnext small{display:block;margin-bottom:22px;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
@media(max-width:1000px){
  .press-hero-main:has(.press-visual){grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:30px}
  .press-hero-main:has(.press-visual) h1{font-size:clamp(54px,6.4vw,80px)}
  .press-article{grid-template-columns:minmax(0,1fr) minmax(170px,.45fr);gap:50px}
}
@media(max-width:760px){
  .press-page{padding-top:64px}
  .press-hero{min-height:0;padding:35px 24px 70px}
  .press-hero::before{right:-35%;top:10%;width:86%;height:74%;transform:rotate(7deg)}
  .press-hero-top{gap:15px;align-items:flex-start;padding-bottom:18px}
  .press-hero-top span,.press-hero-top p,.press-hero-top time{font-size:9px;text-align:right}
  .press-source-meta{max-width:52%;font-size:9px;gap:4px 9px;text-align:right}
  .press-source-meta span+span::before{margin-right:9px}
  .press-hero-main,.press-hero-main:has(.press-visual){display:block;padding-top:65px}
  .press-hero h1,.press-hero-main:has(.press-visual) h1{font-size:clamp(56px,11.8vw,91px);line-height:.86}
  .press-hero-deck{margin-top:35px;font-size:clamp(20px,5vw,28px)}
  .press-visual{width:min(84%,480px);margin:48px 0 0 auto;transform:rotate(1.5deg)}
  .press-visual img{max-height:480px}
  .press-visual.is-type{min-height:0;font-size:clamp(70px,18vw,120px)}
  .press-article{display:block;padding:75px 24px 95px}
  .press-article-body{font-size:20px;line-height:1.48}
  .press-article-body h2{font-size:clamp(42px,9vw,67px)}
  .press-article-body blockquote{font-size:clamp(30px,7vw,42px)}
  .press-article-aside{position:static;margin-top:75px}
  .press-related{padding:70px 24px}
  .press-related a{grid-template-columns:1fr auto;gap:10px}
  .press-related a span:first-child{grid-column:1/-1}
  .press-prevnext{grid-template-columns:1fr}
  .press-prevnext a{min-height:150px;border-right:0;border-bottom:1px solid #d0d0ca}
}
@media(max-width:420px){
  .press-hero{padding-inline:20px}
  .press-hero h1,.press-hero-main:has(.press-visual) h1{font-size:clamp(51px,11.6vw,68px)}
  .press-visual{width:92%}
  .press-article,.press-related{padding-inline:20px}
  .press-prevnext a{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){
  .press-hero::before,.press-visual,.press-visual::after{transform:none}
  .press-related a,.press-prevnext a{transition:none}
}

/* Four-part portfolio navigation. The second row at narrower widths keeps
   every destination in sight while retaining the original 72px header. */
.site-header{gap:clamp(18px,2vw,31px);padding-inline:clamp(20px,2.5vw,44px)}
.site-header .site-primary-nav{min-width:0;margin-left:auto;gap:clamp(12px,1.7vw,27px)}
.site-header .site-primary-nav a{white-space:nowrap;letter-spacing:.13em;padding-block:7px}
.header-tools{display:flex;align-items:center;flex:none;gap:13px;white-space:nowrap}
.header-about{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;opacity:.72;padding-block:7px;transition:opacity .2s,color .2s}
.header-about:hover,.header-about:focus-visible{color:var(--red);opacity:1}
.header-tools .language-switch{padding-left:13px}
.header-status{font-size:9px;letter-spacing:.09em;padding-left:18px}
.site-header.over-film .header-tools{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.58)}
.site-header.over-film .header-about:hover,.site-header.over-film .header-about:focus-visible,
.site-header.over-transition .header-about:hover,.site-header.over-transition .header-about:focus-visible{color:#fff;opacity:1}
.site-header.over-library .header-about:hover,.site-header.over-library .header-about:focus-visible{color:#d7a966;opacity:1}
.site-header.library-lighting .header-about{color:inherit}

@media(max-width:1050px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:29px 21px;align-content:center;height:72px;gap:4px 12px;padding:7px clamp(14px,2.5vw,24px)}
  .site-header .brand{grid-column:1;grid-row:1;min-width:0}
  .site-header .header-tools{grid-column:2;grid-row:1;justify-self:end}
  .site-header .site-primary-nav{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0;flex:none;overflow:visible}
  .site-header .site-primary-nav a{font-size:10px;letter-spacing:.11em}
  .site-header .header-status{display:none}
}
@media(max-width:760px){
  .site-header{height:72px;padding:6px 18px;gap:5px 10px;grid-template-rows:29px 20px}
  .site-header .brand-name{display:inline;font-size:9px;letter-spacing:.13em}
  .site-header .site-primary-nav{gap:8px;overflow:visible}
  .site-header .site-primary-nav a{font-size:9.5px;letter-spacing:.06em}
  .site-header .header-about{font-size:10px}
  .site-header .language-switch{padding-left:9px}
  .project-page,.career-page,.press-page{padding-top:72px}
}
@media(max-width:420px){
  .site-header{padding-inline:14px}
  .site-header .brand{gap:8px}
  .site-header .brand-mark{font-size:22px}
  .site-header .brand-name{font-size:8.5px;letter-spacing:.11em}
  .site-header .header-tools{gap:7px}
  .site-header .header-about{font-size:9px;letter-spacing:.08em}
  .site-header .language-switch{padding-left:7px;gap:4px;font-size:9px}
  .site-header .site-primary-nav{gap:6px}
  .site-header .site-primary-nav a{font-size:9.5px;letter-spacing:0}
}
@media(max-width:360px){
  .site-header{padding-inline:10px}
  .site-header .brand-name{font-size:8px;letter-spacing:.08em}
}

/* The home page ends as a direct invitation, with the links kept in the same frame. */
.closing-contact{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:clamp(52px,6vw,105px);
  min-height:calc(100svh - 72px);
  padding:clamp(86px,9vw,145px) clamp(24px,6.7vw,120px) clamp(32px,4vw,65px);
  background:#93241f;
  color:#fff;
  scroll-margin-top:72px;
}
.closing-contact::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse 70% 88% at 92% 12%,rgba(238,96,79,.26),transparent 72%),linear-gradient(112deg,rgba(60,3,5,.1),transparent 56%,rgba(47,1,5,.26));
}
.closing-contact-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding-bottom:17px;
  border-bottom:1px solid rgba(255,255,255,.57);
  font-size:11px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.closing-contact-main{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(210px,.65fr);
  grid-template-rows:auto auto;
  align-items:end;
  align-content:center;
  column-gap:clamp(32px,6vw,100px);
  min-width:0;
}
.closing-contact-main>div,.closing-contact-aside{min-width:0}
.closing-contact-kicker{
  display:block;
  grid-column:1;
  grid-row:1;
  margin:0 0 clamp(19px,2.5vw,38px);
  font-size:11px;
  font-weight:800;
  letter-spacing:.21em;
  text-transform:uppercase;
}
.closing-contact h2{
  grid-column:1;
  grid-row:2;
  max-width:10.5ch;
  margin:0;
  font-size:clamp(72px,10.5vw,178px);
  font-weight:800;
  line-height:.83;
  letter-spacing:-.095em;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.closing-contact-aside{
  grid-column:2;
  grid-row:2;
  max-width:355px;
  padding-bottom:.32em;
  font-size:clamp(17px,1.45vw,23px);
  line-height:1.35;
  letter-spacing:-.025em;
}
.closing-contact-aside p{margin:0 0 clamp(27px,3vw,47px)}
.closing-contact-primary{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(24px,4vw,70px);
  width:max-content;
  max-width:100%;
  overflow-wrap:anywhere;
  padding:0 0 10px;
  border-bottom:2px solid currentColor;
  font-size:clamp(20px,2.1vw,34px);
  font-weight:750;
  line-height:1.1;
  letter-spacing:-.045em;
  transition:opacity .2s,transform .2s;
}
.closing-contact-primary:hover,.closing-contact-primary:focus-visible{opacity:.76;transform:translateY(-3px)}
.closing-contact-links{
  display:grid;
  grid-template-columns:minmax(120px,.5fr) minmax(0,2.5fr);
  align-items:start;
  gap:clamp(20px,3.5vw,58px);
  padding-top:21px;
  border-top:1px solid rgba(255,255,255,.57);
}
.closing-contact-links-label{
  display:block;
  font-size:11px;
  line-height:1.5;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
  opacity:.76;
}
.closing-contact-link-group{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px clamp(15px,2vw,32px);
  min-width:0;
}
.closing-contact-link-group a{
  display:inline-block;
  min-width:0;
  padding-bottom:4px;
  border-bottom:1px solid rgba(255,255,255,.58);
  font-size:clamp(13px,1.15vw,18px);
  font-weight:700;
  line-height:1.35;
  overflow-wrap:anywhere;
  transition:border-color .2s,opacity .2s;
}
.closing-contact-link-group a:hover,.closing-contact-link-group a:focus-visible{border-color:#fff;opacity:.72}
.site-footer .footer-contact{font-weight:800;transition:opacity .2s}
.site-footer .footer-contact:hover,.site-footer .footer-contact:focus-visible{opacity:.7}

/* A quiet final frame for two people who remain part of this story. */
.memorial-coda{
  background:var(--paper);
  color:var(--ink);
  padding:clamp(76px,10vw,150px) clamp(22px,6.7vw,120px) clamp(82px,11vw,165px);
}
.memorial-coda-inner{max-width:940px;margin:0 auto}
.memorial-portraits{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:clamp(20px,5vw,80px);
  max-width:740px;
  margin:0 auto clamp(58px,8vw,112px);
}
.memorial-portrait{width:min(100%,310px);margin:0}
.memorial-portrait--ronit{justify-self:end;margin-top:clamp(30px,4vw,66px)}
.memorial-portrait img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid #deddd6}
.memorial-portrait figcaption{
  margin-top:13px;
  font-size:11px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.memorial-words{max-width:760px;margin:0 auto;text-align:center}
.memorial-words::before{content:"";display:block;width:42px;height:1px;margin:0 auto 26px;background:var(--ink)}
.memorial-words p{margin:0 0 19px;font-size:11px;font-weight:800;letter-spacing:.2em;line-height:1.5;text-transform:uppercase}
.memorial-words h2{max-width:16ch;margin:0 auto;font-size:clamp(32px,4.4vw,61px);font-weight:700;letter-spacing:-.066em;line-height:1.04;text-wrap:balance}

@media(max-width:900px){
  .closing-contact-main{grid-template-columns:minmax(0,1fr) minmax(190px,.65fr);column-gap:35px}
  .closing-contact h2{font-size:clamp(70px,10vw,110px)}
  .closing-contact-links{grid-template-columns:minmax(90px,.4fr) minmax(0,2.6fr);gap:20px}
}
@media(max-width:680px){
  .closing-contact{min-height:calc(100svh - 72px);gap:clamp(54px,10vw,88px);padding:88px 22px 30px}
  .closing-contact-top{font-size:9px;letter-spacing:.14em;padding-bottom:13px}
  .closing-contact-main{display:block}
  .closing-contact h2{max-width:100%;font-size:clamp(56px,13vw,86px)}
  .closing-contact-aside{max-width:440px;margin-top:38px;padding:0;font-size:18px}
  .closing-contact-aside p{margin-bottom:25px}
  .closing-contact-primary{font-size:clamp(18px,5.4vw,24px);gap:12px}
  .closing-contact-links{grid-template-columns:1fr 1fr;gap:24px 20px}
  .closing-contact-links-label{grid-column:1 / -1}
  .closing-contact-link-group{grid-column:1 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
  .closing-contact-link-group a{font-size:14px}
  .memorial-coda{padding-top:80px;padding-bottom:95px}
  .memorial-portraits{gap:16px;margin-bottom:65px}
  .memorial-portrait--ronit{margin-top:33px}
  .memorial-portrait figcaption{font-size:9px;letter-spacing:.1em;margin-top:9px}
  .memorial-words h2{font-size:clamp(31px,8vw,46px)}
}
@media(max-width:360px){
  .closing-contact{padding-inline:17px}
  .closing-contact h2{font-size:clamp(50px,13vw,62px)}
  .closing-contact-links{grid-template-columns:1fr;gap:19px}
  .closing-contact-links-label{grid-column:1}
  .closing-contact-link-group{flex-direction:row;gap:8px 16px}
}
@media(prefers-reduced-motion:reduce){
  .closing-contact-primary,.closing-contact-link-group a,.site-footer .footer-contact{transition:none}
  .closing-contact-primary:hover,.closing-contact-primary:focus-visible{transform:none}
}

.library-demo-request{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:11px;
  padding-bottom:2px;
  border-bottom:1px solid rgba(234,215,184,.48);
  color:#ead7b8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.library-demo-request:hover,.library-demo-request:focus-visible{color:#ffdb9e;border-color:currentColor}
.library-project-right .library-demo-request{margin-left:auto}
@media(max-width:760px), (min-width:700px) and (max-width:1100px) and (orientation:portrait){.library-project-right .library-demo-request{margin-left:0}}

/* Collaborators enter after the images, as typographic leaves in the scroll. */
.collaborator-voice{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  color:#1c1a19;
}
.collaborator-voice--scene{
  min-height:78svh;
  padding:clamp(94px,10vw,150px) clamp(24px,5.5vw,95px) clamp(48px,5vw,76px);
  color:#fff;
}
.collaborator-voice__image{
  position:absolute;z-index:-3;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.09);
  transform:translate3d(0,var(--voice-image-y,0px),0) scale(1.05);
}
.collaborator-voice::before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none}
.collaborator-voice--dore{background:#191919}
.collaborator-voice--dore .collaborator-voice__image{object-position:66% 47%;filter:grayscale(1) contrast(1.15)}
.collaborator-voice--dore::before{background:linear-gradient(90deg,rgba(16,16,16,.96) 0%,rgba(16,16,16,.85) 52%,rgba(16,16,16,.48) 100%)}
.collaborator-voice--berling{background:#1a3740}
.collaborator-voice--berling::before{background:linear-gradient(90deg,rgba(8,35,45,.94) 0%,rgba(8,35,45,.82) 53%,rgba(8,35,45,.55) 100%)}
.collaborator-voice--spielberg{background:#581e19}
.collaborator-voice--spielberg .collaborator-voice__image{object-position:68% 44%;filter:saturate(1.25) contrast(1.15)}
.collaborator-voice--spielberg::before{background:linear-gradient(90deg,rgba(62,12,14,.95) 0%,rgba(62,12,14,.8) 52%,rgba(62,12,14,.43) 100%)}
.collaborator-voice__paper{
  position:absolute;
  z-index:-1;
  pointer-events:none;
  transform:translate3d(0,var(--voice-paper-y,0px),0) rotate(-7deg);
  box-shadow:0 22px 70px rgba(26,16,14,.09);
}
.collaborator-voice--dore .collaborator-voice__paper{
  width:51%;height:82%;right:-11%;top:14%;background:#eac9c2;opacity:.08;
}
.collaborator-voice--berling .collaborator-voice__paper{
  width:50%;height:110%;left:-18%;top:-13%;background:#68849a;opacity:.13;transform:translate3d(0,var(--voice-paper-y,0px),0) rotate(9deg);
}
.collaborator-voice--spielberg .collaborator-voice__paper{width:42%;height:92%;right:-13%;top:9%;background:#e87e55;opacity:.09}
.collaborator-voice__meta{
  position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;
  padding-top:12px;border-top:1px solid currentColor;
  font-size:clamp(10px,.8vw,12px);font-weight:800;letter-spacing:.17em;
}
.collaborator-voice blockquote,.collaborator-voice__statement{
  position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;
  width:100%;max-width:1510px;margin:0 auto;
  transform:translate3d(0,var(--voice-copy-y,0px),0);
}
.collaborator-voice__quote{
  max-width:1360px;margin:clamp(30px,5vh,70px) 0;
  font-family:var(--font);font-size:clamp(46px,5.7vw,97px);
  font-weight:760;line-height:.98;letter-spacing:-.075em;
  text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 20px rgba(0,0,0,.13);
}
.collaborator-voice blockquote footer,.collaborator-voice__statement footer{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:9px clamp(22px,3vw,48px);
  padding-top:16px;border-top:1px solid currentColor;
}
.collaborator-voice cite{font-style:normal;font-size:clamp(16px,1.4vw,22px);font-weight:760;letter-spacing:-.03em}
.collaborator-voice blockquote footer a{
  padding-bottom:3px;border-bottom:1px solid currentColor;
  font-size:clamp(11px,.9vw,13px);font-weight:700;letter-spacing:.04em;
  transition:opacity .2s;
}
.collaborator-voice blockquote footer a:hover,.collaborator-voice blockquote footer a:focus-visible{opacity:.62}
.collaborator-voice__translation{font-size:11px;letter-spacing:.04em;opacity:.7}
.collaborator-voice__context{font-size:clamp(11px,.9vw,13px);font-weight:650;letter-spacing:.02em;opacity:.78}
.collaborator-voice__empty-source{font-size:18px;opacity:.68}
.collaborator-voice--project{
  min-height:400px;
  padding:clamp(62px,7vw,110px) clamp(24px,7vw,110px);
  background:#efeeea;
}
.collaborator-voice--project::before{background:linear-gradient(90deg,#efeeea 0%,rgba(239,238,234,.95) 53%,rgba(239,238,234,.67) 100%)}
.collaborator-voice--project .collaborator-voice__image{object-position:right center;opacity:.72}
.collaborator-voice--project .collaborator-voice__paper{
  width:39%;height:96%;right:-8%;top:9%;background:#dedbd4;opacity:.17;
}
.collaborator-voice--project .collaborator-voice__quote{
  max-width:1090px;font-size:clamp(38px,5vw,80px);line-height:1.03;
}
.collaborator-voice--richard{background:#e9ebea}
.collaborator-voice--richard::before{background:linear-gradient(90deg,#e9ebea 0%,rgba(233,235,234,.95) 53%,rgba(233,235,234,.66) 100%)}
.collaborator-voice--richard .collaborator-voice__paper{background:#cad1d2}
.series-side-voice{margin:clamp(30px,4vw,52px) 0 0;padding:clamp(22px,2.5vw,34px) 0 0;border-top:1px solid #aeb4b0}
.series-side-voice__prompt{margin:clamp(25px,3vw,42px) 0 0!important;max-width:500px;color:#5a6260!important;font-size:clamp(16px,1.5vw,22px)!important;line-height:1.28;font-weight:550;letter-spacing:-.025em}
.series-side-voice__prompt + .series-side-voice{margin-top:22px;padding-top:0;border-top:0}
.series-side .series-side-voice .collaborator-voice__quote{
  max-width:630px;margin:0 0 24px;color:#1b333a;
  font-size:clamp(25px,2.5vw,40px);font-weight:760;line-height:1.08;letter-spacing:-.055em;
  text-shadow:none;
}
.series-side-voice footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 19px;font-size:12px;line-height:1.35}
.series-side-voice cite{font-size:14px;font-style:normal;font-weight:800}
.series-side-voice a{border-bottom:1px solid currentColor;padding-bottom:2px;font-weight:700}
.series-side-voice .collaborator-voice__translation{opacity:.65}
@media(max-width:760px){
  .collaborator-voice--scene{min-height:70svh;padding:90px 22px 50px}
  .collaborator-voice__quote{font-size:clamp(40px,10vw,65px);line-height:1.01;margin:36px 0}
  .collaborator-voice--scene::before{background:linear-gradient(90deg,rgba(12,16,18,.87),rgba(12,16,18,.66))}
  .collaborator-voice--spielberg::before{background:linear-gradient(90deg,rgba(62,12,14,.87),rgba(62,12,14,.64))}
  .collaborator-voice__meta{font-size:9px;letter-spacing:.1em}
  .collaborator-voice--dore .collaborator-voice__paper{width:65%;right:-30%;opacity:.14}
  .collaborator-voice--berling .collaborator-voice__paper{width:72%;left:-45%}
  .collaborator-voice--project{min-height:0;padding:70px 22px}
  .collaborator-voice--project .collaborator-voice__quote{font-size:clamp(37px,9vw,61px)}
}
@media(prefers-reduced-motion:reduce){
  .collaborator-voice__paper,.collaborator-voice__image,.collaborator-voice blockquote,.collaborator-voice__statement{transform:none}
  .collaborator-voice blockquote footer a{transition:none}
}

@media(max-width:760px){
  .project-press-links{display:grid;gap:0}
  .project-press-links a{max-width:none}
}

/* A few real voices cross the moving film, then leave the frame. */
.voice-overlay{
  position:absolute;
  z-index:5;
  top:clamp(150px,22svh,250px);
  left:clamp(22px,5.5vw,95px);
  width:min(75vw,900px);
  margin:0;
  color:#fff;
  text-shadow:0 3px 17px rgba(0,0,0,.8);
  pointer-events:none;
}
.voice-overlay::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-28px -15vw -35px -5vw;
  background:linear-gradient(90deg,rgba(5,8,12,.4),rgba(5,8,12,.12) 65%,transparent);
  pointer-events:none;
}
.voice-overlay .collaborator-voice__quote{
  max-width:850px;
  margin:0 0 clamp(18px,2.8vh,33px);
  font-size:clamp(31px,4vw,66px);
  line-height:1.02;
  letter-spacing:-.066em;
  font-weight:760;
}
.voice-overlay footer{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px 19px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.72);
  font-size:clamp(11px,.9vw,13px);
  line-height:1.35;
}
.voice-overlay cite{font-style:normal;font-weight:800;letter-spacing:.02em}
.voice-overlay footer a{position:relative;z-index:6;border-bottom:1px solid currentColor;padding-bottom:2px;font-weight:700;pointer-events:auto}
.voice-overlay footer a:hover,.voice-overlay footer a:focus-visible{color:#f1d7ba}
.voice-overlay .collaborator-voice__translation{font-size:11px;opacity:.78}
body.quotes-motion-ready .voice-overlay{
  opacity:var(--voice-opacity,0);
  visibility:hidden;
  transform:translate3d(0,var(--voice-shift,24px),0);
}
body.quotes-motion-ready .is-voice-visible .voice-overlay{visibility:visible}
.series-feature-hit{position:absolute;z-index:3;inset:0}
.series-feature .series-feature-content{pointer-events:none}
.series-feature .voice-overlay{top:clamp(145px,19svh,250px);width:min(74vw,1080px)}
.series-feature .voice-overlay .collaborator-voice__quote{font-size:clamp(34px,4.2vw,72px)}
.series-feature .series-feature-open{
  position:relative;z-index:4;display:inline-block;
  width:max-content;max-width:100%;padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.9);
  font-size:12px;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;line-height:1.3;color:#fff;
  pointer-events:auto;
}
.series-feature .series-feature-open:hover,.series-feature .series-feature-open:focus-visible{color:#d9edf0}

/* The films without a moving excerpt still get a specific, sourced voice. */
.filmography-voice{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  align-items:end;gap:5vw;
  padding:clamp(75px,10vw,150px) clamp(24px,6.7vw,120px);
  background:#edece8;color:#171717;
}
.filmography-voice__film>span{font-size:11px;font-weight:800;letter-spacing:.18em}
.filmography-voice h2{margin:24px 0 0;font-size:clamp(65px,8.5vw,145px);line-height:.79;letter-spacing:-.086em}
.filmography-voice h2 em{font-family:var(--serif);font-weight:400}
.filmography-voice blockquote{margin:0 0 5px}
.filmography-voice .collaborator-voice__quote{margin:0 0 35px;font-size:clamp(35px,4.3vw,69px);line-height:1.04;letter-spacing:-.068em;text-shadow:none}
.filmography-voice footer{display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:15px;border-top:1px solid #777;font-size:12px;line-height:1.45}
.filmography-voice cite{font-style:normal;font-weight:800}
.filmography-voice footer a{border-bottom:1px solid currentColor;padding-bottom:2px;font-weight:700}
.filmography-voice .collaborator-voice__translation{opacity:.65}

/* The absent endorsement lands only after the genuine voices. */
.collaborator-voice--spielberg .collaborator-voice__statement{align-items:flex-start}
.collaborator-voice--spielberg .collaborator-voice__name{
  max-width:100%;margin:clamp(25px,5vh,65px) 0 clamp(25px,5vh,60px);
  font-size:clamp(64px,10vw,170px);line-height:.84;letter-spacing:-.092em;
  font-weight:800;overflow-wrap:normal;
}
.collaborator-voice--spielberg .collaborator-voice__absence{
  max-width:620px;margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.75);
  font-size:clamp(19px,2vw,29px);font-weight:560;line-height:1.2;letter-spacing:-.035em;
}
@media(max-width:760px){
  .voice-overlay{top:clamp(132px,20svh,175px);left:21px;width:calc(100% - 42px)}
  .voice-overlay .collaborator-voice__quote{font-size:clamp(27px,7.2vw,43px);line-height:1.04}
  .voice-overlay footer{font-size:10px;gap:6px 12px}
  .series-feature .voice-overlay{top:clamp(125px,17svh,180px);width:calc(100% - 42px)}
  .series-feature .voice-overlay .collaborator-voice__quote{font-size:clamp(27px,7.4vw,45px)}
  .filmography-voice{grid-template-columns:1fr;gap:60px;padding:75px 23px 90px}
  .filmography-voice h2{font-size:clamp(68px,16vw,110px)}
  .filmography-voice .collaborator-voice__quote{font-size:clamp(37px,9vw,58px)}
  .collaborator-voice--spielberg .collaborator-voice__name{font-size:clamp(55px,12vw,88px);line-height:.88;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  .voice-overlay{opacity:1!important;visibility:visible!important;transform:none!important}
}

/* Three television worlds after Trepalium: one wide image, then two posters
   set at different depths. The artwork stays complete, including its credits. */
.series-side{
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(15px,2.4vw,38px);
  row-gap:clamp(78px,10vw,155px);
  align-items:start;
  padding:clamp(64px,8vw,130px) clamp(24px,6vw,100px) clamp(90px,10vw,160px);
  background:linear-gradient(142deg,#d5e0df 0%,#e5e9e7 48%,#f1f1ed 100%);
}
.series-side article.series-side-story,
.series-side article.series-side-story:first-child{
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.series-side-story--inside{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);
  gap:clamp(34px,5vw,90px);
  align-items:center;
}
.series-side-story--entre{grid-column:2/span 5}
.series-side article.series-side-story--urgence{grid-column:8/-1;padding-top:clamp(45px,9vw,145px)}
.series-side-art{
  position:relative;
  width:100%;
  margin:0 0 clamp(32px,3.2vw,50px);
  isolation:isolate;
  background:#182226;
  box-shadow:0 24px 65px rgba(14,29,33,.18);
}
.series-side-art img{display:block;width:100%;height:auto}
.series-side-art--inside{
  max-width:920px;
  margin-bottom:0;
  transform:rotate(-1.15deg);
}
.series-side-art--entre{max-width:470px;transform:rotate(1.5deg)}
.series-side-art--urgence{max-width:430px;margin-left:auto;transform:rotate(-1.25deg)}
.series-side-copy>span{
  display:block;
  color:#37494b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  line-height:1.4;
  text-transform:uppercase;
}
.series-side .series-side-copy h3{
  max-width:100%;
  margin:clamp(18px,2vw,30px) 0 clamp(24px,3vw,43px);
  color:#12191b;
  font-size:clamp(51px,6.1vw,94px);
  line-height:.85;
  letter-spacing:-.087em;
  overflow-wrap:normal;
}
.series-side-story--inside .series-side-copy h3{font-size:clamp(58px,6.4vw,104px)}
.series-side .series-side-voice{margin-top:clamp(25px,3vw,42px)}
.series-side-international{
  max-width:430px;
  margin:0;
  padding-top:18px;
  border-top:1px solid #81918f;
  color:#435354!important;
  font-size:clamp(15px,1.3vw,18px)!important;
  font-weight:650;
  letter-spacing:-.02em;
}

/* A short, one-time signal slip for À l’intérieur; the image itself never
   disappears, so even a skipped animation leaves the key art readable. */
.series-side-art--inside::before,.series-side-art--inside::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  opacity:0;
  pointer-events:none;
  background:url("a-l-interieur.jpg") center/100% 100% no-repeat;
}
.series-side-art--inside::before{
  clip-path:inset(16% 0 69% 0);
  filter:hue-rotate(16deg) saturate(1.5) contrast(1.2);
}
.series-side-art--inside::after{
  clip-path:inset(58% 0 25% 0);
  filter:hue-rotate(-22deg) saturate(1.35) contrast(1.16);
}
.series-side-art--inside.is-visible img{animation:inside-image-lock .72s steps(1,end) both}
.series-side-art--inside.is-visible::before{animation:inside-glitch-a .72s steps(1,end) both}
.series-side-art--inside.is-visible::after{animation:inside-glitch-b .72s steps(1,end) both}
@keyframes inside-image-lock{
  0%,13%,32%,100%{filter:none;transform:none}
  14%,20%{filter:contrast(1.2) saturate(.8);transform:translateX(2px)}
  21%,31%{filter:contrast(1.1);transform:translateX(-2px)}
}
@keyframes inside-glitch-a{
  0%,13%,21%,34%,100%{opacity:0;transform:none}
  14%,20%{opacity:.73;transform:translateX(10px)}
  22%,33%{opacity:.5;transform:translateX(-7px)}
}
@keyframes inside-glitch-b{
  0%,20%,27%,41%,100%{opacity:0;transform:none}
  21%,26%{opacity:.65;transform:translateX(-11px)}
  28%,40%{opacity:.43;transform:translateX(6px)}
}
@media(max-width:1050px){
  .series-side-story--inside{grid-template-columns:1fr;gap:34px}
  .series-side-story--inside .series-side-copy{max-width:680px}
}
@media(max-width:760px){
  .series-side{grid-template-columns:1fr;gap:90px;padding:65px 24px 110px}
  .series-side-story--inside,.series-side-story--entre,
  .series-side article.series-side-story--urgence{grid-column:1;padding-top:0}
  .series-side-story--inside{gap:36px}
  .series-side-art--inside,.series-side-art--entre,.series-side-art--urgence{
    width:100%;max-width:none;margin-left:0;transform:rotate(-.55deg)
  }
  .series-side-art--entre,.series-side-art--urgence{width:min(91%,480px)}
  .series-side-art--urgence{margin-left:auto;transform:rotate(.65deg)}
  .series-side .series-side-copy h3,.series-side-story--inside .series-side-copy h3{
    font-size:clamp(54px,13vw,80px)
  }
}
@media(prefers-reduced-motion:reduce){
  .series-side-art--inside.is-visible img,
  .series-side-art--inside.is-visible::before,
  .series-side-art--inside.is-visible::after{animation:none!important}
  .series-side-art--inside::before,.series-side-art--inside::after{display:none}
}

.career-tv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.career-tv-grid{grid-template-columns:1fr}}

/* Lubna Azabal's own memory lands on the white leaf after the opening film. */
.jadore-caption .jadore-lubna-quote{
  grid-column:2;
  max-width:970px;
  margin:clamp(20px,3vw,42px) 0 0;
  padding-top:clamp(20px,2.5vw,36px);
  border-top:1px solid #242422;
}
.jadore-caption .jadore-lubna-quote .collaborator-voice__quote{
  grid-column:auto;
  max-width:940px;
  margin:0 0 24px;
  color:var(--ink);
  font-family:var(--font);
  font-size:clamp(30px,3.1vw,52px);
  font-style:normal;
  font-weight:740;
  line-height:1.08;
  letter-spacing:-.055em;
  text-shadow:none;
}
.jadore-lubna-quote footer{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px 23px;
  font-size:12px;
  line-height:1.4;
}
.jadore-lubna-quote cite{font-style:normal;font-weight:800}
.jadore-caption .jadore-lubna-quote footer a{
  grid-column:auto;
  margin:0;
  padding:0 0 2px;
  border-bottom:1px solid currentColor;
  font-size:12px;
  letter-spacing:.02em;
  text-transform:none;
}
.jadore-caption .jadore-lubna-quote footer a:hover,
.jadore-caption .jadore-lubna-quote footer a:focus-visible{color:var(--red);border-color:var(--red)}
.collaborator-voice--azabal .collaborator-voice__paper{background:#cf5b4d}
@media(max-width:760px){
  .opening-e .opening-copy h1 em::after{left:0}
  .jadore-caption .jadore-lubna-quote{margin:30px 0 24px;padding-top:25px}
  .jadore-caption .jadore-lubna-quote .collaborator-voice__quote{
    margin:0 0 21px;font-size:clamp(29px,7.1vw,42px)
  }
}

/* The three television works arrive as large sheets after Trepalium. */
.series-grid{display:block;padding:0;background:var(--paper)}
.series-grid>.series-feature{width:100%;min-height:100svh}
.series-side{
  position:relative;
  display:block;
  margin:0;
  padding:clamp(58px,7vw,110px) 0 clamp(135px,21vh,240px);
  overflow-x:clip;
  border:0;
  background:#efefeb;
}
.series-side article.series-side-story,
.series-side article.series-side-story:first-child,
.series-side article.series-side-story--urgence{
  position:sticky;
  top:calc(72px + 16px);
  left:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  width:94%;
  height:calc(100svh - 108px);
  min-height:650px;
  margin:0 auto 23svh;
  padding:clamp(36px,5vw,85px);
  overflow:hidden;
  isolation:isolate;
  border:1px solid #c6c5bd;
  background:#dce1de;
  box-shadow:0 20px 56px rgba(20,24,24,.17);
  transform:translate3d(calc(var(--tv-base-x,0px) + var(--tv-x,0px)),var(--tv-y,0px),0) rotate(calc(var(--tv-base-turn,0deg) + var(--tv-turn,0deg)));
  transform-origin:50% 12%;
  backface-visibility:hidden;
  scroll-margin-top:90px;
}
.series-side article.series-side-story--inside:first-child{z-index:1;width:91%;--tv-base-x:-2.5vw;--tv-base-turn:-1.35deg;background:#d5dfde}
.series-side article.series-side-story--urgence{z-index:2;width:87%;--tv-base-x:4vw;--tv-base-turn:1.1deg;background:#d6d8d2}
.series-side article.series-side-story--entre{z-index:3;width:90%;--tv-base-x:-3.2vw;--tv-base-turn:-.75deg;margin-bottom:0;background:#dce5e4}
.series-side .series-side-art,
.series-side .series-side-art--inside,
.series-side .series-side-art--entre,
.series-side .series-side-art--urgence{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  margin:0;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.series-side-art img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  opacity:1;
  transform:translate3d(0,var(--tv-image-y,0px),0) scale(1.055);
}
.series-side-art--inside img{object-position:center 39%}
.series-side-art--urgence img,
.series-side-art--entre img{
  z-index:1;
  inset:0 0 0 auto;
  width:auto;
  height:100%;
  object-fit:contain;
  object-position:right center;
  transform:translate3d(0,var(--tv-image-y,0px),0) scale(1.025);
  transform-origin:right center;
}
.series-side-art--urgence::before,
.series-side-art--entre::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-8%;
  display:block;
  opacity:.28;
  filter:blur(32px);
  transform:scale(1.08);
  background:center/cover no-repeat;
}
.series-side-art--urgence::before{background-image:url("etats-d-urgence.jpg")}
.series-side-art--entre::before{background-image:url("entre-ses-mains.jpg")}
.series-side-art--inside.is-visible img{animation-fill-mode:none}
.series-side article.series-side-story::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(249,249,246,.9) 0%,rgba(249,249,246,.72) 31%,rgba(249,249,246,.25) 55%,transparent 80%);
}
.series-side article.series-side-story--inside::after{
  background:linear-gradient(90deg,rgba(245,248,246,.86) 0%,rgba(245,248,246,.6) 29%,rgba(245,248,246,.12) 59%,transparent 82%);
}
.series-side .series-side-copy,
.series-side-story--inside .series-side-copy{
  position:relative;
  z-index:2;
  width:min(52%,680px);
  max-width:none;
  color:#111a1c;
}
.series-side .series-side-copy>span{color:#263539}
.series-side .series-side-copy h3,
.series-side-story--inside .series-side-copy h3{
  max-width:10ch;
  margin:clamp(16px,2.5vw,34px) 0 clamp(22px,3vw,43px);
  color:#11191b;
  font-size:clamp(66px,8vw,124px);
  line-height:.86;
  letter-spacing:-.088em;
  text-wrap:balance;
}
.series-side .series-side-voice{max-width:660px;margin-top:clamp(26px,3vw,44px);border-color:#687574}
.series-side .series-side-voice .collaborator-voice__quote{
  color:#182a30;
  font-size:clamp(28px,3.1vw,47px);
  line-height:1.06;
}
.series-side .series-side-voice__prompt{color:#354344!important}
.series-side .series-side-international{color:#314345!important;border-color:#6e7b78}
.series-side .series-side-voice footer{color:#263638}

@media(max-width:900px){
  .series-side .series-side-copy,
  .series-side-story--inside .series-side-copy{width:min(59%,570px)}
  .series-side .series-side-copy h3,
  .series-side-story--inside .series-side-copy h3{font-size:clamp(60px,8.8vw,92px)}
}
@media(max-width:760px){
  .series-grid>.series-feature{min-height:88svh}
  .series-side{padding:38px 0 100px}
  .series-side article.series-side-story,
  .series-side article.series-side-story:first-child,
  .series-side article.series-side-story--urgence{
    top:calc(64px + 10px);
    left:0;
    width:95%;
    height:calc(100svh - 84px);
    min-height:640px;
    margin-bottom:17svh;
    padding:clamp(23px,6vw,36px);
  }
  .series-side article.series-side-story--inside:first-child{width:94%;padding-bottom:75px;--tv-base-x:-1.2vw;--tv-base-turn:-.8deg}
  .series-side article.series-side-story--urgence{left:0;width:90%;--tv-base-x:3.2vw;--tv-base-turn:.7deg}
  .series-side article.series-side-story--entre{left:0;width:93%;--tv-base-x:-2.2vw;--tv-base-turn:-.5deg;margin-bottom:0}
  .series-side .series-side-copy,
  .series-side-story--inside .series-side-copy{width:100%;max-width:580px}
  .series-side .series-side-copy h3,
  .series-side-story--inside .series-side-copy h3{
    max-width:10ch;
    margin:15px 0 21px;
    font-size:clamp(50px,12vw,79px);
    line-height:.87;
  }
  .series-side .series-side-voice{margin-top:24px;padding-top:20px}
  .series-side .series-side-voice .collaborator-voice__quote{font-size:clamp(25px,6.6vw,38px);margin-bottom:16px}
  .series-side .series-side-voice footer{font-size:10px;gap:5px 12px}
  .series-side .series-side-voice cite{font-size:11px}
  .series-side .series-side-voice__prompt{font-size:15px!important;margin-top:19px!important}
  .series-side .series-side-voice__prompt + .series-side-voice{margin-top:16px}
  .series-side .series-side-art--inside img{
    width:100%;height:100%;object-fit:cover;object-position:center 35%;
    transform:translate3d(0,var(--tv-image-y,0px),0);
  }
  .series-side .series-side-art--urgence img,
  .series-side .series-side-art--entre img{
    top:0;right:-3%;width:auto;height:76%;
    transform:translate3d(0,var(--tv-image-y,0px),0);
  }
  .series-side .series-side-art--entre img{right:0;width:100%;height:63%;object-fit:contain;object-position:center top}
  .series-side article.series-side-story::after,
  .series-side article.series-side-story--inside::after{
    background:linear-gradient(0deg,rgba(249,249,246,.97) 0%,rgba(249,249,246,.88) 30%,rgba(249,249,246,.28) 57%,transparent 79%);
  }
}
@media(max-width:420px){
  .series-side .series-side-copy h3,
  .series-side-story--inside .series-side-copy h3{font-size:clamp(47px,11.5vw,58px)}
  .series-side .series-side-voice .collaborator-voice__quote{font-size:clamp(23px,6vw,28px)}
}
@media(prefers-reduced-motion:reduce){
  .series-side article.series-side-story,
  .series-side article.series-side-story:first-child,
  .series-side article.series-side-story--urgence{
    position:relative;top:auto;left:auto;
    transform:none!important;
  }
  .series-side .series-side-art img{transform:none!important}
}

/* Two distinct readings of Ordinary Man: a press headline and an audience voice. */
#ordinary-man{scroll-margin-top:72px}
.filmography-voice{
  --ordinary-gutter:clamp(24px,6.7vw,120px);
  position:relative;isolation:isolate;overflow:hidden;display:block;
  min-height:0;
  padding:0 var(--ordinary-gutter) clamp(90px,8vw,145px);
  background:#000;color:#f8f6f0;
}
.filmography-voice__poster{
  display:block;position:relative;
  width:calc(100% + var(--ordinary-gutter) + var(--ordinary-gutter));height:auto;
  max-height:calc(100svh - 72px);margin:72px calc(0px - var(--ordinary-gutter)) 0;
  object-fit:contain;object-position:center top;
}
.filmography-voice__film,.filmography-voice__quotes{position:relative;z-index:1}
.filmography-voice__film>span{
  display:inline-block;margin-top:clamp(20px,3vw,45px);
  padding-top:16px;border-top:1px solid rgba(255,255,255,.7);
}
.filmography-voice .collaborator-voice__quote{color:#fff;text-shadow:none}
.filmography-voice footer,.filmography-voice__reader{border-color:rgba(255,255,255,.67)}
.filmography-voice__quotes{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:start;gap:clamp(34px,5vw,100px);
  margin-top:clamp(42px,5vw,85px);
}
.filmography-voice__quotes blockquote{margin:0}
.filmography-voice__headline .collaborator-voice__quote{font-size:clamp(42px,5.2vw,86px)}
.filmography-voice__reader{padding-top:clamp(22px,3vw,40px);border-top:1px solid rgba(255,255,255,.67)}
.filmography-voice__reader .collaborator-voice__quote{
  max-width:850px;
  margin-bottom:26px;
  font-size:clamp(28px,2.8vw,45px);
  line-height:1.12;
  letter-spacing:-.055em;
}
@media(max-width:760px){
  .filmography-voice{padding-bottom:85px}
  .filmography-voice__poster{max-height:calc(100svh - 64px);margin-top:64px}
  .filmography-voice__quotes{grid-template-columns:1fr;gap:45px;margin-top:45px}
  .filmography-voice__headline .collaborator-voice__quote{font-size:clamp(42px,10vw,66px)}
  .filmography-voice__reader .collaborator-voice__quote{font-size:clamp(27px,6.8vw,39px)}
}

/* The viewing guide is a separate page, reached quietly from the film chapter. */
.filmography-voice__watch{
  position:relative;z-index:1;display:inline-flex;gap:clamp(20px,4vw,65px);
  align-items:center;margin-top:clamp(54px,6vw,110px);padding:0 0 12px;
  border-bottom:1px solid rgba(255,255,255,.8);color:#fff;
  font-size:clamp(17px,1.7vw,26px);font-weight:700;letter-spacing:-.035em;
}
.filmography-voice__watch:hover,.filmography-voice__watch:focus-visible{color:#f2b2a6;border-color:currentColor}
.career-watch-link{
  display:inline-flex;align-items:center;gap:clamp(20px,4vw,55px);
  margin-top:clamp(42px,6vw,90px);padding-bottom:12px;
  border-bottom:1px solid currentColor;font-size:clamp(21px,2.5vw,38px);
  font-weight:700;letter-spacing:-.045em;
}
.career-watch-link:hover,.career-watch-link:focus-visible{color:#a23528}
.site-footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.site-footer-nav a{
  display:inline-flex;gap:10px;align-items:center;padding-bottom:6px;
  border-bottom:1px solid currentColor;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.13em;
}
.site-footer-nav a:hover,.site-footer-nav a:focus-visible{opacity:.7}

/* An original theatrical poster is the second image on each film/series page. */
.project-page .project-art.official-poster-art{background:#211f22}
.project-page .project-art.official-poster-art::before{filter:blur(46px) brightness(.5) saturate(1.12)}
.project-page .project-art.official-poster-art img{
  position:relative;width:auto;height:auto;
  max-width:calc(100% - 32px);max-height:calc(100svh - 110px);
  object-fit:contain;object-position:center;
  box-shadow:0 32px 88px rgba(0,0,0,.48);
}
@media(max-width:760px){
  .project-page .project-art.official-poster-art img{max-width:calc(100% - 28px);max-height:calc(82svh - 44px)}
}

/* Digital films move as a close group of paper screens. The three new films
   set the rhythm; the smaller portraits then follow without wide empty rows. */
.shorts-section{padding:clamp(76px,7vw,112px) clamp(20px,5.2vw,92px) clamp(76px,8vw,128px);scroll-margin-top:72px}
.shorts-head{margin-bottom:clamp(28px,3.4vw,55px);gap:32px}
.shorts-head h3{margin-top:15px;font-size:clamp(58px,7.6vw,124px)}
.shorts-head>.shorts-count{display:block;flex:none;align-self:center;color:var(--red);font-size:clamp(100px,15vw,240px);font-weight:900;line-height:.72;letter-spacing:-.13em;padding-right:.12em}
.shorts-head>.shorts-count span{color:var(--ink)}
.shorts-section::before{top:22%;height:45%;border-top-width:3px}
.ai-feature-grid,.portrait-grid{position:relative;z-index:1}
.ai-feature-grid{
  display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5.4fr) minmax(0,3fr);
  align-items:center;gap:clamp(10px,1.4vw,22px);
  margin:0 0 clamp(22px,2.7vw,44px);
  isolation:isolate;
}
.ai-feature-grid::before{
  content:"";position:absolute;z-index:-1;left:-8%;right:-8%;top:53%;height:2px;
  background:rgba(20,20,19,.7);
  transform:translate3d(var(--ai-line-x,0px),0,0) rotate(-3deg);
  pointer-events:none;
}
.ai-feature-grid .ai-feature-card:nth-child(n){margin:0;min-width:0;position:relative}
.ai-feature-card--remember{--ai-turn:-2.1deg;--ai-entry-x:-95px;--ai-entry-turn:-7deg;--ai-float:var(--ai-left-y,0px)}
.ai-feature-card--startwars{--ai-turn:1.25deg;--ai-entry-x:0px;--ai-entry-turn:5deg;--ai-float:var(--ai-center-y,0px);z-index:2;margin-inline:-2.5%!important}
.ai-feature-card--hesback{--ai-turn:2.4deg;--ai-entry-x:95px;--ai-entry-turn:8deg;--ai-float:var(--ai-right-y,0px)}
.ai-feature-grid .ai-feature-card{
  transform:translate3d(0,var(--ai-float),0) rotate(var(--ai-turn));
  transition:opacity .7s ease,transform .88s cubic-bezier(.17,.73,.14,1),box-shadow .45s;
  box-shadow:0 21px 43px rgba(20,20,18,.2);
}
body.motion-ready .ai-feature-grid .ai-feature-card:not(.is-visible){
  opacity:0;transform:translate3d(var(--ai-entry-x),calc(var(--ai-float) + 65px),0) rotate(var(--ai-entry-turn)) scale(.89);
}
body.motion-ready .ai-feature-grid .ai-feature-card.is-visible{opacity:1;transform:translate3d(0,var(--ai-float),0) rotate(var(--ai-turn))}
.ai-feature-grid .ai-feature-card:hover,.ai-feature-grid .ai-feature-card:focus-within,
body.motion-ready .ai-feature-grid .ai-feature-card.is-visible:hover,
body.motion-ready .ai-feature-grid .ai-feature-card.is-visible:focus-within{
  z-index:5;transform:translate3d(0,calc(var(--ai-float) - 12px),0) rotate(0deg) scale(1.015);
  box-shadow:0 30px 60px rgba(20,20,18,.25);
}
.ai-feature-grid .portrait-frame{max-height:none;background:#171819}
.ai-feature-grid .portrait-frame.landscape{aspect-ratio:16/9}
.ai-feature-grid .portrait-frame.landscape video{object-fit:contain}
.ai-feature-grid .portrait-meta{padding:clamp(12px,1.4vw,21px) 4px clamp(10px,1.2vw,18px)}
.ai-feature-grid .portrait-meta strong{font-size:clamp(19px,2.2vw,40px)}
.ai-feature-card--startwars .portrait-meta strong{font-size:clamp(35px,5.4vw,92px);letter-spacing:-.08em;line-height:.89}
.ai-feature-card--startwars .portrait-meta .eyebrow{font-size:clamp(10px,.83vw,13px)}
.portrait-grid{gap:clamp(10px,1.25vw,20px)}
.portrait-grid .portrait-card:nth-child(n){margin-top:0}
.portrait-grid .portrait-card:nth-child(4n+2){margin-top:clamp(8px,1.6vw,24px)}
.portrait-grid .portrait-card:nth-child(4n){margin-top:clamp(11px,2.2vw,34px)}
.portrait-grid .portrait-meta{padding:clamp(11px,1.3vw,19px) 3px clamp(9px,1vw,16px)}
.portrait-grid .portrait-frame{max-height:none}
.portrait-grid .portrait-card{box-shadow:0 12px 26px rgba(20,20,18,.13)}
.portrait-grid .portrait-card:hover,.portrait-grid .portrait-card:focus-within{z-index:4}
.portrait-card a:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.portrait-frame video::cue{font-size:clamp(10px,1vw,13px);line-height:1.2}

/* The detail pages use the same screen-first scale as the direct film viewer. */
.project-page .player-digital{scroll-margin-top:0;background:#11110f;color:#f8f7f4;padding:clamp(15px,2vw,28px) clamp(12px,2vw,32px) clamp(18px,2vw,32px)}
.player-digital .player-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 auto 13px;max-width:1600px}
.player-digital .player-head h2{margin:0;font-size:clamp(17px,1.75vw,29px);line-height:1}
.player-digital .project-player{width:min(100%,calc((100dvh - 130px) * 16 / 9));max-width:none;max-height:calc(100dvh - 130px);margin:auto;background:#000;object-fit:contain}
.player-digital .project-player.portrait,.player-digital.series-episode .project-player.portrait{width:min(100%,calc((100dvh - 130px) * 9 / 16));max-width:none;max-height:calc(100dvh - 130px);aspect-ratio:9/16}

@media(max-width:900px){
  .ai-feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr)}
  .ai-feature-card--startwars .portrait-meta strong{font-size:clamp(29px,5vw,58px)}
}
@media(max-width:760px){
  .shorts-section{padding:66px 17px 88px}
  .shorts-head{margin-bottom:27px}
  .shorts-head h3{font-size:clamp(57px,11.3vw,87px)}
  .shorts-head>.shorts-count{display:none}
  .shorts-section::before{top:16%;height:45%}
  .ai-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin-bottom:22px}
  .ai-feature-grid::before{top:42%}
  .ai-feature-card--remember{grid-column:1;grid-row:1}
  .ai-feature-card--hesback{grid-column:2;grid-row:1}
  .ai-feature-card--startwars{grid-column:1/-1;grid-row:2;margin:0!important}
  .ai-feature-grid .portrait-meta strong{font-size:clamp(18px,4.5vw,28px)}
  .ai-feature-card--startwars .portrait-meta strong{font-size:clamp(43px,10vw,70px)}
  .portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .portrait-grid .portrait-card:nth-child(n){margin-top:0}
  .portrait-grid .portrait-card:nth-child(2n){margin-top:clamp(8px,2vw,18px)}
  .player-digital .player-head{align-items:start;flex-direction:column;gap:6px}
  .player-digital .project-player,.player-digital .project-player.portrait,.player-digital.series-episode .project-player.portrait{max-height:calc(100dvh - 115px)}
}
@media(prefers-reduced-motion:reduce){
  .ai-feature-grid::before{transform:none!important}
  .ai-feature-grid .ai-feature-card,.ai-feature-grid .ai-feature-card:nth-child(n),
  body.motion-ready .ai-feature-grid .ai-feature-card:not(.is-visible),
  body.motion-ready .ai-feature-grid .ai-feature-card.is-visible{opacity:1!important;transform:none!important;transition:none!important}
}

/* Commercials occupy one orange field. Each film has its own scale and pace,
   while the original VW frames retain their source aspect ratio. */
.ad-chapter{
  isolation:isolate;
  background:linear-gradient(177deg,#542317 0%,#8d2d1b 17%,#ce4121 44%,#e34721 71%,#ec4d27 100%);
  color:#fff8f1;
}
.ad-chapter-heading{
  min-height:90svh;
  grid-template-columns:1fr;
  align-content:center;
  padding:clamp(125px,12vw,190px) clamp(24px,6vw,108px) clamp(110px,12vw,185px);
}
.ad-chapter-heading::before{
  top:14%;right:-21%;width:75%;height:64%;z-index:-1;
  border:1px solid rgba(255,233,204,.19);
  background:linear-gradient(110deg,rgba(255,178,99,.08),rgba(45,14,9,.13));
  box-shadow:-22px 30px 0 rgba(255,201,139,.045);
  clip-path:polygon(9% 0,100% 0,84% 100%,0 100%);
}
.ad-chapter-heading::after{
  content:"";position:absolute;left:-8%;right:-8%;bottom:13%;height:1px;
  background:rgba(255,231,208,.38);transform:rotate(-4deg);pointer-events:none;
}
.ad-chapter-heading .section-number{grid-column:1;padding:0 0 clamp(28px,5vw,80px);color:#ffd6bb}
.ad-chapter-heading h2{
  grid-column:1;font-size:clamp(70px,10.7vw,178px);line-height:.8;
  max-width:1320px;color:#fff9f3;text-wrap:balance;
  transform:translate3d(0,var(--ad-heading-y,0px),0);
}
.ad-chapter-heading h2 em{font-size:.76em;line-height:.92}
.ad-chapter-heading>p{
  grid-column:1;z-index:2;align-self:end;width:max-content;max-width:100%;
  margin:clamp(65px,9vw,150px) 0 0;padding-top:16px;
  border-top:1px solid rgba(255,233,208,.58);
  color:#fff3e7;font-size:clamp(11px,1.12vw,15px);font-weight:800;
  letter-spacing:.2em;line-height:1.55;text-transform:uppercase;
}
.ad-chapter-number{
  z-index:0;right:-.065em;bottom:-.14em;color:rgba(255,217,185,.18);
  font-size:clamp(200px,34vw,560px);line-height:.8;opacity:1;
}
.ad-archive,.ad-current{
  position:relative;z-index:1;background:transparent;color:#fff9f3;
  scroll-margin-top:72px;
  transform:none;padding:clamp(75px,8vw,130px) clamp(24px,6vw,108px) clamp(100px,13vw,205px);
}
.ad-archive::before,.ad-current::before{
  content:"";position:absolute;pointer-events:none;left:-9%;width:118%;height:1px;
  background:rgba(255,238,219,.27);transform:rotate(-3deg);
}
.ad-archive::before{top:3%}
.ad-current::before{top:0;transform:rotate(2deg)}
.ad-current{padding-top:clamp(75px,9vw,145px);padding-bottom:clamp(100px,12vw,190px)}
.ad-current{color:#25120b}
.ad-current::before{background:rgba(47,19,9,.34)}
.ad-group-label{
  position:relative;z-index:2;align-items:end;margin-bottom:clamp(66px,10vw,160px);
  border-top:1px solid rgba(255,237,219,.63);padding-top:17px;color:#fff5ec;
  transform:translate3d(var(--ad-group-scroll-x,0px),var(--ad-group-scroll-y,0px),0);
}
.ad-group-label>span{font-size:clamp(11px,1vw,14px);letter-spacing:.22em}
.ad-group-label>p{
  max-width:360px;font-size:clamp(18px,1.9vw,29px);font-weight:700;
  letter-spacing:-.055em;line-height:1.07;
}
.ad-current .ad-group-label{color:#25120b;border-top-color:rgba(47,19,9,.55)}
.ad-card-grid{position:relative;z-index:2;max-width:1660px;margin-inline:auto}
.ad-chapter .ad-card,.ad-chapter .ad-card:nth-child(n){
  position:relative;min-width:0;max-width:none;opacity:1;
  padding:0;background:transparent;color:#fff8f0;box-shadow:none;
  transform:translate3d(var(--ad-scroll-x,0px),var(--ad-scroll-y,0px),0) rotate(var(--ad-turn,0deg));
  transition:opacity .8s ease,transform .9s cubic-bezier(.17,.73,.14,1);
}
.ad-chapter .ad-card>a{position:relative;display:block;isolation:isolate}
.ad-chapter .ad-card>a:focus-visible{outline:3px solid #fff5e8;outline-offset:8px}
.ad-chapter .ad-card-index{
  position:absolute;z-index:0;top:-.72em;left:-.08em;
  color:rgba(255,239,219,.24);font-size:clamp(116px,22vw,345px);
  font-weight:900;letter-spacing:-.16em;line-height:1;pointer-events:none;
}
.ad-chapter .ad-current .ad-card-index{color:rgba(36,14,7,.18)}
.ad-chapter .ad-card-frame{
  z-index:1;position:relative;aspect-ratio:448/256;background:#1a1412;
  border:1px solid rgba(255,230,204,.78);
  box-shadow:0 25px 68px rgba(61,14,7,.33),0 1px 0 rgba(255,244,232,.34);
}
.ad-chapter .ad-card-frame video{width:100%;height:100%;object-fit:cover}
.ad-chapter .ad-card-frame.portrait{aspect-ratio:9/16;background:#101820}
.ad-chapter .ad-card-frame.portrait video{object-fit:cover;object-position:center}
.ad-chapter .ad-card-arrow{
  right:12px;top:12px;width:41px;height:41px;
  border:1px solid rgba(255,246,237,.86);background:rgba(20,15,13,.32);
  color:#fff9f3;font-size:23px;backdrop-filter:blur(7px);
}
.ad-chapter .ad-card:hover .ad-card-arrow,.ad-chapter .ad-card:focus-within .ad-card-arrow{
  background:#fff7ee;color:#24110b;transform:rotate(45deg);
}
.ad-chapter .ad-card-meta{
  position:relative;z-index:2;display:flex;flex-direction:column;align-items:start;
  gap:8px;padding:clamp(15px,2vw,28px) 1px 0;
}
.ad-chapter .ad-card-meta>span{
  color:#ffe0c9;font-size:clamp(10px,.85vw,13px);font-weight:800;
  letter-spacing:.19em;text-transform:uppercase;
}
.ad-chapter .ad-card-meta strong{
  color:#fff9f3;font-size:clamp(38px,4.6vw,81px);font-weight:800;
  letter-spacing:-.078em;line-height:.91;text-wrap:balance;
}
.ad-chapter .ad-card-meta small{
  color:rgba(255,243,232,.86);font-size:clamp(11px,1vw,14px);
  font-weight:600;letter-spacing:.08em;line-height:1.35;text-transform:uppercase;
}
.ad-chapter .ad-current .ad-card-meta>span{color:#4e2115}
.ad-chapter .ad-current .ad-card-meta strong{color:#24120d}
.ad-chapter .ad-current .ad-card-meta small{color:rgba(42,19,11,.83)}
.ad-chapter .ad-archive-grid{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(15px,2.2vw,35px);row-gap:25px;
}
.ad-chapter .ad-archive-grid .ad-card:first-child{
  --ad-turn:-2.3deg;--ad-enter-x:-90px;grid-column:1/span 8;z-index:2;
}
.ad-chapter .ad-archive-grid .ad-card:last-child{
  --ad-turn:2.7deg;--ad-enter-x:85px;grid-column:9/-1;
  width:110%;justify-self:end;margin-top:clamp(120px,16vw,260px);z-index:1;
}
.ad-chapter .ad-archive-grid .ad-card:last-child .ad-card-meta strong{font-size:clamp(32px,3.35vw,59px)}
.ad-chapter .ad-current-grid,.ad-chapter .ad-current-grid:has(.ad-card:nth-child(2)){
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(13px,1.8vw,29px);row-gap:20px;
}
.ad-chapter .ad-current-grid .ad-card:first-child{
  --ad-turn:1.7deg;--ad-enter-x:-75px;grid-column:1/span 9;grid-row:1;z-index:1;
}
.ad-chapter .ad-current-grid .ad-card:nth-child(2){
  --ad-turn:-3.1deg;--ad-enter-x:85px;grid-column:9/-1;grid-row:1;
  width:min(100%,430px);justify-self:end;
  margin-top:clamp(130px,17vw,275px);z-index:2;
}
.ad-chapter .ad-current-grid .ad-card:nth-child(2) .ad-card-meta strong{font-size:clamp(38px,4.3vw,74px)}
body.motion-ready .ad-chapter .ad-card:not(.is-visible){
  opacity:0;
  transform:translate3d(calc(var(--ad-scroll-x,0px) + var(--ad-enter-x,0px)),calc(var(--ad-scroll-y,0px) + 60px),0) rotate(calc(var(--ad-turn,0deg) * 2)) scale(.9);
}
.ad-chapter .ad-card:hover,.ad-chapter .ad-card:focus-within,
.ad-chapter .ad-archive-grid .ad-card:hover,.ad-chapter .ad-archive-grid .ad-card:focus-within,
.ad-chapter .ad-current-grid .ad-card:hover,.ad-chapter .ad-current-grid .ad-card:focus-within{
  z-index:5;
  transform:translate3d(var(--ad-scroll-x,0px),calc(var(--ad-scroll-y,0px) - 13px),0) rotate(0deg) scale(1.015);
}
.ad-chapter-invite{
  position:relative;z-index:2;display:grid;grid-template-columns:minmax(170px,.52fr) 2fr;
  align-items:center;gap:clamp(28px,5vw,90px);min-height:32svh;
  padding:clamp(44px,5.5vw,88px) clamp(24px,6vw,108px);
  background:#090909;color:#f8f6f1;
}
.ad-chapter-invite-label{
  align-self:start;color:#ff7149;font-size:clamp(11px,1vw,14px);font-weight:800;
  letter-spacing:.16em;line-height:1.2;
}
.ad-chapter-invite p{
  margin:0;font-size:clamp(40px,5.3vw,86px);font-weight:800;
  letter-spacing:-.07em;line-height:.93;
}
.ad-chapter-invite p span{color:#ff7149}

@media(max-width:900px){
  .ad-chapter-heading{min-height:78svh}
  .ad-chapter-heading h2{font-size:clamp(67px,10.4vw,110px)}
  .ad-chapter .ad-card-meta strong{font-size:clamp(34px,4.9vw,57px)}
  .ad-chapter .ad-archive-grid .ad-card:last-child .ad-card-meta strong{font-size:clamp(27px,3.7vw,42px)}
}
@media(max-width:760px){
  .ad-chapter-heading{min-height:65svh;align-content:start;padding:92px 20px 85px}
  .ad-chapter-heading .section-number{padding-bottom:38px}
  .ad-chapter-heading h2{font-size:clamp(65px,15vw,91px)}
  .ad-chapter-heading h2 em{font-size:.74em}
  .ad-chapter-heading>p{margin-top:62px;font-size:10px;letter-spacing:.15em}
  .ad-chapter-number{right:-.045em;bottom:-.07em;font-size:clamp(190px,52vw,310px)}
  .ad-archive,.ad-current{padding:67px 19px 100px}
  .ad-current{padding-top:74px;padding-bottom:100px}
  .ad-group-label{display:flex;flex-direction:column;align-items:start;gap:18px;margin-bottom:80px}
  .ad-group-label>p{margin:0;font-size:clamp(23px,5.4vw,32px)}
  .ad-chapter .ad-archive-grid,.ad-chapter .ad-current-grid,.ad-chapter .ad-current-grid:has(.ad-card:nth-child(2)){grid-template-columns:minmax(0,1fr);row-gap:78px}
  .ad-chapter .ad-archive-grid .ad-card:first-child,
  .ad-chapter .ad-current-grid .ad-card:first-child{grid-column:1;grid-row:auto;width:96%;justify-self:start;margin:0}
  .ad-chapter .ad-archive-grid .ad-card:last-child{grid-column:1;width:77%;justify-self:end;margin:0}
  .ad-chapter .ad-current-grid .ad-card:nth-child(2){grid-column:1;grid-row:auto;width:min(69%,340px);justify-self:end;margin:0}
  .ad-chapter .ad-card-index{font-size:clamp(120px,39vw,220px)}
  .ad-chapter .ad-card-meta{gap:7px;padding-top:16px}
  .ad-chapter .ad-card-meta strong{font-size:clamp(38px,9vw,58px)}
  .ad-chapter .ad-archive-grid .ad-card:last-child .ad-card-meta strong{font-size:clamp(29px,6.8vw,44px)}
  .ad-chapter .ad-current-grid .ad-card:nth-child(2) .ad-card-meta strong{font-size:clamp(34px,8vw,53px)}
  .ad-chapter .ad-card-meta small{font-size:10px}
  .ad-chapter .ad-card-frame.portrait{aspect-ratio:9/16}
  .ad-chapter-invite{display:block;min-height:0;padding:43px 20px 54px}
  .ad-chapter-invite-label{display:block;margin-bottom:26px}
  .ad-chapter-invite p{font-size:clamp(39px,9vw,65px)}
}
@media(prefers-reduced-motion:reduce){
  .ad-chapter .ad-card,.ad-chapter .ad-card:nth-child(n),
  body.motion-ready .ad-chapter .ad-card:not(.is-visible){
    opacity:1!important;transform:none!important;transition:none!important;
  }
  .ad-chapter-heading::before,.ad-chapter-number{transform:none!important}
  .ad-chapter-heading h2,.ad-group-label{transform:none!important}
}

/* Five punctuation marks in the scroll: these reveal once, while the films
   and the library keep their existing movement and quieter text. */
body.motion-ready .ad-chapter-heading h2[data-reveal]:not(.is-visible){
  transform:translate3d(0,calc(var(--ad-heading-y,0px) + 48px),0);
}
body.motion-ready .ad-chapter-heading h2[data-reveal].is-visible{
  transform:translate3d(0,var(--ad-heading-y,0px),0);
}
.ad-chapter .ad-group-label[data-text-entrance="ad"]{border-top-color:transparent}
.ad-chapter .ad-group-label[data-text-entrance="ad"]::after{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:rgba(255,237,219,.63);transform-origin:left;transform:scaleX(1);
  transition:transform .85s cubic-bezier(.18,.72,.15,1);
}
.ad-chapter .ad-current .ad-group-label[data-text-entrance="ad"]::after{
  background:rgba(47,19,9,.55);transform-origin:right;
}
.ad-group-label[data-text-entrance="ad"]>span,
.ad-group-label[data-text-entrance="ad"]>p{
  opacity:1;transform:translate3d(0,0,0);
  transition:opacity .63s ease,transform .82s cubic-bezier(.18,.72,.15,1);
}
.ad-group-label[data-text-entrance="ad"]>span{transition-delay:.13s}
.ad-group-label[data-text-entrance="ad"]>p{transition-delay:.23s}
body.motion-ready .ad-group-label[data-text-entrance="ad"]:not(.is-visible)::after{transform:scaleX(0)}
body.motion-ready .ad-group-label[data-text-entrance="ad"]:not(.is-visible)>span{
  opacity:0;transform:translate3d(-22px,8px,0);
}
body.motion-ready .ad-archive .ad-group-label[data-text-entrance="ad"]:not(.is-visible)>p{
  opacity:0;transform:translate3d(36px,12px,0);
}
body.motion-ready .ad-current .ad-group-label[data-text-entrance="ad"]:not(.is-visible)>p{
  opacity:0;transform:translate3d(-36px,12px,0);
}

.orwell-band blockquote[data-text-entrance="quote"]{
  opacity:1;clip-path:inset(0 0 0 0);transform:translate3d(0,0,0) skewY(0);
  transition:opacity .75s ease,clip-path .92s cubic-bezier(.2,.72,.12,1),
    transform .92s cubic-bezier(.2,.72,.12,1);
}
.orwell-band blockquote[data-text-entrance="quote"] cite{
  opacity:1;transform:translate3d(0,0,0);
  transition:opacity .55s ease .45s,transform .65s ease .45s;
}
body.motion-ready .orwell-band blockquote[data-text-entrance="quote"]:not(.is-visible){
  opacity:0;clip-path:inset(0 0 93% 0);transform:translate3d(0,42px,0) skewY(-1.3deg);
}
body.motion-ready .orwell-band blockquote[data-text-entrance="quote"]:not(.is-visible) cite{
  opacity:0;transform:translate3d(0,15px,0);
}

.formats-deck[data-text-entrance="formats"]>p{
  opacity:1;transform:translate3d(0,0,0);
  transition:opacity .65s ease,transform .82s cubic-bezier(.17,.73,.14,1);
}
.formats-deck[data-text-entrance="formats"]>p:first-child{transition-delay:.06s}
.formats-deck[data-text-entrance="formats"]>p:last-child{transition-delay:.19s}
body.motion-ready .formats-deck[data-text-entrance="formats"]:not(.is-visible)>p:first-child{
  opacity:0;transform:translate3d(-30px,12px,0);
}
body.motion-ready .formats-deck[data-text-entrance="formats"]:not(.is-visible)>p:last-child{
  opacity:0;transform:translate3d(30px,12px,0);
}

.press-section h2[data-text-entrance="press-title"]{
  opacity:1;transform:translate3d(0,0,0) rotate(0);
  transition:opacity .7s ease,transform .9s cubic-bezier(.17,.73,.14,1);
}
body.motion-ready .press-section h2[data-text-entrance="press-title"]:not(.is-visible){
  opacity:0;transform:translate3d(0,36px,0) rotate(-1.1deg);
}
.press-section .press-item[data-text-entrance="press-row"]{
  opacity:1;transform:translate3d(0,0,0);
  transition:opacity .62s ease,transform .77s cubic-bezier(.17,.73,.14,1),
    padding .2s,color .2s;
}
body.motion-ready .press-section .press-item[data-text-entrance="press-row"]:not(.is-visible){
  opacity:0;transform:translate3d(-25px,12px,0);
}
body.motion-ready .press-section .press-item:nth-child(even)[data-text-entrance="press-row"]:not(.is-visible){
  transform:translate3d(25px,12px,0);
}

.closing-contact h2[data-text-entrance="contact"]{
  opacity:1;clip-path:inset(0 0 0 0);transform:translate3d(0,0,0);
  transition:opacity .7s ease,clip-path 1s cubic-bezier(.16,.78,.12,1),
    transform 1s cubic-bezier(.16,.78,.12,1);
}
body.motion-ready .closing-contact h2[data-text-entrance="contact"]:not(.is-visible){
  opacity:0;clip-path:inset(0 0 84% 0);transform:translate3d(0,55px,0);
}
@media(max-width:760px){
  body.motion-ready .ad-archive .ad-group-label[data-text-entrance="ad"]:not(.is-visible)>p{transform:translate3d(20px,8px,0)}
  body.motion-ready .ad-current .ad-group-label[data-text-entrance="ad"]:not(.is-visible)>p{transform:translate3d(-20px,8px,0)}
  body.motion-ready .formats-deck[data-text-entrance="formats"]:not(.is-visible)>p:first-child{transform:translate3d(-18px,8px,0)}
  body.motion-ready .formats-deck[data-text-entrance="formats"]:not(.is-visible)>p:last-child{transform:translate3d(18px,8px,0)}
  body.motion-ready .closing-contact h2[data-text-entrance="contact"]:not(.is-visible){transform:translate3d(0,32px,0)}
}
@media(prefers-reduced-motion:reduce){
  body.motion-ready [data-text-entrance],
  body.motion-ready [data-text-entrance]::after,
  body.motion-ready [data-text-entrance]>span,
  body.motion-ready [data-text-entrance]>p,
  body.motion-ready .press-item[data-text-entrance],
  body.motion-ready .orwell-band blockquote[data-text-entrance] cite{
    opacity:1!important;clip-path:none!important;transform:none!important;transition:none!important;
  }
}

/* The navigation stays legible over paper, moving images, and the dark room. */
.site-header .site-primary-nav a,
.site-header .header-about{position:relative;isolation:isolate;z-index:0}
.site-header .site-primary-nav a::before,
.site-header .header-about::before{
  content:"";position:absolute;inset:1px -7px;z-index:-1;pointer-events:none;
  background:#11100e;opacity:0;transform:scaleX(.86);
  transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1);
}
.site-header .site-primary-nav a.is-current,
.site-header .header-about.is-current{color:#fff;opacity:1}
.site-header .site-primary-nav a.is-current::before,
.site-header .header-about.is-current::before{opacity:1;transform:scaleX(1)}
.site-header.nav-on-dark .site-primary-nav a.is-current,
.site-header.nav-on-dark .header-about.is-current{color:#11100e;text-shadow:none}
.site-header.nav-on-dark .site-primary-nav a.is-current::before,
.site-header.nav-on-dark .header-about.is-current::before{background:#faf9f6}
@media(max-width:760px){
  .site-header .site-primary-nav a{padding-block:4px}
  .site-header .site-primary-nav a::before{inset:0 -4px}
}
@media(max-width:420px){
  .site-header .site-primary-nav a::before{inset:0 -2px}
}
@media(prefers-reduced-motion:reduce){
  .site-header .site-primary-nav a::before,
  .site-header .header-about::before{transition:none}
}