:root{--ink:#214b3b;--yellow:#ffcf48;--paper:#fff9e8;--coral:#ed603c;--mint:#c9eac8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;font-size:17px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:4px solid #176bcb;outline-offset:5px}.skip{position:absolute;top:-80px;z-index:99;background:white;padding:1rem}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1500px;margin:auto;padding:22px 5%}.brand{text-decoration:none;font-size:32px;font-weight:1000;letter-spacing:-1.8px;white-space:nowrap;line-height:1.1}.brand span{font-size:22px;color:#d95431;letter-spacing:-1px}.brand .brand-star{font-size:24px;margin-left:7px;color:#bd8100}nav{display:flex;gap:32px}nav a{text-decoration:none;font-weight:bold}nav a:hover{color:#c44c2e}.header-note{font-size:13px}.hero{background:var(--yellow);display:grid;grid-template-columns:1.05fr 1fr;min-height:630px;overflow:hidden}.hero-copy{padding:65px 7% 55px 10%;align-self:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;margin:0 0 16px}h1,h2,h3{font-family:"Trebuchet MS",Arial,sans-serif;letter-spacing:-2px;line-height:1.08;margin:0}h1{font-size:clamp(40px,4.5vw,72px);font-weight:1000;line-height:1.07}h1 em{font-style:normal;color:#ad391f}h2{font-size:clamp(34px,3.5vw,51px)}h3{font-size:38px}p{margin:20px 0}.hero-copy>p:not(.eyebrow):not(.little){font-size:20px}.button{border:0;border-radius:100px;display:inline-flex;justify-content:center;align-items:center;min-height:54px;text-decoration:none;font-weight:900;padding:13px 27px;box-shadow:0 5px 0 #0002;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #0002}.coral{background:#c84427;color:white}.cream{background:#fff7de;color:var(--ink)}.green{background:var(--ink);color:white}.little{font-size:14px}.hero-art{position:relative;min-height:630px;border-radius:44% 0 0 44%;overflow:hidden;border-left:10px solid #f9efb8}.hero-art>img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:49%}.sticker{position:absolute;bottom:75px;right:8%;background:var(--paper);color:var(--ink);border:3px dashed #bd8709;outline:9px solid var(--paper);border-radius:50%;width:167px;height:167px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:22px;line-height:1.3;transform:rotate(8deg)}.art-note{position:absolute;bottom:16px;right:20px;font-size:12px;color:white;background:#153b2bba;padding:4px 10px;border-radius:5px}.hunt-section{padding:80px 6% 65px;max-width:1450px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.section-top p:last-child{margin:14px 0}.counter{white-space:nowrap;background:var(--yellow);border-radius:24px;padding:13px 22px;font-weight:900;font-size:26px;transform:rotate(3deg)}.forest-board{position:relative;aspect-ratio:2.35;min-height:350px;border-radius:28px;overflow:hidden;border:7px solid white;box-shadow:0 10px 0 #204b3b14}.forest-board>img{position:absolute;width:100%;height:100%;object-fit:cover}.star{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);font-family:Arial,sans-serif;font-size:52px;color:#ffdb54;text-shadow:0 3px 0 #a06a00,0 0 17px #ffc336;background:transparent;border:0;padding:4px;width:70px;height:70px;line-height:1;transition:transform .2s,color .2s}.star:hover{transform:translate(-50%,-50%) scale(1.2) rotate(12deg)}.star.found{color:white;text-shadow:0 0 20px white;opacity:.4;pointer-events:none}.win{position:absolute;inset:0;background:#173e31e8;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.win[hidden]{display:none}.win>span{font-size:35px;color:var(--yellow);letter-spacing:12px}.win h3{font-size:clamp(27px,3vw,42px)}.win p{margin:12px 0 20px}.below-game{display:flex;justify-content:space-between;align-items:center;gap:20px}.below-game p{font-size:15px}.text-button{background:none;border:0;border-bottom:2px solid currentColor;color:var(--ink);font-weight:bold;font-size:14px;padding:4px}.memory-section{background:#1b563f;color:white;padding:70px 6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center}.memory-intro{max-width:400px;justify-self:center}.memory-intro .eyebrow{color:#ffcf48}.memory-intro h2{font-size:clamp(36px,4vw,57px)}.memory-intro p{color:#e4f2e6}.memory-score{font-size:21px;font-weight:bold;margin:25px 0 20px;color:#ffe08a}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:660px}.card{aspect-ratio:1;border-radius:19px;background:#ffe19b;border:3px solid #fff4cf;box-shadow:0 5px 0 #082e23;color:#23563e;font-weight:900;font-size:38px;overflow:hidden;padding:0;position:relative;transition:transform .18s}.card:hover{transform:translateY(-3px)}.card img{width:100%;height:100%;object-fit:cover;display:none}.card.shown img,.card.matched img{display:block}.card.shown span,.card.matched span{display:none}.card.matched{border-color:#bce8ad;box-shadow:0 0 0 3px #80bd77}.card.matched:after{content:'✓';position:absolute;bottom:4px;right:6px;background:#164531;color:white;border-radius:50%;font-size:16px;width:26px;height:26px}.memory-message{min-height:27px;text-align:center;color:#ffdf86;font-weight:bold}.friends-section{padding:85px 6%;max-width:1400px;margin:auto}.friends-title{max-width:550px}.sketches{margin:35px 0 55px;background:white;border:2px solid #eddca5;padding:25px;border-radius:26px;transform:rotate(-1deg)}.sketches img{display:block;width:100%}.sketches figcaption{font-size:13px;text-align:right;margin-top:20px}.friend-detail{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.friend-detail>img{width:100%;max-height:440px;object-fit:contain;background:#4b4b4b;border-radius:36px;transform:rotate(2deg)}.friend-detail p{max-width:380px}.friend-detail h3{font-size:clamp(37px,4vw,58px)}.family{background:var(--mint);padding:50px 8%;display:flex;gap:10%;justify-content:space-between;align-items:center}.family h2{max-width:720px;font-size:38px}.family p{max-width:650px}.family>span{font-size:140px;color:#357657;line-height:1}.family .eyebrow{font-size:12px}footer{padding:40px 6%;text-align:center}footer>p{font-size:14px}details{max-width:720px;margin:24px auto;text-align:left;font-size:14px}summary{cursor:pointer;text-align:center;font-weight:bold;padding:10px}details p{line-height:1.6}.review-note{color:#617568;font-size:12px}dialog{border:0;border-radius:26px;padding:35px;max-width:min(760px,90vw);color:var(--ink);text-align:center;background:var(--paper)}dialog::backdrop{background:#092c26bd}dialog img{width:100%;margin-top:25px}dialog h2{font-size:36px}.close{position:absolute;right:12px;top:10px;border:0;border-radius:50%;height:44px;width:44px;background:var(--yellow);color:var(--ink);font-size:30px;line-height:1}@media(max-width:900px){.header-note{display:none}.hero{min-height:540px}.hero-art{min-height:540px}.hero-copy{padding:45px 7%}.sticker{width:130px;height:130px;font-size:18px}.memory-section{gap:5%;padding:60px 5%}.cards{gap:9px}.card{font-size:28px}.hunt-section{padding:60px 5%}.hero-copy>p:not(.eyebrow):not(.little){font-size:18px}}@media(max-width:600px){header{padding:20px 5%;flex-wrap:wrap;justify-content:center;gap:17px}.brand{font-size:33px}nav{gap:25px;font-size:14px}.hero{display:flex;flex-direction:column}.hero-copy{padding:37px 7% 30px}h1{font-size:43px;letter-spacing:-1.8px}.hero-copy .eyebrow{font-size:11px;letter-spacing:1.5px}.hero-art{min-height:310px;border-left:0;border-top:8px solid #f9efb8;border-radius:45% 45% 0 0/12% 12% 0 0}.hero-art>img{object-position:50%}.sticker{bottom:42px;right:7%;width:115px;height:115px;font-size:16px}.section-top{display:block}.section-top h2{font-size:36px}.counter{display:inline-block;font-size:20px;padding:8px 16px;margin:8px 0}.forest-board{min-height:380px;border-width:4px;border-radius:21px}.star{font-size:43px;width:58px;height:58px}.below-game{align-items:flex-start}.below-game p{max-width:55%;font-size:14px}.below-game button{margin-top:18px}.memory-section{display:block;padding:48px 6%}.memory-intro{max-width:none}.memory-intro h2{font-size:40px}.cards{margin-top:35px;gap:10px}.card{border-radius:12px}.memory-message{font-size:15px}.friends-section{padding:55px 6%}.sketches{padding:12px;margin:25px 0 40px;overflow-x:auto}.sketches img{min-width:600px}.sketches figcaption{text-align:left;min-width:240px}.friend-detail{grid-template-columns:1fr;gap:32px}.friend-detail>img{max-height:360px}.friend-detail h3{font-size:43px}.family{padding:40px 7%}.family h2{font-size:32px}.family>span{display:none}h2,h3{letter-spacing:-1.3px}dialog{padding:28px 15px}dialog h2{padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Original title art and storybook lettering */
@font-face{font-family:Bosque;src:url('assets/chewy.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
h1,h2,h3,.sticker,.memory-score,.mission strong{font-family:Bosque,"Trebuchet MS",sans-serif;font-weight:400;letter-spacing:.2px}h1{font-size:clamp(33px,3.1vw,48px);line-height:1.14}h2{line-height:1.14}h3{line-height:1.15}.brand{display:flex;align-items:center;justify-content:center}.brand img{display:block;width:135px;height:82px;object-fit:contain}.hero-logo{width:min(330px,75%);height:230px;object-fit:contain;display:block;margin:-14px 0 7px}.hero-copy{padding-top:35px;padding-bottom:35px}.hero-copy .eyebrow{margin-bottom:6px}.hero-copy>p:not(.eyebrow):not(.little){margin:15px 0 22px}.mission{background:#e0efce;border:2px dashed #508151;border-radius:24px;padding:18px 24px;max-width:305px;flex:0 0 290px;transform:rotate(2deg)}.mission-label{display:block;font-size:11px;letter-spacing:1.8px;font-weight:900;margin-bottom:5px}.mission strong{display:block;font-size:27px;line-height:1.12}.mission>span:last-child{display:block;font-size:14px;margin-top:9px}.section-top{align-items:center}.counter{display:none}footer .brand{margin:auto}footer .brand img{width:150px;height:100px}@media(max-width:900px){header{padding-top:12px;padding-bottom:12px}.hero-logo{height:195px;width:280px}.mission{flex-basis:245px;padding:16px}.mission strong{font-size:25px}.section-top h2{font-size:39px}}@media(max-width:600px){header{gap:5px;padding:7px 5% 16px}.brand img{width:130px;height:77px}.hero-copy{padding-top:30px}.hero-logo{height:200px;width:280px;margin:-6px 0 3px}.hero h1{font-size:35px;letter-spacing:.2px}.hero-copy .eyebrow{font-size:10px}.mission{max-width:none;width:100%;margin:22px 0 6px;transform:rotate(-1deg)}.mission strong{font-size:26px}.mission-label{font-size:11px}.section-top h2{font-size:36px}.memory-intro h2{font-size:41px;letter-spacing:.2px}.friends-title h2{font-size:40px}.family h2{font-size:35px;letter-spacing:.2px}}
/* Cinematic Alligator-inspired scroll experience */
html{background:#e8e6e3;scroll-padding-top:125px}body{background:#e8e6e3;color:#35493d}header{position:fixed;inset:0 0 auto;max-width:none;z-index:20;background:#1e2925ed;backdrop-filter:blur(16px);padding:10px 4.5%;height:108px;color:white}.brand img{width:126px;height:86px}nav{gap:14px}nav a{background:#f2e8d5;color:#253d31;border-radius:13px 18px 11px 19px;padding:11px 22px;box-shadow:3px 5px 0 #0004;transform:rotate(-3deg);transition:transform .2s;font-size:14px}nav a:nth-child(2){background:#c9e7e9;transform:rotate(2deg)}nav a:nth-child(3){background:#dbd0ef;transform:rotate(-2deg)}nav a:hover,nav a[aria-current]{background:#ffe187;color:#253d31;transform:translateY(-3px)}.header-note{font-size:12px;text-decoration:none;border:1px dashed #dbe4d880;border-radius:40% 26%;padding:12px 17px}.scroll-story{position:relative}.film-stage{position:sticky;top:0;height:100svh;margin-bottom:-100svh;overflow:hidden;background:#e8e6e3 url('assets/scroll-poster.jpg') center/cover}.film-stage canvas{width:100%;height:100%;object-fit:cover;display:block}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#eeeee968 0%,#eeeee929 40%,transparent 75%)}.story-panel{position:relative;min-height:150svh;display:flex;align-items:center;padding:150px 8% 120px}.story-intro{min-height:110svh}.story-copy{max-width:740px}.story-copy h1{margin:0}.story-logo{display:block;width:min(430px,56vw);height:auto;max-height:355px;object-fit:contain;object-position:left}.story-copy>p:not(.eyebrow){font-size:clamp(19px,1.8vw,25px);line-height:1.5;max-width:450px;text-shadow:0 1px 4px #fff8;margin:25px 0}.story-copy .eyebrow{color:#3d4a41;font-size:11px;letter-spacing:2.2px}.story-copy h2{font-size:clamp(70px,10.5vw,155px);line-height:.96;color:#36583e;text-shadow:2px 4px 0 #f6edc9,5px 7px 0 #35593e20;letter-spacing:-1px}.story-copy h2 em{font-style:normal;color:#ad683b}.story-link{font-weight:bold;display:inline-block;margin-top:12px;text-decoration-thickness:2px;text-underline-offset:8px}.preview-label{position:absolute;right:4.5%;bottom:32px;font-size:10px;letter-spacing:.6px;background:#edf0e2dc;padding:7px 11px;border-radius:5px;color:#445448}.preview-label[hidden]{display:none}#animation-status{position:fixed;top:118px;right:20px;z-index:22;background:#354a3ce8;color:white;border:0;border-radius:8px;padding:10px 14px;font-size:12px}#animation-status[hidden]{display:none}.decoder{position:fixed;bottom:0;width:1px;height:1px;opacity:.001;pointer-events:none}.journey{position:fixed;inset:auto 0 0;background:#1c2923f5;color:#f2efdf;z-index:19;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 4.5%;font-size:10px;letter-spacing:1.5px}.journey-track{width:42%;height:2px;background:#fff4}.journey-track>div{height:100%;background:#f7d578}.journey.past-story{display:none}.hunt-section,.friends-section{max-width:none;background:#fff9e8;position:relative}.memory-section,.family,footer{position:relative}footer{background:#f8f2e1;padding-bottom:45px}.hunt-section{padding-top:100px}.mission{background:#e4eacb}.friends-section{padding-top:100px}.sketches{transform:none}.sketches img{min-width:0}.family{background:#d2e2c0}#forest,#matching,#friends{scroll-margin-top:15px}
@media(max-width:700px){html{scroll-padding-top:148px}header{height:140px;padding:6px 6% 17px;flex-wrap:wrap;gap:0;justify-content:space-between}.brand img{width:106px;height:72px}.header-note{display:block;font-size:10px;padding:9px;order:1}nav{order:2;flex-basis:100%;gap:9px;justify-content:space-between}nav a{font-size:12px;padding:8px 10px;flex:1;text-align:center}.film-stage{top:140px;height:calc(100svh - 194px);margin-bottom:calc(-100svh + 194px)}.film-stage canvas{object-position:57% center}.film-shade{background:linear-gradient(90deg,#eeeee987,#eeeee927)}.story-panel{min-height:135svh;padding:180px 7% 110px;align-items:flex-start}.story-intro{min-height:110svh;align-items:center;padding-top:155px}.story-logo{width:min(290px,74vw);max-height:260px}.story-copy h2{font-size:clamp(66px,16vw,100px)}.story-copy>p:not(.eyebrow){font-size:18px;max-width:270px}.story-copy .eyebrow{font-size:9px;letter-spacing:1.5px}.story-copy .button{font-size:14px;min-height:48px;padding:12px 21px}.journey{padding:19px 6%;gap:14px;font-size:8px;letter-spacing:.8px}.journey-track{width:30%}.preview-label{bottom:15px;right:7%;font-size:9px}#animation-status{top:150px;right:15px;font-size:11px}.hunt-section,.friends-section{padding-top:60px}.sketches{overflow:hidden}.sketches img{min-width:0}.memory-intro h2{font-size:39px}}
