/* ==========================================================================
   Burnett Clinical Group | Design layer
   Loaded after each page's inline styles.
   Original brand palette (wine, plum, ivory, blush, rose) on square, flat
   geometry: no gradients, no shadows, no rounded corners.
   Type: Source Serif 4 (headlines), Source Sans 3 (body and interface),
   both self-hosted from /fonts under the SIL Open Font License.
   ========================================================================== */

/* ---------- Fonts ---------- */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/source-serif-4-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/source-serif-4-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:500;font-display:swap;src:url('/fonts/source-serif-4-latin-500-italic.woff2') format('woff2');}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:600;font-display:swap;src:url('/fonts/source-serif-4-latin-500-italic.woff2') format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/source-sans-3-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/source-sans-3-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/source-sans-3-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/source-sans-3-latin-600-normal.woff2') format('woff2');}

/* ---------- Tokens: Original wine, plum and blush palette, flat, light only ---------- */
html:root:root:root{
  --ivory:#f5f3ee;
  --white:#ffffff;
  --blush:#e3e8e4;
  --rose:#c9b07a;
  --champagne:#4d685c;
  --wine:#4d685c;
  --wine-deep:#2e3338;
  --plum:#2e3338;
  --body:#2e3338;
  --muted:#5f6663;
  --line:rgba(46,51,56,.18);
  --nav-bg:#ffffff;
  --btn:#2e3338; --btn-hover:#1c2024; --btn-ink:#ffffff;
  --shadow:none;
  --ink:#2e3338;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'Source Sans 3','Helvetica Neue',Arial,sans-serif;
  color-scheme:light;
}

/* ---------- Geometry: square, flat ---------- */
*:not(input[type=radio]):not(input[type=checkbox]){border-radius:0 !important;}
*{box-shadow:none !important; text-shadow:none !important;}
nav,.sticky-cta{backdrop-filter:none !important; -webkit-backdrop-filter:none !important;}
.hero-bg,.final .bg{display:none !important;}

