:root{--colour-blue-light:#c8dff0;--colour-blue-mid:#7bb8e8;--colour-pink-light:#fce4ec;--colour-pink-mid:#f4a7b9;--colour-pink-strong:#e91e8c;--colour-warm-neutral:#f9f0e8;--colour-text-dark:#3a2828;--colour-text-onpink:#5a1a2a;--section-bg-from:var(--colour-warm-neutral);--section-bg-to:var(--colour-warm-neutral);--font-heading:"Playfair Display", Georgia, serif;--font-body:system-ui, sans-serif;--size-countdown:clamp(6rem, 25vw, 12rem);--size-heading-lg:clamp(2.5rem, 8vw, 4rem);--size-heading-md:clamp(1.5rem, 5vw, 2.5rem);--size-body:clamp(1rem, 3.5vw, 1.25rem)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--colour-warm-neutral);font-family:var(--font-body);color:var(--colour-text-dark)}main{scroll-snap-type:y proximity;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;height:100dvh;overflow-y:scroll}.section{scroll-snap-align:start;scroll-snap-stop:always;background:linear-gradient(180deg, var(--section-bg-from), var(--section-bg-to));justify-content:center;align-items:center;height:100dvh;min-height:100svh;display:flex;position:relative;overflow:hidden}.section--question{--section-bg-from:var(--colour-blue-light);--section-bg-to:var(--colour-warm-neutral)}.section--three{--section-bg-from:#b0c8e0;--section-bg-to:#d8c8d8}.section--two{--section-bg-from:#c0b8d8;--section-bg-to:#e0c8d0}.section--one{--section-bg-from:#d8b0c8;--section-bg-to:#f0c8d8}.section--wait{--section-bg-from:#e8c0d0;--section-bg-to:#f8d8e0}.section--reveal{--section-bg-from:var(--colour-pink-strong);--section-bg-to:var(--colour-pink-mid)}.section__headline{font-family:var(--font-heading);font-size:var(--size-heading-lg);color:var(--colour-text-dark);margin:0;font-weight:700;line-height:1.1}.section__headline--reveal{color:var(--colour-text-onpink);letter-spacing:.03em;text-shadow:0 2px 12px #e91e8c40;font-size:clamp(3rem,10vw,5rem)}.section__number{font-family:var(--font-heading);font-size:var(--size-countdown);color:var(--colour-text-dark);margin:0;font-weight:700;line-height:1}.section__sub{font-family:var(--font-heading);font-style:italic;font-size:var(--size-body);color:var(--colour-text-dark);margin:0}.section--reveal .section__sub{color:var(--colour-text-onpink)}.section__content{padding:2rem 1.5rem;padding-top:max(2rem, env(safe-area-inset-top));padding-bottom:max(2rem, env(safe-area-inset-bottom));text-align:center;z-index:2;place-items:center;gap:1rem;width:100%;max-width:430px;display:grid;position:relative}.section__scroll-hint{color:var(--colour-text-dark);opacity:.6;font-size:1.5rem;animation:2s infinite bounce;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.section__scroll-hint{animation:none}}.bear{pointer-events:none;z-index:1;position:absolute}.bear--blue{width:clamp(80px,28vw,130px);height:auto;bottom:5%;left:5%}.bear--pink{width:clamp(70px,24vw,110px);height:auto;top:6%;right:4%}.bear--hero{width:clamp(120px,40vw,180px);inset:auto auto 4% 50%;transform:translate(-50%)}.bear-fur{fill:#c8a165}.bear-belly{fill:#e8c9a0}.bear-inner-ear{fill:#d4a87a}.bear--blue .bear-outfit{fill:var(--colour-blue-light)}.bear--pink .bear-outfit{fill:var(--colour-pink-light)}.cloud{pointer-events:none;z-index:1;position:absolute}.cloud--top-left{width:clamp(90px,35vw,160px);top:2%;left:0}.cloud--top-right{width:clamp(90px,35vw,160px);top:2%;right:0}.cloud--btm-left{width:clamp(80px,30vw,140px);bottom:4%;left:0}.cloud--btm-right{width:clamp(80px,30vw,140px);bottom:4%;right:0}.balloon{pointer-events:none;z-index:1;position:absolute}.section--question .balloon--pink{width:clamp(35px,12vw,55px);top:3%;right:8%}.section--question .balloon--blue{width:clamp(35px,12vw,55px);top:3%;left:8%}.balloon--bear{width:clamp(30px,10vw,45px);top:4%;right:2%}.bow{pointer-events:none;z-index:1;position:absolute}.bow--pink .bow-loop{fill:var(--colour-pink-mid)}.bow--pink .bow-tail{stroke:var(--colour-pink-mid)}.bow--pink .bow-knot{fill:var(--colour-pink-strong);opacity:.8}.bow--blue .bow-loop{fill:var(--colour-blue-mid)}.bow--blue .bow-tail{stroke:var(--colour-blue-mid)}.bow--blue .bow-knot{fill:var(--colour-blue-mid)}.section--question .bow--pink{width:clamp(40px,12vw,65px);top:15%;right:8%}.section--question .bow--blue{width:clamp(40px,12vw,65px);top:15%;left:8%;transform:scaleX(-1)}.star{pointer-events:none;z-index:1;opacity:.7;width:clamp(12px,4vw,24px);position:absolute}.star--top-left{top:10%;left:8%}.star--top-right{top:12%;right:10%}.star--mid-right{top:40%;right:6%}.star--btm-left{bottom:22%;left:10%}