:root{--ink:#f7f3e9;--green:#edbb50;--mint:#24394f;--lime:#f6d68c;--cream:#1d3046;--muted:#c9d1db;--line:#40546b;--white:#fff}
header{background:#172637;border-color:var(--line)}.mark{background:var(--green);color:#1d3046}
.hero{gap:42px}.hero h1{color:#faf6e9}.hero h1 em{color:var(--green)}
.eyebrow{color:#f3ce79}.eyebrow i{background:#edbb50;box-shadow:0 0 0 4px #edbb5025}
.button{color:#1d3046;box-shadow:0 5px 22px #edbb5020}.button:hover{background:#ebcc92}.button.secondary{border-color:#ad8746;box-shadow:none}.button.secondary:hover{background:#344a61}
nav a:hover,.plain:hover,.staff-link:hover{color:#edcf95}.steps,.step-grid>div{border-color:var(--line)}.step-grid b,.card .symbol{background:#324961;color:#f3ce79}
.card,.panel,.appointment{background:#2a4057}.track,.details{background:#324961}.about{background:#1b2d40}.about p.bio{color:#dbe2e9}.details a{color:var(--lime)}
input,select,textarea{background:#203247;color:var(--ink);border-color:#61748b}input::placeholder{color:#b0becd}
.feedback{background:#f4d583;color:#182238}.feedback.error{background:#f2c0ac;color:#542919}.appointment .chip{background:#f2d68f;color:#2f2618}
.treatment{isolation:isolate;background:#24394f;border:1px solid #d5a84a50;box-shadow:0 24px 85px #0006;aspect-ratio:1.33}
.treatment img{animation:treatment-camera 10s ease-in-out infinite alternate;transform-origin:50% 49%}
.treatment::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#172637a8,transparent 33%);pointer-events:none}
.treatment-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 57% 55%,#ffcd7658,transparent 47%);mix-blend-mode:screen;animation:treatment-light 4s ease-in-out infinite alternate}
.treatment figcaption,.motion-toggle{z-index:1;color:#fff4d4;background:#172637ea;border:1px solid #dbaf575e}
.motion-toggle{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:24px;font-size:.7rem;cursor:pointer}
.motion-toggle input{width:14px;height:14px;accent-color:#edbb50;margin:0}
.treatment:has(input:checked) img,.treatment:has(input:checked) .treatment-light{animation-play-state:paused}
@keyframes treatment-camera{from{transform:scale(1.01)}to{transform:scale(1.14) translate(1.2%,1.4%)}}
@keyframes treatment-light{from{opacity:.08;transform:translate(-3%,1%)}to{opacity:.66;transform:translate(3%,-2%)}}
@media(max-width:950px){.hero{gap:26px}}
@media(max-width:680px){.hero{gap:17px}.treatment{aspect-ratio:1.48}}
@media(prefers-reduced-motion:reduce){.treatment img,.treatment-light{animation:none}.motion-toggle{display:none}}

#services,#public .forms{color:#1d3046}
#public .forms{position:relative;isolation:isolate}
#public .forms::before,#services::before{content:"";position:absolute;inset:0 calc((100% - 100vw)/2);background:#f3f3f0;z-index:-1}
#services{position:relative;isolation:isolate}
#services .eyebrow,#public .forms .eyebrow{color:#3c536e}
#services .sub,#services .card p,#public .forms .sub,#public .forms .hint{color:#465a70}
#services .card,#public .forms .panel{background:#fafaf8;border-color:#d1d8de}
#public .forms .track{background:#e5ebf0}
#services .card a,#public .forms .button.secondary{color:#27415b}
#public .forms input,#public .forms select{background:#fbfbf9;color:#1d3046;border-color:#a3b1bf}
#public .forms input::placeholder{color:#667788}
#public .forms .button.secondary:hover{background:#dce5ee}
body{overflow-x:clip}

.clinic-footer{--footer-bg:#172637;position:relative;margin-top:72px;background:var(--footer-bg);color:#f3f3f0;border:0}
.clinic-footer::before{content:"";position:absolute;left:50%;top:-59px;width:255px;height:60px;transform:translateX(-50%);background:var(--footer-bg);clip-path:path("M0 60 C43 60 57 0 127.5 0 C198 0 212 60 255 60 Z")}
.back-top{position:absolute;z-index:1;top:-33px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fffdf8;color:#172637}
.back-top span{width:12px;height:12px;border-top:3px solid;border-left:3px solid;transform:translateY(3px) rotate(45deg)}
.footer-columns{display:grid;grid-template-columns:1.5fr .65fr 1fr;align-items:start;gap:clamp(28px,5vw,78px);padding-block:57px 42px}
.clinic-footer h2{color:#edbb50;font-size:1.15rem;letter-spacing:0;margin:0 0 16px}
.footer-columns p{max-width:39ch;color:#dbe2e9;font-size:.9rem}
.footer-address{margin-top:13px}
.clinic-footer nav{display:grid;gap:8px;justify-items:start}
.clinic-footer nav h2{margin-bottom:5px}
.clinic-footer nav a::before{content:"";display:inline-block;width:5px;height:5px;background:#edbb50;border-radius:50%;margin-inline-end:8px;vertical-align:middle}
.footer-contact{margin-top:-92px;position:relative;padding:32px 23px;background:#edbb50;color:#172637;border-radius:28px}
.clinic-footer .footer-contact h2{color:#172637}
.footer-contact a{display:flex;align-items:center;gap:10px;margin-block:10px;font-size:clamp(.78rem,1.1vw,.95rem);font-weight:750}
.footer-contact a:hover bdi{text-decoration:underline}
.footer-contact a>span{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#1d304628}
.instagram-icon{position:relative;display:grid;place-items:center;width:15px;height:15px;border:1.6px solid currentColor;border-radius:4px}
.instagram-icon::before{content:"";width:5px;height:5px;border:1.3px solid currentColor;border-radius:50%}
.instagram-icon::after{content:"";position:absolute;right:2px;top:2px;width:2px;height:2px;border-radius:50%;background:currentColor}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:21px;border-top:1px solid #40546b;color:#dbe2e9}
@media(max-width:800px){.footer-columns{grid-template-columns:1fr 1fr;gap:25px}.footer-contact{margin-top:0;grid-column:1/-1}.clinic-footer nav{display:grid}}
@media(max-width:500px){.footer-columns{grid-template-columns:1fr;padding-block:43px 27px}.footer-contact{grid-column:auto}.footer-bottom{align-items:start;flex-direction:column;gap:8px}}


.about-grid{grid-template-columns:1.15fr .85fr;gap:clamp(24px,6vw,80px)}
.about-grid .details{margin-top:22px}
.doctor-photo{aspect-ratio:1112/1280;width:100%;max-width:390px;justify-self:center;border:1px solid #61748b;box-shadow:0 22px 60px #0d192f66}
.doctor-photo img{object-fit:contain}
@media(max-width:680px){.about-grid{grid-template-columns:1fr}.doctor-photo{max-width:360px}}

.pinterest-motion{background:#172637;aspect-ratio:auto;display:grid;justify-items:center;padding:12px 12px 10px}
.pinterest-motion video{display:block;width:auto;max-width:100%;height:min(65vh,510px);aspect-ratio:9/16;object-fit:contain;background:#101a28;border-radius:17px}
.pinterest-motion::after{display:none}
.pinterest-motion figcaption{position:static;margin-top:8px}
.pinterest-motion figcaption a:hover{text-decoration:underline}
@media(max-width:680px){.pinterest-motion video{height:min(63vh,450px)}}
