@import url('/brand.css');
@font-face{font-family:Alexandria;src:url('/assets/alexandria.woff2') format('woff2');font-weight:300 800;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/barlow-condensed.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--ink:var(--brand-ink);--muted:var(--brand-text);--purple:var(--brand-purple);--deep:var(--brand-purple-dark);--yellow:var(--brand-yellow);--paper:var(--brand-paper);--line:var(--brand-line)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--brand-white);color:var(--ink);font-family:Alexandria,sans-serif;font-size:16px;line-height:1.8}h1,h2,h3,p,figure{margin:0}p+p{margin-top:20px}a{color:inherit;text-underline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--deep);outline-offset:6px}img{max-width:100%;display:block}button{font:inherit}h1,h2,h3{font-family:Barlow,sans-serif;font-weight:800;line-height:1.04;letter-spacing:-.02em}h1{font-size:clamp(3.4rem,6.9vw,6.7rem)}h2{font-size:clamp(2.7rem,4.4vw,4.2rem)}h3{font-size:2rem}p{color:var(--muted)}.shell{width:min(1180px,calc(100% - 72px));margin-inline:auto}.header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--brand-border-header)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:98px;gap:30px}.logo img{width:68px;height:68px;filter:drop-shadow(0 4px 4px color-mix(in srgb,var(--brand-shadow-purple) 14.51%,transparent))}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}nav a{text-decoration:none;padding:12px 0}nav a:hover,nav a[aria-current]{color:var(--deep)}nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:4px;text-underline-offset:9px}.login{border:1px solid var(--line);border-radius:7px;padding:10px 17px!important;margin-left:12px}.menu-toggle{display:none}.skip{position:absolute;left:12px;top:-90px;background:white;padding:10px;z-index:50}.skip:focus{top:12px}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,var(--brand-lavender-gradient-light),var(--brand-lavender-gradient) 62%,var(--brand-surface-gradient))}.hero-art{position:absolute;inset:0;z-index:-1;background:url('/assets/piano-purple-swirls.webp') center/cover;opacity:.18;mix-blend-mode:multiply}.hero-inner{text-align:center;padding:76px 0 73px}.eyebrow{font-size:14px;letter-spacing:.075em;text-transform:uppercase;font-weight:650;color:var(--deep);margin-bottom:22px}.label{display:inline-block;background:var(--yellow);color:var(--ink);padding:5px 13px;transform:rotate(-1deg);letter-spacing:.08em}.marked{position:relative;z-index:0;white-space:normal;background:linear-gradient(transparent 82%,var(--yellow) 82%,var(--yellow) 96%,transparent 96%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero-copy{max-width:730px;margin:30px auto 0;font-size:18px;line-height:1.85}.actions{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:54px;padding:13px 24px;background:var(--purple);color:var(--brand-white);border:2px solid var(--purple);border-radius:8px;box-shadow:0 4px 0 var(--brand-purple-dark);text-decoration:none;font-weight:600;font-size:15px;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--button-shadow,var(--brand-purple-dark))}.btn.secondary{background:color-mix(in srgb,var(--brand-white) 52.16%,transparent);color:var(--deep);border-color:var(--brand-lavender-strong);box-shadow:none}.hero-foot{font-size:14px;margin-top:28px}.small{font-size:14px;line-height:1.7;margin-top:20px}.ribbon{display:flex;justify-content:center;gap:40px;align-items:center;padding:20px 25px;background:var(--purple);color:white;font-size:14px;font-weight:600;letter-spacing:.025em}.ribbon b{font-size:25px;color:var(--yellow);line-height:1}.section{padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.body-copy{max-width:540px}.purple{color:var(--purple)}.text-link{display:inline-block;font-size:15px;font-weight:650;color:var(--deep);text-decoration-thickness:2px;margin-top:24px}.text-link:hover{text-decoration-color:var(--yellow)}.tinted{background:var(--brand-surface-light)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}.section-heading>p{font-size:15px}.pathways{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pathways article{padding:35px 28px 40px}.pathways article:first-child{padding-left:0}.pathways article:last-child{padding-right:0}.pathways article+article{border-left:1px solid var(--line)}.path-number{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--deep)}.pathways h3{margin:20px 0 16px}.pathways p{font-size:15px}.host-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:75px;align-items:center}.host-grid p:not(.eyebrow){margin-top:25px}.photo{padding:12px 12px 0;background:white;border:1px solid var(--brand-border-photo);box-shadow:10px 12px 0 var(--brand-lavender-light);transform:rotate(-2deg)}.photo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.photo figcaption{padding:13px 8px 16px;font-size:12px;text-align:center;color:var(--muted)}.community-band{background:var(--brand-dark);color:white;padding:80px 0;position:relative}.community-band h2{font-size:clamp(2.7rem,3.5vw,3.7rem)}.community-band h2 span{color:var(--yellow)}.community-band p{color:var(--brand-light-text)}.community-band .eyebrow{color:var(--yellow)}.community-band .btn{margin-top:26px}.post-row{display:grid;grid-template-columns:180px 1fr 100px;gap:35px;padding:32px 0;border-top:1px solid var(--line);align-items:start}.post-row:last-child{border-bottom:1px solid var(--line)}.post-date{font-size:13px;color:var(--muted);padding-top:5px}.post-date span{display:block;font-size:12px;color:var(--deep);margin-top:10px}.post-row h3{font-size:2rem;line-height:1.12;max-width:740px}.post-row h3 a{text-decoration:none}.post-row h3 a:hover{color:var(--deep)}.post-row p{font-size:14px;margin-top:15px}.read-link{font-size:13px;white-space:nowrap;color:var(--deep);padding-top:8px}.newsletter-band{padding:70px 0;background:var(--yellow)}.band-inner{display:flex;justify-content:space-between;align-items:center;gap:60px}.band-inner>div:first-child{max-width:630px}.band-inner p{margin-top:20px}.band-inner .eyebrow{margin-top:0;color:var(--ink)}.band-inner h2{font-size:4rem}.band-inner>div:last-child{flex-shrink:0}footer{background:var(--paper);padding-top:65px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:55px}.footer-brand{font-family:Barlow;font-size:2.7rem;line-height:1.03}.footer-brand span{color:var(--purple)}.footer-brand p{font:13px/1.5 Alexandria;margin-top:18px}.footer-top .eyebrow{color:var(--muted);font-size:12px}.footer-top a{display:block;width:fit-content;text-decoration:none;font-size:14px;margin-top:12px}.footer-top a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--brand-border-neutral);display:flex;justify-content:space-between;padding:22px 0;font-size:12px;color:var(--muted)}.newsletter-hero h1{font-size:clamp(3.3rem,6vw,6rem)}.archive-end{text-align:center;margin-top:45px}.compact .hero-inner{padding:65px 0}.resource-feature{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.resource-type{background:var(--purple);color:white;padding:40px;min-height:350px;display:flex;flex-direction:column;justify-content:space-between;border-left:14px solid var(--brand-purple-dark);box-shadow:13px 13px 0 var(--brand-lavender-shadow);transform:rotate(-2deg)}.resource-type>span{font-size:13px;text-transform:uppercase;letter-spacing:.09em}.resource-type strong{font:800 3.7rem/1.03 Barlow;color:var(--yellow)}.resource-feature p:not(.eyebrow){margin:24px 0}.book-list{margin-top:40px}.book-list article{display:flex;gap:40px;border-top:1px solid var(--line);padding:32px 0}.book-number{font:800 3rem Barlow;color:var(--brand-lavender-medium)}.book-list p{margin-top:16px}.about-opening{background:linear-gradient(120deg,var(--brand-lavender-light-alt),var(--brand-surface-pale));padding:85px 0 110px}.about-opening h1{font-size:clamp(4rem,6vw,6rem)}.about-opening .photo{transform:rotate(2deg)}.article-shell{max-width:900px;padding-top:45px;padding-bottom:80px}.back-link{font-size:14px;color:var(--deep)}.article-heading{margin:50px 0 45px}.article-heading h1{font-size:clamp(3rem,5.2vw,5rem)}.article-deck{font-size:20px;line-height:1.6;margin-top:25px}.prose{font-size:17px;line-height:1.95;max-width:760px;margin:auto}.prose p{margin:0 0 24px}.prose h2,.prose h3,.prose h4{font-family:Alexandria;font-weight:650;font-size:1.5rem;line-height:1.5;letter-spacing:0;margin:36px 0 22px;color:var(--deep)}.prose img{height:auto;max-height:650px;margin:32px auto;object-fit:contain;border-radius:5px}.prose iframe{display:block;border:0;width:100%;aspect-ratio:16/9;margin:30px auto}.prose a{color:var(--deep);overflow-wrap:anywhere}.prose blockquote{border-left:4px solid var(--yellow);margin-inline:0;padding-left:24px}.prose li{margin-bottom:8px}.article-end{border-top:1px solid var(--line);margin-top:50px;padding-top:25px;font-size:14px}
@media(min-width:901px){.hero-inner{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){nav{gap:19px}.login{margin-left:0}.shell{width:calc(100% - 48px)}.split,.host-grid{gap:45px}.ribbon{gap:23px}.post-row{grid-template-columns:140px 1fr 90px;gap:24px}.resource-feature{gap:55px}.band-inner{gap:35px}.band-inner>div:last-child{max-width:320px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.header-inner{min-height:82px}.logo img{width:58px;height:58px}.menu-toggle{display:block;border:1px solid var(--line);border-radius:6px;background:white;padding:8px 15px;font-size:14px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px 24px;align-items:stretch;gap:2px}nav.open{display:flex;flex-direction:column}nav a{padding:10px}.login{margin-top:8px;text-align:center}.hero-inner{padding:54px 0}.hero-copy{font-size:16px;margin-top:26px}.hero-foot{font-size:12px}.eyebrow{font-size:12px;letter-spacing:.045em;margin-bottom:20px}.btn{font-size:14px;padding:12px 19px}.actions{gap:13px}.ribbon{gap:15px;padding:15px 12px;flex-wrap:wrap;font-size:12px}.ribbon b{font-size:20px}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.section{padding:65px 0}.split,.host-grid,.resource-feature{grid-template-columns:1fr;gap:34px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px}.pathways{grid-template-columns:1fr}.pathways article,.pathways article:first-child,.pathways article:last-child{padding:30px 0}.pathways article+article{border-left:0;border-top:1px solid var(--line)}.photo{max-width:calc(100% - 12px);margin:0 auto 12px}.host-grid{gap:50px}.community-band{padding:65px 0}.post-row{grid-template-columns:1fr;gap:13px;padding:28px 0}.post-date{display:flex;flex-wrap:wrap;gap:6px 18px}.post-date span{margin:0}.post-row h3{font-size:1.9rem}.read-link{padding-top:0}.newsletter-band{padding:55px 0}.band-inner{display:block}.band-inner>div:last-child{margin-top:28px;max-width:none}.band-inner h2{font-size:3.4rem}.footer-top{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.resource-type{min-height:320px;max-width:calc(100% - 15px)}.resource-type strong{font-size:3.3rem}.book-list article{gap:24px}.about-opening{padding:55px 0 70px}.article-shell{padding-top:30px}.article-heading{margin-top:38px}.article-deck{font-size:18px}.prose{font-size:16px}.article-heading h1{font-size:3rem}.newsletter-hero h1{font-size:3.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Main website: offer-led flow, distinct from the community landing page. */
.promise-hero{background:var(--brand-paper);overflow:hidden}.promise-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;min-height:630px;padding-block:54px}.promise-copy h1{font-size:clamp(3.8rem,6.4vw,6.2rem);line-height:1.01}.promise-copy h1 span{color:var(--purple)}.promise-copy>p:not(.eyebrow):not(.small){max-width:580px;font-size:18px;line-height:1.75;margin-top:27px}.promise-copy .btn{margin-top:28px}.promise-copy .small{margin-top:18px}.offer-art{position:relative;background:var(--brand-lavender-art);border-radius:50% 50% 8px 8px;padding:0 0 20px}.offer-art img{width:100%;height:auto;max-height:465px;object-fit:contain;filter:drop-shadow(8px 10px 7px color-mix(in srgb,var(--brand-shadow-purple) 13.33%,transparent))}.offer-art figcaption{text-align:center;font-size:12px;letter-spacing:.1em;font-weight:650;color:var(--deep)}.recognition-home{background:var(--purple);padding:67px 0;color:var(--brand-white)}.recognition-copy{max-width:910px}.recognition-home .eyebrow{color:var(--yellow)}.recognition-home h2{font-size:clamp(2.6rem,3.8vw,3.8rem);line-height:1.08;margin-bottom:26px}.recognition-home p:not(.eyebrow){color:white;max-width:800px;font-size:17px}.resource-detail{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.resource-detail>div>p:not(.eyebrow){margin-top:25px;max-width:505px}.resource-detail .btn{margin-top:28px}.recipe-contents>div{position:relative;padding:26px 0 26px 60px;border-top:1px solid var(--line)}.recipe-contents>div:last-child{border-bottom:1px solid var(--line)}.content-number{position:absolute;top:26px;left:0;font:800 2rem Barlow;color:var(--purple)}.recipe-contents h3{font-size:1.85rem;margin-bottom:12px}.recipe-contents p{font-size:15px}.teacher-section{background:var(--brand-paper);padding:75px 0}.teacher-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px}.teacher-grid>img{width:100%;height:auto;aspect-ratio:1.05;object-fit:cover;object-position:65%;border-radius:3px}.teacher-grid h2{font-size:3.5rem}.teacher-grid p:not(.eyebrow){margin-top:22px}.deeper-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.deeper-grid article{padding-top:30px;border-top:4px solid var(--purple)}.deeper-grid h3{font-size:2.5rem;line-height:1.08;margin-bottom:20px}.deeper-grid article:last-child{border-top-color:var(--yellow)}.deeper-grid article .eyebrow{font-size:12px}.ongoing-section{background:var(--brand-surface)}.ongoing-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:55px}.ongoing-heading .text-link{margin-right:25px}.final-offer{padding:75px 0;background:var(--brand-dark);color:white;text-align:center}.final-offer .eyebrow{color:var(--yellow)}.final-offer h2{font-size:3.8rem}.final-offer .btn{--button-shadow:var(--brand-yellow-dark);margin-top:30px;background:var(--yellow);border-color:var(--yellow);box-shadow:0 4px 0 var(--brand-yellow-dark);color:var(--ink)}.final-offer .small{color:var(--brand-light-text)}.newsletter-intro{background:var(--brand-paper);padding:65px 0}.newsletter-intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:85px;align-items:center}.newsletter-intro h1{font-size:5.7rem;color:var(--purple)}.newsletter-intro p:not(.eyebrow){max-width:590px;margin-top:22px}.newsletter-invite{border-left:3px solid var(--yellow);padding-left:35px}.newsletter-invite h2{font-size:2.3rem;line-height:1.13}.newsletter-invite .btn{margin-top:24px}.newsletter-invite .small{font-size:13px}.resource-intro{padding:55px 0 45px;border-bottom:1px solid var(--line)}.resource-intro h1{font-size:4.6rem}.resource-intro p:last-child{margin-top:22px}.resource-cover{background:var(--brand-paper);border-radius:4px;padding:10px}.resource-cover img{width:100%;height:auto;max-height:440px;object-fit:contain}.about-opening{background:white;border-bottom:1px solid var(--line)}.about-opening .label{background:none;padding:0;transform:none;color:var(--deep)}.about-opening .marked{background:none;color:var(--purple)}.about-opening .photo{transform:none;box-shadow:none;padding:0;border:0}.about-opening .photo img{aspect-ratio:1.15;border-radius:4px}.about-opening .photo figcaption{text-align:left;padding-left:0}
@media(max-width:1000px){.promise-grid{grid-template-columns:1.3fr 1fr;min-height:550px}.resource-detail{gap:50px}.teacher-grid,.ongoing-heading{gap:40px}.newsletter-intro-grid{gap:40px}.newsletter-intro h1{font-size:4.7rem}}
@media(max-width:760px){.promise-grid{grid-template-columns:1fr;padding-block:40px;gap:35px}.promise-copy h1{font-size:3.6rem}.promise-copy>p:not(.eyebrow):not(.small){font-size:16px}.promise-copy .eyebrow{font-size:11px;letter-spacing:.04em}.offer-art{max-width:330px;width:100%;margin:auto}.offer-art img{max-height:305px}.recognition-home{padding:48px 0}.recognition-home p:not(.eyebrow){font-size:16px}.resource-detail,.teacher-grid,.ongoing-heading,.newsletter-intro-grid{grid-template-columns:1fr;gap:36px}.teacher-section{padding:50px 0}.teacher-grid>img{aspect-ratio:1.5}.teacher-grid h2{font-size:3rem}.deeper-grid{grid-template-columns:1fr;gap:40px}.deeper-grid h3{font-size:2.25rem}.ongoing-heading{margin-bottom:35px;gap:24px}.final-offer{padding:55px 0}.final-offer h2{font-size:3rem}.newsletter-intro{padding:45px 0}.newsletter-intro h1{font-size:4rem}.newsletter-invite{padding-left:22px}.resource-intro h1{font-size:3.2rem}.resource-intro{padding:40px 0}.resource-detail .small{font-size:13px}}

/* Kit owns the form design; this wrapper only controls page placement. */
.kit-embed{margin-top:24px;scroll-margin-top:120px;max-width:100%}
.kit-embed:has(.formkit-form) .kit-fallback{display:none}
.kit-fallback{font-size:14px}

/* Recipe Book: the original offer copy, within the main website theme. */
.recipe-hero{background:linear-gradient(115deg,var(--brand-surface-light),var(--brand-white) 75%);border-bottom:1px solid var(--line)}.recipe-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;padding-block:65px}.recipe-promise h1{font-size:clamp(3rem,4.3vw,4.4rem);line-height:1.06;max-width:690px}.recipe-promise h1 span{color:var(--purple)}.recipe-deck{font-size:18px;line-height:1.75;margin-top:25px;max-width:560px}.recipe-signup{margin-top:32px;max-width:565px}.recipe-signup .kit-embed{margin-top:16px}.recipe-signup .small{max-width:520px;line-height:1.8}.recipe-art{background:var(--brand-lavender-light-alt);border-radius:50% 50% 12px 12px;padding-bottom:24px}.recipe-art img{width:100%;height:auto;filter:drop-shadow(8px 14px 10px color-mix(in srgb,var(--brand-shadow-28113f) 14.9%,transparent))}.recipe-art figcaption{text-align:center;font-size:14px;font-weight:600;color:var(--deep)}.recipe-inside-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.recipe-inside h2{font-size:clamp(3rem,5vw,5rem)}.recipe-ingredients{list-style:none;padding:0;margin:0}.recipe-ingredients li{padding:28px 0;border-top:1px solid var(--line)}.recipe-ingredients li:first-child{padding-top:0;border-top:4px solid var(--yellow);padding-top:28px}.recipe-ingredients li:last-child{border-bottom:1px solid var(--line)}.recipe-ingredients h3{font-size:2.2rem;margin-bottom:15px}.recipe-close{background:var(--brand-dark);padding:65px 0;text-align:center}.recipe-close h2{color:var(--brand-white);font-size:clamp(2.8rem,4.4vw,4.3rem)}.recipe-close p{color:var(--brand-lavender-pale);margin-top:24px}.recipe-close .btn{margin-top:28px}.recipe-close .small{max-width:710px;margin-inline:auto}
@media(max-width:1000px){.recipe-hero-grid{gap:35px}.recipe-inside-grid{gap:45px}}
@media(max-width:760px){.recipe-hero-grid{grid-template-columns:1fr;gap:35px;padding-block:42px}.recipe-promise h1{font-size:3.1rem}.recipe-deck{font-size:16px}.recipe-art{grid-row:1;max-width:340px;width:100%;margin-inline:auto}.recipe-inside-grid{grid-template-columns:1fr;gap:30px}.recipe-ingredients h3{font-size:2rem}.recipe-close{padding:50px 0}.recipe-close .small{font-size:14px}}

.recipe-portrait{max-width:360px;margin-top:32px}.recipe-portrait img{width:100%;height:auto;border-radius:12px}@media(max-width:760px){.recipe-inside-intro{display:flex;flex-direction:column}.recipe-portrait{order:-1;width:100%;align-self:center;margin-top:0;margin-bottom:28px}}

.recipe-close .kit-embed{max-width:565px;margin:28px auto 0}

/* The original success-page artwork, with the main site's typography and layout. */
.success-notice{padding:32px 0 35px;background:var(--brand-surface-light);border-bottom:1px solid var(--line);text-align:center}
.success-notice h2{font-size:2.8rem;color:var(--purple);display:flex;align-items:center;justify-content:center;gap:12px}
.success-check{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--yellow);color:var(--ink);font:700 24px/1 Alexandria,sans-serif}
.success-notice p{margin-top:14px;font-size:17px;font-weight:600;color:var(--ink)}
.success-notice .small{margin-top:8px;font-size:14px;font-weight:400;color:var(--muted)}
.storytelling-offer{background:var(--brand-border-input) url('/assets/storytelling-background.webp') center/cover}
.storytelling-offer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding-block:55px}
.storytelling-offer h1{font-size:clamp(3.2rem,4.5vw,4.7rem);max-width:650px}
.storytelling-deck{color:var(--deep);font-weight:600;font-size:20px;line-height:1.6;margin-top:25px;max-width:580px}
.storytelling-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}
.storytelling-actions .text-link{margin-top:0}
.storytelling-cover img{width:100%;height:auto;max-height:500px;object-fit:contain;filter:drop-shadow(6px 10px 9px color-mix(in srgb,var(--brand-shadow-28113f) 12.55%,transparent))}
.storytelling-contents-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}
.storytelling-contents h2{margin-bottom:25px}
.storytelling-contents ul{list-style:none;padding:0;margin:0;border-top:4px solid var(--yellow)}
.storytelling-contents li{border-bottom:1px solid var(--line);padding:22px 0;line-height:1.8;color:var(--muted)}
.storytelling-contents strong{color:var(--ink)}
.storytelling-author{background:var(--brand-surface-light);padding:55px 0}
.storytelling-author-grid{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:center;max-width:900px}
.storytelling-author img{width:200px;height:auto}
.storytelling-author h2{font-size:3rem;margin-bottom:20px}
.storytelling-author p:not(.eyebrow){max-width:600px}
.storytelling-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.storytelling-story h2{font-size:clamp(2.4rem,3vw,3rem);line-height:1.1;margin-bottom:26px}
.storytelling-story ul{padding-left:24px;color:var(--muted);margin-block:22px}
.storytelling-story li{padding-left:4px;margin-bottom:12px}
.storytelling-story li::marker{color:var(--purple)}
.storytelling-shift{background:var(--brand-dark);border-radius:12px;padding:38px;color:white}
.storytelling-shift h2 span{color:var(--yellow)}
.storytelling-shift p{color:var(--brand-lavender-pale)}
.storytelling-shift .btn{margin-top:28px}
@media(max-width:1000px){.storytelling-offer-grid{gap:30px}.storytelling-contents-grid{gap:45px}.storytelling-story-grid{gap:40px}}
@media(max-width:760px){.success-notice{padding:28px 0}.success-notice h2{font-size:2.5rem}.success-notice p{font-size:16px}.success-notice .small{font-size:13px}.storytelling-offer-grid{grid-template-columns:1fr;gap:30px;padding-block:42px}.storytelling-offer h1{font-size:3.2rem}.storytelling-deck{font-size:18px}.storytelling-cover{grid-row:1;max-width:320px;width:100%;margin-inline:auto}.storytelling-contents-grid,.storytelling-story-grid{grid-template-columns:1fr;gap:30px}.storytelling-author{padding:45px 0}.storytelling-author-grid{grid-template-columns:1fr;gap:28px}.storytelling-author img{width:200px;max-width:70%;justify-self:center}.storytelling-shift{padding:28px}.storytelling-actions{gap:20px}}

