/* Aqua Beauty Center typography and compact page rhythm. */
[dir="ltr"] body{font-family:'Josefin Sans',Arial,sans-serif}
[dir="ltr"] p,[dir="ltr"] .patient-review-card blockquote,[dir="ltr"] .splash-content p{font-family:'Josefin Sans',Arial,sans-serif}
[dir="ltr"] p{line-height:1.65}
[dir="ltr"] .patient-review-card blockquote{font-weight:400;letter-spacing:0;line-height:1.6}

[dir="ltr"] .hero h1,[dir="ltr"] .section h2,[dir="ltr"] .map-heading h2,
[dir="ltr"] .patient-reviews-head h2,[dir="ltr"] .service-card-title,
[dir="ltr"] .center-hero h1,[dir="ltr"] .center-chapter h2,
[dir="ltr"] .center-gallery h2,[dir="ltr"] .center-closing h2,
[dir="ltr"] .center-room-group h3,[dir="ltr"] .care-hero h1,
[dir="ltr"] .care-detail h2,[dir="ltr"] .care-extra h2,
[dir="ltr"] .care-related h2,[dir="ltr"] .care-second-video-copy h2,
[dir="ltr"] .care-result-view h2,[dir="ltr"] .modal-panel h2{
  font-family:'Della Respira',Georgia,serif;
  font-weight:400;
  letter-spacing:-.025em;
  line-height:1.16;
}
[dir="ltr"] .is-home .hero h1{max-width:900px;font-size:clamp(2.05rem,3.8vw,3.6rem)}
[dir="ltr"] .center-hero h1{font-size:clamp(2.35rem,3.65vw,4rem);white-space:normal}
[dir="ltr"] .center-chapter h2{font-size:clamp(2.2rem,3.35vw,4rem)}
[dir="ltr"] .care-hero h1{font-size:clamp(2.65rem,4.7vw,5.2rem)}
[dir="ltr"] .care-second-video-copy h2,[dir="ltr"] .care-result-view h2{font-size:clamp(2.5rem,4.1vw,4.5rem)}
[dir="ltr"] .service-card-title{font-size:clamp(1.38rem,1.75vw,1.9rem)}
[dir="ltr"] .patient-reviews-head h2{font-size:clamp(2.4rem,3.9vw,4.15rem)}

.header-pill .nav,.header-pill .nav a,.header-pill .nav-cta,
.language-picker summary,.language-options a,.mobile-menu nav a,
.menu-drawer-head,.menu-language-picker summary,.menu-language-options a{
  text-transform:capitalize;
}
[dir="ltr"] .header-pill .nav,[dir="ltr"] .header-pill .nav a,
[dir="ltr"] .header-pill .nav-cta,[dir="ltr"] .language-picker summary,
[dir="ltr"] .language-options a,[dir="ltr"] .mobile-menu nav a,
[dir="ltr"] .menu-drawer-head,[dir="ltr"] .menu-language-picker summary,
[dir="ltr"] .menu-language-options a,[dir="ltr"] .menu-drawer-bottom .button{
  font-family:'Josefin Sans',Arial,sans-serif;
  letter-spacing:0;
}
[dir="ltr"] .header-pill .nav{font-size:13px;font-weight:600}
[dir="ltr"] .header-pill .nav-cta{font-size:13px;font-weight:600}

/* Keep cards and section transitions closer together. */
.section.patient-reviews{padding-block:clamp(36px,4vw,60px) clamp(30px,3vw,46px)}
.center-hero{padding:clamp(42px,5vw,72px) 0 clamp(28px,3vw,48px)}
.center-chapter-copy{padding:clamp(24px,3vw,48px)}
.center-gallery,.center-closing{padding-block:clamp(40px,5vw,76px)}
.care-detail{padding:clamp(34px,4vw,60px) 0}
.care-extra{padding:clamp(34px,4vw,58px) 0}
.care-related{padding:clamp(32px,3.5vw,56px) 0}
.care-detail-grid{gap:clamp(22px,3vw,52px)}
.care-detail-aside{padding:clamp(20px,2vw,32px)}
.care-page--video .care-hero-grid{min-height:clamp(480px,76svh,760px)}
.care-page--video .care-hero-media.care-video-surface{min-height:clamp(480px,76svh,760px)}
.care-second-video{min-height:clamp(410px,54svh,620px)}
.care-second-video-copy,.care-result-view-copy{padding:clamp(26px,3.5vw,54px)}

