:root{--paper:#f2f1e9;--ink:#18201c;--lime:#d4ed38;--blue:#b7c8d7;--line:rgba(24,32,28,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.wrap{width:calc(100% - 100px);max-width:1440px;margin-inline:auto}.skip{position:fixed;z-index:20;top:12px;left:12px;padding:14px;background:var(--lime);transform:translateY(-180%)}.skip:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topline{display:flex;justify-content:space-between;align-items:center;min-height:82px;gap:24px}.small-brand{font-size:20px;font-weight:900;letter-spacing:-1px}.small-brand span{font:10px monospace;letter-spacing:1px;margin-left:7px}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{padding:10px 0}nav a:hover,nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.nav-contact{background:var(--ink);color:var(--paper);padding:11px 16px}.nav-contact span{margin-left:24px}.wordmark{font-family:Arial Black,Arial,Helvetica,sans-serif;font-size:clamp(80px,18.4vw,295px);letter-spacing:-.075em;line-height:.86;font-weight:1000;transform:scaleX(1.035);transform-origin:left center;margin:12px 0 24px;width:96.6%}.subline{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:11px monospace;text-transform:uppercase;letter-spacing:.06em}.location{display:flex;gap:10px;align-items:center}.location i{width:6px;height:6px;border-radius:50%;background:var(--ink)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;padding-top:65px;padding-bottom:80px;align-items:center}.eyebrow{font:11px/1.5 monospace;text-transform:uppercase;letter-spacing:.055em;margin:0 0 24px}.signal{display:inline-block;width:7px;height:7px;background:var(--ink);border-radius:50%;margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.9vw,92px);line-height:1;letter-spacing:-.065em;font-weight:750;margin-bottom:26px}em{font-style:normal;position:relative}h1 em{background:linear-gradient(transparent 65%,var(--lime) 65%,var(--lime) 91%,transparent 91%)}.hero-intro{font-size:18px;line-height:1.55;max-width:400px;margin-bottom:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:16px 20px;background:var(--lime);border:1px solid var(--ink);font-size:13px;line-height:1.3;color:var(--ink);transition:background .18s}.button:hover{background:var(--blue)}.button span{font-size:22px;line-height:1}.hero-visual{position:relative;margin-top:10px}.hero-pictures{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:var(--ink);padding:7px}.hero-pictures img{width:100%;height:370px;object-fit:cover;object-position:center top;display:block}.hero-pictures img:last-child{filter:grayscale(1)}.visual-caption{padding:17px 14px;background:var(--blue);font:10px/1.4 monospace;display:flex;justify-content:space-between;gap:15px}.visual-caption a{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}.stamp{position:absolute;top:-28px;right:-22px;width:90px;height:90px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--ink);transform:rotate(12deg);font-weight:900;font-size:48px;line-height:1}.stamp span{font:8px monospace;letter-spacing:.05em;margin-top:4px}.section{padding-top:84px;padding-bottom:84px}.mission{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%}h2{font-size:clamp(32px,3.55vw,55px);letter-spacing:-.05em;line-height:1.08;font-weight:700;margin-bottom:25px}.mission-copy{padding-top:37px;max-width:540px}.mission-copy p{font-size:19px;line-height:1.65;margin-bottom:20px}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:14px;padding-bottom:8px;border-bottom:1px solid var(--ink)}.text-link:hover{border-bottom-width:3px;padding-bottom:6px}.text-link span{font-size:24px}.services{background:var(--blue)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;line-height:1.7;max-width:320px;margin-bottom:3px}.service-row{display:grid;grid-template-columns:50px 1fr 1fr;gap:25px;border-top:1px solid var(--line);padding:28px 0;align-items:baseline}.service-row:last-child{border-bottom:1px solid var(--line)}.service-number{font:11px monospace}.service-row h3{font-size:24px;line-height:1.15;letter-spacing:-.035em;margin-bottom:0;max-width:330px}.service-row p{font-size:15px;line-height:1.6;max-width:470px;margin-bottom:0}.talent-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1050px;margin-bottom:35px}.talent-intro p{font-size:17px;line-height:1.65;margin-bottom:0}.talent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px}.talent-card{position:relative;min-width:0;scroll-margin-top:30px}.portrait{position:relative;overflow:hidden;background:var(--blue)}.portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;transition:transform .3s}.talent-card:hover .portrait img{transform:scale(1.025)}.category{position:absolute;bottom:10px;left:10px;background:var(--paper);padding:6px 9px;font:10px monospace;text-transform:uppercase}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}.card-heading h2,.card-heading h3{font-size:26px;margin:0;letter-spacing:-.04em}.card-heading>span{font-size:23px}.card-link{position:absolute;inset:0}.all-talents{display:flex;width:fit-content;margin:35px auto 0}.outline{background:transparent}.contact{background:var(--ink);color:var(--paper);padding-top:75px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-bottom:70px}.contact .eyebrow{color:var(--lime)}.contact h2{font-size:clamp(40px,4.5vw,72px);margin-bottom:0}.contact h2 span{color:var(--lime)}.contact-name{font-size:26px;margin-bottom:9px}.contact-person>p:nth-child(2){font-size:12px;line-height:1.6;margin-bottom:35px}.email{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--paper);padding-bottom:12px;font-size:clamp(16px,2vw,29px);letter-spacing:-.035em;max-width:480px}.phone{display:block;width:fit-content;font-size:16px;margin-top:20px}.contact a:hover{color:var(--lime)}.contact a:focus-visible{outline-color:var(--lime)}.footer{border-top:1px solid #f2f1e944;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;font:11px/1.6 monospace}.footer address{font-style:normal}.talent-main{padding-top:65px;padding-bottom:75px}.roster-heading h1{font-size:clamp(48px,6.7vw,105px)}.roster-heading>p:last-child{font-size:18px;line-height:1.65;max-width:760px;margin-bottom:40px}.roster-tools{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);border-radius:0;padding:12px 17px;font-size:13px;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filters button span{font:10px monospace;margin-left:10px}.search{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--ink);width:260px}.search input{width:100%;min-width:0;padding:10px 0;border:0;background:transparent;font-size:14px;color:var(--ink);border-radius:0}.search input::placeholder{color:var(--ink);opacity:.7}.search>span:last-child{font-size:28px}.result-count{font:11px monospace;margin:22px 0}.socials{display:flex;flex-wrap:wrap;gap:10px 15px;border-top:1px solid var(--line);padding-top:14px;margin-top:13px;font-size:11px;line-height:1.4}.socials a{padding:3px 0}.socials a:hover{text-decoration:underline;text-underline-offset:4px}.roster-note{border-top:1px solid var(--line);margin:50px 0 0;padding-top:25px;font-size:14px;line-height:1.8}.roster-note a{border-bottom:1px solid var(--ink)}#empty-state{padding:50px 0}
@media(min-width:1600px){.wordmark{font-size:295px}.hero-pictures img{height:450px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:5%;padding-top:48px;padding-bottom:60px}.hero h1{font-size:clamp(45px,6.2vw,65px)}.hero-pictures img{height:320px}.hero-intro{font-size:16px}.visual-caption{flex-direction:column;gap:4px}.stamp{right:-12px;width:70px;height:70px;font-size:36px}.stamp span{font-size:6px}.mission{gap:6%}.mission-copy p{font-size:17px}.section{padding-top:65px;padding-bottom:65px}.service-row{grid-template-columns:35px 1fr 1fr;gap:15px}.service-row h3{font-size:21px}.talent-grid{gap:30px 16px}.card-heading h2,.card-heading h3{font-size:23px}.email{font-size:20px}.contact-layout{gap:5%}.socials{gap:8px 12px}.section-heading{gap:30px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topline{min-height:75px;align-items:center;gap:14px}.small-brand{font-size:17px}.small-brand span{display:none}nav{gap:17px;font-size:11px}nav a:first-child{display:none}.nav-contact{padding:10px}.nav-contact span{margin-left:7px}.wordmark{font-size:18.2vw;margin-top:15px;margin-bottom:20px;letter-spacing:-.07em}.subline{font-size:9px;gap:15px}.hero{grid-template-columns:1fr;padding-top:38px;gap:45px;padding-bottom:50px}.hero h1{font-size:clamp(54px,10.5vw,80px);max-width:600px}.hero-intro{font-size:18px;max-width:450px}.hero .eyebrow{font-size:9px;letter-spacing:0}.hero-pictures img{height:clamp(230px,63vw,430px)}.hero-visual{margin-right:8px}.visual-caption{flex-direction:row;font-size:9px}.stamp{width:76px;height:76px;font-size:40px}.stamp span{font-size:7px}.section{padding-top:50px;padding-bottom:50px}.mission{grid-template-columns:1fr;gap:0}.mission-copy{padding-top:0;max-width:none}.mission-copy p{font-size:17px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px}h2{font-size:36px}.section-heading>p{max-width:none}.service-row{grid-template-columns:25px 1fr;gap:10px 15px;padding:24px 0}.service-row h3{max-width:none;font-size:23px}.service-row p{grid-column:2;max-width:none;font-size:15px}.talent-intro{grid-template-columns:1fr;gap:16px}.talent-intro p{font-size:16px}.talent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.card-heading h2,.card-heading h3{font-size:23px}.socials{font-size:11px;gap:8px 13px}.contact{padding-top:50px}.contact-layout{grid-template-columns:1fr;gap:40px;padding-bottom:45px}.contact h2{font-size:48px}.contact-person>p:nth-child(2){margin-bottom:23px}.email{font-size:24px;max-width:100%}.footer{flex-wrap:wrap;font-size:10px;align-items:flex-start;gap:20px}.footer address{margin-left:auto}.footer>a{width:100%}.talent-main{padding-top:42px;padding-bottom:50px}.roster-heading h1{font-size:clamp(44px,9.3vw,70px)}.roster-heading>p:last-child{font-size:16px}.roster-tools{align-items:stretch;flex-direction:column;gap:20px}.search{width:100%}.filters button{padding:11px 14px}.roster-note{font-size:13px}.roster-note a{display:inline-block}.eyebrow{margin-bottom:18px}}@media(max-width:380px){nav{gap:10px}.location{display:none}.card-heading h2,.card-heading h3{font-size:21px}.email{font-size:20px}.visual-caption{font-size:8px}.hero h1{font-size:51px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* machina / cases edition */
:root{--paper:#f0f0ee;--ink:#151716;--lime:#6c263a;--blue:#48202f;--burgundy:#6c263a;--burgundy-dark:#48202f;--line:rgba(21,23,22,.2)}
::selection{background:var(--burgundy);color:var(--paper)}.brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:25px;letter-spacing:-1.2px}.motion-mark{width:36px;height:36px;overflow:visible}.motion-mark path{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.mark-track{stroke:var(--burgundy-dark)}.mark-flow{stroke:var(--burgundy);stroke-dasharray:48 370;animation:wire 6s linear infinite}@keyframes wire{to{stroke-dashoffset:-418}}.new-wordmark{position:relative;display:flex;align-items:baseline;font-size:clamp(90px,22.2vw,355px);font-weight:900;line-height:.85;letter-spacing:-.075em;padding:12px 0 28px;white-space:nowrap}.new-wordmark .brand-dot{font:20px Arial;align-self:flex-start;margin-left:23px;margin-top:18px;letter-spacing:0}.kinetic-i{position:relative}.kinetic-i:after{content:'';position:absolute;top:.03em;left:.07em;width:.16em;height:.16em;background:var(--burgundy);animation:signal 6s ease-in-out infinite;transform-origin:center}@keyframes signal{0%,75%,100%{transform:translateY(0) rotate(0)}85%{transform:translateY(-.06em) rotate(12deg)}92%{transform:translateY(0) rotate(0)}}.header-meta{display:flex;align-items:center;gap:22px}.motion-toggle{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:10px;width:23px;height:23px;padding:0}.motion-paused .mark-flow,.motion-paused .kinetic-i:after{animation-play-state:paused}.subline{padding:12px 0}.button{background:var(--burgundy);border-color:var(--burgundy);color:var(--paper)}.button:hover{background:var(--burgundy-dark);border-color:var(--burgundy-dark)}.outline{background:transparent;color:var(--ink);border-color:var(--ink)}.outline:hover{color:var(--paper)}h1 em{background:linear-gradient(transparent 75%,rgba(108,38,58,.2) 75%,rgba(108,38,58,.2) 94%,transparent 94%)}.signal{background:var(--burgundy)}.case-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding-block:60px 80px}.case-hero h1{font-size:clamp(49px,5.7vw,86px)}.hero-case{display:block;min-width:0}.hero-case-image{height:410px;position:relative;overflow:hidden;background:var(--burgundy-dark)}.hero-case-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transition:transform .5s}.hero-case:hover img{transform:scale(1.025)}.featured-label{position:absolute;left:18px;top:18px;padding:8px 11px;background:var(--paper);font:10px monospace;text-transform:uppercase}.hero-play{display:grid;place-items:center;position:absolute;right:22px;bottom:22px;background:var(--paper);color:var(--burgundy);border-radius:50%;width:62px;height:62px;font-size:19px;padding-left:3px}.hero-case-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--burgundy);color:var(--paper);padding:22px 24px}.hero-case-caption div>span{font:10px monospace;text-transform:uppercase;letter-spacing:.05em}.hero-case-caption h2{font-size:28px;margin:8px 0 0;letter-spacing:-.04em}.hero-case-caption>span{font-size:30px}.services{background:rgba(108,38,58,.055)}.mission{padding-bottom:64px}.work-section{border-top:1px solid var(--line)}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 26px}.case-card{min-width:0}.case-card>a{display:block}.case-cover{aspect-ratio:3/4;position:relative;overflow:hidden;background:var(--burgundy-dark)}.case-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.case-card:hover .case-cover img{transform:scale(1.035)}.platform-label{position:absolute;left:14px;top:14px;background:var(--paper);padding:7px 10px;font:10px monospace}.case-play{position:absolute;bottom:15px;right:15px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--burgundy);font-size:27px}.case-meta{display:flex;justify-content:space-between;gap:12px;margin:18px 0 9px;font:10px monospace;text-transform:uppercase;letter-spacing:.035em}.case-meta>span:last-child{color:var(--burgundy)}.case-card h3{font-size:28px;line-height:1.15;letter-spacing:-.045em;margin-bottom:9px}.case-card p{font-size:12px;margin:0;line-height:1.5}.case-card a:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.contact{background:var(--burgundy-dark);color:var(--paper)}.contact .eyebrow,.contact h2 span{color:var(--paper)}.contact h2 span{text-decoration:underline;text-decoration-color:#f0f0ee66;text-underline-offset:8px;text-decoration-thickness:2px}.contact a:hover{color:var(--paper);text-decoration:underline;text-underline-offset:5px}.contact a:focus-visible{outline-color:var(--paper)}.footer-links{display:flex;gap:25px}.case-index{padding-top:60px;padding-bottom:85px}.case-index .roster-heading h1{font-size:clamp(48px,6.6vw,100px)}.case-index-line{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:17px 0;margin-bottom:35px;font:11px monospace}.detail-main{padding-top:35px}.back-link{display:inline-block;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:12px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:50px 0 75px;align-items:start}.detail-copy{padding-top:20px;position:sticky;top:35px}.client-name{font-size:16px;color:var(--burgundy);margin-bottom:18px}.detail-copy h1{font-size:clamp(40px,4.8vw,72px);line-height:1.02;letter-spacing:-.06em;margin-bottom:25px;overflow-wrap:break-word}.detail-intro{font-size:18px;line-height:1.6;max-width:480px;margin-bottom:34px}.case-facts{margin:0 0 36px;border-top:1px solid var(--line)}.case-facts>div{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.case-facts dt{font:10px monospace;text-transform:uppercase;line-height:1.6}.case-facts dd{margin:0;font-size:14px;line-height:1.5}.post-column{width:100%;max-width:490px;justify-self:end}.post-shell{border:1px solid var(--line);background:var(--paper);overflow:hidden}.post-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.platform-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:23px}.post-header>div{display:flex;flex-direction:column;gap:4px;min-width:0}.post-header strong{font-size:12px;overflow-wrap:anywhere}.post-header div>span{font:9px monospace}.post-header>a{margin-left:auto;font-size:25px}.post-media{position:relative;aspect-ratio:9/16;background:var(--ink);overflow:hidden}.post-poster{width:100%;height:100%;object-fit:cover;display:block}.landscape .post-media{aspect-ratio:16/9}.landscape .post-poster{object-fit:contain}.load-post{position:absolute;inset:0;border:0;background:linear-gradient(transparent 45%,rgba(21,23,22,.65));color:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:13px;width:100%;padding:20px}.play-circle{width:72px;height:72px;border:1px solid var(--paper);border-radius:50%;display:grid;place-items:center;background:var(--burgundy);color:var(--paper);font-size:24px;padding-left:4px;transition:transform .2s}.load-post:hover .play-circle{transform:scale(1.07)}.load-post>span:last-child{background:var(--ink);padding:9px 12px}.post-caption{display:flex;flex-direction:column;gap:5px;padding:15px;font-size:12px;line-height:1.5}.post-caption span{font-size:11px}.post-media iframe{width:100%;height:100%;border:0;display:block;background:var(--paper)}.post-shell.loaded[data-post-platform=Instagram] .post-media{aspect-ratio:auto;height:700px}.post-shell.loaded .post-caption{display:none}.embed-notice{font-size:11px;line-height:1.6;margin:16px 0 12px;color:var(--ink);opacity:.8}.embed-actions{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px}.embed-actions>a{border-bottom:1px solid var(--line);padding-bottom:5px}.stop-post{border:0;border-bottom:1px solid var(--line);padding:0 0 5px;background:none;color:var(--ink);font-size:12px}.embed-help{border-left:2px solid var(--burgundy);padding:10px 12px;margin-top:18px;font-size:12px;line-height:1.5}.no-script-post{position:absolute;left:15px;right:15px;bottom:15px;padding:12px;background:var(--paper);font-size:13px}.next-case{border-top:1px solid var(--line);padding:30px 0 65px;display:flex;justify-content:space-between;align-items:center;gap:25px}.next-case>span{font:11px monospace;white-space:nowrap}.next-case>a{font-size:clamp(24px,2.5vw,40px);letter-spacing:-.045em}.next-case>a span{margin-left:25px;color:var(--burgundy)}.legal-page{max-width:900px;padding-block:60px 90px}.legal-page h1{font-size:64px;margin-bottom:45px}.legal-page h2{font-size:26px;margin:30px 0 15px}.legal-page p,.legal-page address{font-style:normal;font-size:17px;line-height:1.8}.legal-page a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.new-wordmark{font-size:355px}.case-hero{gap:10%}.hero-case-image{height:470px}}@media(max-width:1050px){.new-wordmark{font-size:21.8vw}.case-hero{gap:6%}.hero-case-image{height:370px}.hero-case-caption{padding:18px}.hero-case-caption h2{font-size:24px}.case-grid{gap:38px 18px}.case-card h3{font-size:24px}.detail-layout{gap:6%}.detail-copy h1{font-size:46px}.detail-intro{font-size:16px}.case-facts>div{grid-template-columns:65px 1fr;gap:12px}.post-header{padding:12px}}@media(max-width:760px){.brand{font-size:20px;gap:6px}.motion-mark{width:28px;height:28px}.new-wordmark{font-size:21.1vw;letter-spacing:-.075em;padding:15px 0 24px}.new-wordmark .brand-dot{font-size:11px;margin:0 0 0 10px}.header-meta{gap:10px}.header-meta .location{display:none}.subline{font-size:9px}.case-hero{grid-template-columns:1fr;gap:38px;padding:38px 0 50px}.case-hero h1{font-size:clamp(52px,10.5vw,80px)}.hero-case-image{height:430px}.hero-case-caption h2{font-size:26px}.hero-case-caption>span{font-size:26px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.home-cases{grid-template-columns:1fr}.home-cases .case-cover{aspect-ratio:4/3}.home-cases .case-cover img{object-position:center 40%}.case-card h3{font-size:23px}.case-meta{font-size:9px;margin-top:14px}.case-card p{font-size:11px}.platform-label{font-size:9px;left:9px;top:9px;padding:6px 8px}.case-play{width:34px;height:34px;font-size:22px;bottom:10px;right:10px}.case-index{padding:40px 0 60px}.case-index .roster-heading h1{font-size:clamp(44px,9vw,68px)}.case-index-line{font-size:9px;line-height:1.5;gap:25px}.case-index-line>span:last-child{text-align:right}.detail-main{padding-top:25px}.detail-layout{grid-template-columns:1fr;gap:40px;padding-top:30px;padding-bottom:40px}.detail-copy{position:static;padding:0}.detail-copy h1{font-size:48px}.detail-intro{font-size:17px}.case-facts>div{grid-template-columns:75px 1fr}.post-column{justify-self:center;max-width:490px}.post-shell.loaded[data-post-platform=Instagram] .post-media{height:650px}.post-header{padding:12px}.next-case{align-items:flex-start;flex-direction:column;padding-bottom:45px;gap:15px}.next-case>a{font-size:28px}.footer-links{width:100%;justify-content:space-between}.legal-page{padding:45px 0 65px}.legal-page h1{font-size:49px}.legal-page h2{font-size:25px}.legal-page address,.legal-page p{font-size:16px}}@media(max-width:400px){.case-index .case-grid{grid-template-columns:1fr}.case-index .case-cover{aspect-ratio:4/5}.case-index .case-card h3{font-size:28px}.hero-case-image{height:370px}.case-hero h1{font-size:52px}.brand{font-size:19px}.motion-mark{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.mark-flow,.kinetic-i:after{animation:none!important}}

.case-card h2{font-size:28px;line-height:1.15;letter-spacing:-.045em;margin-bottom:9px}.case-card a:hover h2{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}@media(max-width:1050px){.case-card h2{font-size:24px}}@media(max-width:760px){.case-card h2{font-size:23px}}@media(max-width:400px){.case-index .case-card h2{font-size:28px}}

.format-name{display:block}.role-tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:12px 0 0}.role-tags li{padding:5px 9px;border:1px solid rgba(108,38,58,.22);background:rgba(108,38,58,.045);color:var(--burgundy);font-size:11px;line-height:1.5;border-radius:3px}