/* ---------- Base type ---------- */
body{
  background:var(--ivory) !important; color:var(--body);
  font-family:var(--sans) !important; font-size:18px; line-height:1.7; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
h1,h2,h3,summary,.qt,.plan .name,.diff-item b,.wordmark span,.foot-top span,
.panel .title,.facts .price,.details .price,.callout,.quote blockquote,.step .num,
.card p[style*="font-size:32px"],.read-link{font-family:var(--serif) !important;}
h1,h2,h3{color:var(--plum); font-weight:400; letter-spacing:-0.012em; line-height:1.14; text-wrap:balance;}
h1 em,h2 em{font-style:italic; font-weight:400; color:var(--wine-deep);}
em{font-style:italic;}
p{max-width:64ch;}
a{text-underline-offset:3px;}

h2{font-size:clamp(30px,3.4vw,44px) !important; margin-bottom:20px; max-width:22ch;}
h3{font-size:23px !important; font-weight:500;}
.hero h1{font-size:clamp(42px,5.2vw,68px) !important; line-height:1.06; max-width:16ch; font-weight:400;}
.final h2{font-size:clamp(32px,3.8vw,50px) !important;}
.thanks h1{font-size:clamp(36px,4.4vw,56px) !important;}
.hero .sub{font-family:var(--serif) !important; font-style:italic !important; font-weight:400; font-size:clamp(21px,2vw,26px) !important; line-height:1.4; color:var(--plum); max-width:38ch;}
.hero .lede,.hero p.lede{font-size:18.5px !important; line-height:1.7;}
.prose p{font-size:18px !important; line-height:1.75;}

/* Eyebrows: quiet and legible */
.eyebrow,.panel .tag,.qform .tag,.card .tag,.foot-label,.tag{
  font-family:var(--sans) !important; font-size:13px !important; letter-spacing:.1em !important;
  text-transform:uppercase; font-weight:600 !important; color:var(--wine-deep) !important;
}
.rule{width:36px !important; height:2px !important; background:var(--rose) !important; margin-bottom:22px;}
.area .rule{width:28px !important;}

/* ---------- Navigation ---------- */
nav{background:var(--ivory) !important; border-bottom:1px solid var(--line) !important;}
.nav-inner,nav .wrap{padding-top:14px; padding-bottom:14px;}
.wordmark{color:var(--plum) !important;}
.wordmark span{font-size:23px !important; font-weight:500; color:var(--plum) !important;}
.wordmark span i,.wordmark i{font-style:italic !important; color:var(--wine) !important;}
.nav-links a,.nav-right{font-family:var(--sans) !important; font-size:15px !important; font-weight:500 !important; letter-spacing:0 !important; color:var(--plum);}
.nav-right{text-transform:none !important; color:var(--muted);}
.nav-links a:hover{color:var(--wine-deep) !important;}
.nav-links a.btn{color:#fff !important;}
.menu-toggle{color:var(--plum) !important;}
@media (max-width:1100px){ .nav-links{background:var(--ivory) !important;} }

/* ---------- Buttons ---------- */
.btn,button.btn,a.btn,.btn-wine,.btn-champ{
  font-family:var(--sans) !important; font-size:15.5px !important; font-weight:600 !important;
  letter-spacing:.01em !important; text-transform:none;
  padding:15px 28px !important; background:var(--wine-deep) !important; color:#fff !important;
  border:1px solid var(--wine-deep) !important; transition:background .18s, color .18s, border-color .18s !important;
  transform:none !important;
}
.btn:hover,.btn-wine:hover,.btn-champ:hover{background:var(--plum) !important; border-color:var(--plum) !important; color:#fff !important; transform:none !important;}
.btn-sm{padding:10px 20px !important; font-size:14.5px !important;}
.btn-ghost,.btn-soft{background:transparent !important; color:var(--wine-deep) !important; border:1px solid var(--wine-deep) !important;}
.btn-ghost:hover,.btn-soft:hover{background:var(--wine-deep) !important; color:#fff !important; border-color:var(--wine-deep) !important;}
.clin-links .btn-soft{background:var(--white) !important;}
.clin-links .btn-soft:hover{background:var(--wine-deep) !important;}
:focus-visible{outline:2px solid var(--wine-deep) !important; outline-offset:3px;}

/* ---------- Hero: ivory with a flat blush field behind the image ---------- */
.hero,header.hero{position:relative; padding:88px 0 96px !important; background:var(--ivory); border-bottom:1px solid var(--line); overflow:hidden;}
.hero::before{content:""; position:absolute; top:0; right:0; bottom:0; width:36%; background:var(--blush); z-index:0;}
.hero-inner,.hero .wrap{position:relative; z-index:1;}
.hero-inner{padding-top:0 !important; padding-bottom:0 !important;}
.hero-portrait,.portrait,.portrait img{border-radius:0 !important; box-shadow:none !important;}
.trust{font-size:14px !important; letter-spacing:.02em !important; color:var(--muted) !important; font-weight:500 !important; text-transform:none !important;}
.trust b{color:var(--plum) !important; font-weight:600 !important;}
.trust .dot{width:1px !important; height:14px !important; background:var(--line) !important;}
@media (max-width:900px){ .hero::before{display:none;} }

/* Fact panel */
.panel{background:var(--white) !important; border:1px solid var(--line) !important; border-top:3px solid var(--wine-deep) !important; padding:32px !important;}
.panel .title{font-size:24px !important; font-weight:500; color:var(--plum); line-height:1.25;}
.facts{border-top:1px solid var(--line) !important; border-bottom:1px solid var(--line) !important;}
.facts dt,.details dt{color:var(--muted); font-weight:500; font-size:15px;}
.facts .price,.details .price{font-weight:500 !important; color:var(--wine-deep);}

/* ---------- Sections ---------- */
section{padding:96px 0 !important;}
@media (max-width:640px){ section{padding:64px 0 !important;} }
.band,.clin-strip,.letter{background:var(--blush) !important;}
.quote{background:var(--blush) !important; padding:84px 0 !important; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.quote blockquote{font-style:italic !important; font-weight:400; color:var(--wine-deep) !important; font-size:clamp(26px,3vw,38px) !important; line-height:1.35; max-width:30ch;}
.strip{background:var(--white) !important; border-color:var(--line) !important;}
.strip .wrap,.strip a{color:var(--muted) !important; font-size:13.5px !important; letter-spacing:.06em !important; font-weight:600 !important;}
.strip a b{color:var(--wine-deep) !important;}
.strip a::after{color:var(--wine-deep) !important;}
.notice{background:var(--plum) !important; color:var(--blush) !important; font-size:15px; letter-spacing:0;}
.notice .tag{color:var(--rose) !important;}
.notice a{color:#fff !important; border-bottom:1px solid var(--rose) !important;}
.notice a:hover{color:var(--rose) !important;}

/* Lists, cards, steps: hairline rules rather than boxes */
.fit-list li{background:transparent !important; border:0 !important; border-top:1px solid var(--line) !important; padding:18px 0 !important; margin:0 !important; font-size:17.5px; color:var(--body) !important;}
.fit-list li:last-child{border-bottom:1px solid var(--line) !important;}
.fit-list li b{color:var(--plum) !important; font-weight:600;}
.fit-list li a{color:var(--wine-deep) !important; text-decoration:underline !important;}

.cards,.steps{gap:0 !important; border-top:2px solid var(--wine-deep); margin-top:44px !important;}
.card,.step{background:transparent !important; border:0 !important; border-right:1px solid var(--line) !important; padding:34px 34px 38px !important;}
.card:first-child,.step:first-child{padding-left:0 !important;}
.card:last-child,.step:last-child{border-right:0 !important; padding-right:0 !important;}
.card[style]{border:0 !important; border-right:1px solid var(--line) !important;}
.card[style]:last-child{border-right:0 !important;}
.card h3{font-size:26px !important;}
.card p,.step p{font-size:17px !important;}
.card p[style*="font-size:32px"]{color:var(--wine-deep) !important; font-size:34px !important; font-weight:400 !important;}
.card p[style*="font-size:32px"] span{font-family:var(--sans) !important; color:var(--muted) !important; font-size:15px !important;}
.card p[style*="A87863"]{color:var(--muted) !important;}
.card a.more,.about-more,.about-links a{color:var(--wine-deep) !important; font-weight:600 !important; font-size:16px !important; text-decoration:none; border-bottom:1px solid var(--rose); padding-bottom:1px;}
.card a.more:hover,.about-more:hover,.about-links a:hover{color:var(--plum) !important; border-color:var(--plum);}
@media (max-width:900px){
  .cards,.steps{border-top:0;}
  .card,.step{border-right:0 !important; border-top:2px solid var(--wine-deep) !important; padding:28px 0 !important;}
}
.step .num{background:none !important; color:var(--wine) !important; width:auto !important; height:auto !important; display:block !important; font-size:38px !important; font-weight:400 !important; font-style:italic; margin-bottom:8px;}
.step h3{margin-top:4px !important;}

.diff-item{border-top:1px solid var(--wine-deep) !important;}
.diff-item b{font-size:23px !important; font-weight:500 !important;}
.diff-item span{font-size:17px !important;}
.insurance{background:transparent !important; border:0 !important; border-top:2px solid var(--wine-deep) !important; border-bottom:1px solid var(--line) !important; padding:22px 0 !important; font-size:17px !important;}
.insurance strong{color:var(--wine-deep) !important;}
.creds span{border:1px solid var(--wine-deep) !important; background:transparent !important; color:var(--wine-deep) !important; font-size:14px !important; letter-spacing:0; font-weight:600 !important;}

.areas{border-top:2px solid var(--wine-deep) !important;}
.area h3{font-size:26px !important;}
.plan-panel{background:var(--white) !important; border:1px solid var(--line) !important; border-top:3px solid var(--wine-deep) !important; padding:8px 32px !important;}
.plan .name{font-size:21px !important; font-weight:500 !important; line-height:1.3;}
.plan-simple .name{font-size:21px !important;}
.plan-note,.quiet{color:var(--muted) !important;}
.cred{color:var(--muted) !important; letter-spacing:.04em !important; font-size:14px !important; font-weight:600 !important;}

.details{border-top:2px solid var(--wine-deep) !important;}
.details .row{font-size:17px;}
.details dd{color:var(--plum);}
.details .detail{padding-top:22px;}

/* ---------- FAQ ---------- */
.faq{border-top:2px solid var(--wine-deep) !important;}
details{border-bottom:1px solid var(--line) !important;}
details.faq{background:transparent !important; border:0 !important; border-bottom:1px solid var(--line) !important; padding:2px 0 !important; margin:0 !important;}
details.faq:first-of-type{border-top:2px solid var(--wine-deep) !important;}
summary,details.faq summary{font-size:22px !important; font-weight:500 !important; line-height:1.35; color:var(--plum) !important;}
summary::after,details.faq summary::after{font-family:var(--sans) !important; color:var(--wine-deep) !important; font-weight:400;}
details.faq[open] summary::after{transform:none; content:"–";}

/* ---------- Forms ---------- */
input[type=text],input[type=email],input[type=tel],select,textarea,
.qform input[type=text],.qform input[type=email],.qform textarea,
.sform input,.sform select,.sform textarea{
  background:var(--white) !important; color:var(--plum) !important; border:1px solid #a9b8af !important;
  font-family:var(--sans) !important; font-size:16.5px !important; padding:13px 14px !important;
}
input:focus,textarea:focus,select:focus{outline:2px solid var(--wine-deep) !important; outline-offset:0 !important; border-color:var(--wine-deep) !important;}
.qform label,.row2 label{color:var(--plum) !important; font-size:15px; font-weight:600;}
.opts label{border:1px solid #a9b8af !important; background:var(--white) !important; color:var(--plum) !important; font-size:16px;}
.opts input{accent-color:var(--wine-deep);}
.q{border-bottom:1px solid var(--line) !important;}
.q .qt{font-size:23px !important; font-weight:500 !important; line-height:1.3;}
.letter input[type=email]{border:1px solid #a9b8af !important;}

/* ---------- Closing bands: flat wine, no gradient ---------- */
.contact,.cta{
  background:var(--wine-deep) !important; color:#ebefec !important; padding:88px 32px !important;
  max-width:none !important; margin:0 !important; border:0 !important;
}
.contact h2,.cta h2{color:#fff !important; font-weight:400 !important;}
.contact h2 em{color:#fff !important; font-style:italic;}
.contact .eyebrow{color:var(--rose) !important;}
.contact .rule{background:var(--rose) !important; margin-left:auto; margin-right:auto;}
.contact-note,.cta p{color:#ebefec !important;}
.contact p[style],.contact a[style*="color"]{color:#c9b07a !important;}
.contact .btn,.contact .btn-champ,.cta .btn{background:#fff !important; color:var(--wine-deep) !important; border-color:#fff !important;}
.contact .btn:hover,.contact .btn-champ:hover,.cta .btn:hover{background:var(--blush) !important; color:var(--plum) !important; border-color:var(--blush) !important;}
.contact .mail,.cta a:not(.btn){color:#fff !important; text-decoration:underline;}
.cform label{color:#fff !important; font-size:13.5px !important; letter-spacing:.06em !important; font-weight:600 !important;}
.cform input,.cform select,.cform textarea{background:rgba(255,255,255,.08) !important; color:#fff !important; border:1px solid rgba(255,255,255,.5) !important;}
.cform input::placeholder,.cform textarea::placeholder{color:#c9b07a !important;}
.cform select{background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%) !important;}
.cform select option{color:var(--plum);}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:2px solid #fff !important; border-color:#fff !important;}
.cform a{color:#fff !important;}
.cform .btn{width:100%;}

/* ---------- Inner-page closing CTA ---------- */
.final{background:var(--blush); border-top:1px solid var(--line);}

/* ---------- Footer ---------- */
footer{background:var(--ivory); border-top:1px solid var(--line) !important; color:var(--muted) !important;}
footer a{color:var(--wine-deep) !important;}
footer strong,.disclaimer strong{color:var(--plum) !important;}
.foot-grid a{border-bottom:1px solid var(--line) !important; color:var(--plum) !important;}
.foot-grid a:hover,footer .foot-links a:hover{border-bottom-color:var(--wine-deep) !important;}
.foot-label{color:var(--wine-deep) !important;}
.foot-top span{font-size:21px !important; font-weight:500;}
.disclaimer{font-size:15px !important;}

.sticky-cta{background:var(--ivory) !important; border-top:1px solid var(--line) !important;}
.past-note{background:var(--blush) !important; border:1px solid var(--line) !important;}

/* ---------- Letter page ---------- */
.byline{color:var(--muted) !important;}
.callout{border-left:3px solid var(--wine) !important; font-style:italic !important; font-size:26px !important; line-height:1.4; color:var(--plum) !important;}
.foot a{color:var(--wine-deep) !important;}
.sig b{color:var(--plum) !important;}

/* ---------- Guide confirmation page ---------- */
body.page-guide{background:var(--wine-deep) !important; display:flex; min-height:100vh; align-items:center; justify-content:center; text-align:center; padding:40px 24px !important;}
body.page-guide .panel{max-width:620px; background:transparent !important; border:0 !important; padding:0 !important;}
body.page-guide .rule{background:var(--rose) !important; margin:0 auto 24px !important;}
body.page-guide p.eyebrow{color:var(--rose) !important;}
body.page-guide h1{color:#fff !important; font-size:clamp(34px,4.6vw,52px) !important;}
body.page-guide h1 em{color:var(--rose) !important;}
body.page-guide p.body{color:#ebefec !important; font-size:18px;}
body.page-guide a.btn{background:#fff !important; color:var(--wine-deep) !important; border-color:#fff !important;}
body.page-guide a.btn:hover{background:var(--blush) !important; color:var(--plum) !important;}
body.page-guide .next{background:transparent !important; border:1px solid rgba(255,255,255,.45) !important; border-top:2px solid var(--rose) !important; margin-top:44px; text-align:left;}
body.page-guide .next .tag{color:var(--rose) !important;}
body.page-guide .next h2{color:#fff !important; font-size:28px !important; font-weight:500 !important;}
body.page-guide .next p{color:#ebefec !important;}
body.page-guide .next a.btn{background:transparent !important; color:#fff !important; border:1px solid #fff !important;}
body.page-guide .next a.btn:hover{background:#fff !important; color:var(--wine-deep) !important;}
body.page-guide p.small{color:#c9b07a !important;}
body.page-guide p.small a{color:#fff !important;}

/* ---------- Grid robustness ---------- */
.about-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important;}
.hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;}
.about-grid>*,.hero-inner>*,.about>*,.two>*,.grid-2>*{min-width:0;}
.portrait,.hero-portrait{max-width:100%; height:auto;}
.portrait{aspect-ratio:4/5; object-fit:cover; width:100%;}
@media (max-width:1100px){ .about-grid{grid-template-columns:1fr !important;} }
@media (max-width:940px){ .hero-inner{grid-template-columns:1fr !important;} }
body.page-guide .panel>p{margin-left:auto; margin-right:auto;}
body.page-guide .next p{margin-left:0; margin-right:0;}

/* Nav fit at laptop widths */
@media (min-width:1101px) and (max-width:1360px){
  .nav-links{gap:18px !important;}
  .nav-links a,.nav-right{font-size:14px !important;}
  .nav-links a.btn{padding-left:18px !important; padding-right:18px !important;}
  nav .logo,.nav-inner .brand{font-size:20px !important;}
}

/* Select field in closing band */
.cform select{background-color:rgba(255,255,255,.08) !important; background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%) !important; background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52% !important; background-size:6px 6px,6px 6px !important; background-repeat:no-repeat !important; appearance:none; -webkit-appearance:none; color:#fff !important;}
.cform select option{color:#2e3338; background:#fff;}

/* Montserrat is wide: tighten headline scale and keep emphasis upright */
h1,h2,h3{font-weight:500 !important; letter-spacing:-0.005em !important;}
h1{font-size:clamp(42px,5.2vw,66px) !important; line-height:1.05 !important;}
h1 em,h2 em,h3 em{font-style:italic !important;}

/* ===== Organization layer: numbered sections, alternating bands, boxed grids ===== */
body{counter-reset:sec;}
section{padding:80px 0 !important;}
@media (max-width:640px){ section{padding:56px 0 !important;} }

/* Alternating backgrounds make each section a distinct, scannable block */
#fit,#fertility,#fees{background:var(--ivory) !important;}
#services,#begin,#about,#faq{background:var(--white) !important;}
#difference,#supervision{background:var(--blush) !important;}
section#fit,section#services,section#difference,section#begin,section#fertility,section#about,section#fees,section#supervision,section#faq{border-top:1px solid var(--line);}

/* Section header bar: heavy top rule, section number, label */
.rule{display:none !important;}
.rule + .eyebrow{display:flex !important; align-items:baseline; gap:18px; border-top:3px solid var(--plum); padding-top:16px; margin:0 0 30px !important; color:var(--wine-deep) !important;}
#fit .rule + .eyebrow::before,#services .rule + .eyebrow::before,#difference .rule + .eyebrow::before,#begin .rule + .eyebrow::before,#fertility .rule + .eyebrow::before,#about .rule + .eyebrow::before,#fees .rule + .eyebrow::before,#supervision .rule + .eyebrow::before,#faq .rule + .eyebrow::before{
  counter-increment:sec; content:"0" counter(sec); color:var(--muted); font-weight:700; letter-spacing:.08em;
}
section h2{font-size:clamp(36px,3.8vw,50px) !important; line-height:1.1 !important; max-width:24ch !important; margin-bottom:28px !important;}

/* Boxed grids: every card, step and area sits in a bordered, even frame */
.cards,.steps,.areas{border:1px solid var(--line) !important; border-top:3px solid var(--wine-deep) !important; background:var(--white); margin-top:36px !important;}
#services .cards,#begin .steps{background:var(--ivory);}
.card,.step{padding:32px !important;}
.card:first-child,.step:first-child{padding-left:32px !important;}
.card:last-child,.step:last-child{padding-right:32px !important;}
.area{padding:28px 32px;}
.step .num{font-style:normal !important; font-weight:600 !important; font-size:15px !important; letter-spacing:.1em; color:var(--wine-deep) !important; border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:16px !important;}
.card .tag{display:block; margin-bottom:10px;}
.card a.more{display:inline-block; margin-top:8px;}
.plan-panel{margin-top:8px;}
@media (max-width:900px){ .card,.step{border-top:0 !important; border-bottom:1px solid var(--line) !important;} .card:last-child,.step:last-child{border-bottom:0 !important;} }

/* Consistent two-column rhythm for text + list sections */
.wrap{max-width:1180px;}
.quote{border-top:1px solid var(--line) !important;}
.rule + .eyebrow{max-width:none !important; width:100% !important;}
.strip .wrap{display:flex !important; flex-wrap:wrap; justify-content:space-between; gap:8px 28px !important;}
.strip .wrap > *{font-size:12.5px !important; letter-spacing:.05em !important; white-space:nowrap;}
@media (max-width:900px){ .strip .wrap > *{white-space:normal;} }
.card{display:flex !important; flex-direction:column;}
.card a.more,.card > a:last-child{margin-top:auto !important; align-self:flex-start; padding-top:14px;}
.strip .wrap{display:grid !important; grid-template-columns:repeat(4,auto); justify-content:space-between;}
@media (max-width:900px){ .strip .wrap{grid-template-columns:1fr 1fr;} }
.strip .wrap{grid-template-columns:1fr 1fr !important; gap:10px 40px !important; justify-content:start !important;}
.strip .wrap > *{white-space:normal !important;}

/* Source Sans 3 runs slightly small: body set a touch larger */
body{font-size:18.5px;}
.card h3,.area h3,.step h3{font-size:25px !important; font-weight:600 !important;}
.eyebrow{font-weight:700 !important;}
#fees .cards{grid-template-columns:minmax(0,1fr) !important;}
#fees .card{max-width:none;}
.contact .rule,.cta .rule{display:none !important;}
.contact .rule + .eyebrow,.cta .rule + .eyebrow{border-top:0 !important; padding-top:0 !important; justify-content:center; margin-bottom:18px !important;}
.contact .rule + .eyebrow::before{content:none !important;}

/* Letter page closing panel */
.cta{text-align:center; padding:56px 40px !important;}
.cta h2,.cta p{max-width:none !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important;}
.cta .btn{display:inline-block;}

/* Wordmark echoes the logo lockup: Clinical set in italic pink */
.wordmark span{font-size:25px !important; font-weight:500 !important; letter-spacing:0 !important;}
.wordmark span i{font-style:italic !important; color:var(--wine) !important;}

/* Portrait: keep the face in frame when cropped */
.hero-portrait,.portrait,.portrait img{object-fit:cover; object-position:50% 18%;}

/* About section without a second photograph: single readable column */
#about .about-grid{grid-template-columns:minmax(0,1fr) !important;}
#about .about-grid p:not(.eyebrow){max-width:70ch;}

/* Section rhythm after removing "How care works here" */
#begin{background:var(--ivory) !important;}
#fertility{background:var(--white) !important;}
#about{background:var(--ivory) !important;}
#fees{background:var(--white) !important;}
#services .cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
#services .card:nth-child(2){border-right:0 !important;}
@media (max-width:900px){ #services .cards{grid-template-columns:1fr !important;} }

/* Clinician strip buttons: visible in every state */
.clin-links .btn,.clin-links a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.clin-links .btn-wine{background:var(--wine-deep) !important;color:#fff !important;border:1px solid var(--wine-deep) !important}
.clin-links .btn-soft{background:var(--white) !important;color:var(--wine-deep) !important;border:1px solid var(--wine-deep) !important}
.clin-links .btn-wine:hover,.clin-links .btn-wine:focus,.clin-links .btn-wine:active{background:var(--plum) !important;border-color:var(--plum) !important;color:#fff !important}
.clin-links .btn-soft:hover,.clin-links .btn-soft:focus,.clin-links .btn-soft:active{background:var(--wine-deep) !important;color:#fff !important;border-color:var(--wine-deep) !important}
.clin-links .btn:visited{color:inherit}
.clin-links .btn-soft:visited{color:var(--wine-deep) !important}
.clin-links .btn-wine:visited{color:#fff !important}

/* Secondary buttons on the closing pages */
body.page-guide a.btn.ghost{background:transparent !important;color:#fff !important;border:1px solid #fff !important;margin-left:10px}
body.page-guide a.btn.ghost:hover{background:#fff !important;color:var(--wine-deep) !important}
@media (max-width:520px){body.page-guide a.btn.ghost{margin-left:0;margin-top:12px}}
body.page-guide .panel .rule{background:var(--rose) !important;height:2px !important;border:0 !important;width:52px !important}

/* About page fact grid alignment */
.bio ul.facts{margin:26px 0 0 0 !important}

/* Mobile fit: keep the header and the credential strip inside the viewport */
@media (max-width:640px){
  .top .topnav{gap:10px}
  .top .topnav .btn{padding:9px 12px !important;font-size:12px !important;white-space:nowrap}
  .top .wordmark{gap:8px}
  .top .wordmark span{font-size:16px !important}
  .strip .wrap{grid-template-columns:1fr 1fr !important;gap:10px 16px !important;justify-content:stretch !important}
  .strip .wrap > *{white-space:normal !important}
}
@media (max-width:640px){
  nav .wordmark{gap:10px !important;margin-right:8px !important;font-size:16px !important}
  nav .wordmark img{height:30px !important;width:auto !important}
  nav .wordmark span{font-size:17px !important}
  .menu-toggle{padding:4px 6px !important;flex:0 0 auto}
}

/* Supervision page: flat panels, no gradients */
.tier.feature{background:var(--wine-deep) !important;background-image:none !important}
.tier.feature .who{color:var(--rose) !important}
.loss{background:var(--blush) !important;background-image:none !important}

/* =====================================================================
   Open layout (v21): fewer lines and boxes, easier to scan.
   Typefaces: Source Serif 4 (headlines) and Source Sans 3 (body, interface).
   Separation now comes from spacing and two flat background tints only.
   ===================================================================== */
body{font-size:17px; line-height:1.72;}
h1,h2,h3{font-weight:500 !important; letter-spacing:0 !important;}
h1{font-size:clamp(36px,4.4vw,56px) !important; line-height:1.14 !important;}
.hero h1{font-size:clamp(36px,4.4vw,56px) !important; max-width:17ch;}
section h2{font-size:clamp(28px,3.1vw,40px) !important; line-height:1.2 !important; margin-bottom:22px !important;}
.card h3,.area h3,.step h3{font-size:22px !important; font-weight:600 !important;}
.card p,.step p,.fit-list li,.prose p{font-size:17px !important;}
.nav-links a,.nav-right{font-size:14.5px !important; font-weight:500 !important;}
.wordmark span{font-size:21px !important;}
.eyebrow,.panel .tag,.qform .tag,.card .tag,.foot-label,.tag{font-size:12.5px !important; letter-spacing:.09em !important;}

/* Remove the coloured block behind the portrait; photo sits on plain ivory */
.hero::before{display:none !important;}
.hero,header.hero{border-bottom:0 !important;}
.hero-portrait,.portrait,.portrait img{background:none !important; filter:none !important;}
.hero-portrait::after,.portrait::after,.portrait::before{display:none !important;}

/* Lines: removed everywhere except form fields and a faint FAQ divider */
nav{border-bottom:0 !important;}
section,section#fit,section#services,section#difference,section#begin,section#fertility,section#about,section#fees,section#supervision,section#faq{border-top:0 !important;}
.rule + .eyebrow{border-top:0 !important; padding-top:0 !important; margin:0 0 14px !important; gap:0 !important;}
#fit .rule + .eyebrow::before,#services .rule + .eyebrow::before,#difference .rule + .eyebrow::before,#begin .rule + .eyebrow::before,#fertility .rule + .eyebrow::before,#about .rule + .eyebrow::before,#fees .rule + .eyebrow::before,#supervision .rule + .eyebrow::before,#faq .rule + .eyebrow::before{content:none !important;}
.strip{background:transparent !important; border:0 !important;}
.quote{border:0 !important;}
.final,.past-note,.sticky-cta{border:0 !important;}
footer{border-top:0 !important; background:var(--blush) !important;}
.foot-grid a,footer .foot-links a{border-bottom:0 !important; text-decoration:none;}
.foot-grid a:hover,footer .foot-links a:hover{text-decoration:underline;}

/* Open columns instead of boxed grids */
.cards,.steps,.areas{border:0 !important; background:transparent !important; gap:52px !important; margin-top:30px !important;}
.card,.step,.area,.card[style],.card:first-child,.step:first-child,.card:last-child,.step:last-child{border:0 !important; background:transparent !important; padding:0 !important;}
.step .num{border:0 !important; padding:0 !important; font-family:var(--serif) !important; font-style:italic !important; font-weight:500 !important; font-size:34px !important; letter-spacing:0 !important; color:var(--wine-deep) !important; margin-bottom:6px !important;}
@media (max-width:900px){ .cards,.steps,.areas{gap:36px !important;} .card,.step{border:0 !important;} }

/* Lists and facts: spacing, not rules */
.fit-list li,.fit-list li:last-child{border:0 !important; padding:11px 0 !important;}
.diff-item{border:0 !important;}
.facts,.details,.details .row,.facts .row,.facts>*,.details>*{border:0 !important;}
.panel,.plan-panel{border:0 !important; background:var(--white) !important;}
.insurance{border:0 !important; background:var(--blush) !important; padding:22px 26px !important;}
.creds span{border:0 !important; background:var(--blush) !important; color:var(--plum) !important; padding:6px 12px !important;}
.trust .dot{width:4px !important; height:4px !important; background:var(--rose) !important;}
.q{border:0 !important;}
.disclaimer{border:0 !important; background:var(--blush) !important;}

/* FAQ: one faint divider between questions only */
.faq,details,details.faq,details.faq:first-of-type{border:0 !important;}
details,details.faq{border-bottom:1px solid rgba(46,51,56,.10) !important;}
summary,details.faq summary{font-size:20px !important;}

/* Supervision page */
.tier{border:0 !important; background:var(--blush) !important;}
.tier.feature{background:var(--wine-deep) !important;}
.path{border:0 !important; background:var(--ivory) !important;}
.moment,.moment:last-child{border:0 !important;}
.facts li{background:transparent !important; border:0 !important; padding:0 !important;}
.facts{gap:20px 28px !important;}
.creds{display:flex; flex-wrap:wrap; gap:4px 0;}
.creds span{background:transparent !important; padding:0 !important; font-weight:500 !important; color:var(--body) !important;}
.creds span:not(:last-child)::after{content:"\00b7"; margin:0 12px; color:var(--wine-deep);}
@media (max-width:640px){
  .strip .wrap{grid-template-columns:1fr !important;}
  .strip .wrap > *,.strip a{white-space:normal !important; min-width:0;}
}
.nav-links a{white-space:nowrap;}

/* Centered sections and closing band, all pages */
.cta-bg{display:none !important;}
.cta h2 em{color:#fff !important;}
[style*="text-align:center"] .eyebrow{justify-content:center;}
[style*="text-align:center"] h2,[style*="text-align:center"] p{margin-left:auto !important; margin-right:auto !important; text-align:center;}

/* =====================================================================
   Compact layout (v23): tighter vertical rhythm, content grouped in
   soft tinted panels so the page reads as structured blocks.
   To return to square corners, set --panel-radius to 0.
   ===================================================================== */
html:root{--panel-radius:10px;}

/* Section rhythm */
section,body>section{padding:48px 0 !important;}
.hero,header.hero{padding:52px 0 56px !important;}
.quote{padding:44px 0 !important;}
.contact,.cta{padding:52px 24px !important;}
.final{padding:44px 0 !important;}
footer{padding:34px 0 38px !important;}
@media (max-width:640px){ section,body>section{padding:36px 0 !important;} .hero,header.hero{padding:36px 0 40px !important;} .contact,.cta{padding:40px 20px !important;} }

/* Headings and copy */
section h2,h2{margin-bottom:12px !important; max-width:30ch !important;}
.eyebrow,.rule + .eyebrow{margin-bottom:8px !important;}
.hero h1{margin-bottom:16px !important;}
.lead{margin-bottom:0;}
p+p{margin-top:12px !important;}
p{max-width:70ch;}
.narrow{max-width:920px !important;}
.hero .lede,.hero p.lede{margin-bottom:22px !important;}
.hero-actions{margin-top:0;}
.trust{margin-top:20px !important;}

/* Lists and grids: smaller gaps */
.moments{margin-top:20px !important; display:grid !important; grid-template-columns:1fr 1fr; gap:14px;}
.moment,.moment:last-child{display:block !important; padding:18px 22px !important; background:var(--ivory) !important; border:0 !important;}
.moment .mtitle{display:block; margin-bottom:4px;}
.moment p{margin:0 !important; max-width:none;}
@media (max-width:760px){ .moments{grid-template-columns:1fr;} }
.statband{margin-top:22px !important; padding-top:0 !important; border:0 !important; gap:16px !important;}
.bigstat{background:var(--ivory); padding:20px 22px;}
.tiers{margin-top:20px !important; gap:14px !important;}
.tier{padding:26px 26px !important;}
.paths{margin-top:20px !important; gap:12px !important;}
.path{padding:18px 22px !important;}
.cards,.steps,.areas{margin-top:18px !important; gap:16px !important;}
.card,.step,.area,.card:first-child,.step:first-child,.card:last-child,.step:last-child{padding:22px 24px !important;}
.insurance{margin-top:18px !important;}
.disclaimer{margin-top:18px !important;}
.fit-list li,.fit-list li:last-child{padding:8px 0 !important;}
details,details.faq{padding:12px 0 !important;}
details p{margin-top:8px !important;}
.panel{padding:24px !important;}
.founder{gap:36px !important;}
.statband .figure{margin-bottom:6px;}
.sform2 label{margin-top:12px !important;}
.cform label{margin-top:12px !important;}
.sform2 button,.cform .btn{margin-top:18px !important;}

/* Panels: tinted, borderless, softly rounded */
.card,.step,.area,.tier,.path,.moment,.bigstat,.panel,.plan-panel,.insurance,.disclaimer,.creds span:not(#a),.facts li{background:var(--white);}
section.white .card,section.white .step,section.white .area,#services .card,#begin .step,#about .area,#faq .card{background:var(--ivory) !important;}
section.white .moment,section.white .bigstat{background:var(--ivory) !important;}
.loss .moment,.loss .card,#difference .card,#supervision .card,.clin-strip .card{background:var(--white) !important;}
.card:not(#a):not(#b),.step:not(#a):not(#b),.area:not(#a):not(#b),.tier:not(#a):not(#b),.path:not(#a):not(#b),.moment:not(#a):not(#b),.bigstat:not(#a):not(#b),.panel:not(#a):not(#b),.plan-panel:not(#a):not(#b),.insurance:not(#a):not(#b),.disclaimer:not(#a):not(#b),.portrait:not(#a):not(#b),.hero-portrait:not(#a):not(#b){border-radius:var(--panel-radius) !important;}
.hero-portrait,.portrait,.portrait img{border-radius:var(--panel-radius) !important;}

/* One consistent left edge on every section */
.narrow{max-width:1180px !important;}
.moments{grid-template-columns:repeat(auto-fit,minmax(250px,1fr)) !important;}
form.sform2:not([style*="max-width"]),.sform{max-width:760px;}
[style*="text-align:center"].narrow,.wrap.narrow[style*="text-align:center"]{text-align:center;}

/* Panel colours: explicit so they always win */
.card,.step,.area,.tier:not(.feature),.path,.moment,.bigstat,.panel,.plan-panel{background:var(--white) !important;}
section.white .card,section.white .step,section.white .area,section.white .moment,section.white .bigstat,section.white .path,#services .card,#begin .step,#about .area,#faq .card,#planner .card{background:var(--ivory) !important;}
.loss .card,.loss .moment,.clin-strip .card,#supervision .card,#difference .card{background:var(--white) !important;}
.tier:not(.feature){background:var(--blush) !important;}
.tier.feature{background:var(--wine-deep) !important;}
.step .num{display:block;}

/* Inline spacing that was set for the old, airier layout */
[style*="margin-top:30px"],[style*="margin-top:34px"],[style*="margin-top:36px"],[style*="margin-top:38px"],[style*="margin-top:40px"],[style*="margin-top:44px"],[style*="margin-top:48px"],[style*="margin-top:52px"]{margin-top:20px !important;}
[style*="margin-bottom:34px"],[style*="margin-bottom:40px"]{margin-bottom:20px !important;}
.steps + *,.cards + *,.tiers + *,.areas + *,.paths + *{margin-top:20px !important;}
.card[style],#fees .card,#fees .card[style]{background:var(--white) !important; padding:22px 24px !important;}
section:has(> .wrap > .contact),section:has(> .contact){padding:0 !important;}
.steps-cta{margin-top:18px !important;}


/* Calm type (v30): two typefaces, two weights, no tracked capitals, no colored italics */
html:root:root body *{text-transform:none !important;letter-spacing:normal !important;}
html:root:root body .eyebrow{font-size:15px !important;font-weight:500 !important;}
i,h1 em,h2 em,h3 em,h4 em,.cta h2 em,.contact h2 em,body.page-guide h1 em{font-style:normal !important;color:inherit !important;}

/* Plain pass (v31): flat, square, left-aligned, consistent rhythm */
html body *:not(#q1):not(#q2):not(#q3){border-radius:0 !important;box-shadow:none !important;text-shadow:none !important;}
html body .rule:not(#q1):not(#q2):not(#q3){display:none !important;}
html body .card:not(#q1):not(#q2):not(#q3), html body .step:not(#q1):not(#q2):not(#q3), html body .area:not(#q1):not(#q2):not(#q3), html body .tie:not(#q1):not(#q2):not(#q3), html body .tier:not(#q1):not(#q2):not(#q3), html body .path:not(#q1):not(#q2):not(#q3){
  background:transparent !important;border:0 !important;border-top:1px solid var(--line) !important;padding:22px 0 0 0 !important;}
html body .tag:not(#q1):not(#q2):not(#q3){background:none !important;border:0 !important;padding:0 !important;font-size:15px !important;font-weight:400 !important;color:var(--muted) !important;display:block;margin-bottom:8px;}
html body .step .num:not(#q1):not(#q2):not(#q3){font-style:normal !important;font-size:15px !important;font-weight:500 !important;color:var(--muted) !important;background:none !important;border:0 !important;width:auto !important;height:auto !important;display:block;margin-bottom:8px;}
html body .step .num:not(#q1):not(#q2):not(#q3)::before{content:"Step ";}
html body section.quote:not(#q1):not(#q2):not(#q3){background:transparent !important;border-top:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important;padding:56px 0 !important;}
html body section.quote blockquote:not(#q1):not(#q2):not(#q3){text-align:left !important;font-style:normal !important;font-size:30px !important;line-height:1.4 !important;max-width:820px;margin:0 !important;font-weight:500;}
html body .creds:not(#q1):not(#q2):not(#q3){gap:0 !important;display:block !important;}
html body .creds span:not(#q1):not(#q2):not(#q3){display:inline !important;border:0 !important;background:none !important;padding:0 !important;font-size:16px !important;font-weight:400 !important;color:var(--muted) !important;}
html body .creds span:not(#q1):not(#q2):not(#q3)::before,html body .creds span:not(#q1):not(#q2):not(#q3)::after{content:none !important;}
html body .creds span+span:not(#q1):not(#q2):not(#q3)::before{content:"\00a0\00a0|\00a0\00a0" !important;color:var(--line);}
html body .trust .dot:not(#q1):not(#q2):not(#q3){display:none !important;}
html body .trust:not(#q1):not(#q2):not(#q3){display:block !important;}
html body .trust span:not(.dot):not(#q1):not(#q2):not(#q3)::before{content:"|";margin:0 12px;color:var(--line);}
html body section:not(#q1):not(#q2):not(#q3){padding-top:72px !important;padding-bottom:72px !important;}
html body .hero:not(#q1):not(#q2):not(#q3){padding-top:56px !important;padding-bottom:64px !important;}
html body h2:not(#q1):not(#q2):not(#q3){margin-bottom:20px !important;}
html body .eyebrow:not(#q1):not(#q2):not(#q3){margin-bottom:10px !important;}
html body .more:not(#q1):not(#q2):not(#q3), html body .about-more:not(#q1):not(#q2):not(#q3){border-bottom:1px solid var(--line) !important;text-decoration:none !important;}
html body .moment:not(#q1):not(#q2):not(#q3), html body .bigstat:not(#q1):not(#q2):not(#q3){background:transparent !important;border:0 !important;border-top:1px solid var(--line) !important;padding:20px 0 0 0 !important;}
html body .moment .tag:not(#q1):not(#q2):not(#q3), html body .moment span:not(#q1):not(#q2):not(#q3){font-weight:400 !important;}
html body blockquote:not(#q1):not(#q2):not(#q3), html body blockquote *:not(#q1):not(#q2):not(#q3){font-style:normal !important;}
html body section:not(#q1):not(#q2):not(#q3) .wrap>*:last-child:not(#q1):not(#q2):not(#q3){margin-bottom:0 !important;padding-bottom:0 !important;}
html body .notice .tag:not(#q1):not(#q2):not(#q3){color:#FFFFFF !important;display:inline !important;margin:0 14px 0 0 !important;font-weight:600 !important;}
html body *:not(#q1):not(#q2):not(#q3){font-style:normal !important;}

/* Structure pass (v32) */
html body .brief:not(#q1):not(#q2):not(#q3):not(#q4){display:block;margin-top:22px;max-width:640px;}
html body .brief>div:not(#q1):not(#q2):not(#q3):not(#q4){border-top:1px solid var(--line);padding:16px 0 18px;line-height:1.55;}
html body .brief>div b:not(#q1):not(#q2):not(#q3):not(#q4){display:block;font-family:var(--serif);font-weight:500;font-size:20px;color:var(--wine-deep);margin-bottom:4px;}
html body .about-grid:not(#q1):not(#q2):not(#q3):not(#q4){grid-template-columns:minmax(0,1fr) minmax(0,.8fr) !important;gap:72px !important;align-items:start;}
html body .about-side .eyebrow:not(#q1):not(#q2):not(#q3):not(#q4){margin-bottom:12px !important;}
html body .about-side .creds:not(#q1):not(#q2):not(#q3):not(#q4){display:block !important;margin-top:0 !important;}
html body .about-side .creds span:not(#q1):not(#q2):not(#q3):not(#q4){display:block !important;padding:14px 0 !important;border-top:1px solid var(--line) !important;font-size:17px !important;color:var(--body) !important;}
html body .about-side .creds span+span:not(#q1):not(#q2):not(#q3):not(#q4)::before{content:none !important;}
html body .band-mark:not(#q1):not(#q2):not(#q3):not(#q4){flex:none;width:104px;height:104px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;}
html body .band-mark img:not(#q1):not(#q2):not(#q3):not(#q4){width:70px;height:auto;display:block;}
html body section.band:not(#q1):not(#q2):not(#q3):not(#q4), html body section.cta:not(#q1):not(#q2):not(#q3):not(#q4){background:#4D685C !important;color:#FFFFFF !important;border:0 !important;}
html body section.band .band-in:not(#q1):not(#q2):not(#q3):not(#q4){display:flex;align-items:center;gap:40px;}
html body section.band blockquote:not(#q1):not(#q2):not(#q3):not(#q4){color:#FFFFFF !important;}
html body section.cta .cta-bg:not(#q1):not(#q2):not(#q3):not(#q4){display:none !important;}
html body section.cta .band-mark:not(#q1):not(#q2):not(#q3):not(#q4){margin-bottom:28px;}
html body section.cta h2:not(#q1):not(#q2):not(#q3):not(#q4), html body section.cta p:not(#q1):not(#q2):not(#q3):not(#q4){color:#FFFFFF !important;}
html body section.cta .btn:not(#q1):not(#q2):not(#q3):not(#q4){background:#FFFFFF !important;color:#2E3338 !important;border-color:#FFFFFF !important;}
@media (max-width:900px){ html body .about-grid:not(#q1):not(#q2):not(#q3):not(#q4){grid-template-columns:1fr !important;gap:32px !important;} html body section.band .band-in:not(#q1):not(#q2):not(#q3):not(#q4){flex-direction:column;align-items:flex-start;gap:24px;} }
html body section.cta .band-mark:not(#q1):not(#q2):not(#q3):not(#q4){margin-left:auto !important;margin-right:auto !important;}
html body h3.sub:not(#q1):not(#q2):not(#q3):not(#q4){font-family:var(--serif);font-weight:500;font-size:24px;color:var(--wine-deep);margin:40px 0 10px !important;}
@media (max-width:1260px){
html body .menu-toggle:not(#q1):not(#q2):not(#q3):not(#q4){display:block !important;}
html body .nav-links:not(#q1):not(#q2):not(#q3):not(#q4){display:none !important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;background:var(--ivory) !important;padding:26px 30px;gap:20px;border-bottom:1px solid var(--line);}
html body .nav-links.open:not(#q1):not(#q2):not(#q3):not(#q4){display:flex !important;}
}

html body .felt:not(#q1):not(#q2):not(#q3):not(#q4){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:48px;border-top:1px solid var(--line);padding:28px 0;}
html body .felt h3:not(#q1):not(#q2):not(#q3):not(#q4){font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.25;color:var(--wine-deep);margin:0 !important;}
html body .felt p:not(#q1):not(#q2):not(#q3):not(#q4){margin:0 0 12px;max-width:none;}
html body .felt .do:not(#q1):not(#q2):not(#q3):not(#q4){color:var(--muted);margin-bottom:0;}
html body .felt .do span:not(#q1):not(#q2):not(#q3):not(#q4){display:block;font-weight:600;color:var(--body);font-size:15px;margin-bottom:2px;}
@media (max-width:820px){ html body .felt:not(#q1):not(#q2):not(#q3):not(#q4){grid-template-columns:1fr;gap:12px;} }

html body section.exp:not(#q1):not(#q2):not(#q3):not(#q4){padding:0 !important;background:transparent !important;}
html body .qband:not(#q1):not(#q2):not(#q3):not(#q4){background:#4D685C;color:#FFFFFF;padding:88px 0 80px;}
html body .qband h2:not(#q1):not(#q2):not(#q3):not(#q4){color:#FFFFFF !important;margin-bottom:14px !important;max-width:16em;}
html body .qband .qintro:not(#q1):not(#q2):not(#q3):not(#q4){color:#E3EAE5;max-width:56ch;margin:0 0 44px;}
html body .qgrid:not(#q1):not(#q2):not(#q3):not(#q4){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 64px;}
html body .qgrid .q:not(#q1):not(#q2):not(#q3):not(#q4){font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.28;color:#FFFFFF;margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,.4);}
html body .qrows:not(#q1):not(#q2):not(#q3):not(#q4){padding-top:64px;padding-bottom:80px;}
@media (max-width:820px){ html body .qgrid:not(#q1):not(#q2):not(#q3):not(#q4){grid-template-columns:1fr;gap:24px;} html body .qgrid .q:not(#q1):not(#q2):not(#q3):not(#q4){font-size:25px;} html body .qband:not(#q1):not(#q2):not(#q3):not(#q4){padding:64px 0 56px;} }
html body .qgrid:not(#q1):not(#q2):not(#q3):not(#q4){align-items:start !important;}
html body .qgrid .q:not(#q1):not(#q2):not(#q3):not(#q4){margin:0 !important;padding:18px 0 0 !important;border-top:1px solid rgba(255,255,255,.45) !important;}
html body #about h2:not(#q1):not(#q2):not(#q3):not(#q4), html body h1.name:not(#q1):not(#q2):not(#q3):not(#q4), html body h2.name:not(#q1):not(#q2):not(#q3):not(#q4){white-space:nowrap !important;font-size:clamp(26px,3.4vw,40px) !important;}
@media (max-width:420px){ html body #about h2:not(#q1):not(#q2):not(#q3):not(#q4){font-size:6.4vw !important;} }
@media (max-width:420px){ html body #about h2:not(#q1):not(#q2):not(#q3):not(#q4){font-size:5.5vw !important;} }
@media (max-width:500px){ html body h1.name:not(#q1):not(#q2):not(#q3):not(#q4), html body h2.name:not(#q1):not(#q2):not(#q3):not(#q4){font-size:5.5vw !important;} }