:root{--family-navy:#06172f;--family-blue:#123f72;--family-mint:#54d9bd;--family-gold:#ddb982;--family-coral:#df4c79;--family-paper:#f2f0e8;--family-white:#fffdf8}
.families-page{background:var(--family-paper);color:var(--family-navy)}
.families-page .nav{color:var(--family-navy)}
.family-hero{background:var(--family-navy);color:var(--family-white);min-height:clamp(500px,55vw,700px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);overflow:hidden}
.family-hero-copy{padding:clamp(46px,5.5vw,78px) 4vw;display:flex;flex-direction:column;justify-content:center}
.family-hero-copy .crumb{margin:0 0 auto;padding-bottom:46px}
.family-eyebrow,.family-section-label,.family-card-number{color:var(--family-mint);letter-spacing:.17em;text-transform:uppercase;font-size:9px;font-weight:800}
.family-hero h1{max-width:850px;margin:18px 0 0;font:400 clamp(58px,7.1vw,112px)/.91 Georgia,"Times New Roman",serif;letter-spacing:-.06em;text-wrap:balance}
.family-hero h1 em{color:var(--family-gold);font-weight:400}
.family-hero-deck{max-width:660px;margin:30px 0 0;color:#fffdf8c7;font:400 clamp(19px,1.8vw,27px)/1.48 Georgia,"Times New Roman",serif}
.family-meta{border-top:1px solid #fffdf83d;margin-top:auto;padding-top:22px;display:flex;flex-wrap:wrap;gap:10px 24px;color:#fffdf893;letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:800}
.family-meta time:first-of-type{color:var(--family-gold)}
.family-hero-media{margin:0;min-height:380px;position:relative;isolation:isolate;overflow:hidden}
.family-hero-media:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#06172f66,transparent 35%),linear-gradient(0deg,#06172fa0,transparent 42%)}
.family-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.family-hero-media figcaption{position:absolute;right:0;bottom:0;z-index:2;max-width:88%;padding:11px 14px;background:#06172fc7;color:#fff;font-size:9px;line-height:1.5}
.family-intro,.family-guide-body{padding:clamp(50px,6vw,84px) 4vw}
.family-intro-inner,.family-guide-inner{max-width:1320px;margin:0 auto}
.family-intro-head{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(34px,7vw,110px);align-items:start;margin-bottom:clamp(50px,7vw,90px)}
.family-intro-head h2,.family-guide-copy>h2{margin:0;font:400 clamp(38px,4.5vw,68px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.045em;text-wrap:balance}
.family-intro-head p{margin:0;color:#06172fc2;font-size:clamp(17px,1.6vw,22px);line-height:1.68}
.family-pillars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#06172f40;border:1px solid #06172f40}
.family-pillar-card{min-width:0;min-height:320px;background:var(--family-white);padding:clamp(22px,2.5vw,34px);display:flex;flex-direction:column;transition:background .2s,transform .2s}
.family-pillar-card:nth-child(1),.family-pillar-card:nth-child(2),.family-pillar-card:nth-child(3){grid-column:span 2}
.family-pillar-card:nth-child(4),.family-pillar-card:nth-child(5){grid-column:span 3;min-height:290px}
.family-pillar-card:hover{background:#fff;transform:translateY(-3px)}
.family-pillar-card:focus-visible{outline:3px solid var(--family-blue);outline-offset:4px;z-index:2}
.family-pillar-card h2{margin:auto 0 17px;font:400 clamp(30px,3.4vw,48px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.045em;text-wrap:balance}
.family-pillar-card p{margin:0;color:#06172fb8;font-size:13px;line-height:1.65}
.family-card-action{margin-top:28px;color:var(--family-coral);letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:800}
.family-paths{background:var(--family-navy);color:var(--family-white);padding:clamp(54px,6.5vw,90px) 4vw}
.family-paths-inner{max-width:1320px;margin:0 auto}
.family-paths h2{max-width:750px;margin:16px 0 44px;font:400 clamp(42px,5vw,76px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.05em}
.family-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#fffdf829;border:1px solid #fffdf829}
.family-path{background:#0a2344;padding:26px;min-height:180px}
.family-path h3{margin:0 0 12px;color:var(--family-gold);font:400 26px/1.1 Georgia,"Times New Roman",serif}
.family-path p{margin:0;color:#fffdf8b5;font-size:13px;line-height:1.65}
.family-path a{display:inline-block;margin-top:21px;color:var(--family-mint);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.family-file{background:var(--family-gold);padding:clamp(50px,6vw,78px) 4vw}
.family-file-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(40px,8vw,120px)}
.family-file h2{margin:12px 0 0;font:400 clamp(40px,5vw,72px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.05em}
.family-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#06172f4a;border:1px solid #06172f4a}
.family-check-grid div{background:#e7c795;padding:24px}
.family-check-grid strong{display:block;margin-bottom:7px;font:400 22px/1.15 Georgia,"Times New Roman",serif}
.family-check-grid span{font-size:12px;line-height:1.55}
.family-cta{background:var(--family-mint);padding:clamp(44px,5.5vw,68px) 4vw}
.family-cta-inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.family-cta h2{max-width:760px;margin:0;font:400 clamp(38px,4.5vw,68px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.05em}
.family-button{flex:none;border:1px solid var(--family-navy);padding:18px 22px;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}
.family-button:hover{background:var(--family-navy);color:#fff}

.family-guide-hero{background:var(--family-navy);color:var(--family-white);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);min-height:clamp(470px,48vw,620px)}
.family-guide-head{padding:clamp(44px,5.5vw,70px) 4vw;display:flex;flex-direction:column;justify-content:center}
.family-guide-head .crumb{margin:0 0 auto;padding-bottom:32px}
.family-guide-head h1{max-width:900px;margin:16px 0 0;font:400 clamp(52px,6vw,94px)/.93 Georgia,"Times New Roman",serif;letter-spacing:-.055em;text-wrap:balance}
.family-guide-head h1 em{color:var(--family-gold);font-weight:400}
.family-guide-deck{max-width:710px;margin:27px 0 0;color:#fffdf8c5;font:400 clamp(18px,1.7vw,25px)/1.48 Georgia,"Times New Roman",serif}
.family-guide-media{margin:0;position:relative;min-height:340px;overflow:hidden;isolation:isolate}
.family-guide-media:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#06172f59,transparent 30%),linear-gradient(0deg,#06172f9b,transparent 44%)}
.family-guide-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.family-guide-media figcaption{position:absolute;right:0;bottom:0;z-index:2;max-width:92%;background:#06172fc8;color:#fff;padding:11px 14px;font-size:9px;line-height:1.5}
.family-guide-inner{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.62fr);gap:clamp(48px,7vw,100px);align-items:start}
.family-guide-copy{max-width:790px;min-width:0}
.family-lede{border-left:3px solid var(--family-mint);margin:0 0 46px;padding-left:23px;font:400 clamp(21px,2.2vw,30px)/1.5 Georgia,"Times New Roman",serif}
.family-guide-copy>h2{border-top:1px solid #06172f35;margin:52px 0 18px;padding-top:28px;font-size:clamp(31px,3.2vw,46px)}
.family-guide-copy>h3{margin:31px 0 12px;font:400 24px/1.18 Georgia,"Times New Roman",serif}
.family-guide-copy>p,.family-guide-copy>ul,.family-guide-copy>ol{font-size:16px;line-height:1.76}
.family-guide-copy>p{margin:0 0 22px}
.family-guide-copy>ul,.family-guide-copy>ol{margin:0 0 25px;padding-left:24px}
.family-guide-copy li{margin-bottom:11px;padding-left:4px}
.family-guide-copy a,.family-source-list a{color:#b62d5b;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.family-callout{margin:34px 0;background:var(--family-white);border:1px solid #06172f29;border-left:4px solid var(--family-coral);padding:24px 27px;font-size:14px;line-height:1.68}
.family-callout strong{color:#b62d5b}
.family-steps{counter-reset:family-step;list-style:none!important;padding:0!important;margin:34px 0!important;border-top:1px solid #06172f35}
.family-steps li{counter-increment:family-step;display:grid;grid-template-columns:52px 1fr;gap:18px;border-bottom:1px solid #06172f35;padding:20px 0!important;margin:0!important}
.family-steps li:before{content:counter(family-step,decimal-leading-zero);color:var(--family-coral);font:400 24px/1 Georgia,"Times New Roman",serif}
.family-steps strong{display:block;margin-bottom:5px;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:400}
.family-table-wrap{max-width:100%;min-width:0;margin:34px 0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.family-table{border-collapse:collapse;width:100%;min-width:620px;font-size:13px;line-height:1.55}
.family-table th{background:var(--family-navy);color:var(--family-white);text-align:left;padding:14px;letter-spacing:.08em;text-transform:uppercase;font-size:8px}
.family-table td{border:1px solid #06172f31;padding:15px;vertical-align:top}
.family-table td:first-child{font-family:Georgia,"Times New Roman",serif;font-size:17px}
.family-side{position:sticky;top:24px;display:grid;gap:18px}
.family-side-card{background:var(--family-navy);color:var(--family-white);padding:27px}
.family-side-card.light{background:var(--family-white);color:var(--family-navy);border:1px solid #06172f29}
.family-side-card h2{margin:0 0 17px;color:var(--family-gold);font:400 25px/1.12 Georgia,"Times New Roman",serif}
.family-side-card.light h2{color:var(--family-navy)}
.family-side-card ul{list-style:none;margin:0;padding:0}
.family-side-card li{border-top:1px solid #fffdf82b;padding:11px 0;font-size:12px;line-height:1.5}
.family-side-card.light li{border-color:#06172f24}
.family-side-card a:hover{color:var(--family-mint)}
.family-sources{border-top:1px solid #06172f35;margin-top:55px;padding-top:28px}
.family-sources h2{border:0!important;margin:0 0 13px!important;padding:0!important;font-size:26px!important}
.family-sources p{color:#06172f9e;font-size:12px!important;line-height:1.6!important}
.family-source-list{font-size:12.5px!important;line-height:1.55!important}
.family-source-list li{margin-bottom:10px!important}
.family-next{margin-top:48px;background:var(--family-gold);padding:28px}
.family-next h2{border:0!important;margin:0 0 16px!important;padding:0!important;font-size:28px!important}
.family-next-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.family-next-grid a{background:#f2d4a5;color:var(--family-navy)!important;padding:14px;text-decoration:none!important;font-size:12px;line-height:1.4}

@media(max-width:980px){.family-hero,.family-guide-hero{grid-template-columns:1fr;min-height:0}.family-hero-copy{min-height:510px;padding-inline:6vw}.family-hero-media{min-height:380px}.family-intro,.family-guide-body,.family-paths,.family-file,.family-cta{padding-inline:6vw}.family-intro-head,.family-file-inner{grid-template-columns:1fr}.family-guide-head{min-height:500px;padding-inline:6vw}.family-guide-inner{grid-template-columns:1fr}.family-guide-copy{max-width:none}.family-side{position:static;grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.family-pillars{grid-template-columns:1fr}.family-pillar-card:nth-child(n){grid-column:auto;min-height:270px}.family-path-grid{grid-template-columns:1fr}.family-path{min-height:0}.family-file-inner{gap:32px}.family-cta-inner{align-items:flex-start;flex-direction:column}.family-side{grid-template-columns:1fr}}
@media(max-width:560px){.family-hero-copy{min-height:470px;padding:42px 5vw 46px}.family-hero h1{font-size:13.5vw}.family-hero-deck{font-size:18px}.family-hero-media{min-height:290px}.family-intro,.family-guide-body,.family-paths,.family-file,.family-cta{padding-inline:5vw}.family-intro-head{gap:25px}.family-pillars{border-left:0;border-right:0}.family-pillar-card{padding:22px}.family-check-grid{grid-template-columns:1fr}.family-guide-head{min-height:460px;padding:42px 5vw 46px}.family-guide-head h1{font-size:12.8vw}.family-guide-deck{font-size:18px}.family-guide-media{min-height:280px}.family-lede{font-size:21px;padding-left:18px}.family-guide-copy>p,.family-guide-copy>ul,.family-guide-copy>ol{font-size:15.5px}.family-guide-copy>h2{font-size:30px}.family-next-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.family-pillar-card{transition:none}.family-pillar-card:hover{transform:none}}
@media print{.families-page,.family-hero,.family-guide-hero{background:#fff;color:#000}.family-hero-deck,.family-guide-deck,.family-meta{color:#222}.family-hero-media,.family-guide-media,.family-paths,.family-cta,.nav,.site-footer,.family-side{display:none!important}.family-intro,.family-guide-body,.family-file{padding:20px 0}.family-guide-inner{display:block}.family-pillar-card{break-inside:avoid}}
