@font-face{font-family:Space;src:url('./assets/fonts/space-500.3e699ead1876244fa392243054ddefe7cf631b488438828a8a100731a22ab995.ttf');font-weight:500;font-display:swap}@font-face{font-family:Space;src:url('./assets/fonts/space-700.3e756954468ff1cb302dae0414262e72f76a67d87bef3fa1f3226cd0fb9b2d85.ttf');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('./assets/fonts/manrope-400.a13d9b41b0a471ce58f0e46d377fa3cc76615e4632c3b15eb397caadf7a13f0a.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('./assets/fonts/manrope-600.6bad1a774228464cc88b8b0271555b266f7a3c64a7bedf15e165fdab4f6ac0ce.ttf');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#111310;--panel:#1b1e19;--text:#efeee7;--muted:#a9afa5;--line:#ffffff29;--accent:#d2eb7b;--gutter:clamp(22px,4.4vw,84px);--review-height:46px;--hero-p:0;font-family:Manrope,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--review-height) + 28px)}body{margin:0;padding-top:var(--review-height);background:var(--bg);color:var(--text);overflow-x:clip}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Space,sans-serif;font-weight:500;letter-spacing:-.05em;line-height:1.03}p{line-height:1.8}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.wrap{width:calc(100% - var(--gutter)*2);max-width:1640px;margin-inline:auto}.section{padding-block:clamp(65px,8vw,125px)}.eyebrow{font-size:10px;line-height:1.7;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.dot{color:var(--accent)}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;padding-block:8px;border-bottom:1px solid var(--line)}.hint{font-size:10px;color:var(--muted);margin-top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:0;left:20px;transform:translateY(-150%);z-index:500;background:var(--accent);color:var(--bg);padding:15px}.skip-link:focus{transform:none}
.review-bar{position:fixed;inset:0 0 auto;z-index:200;height:var(--review-height);display:flex;justify-content:space-between;align-items:center;padding:0 20px;gap:20px;background:#080b0b;color:#e6e9e3;border-bottom:1px solid #ffffff24;font-family:Manrope,sans-serif}.review-bar a{font-size:10px}.all-concepts{display:flex;gap:7px;align-items:center;white-space:nowrap}.review-bar nav{display:flex;gap:4px;align-self:stretch}.review-bar nav a{display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:2px solid transparent;color:#9baba4}.review-bar nav a[aria-current]{border-color:#dae9c1;color:#f2f7e9;background:#ffffff08}.review-bar nav a:hover{color:white}.languages{display:flex;gap:10px}.languages a{font-size:9px;padding-block:10px}.languages [aria-current]{color:#e2eecc;text-decoration:underline;text-underline-offset:5px}
.brand{display:flex;gap:8px;align-items:baseline;white-space:nowrap;font-family:Space,sans-serif;letter-spacing:-1px}.brand b{font-size:34px;font-weight:700;line-height:1}.brand>span{font-size:23px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-header nav{display:flex;gap:30px;font-size:11px}.header-mail{display:flex;gap:25px;font-size:11px}.circle-link{display:inline-flex;align-items:center;gap:24px;font-size:12px}.circle-link>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff66;border-radius:50%;font-size:22px;transition:background .25s,color .25s}.circle-link:hover>span{background:var(--accent);color:var(--bg)}.section-heading{border-top:1px solid var(--line);padding-top:22px;margin-bottom:45px}.section-heading h2{font-size:clamp(38px,5.5vw,90px);margin-top:25px}.tile-image{display:block;position:relative;overflow:hidden;background:var(--panel);aspect-ratio:1.2}.tile-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.tile-image:hover img{transform:scale(1.04)}.tile-open{position:absolute;right:16px;bottom:16px;padding:10px 14px;border-radius:30px;background:#111510c9;backdrop-filter:blur(12px);display:flex;gap:22px;font-size:10px;color:#f1f2e9}.tile-image:hover .tile-open{background:var(--accent);color:var(--bg)}.tile-caption{display:flex;justify-content:space-between;align-items:start;padding-top:18px;gap:15px}.tile-caption h3{font-size:clamp(24px,2.6vw,39px);letter-spacing:-.04em}.tile-caption h3 a>span{display:none}.tile-caption p{font-size:10px;color:var(--muted);margin-top:8px}.tile-caption>small{font-size:10px;color:var(--muted);padding-top:5px}.process{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.process h2{font-size:clamp(38px,4.8vw,72px);margin-block:22px}.process>div>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:340px}.process>div>a{display:inline-flex;gap:25px;border-bottom:1px solid var(--line);font-size:10px;padding-bottom:8px;margin-top:24px}.compare-block{min-width:0}.comparison{position:relative;aspect-ratio:16/9;background:var(--panel);isolation:isolate;touch-action:pan-y;overflow:hidden}.comparison>img,.compare-final,.compare-final img{position:absolute;width:100%;height:100%;inset:0;max-width:none;object-fit:cover}.compare-final{clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}.compare-line{position:absolute;top:0;bottom:0;width:2px;left:var(--split);background:var(--accent);transform:translateX(-1px);pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:var(--accent);color:var(--bg);display:grid;place-items:center;border-radius:50%;font-size:22px}.compare-labels{position:absolute;inset:16px 16px auto;display:flex;justify-content:space-between;pointer-events:none}.compare-labels span{font-size:8px;padding:6px 10px;background:#101410c9;text-transform:uppercase;letter-spacing:.08em;color:#eee}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:2;touch-action:pan-y}.comparison:focus-within{outline:2px solid var(--accent);outline-offset:5px}.compare-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px}.compare-caption>span{font-family:Space,sans-serif;font-size:18px}.compare-caption>div{display:flex;gap:7px}.compare-caption button{padding:7px 11px;border:1px solid var(--line);background:transparent;border-radius:30px;font-size:9px}.compare-caption button[aria-pressed=true],.compare-caption button:hover{background:var(--accent);color:var(--bg)}
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,10vw,180px);align-items:start;border-top:1px solid var(--line)}.portrait{max-width:420px;position:relative}.portrait img{width:100%;aspect-ratio:.9;object-fit:cover;filter:saturate(.6)}.portrait>span{display:block;font-size:9px;color:var(--muted);padding-top:12px}.about h2{font-size:clamp(50px,6.5vw,100px);margin-block:20px 32px}.about h3{font-size:clamp(27px,2.9vw,43px);line-height:1.16;max-width:620px;margin-bottom:25px}.about-body>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:590px;margin-top:17px}.interests{margin-top:30px;border-top:1px solid var(--line);padding-top:22px}.interest-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.interest-buttons button{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:8px 12px;background:transparent;transition:background .2s,color .2s}.interest-buttons [aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.interest-note{min-height:56px;font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px;max-width:550px}.social{border-top:1px solid var(--line)}.social-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.social h2{font-size:clamp(36px,4.5vw,68px);margin-block:16px 20px}.social-heading>div>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:430px}.social-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.social-actions small{font-size:9px;color:var(--muted);max-width:260px;line-height:1.7;text-align:right}.outline-button{background:transparent;border:1px solid var(--line);font-size:11px;padding:12px 16px;display:flex;gap:22px}.outline-button:hover{background:var(--accent);color:var(--bg)}.social-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.social-strip a{display:block;overflow:hidden}.social-strip img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .6s}.social-strip a:hover img{transform:scale(1.04)}.archive-note{font-size:9px;color:var(--muted);margin-top:12px}.instagram-slot{margin-top:30px;max-width:600px;margin-inline:auto}.instagram-slot .instagram-media{min-width:0!important;max-width:100%!important}.instagram-slot iframe{max-width:100%!important}.instagram-fallback{font-size:11px;color:var(--muted);margin-top:14px}.instagram-fallback a{color:var(--accent);text-decoration:underline}.contact{border-top:1px solid var(--line)}.contact h2{font-size:clamp(50px,8vw,130px);margin-block:25px 40px;color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;gap:60px;align-items:end}.contact-bottom>p{max-width:340px;font-size:13px;color:var(--muted)}.contact-bottom>div{display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:12px}.email{font-family:Space,sans-serif;letter-spacing:-.03em;font-size:clamp(23px,2.7vw,42px);display:flex;align-items:center;gap:25px}.footer{border-top:1px solid var(--line);padding-block:35px;display:flex;align-items:center;gap:40px}.footer>span{font-size:10px;color:var(--muted);margin-right:auto}.footer>a:not(.brand){font-size:10px}
.project-dialog{border:1px solid var(--line);border-radius:4px;width:min(1300px,94vw);max-width:none;max-height:95svh;background:var(--bg);color:var(--text);padding:26px;overscroll-behavior:contain}.project-dialog::backdrop{background:#050908ed;backdrop-filter:blur(14px)}.dialog-head{display:flex;justify-content:space-between;gap:25px;align-items:center}.dialog-head h2{font-size:36px;margin-top:6px}.dialog-close{font-size:12px;background:transparent;padding:10px 15px;border:1px solid var(--line);border-radius:30px;white-space:nowrap}#dialog-note{font-size:12px;color:var(--muted);max-width:700px;margin-block:16px 22px}.dialog-stage{position:relative;background:var(--panel);min-height:180px}.dialog-stage>img{width:100%;height:min(60svh,740px);object-fit:contain}.dialog-prev,.dialog-next{position:absolute;top:50%;transform:translateY(-50%);background:#121811dd;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:22px}.dialog-prev{left:12px}.dialog-next{right:12px}.dialog-prev:hover,.dialog-next:hover{background:var(--accent);color:var(--bg)}.dialog-caption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:11px}.dialog-caption>span{color:var(--muted);white-space:nowrap}.dialog-thumbs{display:flex;overflow-x:auto;gap:8px;padding:12px 3px}.dialog-thumbs button{flex-shrink:0;border:2px solid transparent;padding:0;background:transparent;opacity:.5}.dialog-thumbs [aria-pressed=true]{border-color:var(--accent);opacity:1}.dialog-thumbs img{width:68px;height:46px;object-fit:cover}.dialog-contact{font-size:11px;display:inline-flex;gap:24px;color:var(--accent);margin-top:8px}.reveal-in{animation:reveal-in .65s both}@keyframes reveal-in{from{opacity:.75;transform:translateY(16px)}to{opacity:1;transform:none}}
/* 01 / Cinema: a cinematic frame, image chapters and warm light. */
.cinema{--bg:#101213;--panel:#1a1e20;--accent:#e8b985;--muted:#aeb5b6}.cinema .site-header{position:absolute;top:var(--review-height);left:var(--gutter);right:var(--gutter);z-index:4;margin:0;color:#f3f0e9}.cinema-hero{height:130svh;position:relative}.cinema-sticky{height:calc(100svh - var(--review-height));min-height:640px;position:sticky;top:var(--review-height);overflow:hidden;clip-path:inset(0 calc(var(--hero-p)*2.3%) calc(var(--hero-p)*2%) round calc(var(--hero-p)*8px))}.cinema-bg{position:absolute;inset:0;transform:scale(calc(1.06 - var(--hero-p)*.06));will-change:transform}.cinema-bg img{width:100%;height:100%;object-fit:cover;object-position:65% center}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#060e13c9,transparent 90%),linear-gradient(0deg,#071015d9,transparent 60%,#07101566)}.cinema-title{position:relative;padding-top:clamp(140px,20vh,220px);transform:translateY(calc(var(--hero-p)*-45px));opacity:calc(1 - var(--hero-p)*.5)}.cinema-title .eyebrow{color:#d8dfdf}.cinema-title h1{font-size:clamp(90px,11.2vw,178px);margin-block:28px 35px;letter-spacing:-.065em;line-height:.9}.cinema-title em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.07em}.cinema-title>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#d4dcdf}.cinema-title>.circle-link{margin-top:25px}.cinema-caption{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);margin:0;display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #ffffff3d;padding-top:17px}.cinema-caption>a{display:flex;gap:24px}.cinema-intro{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-block:55px 90px}.cinema-intro h2{font-size:clamp(32px,4vw,60px);line-height:1.14}.cinema-work{padding-top:0}.cinema-projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 45px}.cinema-projects .lead-tile{grid-column:1/-1}.cinema-projects .lead-tile .tile-image{aspect-ratio:1.9}.cinema-projects>article:last-child{margin-top:110px}.cinema .about{background:transparent}.cinema .portrait{margin-top:50px}
/* 02 / Journal: midnight paper, expressive serif, editorial composition. */
.journal{--bg:#17212c;--panel:#22313f;--accent:#b9cfe3;--text:#e8e5d8;--muted:#aebbc4;--line:#bbd5e533}.journal h1,.journal h2,.journal h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.journal .site-header{height:90px}.journal .brand b{font-family:Space,sans-serif}.journal-masthead{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding-block:16px;font-size:8px;letter-spacing:.16em}.journal-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-top:55px;padding-bottom:90px}.journal-hero-grid h1{font-size:clamp(60px,6.5vw,104px);line-height:1;margin-block:27px}.journal-hero-grid em{color:var(--accent)}.journal-hero-grid>div>p:not(.eyebrow){max-width:340px;font-size:13px;color:var(--muted)}.journal-hero-grid .text-link{margin-top:28px}.journal-hero-grid figure{min-width:0}.journal-hero-grid figure>img{width:100%;aspect-ratio:.95;object-fit:cover;object-position:58% center}.journal-hero-grid figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;padding-top:12px}.journal-hero-grid figcaption a{display:flex;gap:20px}.journal-work{padding-top:0}.journal .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.journal .section-heading h2{margin-top:0;font-size:clamp(46px,5vw,80px)}.journal .section-heading em{color:var(--accent)}.journal-projects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:65px 35px;align-items:start}.journal-projects article:nth-child(1){grid-column:1/3}.journal-projects article:nth-child(2){margin-top:150px}.journal-projects article:nth-child(3){grid-column:1/2;width:100%;margin-top:-20px}.journal-projects article:nth-child(4){grid-column:2/4;margin-top:80px}.journal-projects article:nth-child(1) .tile-image{aspect-ratio:1.5}.journal-projects article:nth-child(2) .tile-image{aspect-ratio:.85}.journal-projects article:nth-child(3) .tile-image{aspect-ratio:.9}.journal-projects article:nth-child(4) .tile-image{aspect-ratio:1.7}.journal .tile-caption h3{font-size:clamp(25px,2.7vw,40px)}.journal-process{grid-template-columns:1fr 1.6fr;gap:70px}.journal .comparison{aspect-ratio:3/2}.journal .about{grid-template-columns:.7fr 1.3fr}.journal .portrait{max-width:360px}.journal .portrait img{border-radius:48% 48% 0 0;filter:grayscale(.8)}.journal .about h2{font-size:90px}.journal .about h3{font-size:37px;line-height:1.2}.journal .contact h2{font-style:italic}
/* 03 / Ateljé: a practical image lab with real clay and project filters. */
.atelier{--bg:#151913;--panel:#20271d;--accent:#d2eb7b;--muted:#aeb5a4}.atelier-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-block:45px 90px}.atelier-title h1{font-size:clamp(60px,6.8vw,110px);line-height:1.02;margin-block:28px}.atelier-title h1>span{color:var(--accent)}.atelier-title>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:370px}.atelier-title .circle-link{margin-top:27px}.atelier-skills{display:flex;gap:20px;padding-top:40px;margin-top:40px;border-top:1px solid var(--line);font-family:monospace;font-size:10px;color:var(--muted)}.atelier-compare .comparison{aspect-ratio:1}.atelier-compare{transform:perspective(1000px) rotateY(-3deg);transform-origin:right center;transition:transform .5s}.atelier-compare:focus-within,.atelier-compare:hover{transform:none}.atelier-work{padding-top:15px}.atelier-work .section-heading{display:flex;justify-content:space-between;align-items:start;gap:45px}.atelier-work .section-heading h2{margin-top:0;font-size:clamp(35px,4.4vw,68px)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:35px}.filters button{background:transparent;border:1px solid var(--line);border-radius:50px;padding:12px 18px;font-size:11px}.filters [aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.atelier-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 25px}.atelier-projects .tile-image{aspect-ratio:1.12}.atelier-projects .tile-caption h3{font-size:25px}.atelier-projects .tile-caption p{font-size:9px}.atelier .about{background:transparent}.atelier .about h2{font-size:74px}.atelier .portrait img{aspect-ratio:1;object-position:top}.atelier .interests{padding:24px;background:var(--panel);border:1px solid var(--line)}.atelier .interest-note{min-height:70px}
/* 04 / Index: master/detail gallery, warm graphite and clear navigation. */
.index{--bg:#211a1c;--panel:#302629;--accent:#f68f79;--muted:#b9a9ac;--line:#e1b0ba30}.index .site-header{height:85px;border-bottom:1px solid var(--line)}.index-viewer{display:grid;grid-template-columns:.8fr 1.7fr;min-height:calc(100svh - var(--review-height) - 85px);gap:50px;padding-block:35px 60px;align-items:stretch}.index-sidebar{padding-top:15px;display:flex;flex-direction:column}.index-sidebar h1{font-size:clamp(42px,4.6vw,73px);margin-block:24px}.index-intro{font-size:12px;color:var(--muted);max-width:260px}.index-list{margin-top:35px;border-top:1px solid var(--line)}.index-list button{width:100%;background:transparent;display:grid;grid-template-columns:30px 1fr 20px;gap:10px;text-align:left;align-items:center;padding:17px 12px;border-bottom:1px solid var(--line);color:var(--muted);transition:color .2s,background .2s}.index-list button>span{font-family:monospace;font-size:9px}.index-list button>b{font-size:12px;font-weight:400}.index-list button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.index-controls{display:flex;gap:18px;align-items:center;margin-top:22px;font-family:monospace;font-size:10px;color:var(--muted)}.index-controls button{background:transparent;border:1px solid var(--line);width:34px;height:34px;font-size:18px}.index-controls button:hover{background:var(--accent);color:var(--bg)}.index-about-link{font-size:10px;margin-top:auto;padding-top:32px}.index-stage{min-width:0;align-self:stretch;position:relative;background:var(--panel);min-height:570px;display:flex;flex-direction:column}.index-stage>a{flex:1;display:block;position:relative;min-height:0;overflow:hidden}.index-stage>a>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.index-image-caption{padding:22px 25px;display:flex;justify-content:space-between;align-items:end;gap:20px;background:var(--panel)}.index-image-caption h2{font-size:clamp(26px,3vw,45px);margin-top:7px}.index-image-caption>a{font-size:10px;display:flex;align-items:center;gap:15px;white-space:nowrap}.index .about{grid-template-columns:.65fr 1.35fr}.index .about h2{font-family:Space,sans-serif;text-transform:uppercase;font-size:clamp(55px,7vw,100px)}.index .portrait{max-width:350px}.index .social-strip{gap:3px}.index .footer{font-family:monospace}.index .contact h2{letter-spacing:-.065em}
/* Comparison landing page */
.hub{--bg:#101412;--panel:#202721;--accent:#d0e0be}.hub-header{height:120px;display:flex;justify-content:space-between;align-items:center;gap:30px}.hub-header>span{font-size:10px;color:var(--muted)}.hub-intro{max-width:920px;padding-block:55px 60px}.hub h1{font-size:clamp(54px,7vw,115px);line-height:.99;margin-block:25px}.hub-intro>p:last-child{font-size:14px;max-width:510px;color:var(--muted);margin-top:30px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.concept-preview{aspect-ratio:1.5;position:relative;overflow:hidden;background:#253129}.concept-preview img{width:100%;height:100%;object-fit:cover;transition:transform .8s,filter .8s;filter:brightness(.72)}.concept-card:hover .concept-preview img{transform:scale(1.04);filter:brightness(.9)}.concept-word{position:absolute;bottom:25px;left:30px;font-size:clamp(45px,6vw,90px);font-family:Space,sans-serif;font-weight:500;letter-spacing:-.06em;line-height:1;color:var(--card-accent)}.concept-num{position:absolute;top:25px;left:30px;font-family:monospace;font-size:12px;color:#fff}.concept-card.journal .concept-word{font-family:Georgia,serif;font-style:italic}.concept-card.atelier .concept-preview img{object-position:center 60%}.concept-card.index .concept-word{font-family:monospace;font-size:clamp(45px,5vw,80px);letter-spacing:-.07em}.concept-info{display:flex;justify-content:space-between;gap:25px;padding-top:22px}.concept-info h2{font-size:30px}.concept-info p{font-size:12px;color:var(--muted);margin-top:10px;max-width:440px}.concept-info small{display:block;font-size:9px;color:var(--muted);margin-top:13px;letter-spacing:.02em}.concept-info>span{font-size:30px;color:var(--card-accent)}.hub-note{border-top:1px solid var(--line);padding-block:25px 40px;margin-top:70px;font-size:10px;color:var(--muted)}
@media(min-width:1700px){.cinema-title{padding-top:24vh}.index-stage{min-height:700px}.index-list button{padding-block:23px}}
@media(max-width:1100px){.review-bar nav a{padding-inline:10px}.site-header nav{gap:20px}.cinema-title{padding-top:170px}.cinema-intro{gap:45px}.process{gap:35px}.journal-hero-grid{gap:35px}.journal-hero-grid h1{font-size:7.2vw}.journal-projects{gap:45px 25px}.about{gap:65px}.atelier-hero{gap:35px}.atelier-title h1{font-size:7vw}.atelier-projects{grid-template-columns:1fr 1fr}.index-viewer{gap:30px;grid-template-columns:1fr 1.6fr}.index-sidebar h1{font-size:5vw}.index-stage{min-height:580px}.index-image-caption{padding:18px}.index-image-caption>a{font-size:9px}.index-image-caption h2{font-size:31px}}
@media(max-width:760px){.review-bar{padding-inline:14px;gap:12px}.review-bar nav a{padding-inline:10px;font-size:9px}.review-bar nav a>span{display:none}.all-concepts{font-size:9px!important}.languages{gap:8px}.site-header{height:82px;gap:20px}.brand b{font-size:28px}.brand>span{font-size:19px}.site-header nav{gap:18px;font-size:10px}.site-header nav a:last-child{display:none}.header-mail{font-size:10px;gap:12px}.eyebrow{font-size:9px}.section{padding-block:65px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:42px}.tile-caption h3{font-size:26px}.tile-caption p{font-size:9px}.tile-open{font-size:9px;right:12px;bottom:12px;padding:9px 12px}.process{grid-template-columns:1fr;gap:30px}.process h2{font-size:46px}.process>div>p:not(.eyebrow){max-width:460px;font-size:12px}.process>div>a{margin-top:17px}.about{gap:45px;grid-template-columns:.7fr 1.3fr}.about h2{font-size:60px;margin-bottom:25px}.about h3{font-size:30px}.about-body>p:not(.eyebrow){font-size:12px}.portrait{margin-top:60px!important}.portrait>span{font-size:8px}.interest-buttons button{font-size:9px;padding:8px 10px}.interest-note{font-size:11px;min-height:70px}.social-heading{gap:25px}.social h2{font-size:41px}.social-heading>div>p:not(.eyebrow){font-size:12px}.social-actions .outline-button{font-size:10px;gap:10px}.social-actions small{font-size:8px}.social-strip{gap:8px}.contact h2{font-size:65px}.contact-bottom{gap:30px}.contact-bottom>p{font-size:12px;max-width:270px}.email{font-size:25px;gap:15px}.footer{gap:25px;flex-wrap:wrap}.footer>span{font-size:9px}.footer>a:not(.brand){font-size:9px}.project-dialog{padding:20px}.dialog-head h2{font-size:30px}.dialog-stage>img{height:55svh}.dialog-close{font-size:11px}.cinema-title{padding-top:155px}.cinema-title h1{font-size:clamp(80px,15vw,115px)}.cinema-hero{height:120svh}.cinema-sticky{min-height:660px}.cinema-bg img{object-position:67% center}.cinema-intro{grid-template-columns:1fr;gap:25px;padding-block:40px 65px}.cinema-intro h2{font-size:36px}.cinema-work{padding-top:0}.cinema-projects{gap:40px 25px}.cinema-projects>article:last-child{margin-top:70px}.cinema-projects .lead-tile .tile-image{aspect-ratio:1.5}.journal .site-header{height:82px}.journal-masthead{font-size:7px;letter-spacing:.07em}.journal-hero-grid{gap:28px;padding-block:40px 65px}.journal-hero-grid h1{font-size:clamp(40px,7.5vw,60px)}.journal-hero-grid>div>p:not(.eyebrow){font-size:11px}.journal-hero-grid figcaption{font-size:8px;flex-wrap:wrap;gap:7px}.journal .section-heading{gap:30px}.journal .section-heading h2{font-size:45px}.journal-projects{gap:40px 20px;grid-template-columns:1fr 1fr}.journal-projects article:nth-child(1){grid-column:1/-1;width:85%}.journal-projects article:nth-child(2){margin-top:0;grid-column:2/3}.journal-projects article:nth-child(3){margin-top:45px;grid-column:1/2;grid-row:2}.journal-projects article:nth-child(4){grid-column:1/-1;width:90%;justify-self:end;margin-top:15px}.journal-projects article:nth-child(2) .tile-image{aspect-ratio:1}.journal-projects .tile-caption h3{font-size:26px}.journal .about{grid-template-columns:.7fr 1.3fr}.journal .about h2{font-size:62px}.journal .about h3{font-size:30px}.atelier-hero{gap:30px;grid-template-columns:1fr 1fr;padding-block:35px 60px}.atelier-title h1{font-size:clamp(41px,6.5vw,55px)}.atelier-title>p:not(.eyebrow){font-size:11px}.atelier-skills{gap:12px;font-size:8px;padding-top:25px;margin-top:25px;flex-wrap:wrap}.atelier .compare-caption{flex-wrap:wrap;gap:9px}.atelier .compare-caption>span{font-size:16px}.atelier-work .section-heading{display:block}.atelier-work .section-heading h2{margin-top:20px;font-size:40px}.atelier .about h2{font-size:60px}.atelier .interests{padding:18px}.index-viewer{grid-template-columns:.8fr 1.2fr;gap:25px;min-height:0;padding-block:35px 60px}.index-sidebar h1{font-size:40px}.index-intro{font-size:11px}.index-list{margin-top:25px}.index-list button{gap:6px;grid-template-columns:20px 1fr 14px;padding:15px 8px}.index-list button>b{font-size:10px}.index-stage{min-height:530px}.index-image-caption{display:block;padding:17px}.index-image-caption h2{font-size:26px}.index-image-caption>a{margin-top:14px}.index .about{grid-template-columns:.7fr 1.3fr}.index .about h2{font-size:57px}.hub-header{height:100px}.hub-header>span{font-size:8px}.hub-intro{padding-block:35px 45px}.hub h1{font-size:65px}.hub-intro>p:last-child{font-size:13px}.concept-grid{gap:45px 25px}.concept-word{font-size:50px;left:20px;bottom:20px}.concept-card.index .concept-word{font-size:45px}.concept-num{top:17px;left:20px;font-size:10px}.concept-info h2{font-size:28px}.concept-info p{font-size:11px}.concept-info small{font-size:8px}}
@media(max-width:480px){.review-bar{gap:6px;padding-inline:11px}.review-bar nav{gap:0}.review-bar nav a{padding-inline:9px}.all-concepts>span{max-width:74px;overflow:hidden;white-space:nowrap;font-size:8px}.languages{gap:7px}.languages a{font-size:8px}.site-header{gap:16px;height:78px}.brand b{font-size:25px}.brand>span{font-size:17px}.site-header nav{gap:16px;font-size:9px;margin-left:auto}.header-mail{display:none}.section{padding-block:55px}.section-heading h2{font-size:36px}.tile-caption{padding-top:14px}.tile-caption h3{font-size:26px}.tile-caption>small{font-size:9px}.tile-caption p{font-size:9px}.tile-open{font-size:9px}.about,.journal .about,.index .about{grid-template-columns:1fr;gap:35px}.portrait{margin-top:0!important;width:65%;max-width:290px}.portrait>span{font-size:9px}.about h2,.journal .about h2,.atelier .about h2,.index .about h2{font-size:60px;margin-block:18px 25px}.about h3,.journal .about h3{font-size:31px}.about-body>p:not(.eyebrow){font-size:12px}.interest-note{min-height:55px}.social-heading{display:block;margin-bottom:28px}.social h2{font-size:38px}.social-actions{align-items:flex-start;margin-top:25px}.social-actions small{text-align:left;font-size:9px}.social-actions .outline-button{font-size:11px;padding:12px 15px;gap:20px}.social-strip{grid-template-columns:1fr 1fr;gap:8px}.social-strip a:nth-child(2){margin-top:22px}.social-strip a:nth-child(3){margin-top:-22px}.social-strip img{aspect-ratio:1}.contact h2{font-size:51px;margin-block:22px 30px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:27px}.contact-bottom>p{max-width:300px}.contact-bottom>div{align-items:flex-start}.email{font-size:25px}.footer{gap:22px;padding-block:28px}.footer>.brand{width:100%}.footer>span{margin-right:auto}.footer>a:not(.brand){font-size:8px}.project-dialog{width:100vw;height:100svh;max-height:100svh;border:0;border-radius:0;padding:18px}.dialog-head h2{font-size:28px}.dialog-head .eyebrow{font-size:8px}.dialog-close{padding:9px 12px;font-size:10px}#dialog-note{font-size:11px;margin-block:15px}.dialog-stage>img{height:51svh}.dialog-caption{font-size:10px}.dialog-prev,.dialog-next{width:35px;height:35px;font-size:18px}.dialog-thumbs img{width:56px;height:40px}.compare-labels{inset:10px 10px auto}.compare-labels span{font-size:7px;padding:5px 7px}.compare-line span{width:35px;height:35px;font-size:20px}.compare-caption{flex-wrap:wrap;gap:12px}.compare-caption>span{font-size:17px}.compare-caption button{font-size:9px}.process h2{font-size:39px}.cinema-title{padding-top:155px}.cinema-title h1{font-size:clamp(70px,20vw,94px);margin-block:30px}.cinema-title>p:not(.eyebrow){font-size:12px}.cinema-title .eyebrow{font-size:8px;letter-spacing:.07em}.cinema-title .circle-link{font-size:11px;margin-top:25px}.cinema-caption{font-size:8px;bottom:23px;gap:20px;line-height:1.5}.cinema-caption>a{gap:10px;white-space:nowrap}.cinema-sticky{min-height:650px}.cinema-hero{height:115svh}.cinema-bg img{object-position:68% center}.cinema-shade{background:linear-gradient(90deg,#060e13b9,#060e1330),linear-gradient(0deg,#071015d9,transparent 65%,#07101555)}.cinema-intro{padding-block:30px 55px}.cinema-intro h2{font-size:30px;line-height:1.2}.cinema-work{padding-top:0}.cinema-projects{grid-template-columns:1fr;gap:38px}.cinema-projects .lead-tile{grid-column:auto}.cinema-projects .lead-tile .tile-image{aspect-ratio:1.1}.cinema-projects>article:nth-child(2){width:85%;justify-self:end}.cinema-projects>article:last-child{margin-top:0;width:90%}.cinema-projects>article:last-child .tile-image{aspect-ratio:1}.journal-masthead{font-size:6px;gap:10px}.journal-masthead>span:last-child{display:none}.journal-hero-grid{grid-template-columns:1fr;gap:30px;padding-top:35px}.journal-hero-grid h1{font-size:58px;margin-block:20px}.journal-hero-grid>div>p:not(.eyebrow){max-width:280px;font-size:12px}.journal-hero-grid figure>img{aspect-ratio:1.15}.journal-hero-grid figcaption{font-size:9px;flex-wrap:nowrap}.journal .section-heading{display:block}.journal .section-heading h2{margin-top:20px;font-size:48px}.journal-projects{gap:32px 18px}.journal-projects article:nth-child(1){width:100%}.journal-projects article:nth-child(2){grid-column:2/3;margin-top:20px}.journal-projects article:nth-child(3){margin-top:0}.journal-projects article:nth-child(4){width:100%}.journal-projects .tile-caption h3{font-size:22px}.journal-projects article:nth-child(1) .tile-caption h3,.journal-projects article:nth-child(4) .tile-caption h3{font-size:29px}.journal-projects .tile-open{font-size:0;padding:8px 11px;gap:0}.journal-projects .tile-open>span{font-size:16px}.journal-process h2{font-size:48px}.journal .portrait{width:60%}.atelier-hero{grid-template-columns:1fr;padding-block:30px 55px;gap:38px}.atelier-title h1{font-size:clamp(49px,14vw,66px);margin-block:22px}.atelier-title>p:not(.eyebrow){font-size:12px;max-width:320px}.atelier-title .circle-link{font-size:11px;margin-top:22px}.atelier-skills{padding-top:20px;margin-top:25px;font-size:9px}.atelier-compare{transform:none}.atelier-compare .comparison{aspect-ratio:1.15}.atelier-compare .compare-caption{flex-wrap:nowrap}.atelier-work{padding-top:0}.atelier-work .section-heading h2{font-size:35px}.filters{gap:6px;margin-bottom:27px}.filters button{font-size:9px;padding:10px 13px}.atelier-projects{gap:32px 16px}.atelier-projects .tile-image{aspect-ratio:.9}.atelier-projects .tile-caption h3{font-size:20px;line-height:1.08}.atelier-projects .tile-caption p{font-size:8px}.atelier-projects .tile-open{font-size:0;padding:7px 10px;gap:0;bottom:9px;right:9px}.atelier-projects .tile-open>span{font-size:14px}.atelier-projects .tile-caption>small{display:none}.atelier .portrait{width:65%}.index-viewer{display:flex;flex-direction:column;padding-top:25px;gap:25px}.index-sidebar{display:contents}.index-sidebar>.eyebrow{order:0}.index-sidebar h1{font-size:52px;order:1;margin-block:0}.index-intro{order:2;max-width:300px;font-size:12px}.index-stage{order:3;min-height:0;display:block}.index-stage>a{aspect-ratio:.95;min-height:0}.index-image-caption{display:flex;align-items:end;padding:17px}.index-image-caption h2{font-size:25px}.index-image-caption>a{font-size:0;gap:0;margin-top:0}.index-image-caption>a>span{font-size:20px}.index-list{order:4;margin-top:0}.index-list button{font-size:11px;padding:14px 10px;grid-template-columns:25px 1fr 20px}.index-list button>b{font-size:12px}.index-controls{order:5;margin-top:-5px;justify-content:space-between}.index-about-link{order:6;padding-top:5px;font-size:10px}.index .about{padding-top:55px}.hub-header{height:90px}.hub-header>span{font-size:8px;max-width:120px;line-height:1.6;text-align:right}.hub-intro{padding-block:35px 40px}.hub h1{font-size:clamp(44px,12vw,60px);line-height:1.03;margin-block:20px}.hub-intro>p:last-child{font-size:12px;margin-top:24px}.concept-grid{grid-template-columns:1fr;gap:38px}.concept-preview{aspect-ratio:1.35}.concept-word{font-size:66px;left:22px;bottom:24px}.concept-card.index .concept-word{font-size:62px}.concept-info{padding-top:18px}.concept-info h2{font-size:29px}.concept-info p{font-size:12px}.concept-info small{font-size:9px}.hub-note{margin-top:40px;font-size:9px}}
@media(max-width:350px){.review-bar nav a{padding-inline:8px}.review-bar .all-concepts>span{max-width:55px}.cinema-title h1{font-size:70px}.journal-hero-grid h1{font-size:51px}.atelier-title h1{font-size:47px}.index-sidebar h1{font-size:47px}.email{font-size:22px}.compare-caption button{font-size:8px;padding:7px 8px}.brand{gap:6px}.brand>span{font-size:16px}.site-header nav{gap:12px}.concept-word{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cinema-hero{height:calc(100svh - var(--review-height));min-height:650px}.cinema-sticky{position:relative;top:0;clip-path:none}.cinema-title{transform:none;opacity:1}.cinema-bg,.atelier-compare{transform:none;will-change:auto}}