:root{--color-paper:#eee7d8;--color-paper-soft:#f8f3e7;--color-paper-raised:#faf7ee;--color-paper-bright:#fffdf7;--color-ink:#29261f;--color-ink-muted:#71695c;--color-ink-faint:#9a9182;--color-border:#bdb3a0;--color-border-soft:#ddd5c5;--color-focus:#5a6c3d;--type-display:clamp(2.5rem, 6vw, 4.5rem);--type-body:1rem;--type-body-lg:1.125rem;--type-body-sm:.875rem;--type-h2:1.5rem;--type-h3:1.125rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-card:16px;--radius-thumb:10px;--radius-control:10px;--radius-pill:999px;--size-target:44px;--motion-micro:.12s;--color-thumb-herb:#b8d49a;--color-thumb-sand:#e4d9b8;--color-error-bg:#f4d7cf;--color-error-text:#7b3025}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:Geist,Geist Sans,system-ui,sans-serif;font-size:var(--type-body);margin:0}a{color:inherit}button,input{font:inherit}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.public-home,.showcase{width:min(calc(100% - var(--space-12)), 1180px);margin-inline:auto;overflow-x:hidden}header{min-height:var(--space-20);justify-content:space-between;align-items:center;display:flex}.brand{font-weight:800;text-decoration:none}nav{gap:var(--space-6);display:flex}nav a{min-height:var(--size-target);color:var(--color-ink-muted);align-items:center;text-decoration:none;display:inline-flex}:focus-visible,.is-focus{outline:2px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none;animation:none}}.admin-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.admin-rail{height:100vh;padding:var(--space-8) var(--space-6);background:var(--color-ink);color:var(--color-paper-bright);gap:var(--space-6);flex-direction:column;display:flex;position:sticky;top:0}.admin-rail a{color:inherit;min-height:var(--size-target);align-items:center;text-decoration:none;display:flex}.admin-brand{font-family:Nanum Myeongjo,Noto Serif KR,Batang,serif;font-size:var(--type-h2)}.admin-workspace{width:min(100%,1040px);padding:var(--space-8);align-content:start;gap:var(--space-6);display:grid}.admin-header,.admin-section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.admin-header{border-bottom:1px solid var(--color-border);min-height:auto;padding-bottom:var(--space-6)}.admin-header p,.admin-section-heading p{color:var(--color-ink-muted);margin:0}.admin-header h1{margin:var(--space-1) 0 0;font-family:Nanum Myeongjo,Noto Serif KR,Batang,serif;font-size:2rem}.admin-list-panel,.admin-form-panel{background:var(--color-paper-soft);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6)}.admin-section-heading h2{font-size:var(--type-h2);margin:0}.project-list{margin:var(--space-6) 0 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.project-list li{gap:var(--space-4);min-width:0;padding:var(--space-3);background:var(--color-paper-raised);border:1px solid var(--color-border-soft);border-radius:var(--radius-control);grid-template-columns:auto minmax(150px,1fr) auto auto;align-items:center;display:grid}.drag-handle{min-width:var(--size-target);min-height:var(--size-target);color:var(--color-ink-muted);cursor:grab;background:0 0;border:0;font-weight:700}.project-row-copy{min-width:0;display:grid}.project-row-copy strong,.project-row-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-row-copy span{color:var(--color-ink-muted);font-size:var(--type-body-sm)}.status-badge{border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:var(--type-body-sm)}.status-badge--published{background:var(--color-thumb-herb)}.status-badge--coming_soon{background:var(--color-thumb-sand)}.status-badge--hidden{background:var(--color-border-soft)}.row-actions{gap:var(--space-2);display:flex}.row-actions .button{padding-inline:var(--space-3)}.project-form{margin-top:var(--space-6);gap:var(--space-4);grid-template-columns:1fr 1fr;align-items:end;display:grid}.project-form label{gap:var(--space-2);color:var(--color-ink-muted);font-size:var(--type-body-sm);display:grid}.project-form input,.project-form textarea,.project-form select{min-height:var(--size-target);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-paper-bright);color:var(--color-ink)}.project-form textarea{resize:vertical;min-height:96px}.admin-state{padding:var(--space-12) var(--space-4);text-align:center}.admin-error{padding:var(--space-4);border-radius:var(--radius-control);background:var(--color-error-bg);color:var(--color-error-text)}@media (width<=767px){.admin-shell{display:block}.admin-rail{width:100%;height:auto;padding:var(--space-3) var(--space-4);flex-direction:row;justify-content:space-between;align-items:center;position:static}.admin-rail>span{display:none}.admin-workspace{padding:var(--space-4)}.admin-header{align-items:flex-end}.project-list li{grid-template-columns:minmax(0,1fr) auto}.drag-handle{display:none}.status-badge{justify-self:end}.row-actions{grid-column:1/-1;justify-content:stretch}.row-actions .button{flex:1}.project-form{grid-template-columns:1fr}}.search-field{display:block}.search-field input{width:100%;min-height:var(--size-target);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-paper-raised);color:var(--color-ink)}.search-field input[aria-invalid=true]{border-color:var(--color-error-text)}.filters,.showcase-row{gap:var(--space-2);padding:var(--space-4) 0;display:flex;overflow-x:auto}.filters{border:0;margin:0}.filter-chip,.button{min-height:var(--size-target);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink);cursor:pointer;white-space:nowrap;transition:transform var(--motion-micro) ease-out, background var(--motion-micro) ease-out;background:0 0}.filter-chip[aria-pressed=true],.button--primary{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper-bright)}.button:hover,.button.is-hover,.is-hover>.filter-chip{background:var(--color-ink-muted);color:var(--color-paper-bright)}.button:active,.button.is-active,.is-active>.filter-chip{background:var(--color-ink);color:var(--color-paper-bright);transform:translateY(1px)}button:disabled,input:disabled{cursor:not-allowed;color:var(--color-ink-faint);background:var(--color-border-soft)}.hero{gap:var(--space-6);padding:var(--space-20) 0 var(--space-16);grid-template-columns:1.15fr .85fr;align-items:end;display:grid}.hero h1,.showcase>h1{max-width:1180px;font-family:Nanum Myeongjo,Noto Serif KR,Batang,serif;font-size:var(--type-display);letter-spacing:-.055em;margin:0;font-weight:500;line-height:.98}.hero p{max-width:36rem;color:var(--color-ink-muted);font-size:var(--type-body-lg);margin:0;line-height:1.6}.hero [data-motion=hero-word]{display:inline-block}.project-index{scroll-margin-top:var(--space-6)}.project-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-paper-soft);min-width:0;overflow:hidden}.project-card>a{color:inherit;text-decoration:none;display:block}.project-card__thumb{aspect-ratio:2;margin:var(--space-4);border-radius:var(--radius-thumb);background:var(--color-thumb-herb);overflow:hidden}.project-card:nth-child(2n) .project-card__thumb{background:var(--color-thumb-sand)}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-micro) ease-out}.project-card a:hover img{transform:scale(1.03)}.fallback-art{border:1px solid var(--color-ink-muted);border-radius:var(--radius-thumb);width:42%;height:42%;margin:14% auto;display:block}.project-card__body{justify-content:space-between;align-items:end;gap:var(--space-4);padding:0 var(--space-4) var(--space-4);display:flex}.project-card h2{font-size:var(--type-h3);margin:0}.project-card p{margin:var(--space-1) 0 0;color:var(--color-ink-muted);font-size:var(--type-body-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card span,.project-card strong{color:var(--color-ink-muted);font-size:var(--type-body-sm);flex:none}footer{padding:var(--space-20) 0 var(--space-12);color:var(--color-ink-muted);justify-content:space-between;align-items:end;display:flex}footer b{color:var(--color-ink);font-family:Nanum Myeongjo,serif;font-size:var(--type-h2);font-weight:500}.state{min-height:160px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card);place-content:center;justify-items:start;display:grid}.state h2,.state p{margin:0 0 var(--space-3)}.error-notice{background:var(--color-error-bg);color:var(--color-error-text)}.spinner{width:var(--space-6);height:var(--space-6);margin-bottom:var(--space-3);border:2px solid var(--color-border);border-top-color:var(--color-ink);border-radius:50%}.showcase{padding-bottom:var(--space-20)}.showcase>h1{padding:var(--space-12) 0}.showcase section{padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.showcase-row{flex-wrap:wrap;overflow:visible}.showcase-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card-focus{border-radius:var(--radius-card);outline:3px solid var(--color-focus);outline-offset:3px}@media (width<=767px){.public-home,.showcase{width:min(calc(100% - var(--space-8)), 1180px)}.hero{padding:var(--space-12) 0;display:block}.hero p{margin-top:var(--space-6)}.project-grid,.showcase-grid{grid-template-columns:1fr}footer{display:block}footer .footer-copy{margin-top:var(--space-4);display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition:none;animation:none}}