/* Shared navigation, compact footer, and the familiar community button. */
.btn,.login{background:var(--purple);color:var(--brand-white);border:2px solid var(--brand-purple-dark);border-radius:12px;box-shadow:0 5px 0 var(--button-shadow,var(--brand-purple-dark));text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}
.login{display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;min-height:46px;font-size:.875rem;line-height:1.4;font-weight:700;white-space:nowrap}
nav .login:hover,nav .login:focus-visible{color:white;background:var(--brand-purple-hover)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.btn:hover,.login:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--button-shadow,var(--brand-purple-dark))}}
.btn:active,.login:active{transform:translateY(3px);box-shadow:0 2px 0 var(--button-shadow,var(--brand-purple-dark))}
.btn:disabled{opacity:.5;cursor:default;transform:none;scale:none!important;box-shadow:none}
.article-shell .back-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--brand-surface);color:var(--deep);font-size:.875rem;line-height:1.4;font-weight:600;text-decoration:none;transition:background .18s,scale .18s}.article-shell .back-link:hover{background:var(--brand-lavender-hover)}.article-shell .back-link svg{flex-shrink:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.article-shell .back-link:hover{scale:1.035}}
.band-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center}.newsletter-form{width:100%;min-width:0}.newsletter-form .kit-embed{margin-top:0}.band-inner .small{font-size:.875rem}
.newsletter-intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}.newsletter-art img{width:100%;height:auto;border-radius:12px}.newsletter-invite{border:0;padding:0}.newsletter-invite h1{font:700 clamp(2.1rem,3.4vw,3.25rem)/1.2 Alexandria,sans-serif;letter-spacing:-.035em;color:var(--ink)}.newsletter-invite p:not(.eyebrow){margin-top:22px}.newsletter-invite .eyebrow{color:var(--purple)}
.page-newsletter .section-heading h2,.page-newsletter .article-heading h1{font-family:Alexandria,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.25}.page-newsletter .section-heading h2{font-size:clamp(1.8rem,3vw,2.7rem)}.page-newsletter .article-heading h1{font-size:clamp(2rem,4.4vw,3.6rem)}
.post-row h3{font:650 clamp(1.35rem,2.1vw,1.85rem)/1.4 Alexandria,sans-serif;letter-spacing:-.025em}.post-date,.post-date span,.read-link{font-size:.875rem}.post-row p{font-size:1rem;line-height:1.8}.post-row[hidden]{display:none!important}
.resource-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.resource-card{display:flex;flex-direction:column;min-width:0}.resource-image{height:300px;display:flex;align-items:center;justify-content:center;background:none;margin-bottom:28px}.resource-image img{width:100%;height:100%;object-fit:contain}.resource-card h2{font-size:2.4rem;line-height:1.12;margin-bottom:20px}.resource-card>p:not(.eyebrow){font-size:1rem;flex:1}.resource-card .eyebrow{margin-bottom:16px}.resource-card .text-link{margin-top:25px;font-size:.95rem}
.about-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:75px}.about-grid>div>p:not(.eyebrow){margin-top:25px}.about-headshot{max-width:350px;width:100%;margin:auto}.about-headshot img{width:100%;height:auto}.yellow-underline{position:relative;isolation:isolate;white-space:nowrap}.yellow-underline::after{content:'';position:absolute;left:-3%;right:-3%;bottom:5%;height:24%;background:var(--yellow);z-index:-1;transform:rotate(-2deg);border-radius:35% 10% 30% 20%}
.dashboard-hero{background:var(--brand-surface-light);border-bottom:1px solid var(--line)}.dashboard-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:45px;padding-block:65px;align-items:center}.dashboard-hero h1{font-size:clamp(3.4rem,5vw,5.2rem)}.dashboard-hero p:not(.eyebrow){margin-top:25px}.dashboard-hero .btn{margin-top:28px}.dashboard-intro{max-width:800px}.dashboard-intro h2{margin-bottom:28px}.dashboard-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.dashboard-feature h3{font-size:2.2rem;line-height:1.1;margin-bottom:22px}.dashboard-feature img{width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.dashboard-faq details{border-bottom:1px solid var(--line)}.dashboard-faq summary{cursor:pointer;font-weight:600;line-height:1.7;padding:20px 0}.dashboard-faq details>div{padding-bottom:25px}
.archive-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;margin-bottom:24px}.archive-controls label{display:block;font-size:.875rem;font-weight:600;margin-bottom:9px}.archive-controls input,.archive-controls select{width:100%;min-width:0;border:1px solid var(--brand-muted-lavender);border-radius:8px;background:white;padding:14px;font:inherit;color:var(--ink)}.archive-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:42px}#archive-status{margin-bottom:24px}
.legal-shell{max-width:960px;padding-block:65px}.legal-shell h1{font-size:clamp(3rem,5vw,4.8rem)}.legal-draft{margin:28px 0;padding:24px;background:var(--brand-yellow-surface);border-left:4px solid var(--yellow);font-size:.95rem}.legal-draft p{margin-top:12px}.legal-contents{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;padding:25px 0 40px;border-bottom:1px solid var(--line);font-weight:400;font-size:.95rem}.legal-contents a{padding:0;color:var(--deep);text-decoration:underline;line-height:1.8}.legal-copy section{padding-top:38px;scroll-margin-top:125px}.legal-copy h2{font:650 1.5rem/1.4 Alexandria,sans-serif;margin-bottom:20px;letter-spacing:-.025em}.legal-copy p{font-size:1rem;line-height:1.9}.legal-copy p+p{margin-top:20px}.legal-copy a{color:var(--deep)}
@media(max-width:1000px){.resource-catalog{gap:28px}.resource-image{height:230px}.resource-card h2{font-size:2.1rem}.about-grid{gap:40px}.newsletter-intro-grid{gap:35px}.dashboard-feature{gap:35px}}
@media(max-width:760px){.footer-row{justify-content:center;text-align:center;gap:15px}.footer-row>span{width:100%}.footer-row nav{justify-content:center;gap:18px}.compact-footer{padding:24px 0}.band-inner,.newsletter-intro-grid,.about-grid,.dashboard-hero-grid,.dashboard-feature{grid-template-columns:minmax(0,1fr);gap:32px}.newsletter-form{max-width:none!important}.newsletter-art{max-width:500px;margin:auto}.newsletter-invite h1{font-size:2.5rem}.resource-catalog{grid-template-columns:minmax(0,1fr);gap:55px}.resource-image{height:270px;margin-bottom:20px}.resource-card h2{font-size:2.5rem}.about-headshot{grid-row:1;max-width:240px}.about-grid h1{font-size:3.8rem}.dashboard-hero-grid>img{grid-row:1}.dashboard-hero-grid{padding-block:40px}.dashboard-hero h1{font-size:3.5rem}.dashboard-feature h3{font-size:2.05rem}.archive-controls{grid-template-columns:1fr;gap:18px}.archive-pagination{gap:18px}.legal-shell{padding-block:40px}.legal-contents{position:static;display:grid;grid-template-columns:1fr;padding:24px 0;background:none;border-bottom:1px solid var(--line)}.legal-draft{padding:20px}.page-newsletter .article-heading h1{font-size:2.35rem}}