/* Editorial campaign collage */
.case-hero{display:block;position:relative;min-height:850px;margin-top:55px;padding:35px 0 70px;isolation:isolate}.case-hero .hero-copy{position:relative;width:53%;z-index:4;pointer-events:none}.hero-copy a{pointer-events:auto}.case-hero h1{font-size:clamp(54px,6.4vw,96px);letter-spacing:-.07em}.case-hero .hero-intro{max-width:390px;font-size:17px}.case-collage{position:absolute;inset:0;z-index:1}.collage-piece{position:absolute;display:block;padding:0;background:none;box-shadow:none;transform:none;transition:transform .3s ease;outline-offset:6px}.collage-piece img{display:block;width:100%;height:100%;object-fit:cover}.collage-piece:hover,.collage-piece:focus-visible{transform:translateY(-7px);z-index:8}.collage-caption{position:absolute;inset:auto 0 0;padding:32px 13px 12px;background:linear-gradient(transparent,rgba(21,23,22,.85));color:var(--paper);display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s;pointer-events:none}.collage-caption strong{font-size:17px;letter-spacing:-.025em}.collage-caption>span{font:10px/1.4 monospace}.collage-piece:hover .collage-caption,.collage-piece:focus-visible .collage-caption{opacity:1}.collage-ssio{left:56%;top:0;width:22%;height:320px;z-index:2}.collage-ssio img{object-position:center 25%}.collage-benno{right:0;top:118px;width:19%;height:285px;z-index:1}.collage-benno img{object-position:center 25%}.collage-celo{right:3%;top:455px;width:30%;height:290px;z-index:3}.collage-celo img{object-position:center 22%}.collage-daniel{left:41%;top:370px;width:23%;height:310px;z-index:5}.collage-daniel img{object-position:center 25%}.collage-culture{left:7%;top:580px;width:36%;height:210px;z-index:2}.collage-culture img{object-position:center 30%}
@media(min-width:1500px){.case-hero{min-height:930px}.collage-ssio{height:360px}.collage-benno{height:320px}.collage-daniel{top:420px;height:340px}.collage-celo{top:500px;height:330px}.collage-culture{top:650px;height:220px}}
@media(min-width:761px) and (max-width:1050px){.case-hero{min-height:800px}.case-hero .hero-copy{width:55%}.case-hero h1{font-size:62px}.case-hero .hero-intro{max-width:330px}.collage-ssio{left:59%;width:23%;height:250px}.collage-benno{top:210px;width:24%;height:250px}.collage-daniel{left:43%;top:400px;width:26%;height:260px}.collage-celo{top:520px;width:30%;height:220px}.collage-culture{left:3%;top:585px;width:38%;height:180px}}
@media(max-width:760px){.case-hero{margin-top:0;padding:38px 0 55px;min-height:0}.case-hero .hero-copy{width:100%;pointer-events:auto}.case-hero h1{font-size:clamp(52px,10.5vw,80px)}.case-hero .hero-intro{max-width:400px}.case-collage{position:relative;inset:auto;margin:45px -5px 0;height:auto;aspect-ratio:.75}.collage-ssio{left:4%;top:2%;width:40%;height:43%}.collage-benno{right:0;top:12%;width:34%;height:35%}.collage-daniel{left:34%;top:38%;width:35%;height:35%;z-index:5}.collage-celo{right:0;top:66%;width:43%;height:29%}.collage-culture{left:0;top:72%;width:45%;height:24%}.collage-caption{padding:22px 8px 8px}.collage-caption strong{font-size:13px}.collage-caption>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.collage-piece,.collage-caption{transition:none}}

