/* ORYZO-inspired art direction. Commissioner is an OFL-licensed trial direction,
   not an unlicensed copy of TT Firs Neue. Existing media/video contract remains. */
@font-face{font-family:Commissioner;src:url('./assets/commissioner.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--display:Commissioner,Arial,sans-serif;--gutter:clamp(22px,4.5vw,84px)}
body{font-family:var(--display);font-variation-settings:'FLAR' 0,'VOLM' 0;line-height:1.6}
h1,h2,h3,.serif,.monogram,.procedure-name,.price-note>span,.journey-number,.location-choice strong,.footer-name,.mobile-nav>a,.mobile-nav>details,.mobile-nav details a{font-family:var(--display)}
h2{font-size:clamp(38px,4.5vw,72px);font-weight:480;line-height:1.04;letter-spacing:-.045em}
h3{font-weight:480;letter-spacing:-.035em}
.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:550}
.caption{font-size:12px}
.button{border-radius:40px;padding:15px 24px;gap:28px;font-weight:500}
.primary{background:var(--text);color:var(--bg)}
.primary:hover{background:var(--accent);color:var(--accent-text);filter:none}
.text-link{font-size:13px}
.header{border-bottom-style:dashed;gap:40px}
.monogram{font-size:26px;letter-spacing:-3px;font-weight:600;transform:rotate(-8deg)}
.monogram span{font-size:26px;top:6px;margin-left:1px}.monogram i{width:32px;left:2px;bottom:-7px;transform:rotate(8deg)}
.desktop-nav>a,.desktop-nav>button{font-size:12px}.header-book{font-size:12px;border:1px solid var(--line);border-radius:32px;padding:10px 17px;gap:18px}
.mega-menu{border-radius:0 0 18px 18px}.mega-menu aside .serif{font-weight:500;font-size:32px;letter-spacing:-.03em}
.hero-stage{min-height:720px;max-height:900px;border-bottom-style:dashed}
.hero-copy{padding-top:clamp(90px,13vh,135px);width:50%;max-width:750px}
.hero-eyebrow{margin-bottom:32px;font-size:10px;letter-spacing:.16em}
.hero-copy h1{font-size:clamp(60px,6.65vw,110px);font-weight:520;line-height:.96;letter-spacing:-.057em;text-transform:uppercase;margin-left:-4px}
.hero-copy h1 span{display:inline-block}.hero-copy h1 span:last-child{font-weight:420}
.hero-subtitle{font-size:15px;max-width:330px;margin-top:26px;line-height:1.5}
.hero-intro{font-size:15px;max-width:310px;margin-top:35px;line-height:1.65}
.hero-copy .button{margin-top:25px;font-size:13px;min-height:50px}
.hero-secondary{margin-top:19px;font-size:12px}
.portrait{left:45%;width:40%;height:98%;mask-image:linear-gradient(90deg,transparent,black 12%,black 90%,transparent)}
.hero-anatomy{right:-3%;width:44%;height:80%;top:4%;opacity:.64}
.hero-margin-note{right:var(--gutter);top:9%;font-size:9px;letter-spacing:.14em;border-left-style:dashed;padding-left:13px;gap:7px}
.hero-footer{bottom:27px}.hero-footer p{max-width:235px;font-size:9px;line-height:1.7;letter-spacing:.15em}
.scroll-cue{width:48px;height:48px}
.motion-controls{border-radius:30px;box-shadow:0 2px 12px #00000012}
.section{padding-top:110px;padding-bottom:110px}
.section-heading{margin-bottom:50px;align-items:end}.section-heading>p{font-size:14px;max-width:330px}
.conversation-section{padding-top:90px;padding-bottom:100px}
.conversation-heading{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:38px;align-items:start;margin-bottom:55px}
.conversation-heading>.eyebrow{padding-top:10px}.conversation-heading>p:last-child{max-width:220px;justify-self:end;padding-top:12px;font-size:14px;color:var(--muted)}
.conversation-workspace{display:grid;grid-template-columns:1fr 2.2fr;gap:60px;align-items:start}
.concern-tabs{border-top:1px dashed var(--line);display:flex;flex-direction:column}
.concern-tabs button{display:grid;grid-template-columns:26px 1fr 22px;align-items:center;gap:12px;text-align:left;padding:24px 0;border-bottom:1px dashed var(--line);font-size:17px;min-height:94px;transition:color .2s}
.concern-tabs button>span:first-child{font-size:10px;color:var(--muted);align-self:start;padding-top:6px}.concern-tabs button>span:last-child{font-size:21px;transition:transform .25s}
.concern-tabs button[aria-selected=true]{color:var(--accent)}.concern-tabs button[aria-selected=true]>span:last-child{transform:rotate(-45deg)}
.concern-panel{background:var(--wash);position:relative;overflow:hidden;min-height:510px;border-radius:2px 2px 56px 2px}
.concern-answer{position:relative;padding:38px 44px 42px;min-height:510px}
.answer-meta{display:flex;align-items:center;gap:22px;margin-bottom:36px;font-size:9px;letter-spacing:.13em;color:var(--muted)}
.answer-number{font-size:50px;line-height:1;letter-spacing:-.065em;font-weight:420;color:var(--accent);width:62px}
.concern-answer h3{font-size:clamp(30px,3vw,48px);line-height:1.08;max-width:660px;font-weight:480}
.concern-answer>p{font-size:15px;line-height:1.7;max-width:610px;margin-top:24px;color:var(--muted)}
.concern-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:34px 0 27px;list-style:none}
.concern-steps li{font-size:11px;line-height:1.4;padding-top:20px;padding-right:20px;position:relative;border-top:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.concern-steps li:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--accent);border-radius:50%}
.concern-steps li:last-child{border-top-color:transparent}
.procedures-section{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.procedure-list{border-top-style:dashed}.procedure-row{border-bottom-style:dashed}
.procedure-row summary{padding:29px 0;grid-template-columns:60px 1.3fr 1fr 36px}
.procedure-name{font-size:clamp(24px,2.55vw,40px);font-weight:460;letter-spacing:-.04em;transition:transform .25s var(--ease)}
@media(hover:hover){.procedure-row summary:hover .procedure-name{transform:translateX(9px)}}
.procedure-hint{font-size:13px;max-width:290px}.procedure-sign{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:23px;line-height:1}
.price-note>span{font-size:25px;letter-spacing:-.025em;font-weight:480}.price-note p{font-size:13px}
.journey-tabs{border-bottom-style:dashed}.journey-tabs button{font-size:14px}.journey-tabs button[aria-selected=true]{border-color:var(--text)}
.journey-panel{padding-top:50px;grid-template-columns:1fr 1.7fr;min-height:320px}
.journey-number{font-size:clamp(150px,19vw,260px);font-weight:400;line-height:.8;opacity:1;color:var(--accent);letter-spacing:-.08em;align-self:center}
.journey-panel h3{font-size:clamp(29px,3.5vw,48px);line-height:1.1;max-width:650px}.journey-panel>div>p:not(.eyebrow){font-size:15px;max-width:610px}.journey-note{border-top-style:dashed}
.reviews-section{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;border-top:1px dashed var(--line)}
.review-intro .eyebrow{margin-bottom:28px}.review-intro>p:not(.eyebrow){margin-top:30px;max-width:290px;font-size:14px;color:var(--muted)}.review-intro .text-link{margin-top:25px}
.reviews-surface{border:1px solid var(--line);padding:28px 32px 25px;border-radius:3px;min-width:0;background:var(--surface)}
.service-wordmark{display:flex;justify-content:space-between;font-size:17px;font-weight:550;letter-spacing:-.03em;border-bottom:1px dashed var(--line);padding-bottom:20px;margin-bottom:34px}
.service-wordmark>span{font-size:23px;color:var(--accent)}
.review-consent-title{font-size:40px;font-weight:450;line-height:1.06;letter-spacing:-.04em;margin-bottom:24px}
#review-consent>.caption{max-width:380px}#load-reviews{margin-top:25px;font-size:13px}
#load-reviews[aria-disabled=true]{opacity:.6;cursor:progress}
#reviews-embed{min-width:0;background:#fff;color:#1b2730;border-radius:4px;overflow:hidden}#reviews-embed iframe{display:block;border:0;width:100%;max-width:100%;min-height:400px;background:#fff;color-scheme:light}
#reviews-embed[data-status=loading]{height:1px;overflow:hidden;background:transparent}
#reviews-status:not(:empty){margin-top:20px} .reviews-language{margin-top:25px;padding-top:18px;border-top:1px dashed var(--line);font-size:11px}
.locations-section{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.location-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:65px;margin-top:40px;align-items:start}
.location-list{border-top-style:dashed}.location-choice{padding:21px 16px;gap:20px;border-bottom-style:dashed}
.location-choice strong{font-size:23px;font-weight:480;letter-spacing:-.025em}.location-choice small{font-size:11px}.location-choice>span:first-child{font-size:10px}
.location-choice[aria-pressed=true]{background:var(--wash)}.location-detail{margin-top:30px;padding-left:16px}
.location-detail>.eyebrow,.location-detail>h3{display:none}.location-detail>p{font-size:13px}.location-detail p.caption{font-size:11px}
.location-actions{flex-wrap:wrap;gap:17px}.location-actions .button{font-size:12px;min-height:46px;padding:12px 19px;gap:18px}
.map-container{height:570px;margin-top:0;border:1px solid var(--line);border-radius:2px 2px 48px 2px;background:var(--wash);isolation:isolate}
.map-consent{position:absolute;inset:0;z-index:800;background:var(--wash);gap:20px;padding:30px}
.map-city-word{display:block;font-size:clamp(75px,10vw,150px);font-weight:450;line-height:1;letter-spacing:-.08em;color:var(--accent)}
.map-consent p{font-size:12px;max-width:290px}.map-consent .button{padding:12px 22px;font-size:13px;min-height:46px;background:var(--bg)}
#clinic-map{height:100%;width:100%;font-family:var(--display);background:#edece6;color:#17201e}
#clinic-map .leaflet-control-attribution{font:10px/1.5 var(--display);background:#ffffffed;padding:4px 8px;color:#334a44}
#clinic-map .leaflet-control-attribution a{color:#214f43;text-decoration:underline}
#clinic-map .leaflet-control-zoom{border:1px solid #c8d3cd;border-radius:20px;overflow:hidden;box-shadow:0 2px 10px #17201e12}
#clinic-map .leaflet-control-zoom a{width:36px;height:36px;font:22px/36px var(--display);background:#faf9f5;color:#17201e;border-color:#d5dcd7}
#clinic-map .clinic-map-marker{background:none;border:0}
#clinic-map .clinic-map-marker-label{display:grid;width:42px;height:42px;place-items:center;background:#f3f1eb;color:#17201e;border:1px solid #456f65;border-radius:50%;font:500 13px/1 var(--display);box-shadow:0 3px 14px #0002;transition:background .2s,color .2s,transform .2s}
#clinic-map .clinic-map-marker.is-selected .clinic-map-marker-label{background:#294f43;color:#fff;transform:scale(1.12);border-color:#fff}
#clinic-map .clinic-map-tooltip{font:12px/1.4 var(--display);color:#17201e;background:#fff;border:0;box-shadow:0 3px 12px #0001;padding:8px 12px}
.map-tools{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding-top:16px}.map-tools>span{max-width:290px}.map-tools>button{white-space:nowrap;align-self:start;color:var(--text);border-bottom:1px solid var(--line);padding:0 0 4px}
#map-status:not(:empty){margin-top:12px}.source-note{margin-top:34px}
.faq-list details,.faq-list details:last-child{border-top-style:dashed;border-bottom-style:dashed}.faq-list summary{font-size:17px}.faq-section{grid-template-columns:1fr 1.25fr;gap:90px}
.contact-section{border-top-style:dashed;gap:90px}.contact-section h2{font-size:clamp(40px,5vw,80px)}.contact-lead{font-size:14px}
.footer{border-top-style:dashed}.footer-name{font-size:clamp(24px,4vw,58px);font-weight:450;letter-spacing:-.055em}.footer>div{border-top-style:dashed}
@media(min-width:1700px){.hero-copy{padding-top:135px}.portrait{left:47%;width:37%}.hero-intro{max-width:350px}}
@media(max-width:1200px){.header{gap:25px}.hero-copy{width:51%;padding-top:105px}.hero-copy h1{font-size:6.65vw}.hero-stage{min-height:700px}.portrait{left:44%;width:47%}.hero-intro{max-width:290px}.hero-anatomy{right:-9%;width:47%}.conversation-heading{grid-template-columns:1fr 1.7fr;gap:35px}.conversation-heading>p:last-child{grid-column:2;justify-self:start;max-width:380px;padding-top:0;margin-top:-12px}.conversation-workspace{gap:40px;grid-template-columns:1fr 1.9fr}.concern-answer{padding:30px}.concern-panel,.concern-answer{min-height:540px}.reviews-section,.faq-section{gap:50px}.location-layout{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.map-container{height:570px}.section{padding-top:85px;padding-bottom:85px}}
@media(max-width:900px){.hero-stage{min-height:680px}.hero-copy h1{font-size:6.7vw}.hero-copy{padding-top:105px}.hero-subtitle{max-width:280px;font-size:13px}.hero-intro{font-size:14px;max-width:260px;margin-top:30px}.portrait{left:43%;width:53%;height:95%}.hero-copy .button{font-size:12px}.conversation-workspace{grid-template-columns:1fr 1.65fr;gap:25px}.concern-tabs button{font-size:15px;gap:8px;grid-template-columns:21px 1fr 17px}.concern-answer{padding:30px 25px}.concern-answer h3{font-size:32px}.concern-answer>p{font-size:14px}.concern-steps{gap:5px}.concern-steps li{font-size:10px;padding-right:7px}.reviews-section{gap:35px;grid-template-columns:1fr 1.1fr}.reviews-surface{padding:22px}.review-consent-title{font-size:34px}.location-layout{gap:25px}.location-choice{padding:19px 12px;gap:13px}.location-choice strong{font-size:21px}.map-container{height:590px}.procedure-row summary{grid-template-columns:35px 1.2fr 1fr 32px;gap:16px}}
@media(max-width:760px){
 .header{gap:12px}.mobile-nav>a,.mobile-nav>details{font-size:28px;letter-spacing:-.035em}.mobile-nav details a{font-size:15px;letter-spacing:0}
 .hero-stage{min-height:0;padding-top:0}.hero-copy{padding:42px var(--gutter) 0;width:100%;max-width:none}.hero-eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:23px;max-width:none}
 .hero-copy h1{font-size:clamp(40px,13.3vw,92px);line-height:.99;letter-spacing:-.052em;margin-left:-2px}
 .hero-subtitle{margin-top:19px;font-size:13px;max-width:320px}.hero-intro{margin-top:20px;font-size:14px;max-width:360px}.hero-copy .button{margin-top:20px;font-size:12px;padding:13px 20px;gap:20px;min-height:47px}
 .hero-secondary{font-size:11px;display:inline-flex;max-width:130px;margin:20px 0 0 14px;vertical-align:middle;line-height:1.5}
 .portrait{position:relative;left:auto;width:94%;height:470px;margin:18px auto 0}.hero-anatomy{top:auto;bottom:10px;right:-20%;width:83%;height:440px;opacity:.5}.hero-footer{bottom:23px}.hero-footer p{font-size:8px;max-width:100px}.scroll-cue{width:40px;height:40px}
 .is-motion .hero-copy h1{font-size:clamp(35px,8.5vw,55px)}.is-motion .hero-subtitle{margin-top:12px;font-size:12px}.is-motion .hero-copy .button{margin-top:12px;min-height:43px}.is-motion .hero-eyebrow{margin-bottom:14px}.is-motion .portrait{height:calc(var(--stage-height) - 256px);min-height:210px;margin-top:5px}
 .section{padding-top:65px;padding-bottom:65px}.section-heading{margin-bottom:32px}.section-heading>p{font-size:14px;margin-top:22px;max-width:370px}.section-heading .eyebrow{margin-bottom:20px}
 .conversation-heading{display:block;margin-bottom:32px}.conversation-heading>.eyebrow{padding:0;margin-bottom:24px}.conversation-heading>p:last-child{margin:22px 0 0;font-size:14px;max-width:290px}
 .conversation-workspace{display:block}.concern-tabs{margin-bottom:24px}.concern-tabs button{padding:18px 0;min-height:66px;font-size:16px;grid-template-columns:26px 1fr 22px;gap:12px}
 .concern-panel{border-radius:2px 2px 35px 2px}.concern-panel,.concern-answer{min-height:510px}.concern-answer{padding:28px 25px 30px}.answer-meta{margin-bottom:30px;font-size:8px;gap:16px}.answer-number{font-size:45px;width:52px}.concern-answer h3{font-size:32px}.concern-answer>p{font-size:14px;margin-top:22px}.concern-steps{margin:30px 0 25px}.concern-steps li{font-size:10px;padding-right:7px}
 .procedure-row summary{grid-template-columns:23px 1fr 30px;gap:12px;padding:23px 0}.procedure-name{font-size:26px}.procedure-hint{font-size:12px;max-width:none}.procedure-sign{width:29px;height:29px;font-size:21px}.procedure-detail{padding-left:35px}.price-note>span{font-size:26px}
 .journey-tabs button{font-size:13px}.journey-panel{grid-template-columns:72px 1fr;gap:24px;min-height:380px;padding-top:35px}.journey-number{font-size:88px;align-self:start;padding-top:5px}.journey-panel h3{font-size:31px}.journey-panel>div>p:not(.eyebrow){font-size:14px}.journey-note p{font-size:13px}
 .reviews-section{display:block}.review-intro>p:not(.eyebrow){margin-top:24px}.review-intro .text-link{margin-top:20px}.reviews-surface{margin-top:35px;padding:24px 22px}.review-consent-title{font-size:37px}.service-wordmark{margin-bottom:28px}.reviews-language{font-size:11px}
 .location-layout{display:flex;flex-direction:column;gap:30px;margin-top:32px}.location-sidebar,.map-shell{width:100%;min-width:0}.location-choice{padding:18px 12px}.location-choice strong{font-size:23px}.location-detail{padding-left:12px;margin-top:25px}.location-actions{gap:20px}.location-actions .button{font-size:13px}.map-container{height:400px;border-bottom-right-radius:34px}.map-city-word{font-size:95px}.map-tools{font-size:10px;gap:12px}.map-tools>span{max-width:205px}.map-tools>button{font-size:10px}.source-note{margin-top:25px}
 .faq-section{display:block}.faq-list summary{font-size:16px}.contact-section h2{font-size:clamp(36px,10vw,46px)}.contact-section{display:block}.footer-name{font-size:30px}
}
@media(max-width:360px){.hero-secondary{margin-left:10px;max-width:95px;font-size:10px}.hero-copy .button{padding:12px 16px;gap:14px}.portrait{height:410px}.hero-anatomy{height:370px}.concern-answer{padding:25px 21px}.concern-answer h3{font-size:28px}.concern-panel,.concern-answer{min-height:555px}.journey-panel{grid-template-columns:52px 1fr;gap:20px}.journey-number{font-size:65px}.journey-panel h3{font-size:27px}.map-container{height:365px}.location-actions{gap:14px}.location-actions .button{font-size:12px}.reviews-surface{padding:23px 18px}}
/* The real alpha matte supplies the silhouette. Do not fade hands with a CSS
   mask, crop the gesture, or put the decorative anatomy over the doctor. */
.has-real-portrait .portrait{left:43%;width:48%;mask-image:none;-webkit-mask-image:none}
.has-real-portrait .portrait img,.has-real-portrait .portrait video{object-fit:contain;object-position:center bottom}
.has-real-portrait .hero-anatomy{z-index:1;mask-image:linear-gradient(to right,transparent 42%,black 86%)}
@media(max-width:760px){.has-real-portrait .portrait{left:auto;width:100%}}
