.hero-actions{display:flex;align-items:center;gap:32px;margin:0 0 36px;position:relative;z-index:2}.project-cta{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;background:#eeede5;color:#131312;padding:17px 22px;font:700 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.09em;border:1px solid #eeede5;min-height:48px}.project-cta:hover{background:white}.secondary-cta,.case-link{font:700 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.1em;display:inline-flex;align-items:center;gap:30px;min-height:44px}.secondary-cta{text-decoration:underline;text-underline-offset:6px}.case-link{margin-top:14px;border-bottom:1px solid #77776f}.project-info h3 a:hover{text-decoration:underline;text-underline-offset:5px}.clients.section{padding-top:36px;padding-bottom:42px;background:#111110}.clients:before{display:none}.client-names{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:30px}.client-names a{font:500 clamp(22px,3vw,42px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.06em}.client-names a:hover{color:#fff;text-decoration:underline;text-underline-offset:8px}.world-note{font:700 13px/1.5 Manrope,Arial,sans-serif!important;letter-spacing:.12em;margin:30px 0!important;display:flex;align-items:center;gap:25px}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:48px}.service-layout h2{position:sticky;top:130px;align-self:start}.service-list>a{display:flex;align-items:start;gap:22px;padding:26px 0;border-top:1px solid #77776f}.service-list>a>span:last-child{margin-left:auto;font-size:22px}.service-list h3{font:500 25px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 9px}.service-list p{color:#c3c3b9;font-size:14px;max-width:310px;margin:0}.services:before{background-position:center,center center;opacity:.45}.process.section{background:#e9e8df;color:#181817}.process:before{display:none}.process h2{margin:32px 0 46px;font-size:clamp(48px,6vw,90px)}.process .section-top{border-color:#818179}.process-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.process-steps li{border-top:1px solid #99998e;padding-top:22px}.process-steps span{font:700 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.1em}.process-steps h3{font:500 26px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:28px 0 12px}.process-steps p{font-size:14px;max-width:310px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:8%}.faq h2{font-size:clamp(45px,5vw,76px);margin:26px 0}.faq .text-link{font-size:10px;max-width:100%;gap:14px}.faq-list details{border-top:1px solid #77776f;padding:22px 0}.faq-list details:last-child{border-bottom:1px solid #77776f}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;font-size:16px;min-height:32px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:14px;color:#c3c3b9;max-width:500px;line-height:1.8}.contact h2{font-size:clamp(50px,8.3vw,128px);line-height:1;overflow-wrap:normal}.contact h2 span{white-space:normal}.project-form{min-width:0}.project-form label{font-size:12px!important;display:flex;flex-direction:column;gap:8px;min-width:0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project-form input,.project-form textarea,.project-form select{width:100%;min-width:0;font:400 16px/1.5 Manrope,Arial,sans-serif!important;border:0;border-bottom:1px solid #77776f;border-radius:0;background:transparent;color:#f1f0e9;padding:12px 0!important}.project-form select{color-scheme:dark;min-height:49px}.project-form option{background:#191918;color:#f1f0e9}select:focus-visible{outline:3px solid #fff;outline-offset:4px}.upload-label{border:1px dashed #77776f;padding:20px;cursor:pointer}.upload-label>span{color:#c3c3b9;font-size:11px}.project-form input[type=file]{border:0;font-size:12px!important;padding-bottom:0!important}.project-form input::file-selector-button{border:1px solid #999;background:transparent;color:#eee;padding:10px;margin:0 12px 8px 0;cursor:pointer}.photo-previews{display:flex;gap:12px;flex-wrap:wrap}.photo-previews img{width:90px;height:90px;object-fit:cover}.project-form .form-note{margin:0;line-height:1.7}.project-form .form-note:empty{display:none}#inquiry-preview{width:min(600px,calc(100vw - 32px));height:auto;max-height:85dvh;padding:35px;background:#181817;color:#f1f0e9;border:1px solid #777;overflow:auto}#inquiry-preview h2{font-size:40px}#inquiry-preview p{font-size:13px}#inquiry-preview dl{overflow-wrap:anywhere;white-space:pre-wrap}#inquiry-preview dt{font-weight:bold;margin-top:18px;font-size:12px}#inquiry-preview dd{margin:5px 0;font-size:14px}#inquiry-preview>.close-inquiry:first-child{float:right;border:0;background:none;color:inherit;font-size:28px;width:44px;height:44px}#inquiry-preview::backdrop{background:#000c}
.editorial-page{padding-top:60px}.editorial-page .page-intro{padding:30px 4.5% 60px}.editorial-page h1{font:400 clamp(70px,11vw,170px)/.92 Display,Impact,sans-serif;margin:32px 0;letter-spacing:-.015em}.page-lede{max-width:600px;font-size:17px;color:#c8c8be;line-height:1.7}.project-filters{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.project-filters button{background:transparent;border:1px solid #77776f;color:inherit;padding:12px 18px;font-size:12px;min-height:44px}.project-filters button[aria-pressed=true]{background:#eeede5;color:#111}.project-index{padding:0 4.5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.project-index article:first-child{grid-column:1/-1}.project-index article[hidden]{display:none}.project-index picture{display:block;background:#242423}.project-index img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}.project-index article:first-child img{aspect-ratio:2}.project-index h2{font:500 26px/1.3 Manrope,Arial,sans-serif;margin:16px 0 4px;letter-spacing:-.04em}.project-index p{font-size:11px;letter-spacing:.1em;color:#c8c8be}.project-index a:hover h2{text-decoration:underline;text-underline-offset:5px}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #77776f;gap:25px;margin:40px 0 0;padding-top:20px}.project-meta dt{font:700 11px/1.5 Manrope,sans-serif;letter-spacing:.1em;color:#c8c8be}.project-meta dd{margin:8px 0;font-size:16px}.case-photos{padding:0 4.5%;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.case-photos figure{margin:0}.case-photos figure:first-child{grid-column:1/-1}.case-photos img{width:100%;height:auto}.case-photos figcaption{font-size:11px;color:#c8c8be;padding:12px 0 25px}.case-bottom{padding:70px 4.5%}.case-bottom>p{max-width:660px;line-height:1.8;color:#c8c8be}.case-bottom h2{font-size:clamp(45px,6vw,90px);margin:35px 0}.case-bottom .project-cta{margin:15px 0 30px}.subpage-header nav{gap:25px}.subpage-footer{padding:35px 4.5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:760px){.hero-actions{gap:18px;flex-wrap:wrap;margin:0 0 30px}.hero-actions .project-cta{padding:14px 18px;gap:25px}.hero-actions .secondary-cta{font-size:10px;gap:12px}.client-names{display:grid;grid-template-columns:1fr 1fr;gap:28px}.client-names a{font-size:26px}.service-layout,.faq{grid-template-columns:1fr;gap:35px}.service-layout h2{position:static;font-size:58px}.service-list h3{font-size:23px}.process-steps{grid-template-columns:1fr;gap:28px}.process-steps h3{margin-top:16px}.process-steps p{max-width:none}.process h2{font-size:50px}.contact h2{font-size:clamp(40px,9.8vw,74px)}.form-pair{grid-template-columns:1fr;gap:20px}.project-form{gap:22px}.faq h2{font-size:52px}.editorial-page{padding-top:15px}.editorial-page .page-intro{padding-top:20px;padding-bottom:35px}.editorial-page h1{font-size:clamp(56px,14vw,100px)}.project-index{grid-template-columns:1fr;gap:35px}.project-index article:first-child img,.project-index img{aspect-ratio:1.45}.case-photos{grid-template-columns:1fr;gap:12px}.project-meta{grid-template-columns:1fr 1fr;gap:15px}.case-bottom{padding-top:40px}.subpage-header nav{display:flex;position:static;flex-direction:row;background:none;border:0;padding:0;gap:18px}.subpage-header nav a{border:0;padding:8px 0;font-size:11px}.subpage-header .contact-link{display:none}.subpage-footer{padding-bottom:30px}}

.display-settings{font-size:12px}.display-settings summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.display-settings button{margin:8px 0;min-height:44px}.display-settings[open]{padding:10px;border:1px solid #777;}.process .section-top>p{color:#33332d}

/* Continuous client wordmark strip. Duplicate is decorative only. */
.clients.section{padding-left:0;padding-right:0;overflow:hidden}.clients>.eyebrow{padding:0 4.5%}.client-strip{overflow:hidden;margin-top:30px}.client-strip-track{display:flex;width:max-content;animation:client-drift 48s linear infinite;will-change:transform}.client-strip-group{display:flex;align-items:center;flex-shrink:0;gap:64px;padding-right:64px}.client-strip-group>span{font:500 clamp(25px,3vw,42px)/1.4 Manrope,Arial,sans-serif;letter-spacing:-.04em;white-space:nowrap}.client-strip:hover .client-strip-track,.client-strip:focus-within .client-strip-track{animation-play-state:paused}@keyframes client-drift{to{transform:translateX(-50%)}}
html[data-motion-paused=true] .client-strip-track{animation:none;transform:none;width:auto;will-change:auto}html[data-motion-paused=true] .client-strip-group{flex-wrap:wrap;gap:24px 40px;padding:0 4.5%;width:100%}html[data-motion-paused=true] .client-strip-group[aria-hidden=true]{display:none}
@media(max-width:760px){.client-strip-group{gap:38px;padding-right:38px}.client-strip-track{animation-duration:40s}.client-strip-group>span{font-size:27px}}
@media(prefers-reduced-motion:reduce){.client-strip-track{animation:none;transform:none;width:auto;will-change:auto}.client-strip-group{flex-wrap:wrap;gap:24px 40px;padding:0 4.5%;width:100%}.client-strip-group[aria-hidden=true]{display:none}}

.cta-arrow{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}.project-cta .cta-arrow{width:22px;height:22px}.subpage-header nav a{display:inline-flex;align-items:center;gap:8px}
.project-viewer{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#111110;color:#f1f0e9;overflow:auto}.project-viewer::backdrop{background:#111}.project-viewer-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 4.5%;background:#111110f5;border-bottom:1px solid #ffffff35;font-size:12px}.project-viewer-bar button{display:flex;align-items:center;gap:15px;min-height:44px;padding:8px 12px;border:1px solid #777;background:none;color:inherit;font:inherit}.project-viewer-content.editorial-page{padding-top:0}.project-loading{padding:60px 4.5%}.project-viewer .page-intro{padding-top:20px}@media(max-width:760px){.project-viewer-bar{padding-top:calc(12px + env(safe-area-inset-top,0px))}}

/* Quiet creative signature; no added requests or loading delay. */
.design-credit{font:500 10px/1.6 Manrope,Arial,sans-serif;letter-spacing:.13em;color:#bdbdb5;white-space:nowrap}.footer-signature{display:flex;justify-content:space-between;align-items:center;gap:16px 30px;flex-basis:100%;width:100%;grid-column:1/-1;padding-top:18px}.footer-copyright{font:400 12px/1.6 Manrope,Arial,sans-serif;color:#d2d1c9}.intro-credit{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;margin:0;padding:12px 16px;color:#deded7;z-index:1}.intro-credit:before{content:'';position:absolute;inset:-30px 0 -20px;z-index:-1;background:linear-gradient(transparent,rgba(0,0,0,.85))}
@media(max-width:480px){.footer-signature{flex-wrap:wrap;gap:10px 24px}.intro-credit{bottom:max(14px,env(safe-area-inset-bottom));font-size:10px}}
@media(max-height:480px){.intro-center .intro-graffiti{width:min(72vw,100vh)}.intro-center{gap:12px}.intro-credit{bottom:max(4px,env(safe-area-inset-bottom));padding:8px 16px}}

.hero h1.mural-headline{font-size:clamp(64px,9.4vw,148px);line-height:.95;text-transform:uppercase}.mural-headline .round-link{bottom:8%}@media(max-width:760px){.hero h1.mural-headline{font-size:15.8vw;line-height:1;margin:24px 0 26px}}
/* A restrained client ribbon: original logos, with typographic name fallbacks. */
.client-logo.client-puma img{width:120px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}
.client-logo.client-wooooof img{width:132px;height:132px;object-fit:contain;filter:none;opacity:1}
.client-logo.client-chopshop img{width:90px;height:96px;object-fit:contain;filter:none;opacity:1;mix-blend-mode:screen}
.client-logo.client-kuli img{width:96px;height:96px;object-fit:contain;filter:none;opacity:1;border-radius:50%}
.client-strip{border-block:1px solid #20201e26;padding:28px 0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.client-strip-group>span{display:flex;align-items:center;justify-content:center;min-width:150px;min-height:58px;font-size:24px;letter-spacing:.02em;font-weight:700}
@font-face{font-family:IntroBlackletter;src:url('assets/unifrakturcook-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.intro-loader .intro-credit{font-family:IntroBlackletter,Georgia,serif;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.02em;text-transform:lowercase;color:#96958f;text-shadow:none!important;-webkit-text-stroke:0;filter:none;bottom:max(10px,env(safe-area-inset-bottom));padding:6px 16px}
.client-strip-group>span::after{content:'+';font:20px Arial;color:#e6393f;margin-left:54px}
.client-logo img{width:180px;height:44px;object-fit:contain}
.client-logo img{filter:brightness(0) invert(1);opacity:.85}
.client-logo.client-jager img{width:100px;height:93px;object-fit:contain;filter:invert(1) brightness(1.08);mix-blend-mode:screen;opacity:.92}
@media(max-width:760px){.client-strip{padding:20px 0}.client-strip-group>span{min-width:120px;font-size:20px}.client-logo img{width:150px;height:38px}.client-strip-group>span::after{margin-left:28px}}

/* A screening poster becomes an inline cinema, with a stable footprint. */
.portrait-story{--ease-out:cubic-bezier(.23,1,.32,1);position:relative;isolation:isolate;display:block;padding:0;min-height:0;aspect-ratio:4/5;overflow:hidden;background:#10100f}
.portrait-story:after{display:none}
.portrait-film-cover{position:absolute;inset:0;z-index:2;transition:opacity 220ms var(--ease-out)}
.portrait-film-cover>img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;pointer-events:none;z-index:0}
.portrait-film-ticket{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:28px;background:#e9e8df;color:#181817;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:5px solid #e6393f}
.portrait-film-title{font:400 clamp(26px,3vw,44px)/.97 Display,Impact,sans-serif;letter-spacing:-.02em}
.portrait-film-trigger{position:relative;display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:64px;padding:8px 0;border:0;background:none;color:#181817;cursor:pointer;text-align:left;font:800 12px/1.3 Manrope,Arial,sans-serif}
.portrait-film-trigger svg{width:48px;height:48px;border:1px solid currentColor;border-radius:50%;transition:transform 160ms var(--ease-out)}
.portrait-film-trigger small{display:block;margin-top:5px;font:600 9px/1.4 Manrope,Arial,sans-serif;letter-spacing:.04em}
.portrait-film-card{position:absolute;inset:0;background:#10100f;visibility:hidden}
.portrait-film{width:100%;height:100%;display:block;object-fit:contain;accent-color:#e6393f}
.portrait-film::cue{color:white;background:#111e;font:700 clamp(20px,2vw,28px)/1.4 Arial,sans-serif}
.portrait-film-reset{position:absolute;right:12px;top:12px;z-index:3;border:1px solid #ffffff70;background:#151515;color:#fff;min-height:44px;padding:10px 14px;font:700 10px/1.2 Manrope,Arial,sans-serif}
.portrait-film-reset span{font-size:18px;margin-left:12px}
.portrait-film-status{position:absolute;left:16px;right:16px;top:64px;background:#151515;color:white;padding:12px;font-size:13px}
.portrait-story.is-playing .portrait-film-cover{opacity:0;visibility:hidden;pointer-events:none}
.portrait-story.is-playing .portrait-film-card{visibility:visible}
.portrait-story [hidden]{display:none!important}
.portrait-film-trigger:focus-visible,.portrait-film-reset:focus-visible{outline:3px solid #e6393f;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.portrait-film-trigger:hover svg{transform:scale(1.08)}}
@media(max-width:760px){.portrait-story{aspect-ratio:3/4}.portrait-film-ticket{padding:16px;gap:12px}.portrait-film-title{font-size:28px}.portrait-film-trigger{gap:8px;font-size:11px}.portrait-film-trigger svg{width:40px;height:40px}.portrait-film-trigger small{font-size:8px}.client-logo.client-jager img{width:82px;height:76px}}
.portrait-film-teaser{position:absolute;top:20px;right:20px;z-index:2;width:29%;aspect-ratio:9/16;padding:0;border:3px solid #e9e8df;background:#111;box-shadow:0 12px 32px #0007;transform:rotate(3deg);cursor:pointer;overflow:hidden;color:#fff}
.portrait-film-teaser video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.portrait-film-teaser>span{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#151515;padding:10px 4px;font:800 10px/1 Manrope,Arial,sans-serif}
.portrait-film-teaser svg{width:22px;height:22px}
.portrait-film-ticket{flex-wrap:wrap}
.portrait-film-trigger{justify-content:center;flex:1 0 100%;background:#e6393f;color:#fff;padding:12px 20px;font-size:18px;min-height:72px}
.portrait-film-trigger small{font-size:10px}
.portrait-film-trigger svg{border:0;width:48px;height:48px}
.portrait-film-title{font-size:clamp(26px,2.8vw,40px)}
.portrait-film-teaser:focus-visible{outline:3px solid #e6393f;outline-offset:4px}
@media(max-width:760px){.portrait-film-teaser{top:12px;right:12px;width:28%}.portrait-film-teaser>span{font-size:8px;padding:6px 2px}.portrait-film-ticket{gap:10px;padding:14px 16px}.portrait-film-title{font-size:25px}.portrait-film-trigger{font-size:17px;min-height:60px;padding:6px 12px}.portrait-film-trigger small{font-size:9px}.portrait-film::cue{font-size:20px}}
@media(prefers-reduced-motion:reduce){.portrait-film-cover,.portrait-film-trigger svg{transition:none}.portrait-film-trigger:hover svg{transform:none}}
