@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--scale-factor:1;--bg-color:#faf6f0;--text-color:#333;--primary-color:#111;--secondary-color:#4a90e2;--card-bg:#fff;--border-color:#e2ddd5;--highlight-bg:#f4f0ea;--font-serif:"Playfair Display", "Noto Serif KR", serif;--font-sans:"Inter", "Noto Sans KR", sans-serif}body.dark{--bg-color:#121212;--text-color:#e5e7eb;--primary-color:#3b82f6;--secondary-color:#f59e0b;--card-bg:#1e1e1e;--border-color:#2d2d2d;--highlight-bg:#2c2824}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0;transition:font-size .2s,background-color .3s,border-color .3s}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.8;font-size:calc(1.1rem * var(--scale-factor))}h1,h2,h3,.serif-font{font-family:var(--font-serif);color:var(--primary-color)}h1{font-size:calc(2.4rem * var(--scale-factor));letter-spacing:-.5px;margin-bottom:1.5rem;font-weight:700}h2{font-size:calc(1.85rem * var(--scale-factor));margin-bottom:1.25rem;font-weight:600}h3{font-size:calc(1.4rem * var(--scale-factor));margin-bottom:1rem;font-weight:500}p{margin-bottom:1.25rem}.card{background-color:var(--card-bg);border:1px solid var(--border-color);padding:calc(1.5rem * var(--scale-factor));break-inside:avoid;border-radius:4px;margin-bottom:24px;box-shadow:0 2px 8px #00000005}.masonry-grid{column-count:2;column-gap:24px;width:100%}@media (width<=768px){.masonry-grid{column-count:1}}button,.btn{font-size:calc(.95rem * var(--scale-factor));padding:calc(.75rem * var(--scale-factor)) calc(1.5rem * var(--scale-factor));border:1px solid var(--primary-color);cursor:pointer;background-color:var(--primary-color);color:#fff;min-height:44px;font-weight:500;font-family:var(--font-sans);border-radius:4px;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}button:hover,.btn:hover{color:var(--primary-color);background-color:#0000}.hero-banner{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:380px;margin-bottom:40px;display:flex}.hero-title-box{text-align:center;background-color:#fffffff2;border:1px solid #111;max-width:90%;padding:30px 50px}.hero-title{font-family:var(--font-serif);font-size:calc(2.8rem * var(--scale-factor));letter-spacing:2px;color:#111;margin-bottom:8px;font-weight:400}.hero-subtitle{font-family:var(--font-sans);font-size:calc(.9rem * var(--scale-factor));letter-spacing:3px;color:#555;text-transform:uppercase;font-weight:500}.footer-container{color:#fff;text-align:center;background-color:#000;width:100%;margin-top:60px;padding:60px 24px}.subscribe-input-box{border-bottom:1px solid #fff;max-width:500px;margin:20px auto 0;display:flex}.subscribe-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:10px;font-size:1rem}.subscribe-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:10px 20px;font-weight:700}.subscribe-btn:hover{color:#000;background:#fff}.scale-slider-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:10px;padding:8px 16px;display:flex}.scale-slider{cursor:pointer;accent-color:var(--secondary-color);width:100px;height:6px}