/* Articles share one reading column, including their title and media. */
.page-article .article-shell{width:min(760px,calc(100% - 48px));max-width:760px;padding:36px 0 40px}
.page-article .article-heading{margin:32px 0 30px}
.page-article .article-heading h1{font-size:clamp(1.9rem,3.3vw,2.75rem);line-height:1.24;overflow-wrap:anywhere}
.page-article .article-heading .eyebrow{margin-bottom:16px}
.page-article .article-deck{font-size:1.125rem;line-height:1.65;margin-top:18px}
.page-article .article-heading .small{margin-top:18px}
.page-article .prose{width:100%;max-width:none;margin:0}
.page-article .prose img{width:100%;height:auto;max-height:none;margin:24px 0}
.page-article .prose iframe{width:100%;margin:24px 0}
.article-actions{position:relative;display:flex;align-items:center;gap:16px;margin-top:20px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-share{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--brand-border-strong);border-radius:999px;padding:8px 16px;background:white;color:var(--ink);font:500 .875rem/1.4 Alexandria,sans-serif;cursor:pointer;transition:scale .18s,background .18s}
.article-share:hover{background:var(--brand-surface-light);scale:1.035}
.article-share-options{position:absolute;top:calc(100% - 8px);left:0;z-index:5;min-width:180px;background:white;box-shadow:0 5px 18px color-mix(in srgb,var(--brand-dark) 13.33%,transparent);border:1px solid var(--line);border-radius:10px;padding:6px}
.article-share-options[hidden],.article-share-options button[hidden]{display:none}
.article-share-options button,.article-share-options a{display:block;width:100%;text-align:left;padding:10px;border:0;border-radius:6px;background:white;color:var(--ink);font:400 .875rem/1.5 Alexandria,sans-serif;text-decoration:none;cursor:pointer}
.article-share-options button:hover,.article-share-options a:hover{background:var(--brand-surface-light)}
.article-share-status{font-size:.8rem;line-height:1.4;color:var(--deep)}
.article-copy-manual{width:100%;font:inherit;padding:8px;border:1px solid var(--line);border-radius:6px}
@media(max-width:760px){.page-article .article-shell{width:calc(100% - 36px);padding-top:28px;padding-bottom:28px}.page-article .article-heading{margin-top:24px}.page-article .article-heading h1{font-size:1.9rem}.article-share-status{max-width:65%}}
@media(prefers-reduced-motion:reduce){.article-share{transition:none}.article-share:hover{scale:none}}

