@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:opsz,wght@5..1200,600;5..1200,700&display=swap');
:root{--ink:#19362b;--paper:#faf6ee;--peach:#edc2a5;--sage:#dce8d8;--line:#d9d4c9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit}header{padding:18px 5%;display:flex;justify-content:space-between;gap:24px;align-items:center;background:#fffdf9}.brand{font:600 23px/1 'Playfair Display',serif;text-decoration:none;white-space:nowrap}.brand small{display:block;font:9px 'DM Sans';letter-spacing:.09em;margin-top:7px}nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 17px;font-size:11px}nav a{text-decoration:none}.kicker{font:10px 'DM Sans';font-weight:700;letter-spacing:.13em}.hero-image{min-height:650px;padding:10% 9%;display:flex;align-items:center;background:linear-gradient(90deg,#18362bd9,#18362b25),url('https://images.unsplash.com/photo-1488426862026-3ee34a7d66df?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff}.hero-image>div{max-width:700px}.hero-image h1,h1{font:600 clamp(48px,6.8vw,90px)/.98 'Playfair Display',serif;letter-spacing:-.045em;margin:17px 0}.hero-image p:not(.kicker){max-width:550px;font-size:18px}.button{display:inline-block;margin-top:14px;background:#fff;color:var(--ink);padding:13px 20px;text-decoration:none;font-weight:700}.editorial-intro{padding:90px 9% 43px;max-width:820px}.editorial-intro h2,.feature h2{font:600 clamp(35px,4.2vw,60px)/1.04 'Playfair Display';margin:10px 0}.pillar-cards{display:grid;grid-template-columns:repeat(5,1fr);margin:0 5%;border-top:1px solid var(--line)}.pillar-cards a{min-height:260px;padding:24px 17px;border-right:1px solid var(--line);text-decoration:none;background:#fffdf9}.pillar-cards a:hover{background:var(--peach)}.pillar-cards a:last-child{border:0}.pillar-cards span{font-size:11px}.pillar-cards h2{font:600 25px/1.06 'Playfair Display';margin:32px 0 10px}.pillar-cards p{font-size:13px}.pillar-cards b{font-size:12px}.feature{display:grid;grid-template-columns:1fr 1fr;margin-top:100px;background:var(--sage)}.feature img{width:100%;height:100%;min-height:410px;object-fit:cover}.feature div{padding:13%}.feature a{font-weight:700}footer{padding:35px 5%;background:var(--ink);color:#fff;font-size:13px}footer span{float:right}.pillar-page,.resource{max-width:1100px;margin:auto;padding:85px 5%}.pillar-page .lead,.resource .lead{max-width:680px;font-size:20px}.link-group{margin-top:58px}.link-group h2{font:600 34px 'Playfair Display';border-bottom:2px solid var(--ink);padding-bottom:12px}.link-group>div{display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px}.link-group a{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none}.resource-body{display:grid;grid-template-columns:2fr 1fr;gap:70px;margin-top:55px}.resource-body article{font-size:17px}.resource-body h2{font:600 31px 'Playfair Display'}.resource-body aside{background:var(--sage);padding:25px;height:max-content;font-size:13px}.resource-body aside b,.resource-body aside a{display:block;margin-bottom:11px}.resource-body aside a{font-size:12px}.content,.form{max-width:850px;margin:auto;padding:70px 5%}.item{padding:24px 0;border-top:1px solid var(--line)}.item h2{font:600 30px 'Playfair Display';margin:0}.form{max-width:760px}.form input,.form textarea,.form select{display:block;width:100%;padding:11px;margin-top:6px;background:#fff;border:1px solid var(--line);font:15px 'DM Sans'}.form label{display:block;margin:16px 0;font-weight:700;font-size:12px}.form button{background:var(--ink);color:#fff;border:0;padding:12px 18px}.split,.admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-cards{grid-template-columns:1fr 1fr}.admin-cards a{padding:25px;background:var(--peach);text-decoration:none;font:28px 'Playfair Display'}.admin-cards b{display:block;font:12px 'DM Sans';margin-top:14px}.notice{padding:11px 5%;background:#f5d9ba}@media(max-width:900px){nav{display:none}.pillar-cards{grid-template-columns:repeat(2,1fr)}.pillar-cards a{border-bottom:1px solid var(--line)}.feature{grid-template-columns:1fr}.link-group>div,.resource-body{grid-template-columns:1fr}}@media(max-width:600px){.hero-image{min-height:570px;padding:15% 8%}.pillar-cards{margin:0}.pillar-cards a{min-height:190px}.split,.admin-cards{grid-template-columns:1fr}footer span{display:block;float:none;margin-top:8px}}
.brand{display:flex;align-items:center}.brand img{display:block;width:auto;max-width:420px;height:140px;object-fit:contain}nav{font-size:16px;gap:16px 24px}h1,.hero-image h1{font-size:clamp(54px,7.5vw,100px)}.nav-dropdown{position:relative}.nav-title{display:block;text-decoration:none}.nav-menu{display:none;position:absolute;z-index:10;top:100%;right:0;min-width:260px;padding:14px 18px;background:#fffdf9;border:1px solid var(--line);box-shadow:0 8px 22px #19362b22}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{display:block}.nav-menu a,.nav-menu span{display:block;text-align:left;margin:0;padding:6px 0;font-size:13px}.nav-menu span{padding-top:12px;font-weight:700;border-top:1px solid var(--line)}.nav-menu span:first-of-type{border-top:0;padding-top:0}.home-page{background:#eef1ef;text-align:center}.home-page .home-hero{justify-content:center;text-align:center;background:linear-gradient(135deg,#cbdccf,#e4ebe6);color:#19362b}.home-page .home-hero>div{width:100%;max-width:1000px;margin:0 auto}.home-page main{width:100%;text-align:center}.home-page .editorial-intro{width:100%;max-width:1400px;background:#fff;margin:0 auto;padding-left:10%;padding-right:10%;text-align:center}.home-page .editorial-intro p{max-width:1100px;margin-left:auto;margin-right:auto}
.body-map svg [fill="var(--peach)"]{fill:#8b6ab1}.body-map svg [fill="var(--sage)"]{fill:#a98ac7}.body-map svg [stroke="var(--ink)"]{stroke:#5d467a}.body-map svg text{fill:#5d467a}
.body-map svg [fill="var(--peach)"]{fill:#c8d2ca}.body-map svg [fill="var(--sage)"]{fill:#b9cabe}.body-map svg [stroke="var(--ink)"]{stroke:#728077}.body-map svg text{fill:#3f4d45}
.home-page{background:#fbfaf5;color:#3f4542}.home-page .home-hero{background:linear-gradient(135deg,#d9efe4 0%,#eef7f1 48%,#d8d0df 100%);color:#3f4542}.home-page main{background:#fbfaf5}.home-page .editorial-intro{background:#fffdf8}.home-page .editorial-intro h2{color:#345347}
.start-here-page{background:#fbfaf5;color:#3f4542}.start-here-page .link-group h2{color:#345347;border-bottom-color:#345347}.start-here-page .resource-body aside{background:#d9efe4}.start-here-page .lead{color:#3f4542}
body:has(.start-here-page){background:#d9efe4}.start-here-page{background:#fbfaf5}
.home-page,.home-page h1,.home-page h2,.home-page p{font-family:'DM Sans',sans-serif}.home-page .editorial-intro{color:#76556d}.home-page .editorial-intro h2{color:#6b485f}.home-body footer .footer-em{display:none}
.home-body footer{background:#76556d}
/* Shared public-page palette: plum headings with dark-grey copy. */
.pillar-page,.resource,.content{color:#3f4542}
.pillar-page h1,.resource h1,.content h1,
.pillar-page h2,.resource h2,.content h2,
.pillar-page h3,.resource h3,.content h3,
.link-group h2,.resource-body h2,.item h2{color:#76556d}
.link-group h2{border-bottom-color:#76556d}
.pillar-page .lead,.resource .lead,.resource-body article,.content p,.content li{color:#3f4542}
/* Learn More page uses the light cream surface used by Start Here. */
body:has(.families-page){background:#fbfaf5}
.families-page{background:#fbfaf5}
/* Home About and Team paragraphs use the shared dark-grey body color. */
.home-page .editorial-intro p{color:#3f4542}
/* Keep the brand ribbon plum on every rendered page. */
footer{background:#76556d}
.home-page .home-hero .hero-intro-text{max-width:900px;margin-left:auto;margin-right:auto;text-align:center}
.body-map svg [fill="var(--peach)"],.body-map svg [fill="var(--sage)"]{fill:#3f4542}
.body-map svg [stroke="var(--ink)"]{stroke:#3f4542}
.body-map svg [stroke-width="3"]{stroke:none}
.body-map svg [stroke="var(--peach)"]{stroke:#3f4542}
body:has(.cranial-orthoses-page){background:#fbfaf5}
.cranial-orthoses-page{background:#fbfaf5}
.cranial-orthoses-page .resource-body aside{background:#d9efe4;color:#3f4542}
.cranial-orthoses-page .resource-body aside a{color:#3f4542}
body:has(.leg-braces-page){background:#fbfaf5}
.leg-braces-page{background:#fbfaf5}
.leg-braces-page .resource-body aside{background:#d9efe4;color:#3f4542}
.leg-braces-page .resource-body aside a{color:#3f4542}
.brand img{max-width:500px;height:160px}
.start-here-page h1,.start-here-page h2,.start-here-page h3,.start-here-page .link-group h2{color:#000;border-bottom-color:#000}
footer,.home-body footer{background:#d8d0df;color:#3f4542}
.start-here-page h1,.start-here-page h2,.start-here-page h3,.start-here-page .link-group h2{color:#3f4542;border-bottom-color:#3f4542}
body{background:#fff}
header{background:#fff}
.home-page,.home-page main,.home-page .editorial-intro,
.start-here-page,.families-page,.cranial-orthoses-page,.leg-braces-page{background:#fff}
.pillar-cards a,.nav-menu{background:#fff}
.families-page{width:100%;max-width:1400px;color:#3f4542}
.families-page h1,.families-page h2,.families-page h3,.families-page .lead,.families-page a{color:#3f4542}
.families-page .link-group h2{border-bottom-color:#3f4542}
.families-page .link-group>div{grid-template-columns:1fr}
body:has(.families-page){background:linear-gradient(90deg,#d8d0df 0%,#eef0ed 50%,#d9efe4 100%)}
.families-page .body-map{max-width:300px!important}
body:has(.families-page){background:linear-gradient(90deg,#d8d0df 0%,#fff 14%,#fff 86%,#d8d0df 100%)}
.families-page .body-map{max-width:340px!important}
.families-page .body-selection-group{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}
.families-page .body-selection-group .body-map{margin:0 auto!important}
@media(max-width:900px){.families-page .body-selection-group{display:block}.families-page .body-selection-group .body-map{margin:35px auto 0!important}}
.families-page .body-selection-group{grid-template-columns:340px minmax(0,1fr)}
.families-page .body-selection-group>h2{grid-column:1 / -1}
.families-page .body-selection-group>div{grid-column:2;grid-row:2}
.families-page .body-selection-group>.body-map{grid-column:1;grid-row:2}
@media(max-width:900px){.families-page .body-selection-group>h2,.families-page .body-selection-group>div,.families-page .body-selection-group>.body-map{grid-column:auto;grid-row:auto}}
.body-map svg .gingerbread{fill:#3f4542;stroke:#3f4542}
.families-page .body-selection-group>.body-map{display:block!important;visibility:visible!important;opacity:1!important}
.body-map svg .gingerbread{fill:#3f4542!important;stroke:#3f4542!important}
.families-page .body-map{display:block!important;max-width:260px!important;margin:0 auto!important}
.families-page .body-map svg{display:block!important;width:100%!important;height:auto!important;min-height:480px}
.body-map svg .gingerbread-fill{fill:#3f4542!important;stroke:#3f4542!important}
.home-page .editorial-intro{color:#3f4542;font-family:'Playfair Display',serif}
.home-page .editorial-intro h2,.home-page .editorial-intro p{color:#3f4542;font-family:'Playfair Display',serif}
.home-page strong,.home-page b,.home-page h1,.home-page h2,.home-page h3,.home-page .kicker{font-family:'Yellowtail',cursive;font-style:normal;font-weight:400}
.home-page .editorial-intro,.home-page .editorial-intro h2,.home-page .editorial-intro p{font-family:'Yellowtail',cursive;font-style:normal;font-weight:400}
.home-page p:not(.kicker){font-family:Calibri,Arial,sans-serif;font-style:normal;font-weight:400}
.home-page h1,.home-page h2,.home-page h3,.home-page .kicker{font-family:Calibri,Arial,sans-serif;font-style:normal;font-weight:700}
.home-page .editorial-intro h2{font-family:Calibri,Arial,sans-serif;font-style:normal;font-weight:700}


.brand-lockup{display:flex;align-items:center;gap:16px;min-width:0}.brand-companion{display:block;width:54px;height:90px;object-fit:contain}@media(max-width:900px){.brand-companion{width:44px;height:74px}}