/* Compact overlapping composition; keep the campaign framing. */
.case-hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:3%;min-height:0;margin-top:40px;padding:15px 0 75px}.case-hero .hero-copy{width:100%;padding-bottom:20px}.case-hero h1{font-size:clamp(48px,5.3vw,80px)}.case-collage{position:relative;inset:auto;width:100%;max-width:650px;justify-self:end;aspect-ratio:.94;height:auto}.collage-piece img{object-fit:cover;object-position:center}.collage-ssio{left:3%;top:5%;width:39%;height:55%;z-index:2}.collage-benno{right:3%;top:0;width:33%;height:47%;z-index:1}.collage-celo{right:0;top:35%;width:39%;height:55%;z-index:3}.collage-daniel{left:32%;top:49%;width:35%;height:49%;z-index:5}.collage-culture{left:0;top:56%;width:35%;height:42%;z-index:3}.collage-ssio img,.collage-benno img,.collage-celo img,.collage-daniel img,.collage-culture img{object-position:center}.collage-piece:hover,.collage-piece:focus-visible{transform:translateY(-4px);z-index:8}
@media(min-width:1500px){.case-hero{min-height:0}.case-collage{max-width:700px}}
@media(min-width:761px) and (max-width:1050px){.case-hero{min-height:0;grid-template-columns:.95fr 1.05fr;gap:2%;padding-bottom:55px}.case-hero h1{font-size:52px}.case-hero .hero-copy{width:100%}.case-hero .hero-intro{max-width:320px;font-size:16px}}
@media(max-width:760px){.case-hero{display:block;margin-top:0;padding:38px 0 55px}.case-hero .hero-copy{padding:0}.case-hero h1{font-size:clamp(52px,10.5vw,80px)}.case-collage{margin:38px auto 0;max-width:480px;aspect-ratio:.94;width:100%;height:auto}.collage-caption{padding:22px 7px 7px}.collage-caption strong{font-size:12px}.collage-caption>span{font-size:8px}}

.case-collage{max-width:570px;aspect-ratio:1.03}.collage-benno{left:36%;right:auto;top:0}.collage-celo{right:0;top:28%;width:43%;height:60%}.collage-daniel{left:30%;top:51%;width:37%;height:47%}.collage-culture{left:0;top:57%;width:34%;height:41%}@media(min-width:1500px){.case-collage{max-width:620px}}@media(max-width:760px){.case-collage{max-width:460px;aspect-ratio:1.03}}

/* Shared colour treatment for the homepage campaign collage. */
.case-hero{grid-template-columns:.82fr 1.18fr;gap:2%}.case-collage{max-width:650px}.collage-piece{isolation:isolate}.collage-piece img{filter:saturate(.79) contrast(1.035) brightness(.985)}.collage-piece:after{content:"";position:absolute;inset:0;background:rgba(108,38,58,.13);mix-blend-mode:soft-light;pointer-events:none}.collage-caption{display:none!important}
@media(min-width:1500px){.case-collage{max-width:700px}}@media(min-width:761px) and (max-width:1050px){.case-hero{grid-template-columns:.88fr 1.12fr;gap:2%}.case-hero h1{font-size:49px}}
@media(max-width:760px){.case-collage{width:calc(100% + 12px);max-width:500px;margin-left:-6px;margin-right:-6px}}