/* One compact newsletter invitation shared by every bottom signup. */
.newsletter-band{background:var(--brand-dark);color:var(--brand-white);padding:32px 0}
.newsletter-band .band-inner{gap:36px;align-items:start}
.newsletter-band .eyebrow{color:var(--yellow);font-size:.875rem;margin:0 0 14px}
.newsletter-band h2{color:var(--brand-white);font-size:clamp(2.8rem,4.3vw,3.6rem);line-height:1.08}
.newsletter-band p{color:var(--brand-light-text);font-size:1.0625rem;line-height:1.7;margin-top:16px}
.newsletter-band .newsletter-form .small{color:var(--brand-light-muted);font-size:.875rem;line-height:1.6;margin-top:14px}
.newsletter-band .newsletter-form{align-self:start}
.newsletter-band .formkit-form{padding:0!important;margin:0!important;background:transparent!important}
@media(max-width:760px){.newsletter-band{padding:28px 0}.newsletter-band .band-inner{gap:24px}.newsletter-band h2{font-size:2.8rem}.newsletter-band .band-inner>div:last-child{margin-top:0}.newsletter-band p{font-size:1rem}}

/* Newsletter artwork, without its lettering, softly blends into the archive. */
.archive-intro{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-surface)}
.archive-intro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/odysseynotes-background-v1.png') center 68%/cover no-repeat;opacity:.28;mix-blend-mode:multiply}

