/* Second design pass: conventional clinic navigation, stable buttons and page banners. */
.header-row{height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header-meta{display:flex;flex-direction:column;text-align:right;gap:2px;margin-left:auto}
.header-meta span{font-size:13px;font-weight:800;color:var(--ink)}
.header-meta small{font-size:11px;color:var(--muted)}
.header-menu{border-top:1px solid var(--line);background:#fbfcfc}
.header-menu .nav{height:50px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:nowrap}
.header-menu .nav a{font-size:13px;font-weight:700;white-space:nowrap;padding:9px 0}
.header-menu .nav a:hover{color:var(--accent-dark)}
.brand strong{font-size:27px;letter-spacing:-.06em}
.brand small{font-size:9px;letter-spacing:0}
.header-control .button{min-width:164px}
.button{box-sizing:border-box;min-height:48px;padding:12px 20px;line-height:1.25;display:inline-flex;align-items:center;justify-content:center;gap:13px;vertical-align:middle;flex-shrink:0}
.button span{display:inline-block;line-height:1;align-self:center}
.button-outline{background:#fff;color:var(--ink)!important}
.hero-actions{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}
.hero-actions .button{height:auto;min-height:50px}
.quicknav-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:78px;gap:0}
.quicknav strong,.quicknav a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:78px;padding:16px 15px;line-height:1.45}
.quicknav strong{border-left:1px solid #ffffff24;padding-left:10px}
.quicknav a{border-left:1px solid #ffffff24;font-size:13px}
.quicknav a:last-child{border-right:1px solid #ffffff24}

.inside-hero{min-height:0;padding:60px 0;background:#f6f5f1;overflow:hidden}
.inside-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:64px;min-height:420px}
.inside-copy{position:relative;background:none;backdrop-filter:none;border-radius:0;padding:0;max-width:none;min-width:0;width:100%}
.inside-copy .breadcrumbs{margin-bottom:28px}
.inside-copy .eyebrow{margin-bottom:14px}
.inside-copy h1{font-size:clamp(38px,4vw,59px);line-height:1.1;overflow-wrap:break-word;max-width:650px;margin-bottom:22px}
.inside-copy p{width:100%;max-width:600px;font-size:16px;line-height:1.75;margin-bottom:0}
.inside-copy .hero-actions{margin-top:26px}
.inside-media{position:relative;inset:auto;overflow:hidden;width:100%;height:420px;border-radius:34px 10px 34px 10px;box-shadow:0 18px 37px #18353b19}
.inside-media:before{display:none}
.inside-media img{height:100%;width:100%;object-fit:cover}
.inside-media .photo-note{right:12px;bottom:12px}
.service-row{grid-template-columns:230px minmax(0,1fr) 45px;gap:32px;min-width:0}
.service-row-body{min-width:0}
.service-row-body h3{overflow-wrap:break-word}
.service-row-photo img{height:162px}
.service-row .round-action{width:44px;height:44px}

.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.profile-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;display:grid;grid-template-columns:40% 60%;min-width:0;transition:transform .2s,box-shadow .2s}
.profile-grid-three .profile-card{display:block}
.profile-card:hover{transform:translateY(-3px);box-shadow:0 15px 33px #203c461a}
.profile-photo{position:relative;overflow:hidden;min-height:270px;background:#eef1ef}
.profile-photo img{width:100%;height:100%;min-height:270px;object-fit:cover;object-position:center 24%}
.profile-grid-three .profile-photo,.profile-grid-three .profile-photo img{height:320px;min-height:0}
.profile-body{padding:27px;display:flex;flex-direction:column;min-width:0}
.profile-body .eyebrow{font-size:9px;line-height:1.6;margin-bottom:13px}
.profile-body h3{font-size:24px;overflow-wrap:break-word;margin-bottom:13px}
.profile-body p{font-size:14px;margin-bottom:11px}
.profile-body small{font-size:11px;color:var(--muted);line-height:1.45}
.profile-body b{font-size:12px;margin-top:auto;padding-top:17px;color:var(--accent-dark)}
.source-notice{border-left:4px solid var(--accent);padding:19px 23px;background:#faf5f1;color:#6d594d;font-size:13px;margin-bottom:48px;line-height:1.8;border-radius:0 10px 10px 0}
.doctor-followup{background:var(--pale);border-radius:16px;padding:38px 44px;margin-top:55px;max-width:900px}
.doctor-followup h2{font-size:30px}
.doctor-followup p{max-width:680px}

.about-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-directions>a{background:white;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:12px;padding:28px;display:flex;flex-direction:column;min-height:230px;transition:transform .2s}
.about-directions>a:hover{transform:translateY(-3px)}
.about-direction-photo{position:relative;margin:-28px -28px 22px;overflow:hidden;border-radius:8px 8px 0 0}
.about-direction-photo img{height:175px;width:100%;object-fit:cover}
.about-directions h3{font-size:23px}
.about-directions p{font-size:13px;line-height:1.7}
.about-directions b{font-size:12px;color:var(--accent-dark);margin-top:auto}
.about-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.74fr);align-items:start;gap:90px}
.about-facts p{line-height:1.9}
.about-doc-card{background:#f7f5f0;padding:39px;border-radius:17px}
.about-doc-card .button{margin:8px 8px 4px 0;white-space:normal}
.map-heading p{max-width:780px}
.map-phone{margin-top:16px;font-size:14px}
.map-phone span{color:var(--muted);font-size:12px}
.map-holder{background:#e4edec}

.footer-contact{background:var(--deep);color:white;padding:75px 0}
.footer-contact-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:66px;align-items:center}
.footer-contact .eyebrow{color:#edb99e}
.footer-contact h2{color:white;max-width:520px;font-size:clamp(31px,3.3vw,44px)}
.footer-contact p{color:#c3d0d4;max-width:530px}
.footer-contact .status-hint{display:inline-block;margin-top:13px;font-size:11px;color:#a9c0c7}
.footer-contact-panel{background:white;padding:35px;border-radius:19px;box-shadow:0 20px 37px #0d243140}
.footer-contact-panel .callback-form{margin-top:0}
.footer-contact+.footer{border-top:1px solid #ffffff22}
.footer-contact-panel .callback-form input:not([type=checkbox]),.footer-contact-panel .callback-form select{min-height:48px}
.footer-contact-panel .callback-form label{line-height:1.5}

@media(max-width:1050px){
  .header-menu{display:none}
  .header-meta{margin-left:auto}
  .header-control{margin-left:0}
  .burger{display:flex}
  .inside-grid{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
  .profile-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-grid-three .profile-card:last-child{grid-column:span 2;display:grid;grid-template-columns:40% 60%}
  .profile-grid-three .profile-card:last-child .profile-photo,.profile-grid-three .profile-card:last-child .profile-photo img{height:100%}
}
@media(max-width:760px){
  .header-row{height:74px}
  .header-meta{display:none}
  .brand strong{font-size:25px}
  .quicknav-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quicknav strong,.quicknav a{min-height:64px;font-size:12px;border-top:1px solid #ffffff24}
  .quicknav strong{grid-column:auto}
  .quicknav a:last-child{grid-column:auto}
  .inside-hero{padding:28px 0 45px}
  .inside-grid{min-height:0;grid-template-columns:1fr;gap:24px}
  .inside-copy{order:2;padding:0}
  .inside-copy h1{font-size:clamp(32px,8vw,44px)}
  .inside-copy .breadcrumbs{margin-bottom:17px}
  .inside-copy p{font-size:14px}
  .inside-media{order:1;position:relative;inset:auto;height:260px;border-radius:18px}
  .inside-media:before{display:none}
  .inside-hero .hero-actions{display:flex}
  .service-row{grid-template-columns:125px minmax(0,1fr);gap:15px}
  .service-row-photo img{height:145px}
  .profile-grid,.profile-grid-three{grid-template-columns:1fr}
  .profile-grid-three .profile-card:last-child{grid-column:auto;display:block}
  .profile-grid-three .profile-card:last-child .profile-photo,.profile-grid-three .profile-card:last-child .profile-photo img{height:300px}
  .profile-grid-three .profile-photo,.profile-grid-three .profile-photo img{height:300px}
  .profile-card{display:grid;grid-template-columns:42% 58%}
  .profile-photo,.profile-photo img{min-height:245px}
  .profile-grid-three .profile-card{display:grid;grid-template-columns:42% 58%}
  .profile-body{padding:20px}
  .profile-body h3{font-size:20px}
  .profile-body .eyebrow{font-size:8px}
  .about-directions{grid-template-columns:1fr}
  .about-directions>a{min-height:165px}
  .about-facts{grid-template-columns:1fr;gap:30px}
  .footer-contact{padding:55px 0}
  .footer-contact-grid{grid-template-columns:1fr;gap:25px}
  .footer-contact-panel{padding:22px}
}
@media(max-width:500px){
  .brand strong{font-size:21px}
  .brand small{font-size:8px}
  .header-control .button{min-width:0;font-size:11px;min-height:43px;padding:10px 12px}
  .hero-actions .button{width:auto;flex:1 1 140px;min-width:0;white-space:normal}
  .quicknav strong,.quicknav a{min-height:60px;font-size:11px;padding:10px 7px}
  .inside-media{height:218px}
  .inside-copy h1{font-size:34px}
  .profile-card,.profile-grid-three .profile-card,.profile-grid-three .profile-card:last-child{display:block}
  .profile-photo,.profile-photo img,.profile-grid-three .profile-photo,.profile-grid-three .profile-photo img{height:275px;min-height:0}
  .profile-body{min-height:230px}
  .service-row{grid-template-columns:105px minmax(0,1fr)}
  .service-row-photo img{height:132px}
  .about-doc-card{padding:25px}
  .about-doc-card .button{width:100%;margin:7px 0}
  .footer-contact-panel .callback-form{grid-template-columns:1fr}
  .footer-contact-panel .callback-form label:nth-child(3),.footer-contact-panel .callback-form .consent,.footer-contact-panel .callback-form .form-result{grid-column:auto}
}

/* Patient-facing editorial sections: warm, conventional and photograph-led. */
.story-section{border-top:1px solid var(--line)}
.story-section.story-reverse{background:var(--pale)}
.story-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,5vw,85px);align-items:center}
.story-reverse .story-media{order:2}
.story-reverse .story-text{order:1}
.story-media{position:relative;overflow:hidden;min-width:0;border-radius:20px}
.story-media img{width:100%;height:480px;object-fit:cover;transition:transform .35s}
.story-media:hover img{transform:scale(1.025)}
.story-text{min-width:0}
.story-text h2{font-size:clamp(30px,3.25vw,45px);margin-bottom:27px;max-width:690px}
.story-text p{font-size:15px;line-height:1.85;max-width:720px;margin-bottom:16px}
.story-points{list-style:none;padding:0;margin:24px 0 27px;display:grid;gap:11px}
.story-points li{position:relative;padding-left:28px;font-size:14px;font-weight:650;color:#3d5963;line-height:1.55}
.story-points li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent-dark);font-weight:900}
.story-text .button{white-space:normal}
.extra-guides{border-top:1px solid var(--line)}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.guide-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.guide-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #142d3818}
.guide-photo{position:relative;overflow:hidden}
.guide-photo img{height:220px;width:100%;object-fit:cover}
.guide-content{padding:27px 28px 29px;display:flex;flex-direction:column;flex:1}
.guide-content .eyebrow{font-size:10px;margin-bottom:12px}
.guide-content h3{font-size:24px;line-height:1.22;margin-bottom:16px}
.guide-content p{font-size:14px;line-height:1.8;margin-bottom:22px;flex:1}
.guide-content b{font-size:13px;color:var(--accent-dark)}
@media(max-width:950px){
  .story-grid{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .story-media img{height:430px}
  .guide-content{padding:22px}
  .guide-photo img{height:175px}
}
@media(max-width:760px){
  .story-grid{grid-template-columns:1fr;gap:29px}
  .story-reverse .story-media,.story-reverse .story-text{order:initial}
  .story-media img{height:290px}
  .story-text h2{font-size:32px}
  .story-text p{font-size:14px}
  .guide-grid{grid-template-columns:1fr;gap:16px}
  .guide-card{display:grid;grid-template-columns:36% minmax(0,1fr)}
  .guide-photo,.guide-photo img{height:100%;min-height:210px}
  .guide-content h3{font-size:21px}
}
@media(max-width:480px){
  .story-media img{height:235px}
  .guide-card{display:flex}
  .guide-photo,.guide-photo img{min-height:0;height:205px}
}