/* 테마 v2 — 로고 2안(붓글씨) 확정 뒤 「고급 + 한국적」(2026-10-11 대표)
   제목 = 마루부리(명조) · 영문 = Cormorant Garamond · 본문 = Pretendard · 첫 화면 = 한지 아이보리 + 창호 빛 */
:root{
  --serif:"MaruBuri","Noto Serif KR",serif;
  --en:"Cormorant Garamond","Times New Roman",serif;
  --hanji:#f3efe6; --hanji2:#e9e3d6; --ink:#1b1a17; --char:#22211d; --olive:#4f5a35; --olive2:#6b7548; --light:#d9b978; --light2:#eed9a8;
}
body{background:var(--hanji);color:var(--ink)}
h1,h2,h3,.hero h1,.intro h2,.sh h2,.regen h2,.medical h3,.steps h2,.contact h2,.band h2,.story h3,.split .txt h3{font-family:var(--serif)}
.en,.eyebrow,.hd nav a,.wp.head h2,.medical h2,.phero h1,.nums b,.flow .n,.story .no,.svc4 b,.scope .ratio,.mnav a{font-family:var(--en)}
.eyebrow{font-style:italic;letter-spacing:.18em!important;font-size:14px!important}
.hd nav a{font-size:15px;letter-spacing:.14em;font-style:italic}

/* 머리글: 밝은 바탕 위 */
.hd{color:var(--ink)}
.hd .logo{display:block;height:58px;width:auto;transition:height .5s}
.hd.solid{background:rgba(243,239,230,.86);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(79,90,53,.12)}
.hd.solid .logo{height:46px}
.hd nav a::after{background:var(--olive)}
.cta{border-color:rgba(79,90,53,.45);color:var(--ink)}
.cta::before{background:var(--olive)}.cta:hover{color:var(--hanji)}
.menu-btn{border-color:rgba(79,90,53,.45)}.menu-btn i{background:var(--ink);box-shadow:0 -5px 0 var(--ink),0 5px 0 var(--ink)}
.mnav{background:rgba(243,239,230,.98)}.mnav a{color:var(--ink)}
body.dark-top .hd:not(.solid){color:var(--hanji)}
body.dark-top .hd:not(.solid) .cta{color:var(--hanji);border-color:rgba(238,217,168,.5)}

/* 첫 화면 · 하위 머리: 한지 + 창호 빛 */
#water,.phero canvas,.band canvas{background:radial-gradient(ellipse at 60% 30%,#fbf8f1,#ebe5d8 75%)}
.hero h1{font-weight:300;font-size:clamp(44px,5vw,92px);line-height:1.28;letter-spacing:-.03em;color:var(--ink)}
.hero h1 em{color:var(--olive);font-weight:500}
.hero .kr{font-family:var(--en);font-style:italic;font-size:clamp(17px,1.4vw,24px);letter-spacing:.04em;color:#6c675c}
.hero .vbrand{display:none}
.hero .vlogo{position:absolute;left:var(--gut);bottom:clamp(40px,8vh,96px);width:clamp(72px,6vw,108px);opacity:0;transform:translateY(20px);transition:all 1.6s 1.4s cubic-bezier(.2,.7,.2,1)}
.hero.on .vlogo{opacity:1;transform:none}
.hero .side,.hero .scroll{color:#8a8476}
.hero .scroll i{background:linear-gradient(var(--olive),transparent)}
.phero h1{color:var(--ink);font-weight:300;font-style:italic}
.phero p{color:#4d493f;font-family:var(--serif)}
.phero .eyebrow{color:var(--olive)}
.phero .crumb{color:#8a8476}
.lline{background:linear-gradient(90deg,transparent,var(--light) 18%,var(--light2) 50%,var(--light) 82%,transparent)}
.band{background:var(--hanji)}.band h2{color:var(--ink)}.band p{color:#5c574e}

/* 덮는 판 · 밝은 섹션 */
.cover{background:#faf8f3}
.intro h2{font-weight:500}
.vwords span{font-style:italic;font-weight:300}
.vwords span.on{color:var(--olive)}
.nums b{font-weight:300}
.nums b sup{font-family:var(--en);font-style:italic}

/* 어두운 섹션은 숯·먹색 유지(대비) */
.works,.sec.char,.contact{background:#22211d}
.medical,.sec.black,.ft{background:#161613}
.wp.head h2,.medical h2{font-weight:300;font-style:italic}
.step.mid{background:var(--olive)}.step.mid .n{color:var(--light2)}
.step::after{background:linear-gradient(90deg,var(--olive),var(--light))}
.send{background:var(--olive);color:var(--hanji);box-shadow:none}
.send:hover{box-shadow:0 10px 30px -10px rgba(79,90,53,.6)}
.contact .send{background:var(--light2);color:var(--ink)}
.ft .vlogo{width:74px}
.glow{background:radial-gradient(circle,rgba(217,185,120,.16),transparent 62%);mix-blend-mode:multiply}
/* 어두운 섹션 글자색 (바탕글이 먹색으로 바뀐 뒤 보정) */
.works,.regen,.medical,.contact,.ft,.sec.black,.sec.char,.lb{color:var(--hanji)}
.regen h2,.contact h2,.medical h3,.wp.head h2,.medical h2{color:var(--hanji)}