:root{color-scheme:light;--bg: #f2eadc;--panel: rgba(255, 249, 241, .78);--ink: #20140f;--subtle: #6b5949;--line: rgba(61, 39, 22, .12);--gold: #af7e3d;--wine: #6e3430;--sage: #5b6c58;--rose: #d7b4a4;--shadow: 0 22px 60px rgba(42, 27, 17, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:IBM Plex Sans KR,sans-serif;background:radial-gradient(circle at top left,rgba(175,126,61,.26),transparent 28%),radial-gradient(circle at top right,rgba(110,52,48,.17),transparent 26%),linear-gradient(180deg,#f8f1e8 0%,var(--bg) 55%,#ecdeca 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 90%);mask-image:radial-gradient(circle at center,black 40%,transparent 90%)}a{color:var(--wine)}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0 56px}.hero,.grid,.flow-grid,.compat-layout,.compat-forms,.reading-copy,.insight-grid,.pair-pillars{display:grid;gap:22px}.hero{grid-template-columns:1.3fr .85fr}.grid{margin-top:22px;grid-template-columns:.9fr 1.1fr}.flow-grid{grid-template-columns:.8fr 1.2fr}.compat-layout{grid-template-columns:.92fr 1.08fr}.compat-forms{grid-template-columns:1fr}.reading-copy,.insight-grid,.pair-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy,.hero-panel,.card,.footnote{border:1px solid var(--line);border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-copy,.hero-panel,.card{padding:28px}.eyebrow,.panel-label,.section-kicker,.mini-label{margin:0;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:700}h1,h2,h3{margin:0;font-family:Cormorant Garamond,serif;font-weight:600;line-height:.98}h1{margin-top:10px;font-size:clamp(3.8rem,9vw,6.8rem)}h2{font-size:clamp(2.2rem,4vw,3.1rem)}h3{font-size:clamp(1.5rem,2vw,2rem)}.lead,.hero-panel p,.hero-panel li,.footnote p,.annual-item p,.flow-current p,.pair-card p,.compat-score p{color:var(--subtle);line-height:1.7}.lead{width:min(58ch,100%);margin:18px 0 0;font-size:1.02rem}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-badges span{padding:10px 14px;border-radius:999px;background:#ffffff8f;border:1px solid rgba(61,39,22,.08);font-size:.95rem;color:var(--subtle)}.caption,.subtle,.element-head span,.element-row em,.pillar span,.flow-item span,.pair-card span{color:var(--subtle)}.hero-panel ul,.reading-copy ul,.compat-rhythm ul{margin:14px 0 0;padding-left:18px}.section-head{display:grid;gap:8px}.form{display:grid;gap:16px;margin-top:24px}.form-title-row{padding-bottom:6px;border-bottom:1px solid rgba(61,39,22,.08)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:8px}label span{font-weight:600}input,select,button{width:100%;border-radius:16px;font:inherit}input,select{border:1px solid rgba(61,39,22,.12);padding:14px 16px;background:#ffffffc7}.checkbox{display:flex;align-items:center;gap:10px;padding:10px 2px}.checkbox input{width:18px;height:18px}.checkbox.disabled{opacity:.45}button{border:0;padding:16px;color:#fff9f2;font-weight:700;background:linear-gradient(135deg,#7e3733,#af7e3d);box-shadow:0 16px 26px #6c2f2d38;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}button:hover{transform:translateY(-2px)}.pillars,.flow-list,.annual-list{display:grid;gap:12px}.pillars{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.pillar,.flow-item,.annual-item,.pair-card,.compat-score,.flow-current,.reading-copy>div,.insight-grid article,.compat-rhythm{border-radius:22px;border:1px solid rgba(61,39,22,.08);background:#ffffff85}.pillar{padding:18px 14px;text-align:center;background:linear-gradient(180deg,#ffffffeb,#f3ecdfb8)}.pillar strong{display:block;margin-top:10px;font-size:2.4rem}.pillar p{margin:4px 0 0}.elements{display:grid;gap:14px;margin-top:24px}.element-row{display:grid;grid-template-columns:180px 1fr 24px;gap:12px;align-items:center}.element-head{display:grid;gap:2px}.meter{overflow:hidden;height:13px;border-radius:999px;background:#3d271614}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sage),var(--gold))}.insight-grid,.reading-copy{margin-top:24px}.insight-grid article,.reading-copy>div,.compat-rhythm,.compat-score,.flow-current,.pair-card{padding:18px}.reading-copy li,.compat-rhythm li{color:var(--subtle);line-height:1.65}.flow-card,.compat-card{margin-top:22px}.flow-current{background:linear-gradient(180deg,#6e343014,#af7e3d14)}.flow-list{grid-template-columns:repeat(5,minmax(0,1fr))}.flow-item,.annual-item{padding:16px}.flow-item strong{display:block;font-size:1.15rem}.flow-item p,.annual-item h3,.pair-card h3,.compat-score h3{margin-top:8px}.flow-item.is-current{border-color:#6e343040;background:linear-gradient(180deg,#6e34301f,#af7e3d1f)}.annual-list{margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.compat-score{background:linear-gradient(180deg,#d7b4a440,#ffffff80)}.pair-pillars,.compat-rhythm{margin-top:18px}.pair-card{min-height:140px}.footnote{margin-top:22px;padding:18px 22px}@media(max-width:1080px){.hero,.grid,.flow-grid,.compat-layout,.reading-copy,.insight-grid,.pair-pillars{grid-template-columns:1fr}.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.shell{width:min(100% - 20px,1180px);padding-top:18px}.hero-copy,.hero-panel,.card,.footnote{padding:22px;border-radius:24px}.split,.pillars,.reading-copy,.insight-grid,.pair-pillars,.annual-list,.flow-list,.element-row{grid-template-columns:1fr}}