@media(max-width:820px){
  .mobile-menu{width:min(390px,100vw);padding:24px max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom));border-radius:22px 0 0 22px}
  [dir="rtl"] .mobile-menu{border-radius:0 22px 22px 0}
  .mobile-menu nav{margin-top:12px}
  .mobile-menu nav a{display:block;width:100%;min-height:43px;padding:8px 0;border-bottom:1px solid #e2eef0;font-size:20px;line-height:1.25;font-weight:500;letter-spacing:0}
  [dir="rtl"] .mobile-menu nav a{font-size:19px;line-height:1.4}
  .menu-drawer-head{font-size:25px;line-height:1.15;font-weight:500;letter-spacing:0}
  [dir="rtl"] .menu-drawer-head{font-size:23px;line-height:1.3}
  .menu-language-picker{margin-top:10px;padding-top:7px;border-top:0}
  .menu-language-picker summary{min-height:42px;font-size:13px;font-weight:600}
  .mobile-menu .menu-language-options a{min-height:40px;padding:7px 9px;font-size:12px;font-weight:600}
  .menu-drawer-bottom{margin-top:14px;padding-top:15px;gap:9px;border-top:1px solid #e2eef0;font-size:12px}
  .menu-drawer-bottom .button{min-height:44px;margin-bottom:3px;font-size:13px;font-weight:600}
  .menu-drawer-bottom .menu-phone-list{gap:5px}
  .menu-drawer-bottom .menu-phone-list a{min-height:28px}
  .menu-drawer-bottom .hours-lines{font-size:11.5px;line-height:1.4}
  .center-hero{padding:36px 0 26px}
  .center-chapter-copy{padding:26px}
  .care-page--video .care-hero-grid,.care-page--video .care-hero-media.care-video-surface{min-height:0}
  .care-page--video .care-hero-media.care-video-surface,.care-second-video-media{height:min(62svh,560px);min-height:340px}
  .care-page--video .care-hero-copy,.care-second-video-copy,.care-result-view-copy{padding:26px}
}
@media(max-width:700px){
  [dir="ltr"] .is-home .hero h1{max-width:19ch;font-size:clamp(1.85rem,7.2vw,2.55rem)}
  [dir="ltr"] .center-hero h1{font-size:clamp(2rem,7.4vw,3rem)}
  [dir="ltr"] .care-hero h1{font-size:clamp(2.25rem,8.3vw,3.5rem)}
  [dir="ltr"] .care-second-video-copy h2,[dir="ltr"] .care-result-view h2{font-size:clamp(2.2rem,8vw,3.25rem)}
  [dir="ltr"] .service-card-title{font-size:1.4rem}
  .section.patient-reviews{padding-block:36px 30px}
  .care-detail,.care-extra{padding-block:34px}
  .care-related{padding-block:30px}
}

/* Keep the contact panel in proportion with the adjacent center photograph. */
.visit-layout>div:first-child{padding:clamp(24px,2.4vw,36px) clamp(22px,2.8vw,42px)}
.section.visit h2{font-size:clamp(2rem,2.7vw,2.65rem);line-height:1.18;margin:8px 0 12px}
.visit .eyebrow{font-size:10.5px}
.visit p{max-width:64ch;font-size:15px;line-height:1.52;margin:0}
.visit .button{min-height:44px;margin-top:15px;padding-inline:18px;font-size:12.5px}
.visit-details{margin-top:18px;gap:9px 18px}
.visit-details div{padding-top:9px}
.visit-details strong{font-size:11px;margin-bottom:4px}
.visit-details span,.visit-details a{font-size:13px;line-height:1.38}
.google-review-card{margin-top:14px;padding:13px 16px;border-radius:16px}
.visit-photo{min-height:500px;object-position:center 42%}
@media(max-width:800px){
  .visit-layout>div:first-child{padding:26px 24px}
  .visit-photo{height:clamp(240px,48vw,360px);min-height:0}
}
@media(max-width:700px){
  .section.visit h2{font-size:clamp(1.9rem,7vw,2.4rem);margin-bottom:10px}
  .visit p{font-size:14px;line-height:1.5}
  .visit-details{margin-top:16px;gap:8px}
  .visit-details div{padding-top:8px}
  .google-review-card{margin-top:12px;padding:12px 14px}
}
