@font-face{font-family:Tharlo Vette;src:url(/fonts/tharlo-vette.woff2)format("woff2");font-display:swap;unicode-range:U+20,U+41-5A,U+61-7A}@font-face{font-family:Kinetix Sans;src:url(/fonts/kinetix-sans.woff2)format("woff2");font-display:swap}:root{--cream:#fffdfa;--title:#fff3de;--oat:#f2ece4;--oat-deep:#e9e1d6;--ink:#382924;--muted:#78665c;--dark:#0d0b0be0;--accent:#e0805a;--radius:26px;--display:"Tharlo Vette", "Kinetix Sans", system-ui, sans-serif;--body:"Kinetix Sans", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:var(--body);margin:0;font-size:18px;line-height:1.55;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit}.filters{width:0;height:0;position:absolute}@keyframes boil{0%{filter:url(#boil-0)}33.33%{filter:url(#boil-1)}66.66%{filter:url(#boil-2)}}@keyframes boil-big{0%{filter:url(#boil-big-0)}33.33%{filter:url(#boil-big-1)}66.66%{filter:url(#boil-big-2)}}.boil{animation:.42s step-end infinite boil}.boil-big{animation:.42s step-end infinite boil-big}.card{isolation:isolate;position:relative}.card:before{content:"";background:var(--plate,var(--cream));border-radius:var(--radius);z-index:-1;animation:.42s step-end infinite boil;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.boil,.boil-big,.card:before{filter:url(#boil-0);animation:none}}h1,h2,h3,.display{font-family:var(--display);letter-spacing:.01em;margin:0;font-weight:400}h2{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05}h3{font-size:1.7rem;line-height:1.1}p{margin:.6em 0 0}.muted{color:var(--muted)}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:.8rem}.btn{--plate:var(--ink);color:var(--title);font-family:var(--body);cursor:pointer;background:0 0;border:0;align-items:center;gap:.6em;padding:.75em 1.5em .7em;font-size:1.05rem;text-decoration:none;transition:transform .18s cubic-bezier(.3,1.6,.5,1);display:inline-flex}.btn:before{border-radius:999px}.btn img{width:1.25em;height:1.25em}.btn:hover{transform:translateY(-2px)scale(1.04)}.btn:active{transform:scale(.97)}.btn.light{--plate:var(--title);color:var(--ink)}.btn.soft{--plate:var(--oat-deep);color:var(--muted);cursor:default}.btn.soft:hover{transform:none}.paw-marker{pointer-events:none;z-index:50;opacity:0;filter:brightness(0)saturate()invert(16%)sepia(13%)saturate(1200%)hue-rotate(330deg);width:26px;height:26px;transition:opacity .14s,transform .22s cubic-bezier(.3,1.7,.5,1);position:absolute;transform:scale(.6)rotate(-14deg)}.paw-marker.on{opacity:1;transform:scale(1)rotate(-14deg)}.wrap{width:min(1180px,100% - 32px);margin:0 auto}section{padding:clamp(48px,7vw,96px) 0}.reveal{opacity:0;transform:translateY(26px) rotate(var(--tilt,0deg));transition:opacity .7s,transform .9s cubic-bezier(.2,1,.3,1)}.reveal.in{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg))}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.nav{z-index:40;--plate:var(--dark);color:var(--title);align-items:center;gap:4px;padding:6px 8px 6px 18px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.nav:before{border-radius:999px}.nav .mark{font-family:var(--display);margin-right:10px;font-size:1.35rem;text-decoration:none}.nav a.link{opacity:.85;border-radius:999px;padding:6px 12px;font-size:.95rem;text-decoration:none;transition:opacity .15s,background .15s;position:relative}.nav a.link:hover{opacity:1;background:#fff3de24}.nav .btn{padding:.45em 1em;font-size:.95rem}@media (width<=720px){.nav a.link{display:none}}.hero{background:#dfe3ea;height:100svh;min-height:620px;padding:0;position:relative;overflow:hidden}.hero .layer{will-change:transform;pointer-events:none;position:absolute;inset:-6% -4%}.hero video,.hero .poster{object-fit:cover;width:100%;height:100%}.hero .veil{background:radial-gradient(at 50% 42%,#3829240d,#38292461 85%);position:absolute;inset:0}.hero .title-block{pointer-events:none;z-index:2;text-align:center;align-content:center;place-items:center;padding:0 16px;display:grid;position:absolute;inset:0}.hero h1{color:var(--title);text-shadow:0 6px 30px #38292459;font-size:clamp(5rem,17vw,15rem);line-height:.9;position:relative}.hero .by{color:var(--title);text-shadow:0 2px 12px #38292480;margin-top:.4em;font-size:clamp(1.1rem,2.2vw,1.6rem)}.hero .ctas{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.sticker{font-family:var(--display);color:var(--ink);--plate:var(--title);white-space:nowrap;padding:.15em .55em .1em;font-size:clamp(1rem,2.4vw,1.9rem);position:absolute;top:.18em;right:-.15em;transform:rotate(-9deg)}.sticker:before{border-radius:14px}.fringe{height:var(--h,185px);left:-4%;right:-4%;bottom:var(--b,-20px);--c:var(--cream);transform-origin:bottom;animation:5s ease-in-out infinite alternate sway;position:absolute}.fringe .blades{background:var(--c);-webkit-mask:url(/img/grass-1.png) bottom/auto 100% repeat-x,url(/img/grass-2.png) bottom/auto 86% repeat-x;mask:url(/img/grass-1.png) bottom/auto 100% repeat-x,url(/img/grass-2.png) bottom/auto 86% repeat-x;-webkit-mask-position:var(--x1,0) 100%, var(--x2,60px) 100%;mask-position:var(--x1,0) 100%, var(--x2,60px) 100%;position:absolute;inset:0}.fringe.drawn .blades{display:none}.fringe .blades-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.fringe.back{--h:150px;--b:26px;--x1:90px;--x2:10px;opacity:.9;animation-duration:6.5s}@keyframes sway{0%{transform:skew(-2deg)}to{transform:skew(2.5deg)}}.motes span{width:var(--s,6px);height:var(--s,6px);background:var(--title);opacity:.85;filter:blur(.5px);animation:fall var(--d,14s) linear infinite;animation-delay:var(--w,0s);border-radius:50%;position:absolute;top:-5%}@keyframes fall{0%{transform:translate(0)}50%{transform:translate(var(--dx,30px), 55vh)}to{transform:translateY(112vh)}}.leaf{width:34px;height:34px;animation:leaf var(--d,16s) linear infinite;animation-delay:var(--w,0s);background:#d9845b;position:absolute;top:-6%;-webkit-mask:url(/img/leaf.png) 50%/contain no-repeat;mask:url(/img/leaf.png) 50%/contain no-repeat}@keyframes leaf{0%{transform:translate(0)rotate(0)}50%{transform:translate(var(--dx,-80px), 55vh) rotate(220deg)}to{transform:translate(var(--dx2,40px), 112vh) rotate(480deg)}}.intro{text-align:center;padding-top:40px}.intro p.lede{max-width:30em;color:var(--ink);margin:.6em auto 0;font-size:clamp(1.25rem,2.4vw,1.7rem)}.feature{grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(28px,6vw,80px);margin-bottom:clamp(70px,10vw,130px);display:grid}.feature:nth-child(2n){grid-template-columns:1fr 1.25fr}.feature:last-child{margin-bottom:0}.feature:nth-child(2n) .frame{order:2}@media (width<=860px){.feature,.feature:nth-child(2n){grid-template-columns:1fr}.feature:nth-child(2n) .frame{order:0}}.frame{--plate:var(--cream);box-shadow:none;padding:14px 14px 44px}.frame:before{box-shadow:0 18px 50px #38292429}.frame video{aspect-ratio:16/9;object-fit:cover;background:var(--oat);border-radius:14px;width:100%}.frame .caption{text-align:center;font-family:var(--display);color:var(--muted);font-size:1.05rem;position:absolute;bottom:10px;left:0;right:0}.feature .icon{--plate:var(--ink);place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid}.feature .icon:before{border-radius:50%}.feature .icon img{width:30px;height:30px}.feature p{color:var(--muted);max-width:28em;font-size:1.12rem}.spaces{background:var(--oat);position:relative}.spaces .grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px;display:grid}@media (width<=980px){.spaces .grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.spaces .grid{grid-template-columns:1fr}}.space{--plate:var(--cream);padding:12px 12px 18px;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.space:hover{transform:translateY(-6px)rotate(-1deg)}.space img{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%}.space h3{margin:14px 6px 0;font-size:1.45rem}.space p{color:var(--muted);margin:4px 6px 0;font-size:.98rem}.wave{width:100%;height:60px;color:var(--oat);display:block;position:absolute;left:0}.wave.top{top:-59px}.wave.bottom{bottom:-59px;transform:scale(-1)}.spaces{margin:60px 0 40px;padding-top:clamp(24px,3vw,44px)}.trailer .player{--plate:var(--ink);margin-top:40px;padding:14px}.trailer .yt{aspect-ratio:16/9;cursor:pointer;background:#000;border:0;border-radius:16px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.trailer .yt img{object-fit:cover;width:100%;height:100%;transition:transform .6s,filter .3s}.trailer .yt:hover img{filter:brightness(1.05);transform:scale(1.03)}.trailer .yt .play{--plate:var(--title);place-items:center;width:96px;height:96px;margin:-48px 0 0 -48px;transition:transform .2s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:50%;left:50%}.trailer .yt .play:before{border-radius:50%}.trailer .yt:hover .play{transform:scale(1.1)}.trailer .yt .play svg{width:38px;height:38px;fill:var(--ink);margin-left:6px}.trailer iframe{aspect-ratio:16/9;border:0;border-radius:16px;width:100%;display:block}.letter{--plate:var(--ink);color:var(--title);text-align:center;padding:clamp(36px,6vw,70px)}.letter h2{color:var(--title)}.letter p{color:#fff3debf;max-width:30em;margin-left:auto;margin-right:auto}.letter form{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.letter .field{--plate:var(--title);padding:0 6px;display:flex}.letter .field:before{border-radius:999px}.letter input[type=email]{font:inherit;color:var(--ink);background:0 0;border:0;outline:none;width:min(320px,70vw);padding:.75em 1em}.letter .btn{--plate:var(--accent);color:var(--cream)}.letter .hp{position:absolute;left:-9999px}.letter .status{min-height:1.6em;color:var(--title);margin-top:14px}footer{text-align:center;color:var(--muted);padding:70px 0 50px}footer .mark{font-family:var(--display);color:var(--ink);font-size:2.4rem}footer nav{flex-wrap:wrap;justify-content:center;gap:22px;margin:16px 0;display:flex}footer a{text-decoration:none}footer nav a{background:linear-gradient(var(--ink), var(--ink)) no-repeat 50% 100% / 0 2px;padding-bottom:2px;transition:background-size .2s,color .15s}footer nav a:hover{color:var(--ink);background-size:100% 2px}.press h1{font-size:clamp(3rem,8vw,5.5rem)}.press .facts{grid-template-columns:220px 1fr;gap:10px 26px;margin-top:30px;display:grid}.press .facts dt{color:var(--muted)}.press .facts dd{margin:0}.press .shots{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}@media (width<=980px){.press .shots{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.press .facts,.press .shots{grid-template-columns:1fr}}.press .shot{--plate:var(--oat);transform:rotate(var(--tilt));padding:9px;transition:transform .25s cubic-bezier(.3,1.6,.5,1);display:block}.press .shot:hover{transform:translateY(-4px)rotate(0)scale(1.02)}.press .shot img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.viewer{z-index:60;backdrop-filter:blur(6px);opacity:0;background:#1e1613d1;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:70px 24px 30px;transition:opacity .2s;display:grid;position:fixed;inset:0}.viewer.on{opacity:1}.viewer[hidden]{display:none}.v-frame{--plate:var(--cream);max-width:min(1500px,100%);margin:0 auto;padding:12px 12px 10px;transition:transform .25s cubic-bezier(.3,1.5,.5,1);transform:scale(.96)}.viewer.on .v-frame{transform:scale(1)}.v-frame img{object-fit:contain;background:var(--oat);border-radius:12px;width:100%;max-height:calc(100vh - 190px);display:block}.v-frame figcaption{color:var(--muted);justify-content:space-between;align-items:center;padding:10px 6px 2px;display:flex}.v-frame .v-dl{padding:.5em 1.1em;font-size:.95rem}.v-arrow{--plate:var(--title);cursor:pointer;background:0 0;border:0;place-items:center;width:58px;height:58px;transition:transform .18s cubic-bezier(.3,1.6,.5,1);display:grid}.v-arrow:before{border-radius:50%}.v-arrow:hover{transform:scale(1.1)}.v-arrow svg{fill:none;width:26px;height:26px;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.v-close{padding:.5em 1.2em;position:absolute;top:18px;right:24px}@media (width<=720px){.viewer{grid-template-columns:1fr}.v-arrow{display:none}}::selection{color:var(--ink);background:#e0805a52}.nav ::selection,.letter ::selection,.hero ::selection{color:inherit;background:#fff3de47}.nav,.btn,.sticker,.paw-marker,.hero .title-block,.space,.frame{-webkit-user-select:none;user-select:none}.letter input{-webkit-user-select:text;user-select:text}.wobble{white-space:nowrap;display:inline-block;position:relative}.wobble .wl{animation:.42s step-end infinite wl;animation-delay:calc(var(--i) * -.13s);display:inline-block}.wobble .wl:nth-child(3n+1){animation-duration:.46s}.wobble .wl:nth-child(3n+2){animation-duration:.39s}@keyframes wl{0%{transform:translate(0)rotate(-1.1deg)}33.33%{transform:translate(.03em,-.025em)rotate(.9deg)}66.66%{transform:translate(-.02em,.02em)rotate(-.3deg)}}@media (prefers-reduced-motion:reduce){.wobble .wl{animation:none}}.boiltitle{display:inline-block;position:relative}.boiltitle .bt-text{display:inline-block}.boiltitle .bt-canvas{pointer-events:none;position:absolute}.boiltitle.bt-ready .bt-text{color:#0000}.hero .boiltitle .bt-canvas{filter:drop-shadow(0 6px 22px #38292459)}.hero h1.bt-ready{text-shadow:none}html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}#letter{padding-top:0}.card>canvas.plate{z-index:-1;pointer-events:none;position:absolute;top:-4px;left:-4px}.card.plated:before{background:0 0;animation:none}.frame.plated:before{box-shadow:none}.frame>canvas.plate{filter:drop-shadow(0 18px 30px #38292429)}.lede-sm{max-width:32em;margin-left:auto;margin-right:auto;font-size:1.12rem}.frame img{border-radius:14px;width:100%;display:block}.journal .tabs{gap:26px;display:grid}.journal .tab{grid-template-columns:58px 1fr;align-items:start;gap:18px;display:grid}.journal .tab .icon{margin:0}.journal .tab h3{margin-top:6px}.journal .tab p{color:var(--muted);margin-top:4px;font-size:1.05rem}.journal .icon,.knack .icon{--plate:var(--ink);place-items:center;width:58px;height:58px;display:grid}.journal .icon:before,.knack .icon:before{border-radius:50%}.journal .icon img,.knack .icon img{width:30px;height:30px}img.paw-glyph{filter:brightness(0)invert()}.knacks{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:60px;display:flex}.knacks .knack{flex:0 calc(25% - 15px);min-width:220px}.knack{--plate:var(--oat);text-align:left;padding:22px 20px;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.knack:hover{transform:translateY(-5px)rotate(-1deg)}.knack .icon{width:50px;height:50px;margin-bottom:14px}.knack .icon img{width:26px;height:26px}.knack h3{font-size:1.4rem}.knack .earn{color:var(--ink);margin-top:6px;font-size:.98rem}.knack .gives{color:var(--muted);margin-top:6px;font-size:.95rem}.wave.boiled{visibility:hidden}.wave-boil{pointer-events:none;display:block;position:absolute;left:0}.wave-boil.top{top:-63px}.wave-boil.bottom{bottom:-63px;transform:scale(-1)}.knack .knack-shot{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;margin-bottom:-22px;display:block}.knack .knack-shot+.icon{margin-left:10px;position:relative}.letter form{transition:transform .25s cubic-bezier(.5,0,.75,0),opacity .22s}.letter form.sent{opacity:0;transform:scale(.85)}.letter form.sent .btn{transform:scale(.9)}.letter .field.nope{animation:.4s cubic-bezier(.36,.07,.19,.97) nope}@keyframes nope{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.letter .thanks{--plate:var(--title);color:var(--ink);text-align:left;opacity:0;align-items:center;gap:16px;margin-top:26px;padding:16px 26px 16px 16px;transition:transform .45s cubic-bezier(.3,1.7,.5,1),opacity .2s;display:inline-flex;position:relative;transform:scale(.6)}.letter .thanks[hidden]{display:none}.letter .thanks.on{opacity:1;transform:scale(1)}.letter .thanks strong{font-family:var(--display);font-size:1.5rem;font-weight:400;display:block}.letter .thanks span{color:var(--muted);font-size:.98rem;display:block}.letter .t-heart{--plate:var(--accent);flex:none;place-items:center;width:54px;height:54px;display:grid}.letter .t-heart:before{border-radius:50%}.letter .t-heart img{width:28px;height:28px}.letter .thanks.on .t-heart{animation:.9s cubic-bezier(.3,1.7,.5,1) .25s both beat}@keyframes beat{0%{transform:scale(.3)rotate(-20deg)}55%{transform:scale(1.18)rotate(6deg)}to{transform:scale(1)rotate(0)}}.letter .pp{opacity:0;pointer-events:none;background:var(--accent);width:18px;height:18px;position:absolute;top:30px;left:42px;-webkit-mask:url(/img/paw.png) 50%/contain no-repeat;mask:url(/img/paw.png) 50%/contain no-repeat}.letter .thanks.on .pp{animation:skip .9s var(--d) ease-out both}@keyframes skip{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}30%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-70px) scale(1)}}@media (prefers-reduced-motion:reduce){.letter .thanks,.letter .thanks.on .t-heart,.letter .thanks.on .pp{opacity:1;transition:none;animation:none;transform:none}.letter .pp{display:none}}.letter form[hidden]{display:none}.letter .t-heart{position:relative}.letter .t-heart img{position:absolute;top:50%;left:50%;translate:-50% -50%}.knack.locked{--plate:var(--oat-deep)}.knack.locked h3{color:var(--muted);letter-spacing:.08em}.knack.locked .icon{--plate:var(--muted)}#trailer{padding-top:0}