:root{--navy:#102b40;--ink:#19374a;--muted:#526774;--cream:#f4f5f2;--line:#d9e0e2;--accent:#9bb8c1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c3a767;outline-offset:5px}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:400}h2{font-size:clamp(32px,3.7vw,52px);line-height:1.2;letter-spacing:-1.6px;margin-bottom:28px}h3{font-size:23px;line-height:1.35;letter-spacing:-.6px}.wrap{max-width:1240px;margin:auto;padding:100px 55px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:24px}.preview-bar{min-height:32px;background:#e9edf0;display:flex;gap:18px;align-items:center;justify-content:center;padding:5px 20px;font-size:10px;letter-spacing:1px}.preview-bar button{background:transparent;text-decoration:underline;font-size:11px;letter-spacing:0;padding:3px}.preview-detail{letter-spacing:0;color:var(--muted)}header{position:sticky;top:0;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:22px 4%;z-index:10;gap:30px}.brand{display:flex;align-items:center;gap:13px;font-family:Manrope,sans-serif;font-size:23px;white-space:nowrap;line-height:1.2;letter-spacing:-.6px}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:3px;margin-top:9px}.brand-symbol{width:41px;height:41px;position:relative;display:block;flex-shrink:0}.brand-symbol i{position:absolute;inset:0;border:1px solid currentColor;border-radius:50%}.brand-symbol i:nth-child(2){inset:5px -3px;transform:rotate(55deg)}.brand-symbol i:nth-child(3){inset:-3px 5px;transform:rotate(55deg)}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-contact{border:1px solid #8195a1;padding:12px 18px}.nav-contact span{margin-left:18px}.menu-toggle{display:none;background:transparent;color:#fff}.hero{height:min(760px,78vh);min-height:560px;position:relative;overflow:hidden;background:#183a4c;color:white}.hero-media{position:absolute;inset:0}.hero-portrait{position:absolute;right:0;top:0;height:100%;width:65%;object-fit:cover;object-position:50% 28%}.hero-media video{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102b40 8%,#102b40eb 28%,#102b4066 67%,#102b4022),linear-gradient(0deg,#102b4088,transparent 55%)}.hero-copy{position:relative;max-width:1240px;margin:auto;padding:115px 55px 80px}.hero h1{font-size:clamp(46px,6vw,83px);line-height:1.08;letter-spacing:-3px;margin-bottom:24px}.hero-description{font-size:18px;line-height:1.6;color:#e7edef}.light-link{font-size:13px;border-bottom:1px solid #b5c4cc;display:inline-flex;gap:45px;align-items:center;padding:10px 0}.hero-bottom{position:absolute;left:4%;right:4%;bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;letter-spacing:1.5px}.hero-bottom button{background:#102b4099;color:#fff;border:1px solid #fff7;padding:7px 15px;font-size:11px}.intro{text-align:center;padding-top:105px;padding-bottom:110px;max-width:880px}.intro p:last-child{max-width:635px;margin:auto;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:100px;padding-top:0}.portrait-frame{position:relative;background:var(--cream)}.portrait-frame img{display:block;width:100%;max-height:550px;object-fit:cover;object-position:top}.portrait-frame>span{position:absolute;bottom:0;left:0;right:0;background:var(--navy);color:#fff;padding:16px 25px;font-size:12px;letter-spacing:1px}.about-copy p{color:var(--muted);font-size:16px}.about-copy .eyebrow{font-size:11px;color:var(--ink)}.credentials{color:var(--ink)!important;font-weight:600;margin:0 0 25px}.credentials span{font-size:11px;letter-spacing:.2px;font-weight:400}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--ink);padding:10px 0;background:transparent;font-size:13px}.expertise{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:15px;margin-bottom:3px}.treatments{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.treatments article{min-width:0}.treatments p{font-size:15px;color:var(--muted);min-height:77px}.number{display:block;font-size:10px;letter-spacing:1.4px;margin:24px 0 15px}.service-art{height:210px;position:relative;overflow:hidden;background:#e0e8ea}.lens-art i{position:absolute;width:135px;height:170px;border:1px solid #6a8c9c;border-radius:50%;top:20px;left:24%;transform:rotate(28deg);background:linear-gradient(140deg,#fff9,#7595a13b)}.lens-art i+i{left:39%;transform:rotate(-20deg)}.field-art{background:#183b51}.field-art i{position:absolute;inset:15%;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0px,transparent 13px,#c4d6d870 14px,#c4d6d870 15px)}.ripple-art{background:#d1dcdb}.ripple-art i{position:absolute;width:250px;height:250px;border-radius:50%;top:30px;left:23%;background:repeating-radial-gradient(circle,#dde6e4 0,#dde6e4 18px,#9eb7b555 20px,#dde6e4 22px)}.journey{display:grid;grid-template-columns:1fr 1fr;gap:90px}.steps>div{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.steps>div:first-child{padding-top:0}.steps>div>span{font-size:12px;color:#69828f;padding-top:5px}.steps h3{font-size:20px;margin-bottom:10px}.steps p{font-size:15px;color:var(--muted);margin-bottom:0}.resources{background:var(--navy);color:white}.resources .section-heading>p{color:#bfccd3}.resource-row{display:grid;grid-template-columns:1fr 1.9fr auto;gap:24px;align-items:center;border-top:1px solid #ffffff40;padding:26px 0}.resource-row:last-of-type{border-bottom:1px solid #ffffff40}.resource-row h3{font-size:25px;margin:0}.resource-format{font-size:10px;letter-spacing:1px;color:#bfccd3}.resource-action{font-size:12px}.resource-row:hover h3{text-decoration:underline;text-underline-offset:5px}.small-note{font-size:12px;color:#bfccd3;margin:23px 0 0}.contact{text-align:center}.contact>p:not(.eyebrow){max-width:520px;margin:0 auto 40px;color:var(--muted)}.locations{display:grid;grid-template-columns:1fr 1fr;max-width:850px;margin:45px auto 0;text-align:left;border-top:1px solid var(--line)}.locations>div{padding:35px}.locations>div+div{border-left:1px solid var(--line)}.location-name{font-size:20px;font-family:Manrope,sans-serif}.locations p{font-size:15px;color:var(--muted);margin:14px 0}footer{padding:55px 5% 25px;background:#f1f3f2;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:28px;font-size:12px}footer .brand{font-size:20px}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:25px;font-size:10px;color:var(--muted)}dialog{border:0;padding:55px;max-width:600px;width:calc(100% - 35px);color:var(--ink)}dialog::backdrop{background:#102b40b0}dialog p{color:var(--muted)}dialog h2{font-size:35px}.close-dialog{position:absolute;right:16px;top:8px;background:transparent;font-size:30px}.film-status{position:fixed;bottom:20px;left:20px;right:20px;background:#fff;color:var(--ink);padding:15px 20px;z-index:30;box-shadow:0 5px 30px #0002;font-size:14px}.skip{position:fixed;left:10px;top:-100px;z-index:100;padding:10px;background:white}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1500px){.hero-portrait{object-position:50% 25%}}@media(max-width:950px){nav{gap:18px}.brand{font-size:20px}.wrap{padding:75px 30px}.about{gap:45px;padding-top:0}.hero-copy{padding:100px 35px}.treatments{gap:22px}.journey{gap:40px}.preview-detail{display:none}.service-art{height:180px}}@media(max-width:700px){header{padding:20px 23px}.brand{font-size:20px}.brand-symbol{width:32px;height:32px}.menu-toggle{display:block;font-size:13px}.menu-toggle span{margin-left:10px}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--navy);padding:10px 24px 24px}nav.open{display:flex}nav a{padding:10px}.hero{min-height:610px;height:76vh;max-height:760px}.hero-portrait{width:100%;object-position:55% 15%;opacity:.75}.hero-shade{background:linear-gradient(0deg,#102b40 0%,#102b40c0 40%,#102b4020 100%)}.hero-copy{padding:220px 25px 80px}.hero h1{font-size:52px;letter-spacing:-2px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px;max-width:240px}.hero-description{font-size:16px}.hero-bottom{font-size:8px;left:25px;right:25px}.hero-bottom>span{display:none}.hero-bottom>a{margin-left:auto}.wrap{padding:65px 25px}h2{font-size:34px;letter-spacing:-1px}.about,.journey{grid-template-columns:1fr;gap:35px}.about{padding-top:0}.portrait-frame{max-width:430px}.portrait-frame img{max-height:480px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:25px}.treatments{grid-template-columns:1fr;gap:42px}.service-art{height:220px}.treatments p{min-height:0}.resource-row{grid-template-columns:1fr auto;gap:8px}.resource-format{grid-column:1/-1}.resource-row h3{font-size:21px}.resource-action{font-size:11px}.locations{grid-template-columns:1fr}.locations>div{padding:25px 0}.locations>div+div{border-left:0;border-top:1px solid var(--line)}footer{padding:40px 25px 25px;flex-direction:column;align-items:start}.footer-bottom{flex-direction:column;font-size:10px}dialog{padding:45px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Avenue appointment pathway: keep the existing visual language. */
.hero-clinic{font-size:13px;color:#e7edef;margin:23px 0 12px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 20px;font-size:13px;line-height:1.5;border:1px solid transparent;min-height:48px}.button-link:hover{filter:brightness(.95)}.button-light{background:#f4f5f2;color:var(--navy)}.button-dark{background:var(--navy);color:#fff}.hero-actions .light-link{gap:20px}.avenue-notice{background:#e9eff0;border-bottom:1px solid var(--line)}.avenue-notice .wrap{padding-top:45px;padding-bottom:45px;display:flex;align-items:center;justify-content:space-between;gap:45px}.avenue-notice .eyebrow{margin-bottom:12px}.avenue-notice h2{font-size:28px;letter-spacing:-.8px;margin-bottom:16px}.avenue-notice p:last-child{max-width:650px;font-size:15px;color:var(--muted);margin-bottom:0}.avenue-notice .text-link{flex-shrink:0}.avenue-card{display:grid;grid-template-columns:1fr 1.2fr;text-align:left;background:var(--cream);border:1px solid var(--line);margin-top:40px}.avenue-card>div{padding:40px}.avenue-booking{border-left:1px solid var(--line)}.avenue-card .eyebrow{margin-bottom:18px}.avenue-card h3{font-size:27px;margin-bottom:18px}.avenue-card address{font-style:normal;font-size:18px;line-height:1.6}.clinic-hours{font-size:13px;color:var(--muted);margin:18px 0}.clinic-phone{font-family:Manrope,sans-serif;font-size:clamp(25px,3vw,35px);line-height:1.4;display:inline-flex;gap:18px;margin-bottom:18px}.clinic-phone:hover{text-decoration:underline;text-underline-offset:5px}.avenue-booking>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:410px}.clinic-email{display:block;font-size:14px;overflow-wrap:anywhere;margin-top:19px;text-decoration:underline;text-underline-offset:4px}.contact>p.appointment-note{font-size:13px;max-width:730px;margin:24px auto 36px}.other-locations{text-align:left;border-top:1px solid var(--line);padding-top:25px}.other-locations summary{cursor:pointer;font-size:16px;padding:8px 0}.other-locations summary:focus-visible{outline:3px solid #c3a767;outline-offset:5px}.other-location-note{font-size:14px;color:var(--muted);margin:15px 0 0}.other-locations .locations{max-width:none;margin-top:20px}.other-locations .locations>div:first-child{padding-left:0}
@media(min-width:701px) and (max-width:1200px){header{padding:20px 30px}.menu-toggle{display:block;font-size:13px}.menu-toggle span{margin-left:10px}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--navy);padding:10px 30px 24px}nav.open{display:flex}nav a{padding:10px}.nav-contact span{float:right}}
@media(max-width:950px){.avenue-notice .wrap{gap:25px}.avenue-card>div{padding:30px}.hero-copy{padding-top:80px}.hero{min-height:650px}.avenue-notice .text-link{flex-shrink:1}}
@media(max-width:700px){.hero{min-height:730px;height:auto}.hero-copy{padding:215px 25px 95px}.hero h1{font-size:46px}.hero-actions{align-items:flex-start;gap:12px;flex-direction:column}.hero-clinic{max-width:300px;margin-top:18px}.avenue-notice .wrap{display:block;padding-top:35px;padding-bottom:35px}.avenue-notice .text-link{margin-top:18px}.avenue-notice h2{font-size:27px}.avenue-card{grid-template-columns:1fr;margin-top:30px}.avenue-card>div{padding:27px}.avenue-booking{border-left:0;border-top:1px solid var(--line)}.avenue-card h3{font-size:25px}.avenue-card .button-link{width:100%;padding:13px 16px}.clinic-phone{font-size:27px;gap:12px}.contact>p.appointment-note{margin-bottom:28px}.other-locations .locations>div{padding-left:0;padding-right:0}}
@media(max-width:360px){.hero h1{font-size:42px}.hero-copy{padding-left:20px;padding-right:20px}.avenue-card>div{padding:22px}.clinic-phone{font-size:24px}.button-link{gap:12px}.wrap{padding-left:20px;padding-right:20px}}
@media(max-width:700px){header{gap:14px}.brand{font-size:19px}.brand small{letter-spacing:2.4px}.menu-toggle{flex-shrink:0}.nav-contact span{float:right}}
@media(max-width:360px){header{padding-left:18px;padding-right:18px;gap:10px}.brand{font-size:18px;gap:10px}.brand-symbol{width:28px;height:28px}.brand small{font-size:8px;letter-spacing:2px}.menu-toggle span{margin-left:5px}}

