:root{--paper:#f5f3ee;--ink:#252522;--muted:#85837d;--line:#d9d6ce;--red:#8e3228;--serif:"Noto Serif SC",Georgia,serif;--sans:"DM Sans","Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.topline{height:34px;padding:0 5.2vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.1em;color:#77746e}.site-header{height:84px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.wordmark{font:600 29px/1 var(--sans);letter-spacing:-.075em;color:var(--ink);text-decoration:none}.wordmark span{color:var(--red)}.main-nav{display:flex;gap:38px;align-items:center}.nav-link{padding:10px 0;border:0;background:none;color:#77746e;font:11px var(--mono);letter-spacing:.045em;cursor:pointer;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";display:block;margin:7px auto -9px;width:4px;height:4px;border-radius:50%;background:var(--red)}.menu-button{display:none;border:0;background:none;padding:10px}.menu-button span{display:block;width:21px;height:1px;background:var(--ink);margin:5px}main{min-height:70vh}.view{display:none}.view.active{display:block}.home-view,.archive-view,.detail-view,.about-view{animation:appear .32s ease}@keyframes appear{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.intro-row{padding:33px 5.2vw 28px;display:flex;justify-content:space-between;align-items:flex-start}.eyebrow,.section-index,.project-kicker{font:10px var(--mono);letter-spacing:.12em;color:#64615b}.red-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin:0 8px 1px 0}.muted{color:#a29f98}.intro-note{margin:0;color:#77746e;font:12px/1.6 var(--serif)}.hero-work{padding:0 5.2vw}.hero-image{width:100%;height:min(59vw,620px);min-height:340px;padding:0;display:block;overflow:hidden;position:relative;border:0;background:#e5e0d7;text-align:left;cursor:pointer}.hero-image:after,.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(20,19,17,.25));pointer-events:none}.hero-image img,.card-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s}.hero-image img{object-position:center 53%;filter:saturate(.58)}.hero-image:hover img,.card-image:hover img{transform:scale(1.025)}.image-index,.image-caption{position:absolute;z-index:1;bottom:18px;color:#fff;font:9px var(--mono);letter-spacing:.1em;text-shadow:0 1px 10px #222}.image-index{left:20px}.image-caption{right:20px}.hero-caption{display:flex;justify-content:space-between;align-items:center;padding:21px 0 0}.project-kicker{margin:0 0 7px;font-size:9px}.hero-caption h1{font:500 30px/1.3 var(--serif);margin:0}.sub-title{margin:4px 0 0;color:#8b8881;font:9px var(--mono);letter-spacing:.13em}.round-arrow{width:42px;height:42px;border:1px solid #bcb9b1;border-radius:50%;background:transparent;color:var(--ink);font-size:17px;cursor:pointer;transition:background .2s,color .2s}.round-arrow:hover{background:var(--ink);color:var(--paper)}.manifesto{margin:120px 5.2vw 125px;padding:25px 0 29px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;align-items:center}.section-index{margin:0;font-size:9px;color:#77746e}.manifesto-copy h2{margin:0 0 15px;font:400 clamp(28px,4vw,51px)/1.45 var(--serif);letter-spacing:.02em}.manifesto-copy h2 em,.about-layout h1 em{font-style:normal;color:var(--red)}.manifesto-copy p{max-width:450px;margin:0;color:#77746e;font:13px/1.9 var(--serif)}.text-link{display:inline-flex;gap:18px;align-items:center;border:0;background:none;padding:0;color:var(--ink);text-decoration:none;font:10px var(--mono);letter-spacing:.04em;cursor:pointer}.text-link span{color:var(--red);font-size:15px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-2px)}.selected-grid-section{padding:0 5.2vw}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2{margin:9px 0 0;font:400 27px var(--serif)}.selected-grid{display:grid;grid-template-columns:1.05fr .95fr;column-gap:4.5vw;row-gap:70px}.work-card:nth-child(2){margin-top:98px}.work-card:nth-child(3){width:78%}.card-open{display:block;width:100%;border:0;padding:0;background:none;text-align:left;color:inherit;cursor:pointer}.card-image{position:relative;display:block;height:360px;background:#e6e2da;overflow:hidden}.work-card:nth-child(2) .card-image{height:430px}.work-card:nth-child(3) .card-image{height:330px}.card-image img{object-fit:cover;filter:saturate(.65)}.card-image .image-caption{font-size:8px;bottom:12px;right:12px}.card-meta{padding:16px 0 0;display:flex;justify-content:space-between;gap:12px}.card-category{font:9px var(--mono);letter-spacing:.11em;color:#77746e}.card-year{font:9px var(--mono);color:#918e87}.card-title{margin:8px 0 4px;font:500 21px var(--serif)}.card-desc{margin:0;color:#77746e;font:12px/1.7 var(--serif)}.demo-mark{display:inline-block;margin-left:8px;vertical-align:middle;color:var(--red);font:8px var(--mono);letter-spacing:.08em}.closing-note{margin:135px 5.2vw 130px;padding:25px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start}.closing-line{margin:-9px 0 31px;font:400 clamp(27px,4vw,47px)/1.7 var(--serif)}.site-footer{margin:0 5.2vw;border-top:1px solid var(--line);min-height:88px;display:flex;justify-content:space-between;align-items:center;color:#85827b;font:9px var(--mono);letter-spacing:.09em}.wordmark.small{font-size:21px}.back-top{color:inherit;text-decoration:none;letter-spacing:0}.archive-view{padding:57px 5.2vw 86px}.archive-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:42px;border-bottom:1px solid var(--line)}.archive-head h1{margin:15px 0 9px;font:400 clamp(40px,6vw,72px)/1.2 var(--serif)}.period{color:var(--red)}.archive-lede{margin:0;color:#77746e;font:13px var(--serif)}.archive-count{text-align:right;color:#85827b;font:9px/1.8 var(--mono);letter-spacing:.1em}.archive-count span{font:400 30px/1 var(--serif);color:var(--red)}.archive-tools{display:flex;justify-content:space-between;align-items:center;padding:23px 0 29px;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter-button{border:1px solid #cfccc4;background:transparent;padding:8px 12px;border-radius:30px;color:#706d67;font:9px var(--mono);letter-spacing:.035em;cursor:pointer;transition:all .2s}.filter-button:hover,.filter-button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.search-box{width:205px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #aaa79f;padding:7px 0;color:#7e7b74}.search-box>span{font-size:18px}.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:11px var(--serif)}.search-box input::placeholder{color:#99968f}.search-box kbd{font:9px var(--mono);color:#a5a199}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:49px 22px}.archive-grid .card-image{height:clamp(185px,25vw,330px)}.archive-grid .card-title{font-size:18px}.archive-grid .card-desc{font-size:11px}.archive-grid .work-card:nth-child(n){margin-top:0;width:auto}.archive-grid .work-card:nth-child(3n + 2){margin-top:54px}.archive-grid .work-card:nth-child(3n){margin-top:15px}.empty-state{padding:50px 0;text-align:center;color:#77746e;font:13px var(--serif)}.archive-foot{border-top:1px solid var(--line);margin-top:70px;padding-top:14px;display:flex;justify-content:space-between;color:#98958d;font:8px var(--mono);letter-spacing:.13em}.detail-view{padding:30px 5.2vw 100px}.detail-back{display:inline-flex;gap:12px;align-items:center;color:#77746e;text-decoration:none;font:9px var(--mono);letter-spacing:.08em}.detail-back span{font-size:15px;color:var(--red)}.detail-hero{margin-top:29px;display:grid;grid-template-columns:1.5fr .5fr;gap:5vw;align-items:end}.detail-hero h1{margin:15px 0 8px;font:400 clamp(42px,7vw,85px)/1.22 var(--serif)}.detail-english{margin:0;color:#89867f;font:10px var(--mono);letter-spacing:.14em}.detail-number{font:9px/1.8 var(--mono);color:#85827b;text-align:right}.detail-cover{width:100%;height:min(57vw,580px);min-height:300px;margin-top:30px;overflow:hidden;background:#e5e0d7}.detail-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.63)}.detail-cover-caption{display:flex;justify-content:space-between;margin-top:8px;color:#908d86;font:8px var(--mono);letter-spacing:.08em}.detail-body{max-width:980px;margin:85px auto 0;display:grid;grid-template-columns:1fr 2fr;gap:6vw}.detail-facts{border-top:1px solid var(--line)}.fact{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;gap:10px;font:10px var(--mono)}.fact dt{color:#8a8780}.fact dd{margin:0}.detail-story h2{margin:0 0 18px;font:400 25px var(--serif)}.detail-story p{margin:0 0 17px;color:#6f6c66;font:14px/2.1 var(--serif)}.detail-module{margin-top:56px}.detail-module img{width:100%;max-height:490px;object-fit:cover;filter:saturate(.68)}.module-caption{margin:9px 0 0;color:#8a8780;font:8px var(--mono);letter-spacing:.08em}.related{max-width:980px;margin:110px auto 0;padding-top:22px;border-top:1px solid var(--line)}.related h2{font:400 23px var(--serif);margin:0 0 25px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.related-grid .card-image{height:240px}.related-grid .card-title{font-size:18px}.about-view{padding:58px 5.2vw 80px}.about-top{display:flex;justify-content:space-between;align-items:center}.about-number{margin:0;color:#9c9992;font:9px var(--mono)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:100px 0 150px;align-items:start}.about-layout h1{font:400 clamp(62px,12vw,150px)/1.15 var(--serif);margin:0;letter-spacing:.02em}.about-layout h1 em{font:italic 500 clamp(39px,7vw,78px)/1.4 Georgia,serif;letter-spacing:-.03em}.about-text{max-width:460px;padding-top:18px}.about-text p{color:#706d67;font:14px/2.1 var(--serif);margin:0 0 21px}.about-text .about-lede{font:500 22px/1.8 var(--serif);color:var(--ink);margin:0 0 30px}.about-text .about-note{margin-top:33px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:#97948d}.contact-button{margin-top:6px}.about-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;color:#96938c;font:8px var(--mono);letter-spacing:.12em}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,14px);z-index:20;opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);padding:12px 18px;font:10px var(--mono);letter-spacing:.03em;transition:all .25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.topline{height:29px;padding:0 5vw;font-size:8px}.site-header{height:68px;padding:0 5vw}.wordmark{font-size:26px}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:17px 5vw 22px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:15px}.main-nav.open{display:flex}.nav-link{font-size:10px}.nav-link.active:after{display:none}.menu-button{display:block}.intro-row{padding:25px 5vw 21px}.intro-note{font-size:10px}.hero-work{padding:0 5vw}.hero-image{height:68vw;min-height:280px}.image-caption{font-size:7px;right:10px;bottom:12px}.image-index{left:11px;bottom:12px;font-size:8px}.hero-caption h1{font-size:25px}.manifesto{margin:83px 5vw 88px;grid-template-columns:1fr 2fr;gap:18px}.manifesto>.text-link{grid-column:2}.manifesto-copy h2{font-size:32px}.manifesto-copy p{font-size:12px}.section-index{font-size:8px}.selected-grid-section{padding:0 5vw}.section-heading h2{font-size:23px}.selected-grid{column-gap:5vw;row-gap:46px}.card-image{height:250px}.work-card:nth-child(2) .card-image{height:300px}.work-card:nth-child(3) .card-image{height:250px}.work-card:nth-child(2){margin-top:60px}.work-card:nth-child(3){width:100%}.card-meta{padding-top:11px}.card-category,.card-year{font-size:8px}.card-title{font-size:17px;margin:7px 0 4px}.card-desc{font-size:10px}.closing-note{margin:95px 5vw 90px;grid-template-columns:1fr 2fr;gap:15px}.closing-line{font-size:28px;grid-column:2}.closing-note>.text-link{grid-column:2}.site-footer{margin:0 5vw;min-height:72px;font-size:7px}.wordmark.small{font-size:18px}.archive-view{padding:38px 5vw 64px}.archive-head{padding-bottom:28px}.archive-head h1{font-size:51px}.archive-lede{font-size:11px}.archive-count span{font-size:25px}.archive-tools{align-items:flex-start;flex-direction:column;padding:20px 0 24px}.filters{gap:6px}.filter-button{font-size:8px;padding:7px 9px}.search-box{width:100%;max-width:300px}.archive-grid{grid-template-columns:repeat(2,1fr);gap:36px 13px}.archive-grid .card-image{height:clamp(150px,43vw,280px)}.archive-grid .work-card:nth-child(3n + 2),.archive-grid .work-card:nth-child(3n){margin-top:0}.archive-grid .work-card:nth-child(even){margin-top:35px}.archive-grid .card-title{font-size:15px}.archive-grid .card-desc{font-size:10px}.detail-view{padding:22px 5vw 65px}.detail-hero{grid-template-columns:1fr auto;gap:10px;align-items:end}.detail-hero h1{font-size:49px}.detail-number{font-size:8px}.detail-cover{height:65vw;min-height:250px;margin-top:22px}.detail-body{margin:58px auto 0;grid-template-columns:1fr;gap:37px}.fact{grid-template-columns:80px 1fr}.detail-story h2{font-size:22px}.detail-story p{font-size:13px}.detail-module{margin-top:38px}.related{margin-top:75px}.related-grid .card-image{height:32vw;min-height:135px}.related-grid .card-title{font-size:15px}.about-view{padding:39px 5vw 60px}.about-layout{grid-template-columns:1fr;gap:29px;margin:65px 0 93px}.about-layout h1{font-size:90px}.about-layout h1 em{font-size:49px}.about-text{padding-top:0}.about-text .about-lede{font-size:19px}.about-text p{font-size:13px}.about-bottom{font-size:7px}.empty-state{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
[hidden]{display:none!important}.empty-home{margin:20px 5.2vw 0;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:15px var(--serif);color:#77746e}.empty-home span{display:block;margin-top:8px;font:8px var(--mono);letter-spacing:.12em;color:#a29f98}
.edit-banner{position:sticky;top:0;z-index:8;padding:10px 5.2vw;background:var(--ink);color:var(--paper);font:9px var(--mono);letter-spacing:.05em}.visual-edit-mode [contenteditable="true"]{outline:1px dashed rgba(142,50,40,.65);outline-offset:4px;cursor:text}.visual-edit-mode [contenteditable="true"]:focus{outline:1px solid var(--red)}