:root{--paper:#f0e5cb;--ink:#151b18;--yellow:#dfb744;--red:#b82e20;--rust:#b6502e;--muted:#585747;--display:'DM Serif Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--hand:'Caveat',cursive;--body:Georgia,'Times New Roman',serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.4 var(--body)}body.dialog-open{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1;letter-spacing:-.035em}h2{font-size:clamp(46px,5vw,80px)}p+p{margin-top:1em}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--paper);padding:15px}.skip:focus{top:10px}.handwriting{font:400 clamp(26px,3vw,44px)/1.02 var(--hand);letter-spacing:0}.text-link{display:inline-flex;align-items:center;min-height:42px;font:600 10px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid currentColor;transition:color .2s}.text-link:hover{color:var(--red)}.eyebrow{font:500 10px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}.small-copy{font:400 11px/1.5 var(--sans)}.poster{font-family:'Abril Fatface',Georgia,serif;font-weight:400;line-height:.88;letter-spacing:-.035em;text-transform:uppercase}.poster>span{display:block;width:142.85%;transform:scaleX(.7);transform-origin:left center}.red{color:var(--red)}.paper,.mustard{position:relative;isolation:isolate}.paper{background:var(--paper)}.mustard{background:var(--yellow)}.paper:after,.mustard:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%235f4929' filter='url(%23grain)' opacity='.5' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;position:relative;z-index:20;background:var(--paper);gap:20px}.brand{font:800 20px var(--sans);letter-spacing:-.055em;white-space:nowrap}.brand span{font-weight:400}.director-brand{font:700 11px/1.2 var(--sans);letter-spacing:.075em}.header nav{display:flex;gap:30px;font:600 10px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.08em}.header nav a{padding:15px 0}.header nav [aria-current=page]{border-bottom:1px solid currentColor}.menu-toggle{display:none;font:600 11px var(--sans);border:0;background:none;padding:12px;gap:12px}.mobile-nav{position:absolute;top:68px;left:0;right:0;z-index:30;background:var(--paper);padding:22px 6vw;font:600 12px var(--sans);text-transform:uppercase}.mobile-nav a{display:block;padding:14px 0}.page-home .header{position:absolute;inset:0 0 auto;background:none;color:var(--paper)}.page-home .mobile-nav{background:var(--ink);color:var(--paper)}
.hero{height:min(71vw,630px);min-height:520px;position:relative;overflow:hidden;background:var(--ink);color:var(--paper)}.hero-photo{position:absolute;inset:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:65% 30%;filter:sepia(.35) saturate(.72) contrast(1.16) brightness(.75)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0f1715dc 0%,#0f17154d 43%,transparent 72%),linear-gradient(0deg,#0d1514d9 0%,transparent 50%)}.hero-type{position:absolute;left:3vw;bottom:34px;width:64%;z-index:2}.hero h1{font-size:clamp(98px,12vw,188px);line-height:.83;letter-spacing:-.045em}.hero h1>span{width:151.5%;transform:scaleX(.66)}.hero-role{font:400 18px/1.2 var(--sans);letter-spacing:.3em;margin:14px 0 20px}.hero-work{display:inline-flex;align-items:center;gap:12px;font:600 10px var(--sans);text-transform:uppercase;letter-spacing:.08em}.play-circle{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:40px;height:40px;font-size:13px;padding-left:2px;transition:background .25s,color .25s,transform .25s}.hero-work:hover .play-circle{background:var(--paper);color:var(--ink);transform:scale(1.12)}.hero-values{position:absolute;right:5vw;bottom:48px;font-size:43px;color:#ed6245;transform:rotate(-8deg);text-align:center;z-index:2}
.collage-row{display:grid;border-top:3px solid var(--paper);gap:3px;background:var(--paper)}.collage-row>section{min-width:0;overflow:hidden}.first-row{grid-template-columns:.95fr 1.05fr}.manifesto{padding:32px 3vw 28px;min-height:540px}.manifesto h2{font-size:clamp(72px,8.1vw,130px);position:relative;z-index:2;width:100%;pointer-events:none}.manifesto-portrait{position:absolute;right:25px;top:35px;width:32%;height:175px;object-fit:cover;filter:grayscale(1) sepia(.35) contrast(1.07);transform:rotate(6deg)}.manifesto h2>span:nth-child(1),.manifesto h2>span:nth-child(2),.manifesto h2>span:nth-child(3){width:142.85%}.manifesto-copy{position:relative;z-index:3;margin-top:18px;font-size:18px;max-width:36ch}.manifesto-copy strong{font-weight:400}.manifesto-copy .text-link{margin-top:5px}.commercial-panel{padding:32px 28px 25px;display:flex;flex-direction:column;justify-content:space-between}.commercial-heading{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:center}.commercial-heading h2{font-size:clamp(63px,6.7vw,105px)}.commercial-heading .handwriting{font-size:32px;text-align:center;transform:rotate(-8deg)}.commercial-cards{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:25px 0 16px}.commercial-cards .project-card{background:#f6ecd6;padding:8px 8px 0;box-shadow:0 4px 10px #5946261a}.commercial-cards .project-card:first-child{transform:rotate(-3deg);margin-top:20px}.commercial-cards .project-card:last-child{transform:rotate(3deg)}.commercial-panel>.text-link{align-self:start}
.project-card{display:block;min-width:0;transition:transform .4s}.project-image{position:relative;overflow:hidden;background:#d8d2c2;aspect-ratio:1.7}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1),filter .5s;filter:saturate(.88) sepia(.07)}.project-card:hover .project-image>img{transform:scale(1.055);filter:saturate(1)}.media-action{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:7px;color:var(--paper);font:500 9px var(--sans);text-transform:uppercase;letter-spacing:.06em}.media-action>span:first-child{border:1px solid currentColor;background:#151b18b3;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:12px;transition:background .25s,color .25s,transform .25s}.media-action>span:last-child{opacity:0;transform:translateX(-5px);transition:opacity .25s,transform .25s;background:#151b18cf;padding:7px}.project-card:hover .media-action>span:last-child,.project-card:focus-visible .media-action>span:last-child{opacity:1;transform:none}.project-card:hover .media-action>span:first-child{background:var(--paper);color:var(--ink);transform:scale(1.1)}.project-caption{display:flex;gap:10px;padding:12px 0 14px;align-items:start;min-width:0}.project-number{font:400 28px/.95 'Barlow Condensed',sans-serif}.project-client{font:700 9px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.project-caption h3{font:400 13px/1.3 var(--body);letter-spacing:0}.project-category{margin-left:auto;font:400 8px/1.4 var(--sans);white-space:nowrap;padding-top:2px}.hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .3s}.hover-video.is-ready{opacity:1}
.second-row{grid-template-columns:.8fr 1.2fr}.unexpected-panel{padding:32px 28px;display:flex;flex-direction:column;justify-content:space-between;min-height:450px}.unexpected-panel h2{font-size:clamp(63px,6.5vw,110px)}.unexpected-panel>p{font-size:16px;margin:18px 0 28px;line-height:1.4}.unexpected-stills{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.unexpected-stills .project-image{aspect-ratio:.9}.unexpected-stills .project-caption{display:none}.unexpected-stills .media-action{right:6px;bottom:6px}.unexpected-stills .media-action>span:last-child{display:none}.about-panel{display:grid;grid-template-columns:.9fr 1.1fr}.about-photo{min-width:0;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 41%;filter:sepia(.24) saturate(.73) contrast(1.08);transition:transform .8s}.about-panel:hover .about-photo img{transform:scale(1.035)}.about-copy{padding:28px 25px}.about-copy h2{font-size:clamp(57px,5.7vw,91px);margin-bottom:20px}.about-copy p{font-size:15px;max-width:35ch}.country-notes{display:flex;flex-wrap:wrap;gap:8px 12px;margin:22px 0 8px}.country-notes span{font:700 22px/1 'Barlow Condensed',sans-serif;padding:5px 12px;background:var(--red);color:var(--paper);transform:rotate(-4deg)}.country-notes span:nth-child(2){background:var(--ink);transform:rotate(4deg)}.country-notes span:nth-child(3){background:var(--yellow);color:var(--ink);transform:rotate(2deg)}.country-notes span:nth-child(4){background:#d48e84;color:var(--ink);transform:rotate(-6deg)}
.third-row{grid-template-columns:1fr 1fr}.film-panel{position:relative;background:var(--ink);color:var(--paper);padding:28px;min-height:480px}.film-panel-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:sepia(.2) saturate(.8) brightness(.72)}.film-panel-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11181382,transparent 72%),linear-gradient(0deg,#111813dc,transparent 65%)}.film-panel h2{position:relative;font-size:clamp(65px,6.7vw,106px);color:#ed674e}.film-list{position:relative;margin:36px 0 0 auto;width:56%;background:#101814d9;padding:3px 14px}.film-list a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #f0e5cb4d;font:600 20px/1.1 'Barlow Condensed',sans-serif}.film-list a:last-child{border:0;font:600 9px/1.3 var(--sans);letter-spacing:.03em;min-height:42px}.film-list small{display:block;font:400 10px/1.4 var(--sans);margin-top:5px}.film-list a:hover{color:#edb53a}.performance-panel{background:var(--ink);color:var(--paper);padding:28px;min-height:480px}.performance-panel h2{font-size:clamp(65px,6.7vw,106px);margin-bottom:12px}.performance-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center;margin-top:28px}.performance-bottom img{width:100%;height:190px;object-fit:cover;object-position:48% 40%;filter:sepia(.38) saturate(.65) contrast(1.1);clip-path:polygon(0 4%,100% 0,100% 100%,0 98%)}.performance-bottom .handwriting{font-size:35px;color:#d9b885;transform:rotate(-7deg)}.performance-caption{font-size:16px;margin-top:20px}
.fourth-row{grid-template-columns:1.12fr .88fr}.team-panel{padding:30px 28px}.team-panel-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:center;margin-bottom:24px}.team-panel-heading h2{font-size:clamp(65px,6.2vw,100px)}.team-panel-heading p{font-size:17px;max-width:31ch}.mini-team{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini-team img{width:100%;aspect-ratio:1.32;object-fit:cover;object-position:center 38%;filter:sepia(.25) saturate(.74) contrast(1.1)}.mini-team figcaption{font:400 30px/1.1 var(--body);margin:11px 0 10px}.mini-team small{display:block;font:400 15px/1.25 var(--body);margin-top:6px}.team-panel>.text-link{margin-top:8px}.award-panel{display:grid;grid-template-columns:.8fr 1.2fr;padding:38px 28px;gap:24px;align-items:start}.award-panel>img{height:330px;width:100%;object-fit:cover;filter:grayscale(1) sepia(.3);transform:rotate(-5deg);margin-top:20px}.award-panel h2{font-size:clamp(50px,4.8vw,76px);margin-bottom:24px}.award-panel p{font-size:16px}.award-panel .small-copy{font-size:11px;margin-top:14px}.award-panel .text-link{margin-top:20px}
.home-contact{display:grid;grid-template-columns:1fr .9fr;gap:50px;padding:40px 4vw;border-top:3px solid var(--paper);align-items:center;overflow:hidden}.home-contact h2{font-size:clamp(74px,8vw,130px)}.home-contact>div>p{margin-top:20px;font-size:17px}.home-contact .text-link{margin-top:12px}.contact-postcard{padding:0 15px 10px}.contact-postcard>a{display:block;transform:rotate(4deg);border:8px solid #f8edda;box-shadow:1px 4px 9px #51442822}.contact-postcard img{width:100%;aspect-ratio:1.55;object-fit:cover;filter:sepia(.13) saturate(.75)}.contact-postcard .handwriting{font-size:38px;text-align:right;color:var(--red);margin:24px 15px 0!important;transform:rotate(-7deg)}
footer{padding:28px 3vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #151b1829}footer p,footer button{font:400 10px/1.4 var(--sans);letter-spacing:.04em}footer button{background:none;border:0;padding:8px 0}.contact-band{background:var(--yellow);padding:42px 4vw;display:grid;grid-template-columns:1fr 1.5fr .5fr;gap:30px;align-items:center;overflow:hidden}.contact-band .handwriting{font-size:35px;color:var(--red);transform:rotate(-7deg);max-width:240px}.contact-band h2{font-size:clamp(55px,6vw,96px)}.contact-band .text-link{justify-self:end}
.page-intro{padding:40px 4vw}.page-intro h1{font-size:clamp(72px,8vw,126px);text-transform:uppercase}.page-intro em{font-style:normal}.page-intro>p:not(.handwriting){font:400 20px/1.4 var(--body);max-width:45ch;margin-top:20px}.work-intro{display:grid;grid-template-columns:1.15fr .65fr 1fr;gap:32px;align-items:center;padding:28px 3vw 32px}.work-intro h1{font-size:clamp(65px,6.5vw,103px)}.work-intro>div>p{font-size:16px;margin-top:16px}.work-intro .handwriting{font-size:35px;color:var(--red);transform:rotate(-8deg)}.work-intro>img{width:100%;height:210px;object-fit:cover;filter:sepia(.15) saturate(.9);clip-path:polygon(0 5%,100% 0,100% 100%,0 95%)}.portfolio-section{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;background:var(--paper);padding:0 3vw 40px 0;border-top:3px solid var(--paper)}.portfolio-filters{background:var(--rust);padding:30px 20px;display:flex;align-items:stretch;flex-direction:column;gap:4px;grid-row:1 / span 2;margin-right:20px}.portfolio-filters button{background:none;border:0;padding:13px 0;text-align:left;font:600 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.07em;min-height:44px}.portfolio-filters button[aria-pressed=true]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}.portfolio-grid,.portfolio-grid.is-filtered{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px;padding:22px 0;align-content:start}.portfolio-grid .project-card{grid-column:auto}.portfolio-grid .project-image{aspect-ratio:1.52}.portfolio-grid .project-card:nth-child(13) .project-image{aspect-ratio:1.52}.portfolio-grid .project-caption{min-height:54px}.portfolio-grid .project-caption h3{font-size:14px}.portfolio-grid .project-category{display:none}.portfolio-note{grid-column:2;font:400 11px/1.5 var(--sans);color:var(--muted);max-width:80ch;padding:8px 0 0}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .reveal.is-visible{opacity:1;transform:none}
.director-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:620px}.director-hero>div{padding:55px 6vw}.director-hero h1{font-size:clamp(70px,7.7vw,122px);margin:25px 0}.director-hero>img{width:100%;height:100%;object-fit:cover;max-height:800px}.director-hero .handwriting{font-size:30px;max-width:280px;color:var(--red);transform:rotate(-5deg)}.director-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:95px 6vw}.director-body aside{align-self:start;position:sticky;top:108px}.director-body aside img{width:100%;max-height:720px;object-fit:contain}.director-body aside .handwriting{color:var(--red);margin:20px 0 0 22px;transform:rotate(-6deg)}.director-text h2{font-size:clamp(55px,5.5vw,86px);margin-bottom:36px}.director-text>p{font:400 22px/1.5 var(--display);max-width:43ch}.director-text strong{font-weight:600;color:var(--red)}.director-text .original-attribution{font:400 11px/1.5 var(--sans);margin-top:30px;color:var(--muted)}.director-text .text-link{margin-top:25px}.director-credits{background:var(--yellow);padding:70px 4vw}.director-credits h2{font-size:clamp(45px,5vw,78px);margin-bottom:40px}.director-credit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.director-credit-grid .project-category{display:none}.team-story{padding:0 6vw 90px}.team-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center}.team-lead>img{width:100%;aspect-ratio:1.2;object-fit:cover}.team-lead .handwriting{color:var(--red);display:block;margin-bottom:25px;transform:rotate(-5deg)}.team-lead h2{font-size:clamp(55px,5.7vw,92px);margin-bottom:18px}.team-lead h3,.team-pair h3{font:600 12px/1.5 var(--sans);letter-spacing:.04em}.team-lead p{margin-top:20px;max-width:35ch}.team-lead .text-link{margin-top:15px}.team-pair{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:75px}.team-pair article:nth-child(2){padding-top:70px}.team-pair img{width:100%;aspect-ratio:1.35;object-fit:cover}.team-pair h2{font-size:58px;margin-top:22px}.team-pair h3{margin-top:12px}.team-pair p{max-width:45ch;margin-top:20px}.capabilities{background:var(--yellow);padding:80px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw}.capabilities>h2{font-size:clamp(58px,6.2vw,100px)}.format-list details{border-bottom:1px solid #2426214d;padding:19px 0}.format-list details:first-child{padding-top:0}.format-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;font:500 28px/1.2 var(--display)}.format-list summary::-webkit-details-marker{display:none}.format-list summary span{font:400 27px var(--sans);transition:transform .2s}.format-list details[open] summary span{transform:rotate(45deg)}.format-list details p{margin-top:20px;max-width:45ch;font-size:14px}.format-list .text-link{margin-top:12px}.photo-teaser{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;padding:80px 6vw}.photo-teaser>img{width:100%;max-height:670px;object-fit:cover}.photo-teaser .handwriting{color:var(--red);display:block;margin-bottom:25px;transform:rotate(-5deg)}.photo-teaser h2{margin-bottom:30px}.photo-teaser p{max-width:38ch;font:400 24px/1.4 var(--display);margin-bottom:25px}.contact-page{display:grid;grid-template-columns:.85fr 1.15fr;min-height:calc(100dvh - 160px)}.contact-photo img{height:100%;width:100%;object-fit:cover;object-position:64% center}.contact-copy{padding:65px 5vw;align-self:center}.contact-copy>.handwriting{color:var(--red);transform:rotate(-5deg);max-width:280px;margin-bottom:35px}.contact-copy h1{font-size:clamp(55px,6.2vw,100px)}.contact-copy>p:not(.handwriting){max-width:35ch;margin-top:25px}.email-large{display:block;font:500 clamp(20px,2.6vw,39px)/1.3 var(--display);margin-top:38px;text-decoration:underline;text-underline-offset:8px}.phone{display:block;margin-top:25px;font-size:16px}.contact-copy .contact-small{font-size:11px;color:var(--muted)}
dialog{background:var(--paper);color:var(--ink);border:0;padding:0;box-shadow:0 20px 100px #16171260}dialog::backdrop{background:#111411de;backdrop-filter:blur(5px)}#media-dialog{width:min(1380px,94vw);max-width:none;max-height:94dvh;overflow:auto}#notes-dialog{width:min(750px,92vw);max-width:none;max-height:88dvh;overflow:auto}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;gap:25px}.dialog-toolbar h2{font-size:28px}.dialog-toolbar button{border:0;background:none;font-size:12px;padding:4px}.viewer-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.viewer-media{height:min(60dvh,700px);background:#191c18;display:grid;grid-template: minmax(0,1fr) / minmax(0,1fr);place-items:center;overflow:hidden}.viewer-media video,.viewer-media iframe,.viewer-media img{width:100%;height:100%;object-fit:contain;border:0;min-width:0;min-height:0}.viewer-media .external-view{display:block;position:relative;height:100%;width:100%}.external-view img{height:100%;width:100%;object-fit:contain}.external-view span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:15px 24px;font-size:12px;white-space:nowrap}.viewer-caption{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.viewer-caption h2{font-size:clamp(29px,3vw,45px);margin-top:5px}.viewer-caption #media-client{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.viewer-caption #media-description{font:400 19px/1.4 var(--display)}.viewer-caption .small-copy{font-size:10px;color:var(--muted);margin-top:15px}.viewer-caption .text-link{font-size:10px;margin-top:8px}.viewer-caption #media-error{font-size:12px;color:var(--red)}.notes-copy{padding:15px 30px 35px}.notes-copy p{font-size:13px;line-height:1.7}.notes-copy h3{font-size:28px;margin:30px 0 16px}.notes-copy a{text-decoration:underline;text-underline-offset:3px}
/* All photographs remain the supplied originals. Grading is display-only. */
.director-hero{min-height:440px;background:var(--paper)}.director-hero>div{padding:30px 4vw}.director-hero h1{font-family:var(--display);font-size:clamp(64px,6.2vw,100px);text-transform:uppercase;line-height:.95;margin:22px 0}.director-hero>img{max-height:540px;filter:sepia(.3) saturate(.73) contrast(1.1)}.director-body{padding:45px 4vw;gap:5vw}.director-text h2{text-transform:uppercase;font-size:clamp(45px,4.5vw,72px);line-height:.96;margin-bottom:25px}.director-text>p{font:400 18px/1.5 var(--body);max-width:52ch}.director-body aside img{max-height:620px;filter:sepia(.23) saturate(.8)}.director-credits{padding:36px 3vw}.director-credits h2{font-size:clamp(46px,5vw,80px);text-transform:uppercase;margin-bottom:25px}.team-story{padding:0 4vw 45px}.team-lead>img,.team-pair img{filter:sepia(.27) saturate(.72) contrast(1.1)}.team-lead h2{font-size:65px}.team-pair{gap:30px;margin-top:35px}.team-pair article:nth-child(2){padding-top:0}.team-pair h2{font-size:48px;margin-top:14px}.team-pair p{font:400 17px/1.4 var(--body);margin-top:15px}.capabilities{padding:40px 4vw;gap:40px}.capabilities>h2{font-size:clamp(54px,5.5vw,88px)}.format-list summary{font-size:26px}.format-list details p{font:400 16px/1.5 var(--body)}.photo-teaser{padding:40px 4vw;gap:40px}.photo-teaser p{font:400 18px/1.5 var(--body)}.contact-page{min-height:620px}.contact-photo img{filter:sepia(.3) saturate(.74) contrast(1.12)}.contact-copy{padding:40px 4vw}.contact-copy h1{font-size:clamp(58px,6.2vw,100px);text-transform:uppercase}.viewer-caption h2{font-family:var(--display);letter-spacing:-.02em}.viewer-caption #media-description{font:400 17px/1.4 var(--body)}.viewer-caption .text-link{white-space:normal}.dialog-toolbar{font-family:var(--sans)}.dialog-toolbar button{min-height:35px}.notes-copy p{font-family:var(--sans)}
@supports(animation-timeline:view()){@media(min-width:768px){.hero-photo img{animation:hero-drift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.contact-postcard>a{animation:postcard-settle linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.manifesto-portrait{animation:portrait-settle linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.1) translateY(2%)}}@keyframes postcard-settle{from{transform:rotate(9deg) translateY(40px)}to{transform:rotate(4deg) translateY(0)}}@keyframes portrait-settle{from{transform:rotate(12deg) translateY(24px)}to{transform:rotate(6deg) translateY(0)}}}
@media(min-width:1800px){main{max-width:1900px;margin:auto}.page-home .header{max-width:1900px;margin:auto}.hero{height:700px}.manifesto{min-height:610px}.hero-type{left:60px}.hero h1{font-size:205px}.manifesto h2{font-size:145px}.commercial-heading h2{font-size:128px}}
@media(max-width:1023px){.header nav{gap:18px}.hero{min-height:510px}.hero h1{font-size:12vw}.hero-values{font-size:34px;bottom:45px;right:4vw}.first-row{grid-template-columns:1fr 1fr}.manifesto{padding:25px;min-height:450px}.manifesto h2{font-size:8.5vw}.manifesto-portrait{height:140px;right:18px;top:28px}.manifesto-copy{font-size:16px}.commercial-panel{padding:25px 20px}.commercial-heading{display:block}.commercial-heading h2{font-size:8vw}.commercial-heading .handwriting{display:none}.commercial-cards{gap:11px}.project-category{display:none}.second-row{grid-template-columns:1fr}.unexpected-panel{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.unexpected-panel h2{font-size:10vw;grid-column:1}.unexpected-panel>p{grid-column:1;margin:8px 0 0}.unexpected-stills{grid-column:2;grid-row:1 / span 2}.unexpected-stills .project-image{aspect-ratio:.75}.about-photo{height:420px}.about-copy h2{font-size:76px}.third-row{grid-template-columns:1fr 1fr}.film-panel,.performance-panel{padding:24px 20px;min-height:430px}.film-panel h2,.performance-panel h2{font-size:7vw}.film-list{width:80%;margin-top:38px}.performance-bottom{gap:15px}.performance-bottom img{height:170px}.performance-bottom .handwriting{font-size:29px}.performance-caption{font-size:15px}.fourth-row{grid-template-columns:1fr}.team-panel{padding:28px}.team-panel-heading{grid-template-columns:.65fr 1.35fr}.team-panel-heading h2{font-size:88px}.mini-team img{aspect-ratio:1.8}.award-panel{grid-template-columns:.7fr 1.3fr;align-items:center}.award-panel>img{height:270px;object-position:center 30%}.award-panel h2{font-size:80px}.home-contact{gap:30px}.home-contact h2{font-size:8.2vw}.portfolio-section{grid-template-columns:130px minmax(0,1fr)}.portfolio-filters{padding:25px 16px;margin-right:15px}.portfolio-grid{gap:20px 12px}.work-intro{grid-template-columns:1fr .6fr 1fr;gap:22px}.work-intro .handwriting{font-size:30px}.work-intro>img{height:180px}.director-text>p{font-size:18px}.team-lead h2{font-size:55px}.contact-copy h1{font-size:6.8vw}}
@media(max-width:767px){html{scroll-padding-top:64px}.header{height:64px;padding:0 5vw}.header nav{display:none}.director-brand{font-size:10px;letter-spacing:.05em}.menu-toggle{display:flex;align-items:center;color:inherit}.mobile-nav{top:64px}.hero{height:660px;min-height:0;max-height:none}.hero-photo img{object-position:64% 35%;filter:sepia(.28) saturate(.72) contrast(1.15) brightness(.82)}.hero-shade{background:linear-gradient(0deg,#101714f2 0%,#10171418 70%),linear-gradient(90deg,#1017143d,transparent 75%)}.hero-type{left:5vw;bottom:30px;width:90%}.hero h1{font-size:18.5vw;line-height:.87}.hero h1>span{width:138.88%;transform:scaleX(.72)}.hero-role{font-size:13px;letter-spacing:.3em;margin:12px 0 20px}.hero-values{font-size:28px;right:6vw;top:90px;bottom:auto;text-align:right;color:#f0c69d}.hero-work{font-size:9px}.collage-row{grid-template-columns:1fr}.manifesto{padding:30px 6vw;min-height:0}.manifesto h2{font-size:17vw;width:100%}.manifesto-portrait{top:38px;right:6vw;width:29%;height:130px}.manifesto-copy{margin-top:22px;font-size:18px}.commercial-panel{padding:30px 6vw}.commercial-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.commercial-heading h2{font-size:14vw}.commercial-heading .handwriting{display:block;font-size:25px}.commercial-cards{gap:13px;margin-top:24px}.commercial-cards .project-card{padding:5px 5px 0}.commercial-cards .project-image{aspect-ratio:1.1}.project-caption{gap:6px;padding:10px 0}.project-number{font-size:22px}.project-client{font-size:8px}.project-caption h3{font-size:12px}.media-action>span:last-child{display:none}.media-action>span:first-child{height:28px;width:28px}.unexpected-panel{display:block;padding:30px 6vw}.unexpected-panel h2{font-size:17vw}.unexpected-panel>p{font-size:16px;margin:18px 0 23px}.unexpected-stills{gap:8px}.unexpected-stills .project-image{aspect-ratio:.8}.about-panel{grid-template-columns:.85fr 1.15fr}.about-photo{height:auto;min-height:430px}.about-photo img{object-position:61% center}.about-copy{padding:25px 18px}.about-copy h2{font-size:12vw}.about-copy p{font-size:14px;line-height:1.35}.country-notes{gap:6px;margin:18px 0 10px}.country-notes span{font-size:19px;padding:4px 8px}.about-copy .text-link{font-size:9px}.film-panel{padding:28px 6vw;min-height:450px}.film-panel h2{font-size:17vw}.film-list{width:72%;margin-top:45px}.performance-panel{padding:28px 6vw;min-height:0}.performance-panel h2{font-size:15vw}.performance-panel .eyebrow{font-size:8px}.performance-bottom{margin-top:25px;grid-template-columns:1.2fr 1fr;gap:22px}.performance-bottom img{height:170px}.performance-bottom .handwriting{font-size:31px}.performance-caption{font-size:16px}.team-panel{padding:30px 6vw}.team-panel-heading{grid-template-columns:.8fr 1.2fr;gap:16px}.team-panel-heading h2{font-size:17vw}.team-panel-heading p{font-size:15px}.mini-team{gap:15px}.mini-team img{aspect-ratio:.95;object-position:50% 38%}.mini-team figcaption{font-size:25px}.mini-team small{font-size:13px}.award-panel{padding:32px 6vw;gap:24px;grid-template-columns:.75fr 1.25fr}.award-panel>img{height:240px;object-position:center}.award-panel h2{font-size:11vw}.award-panel p{font-size:15px}.award-panel .text-link{font-size:9px;margin-top:10px}.home-contact{grid-template-columns:1fr;padding:32px 6vw;gap:30px}.home-contact h2{font-size:17vw}.contact-postcard{padding:0 12px}.contact-postcard img{aspect-ratio:1.5}.contact-postcard .handwriting{font-size:33px}.contact-band{display:block;padding:35px 6vw}.contact-band .handwriting{font-size:29px;margin-bottom:30px}.contact-band h2{font-size:14vw;margin-bottom:20px}footer{padding:25px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:18px}footer p{text-align:right;font-size:9px}footer button{grid-column:span 2;text-align:left}.page-intro{padding:30px 6vw}.page-intro h1{font-size:14vw}.page-intro>p:not(.handwriting){font-size:18px}.work-intro{grid-template-columns:1fr .6fr;padding:25px 6vw;gap:18px}.work-intro h1{font-size:16vw}.work-intro>div>p{font-size:15px}.work-intro .handwriting{font-size:27px}.work-intro>img{display:none}.portfolio-section{display:block;padding:0 6vw 30px}.portfolio-filters{flex-direction:row;flex-wrap:wrap;gap:0 20px;padding:17px 6vw;margin:0 -6vw 4px}.portfolio-filters button{font-size:9px;padding:10px 0}.portfolio-grid,.portfolio-grid.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:20px 0}.portfolio-grid .project-image{aspect-ratio:1.12}.portfolio-grid .project-card:nth-child(13) .project-image{aspect-ratio:1.12}.portfolio-grid .project-caption{min-height:58px}.portfolio-grid .project-caption h3{font-size:13px;overflow-wrap:anywhere}.portfolio-note{font-size:10px;padding-top:12px}.director-hero{grid-template-columns:1fr;min-height:0}.director-hero>div{padding:30px 6vw}.director-hero h1{font-size:14vw}.director-hero>img{height:340px}.director-hero .handwriting{font-size:28px}.director-body{grid-template-columns:1fr;padding:30px 6vw;gap:30px}.director-body aside{position:static;display:none}.director-text h2{font-size:12vw}.director-text>p{font-size:18px;max-width:none}.director-credits{padding:30px 6vw}.director-credits h2{font-size:12vw}.director-credit-grid{grid-template-columns:1fr;gap:22px}.team-story{padding:0 6vw 35px}.team-lead{grid-template-columns:1fr;gap:25px}.team-lead h2{font-size:14vw}.team-lead>div{min-width:0}.team-lead>img{aspect-ratio:1.25}.team-lead p{max-width:none}.team-pair{grid-template-columns:1fr;gap:30px;margin-top:30px}.team-pair article:nth-child(2){padding:0}.team-pair h2{font-size:44px}.team-pair p{max-width:none}.capabilities{grid-template-columns:1fr;padding:30px 6vw;gap:25px}.capabilities h2{font-size:14vw}.format-list summary{font-size:25px}.photo-teaser{grid-template-columns:1fr;padding:30px 6vw;gap:25px}.photo-teaser>img{height:320px;object-position:center}.photo-teaser h2{font-size:13vw}.contact-page{grid-template-columns:1fr;min-height:0}.contact-photo{height:300px}.contact-copy{padding:30px 6vw 45px}.contact-copy h1{font-size:14vw}.email-large{font-size:27px}.contact-copy .handwriting{font-size:30px}#media-dialog{width:96vw;max-height:94dvh}.dialog-toolbar{padding:12px 16px;gap:15px}.viewer-media{height:34dvh;min-height:200px}.viewer-caption{grid-template-columns:1fr;gap:15px;padding:18px}.viewer-caption h2{font-size:32px}.viewer-caption #media-description{font-size:17px}.viewer-caption .small-copy{font-size:10px}.external-view span{font-size:10px;padding:12px 15px}.notes-copy{padding:12px 23px 28px}}
@media(max-width:359px){.hero{height:590px}.hero h1{font-size:18vw}.hero-values{font-size:25px}.commercial-heading{display:block}.commercial-heading .handwriting{font-size:27px;text-align:right;margin-top:15px}.about-panel{grid-template-columns:1fr}.about-photo{height:360px;min-height:0}.about-photo img{object-fit:cover;object-position:center 36%}.about-copy{padding:28px 6vw}.about-copy h2{font-size:17vw}.about-copy p{font-size:16px}.team-panel-heading{display:block}.team-panel-heading p{margin-top:20px}.award-panel{gap:16px}.award-panel>img{height:210px}.work-intro{grid-template-columns:1fr}.work-intro .handwriting{font-size:28px;transform:rotate(-5deg);margin-top:8px}.email-large{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
.commercial-heading>*{min-width:0}.team-panel-heading>*{min-width:0}.about-copy{min-width:0}.work-intro>*{min-width:0}
.page-home .header{background:linear-gradient(#10171480,transparent)}
@media(max-width:767px){.hero-values{top:auto;bottom:27px;right:6vw;font-size:25px;color:#ee9479}}
.director-hero>*,.contact-page>*{min-width:0}
.director-hero h1{font-family:'Abril Fatface',Georgia,serif}
/* Mood01: one shared composition. Neighbouring panels share angled seams. */
:root{--accent:'Permanent Marker',cursive}
.mood01 main{overflow:hidden}.mood-composition{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));grid-template-rows:420px 250px 360px;position:relative;background:var(--paper);isolation:isolate}.mood-composition>*{min-width:0;position:relative}.mood01 .header{right:30%;padding:0 28px;height:62px;background:linear-gradient(#10171466,transparent)}.mood01 .header nav{gap:21px;font-size:9px}.mood01 .director-brand{font-size:10px;letter-spacing:.08em}.mood01 .hero{grid-column:1 / 18;grid-row:1;height:auto;min-height:0;max-height:none;clip-path:polygon(0 0,95.5% 0,100% 100%,0 94%);z-index:4;overflow:hidden}.mood01 .hero-photo img{object-position:68% 30%;filter:sepia(.23) saturate(.85) contrast(1.12) brightness(.8)}.mood01 .hero-shade{background:linear-gradient(90deg,#101c18b3 0%,#101c1810 60%),linear-gradient(0deg,#101c18e3,transparent 72%)}.mood01 .hero-type{left:22px;bottom:66px;width:82%;transform:rotate(-10deg);transform-origin:left bottom}.mood01 .hero h1{font:italic 800 clamp(74px,8.65vw,148px)/.81 'Bodoni Moda',Georgia,serif;letter-spacing:-.065em;-webkit-text-stroke:.3px currentColor}.mood01 .hero h1>span{display:block;width:142.85%;transform:scaleX(.7);transform-origin:left center}.mood01 .hero h1>span:nth-child(2){color:#e8b739;margin-top:8px}.hero-signature{position:absolute;right:38px;bottom:28px;width:155px;transform:rotate(-8deg);z-index:3}.mood01 .hero-role{font:400 15px/1.2 var(--sans);letter-spacing:.12em;margin:0 0 10px}.hero-wordmarks{font:400 14px/1.1 var(--accent);text-transform:none}.hero-wordmarks span{display:block;transform:rotate(-2deg);margin:5px 0}.hero-wordmarks span:nth-child(even){transform:rotate(2deg) translateX(4px)}.mood01 .hero-work{position:absolute;left:28px;bottom:28px;z-index:5;font-size:8px;gap:10px}.mood01 .play-circle{height:31px;width:31px;font-size:10px}
.mood-editorial{grid-column:18 / 22;grid-row:1;padding:75px 17px 14px;margin-left:-41px;clip-path:polygon(0 0,93% 0,100% 100%,15% 100%);z-index:3;overflow:hidden}.mood-editorial h2{font:400 clamp(25px,2.75vw,45px)/.95 'Bodoni Moda',Georgia,serif;letter-spacing:-.045em;margin-left:15px}.mood-editorial h2 em{font-style:italic}.editorial-divider{width:30px;height:1px;background:var(--ink);margin:22px 0 20px 21px}.editorial-belief{font:500 8px/1.9 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-left:21px}.mood-editorial .handwriting{position:absolute;right:14px;bottom:93px;font:400 18px/1.1 var(--accent);transform:rotate(-10deg)}.editorial-thought{font:400 13px/1.25 var(--body);margin:25px 0 0 21px;max-width:19ch}.mood-editorial .text-link{font-size:7px;min-height:30px;margin:7px 0 0 21px;letter-spacing:.05em}
.mood-work{grid-column:1 / 18;grid-row:2;margin-top:-26px;padding:37px 27px 12px;clip-path:polygon(0 0,100% 26px,100% 98%,0 100%);z-index:2;overflow:hidden;background:#e3ba42}.mood-work-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.mood-work-heading h2{font:600 9px/1.1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.mood-work-heading .text-link{font-size:8px;min-height:22px;border:0;padding:0}.mood-work-cards{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:15px}.mood-work-cards .project-image{aspect-ratio:1.85}.mood-work-cards .project-caption{padding:10px 1px 0;gap:8px}.mood-work-cards .project-client{font-size:8px}.mood-work-cards .project-caption h3{font-size:12px}.mood-work-cards .project-number{margin-left:auto;font:400 8px var(--sans)}.mood-work-cards .media-action{bottom:8px;right:8px}.mood-work-cards .media-action>span:first-child{width:25px;height:25px;font-size:10px}.mood-work-cards .media-action>span:last-child{font-size:8px}
.mood-unexpected{grid-column:18 / 22;grid-row:2;margin-left:-2px;margin-right:-14px;padding:42px 20px 20px;background:#df8748;clip-path:polygon(0 0,93% 0,100% 100%,5% 96%);display:flex;align-items:center;justify-content:center;z-index:2;overflow:hidden}.mood-unexpected:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#52351c29,transparent 60%);pointer-events:none}.mood-unexpected h2{font:400 clamp(17px,1.7vw,28px)/1.13 var(--accent);transform:rotate(-11deg);letter-spacing:-.035em}.unexpected-rule{position:absolute;width:40px;height:1px;background:var(--ink);left:39%;bottom:28px;transform:rotate(-15deg)}
.mood-film{grid-column:1 / 9;grid-row:3;margin-top:-8px;margin-right:-18px;overflow:hidden;clip-path:polygon(0 0,89% 0,100% 100%,0 100%);background:var(--ink);color:var(--paper);z-index:4;min-height:0}.mood-film>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 35%;filter:sepia(.3) saturate(.8) brightness(.8)}.mood-film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0f1815f2,transparent 85%),linear-gradient(90deg,#0f181578,transparent 70%)}.mood-film>.eyebrow{position:absolute;left:28px;top:28px;font-size:8px}.mood-film>.handwriting{position:absolute;right:50px;top:37px;font:400 21px/1.1 var(--accent);transform:rotate(-15deg);color:var(--paper)}.mood-film-title{position:absolute;left:28px;right:60px;bottom:24px}.mood-film-title h2{font:italic 700 65px/.9 'Bodoni Moda',Georgia,serif;letter-spacing:-.05em}.mood-film-title>p{font:400 9px/1.4 var(--sans);margin:13px 0 3px}.mood-film-title .text-link{font-size:9px;gap:11px;min-height:30px;border:0}.film-more{display:block;font:400 8px/1.3 var(--sans);margin-top:7px;letter-spacing:.05em}
.mood-about{grid-column:9 / 15;grid-row:3;display:grid;grid-template-columns:1.4fr .65fr;margin-left:-13px;margin-right:-13px;margin-top:-5px;clip-path:polygon(0 0,94% 0,100% 100%,12% 100%);z-index:3;overflow:hidden}.mood-about-copy{padding:30px 10px 17px 28px;min-width:0}.mood-about-copy>.eyebrow{font-size:8px;margin-bottom:17px}.mood-about h2{font:400 clamp(26px,2.25vw,38px)/.98 'Bodoni Moda',Georgia,serif;letter-spacing:-.055em;margin-bottom:16px}.mood-about-copy>p:not(.eyebrow){font:400 13px/1.28 var(--body);margin:0;max-width:28ch}.mood-about .country-notes{gap:5px 7px;margin:15px 0 6px}.mood-about .country-notes span{font-size:15px;padding:3px 5px}.mood-about .text-link{font-size:8px;min-height:31px;letter-spacing:.06em}.mood-about-strip{margin-left:0;transform:rotate(-5deg) scale(1.12);min-width:0;overflow:hidden}.mood-about-strip img{width:100%;height:100%;object-fit:cover;object-position:61% 40%;filter:sepia(.27) saturate(.74) contrast(1.09)}
.mood-team{grid-column:15 / 22;grid-row:3;margin-left:-2px;margin-right:-25px;margin-top:-8px;padding:29px 22px 18px 20px;clip-path:polygon(0 0,93% 0,100% 100%,6% 100%);z-index:2;overflow:hidden}.mood-team-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.mood-team-header h2{font:600 8px/1.2 var(--sans)}.mood-team-header .text-link{font-size:8px;min-height:16px;border:0;letter-spacing:.05em}.mood-team .mini-team{gap:12px}.mood-team .mini-team figure{min-width:0}.mood-team .mini-team img{aspect-ratio:.9;filter:sepia(.28) saturate(.8) contrast(1.1);object-position:50% 38%}.mood-team .mini-team figure:first-child{transform:rotate(-2deg)}.mood-team .mini-team figure:last-child{transform:rotate(2deg)}.mood-team .mini-team figcaption{font:400 24px/1 var(--body);margin-top:11px}.mood-team .mini-team small{font:400 12px/1.3 var(--body);margin-top:5px}.team-handwriting{font:400 15px/1.1 var(--accent);transform:rotate(-6deg);margin:18px 0 0 12px;color:var(--red)}
.mood-rail{grid-column:22 / 25;grid-row:1 / 4;display:grid;grid-template-rows:420px 250px 360px;margin-left:-14px;z-index:1;overflow:hidden}.rail-frame{display:block;overflow:hidden;min-width:0;position:relative}.rail-frame img{height:100%;width:100%;object-fit:cover;filter:sepia(.16) saturate(.8) contrast(1.07);transition:transform .7s}.rail-frame:hover img{transform:scale(1.08)}.rail-one{clip-path:polygon(0 0,100% 0,100% 100%,7% 100%);margin-bottom:2px}.rail-one img{object-position:20% 50%}.rail-two{clip-path:polygon(7% 0,100% 0,100% 100%,14% 94%);margin-top:1px;margin-bottom:2px}.rail-two img{object-position:32% center}.rail-bottom{display:grid;grid-template-rows:57% 43%;padding-left:10px;clip-path:polygon(13% 0,100% 0,100% 100%,23% 100%)}.rail-three img{object-position:51% 42%}.rail-contact{display:block;font:400 clamp(16px,1.5vw,24px)/1.2 var(--accent);padding:22px 10px 12px 24px;transform:rotate(-8deg);color:var(--ink)}.rail-contact span{display:block;font:400 23px/1 var(--sans);margin-top:6px}
.mood01 footer{padding:20px 3vw}.mood01 footer .brand{font-size:17px}.mood01 footer p,.mood01 footer button{font-size:9px}.handwriting{font-weight:700}.performance-bottom .handwriting,.hero-values,.director-body aside .handwriting{font-family:var(--accent);font-weight:400;font-size:clamp(23px,2.4vw,38px)}
@supports(animation-timeline:view()){@media(min-width:768px){.mood01 .mood-work-cards .project-card{animation:mood-card-drift linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.mood01 .mood-work-cards .project-card:nth-child(2){animation-name:mood-card-drift-reverse}.mood01 .mood-rail .rail-two img{animation:rail-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}@keyframes mood-card-drift{from{transform:translateY(20px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}@keyframes mood-card-drift-reverse{from{transform:translateY(30px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes rail-drift{from{transform:scale(1.1) translateY(-3%)}to{transform:scale(1.1) translateY(3%)}}}
@media(min-width:1600px){.mood-composition{grid-template-rows:480px 280px 420px}.mood-rail{grid-template-rows:480px 280px 420px}.mood01 .hero h1{font-size:160px}.mood-work{padding-top:41px}.mood-editorial{padding-top:90px}.mood-editorial h2{font-size:47px}.editorial-belief{font-size:10px}.mood-editorial .handwriting{font-size:23px;bottom:130px}.editorial-thought{font-size:15px;margin-top:42px}.mood-about-copy{padding-top:34px}.mood-about h2{font-size:40px}.mood-about-copy>p:not(.eyebrow){font-size:15px}.mood-about .country-notes span{font-size:18px}.mood-team .mini-team img{aspect-ratio:1}.mood-team .mini-team figcaption{font-size:29px}.mood-team .mini-team small{font-size:15px}.mood-work-cards .project-caption h3{font-size:15px}.hero-signature{bottom:44px;width:190px}.hero-wordmarks{font-size:18px}.mood-film-title h2{font-size:82px}}
@media(max-width:1023px) and (min-width:768px){.mood-composition{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:360px 240px 360px 290px}.mood01 .header{right:33.33%;padding:0 22px}.mood01 .header nav{gap:12px;font-size:8px}.mood01 .director-brand{font-size:9px;letter-spacing:0}.mood01 .hero{grid-column:1 / 9;grid-row:1}.mood01 .hero h1{font-size:9.5vw}.mood01 .hero-type{bottom:82px;width:87%}.hero-signature{right:28px;width:120px;bottom:24px}.hero-wordmarks{font-size:12px}.mood01 .hero-role{font-size:12px}.mood-editorial{grid-column:9 / 13;grid-row:1;padding-top:67px;margin-left:-23px;clip-path:polygon(0 0,100% 0,100% 100%,9% 100%)}.mood-editorial h2{font-size:35px}.editorial-belief{font-size:8px}.mood-editorial .handwriting{bottom:90px;right:20px;font-size:17px}.editorial-thought{font-size:14px}.mood-work{grid-column:1 / 11;grid-row:2;padding-inline:22px}.mood-unexpected{grid-column:11 / 13;grid-row:2;margin-right:0;padding:30px 12px}.mood-unexpected h2{font-size:17px}.mood-film{grid-column:1 / 7;grid-row:3;margin-right:0}.mood-about{grid-column:7 / 13;grid-row:3;margin-right:0}.mood-about h2{font-size:30px}.mood-about-copy>p:not(.eyebrow){font-size:14px}.mood-team{grid-column:1 / 9;grid-row:4;margin-top:0;margin-right:0;padding-right:35px;clip-path:polygon(0 0,93% 0,100% 100%,0 100%)}.mood-team .mini-team img{aspect-ratio:1.6}.mood-team .mini-team figcaption{font-size:25px}.mood-team .mini-team small{font-size:13px}.team-handwriting{position:absolute;right:30px;bottom:17px;font-size:15px}.mood-rail{grid-column:9 / 13;grid-row:4;margin:0;grid-template-columns:1fr 1fr;grid-template-rows:290px}.rail-one{clip-path:polygon(0 0,100% 0,100% 100%,15% 100%);margin:0}.rail-two{display:none}.rail-bottom{padding-left:0;clip-path:none}.rail-contact{font-size:18px;padding-left:12px}}
@media(max-width:767px){.mood-composition{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:560px 340px 350px 155px 320px 355px 365px}.mood01 .header{right:0;height:64px;padding:0 5vw;background:linear-gradient(#101714b3,transparent)}.mood01 .header .director-brand{font-size:9px;letter-spacing:.03em}.mood01 .hero{grid-column:1 / 13;grid-row:1;clip-path:polygon(0 0,100% 0,100% 100%,0 95%);height:auto;min-height:0}.mood01 .hero-photo img{object-position:66% 30%;filter:sepia(.25) saturate(.82) contrast(1.12) brightness(.82)}.mood01 .hero-type{left:16px;bottom:114px;width:90%;transform:rotate(-10deg)}.mood01 .hero h1{font-size:17.4vw;line-height:.9;letter-spacing:-.07em}.mood01 .hero h1>span{width:138.88%;transform:scaleX(.72)}.mood01 .hero h1>span:nth-child(2){margin-top:3px}.hero-signature{right:21px;bottom:36px;width:110px;transform:rotate(-7deg)}.mood01 .hero-role{font-size:11px;margin-bottom:8px}.hero-wordmarks{font-size:11px;line-height:1.1}.hero-wordmarks span{margin:3px 0}.mood01 .hero-work{left:18px;bottom:48px;font-size:8px;max-width:155px}.mood01 .play-circle{height:31px;width:31px}.mood-editorial{grid-column:1 / 8;grid-row:2;margin:0;margin-top:-28px;padding:40px 16px 15px;clip-path:polygon(0 0,91% 17px,100% 100%,0 100%);z-index:3}.mood-editorial h2{font-size:32px;margin-left:0}.editorial-divider{margin:19px 0 17px;width:29px}.editorial-belief{font-size:8px;line-height:1.7;margin-left:0}.mood-editorial .handwriting{font-size:17px;bottom:110px;right:18px;transform:rotate(-10deg)}.editorial-thought{font-size:13px;margin:27px 0 0;max-width:20ch}.mood-editorial .text-link{font-size:7px;margin:7px 0 0}.mood-work{grid-column:1 / 8;grid-row:3;margin:-9px -10px -5px 0;padding:29px 17px 18px;clip-path:polygon(0 0,94% 7px,100% 100%,0 98%);z-index:3}.mood-work-heading{display:block;margin-bottom:14px}.mood-work-heading h2{font-size:9px}.mood-work-heading .text-link{font-size:7px;margin-top:7px;min-height:14px}.mood-work-cards{grid-template-columns:1fr 1fr;gap:13px 9px}.mood-work-cards .project-card:first-child{grid-column:span 2}.mood-work-cards .project-image{aspect-ratio:1}.mood-work-cards .project-card:first-child .project-image{aspect-ratio:2}.mood-work-cards .project-caption{padding:7px 0 0;gap:4px}.mood-work-cards .project-client{font-size:7px}.mood-work-cards .project-caption h3{font-size:11px;line-height:1.18}.mood-work-cards .project-number{font-size:7px;align-self:start;padding-top:1px}.mood-work-cards .media-action{bottom:6px;right:6px}.mood-work-cards .media-action>span:first-child{width:24px;height:24px}.mood-unexpected{grid-column:1 / 8;grid-row:4;margin:0 -12px 0 0;padding:23px 16px;clip-path:polygon(0 0,95% 0,100% 94%,0 100%);z-index:3}.mood-unexpected h2{font-size:20px;line-height:1.05;transform:rotate(-9deg)}.unexpected-rule{bottom:15px;left:35%;width:30px}.mood-film{grid-column:1 / 8;grid-row:5;margin:0 -14px -8px 0;clip-path:polygon(0 0,91% 0,100% 100%,0 97%);z-index:3}.mood-film>.eyebrow{left:17px;top:20px;font-size:7px}.mood-film>.handwriting{right:30px;top:56px;font-size:19px;transform:rotate(-13deg)}.mood-film-title{left:17px;right:34px;bottom:27px}.mood-film-title h2{font-size:49px}.mood-film-title>p{font-size:8px;max-width:19ch}.mood-film-title .text-link{font-size:8px;min-height:33px}.film-more{font-size:7px;line-height:1.4;margin-top:6px}.mood-about{grid-column:1 / 13;grid-row:6;margin:0;grid-template-columns:1.5fr .85fr;clip-path:polygon(0 0,100% 0,100% 100%,7% 100%);z-index:3}.mood-about-copy{padding:27px 15px 18px 25px}.mood-about-copy>.eyebrow{font-size:8px;margin-bottom:16px}.mood-about h2{font-size:31px;margin-bottom:17px}.mood-about-copy>p:not(.eyebrow){font-size:14px;line-height:1.25}.mood-about .country-notes{gap:7px;margin:18px 0 7px}.mood-about .country-notes span{font-size:17px;padding:3px 6px}.mood-about .text-link{font-size:8px;min-height:32px}.mood-about-strip{transform:rotate(-6deg) scale(1.15);margin-left:0}.mood-team{grid-column:1 / 13;grid-row:7;margin:0;padding:27px 25px 23px;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);z-index:3}.mood-team-header{margin-bottom:24px}.mood-team-header h2{font-size:9px}.mood-team-header .text-link{font-size:8px}.mood-team .mini-team{gap:18px}.mood-team .mini-team img{aspect-ratio:.95}.mood-team .mini-team figcaption{font-size:26px;margin-top:12px}.mood-team .mini-team small{font-size:13px}.team-handwriting{font-size:17px;margin-top:20px;margin-left:15px}.mood-rail{grid-column:8 / 13;grid-row:2 / 6;margin:0;grid-template-rows:340px 505px 320px;clip-path:none;z-index:1}.rail-one{clip-path:polygon(0 0,100% 0,100% 100%,12% 100%);margin-top:0}.rail-one img{object-position:20% center}.rail-two{clip-path:polygon(12% 0,100% 0,100% 100%,21% 100%);margin:0}.rail-two img{object-position:37% 50%}.rail-bottom{grid-template-rows:57% 43%;clip-path:polygon(20% 0,100% 0,100% 100%,29% 100%);padding-left:0}.rail-contact{font-size:16px;padding:23px 8px 8px 31px;transform:rotate(-8deg);line-height:1.14}.rail-contact span{font-size:20px;margin-top:6px}.mood01 footer{padding:24px 6vw;gap:15px}.mood01 footer .brand{font-size:17px}.mood01 footer p{font-size:9px}.mood01 footer button{font-size:9px}}
@media(max-width:359px){.mood-composition{grid-template-rows:520px 360px 350px 165px 320px 370px 360px}.mood-rail{grid-template-rows:360px 515px 320px}.mood01 .hero h1{font-size:17.3vw}.mood01 .hero-type{bottom:119px}.mood01 .hero-work{font-size:7px;gap:7px;left:15px}.hero-signature{width:96px;right:18px}.hero-wordmarks{font-size:10px}.mood-editorial h2{font-size:29px}.mood-editorial .handwriting{font-size:15px;bottom:128px;right:14px}.editorial-thought{font-size:12px;max-width:17ch}.mood-work{padding-inline:14px}.mood-work-cards .project-caption h3{font-size:10px}.mood-work-cards .project-number{display:none}.mood-unexpected h2{font-size:18px}.mood-about h2{font-size:28px}.mood-about-copy>p:not(.eyebrow){font-size:13px}.mood-about .country-notes{gap:6px}.mood-about .country-notes span{font-size:15px;padding:3px 5px}.mood-team{padding:26px 20px}.mood-team .mini-team{gap:16px}.mood-team .mini-team figcaption{font-size:24px}.mood-team .mini-team small{font-size:12px}.rail-contact{font-size:14px;padding-left:27px}}
.mood01 .hero-type{left:44px}.mood01 .hero h1{font-size:clamp(74px,8.2vw,142px)}
.mood-editorial{padding-left:27px}.mood-editorial .handwriting{bottom:131px;right:17px;font-size:16px}.editorial-thought{font-size:12px;max-width:17ch}
.mood-work-cards .project-image{height:clamp(116px,10vw,150px);aspect-ratio:auto}
.mood-about-copy{padding-left:43px}
@media(min-width:1600px){.mood01 .hero h1{font-size:154px}.mood-work-cards .project-image{height:170px}.mood-editorial .handwriting{bottom:165px;font-size:20px}}
@media(max-width:1023px) and (min-width:768px){.mood01 .hero-type{left:26px}.mood01 .hero h1{font-size:9.3vw}.mood-editorial .handwriting{bottom:130px;font-size:16px}.mood-about-copy{padding-left:39px}.mood-work-cards .project-image{height:126px}}
@media(max-width:767px){.mood01 .hero-type{left:22px}.mood01 .hero h1{font-size:17.1vw}.mood-editorial{padding-left:16px}.mood-editorial .handwriting{bottom:120px;right:19px;font-size:16px}.editorial-thought{font-size:13px;max-width:20ch}.mood-work-cards .project-image{height:auto;aspect-ratio:1}.mood-work-cards .project-card:first-child .project-image{height:auto;aspect-ratio:2}.mood-about-copy{padding-left:30px}}
@media(max-width:359px){.mood01 .hero-type{left:20px}.mood01 .hero h1{font-size:17vw}.mood-editorial .handwriting{bottom:142px;font-size:14px}.editorial-thought{font-size:12px;max-width:17ch}}
.mood-editorial{background:#f3e7cf}.mood-about{background:#eadbc0}.mood-team{background:#f2e9d4}.rail-bottom{background:#f4ebd6}.mood-work{background:#e4b83d}.mood-unexpected{background:#e39153}
.mood-editorial:before{content:'';position:absolute;width:48px;height:48px;border-radius:50%;right:-17px;top:47%;background:#e4b432;z-index:-1}.rail-bottom:before{content:'';position:absolute;width:55px;height:55px;border-radius:50%;left:0;top:48%;background:#e4b432;z-index:1;pointer-events:none}
.rail-contact{padding-left:61px;font-size:clamp(14px,1.35vw,20px);transform:rotate(-6deg)}
@media(max-width:1023px) and (min-width:768px){.rail-contact{padding-left:18px;font-size:16px}}
@media(max-width:767px){.mood-composition{grid-template-rows:560px 340px 385px 155px 320px 355px 365px}.mood-rail{grid-template-rows:340px 540px 320px}.rail-contact{padding-left:46px;font-size:15px}.rail-bottom:before{left:-5px;width:42px;height:42px}}
@media(max-width:359px){.mood-composition{grid-template-rows:520px 360px 385px 165px 320px 370px 360px}.mood-rail{grid-template-rows:360px 550px 320px}.rail-contact{padding-left:40px;font-size:12px}}

/* Mood01 completion: references live inside the mustard paper, not in a new section. */
.mood-composition{grid-template-rows:420px 330px 400px}.mood-rail{grid-template-rows:420px 330px 400px}.mood-team .mini-team img{height:clamp(146px,12.3vw,177px);aspect-ratio:auto}.mood-work{padding-bottom:14px}
.reference-ribbon{margin-top:16px;padding-top:10px;border-top:1px solid #151b1840;min-width:0}.reference-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}.reference-heading h3{font:400 12px/1.2 var(--accent);letter-spacing:0;transform:rotate(-2deg)}.reference-heading>span{font:500 7px/1.3 var(--sans);letter-spacing:.05em;text-transform:uppercase}.reference-slider{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px}.reference-slider>button{width:32px;height:38px;background:transparent;border:0;font:400 23px/1 var(--sans);padding:0;transition:transform .2s}.reference-slider>button:hover{transform:translateX(3px)}.reference-slider>button:disabled{opacity:.3;cursor:default;transform:none}.reference-track{display:flex;gap:13px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;min-width:0;padding:5px 5px 7px;touch-action:pan-x pan-y}.reference-track::-webkit-scrollbar{display:none}.reference-ticket{flex:0 0 157px;display:grid;place-items:center;scroll-snap-align:start;height:42px;background:#f6eacf;transform:rotate(-2deg);transition:transform .25s;padding:8px 15px;position:relative}.reference-ticket:nth-child(2){background:#152824;transform:rotate(2deg)}.reference-ticket:nth-child(3){background:#e6d5b7;transform:rotate(-1deg)}.reference-ticket:nth-child(4){background:#faf1de;transform:rotate(1deg)}.reference-ticket:nth-child(5){background:#375f5a;transform:rotate(-2deg)}.reference-ticket:nth-child(6){background:#f6eacf;transform:rotate(2deg)}.reference-ticket:hover{transform:rotate(0) translateY(-2px)}.reference-ticket img{height:100%;width:100%;object-fit:contain;filter:none}.reference-ticket:nth-child(3) img,.reference-ticket:nth-child(5) img,.reference-ticket:nth-child(6) img{max-width:67px}.rail-three{background:#719d99}.rail-three img{mix-blend-mode:luminosity;opacity:.9}
@media(min-width:1600px){.mood-composition{grid-template-rows:480px 370px 420px}.mood-rail{grid-template-rows:480px 370px 420px}.mood-team .mini-team img{height:200px}.reference-ticket{flex-basis:180px;height:47px}.reference-heading h3{font-size:14px}}
@media(max-width:1023px) and (min-width:768px){.mood-composition{grid-template-rows:360px 320px 360px 320px}.mood-rail{grid-template-rows:320px}.mood-team .mini-team img{height:148px}.reference-ticket{flex-basis:140px;height:39px}.reference-heading h3{font-size:11px}}
@media(max-width:767px){.mood-composition{grid-template-rows:560px 340px 480px 155px 320px 355px 430px}.mood-rail{grid-template-rows:340px 635px 320px}.mood-team .mini-team img{height:clamp(145px,46vw,220px)}.reference-ribbon{margin-top:18px;padding-top:10px}.reference-heading{display:block;margin-bottom:2px}.reference-heading h3{font-size:12px;margin-bottom:4px}.reference-heading>span{font-size:6px}.reference-slider{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}.reference-slider>button{width:28px;height:42px}.reference-ticket{flex-basis:130px;height:37px;padding:7px 13px}.reference-track{gap:9px;padding-bottom:7px}.reference-ticket:nth-child(3) img,.reference-ticket:nth-child(5) img,.reference-ticket:nth-child(6) img{max-width:47px}.team-handwriting{margin-top:25px}}
@media(max-width:359px){.mood-composition{grid-template-rows:520px 360px 480px 165px 320px 370px 370px}.mood-rail{grid-template-rows:360px 645px 320px}.reference-heading h3{font-size:11px}.reference-ticket{flex-basis:110px}.reference-slider{grid-template-columns:24px minmax(0,1fr) 24px;gap:3px}.reference-slider>button{width:24px}.team-handwriting{font-size:15px;margin-top:18px}}
.mood-composition{grid-template-rows:420px 375px 400px}.mood-rail{grid-template-rows:420px 375px 400px}.mood-work{padding-bottom:22px}.work-intro{background:#f3e7cf}.portfolio-filters{background:#e39153}.director-hero{background:#f3e7cf}.director-body{background:#eadbc0}.team-story{background:#f2e9d4}.photo-teaser{background:#719d99}.contact-copy{background:#f2e9d4}
@media(min-width:1600px){.mood-composition{grid-template-rows:480px 390px 420px}.mood-rail{grid-template-rows:480px 390px 420px}}
@media(max-width:1023px) and (min-width:768px){.mood-composition{grid-template-rows:360px 360px 360px 320px}.mood-rail{grid-template-rows:320px}}
@media(max-width:767px){.mood-composition{grid-template-rows:560px 340px 530px 155px 320px 355px 430px}.mood-rail{grid-template-rows:340px 685px 320px}.mood-work-cards .project-image{height:clamp(80px,24vw,130px);aspect-ratio:auto}.mood-work-cards .project-card:first-child .project-image{height:clamp(95px,27vw,160px);aspect-ratio:auto}}
@media(max-width:767px) and (min-width:450px){.mood-composition{grid-template-rows:560px 340px 620px 155px 320px 355px 430px}.mood-rail{grid-template-rows:340px 775px 320px}}
@media(max-width:359px){.mood-composition{grid-template-rows:520px 360px 495px 165px 320px 370px 370px}.mood-rail{grid-template-rows:360px 660px 320px}}
.reference-ticket img{height:26px;width:auto;max-height:26px;max-width:100%;min-width:0}.reference-ticket:nth-child(3) img,.reference-ticket:nth-child(5) img,.reference-ticket:nth-child(6) img{max-width:67px}
@media(max-width:767px){.reference-ticket img{height:23px;max-height:23px}.reference-ticket:nth-child(3) img,.reference-ticket:nth-child(5) img,.reference-ticket:nth-child(6) img{max-width:47px}}
@media(max-width:1023px) and (min-width:768px){.mood-editorial{padding-top:61px}.mood-editorial .editorial-thought{margin-top:17px}}
@media(max-width:359px){.mood-composition{grid-template-rows:520px 360px 495px 165px 320px 370px 390px}}

/* Fine pen handwriting chosen against the supplied Mood01 reference. */
:root{--hand:'Nothing You Could Do',cursive;--accent:'Nothing You Could Do',cursive}
.handwriting{font-weight:400}.mood-editorial .handwriting{font-size:20px;line-height:1.16;bottom:116px;right:15px;letter-spacing:-.02em}.mood-unexpected h2{font-size:clamp(21px,2.1vw,31px);line-height:1.2;letter-spacing:-.02em}.rail-contact{font-size:clamp(16px,1.3vw,20px);line-height:1.2;padding-left:47px;transform:rotate(-8deg)}.hero-wordmarks{font-size:15px;line-height:1.15}.team-handwriting{font-size:19px;line-height:1.2;max-width:190px}.mood-editorial:before{width:78px;height:78px;right:-28px;top:46%}.rail-bottom:before{width:71px;height:71px;left:-8px;top:44%}.mood-about-copy{padding-left:33px}.mood-about{margin-left:-20px}.mood-about h2{letter-spacing:-.05em}
@media(min-width:1600px){.mood-editorial .handwriting{font-size:24px;bottom:143px}.hero-wordmarks{font-size:18px}.rail-contact{font-size:22px}}
@media(max-width:1023px) and (min-width:768px){.mood-editorial .handwriting{font-size:19px;bottom:102px}.hero-wordmarks{font-size:12px}.mood-unexpected h2{font-size:18px}.rail-contact{font-size:17px;padding-left:17px}.mood-about-copy{padding-left:30px}}
@media(max-width:767px){.mood-editorial .handwriting{font-size:18px;bottom:120px;right:14px;line-height:1.2}.mood-unexpected h2{font-size:22px;line-height:1.15}.rail-contact{font-size:17px;padding-left:39px}.hero-wordmarks{font-size:12px}.mood-editorial:before{width:65px;height:65px;right:-22px;top:45%}.rail-bottom:before{width:52px;height:52px;left:-10px}.mood-about{margin-left:0}.mood-about-copy{padding-left:27px}.team-handwriting{font-size:19px;margin-top:20px;max-width:185px}}
@media(max-width:359px){.mood-editorial .handwriting{font-size:16px;bottom:145px;right:10px}.mood-unexpected h2{font-size:19px}.rail-contact{font-size:14px;padding-left:32px}.hero-wordmarks{font-size:11px}.team-handwriting{font-size:17px}}

/* AI wardrobe and scenery, with an unchanged original face layer. */
.portrait-composite{display:block;position:relative;width:100%;aspect-ratio:1.35;overflow:hidden;isolation:isolate;filter:sepia(.12) saturate(.88) contrast(1.04);background:#232c29}
.portrait-source{display:block;position:absolute;height:100%;width:auto;aspect-ratio:2500/1667;left:50%;top:0;transform:translateX(-50%)}
.portrait-composite .portrait-source img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;max-width:none;object-fit:fill;object-position:center;filter:none;transform:none}
.portrait-identity{z-index:1}
.portrait-thomas .portrait-identity{mask-image:radial-gradient(ellipse 13.5% 28.5% at 41% 36.5%,#000 86%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 13.5% 28.5% at 41% 36.5%,#000 86%,transparent 100%)}
.portrait-dominique .portrait-identity{mask-image:radial-gradient(ellipse 12.5% 28% at 46.5% 40%,#000 85%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 12.5% 28% at 46.5% 40%,#000 85%,transparent 100%)}
.mood-team .portrait-composite{height:clamp(146px,12.3vw,177px);aspect-ratio:auto}
.rail-one img{object-position:62% 23%}.rail-two img{object-position:67% 83%}
@media(min-width:1600px){.mood-team .portrait-composite{height:200px}}
@media(max-width:1023px) and (min-width:768px){.mood-team .portrait-composite{height:148px}}
@media(max-width:767px){.mood-team .portrait-composite{height:clamp(145px,46vw,220px)}.rail-one img{object-position:65% 22%}.rail-two img{object-position:67% 82%}}

.rail-one img{position:absolute;left:-12%;top:0;width:125%;height:125%;max-width:none;object-position:62% 15%}.rail-two img{position:absolute;right:0;bottom:0;width:190%;height:190%;max-width:none;object-position:67% 83%}

/* Beverly Hills, the shared cinematic thread through the five pages. */
.rail-location{position:absolute;top:37px;right:18px;color:#f5e8cb;font-size:clamp(24px,2.5vw,38px);line-height:1.06;transform:rotate(-9deg);text-shadow:0 2px 10px #17291fcc;pointer-events:none}
.mood-unexpected{position:relative;isolation:isolate;background:#df8748}
.mood-unexpected:before{background-image:linear-gradient(#df874847,#df874847),url('assets/mood-palms-v7.png');background-size:cover;background-position:60% 37%;opacity:.22;mix-blend-mode:multiply}
.mood-unexpected h2,.unexpected-rule{position:relative;z-index:1}.unexpected-rule{position:absolute}
.cinematic-intro-photo{position:relative;overflow:hidden;min-width:0;height:210px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);background:#273e38}
.cinematic-intro-photo>img{width:100%;height:100%;object-fit:cover;object-position:60% 73%}
.cinematic-intro-photo>.handwriting{position:absolute;right:18px;top:22px;font-size:28px;color:#f6e8c9;transform:rotate(-8deg);text-shadow:0 2px 8px #1c2d23}
.studio-intro{position:relative;overflow:hidden;padding-right:38%;background:#d9b33d}
.studio-intro h1{font-size:clamp(60px,6.2vw,96px)}
.studio-intro>.cinematic-intro-photo{position:absolute;inset:0 0 0 auto;width:34%;height:100%;clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}
.cinematic-paper{position:relative;isolation:isolate;overflow:hidden;background:#dab844}
.cinematic-paper:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/mood-beverly-facade-v8.png') center 38%/cover;opacity:.13;mix-blend-mode:multiply}
.contact-photo{position:relative}
.contact-mood-postcard{position:absolute;bottom:22px;left:26px;width:38%;padding:7px;background:#f0e3c8;transform:rotate(-7deg);box-shadow:0 6px 22px #17211b2b}
.contact-mood-postcard .cinematic-intro-photo{height:185px;clip-path:none}
.contact-mood-postcard .cinematic-intro-photo>img{height:100%;object-position:65% 82%;filter:none}
.contact-mood-postcard .handwriting{font-size:23px;right:14px;top:13px}
@media(max-width:1023px) and (min-width:768px){.rail-location{font-size:24px;right:10px}.work-intro .cinematic-intro-photo{height:180px}.studio-intro{padding-right:37%}.studio-intro h1{font-size:5.8vw}}
@media(max-width:767px){.rail-location{font-size:28px;right:17px;top:37px}.work-intro .cinematic-intro-photo{grid-column:1 / -1;height:155px}.studio-intro{padding-right:5vw;padding-bottom:210px}.studio-intro h1{font-size:15vw}.studio-intro>.cinematic-intro-photo{top:auto;bottom:0;left:0;width:100%;height:185px;clip-path:polygon(0 0,100% 6%,100% 100%,0 100%)}.studio-intro>.cinematic-intro-photo>img{object-position:60% 70%}.contact-mood-postcard{width:34%;left:17px;bottom:16px;padding:5px}.contact-mood-postcard .cinematic-intro-photo{height:110px}.contact-mood-postcard .handwriting{font-size:17px;right:9px;top:11px}}
@media(max-width:359px){.rail-location{font-size:24px;right:12px}.contact-mood-postcard .handwriting{font-size:15px;right:6px}}

/* Cap and camera variants, retaining the photographed facial features. */
.portrait-thomas .portrait-identity{clip-path:polygon(0 32%,100% 32%,100% 100%,0 100%)}
.portrait-dominique .portrait-source{height:112%;top:-7%}
.director-awards{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;padding:36px 4vw 42px;background:#de8952;overflow:hidden;align-items:center}
.director-awards>div>.handwriting{font-size:21px;transform:rotate(-7deg);margin-bottom:17px}
.director-awards h2{font-size:clamp(46px,4.5vw,68px)}
.director-awards>div>.text-link{font-size:8px;margin-top:15px}
.award-ticket{padding:24px 20px;min-height:215px;background:#efdfbd;transform:rotate(-3deg);box-shadow:0 3px 12px #5e392f16}
.award-ticket:nth-child(3){background:#d9b339;transform:rotate(4deg)}.award-ticket:nth-child(4){background:#16352f;color:#f2e6cd;transform:rotate(-2deg)}
.award-ticket>span{font:600 9px var(--sans);letter-spacing:.07em}.award-ticket h3{font:400 clamp(29px,2.7vw,40px)/1.02 'Bodoni Moda',Georgia,serif;margin-top:18px}.award-ticket>p{font:400 14px/1.35 var(--body);margin-top:17px}.award-ticket .text-link{font-size:8px;margin-top:6px}
@media(max-width:1023px){.director-awards{grid-template-columns:1fr 1fr;gap:28px;padding:34px 5vw}.director-awards h2{font-size:52px}}
@media(max-width:767px){.director-awards{gap:17px;padding:33px 6vw}.director-awards>div{grid-column:1 / -1}.director-awards h2{font-size:54px}.director-awards h2>span{display:inline-block;width:auto;transform:none;margin-right:8px}.director-awards>div>.text-link{margin-top:12px}.award-ticket{padding:19px 15px;min-height:220px}.award-ticket:nth-child(4){grid-column:1 / -1;min-height:155px}.award-ticket h3{font-size:28px}.award-ticket>p{font-size:13px}.award-ticket>span{font-size:8px}}

.filmography{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;padding:40px 4vw;background:#f0e3c8;overflow:hidden}.filmography>div:first-child{align-self:start}.filmography .handwriting{font-size:24px;transform:rotate(-6deg);color:#ad3b25;margin:8px 0 27px;max-width:260px}.filmography h2{font-size:clamp(46px,5vw,75px)}.filmography-note{font:400 11px/1.5 var(--sans);max-width:31ch;margin-top:25px}.filmography ol,.filmography ul{list-style:none;padding:0;margin:0}.filmography ol{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.filmography li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #2426212b;align-items:baseline}.filmography-year,.filmography li>span{font:500 10px var(--sans);color:#8b3d28}.filmography h3{font:400 20px/1.13 var(--display);letter-spacing:-.02em}.filmography li p{font:400 9px/1.45 var(--sans);margin-top:7px}.filmography details{margin-top:22px}.filmography summary{font:500 12px var(--sans);padding:13px 0;cursor:pointer;border-bottom:1px solid #2426212b;display:flex;justify-content:space-between}.filmography details li{gap:12px}.filmography details strong{font:400 18px var(--display)}.filmography details small{font:400 9px var(--sans);margin-left:auto}.filmography .text-link{font-size:9px;margin-top:10px}
@media(max-width:767px){.filmography{grid-template-columns:1fr;padding:35px 6vw;gap:25px}.filmography h2{font-size:54px}.filmography .handwriting{font-size:22px}.filmography ol{grid-template-columns:1fr}.filmography h3{font-size:22px}.filmography li p{font-size:10px}.filmography details li{flex-wrap:wrap}.filmography details small{margin-left:0}}

.portrait-viviane-set{aspect-ratio:2/3;filter:sepia(.1) saturate(.91) contrast(1.02);max-width:400px;margin-inline:auto}
.portrait-viviane-set .portrait-source{width:100%;height:100%;aspect-ratio:2/3;left:0;transform:none}
.portrait-viviane-set .portrait-identity{mask-image:radial-gradient(ellipse 8% 7.5% at 63.3% 33.4%,#000 86%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 8% 7.5% at 63.3% 33.4%,#000 86%,transparent 100%)}
.mood-about-strip>.portrait-viviane-set{height:100%;aspect-ratio:auto;max-width:none}
.mood-about-strip .portrait-viviane-set .portrait-source{width:auto;height:100%;left:50%;transform:translateX(-63.3%)}
.onset-caption{font:400 9px/1.4 var(--sans);color:#6e5b42;margin-top:9px}

/* Final review: visible photograph at Unexpected; no orange wash. */
.mood-unexpected{background:#243a31 url('assets/mood-palms-v7.png') center 72%/cover}
.mood-unexpected:before{content:none}
.mood-unexpected h2{color:#f7eacf;text-shadow:0 1px 8px #17241ccc}
.unexpected-rule{background:#f7eacf}
.portrait-viviane-set .portrait-identity{mask-image:radial-gradient(ellipse 5.3% 4.4% at 63.3% 33.4%,#000 94%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 5.3% 4.4% at 63.3% 33.4%,#000 94%,transparent 100%)}
@media(max-width:767px){.mood-unexpected{background-position:60% 80%}}

@media(min-width:1024px) and (max-width:1199px){.mood-editorial .handwriting{font-size:18px;bottom:145px}}

@media(max-width:767px){.director-awards{grid-template-columns:minmax(0,1fr);gap:20px}.award-ticket{min-height:165px}.award-ticket:nth-child(4){grid-column:auto}.award-ticket h3{font-size:32px}}

/* Version 8: distinct full motifs in the rail, without repeated enlarged crops. */
.rail-one img,.rail-two img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover}
.rail-one img{object-position:61% center}.rail-two img{object-position:58% center}
.cinematic-intro-photo>img{object-position:center}.contact-mood-postcard .cinematic-intro-photo>img{object-position:61% center}
@media(max-width:767px){.rail-one img{object-position:61% center}.rail-two img{object-position:57% center}}

/* Version 8: wider About field and safe text inset along its conical edge. */
@media(min-width:1024px){.mood-film{grid-column:1 / 8}.mood-about{grid-column:8 / 15}}
.mood-about .mood-about-copy{padding-left:calc(18% + 8px)}
@media(max-width:767px){.mood-about .mood-about-copy{padding-left:calc(11% + 8px)}}
@media(min-width:360px) and (max-width:767px){.mood-composition{grid-template-rows:560px 340px 530px 155px 320px 390px 430px}}