@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--bg:#171a17;--panel:#20241e;--ink:#edece4;--muted:#a5ac9d;--line:#3b4136;--accent:#d5dfb4;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%;height:auto}button{cursor:pointer}p,h1,h2,h3,figure{margin:0}p+p{margin-top:22px}h1,h2,h3{font-weight:500;line-height:1.08}.wrap{width:calc(100% - 112px);max-width:1488px;margin-inline:auto}.serif{font-family:var(--serif);font-weight:400;color:var(--accent)}.muted{color:var(--muted)}.eyebrow,.section-label,.tag,.project-caption>span,.project-facts span,.process-state{font-size:11px;letter-spacing:1.65px;font-weight:500}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:112px;border-bottom:1px solid var(--line);gap:26px}.brand{font-size:35px;letter-spacing:-3px;font-weight:700;display:flex;align-items:center;line-height:1}.brand-dot{color:var(--accent)}.brand-name{font-size:10px;letter-spacing:1.5px;margin-left:20px;line-height:1.5}.brand-name small{font-size:9px;font-weight:400;color:var(--muted);letter-spacing:2px}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.languages{display:flex;gap:8px;align-items:center;font-size:11px}.languages button{border:0;background:none;padding:10px 4px;color:var(--muted)}.languages button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.languages span{color:var(--line)}.intro{padding-top:66px;padding-bottom:66px}.intro>.eyebrow{display:flex;gap:12px;align-items:center;color:var(--muted)}.tiny-square{height:6px;width:6px;background:var(--accent)}.intro h1{font-size:clamp(78px,8.3vw,132px);letter-spacing:-5px;line-height:.98;margin-top:30px}.intro h1 .serif{font-size:1.13em;letter-spacing:-4px}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:28px}.intro-bottom p{font-size:16px;color:var(--muted);line-height:1.6}.text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px;font-size:13px}.text-link>span:last-child{font-size:22px}.section-label{display:flex;justify-content:space-between;gap:15px;padding-bottom:18px;color:var(--muted)}.project-cover{display:block;position:relative;overflow:hidden;background:var(--panel)}.project-cover>img{width:100%;height:clamp(380px,49vw,680px);object-fit:cover;transition:transform .8s}.project-cover:hover>img{transform:scale(1.025)}.project-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#080d09cc)}.image-top{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;gap:10px;z-index:1}.tag{padding:7px 12px;background:#e6e8dabf;color:#171a17;font-size:9px;display:inline-block;white-space:nowrap}.tag.dark{background:#192019e0;color:var(--ink);border:1px solid #727c5c}.cover-title{position:absolute;bottom:34px;left:38px;right:38px;display:flex;align-items:flex-end;justify-content:space-between;z-index:1;gap:12px}.cover-title h2{font-size:clamp(48px,6vw,88px);letter-spacing:-3px;margin-top:6px}.cover-title .eyebrow{font-size:10px}.round-arrow{display:grid;place-items:center;width:58px;height:58px;border:1px solid #e5e7d780;border-radius:50%;font-size:26px}.project-caption{display:flex;justify-content:space-between;gap:20px;padding-top:18px}.project-caption p{font-size:14px;color:var(--muted)}.project-caption>span{font-size:9px;white-space:nowrap}.work-note{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:11px;margin-top:15px}.status-dot{display:block;background:#9da884;flex-shrink:0;width:5px;height:5px;border-radius:50%}.about{padding-top:132px;padding-bottom:100px}.about .section-label{border-top:1px solid var(--line);padding-top:24px;margin-bottom:46px}.about-grid,.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about h2,.story h2,.contact h2,.process h2{font-size:clamp(42px,4.2vw,64px);letter-spacing:-1.7px}.about-copy{max-width:600px}.about-copy p,.story-grid p,.contact p{font-size:15px;color:var(--muted)}.about-copy p.lead,.story-grid p.lead{font-size:20px;color:var(--ink);line-height:1.6}.about-copy p.muted{font-size:12px}.disciplines{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.disciplines>div{border-top:1px solid var(--line);padding-top:20px}.disciplines span{font-size:10px;color:var(--muted)}.disciplines h3{font-size:22px;margin:22px 0 12px}.disciplines p{font-size:13px;color:var(--muted)}.contact{border-top:1px solid var(--line);padding:60px 0 80px}.contact>.eyebrow{color:var(--muted);margin-bottom:32px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.contact-email{display:flex;justify-content:space-between;gap:12px;font-size:clamp(14px,1.55vw,23px);border-bottom:1px solid var(--line);padding:25px 0 12px;overflow-wrap:anywhere}.linkedin{margin-top:23px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 32px;color:var(--muted);font-size:10px}footer>span:nth-child(2){font-size:9px;letter-spacing:1px}.skip{position:absolute;left:20px;top:-70px;background:var(--accent);color:var(--bg);padding:10px;z-index:10}.skip:focus{top:10px}.project-intro{padding:44px 0 34px}.back{font-size:12px;color:var(--muted)}.project-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-top:48px}.project-heading h1{font-size:clamp(58px,7vw,108px);letter-spacing:-4px;margin-top:15px}.project-heading h1 .serif{display:block;font-size:.65em;letter-spacing:-2px;margin-top:8px}.project-heading>.tag{margin-bottom:8px}.project-facts{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;gap:20px}.project-facts span{color:var(--muted);font-size:9px}.project-facts p{font-size:13px;margin-top:5px}.full-image img{width:100%;max-height:800px;object-fit:cover}.zoom-image{padding:0;border:0;display:block;width:100%;background:var(--panel);position:relative;overflow:hidden;text-align:left}.zoom-image>span{position:absolute;bottom:16px;right:16px;background:#171a17e0;padding:5px 12px;font-size:10px;letter-spacing:.5px}.zoom-image img{transition:filter .25s}.zoom-image:hover img{filter:brightness(1.08)}figcaption{font-size:11px;color:var(--muted);margin-top:12px}.story{padding:100px 0}.story>.eyebrow{color:var(--muted);margin-bottom:32px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px}.gallery-wide{grid-column:1/-1}.gallery-wide img{max-height:700px;object-fit:cover;width:100%}.gallery-grid figure:not(.gallery-wide) img{width:100%;aspect-ratio:16/10;object-fit:cover}.process{padding:110px 0 80px}.process h2{margin:15px 0 45px}.process-row{display:grid;grid-template-columns:40px 1fr 1.5fr 140px;gap:25px;align-items:start;padding:30px 0;border-top:1px solid var(--line)}.process-row>span:first-child{font-size:11px;color:var(--muted)}.process-row h3{font-size:21px}.process-row p{font-size:13px;color:var(--muted)}.process-state{font-size:9px;text-align:right;color:var(--muted)}.process-state.active{color:var(--accent)}.credits{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:32px 0;border-top:1px solid var(--line)}.credits h3{font-size:17px}.credits p,.credits a{font-size:12px;color:var(--muted)}.credits a{display:inline-block;margin-top:18px;border-bottom:1px solid var(--line)}.project-end{display:flex;justify-content:space-between;padding:60px 0}dialog{background:#11150f;border:1px solid var(--line);color:var(--ink);max-width:96vw;max-height:96vh;width:fit-content;padding:45px 18px 16px}dialog::backdrop{background:#080b08eb}dialog img{max-width:90vw;max-height:78vh;object-fit:contain;margin:auto}dialog p{font-size:12px;margin-top:12px;color:var(--muted)}.close-viewer{position:absolute;right:12px;top:2px;border:0;background:none;font-size:30px;line-height:40px;width:40px}body.viewer-open{overflow:hidden}
@media(min-width:1700px){.intro{padding-top:84px}}@media(max-width:900px){.wrap{width:calc(100% - 56px)}.intro h1{font-size:100px}.about-grid,.story-grid,.contact-grid{gap:35px}.about h2,.story h2,.contact h2,.process h2{font-size:43px}.process-row{grid-template-columns:24px 1fr 1.3fr;gap:18px}.process-state{grid-column:2;text-align:left}.project-caption{flex-direction:column;gap:8px}.about{padding-top:90px}.brand-name{display:none}.credits{gap:30px}footer>span:nth-child(2){display:none}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{min-height:82px;gap:14px}.brand{font-size:30px}.site-header nav{gap:16px;font-size:11px}.languages{gap:3px}.intro{padding-top:42px;padding-bottom:45px}.intro>.eyebrow{font-size:8px;letter-spacing:1px}.intro h1{font-size:clamp(64px,16vw,96px);letter-spacing:-3px;margin-top:26px}.intro h1 .serif{letter-spacing:-3px}.intro-bottom{display:block;margin-top:22px}.intro-bottom p{font-size:14px}.intro-bottom .text-link{margin-top:24px}.section-label{font-size:9px;letter-spacing:1px}.project-cover>img{height:430px;object-position:52% center}.image-top{top:15px;left:14px;right:14px}.tag{font-size:8px;letter-spacing:.8px;padding:6px 8px}.cover-title{bottom:22px;left:20px;right:20px}.cover-title h2{font-size:44px;letter-spacing:-2px}.round-arrow{height:42px;width:42px;font-size:21px}.cover-title .eyebrow{font-size:8px}.project-caption p{font-size:12px}.work-note{align-items:flex-start;font-size:10px}.status-dot{margin-top:7px}.about{padding:75px 0 65px}.about .section-label{margin-bottom:30px}.about-grid,.story-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.about h2,.story h2,.contact h2,.process h2{font-size:44px}.about-copy p.lead,.story-grid p.lead{font-size:18px}.disciplines{grid-template-columns:1fr;gap:24px;margin-top:40px}.disciplines>div{display:grid;grid-template-columns:30px 1fr;gap:4px 12px;padding-top:18px}.disciplines span{grid-row:1/3}.disciplines h3{margin:0;font-size:20px}.disciplines p{grid-column:2;margin-top:4px}.contact{padding:38px 0 55px}.contact-email{font-size:16px}.contact p{font-size:14px}footer{font-size:9px;gap:12px}.project-intro{padding-top:26px}.project-heading{display:block;margin-top:30px}.project-heading h1{font-size:62px;letter-spacing:-3px}.project-heading>.tag{margin-top:24px}.project-facts{grid-template-columns:1fr;gap:17px;margin-top:22px}.project-facts>div{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.project-facts p{font-size:11px;text-align:right}.project-facts span{font-size:8px;max-width:130px}.full-image.wrap{width:100%}.full-image figcaption{margin-inline:20px;font-size:10px}.story{padding:60px 0}.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-wide{grid-column:auto}.process{padding:70px 0 40px}.process-row{grid-template-columns:24px 1fr}.process-row p{grid-column:2}.process-state{grid-column:2}.credits{grid-template-columns:1fr;gap:20px}.project-end{padding:40px 0}.zoom-image>span{right:10px;bottom:10px;font-size:9px}.languages button{padding-inline:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}