:root{--paper:#f2eee5;--ink:#272620;--muted:#686359;--line:#c8c1b4;--accent:#8b3b28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.compare{min-height:62px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:10px 3.8%;gap:15px;font-size:10px;letter-spacing:1px;position:sticky;top:0;z-index:10}.compare>div{display:flex;gap:6px}.compare button{border:1px solid #777367;background:none;color:inherit;padding:10px 13px;font-size:11px}.compare button.selected{background:var(--paper);color:var(--ink)}.compare button span{margin-left:8px}.compare small{font-size:9px}header,main{max-width:1600px;margin:auto}header{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:56px;letter-spacing:-5px;line-height:1}.brand span{font:11px Arial;vertical-align:top;letter-spacing:0;margin-left:9px}nav{display:flex;gap:30px;font-size:12px}main{padding:0 5%}.intro{padding:45px 0 52px}.eyebrow{font-size:10px;letter-spacing:1.6px;display:flex;justify-content:space-between}.version-label{color:var(--accent)}h1{font:normal clamp(76px,9.5vw,152px)/.94 Georgia,'Times New Roman',serif;letter-spacing:-7px;margin:40px 0 35px}h1 em,h2 em{font-weight:normal;color:var(--accent)}.title-b{display:none}.intro-bottom{display:flex;justify-content:space-between;align-items:end}.intro-bottom p{font-size:15px;line-height:1.6;margin:0 0 0 50%}.intro-bottom a{font-size:11px;border-bottom:1px solid var(--ink);padding-bottom:8px}.intro-bottom a span{margin-left:28px}.section-top{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding:20px 0}.section-top h2{font:normal 25px Georgia;margin:0}.section-top>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.filters{display:flex;gap:10px;align-items:center;margin:0 0 24px}.filters button{border:1px solid var(--line);background:none;border-radius:30px;padding:8px 14px;font-size:11px}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}sup{font-size:9px}.filter-note{margin-left:auto;color:var(--muted);font-size:11px}.works{display:grid;grid-template-columns:1.15fr .75fr .9fr;gap:32px;align-items:start}.work{min-width:0}.image-button{position:relative;display:block;padding:0;border:0;width:100%;background:#dfd8cb}.image-button img{display:block;width:100%;height:100%;object-fit:contain}.stage .image-button{height:510px;background:#030303}.process{margin-top:135px}.process .image-button{height:300px;background:#161616}.meeting{margin-top:45px}.meeting .image-button{height:400px;background:#eac040}.image-tag{position:absolute;bottom:12px;left:12px;background:var(--paper);padding:7px 9px;font-size:9px;letter-spacing:1px;opacity:0;transition:opacity .2s}.image-button:hover .image-tag,.image-button:focus-visible .image-tag{opacity:1}.caption{display:flex;justify-content:space-between;font-size:10px;margin-top:14px}.caption span:last-child{color:var(--muted)}.work-description{font:normal 22px Georgia;margin:12px 0 0}.archive-note{font-size:10px;line-height:1.7;color:var(--muted);max-width:620px;margin:32px 0 65px}.projects{margin-bottom:80px}.project-row{display:grid;grid-template-columns:8% 1fr 18% 40px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;gap:10px}.project-row>span{font-size:11px;color:var(--muted)}.project-row h3{font:normal 45px Georgia;margin:0;letter-spacing:-1.5px}.project-row button{background:none;border:1px solid var(--line);border-radius:50%;height:36px;font-size:20px}.project-row:hover h3{color:var(--accent)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:50px 0 70px;border-top:1px solid var(--ink)}.fields h2{font:normal 49px/1.08 Georgia;letter-spacing:-2px}.field-list>*{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:13px 0;font-size:16px;text-align:left}.field-list span{font-size:10px;color:var(--muted)}footer{border-top:1px solid var(--ink);padding:40px 0 25px}footer>p{font:normal 35px Georgia;margin:0 0 15px}footer>a{font-size:14px;color:var(--accent)}footer>div{margin-top:60px;display:flex;align-items:end;justify-content:space-between;gap:25px;font-size:9px;line-height:1.8;letter-spacing:1px}.footer-logo{font:normal 100px/.8 Georgia;letter-spacing:-7px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:25px;width:min(900px,94vw);max-height:94vh}dialog::backdrop{background:#15130fe8}.close{display:block;margin:0 0 20px auto;background:none;border:0;font-size:12px}#gallery-content{height:65vh;text-align:center}#gallery-content img{max-width:100%;height:100%;object-fit:contain}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:15px}.gallery-controls button{background:none;border:1px solid var(--line);padding:8px 18px}.gallery-controls p{font-size:11px;line-height:1.6;text-align:center}#info{max-width:580px;padding:35px}#info h2{font:normal 48px Georgia;letter-spacing:-1px}#info p{line-height:1.7;font-size:15px}[hidden]{display:none!important}
body[data-mode=b] .title-a{display:none}body[data-mode=b] .title-b{display:block;font-size:clamp(75px,8.3vw,133px)}.title-b sup{font:normal 100px Georgia;display:inline-block;margin-left:40px;color:var(--accent)}body[data-mode=b] .intro{padding-bottom:38px}body[data-mode=b] .intro-bottom p{margin-left:0}body[data-mode=b] .works{grid-template-columns:1.05fr .75fr 1fr;gap:20px;padding:24px;background:#e7e0d3}body[data-mode=b] .stage{grid-column:2;grid-row:1;margin-top:120px}body[data-mode=b] .stage .image-button{height:390px}body[data-mode=b] .process{grid-column:1;grid-row:1;margin-top:0}body[data-mode=b] .process .image-button{height:310px}body[data-mode=b] .meeting{grid-column:3;grid-row:1;margin-top:55px}body[data-mode=b] .meeting .image-button{height:450px}body[data-mode=b] .caption{font-family:monospace}body[data-mode=b] .work-description{font:12px Arial}body[data-mode=b] .projects{padding-left:18%}body[data-mode=b] .project-row h3{font-style:italic}body[data-mode=b] .section-top h2{font-family:monospace;font-size:20px}
@media(min-width:1500px){.stage .image-button{height:620px}.meeting .image-button{height:490px}}
@media(max-width:850px){.compare>span,.compare small{display:none}.compare{justify-content:center}.compare button{padding:10px}.compare button span{font-size:10px;margin-left:3px}header{padding:24px 5%}.brand{font-size:46px}nav{gap:16px;font-size:10px}nav a:nth-child(3){display:none}h1{letter-spacing:-4px}.intro-bottom p{margin-left:0;font-size:13px}.section-top>span{max-width:130px;text-align:right;line-height:1.6}.works{gap:16px}.stage .image-button{height:350px}.process .image-button{height:210px}.meeting .image-button{height:280px}.process{margin-top:80px}.work-description{font-size:18px}.filter-note{display:none}.caption{gap:8px;flex-wrap:wrap}.fields h2{font-size:36px}body[data-mode=b] .works{padding:14px;gap:12px}body[data-mode=b] .stage .image-button{height:280px}body[data-mode=b] .meeting .image-button{height:310px}body[data-mode=b] .process .image-button{height:230px}body[data-mode=b] .projects{padding-left:0}}
@media(max-width:540px){.intro{padding-top:30px}h1{font-size:76px;margin:35px 0;letter-spacing:-4px}.version-label{max-width:120px;text-align:right;line-height:1.6}.eyebrow{font-size:8px}.intro-bottom{gap:20px}.intro-bottom a{font-size:10px;max-width:115px;line-height:1.5}.intro-bottom a span{margin-left:5px}.section-top h2{font-size:23px}.section-top>span{font-size:8px}.filters{gap:5px;flex-wrap:wrap}.filters button{font-size:10px;padding:8px 12px}.works{grid-template-columns:1fr 1fr;gap:24px 14px}.stage{grid-column:1/-1}.stage .image-button{height:440px}.process,.meeting{margin-top:0}.process .image-button,.meeting .image-button{height:240px}.caption{font-size:9px}.work-description{font-size:17px}.archive-note{margin-bottom:45px}.project-row{grid-template-columns:25px 1fr 32px;padding:20px 0}.project-row h3{font-size:33px}.project-type{display:none}.fields{grid-template-columns:1fr;gap:10px;padding:30px 0 45px}.fields h2{font-size:43px;margin:24px 0}.projects{margin-bottom:45px}footer>div{flex-wrap:wrap}.footer-logo{font-size:77px}footer>div>span:nth-child(2){font-size:8px}body[data-mode=b] .title-b{font-size:65px}.title-b sup{font-size:45px;margin-left:15px}body[data-mode=b] .works{grid-template-columns:1fr 1fr;gap:25px 12px}body[data-mode=b] .process{grid-column:1;grid-row:1;margin-top:0}body[data-mode=b] .stage{grid-column:2;grid-row:1;margin-top:65px}body[data-mode=b] .meeting{grid-column:1/-1;grid-row:2;margin-top:0;width:80%}body[data-mode=b] .stage .image-button{height:245px}body[data-mode=b] .process .image-button{height:190px}body[data-mode=b] .meeting .image-button{height:340px}.gallery-controls p{font-size:10px}#gallery-content{height:58vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}