:root{--paper:#f7f5f0;--ink:#20221e;--muted:#85847b;--line:#e4e1d8;--accent:#a45136;--green:#495642;--serif:Georgia,'Times New Roman',serif;--sans:'Noto Sans KR',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:75px;padding:0 8.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.045em}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:var(--green);color:#fff;font-family:var(--serif);font-size:20px}.brand small{display:block;margin-top:3px;color:#8c887d;font:8px var(--mono);letter-spacing:.075em}.top-nav{display:flex;gap:38px;height:100%;align-items:center}.nav-link{height:100%;display:flex;align-items:center;position:relative;color:#79786f;font-size:12px}.nav-link.active{color:var(--ink)}.nav-link.active:after{position:absolute;content:'';height:2px;bottom:0;left:0;right:0;background:var(--green)}.header-actions{display:flex;align-items:center;gap:18px}.login-button{border:1px solid #d8d5cb;background:transparent;padding:10px 16px;color:var(--ink);font-size:11px;cursor:pointer}.login-button span{margin-left:10px;color:var(--accent)}.menu-button{display:none;background:none;border:0}.hero{min-height:436px;padding:66px 13.5% 46px;display:grid;grid-template-columns:1.02fr .98fr;column-gap:7.5%;align-items:center;position:relative;border-bottom:1px solid var(--line)}.hero-copy{padding-bottom:12px}.eyebrow{font:10px var(--mono);letter-spacing:.14em;color:var(--green)}.live-dot{display:inline-block;width:6px;height:6px;margin:0 7px 1px 0;border-radius:50%;background:#79916a}.hero h1{margin:23px 0 14px;font-size:clamp(30px,3.1vw,43px);font-weight:600;line-height:1.55;letter-spacing:-.075em}.hero h1 span{color:var(--accent)}.hero-description{color:#78776e;font-size:12px;line-height:2.1}.hero-link{display:inline-flex;align-items:center;gap:23px;margin-top:21px;border-bottom:1px solid #bdb9ad;padding-bottom:8px;font-size:11px}.hero-link span{color:var(--accent)}.hero-index{display:flex;gap:20px;margin-top:48px;color:#928f84;font:9px var(--mono);letter-spacing:.05em}.hero-art{position:relative;padding:0 10px 16px 0}.art-frame{height:276px;position:relative;overflow:hidden;background:#d1cbbd}.art-frame>img{width:100%;height:100%;object-fit:cover;filter:sepia(.43) saturate(.62) contrast(.92);display:block}.art-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,19,15,.55),transparent 37%)}.photo-stamp{position:absolute;z-index:1;top:15px;right:15px;padding:7px 10px;border:1px solid #ffffff91;color:#fff;font:9px/1.5 var(--mono);text-align:center;letter-spacing:.08em;transform:rotate(4deg)}.art-caption{position:absolute;z-index:1;bottom:14px;left:17px;right:17px;display:flex;justify-content:space-between;color:white;font-size:10px}.art-caption span+span{font:8px var(--mono);letter-spacing:.08em}.art-note{position:absolute;right:-36px;bottom:43px;transform:rotate(90deg);transform-origin:bottom right;color:#88857b;font:8px var(--mono);letter-spacing:.14em}.hero-bottom{position:absolute;bottom:13px;left:8.1%;right:8.1%;display:flex;justify-content:space-between;color:#9a978d;font-size:9px}.hero-bottom span+span{font-family:var(--mono);letter-spacing:.07em}.section-wrap{max-width:1100px;margin:auto;padding:64px 32px 76px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end}.muted{color:#89867b}.section-heading h2,.about-inner h2{font-size:29px;font-weight:500;letter-spacing:-.07em;margin:11px 0 0}.heading-period{color:var(--accent)}.archive-count{color:#8b887e;font:9px var(--mono);letter-spacing:.07em;padding-bottom:6px}.archive-toolbar{margin:30px 0 23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.filter-list{display:flex;gap:6px;flex-wrap:wrap}.filter-button{border:1px solid transparent;background:none;padding:8px 12px;color:#77756d;font-size:10px;cursor:pointer}.filter-button.selected{background:var(--green);color:#fff}.search-box{display:flex;align-items:center;gap:9px;width:190px;height:34px;border-bottom:1px solid #cfccc2;color:#828077}.search-box>span{font-size:18px}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:10px}.search-box kbd{font:10px var(--mono)}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.story-card{cursor:pointer;min-width:0}.story-image{height:156px;position:relative;overflow:hidden;background:#dfdbd1}.story-image img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.34) saturate(.68);transition:transform .4s,filter .3s}.story-card:hover .story-image img{transform:scale(1.045);filter:sepia(.18) saturate(.8)}.story-image:after{position:absolute;content:'';inset:0;box-shadow:inset 0 0 0 1px #1917100c;pointer-events:none}.story-era{position:absolute;top:10px;left:10px;z-index:1;padding:5px 8px;background:#f7f5f0e8;color:var(--green);font:9px var(--mono)}.story-card-body{padding:15px 2px 18px;border-bottom:1px solid var(--line)}.story-meta{color:#908d83;font:9px var(--mono);letter-spacing:.035em}.story-title{margin:8px 0;font-size:15px;font-weight:600;letter-spacing:-.05em}.story-excerpt{margin:0;color:#77766f;font-size:10px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card-footer{display:flex;justify-content:space-between;margin-top:13px;color:#918e84;font-size:9px}.story-card-footer span:last-child{color:var(--accent)}.no-results{padding:45px 0;text-align:center;color:var(--muted)}.about-band{padding:62px 8%;background:#eceae1}.about-inner{max-width:865px;margin:auto;display:grid;grid-template-columns:65px 1fr auto;gap:20px;align-items:start}.about-symbol{font:76px/.8 var(--serif);color:var(--accent);opacity:.7}.about-inner h2{font-size:29px;line-height:1.6;margin:12px 0}.about-inner p{max-width:570px;font-size:11px;line-height:2.1;color:#77766e}.about-year{align-self:end;padding-bottom:9px;text-align:right;color:#868378;font:9px/1.8 var(--mono)}.site-footer{min-height:83px;padding:20px 8%;display:flex;align-items:center;justify-content:space-between;color:#87847b;font-size:9px}.footer-brand{color:var(--ink);font-size:12px}.footer-brand .brand-mark{width:28px;height:28px;font-size:17px}.footer-brand small{font-size:7px}.dialog{padding:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);max-height:min(90vh,850px)}.dialog::backdrop{background:#1717119c;backdrop-filter:blur(2px)}.dialog-content{width:min(400px,90vw);padding:38px;position:relative}.dialog-close{position:absolute;top:15px;right:18px;background:none;border:0;color:#76746d;font-size:24px;cursor:pointer}.dialog-content h2{margin:15px 0 8px;font-size:25px;letter-spacing:-.06em}.dialog-description{color:#77766e;font-size:11px;line-height:1.8;margin-bottom:25px}.form-label{display:block;margin:15px 0 7px;font-size:10px;color:#68675f}.form-input{width:100%;padding:12px;border:1px solid #dedbd2;background:#fffefa;outline-color:var(--green);font-size:12px}.submit-button{padding:11px 16px;border:0;background:var(--green);color:white;font-size:11px;cursor:pointer}.dialog-content>.submit-button{width:100%;margin-top:15px}.signup-switch{width:100%;padding:14px 0 0;background:none;border:0;color:#75736a;font-size:10px;cursor:pointer}.signup-switch u{color:var(--green);text-underline-offset:3px}.demo-note{padding:10px;background:#eeece5;color:#77746b;font-size:10px;line-height:1.8}.demo-note b{color:var(--green);font-family:var(--mono)}.form-error{color:#a13f30;font-size:10px;min-height:14px}.story-modal{width:min(680px,93vw);max-height:86vh;overflow-y:auto;position:relative}.story-close{z-index:2;background:#f7f5f0d9;width:32px;height:32px;border-radius:50%}.detail-image{display:block;width:100%;height:260px;object-fit:cover;filter:sepia(.26) saturate(.76)}.detail-content{padding:30px 40px}.detail-content h2{font-size:27px;letter-spacing:-.06em;margin:11px 0}.detail-description{font-size:13px;line-height:2;color:var(--green)}.detail-body{font-size:12px;line-height:2.05;color:#66655d;white-space:pre-line}.comments-section{margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.comment-heading{display:flex;align-items:center;gap:9px}.comment-heading h3{font-size:13px}.comment-heading span{font:10px var(--mono);color:#89867b}.comment-item{padding:12px 0;border-bottom:1px solid var(--line)}.comment-author{font-weight:600;font-size:10px}.comment-date{padding-left:9px;color:#97948a;font:9px var(--mono)}.comment-text{font-size:11px;line-height:1.8;color:#69685f;margin:7px 0 0;white-space:pre-wrap}.comment-form textarea{width:100%;resize:vertical;padding:11px;border:1px solid var(--line);background:#fffefa;outline-color:var(--green);font-size:11px}.comment-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.comment-footer>span{color:#939087;font-size:9px}.comment-submit{margin-top:8px}.admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.admin-stat{padding:15px;background:#eeece5}.admin-stat span{display:block;color:#858278;font-size:10px}.admin-stat strong{display:block;margin-top:8px;color:var(--green);font:24px var(--mono)}.admin-note{padding:12px;border-left:2px solid #b27b46;color:#77736a;font-size:10px;line-height:1.8}.toast{position:fixed;bottom:23px;left:50%;z-index:5;transform:translate(-50%,15px);padding:12px 19px;background:#24251f;color:white;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1350px){.hero{padding-left:calc((100% - 1000px)/2);padding-right:calc((100% - 1000px)/2)}}@media(max-width:800px){.site-header{padding:0 5%}.hero{padding:55px 8% 48px;column-gap:5%}.hero h1{font-size:32px}.art-frame{height:235px}.art-note{display:none}.section-wrap{padding-left:5%;padding-right:5%}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-band{padding:50px 6%}.hero-bottom{left:5%;right:5%}}@media(max-width:560px){.site-header{height:65px}.top-nav{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;padding:42px 7% 49px;gap:28px}.hero h1{font-size:35px}.hero-index{margin-top:26px}.art-frame{height:220px}.hero-bottom{font-size:8px}.section-wrap{padding-top:47px;padding-bottom:55px}.section-heading h2{font-size:25px}.archive-count{font-size:8px}.archive-toolbar{align-items:flex-start;flex-direction:column-reverse;gap:14px;margin-top:21px}.search-box{align-self:flex-end;width:100%}.filter-list{gap:2px}.filter-button{padding:7px 9px;font-size:9px}.story-grid{gap:17px 12px}.story-image{height:120px}.story-title{font-size:13px}.story-excerpt{font-size:9px}.story-card-footer{font-size:8px}.about-inner{grid-template-columns:35px 1fr}.about-symbol{font-size:54px}.about-inner h2{font-size:24px}.about-inner p{font-size:10px}.about-year{grid-column:2;text-align:left}.site-footer{padding:20px 6%;gap:12px;flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}.detail-content{padding:24px 20px}.detail-image{height:200px}.detail-content h2{font-size:22px}.comment-footer>span{max-width:58%}.dialog-content{padding:32px 25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}