/* The newsletter opens with the same type and accents as the wider site. */
.newsletter-intro{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-surface);padding:64px 0;border-bottom:1px solid var(--line)}
.newsletter-intro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/odysseynotes-background-v1.png') center 65%/cover no-repeat;opacity:.42;filter:contrast(1.12);mix-blend-mode:multiply}
.newsletter-intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center}
.newsletter-invite h1{font:800 clamp(3.2rem,5.3vw,4.8rem)/1.05 Barlow,sans-serif;letter-spacing:0;color:var(--ink)}
.newsletter-invite>p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;margin-top:28px;max-width:520px;color:var(--ink)}
.newsletter-signup-card{min-width:0;background:var(--brand-white);padding:32px;border:1px solid var(--brand-border-card);border-top:4px solid var(--yellow);border-radius:12px;box-shadow:0 8px 24px color-mix(in srgb,var(--brand-dark) 4.31%,transparent)}
.newsletter-signup-card h2{font:600 1.125rem/1.5 Alexandria,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.newsletter-signup-card .kit-embed{margin-top:20px}
.newsletter-signup-card .formkit-form{background:transparent!important;padding:0!important;margin:0!important}
.newsletter-intro .newsletter-signup-card .small{font-size:.8125rem;line-height:1.6;margin-top:20px;color:var(--brand-muted-purple-soft)}
.newsletter-signup-card .formkit-submit,.newsletter-band .formkit-submit{background:var(--purple)!important;color:var(--brand-white)!important;border:2px solid var(--brand-purple-dark)!important;border-radius:12px!important;box-shadow:0 5px 0 var(--brand-purple-dark)!important;transition:transform .2s,box-shadow .2s,scale .2s!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.newsletter-signup-card .formkit-submit:hover,.newsletter-band .formkit-submit:hover{transform:translateY(-2px);scale:1.025;box-shadow:0 7px 0 var(--brand-purple-dark)!important}}
.newsletter-signup-card .formkit-submit:active,.newsletter-band .formkit-submit:active{transform:translateY(2px);box-shadow:0 3px 0 var(--brand-purple-dark)!important}
@media(max-width:1000px){.newsletter-intro-grid{gap:32px}.newsletter-signup-card{padding:26px}}
@media(max-width:760px){.newsletter-intro{padding:40px 0}.newsletter-intro-grid{grid-template-columns:minmax(0,1fr);gap:32px}.newsletter-invite h1{font-size:clamp(2.8rem,10vw,3.6rem)}.newsletter-invite>p:not(.eyebrow){font-size:1rem;margin-top:24px}.newsletter-signup-card{padding:24px}.newsletter-invite{padding:0}.newsletter-intro .eyebrow{font-size:.8rem}}

.newsletter-signup-card .formkit-form>div,.newsletter-band .formkit-form>div{padding:0!important}

.newsletter-wordmark{display:block;width:min(380px,100%);height:auto;margin:0 0 24px}
.newsletter-invite .yellow-underline{color:var(--ink)}
.archive-pagination[hidden],#archive-expand-wrap[hidden]{display:none!important}
#archive-results[data-archive-mode="recent"] .post-row:nth-child(n+4){display:none}
#articles{scroll-margin-top:120px}
@media(max-width:760px){.newsletter-wordmark{width:min(320px,100%);margin-bottom:24px}}

/* Display the original yellow lettering alone, keeping the source artwork intact. */
.newsletter-brand{margin-bottom:28px}
.newsletter-wordmark-window{position:relative;width:min(380px,100%);aspect-ratio:5741/752;overflow:hidden;filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--brand-dark) 25.1%,transparent))}
.newsletter-intro .newsletter-wordmark-window{filter:drop-shadow(0 2px 1px color-mix(in srgb,var(--brand-dark) 60.0%,transparent)) drop-shadow(0 4px 5px color-mix(in srgb,var(--brand-dark) 20.0%,transparent))}
.newsletter-wordmark-source{position:absolute;width:139.3485%;max-width:none;height:auto;left:-34.9765%;top:-67.4202%}
.newsletter-intro .newsletter-invite .newsletter-tagline{font-size:1.125rem;line-height:1.5;color:var(--ink);margin:12px 0 0}
.newsletter-tagline strong{font-weight:700}
@media(max-width:760px){.newsletter-wordmark-window{width:min(320px,100%)}.newsletter-intro .newsletter-invite .newsletter-tagline{font-size:1rem}.newsletter-brand{margin-bottom:26px}}

