:root{--bg:#f7f4ee;--fg:#241a16;--muted:#241a16a3;--border:#241a1624;--accent:#5c1f1a;--serif:"EB Garamond", Georgia, "Times New Roman", serif;--sans-kr:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;--light-transition:.6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--sans-kr);word-break:keep-all;overflow-wrap:break-word;transition:background-color var(--light-transition), color var(--light-transition);margin:0;padding:0}:is(body:has(.lighting-page.is-on),body:has(.lighting-detail-page.is-on)){background:#ddd7cd}.lighting-page-header,.lighting-detail-header{z-index:20;-webkit-backdrop-filter:blur(14px);min-height:72px;transition:background-color var(--light-transition), border-color var(--light-transition);background:#f7f4eef0;padding:20px 0 16px;position:sticky;top:0}.lighting-page.is-on .lighting-page-header,.lighting-detail-page.is-on .lighting-detail-header{background:#ddd7cdf0}.lighting-card{transition:border-color .18s,transform .18s}.lighting-card-visual{isolation:isolate;background:#e7e3db}.lighting-card-image{object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity var(--light-transition);position:absolute;inset:0}.lighting-card-image-on{opacity:0}.lighting-card-copy{min-height:118px;font-family:var(--sans-kr);padding:17px 16px 20px}.lighting-card-year{color:var(--accent);font-family:var(--serif);letter-spacing:.08em;font-variant-numeric:tabular-nums;margin-bottom:9px;font-size:12px;font-weight:600;line-height:1}.lighting-card-title{font-family:var(--serif);letter-spacing:-.015em;font-size:21px;font-weight:600;line-height:1.08}.lighting-card-designer{color:var(--muted);margin-top:8px;font-size:12px;font-weight:400;line-height:1.4}.lighting-page.is-on .lighting-card-image-on,.lighting-detail-page.is-on .lighting-card-image-on{opacity:1}@media (hover:hover) and (pointer:fine){.lighting-card:hover{transform:translateY(-2px);border-color:var(--fg)!important}.lighting-card:hover .lighting-card-image-on{opacity:1}}.lighting-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.lighting-card:focus-visible .lighting-card-image-on{opacity:1}.lighting-detail-page{max-width:1280px;min-height:100vh;margin:0 auto;padding:48px 24px 80px}.lighting-detail-header{border-bottom:1px solid var(--fg);justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.lighting-detail-article{width:100%;max-width:720px;margin:0 auto}.lighting-detail-back{font-family:var(--serif);font-size:20px;font-weight:700;text-decoration:none}.lighting-detail-back:hover{color:var(--accent)}.lighting-detail-back:focus-visible,.lighting-detail-source:focus-visible,.light-toggle-hit:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.lighting-detail-top{grid-template-columns:minmax(160px,200px) 1fr;align-items:start;gap:28px;display:grid}.lighting-detail-figure{margin:4px 0 0}.lighting-detail-visual{aspect-ratio:4/5;isolation:isolate;border:1px solid var(--border);background:#e7e3db;width:100%;position:relative;overflow:hidden}.lighting-detail-credit{color:var(--muted);margin-top:6px;font-size:11px}.lighting-detail-kicker{color:var(--accent);font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:13px;font-weight:700}.lighting-detail-title{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:clamp(26px,3.4vw,36px);font-weight:600;line-height:1.08}.lighting-detail-feature{font-family:var(--sans-kr);color:var(--muted);margin:14px 0 0;font-size:17px;line-height:1.6}.lighting-detail-body{padding-top:28px}.lighting-detail-heading .lighting-detail-byline{flex-wrap:wrap;gap:6px 20px;margin:12px 0 0;display:flex}.lighting-detail-byline-item{align-items:baseline;gap:6px;font-size:13px;line-height:1.5;display:flex}.lighting-detail-byline-item dt{color:var(--muted);margin:0}.lighting-detail-byline-item dd{color:var(--fg);font-variant-numeric:tabular-nums;margin:0}.lighting-detail-body p{margin:0 0 20px;font-size:16.5px;line-height:1.85}.lighting-detail-source{color:var(--accent);text-underline-offset:3px;margin-top:4px;font-size:14px;text-decoration:underline;display:inline-block}@media (max-width:640px){.lighting-detail-page{padding-top:20px}.lighting-detail-top{grid-template-columns:1fr}.lighting-detail-figure{width:100%;max-width:320px;margin:0 auto}.lighting-detail-heading{margin-top:24px}.lighting-detail-title{font-size:32px}}a{color:inherit}
