@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Sans+KR:wght@300;400;500;600&display=swap');
:root{--ink:#231f20;--wine:#8d3048;--paper:#f2eee8;--pale:#e8dfd4;--line:rgba(35,31,32,.2);--muted:#786f6b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",sans-serif;line-height:1.6}body,button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%}h1,h2,h3,p,figure{margin-top:0}[hidden]{display:none!important}
.demo-bar{position:fixed;z-index:90;top:0;left:0;right:0;height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;background:var(--ink);color:#fff;font-size:9px;letter-spacing:.13em}.demo-bar b{color:#e6b9c3;font-weight:500;letter-spacing:.05em}
.site-header{position:fixed;z-index:80;top:28px;left:0;right:0;height:74px;display:flex;align-items:center;gap:34px;padding:0 3vw;border-bottom:1px solid rgba(35,31,32,.18);background:rgba(242,238,232,.84);backdrop-filter:blur(14px)}.brand{display:flex;align-items:baseline;gap:10px}.brand b{font:600 27px "Cormorant Garamond",serif;letter-spacing:.04em}.brand small{font:500 8px "Noto Sans KR",sans-serif;letter-spacing:.16em}nav{display:flex;gap:27px;margin-left:auto;font-size:12px}nav a:hover{color:var(--wine)}.nav-cta{padding:10px 17px;background:var(--wine);color:#fff;font-size:12px}
.eyebrow{margin-bottom:22px;color:var(--wine);font:600 10px "Noto Sans KR",sans-serif;letter-spacing:.18em}.eyebrow.light{color:#e6b9c3}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border:0;font-size:12px;font-weight:600;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--ink);color:#fff}.button.pale{background:var(--pale);color:var(--ink)}.button.outline{border:1px solid rgba(255,255,255,.5);color:#fff}.text-button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}
.hero{position:relative;min-height:100svh;overflow:hidden;background:#ddd5cc}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:2;width:48%;padding:23vh 0 80px 7vw}.hero h1{margin-bottom:28px;font-size:clamp(54px,6vw,92px);font-weight:300;line-height:1.13;letter-spacing:-.065em;word-break:keep-all}.hero h1 em{font-style:normal;color:var(--wine)}.hero-copy>p:not(.eyebrow){max-width:470px;margin-bottom:28px;color:var(--muted);font-size:14px}.image-note{position:absolute;z-index:2;right:20px;bottom:16px;padding:5px 8px;background:rgba(35,31,32,.7);color:#fff;font-size:9px}
.section-pad{padding:120px max(5vw,28px)}.section-heading{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(250px,.9fr);grid-template-rows:auto auto;gap:18px 9vw;align-items:end;margin-bottom:60px}.section-heading .eyebrow{grid-column:1;margin:0}.section-heading h2{grid-column:1;margin:0;font-size:clamp(42px,4.8vw,70px);font-weight:300;line-height:1.2;letter-spacing:-.06em;word-break:keep-all}.section-heading>p:last-child{grid-column:2;grid-row:2;margin:0;color:var(--muted);font-size:14px}.section-heading.compact{grid-template-columns:1fr}.section-heading.compact h2{max-width:800px}
.consult{display:grid;grid-template-columns:.82fr 1.18fr;min-height:760px;background:var(--ink);color:#fff}.consult-intro{padding:110px 6vw;border-right:1px solid rgba(255,255,255,.18)}.consult-intro h2{margin:0 0 28px;font-size:clamp(45px,4.7vw,70px);font-weight:300;line-height:1.22;letter-spacing:-.06em;word-break:keep-all}.consult-intro>p:last-child{max-width:480px;color:rgba(255,255,255,.58);font-size:13px}
.quiz{align-self:center;padding:80px 6vw}.quiz-progress{display:flex;align-items:center;gap:25px;margin-bottom:55px;color:#e6b9c3;font-size:11px;letter-spacing:.12em}.quiz-progress>div{height:2px;flex:1;background:rgba(255,255,255,.18)}.quiz-progress i{display:block;width:33.33%;height:2px;background:#e6b9c3;transition:.3s}.quiz-step{margin:0;padding:0;border:0}.quiz-step:not(.active){display:none}.quiz-step legend{margin-bottom:32px;font-size:clamp(28px,3vw,42px);font-weight:300}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choices label{cursor:pointer}.choices input{position:absolute;opacity:0}.choices span{display:flex;min-height:135px;padding:20px;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.3);transition:.2s}.choices input:checked+span{background:var(--pale);color:var(--ink);border-color:var(--pale)}.choices b{font-size:18px;font-weight:500}.choices small{color:inherit;opacity:.6}.quiz-actions{display:flex;justify-content:space-between;margin-top:35px}.quiz-actions button{min-width:110px;padding:12px 18px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer}.quiz-actions #next-step{margin-left:auto;background:#fff;color:var(--ink)}.quiz-alert{min-height:20px;margin:12px 0 0;color:#e6b9c3;font-size:12px}
.result-card{align-self:center;margin:70px 6vw;padding:38px;background:var(--pale);color:var(--ink)}.result-heading{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--ink);font:600 10px "Noto Sans KR",sans-serif;letter-spacing:.12em}.result-label{margin:35px 0 10px;color:var(--wine);font-size:11px}.result-card h3{margin-bottom:30px;font:500 clamp(42px,5vw,72px) "Cormorant Garamond","Noto Sans KR",serif;letter-spacing:-.05em}.result-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-card dl div{padding:20px 12px;border-right:1px solid var(--line)}.result-card dl div:last-child{border:0}.result-card dt{font-size:10px;color:var(--muted)}.result-card dd{margin:7px 0 0;font-weight:600}.result-card>p:not(.result-label,#copy-status){margin:25px 0;color:var(--muted);font-size:13px}.result-card>div:last-of-type{display:flex;align-items:center;gap:18px}#copy-status{min-height:20px;margin:12px 0 0;color:var(--wine);font-size:11px}
.style-gallery{background:#fff}.style-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(330px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px}.style-track article{scroll-snap-align:start}.style-track img{aspect-ratio:4/5;object-fit:cover}.style-track article>div{padding:20px 0;border-bottom:1px solid var(--ink)}.style-track span{font:600 9px "Noto Sans KR",sans-serif;letter-spacing:.15em;color:var(--wine)}.style-track h3{margin:8px 0 4px;font-size:23px;font-weight:400}.style-track p{margin:0;color:var(--muted);font-size:12px}.gallery-note{margin:16px 0 0;color:var(--muted);font-size:10px;text-align:right}