/* Keep the approved words; give the artwork and stories room to meet. */
body:before{background-image:radial-gradient(circle at 13% 22%,#f4d69c 0 1px,transparent 1.8px),radial-gradient(circle at 73% 68%,#c8b5ef 0 1px,transparent 1.8px),radial-gradient(circle at 31% 80%,#f4d69c 0 .65px,transparent 1.5px);background-size:317px 401px,487px 563px,631px 719px;opacity:.38}
.hero{min-height:310px;padding:42px 18px 64px;gap:32px}
.hero h1{font-size:clamp(43px,5.6vw,68px);line-height:1.12;letter-spacing:-.04em}
.hero img{width:190px}
.hero>div>p:last-child{max-width:550px;line-height:1.55}
.section{padding-block:90px}
.section-copy h2,.privacy h2,.invite h2{line-height:1.16;letter-spacing:-.025em}
.story{padding-top:55px}
.story>.section-copy{margin-bottom:24px}
.story>.section-copy h2{margin-top:0}
.story-progress button{font-size:15px;padding-block:13px}
.beat{display:block;padding:28px 36px;background:radial-gradient(ellipse at 70% 50%,#7960922c,transparent 70%);border-color:transparent}
.beat-head{text-align:center;margin:0 auto 25px}
.beat-head h3{font-size:clamp(21px,2vw,26px);line-height:1.35;margin-top:0}
.beat-head .step-label{display:none}
.answer-card{max-width:830px;margin-inline:auto;grid-template-columns:40% 1fr;box-shadow:0 14px 32px #09051244;min-height:330px}
.answer-card>div{padding:30px}
.answer-card>div>p:last-child{font-family:Literata,Georgia,serif;font-size:17px;line-height:1.65}
.answer-card img{height:350px;max-height:none;object-fit:cover}
.answer-card.kathy img{object-position:center 59%}
.answer-card .person,.open-book .person{color:#63487c;font:600 13px Figtree,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.shared .beat-head{max-width:none}
.shared-grid{gap:24px}
.shared .answer-card{min-height:0;max-width:none}
.shared .answer-card img{height:180px}
.shared .answer-card.kathy img{object-position:50% 68%}
.shared .answer-card>div{padding:22px 26px}
.shared .answer-card>div>p:last-child{font-size:15px;line-height:1.55}
.story-arrows{max-width:1000px;margin-inline:auto}
.story-arrows button:disabled{opacity:.35;cursor:default}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.art-card{margin:0;transform:rotate(-3deg)}
.around,.growth{grid-template-columns:minmax(0,.95fr) minmax(260px,1.15fr) minmax(0,1fr);gap:38px}
.around blockquote{padding:25px;font-size:15px}
.around blockquote p{margin:0}
.around .section-copy h2,.growth .section-copy h2{font-size:clamp(34px,3.6vw,46px)}
.growth-strip{gap:9px;transform:rotate(-4deg)}
.growth-strip figure:nth-child(1){transform:translateY(-35px)}
.growth-strip figure:nth-child(2){transform:translateY(20px)}
.growth-strip figure:nth-child(3){transform:translateY(-12px)}
.growth .export{transform:rotate(3deg)}
.growth-strip img{border:4px solid #fff9ef;box-shadow:0 16px 30px #08051244}
.growth-strip figcaption{font-size:13px}
.export figcaption{font-size:15px;margin-top:16px}
.sky{gap:60px}
.sky svg{min-height:280px}
.sky svg a:hover{filter:brightness(1.3)}
.open-book{max-width:880px;position:relative;border-radius:12px;box-shadow:0 5px 0 #e3d5c3,0 9px 0 #cab9a2,0 13px 0 #3f304a}
.open-book article{font-size:14px;line-height:1.7;padding:32px 36px 46px;min-height:550px;position:relative}
.open-book article:first-child{background:linear-gradient(90deg,#f9f4e9 90%,#ddd3c2);border-right:1px solid #cec0aa}
.open-book article:last-child{background:linear-gradient(90deg,#e8ddcc,#fffaf1 10%)}
.open-book img{height:260px;object-fit:contain;background:#f0e8db}
.open-book article:after{position:absolute;bottom:18px;left:50%;font:11px Figtree;color:#8c7a6d;content:'2'}
.open-book article:last-child:after{content:'3'}
.nicu{column-gap:65px;row-gap:24px}
.nicu>.section-copy{grid-row:1 / 3}
.nicu .section-copy h2{font-size:44px}
.nicu-art{align-self:end}
.nicu ul{grid-column:2;display:block}
.nicu li{position:relative;padding:14px 0 14px 24px;border:0;border-top:1px solid #d2bdeb26;border-radius:0;background:none;font-size:15px}
.nicu li:before{position:absolute;left:0;top:14px;font-size:12px}
.privacy{padding-block:70px}
.privacy h2{font-size:clamp(26px,3.1vw,38px);max-width:800px}
.invite{padding-block:90px 110px}
.invite h2{max-width:700px;margin-inline:auto}
.trail img{pointer-events:none}
@media(min-width:1200px) and (max-width:1350px){.hero,.section,.footer{width:calc(100% - 170px);margin-left:45px}}
@media(max-width:1100px){.around,.growth{gap:24px}.around blockquote{font-size:14px;padding:20px}.section-copy>p:not(.eyebrow){font-size:17px}.nicu{column-gap:32px}.nicu .section-copy h2{font-size:38px}}
@media(max-width:800px){.hero{min-height:250px;padding:30px 0 50px}.hero img{width:100px}.hero h1{font-size:44px}.hero>div>p:last-child{font-size:17px}.section{padding-block:65px}.story>.section-copy h2{font-size:36px}.story-progress button{font-size:12px;line-height:1.4;display:flex;flex-direction:column;align-items:center;gap:6px}.story-progress button span{margin:0}.beat{padding:18px 8px}.beat-head h3{font-size:21px}.answer-card{grid-template-columns:1fr;min-height:0}.answer-card>div{padding:24px}.answer-card>div>p:last-child{font-size:16px}.answer-card img{height:290px}.shared .answer-card img{height:220px}.around,.growth,.sky,.nicu{grid-template-columns:1fr;gap:32px}.around .section-copy,.growth .section-copy{grid-row:1}.art-card{width:80%;max-width:380px;margin-left:5%}.around blockquote{max-width:440px;width:90%;justify-self:end;margin-top:-65px;position:relative;font-size:16px}.growth-strip{width:88%;max-width:490px;justify-self:center;margin:30px 0 25px}.growth .export{width:70%;max-width:350px;justify-self:center}.sky svg{min-height:0}.open-book article{font-size:15px;min-height:0}.open-book img{height:280px}.nicu>.section-copy{grid-row:auto}.nicu ul{grid-column:auto}.nicu-art img{height:250px}.privacy h2{font-size:30px}.invite h2{font-size:37px}}
@media(max-width:420px){.hero h1{font-size:39px}.hero{gap:14px}.hero img{width:80px}.hero>div>p:last-child{font-size:16px}.beat-head h3{font-size:20px}.answer-card img{height:270px}.answer-card>div{padding:22px}.shared .answer-card>div>p:last-child{font-size:15px}.open-book article{padding:25px 24px 40px}.nicu-art img{height:190px}.nicu .section-copy h2{font-size:34px}.growth-strip figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.trail img{display:none}.story-window{height:auto!important}.story-track{transform:none!important}.beat{width:100%}}

.story-desktop .beat-head h3{font-size:24px}
.story-compact .story-progress button{font-size:13px}
.story-compact .beat{position:relative}
@media(min-width:801px){.story-compact .answer-card{grid-template-columns:40% 1fr}.story-compact .answer-card img{height:340px}.story-compact .shared .answer-card{grid-template-columns:1fr}.story-compact .shared .answer-card>div>p:last-child{font-size:16px}}
@media(max-width:800px){.story-compact .shared-grid{grid-template-columns:1fr}.story-compact .answer-card img{height:300px}.story-compact .shared .answer-card img{height:250px}.story-compact .shared .answer-card p{font-size:16px}.story-compact .story-progress button{font-size:12px}}

.story-desktop .story{padding-bottom:90px}
.story-desktop .story::after{content:"";display:block;height:140vh}
.story-desktop .story-track{transition:none}

.story-desktop .story-shell{top:max(28px,calc((100vh - 570px)/2))}

.story-track{position:relative}
.story-window{scrollbar-width:none}
.story-window::-webkit-scrollbar{display:none}

html{background:#221b34}body{background-attachment:scroll;background-color:#221b34}
@media(min-width:801px){
.shared .answer-card{display:block;position:relative;padding-left:40%}
.shared .answer-card>img{position:absolute;inset:0;width:40%;height:100%!important;max-height:none!important;object-position:center}
.shared .answer-card>div{min-height:330px}
.shared .answer-card>div>p:last-child{font-size:15px}
}

html:not(.js) .trail{display:none}

/* How it works update, Nov 1 2026 (hiw-01 to hiw-17, approved by Jesse on the map) */
.hero>div>p.hero-lead{font-size:20px;color:var(--muted);max-width:550px;line-height:1.55}
.hero>div>p.hero-nicu{font-size:16px;color:var(--muted);max-width:550px;line-height:1.55;margin-top:0}
.hero .hero-nicu a{color:var(--gold);text-underline-offset:3px}
.nicu .nicu-home{grid-column:2;margin:0;padding-top:14px;border-top:1px solid #d2bdeb26;color:var(--muted);font-size:15px;line-height:1.55}
.privacy p{max-width:650px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.65}
@media(max-width:800px){.hero>div>p.hero-lead{font-size:17px}.hero>div>p.hero-nicu{font-size:15px}.nicu .nicu-home{grid-column:auto}.privacy p{font-size:17px}}
@media(max-width:420px){.hero>div>p.hero-lead{font-size:16px}}