:root{--cream: #f2ede4;--paper: #fffaf2;--lav: #dce0f7;--lav-2: #c4c8f1;--violet: #7d77c9;--ink: #17171a;--muted: #6f6c69;--pink: #f3a5b6;--sun: #ffd84d;--display: "Bagel Fat One", "Nunito", sans-serif;--text: "Nunito", ui-rounded, sans-serif;--mono: "DM Mono", ui-monospace, monospace;--r: 28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--text);font-weight:600;font-size:17px;line-height:1.55;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}h1,h2{font-family:var(--display);font-weight:400;line-height:1;margin:0;letter-spacing:.01em}.knit{position:fixed;top:-80px;right:-80px;bottom:-80px;left:-80px;z-index:-1;background-image:url(/img/texture.webp);background-size:360px;opacity:.18;animation:drift 60s linear infinite}@keyframes drift{to{transform:translate3d(-360px,-360px,0)}}.shelf{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:26px 0 40px;display:grid;gap:34px}.box{position:relative;background:var(--lav);border:4px solid var(--ink);border-radius:var(--r);box-shadow:10px 12px 0 var(--ink)}.front{padding:54px 22px 20px;background:linear-gradient(180deg,var(--lav) 0%,var(--lav-2) 100%)}.hangtab{position:absolute;top:-4px;left:50%;transform:translate(-50%,-62%);width:150px;height:58px;background:var(--lav);border:4px solid var(--ink);border-bottom:0;border-radius:22px 22px 0 0}.hangtab span{position:absolute;left:50%;top:14px;transform:translate(-50%);width:56px;height:18px;border-radius:12px;background:var(--cream);border:3px solid var(--ink)}.front-inner{position:relative;display:grid;gap:18px}.brandmark{text-align:center}.edition{display:inline-block;margin:0 0 10px;font-weight:900;font-size:12px;letter-spacing:.16em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:6px 14px;border-radius:999px}.logo-type{display:flex;flex-direction:column;align-items:center;font-size:clamp(64px,17vw,150px);text-transform:uppercase;color:var(--paper);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 7px 0 var(--ink);line-height:.86}.logo-type span:last-child{color:var(--pink)}.ticker{margin:12px 0 0;font-family:var(--mono);font-size:15px;display:inline-block;padding:4px 12px;border:3px dashed var(--ink);border-radius:10px;background:var(--paper)}.window{position:relative;aspect-ratio:1 / 1;width:min(100%,560px);margin:0 auto;border:4px solid var(--ink);border-radius:46% 46% 30px 30px/34% 34% 30px 30px;overflow:hidden;background:#e6e2fb;box-shadow:inset 0 0 0 10px #ffffff8c}.window-art{position:absolute;top:0;right:0;bottom:0;left:0}.window-bg{width:100%;height:100%;object-fit:cover;opacity:.55}.kitten{position:absolute;top:6%;right:6%;bottom:0;left:6%;width:88%;height:auto;border-radius:40% 40% 0 0;animation:bob 4.2s ease-in-out infinite;transform-origin:50% 100%}@keyframes bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.012)}}.cello{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,#fff0 30%,#ffffff73,#fff0 46%,#fff0 62%,#ffffff40,#fff0 72%)}.burst{position:absolute;display:grid;place-items:center;text-align:center;width:128px;height:128px;background:var(--sun);color:var(--ink);font-family:var(--display);font-size:17px;line-height:1.05;clip-path:polygon(50% 0,61% 14%,79% 7%,82% 25%,100% 30%,90% 47%,100% 64%,82% 70%,79% 90%,61% 84%,50% 100%,39% 84%,21% 90%,18% 70%,0 64%,10% 47%,0 30%,18% 25%,21% 7%,39% 14%);filter:drop-shadow(4px 4px 0 var(--ink));transition:transform .25s}.burst span{transform:rotate(-8deg)}.burst-a{right:2%;top:40%;transform:rotate(10deg)}.burst-b{left:2%;bottom:6%;background:var(--pink);transform:rotate(-12deg);width:108px;height:108px;font-size:16px}.burst:hover{transform:rotate(0) scale(1.08)}.front-foot{display:flex;align-items:center;gap:10px;margin:18px 0 0;font-weight:900;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.cutline{flex:1;border-top:3px dashed var(--ink)}.side{display:grid;grid-template-columns:1fr;background:var(--paper);overflow:hidden}.side-strip{background:var(--ink);color:var(--lav);font-family:var(--display);font-size:22px;white-space:nowrap;overflow:hidden;padding:10px 14px}.side-body{padding:28px 24px 30px}.side h2{font-size:clamp(38px,7vw,58px);margin-bottom:18px}.side p{margin:0 0 14px;max-width:60ch}.lead{font-size:21px;font-weight:800}.slogans{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px}.slogans li{background:var(--lav);border:3px solid var(--ink);border-radius:999px;padding:6px 16px;font-weight:800;transform:rotate(-1.5deg);transition:transform .2s}.slogans li:nth-child(2){background:var(--pink);transform:rotate(1.2deg)}.slogans li:nth-child(3){background:var(--sun);transform:rotate(-.6deg)}.slogans li:hover{transform:rotate(0) translateY(-3px)}.back{padding:30px 20px 34px;background:var(--lav)}.back-title{font-size:clamp(34px,6vw,54px);text-align:center;margin-bottom:20px}.callouts{display:grid;gap:14px}.back-kitten{width:min(300px,80%);margin:0 auto 6px;border-radius:50%;border:4px solid var(--ink);background:var(--paper)}.call{margin:0;background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:12px 16px;box-shadow:5px 5px 0 var(--ink);font-size:15.5px}.call b{display:block;font-family:var(--display);font-weight:400;font-size:21px}.leaflet{background:var(--paper);border:3px solid var(--ink);border-radius:6px;padding:28px 22px;transform:rotate(-.8deg);box-shadow:6px 8px #17171ad9;background-image:repeating-linear-gradient(0deg,transparent 0 33px,rgba(125,119,201,.18) 33px 34px)}.leaflet h2{font-size:clamp(32px,6vw,48px);margin-bottom:18px}.leaflet ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}.leaflet li{display:flex;gap:14px;align-items:flex-start}.step{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:var(--display);font-size:20px}.leaflet a{font-weight:900;text-decoration-thickness:3px;text-decoration-color:var(--pink);text-underline-offset:3px}.leaflet a:hover{background:var(--pink)}.warning{display:flex;gap:16px;align-items:flex-start;background:var(--sun);border:4px solid var(--ink);border-radius:14px;padding:18px 20px;font-size:15px}.warning h2{font-size:26px;text-transform:uppercase;margin-bottom:4px}.warning p{margin:0}.warn-icon{flex:none;width:46px;height:42px;display:grid;place-items:center;padding-top:8px;background:var(--ink);color:var(--sun);font-family:var(--display);font-size:26px;clip-path:polygon(50% 0,100% 100%,0 100%)}.flap{width:min(1120px,calc(100% - 28px));margin:10px auto 34px;background:var(--ink);color:var(--paper);border-radius:0 0 var(--r) var(--r);padding:26px 22px;display:grid;gap:20px;position:relative}.flap:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;background:radial-gradient(circle at 10px 14px,var(--ink) 9px,transparent 10px) 0 0 / 20px 14px repeat-x}.flap-brand{display:flex;gap:14px;align-items:center}.flap-brand img{border-radius:50%;border:3px solid var(--lav);background:var(--lav)}.flap-name{margin:0;font-family:var(--display);font-size:28px;line-height:1}.flap-tick{margin:4px 0 0;font-family:var(--mono);color:var(--lav);font-size:14px}.ca{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--paper);color:var(--ink);border:3px solid var(--lav);border-radius:16px;padding:10px 12px;min-height:56px}.ca-label{font-family:var(--display);font-size:18px;background:var(--lav);padding:2px 10px;border-radius:8px}.ca-value{font-family:var(--mono);font-size:14px;word-break:break-all;flex:1;min-width:0}.ca-copy{font:800 14px var(--text);cursor:pointer;background:var(--pink);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:5px 14px;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}.ca-copy:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.ca-copy:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.ca-copy.done{background:var(--sun)}.ca-explore{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:3px solid var(--ink)}.ca-explore:hover{background:var(--lav)}[hidden]{display:none!important}.icons{display:flex;gap:12px}.icon{width:48px;height:48px;display:grid;place-items:center;background:var(--lav);color:var(--ink);border-radius:50%;border:3px solid var(--paper);transition:transform .18s,background .18s}.icon svg{width:22px;height:22px}.icon:hover{transform:translateY(-3px) rotate(-6deg);background:var(--pink)}.barcode{display:grid;gap:4px;justify-items:start}.barcode i{display:block;width:170px;height:46px;background:var(--paper);-webkit-mask:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px,#000 4px 7px,transparent 7px 8px,#000 8px 9px,transparent 9px 12px);mask:repeating-linear-gradient(90deg,#000 0 2px,transparent 2px 4px,#000 4px 7px,transparent 7px 8px,#000 8px 9px,transparent 9px 12px)}.barcode span{font-family:var(--mono);font-size:12px;letter-spacing:.3em}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.leaflet.reveal.in{transform:rotate(-.8deg)}@media(min-width:860px){.shelf{gap:46px;padding-top:60px}.front{padding:70px 46px 28px}.front-inner{grid-template-columns:.9fr 1.1fr;align-items:center}.brandmark{text-align:left}.logo-type{align-items:flex-start;font-size:clamp(96px,10vw,150px)}.burst-a{right:-2%;top:8%}.burst-b{left:40%;bottom:2%}.side{grid-template-columns:70px 1fr}.side-strip{writing-mode:vertical-rl;padding:18px 12px;font-size:26px}.side-body{padding:44px 48px}.back{padding:44px 40px 50px}.callouts{grid-template-columns:1fr 360px 1fr;grid-template-rows:repeat(3,auto);align-items:center;gap:22px 30px}.back-kitten{grid-column:2;grid-row:1 / span 3;width:360px;margin:0}.c1{grid-column:1;grid-row:1;transform:rotate(-2deg)}.c2{grid-column:3;grid-row:1;transform:rotate(1.5deg)}.c3{grid-column:1;grid-row:2;transform:rotate(1deg)}.c4{grid-column:3;grid-row:2;transform:rotate(-1.5deg)}.c5{grid-column:1 / -1;grid-row:4;justify-self:center;max-width:440px;transform:rotate(-.5deg)}.call{position:relative}.c1:after,.c3:after,.c2:before,.c4:before{content:"";position:absolute;top:50%;width:30px;border-top:3px dashed var(--ink)}.c1:after,.c3:after{right:-33px}.c2:before,.c4:before{left:-33px}.leaflet{padding:40px 46px;width:82%;justify-self:end}.warning{width:70%}.flap{grid-template-columns:auto 1fr auto auto;align-items:center;padding:30px 40px}}@media(prefers-reduced-motion:reduce){.knit,.kitten{animation:none}.reveal{opacity:1;transform:none;transition:none}.burst,.icon,.slogans li,.ca-copy{transition:none}html{scroll-behavior:auto}}.desc{font-size:17px}.knit{opacity:.09}.side-strip{min-height:0}@media(min-width:860px){.side-strip{height:0;min-height:100%}}.window{background:#dcdcf6}.kitten{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;border-radius:0;animation-name:bob2}@keyframes bob2{0%,to{transform:scale(1.06) translateY(0)}50%{transform:scale(1.07) translateY(-8px)}}@media(prefers-reduced-motion:reduce){.kitten{transform:scale(1.06)}}@media(max-width:859px){.edition{letter-spacing:.08em;font-size:11px}.burst-a{top:auto;bottom:10px;right:-4px;width:104px;height:104px;font-size:14px}.burst-b{display:none}}