/* A consistent interaction layer for the clinic's static pages. */
:root { --ease-care: cubic-bezier(.22,.7,.25,1); }
.page-treatments #main-content > .section:first-child { padding-top: 118px; }
.page-treatments .card-grid .condition-card h3 { text-transform: uppercase; }
@media (max-width: 600px) {
  .page-treatments #main-content > .section:first-child { padding-top: 30px; }
}
.treatment-wall { position: relative; overflow: hidden; padding: 32px 0; border-block: 1px solid #a9dc7320; background: #0d1c15; isolation: isolate; }
.treatment-wall-rows { display: grid; gap: 16px; }
.treatment-wall-row { display: flex; gap: 14px; width: max-content; transform: translate3d(-180px,0,0); }
.treatment-wall-pill { display: inline-flex; align-items: center; flex: none; min-height: 38px; padding: 8px 20px; border: 1px solid #b6d1ba45; border-radius: 999px; color: #d5e2d4; font-size: .76rem; white-space: nowrap; }
.treatment-wall-pill { background: linear-gradient(110deg, #86d62c 0%, #b9ff45 38%, #f3ffd9 48%, #b9ff45 58%, #86d62c 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: tamil-slogan-wave 3.2s linear infinite; }
@media (prefers-reduced-motion: reduce) { .treatment-wall-pill { animation: none; } }
.treatment-wall-center { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; background: radial-gradient(ellipse at center,#0d1c15 0%,#0d1c1590 8%,transparent 30%); }
.treatment-wall-cta { pointer-events: auto; text-align: center; padding: 12px 22px; min-height: 64px; border-radius: 999px; font-size: .88rem; line-height: 1.45; box-shadow: 0 8px 30px #0003; }
.treatment-wall-cta, .treatment-wall-cta:hover {
  border: 1px solid transparent;
  color: #d8ff9d;
  background: linear-gradient(rgba(12, 28, 19, .62), rgba(12, 28, 19, .62)) padding-box,
    conic-gradient(from var(--treatment-cta-angle), rgba(169, 220, 115, .3) 0 92%, #86d62c 96%, #eaffb0 98%, #b9ff45 99%, rgba(169, 220, 115, .3) 100%) border-box;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 30px #0005;
}
.treatment-wall-cta { animation: treatment-cta-border 3.8s linear infinite; }
@property --treatment-cta-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes treatment-cta-border { to { --treatment-cta-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) { .treatment-wall-cta { animation: none; } }
@media (max-width: 600px) {
  .treatment-wall { padding-block: 24px; }
  .treatment-wall-rows { gap: 12px; }
  .treatment-wall-pill { min-height: 34px; padding: 7px 15px; font-size: .69rem; }
  .treatment-wall-cta { min-height: 56px; padding: 10px 18px; font-size: .8rem; }
}
:focus-visible { outline: 2px solid #c2ed92; outline-offset: 5px; }
.button:active, .icon-button:active { transform: scale(.97); }
.button, .icon-button, .text-link { -webkit-tap-highlight-color: transparent; }
.utility-actions { display: flex; align-items: center; gap: 18px; }
.utility-actions p { display: block; }
.motion-toggle { display: none; align-items: center; justify-content: center; gap: 7px; flex-shrink: 0; min-height: 34px; border: 0; border-left: 1px solid #ffffff1c; padding: 4px 0 4px 16px; color: #bac8b6; font-size: .72rem; background: transparent; }
.motion-ready .motion-toggle { display: inline-flex; }
.motion-toggle::before { content: 'Ⅱ'; color: var(--green); font-size: .8rem; }
.motion-toggle[aria-pressed='true']::before { content: '▷'; }
.motion-toggle:hover { color: var(--green); }
@media (min-width: 1041px) {
  .nav-links a:not(.button) { position: relative; }
  .nav-links a[aria-current='page']:not(.button) { text-decoration: none; }
}

/* Soft botanical light stays behind content and never delays reading. */
.home-gallery-section { position: relative; isolation: isolate; overflow: hidden; padding: 42px 0 36px; background: linear-gradient(140deg,#111d15 0%,#0a110d 53%,#101b13 100%); }
.home-gallery-section > .container { position: relative; z-index: 1; }
.hero-glow { position: absolute; pointer-events: none; z-index: -1; inset: -140px -10% 0; opacity: .65; background: radial-gradient(ellipse at 16% 26%,#42753b55,transparent 42%),radial-gradient(ellipse at 83% 80%,#5f873126,transparent 46%); transition: transform .3s ease-out; }
.hero-orbit { position: absolute; z-index: -1; top: 24px; left: 36%; width: 590px; height: 590px; border: 1px solid #a9dc730b; border-radius: 50%; pointer-events: none; }
.hero-orbit::after { content: ''; position: absolute; inset: 38px; border: 1px solid #a9dc730a; border-radius: 50%; }
.home-gallery-head { gap: 28px; margin-bottom: 28px; align-items: stretch; }
.home-gallery-head:has(> .home-hero-copy:only-child) { grid-template-columns: minmax(0, 1fr); }
.home-gallery-head .home-hero-copy { align-self: center; padding-right: 24px; }
.home-gallery-head .home-hero-copy h1 { margin: 15px 0 19px; letter-spacing: -.045em; line-height: 1.08; font-size: clamp(2.6rem,4.35vw,4rem); }
.home-hero-copy .eyebrow { font-size: .7rem; }
.home-gallery-head .home-hero-copy > p:last-of-type { font-size: 1.01rem; line-height: 1.8; max-width: 45ch; }
.home-hero-actions { margin: 24px 0 23px; }
.home-hero-details { display: flex; flex-wrap: wrap; gap: 8px 19px; font-size: .74rem; line-height: 1.7; color: #a8bba5; }
.home-hero-details > span::before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin: 0 8px 2px 0; background: var(--green); }
.home-hero-details a { color: #c6d7bf; text-decoration: underline; text-decoration-color: #c6d7bf40; text-underline-offset: 4px; }
.home-gallery { align-self: stretch; }
.home-gallery-layout { gap: 28px; }
.home-gallery-caption { background: linear-gradient(120deg,#172419,#101a12); }
.home-gallery-caption strong { font-size: .91rem; }
.home-video-rail { background: linear-gradient(135deg,#1a281d,#101b14); border-color: #a9dc7324; height: 445px; }
.home-video-card { background: #0b130e91; }
.home-video-card:focus-within { border-color: #a9dc7366; }

/* Homepage media stage: one moving image field with the clinic content and videos above it. */
.home-gallery-section { padding: 0; background: #081009; }
.home-gallery-section > .container { width: 100%; max-width: none; margin: 0; padding: 0; }
.home-hero-stage { position: relative; min-height: max(680px, calc(100svh - 42px)); height: max(680px, calc(100svh - 42px)); overflow: hidden; border: 0; border-radius: 0; isolation: isolate; background: #0d1710; box-shadow: none; }
.home-hero-stage .home-gallery { position: absolute; z-index: -3; inset: 0; display: block; overflow: hidden; border: 0; border-radius: 0; background: transparent; }
.home-hero-stage .home-gallery-track { height: 100%; gap: 0; border-radius: 0; scroll-snap-type: x mandatory; scroll-behavior: smooth; }
.home-hero-stage .home-slide { height: 100%; min-height: 100%; aspect-ratio: auto; border: 0; border-radius: 0; box-shadow: none; background: #101a12; }
.home-hero-stage .home-slide-image { transform: none; filter: brightness(1.06) saturate(1.03); object-fit: cover; object-position: center center; }
.home-hero-stage .home-slide:hover .home-slide-image { transform: none; }
.home-stage-shade { position: absolute; z-index: -2; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(7, 16, 7, 0.90) 0%, rgba(11, 21, 9, 0.65) 32%, rgba(10, 16, 12, 0.16) 56%, transparent 76%), linear-gradient(0deg, rgba(7, 16, 8, 0.6) 0%, transparent 35%); }
.home-hero-stage .home-gallery-controls { top: auto; right: 26px; bottom: 25px; left: auto; width: auto; gap: 9px; transform: none; }
.home-hero-stage .home-gallery-controls .icon-button { width: 39px; height: 39px; background: #0710089e; border-color: #d6f2c44d; }
.home-stage-copy { position: relative; z-index: 1; display: flex; max-width: min(600px,55%); min-height: max(680px, calc(100svh - 42px)); height: 100%; padding: clamp(42px,6vw,88px) 0 clamp(76px,7vw,96px) clamp(28px,7.5vw,132px); flex-direction: column; justify-content: center; align-items: flex-start; }
.home-stage-copy h1 { max-width: 11ch; margin: 14px 0 19px; font-size: clamp(2.45rem,5vw,4.6rem); line-height: 1.02; letter-spacing: -.055em; text-wrap: balance; }
.home-stage-copy > p:last-of-type { max-width: 45ch; margin: 0; color: #e1e9dc; font-size: clamp(.95rem,1.35vw,1.08rem); line-height: 1.75; }
.home-stage-copy .home-hero-actions { margin: 25px 0 21px; }
.home-stage-copy .home-hero-details { color: #d2dfcd; }
.home-stage-videos { position: absolute; z-index: 2; top: 50%; right: clamp(20px,3vw,42px); width: clamp(220px,17.5vw,250px); height: min(650px, calc(100% - 60px)); max-height: 85vh; padding: 0; transform: translateY(-50%); border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.home-stage-videos .home-video-rail-head { display: none; }
.home-stage-videos .home-video-rail-window { overflow: hidden; }
.home-stage-videos .home-video-card { display: block; min-height: 0; padding: 7px; border: 1px solid #d9ecc938; border-radius: 18px; background: #0710088f; box-shadow: 0 12px 28px #00000042; }
.home-stage-videos .home-video-card p { display: none; }
.home-stage-videos .home-video-poster { aspect-ratio: 16 / 9; border-radius: 12px; box-shadow: none; }
.home-stage-videos .home-video-poster .video-play-icon { width: 48px; height: 42px; border-radius: 12px; }
.home-gallery-caption, .home-stage-videos .home-video-rail-note { display: none; }

/* Desktop artwork is 16:9. Match the stage to the files so every edge is visible. */
@media (min-width: 801px) {
  .page-home .home-hero-stage { min-height: 0; height: auto; aspect-ratio: 16 / 9; }
  .page-home .home-stage-copy { position: absolute; inset: 0 auto 0 0; min-height: 0; height: 100%; }
  .page-home .home-hero-stage .home-slide-image { object-fit: contain; }
}

/* A patient-directed first-visit journey. All text is available without JS. */
.home-visit-card { padding: 27px 28px 23px; background: linear-gradient(135deg,#233423c4,#111b14); border: 1px solid #a9dc732b; box-shadow: inset 0 1px 0 #d5e7c708,0 18px 45px #00000012; justify-content: flex-start; }
.home-visit-card h2 { font-size: clamp(1.35rem,2vw,1.75rem); line-height: 1.25; margin: 0 0 23px; letter-spacing: -.035em; }
.home-visit-card .eyebrow { font-size: .64rem; margin-bottom: 12px; }
.journey-tabs { position: relative; display: none; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding-bottom: 18px; margin-bottom: 17px; border-bottom: 1px solid #a9dc7324; }
.is-enhanced .journey-tabs { display: grid; }
.journey-tabs::after { content: ''; position: absolute; height: 2px; background: var(--green); bottom: -1px; width: 29%; left: 0; transition: transform .25s var(--ease-care); }
[data-active-step='1'] .journey-tabs::after { transform: translateX(122%); }
[data-active-step='2'] .journey-tabs::after { transform: translateX(244%); }
.journey-tabs button { display: flex; align-items: center; gap: 8px; padding: 0; min-height: 36px; border: 0; background: transparent; color: #a1b49d; font-size: .76rem; text-align: left; transition: color .2s; }
.journey-number { display: grid; place-items: center; width: 29px; height: 29px; flex: 0 0 29px; border: 1px solid #a9dc7329; border-radius: 50%; font-size: .65rem; color: #b1c9a5; transition: color .2s,background .2s; }
.journey-tabs .is-active { color: #eef5e9; }
.journey-tabs .is-active .journey-number { color: #16280e; border-color: var(--green); background: var(--green); box-shadow: 0 0 20px #a9dc7313; }
.journey-panels { display: grid; }
.journey-panels [data-visit-panel] { margin-bottom: 16px; }
.is-enhanced .journey-panels { min-height: 107px; }
.journey-panels h3 { font-size: .96rem; margin: 0 0 7px; letter-spacing: -.01em; }
.journey-panels p { color: #afc0a9; font-size: .83rem; line-height: 1.75; margin: 0; }
.journey-link { margin-top: auto; padding-top: 12px; border-top: 1px solid #a9dc731a; display: flex; justify-content: space-between; color: var(--green); font-size: .78rem; font-weight: 700; }
.journey-link span { transition: transform .2s; }
.journey-link:hover span { transform: translate(2px,-2px); }

/* Explore care: a clear category selector and directly linked guides. */
.home-care-section { border-block: 1px solid #d1e6c609; background: radial-gradient(ellipse at 90% 15%,#34512b15,transparent 45%),#0b120e; }
.home-care-section .section-head h2 { font-size: clamp(1.9rem,3.5vw,2.85rem); }
.home-care-section .section-head p:not(.eyebrow) { max-width: 55ch; margin-top: 12px; }
.care-tabs { display: none; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; padding: 7px; border: 1px solid #acc99c21; border-radius: 17px; background: #111b14; margin-bottom: 22px; }
.is-enhanced .care-tabs { display: grid; }
.care-tabs button { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 50px; padding: 12px 18px; border: 1px solid transparent; border-radius: 11px; color: #b4c2ae; background: transparent; text-align: left; font-size: .86rem; font-weight: 650; transition: background .22s,color .22s,border-color .22s,transform .22s; }
.care-tabs button > span { opacity: .35; }
.care-tabs button:hover { color: #e8f2e1; background: #a9dc730a; }
.care-tabs button[aria-selected='true'] { background: #a9dc73; color: #15230d; box-shadow: 0 4px 16px #0002; }
.care-tabs button[aria-selected='true'] > span { opacity: 1; }
.care-panels { min-width: 0; }
.care-panel { display: grid; grid-template-columns: 1.03fr 1fr; gap: 30px; padding: 26px; margin-bottom: 24px; border: 1px solid #adc49c24; border-radius: 23px; background: linear-gradient(125deg,#17241a,#0f1912); }
.is-enhanced .care-panel { margin-bottom: 0; }
.care-panel-overview { min-width: 0; display: grid; grid-template-columns: 155px minmax(0,1fr); align-items: center; gap: 23px; }
.care-panel-photo { position: relative; height: 100%; min-height: 300px; overflow: hidden; border-radius: 15px; background: #172a19; }
.care-panel-photo img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
.care-panel-photo::after { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent,#061108cc); }
.care-photo-caption { position: absolute; z-index: 1; left: 16px; bottom: 17px; right: 12px; color: #f1f4eb; font-size: .7rem; line-height: 1.7; }
.care-panel-intro .eyebrow { font-size: .63rem; letter-spacing: .07em; }
.care-panel-intro h3 { font-size: clamp(1.25rem,2.1vw,1.68rem); line-height: 1.3; letter-spacing: -.025em; }
.care-panel-intro p:not(.eyebrow) { font-size: .85rem; line-height: 1.8; color: #b1c0a9; margin: 14px 0 20px; }
.care-panel-intro .text-link { font-size: .81rem; }
.care-guide-list { display: flex; flex-direction: column; justify-content: center; gap: 9px; min-width: 0; }
.care-guide-link { display: flex; align-items: center; gap: 16px; padding: 19px 18px; border: 1px solid #b8d1a821; border-radius: 13px; background: #111d15; transition: transform .22s var(--ease-care), background .22s,border-color .22s; }
.care-guide-link:hover { transform: translateX(4px); border-color: #a9dc7355; background: #1b2b1d; }
.care-guide-link strong { display: block; font-size: .93rem; font-weight: 650; }
.care-guide-link small { display: block; margin-top: 4px; color: #a1b49a; font-size: .73rem; }
.guide-index { color: #6a8a5e; font-size: .73rem; }
.guide-arrow { display: grid; place-items: center; margin-left: auto; width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid #a9dc7320; border-radius: 50%; color: var(--green); }
.care-explorer-note { margin: 18px 0 0; display: flex; align-items: baseline; gap: 9px; font-size: .77rem; color: #a1b49a; }
.care-explorer-note span { color: #a9dc73; }
.is-entering { animation: care-panel-in .28s var(--ease-care) both; }
@keyframes care-panel-in { from { opacity: .35; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Shared page polish and fallback-safe native page transitions. */
.page-hero { background: radial-gradient(ellipse at 5% 15%,#32502a35,transparent 62%),#0d150f; }
.page-hero .breadcrumbs { margin-bottom: 25px; font-size: .77rem; }
.prose-panel { border-color: #adca9c25; }
.contact-grid > *, .product-grid > *, .gallery-grid > * { min-width: 0; }
.hours > div { flex-wrap: wrap; gap: 6px 16px; }
.footer-links a { width: fit-content; }
.partner-marquee { scrollbar-width: thin; scrollbar-color: #496c40 transparent; }
.motion-paused .partner-track, .motion-paused .review-marquee-track { animation-play-state: paused; }
.motion-paused .hero-glow, .motion-paused .hero-orbit, .motion-paused .is-entering { animation: none; }
.motion-paused .reveal { opacity: 1 !important; transform: none !important; transition: none; }
.motion-paused .image-arrived, .motion-paused .loader-scan, .motion-paused .loader-line::after { animation: none; }
.motion-paused .partner-marquee, .motion-paused .review-marquee { overflow-x: auto; }
.motion-paused .home-video-rail-window { overflow-y: auto; }
[data-video-rail].is-static { overflow-y: auto; }
.motion-paused { scroll-behavior: auto; }
.motion-paused .home-video-rail-track { transform: none !important; transition: none !important; }
.motion-paused .home-video-rail-track .is-duplicate { display: none; }

@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: page-out .18s ease both; }
  ::view-transition-new(root) { animation: page-in .22s ease both; }
  .site-header { view-transition-name: clinic-header; }
  .hero-glow { animation: hero-light-in 1.2s ease both; }
}
@keyframes page-out { to { opacity: 0; } }
@keyframes page-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes hero-light-in { from { opacity: .15; } to { opacity: .65; } }
.motion-paused::view-transition-old(*), .motion-paused::view-transition-new(*) { animation: none !important; }

@media (max-width: 1180px) {
  .nav-links a[aria-current='page']:not(.button)::after { display: none; }
  .care-panel-overview { grid-template-columns: 125px minmax(0,1fr); gap: 19px; }
  .care-panel { gap: 24px; padding: 22px; }
}
@media (max-width: 1050px) {
  .utility-hours { display: none; }
  .card-grid, .product-grid, .gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-gallery-head, .home-gallery-layout { gap: 22px; }
  .home-visit-card { padding: 24px; }
  .care-panel-overview { grid-template-columns: 1fr; gap: 20px; }
  .care-panel-photo { min-height: 160px; height: 160px; }
  .care-photo-caption { bottom: 12px; }
  .care-tabs button { padding: 11px 14px; font-size: .78rem; }
  .care-panel { grid-template-columns: .9fr 1.1fr; }
  .home-video-rail { height: 430px; }
}
@media (max-width: 800px) {
  .home-gallery-section { padding-block: 28px; }
  .home-gallery-head { grid-template-columns: 1fr; gap: 24px; }
  .home-gallery-head .home-hero-copy { padding: 0; }
  .home-gallery-head .home-hero-copy h1 { max-width: 680px; }
  .home-visit-card { display: flex; }
  .journey-tabs { width: 100%; }
  .journey-link { align-self: stretch; }
  .home-gallery-layout { grid-template-columns: 1fr; }
  .care-panel { gap: 22px; }
}
@media (max-width: 800px) {
  .home-gallery-section { padding: 0; }
  .home-hero-stage { display: block; min-height: 0; height: auto; overflow: hidden; }
  .home-hero-stage .home-gallery { position: relative; z-index: 0; inset: auto; width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .home-hero-stage .home-gallery-track,
  .home-hero-stage .home-slide { height: 100%; min-height: 0; }
  .home-hero-stage .home-slide-image { object-fit: cover; object-position: center; }
  .home-stage-shade { display: none; }
  .home-stage-copy { max-width: none; min-height: 0; height: auto; padding: 34px 28px 42px; background: radial-gradient(ellipse at 92% 0,#31522624,transparent 50%),#0b130e; }
  .home-stage-copy h1 { max-width: 12ch; font-size: clamp(2.5rem,8.5vw,3.75rem); }
  .home-stage-videos { display: none; }
  .home-hero-stage .home-gallery-controls { right: 14px; bottom: 14px; }
}
@media (max-width: 600px) {
  .utility-bar { display: none; }
  .site-header, .page-home .site-header { top: 0; padding: 8px; margin-bottom: 0; background: #0b130e; }
  .utility-inner { justify-content: space-between; }
  .utility-actions { justify-content: space-between; width: 100%; gap: 12px; }
  .utility-actions p { display: block !important; }
  .motion-toggle { min-height: 36px; font-size: .68rem; }
  .home-gallery-head .home-hero-copy h1 { font-size: clamp(2.45rem,10vw,3.3rem); max-width: 520px; }
  .home-hero-details { gap: 6px 14px; font-size: .72rem; }
  .home-hero-actions { margin-block: 23px 20px; gap: 9px; }
  .home-gallery-head > .home-hero-copy .hero-actions .button { font-size: .79rem; padding-inline: 15px; min-height: 46px; }
  .home-visit-card { display: flex; padding: 23px; }
  .home-visit-card h2 { margin-bottom: 20px; font-size: 1.55rem; }
  .home-visit-card h2 br { display: none; }
  .journey-tabs { width: 100%; margin-bottom: 17px; }
  .journey-panels { padding-top: 0; }
  .is-enhanced .journey-panels { min-height: 115px; }
  .journey-link { align-self: stretch; }
  .home-gallery-layout { gap: 22px; }
  .home-video-rail { height: 391px; }
  .home-hero-stage .home-gallery { aspect-ratio: 16 / 9; }
  .home-stage-copy { min-height: 0; padding: 28px 20px 34px; }
  .home-stage-copy h1 { max-width: 12ch; font-size: clamp(2.15rem,10vw,2.8rem); }
  .home-stage-copy .home-hero-actions { margin-block: 20px 17px; }
  .home-hero-stage .home-gallery-controls { right: 10px; bottom: 10px; }
  .care-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 6px; gap: 5px; }
  .care-tabs button { min-height: 47px; padding-inline: 12px; font-size: .76rem; }
  .care-panel { grid-template-columns: 1fr; gap: 24px; padding: 18px; }
  .care-panel-overview { grid-template-columns: 1fr; gap: 19px; }
  .care-panel-photo { height: 165px; }
  .care-panel-intro h3 { font-size: 1.5rem; }
  .care-panel-intro p:not(.eyebrow) { margin: 10px 0 14px; }
  .care-guide-link { padding: 17px 14px; }
  .care-guide-link strong { font-size: .88rem; }
  .care-explorer-note { font-size: .73rem; }
  .card-grid, .product-grid, .gallery-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-glow, .is-entering { animation: none; transition: none; }
  .journey-tabs::after, .care-tabs button, .care-guide-link { transition: none; }
  .partner-marquee { overflow-x: auto; }
  .partner-track > [aria-hidden='true'] { display: none; }
  .home-video-rail-window { overflow-y: auto; }
  .home-video-rail-track { transform: none !important; }
  .home-video-rail-track .is-duplicate { display: none; }
}

/* Care explorer refinement: give the featured image a readable portrait stage
   and keep the overview, copy and guides aligned as one deliberate composition. */
.care-panel {
  grid-template-columns: minmax(0, 1.08fr) minmax(270px, .92fr);
  gap: clamp(28px, 3.6vw, 52px);
  padding: 28px 30px;
}
.care-panel-overview {
  grid-template-columns: minmax(178px, .52fr) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(22px, 2.2vw, 30px);
}
.care-panel-photo {
  width: 100%;
  min-width: 0;
  min-height: 300px;
  height: auto;
  aspect-ratio: 4 / 5;
  border: 1px solid #b8d1a821;
  box-shadow: 0 16px 34px #00000020;
}
.care-panel-photo img {
  object-position: 50% 24%;
}
.care-panel-intro {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.care-panel-intro h3 { max-width: 18ch; }
.care-panel-intro p:not(.eyebrow) { max-width: 42ch; }
.care-guide-list { gap: 10px; }
.care-guide-link { min-height: 72px; padding: 16px 17px; }

@media (max-width: 1050px) {
  .care-panel {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    gap: 24px;
    padding: 23px;
  }
  .care-panel-overview {
    grid-template-columns: minmax(148px, .62fr) minmax(0, 1fr);
    gap: 18px;
  }
  .care-panel-photo {
    min-height: 250px;
    aspect-ratio: 4 / 5;
    width: 100%;
  }
}

@media (max-width: 600px) {
  .care-panel {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 18px;
  }
  .care-panel-overview {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .care-panel-photo {
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  .care-panel-photo img { object-position: 50% 22%; }
  .care-panel-intro h3 { max-width: none; }
  .care-guide-link { min-height: 66px; }
}

/* Tablet widths need a single readable flow. Keeping the guide rail beside a
   narrow overview column makes the portrait image force the copy underneath it. */
@media (max-width: 900px) {
  .care-panel {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .care-panel-overview {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .care-panel-photo {
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 220px;
    aspect-ratio: auto;
  }
  .care-panel-intro,
  .care-guide-list,
  .care-guide-link,
  .care-guide-link > span {
    min-width: 0;
  }
  .care-guide-link strong,
  .care-guide-link small,
  .care-panel-intro p {
    overflow-wrap: anywhere;
  }
  .care-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .care-tabs button {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 600px) {
  .care-panel-photo {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

/* Navigation polish: keep the appointment control visually separated from
   the capsule edge and move the active treatment marker with the current page. */
@media (min-width: 1041px) {
  .nav-cta {
    min-height: 34px;
    margin-inline: 2px;
    padding: 6px 16px;
    border-color: rgba(255,255,255,.42);
  }
  .nav-links a[aria-current='page']:not(.button) {
    position: relative;
    padding-inline: 12px;
    border: 1px solid rgba(169,220,115,.86);
    border-radius: 999px;
    color: #12210f;
    background: rgba(169,220,115,.72);
    box-shadow: 0 0 18px rgba(169,220,115,.34), inset 0 1px 0 rgba(255,255,255,.42);
    text-shadow: none;
  }
  .nav-links a[aria-current='page']:not(.button)::after {
    display: none;
  }
}

.nav-pill-about {
  border-color: rgba(255,255,255,.08);
  background: rgba(28,36,26,.42);
}
.nav-pill-about[aria-current='page'] {
  border-color: rgba(169,220,115,.86);
  background: rgba(169,220,115,.72);
  color: #12210f !important;
  box-shadow: 0 0 18px rgba(169,220,115,.34), inset 0 1px 0 rgba(255,255,255,.42);
}

/* Use one brighter green family for the appointment control and active tab. */
:root {
  --nav-vibrant-green: #b7ef72;
  --nav-vibrant-green-deep: #93dc42;
}
.nav-cta {
  background: linear-gradient(135deg, var(--nav-vibrant-green) 0%, var(--nav-vibrant-green-deep) 100%);
  color: #10200d !important;
  box-shadow: 0 5px 18px rgba(157,229,76,.38), inset 0 1px 0 rgba(255,255,255,.52);
}
.nav-cta:hover {
  background: linear-gradient(135deg, #c6fa83 0%, #9ee851 100%);
  box-shadow: 0 7px 22px rgba(157,229,76,.5), inset 0 1px 0 rgba(255,255,255,.62);
  color: #10200d !important;
}
@media (min-width: 1041px) {
  .nav-links a[aria-current='page']:not(.button) {
    border-color: rgba(199,250,132,.94);
    background: rgba(183,239,114,.78);
    box-shadow: 0 0 20px rgba(183,239,114,.42), inset 0 1px 0 rgba(255,255,255,.48);
  }
}
.nav-pill-about[aria-current='page'] {
  border-color: rgba(199,250,132,.94);
  background: rgba(183,239,114,.78);
  box-shadow: 0 0 20px rgba(183,239,114,.42), inset 0 1px 0 rgba(255,255,255,.48);
}

/* Shared-element transition glides the active neon pill to the next page. */
@media (prefers-reduced-motion: no-preference) {
  .site-header { view-transition-name: none; }
  .nav-links a[aria-current='page']:not(.button),
  .nav-pill-about[aria-current='page'] { view-transition-name: nav-active-pill; }
  ::view-transition-group(nav-active-pill) {
    animation-duration: .46s;
    animation-timing-function: cubic-bezier(.22,.8,.2,1);
  }
  ::view-transition-old(nav-active-pill),
  ::view-transition-new(nav-active-pill) { animation-duration: .46s; }
}



/* Center mobile menu labels and keep the current page clearly selected. */
@media (max-width:1040px) {
 .nav-menu .nav-links > li {width:100%; min-width:0; justify-content:center;}
 .nav-menu .nav-links > li > a {width:100%; justify-content:center; text-align:center; box-sizing:border-box;}
 .nav-menu .nav-links > li > a[aria-current="page"] {
  color:#10200d; background:var(--nav-vibrant-green); text-shadow:none;
  box-shadow:inset 0 0 0 1px #d7ffab, 0 2px 10px #93dc4226;
 }
}