/* Artist and brand pairing on interaction. */
.case-hero{grid-template-columns:.77fr 1.23fr;gap:2%}.case-collage{max-width:700px}.case-hero h1{font-size:clamp(48px,4.7vw,72px);line-height:1.04;overflow-wrap:normal}.collage-caption{display:flex!important;z-index:2;padding:42px 12px 13px;background:linear-gradient(transparent,rgba(21,23,22,.94));color:#fff}.collage-caption strong{font-size:18px}.collage-caption>span{font:12px/1.4 Arial,Helvetica,sans-serif}.collage-piece:hover .collage-caption,.collage-piece:focus-visible .collage-caption{opacity:1}.collage-piece:focus-visible{outline:3px solid var(--burgundy)}
@media(min-width:1500px){.case-collage{max-width:760px}}@media(min-width:761px) and (max-width:1050px){.case-hero{grid-template-columns:.83fr 1.17fr}.case-hero h1{font-size:clamp(40px,4.8vw,50px)}}
@media(max-width:760px){.case-hero h1{font-size:clamp(46px,9.9vw,68px)}.case-collage{width:calc(100% + 16px);max-width:520px;margin-left:-8px;margin-right:-8px}.collage-caption{padding:26px 7px 8px}.collage-caption strong{font-size:12px}.collage-caption>span{font-size:10px}}
@media(hover:none){.collage-caption{opacity:1}}

/* Editorial direction: typography as navigation, projects as the main visual material. */
.editorial-home .case-hero{padding-bottom:105px;margin-top:45px}.editorial-home .hero-copy .eyebrow{margin-bottom:35px}.editorial-home .hero-intro{max-width:360px}.editorial-home .button{background:none;color:var(--burgundy);border:0;border-bottom:1px solid var(--burgundy);padding:10px 0;min-width:220px}.editorial-home .button:hover{color:var(--ink);border-color:var(--ink)}
.service-stage{background:var(--burgundy-dark);color:var(--paper);padding:42px 0 28px}.service-topline,.service-bottomline{display:flex;justify-content:space-between;gap:30px;align-items:center}.service-topline .eyebrow{margin:0}.service-topline>span,.service-bottomline{font-size:12px;line-height:1.5}.service-composition{display:grid;grid-template-columns:1.4fr .65fr;gap:6%;align-items:center;padding:80px 0 70px}.service-choices{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.service-choice{color:rgba(240,240,238,.48);background:none;border:0;padding:5px 0;text-align:left;letter-spacing:-.065em;line-height:1.05;transition:color .18s;max-width:100%}.service-choice strong{font-size:clamp(30px,4.9vw,73px);font-weight:600;display:block}.service-choice>span{font-size:clamp(20px,2.5vw,38px);display:block;letter-spacing:-.04em;margin-bottom:4px}.service-choice:nth-child(2){margin-left:6%}.service-choice:nth-child(3){margin-left:1%}.service-choice:nth-child(4){margin-left:23%}.service-choice:nth-child(5) strong{font-size:clamp(27px,4.1vw,60px)}.service-choice.active,.service-choice:hover,.service-choice:focus-visible{color:var(--paper)}.service-choice.active strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.service-choice:focus-visible{outline:2px solid var(--paper);outline-offset:6px}.service-visual{min-width:0;align-self:center}.service-image-stack{position:relative;width:100%;max-width:330px;margin-left:auto}.service-image-stack img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;filter:saturate(.79) contrast(1.035)}.service-image-mark{position:absolute;left:-36px;bottom:-29px;font-size:100px;font-weight:900;line-height:1;letter-spacing:-.12em;color:var(--paper);pointer-events:none}.service-description{padding-top:46px;min-height:150px}.service-description p{font-size:16px;line-height:1.6;margin:0}.service-case-link{font-size:11px;line-height:1.6;display:block;padding-bottom:6px;border-bottom:1px solid rgba(240,240,238,.35)}.service-case-link:hover{border-color:var(--paper)}.service-stage a:focus-visible{outline-color:var(--paper)}.service-bottomline{padding-top:24px;border-top:1px solid rgba(240,240,238,.3)}
.editorial-home .work-section{padding-top:100px;padding-bottom:110px}.editorial-home .work-section .section-heading{margin-bottom:65px}.editorial-home .work-section h2{font-size:clamp(55px,7.5vw,110px);line-height:.95;letter-spacing:-.07em}.editorial-home .work-section h2 em{color:var(--burgundy)}.editorial-home .home-cases{grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 24px;align-items:start}.editorial-home .home-cases .case-cover{aspect-ratio:4/5}.editorial-home .home-cases .case-cover img{object-position:center 28%;filter:saturate(.85)}.editorial-home .home-cases .platform-label{display:none}.editorial-home .home-cases .case-play{border-radius:0;width:40px;height:40px}.editorial-home .home-cases h3{font-size:clamp(22px,2vw,30px);letter-spacing:-.045em;margin:13px 0 9px}.editorial-home .home-cases .case-meta{border-top:1px solid var(--line);padding-top:12px;margin-top:16px;gap:10px}.editorial-home .home-cases .case-card p{font-size:13px;line-height:1.5}.editorial-home .contact h2{font-size:clamp(45px,5.5vw,82px)}
@media(max-width:1050px) and (min-width:761px){.service-composition{grid-template-columns:1.35fr .8fr;gap:4%}.service-choice strong{font-size:39px}.service-choice:nth-child(5) strong{font-size:32px}.service-description p{font-size:14px}.service-description{min-height:155px}.service-image-mark{font-size:80px;left:-22px}}
@media(max-width:760px){.editorial-home .case-hero{margin-top:0;padding-bottom:60px}.service-stage{padding-top:30px}.service-topline{align-items:flex-start}.service-topline>span{max-width:135px;font-size:10px}.service-composition{grid-template-columns:1fr;padding:40px 0;gap:35px}.service-choices{gap:6px}.service-choice strong{font-size:clamp(30px,7.9vw,48px)}.service-choice>span{font-size:23px}.service-choice:nth-child(5) strong{font-size:clamp(27px,6.9vw,43px)}.service-choice.active strong{text-underline-offset:5px}.service-visual{display:grid;grid-template-columns:.8fr 1fr;gap:20px;align-items:center}.service-image-stack{grid-row:1/3;align-self:start}.service-image-mark{font-size:56px;left:-3px;bottom:-16px}.service-description{padding:0;min-height:0}.service-description p{font-size:13px;line-height:1.55}.service-case-link{font-size:10px;grid-column:2}.service-bottomline{font-size:10px;gap:20px}.editorial-home .work-section{padding-block:60px}.editorial-home .work-section .section-heading{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:40px}.editorial-home .work-section h2{font-size:clamp(52px,12vw,80px)}.editorial-home .home-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.editorial-home .home-cases h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.service-choice{transition:none}}

@media(min-width:761px) and (max-width:1050px){.editorial-home .home-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.editorial-home .home-cases{grid-template-columns:1fr;gap:38px}.editorial-home .home-cases h3{font-size:27px}}

/* Choreographed motion; existing colours, proportions and grid stay intact. */
.service-image-stack .service-image-outgoing{position:absolute;inset:0;pointer-events:none;z-index:1;margin:0}
.service-image-mark{z-index:2}
@media(prefers-reduced-motion:no-preference){
 html:not(.motion-paused) .collage-piece{transition:transform .65s cubic-bezier(.22,1,.36,1)}
 html:not(.motion-paused) .collage-piece:hover,html:not(.motion-paused) .collage-piece:focus-visible{transform:translateY(-9px) rotate(-1.2deg)}
 html:not(.motion-paused) .case-cover img{transition:transform .8s cubic-bezier(.22,1,.36,1)}
 html:not(.motion-paused) .case-card:hover .case-cover img{transform:scale(1.035)}
 html:not(.motion-paused) .case-play{transition:transform .5s cubic-bezier(.22,1,.36,1),background .3s}
 html:not(.motion-paused) .case-card:hover .case-play{transform:rotate(-8deg)}
}
.motion-paused .collage-piece,.motion-paused .case-cover img,.motion-paused .case-play{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.collage-piece,.case-cover img,.case-play{transition:none!important;transform:none!important}}

/* Expressive wordmark assembly and a clearly visible, continuous M signature. */
.new-wordmark{perspective:900px;isolation:isolate}
.wordmark-letter{display:inline-block;transform-origin:50% 100%;backface-visibility:hidden}
.new-wordmark:after{content:'';position:absolute;left:0;bottom:13px;width:100%;height:2px;background:var(--burgundy);transform-origin:left;animation:brand-sweep 2.4s cubic-bezier(.22,1,.36,1) both;pointer-events:none}
.motion-mark .mark-track{stroke:var(--burgundy);opacity:.24}
.motion-mark .mark-flow{stroke:var(--burgundy);stroke-dasharray:300 420;animation:signature-draw 1.8s cubic-bezier(.65,0,.35,1) both}
.kinetic-i:after{animation:signature-dot 3.2s cubic-bezier(.65,0,.35,1) infinite}
@keyframes brand-sweep{0%,18%{transform:scaleX(0)}65%{transform:scaleX(1)}100%{transform:scaleX(0);transform-origin:right}}
@keyframes signature-draw{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes signature-dot{0%,50%,100%{transform:translateY(0) scale(1)}65%{transform:translateY(-.13em) scale(.78)}80%{transform:translateY(.015em) scale(1.12)}90%{transform:translateY(0) scale(1)}}
@keyframes collage-breathe{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(prefers-reduced-motion:no-preference){
 .editorial-home .collage-piece{animation:collage-breathe 6s ease-in-out 2.5s infinite}
 .editorial-home .collage-piece:nth-child(2){animation-duration:7.3s;animation-delay:2.7s}
 .editorial-home .collage-piece:nth-child(3){animation-duration:5.8s;animation-delay:3.1s}
 .editorial-home .collage-piece:nth-child(4){animation-duration:6.8s;animation-delay:2.9s}
 .editorial-home .collage-piece:nth-child(5){animation-duration:7.8s;animation-delay:3.3s}
 .editorial-home .collage-piece:hover,.editorial-home .collage-piece:focus-visible{animation-play-state:paused}
}
.motion-paused .new-wordmark:after,.motion-paused .collage-piece{animation:none!important;translate:none}
@media(prefers-reduced-motion:reduce){.new-wordmark:after{animation:none;display:none}.editorial-home .collage-piece{animation:none!important;translate:none}}
.motion-paused .motion-mark .mark-flow,.motion-paused .kinetic-i:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.motion-mark .mark-flow,.kinetic-i:after{animation:none!important}}

/* Native chapter scrolling: oversized sections remain freely readable. */
html.chapter-scroll{scroll-snap-type:y mandatory;scroll-padding-top:0}
.editorial-home .site-header{scroll-snap-align:start;scroll-snap-stop:always}
.editorial-home .case-hero,.editorial-home .service-stage,.editorial-home .work-section,.editorial-home .contact{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
.editorial-home .case-hero{min-height:100svh;margin-top:0;padding-top:55px;padding-bottom:55px}
.editorial-home .service-stage{min-height:100svh;display:flex;align-items:center}
.editorial-home .service-stage>.wrap{flex-shrink:0}
@media(max-width:760px){.editorial-home .case-hero{padding-top:38px;padding-bottom:50px}.editorial-home .service-stage{padding-block:30px}}
@media(prefers-reduced-motion:reduce){html.chapter-scroll{scroll-behavior:auto;scroll-snap-type:y proximity}}
@media(min-width:761px) and (min-height:600px){
 .editorial-home .case-collage{max-width:min(700px,calc((100svh - 110px)*1.03))}
 .editorial-home .service-composition{padding-block:30px}
 .editorial-home .service-image-stack{max-width:min(300px,calc((100svh - 280px)*.8))}
 .editorial-home .service-description{min-height:110px;padding-top:35px}
}

/* One compact opening composition; the next chapter covers it like a moving sheet. */
.editorial-home main{position:relative}
.editorial-home .intro-scene{position:sticky;top:0;z-index:0;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;background:var(--paper)}
.editorial-home .intro-surface{min-height:100svh;display:flex;flex-direction:column;transform-origin:50% 30%;background:var(--paper)}
.editorial-home .site-header,.editorial-home .case-hero{scroll-snap-align:none;scroll-snap-stop:normal}
.editorial-home .topline{min-height:60px}
.editorial-home .new-wordmark{font-size:clamp(90px,17.8vw,240px);padding:2px 0 16px;line-height:.8}
.editorial-home .subline{padding-block:10px}
.editorial-home .case-hero{min-height:0;flex:1;margin:0 auto;padding:22px 0 30px;grid-template-columns:1fr 1.15fr;gap:5%;align-content:center}
.editorial-home .hero-copy{padding:0}
.editorial-home .hero-copy .eyebrow{margin-bottom:18px}
.editorial-home .case-hero h1{font-size:clamp(36px,3.7vw,58px);margin-bottom:18px}
.editorial-home .hero-intro{font-size:15px;line-height:1.5;margin-bottom:16px;max-width:360px}
.editorial-home .case-collage{width:100%;max-width:min(560px,calc((100svh - 320px)*1.03));justify-self:center}
.editorial-home .service-stage{position:relative;z-index:2;box-shadow:0 -25px 70px #25141c28;transform-origin:center bottom}
.editorial-home .work-section{position:relative;z-index:3;background:var(--paper)}
.editorial-home .contact{position:relative;z-index:4}
@media(max-width:760px){
 .editorial-home .intro-scene{position:relative;min-height:0}
 .editorial-home .intro-surface{min-height:100svh}
 .editorial-home .topline{min-height:60px}
 .editorial-home .new-wordmark{font-size:21.1vw;padding:8px 0 20px}
 .editorial-home .case-hero{display:grid;grid-template-columns:1fr;padding:25px 0 32px;gap:20px}
 .editorial-home .case-hero h1{font-size:clamp(38px,8.4vw,58px)}
 .editorial-home .case-collage{max-width:360px;width:90%;margin:0 auto}
 .editorial-home .hero-copy .eyebrow{margin-bottom:12px}
}
@media(min-width:761px) and (max-height:650px){
 .editorial-home .intro-scene{position:relative}
 .editorial-home .case-collage{max-width:330px}
 .editorial-home .new-wordmark{font-size:15vw}
}
@media(prefers-reduced-motion:reduce){.editorial-home .intro-scene{position:relative}.editorial-home .service-stage{box-shadow:none}}
.editorial-home .case-hero{align-content:start}
.editorial-home .new-wordmark{font-size:clamp(90px,21.1vw,355px)}
.editorial-home .case-collage{max-width:min(800px,calc((100svh - 380px)*1.03))}
@media(max-width:760px){.editorial-home .case-collage{max-width:360px}}
@media(min-width:761px) and (max-height:650px){.editorial-home .case-collage{max-width:330px}.editorial-home .new-wordmark{font-size:15vw}}
@media(min-width:761px){.editorial-home .case-hero{padding-bottom:18px}}

.editorial-home .intro-scene{scroll-snap-align:none}.intro-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}

/* Selection as a typographic gesture, without an underline. */
.service-choice{position:relative}
.service-choice.active strong{text-decoration:none;transform:translateX(18px)}
.service-choice:before{content:'';position:absolute;left:0;top:50%;width:7px;height:7px;background:var(--paper);opacity:0;transform:translateX(-20px) rotate(-90deg) scale(.3);pointer-events:none}
.service-choice.active:before{opacity:1;transform:translateX(0) rotate(45deg) scale(1)}
.service-choice>span{transition:transform .65s cubic-bezier(.22,1,.36,1)}
.service-choice.active>span{transform:translateX(18px)}
@media(prefers-reduced-motion:no-preference){
 html:not(.motion-paused) .service-choice strong{transition:transform .65s cubic-bezier(.22,1,.36,1)}
 html:not(.motion-paused) .service-choice:before{transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .3s}
}
@media(max-width:760px){.service-choice{max-width:calc(100% - 18px)}}
@media(prefers-reduced-motion:reduce){.service-choice>span{transition:none}}
.motion-paused .service-choice>span{transition:none}

/* Cinematic campaign deck: image-led scenes, native scroll and a complete case archive below. */
.cinematic-intro{position:relative;height:300svh;background:var(--paper)}
.cinema-anchor{position:absolute;left:0;width:1px;height:1px;scroll-snap-align:start;scroll-snap-stop:always;pointer-events:none}
.cinema-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--paper)}
.cinema-header{position:relative;height:72px;display:flex;align-items:center;gap:20px;z-index:10}
.cinema-header .topline{flex:1;min-height:0}.cinema-header .motion-toggle{flex:none}
.cinema-deck{position:absolute;inset:72px 20px 58px;perspective:1500px;isolation:isolate}
.cinema-card{position:absolute;inset:0;overflow:hidden;border-radius:20px;background:var(--burgundy-dark);color:var(--paper);transform-origin:50% 15%;box-shadow:0 12px 55px #250a1830}
.cinema-card:not(:first-child){transform:translateY(120%)}
.cinema-atmosphere{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(28px) saturate(.5);opacity:.55}
.cinema-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(50,15,30,.96) 0%,rgba(50,15,30,.74) 43%,rgba(50,15,30,.12) 100%)}
.cinema-portrait{position:absolute;right:6%;top:0;width:48%;height:100%;object-fit:contain;object-position:center;filter:saturate(.8) contrast(1.04)}
.cinema-signature{position:absolute;left:4%;top:3%;font-size:clamp(70px,12.5vw,190px);font-weight:900;letter-spacing:-.075em;line-height:1;opacity:.16;pointer-events:none}
.cinema-copy{position:absolute;left:5%;bottom:16%;width:50%;z-index:2}
.cinema-copy .eyebrow{font-size:10px;margin-bottom:20px}
.cinema-copy h1,.cinema-copy h2{font-size:clamp(42px,6.3vw,100px);letter-spacing:-.065em;line-height:.94;margin:0 0 20px;font-weight:750}
.cinema-copy h1 span,.cinema-copy h2 span{display:block;font-size:.56em;letter-spacing:-.04em;margin-top:12px}
.cinema-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;margin-bottom:26px}
.cinema-open{display:inline-flex;gap:24px;align-items:center;font-size:12px;border:1px solid #f0f0ee70;padding:13px 17px;border-radius:2px;transition:background .2s}
.cinema-open:hover{background:#f0f0ee20}.cinema-open span{font-size:22px}.cinema-open:focus-visible{outline-color:var(--paper)}
.cinema-bottom{position:absolute;bottom:22px;left:5%;right:4%;display:flex;justify-content:space-between;gap:15px;font:10px monospace;text-transform:uppercase;letter-spacing:.06em;z-index:2}
.cinema-navigation{position:absolute;bottom:0;left:5%;right:5%;height:58px;display:flex;align-items:center;gap:20px;font:11px monospace}
.cinema-navigation>a{position:relative;padding:12px 8px;color:var(--burgundy)}
.cinema-navigation>a[aria-current=true]{font-weight:bold}.cinema-navigation>a[aria-current=true]:before{content:'';position:absolute;bottom:5px;left:8px;right:8px;height:3px;background:var(--burgundy)}
.cinema-navigation .cinema-skip{margin-left:auto;font:12px Arial,Helvetica,sans-serif}
@media(max-width:760px){
 .cinema-header{height:62px;width:calc(100% - 32px);gap:12px}.cinema-header nav{gap:15px;font-size:11px}.cinema-header .nav-contact{padding:8px}.cinema-header .nav-contact span{display:none}
 .cinema-deck{inset:62px 10px 54px}.cinema-card{border-radius:14px}.cinema-portrait{width:100%;right:0;height:76%;top:0;object-position:center top}
 .cinema-wash{z-index:1;background:linear-gradient(0deg,rgba(50,15,30,1),rgba(50,15,30,.86) 21%,transparent 65%)}
 .cinema-signature{font-size:21vw;left:6%;top:3%;z-index:2;opacity:.55}
 .cinema-copy{left:7%;bottom:13%;width:86%}.cinema-copy .eyebrow{margin-bottom:12px;font-size:9px}.cinema-copy h1,.cinema-copy h2{font-size:clamp(36px,10vw,62px);margin-bottom:12px}.cinema-copy h1 span,.cinema-copy h2 span{margin-top:6px}
 .cinema-copy>p:not(.eyebrow){font-size:13px;margin-bottom:15px}.cinema-open{padding:9px 12px;font-size:11px}.cinema-bottom{font-size:8px;left:7%;right:7%;bottom:16px}.cinema-bottom>span:last-child{display:none}.cinema-navigation{height:54px;left:4%;right:4%;gap:12px}
}
@media(max-height:550px) and (min-width:761px){.cinema-copy{bottom:15%}.cinema-copy h1,.cinema-copy h2{font-size:40px}.cinema-copy>p:not(.eyebrow){margin-bottom:12px}.cinema-signature{font-size:90px}}
@media(prefers-reduced-motion:reduce){.cinema-open{transition:none}}

.cinema-deck{overflow:hidden;border-radius:20px}.cinema-header{background:var(--paper)}
@media(max-width:760px){.cinema-deck{border-radius:14px}}
.cinema-navigation>a{display:block!important}

/* Abstract editorial cut: oversized type, displaced image planes and orbit geometry. */
.cinema-card{border-radius:0;background:var(--burgundy-dark)}
.cinema-deck{border-radius:0;inset:72px 14px 58px}
.cinema-wash{background:linear-gradient(90deg,#48202ff5,#48202f99 50%,#48202f33)}
.cinema-signature{font-size:clamp(100px,22vw,340px);left:-1.5%;top:-8%;line-height:1;opacity:.12;transform:rotate(-7deg);letter-spacing:-.09em;z-index:1}
.cinema-number{position:absolute;right:-2%;bottom:-15%;font-size:clamp(230px,40vw,680px);font-weight:900;letter-spacing:-.12em;line-height:1;color:transparent;-webkit-text-stroke:1px #f0f0ee45;z-index:1;pointer-events:none}
.cinema-portrait{right:3%;width:56%;height:108%;top:-4%;object-fit:contain;clip-path:polygon(13% 0,100% 0,87% 100%,0 100%);transform-origin:50% 50%;z-index:2}
.cinema-card-1 .cinema-portrait{right:1%;clip-path:polygon(0 8%,87% 0,100% 94%,13% 100%)}
.cinema-card-2 .cinema-portrait{clip-path:polygon(15% 0,100% 11%,84% 100%,0 89%)}
.cinema-copy{left:5%;bottom:17%;width:58%;z-index:4}
.cinema-copy h1,.cinema-copy h2{font-size:clamp(52px,9.5vw,150px);font-weight:900;letter-spacing:-.075em;line-height:.83;text-shadow:0 2px 30px #38132240;transform:rotate(-3deg);transform-origin:left bottom;margin-bottom:28px}
.cinema-copy h1 span,.cinema-copy h2 span{font-size:.39em;letter-spacing:-.045em;margin-top:17px;padding-left:7%;line-height:1.05}
.cinema-card-1 .cinema-copy h2{transform:rotate(3deg)}
.cinema-card-2 .cinema-copy h2{font-size:clamp(48px,7.8vw,125px)}
.cinema-copy .eyebrow{margin-bottom:26px;letter-spacing:.14em}
.cinema-open{background:var(--paper);color:var(--burgundy-dark);border:none;border-radius:0;padding:12px 18px}
.cinema-open:hover{background:#fff;transform:translateX(5px)}
.cinema-orbit{position:absolute;width:50vw;height:50vw;left:27%;top:-12%;z-index:3;pointer-events:none;opacity:.45}
.cinema-orbit i{position:absolute;inset:0;border:1px solid var(--paper);border-radius:50%;transform:rotate(-28deg) scaleX(.42)}
.cinema-orbit i:nth-child(2){transform:rotate(32deg) scaleX(.42)}.cinema-orbit i:nth-child(3){transform:rotate(92deg) scaleX(.42)}
.cinema-orbit:after{content:'';position:absolute;top:10%;left:26%;width:12px;height:12px;background:var(--paper);border-radius:50%}
.cinema-strip{position:absolute;left:-5%;right:-5%;bottom:55px;overflow:hidden;transform:rotate(-3deg);background:var(--paper);color:var(--burgundy);height:25px;z-index:3;pointer-events:none}
.cinema-strip span{display:block;width:max-content;white-space:nowrap;font:11px/25px monospace;text-transform:uppercase;letter-spacing:.16em;animation:cinema-ticker 22s linear infinite}
.cinema-bottom{bottom:15px;z-index:4;font-size:9px}
@keyframes cinema-ticker{to{transform:translateX(-50%)}}
@keyframes cinema-orbit-turn{to{rotate:360deg}}
@media(prefers-reduced-motion:no-preference){.cinema-orbit{animation:cinema-orbit-turn 48s linear infinite}}
.motion-paused .cinema-strip span,.motion-paused .cinema-orbit{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.cinema-strip span,.cinema-orbit{animation:none!important}}
@media(max-width:760px){
 .cinema-deck{inset:62px 10px 54px}.cinema-signature{font-size:31vw;top:0;left:-3%;opacity:.4}
 .cinema-portrait{right:-10%;width:120%;height:80%;top:0;clip-path:polygon(10% 0,100% 0,89% 100%,0 100%)}
 .cinema-orbit{width:100vw;height:100vw;left:5%;top:8%;opacity:.3}
 .cinema-copy{left:7%;width:86%;bottom:19%}.cinema-copy h1,.cinema-copy h2{font-size:clamp(48px,17vw,85px);margin-bottom:17px}.cinema-card-2 .cinema-copy h2{font-size:clamp(38px,12vw,64px)}
 .cinema-copy h1 span,.cinema-copy h2 span{font-size:.47em;margin-top:10px}.cinema-copy .eyebrow{margin-bottom:18px;font-size:8px}
 .cinema-copy>p:not(.eyebrow){margin-bottom:12px}.cinema-open{padding:10px 12px}.cinema-strip{bottom:42px;height:22px}.cinema-strip span{line-height:22px;font-size:9px}
 .cinema-number{font-size:75vw;bottom:0}.cinema-bottom{font-size:8px}
 .cinema-wash{background:linear-gradient(0deg,#48202f 0%,#48202fe6 27%,#48202f00 75%)}
}
@media(max-height:550px) and (min-width:761px){.cinema-copy h1,.cinema-copy h2,.cinema-card-2 .cinema-copy h2{font-size:55px}.cinema-copy{bottom:23%}.cinema-copy .eyebrow{margin-bottom:12px}.cinema-copy>p:not(.eyebrow){display:none}}
@media(max-width:760px){.cinema-wash{z-index:3;pointer-events:none}.cinema-strip,.cinema-bottom{z-index:5}.cinema-signature{z-index:3}}

/* An open, lateral gallery: neighbouring campaign posters stay in view. */
.cinema-sticky{background:var(--paper)}
.cinema-deck{inset:90px 0 88px;overflow:visible;perspective:1600px}
.cinema-card{left:19%;right:auto;width:62%;top:0;bottom:0;transform-origin:50% 55%;box-shadow:0 24px 50px #48202f33}
.cinema-card:not(:first-child){transform:translateX(110%)}
.cinema-header{background:var(--paper)}
.cinema-navigation{bottom:12px}
.cinema-copy{left:6%;width:68%;bottom:19%}
.cinema-copy h1,.cinema-copy h2{font-size:clamp(48px,7.4vw,118px)}
.cinema-card-2 .cinema-copy h2{font-size:clamp(40px,5.5vw,90px)}
.cinema-copy .eyebrow{font-size:9px;letter-spacing:.08em}
.cinema-signature{font-size:clamp(100px,18vw,280px)}
.cinema-portrait{width:68%;right:-9%;clip-path:polygon(13% 0,100% 0,87% 100%,0 100%)}
.cinema-card-1 .cinema-portrait{right:-9%}
.cinema-orbit{width:48vw;height:48vw;left:9%;top:-10%}
.cinema-number{font-size:35vw}
.cinema-copy>p:not(.eyebrow){font-size:13px;max-width:65%}
.cinema-open{font-size:11px;padding:10px 12px}
.cinema-bottom>span:last-child{display:none}
.cinema-navigation:before{content:'SCROLL TO EXPLORE →';font:9px monospace;letter-spacing:.1em;color:var(--burgundy);margin-right:auto}
.cinema-navigation .cinema-skip{margin-left:auto}
@media(max-width:760px){
 .cinema-deck{inset:76px 0 80px}.cinema-card{left:9%;width:82%}
 .cinema-copy{left:7%;width:86%;bottom:19%}.cinema-copy h1,.cinema-copy h2{font-size:clamp(44px,15vw,80px)}.cinema-card-2 .cinema-copy h2{font-size:clamp(34px,10.5vw,58px)}
 .cinema-copy>p:not(.eyebrow){max-width:100%}.cinema-copy .eyebrow{font-size:8px}
 .cinema-portrait,.cinema-card-1 .cinema-portrait{width:120%;right:-10%;height:80%}.cinema-orbit{width:100vw;height:100vw;left:-10%;top:7%}
 .cinema-signature{font-size:28vw}.cinema-number{font-size:75vw}.cinema-navigation:before{display:none}.cinema-navigation{bottom:9px}
 .cinema-open{font-size:10px;gap:12px}
}
@media(max-height:550px) and (min-width:761px){.cinema-copy h1,.cinema-copy h2,.cinema-card-2 .cinema-copy h2{font-size:45px}.cinema-deck{inset:70px 0 60px}}

/* Services: a typographic composition, with equal-weight titles and generous copy. */
.service-composition{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:6%;padding:65px 0}
.service-choice strong,.service-choice:nth-child(5) strong{font-size:clamp(28px,3.7vw,56px);line-height:1.1}
.service-choice{max-width:calc(100% - 18px)}
.service-visual{display:block;align-self:center}
.editorial-home .service-description{padding-top:0;min-height:300px;display:flex;align-items:center}
.service-description p{font-size:clamp(16px,1.4vw,21px);line-height:1.65}
@media(max-width:1050px) and (min-width:761px){.service-choice strong,.service-choice:nth-child(5) strong{font-size:clamp(26px,3.5vw,39px)}}
@media(max-width:760px){.service-composition{grid-template-columns:1fr;gap:30px;padding:35px 0}.service-choice strong,.service-choice:nth-child(5) strong{font-size:clamp(24px,6.5vw,45px)}.editorial-home .service-description{min-height:260px;align-items:flex-start}.service-description p{font-size:16px;line-height:1.6}.service-topline>span{display:none}}

/* Preserve the wide original NOCCO comment without cropping. */
.case-cover:has(img[src*="/nocco.webp"]){background:#101010}
.case-cover img[src*="/nocco.webp"]{object-fit:contain}
.post-media:has(.post-poster[src*="/nocco.webp"]){background:#101010}
.post-poster[src*="/nocco.webp"]{object-fit:contain}

.post-shell:not(.loaded) .post-media:has(.post-poster[src*="/nocco.webp"]){aspect-ratio:2/1}

/* Film-poster direction and selectable color studies. */
:root[data-colorway="burgundy"]{--paper:#efeeee;--ink:#21191c;--burgundy:#6c263a;--burgundy-dark:#38212b;--line:#21191c30;--film-accent:#dcc6ce}
:root[data-colorway="midnight"]{--paper:#e7e9eb;--ink:#172330;--burgundy:#29465d;--burgundy-dark:#132b3d;--line:#17233030;--film-accent:#b6cfdf}
:root[data-colorway="clay"]{--paper:#eee8e2;--ink:#33231d;--burgundy:#8c452d;--burgundy-dark:#493025;--line:#33231d30;--film-accent:#e8c7ad}
.colorway-switch{position:absolute;right:4%;top:84px;z-index:15;display:flex;gap:5px}
.colorway-switch button{font:10px monospace;text-transform:uppercase;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:9px 10px;border-radius:30px}
.colorway-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.film-masthead{position:absolute;left:3.5%;top:75px;font-size:clamp(70px,15vw,220px);font-weight:900;letter-spacing:-.085em;line-height:.75;color:var(--burgundy-dark);z-index:1;pointer-events:none}
.cinema-header{height:66px;background:var(--paper)}
.cinema-deck{inset:185px 4% 80px;overflow:visible;perspective:1800px}
.cinema-card{left:0;right:0;width:100%;top:0;bottom:0;border-radius:18px;transform-origin:50% 50%;box-shadow:0 15px 60px #0002;color:#f5f3ef;background:var(--burgundy-dark)}
.cinema-atmosphere{inset:0;width:100%;height:100%;filter:blur(32px) saturate(.55);opacity:.6}
.cinema-portrait,.cinema-card-1 .cinema-portrait,.cinema-card-2 .cinema-portrait{top:0;right:0;width:72%;height:100%;clip-path:none;object-fit:cover;object-position:center 35%;z-index:1}
.cinema-wash{z-index:2;background:linear-gradient(90deg,var(--burgundy-dark) 0%,transparent 80%),linear-gradient(0deg,#080e16bd,transparent 70%)}
.cinema-number{right:3%;top:6%;bottom:auto;font:12px monospace;letter-spacing:0;color:#f5f3ef;-webkit-text-stroke:0;z-index:3}
.cinema-copy{left:4%;bottom:15%;width:70%;z-index:4}
.cinema-copy h1,.cinema-copy h2,.cinema-card-1 .cinema-copy h2,.cinema-card-2 .cinema-copy h2{font-size:clamp(54px,7vw,110px);font-weight:600;line-height:.92;letter-spacing:-.07em;transform:none;margin-bottom:17px}
.cinema-copy h1 span,.cinema-copy h2 span{font-size:.48em;margin-top:12px;padding-left:0;letter-spacing:-.035em}
.cinema-copy .eyebrow{margin-bottom:20px;font-size:9px;letter-spacing:.18em}
.cinema-copy>p:not(.eyebrow){font-size:12px;max-width:500px;margin-bottom:20px}
.cinema-open{background:transparent;color:#f5f3ef;border:1px solid #f5f3ef88;border-radius:0;padding:10px 15px}
.cinema-open:hover{color:var(--ink);background:var(--paper)}
.cinema-bottom{left:4%;right:4%;bottom:20px;border-top:1px solid #ffffff45;padding-top:12px;font:8px monospace;letter-spacing:.1em}
.cinema-bottom>span:last-child{display:block}
.cinema-navigation{bottom:8px;z-index:10;background:var(--paper)}
.cinema-navigation:before{content:'SCROLL TO EXPLORE ↓'}
.service-stage{background:var(--burgundy-dark)}
.service-choice{color:color-mix(in srgb,var(--paper) 58%,transparent)}
.service-choice.active,.service-choice:hover,.service-choice:focus-visible{color:var(--paper)}
@media(max-width:760px){
 .cinema-header{height:60px}.film-masthead{top:114px;left:4%;font-size:23vw}.colorway-switch{top:70px;left:4%;right:auto}.colorway-switch button{font-size:9px;padding:7px 9px}
 .cinema-deck{inset:190px 4% 70px}.cinema-card{border-radius:12px}
 .cinema-portrait,.cinema-card-1 .cinema-portrait,.cinema-card-2 .cinema-portrait{width:100%;height:100%;right:0;top:0;object-position:center 30%}
 .cinema-wash{background:linear-gradient(0deg,var(--burgundy-dark),#0b101355 75%,transparent)}
 .cinema-copy{left:7%;width:86%;bottom:17%}.cinema-copy h1,.cinema-copy h2,.cinema-card-1 .cinema-copy h2,.cinema-card-2 .cinema-copy h2{font-size:clamp(38px,11vw,68px)}
 .cinema-copy .eyebrow{font-size:8px;margin-bottom:14px}.cinema-copy>p:not(.eyebrow){font-size:11px}.cinema-bottom{left:7%;right:7%;font-size:7px;bottom:14px}.cinema-bottom>span:last-child{display:none}
 .cinema-open{font-size:10px;padding:8px 10px}.cinema-navigation{height:50px}
}
@media(max-height:650px) and (min-width:761px){.film-masthead{font-size:100px}.cinema-deck{inset:145px 4% 65px}.cinema-copy h1,.cinema-copy h2,.cinema-card-2 .cinema-copy h2{font-size:50px}.cinema-copy>p:not(.eyebrow){display:none}}

.cinema-portrait,.cinema-card-1 .cinema-portrait,.cinema-card-2 .cinema-portrait{object-fit:contain;object-position:70% center}
@media(max-width:760px){.cinema-portrait,.cinema-card-1 .cinema-portrait,.cinema-card-2 .cinema-portrait{object-fit:cover;object-position:center 30%}}

/* Colorway comparison palette. */
:root[data-colorway="burgundy"]{--paper:#efeeee;--ink:#21191c;--burgundy:#6c263a;--burgundy-dark:#38212b;--line:#21191c30;--film-accent:#efeeee}
:root[data-colorway="midnight"]{--paper:#e7e9eb;--ink:#172330;--burgundy:#29465d;--burgundy-dark:#132b3d;--line:#17233030;--film-accent:#e7e9eb}
:root[data-colorway="clay"]{--paper:#eee8e2;--ink:#33231d;--burgundy:#8c452d;--burgundy-dark:#493025;--line:#33231d30;--film-accent:#eee8e2}
:root[data-colorway="silver"]{--paper:#e7e7e7;--ink:#191919;--burgundy:#434343;--burgundy-dark:#202020;--line:#19191930;--film-accent:#e7e7e7}
:root[data-colorway="plum"]{--paper:#eee9f0;--ink:#2f2038;--burgundy:#68476e;--burgundy-dark:#38233e;--line:#2f203830;--film-accent:#eee9f0}
:root[data-colorway="petrol"]{--paper:#e7efee;--ink:#163536;--burgundy:#286368;--burgundy-dark:#173f43;--line:#16353630;--film-accent:#e7efee}
:root[data-colorway="cobalt"]{--paper:#eef0f3;--ink:#19254d;--burgundy:#284cc4;--burgundy-dark:#182f7d;--line:#19254d30;--film-accent:#eef0f3}
:root[data-colorway="coffee"]{--paper:#efe4e4;--ink:#382526;--burgundy:#805859;--burgundy-dark:#402c2d;--line:#38252630;--film-accent:#efe4e4}

.colorway-picker{position:absolute;right:4%;top:82px;z-index:20;font:11px monospace;color:var(--ink)}
.colorway-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:12px 15px;background:var(--paper);border:1px solid var(--line);border-radius:3px}
.colorway-picker summary::-webkit-details-marker{display:none}
.colorway-picker summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
#colorway-name{font-weight:bold}
.colorway-picker .colorway-switch{position:absolute;top:calc(100% + 8px);right:0;left:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px;width:380px;padding:10px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 35px #0002}
.colorway-picker:not([open]) .colorway-switch{display:none}
.colorway-picker .colorway-switch button{display:flex;align-items:center;gap:9px;text-align:left;line-height:1.4;text-transform:none;border-radius:2px;padding:12px 9px;font-size:10px}
.colorway-switch i{display:block;width:14px;height:14px;background:var(--swatch);border:1px solid #fff9;border-radius:50%;flex:none}
@media(max-width:760px){.colorway-picker{left:4%;right:auto;top:67px}.colorway-picker summary{padding:9px 12px;font-size:10px}.colorway-picker .colorway-switch{left:0;right:auto;width:min(360px,92vw)}.colorway-picker .colorway-switch button{font-size:10px;padding:10px 8px}}

/* Additional palette studies, including true monochrome. */
:root[data-colorway="mono"]{--paper:#ffffff;--ink:#090909;--burgundy:#000000;--burgundy-dark:#151515;--line:#09090930;--film-accent:#090909}
:root[data-colorway="noir"]{--paper:#080808;--ink:#ffffff;--burgundy:#ffffff;--burgundy-dark:#181818;--line:#ffffff30;--film-accent:#ffffff}
:root[data-colorway="cherry"]{--paper:#f3eeee;--ink:#341117;--burgundy:#a21835;--burgundy-dark:#4b1420;--line:#34111730;--film-accent:#341117}
:root[data-colorway="violet"]{--paper:#eceaf3;--ink:#281a46;--burgundy:#6743a1;--burgundy-dark:#30204f;--line:#281a4630;--film-accent:#281a46}
:root[data-colorway="sand"]{--paper:#eae2d6;--ink:#292724;--burgundy:#675c4c;--burgundy-dark:#35312b;--line:#29272430;--film-accent:#292724}
:root[data-colorway="ice"]{--paper:#dfeef5;--ink:#17232d;--burgundy:#365c75;--burgundy-dark:#203541;--line:#17232d30;--film-accent:#17232d}
:root[data-colorway="rose"]{--paper:#f1dfe5;--ink:#401d2e;--burgundy:#8d365b;--burgundy-dark:#492437;--line:#401d2e30;--film-accent:#401d2e}
:root[data-colorway="copper"]{--paper:#e5e3e1;--ink:#30251f;--burgundy:#8c5536;--burgundy-dark:#3e2c21;--line:#30251f30;--film-accent:#30251f}

.colorway-picker .colorway-switch{max-height:min(65svh,460px);overflow-y:auto;overscroll-behavior:contain}
html[data-colorway="mono"] .cinema-portrait,html[data-colorway="mono"] .cinema-atmosphere,html[data-colorway="mono"] .case-cover img,html[data-colorway="mono"] .post-poster,html[data-colorway="noir"] .cinema-portrait,html[data-colorway="noir"] .cinema-atmosphere,html[data-colorway="noir"] .case-cover img,html[data-colorway="noir"] .post-poster{filter:grayscale(1)}
html[data-colorway="noir"] .film-masthead{color:#fff}
html[data-colorway="noir"] .service-stage,html[data-colorway="noir"] .contact{color:#fff;background:#181818}
html[data-colorway="noir"] .service-choice{color:#aaa}
html[data-colorway="noir"] .service-choice.active,html[data-colorway="noir"] .service-choice:hover,html[data-colorway="noir"] .service-choice:focus-visible{color:#fff}
html[data-colorway="noir"] .service-choice:before{background:#fff}
html[data-colorway="noir"] .service-stage a:focus-visible,html[data-colorway="noir"] .cinema-open:focus-visible{outline-color:#fff}
html[data-colorway="noir"] .nav-contact,html[data-colorway="noir"] .case-play{background:#fff;color:#080808}
html[data-colorway="noir"] .cinema-open:hover{background:#fff;color:#080808}
html[data-colorway="noir"] .role-tags li{border-color:#777;background:#222;color:#fff}
html[data-colorway="mono"] .cinema-card,html[data-colorway="noir"] .cinema-card{color:#fff}

/* Analog photographic treatment: monochrome grade and fine-grain emulsion. */
html body .cinema-portrait,html body .case-cover img,html body .post-poster{filter:grayscale(1) contrast(1.22) brightness(1.04)!important}
html body .cinema-atmosphere{filter:grayscale(1) blur(28px) contrast(1.12)!important}
.case-cover,.post-media{isolation:isolate}
.case-cover::after,.cinema-card::after,.post-shell:not(.loaded) .post-media::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url('/assets/film-grain.svg'),radial-gradient(ellipse at center,transparent 45%,#0005 100%);background-size:180px 180px,100% 100%;mix-blend-mode:soft-light;opacity:.72;z-index:3}
.case-cover::before,.post-shell:not(.loaded) .post-media::before{content:'';position:absolute;inset:0;pointer-events:none;background:#e2e0db;mix-blend-mode:screen;opacity:.065;z-index:2}
.case-play,.post-media .load-post{z-index:4}
.cinema-card::after{opacity:.65}
.cinema-number{z-index:4}

/* Smudged print: directional ink drag, dense grain and horizontal scan texture. */
.photo-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
html body .cinema-portrait,html body .case-cover img,html body .post-poster{filter:url('#smudged-print')!important}
.case-cover::after,.cinema-card::after,.post-shell:not(.loaded) .post-media::after{background-image:url('/assets/film-grain.svg'),repeating-linear-gradient(0deg,#0009 0px,#0009 .8px,#fff4 1.2px,transparent 2.5px,transparent 3.2px);background-size:120px 120px,100% 100%;background-blend-mode:multiply;mix-blend-mode:hard-light;opacity:.67}
.case-cover::before,.post-shell:not(.loaded) .post-media::before{background:linear-gradient(90deg,#17171733,transparent 25%,#efede42b 60%,#0004),radial-gradient(ellipse at center,transparent 35%,#0005);mix-blend-mode:multiply;opacity:.45}
.cinema-card::after{opacity:.62}

/* Soft monochrome motion print, shared by hero, overview and detail photos. */
.case-cover::after,.cinema-card::after,.post-shell:not(.loaded) .post-media::after{background-image:url('/assets/film-grain.svg');background-size:105px 105px;background-blend-mode:normal;mix-blend-mode:overlay;opacity:.85}
html body .cinema-atmosphere{filter:url('#smudged-print') blur(12px)!important;opacity:.72}
.cinema-card{isolation:isolate}
.cinema-card::after{z-index:3;opacity:.85}
.cinema-wash{background:linear-gradient(90deg,#000b,transparent 75%),linear-gradient(0deg,#0005,transparent 55%)}

/* Reveal original detail on hover and keyboard focus without changing layout. */
html body .photo-sharp{filter:grayscale(1)!important;opacity:0;pointer-events:none;transition:opacity .65s ease!important}
.case-cover,.post-media{position:relative}
.case-cover img.photo-sharp,.post-media img.photo-sharp{position:absolute;inset:0;width:100%;height:100%}
.cinema-card::after,.case-cover::after,.post-media::after{transition:opacity .65s ease}
@media(hover:hover){
 .cinema-card.is-photo-hover .photo-sharp,.case-cover:hover .photo-sharp,.post-media:hover .photo-sharp{opacity:1}
 .cinema-card.is-photo-hover::after,.case-cover:hover::after,.post-media:hover::after{opacity:0}
}
.case-card:has(:focus-visible) .photo-sharp,.post-media:has(:focus-visible) .photo-sharp{opacity:1}
.case-card:has(:focus-visible) .case-cover::after,.post-media:has(:focus-visible)::after{opacity:0}
@media(prefers-reduced-motion:reduce){html body .photo-sharp{transition:none!important}}

/* Retain highlight detail in the brighter portraits. */
html body .cinema-portrait:not(.photo-sharp)[src*="replay"],html body .case-cover img:not(.photo-sharp)[src*="replay"],html body .post-poster:not(.photo-sharp)[src*="replay"]{filter:grayscale(1) brightness(.8) contrast(1.25) blur(2.8px)!important}
html body .cinema-portrait:not(.photo-sharp)[src*="cerave"],html body .case-cover img:not(.photo-sharp)[src*="cerave"],html body .post-poster:not(.photo-sharp)[src*="cerave"]{filter:grayscale(1) brightness(.9) contrast(1.2) blur(2.8px)!important}

/* Culture in Action reveals the untouched color photograph. */
html body .home-cases .case-cover img.photo-sharp{filter:none!important}
@media(hover:hover){.home-cases .case-cover:hover::before{opacity:0}}
.home-cases .case-cover:has(:focus-visible)::before{opacity:0}
.home-cases .case-cover::before{transition:opacity .65s ease}

/* Keep neighboring campaign edges inside the photo stage. */
.cinema-deck{overflow:hidden;border-radius:18px}

.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-links a{font-size:15px;text-decoration:underline;text-underline-offset:5px}
.contact-open{display:flex;justify-content:space-between;align-items:center;width:100%;padding:22px 0;border:0;border-bottom:1px solid currentColor;color:inherit;background:none;font:inherit;font-size:clamp(32px,4vw,60px);cursor:pointer;text-align:left}
#contact-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(620px,100%);height:100dvh;max-height:none;max-width:100%;box-sizing:border-box;border:0;padding:55px 40px;background:var(--paper);color:var(--ink);overflow:auto}#contact-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}#contact-dialog h2{font-size:42px;letter-spacing:-.05em;margin:20px 0 30px}.dialog-close{position:absolute;right:22px;top:14px;background:none;border:0;color:inherit;font-size:32px;cursor:pointer}#inquiry-form{display:grid;gap:17px}#inquiry-form label{display:grid;gap:7px;font-size:14px}#inquiry-form input,#inquiry-form select,#inquiry-form textarea{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:0;padding:12px;background:transparent;color:inherit;font:inherit}#inquiry-form small{font-size:12px}.form-note{font-size:12px;line-height:1.6}.form-note a{text-decoration:underline}.inquiry-submit,.inquiry-copy{padding:16px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer}#inquiry-status{font-size:13px;line-height:1.5}body:has(#contact-dialog[open]){overflow:hidden}.legal-page p{max-width:850px;line-height:1.7}.legal-page a{text-decoration:underline}@media(max-width:600px){#contact-dialog{padding:50px 24px}}

/* Keep the supplied Indeed previews fully visible before video activation. */
.post-shell:not(.loaded) .post-media:has(.post-poster[src$="celo-abdi-jobschecken.png"]){aspect-ratio:1278/680}
.post-shell:not(.loaded) .post-media:has(.post-poster[src$="celo-abdi-stadionsprecher.png"]){aspect-ratio:1004/1332}
.case-cover img[src$="celo-abdi-stadionsprecher.png"]{object-fit:contain;background:#fff}

/* Video activation replaces every preview layer, including the hover copy. */
.post-media .post-poster[hidden],.post-media .load-post[hidden],.post-shell.loaded .post-media .post-poster,.post-shell.loaded .post-media .load-post{display:none!important}
.post-shell.loaded .post-media::before,.post-shell.loaded .post-media::after{content:none!important;display:none!important}
.post-shell.loaded .post-media iframe{position:absolute;inset:0;z-index:1;width:100%;height:100%}
.post-media .load-post{cursor:pointer}

/* A single signature beside the small homepage wordmark. */
.brand-lockup{display:flex;align-items:center;gap:18px}
.brand-tagline{font:9px/1.35 Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:.09em;white-space:nowrap;color:var(--ink)}
@media(max-width:760px){.brand-lockup{align-items:flex-start;flex-direction:column;gap:3px}.brand-tagline{font-size:7px;letter-spacing:.05em}.cinema-header .topline{gap:12px}}
@media(max-width:400px){.cinema-header nav{gap:10px;font-size:10px}.cinema-header .motion-toggle{width:20px;height:20px}}
/* Reveal the original color consistently in both indexes and detail previews. */
html body .case-cover img.photo-sharp,html body .post-media img.photo-sharp{filter:none!important}
.case-cover::before,.post-media::before{transition:opacity .65s ease}
@media(hover:hover){
 .case-card:hover .photo-sharp{opacity:1}
 .case-card:hover .case-cover::before,.case-card:hover .case-cover::after,.post-media:hover::before{opacity:0}
}
.case-card:has(:focus-visible) .case-cover::before,.post-media:has(:focus-visible)::before{opacity:0}

/* Clean contact typography. */
.contact h2 span,.contact .footer-links a,.contact .footer-links a:hover{text-decoration:none}
.contact-open{border-bottom:0}

.colorway-picker{display:none!important}
html body .case-cover.is-touch-revealed .photo-sharp{opacity:1;filter:none!important}
.case-cover.is-touch-revealed::before,.case-cover.is-touch-revealed::after{opacity:0!important}

.mobile-arrow-label{display:none}
@media(max-width:767px),(hover:none) and (pointer:coarse){
 .mobile-hide-arrow,.case-play{display:none!important}
 .mobile-arrow-label{display:inline}
 .cinema-navigation::before{content:'SCROLL TO EXPLORE'}
}