/* Shared brand, distinct treatment stories. Readable navigation and real body sizes. */
:root{--control-line:#7b8e9d}.nav-links a,.nav-phone,.button-small{font-size:16px}.nav-links{gap:24px}.site-nav{max-width:1400px}.hero h1{font-size:clamp(56px,5.7vw,86px)}.hero{min-height:790px;gap:40px;padding-bottom:40px}.hero-copy{padding-top:65px}.hero-lead{font-size:20px;line-height:1.65;max-width:520px}.hero-media img{height:650px;object-position:center 38%;border-radius:14px}.hero-actions .button{white-space:normal;text-align:left}.hero-media{position:relative}.hero-copy .eyebrow{font-size:13px}.assurance span{font-size:14px}.assurance strong{font-size:17px}.option>p,.team-copy>p,.journey-list p,.faq-list details>p,.visit-grid>div>p,.consultation-copy>p{font-size:18px;line-height:1.75}.option ul{font-size:17px}.faq-list summary{font-size:19px}.small-note,.form-note,.consent>span,.field-help,.assessment-save-note,.photo-grid+.field-help,.assessment-step>.small-note,.assessment-review>p,.hero-note,.options-footnote,.treatment-note p{font-size:14px!important;line-height:1.7}.assessment-progress,.selection-grid label>span,.choice-row label>span,.photo-slot>label>span,.text-button,.step-actions .small-note{font-size:14px}.selection-grid label>span small,label small{font-size:13px}.footer-legal{font-size:13px}.footer-main>div,.footer-main>p{font-size:15px}.form-fields label>span,fieldset>legend{font-size:16px}input,select,textarea{border-color:var(--control-line)}input::placeholder,textarea::placeholder{color:#5b6d7b!important}.treatment-story{overflow:hidden}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-grid>figure img{width:100%;height:560px;object-fit:cover;border-radius:14px}.story-copy h2{margin-bottom:28px;max-width:500px}.story-copy>p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.75}.story-copy .button{margin-top:30px}.practice-link{display:block;margin-top:24px;font-size:15px;font-weight:600}.treatment-veneers .hero{background:#f1ede7}.treatment-veneers .hero-media img{border-radius:150px 150px 14px 14px}.treatment-veneers .treatment-story{background:#f6f3ee}.treatment-invisalign .hero{background:#e8f1f7;grid-template-columns:.92fr 1.08fr}.treatment-invisalign .hero-media img{border-radius:14px 140px 14px 14px}.treatment-invisalign .treatment-story{background:#eaf1f5}.treatment-checkup .hero{background:#edf2eb}.treatment-checkup .hero-media{grid-column:1;grid-row:1}.treatment-checkup .hero-copy{grid-column:2;padding-left:24px}.treatment-checkup .hero-media img{border-radius:14px 14px 120px 14px}.treatment-checkup .treatment-story{background:#eef2ec}.treatment-checkup .story-grid>figure{order:2}.treatment-whitening .hero{background:#f5f1e6}.treatment-whitening .hero-media img{border-radius:140px 14px 14px 14px}.treatment-whitening .treatment-story{background:#f6f3ea}.treatment-whitening .story-grid>figure{order:2}
html[data-theme=dark] .hero,html[data-theme=dark] .treatment-story{background:var(--mist)}html[data-theme=dark]{--control-line:#8099ab}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#b1c3d0!important}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .hero,html:not([data-theme=light]) .treatment-story{background:var(--mist)}html:not([data-theme=light]) input::placeholder,html:not([data-theme=light]) textarea::placeholder{color:#b1c3d0!important}}
@media(max-width:1190px){.nav-links{display:none}.menu-toggle{display:block}.nav-phone{margin-left:auto}.nav-links.is-open{display:flex;position:absolute;top:90px;left:32px;right:32px;padding:28px;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px}.hero{gap:24px}.hero-copy{padding-top:40px}.hero-lead{font-size:18px}.story-grid{gap:48px}}
@media(max-width:850px){.hero{min-height:700px}.hero h1{font-size:58px}.hero-copy,.treatment-checkup .hero-copy{padding-inline:0}.hero-media img{height:520px}.story-grid{gap:30px}.story-grid>figure img{height:440px}.story-copy h2{font-size:45px}.hero-actions .button{font-size:15px;gap:14px}.hero-actions .text-link{font-size:16px}}
@media(max-width:640px){.hero,.treatment-invisalign .hero{display:flex;flex-direction:column;gap:30px;padding:118px 20px 30px;min-height:0}.hero-copy,.treatment-checkup .hero-copy{padding:8px 4px 0}.hero h1{font-size:clamp(52px,13vw,70px)}.hero-lead{font-size:18px}.hero-media img{height:410px;aspect-ratio:auto;object-position:center 32%}.treatment-veneers .hero-media img,.treatment-invisalign .hero-media img,.treatment-checkup .hero-media img,.treatment-whitening .hero-media img{border-radius:20px}.hero-actions .button{font-size:16px;min-height:62px}.nav-phone:after{font-size:15px}.nav-links.is-open a{font-size:20px}.assurance strong{font-size:15px}.assurance>div{align-items:center}.story-grid{grid-template-columns:1fr;gap:32px}.story-grid>figure{order:0!important}.story-grid>figure img{height:360px}.story-copy h2{font-size:46px}.story-copy>p:not(.eyebrow),.option>p,.team-copy>p,.journey-list p,.faq-list details>p,.visit-grid>div>p,.consultation-copy>p{font-size:17px}.mobile-actions a{font-size:14px}.mobile-actions{grid-template-columns:.8fr 1.2fr}.footer-main{grid-template-columns:1fr}.footer-legal p+p{font-size:13px}.photo-grid+.field-help{font-size:14px}.form-fields{gap:24px}}
@media(max-width:360px){.hero-actions .button{font-size:14px;gap:8px;padding-left:16px}.hero-actions .button>span{width:30px;height:30px}.mobile-actions a{font-size:12px}.assurance strong{font-size:13px}.hero-media img{height:350px}.story-copy .button{white-space:normal;text-align:left}.nav-phone:after{font-size:14px}}

@media(max-width:640px){.site-nav .nav-phone{font-size:0}.site-nav{gap:10px}.site-nav .brand img{width:150px}}