/* Font-independent directional icons keep contact links legible across devices. */
.link-arrow{display:inline-block;width:12px;height:12px;flex-shrink:0;vertical-align:middle}

/* Finishing pass: patient information and keyboard-friendly content. */
.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}.option-grid details{border:1px solid var(--line);padding:25px;background:var(--cream)}.option-grid summary{font-family:Manrope,sans-serif;font-size:22px;cursor:pointer;line-height:1.4}.option-grid p{font-size:15px;color:var(--muted);margin:20px 0 0}.section-lead{max-width:780px;color:var(--muted)}.small-source{font-size:13px;margin-top:25px}.small-source a,.small-note a,.urgent-note a{text-decoration:underline;text-underline-offset:3px}.prepare-section{background:#edf1f2}.prepare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.prepare-grid p{font-size:15px;color:var(--muted)}.urgent-note{font-size:14px;border-top:1px solid #bacacf;padding-top:25px;margin-bottom:0}.urgent-note a{white-space:normal}.option-grid summary:focus-visible{outline:3px solid #a3742c;outline-offset:6px}.brand{flex-shrink:0}button,a,summary{touch-action:manipulation}@media(max-width:700px){.option-grid,.prepare-grid{grid-template-columns:1fr}.prepare-grid{gap:20px}.option-grid details{padding:22px}.option-grid summary{font-size:20px}.resource-row h3{overflow-wrap:anywhere}.preview-bar{font-size:9px}dialog{max-height:85dvh;overflow:auto}}

/* Portrait placement: quiet typographic opening, complete portrait in About. */
.hero{height:auto;min-height:590px;max-height:none;background:var(--navy)}
.hero-copy{max-width:1100px;text-align:center;padding:100px 45px 110px}
.hero h1{font-size:clamp(48px,6.8vw,88px);line-height:1.08;letter-spacing:-3px}
.hero .eyebrow{max-width:none;margin-left:auto;margin-right:auto}
.hero-description{font-size:19px;line-height:1.7}.hero-clinic{max-width:none}
.hero-actions{justify-content:center;align-items:center;gap:25px;flex-direction:row}
.about{grid-template-columns:280px minmax(0,1fr);gap:85px;max-width:1100px}
.portrait-frame{width:280px;max-width:100%;align-self:start;margin-top:8px}
.portrait-frame img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;aspect-ratio:4/5}
.portrait-frame>span{position:static;display:block;padding:12px 18px}
@media(max-width:700px){.hero{min-height:0;height:auto;max-height:none}.hero-copy{padding:75px 25px 105px}.hero h1{font-size:clamp(44px,10vw,64px);letter-spacing:-1.8px}.hero .eyebrow{font-size:10px;max-width:280px}.hero-description{font-size:17px}.hero-clinic{max-width:300px;margin:22px auto 16px}.hero-actions{flex-direction:column;align-items:center;gap:12px}.about{grid-template-columns:1fr;gap:32px}.portrait-frame{width:220px;max-width:100%;margin:0 auto}.portrait-frame img{max-height:none;height:auto;object-fit:contain}.about-copy{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Consulting locations remain visible below the primary Avenue card. */
.other-locations{margin-top:36px}.other-locations h3{font-size:25px;margin:0 0 12px}.other-locations .locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:25px}.other-locations .locations>div{padding:30px;border:0;border-bottom:1px solid var(--line)}.other-locations .locations>div:nth-child(odd){padding-left:0}.other-locations .locations>div:nth-child(even){border-left:1px solid var(--line)}.location-web a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.other-locations .location-name{display:block;line-height:1.35}@media(max-width:700px){.other-locations .locations{grid-template-columns:1fr}.other-locations .locations>div,.other-locations .locations>div:nth-child(even){padding:25px 0;border-left:0}.other-locations h3{font-size:23px}}

.brand small{display:block;font-size:11px;line-height:1.35;letter-spacing:.02em;white-space:normal}
