:root{--paper:#fff8ef;--ink:#18241d;--muted:#5b665f;--orange:#ff5e3a;--yellow:#ffd43b;--green:#276f4c;--lime:#c9ef70;--navy:#192b52;--line:rgba(24,36,29,.14);--radius:24px;--shadow:0 18px 50px rgba(46,38,25,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Avenir,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.55;overflow-x:hidden}button,input{font:inherit}button,a{tap-highlight-color:transparent}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:12px 18px;border-radius:8px;transform:translateY(-220%)}.skip-link:focus{transform:none}
.site-header{height:78px;padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(255,248,239,.92);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-weight:900;letter-spacing:-.04em;font-size:1.17rem}.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--orange);color:white;border-radius:50% 50% 44% 56%;font-weight:950;transform:rotate(-7deg)}.main-nav{display:flex;align-items:center;gap:30px;font-size:.9rem;font-weight:750}.main-nav>a{text-decoration:none}.main-nav>a:not(.nav-cta):hover{color:var(--orange)}.nav-cta{padding:11px 17px;border:1.5px solid var(--ink);border-radius:99px}.nav-cta:hover{background:var(--ink);color:var(--paper)}.menu-button{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.menu-button span:not(.sr-only){display:block;height:2px;background:var(--ink);margin:5px}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.03fr .97fr;max-width:1500px;margin:auto;padding:clamp(45px,7vw,100px) clamp(24px,7vw,110px) 70px;align-items:center;gap:clamp(35px,6vw,90px)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:900;margin:0 0 18px;display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:3px;background:var(--orange);display:inline-block}.eyebrow.light{color:#fff}.eyebrow.light span{background:var(--yellow)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;line-height:.98;letter-spacing:-.045em}h1{font-size:clamp(3.6rem,6.5vw,7rem);font-weight:500;margin-bottom:28px;max-width:780px}h1 em{display:block;color:var(--orange);font-weight:500}.hero-lead{font-size:clamp(1rem,1.4vw,1.25rem);max-width:600px;color:var(--muted)}.hero-actions{display:flex;gap:25px;align-items:center;margin:34px 0 45px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;text-decoration:none;border:0;border-radius:999px;font-weight:850;padding:15px 24px;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.button.primary{background:var(--ink);color:#fff}.button.yellow{background:var(--yellow);color:var(--ink)}.text-link{font-weight:800;text-underline-offset:5px}.hero-proof{display:flex;list-style:none;padding:0;margin:0;gap:38px}.hero-proof li{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:16px}.hero-proof strong{font-family:Georgia,serif;font-size:1.7rem}.hero-proof span{font-size:.78rem;color:var(--muted)}
.hero-scene{aspect-ratio:1/1.04;background:var(--green);position:relative;border-radius:46% 46% 10% 10% / 37% 37% 9% 9%;overflow:hidden;box-shadow:var(--shadow);min-height:500px}.sun{position:absolute;width:50%;aspect-ratio:1;background:var(--yellow);border-radius:50%;right:-9%;top:-9%}.cake{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:47%;height:55%}.cake span{position:absolute;display:block}.layer{left:5%;width:90%;border:4px solid var(--ink)}.layer-one{height:27%;bottom:15%;background:#ffab96;border-radius:10px 10px 22px 22px}.layer-two{height:25%;bottom:39%;left:16%;width:68%;background:var(--paper);border-radius:10px}.icing{height:11%;width:68%;left:16%;bottom:56%;background:var(--orange);border:4px solid var(--ink);border-radius:10px 10px 35% 35%;z-index:2}.candle{width:8%;height:21%;left:46%;bottom:65%;background:repeating-linear-gradient(45deg,var(--yellow) 0 8px,#fff 8px 16px);border:3px solid var(--ink);border-radius:4px}.flame{width:12%;height:16%;left:44%;bottom:85%;background:var(--yellow);border:3px solid var(--ink);border-radius:60% 10% 60% 55%;transform:rotate(45deg);animation:flicker 1.5s ease-in-out infinite}.sticker{position:absolute;z-index:3;display:grid;place-items:center;font-weight:950;line-height:.8;text-align:center}.sticker-one{width:92px;height:92px;border-radius:50%;background:var(--yellow);left:7%;top:12%;transform:rotate(-11deg);font-size:1.2rem}.sticker-two{width:65px;height:65px;background:var(--orange);color:white;right:9%;bottom:22%;transform:rotate(14deg);font-size:2rem}.scene-note{position:absolute;bottom:5%;left:7%;color:white;font-size:.85rem;transform:rotate(-3deg)}.scene-note strong{font-size:1rem}.confetti{position:absolute;width:10px;height:35px;background:var(--paper);border-radius:10px}.c1{left:19%;top:34%;transform:rotate(50deg)}.c2{right:14%;top:32%;transform:rotate(-35deg);background:var(--orange)}.c3{left:13%;bottom:22%;transform:rotate(-20deg);background:var(--yellow)}.c4{right:28%;bottom:12%;transform:rotate(70deg)}@keyframes flicker{50%{transform:rotate(38deg) scale(.9)}}
.marquee{background:var(--yellow);border-block:2px solid var(--ink);overflow:hidden;white-space:nowrap}.marquee div{font-weight:950;font-size:1.05rem;letter-spacing:.18em;padding:14px 0;word-spacing:25px;animation:slide 20s linear infinite;width:max-content}.marquee span{color:var(--orange)}@keyframes slide{to{transform:translateX(-50%)}}
.section{padding:110px clamp(24px,7vw,110px)}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;margin-bottom:48px}.section-heading h2,.steps-intro h2,.composer-copy h2,.checklist-card h2{font-size:clamp(3rem,5vw,5.5rem);font-weight:500;margin:0}.section-heading>p{color:var(--muted);max-width:520px;margin:0}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.filters button{border:1.5px solid var(--ink);border-radius:999px;background:transparent;padding:10px 18px;font-weight:800;cursor:pointer}.filters button[aria-selected=true],.filters button:hover{background:var(--ink);color:white}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-card{border:1.5px solid var(--ink);border-radius:var(--radius);padding:28px;min-height:350px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;background:#fff}.activity-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.activity-card.peach{background:#ffdfd4}.activity-card.yellow{background:#ffef9f}.activity-card.green{background:#d4eccd}.activity-card.pink{background:#ffd3e4}.activity-card.blue{background:#cce9ff}.activity-card.purple{background:#decffc}.activity-card.cyan{background:#c8f2ee}.activity-card.orange{background:#ffd3ab}.activity-card.red{background:#ffc9c0}.activity-card.navy{background:#ccd5ed}.activity-card.lime{background:#dbf59f}.activity-card.lavender{background:#e8dffc}.card-top{display:flex;justify-content:space-between;align-items:start}.activity-icon{width:63px;height:63px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;font-size:2rem;background:rgba(255,255,255,.6)}.activity-card small{text-transform:uppercase;font-weight:900;letter-spacing:.09em;font-size:.65rem}.activity-card h3{font-family:Georgia,serif;font-size:2rem;line-height:1;margin:45px 0 13px;letter-spacing:-.035em}.activity-card p{color:#39463e;font-size:.9rem}.card-meta{display:flex;gap:10px;margin-top:auto;font-size:.72rem;font-weight:800}.card-meta span{border:1px solid rgba(24,36,29,.35);border-radius:99px;padding:5px 9px}.activity-card button{position:absolute;inset:0;border:0;background:transparent;cursor:pointer}.activity-card button:focus-visible{outline:4px solid var(--orange);outline-offset:-6px}.empty-state{text-align:center;padding:50px}
.ages-section{background:var(--navy);color:white}.ages-section .section-heading>p{color:#c6ccdb}.age-rail{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.4);border-radius:24px;overflow:hidden}.age-card{min-height:230px;background:transparent;color:white;border:0;border-right:1px solid rgba(255,255,255,.3);padding:28px;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:.25s}.age-card:last-child{border:0}.age-card:hover,.age-card.active{background:var(--yellow);color:var(--ink)}.age-number{font-family:Georgia,serif;font-size:3rem;margin-bottom:auto}.age-card strong{font-size:1rem}.age-card small{opacity:.7}.age-advice{max-width:850px;margin:35px 0 0;font-size:1.25rem;color:#e5e9f3;border-left:4px solid var(--yellow);padding-left:22px}
.steps-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,10vw,150px)}.steps-intro{position:sticky;top:120px;align-self:start}.steps-intro p{color:var(--muted)}.steps-intro blockquote{margin:35px 0 0;padding:25px;border-radius:20px;background:var(--yellow);font-family:Georgia,serif;font-size:1.35rem;transform:rotate(-1deg)}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:35px 0;border-top:1px solid var(--line)}.steps-list li:last-child{border-bottom:1px solid var(--line)}.steps-list>li>span{font-family:Georgia,serif;font-size:2.5rem;color:var(--orange)}.steps-list h3{font-size:1.5rem;margin-bottom:8px}.steps-list p{color:var(--muted)}
.composer-section{background:#ff7253}.composer-card{background:var(--green);color:white;border-radius:35px;padding:clamp(28px,5vw,70px);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,7vw,100px);box-shadow:var(--shadow)}.composer-copy p{color:#d6e6dc}.party-form fieldset{border:0;padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid rgba(255,255,255,.25)}.party-form legend{font-weight:900;margin-bottom:12px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice-row input{position:absolute;opacity:0}.choice-row span{display:block;border:1px solid rgba(255,255,255,.55);border-radius:99px;padding:8px 13px;cursor:pointer;font-size:.84rem;font-weight:800}.choice-row input:checked+span{background:white;color:var(--green)}.choice-row input:focus-visible+span{outline:3px solid var(--yellow)}.recommendations{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.recommendations h3{grid-column:1/-1;color:white;font-family:Georgia,serif;font-size:2rem}.recommendation-card{background:var(--paper);padding:22px;border-radius:20px}.recommendation-card strong{display:block;font-size:1.1rem;margin-bottom:5px}.recommendation-card a{font-weight:800;color:var(--orange);text-underline-offset:4px}
.checklist-section{background:#f1eadf}.checklist-card{border:2px solid var(--ink);padding:clamp(28px,5vw,65px);border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--paper);box-shadow:12px 12px 0 var(--yellow)}.checklist-card ul{list-style:none;padding:0;margin:0}.checklist-card li{padding:13px 0;border-bottom:1px solid var(--line);font-weight:750}.checklist-card li::before{content:'✓';display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--green);color:white;margin-right:12px}
footer{background:var(--ink);color:white;padding:45px clamp(24px,7vw,110px);display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand .brand-mark{background:var(--yellow);color:var(--ink)}footer p{margin:0;color:#bfc6c1}footer>a:last-child{color:var(--yellow);font-weight:800}
dialog{width:min(760px,calc(100% - 30px));border:0;border-radius:28px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(20,29,24,.74);backdrop-filter:blur(5px)}.dialog-close{position:absolute;z-index:2;right:18px;top:18px;border:1px solid var(--ink);border-radius:50%;width:42px;height:42px;background:var(--paper);font-size:1.7rem;cursor:pointer}.dialog-hero{padding:40px 70px 32px 38px}.dialog-hero .activity-icon{margin-bottom:30px}.dialog-hero h2{font-size:clamp(2.7rem,6vw,4.6rem);margin-bottom:18px}.dialog-meta{display:flex;gap:8px;flex-wrap:wrap}.dialog-meta span{border:1px solid var(--ink);border-radius:99px;padding:6px 10px;font-size:.75rem;font-weight:800}.dialog-body{padding:35px 38px 42px}.dialog-body>p{font-size:1.05rem;color:var(--muted)}.dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.dialog-columns h3{text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.dialog-columns ol{padding-left:20px}.dialog-columns li{margin:8px 0}.dialog-tip{background:var(--yellow);padding:18px;border-radius:16px;margin-top:25px}.dialog-tip strong{display:block}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:auto}.hero-scene{max-width:670px;width:100%;justify-self:center}.activity-grid{grid-template-columns:repeat(2,1fr)}.age-rail{grid-template-columns:repeat(5,230px);overflow:auto}.steps-section{grid-template-columns:1fr}.steps-intro{position:static}.composer-card{grid-template-columns:1fr}.section-heading{grid-template-columns:1fr}.checklist-card{grid-template-columns:1fr}}
@media(max-width:720px){html{scroll-padding-top:70px}.site-header{height:68px;padding:0 18px}.menu-button{display:block}.main-nav{display:none;position:absolute;top:68px;left:12px;right:12px;background:var(--paper);border:1.5px solid var(--ink);border-radius:18px;padding:20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:12px}.hero{padding:42px 20px 55px;gap:50px}h1{font-size:clamp(3.1rem,16vw,4.7rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-proof{gap:15px;justify-content:space-between}.hero-proof li{padding-left:9px}.hero-scene{min-height:360px;border-radius:43% 43% 18px 18px}.sticker-one{width:70px;height:70px}.section{padding:75px 20px}.section-heading{gap:18px}.section-heading h2,.steps-intro h2,.composer-copy h2,.checklist-card h2{font-size:clamp(2.75rem,14vw,4rem)}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;margin-right:-20px}.filters button{white-space:nowrap}.activity-grid{grid-template-columns:1fr}.activity-card{min-height:315px}.age-rail{grid-template-columns:repeat(5,190px)}.age-card{min-height:210px}.steps-list li{grid-template-columns:55px 1fr}.composer-section{padding-inline:14px}.composer-card{border-radius:25px;padding:28px 20px}.recommendations{grid-template-columns:1fr}.checklist-card{box-shadow:7px 7px 0 var(--yellow)}footer{flex-direction:column;align-items:flex-start}.dialog-hero,.dialog-body{padding-left:24px;padding-right:24px}.dialog-columns{grid-template-columns:1fr}.dialog-close{right:12px;top:12px}}