:root{--bg:#fff4fb;--ink:#1d1033;--card:#fff;--a1:#ff3d9a;--a2:#c8ff3d;--a3:#7df0d3;--btnink:#1d1033;--band:#e9ffd9;
--c1:#ffb3dc;--c2:#d9ff7a;--c3:#8ff2dc;--c4:#ffe066;--c5:#b9a6ff;
--head:'Bricolage Grotesque',system-ui,sans-serif;--body:'Space Grotesk',system-ui,sans-serif;--r:10px;--r2:6px;--bw:3px;--sh:6px 6px 0 var(--ink);--shh:9px 9px 0 var(--ink);
--herobg:linear-gradient(135deg,#7df0d3 0,#7df0d3 35%,transparent 35%),radial-gradient(circle at 90% 10%,#ffb3dc 0,transparent 45%),var(--bg)}
h1{text-transform:uppercase;letter-spacing:-.02em}.eyebrow{text-transform:uppercase;letter-spacing:.1em}.pop:hover{transform:translate(-4px,-4px) rotate(1deg)}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6;overflow-x:hidden}
.wrap{max-width:1100px;margin:auto;padding:0 20px}a{color:var(--a1)}
h1,h2,h3{font-family:var(--head);line-height:1.08;margin:.3em 0}
h1{font-size:clamp(2.4rem,6.5vw,4.6rem)}h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.center{text-align:center}.narrow{max-width:760px;margin:0 auto 1em}
header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:var(--bw) solid var(--ink)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logoT{font-family:var(--head);font-size:1.4rem;font-weight:700;text-decoration:none;color:var(--ink)}.logoT b{color:var(--a1)}
nav a{margin-left:8px;text-decoration:none;color:var(--ink);font-weight:700;padding:6px 14px;border-radius:var(--r);border:var(--bw) solid transparent}
nav a:hover{background:var(--a3)}nav a.on{background:var(--a2);border-color:var(--ink)}
.hero{padding:70px 0 60px;background:var(--herobg)}.hero.small{padding:56px 0}
.heroGrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:center}
@media(max-width:820px){.heroGrid{grid-template-columns:1fr}}
.eyebrow{display:inline-block;background:var(--a2);border:var(--bw) solid var(--ink);padding:4px 14px;border-radius:99px;font-weight:800;font-size:.85rem;margin:0}
.hl{background:var(--a2);padding:0 .15em;border-radius:.2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hl2{color:var(--a1)}
.lead{font-size:1.2rem;max-width:620px}
.btn{display:inline-block;background:var(--a1);color:var(--btnink);padding:13px 26px;border-radius:var(--r);border:var(--bw) solid var(--ink);box-shadow:var(--sh);text-decoration:none;font-weight:800;margin:6px 10px 6px 0;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shh)}.btn.ghost{background:var(--card);color:var(--ink)}
section{padding:60px 0}.band{background:var(--band)}.cta{background:var(--a3)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:26px}
.pop{background:var(--card);padding:26px;border-radius:var(--r2);border:var(--bw) solid var(--ink);box-shadow:var(--sh);transition:transform .2s}
.pop:hover{transform:translateY(-6px) rotate(-1deg)}.p1{background:var(--c1)}.p2{background:var(--c2)}.p3{background:var(--c3)}
.big{font-size:3rem}.pop h3{font-size:1.5rem}
.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:24px}
.item{border:var(--bw) solid var(--ink);border-radius:var(--r2);padding:16px;text-align:center;font-weight:800;box-shadow:var(--sh)}
.item span{display:block;font-size:2.4rem;transition:transform .2s}.item:hover span{transform:scale(1.3) rotate(8deg)}
.i0{background:var(--c1)}.i1{background:var(--c2)}.i2{background:var(--c3)}.i3{background:var(--c4)}.i4{background:var(--c5)}
.path{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:28px 0}
.step{position:relative;background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r2);padding:26px 22px 22px;box-shadow:var(--sh)}
.step b{position:absolute;top:-18px;left:18px;width:40px;height:40px;border-radius:50%;background:var(--a1);color:var(--btnink);border:var(--bw) solid var(--ink);display:grid;place-items:center;font-size:1.2rem}
.sunday{display:flex;gap:18px;align-items:center;background:var(--c3);border:var(--bw) solid var(--ink);border-radius:var(--r2);padding:20px 26px;box-shadow:var(--sh)}
.sunday span{font-size:3.4rem}.sunday h3{margin:0}.sunday p{margin:.2em 0 0}
.marquee{overflow:hidden;background:var(--ink);color:var(--bg);border-block:var(--bw) solid var(--ink);padding:10px 0;white-space:nowrap;font-family:var(--head);font-weight:700;font-size:1.2rem}
.track{display:inline-block;animation:slide 30s linear infinite}.marquee span{margin:0 14px}.dot{color:var(--a2)}
@keyframes slide{to{transform:translateX(-50%)}}
.machine{max-width:340px;margin:auto;width:100%;border:var(--bw) solid var(--ink);border-radius:var(--r2);background:var(--a1);box-shadow:8px 8px 0 var(--ink);padding:14px;transform:rotate(2deg);animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:rotate(-1.5deg) translateY(-8px)}}
.mtop{text-align:center;font-family:var(--head);font-weight:800;color:var(--btnink);letter-spacing:.05em;padding:4px 0 10px}.mtop b{background:var(--a2);color:var(--ink);padding:0 8px;border-radius:6px}
.mbody{display:grid;grid-template-columns:3fr 1fr;gap:10px}
.glass{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fff9;border:var(--bw) solid var(--ink);border-radius:12px;padding:10px}
.slot{aspect-ratio:1;border-radius:10px;border:2px solid var(--ink);display:grid;place-items:center;font-size:1.9rem}
.s0{background:var(--c1)}.s1{background:var(--c2)}.s2{background:var(--c3)}.s3{background:var(--c4)}.s4{background:var(--c5)}
.mside{background:var(--ink);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;align-items:center}
.mside i{width:100%;height:12px;border-radius:6px;background:var(--a2)}.coin{margin-top:auto;width:22px;height:34px;border-radius:6px;background:var(--bg)}
.mtray{margin-top:12px;background:var(--ink);color:var(--bg);text-align:center;border-radius:10px;padding:8px;font-weight:700}
.lovekc{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.ltr{position:relative;width:78px;height:78px;border:var(--bw) solid var(--ink);border-radius:var(--r2);color:var(--ink);font:inherit;font-family:var(--head);font-size:2.4rem;font-weight:800;cursor:pointer;padding:0;display:grid;place-items:center;box-shadow:var(--sh);transition:transform .15s}
.ltr:hover,.ltr:focus{transform:translateY(-6px) rotate(-4deg);outline:none}
.c0{background:var(--c1)}.c1{background:var(--c2)}.c2{background:var(--c3)}.c3{background:var(--c4)}.c4{background:var(--c5)}.c5{background:var(--c1)}
.ltr .tip{position:absolute;inset:0;background:#fff;color:#000;border-radius:calc(var(--r2) - 2px);font-family:var(--body);font-size:.74rem;font-weight:800;line-height:1.15;padding:6px;display:none;place-items:center;text-align:center}
.ltr:hover .tip,.ltr:focus .tip{display:grid}.ltr:hover .l,.ltr:focus .l{visibility:hidden}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:36px}@media(max-width:700px){.two{grid-template-columns:1fr}}
.logo,.photo{background:#fff8;border:3px dashed var(--ink);display:grid;place-items:center;min-height:120px;border-radius:var(--r2);margin-bottom:14px;text-align:center}.photo{min-height:340px}
.ticks{list-style:none;padding:0}.ticks li:before{content:"✔ ";color:var(--a1);font-weight:800}
.ph{background:#ffe27a;color:#4a3b00;padding:0 4px;border-radius:3px;font-size:.92em}
.poster{display:block;max-width:360px;width:100%;height:auto;margin:auto;border:var(--bw) solid var(--ink);border-radius:var(--r2);box-shadow:8px 8px 0 var(--ink);transform:rotate(2deg)}
.logoimg{padding:0;overflow:hidden;border-style:solid}.logoimg img{width:100%;display:block}
.two2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.split{display:grid;gap:16px;margin:26px 0}
.bar{display:flex;gap:18px;align-items:center;border:var(--bw) solid var(--ink);border-radius:var(--r2);padding:18px 22px;box-shadow:var(--sh)}
.bar b{font-family:var(--head);font-size:2.6rem}.b25{background:var(--c3)}.b75{background:var(--c2)}
.path.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.path.flow{margin-top:34px}
.give{background:var(--c2)}
footer{padding:34px 0;text-align:center;font-weight:700;border-top:var(--bw) solid var(--ink);background:var(--bg)}
@media(prefers-reduced-motion:reduce){.track,.machine{animation:none}}