@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Tenor+Sans&display=swap');
:root { --ink:#162925; --muted:#61736e; --sage:#dde7df; --mist:#f5f7f3; --white:#fff; --line:#d6ded8; --green:#31695b; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--mist);font:16px/1.7 Inter,Arial,sans-serif} a{text-decoration:none;color:inherit} img{display:block;max-width:100%}
h1,h2,h3,.brand{font-family:"Tenor Sans",Arial,sans-serif;font-weight:400;letter-spacing:.015em;line-height:1.12;margin:0} p{margin-top:0}
.top{display:flex;justify-content:space-between;align-items:center;min-height:92px;background:var(--mist);border-bottom:1px solid var(--line)}
.brand{font-size:27px}.brand span{display:block;color:var(--green);font:500 10px Inter,sans-serif;letter-spacing:.25em;text-transform:uppercase;margin-top:6px}
.nav{display:flex;align-items:center;gap:35px;font-size:14px}.nav .active{color:var(--green)}.nav .book{padding:15px 23px;color:#fff;background:var(--green)}
.toggle{display:none}.eyebrow{margin:0 0 20px;color:var(--green);font-size:11px;font-weight:600;letter-spacing:.27em;text-transform:uppercase}
.hero{display:grid;grid-template-columns:minmax(420px,.94fr) minmax(390px,.82fr);gap:clamp(46px,7vw,110px);align-items:center;padding-top:clamp(58px,7vw,92px);padding-bottom:clamp(66px,8vw,104px)}
.hero h1{font-size:clamp(47px,5.2vw,72px);margin-bottom:26px}.lead{max-width:555px;color:var(--muted);font-size:18px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:55px;padding:0 26px;border:1px solid var(--green);font-size:14px;font-weight:500}.button.primary{color:#fff;background:var(--green)}
.doctor-media{position:relative;padding-left:34px}.doctor-media::before{content:"";position:absolute;top:38px;bottom:-24px;left:0;width:78%;background:var(--sage)}
.doctor-media img{position:relative;width:100%;height:600px;object-fit:cover;object-position:center top}
.availability{position:absolute;right:-20px;bottom:34px;z-index:1;width:240px;padding:23px;background:var(--white);box-shadow:0 20px 50px rgba(22,41,37,.09)}
.availability b{display:block;margin-bottom:9px;font:400 24px "Tenor Sans",sans-serif}.availability span{color:var(--muted);font-size:13px}
.trust{display:grid;grid-template-columns:1.1fr repeat(3,.7fr);align-items:center;gap:32px;padding-top:32px;padding-bottom:32px;border-block:1px solid var(--line);background:var(--white)}
.trust p{margin:0;font-family:"Tenor Sans";font-size:25px}.trust strong{display:block;font-family:"Tenor Sans";font-size:35px;font-weight:400}.trust span{color:var(--muted);font-size:13px}
.section{padding-top:clamp(70px,8vw,108px);padding-bottom:clamp(70px,8vw,108px)}.white{background:var(--white)}.sage{background:var(--sage)}
.title{display:grid;grid-template-columns:.75fr 1fr;gap:45px;margin-bottom:50px}.title h2,.split h2,.page-head h1{font-size:clamp(36px,4.2vw,54px)}.title p:last-child{color:var(--muted);max-width:550px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{padding:32px 28px;background:var(--white);border:1px solid var(--line)}.tile small{color:var(--green);letter-spacing:.16em}.tile h3{font-size:27px;margin:43px 0 13px}.tile p{color:var(--muted);margin:0}
.split{display:grid;grid-template-columns:.92fr 1fr;gap:clamp(38px,7vw,95px);align-items:center}.split img{width:100%;height:460px;object-fit:cover}.list{display:grid;gap:0;margin-top:30px}.list div{padding:17px 0;border-top:1px solid rgba(49,105,91,.18)}.list strong{display:block}.list span{color:var(--muted)}
.page-head{padding-top:clamp(65px,8vw,98px);padding-bottom:clamp(56px,7vw,82px);background:var(--white)}.page-head h1{max-width:780px;margin-bottom:22px}.page-head .lead{margin:0}
.treatments{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.treatment{padding:34px;background:var(--white);border:1px solid var(--line)}.treatment h3{font-size:30px;margin:0 0 13px}.treatment p{color:var(--muted)}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.timeline article{padding:27px;border-top:2px solid var(--green)}.timeline h3{font-size:28px;margin:18px 0 12px}.timeline p{color:var(--muted)}
.bio{display:grid;grid-template-columns:.76fr 1fr;gap:clamp(38px,7vw,90px);align-items:start}.bio img{height:545px;width:100%;object-fit:cover}.bio h2{font-size:clamp(36px,4vw,54px);margin-bottom:22px}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.credentials div{padding:18px;background:var(--white)}
.contact{display:grid;grid-template-columns:.75fr 1fr;gap:clamp(38px,7vw,96px)}.details{padding:34px;background:var(--sage)}.details h2{font-size:40px;margin-bottom:22px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.form label{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:13px}.form .wide{grid-column:1/-1}.form input,.form select,.form textarea{width:100%;min-width:0;min-height:53px;border:1px solid var(--line);padding:14px;background:var(--white);font:inherit}.form textarea{min-height:125px}.form button{border:0;cursor:pointer}
.footer{display:flex;justify-content:space-between;gap:30px;color:#dbe7e1;background:var(--ink);padding-top:46px;padding-bottom:46px}.footer .brand{color:#fff}.footer .brand span{color:#a5cabe}
@media(min-width:901px){.top,.hero,.trust,.section,.page-head,.footer{padding-right:max(clamp(22px,5vw,70px),calc((100vw - 1260px)/2));padding-left:max(clamp(22px,5vw,70px),calc((100vw - 1260px)/2))}}
@media(max-width:900px){.top{position:relative;min-height:76px;padding:0 20px}.brand{font-size:23px}.toggle{display:block;padding:10px;border:1px solid var(--line);background:transparent}.nav{display:none;position:absolute;top:76px;right:14px;left:14px;z-index:4;flex-direction:column;align-items:stretch;padding:22px;background:#fff;border:1px solid var(--line)}.nav.open{display:flex}.hero,.section,.page-head{padding:54px 20px}.hero,.title,.split,.bio,.contact{grid-template-columns:1fr}.hero h1{font-size:43px}.doctor-media{padding-left:0}.doctor-media::before{display:none}.doctor-media img{height:410px}.availability{right:10px;bottom:10px}.trust{grid-template-columns:repeat(2,1fr);padding:28px 20px}.trust p{grid-column:1/-1}.tiles,.treatments,.timeline,.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.credentials{grid-template-columns:1fr}.footer{flex-direction:column;padding:44px 20px}}