@font-face { font-family:"CODEX Pretendard"; font-style:normal; font-weight:100 900; font-display:swap; src:url("/demo-assets/fonts/PretendardVariable.woff2") format("woff2"); }
:root { --teal:#197c83; --teal-dark:#0e454c; --teal-pale:#e6f0ee; --navy:#172d3b; --ink:#172326; --muted:#647174; --paper:#f4f7f5; --surface:#fdfefd; --line:rgba(23,35,38,.16); --font:"CODEX Pretendard",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Malgun Gothic",sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-width:320px;color:var(--ink);background:var(--surface);font-family:var(--font);font-size:16px;line-height:1.65;letter-spacing:-.018em;word-break:keep-all;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden} body.menu-open{overflow:hidden} img{display:block;width:100%;max-width:100%} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:9999;top:-60px;left:18px;padding:11px 18px;color:#fff;background:var(--teal)}.skip-link:focus{top:18px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.demo-notice{height:30px;display:flex;align-items:center;justify-content:center;padding:0 20px;color:rgba(255,255,255,.76);background:#152126;font-size:10px;letter-spacing:.04em}
.clinic-header{position:absolute;z-index:100;top:30px;left:0;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);transition:.25s}.clinic-header.fixed{position:fixed;top:0;color:var(--ink);background:rgba(255,255,255,.96);border-color:var(--line);box-shadow:0 10px 32px rgba(13,36,40,.08);backdrop-filter:blur(12px)}.clinic-header-inner{max-width:1500px;height:90px;margin:0 auto;padding:0 36px;display:flex;align-items:center;gap:30px}.clinic-logo{display:flex;align-items:center;gap:12px;flex:0 0 auto;line-height:1}.logo-symbol{position:relative;width:40px;height:40px;display:grid;place-items:center;color:#fff;background:var(--teal);border-radius:50% 50% 50% 18%}.logo-symbol i{position:absolute;inset:5px;border:1px solid rgba(255,255,255,.48);border-radius:inherit}.logo-symbol b{position:relative;font-size:20px;font-weight:400}.clinic-logo>span:last-child,.footer-brand>span:last-child{display:flex;flex-direction:column}.clinic-logo strong{font-size:19px;font-weight:700;letter-spacing:-.045em}.clinic-logo small{margin-top:7px;font-size:7px;font-weight:650;letter-spacing:.14em;opacity:.65}.clinic-nav{align-self:stretch;flex:1;display:flex;align-items:stretch;justify-content:center;gap:clamp(18px,2.4vw,38px)}.clinic-nav>div{position:relative;display:flex;align-items:center}.clinic-nav>div>a{height:100%;display:flex;align-items:center;font-size:13px;font-weight:580}.clinic-nav>div>a::after{content:"";position:absolute;right:50%;bottom:-1px;left:50%;height:2px;background:var(--teal);transition:.2s}.clinic-nav>div:hover>a::after,.clinic-nav>div:focus-within>a::after{right:0;left:0}.nav-drop{position:absolute;top:89px;left:50%;min-width:170px;padding:13px 0;color:var(--ink);background:#fff;box-shadow:0 18px 45px rgba(13,36,40,.14);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.18s}.clinic-nav>div:hover .nav-drop,.clinic-nav>div:focus-within .nav-drop{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-drop a{display:block;padding:9px 19px;color:var(--muted);font-size:11px;white-space:nowrap}.nav-drop a:hover{color:var(--teal);background:#f0f6f4}.nav-drop.wide{min-width:190px}.header-call{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.header-call small{margin-bottom:7px;font-size:9px;letter-spacing:.12em;opacity:.68}.header-call strong{font-size:16px;font-weight:650;letter-spacing:.02em}.clinic-menu-button,.clinic-mobile-menu{display:none}
.clinic-hero{position:relative;min-height:900px;color:#fff;background:var(--teal-dark);overflow:hidden}.clinic-hero>img,.hero-wash{position:absolute;inset:0;height:100%;object-fit:cover}.clinic-hero>img{object-position:center}.hero-wash{background:linear-gradient(90deg,rgba(9,50,55,.88),rgba(9,50,55,.58) 41%,rgba(9,50,55,.1) 67%,rgba(9,50,55,.23)),linear-gradient(0deg,rgba(6,32,36,.42),transparent 48%)}.hero-content{position:relative;z-index:2;width:min(1400px,calc(100% - 72px));min-height:900px;margin:0 auto;padding-top:195px;display:flex;flex-direction:column;justify-content:center}.hero-kicker{margin:0 0 23px;color:#b8d8d3;font-size:10px;font-weight:700;letter-spacing:.22em}.clinic-hero h1{margin:0;font-size:clamp(53px,5.3vw,80px);font-weight:340;line-height:1.22;letter-spacing:-.065em}.clinic-hero h1 em{color:#b9ddd7;font-style:normal;font-weight:680}.hero-lead{margin:29px 0 0;color:rgba(255,255,255,.72);font-size:16px;font-weight:350;line-height:1.9}.hero-buttons{margin-top:38px;display:flex;gap:11px}.hero-buttons a{min-width:170px;height:58px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:27px;border:1px solid rgba(255,255,255,.38);font-size:13px;font-weight:620}.hero-buttons a:first-child{color:var(--teal-dark);background:#fff;border-color:#fff}.hero-buttons a:hover{transform:translateY(-2px)}.hero-side-note{position:absolute;z-index:2;right:30px;bottom:43px;display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.5);transform:rotate(-90deg);transform-origin:right bottom}.hero-side-note b{color:#c2ddd7;font-size:12px}.hero-side-note span{font-size:8px;letter-spacing:.16em}.hero-schedule{position:absolute;z-index:3;right:max(70px,calc((100vw - 1400px)/2));bottom:0;width:365px;padding:26px 29px 24px;color:var(--ink);background:rgba(255,255,255,.96);box-shadow:0 20px 50px rgba(10,38,41,.12)}.hero-schedule>p{margin:0 0 18px;padding-bottom:13px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}.hero-schedule>p small{color:var(--teal);font-size:8px;letter-spacing:.12em}.hero-schedule>div{display:flex;justify-content:space-between;margin:8px 0}.hero-schedule span{color:var(--muted);font-size:11px}.hero-schedule strong{font-size:12px}.hero-schedule>small{display:block;margin-top:13px;color:#8b9596;font-size:9px}
.quick-links{max-width:1400px;min-height:126px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line)}.quick-links>a{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:14px;padding:24px;border-right:1px solid var(--line);transition:.2s}.quick-links>a:last-child{border-right:0}.quick-links>a:hover{background:var(--teal-pale)}.quick-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--teal);border:1px solid rgba(25,124,131,.35);border-radius:50%;font-size:9px}.quick-links strong{display:block;font-size:14px}.quick-links small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.quick-links b{color:var(--teal);font-weight:500}.section-pad{padding:125px max(36px,calc((100vw - 1320px)/2))}.section-title>p,.rehab-copy>p:first-child,.facility-copy>p:first-child,.appointment-intro>p,.info-head p,.location-card>p{margin:0 0 16px;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.18em}.section-title h2,.rehab-copy h2,.facility-copy h2,.appointment-intro h2{margin:0;font-size:clamp(41px,4.6vw,64px);font-weight:350;line-height:1.33;letter-spacing:-.06em}.section-title h2 em,.rehab-copy h2 em,.facility-copy h2 em,.appointment-intro h2 em{color:var(--teal);font-style:normal;font-weight:680}.principle{display:grid;grid-template-columns:1.1fr .55fr;gap:70px;background:var(--surface)}.principle-copy{align-self:end}.principle-copy>p{margin:0 0 25px;color:var(--muted);font-size:13px;line-height:1.95}.principle-copy>a{padding-bottom:4px;border-bottom:1px solid var(--ink);font-size:11px;font-weight:600}.principle-copy>a span{margin-left:12px;color:var(--teal)}.principle-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.principle-grid article{min-height:270px;padding:32px 27px;border-right:1px solid var(--line)}.principle-grid article:first-child{border-left:1px solid var(--line)}.principle-grid span{color:var(--teal);font-size:9px;font-weight:700}.principle-grid h3{margin:68px 0 16px;font-size:21px;font-weight:620}.principle-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.demo-caption{grid-column:1/-1;margin:16px 0 0;color:#939c9c;font-size:9px}.centered{text-align:center}
.treatment-section{position:relative;color:#fff;background:var(--teal-dark)}.section-title.light>p{color:#9ecac6}.section-title.light h2 em{color:#b4d8d3}.treatment-intro{position:absolute;top:145px;right:max(36px,calc((100vw - 1320px)/2));max-width:450px;margin:0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.85}.treatment-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.15)}.treatment-grid a{position:relative;min-height:390px;padding:30px 24px;border-right:1px solid rgba(255,255,255,.15);transition:.22s}.treatment-grid a:first-child{border-left:1px solid rgba(255,255,255,.15)}.treatment-grid a:hover{background:rgba(255,255,255,.09);transform:translateY(-7px)}.treatment-grid a>span{position:absolute;top:24px;right:22px;color:rgba(255,255,255,.42);font-size:9px}.treatment-grid p{margin:85px 0 10px;color:#9ecac6;font-size:8px;font-weight:700;letter-spacing:.13em}.treatment-grid h3{margin:0;font-size:23px;font-weight:600}.treatment-grid small{display:block;margin-top:19px;color:rgba(255,255,255,.56);font-size:10px;line-height:1.7}.treatment-grid b{position:absolute;bottom:28px;left:24px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;font-weight:400}.section-more{width:max-content;margin:34px 0 0 auto;display:block;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:11px;font-weight:620}.section-more span{margin-left:13px;color:var(--teal)}.treatment-section .section-more span{color:#a9d1cc}
.rehab-story{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;background:var(--paper)}.rehab-image{position:relative;min-height:760px;overflow:hidden}.rehab-image img{height:100%;object-fit:cover}.rehab-image>span{position:absolute;bottom:20px;left:20px;padding:7px 9px;color:#fff;background:rgba(13,46,50,.52);font-size:8px;letter-spacing:.12em}.rehab-copy{align-self:center;padding:80px clamp(50px,7vw,115px)}.rehab-copy>p:nth-of-type(2){margin:29px 0 34px;color:var(--muted);font-size:13px;line-height:1.95}.rehab-copy ul{margin:0;padding:0;border-top:1px solid var(--ink);list-style:none}.rehab-copy li{display:grid;grid-template-columns:39px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.rehab-copy li b{color:var(--teal);font-size:9px}.rehab-copy>a{display:inline-block;margin-top:27px;padding-bottom:3px;border-bottom:1px solid var(--ink);font-size:11px;font-weight:620}
.doctor-section{background:var(--surface)}.doctor-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:58px}.doctor-grid article{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--paper)}.doctor-photo{position:relative;min-height:520px;overflow:hidden}.doctor-photo img{height:100%;object-fit:cover;object-position:top center;transition:.5s}.doctor-grid article:hover .doctor-photo img{transform:scale(1.02)}.doctor-photo span{position:absolute;bottom:14px;left:14px;padding:6px 8px;color:#fff;background:rgba(15,40,44,.48);font-size:7px;letter-spacing:.1em}.doctor-grid article>div:last-child{padding:45px 27px}.doctor-grid article>div:last-child>p{margin:0 0 6px;color:var(--teal);font-size:10px}.doctor-grid h3{margin:0;font-size:29px;font-weight:650}.doctor-grid h3 small{display:block;margin-top:6px;color:#909b9d;font-size:8px;letter-spacing:.14em}.doctor-grid blockquote{margin:30px 0 27px;padding-bottom:25px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.7}.doctor-grid ul{margin:0;padding:0;list-style:none}.doctor-grid li{margin:7px 0;color:var(--muted);font-size:10px}.doctor-grid li::before{content:"·";margin-right:6px;color:var(--teal)}
.facility-section{position:relative;min-height:760px;color:#fff;overflow:hidden}.facility-section>img,.facility-shade{position:absolute;inset:0;height:100%;object-fit:cover}.facility-shade{background:linear-gradient(90deg,rgba(9,52,56,.82),rgba(9,52,56,.26) 65%,rgba(9,52,56,.12)),linear-gradient(0deg,rgba(7,37,40,.4),transparent 60%)}.facility-copy{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:145px 0}.facility-copy h2 em{color:#b8dcd6}.facility-copy>p:nth-of-type(2){max-width:530px;margin:27px 0;color:rgba(255,255,255,.67);font-size:13px}.facility-copy>a{display:inline-block;margin-top:10px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.6);font-size:11px}.facility-stats{position:absolute;z-index:2;right:max(36px,calc((100vw - 1320px)/2));bottom:0;display:grid;grid-template-columns:repeat(4,1fr);width:min(700px,55vw);background:rgba(255,255,255,.94);color:var(--ink)}.facility-stats div{min-height:125px;padding:28px 21px;border-right:1px solid var(--line)}.facility-stats div:last-child{border-right:0}.facility-stats strong{display:block;color:var(--teal);font-size:17px}.facility-stats span{display:block;margin-top:18px;font-size:10px}
.info-section{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;background:var(--surface)}.notice-board,.location-card{padding:43px;background:var(--paper)}.info-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.info-head p,.location-card>p{margin-bottom:7px}.info-head h2,.location-card h2{margin:0;font-size:31px;font-weight:620}.info-head>a{font-size:10px}.notice-list{border-top:1px solid var(--ink)}.notice-list>a{display:grid;grid-template-columns:55px 1fr 80px;align-items:center;gap:14px;min-height:70px;border-bottom:1px solid var(--line)}.notice-list span{color:var(--teal);font-size:9px}.notice-list strong{font-size:12px;font-weight:560}.notice-list time{color:#929c9d;font-size:9px;text-align:right}.location-card>strong{display:block;margin:33px 0 27px;font-size:15px;font-weight:550;line-height:1.8}.location-card em{color:#9a918a;font-size:8px;font-style:normal}.location-card dl{margin:0}.location-card dl>div{display:grid;grid-template-columns:60px 1fr;padding:10px 0;border-top:1px solid var(--line)}.location-card dt{color:var(--teal);font-size:9px}.location-card dd{margin:0;color:var(--muted);font-size:10px}.location-card>a{display:inline-block;margin-top:20px;padding-bottom:3px;border-bottom:1px solid var(--ink);font-size:10px}
.appointment{display:grid;grid-template-columns:.8fr 1.2fr;min-height:720px;color:#fff;background:var(--teal-dark)}.appointment-intro{align-self:center;padding:80px clamp(45px,6vw,100px)}.appointment-intro>p{color:#a8d2cd}.appointment-intro h2 em{color:#b5dcd6}.appointment-intro>span{display:block;margin-top:25px;color:rgba(255,255,255,.62);font-size:12px}.appointment-intro>a{display:flex;flex-direction:column;margin-top:45px}.appointment-intro>a small{color:rgba(255,255,255,.5);font-size:9px}.appointment-intro>a strong{margin-top:8px;font-size:24px;font-weight:600;letter-spacing:.02em}.medical-note{margin-top:38px;padding:16px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.55);font-size:9px;line-height:1.7}.appointment-panel{align-self:center;margin:55px 55px 55px 0;padding:48px;color:var(--ink);background:#fff}.appointment-panel form{position:relative}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.appointment-panel label{display:block;margin-bottom:17px}.appointment-panel label>span{display:block;margin-bottom:7px;font-size:10px;font-weight:650}.appointment-panel input[type=text],.appointment-panel input[type=tel],.appointment-panel select,.appointment-panel textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;outline:0;background:transparent;font-size:12px}.appointment-panel input[type=text],.appointment-panel input[type=tel],.appointment-panel select{height:47px}.appointment-panel textarea{min-height:95px;padding:10px 0;resize:vertical}.appointment-panel input:focus,.appointment-panel select:focus,.appointment-panel textarea:focus{border-color:var(--teal)}.appointment-panel .privacy{display:flex;align-items:center;gap:7px;color:var(--muted)}.privacy input{accent-color:var(--teal)}.privacy span{margin:0!important;font-size:9px!important;font-weight:400!important}.appointment-panel button{width:100%;height:58px;display:flex;align-items:center;justify-content:center;gap:65px;border:0;color:#fff;background:var(--teal);font-size:13px;font-weight:650;cursor:pointer}.appointment-panel button span{font-size:18px}.form-message{margin-bottom:18px;padding:12px 14px;font-size:11px}.form-message.success{color:#19634f;background:#e7f4ee}.form-message.error{color:#9a3f3f;background:#f7eaea}
.clinic-footer{min-height:270px;padding:63px max(36px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:.8fr 1.4fr .8fr;gap:60px;color:rgba(255,255,255,.5);background:#142328;font-size:10px}.footer-brand{display:flex;align-items:center;gap:13px;color:#fff}.footer-brand strong{font-size:17px}.footer-brand small{margin-top:7px;color:rgba(255,255,255,.4);font-size:7px;letter-spacing:.13em}.clinic-footer p{margin:0 0 7px}.clinic-footer em{color:#9cc4bf;font-size:8px;font-style:normal}.clinic-footer>div:nth-child(2)>small{display:block;margin-top:22px;color:rgba(255,255,255,.3)}.footer-links{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:10px 22px}.footer-links a{color:rgba(255,255,255,.73)}.mobile-quick{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1120px){.clinic-nav{gap:18px}.clinic-nav>div>a{font-size:12px}.hero-schedule{right:45px}.doctor-grid article{grid-template-columns:.8fr 1.2fr}.doctor-grid article>div:last-child{padding:38px 22px}.facility-copy{padding-left:36px}.principle-grid article{padding-right:20px;padding-left:20px}.appointment-panel{margin-right:35px}.clinic-footer{gap:35px}}
@media(max-width:920px){.clinic-header-inner{height:76px;padding:0 24px}.clinic-nav,.header-call{display:none}.clinic-logo{margin-right:auto}.clinic-menu-button{width:45px;height:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;border:0;background:transparent}.clinic-menu-button i{width:25px;height:1px;background:currentColor}.clinic-mobile-menu{position:fixed;inset:76px 0 0;padding:30px 24px 90px;color:#fff;background:var(--teal-dark);overflow-y:auto}.clinic-mobile-menu nav{display:flex;flex-direction:column}.clinic-mobile-menu nav a{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:20px}.clinic-mobile-menu nav span{color:#a9d2cc;font-size:9px}.clinic-mobile-menu>a{height:54px;margin-top:28px;display:flex;align-items:center;justify-content:center;background:var(--teal);font-size:12px}.quick-links{grid-template-columns:1fr 1fr}.quick-links>a:nth-child(2){border-right:0}.quick-links>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.principle{grid-template-columns:1fr}.principle-copy{max-width:650px}.principle-grid{grid-template-columns:1fr 1fr}.treatment-intro{position:static;max-width:650px;margin:25px 0 0}.treatment-grid{grid-template-columns:1fr 1fr}.treatment-grid a{min-height:320px;border-bottom:1px solid rgba(255,255,255,.15)}.treatment-grid a:last-child{grid-column:span 2}.rehab-story{grid-template-columns:1fr}.rehab-image{min-height:520px}.doctor-grid{grid-template-columns:1fr}.doctor-grid article{max-width:760px}.facility-copy{padding-right:36px}.facility-stats{right:0;width:100%}.info-section{grid-template-columns:1fr}.appointment{grid-template-columns:1fr}.appointment-panel{margin:0 45px 55px}.clinic-footer{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:600px){.demo-notice{min-height:32px;height:auto;padding:6px 13px;text-align:center;font-size:8px;line-height:1.35}.clinic-header{top:32px}.clinic-header.fixed{top:0}.clinic-header-inner{height:68px;padding:0 18px}.clinic-logo strong{font-size:16px}.clinic-logo small{font-size:6px}.logo-symbol{width:34px;height:34px}.clinic-mobile-menu{inset:68px 0 0}.clinic-hero{min-height:850px}.clinic-hero>img{object-position:66% center}.hero-wash{background:linear-gradient(90deg,rgba(9,50,55,.89),rgba(9,50,55,.4)),linear-gradient(0deg,rgba(6,32,36,.55),transparent 50%)}.hero-content{width:calc(100% - 36px);min-height:630px;padding-top:130px;justify-content:center}.clinic-hero h1{font-size:42px}.hero-lead{font-size:13px}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-buttons a{height:52px}.hero-side-note{display:none}.hero-schedule{right:18px;bottom:0;left:18px;width:auto}.quick-links{grid-template-columns:1fr}.quick-links>a{border-right:0!important;border-bottom:1px solid var(--line)}.section-pad{padding:78px 18px}.section-title h2,.rehab-copy h2,.facility-copy h2,.appointment-intro h2{font-size:35px}.principle{gap:35px}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:220px;border-left:1px solid var(--line)}.principle-grid h3{margin-top:45px}.treatment-grid{grid-template-columns:1fr}.treatment-grid a,.treatment-grid a:last-child{grid-column:auto;min-height:280px;border-left:1px solid rgba(255,255,255,.15)}.treatment-grid p{margin-top:62px}.rehab-image{min-height:380px}.rehab-copy{padding:65px 22px}.doctor-grid article{grid-template-columns:1fr}.doctor-photo{min-height:500px}.doctor-grid article>div:last-child{padding:35px 25px}.facility-section{min-height:800px}.facility-copy{padding:95px 18px}.facility-stats{grid-template-columns:1fr 1fr}.facility-stats div{min-height:100px}.info-section{padding-right:18px;padding-left:18px}.notice-board,.location-card{padding:29px 22px}.notice-list>a{grid-template-columns:43px 1fr}.notice-list time{display:none}.appointment-intro{padding:65px 22px}.appointment-panel{margin:0 18px 45px;padding:30px 22px}.form-row{grid-template-columns:1fr;gap:0}.clinic-footer{grid-template-columns:1fr;padding:50px 18px 100px}.footer-links{grid-column:auto}.mobile-quick{position:fixed;z-index:90;right:0;bottom:0;left:0;display:flex}.mobile-quick a{width:50%;height:58px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:var(--teal-dark);font-size:12px}.mobile-quick a:last-child{background:var(--teal)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* 2026-08-21 unified navigation, typography and responsive refinement */
body, button, input, select, textarea { font-family:var(--font); }
em { font-style:normal; }
.clinic-nav > div > a[aria-current="page"] { color:#b9ddd7; }
.clinic-header.fixed .clinic-nav > div > a[aria-current="page"] { color:var(--teal); }
.nav-drop { min-width:220px; padding:0 0 11px; border-top:3px solid var(--teal); }
.nav-drop.wide { min-width:235px; }
.nav-drop p { margin:0 0 7px; padding:15px 19px 12px; display:flex; align-items:center; gap:10px; color:var(--ink); border-bottom:1px solid var(--line); font-size:11px; font-weight:700; }
.nav-drop p span { color:var(--teal); font-size:8px; letter-spacing:.12em; }
.nav-drop a { display:flex; align-items:center; justify-content:space-between; }
.nav-drop a b { margin-left:18px; color:var(--teal); font-weight:500; }
.mobile-menu-kicker,.mobile-menu-group,.mobile-submenu,.mobile-call { display:none; }

.clinic-hero,.hero-content { min-height:760px; }
.hero-content { padding-top:155px; }
.clinic-hero h1 { font-size:clamp(48px,4.7vw,70px); font-weight:540; line-height:1.2; letter-spacing:-.045em; }
.clinic-hero h1 em { font-weight:690; }
.hero-lead { font-weight:430; }
.section-pad { padding-top:96px; padding-bottom:96px; }
.section-title h2,.rehab-copy h2,.facility-copy h2,.appointment-intro h2 { font-size:clamp(38px,4vw,56px); font-weight:540; letter-spacing:-.045em; }
.section-title h2 em,.rehab-copy h2 em,.facility-copy h2 em,.appointment-intro h2 em { font-weight:690; }
.principle-grid { margin-top:20px; }
.principle-grid article { min-height:235px; }
.principle-grid h3 { margin-top:52px; }
.treatment-intro { top:112px; }
.treatment-grid { margin-top:45px; }
.treatment-grid a { min-height:330px; }
.rehab-story,.rehab-image { min-height:650px; }
.doctor-grid { margin-top:44px; }
.doctor-photo { min-height:430px; }
.facility-section { min-height:650px; }
.facility-copy { padding-top:112px; padding-bottom:112px; }
.info-section { gap:24px; }
.appointment { min-height:650px; }
.clinic-footer { min-height:235px; padding-top:52px; padding-bottom:52px; }

.barunon-subpage,.barunon-subpage *,.barunon-subpage *::before,.barunon-subpage *::after { font-family:var(--font)!important; }
.barunon-subpage { color:var(--ink); background:var(--surface); font-size:16px; letter-spacing:-.018em; }
.barunon-subpage em { font-style:normal!important; }
.barunon-subpage .demo-hero { min-height:clamp(500px,58svh,570px); }
.barunon-subpage .demo-hero > img { width:100%; filter:saturate(.8) contrast(1.02); }
.barunon-subpage .demo-hero-shade { background:linear-gradient(90deg,rgba(8,46,51,.87),rgba(8,46,51,.34) 66%,rgba(8,46,51,.44)),linear-gradient(0deg,rgba(6,38,42,.45),transparent 60%); }
.barunon-subpage .demo-hero-copy { width:min(1200px,calc(100% - 60px)); padding-bottom:64px; }
.barunon-subpage .demo-hero-copy > p { margin-bottom:16px; color:#b8d8d3; font-size:10px; font-style:normal; font-weight:720; letter-spacing:.2em; }
.barunon-subpage .demo-hero h1 { max-width:880px; font-size:clamp(42px,4.6vw,62px); font-weight:550; line-height:1.2; letter-spacing:-.035em; }
.barunon-subpage .demo-hero h1 em { color:#b9ddd7; font-style:normal; font-weight:700; }
.barunon-subpage .demo-hero-copy > span { max-width:630px; margin-top:20px; color:rgba(255,255,255,.72); font-size:14px; font-weight:420; line-height:1.8; }
.barunon-subpage .demo-hero-index { right:max(30px,calc((100vw - 1200px)/2)); bottom:40px; }
.barunon-subpage .demo-breadcrumb { max-width:none; height:62px; margin:0; padding:0 max(30px,calc((100vw - 1200px)/2)); color:var(--muted); background:var(--paper); border-bottom:1px solid var(--line); }
.barunon-subpage .demo-section { width:min(1200px,calc(100% - 60px)); max-width:1200px; margin-right:auto; margin-left:auto; padding:clamp(78px,7vw,104px) 0; scroll-margin-top:84px; }
.barunon-subpage .demo-section h2,.barunon-subpage .demo-bottom-cta h2 { font-size:clamp(36px,3.8vw,53px); font-weight:550; line-height:1.24; letter-spacing:-.035em; }
.barunon-subpage .demo-section h2 em,.barunon-subpage .demo-bottom-cta h2 em { color:var(--teal); font-style:normal; font-weight:700; }
.barunon-subpage .demo-kicker { color:var(--teal); font-weight:720; }
.barunon-subpage .demo-section-head { margin-bottom:42px; gap:48px; }
.barunon-subpage .demo-split > figure { min-height:560px; }
.barunon-subpage .demo-split-copy { padding:58px 55px; }
.barunon-subpage h3 { font-weight:620!important; letter-spacing:-.025em!important; }
.barunon-subpage h4,.barunon-subpage blockquote { font-weight:540!important; letter-spacing:-.018em!important; }
.barunon-subpage .demo-card,.barunon-subpage .demo-person,.barunon-subpage .demo-article { border-top:3px solid var(--teal); box-shadow:0 14px 40px rgba(14,69,76,.06); }
.barunon-subpage .demo-card { min-height:275px; }
.barunon-subpage .demo-project img,.barunon-subpage .demo-person img { filter:saturate(.88); }
.barunon-subpage .demo-bottom-cta { min-height:320px; padding-top:58px; padding-bottom:58px; color:#fff; background:var(--teal-dark); }
.barunon-subpage .demo-bottom-cta h2 em { color:#b9ddd7; }
.barunon-subpage .demo-bottom-cta > p { color:rgba(255,255,255,.62); }
.barunon-subpage .demo-contact-section { align-items:start; }
.barunon-subpage .clinic-footer { position:relative; z-index:1; }

@media(max-width:920px){
    .clinic-mobile-menu { padding:28px 24px 46px; }
    .clinic-header:not(.fixed) .clinic-mobile-menu { top:106px; }
    .clinic-header.fixed .clinic-mobile-menu { top:76px; }
    .mobile-menu-kicker { display:block; margin:0 0 16px; color:#a9d2cc; font-size:9px; font-weight:720; letter-spacing:.18em; }
    .clinic-mobile-menu nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; border-top:1px solid rgba(255,255,255,.16); }
    .mobile-menu-group { display:block; padding:14px 2px; border-bottom:1px solid rgba(255,255,255,.14); }
    .mobile-menu-primary { display:flex; align-items:center; justify-content:space-between; font-size:19px; font-weight:640; }
    .mobile-menu-primary span { color:#9fcac5; font-size:9px; font-weight:650; }
    .mobile-submenu { display:flex; flex-wrap:wrap; gap:7px 15px; margin-top:10px; }
    .mobile-submenu a { position:relative; padding:0 0 0 9px!important; border:0!important; color:rgba(255,255,255,.62); font-size:11px!important; font-weight:430; }
    .mobile-submenu a::before { content:""; position:absolute; top:50%; left:0; width:3px; height:3px; border-radius:50%; background:#9fcac5; }
    .mobile-call { height:52px; margin-top:22px; display:flex; align-items:center; justify-content:center; background:var(--teal); font-size:12px; font-weight:650; }
}

@media(max-width:600px){
    .clinic-mobile-menu { padding:22px 18px 30px; }
    .clinic-header:not(.fixed) .clinic-mobile-menu { top:100px; }
    .clinic-header.fixed .clinic-mobile-menu { top:68px; }
    .clinic-mobile-menu nav { grid-template-columns:1fr; }
    .mobile-menu-group { padding:9px 2px; }
    .mobile-menu-primary { font-size:17px; }
    .mobile-submenu { margin-top:7px; gap:5px 13px; }
    .mobile-submenu a { font-size:10px!important; }
    .clinic-hero { min-height:740px; }
    .hero-content { min-height:545px; padding-top:112px; }
    .clinic-hero h1 { font-size:38px; line-height:1.22; }
    .hero-lead { font-size:12px; line-height:1.75; }
    .hero-schedule { padding:22px 23px 20px; }
    .section-pad { padding-top:68px; padding-bottom:68px; }
    .section-title h2,.rehab-copy h2,.facility-copy h2,.appointment-intro h2 { font-size:32px; line-height:1.28; }
    .principle-grid article { min-height:190px; }
    .principle-grid h3 { margin-top:32px; }
    .treatment-grid a,.treatment-grid a:last-child { min-height:0; padding:25px 24px 27px; }
    .treatment-grid p { margin-top:58px; }
    .treatment-grid small { min-height:0; margin-top:15px; }
    .treatment-grid b { position:static; margin-top:20px; }
    .rehab-image { min-height:330px; }
    .rehab-copy { padding-top:58px; padding-bottom:58px; }
    .doctor-photo { min-height:420px; }
    .facility-section { min-height:690px; }
    .facility-copy { padding-top:78px; }
    .clinic-footer { padding-bottom:50px; }
    .mobile-quick { display:none!important; }
    .barunon-subpage .demo-hero { min-height:455px; }
    .barunon-subpage .demo-hero-copy { width:calc(100% - 36px); padding-bottom:38px; }
    .barunon-subpage .demo-hero h1 { font-size:35px; line-height:1.22; }
    .barunon-subpage .demo-hero-copy > span { margin-top:15px; font-size:12px; line-height:1.7; }
    .barunon-subpage .demo-breadcrumb { height:52px; padding:0 18px; }
    .barunon-subpage .demo-section { width:calc(100% - 36px); padding:62px 0; }
    .barunon-subpage .demo-section h2,.barunon-subpage .demo-bottom-cta h2 { font-size:30px; line-height:1.27; }
    .barunon-subpage .demo-section-head { margin-bottom:30px; }
    .barunon-subpage .demo-split > figure { min-height:320px; }
    .barunon-subpage .demo-split-copy { padding:42px 18px; }
    .barunon-subpage .demo-bottom-cta { min-height:285px; padding:50px 18px; }
}
