/* V4: a clear portfolio with an optional change of scene. */
:root{--pad:clamp(20px,3.5vw,64px);--bg:#f5f2e9;--ink:#242a29;--muted:#555e59;--line:#bcc2b9;--panel:#e7e9e1;--accent:#a82b23;--display:Arial,Helvetica,sans-serif;--radius:0}
html{scroll-padding-top:100px}body{overflow-anchor:none;overflow-x:clip}h1,h2,h3{font-family:var(--display)}html[data-type="editorial"]{--display:Georgia,'Times New Roman',serif}html[data-type="mono"]{--display:'Courier New',monospace}html[data-type="editorial"] h1,html[data-type="editorial"] h2,html[data-type="editorial"] h3{letter-spacing:-.04em}html[data-type="mono"] h1{font-size:clamp(31px,3.5vw,58px);letter-spacing:-.055em}
html[data-theme="color"]{--bg:#d6e7e9;--ink:#182d34;--muted:#3f5860;--line:#91aeb5;--panel:#bed5da;--accent:#8b2f29}
.js-only{display:none}.site-ready .js-only{display:flex}a,button,summary{min-height:24px}summary{cursor:pointer}.site-header{position:sticky;top:0;z-index:40;height:76px;margin:0;padding:0 var(--pad);gap:22px;background:var(--bg)}.wordmark{font-size:16px;min-width:125px;letter-spacing:-.06em;padding:0}.studio-wordmark{white-space:nowrap}.mark-dot{padding-left:5px}.cinema-wordmark{display:none;width:110px;height:62px;object-fit:contain}.site-header nav{margin-left:auto;gap:25px;font-size:14px}.header-actions{display:flex;align-items:center;gap:15px}.mode-toggle{border-radius:30px;padding:10px 16px;min-height:44px;font-size:13px;gap:8px;align-items:center;white-space:nowrap;color:var(--bg);background:var(--ink);border-color:var(--ink)}.mode-dot{width:7px;height:7px;border-radius:50%;background:#b9e4e9}.menu-toggle{min-height:44px}
.appearance{position:relative}.appearance>summary{list-style:none;display:flex;gap:12px;align-items:center;font-size:14px;min-height:44px}.appearance>summary::-webkit-details-marker{display:none}.appearance>summary span{font-size:20px}.appearance[open]>summary span{transform:rotate(45deg)}.appearance-panel{position:absolute;top:54px;right:0;width:335px;padding:23px;background:var(--bg);border:1px solid var(--ink);box-shadow:0 18px 45px #0002;z-index:50}.panel-title{font-family:var(--display);font-size:24px;margin-bottom:20px;line-height:1.2}.appearance fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}.appearance legend{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:9px}.option-row{display:flex;gap:7px;flex-wrap:wrap}.option-row button,.panel-close{padding:9px 12px;font-size:13px;min-height:44px}.option-row button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.panel-close{border:0;border-bottom:1px solid var(--line);padding:8px 0;margin-top:18px}.cinema-mood-note{display:none;font-size:13px;margin:-10px 0 18px;color:var(--muted)}
.intro{margin:27px var(--pad) 28px;align-items:center;gap:20px}.intro h1{font-size:clamp(40px,4.25vw,68px);letter-spacing:-.06em;line-height:1.05}.intro .eyebrow{font-size:12px;letter-spacing:.09em;margin-bottom:12px}.intro-line{font-size:15px;color:var(--muted);margin-top:12px}.projector-rig{flex:0 0 200px;position:relative;width:200px;height:98px;align-self:center}.projector-eyes{position:relative;width:200px;transform:none}.projector-eyes svg{display:block;width:100%;height:auto}.eye-iris{transition:transform 260ms ease-out}.eye-lid{transform-box:fill-box;transform-origin:center;transition:transform 120ms ease}.projector-eyes.is-blinking .eye-lid{transform:scaleY(.06)}.projector-rig:after{content:'';position:absolute;bottom:2px;right:26px;width:100px;height:2px;background:var(--accent);transform:rotate(-3deg);opacity:.4}
.home .selection .section-title{padding:0;margin-bottom:19px}.section-title h2{font-size:14px;text-transform:uppercase;letter-spacing:.06em}.section-title h2 span{font-size:12px}.text-link{font-size:14px;min-height:30px}.section{padding-bottom:55px}.selected-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:35px 26px;align-items:start}
.selected-grid .project-card,.selected-grid .card-wiggle,.selected-grid .card-mmlg,.selected-grid .card-were-your-parents{grid-column:span 2;grid-row:auto;display:block;margin:0;padding:0;border:0}.selected-grid .card-poppy-lissiman,.selected-grid .card-frame{grid-column:span 3}.selected-grid .project-image{height:auto;aspect-ratio:1.5}.selected-grid .card-poppy-lissiman .project-image,.selected-grid .card-frame .project-image{aspect-ratio:1.62}.project-image{border-radius:0;transition:transform .25s ease,box-shadow .25s ease}.project-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-image:hover img{transform:scale(1.025)}.project-image:hover,.project-image:focus-visible{transform:translateY(-3px);box-shadow:0 10px 24px #0001}.project-image:focus-visible img{transform:scale(1.025)}.card-frame .project-image img{padding:0;object-fit:contain}.card-wiggle .project-image img{padding:0}.card-mmlg .project-image img{padding:7%}.image-arrow{height:34px;width:34px;font-size:20px}.project-caption,.selected-grid .card-wiggle .project-caption{padding:16px 0 0;align-items:start}.project-caption h3,.selected-grid .card-wiggle h3{font-size:27px;letter-spacing:-.04em}.project-caption .project-role{font-size:12px;color:var(--muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.project-number,.selected-grid .card-wiggle .project-number{display:block;font-size:12px;color:var(--muted);padding-top:3px}.project-intro{margin-top:12px;font-size:15px;line-height:1.55;max-width:50ch;color:var(--muted)}.project-preview{border-top:1px solid var(--line);margin-top:17px}.project-preview>summary{list-style:none;min-height:44px;padding:13px 0 9px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.project-preview>summary::-webkit-details-marker{display:none}.project-preview[open]>summary span{transform:rotate(45deg)}.project-preview summary span{font-size:22px;transition:transform .2s}.preview-content{padding:6px 0 15px}.preview-role{font-size:14px;margin-bottom:18px}.inline-media{display:grid;gap:18px;margin-bottom:20px}.inline-media .zoom img{max-height:480px;object-fit:contain;background:var(--panel)}.gallery-item figcaption{font-size:13px;line-height:1.5}.zoom-cue{width:34px;height:34px}.studies-section .study-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.studies-section .project-image{aspect-ratio:1}.studies-section .project-caption h3{font-size:23px}.study-grid .project-number{display:none}.study-grid .card-prometheus img{padding:3%}
.archive-invitation{margin:15px var(--pad) 65px;display:grid;grid-template-columns:1fr 1.6fr;gap:6vw;align-items:center}.archive-invitation h2{font-size:clamp(35px,4vw,62px);letter-spacing:-.05em;line-height:1.05}.archive-invitation p:not(.eyebrow){color:var(--muted);font-size:15px;margin:20px 0}.archive-invitation>a{overflow:hidden}.archive-invitation img{aspect-ratio:1.55;object-fit:cover;transition:transform .6s}.archive-invitation>a:hover img{transform:scale(1.025)}.recent-strip{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;margin:15px var(--pad) 70px;background:var(--panel);gap:6vw}.recent-image{display:block;height:380px;overflow:hidden}.recent-image img{height:100%;width:100%;object-fit:cover}.recent-strip>div{padding:30px 30px 30px 0}.recent-strip h2{font-size:clamp(34px,3.4vw,52px);letter-spacing:-.04em;line-height:1.08}.recent-strip>div>p:last-child{font-size:15px;margin-top:20px;color:var(--muted)}
.page-heading{padding-top:45px}.page-heading h1{font-size:clamp(43px,6vw,86px)}.page-heading .lead{font-size:21px}.story-row{max-width:1150px;gap:50px;padding:25px 0}.story-row h2{font-size:27px}.story-row p{font-size:17px;line-height:1.7;max-width:70ch}.contribution-row p{color:var(--ink)}.case-notes p{font-size:14px}.about-copy p{font-size:19px;letter-spacing:-.015em}.about-copy p:last-of-type{font-size:16px}.archive-intro{margin:0 var(--pad) 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.archive-sequence{max-width:1240px;margin:0 auto;padding:0 var(--pad) 60px;display:grid;gap:42px}.archive-sequence img{width:100%;height:auto}.archive-sequence figcaption{padding-top:13px}.archive-page .page-heading{max-width:1240px;margin:0 auto;text-align:center;padding-left:var(--pad);padding-right:var(--pad)}.archive-page .lead{margin-left:auto;margin-right:auto}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-page .archive-intro{max-width:1140px;margin-left:auto;margin-right:auto;padding:0 20px}
.footer-base{font-size:13px;gap:22px;flex-wrap:wrap}.footer-base a{padding:6px 0}.footer-top p{font-size:15px}.image-dialog{padding:0 18px 20px;max-height:94dvh}.dialog-bar{position:sticky;top:0;z-index:2;background:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0}.dialog-bar>div{display:flex;gap:8px}.dialog-bar button{position:static;min-width:44px;min-height:44px;border:1px solid var(--line);padding:8px 13px}.dialog-counter{font-size:14px}.image-dialog img{max-height:74dvh;object-fit:contain}.image-dialog>p{font-size:14px;line-height:1.4;margin-top:16px}.filters{display:none}.site-ready .filters{display:flex}
.projection-transition{position:fixed;inset:0;z-index:39;background:#0b1010ed;display:grid;place-content:center;justify-items:center;pointer-events:none;opacity:0;clip-path:ellipse(0% 0% at var(--origin-x,85%) var(--origin-y,30px));transition:clip-path .35s cubic-bezier(.19,1,.22,1),opacity .2s}.projection-transition.is-open{opacity:1;clip-path:ellipse(150% 150% at var(--origin-x,85%) var(--origin-y,30px))}.projection-transition.is-leaving{opacity:0;clip-path:ellipse(150% 150% at 50% 50%)}.projection-transition>img{max-width:86vw;max-height:76vh;width:auto;height:auto;object-fit:contain}.transition-caption{font-size:14px;color:#e7f1f0;margin-top:18px}.transition-light{display:none}
html[data-mode="cinema"][data-theme="ink"]{--bg:#101615;--ink:#f2f0e5;--muted:#b8c5c1;--line:#52625e;--panel:#22302b;--accent:#bce2e8;color-scheme:dark}html[data-mode="cinema"] .studio-wordmark{display:none}html[data-mode="cinema"] .cinema-wordmark{display:block}html[data-mode="cinema"] .mode-dot{background:#a82b23}html[data-mode="cinema"] .mode-toggle{background:#d4e8e9;color:#152a2d}html[data-mode="cinema"] .selected-grid{grid-template-columns:1fr;gap:60px}html[data-mode="cinema"] .selected-grid .project-card{grid-column:1;max-width:1250px;width:100%;margin:0 auto}html[data-mode="cinema"] .selected-grid .project-image{aspect-ratio:auto;height:min(68vw,730px);background:var(--panel)}html[data-mode="cinema"] .selected-grid .project-image img{object-fit:contain;padding:0}html[data-mode="cinema"] .selected-grid .project-caption h3{font-size:38px}html[data-mode="cinema"] .selected-grid .preview-content .inline-media{grid-template-columns:1fr 1fr}html[data-mode="cinema"] .gallery-grid{grid-template-columns:1fr;gap:45px;max-width:1250px;margin:auto}html[data-mode="cinema"] .case-hero .zoom img{max-height:85vh}html[data-mode="cinema"] .cinema-mood-note{display:block}html[data-mode="cinema"] .eye-brow{fill:#f2eee0}
@media(max-width:1100px){.site-header{gap:16px}.site-header nav{gap:16px;font-size:13px}.wordmark{min-width:100px;font-size:14px}.header-actions{gap:12px}.mode-toggle{padding:10px 12px}.selected-grid{gap:30px 20px}.projector-rig,.projector-eyes{width:170px}.projector-rig{flex-basis:170px}.project-caption h3,.selected-grid .card-wiggle h3{font-size:24px}.studies-section .study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--bg);padding:22px var(--pad);border-bottom:1px solid var(--line);gap:4px;align-items:stretch;flex-direction:column}.site-header nav.open{display:flex}.site-header nav a{font-size:18px;padding:12px 0}.site-header nav .resume-link{width:max-content;padding:10px 16px;margin-top:7px}.header-actions{margin-left:auto}.menu-toggle{display:flex;border:0;align-items:center;gap:9px;padding:8px 0;font-size:14px}.menu-toggle span{font-size:20px}.appearance-panel{right:-175px}.about-layout{gap:30px}.archive-invitation{gap:30px}}
@media(max-width:700px){:root{--pad:20px}.site-header{height:72px;gap:8px}.site-header nav{top:71px}.wordmark{font-size:13px;min-width:86px}.header-actions{gap:13px}.mode-toggle{font-size:12px;min-height:44px;padding:10px}.mode-dot{display:none}.appearance>summary{font-size:13px;gap:5px}.menu-toggle{font-size:13px;gap:5px}.cinema-wordmark{width:86px;height:52px}.appearance-panel{position:fixed;top:71px;right:14px;left:14px;width:auto;max-height:calc(100dvh - 90px);overflow:auto}.intro{display:grid;grid-template-columns:1fr 85px;margin-top:24px;margin-bottom:24px;gap:7px}.intro h1{font-size:39px;line-height:1.06}.intro .eyebrow{font-size:11px;letter-spacing:.025em;max-width:240px;line-height:1.5}.intro-line{font-size:14px;line-height:1.45}.projector-rig,.projector-eyes{width:90px}.projector-rig{height:48px;align-self:center}.projector-rig:after{width:46px;right:10px;bottom:-3px}html[data-type="mono"] .intro h1{font-size:31px}.section-title{align-items:start}.section-title h2{font-size:13px;line-height:1.4}.section-title h2 span{display:none}.text-link{font-size:13px}.selected-grid{grid-template-columns:minmax(0,1fr);gap:30px}.selected-grid .project-card,.selected-grid .card-poppy-lissiman,.selected-grid .card-frame,.selected-grid .card-mmlg,.selected-grid .card-were-your-parents,.selected-grid .card-wiggle{grid-column:1;display:block}.selected-grid .project-image,.selected-grid .card-poppy-lissiman .project-image,.selected-grid .card-frame .project-image{aspect-ratio:1.42}.project-caption h3,.selected-grid .card-wiggle h3{font-size:28px}.project-caption .project-role{font-size:12px}.project-intro{font-size:15px}.project-preview{margin-top:14px}.studies-section .study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.studies-section .project-image{aspect-ratio:.9}.studies-section .project-caption h3{font-size:21px}.studies-section .project-role{font-size:11px}.archive-invitation{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.archive-invitation h2{font-size:42px}.archive-invitation h2 br{display:none}.archive-invitation>a{grid-row:1}.recent-strip{grid-template-columns:1fr;gap:0;margin-bottom:42px}.recent-image{height:260px}.recent-strip>div{padding:25px}.recent-strip h2{font-size:38px}.recent-strip h2 br{display:none}.about-strip{gap:25px;align-items:start}.about-strip p{font-size:30px}.page-heading{padding-top:35px}.page-heading h1{font-size:47px}.page-heading .lead{font-size:19px;margin-top:22px}.gallery-grid,.about-layout{grid-template-columns:1fr}.story-row{grid-template-columns:1fr;gap:14px}.story-row p{font-size:16px}.case-hero.contain .zoom{padding:0}.archive-grid{grid-template-columns:1fr}.archive-intro{flex-direction:column;align-items:start;gap:10px}.archive-sequence{gap:30px;padding:0 var(--pad) 40px}.archive-page .archive-intro{margin-bottom:30px;align-items:center}.footer-base{gap:15px;font-size:13px}.footer-top{padding-bottom:30px;gap:25px}.footer-top p{font-size:13px}.footer-top>a{font-size:50px}.dialog-bar{flex-wrap:wrap}.image-dialog{padding:0 10px 15px}.projection-transition{clip-path:none;transition:opacity .15s}.projection-transition>img{max-width:94vw}html[data-mode="cinema"] .selected-grid .project-image{height:auto;aspect-ratio:1.15}html[data-mode="cinema"] .selected-grid .project-caption h3{font-size:31px}html[data-mode="cinema"] .selected-grid .preview-content .inline-media{grid-template-columns:1fr}}
@media(max-width:360px){:root{--pad:16px}.wordmark{font-size:12px;min-width:78px}.header-actions{gap:9px}.mode-toggle{font-size:11px;padding:8px}.menu-toggle{font-size:12px}.menu-toggle span{display:none}.appearance>summary{font-size:12px}.intro{grid-template-columns:1fr 66px}.intro h1{font-size:33px}.projector-rig,.projector-eyes{width:69px}.intro .eyebrow{font-size:10px}.intro-line{font-size:13px}.studies-section .study-grid{grid-template-columns:1fr}.studies-section .project-image{aspect-ratio:1.4}}
@media(hover:none){.project-image:hover,.project-image:hover img{transform:none;box-shadow:none}}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion="off"] .eye-iris,html[data-motion="off"] .eye-lid,html[data-motion="off"] .project-image:hover,html[data-motion="off"] .project-image:hover img,html[data-motion="off"] .project-image:focus-visible,html[data-motion="off"] .project-image:focus-visible img{transform:none!important}html[data-motion="off"]{scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.projection-transition{display:none!important}.eye-iris,.eye-lid,.project-image:hover,.project-image:hover img,.project-image:focus-visible,.project-image:focus-visible img{transform:none!important}}
@media print{.site-header{position:static}.header-actions,.projector-rig,.projection-transition{display:none!important}.cinema-wordmark{display:none!important}.studio-wordmark{display:block!important}html[data-mode][data-theme]{--bg:#fff;--ink:#000;--muted:#333;--line:#ccc}}

.projector-rig:after{display:none}.deliverables{margin:0;padding-left:20px;color:var(--muted);font-size:16px;line-height:1.8}

/* Native mobile disclosure: constant header geometry before and after scripts. */
.mobile-menu{display:none}.mobile-menu>summary{list-style:none}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu[open]>summary span{transform:rotate(45deg)}
@media(max-width:1180px){.site-header>.desktop-navigation{display:none}.mobile-menu{display:block;position:static}.mobile-menu>.menu-toggle{display:flex;min-height:44px;cursor:pointer}.mobile-menu:not([open])>.mobile-navigation{display:none}.mobile-menu[open]>.mobile-navigation{display:flex;position:absolute;top:100%;left:0;right:0;margin:0;z-index:45;max-height:calc(100dvh - 90px);overflow:auto;padding:18px var(--pad) 22px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid var(--line);background:var(--bg)}}

.recent-strip{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.recent-strip>div{min-width:0}.recent-strip h2{overflow-wrap:normal}@media(max-width:700px){.recent-strip{grid-template-columns:minmax(0,1fr)}}