/* Keep the newsletter wordmark, subtitle and promise close together. */
.newsletter-brand{margin-bottom:18px}
.newsletter-intro .newsletter-invite .newsletter-tagline{margin-top:4px}
/* A visual archive keeps each article's details together beneath its cover. */
#archive-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
#archive-results .archive-card{display:flex;flex-direction:column;gap:0;padding:0;min-width:0;border:1px solid var(--brand-border-soft);border-radius:12px;overflow:hidden;background:var(--brand-white);box-shadow:0 3px 12px color-mix(in srgb,var(--brand-dark) 2.35%,transparent)}
.archive-card-cover{display:block;aspect-ratio:16/9;background:var(--brand-lavender-muted);overflow:hidden}
.archive-card-cover img{width:100%;height:100%;object-fit:cover}
.archive-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:22px}
.archive-card-body time{font-size:.875rem;line-height:1.5;color:var(--brand-metadata)}
.archive-card-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;margin-bottom:14px}
.archive-card-topics span{font-size:.875rem;line-height:1.5;font-weight:500;color:var(--deep);background:var(--brand-surface-muted);border-radius:5px;padding:3px 7px}
#archive-results .archive-card h3{font:650 1.25rem/1.4 Alexandria,sans-serif;letter-spacing:-.025em;margin:0 0 14px}
.archive-card h3 a{text-decoration:none}
.archive-card h3 a:hover{color:var(--deep)}
#archive-results .archive-card-excerpt{font-size:1rem;line-height:1.75;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#archive-results .archive-card .read-link{margin-top:auto;padding:0;color:var(--deep);font-size:.875rem;font-weight:500}
@media(max-width:1000px){#archive-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:640px){#archive-results{grid-template-columns:minmax(0,1fr);gap:24px}.archive-card-body{padding:22px}#archive-results .archive-card h3{font-size:1.3rem}.newsletter-brand{margin-bottom:18px}}

.archive-section{padding:64px 0 80px}
.archive-section .section-heading{margin-bottom:32px}
@media(max-width:640px){.archive-section{padding:48px 0 60px}}

/* The article masthead reuses the newsletter identity at a reading-page scale. */
.page-article .article-heading .newsletter-brand{margin-bottom:22px}.page-article .article-heading .newsletter-wordmark-window{width:min(240px,100%)}.page-article .article-heading .newsletter-tagline{font-size:.875rem;line-height:1.5;color:var(--ink);margin:4px 0 0}

/* Keep the Recipe Book invite close to its fields at narrow iframe widths. */
@media(max-width:760px){.recipe-signup .formkit-form[data-uid="85b7375149"]>div{padding-top:0!important}}
