/* Bareun treatment collection — quiet, contemporary clinic edition */
:root{--paper:#faf9f6;--ink:#233b38;--muted:#65716d;--teal:#345f56;--soft:#e9eeea;--line:#e1e4de;--gold:#a18a63}
body{background:#faf9f6;color:#233b38;font-family:"Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}
.shell,.preview-shell{max-width:1180px;margin:auto;padding:28px 44px 80px}
.masthead{padding:12px 0 24px;border-bottom:1px solid #dcded7;align-items:center}
.brand{font-size:19px;letter-spacing:-.05em;font-weight:600;text-decoration:none;color:#233b38}
.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.22em;color:#7b8279;margin-top:6px}
.back{font-size:12px;text-decoration:none;color:#65716d}
.collection-nav{display:flex;gap:8px;margin:24px 0 0;align-items:center;flex-wrap:wrap}
.collection-nav a{padding:9px 17px;border:1px solid transparent;border-radius:999px;color:#727c75;text-decoration:none;font-size:12px;letter-spacing:.02em;transition:background .2s}
.collection-nav a:hover{background:#efefe9}.collection-nav a[aria-current=page]{border-color:#d6ddd4;color:#284d43;background:#edf0e9}
.hero{padding:62px 0 45px}.hero h1{font-family:"Noto Sans KR",sans-serif;font-weight:500;font-size:clamp(32px,4.5vw,54px);line-height:1.42;letter-spacing:-.065em;margin:18px 0 24px;max-width:890px;text-wrap:balance}
.hero h1 em{font-style:normal;color:#718278;font-weight:400}.hero-row p{font-size:16px;line-height:1.9;color:#65716d}
.hero-mark{display:none}.eyebrow,.atx-kicker{font-family:"Noto Sans KR",sans-serif;font-size:10px;font-weight:600;letter-spacing:.17em;color:#938064;text-transform:uppercase}
.clinical{font-size:11px;color:#80867d;background:transparent;border:0;padding:0;margin-top:12px}
.nav,.atx .atx-steps-nav{border-top:1px solid #dfe2da;border-bottom:1px solid #dfe2da;background:rgba(250,249,246,.96);backdrop-filter:blur(16px);padding:12px 0;gap:22px;box-shadow:none}
.nav a{font-size:12px;color:#596a61}.nav a span{font-size:10px;color:#9a8c70}.nav a:hover{color:#213e33}
.section{padding:64px 0}.section h2,.atx h2,.atx h3,.atx h4{font-family:"Noto Sans KR",sans-serif;font-weight:500;letter-spacing:-.045em}
.section h2{font-size:clamp(24px,2.8vw,34px);line-height:1.5}.section p{line-height:1.95}
.lab{border-color:#dfe3db;border-radius:24px;background:#fff;box-shadow:0 16px 50px -32px #263e3438;overflow:hidden}
.visual{background:radial-gradient(ellipse at 50% 35%,#fff,#edf1e9);padding:26px}
.control{padding:30px}.control h3{font-family:"Noto Sans KR",sans-serif;font-weight:500;letter-spacing:-.04em}
button{transition:background .22s,border-color .22s,box-shadow .22s}
.play,.atx-btn:not(.ghost):not(.line){background:#34594f;box-shadow:0 5px 14px #203b3020}
.inside-story{background:radial-gradient(ellipse at 50% 35%,#27483f,#112c26);border:1px solid #315348;border-radius:24px;box-shadow:0 22px 55px -30px #122e3650}
.inside-story svg{height:330px}.story-narration{border-top:1px solid #ffffff13}
#chamber-welcome figure{box-shadow:0 22px 58px -35px #354c3e50;border:1px solid #e0e4db}
#chamber-welcome figcaption{background:#f1f2ec!important;color:#6d776c!important;font-size:11px!important;line-height:1.8}
.end{border-radius:22px;background:#edf0e9}.sources{color:#6d786e}
.atx{--paper:#faf9f6;--paper-2:#efeee8;--ink:#233b38;--ink-2:#586c62;--mute:#758177;--line:#e1e4de;--teal:#345f56;--teal-soft:#e9eeea;--serif:"Noto Sans KR",sans-serif;--spring:cubic-bezier(.22,.61,.36,1)}
.atx .atx-x{padding:52px 0}.atx .atx-head{gap:12px;margin-bottom:26px}.atx .atx-head h2{font-size:clamp(25px,3vw,34px)}
.atx .atx-fig,.atx .atx-card,.atx .atx-stage{border-color:#dfe3db;box-shadow:0 12px 36px -28px #203b3045;border-radius:22px}
.atx .atx-card{padding:24px}.atx .atx-guide{background:#eff2ec;border:1px solid #dfe6dc;box-shadow:none;padding:17px 20px}
.atx .atx-guide .num{background:#60796a}.atx .atx-stage{background:radial-gradient(ellipse at 50% 30%,#fff,#eceee6)}
.atx .atx-steps-nav a{border-radius:5px;background:transparent;min-height:38px}.atx .atx-steps-nav a.on{background:#e9eee6;border-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid #678573;outline-offset:4px}
@media(max-width:700px){.shell,.preview-shell{padding:18px 20px 48px}.masthead{gap:16px}.brand{font-size:17px}.brand small{font-size:8px}.back{font-size:11px}.collection-nav{gap:2px;margin-top:19px}.collection-nav a{padding:9px 12px;font-size:11px}.hero{padding:38px 0 30px}.hero h1{font-size:32px}.hero-row p{font-size:14px}.nav{gap:12px;row-gap:4px}.nav a{font-size:11px}.section{padding:42px 0}.visual,.control{padding:20px}.inside-story svg{height:auto}.atx .atx-x{padding:36px 0}.atx .atx-card{padding:18px}.atx .atx-steps-nav{gap:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.shell h2,.shell h3{font-family:"Noto Sans KR",sans-serif;font-weight:500;letter-spacing:-.045em}.play{color:#fff}.end{padding:30px}.nav{flex-wrap:wrap}