/* A clear introduction to the whole collection. */
.home-promo{max-width:1440px;margin:0 auto;min-height:44px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:center;gap:24px;background:#fff0b4;color:#172442;border-bottom:1px solid #efe0a7;font-size:.875rem}
.home-promo a{min-height:44px;display:inline-flex;align-items:center;gap:12px;font-weight:600}
.home-promo a:hover{text-decoration:underline;text-underline-offset:4px}
.home-promo-divider{height:16px;width:1px;background:#cdbb7e}
.collection-hero{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:48px;padding:48px var(--gutter) 44px;background:linear-gradient(135deg,#f4f7ff,#f5f7ff 64%,#edf3ff);border-bottom:1px solid #e0e7f3}
.collection-hero-copy{min-width:0}
.collection-hero .eyebrow{color:var(--blue);font-size:.68rem;letter-spacing:1.65px;margin:0 0 18px}
.collection-hero h1{font-size:clamp(2.65rem,4.35vw,3.8rem);line-height:1.06;letter-spacing:-1.8px;margin:0}
.collection-hero h1 em{color:var(--blue);font-style:normal}
.collection-hero-intro{font-size:1rem;line-height:1.7;max-width:470px;color:#4b5c7a;margin:24px 0}
.collection-hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:13px}
.collection-hero-actions .button{min-height:50px;padding:14px 22px;gap:30px}
.collection-hero-note{font-size:.8rem;color:#596781}
.collection-hero .quick-ages{margin:24px 0 0;gap:7px}
.collection-hero .quick-ages>span{font-size:.8rem}
.collection-hero .quick-ages a{min-height:44px;min-width:44px;background:#fff;border-color:#cbd6eb;font-size:.85rem}
.collection-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;min-width:0}
.collection-path{display:flex;flex-direction:column;min-width:0;color:var(--ink);text-align:left;border-radius:18px;padding:18px 14px 16px;border:1px solid #d9e2f1;background:#fff;box-shadow:0 10px 24px #17244208;transition:transform .18s,box-shadow .18s}
.drawing-path{background:#e8eefc}.puzzles-path{background:#fff2ca;border-color:#eaddb3}.cookbooks-path{background:#e7f3ed;border-color:#d1e3d9}
.collection-path:nth-child(2){margin-top:26px}
.collection-cover{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:720/950;width:100%;margin-bottom:18px}
.collection-cover img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 7px 4px #15244229);border-radius:2px}
.collection-path-name{font:700 clamp(.95rem,1.35vw,1.22rem)/1.3 Outfit,system-ui,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:6px}
.collection-path-name>span{font-family:system-ui,sans-serif;font-size:.9rem;color:#2944a8}
.collection-path-note{display:block;font-size:.73rem;line-height:1.4;color:#536079;margin-top:6px}
.collection-path:hover{transform:translateY(-5px);box-shadow:0 14px 26px #17244214}
.collection-path:focus-visible,.home-promo a:focus-visible,.collection-hero-actions a:focus-visible{outline:3px solid #de602b;outline-offset:4px}
@media(min-width:1500px){.collection-hero{border-radius:0 0 22px 22px}.home-promo{border-radius:14px 14px 0 0}}
@media(min-width:761px) and (max-width:1100px){.collection-hero{gap:28px;padding-top:38px;padding-bottom:38px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.collection-hero h1{font-size:clamp(2.4rem,4.4vw,3rem)}.collection-paths{gap:10px}.collection-path{padding:12px 10px}.collection-path-name{font-size:.9rem}.collection-path-note{font-size:.65rem}.collection-hero-intro{font-size:.94rem}.collection-hero .eyebrow{font-size:.6rem;letter-spacing:1.1px}}
@media(max-width:760px){
 .home-promo{gap:15px;padding:0 12px;font-size:.72rem}
 .home-promo a{gap:6px}
 .home-promo-divider{height:14px}
 .collection-hero{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px 20px;text-align:center}
 .collection-hero-copy{display:contents}
 .collection-hero .eyebrow{grid-row:1;margin:0;font-size:.6rem;letter-spacing:1.1px}
 .collection-hero h1{grid-row:2;font-size:clamp(2rem,8.5vw,2.8rem);line-height:1.08;letter-spacing:-1px;max-width:470px;justify-self:center}
 .collection-hero-intro{grid-row:3;font-size:.88rem;line-height:1.6;margin:0;max-width:380px;justify-self:center}
 .collection-hero-intro br{display:none}
 .collection-paths{grid-row:4;gap:9px;width:100%;max-width:440px;justify-self:center;margin:4px 0 0}
 .collection-path{padding:10px 8px 12px;border-radius:12px;box-shadow:none}
 .collection-path:nth-child(2){margin-top:0}
 .collection-cover{margin-bottom:12px}
 .collection-path-name{justify-content:center;gap:4px;font-size:.8rem}
 .collection-path-name>span{font-size:.7rem}
 .collection-path-note{font-size:.61rem;text-align:center;margin-top:5px}
 .collection-hero-actions{grid-row:5;width:100%;max-width:440px;align-items:center;gap:10px;justify-self:center}
 .collection-hero-actions .button{width:100%;justify-content:center;gap:16px;border-radius:12px;box-shadow:none;font-size:.9rem;background:var(--blue);color:white}
 .collection-hero-note{font-size:.72rem}
 .collection-hero .quick-ages{grid-row:6;justify-content:center;margin:0;gap:7px}
 .collection-hero .quick-ages>span{font-size:.72rem;margin-right:1px}
 .collection-hero .quick-ages a{background:transparent;font-size:.8rem}
}
@media(max-width:360px){.collection-hero{padding-left:14px;padding-right:14px;gap:14px}.collection-hero h1{font-size:1.95rem}.collection-paths{gap:7px}.collection-path{padding-left:6px;padding-right:6px}.collection-path-name{font-size:.74rem}.collection-path-note{font-size:.57rem}.home-promo{font-size:.66rem;gap:12px}}
@media(prefers-reduced-motion:reduce){.collection-path{transition:none}.collection-path:hover{transform:none}}

/* A free sample pack directly after the introduction. */
.home-free-pack{background:#fffaf0;border-bottom:1px solid #eee4ca;padding:48px var(--gutter) 28px;scroll-margin-top:88px}
.free-pack-inner{max-width:1200px;margin:0 auto}
.free-pack-main{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(32px,5vw,72px)}
.free-pack-copy{min-width:0;max-width:440px}
.free-pack-copy .eyebrow{color:var(--blue);font-size:.7rem;letter-spacing:1.5px;margin-bottom:14px}
.free-pack-copy h2{font-size:clamp(2rem,3.25vw,2.75rem);line-height:1.1;letter-spacing:-.9px}
.free-pack-copy>p:not(.eyebrow):not(.free-pack-note){color:var(--muted);font-size:.98rem;line-height:1.75;margin:19px 0 24px}
.free-pack-download{background:var(--blue);color:white;box-shadow:none;gap:24px;min-height:52px;padding:14px 20px}
.free-pack-download:hover{background:var(--deep);box-shadow:0 5px 14px #2344d820}
.free-pack-note{font-size:.76rem;line-height:1.6;color:#5a614f;margin:13px 0 5px}
.free-pack-more{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--blue);font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.free-pack-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;min-width:0}
.free-pack-pages a{min-width:0;text-align:center;display:block}
.free-pack-pages img{display:block;width:100%;height:auto;aspect-ratio:612/792;object-fit:contain;background:white;border:1px solid #dedfda;border-radius:3px;box-shadow:0 6px 16px #1724420f;transition:transform .18s,box-shadow .18s}
.free-pack-pages a:hover img{transform:translateY(-4px);box-shadow:0 10px 20px #17244218}
.free-pack-page-type{display:block;font:700 1.15rem/1.3 Outfit,system-ui,sans-serif;margin-top:14px;color:var(--ink)}
.free-pack-page-name{display:block;font-size:.76rem;line-height:1.4;color:var(--muted);margin-top:4px}
.free-pack-updates{border-top:1px solid #e5ddca;margin-top:32px;scroll-margin-top:90px}
.free-pack-updates>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:21px 0 0}
.free-pack-updates>summary::-webkit-details-marker{display:none}
.free-pack-updates>summary:focus-visible{outline:3px solid #de602b;outline-offset:4px;border-radius:4px}
.free-pack-signup-copy{display:flex;gap:20px;align-items:center;font-weight:700;font-size:1rem}
.free-pack-parent-label{color:#69725e;font-size:.64rem;letter-spacing:1.3px;white-space:nowrap}
.free-pack-signup-action{display:flex;align-items:center;gap:16px;font-size:.8rem;color:var(--blue);font-weight:600}
.free-pack-plus{width:36px;height:36px;border:1px solid #c7cddd;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;font-weight:400;transition:transform .15s}
.free-pack-updates[open] .free-pack-plus{transform:rotate(45deg)}
.free-pack-signup-panel{max-width:560px;background:white;margin:20px auto 8px;padding:26px;border:1px solid var(--line);border-radius:14px}
.free-pack-signup-intro{font-size:.875rem;color:var(--muted);line-height:1.6;margin:0 0 24px}
.free-pack-signup-panel .ml-embedded{min-width:0;min-height:210px}
.free-pack-signup-panel .updates-help,.free-pack-signup-panel .updates-fallback{font-size:.76rem;line-height:1.6}
@media(max-width:900px){.free-pack-main{gap:32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.free-pack-copy h2{font-size:2.25rem}.free-pack-pages{gap:10px}.free-pack-signup-copy{gap:12px}.free-pack-page-type{font-size:1rem}}
@media(max-width:700px){
 .home-free-pack{padding:32px 20px 22px;scroll-margin-top:74px}
 .free-pack-main{grid-template-columns:minmax(0,1fr);gap:20px;text-align:center}
 .free-pack-copy{display:contents}
 .free-pack-copy .eyebrow{grid-row:1;margin:0;font-size:.65rem;letter-spacing:1.2px}
 .free-pack-copy h2{grid-row:2;font-size:2rem;letter-spacing:-.6px;max-width:330px;justify-self:center;margin-top:-7px}
 .free-pack-copy>p:not(.eyebrow):not(.free-pack-note){grid-row:3;font-size:.9rem;line-height:1.65;margin:-4px 0 0;max-width:400px;justify-self:center}
 .free-pack-pages{grid-row:4;width:100%;max-width:440px;justify-self:center;gap:9px}
 .free-pack-page-type{margin-top:11px;font-size:1rem}
 .free-pack-page-name{font-size:.67rem;margin-top:3px}
 .free-pack-download{grid-row:5;width:100%;max-width:440px;justify-self:center;justify-content:center;font-size:.9rem;gap:18px}
 .free-pack-note{grid-row:6;font-size:.72rem;margin:-10px 0 0}
 .free-pack-more{grid-row:7;justify-content:center;font-size:.78rem;margin-top:-14px}
 .free-pack-updates{margin-top:20px;scroll-margin-top:75px}
 .free-pack-updates>summary{gap:14px;padding-top:20px;align-items:center;min-height:88px;text-align:left}
 .free-pack-signup-copy{display:flex;flex-direction:column;align-items:start;gap:5px;font-size:.94rem;line-height:1.4}
 .free-pack-parent-label{font-size:.6rem;letter-spacing:1px}
 .free-pack-signup-action{font-size:0;gap:0;flex-shrink:0}
 .free-pack-plus{font-size:1.3rem;width:36px;height:36px}
 .free-pack-signup-panel{padding:20px 16px;margin-top:20px}
 .free-pack-signup-intro{font-size:.82rem;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.free-pack-pages img,.free-pack-plus{transition:none}.free-pack-pages a:hover img{transform:none}}