:root{--ink:#24122e;--cream:#fff8e8;--paper:#f5e9d2;--orange:#f26724;--pink:#ff4f91;--acid:#e9f65a;--teal:#38c9bc;--purple:#6d3bbd;--red:#b82c33;--shadow:6px 7px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;opacity:.06;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:2px solid var(--ink);position:relative;z-index:30;background:rgba(255,248,232,.94);backdrop-filter:blur(12px)}.brand{font:2rem/1 "Shrikhand",serif;color:var(--ink);text-decoration:none}.brand span{font:500 .55rem "DM Sans";vertical-align:top}.site-header nav{display:flex;gap:28px}.site-header nav a,footer a{color:inherit;text-decoration:none;font-weight:700}.site-header nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.bag-button{background:var(--ink);color:white;border:0;border-radius:99px;padding:12px 18px;font:700 .9rem inherit;cursor:pointer}.bag-button span{background:var(--pink);border-radius:50%;padding:2px 7px;margin-left:5px}.hero{min-height:690px;display:grid;grid-template-columns:1.03fr .97fr;position:relative;border-bottom:2px solid var(--ink);overflow:hidden}.hero-copy{padding:90px 3vw 60px 7vw;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;font-weight:800;margin:0 0 18px}.hero h1,.section-heading h2,.magic-copy h2,.play-section h2,.story-copy h2{font:400 clamp(3.4rem,7vw,7.5rem)/.86 "Shrikhand",serif;letter-spacing:-.035em;margin:0}.hero h1 em,.magic-copy h2 em{color:var(--orange);font-style:normal}.hero-deck{font-size:1.2rem;line-height:1.55;max-width:650px;margin:32px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:3px;padding:15px 22px;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s;font-family:inherit;font-size:.95rem}.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.btn.primary{background:var(--pink);color:var(--ink)}.btn.ghost{background:transparent;color:var(--ink)}.btn.dark{background:var(--ink);color:white}.proof{display:flex;gap:22px;margin-top:38px;font-size:.78rem;font-weight:700;text-transform:uppercase}.proof span:before{content:"✦";color:var(--orange);margin-right:7px}.hero-art{position:relative;background:var(--orange);min-height:690px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-left:2px solid var(--ink)}.hero-art img{width:82%;height:70%;object-fit:cover;border:2px solid var(--ink);box-shadow:12px 14px 0 var(--ink);position:relative;z-index:2;transform:rotate(2deg)}.sunburst{position:absolute;width:900px;height:900px;background:repeating-conic-gradient(var(--acid) 0 9deg,transparent 9deg 18deg);animation:spin 50s linear infinite}.sticker{position:absolute;z-index:3;width:125px;height:125px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);line-height:1.05}.sticker-one{top:7%;right:4%;background:var(--teal);transform:rotate(9deg)}.sticker-two{bottom:8%;left:3%;background:var(--acid);transform:rotate(-8deg)}.orbit{position:absolute;font-size:4rem;z-index:4;animation:bob 3s ease-in-out infinite}.orbit-one{left:48%;top:7%;color:var(--pink)}.orbit-two{left:3%;bottom:8%;color:var(--purple);animation-delay:-1s}.ticker{background:var(--ink);color:var(--cream);overflow:hidden;white-space:nowrap;border-bottom:2px solid var(--ink);font-weight:800;letter-spacing:.12em;padding:14px 0}.ticker div{display:inline-block;animation:marquee 18s linear infinite}.shop-section{padding:95px 5vw 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section-heading h2{font-size:clamp(3rem,5vw,5.5rem);max-width:800px}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1.5px solid var(--ink);background:transparent;padding:9px 14px;border-radius:99px;font-weight:700;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-card{border:2px solid var(--ink);background:#fff;box-shadow:var(--shadow);transition:.25s}.product-card:hover{transform:translateY(-7px) rotate(-.5deg);box-shadow:9px 12px 0 var(--ink)}.product-card.hidden{display:none}.product-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--paper);border-bottom:2px solid var(--ink)}.product-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.product-card:hover img{transform:scale(1.04)}.flag{position:absolute;left:14px;top:14px;background:var(--acid);border:2px solid var(--ink);padding:7px 10px;font-weight:800;transform:rotate(-2deg)}.product-info{padding:18px;display:flex;align-items:end;justify-content:space-between;gap:14px}.product-info p{margin:0 0 4px;text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;font-weight:800}.product-info h3{font:400 1.55rem "Shrikhand";margin:0}.add{border:0;background:none;font:800 .8rem inherit;cursor:pointer;white-space:nowrap}.add span{display:inline-grid;place-items:center;background:var(--pink);width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink);margin-left:4px}.shop-note{text-align:center;margin-top:34px;font-size:.82rem;opacity:.68}.magic-section{display:grid;grid-template-columns:1.2fr .8fr;background:var(--teal);border-block:2px solid var(--ink)}.magic-copy{padding:100px 7vw}.magic-copy h2{font-size:clamp(3.2rem,6vw,6rem)}.magic-copy>p:not(.eyebrow){font-size:1.14rem;line-height:1.6;max-width:650px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.steps div{display:flex;gap:14px;border-top:2px solid var(--ink);padding:15px 0}.steps b{font:1.4rem "Shrikhand"}.steps span{font-size:.88rem;line-height:1.35}.steps strong{display:block;text-transform:uppercase;letter-spacing:.1em}.magnet-lab{min-height:620px;background:var(--purple);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:2px solid var(--ink);padding:45px}.lab-label{text-transform:uppercase;font-weight:800;letter-spacing:.16em}.glass-demo{width:260px;height:320px;border:7px solid rgba(255,255,255,.9);border-top:0;border-radius:0 0 70px 70px;position:relative;margin:25px;overflow:hidden}.glass-rim{position:absolute;top:0;left:-8px;width:262px;height:20px;border:7px solid white;border-radius:50%;z-index:5}.drink{position:absolute;bottom:0;inset-inline:0;height:55%;background:linear-gradient(#f7794288,#d32e4ccc)}.demo-charm{position:absolute;left:96px;top:58px;border:2px solid var(--ink);background:var(--cream);border-radius:50%;font-size:3rem;width:72px;height:72px;z-index:6;cursor:pointer;transition:1s cubic-bezier(.2,.8,.2,1);box-shadow:3px 4px 0 var(--ink)}.inside-magnet{position:absolute;width:30px;height:30px;border-radius:50%;background:#37313b;left:116px;top:150px;transition:1s cubic-bezier(.2,.8,.2,1)}.glass-demo.snapped .demo-charm{left:8px;top:155px;transform:rotate(-12deg)}.glass-demo.snapped .inside-magnet{left:42px;top:178px}.magnet-lab small{opacity:.7;margin-top:10px}.play-section{padding:110px 6vw;background:var(--pink);border-bottom:2px solid var(--ink);background-image:radial-gradient(var(--ink) 1px,transparent 1px);background-size:22px 22px}.fortune-stage{max-width:1150px;margin:auto;display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}.fortune-copy{background:var(--cream);border:2px solid var(--ink);box-shadow:12px 14px 0 var(--ink);padding:55px}.play-section h2{font-size:clamp(3.5rem,7vw,6.5rem)}.fortune-copy>p:not(.eyebrow){font-size:1.1rem;line-height:1.5}.fortune-card{aspect-ratio:3/4;max-width:430px;width:100%;justify-self:center;background:var(--ink);color:var(--cream);border:7px double var(--acid);box-shadow:14px 16px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;position:relative;transform:rotate(3deg);transition:.5s}.fortune-card.flash{transform:rotate(-3deg) scale(1.03);background:var(--purple)}.card-stars{position:absolute;top:24px;letter-spacing:.6em;color:var(--acid)}.fortune-icon{font-size:6rem;margin-bottom:20px}.fortune-card h3{font:2rem "Shrikhand";margin:0 0 12px}.fortune-card p{margin:0;line-height:1.5}.story-section{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.story-image{overflow:hidden;border-right:2px solid var(--ink)}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy{padding:90px 7vw}.story-copy h2{font-size:clamp(3rem,5vw,5rem)}.story-copy>p:not(.eyebrow){font-size:1.1rem;line-height:1.65}.facts{margin-top:35px}.facts div{padding:16px 0;border-top:2px solid var(--ink);display:flex;justify-content:space-between;gap:15px}.facts span{font-size:.9rem;text-align:right}.safety-strip{background:var(--acid);padding:22px 5vw;border-block:2px solid var(--ink);display:flex;gap:30px;align-items:center}.safety-strip strong{font:1.25rem "Shrikhand";white-space:nowrap}.safety-strip span{font-size:.8rem;line-height:1.4}footer{background:var(--ink);color:var(--cream);padding:60px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end}footer .brand{color:var(--cream);font-size:3rem}footer p{font:1.35rem "Shrikhand";text-align:right}footer div{display:flex;gap:22px}footer small{text-align:right}.bag-drawer{position:fixed;z-index:60;right:0;top:0;height:100vh;width:min(440px,100%);background:var(--cream);border-left:2px solid var(--ink);padding:28px;transform:translateX(105%);transition:.35s;display:flex;flex-direction:column}.bag-drawer.open{transform:none}.bag-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}.bag-head h2{font:2.1rem "Shrikhand"}.bag-head button{background:none;border:0;font-size:2.5rem;cursor:pointer}.bag-items{flex:1;overflow:auto;padding:20px 0}.bag-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--ink);padding:14px 0;font-weight:700}.bag-row button{border:0;background:none;cursor:pointer;text-decoration:underline}.empty-bag{line-height:1.5;opacity:.65}.bag-foot{border-top:2px solid var(--ink);padding-top:18px}.bag-foot p{font-size:.82rem}.bag-foot .btn{width:100%}.overlay{position:fixed;inset:0;background:#24122eb8;z-index:50;opacity:0;visibility:hidden;transition:.3s}.overlay.show{opacity:1;visibility:visible}.toast{position:fixed;z-index:80;left:50%;bottom:25px;transform:translate(-50%,30px);background:var(--ink);color:white;padding:14px 22px;border:2px solid var(--cream);opacity:0;transition:.3s;font-weight:700}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.seen{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-15px) rotate(8deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.site-header nav{display:none}.hero,.magic-section,.story-section{grid-template-columns:1fr}.hero-copy{padding:65px 6vw}.hero-art{min-height:520px;border-left:0;border-top:2px solid var(--ink)}.section-heading{align-items:start;flex-direction:column;gap:26px}.filters{justify-content:flex-start}.product-grid{grid-template-columns:1fr 1fr}.magnet-lab{border-left:0;border-top:2px solid var(--ink)}.fortune-stage{grid-template-columns:1fr}.story-image{min-height:500px;border-right:0;border-bottom:2px solid var(--ink)}}
@media(max-width:600px){.site-header{height:68px}.brand{font-size:1.65rem}.hero{min-height:0}.hero-copy{padding:52px 6vw 45px}.hero h1{font-size:3.7rem}.hero-deck{font-size:1.02rem}.proof{flex-direction:column;gap:8px}.hero-art{min-height:410px}.hero-art img{width:88%;height:73%}.sticker{width:92px;height:92px;font-size:.75rem}.shop-section{padding:70px 5vw}.product-grid{grid-template-columns:1fr}.product-info h3{font-size:1.4rem}.magic-copy{padding:70px 6vw}.steps{grid-template-columns:1fr}.magnet-lab{min-height:540px;padding:30px}.play-section{padding:80px 5vw}.fortune-copy{padding:38px 26px}.safety-strip{align-items:flex-start;flex-direction:column;gap:8px}footer{grid-template-columns:1fr}footer p,footer small{text-align:left}.orbit{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}