/* Separate original-based homepage: glass navigation and editorial refinements. */
html{scroll-padding-top:106px}
#mainNav,#mainNav.light,html[data-theme="dark"] #mainNav.light{
 top:16px;left:50%;right:auto;transform:translateX(-50%);width:min(1130px,calc(100% - 48px));
 border:1px solid #ffffff38;border-radius:100px;
 background:linear-gradient(135deg,#ffffff0a,#ffffff02),#101720cc;
 -webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);
 box-shadow:inset 0 1px 0 #ffffff26,0 8px 30px #09122416;
}
#mainNav::before{display:none}
#mainNav .nav-inner{height:70px;padding:0 14px 0 22px;max-width:none;gap:16px}
#mainNav .nav-left{gap:12px;flex-shrink:0}
#mainNav .nav-logo img,#mainNav.light .nav-logo img,html[data-theme="dark"] #mainNav.light .nav-logo img{width:80px;height:auto;filter:invert(1)}
#mainNav .nav-menu{margin:0;padding:0;gap:0}
#mainNav .nav-item>a,#mainNav.light .nav-item>a,html[data-theme="dark"] #mainNav.light .nav-item>a{font-size:13px;color:#edf2fa;padding:10px 12px;white-space:nowrap}
#mainNav .nav-item>a:hover,#mainNav.light .nav-item>a:hover,#mainNav .nav-item>a[aria-current="location"]{color:white;background:#ffffff16}
#mainNav .nav-refer{display:none}
#mainNav .nav-cta{padding:12px 21px;display:inline-flex;align-items:center;gap:20px;background:#0877f9;box-shadow:inset 0 1px 0 #ffffff1b;font-size:13px}
#mainNav .nav-cta>span{font-size:21px;line-height:1}
#mainNav .theme-toggle,#mainNav.light .theme-toggle{color:#fff;background:#ffffff0d;border-color:#ffffff30}
#mainNav .theme-toggle:hover,#mainNav.light .theme-toggle:hover{background:#ffffff20}
#mainNav .nav-dropdown,html[data-theme="dark"] #mainNav .nav-dropdown{
 background:linear-gradient(135deg,#ffffff06,#ffffff02),#141b27f0;
 -webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);
 border:1px solid #ffffff38;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff20,0 18px 45px #02040b33;
}
#mainNav .nav-dropdown::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
#mainNav .nav-dropdown a,html[data-theme="dark"] #mainNav .nav-dropdown a{color:#e1e9f5;font-size:14px}
#mainNav .nav-dropdown a:hover{color:#fff;background:#ffffff13}
#mainNav .nav-dropdown-divider{background:#ffffff26}
#mainNav .nav-item:last-child .nav-dropdown{left:auto;right:0;transform:translateY(6px)}
#mainNav .nav-item:last-child:hover .nav-dropdown,#mainNav .nav-item:last-child:focus-within .nav-dropdown{transform:translateY(0)}
#mainNav .nav-item.dismissed .nav-dropdown{visibility:hidden;opacity:0;pointer-events:none}
#mainNav .nav-mobile-btn,#mainNav.light .nav-mobile-btn{color:white;background:transparent;border:1px solid #ffffff2e}
.nav-mobile-panel,html[data-theme="dark"] .nav-mobile-panel{
 top:98px;left:24px;right:24px;border:1px solid #ffffff38;border-radius:24px;
 background:linear-gradient(135deg,#ffffff0d,#ffffff02),#141b27df;
 -webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);
 box-shadow:inset 0 1px 0 #ffffff20,0 15px 40px #0002;
 max-height:calc(100svh - 190px);overflow:auto;overscroll-behavior:contain;
}
.nav-mobile-panel a,html[data-theme="dark"] .nav-mobile-panel a{color:#edf2fa;border-bottom-color:#ffffff1f}
.story-card-label-title{line-height:1.18;text-wrap:balance}
.story-card-label-tag{line-height:1.45;max-width:100%}
.story-card:focus-visible{outline:3px solid #65a9ff;outline-offset:5px}
#mainNav .treatment-item{position:static}
#mainNav .treatment-menu-button{font:inherit;font-size:13px;color:#edf2fa;padding:10px 12px;border:0;background:none;border-radius:100px;display:flex;align-items:center;gap:8px;cursor:pointer}
#mainNav .treatment-menu-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
#mainNav .treatment-menu-button[aria-expanded="true"] svg{transform:rotate(180deg)}
#mainNav .treatment-menu-button:hover,#mainNav .treatment-menu-button[aria-expanded="true"],#mainNav .treatment-menu-button[aria-current="location"]{background:#ffffff18;color:#fff}
#mainNav .treatment-mega{left:50%;right:auto;top:calc(100% + 12px);width:min(740px,calc(100vw - 60px));min-width:0;display:grid;grid-template-columns:220px 1fr;padding:0;border-radius:25px;overflow:hidden;transform:translateX(-50%);opacity:1;visibility:visible;box-shadow:inset 0 1px 0 #ffffff22,0 18px 50px #030b1938}
#mainNav .treatment-mega[hidden]{display:none}
#mainNav .treatment-item:hover .treatment-mega,#mainNav .treatment-item:focus-within .treatment-mega{transform:translateX(-50%)}
#mainNav .mega-intro{background:#94baff0b;padding:28px 25px;display:flex;flex-direction:column;align-items:start;border-right:1px solid #ffffff12}
#mainNav .mega-intro>span{font-size:13px;color:#b7d4ff}
#mainNav .mega-intro p{font-size:25px;color:#fff;font-weight:550;line-height:1.35;letter-spacing:-.035em;margin:22px 0 28px}
#mainNav .mega-intro>a{font-size:13px;color:#e2ebf8;margin-top:auto;padding:0;display:flex;gap:10px}
#mainNav .mega-links{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
#mainNav .mega-links>a{padding:17px 14px;border-radius:13px;display:block}
#mainNav .mega-links strong{font-size:14px;font-weight:550;color:#fff;display:block;line-height:1.4}
#mainNav .mega-links span{font-size:13px;line-height:1.65;color:#d1dceb;display:block;margin-top:7px}
#mainNav .mega-links a:hover{background:#ffffff12}
@media(max-width:1100px){
 #mainNav .nav-menu,#mainNav .nav-refer,#mainNav .nav-cta{display:none}
 #mainNav .nav-mobile-btn{display:block}
}
@media(max-width:600px){
 html{scroll-padding-top:90px}
 #mainNav,#mainNav.light,html[data-theme="dark"] #mainNav.light{top:11px;width:calc(100% - 28px)}
 #mainNav .nav-inner{height:61px;padding:0 12px 0 18px}
 #mainNav .nav-logo img,#mainNav.light .nav-logo img,html[data-theme="dark"] #mainNav.light .nav-logo img{width:72px}
 .nav-mobile-panel,html[data-theme="dark"] .nav-mobile-panel{top:83px;left:14px;right:14px}
}

/* Refinement 03: original visual language, more deliberate rhythm. */
.sec,.treatments-sec{padding:clamp(76px,8vw,112px) 0}
.h1,.h2{font-weight:650;letter-spacing:-.035em;line-height:1.1;text-wrap:balance}
.sec-head{margin-bottom:clamp(36px,4.4vw,56px)}
.sec-head .lead{max-width:620px;margin-left:auto;margin-right:auto}
.eyebrow{font-weight:550;letter-spacing:.02em}
.body{line-height:1.75}
.hero-avatar{box-shadow:0 16px 44px #0005,0 0 0 2px #ffffffb8}
.award-feature{display:flex;align-items:center;justify-content:center;gap:32px;max-width:780px;margin:0 auto 44px;padding:0 24px;text-align:left}
.award-feature>img{width:180px;height:auto;flex-shrink:0;filter:none}
.award-feature h3{font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.025em;margin:8px 0 12px;color:var(--ink)}
.award-feature p{font-size:16px;line-height:1.5;color:var(--ink-2);margin:0}
.award-feature .award-feature-status{color:var(--accent-text,#0066cc);font-weight:600;letter-spacing:.03em}
@media(max-width:600px){
 .award-feature{gap:22px;flex-direction:column;text-align:center}
 .award-feature>img{width:190px}
}
.hero-sub{max-width:640px}
.hero-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;font-size:14px;line-height:1.6}
.hero-trust span+span::before{content:'·';margin-right:18px;color:#ffffff80}
.btn-blue{box-shadow:0 6px 18px #0071e31c}
.btn-blue:hover,.btn-glass:hover,.btn-quiet:hover{transform:translateY(-2px)}
.about-grid{align-items:center}
.about-grid>div{min-width:0}
.about-photo{box-shadow:0 14px 40px #07142610;border-radius:24px}
.about-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px;padding-top:26px}
.stat-n{font-size:clamp(24px,2.5vw,32px);font-weight:600;letter-spacing:-.035em}
.stat-l{font-size:14px;line-height:1.5}
.about-credentials{font-size:14px;color:var(--grey);line-height:1.8;margin-top:24px}
.about-facts{list-style:none;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin-top:30px}
.about-facts .fact{gap:12px}
.about-facts .fact-check{width:24px;height:24px;margin-top:2px}
.about-facts .fact-text{font-size:16px;line-height:1.65;color:var(--ink-2)}
.about-facts .fact-text strong,.about-facts .fact-text>span{display:block}
.about-facts .fact-text>span{font-size:14px;line-height:1.6;margin-top:4px}
.about-facts .fact-primary .fact-text strong{font-size:18px;line-height:1.4;letter-spacing:-.015em;color:var(--ink);font-weight:650}
.about-facts .fact-primary .fact-check{background:#0071e318}
.about-stats-complete{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;padding-top:28px}
.about-stats-complete .stat-n{font-size:clamp(26px,2.6vw,34px)}
.about-stats-complete .stat-l{font-size:13px;line-height:1.55}
@media(max-width:600px){
 .about-facts{grid-template-columns:1fr;gap:18px}
 .about-stats.about-stats-complete{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
.plat-pill{margin-bottom:20px}
html[data-theme="dark"] .plat-pill span{color:#e5cd82}
.gallery-card{background:transparent;border:1px solid var(--hair);padding:22px 24px;border-radius:20px}
.gallery-card:hover{background:var(--grey-bg);box-shadow:none;transform:translateY(-2px)}
.gallery-card-kicker{font-size:13px;letter-spacing:.04em;text-transform:none}
.gallery-card-title{font-weight:550;letter-spacing:-.015em}
#why{padding-top:0}
#why .si{padding-top:clamp(56px,6vw,80px);border-top:1px solid var(--hair)}
.why-grid{gap:16px}
.why-card{padding:clamp(24px,3.2vw,36px);border:1px solid var(--hair);border-radius:22px;background:var(--white)}
.why-card:hover{transform:none;box-shadow:none}
.why-title{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.025em;max-width:340px}
.why-body{font-size:16px;line-height:1.7;max-width:470px}
.tile{box-shadow:0 8px 28px #0714260a;border-radius:24px}
.tile:hover{transform:translateY(-4px);box-shadow:0 14px 36px #0714261a}
.tile-title{font-weight:650;text-wrap:balance}
.tile-sub{font-size:16px}
.philosophy{background:var(--white)}
.philo-left .body{max-width:420px}
.philo-steps{gap:0}
.philo-step,.philo-step:hover{border-radius:0;box-shadow:none;transform:none;background:transparent;padding:28px 0;border-top:1px solid var(--hair)}
.philo-step:first-child{padding-top:0;border-top:0}
.philo-step:last-child{padding-bottom:0}
.philo-num{font-size:13px;font-weight:550;letter-spacing:.07em}
.philo-title{font-size:22px;font-weight:600;letter-spacing:-.025em}
.philo-body{font-size:16px;line-height:1.7}
.text-link{font-size:16px;font-weight:500;line-height:1.5;color:var(--accent-text);text-decoration:none;display:inline-flex;align-items:center;gap:20px;padding:10px 0}
.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.journey-link{margin-top:24px}
.social-note{padding:28px 0;border-bottom:1px solid var(--hair);background:var(--white)}
.social-note-inner,.social-note-inner>div{display:flex;align-items:center;justify-content:space-between;gap:28px}
.social-note p{font-size:18px;letter-spacing:-.015em;color:var(--ink-2)}
.social-note-inner>div{gap:30px;flex-shrink:0}
.loc-card{box-shadow:0 8px 30px #0714260a;border:1px solid var(--hair)}
#locations .loc-card{display:flex;flex-direction:column}
#locations .loc-body{flex:1}
#locations .clinic-map{margin:0 28px;min-height:220px;overflow:hidden;border:1px solid var(--hair);border-radius:16px;background:var(--white)}
#locations .clinic-map .map-frame{display:block;height:220px;border-radius:0;box-shadow:none}
#locations .clinic-map .cc-ph{min-height:220px;margin:0;border:0;border-radius:0}
#locations .clinic-directions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:12px 28px 20px;color:var(--clinic-label);font-size:14px;font-weight:600;text-decoration:none}
#locations .clinic-directions:hover{text-decoration:underline}
#locations .clinic-directions:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}
html[data-theme="dark"] #locations .clinic-directions{color:var(--clinic-label-dark)}
/* Clinic accents sourced from each practice website, 7 September 2026. */
.clinic-dbd{--clinic-brand:#3694c1;--clinic-label:#176084;--clinic-label-dark:#7fc9ed}
.clinic-pro{--clinic-brand:#31b7bc;--clinic-label:#117276;--clinic-label-dark:#6adade}
#locations .loc-card .loc-img{background:var(--clinic-brand)}
#locations .clinic-dbd .loc-img img{filter:brightness(0) invert(1)}
#locations .clinic-pro .loc-img img{filter:brightness(0)}
#locations .loc-card .loc-tag{color:var(--clinic-label)}
#locations .loc-card .lb-p{background:var(--clinic-brand);color:#101a22}
#locations .loc-card .lb-p:hover{background:var(--clinic-brand);filter:brightness(.94)}
html[data-theme="dark"] #locations .loc-card .loc-tag{color:var(--clinic-label-dark)}
.faq-list{gap:0}
.faq-item,.faq-item[open]{background:transparent;border-radius:0;box-shadow:none;border-bottom:1px solid var(--hair)}
.faq-item:first-child{border-top:1px solid var(--hair)}
.faq-item summary{padding:25px 0;font-weight:550;line-height:1.5}
.faq-answer{padding:0 40px 25px 0;font-size:16px;line-height:1.75}
.cta-banner{padding:clamp(80px,9vw,120px) 0}
.cta-avatar{width:160px;height:160px;border:3px solid var(--white);outline:1px solid var(--hair);outline-offset:6px;box-shadow:0 12px 35px #07142614;margin-bottom:32px}
.cta-banner .h1{font-size:clamp(34px,4.5vw,56px)}
.cta-phones{margin-top:8px}
.cta-phones .btn{font-size:14px;padding:9px 0;background:transparent;box-shadow:none;transform:none;color:var(--grey)}
.cta-phones .btn:hover{color:var(--accent-text);text-decoration:underline;text-underline-offset:4px}
html[data-theme="dark"] .cta-phones .btn{background:transparent;color:var(--grey)}
html[data-theme="dark"] .cta-phones .btn:hover{color:var(--accent-text)}
.referral-note{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:32px;margin-bottom:40px;border-bottom:1px solid var(--hair)}
.referral-note .eyebrow{font-size:14px;margin-bottom:6px}
.referral-note p:last-child{font-size:20px;letter-spacing:-.025em}
.referral-note .text-link{flex-shrink:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:5px}
#mainNav a:focus-visible,#mainNav button:focus-visible,.nav-mobile-panel a:focus-visible{outline-color:#9ac8ff}
@media(prefers-reduced-motion:no-preference){
 .rv{transform:translateY(20px);transition-duration:.65s}
 .rv.on{transform:none}
}
@media(max-width:900px){
 .about-grid{gap:38px}
 .about-grid>div:first-child{max-width:480px;width:100%;margin-inline:auto}
 .about-photo{max-width:none}
 .philosophy .si{gap:38px}
}
@media(max-width:600px){
 .hero{height:auto;min-height:100svh;padding:40px 0 76px}
 .hero-content{padding-top:72px}
 .hero-avatar{width:124px;height:124px}
 .hero-trust{column-gap:12px;font-size:13px}
 .hero-trust span+span::before{margin-right:12px}
 .hero-trust span:first-child{flex-basis:100%}
 .hero-trust span:nth-child(2)::before{display:none}
 .about-stats{gap:12px}
 .stat-l{font-size:13px}
 .stat-n{font-size:25px}
 .why-title{font-size:20px}
 .social-note-inner,.referral-note{align-items:flex-start;flex-direction:column;gap:8px}
 .social-note-inner>div{gap:26px}
 .social-note p{font-size:17px}
 .cta-avatar{width:136px;height:136px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .btn,.tile,.tile-img,.gallery-card{transition:none}
 .btn:hover,.tile:hover,.gallery-card:hover{transform:none}
}

/* Refinement 04 — a connected, editorial approach section. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
#recognition{padding:clamp(64px,7vw,96px) 0;background:var(--grey-bg)}
#recognition .awards-head{margin-bottom:clamp(36px,4vw,52px)}
#recognition .h3{font-weight:650;letter-spacing:-.025em;text-wrap:balance}
#recognition .award-n{font-size:clamp(28px,3vw,38px);font-weight:650;letter-spacing:-.03em}
#recognition .award-l{font-size:15px;line-height:1.55;margin-top:9px}
#recognition+#why .why-layout{padding-top:clamp(64px,7vw,96px)}
@media(max-width:480px){#recognition .awards-row{gap:32px 24px}#recognition .award-l{font-size:14px}}
#why{padding:0 0 clamp(76px,8vw,112px);background:linear-gradient(180deg,var(--white),var(--grey-bg))}
#why .why-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(56px,7vw,100px);align-items:start;border-top:0;padding-top:clamp(32px,4vw,56px)}
.why-intro{min-width:0;padding-top:6px}
.why-intro .h2{font-size:clamp(36px,4.1vw,52px);line-height:1.09;letter-spacing:-.045em;font-weight:600}
.why-intro .h2>span{display:block}
.why-intro .h2>span+span{margin-top:.18em}
.why-lead{font-size:17px;line-height:1.75;color:var(--grey);max-width:340px;margin-top:26px}
.why-standfirst{font-size:17px;line-height:1.6;font-weight:550;color:var(--ink);margin-top:26px;max-width:340px}
.why-standfirst+.why-lead{margin-top:12px}
.patient-paths{padding-bottom:clamp(56px,6vw,80px)}
.patient-paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair);gap:0 28px}
.patient-paths-grid a{padding:22px 0;text-decoration:none;border-bottom:1px solid var(--hair);min-width:0}
.patient-paths-grid strong{display:flex;justify-content:space-between;gap:18px;font-size:17px;line-height:1.4;font-weight:550;letter-spacing:-.02em}
.patient-paths-grid strong span{color:var(--accent-text);flex-shrink:0}
.patient-paths-grid a>span{display:block;font-size:14px;line-height:1.6;color:var(--grey);margin-top:7px}
.patient-paths-grid a:hover strong{color:var(--accent-text)}
.story-evidence{margin-top:42px;padding-top:24px;border-top:1px solid #ffffff26;text-align:center}
.story-evidence p{font-size:16px;color:#c3ccd8;margin-bottom:14px}
.story-evidence nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 28px}
.story-evidence a{padding:8px 0;color:#d4e7ff;font-size:15px;text-decoration:none}
.story-evidence a:hover{text-decoration:underline;text-underline-offset:5px}
.complex-care{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,66px);padding:clamp(30px,4vw,48px);margin-top:24px;border:1px solid var(--hair);border-radius:24px;background:var(--white);scroll-margin-top:110px}
.complex-care .h2{font-size:clamp(28px,3vw,38px)}
.complex-care .body+.body{margin-top:14px}
.complex-care .text-link{margin-top:20px}
.treatment-other{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 28px;margin-top:26px;font-size:16px}
.treatment-other>span{color:var(--grey);font-size:14px}
.treatment-other a{color:var(--accent-text);text-decoration:none;padding:8px 0}
.treatment-other a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:761px) and (max-width:1100px){#mainNav .nav-cta{display:inline-flex}}
@media(max-width:900px){.patient-paths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.complex-care{grid-template-columns:1fr}}
@media(max-width:600px){
 .patient-paths-grid{grid-template-columns:1fr}
 .patient-paths-grid a{padding:18px 0}
 .complex-care{padding:26px 22px;gap:22px}
 .story-evidence nav{gap:4px 22px}
 .mbb-book{font-size:14px;line-height:1.35;text-align:center;padding:11px 16px}
}
.why-review-link{margin-top:24px;font-size:15px;gap:16px}
.why-principles{border-left:1px solid var(--hair);min-width:0}
.why-principle{position:relative;margin:0 0 30px;padding:0 0 30px clamp(26px,3.3vw,44px);border-bottom:1px solid var(--hair)}
.why-principle:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.why-principle::before{content:'';position:absolute;top:0;left:-1px;width:2px;height:36px;background:var(--accent);border-radius:2px;transform-origin:top}
.why-kicker{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.5;font-weight:500;color:var(--accent-text);margin-bottom:14px}
.why-index{font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--grey)}
.why-principle .why-title{font-size:clamp(24px,2.4vw,30px);line-height:1.17;letter-spacing:-.035em;font-weight:550;max-width:none;margin-bottom:14px;text-wrap:balance}
.why-principle .why-body{font-size:16px;line-height:1.75;max-width:440px}
#reviews{padding-top:clamp(48px,5vw,72px)}
.reviews-track-wrap{padding-bottom:10px}
.review-card{box-shadow:0 6px 22px #09122409;border:1px solid var(--hair)}
.review-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #09122410}
.stories-section{padding:clamp(80px,9vw,120px) 0;background:#080a0d}
.stories-section .lead,.stories-hint{color:#b2b8c3}
.story-card-label{padding:48px 18px 18px;background:linear-gradient(0deg,#070b13ed, #070b1359 70%,transparent)}
.story-card-label-title{font-size:17px;letter-spacing:-.02em;line-height:1.2;margin-top:7px}
.story-card-label-tag{font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:none;color:#a4cdff}
.story-card{transition:transform .65s var(--motion-ease),opacity .5s ease,box-shadow .5s ease}
.tile,.gallery-card,.review-card{transition:transform .4s var(--motion-ease),box-shadow .4s ease,background .3s ease}
.text-link>span{transition:transform .35s var(--motion-ease)}
@media(hover:hover) and (pointer:fine){
 .text-link:hover>span{transform:translate(3px,-2px)}
 .tile:hover .tile-img{transform:scale(1.035)}
}
/* Content stays visible if scripting is unavailable. JS opts into reveals. */
.rv{opacity:1;transform:none;transition:none;will-change:auto}
@media(prefers-reduced-motion:no-preference){
 .motion-ready .rv{transition:opacity .7s ease,transform .9s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
 .motion-ready .rv:not(.on){opacity:0;transform:translate3d(0,22px,0)}
 .motion-ready .rv.on{opacity:1;transform:none}
 .motion-ready .rv-d1{--reveal-delay:70ms}
 .motion-ready .rv-d2{--reveal-delay:140ms}
 .motion-ready .rv-d3{--reveal-delay:210ms}
 .motion-ready .rv-d4{--reveal-delay:280ms}
 .motion-ready .why-principle::before{transition:transform .85s var(--motion-ease) .15s}
 .motion-ready .why-principle:not(.on)::before{transform:scaleY(0)}
 #mainNav .treatment-mega:not([hidden]){animation:menuReveal .24s var(--motion-ease) both}
 .nav-mobile-panel.open{animation:panelReveal .24s var(--motion-ease) both}
 @keyframes menuReveal{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
 @keyframes panelReveal{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
}
@media(min-width:901px) and (min-height:760px){.why-intro{position:sticky;top:140px}}
@media(max-width:900px){
 #why .why-layout{grid-template-columns:1fr;gap:42px}
 .why-intro{max-width:620px}
 .why-intro .h2{font-size:clamp(36px,5.7vw,48px);max-width:550px}
 .why-lead{max-width:510px}
 .why-review-link{margin-top:14px}
 .why-principle .why-body{max-width:600px}
}
@media(max-width:600px){
 #why .why-layout{padding-top:12px;gap:38px}
 .why-intro .h2{font-size:clamp(34px,8.7vw,44px)}
 .why-lead{font-size:16px;margin-top:22px}
 .why-principle{padding-left:24px;margin-bottom:26px;padding-bottom:26px}
 .why-principle .why-title{font-size:25px}
 .why-principle .why-body{font-size:16px;line-height:1.65}
 .why-kicker{font-size:13px}
 .story-card-label-title{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .rv,.motion-ready .rv{opacity:1;transform:none;transition:none}
 .hero-video video{transform:none!important}
 .story-card,.story-lb,.story-lb-inner,.review-card,.text-link>span,.stories-arrow,.stories-dot{transition:none}
 #mainNav .treatment-mega,.nav-mobile-panel.open{animation:none}
}
