:root {color-scheme:light dark;--paper:#f5f1e8;--ink:#242d29;--muted:#5e655f;--line:#bdc2b6;--accent:#6e3e29;--panel:#e8e5da;--btn:#fffaf2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);padding:10px 17px;cursor:pointer;min-height:44px}a:hover{color:var(--accent)}.wrap{max-width:1320px;margin:auto;padding:0 5vw}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0;border-bottom:1px solid var(--line)}.wordmark{font:30px Georgia,serif;text-decoration:none;letter-spacing:-1px}.micro{font:12px/1.5 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{min-height:44px;display:flex;align-items:center}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{font:clamp(52px,7.5vw,110px)/1 Georgia,serif;letter-spacing:-.045em;max-width:1000px;margin-bottom:25px}h2{font:clamp(30px,3.4vw,51px)/1.07 Georgia,serif;letter-spacing:-.025em}h3{font:30px/1.12 Georgia,serif;margin:16px 0 10px}.intro{padding:65px 0 48px}.intro p{max-width:570px;color:var(--muted);font-size:19px}.projects{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.project{min-width:0;display:block;text-decoration:none}.project figure{margin:0;background:var(--panel);height:285px;display:flex;align-items:center;justify-content:center;padding:16px}.project img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.project:hover img{transform:translateY(-4px)}.project p{color:var(--muted);max-width:36ch}.status{font-size:12px;border-top:1px solid var(--line);padding-top:12px}.typecover{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;background:#c5dad7;color:#123d44;padding:22px;font:38px/.95 Georgia,serif;letter-spacing:-.035em}.typecover small{font:10px/1.5 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.typecover b{font-size:20px;font-weight:400}.typecover em{font-size:12px;font-style:normal;letter-spacing:0}footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:65px;padding:30px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.review{background:var(--panel);padding:12px 5vw;font-size:12px;line-height:1.5;border-bottom:1px solid var(--line)}.review a{display:inline-block;padding:5px 8px;min-height:32px}.about{max-width:700px;padding-top:70px}.about p{color:var(--muted)}.edition .project:nth-child(2){margin-top:55px}.edition .project:nth-child(3){margin-top:110px}.gallery .intro{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:end}.gallery .intro>.micro{grid-column:1/-1}.gallery .intro h1{grid-column:1}.gallery .intro p{grid-column:2}.gallery h1{font-family:Arial,sans-serif;font-size:clamp(60px,10vw,145px);font-weight:800;letter-spacing:-.08em}.gallery .projects{grid-template-columns:1fr}.gallery .project{display:grid;grid-template-columns:1.6fr 1fr;gap:45px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.gallery .project figure{height:450px}.gallery .project:nth-child(even) figure{order:2}.gallery .project h2{font-size:clamp(40px,5vw,70px)}.cabinet .intro{max-width:800px}.cabinet .projects{gap:0;border-top:1px solid var(--line)}.cabinet .project{padding:28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.cabinet .project:first-child{border-left:1px solid var(--line)}.cabinet .project figure{height:240px;padding:25px}.cabinet h1{font-size:clamp(52px,7vw,95px)}.cabinet .project h2{font:30px Georgia,serif}.detail-head{padding:60px 0 35px}.detail-head h1{margin-top:16px}.detail-head p{max-width:620px;font-size:22px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:45px;align-items:start}.detail-grid figure{margin:0}.detail-grid img{width:100%;display:block;max-height:650px;object-fit:contain;background:var(--panel)}figcaption{font-size:12px;color:var(--muted);padding:12px 0}.detail-grid .typecover{min-height:430px;font-size:80px}.detail-grid aside{border-top:1px solid var(--line);padding-top:25px}.detail-grid aside p{color:var(--muted)}details{padding:20px 0;border-top:1px solid var(--line)}summary{cursor:pointer;min-height:44px}.text-link{display:inline-block;padding:10px 0;min-height:44px}dialog{max-width:min(1100px,95vw);border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:20px}dialog::backdrop{background:#000b}dialog img{max-width:100%;max-height:75vh;object-fit:contain;display:block}dialog button{margin-bottom:14px}.image-button{border:0;padding:0;background:none;width:100%;display:block}.skip{position:absolute;left:-1000px}.skip:focus{left:15px;top:15px;z-index:20;background:var(--paper);padding:15px}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.options article{border-top:1px solid var(--line);padding-top:25px}.options .number{font:70px Georgia,serif;color:var(--muted)}.options a{display:block;margin:12px 0;min-height:44px}.options p{color:var(--muted)}
@media(prefers-color-scheme:dark){:root{--paper:#171e1b;--ink:#eeeae0;--muted:#b6bfb6;--line:#536158;--accent:#e0b398;--panel:#28332e;--btn:#1a201d}}
:root[data-mode=light]{color-scheme:light;--paper:#f5f1e8;--ink:#242d29;--muted:#5e655f;--line:#bdc2b6;--accent:#6e3e29;--panel:#e8e5da;--btn:#fffaf2}:root[data-mode=dark]{color-scheme:dark;--paper:#171e1b;--ink:#eeeae0;--muted:#b6bfb6;--line:#536158;--accent:#e0b398;--panel:#28332e;--btn:#1a201d}
@media(max-width:760px){header{padding:22px 0;align-items:start}.wordmark{font-size:26px}nav{gap:10px;font-size:14px}.intro{padding:40px 0 25px}.projects,.options,.detail-grid,.gallery .intro{grid-template-columns:minmax(0,1fr)}.gallery .intro p{grid-column:1}.edition .project:nth-child(n){margin-top:0}.project figure{height:300px}.gallery .project{grid-template-columns:minmax(0,1fr);gap:20px}.gallery .project:nth-child(even) figure{order:0}.gallery .project figure{height:310px}.cabinet .project{border-left:1px solid var(--line)}.detail-grid .typecover{font-size:62px}.detail-head{padding-top:35px}footer{margin-top:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}