
:root{
  /* brand palette — 三神 cinematic site: ember #ff7a3d + persimmon #c9461a + espresso ink + cream */
  --navy:#2b1b10; --navy-80:rgba(43,27,16,.85);   /* espresso "dark": footer / dark band / headings */
  --ink:#2b1b10; --muted:#6b5142; --soft:#9a8472;  /* smoke muted */
  --sage:#ffd4b3; --sage-soft:#ffe3cf; --sage-pale:#ffeadb;   /* peach panels */
  --beige:#ffe4cd; --beige-soft:#fff2e6; --cream:#fff8f0; --gray:#fbf2e8;   /* cream / peach tints */
  --photo:#f1ddc6;
  --plum:#c9461a; --lavender:#ffe0cf; --accent:#ff7a3d; --accent-d:#c9461a;  /* ember + persimmon */
  --line:rgba(43,27,16,.12); --line-w:rgba(255,255,255,.22);
  --serif:"Cormorant Garamond","Noto Serif TC",Georgia,serif;
  --sans:"Mulish","Noto Sans TC",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.85;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none;transition:color .18s}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.narrow{max-width:880px;margin:0 auto}
.center{text-align:center}

/* type */
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--navy);letter-spacing:.01em;line-height:1.18}
h2{font-size:clamp(28px,3.4vw,44px);font-weight:400}
h3{font-size:22px}
p{margin-bottom:16px}
.kicker{display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.26em;
  text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.section .narrow>p,.split-text p,.block p{color:#4c4742}

/* buttons — navy pill, uppercase tracked (Utah BOOK NOW) */
.btn,.btn-ghost{display:inline-block;font-family:var(--sans);font-weight:600;font-size:11.5px;
  letter-spacing:.2em;text-transform:uppercase;padding:15px 34px;border-radius:999px;
  border:1.5px solid var(--navy);transition:.2s;cursor:pointer;white-space:nowrap}
.btn{background:var(--accent-d);color:#fff !important;border-color:var(--accent-d)}
.btn:hover{background:#a8380f;border-color:#a8380f}
.btn-sm{padding:11px 24px;font-size:11px}
.btn-lg{padding:18px 44px}
.btn-ghost{background:transparent;color:var(--navy) !important}
.btn-ghost:hover{background:var(--navy);color:#fff !important}

/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:26px;min-height:80px}
.brand{display:flex;align-items:center;gap:13px}
.brand-mark{width:46px;height:46px;object-fit:contain;flex:none}
.brand-txt strong{display:block;font-family:var(--serif);font-size:21px;font-weight:600;color:var(--navy);letter-spacing:.1em;line-height:1.1}
.brand-txt small{display:block;font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--soft)}
.nav{margin-left:auto}
.nav>ul{display:flex;list-style:none;gap:4px}
.nav>ul>li{position:relative}
.nav>ul>li>a{display:flex;align-items:center;gap:3px;padding:14px 13px;color:var(--ink);font-weight:500;font-size:14.5px;letter-spacing:.04em;white-space:nowrap}
.nav>ul>li>a i{font-style:normal;font-size:11px;color:var(--soft)}
.nav>ul>li>a:hover{color:var(--accent)}
.sub{position:absolute;top:100%;left:0;min-width:255px;background:#fff;border:1px solid var(--line);
  list-style:none;padding:10px 0;box-shadow:0 18px 40px rgba(43,27,16,.13);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.has-sub:hover .sub{opacity:1;visibility:visible;transform:translateY(0)}
.sub a{display:block;padding:10px 22px;color:var(--ink);font-size:14px;letter-spacing:.02em}
.sub a:hover{color:var(--accent);background:var(--beige-soft)}
.hd-right{display:flex;align-items:center;gap:18px}
.hd-tel{color:var(--navy);font-weight:700;font-size:14.5px;letter-spacing:.04em}
.hd-tel:hover{color:var(--accent)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:var(--navy);transition:.2s}
.mnav{display:none}
/* transparent header over hero on home */
.hd-home{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:0}
.hd-home .brand-txt strong,.hd-home .nav>ul>li>a,.hd-home .hd-tel{color:#fff}
.hd-home .brand-txt small{color:rgba(255,255,255,.7)}
.hd-home .nav>ul>li>a i{color:rgba(255,255,255,.7)}
.hd-home .nav>ul>li>a:hover,.hd-home .hd-tel:hover{color:var(--beige)}
.hd-home .sub a{color:var(--ink)}
.hd-home .burger span{background:#fff}

/* ---------- home hero ---------- */
.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden}
.hero .hero-bg{position:absolute;inset:0}
.hero .hero-bg .ph{height:100%;min-height:88vh;background:linear-gradient(120deg,#ffe6cf,#ffcfa9)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,27,16,.28),rgba(43,27,16,.05) 40%,rgba(43,27,16,.12))}
.hero-card{position:relative;z-index:2;background:var(--sage-80,rgba(255,212,179,.94));
  background:rgba(255,212,179,.94);backdrop-filter:blur(2px);max-width:560px;margin:0 0 84px;padding:46px 48px;color:var(--ink);border-radius:2px}
.hero-card .kicker{color:rgba(255,255,255,.85)}
.hero-card h1{color:#fff;font-size:clamp(38px,4.6vw,62px);font-weight:400;line-height:1.16;margin-bottom:18px}
.hero-card h1 em{font-style:italic;color:var(--beige)}
.hero-card p{color:rgba(255,255,255,.92);font-size:17px;margin-bottom:28px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-card .btn{background:var(--accent-d);border-color:var(--accent-d)}
.hero-card .btn-ghost{color:#fff !important;border-color:rgba(255,255,255,.7)}
.hero-card .btn-ghost:hover{background:#fff;color:var(--navy) !important;border-color:#fff}

/* ---------- sections / colour blocks ---------- */
.section{padding:104px 0}
.section.beige{background:var(--beige)}
.section.beige-soft{background:var(--beige-soft)}
.section.cream{background:var(--cream)}
.section.gray{background:var(--gray)}
.section.alt{background:var(--beige-soft)}
.section.sage{background:var(--sage);color:#fff}
.section.sage h2,.section.sage .kicker{color:#fff}
.section.sage .kicker{color:rgba(255,255,255,.82)}
.section.sage p,.section.sage li{color:rgba(255,255,255,.94)}
.section.sage-soft{background:var(--sage-soft)}
.section.plum{background:var(--plum);color:#fff}
.section.plum h2,.section.plum .kicker,.section.plum p{color:#fff}
.section.navy{background:var(--navy);color:#fff;text-align:center;padding:118px 0}
.section.navy h2{color:#fff;font-size:clamp(28px,3.2vw,44px);letter-spacing:.12em;font-weight:400}
.section.navy p{color:#d8c2ab;margin-top:14px;letter-spacing:.14em}
.sec-head{max-width:680px;margin:0 auto 60px}
.sec-head.center{text-align:center}
.sec-head p{color:var(--muted)}

/* stat strip (home) */
.babies{background:var(--beige-soft);text-align:center;padding:74px 0 0}
.babies .big-serif{font-family:var(--serif);font-size:clamp(26px,3vw,38px);color:var(--navy);font-weight:400}
.statwrap{background:var(--beige-soft);padding:46px 0 96px}
.statrow{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch}
.stat-photo .ph{min-height:430px}
.stat-card{background:var(--sage);color:#fff;padding:54px 52px;display:flex;flex-direction:column;justify-content:center;gap:26px}
.stat-card h3{color:#fff;font-weight:400;font-size:30px;margin-bottom:6px}
.stat-card .stat b{font-family:var(--serif);font-size:46px;font-weight:400;line-height:1;display:block}
.stat-card .stat span{color:rgba(255,255,255,.9);font-size:14px}
.stat-card .btn{align-self:flex-start;margin-top:8px;background:var(--navy);border-color:var(--navy)}

/* splits */
.split{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}
.split.rev{direction:rtl}
.split.rev>*{direction:ltr}
.split-text h2{margin-bottom:20px}
.split .ph{min-height:460px}
.split-text .btn-ghost{margin-top:10px}

/* generic colored narrow block */
.section .narrow.center{max-width:760px}
.section .narrow.center .big{font-family:var(--serif);font-size:clamp(26px,3vw,40px);color:var(--navy);font-weight:400;line-height:1.3;margin-bottom:30px}
.section.beige-soft .narrow.center .big,.stmt .big{color:var(--navy)}

/* tick list (indications) */
.ticklist{list-style:none;margin-top:18px;columns:2;column-gap:48px}
.ticklist li{position:relative;padding-left:30px;margin-bottom:14px;break-inside:avoid;line-height:1.6}
.ticklist li::before{content:"✦";position:absolute;left:0;top:0;color:var(--accent)}
.section.sage .ticklist li::before{color:var(--beige)}

/* process steps accordion */
.process{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.process-media .ph{min-height:480px}
.steps{margin-top:24px}
.step,.faq{border-bottom:1px solid var(--line)}
.step summary,.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;
  padding:18px 2px;font-family:var(--serif);font-size:19px;font-weight:500;color:var(--navy)}
.step summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}
.step summary b{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.1em}
.step summary span{flex:1}
.step summary i,.faq summary i{font-style:normal;font-size:22px;color:var(--accent);font-weight:300;transition:.2s}
.step[open] summary i,.faq[open] summary i{transform:rotate(45deg)}
.step>div,.faq>div{padding:0 2px 20px;color:var(--muted)}
.faq summary{justify-content:space-between;font-size:20px}

/* statement band */
.stmt{padding:96px 0}

/* cards grid */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;color:var(--ink);transition:.2s}
.card:hover{box-shadow:0 18px 40px rgba(43,27,16,.1);transform:translateY(-3px)}
.card .card-b{padding:28px 28px 32px;flex:1;display:flex;flex-direction:column}
.card h3{margin-bottom:10px}
.card p{font-size:14.5px;color:var(--muted);flex:1}
.card .more{margin-top:16px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}

/* link rows */
.lrows{margin-top:26px;border-top:1px solid var(--line)}
.lrow{display:flex;justify-content:space-between;align-items:center;padding:20px 4px;border-bottom:1px solid var(--line);
  font-family:var(--serif);font-size:21px;color:var(--navy)}
.lrow i{font-style:normal;color:var(--accent);transition:.2s}
.lrow:hover{color:var(--accent)}
.lrow:hover i{transform:translateX(6px)}

/* doctor / team grid */
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 26px}
.docard{text-align:center}
.docard .ph{min-height:300px;aspect-ratio:3/4;margin-bottom:16px}
.docard .dn{font-family:var(--serif);font-size:18px;color:var(--navy);font-weight:600}
.docard .dt{font-size:12px;color:var(--muted);letter-spacing:.04em;margin-top:3px}
.team-note{text-align:center;color:var(--muted);max-width:680px;margin:0 auto 50px}

/* inner page hero */
.phero{background:var(--beige-soft);border-bottom:1px solid var(--line);padding:78px 0 66px}
.crumb{font-size:11px;color:var(--soft);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.crumb a{color:var(--soft)}
.crumb a:hover{color:var(--accent)}
.phero h1{font-size:clamp(32px,4vw,52px);font-weight:400}
.phero .lead{color:#4c4742;margin-top:18px;max-width:760px;font-size:18px}

/* treatment hero (sage card) */
.thero{background:var(--cream);padding:0}
.thero-in{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;min-height:62vh}
.thero-card{align-self:center;background:rgba(128,158,135,.93);color:#fff;padding:54px 52px;margin:60px 0;border-radius:2px}
.thero-card .crumb{color:rgba(255,255,255,.7)}
.thero-card .crumb a{color:rgba(255,255,255,.7)}
.thero-card h1{color:#fff;font-size:clamp(34px,3.8vw,52px);font-weight:400;margin-bottom:16px}
.thero-card p{color:rgba(255,255,255,.92);margin-bottom:26px}
.thero-card .btn{background:var(--navy);border-color:var(--navy)}
.thero-media{align-self:center}
.thero-media .ph{min-height:62vh}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.form label{display:block;font-weight:600;font-size:13px;letter-spacing:.06em;margin:18px 0 7px;color:var(--navy)}
.form input,.form select,.form textarea{width:100%;padding:13px 15px;border:1px solid var(--line);font:inherit;background:#fff;border-radius:2px}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--sage);border-color:var(--sage)}
.form .btn{margin-top:26px;border:0}
.info-rows p{padding:15px 0;border-bottom:1px solid var(--line);margin:0;font-size:15px}
.info-rows b{color:var(--accent-d);margin-right:12px;letter-spacing:.06em}
.contact-grid .ph{min-height:280px;margin-top:24px}

/* end CTA + footer */
.endcta{background:var(--beige);text-align:center;padding:104px 0}
.endcta h2{font-size:clamp(28px,3.2vw,46px);font-weight:400;margin:6px 0 32px}
.ft{background:var(--navy);color:#bda893;font-size:14px}
.ft a{color:#ecdcc9}
.ft a:hover{color:#fff}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding:78px 32px 48px}
.f-mark{width:58px;height:58px;object-fit:contain;margin-bottom:16px}
.f-name{font-family:var(--serif);font-size:22px;color:#fff;font-weight:600;letter-spacing:.1em;margin-bottom:4px}
.f-en{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9c8670;margin-bottom:16px}
.f-brand p{margin-bottom:8px;font-size:13.5px;line-height:1.7}
.f-hours{color:#7e8696;font-size:12.5px}
.f-col h4{color:#fff;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-family:var(--sans);font-weight:700;margin-bottom:16px}
.f-col ul{list-style:none}
.f-col li{margin-bottom:11px;font-size:13.5px}
.ft-legal{border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:22px 32px 30px;font-size:12px;color:#6f7686;letter-spacing:.03em}

/* placeholder block */
.ph{background:var(--sage-pale);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--soft);text-align:center;padding:20px}
.ph .ph-tag{font-size:10px;letter-spacing:.26em;text-transform:uppercase;opacity:.8}
.ph em{font-style:normal;font-family:var(--serif);font-size:18px;color:var(--navy)}
.hero .ph em,.hero .ph .ph-tag{display:none}

/* responsive */
@media(max-width:980px){
  .nav,.hd-tel{display:none}
  .burger{display:flex;margin-left:auto}
  .hd-in{min-height:66px}
  .mnav{display:block;max-height:0;overflow:hidden;transition:max-height .3s;background:#fff;border-top:1px solid var(--line)}
  .mnav.open{max-height:760px}
  .mnav ul{list-style:none;padding:8px 0}
  .mnav li>a{display:block;padding:13px 32px;color:var(--ink);font-size:15px;border-bottom:1px solid var(--line)}
  .mnav .sub{position:static;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;padding:0;background:var(--beige-soft)}
  .mnav .sub a{padding-left:48px;font-size:14px}
  .mnav .has-sub>a i{display:none}
  .mnav-cta a{background:var(--navy);color:#fff !important;text-align:center;margin:12px 32px;border-radius:999px;border:0}
  .hd-home{position:sticky;background:#fff;border-bottom:1px solid var(--line)}
  .hd-home .brand-txt strong,.hd-home .nav>ul>li>a,.hd-home .burger span{color:var(--navy)}
  .hd-home .burger span{background:var(--navy)}
  .section{padding:68px 0}
  .split,.process,.statrow,.contact-grid,.thero-in{grid-template-columns:1fr;gap:40px}
  .split.rev{direction:ltr}
  .thero-card{margin:40px 0}
  .thero-media .ph{min-height:300px}
  .grid3{grid-template-columns:1fr}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .ticklist{columns:1}
  .ft-grid{grid-template-columns:1fr 1fr}
  .hero-card{margin-bottom:48px;padding:36px 30px}
  .ft-legal{flex-direction:column}
}
@media(max-width:560px){
  .wrap{padding:0 22px}
  .team-grid{grid-template-columns:1fr 1fr;gap:22px 16px}
  .brand-txt small{display:none}
}

/* ============================================================
   Utah-accurate layout system  (measured from utahfertility.com)
   overrides the earlier contained-box rules
   ============================================================ */
/* photo placeholders read clearly as "photo goes here" */
.ph{background:var(--photo);color:#9a8e7b}
.ph .ph-tag{opacity:.85}
.ph em{color:#7a6f5c}

/* ---- full-bleed hero: photo edge-to-edge + overlay card ---- */
.hero{position:relative;min-height:750px;display:flex;align-items:center;overflow:hidden}
.hero-inner{min-height:600px}
.hero::after{content:none}
.hero-bg{position:absolute;inset:0}
.hero-bg .ph{height:100%;min-height:100%;background:linear-gradient(120deg,#ffe6cf,#ffcfa9)}
.hero-bg .ph .ph-tag{opacity:.5}
.hero-bg .ph em{color:#8a6a4f;opacity:.7}
.hero .wrap{position:relative;z-index:2;width:100%}
.hero-card{background:rgba(255,212,179,.96);max-width:600px;margin:0;padding:54px 56px;border-radius:2px;backdrop-filter:blur(1px)}
.hero-card.sm{max-width:560px;padding:48px 52px}
.hero-card .kicker{color:rgba(201,70,26,.88)}
.hero-card h1{color:var(--navy);font-size:clamp(34px,4.4vw,62px);font-weight:400;line-height:1.14;margin-bottom:18px}
.hero-card.sm h1{font-size:clamp(32px,3.4vw,50px)}
.hero-card h1 em{font-style:italic;color:var(--accent)}
.hero-card p{color:var(--ink);font-size:17px;margin-bottom:26px}
.hero-card .crumb.light{color:rgba(43,27,16,.58);margin-bottom:14px}
.hero-card .crumb.light a{color:rgba(43,27,16,.58)}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-card .btn-ghost{border-color:var(--navy);color:var(--navy) !important}
.hero-card .btn-ghost:hover{background:var(--navy);color:#fff !important}

/* ---- full-bleed 50/50 split: square image + colour panel ---- */
.fb{display:grid;grid-template-columns:1fr 1fr;min-height:600px}
.fb-img{min-height:600px;overflow:hidden}
.fb-img .ph{height:100%;min-height:600px}
.fb-panel{display:flex;align-items:center;justify-content:center;padding:84px 6.5%}
.fb-panel.sage{background:var(--sage)}
.fb-panel.beige{background:var(--beige)}
.fb-in{max-width:470px;width:100%}
.fb-panel h2{margin-bottom:18px}
.fb-panel p,.fb-panel li{color:var(--ink)}
.fb-panel .kicker{color:var(--accent-d)}
.fb-panel .ticklist{columns:1;margin-top:6px}
.fb-panel .ticklist li::before{color:var(--accent)}
.fb-panel .btn{margin-top:10px}

/* ---- sage / beige full-width bands now use DARK text (light sage) ---- */
.section.sage{background:var(--sage);color:var(--ink)}
.section.sage h2{color:var(--navy)}
.section.sage .kicker{color:var(--accent-d)}
.section.sage p,.section.sage li{color:var(--ink)}
.section.sage .btn{background:var(--accent-d);color:#fff !important;border-color:var(--accent-d)}
.section.sage .btn:hover{background:#a8380f;border-color:#a8380f}

/* ---- process: ⅔ accordion + ⅓ tall portrait image ---- */
.proc-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:start}
.proc-img .ph{min-height:560px;height:100%}

/* ---- doctor / team portrait grid (aspect 0.7) ---- */
.docrow{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.docrow.one{grid-template-columns:repeat(4,1fr);max-width:1000px;margin:0 auto}
.docard{text-align:center}
.docard .ph{aspect-ratio:223/318;min-height:0 !important;margin-bottom:16px}
.docard .dn{font-family:var(--serif);font-size:18px;color:var(--navy);font-weight:600}
.docard .dt{font-size:12px;color:var(--muted);letter-spacing:.04em;margin-top:3px}

/* ---- service text-links row (no images) ---- */
.srv-links{display:flex;flex-wrap:wrap;justify-content:center;margin:34px 0 38px}
.srv-links a{font-family:var(--serif);font-size:clamp(18px,2vw,23px);color:var(--navy);padding:8px 30px;border-right:1px solid var(--line);line-height:1.3}
.srv-links a:last-child{border-right:0}
.srv-links a:hover{color:var(--accent)}

/* ---- two text columns (heading | labelled list), no image ---- */
.textcols{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
.tc-item{padding:22px 0;border-top:1px solid var(--line)}
.tc-item:first-child{border-top:0;padding-top:0}
.tc-item h4{font-size:20px;margin-bottom:8px;color:var(--navy)}
.tc-item p{color:var(--muted);margin:0}

/* ---- location + map row ---- */
.locmap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.lm-map .ph{min-height:380px}
.lm-info p{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;margin:0}
.lm-info b{color:var(--accent-d);margin-right:12px}

/* end-CTA dual buttons */
.endcta-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.endcta .btn-ghost{border-color:var(--navy);color:var(--navy)}
.endcta .btn-ghost:hover{background:var(--navy);color:#fff !important}

/* schedule table */
.sched{width:100%;border-collapse:collapse;font-size:14.5px}
.sched th,.sched td{border:1px solid var(--line);padding:14px 10px;text-align:center}
.sched thead th{background:var(--sage);color:var(--navy);font-family:var(--sans);font-weight:700;letter-spacing:.08em}
.sched tbody th{background:var(--beige-soft);text-align:left;font-family:var(--serif);color:var(--navy);font-weight:600;min-width:120px}
.sched tbody th small{display:block;font-family:var(--sans);font-weight:400;color:var(--muted);font-size:12px}
.sched td{color:var(--navy)}

/* Q&A groups */
.qa-group{margin-bottom:50px}
.qa-group h2{font-size:25px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--sage)}

@media(max-width:900px){
  .fb{grid-template-columns:1fr}
  .fb-img,.fb-img .ph{min-height:320px}
  .fb-panel{padding:50px 28px}
  .proc-grid,.textcols,.locmap{grid-template-columns:1fr;gap:36px}
  .proc-img .ph{min-height:300px}
  .docrow,.docrow.one{grid-template-columns:repeat(2,1fr)}
  .hero,.hero-inner{min-height:520px}
  .hero-card,.hero-card.sm{max-width:none;margin:0;padding:38px 30px}
}
@media(max-width:560px){
  .docrow,.docrow.one{grid-template-columns:1fr 1fr}
  .srv-links a{border-right:0;padding:6px 14px}
}
