:root{color-scheme:dark;--bg:#111217;--panel:#191b23;--line:#ffffff15;--ink:#ecece9;--muted:#999ca9;--accent:#b7a6e7;--mint:#b9d7c4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.skip{position:fixed;left:16px;top:-80px;z-index:20;background:var(--accent);color:#111;padding:12px}.skip:focus{top:10px}.site-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:18px;font-weight:800;letter-spacing:.08em}.brand span{font-size:13px;font-weight:400;color:var(--accent)}.site-header nav{display:flex;gap:26px;font-size:12px;color:var(--muted)}main{max-width:1560px;margin:auto;padding:0 5vw}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:70px 0 48px;gap:30px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--accent);margin:0 0 18px}.intro h1{font-size:clamp(42px,5.6vw,82px);font-weight:500;line-height:1.15;letter-spacing:-.05em;margin:0}.intro h1 em{font-style:normal;color:var(--accent)}.intro-copy{font-size:14px;color:var(--muted);margin:24px 0}.browse-link{font-size:12px;display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid var(--accent);padding:7px 0;color:var(--ink)}.browse-link span{color:var(--mint)}.intro-side{text-align:right;min-width:170px;padding-bottom:5px}.archive-label{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted)}.intro-side strong{display:block;font-size:48px;line-height:1.2;font-weight:300;margin:16px 0}.intro-side small{font-size:12px;color:var(--muted);margin-left:12px}.intro-side p{font-size:12px;color:var(--muted);line-height:1.8}.spotlight{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:center;padding-bottom:65px;border-bottom:1px solid var(--line)}.spotlight-piece{display:block;min-width:0}.spotlight-piece img{display:block;width:100%;height:clamp(240px,29vw,430px);object-fit:contain;background:#e7e4de;padding:20px;border-radius:3px}.piece-1 img{height:clamp(200px,25vw,360px);background:#dadfd9}.piece-2 img{height:clamp(200px,25vw,360px);background:#d9d5df}.spotlight-piece>span{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:12px 2px}.spotlight-piece b{font-size:15px;color:var(--mint);font-weight:400}.works{padding:56px 0 76px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:26px;font-weight:500;letter-spacing:-.03em;margin:0}.section-heading h2>span{font-size:12px;color:var(--accent);vertical-align:super;margin-left:10px}.section-hint{color:var(--muted);font-size:12px;margin:0 0 4px}.gallery-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.collection-tabs{display:flex;gap:6px;flex-wrap:wrap}.collection-tabs a{border-radius:20px;padding:7px 13px;color:var(--muted);font-size:12px;white-space:nowrap}.collection-tabs [aria-current]{background:var(--accent);color:#211a32}.search-controls{display:flex;gap:8px;min-width:0}.search-controls input,.search-controls select,.search-controls button{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:7px;font-size:12px;padding:9px 11px}.search-controls input{width:180px}.search-controls button{white-space:nowrap}.result-line{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:20px 0}.result-line p{margin:0}.result-line p span{color:#727685}.art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.art-card{min-width:0}.art-open{display:block}.art-mat{position:relative;aspect-ratio:4/5;background:#e3e1dc;padding:20px;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden}.art-mat img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;transition:transform .25s}.art-open:hover img{transform:scale(1.025)}.expand{position:absolute;right:10px;bottom:10px;background:#171a22db;color:#fff;width:27px;height:27px;text-align:center;border-radius:50%;opacity:0;transition:opacity .2s}.art-open:hover .expand,.art-open:focus-visible .expand{opacity:1}.art-caption{padding:12px 1px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.art-caption h3{font-size:12px;font-weight:500;margin:0;overflow-wrap:anywhere}.art-caption>span{color:var(--muted);font-size:10px;flex-shrink:0}.pagination{display:flex;justify-content:center;gap:25px;align-items:center;padding-top:40px;font-size:12px}.pagination>div{display:flex;gap:5px}.pagination a{padding:8px 12px;border-radius:7px}.pagination [aria-current]{background:var(--panel);color:var(--accent);border:1px solid var(--line)}.disabled{color:#565963}.empty-state{text-align:center;padding:60px 16px}.empty-state h3{font-weight:500}.empty-state p{color:var(--muted)}.empty-state a{color:var(--mint);font-size:13px}.site-footer{display:flex;justify-content:space-between;padding:25px 5vw;border-top:1px solid var(--line);font-size:11px;letter-spacing:.08em}.muted{color:var(--muted)}.viewer{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:0;background:#0d0f13;color:var(--ink);overflow:hidden}.viewer[open]{display:flex;flex-direction:column}.viewer::backdrop{background:#000e}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 28px;flex-shrink:0}.viewer-header .eyebrow{font-size:10px;margin:0 0 3px}.viewer-header h2{margin:0;font-size:15px;font-weight:500}.viewer button{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:9px 16px;font-size:12px}.viewer-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 32px}.viewer-stage img{max-width:100%;max-height:100%;object-fit:contain}.viewer-stage p{position:absolute;bottom:10px;background:#151720db;padding:6px 12px;border-radius:6px;color:var(--muted);font-size:12px}.viewer-stage p:empty{display:none}.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 28px max(18px,env(safe-area-inset-bottom));flex-shrink:0}.viewer-footer a{font-size:12px;color:var(--mint)}.viewer button:disabled{opacity:.3;cursor:default}body.viewer-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
@media(min-width:1700px){main{padding-inline:60px}}@media(max-width:1050px){.art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-controls{align-items:start;flex-direction:column;gap:12px}.search-controls{width:100%}.search-controls input{flex:1}.art-mat{padding:15px}}@media(max-width:650px){.site-header{min-height:65px;padding-inline:20px;gap:12px}.brand{font-size:16px}.brand span{font-size:10px}.site-header nav{gap:14px;font-size:11px}main{padding:0 20px}.intro{padding:40px 0 28px;align-items:center;gap:16px}.intro-copy{font-size:12px;margin:18px 0}.intro-side{min-width:0;text-align:right}.intro-side strong{font-size:30px}.intro-side small{display:block;font-size:10px;margin:5px 0 0}.intro-side p{display:none}.archive-label{font-size:7px}.spotlight{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:28px}.spotlight-piece img{height:220px;padding:12px}.piece-0{grid-column:1/-1}.piece-0 img{height:280px}.spotlight-piece>span{padding:8px 0;font-size:10px}.works{padding:32px 0 45px}.section-heading h2{font-size:23px}.section-hint{display:none}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.art-mat{padding:10px}.art-caption{display:block;padding:9px 0}.art-caption h3{font-size:12px}.art-caption>span{font-size:9px}.collection-tabs a{font-size:11px;padding:6px 11px}.search-controls{gap:5px}.search-controls input{width:100px}.search-controls input,.search-controls select,.search-controls button{padding:8px;font-size:11px}.result-line{font-size:10px}.pagination{gap:8px;justify-content:space-between}.pagination a{padding:7px 8px}.pagination>div{gap:1px}.viewer-header{padding:15px 18px}.viewer-stage{padding:0 12px}.viewer-footer{padding-inline:18px}.viewer button{padding:8px 12px}.site-footer{padding:20px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-mat img,.expand{transition:none}}