@font-face{font-family:Maru;src:url('assets/MaruBuri-Regular.otf');font-display:swap}
*{box-sizing:border-box}html{background:#080808;color:#e9e5dc;scroll-behavior:smooth}body{margin:0;font:14px/1.65 'Noto Sans KR',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:1px solid #c2b593;outline-offset:5px}.site-header,main,footer{width:100%;max-width:1191px;margin:auto;padding-left:20px;padding-right:20px}.site-header{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #2d2c28}.site-header img{display:block;object-fit:contain}.site-header nav{display:flex;gap:30px;font:11px Arial,sans-serif;letter-spacing:.12em}.site-header nav a{padding:8px 0}.site-header nav a[aria-current]{border-bottom:1px solid #b6aa8e}.breadcrumb{display:inline-block;color:#99978f;font-size:11px;margin:22px 0 0}.page-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:end;padding:24px 0}.eyebrow{font:10px Arial,sans-serif;letter-spacing:.17em;color:#b6aa8e;margin:0 0 12px}h1{font:400 clamp(35px,4.6vw,57px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0 0 8px}.subtitle{font:18px/1.4 Maru,serif;color:#b6aa8e;margin:0}.intro-copy{color:#bdbab1;font-size:14px;line-height:1.65;margin:0}.intro-copy a,.project-copy a{font-size:11px;color:#b6aa8e;display:inline-block;margin-top:8px}.filters{display:flex;gap:26px;overflow-x:auto;border-top:1px solid #33312b;border-bottom:1px solid #33312b;padding:12px 0}.filters button{border:0;background:none;padding:0;white-space:nowrap;color:#95938a;font-size:12px}.filters button[aria-pressed=true]{font-weight:600;color:#eeeae0}.selection-note{color:#858278;font-size:10px;margin:14px 0}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 24px}.work-card[hidden]{display:none}.image-frame{display:block;aspect-ratio:16/10;overflow:hidden;background:#111}.image-frame img{width:100%;height:100%;object-fit:contain;display:block;transition:transform 1.2s}.zoom:hover .image-frame img{transform:scale(1.025)}.work-card .en{display:block;font:28px/1.1 'Cormorant Garamond',Georgia,serif;margin:10px 0 4px}.ko{display:flex;justify-content:space-between;color:#a8a293;font:13px/1.5 Maru,serif}.prototype-note{font-size:11px;color:#858278;margin:24px 0 18px}.archive{border-top:1px solid #33312b;border-bottom:1px solid #33312b;padding:16px 0}.archive summary{cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding-top:16px}.archive h2{font:18px Maru,serif;margin:0 0 6px}.archive p{margin:0;color:#a8a49a;font-size:12px}.muted{padding-top:12px}.page-end{display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:12px;color:#b6aa8e}footer{display:flex;justify-content:space-between;padding-top:18px;padding-bottom:24px;border-top:1px solid #33312b;font:11px Arial,sans-serif;color:#88857c}figure{margin:0}figure img{width:100%;height:auto;display:block}figcaption{font-size:11px;color:#949084;margin:7px 0 0}.project-copy{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:24px 0}.project-copy h2{font:24px/1.4 Maru,serif;margin:0}.project-copy p{margin:0;font-size:15px;color:#c1beb5}.photo-sequence{display:grid;gap:22px}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}dialog{background:#080808;color:#e9e5dc;border:1px solid #454137;padding:16px;width:min(1200px,96vw);max-height:94vh}dialog::backdrop{background:#000e}dialog form{text-align:right;margin-bottom:10px}dialog button{background:none;border:0;padding:4px 8px}dialog img{display:block;max-height:75vh;max-width:100%;margin:auto;object-fit:contain}dialog p{font-size:12px;color:#aaa69b;margin:10px 0 0}.skip{position:absolute;top:-60px}.skip:focus{top:0}
@media(max-width:700px){.site-header nav{gap:15px;font-size:10px}.page-intro{grid-template-columns:1fr;gap:14px;padding:20px 0}.filters{gap:20px}.work-grid{grid-template-columns:1fr;gap:24px}.work-card .en{font-size:27px}.project-copy{grid-template-columns:1fr;gap:10px}.photo-pair{grid-template-columns:1fr;gap:20px}.archive-grid{grid-template-columns:1fr}.page-end{font-size:11px}.intro-copy{max-width:36em}.hero-image img{aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-frame img{transition:none}}