/* Frosted surfaces: solid fallbacks first, translucency only when blur exists. */
:root{--glass-edge:rgba(255,255,255,.68);--glass-shadow:0 18px 54px rgba(52,52,52,.10),inset 0 1px 0 rgba(255,255,255,.8)}
body{background:#fafafa}
header{position:fixed;inset:18px 3% auto;height:82px;padding:0 26px;border:1px solid var(--glass-edge);border-radius:20px;background:#e5ebeb;box-shadow:0 8px 36px rgba(52,52,52,.09),inset 0 1px 0 #ffffffb3;transition:background .3s,box-shadow .3s}
header .brand{font-size:11px;letter-spacing:1.4px}header .brand small{font-size:9px;letter-spacing:2px}header nav{gap:26px}.button{border-radius:12px}.button.small{padding:13px 19px}
.hero{min-height:820px;height:min(900px,100svh);background:radial-gradient(ellipse at 18% 27%,#e5ebeb 0,transparent 58%),linear-gradient(120deg,#b2c4c4,#b2c4c4)}
.hero:after{content:'';position:absolute;inset:auto 0 0;height:105px;background:linear-gradient(transparent,#e5ebeb);pointer-events:none;z-index:1}
.hero-word{top:145px;color:#ffffff45;font-size:18.5vw}.hero-copy{padding-top:260px}.hero-copy h1{font-size:clamp(48px,4.7vw,72px)}.hero-copy h1 span{color:#343434}.hero-copy>.eyebrow{letter-spacing:2.5px}.hero-copy>p:not(.eyebrow){color:#343434}.hero-note{margin-top:21px}.hero-photo{mask-image:linear-gradient(to right,transparent,#000 30%)}
.doctor-label{right:6%;bottom:145px;padding:24px 28px;border:1px solid var(--glass-edge);border-radius:18px;background:#e5ebeb;box-shadow:var(--glass-shadow);font-size:17px;max-width:360px}.doctor-label small{font-size:12px;line-height:1.6;color:#343434;max-width:265px}.scroll-hint,.hero-index{z-index:3;bottom:68px}
.principles{position:relative;z-index:4;margin:-35px 6% 0;min-height:86px;padding:23px 3%;border:1px solid var(--glass-edge);border-radius:18px;background:#fafafa;box-shadow:var(--glass-shadow);gap:20px}.principles i{color:#343434}.principles span{line-height:1.5}
.treatments{background:radial-gradient(ellipse at 90% 65%,#e5ebeb 0,transparent 52%);padding-top:100px}.treatment-layout{gap:5%;align-items:stretch}.treatment-list{padding:10px 22px;border:1px solid #fff;border-radius:22px;background:#fafafa;box-shadow:0 12px 40px #34343406}.treatment{padding-top:25px;padding-bottom:25px}.treatment:first-child{border-top:0}.treatment:last-child{border-bottom:0}.treatment.active{border-radius:12px;background:#e5ebeb}.treatment-detail{border-radius:24px;background:radial-gradient(ellipse at top right,#66666680,transparent 62%),#343434;border:1px solid #6666668c;box-shadow:0 22px 50px #34343420,inset 0 1px 0 #ffffff38}.detail-symbol{color:#e5ebeb}.treatment-detail .text-link{color:#e5ebeb}
.about{background:radial-gradient(ellipse at 15% 55%,#e5ebeb 0,transparent 66%),linear-gradient(#fafafa,#e5ebeb);gap:8%;padding-top:80px;padding-bottom:90px}.about-photo{border:1px solid #fff;border-radius:120px 28px 28px 28px;box-shadow:0 28px 64px #34343420}.photo-caption{left:20px;right:20px;bottom:20px;padding:22px;border:1px solid var(--glass-edge);border-radius:18px;background:#e5ebeb;color:var(--ink);box-shadow:var(--glass-shadow);font-size:15px}.photo-caption .brand-mark.light img{filter:brightness(0) saturate(100%) invert(21%) sepia(13%) saturate(936%) hue-rotate(131deg) brightness(91%) contrast(89%)}.about-copy{position:relative;z-index:1}.credentials{gap:0}.credentials>div{padding:15px 0}.about-copy>p:not(.eyebrow){color:#343434}
.care{background:linear-gradient(#e5ebeb,#fafafa);padding-top:70px}.care-grid{gap:35px}.care-grid article{border-top-color:#666666;padding-top:25px}
.clinic{margin:12px 3% 0;border-radius:32px;min-height:730px;display:flex;align-items:center;justify-content:flex-end;padding:65px 6%;isolation:isolate;background:#b2c4c4}.clinic-image{position:absolute;inset:0;height:100%;min-height:0;z-index:-2}.clinic-image img{height:calc(100% + 220px);object-position:center 45%}.clinic:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 20%,#34343440)}.clinic-panel{padding:45px 48px;width:470px;max-width:100%;border:1px solid var(--glass-edge);border-radius:24px;background:#e5ebeb;box-shadow:0 24px 60px #34343430,inset 0 1px 0 #ffffffc4}.clinic-panel h2{font-size:54px}.clinic-panel p:not(.eyebrow){color:#343434}.clinic-address{margin-top:36px;font-size:10px}.clinic-panel .text-link{line-height:1.6}
.faq{background:linear-gradient(#fafafa,#fafafa)}.contact{position:relative;background:radial-gradient(ellipse at 85% 50%,#6666668c,transparent 55%),linear-gradient(125deg,#343434,#343434);overflow:hidden}.contact h2 em{color:#e5ebeb}.contact-form{position:relative;border-radius:24px;background:#e5ebeb;border:1px solid var(--glass-edge);box-shadow:0 28px 60px #34343430,inset 0 1px 0 #ffffffb3}.contact-form .button{background:#343434;color:#fff}.contact-form .button:hover{background:#343434}.contact-form input,.contact-form select{border-bottom-color:#666666}.contact-form>small{color:#343434}footer{background:#fafafa}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 header{background:linear-gradient(125deg,#ffffff9e,#fafafa80);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}
 .doctor-label,.photo-caption,.principles{background:linear-gradient(120deg,#ffffffb8,#e5ebeb6b);-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%)}
 .clinic-panel{background:linear-gradient(125deg,#fafafadb,#fafafabf);-webkit-backdrop-filter:blur(25px) saturate(90%);backdrop-filter:blur(25px) saturate(90%)}
 .contact-form{background:linear-gradient(125deg,#fafafaeb,#e5ebebc9);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
}
@media(min-width:1500px){.hero-word{top:120px}.hero-copy{padding-top:285px}}
@media(max-width:1100px){header{padding:0 20px}header nav{gap:18px}header .brand{font-size:10px;gap:10px}header .brand small{font-size:8px}.principles{font-size:11px;gap:12px}.clinic-panel{width:440px}.doctor-label{right:4%;max-width:315px}}
@media(max-width:680px){
 html{scroll-padding-top:115px}header{inset:12px 4% auto;height:72px;padding:0 14px;border-radius:17px}header .brand{font-size:9px;letter-spacing:1px;gap:9px}header .brand small{font-size:7px;letter-spacing:1.7px}header .brand-mark{width:41px;height:27px}.menu{padding:9px}
 header nav{top:82px;left:0;right:0;border:1px solid #fff;border-radius:17px;background:#fafafa;padding:25px;box-shadow:var(--glass-shadow);gap:25px;font-size:16px}
 .hero{height:1020px;min-height:1020px}.hero-copy{padding-top:190px;width:88%}.hero-copy h1{font-size:47px}.hero-word{top:125px;font-size:22vw}.hero-photo{height:545px;bottom:45px;mask-image:linear-gradient(to bottom,transparent,#000 20%)}.hero-photo img{height:155%}.doctor-label{right:6%;left:6%;bottom:125px;max-width:none;padding:19px 22px;font-size:16px}.doctor-label small{font-size:11px;max-width:none}.scroll-hint{bottom:68px;font-size:9px}.hero:after{height:170px}
 .principles{margin:-28px 5% 0;padding:21px 15px;min-height:100px;gap:18px 12px;border-radius:17px}.treatments{padding-top:66px}.treatment-list{padding:6px 14px;border-radius:19px}.treatment{font-size:16px}.treatment-detail{border-radius:20px}.about{padding-top:40px;padding-bottom:60px;gap:40px}.about-photo{border-radius:80px 22px 22px 22px}.photo-caption{left:12px;right:12px;bottom:12px;padding:17px;font-size:14px;border-radius:15px}.photo-caption>.brand-mark{width:45px;height:30px}.care{padding-top:35px}.care-grid{gap:28px}
 .clinic{margin:0 4%;border-radius:23px;padding:300px 18px 20px;min-height:0;display:block}.clinic-image{height:100%;min-height:0}.clinic-image img{height:calc(100% + 150px);margin-top:-75px;object-position:43% center}.clinic-panel{width:100%;padding:30px 25px;border-radius:18px}.clinic-panel h2{font-size:43px}.clinic-panel .eyebrow{margin-bottom:17px}.clinic-address{margin-top:27px;letter-spacing:1.5px}.contact-form{border-radius:20px}.contact{gap:38px}
}
@media(prefers-reduced-transparency:reduce){header,.doctor-label,.photo-caption,.principles,.clinic-panel,.contact-form{background:#e5ebeb;-webkit-backdrop-filter:none;backdrop-filter:none}}