/* Shared typography and parallel-brand layouts. Loaded after institution.css. */
:root {
  --font-sans: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", Arial, sans-serif;
  --type-hero: clamp(40px, 4.8vw, 72px);
  --type-section: clamp(34px, 3.5vw, 50px);
  --type-card: 24px;
  --type-body: 18px;
  --type-lead: 20px;
  --type-label: 14px;
  --type-small: 14px;
  --type-control: 17px;
}
body, button, input, select, textarea { font-family: var(--font-sans); }
html { scroll-padding-top: calc(var(--mobile-header-height, 100px) + 16px); }
body main :is(h1,h2,h3,h4,p,li,dt,dd) { font-family: var(--font-sans) !important; }
body main h1 { font-size: var(--type-hero) !important; line-height: 1.3 !important; font-weight: 700; letter-spacing: -.025em; word-break: normal !important; overflow-wrap: normal !important; text-wrap: wrap; }
body main h2 { font-size: var(--type-section) !important; line-height: 1.4 !important; font-weight: 700; letter-spacing: -.02em; word-break: normal !important; overflow-wrap: normal !important; text-wrap: wrap; }
body main h3 { font-size: var(--type-card) !important; line-height: 1.5 !important; font-weight: 700; word-break: normal !important; text-wrap: wrap; }
body main .desktop-nowrap, body main .method-section .section-title p .line { white-space: normal !important; }
body main :is(p,li,dd) { font-size: var(--type-body) !important; line-height: 1.9 !important; }
body main :is(.nanny-lede,.parent-lede,.hero-lede), .sub-hero-content>p:not(.eyebrow) { font-size: var(--type-lead) !important; line-height: 1.85 !important; }
body main p.eyebrow, body main .nanny-brand-lockup p.eyebrow, body main .nanny-team-note p.eyebrow, body .appointment-panel p.eyebrow {
  color: #84632d !important; -webkit-text-fill-color: currentColor; background: none; filter: none;
  font-size: var(--type-label) !important; line-height: 1.7 !important; letter-spacing: .12em; font-weight: 700; animation: none;
}
body main :is(.dark-band,.image-band,.sub-hero,.vision-band) p.eyebrow { color: #f1d593 !important; }
body main :is(.section-title,.split-copy,.image-band-inner,.sub-hero-content) p.eyebrow { font-size: var(--type-label) !important; }
body main p.profile-label { color: #84632d; -webkit-text-fill-color: currentColor; background: none; text-shadow: none; filter: none; animation: none; }
body main :is(p.nanny-relation,p.form-note,p.form-message,p.profile-label,p.parent-needs-note), body main figcaption { font-size: var(--type-small) !important; line-height: 1.8 !important; }
body main p.nanny-brand-name { font-size: 28px !important; line-height: 1.4 !important; }
body main p.nanny-kicker { font-size: var(--type-label) !important; }
body main p.phone-number { font-size: 30px !important; }
.primary-action,.secondary-action,.nav-cta { font-family: var(--font-sans); font-size: var(--type-control) !important; min-height: 50px; line-height: 1.5; }
.text-link { font-size: var(--type-control); line-height: 1.7; }
.appointment-form label { font-size: 16px !important; line-height: 1.6; font-weight: 700; }
.appointment-form input,.appointment-form select,.appointment-form textarea { font-size: var(--type-control) !important; font-family: var(--font-sans); }
.appointment-panel h2 { font-size: 32px; line-height: 1.4; }
.appointment-panel-lede,.appointment-panel .form-note,.appointment-panel .form-message { font-size: 16px; line-height: 1.8; }
.company-wordmark { min-width: 160px; }
.company-wordmark>span { font-size: 25px; line-height: 1.25; letter-spacing: .12em; }
.company-wordmark small { display: block; font-size: 11px; letter-spacing: .16em; line-height: 1.6; font-weight: 400; margin-top: 5px; }
.site-nav { font-size: 14px; gap: clamp(12px,1.4vw,24px); }
.site-header .nav-cta { font-size: 15px; }
.site-footer strong { font-size: 26px; }
.site-footer { grid-template-columns: minmax(180px,.75fr) minmax(0,1.7fr); }
.site-footer .footer-links { min-width: 0; flex-wrap: wrap; white-space: normal; }
.site-footer .footer-tagline { white-space: normal !important; }
.parent-intro { width: min(1180px,calc(100% - 64px)); margin: 0 auto; padding: 64px 0 34px; text-align: center; }
.parent-intro h1 { color: var(--navy); margin: 16px 0 20px; }
.parent-intro .parent-lede { max-width: 820px; margin: 0 auto; color: #626875; }
.parent-quick-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 26px; margin-top: 26px; }
.parent-quick-links a { color: var(--navy); border-bottom: 1px solid var(--gold); padding-bottom: 6px; font-size: 16px; }
.section.parent-brands-section { padding-top: 20px; }
.parent-brand-grid,.parent-two-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
.parent-brand-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: rgba(255,253,248,.85); box-shadow: var(--soft-shadow); }
.parent-brand-copy { padding: 32px 32px 28px; display: flex; flex-direction: column; flex: 1; }
.parent-brand-heading { display: flex; align-items: center; gap: 22px; margin-bottom: 18px; }
.parent-brand-heading img { width: 88px; height: 88px; object-fit: contain; flex: 0 0 auto; border-radius: 16px; }
.parent-brand-heading .eyebrow { margin: 0 0 6px; }
.parent-brand-heading h2 { margin: 0; font-size: 34px !important; color: var(--navy); }
.parent-brand-copy>p { margin: 0 0 24px; color: #636977; }
.parent-brand-actions { display: flex; align-items: center; gap: 24px; margin-top: auto; flex-wrap: wrap; }
.parent-brand-photo { margin: 0; background: #eae0d1; }
.parent-brand-photo img { width: 100%; aspect-ratio: 3/2; height: auto; object-fit: contain; }
.parent-brand-photo figcaption { padding: 7px 16px; text-align: center; color: #6b665e; }
.parent-four-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; }
.parent-four-grid .warm-card,.parent-two-grid .warm-card { padding: 28px; }
.parent-four-grid h3 { margin: 16px 0 12px; color: var(--navy); }
.parent-four-grid p,.parent-two-grid p { color: var(--muted); }
.parent-section-link { text-align: center; margin-top: 30px; }
.parent-needs-band { background: #ebe3d5; }
.parent-three-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 36px; }
.parent-three-grid article { border-top: 1px solid #b9a481; padding-top: 24px; }
.parent-three-grid h3 { color: var(--navy); margin: 12px 0 18px; }
.parent-three-grid p:not(.eyebrow) { color: #62656d; }
.parent-needs-note { color: #68645d; margin: 34px 0 0; }
.parent-team-section { display: grid; grid-template-columns: 1fr 1.2fr; align-items: center; gap: 70px; }
.parent-team-copy h2 { color: var(--navy); }
.parent-team-copy>p:not(.eyebrow) { color: var(--muted); }
.parent-team-copy .secondary-action { margin-top: 15px; }
.parent-team-portraits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.parent-team-portraits figure { margin: 0; min-width: 0; }
.parent-team-portraits img { width: 100%; height: 180px; object-fit: contain; background: #f0e8da; border-radius: 20px; }
.parent-team-portraits figcaption { margin-top: 10px; color: var(--muted); }
.parent-consult-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: start; }
.parent-consult-copy h2 { color: var(--navy); }
.parent-consult-copy>p { color: var(--muted); }
.parent-phone { margin-top: 36px; }
.parent-phone a { color: var(--navy); font-size: 30px; font-weight: 700; white-space: nowrap; }
.parent-phone span { display: block; font-size: var(--type-small); }
.parent-consult-section .appointment-form { padding: 30px; }
.parent-simple-cta { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.parent-simple-cta h2 { max-width: 750px; color: var(--navy); }
.about-brand-logo { width: 96px; height: 96px; object-fit: contain; margin-bottom: 20px; }
.brand-hero { align-items: center; }
.brand-hero .nanny-hero-image img { height: 650px; width: 100%; object-fit: contain; border-radius: 70px 24px 24px; background: #e9dfd0; }
.brand-hero .nanny-brand-lockup .nanny-brand-name { letter-spacing: .12em; }
.brand-hero .hero-actions { flex-wrap: wrap; }
.brand-subnav { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px 32px; max-width: 1180px; margin: 0 auto 30px; padding: 20px 24px; border-block: 1px solid var(--line); color: var(--navy); font-size: 16px; }
.nanny-card-index { font-size: var(--type-label); }
.nanny-profile-facts dt { font-size: var(--type-body); }
.nanny-tags span { font-size: var(--type-label); }
.nanny-faq summary { font-size: var(--type-body); line-height: 1.8; }
.nanny-profile-copy .primary-action { white-space: normal; }
.nanny-team-note { grid-template-columns: 1fr 1fr; }
.nanny-team-note .text-link { grid-column: 1/-1; }
.brand-operations { overflow-wrap: anywhere; }
.nav-label-mobile { display: none; }
.content-directory { padding-block: 36px; }
.content-link-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.content-link-grid>a { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; color: var(--navy); background: #fffdf8; }
.content-link-grid strong { font-size: 20px; line-height: 1.6; }
.content-link-grid span { font-size: 15px; line-height: 1.7; color: #626875; }
.content-link-grid>a:hover,.content-link-grid>a:focus-visible { border-color: var(--gold); background: #f7f0e2; }
.service-support-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.teacher-section .section-title { margin-bottom: 36px; }
.teacher-section .secondary-action { white-space: normal; }
.teacher-data-card { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
.teacher-data-card>div { padding: 24px; }
.teacher-data-card .profile-image-frame-full img { object-fit: contain; }
@media (max-width: 1050px) {
  .site-footer { grid-template-columns: minmax(0,1fr); }
  .site-header .site-nav { flex-wrap: wrap; justify-content: center; overflow: visible; }
  .parent-four-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .parent-brand-copy { padding: 26px; }
  .parent-brand-heading { gap: 14px; }
  .parent-brand-heading img { width: 72px; height: 72px; }
  .parent-brand-heading h2 { font-size: 30px !important; }
  .parent-team-section,.parent-consult-section { gap: 36px; }
}
@media (max-width: 760px) {
  :root {
    --type-hero: clamp(27px,8.2vw,38px);
    --type-section: clamp(27px,7.3vw,34px);
    --type-card: 22px;
    --type-body: 17px;
    --type-lead: 18px;
    --type-label: 14px;
    --type-small: 14px;
    --type-control: 16px;
  }
  .company-wordmark { min-width: 0; }
  .company-wordmark>span { font-size: 21px; }
  .company-wordmark small { font-size: 10px; margin-top: 3px; }
  .site-header { padding-inline: 18px; }
  .site-nav a { font-size: 14px; }
  .site-header .site-nav { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); width: 100%; max-width: 100%; gap: 6px 8px; overflow: visible; padding: 2px 0; }
  .site-header .site-nav a { grid-column: span 3; text-align: center; padding: 4px 0; min-width: 0; }
  .site-header .site-nav a:nth-child(-n+3) { grid-column: span 4; }
  .site-header .nav-label-full { display: none; }
  .site-header .nav-label-mobile { display: inline; }
  .brand-subnav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; padding: 8px 20px; }
  .brand-subnav a { padding: 12px 8px; border-bottom: 1px solid var(--line); font-size: 15px; text-align: center; }
  .content-link-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .content-link-grid>a { padding: 16px; }
  .content-link-grid strong { font-size: 17px; }
  .content-link-grid span { font-size: 14px; }
  .service-support-grid { grid-template-columns: 1fr; gap: 18px; }
  .teacher-data-card { grid-template-columns: 1fr; }
  .site-header .nav-cta { min-height: 44px; }
  .parent-intro { width: calc(100% - 40px); padding: 36px 0 24px; text-align: left; }
  .parent-intro h1 { margin: 14px 0 20px; }
  .parent-quick-links { justify-content: flex-start; gap: 12px; }
  .parent-quick-links a { font-size: 14px; }
  .parent-brand-grid,.parent-two-grid,.parent-three-grid,.parent-team-section,.parent-consult-section { grid-template-columns: 1fr; gap: 24px; }
  .parent-brand-copy { padding: 24px; }
  .parent-brand-heading { gap: 16px; }
  .parent-brand-heading img { width: 72px; height: 72px; }
  .parent-brand-heading h2 { font-size: 30px !important; }
  .parent-brand-heading .eyebrow { letter-spacing: .02em; }
  .parent-brand-actions { gap: 20px; }
  .parent-brand-actions .primary-action { padding: 0 20px; }
  .parent-brand-photo figcaption { text-align: left; }
  .parent-four-grid { grid-template-columns: 1fr; gap: 18px; }
  .parent-four-grid .warm-card,.parent-two-grid .warm-card { padding: 24px; }
  .parent-team-portraits { gap: 10px; }
  .parent-team-portraits img { height: 130px; }
  .parent-team-portraits figcaption { font-size: 13px !important; }
  .parent-consult-section .appointment-form { padding: 24px 18px; }
  .parent-simple-cta { display: block; }
  .parent-simple-cta h2 { margin-bottom: 24px; }
  .brand-hero .nanny-hero-image img { height: auto; max-height: none; background: transparent; border-radius: 50px 22px 22px; }
  .brand-hero .nanny-brand-lockup { align-items: center; }
  .brand-hero .nanny-brand-lockup img { width: 72px; height: 72px; }
  body main p.nanny-brand-name { font-size: 26px !important; }
  .brand-hero .nanny-brand-lockup .eyebrow { letter-spacing: 0; }
  .brand-subnav { margin-inline: 20px; padding-inline: 0; font-size: 15px; }
  .nanny-team-note { grid-template-columns: 1fr; }
  .nanny-team-note .text-link { grid-column: auto; }
  .nanny-consult-phone a,.parent-phone a { font-size: 28px; }
  .primary-action,.secondary-action { white-space: normal; text-align: center; padding: 10px 20px; }
  .appointment-panel h2 { font-size: 28px; }
}

/* Image-led brand presentation. Keep readable body sizes; give key titles their own scale. */
:root { --accent-gold: #dec384; --ink-deep: #18243d; }
.section { padding-block: clamp(54px,5vw,80px); }
body main :is(.section-title,.split-copy,.image-band-inner,.sub-hero-content,.parent-team-copy,.parent-consult-copy) p.eyebrow {
  font-size: clamp(19px,1.65vw,24px) !important; color: #967132 !important; letter-spacing: .07em;
}
body main :is(.dark-band,.image-band,.sub-hero,.vision-band) p.eyebrow { color: #efcf86 !important; }
body main .gold-emphasis { color: var(--accent-gold); -webkit-text-fill-color: currentColor; }
.section-title h2 { margin: 0; }
.section-title>p:not(.eyebrow) { max-width: 860px; }
.section-title.center>p:not(.eyebrow) { margin-inline: auto; }
.immersive-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--ink-deep); color: #fff; }
.parent-intro.immersive-hero,.brand-hero.immersive-hero {
  width: 100%; max-width: none; margin: 0; display: flex; align-items: center;
  min-height: 730px; padding: 62px max(6vw,calc((100% - 1280px)/2)); text-align: left;
}
.immersive-hero::before { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg,rgba(15,27,49,.93),rgba(17,30,51,.72) 39%,rgba(17,30,51,.25) 66%,rgba(17,30,51,.09)),linear-gradient(0deg,rgba(14,24,41,.35),transparent 40%);
}
.immersive-hero .immersive-photo,.immersive-hero .nanny-hero-image { position: absolute; inset: 0; margin: 0; width: 100%; height: 100%; z-index: 0; opacity: 1; transform: none; }
.immersive-hero .immersive-photo img,.brand-hero.immersive-hero .nanny-hero-image img { width: 100%; height: 100%; max-height: none; object-fit: cover; border-radius: 0; background: transparent; display: block; }
.parent-hero .immersive-photo img { object-position: center 48%; }
.companion-hero .nanny-hero-image img { object-position: center 59%; }
.brand-hero.nanny-immersive .nanny-hero-image { left: 39%; width: 61%; mask-image: linear-gradient(90deg,transparent,#000 22%); }
.brand-hero.nanny-immersive .nanny-hero-image img { object-position: center 10%; }
.nanny-immersive::before { background: linear-gradient(90deg,#18243d 0%,rgba(24,36,61,.97) 31%,rgba(24,36,61,.72) 48%,rgba(24,36,61,.12) 70%,rgba(24,36,61,.05)); }
.parent-hero-copy,.immersive-hero .nanny-hero-copy { position: relative; z-index: 2; width: min(100%,800px); }
.immersive-hero .nanny-hero-copy { max-width: 780px; }
body main .immersive-hero h1 { font-size: clamp(44px,4.8vw,76px) !important; line-height: 1.25 !important; color: #fff; font-weight: 800; margin: 16px 0 24px; letter-spacing: -.035em; text-shadow: 0 3px 20px rgba(0,0,0,.18); text-wrap: initial; }
.immersive-hero h1 .line { display: block; }
body main .immersive-hero .eyebrow { color: #edce87 !important; font-size: 23px !important; letter-spacing: .06em; }
body main .immersive-hero .parent-lede,body main .immersive-hero .nanny-lede { color: #f4f1e9; font-size: 21px !important; line-height: 1.85 !important; max-width: 700px; margin: 0; text-shadow: 0 2px 8px #18243d; }
.immersive-hero .nanny-brand-lockup { gap: 18px; margin-bottom: 24px; }
.immersive-hero .nanny-brand-lockup img { width: 76px; height: 76px; border-radius: 14px; padding: 5px; background: #fffaf0; }
body main .immersive-hero .nanny-brand-lockup p.eyebrow { font-size: 15px !important; margin-bottom: 6px; color: #edce87 !important; }
body main .immersive-hero p.nanny-brand-name { font-size: 30px !important; color: #fff; }
body main .immersive-hero p.nanny-kicker { color: #edce87; font-size: 23px !important; font-weight: 700; margin-bottom: 0; }
.immersive-hero .nanny-tags { margin-top: 24px; }
.immersive-hero .nanny-tags span { color: #fff6e2; border: 1px solid #c8ae7670; background: #ffffff0d; font-size: 16px; border-radius: 6px; }
.immersive-hero .hero-actions { margin-top: 30px; }
.immersive-hero .secondary-action { color: #fff6dc; background: #ffffff10; border-color: #d7bd83aa; box-shadow: none; backdrop-filter: blur(8px); }
.immersive-hero .primary-action,.immersive-hero .secondary-action { min-height: 54px; padding: 12px 26px; }
body main .immersive-hero p.nanny-relation { color: #e8e2d6; max-width: 690px; margin-top: 24px; }
.immersive-hero figure figcaption { position: absolute; right: 22px; bottom: 16px; color: #fff; background: #17243ba8; padding: 4px 10px; font-size: 12px !important; border-radius: 3px; }
.parent-quick-links { justify-content: flex-start; gap: 12px; margin-top: 38px; }
.parent-quick-links a { padding: 16px 18px; color: #fff9e9; font-size: 16px; border: 1px solid #d0b47c80; border-radius: 8px; background: #ffffff10; backdrop-filter: blur(10px); }
.parent-quick-links a:hover { background: #ffffff26; }
.parent-brands-section .section-title { margin-bottom: 32px; }
.section.parent-brands-section { padding-top: 64px; }
.parent-brand-card { border-radius: 16px; box-shadow: 0 16px 42px #17243b0b; }
.parent-brand-photo { order: -1; position: relative; }
.parent-brand-photo img { aspect-ratio: 1.85; object-fit: cover; display: block; }
.parent-brand-photo figcaption { position: absolute; bottom: 0; right: 0; left: 0; background: linear-gradient(transparent,#17243bc9); color: #fff; padding: 26px 18px 8px; text-align: right; font-size: 12px !important; }
.parent-brand-copy { padding: 30px; }
.parent-brand-heading { margin-bottom: 16px; }
body main .parent-brand-heading h2 { font-size: 40px !important; }
body main .parent-brand-heading p.eyebrow { font-size: 16px !important; }
.parent-brand-heading img { width: 84px; height: 84px; }
.parent-brand-actions { gap: 16px; }
.content-directory { padding-block: 38px; }
.content-link-grid { gap: 0 30px; }
.content-link-grid>a { border: 0; border-top: 1px solid #c7b58e; border-radius: 0; padding: 20px 0; background: transparent; }
.content-link-grid>a:hover,.content-link-grid>a:focus-visible { background: #ddc39220; }
.parent-four-grid { gap: 0; border-block: 1px solid #c7b58e; }
.parent-four-grid .warm-card { box-shadow: none; border: 0; border-radius: 0; background: transparent; border-right: 1px solid #d9cdb4; padding: 26px; }
.parent-four-grid .warm-card:last-child { border: 0; }
.parent-needs-band { background: #eae2d2; }
.parent-needs-band>.section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 38px 48px; }
.family-story-photo { margin: 0; position: relative; min-width: 0; }
.family-story-photo img { height: 100%; min-height: 370px; width: 100%; object-fit: cover; object-position: 63% center; border-radius: 8px; }
.family-story-photo figcaption { position: absolute; bottom: 10px; left: 12px; right: 12px; color: #fff; background: #17243ba6; padding: 4px 8px; font-size: 12px !important; }
.parent-needs-band .section-title { margin: 0; align-content: center; }
.parent-needs-band .parent-three-grid,.parent-needs-band .parent-needs-note { grid-column: 1/-1; }
.parent-needs-band .parent-needs-note { margin-top: 0; }
.section.parent-team-section { width: 100%; max-width: none; background: #17243b; padding: 64px max(6vw,calc((100% - 1180px)/2)); display: grid; grid-template-columns: 1.25fr 1fr; gap: 30px 64px; align-items: end; }
body main .parent-team-copy>p.eyebrow { color: #edce87 !important; }
body main .parent-team-copy h2 { color: #fff; font-size: clamp(34px,3.2vw,48px) !important; margin: 0; line-height: 1.45 !important; text-wrap: initial; }
.parent-team-intro p { color: #e3e2df; margin: 0 0 22px; }
.parent-team-intro .secondary-action { color: #f1d496; background: transparent; border-color: #b79b6380; box-shadow: none; }
.parent-team-portraits { grid-column: 1/-1; gap: 24px; }
.parent-team-portraits figure { background: #f0e8da; overflow: hidden; border-radius: 8px; }
.parent-team-portraits img { height: 320px; object-fit: cover; object-position: top center; border-radius: 0; display: block; }
.parent-team-portraits figure:first-child img { object-fit: contain; }
body main .parent-team-portraits figcaption { margin: 0; padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #17243b; }
.parent-team-portraits figcaption strong { font-size: 24px; }
.parent-team-portraits figcaption span { color: #806432; font-size: 16px; }
.teacher-section .section-title { max-width: 980px; }
.teacher-data-card { border-radius: 14px; border-color: #c9b58370; box-shadow: 0 12px 30px #17243b09; }
body main .teacher-data-card h3 { font-size: 30px !important; }
.teacher-data-card>div { padding: 28px; }
.brand-subnav { max-width: none; padding-inline: max(6vw,calc((100% - 1280px)/2)); padding-block: 22px; background: #eee5d4; margin-bottom: 0; border: 0; gap: 18px 34px; }
.brand-subnav a { font-size: 17px; font-weight: 700; }
@media (min-width:761px) and (max-width:1100px) {
  .parent-intro.immersive-hero,.brand-hero.immersive-hero { padding-inline: 5vw; min-height: 700px; }
  body main .immersive-hero h1 { font-size: 56px !important; }
  .immersive-hero .nanny-hero-copy,.parent-hero-copy { max-width: 670px; }
  .parent-team-portraits img { height: 265px; }
  .parent-team-portraits figcaption { flex-direction: column; align-items: flex-start !important; }
  .parent-needs-band>.section { gap: 32px; }
  .parent-brand-copy { padding: 24px; }
}
@media (max-width:760px) {
  .section,.section-wide { width: calc(100% - 48px); max-width: calc(100% - 48px); padding-block: 48px; }
  .site-header { grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
  .site-header .company-wordmark { grid-column: 1; grid-row: 1; }
  .site-header .nav-cta { grid-column: 2; grid-row: 1; justify-self: end; width: auto; margin: 0; padding: 10px 16px; font-size: 14px !important; }
  .site-header .site-nav { grid-row: 2; }
  .appointment-float { display: none; }
  body main :is(.section-title,.split-copy,.image-band-inner,.sub-hero-content,.parent-team-copy,.parent-consult-copy) p.eyebrow { font-size: 19px !important; }
  .parent-intro.immersive-hero,.brand-hero.immersive-hero { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding: 0; }
  .immersive-hero .immersive-photo,.immersive-hero .nanny-hero-image,.brand-hero.nanny-immersive .nanny-hero-image { position: relative; inset: auto; width: 100%; height: 310px; order: -1; mask-image: none; }
  .immersive-hero::before { display: none; }
  .immersive-hero figure::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#18243d,transparent 28%); pointer-events: none; }
  .immersive-hero .immersive-photo img { object-position: center; }
  .brand-hero.companion-hero .nanny-hero-image img { object-position: center 56%; }
  .brand-hero.nanny-immersive .nanny-hero-image img { object-position: center 10%; }
  .immersive-hero figure figcaption { bottom: 28px; right: 12px; left: auto; z-index: 1; max-width: calc(100% - 24px); font-size: 10px !important; }
  .parent-hero-copy,.immersive-hero .nanny-hero-copy { padding: 12px 24px 34px; width: 100%; max-width: none; }
  body main .immersive-hero h1 { font-size: clamp(28px,7.6vw,46px) !important; line-height: 1.35 !important; margin: 12px 0 20px; }
  body main .immersive-hero .eyebrow,body main .immersive-hero p.nanny-kicker { font-size: 18px !important; }
  body main .immersive-hero .parent-lede,body main .immersive-hero .nanny-lede { font-size: 17px !important; line-height: 1.85 !important; }
  .immersive-hero .nanny-brand-lockup { margin-bottom: 20px; gap: 14px; }
  .immersive-hero .nanny-brand-lockup img { width: 62px; height: 62px; }
  body main .immersive-hero .nanny-brand-lockup p.eyebrow { font-size: 12px !important; letter-spacing: 0; }
  body main .immersive-hero p.nanny-brand-name { font-size: 26px !important; }
  .immersive-hero .nanny-tags { gap: 8px; margin-top: 20px; }
  .immersive-hero .nanny-tags span { font-size: 13px; padding: 7px 9px; }
  .immersive-hero .hero-actions { gap: 12px; margin-top: 24px; }
  .immersive-hero .primary-action,.immersive-hero .secondary-action { padding: 12px 18px; }
  .parent-quick-links { gap: 10px; margin-top: 24px; }
  .parent-quick-links a { padding: 12px 14px; font-size: 14px; }
  .parent-quick-links a:last-child { width: 100%; text-align: center; }
  .section.parent-brands-section { padding-top: 46px; }
  .parent-brand-grid { gap: 28px; }
  body main .parent-brand-heading h2 { font-size: 32px !important; }
  body main .parent-brand-heading p.eyebrow { font-size: 14px !important; }
  .parent-brand-heading img { width: 68px; height: 68px; }
  .parent-brand-copy { padding: 22px; }
  .parent-brand-photo img { aspect-ratio: 1.55; }
  .parent-brand-photo figcaption { font-size: 10px !important; }
  .content-link-grid { gap: 0 22px; }
  .content-link-grid>a { padding: 18px 0; }
  .parent-four-grid .warm-card { border: 0; border-bottom: 1px solid #d9cdb4; padding: 24px 4px; }
  .parent-needs-band>.section { grid-template-columns: 1fr; gap: 28px; }
  .family-story-photo img { height: auto; min-height: 0; aspect-ratio: 1.4; }
  .parent-three-grid { gap: 24px; }
  .section.parent-team-section { padding: 44px 24px; grid-template-columns: 1fr; gap: 24px; }
  body main .parent-team-copy h2 { font-size: clamp(25px,6.3vw,36px) !important; }
  .parent-team-portraits { grid-template-columns: 1fr; gap: 18px; }
  .parent-team-portraits img { height: 300px; object-fit: contain; }
  body main .parent-team-portraits figcaption { padding: 16px 20px; }
  .parent-team-portraits figcaption strong { font-size: 24px; }
  .parent-team-portraits figcaption span { font-size: 15px; }
  .teacher-data-card>div { padding: 24px; }
  .brand-subnav { margin-inline: 0; padding: 8px 22px; gap: 0; }
  .brand-subnav a { font-size: 15px; }
}

/* V101-10: one main navigation and local section links; no path bar. */
.reading-return { padding:16px max(5vw,24px); background:#f5f0e3; }
.reading-return a { color:#8b6b2d; font-size:14px; text-decoration:none; }
.reading-return a:hover { text-decoration:underline; text-underline-offset:4px; }
.section-detail-link { margin-top:28px; }
.service-detail-intro { margin-top:32px; max-width:850px; }
.geo-article-grid .article-card h3 a { display:block; }
.guide-topic-card ul { margin: 20px 0 0; padding-left: 1.2em; }
.guide-topic-card li { margin: 10px 0; font-size: var(--type-body); line-height: 1.7; }
.guide-topic-card li a { color: var(--navy); text-decoration-color: var(--line); text-underline-offset: 5px; }
.guide-chapter + .guide-chapter { border-top: 1px solid var(--line); }
.guide-chapter .geo-article-header { padding-block: 64px 24px; }
.guide-chapter .geo-article-header h2 { margin: 14px 0 24px; color: var(--navy); font-size: var(--type-section); line-height: 1.4; }
.guide-chapter .geo-section h3 { margin: 0 0 16px; color: var(--navy); font-size: var(--type-card); line-height: 1.5; }
.guide-chapter .geo-answer-pack { padding-top: 24px; padding-bottom: 52px; }
.guide-consultation { padding-block: 40px 64px; }
.article-card .text-link { display:inline-block; margin-top:12px; line-height:1.7; }
.embedded-story { min-height:380px; }
.embedded-story .sub-hero-bg { transform:none !important; }
body main .embedded-story h2 { color:#fff; }
@media(max-width:760px) {
  .reading-return { padding:13px 22px; }
  .embedded-story { min-height:0; }
}

/* V101-11: authored thought units; never balance lines to equal widths. */
body :is(h1,h2,h3,h4,h5,h6,p,li,dd,dt,summary,figcaption) {
  text-wrap: wrap !important;
  text-align-last: auto;
  line-break: strict;
}
body main :is(h1,h2,h3,h4,p,li,dd,summary) :is(.line,.sentence,.phrase,.vision-line) {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 100%;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-wrap: wrap !important;
}
body main :is(.line,.sentence,.vision-line) { display: block; }
body main .sentence + .sentence { margin-top: .45em; }
body main .phrase { display: inline-block; vertical-align: top; }
body main .sub-hero-content h1, body main .hero h1,
body main .sub-hero-content h1 .line, body main .hero h1 .line {
  word-break: normal !important;
  overflow-wrap: normal !important;
}
body main .line.gold-emphasis { color: var(--accent-gold); }
.company-wordmark .company-name {
  display: block;
  font: inherit;
  font-weight: 800;
  color: #916b2e;
  background-image: linear-gradient(115deg,#856024 0%,#b08b3c 25%,#d4b86c 43%,#a27a2d 65%,#79551e 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (forced-colors: active) {
  .company-wordmark .company-name { background: none; -webkit-text-fill-color: LinkText; }
}