@font-face{font-family:"Syne";src:url(f/syne-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Chivo";src:url(f/chivo-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Chivo";src:url(f/chivo-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Space Mono";src:url(f/space-mono-latin-400-normal.woff2) format("woff2");font-display:swap}
:root{--cobalt:#2330d9;--saffron:#ffb31a;--verm:#ff4b2b;--pink:#ffcfdc;--ink:#140f2e;--paper:#fff4e3;--spring:cubic-bezier(.34,1.56,.64,1)}
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.05rem/1.6 "Chivo",system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.18em}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--saffron)}
h1,h2,h3{font-family:"Syne",sans-serif;font-weight:700;line-height:.95;letter-spacing:-.02em;margin:0 0 .5em}
h2{font-size:clamp(1.7rem,3.4vw,2.8rem)}
i{font-family:"Space Mono",monospace;font-style:normal;font-weight:400;letter-spacing:-.04em}
code{font-family:"Space Mono";font-size:.88em;background:#14102e14;padding:0 .25em}
.wrap{overflow-wrap:anywhere}
.skip{position:absolute;left:-999px;z-index:999;background:var(--saffron);padding:.6rem 1rem}.skip:focus{left:1rem;top:1rem}
.cobalt{background:var(--cobalt);color:var(--paper)}.saffron{background:var(--saffron);color:var(--ink)}.vermilion{background:var(--verm);color:var(--ink)}.pink{background:var(--pink);color:var(--ink)}.ink{background:var(--ink);color:var(--paper)}.paper{background:var(--paper);color:var(--ink)}
.r-2{--r:-2.5deg}.r-1{--r:-1.2deg}.r1{--r:1.4deg}.r2{--r:2.6deg}

/* top + deck nav */
.top{position:absolute;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:1.2rem clamp(1rem,3vw,2.5rem)}
.wordmark{font-family:"Syne";font-size:1.5rem;text-decoration:none;display:flex;background:var(--ink);color:var(--paper);padding:.2rem .6rem;transform:rotate(-3deg)}
.wordmark span:last-child{color:var(--saffron)}
.top-hello{font:600 .95rem "Chivo";background:var(--paper);color:var(--ink);padding:.55rem 1rem;border:2px solid var(--ink);text-decoration:none;box-shadow:4px 4px 0 var(--ink);transition:transform .25s var(--spring),box-shadow .25s}
.top-hello:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.deck-wrap{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:150}
.deck-btn{width:5.2rem;height:5.2rem;border-radius:50%;border:3px solid var(--ink);background:var(--saffron);color:var(--ink);font:700 1rem "Syne";cursor:pointer;display:grid;place-items:center;box-shadow:5px 5px 0 var(--ink);transition:transform .35s var(--spring),background .3s;position:relative}
.deck-btn:hover{transform:rotate(-12deg) scale(1.05)}
.deck-btn[aria-expanded=true]{background:var(--verm);transform:rotate(90deg)}
.db-dot{position:absolute;top:.8rem;right:1rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--cobalt)}
.deck{position:absolute;right:0;bottom:6.5rem;width:min(17rem,calc(100vw - 2rem))}
.deck ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;align-items:flex-end}
.deck li{animation:dealt .45s var(--spring) both;animation-delay:calc(var(--i)*35ms)}
.deck li:nth-child(odd) a{--t:-2deg}.deck li:nth-child(even) a{--t:2deg}
.deck a{display:block;padding:.45rem 1rem;font:700 1.3rem "Syne";text-decoration:none;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(var(--t));transition:transform .25s var(--spring)}
.deck a:hover,.deck a:focus-visible{transform:rotate(0) translateX(-8px)}
.deck a[aria-current=page]{outline:3px dashed var(--ink);outline-offset:3px}
@keyframes dealt{from{opacity:0;transform:translate(40px,30px) rotate(12deg)}to{opacity:1;transform:none}}

/* hero */
.hero{position:relative;min-height:100dvh;background:var(--cobalt);color:var(--paper);overflow:hidden;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto;padding:7rem clamp(1rem,3vw,2.5rem) 4rem;gap:1rem}
.hero-words{grid-column:1/-1;grid-row:1;font-size:clamp(3.6rem,11.5vw,11rem);line-height:.82;margin:0;position:relative;z-index:2;display:flex;flex-wrap:wrap;column-gap:.25em;mix-blend-mode:normal}
.hero-words span{display:inline-block;animation:slam .8s var(--spring) both}
.w1{animation-delay:.05s!important}.w2{color:var(--saffron);animation-delay:.15s!important;transform-origin:left}.w3{animation-delay:.25s!important;margin-left:1.2em}.w4{font-family:"Space Mono";font-weight:400;font-size:.55em;align-self:center;color:var(--pink);animation-delay:.35s!important}.w5{color:var(--verm);animation-delay:.45s!important;width:100%;text-align:right}
@keyframes slam{from{opacity:0;transform:translateY(60%) rotate(6deg)}to{opacity:1;transform:none}}
.hero-pic{grid-column:2/7;grid-row:2;margin:0;transform:rotate(-4deg);border:6px solid var(--paper);box-shadow:14px 14px 0 var(--verm);position:relative;z-index:1;align-self:start;margin-top:-3rem}
.hero-pic img{width:100%;aspect-ratio:5/4;object-fit:cover}
.hero-pic figcaption{position:absolute;left:-.4rem;bottom:-1.8rem;font:400 .72rem "Space Mono";background:var(--paper);color:var(--ink);padding:.2rem .5rem}
.hero-card{grid-column:8/12;grid-row:2;align-self:center;background:var(--saffron);color:var(--ink);padding:1.6rem;transform:rotate(2deg);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);font-size:1.1rem}
.tag{position:absolute;font:700 1rem "Syne";padding:.3rem .8rem;border-radius:2rem;border:2px solid var(--paper);animation:bob 4s ease-in-out infinite}
.t1{left:46%;top:58%;background:var(--verm)}.t2{left:70%;top:82%;background:var(--ink);animation-delay:-1.3s}.t3{left:8%;bottom:6%;background:var(--pink);color:var(--ink);animation-delay:-2.6s}
@keyframes bob{50%{transform:translateY(-10px) rotate(-4deg)}}
.marquee{background:var(--ink);color:var(--saffron);overflow:hidden;border-block:3px solid var(--ink);transform:rotate(-1.5deg) scaleX(1.04);position:relative;z-index:3}
.mq-clip{overflow:hidden;padding:1.2rem 0;margin-top:-2.4rem;position:relative;z-index:3}
.mq-track{display:flex;width:max-content;animation:mq 22s linear infinite}
.mq-track span{font:700 clamp(1.4rem,3vw,2.4rem) "Syne";padding:.6rem 1.4rem;white-space:nowrap}
.mq-track span:nth-child(even){color:var(--pink);font-family:"Space Mono";font-weight:400}
@keyframes mq{to{transform:translateX(-50%)}}

.bw-btn{display:inline-block;font:700 1rem "Syne";background:var(--ink);color:var(--paper);padding:.85rem 1.4rem;border:3px solid var(--ink);text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--verm);transition:transform .25s var(--spring),box-shadow .25s}
.bw-btn:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:7px 7px 0 var(--verm)}
.bw-btn.alt{background:var(--paper);color:var(--ink)}
.bw-btn.big{font-size:1.3rem;padding:1rem 2rem}

/* collage */
.collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.4rem;padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,4rem);max-width:96rem;margin:0 auto}
.tile{padding:clamp(1.4rem,3vw,2.4rem);border:3px solid var(--ink);transform:rotate(var(--r,0));box-shadow:8px 8px 0 var(--ink);transition:transform .4s var(--spring)}
.tile:hover{transform:rotate(0) translateY(-4px)}
.span-a{grid-column:1/8}.span-b{grid-column:7/13;margin-top:5rem}.span-c{grid-column:2/6}.span-d{grid-column:6/10;margin-top:-2rem}.span-e{grid-column:9/13;margin-top:3rem}
.span-wide{grid-column:1/9}.span-half{grid-column:span 6}
.loose .span-wide:nth-of-type(4){grid-column:5/13}
.link-tile{text-decoration:none;display:block}
.tile-k{font:400 .9rem "Space Mono"}
.link-tile h2{font-size:clamp(2.2rem,4.5vw,3.8rem)}
.dash{padding:0;list-style:none}.dash li{padding-left:1.4rem;position:relative;margin-bottom:.4rem}.dash li::before{content:"";position:absolute;left:0;top:.7em;width:.9rem;height:3px;background:var(--saffron)}

/* mixer */
.mixer{background:var(--pink);padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem);border-block:3px solid var(--ink);display:grid;gap:1.6rem}
.mixer-head{max-width:40rem}
.sticker{display:inline-block;font:400 .8rem "Space Mono";text-transform:uppercase;background:var(--ink);color:var(--saffron);padding:.25rem .7rem;transform:rotate(-3deg);margin:0 0 1rem}
.mx-rows{display:grid;gap:1rem}
.mx-row{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;min-width:0}
.mx-row legend{font:700 1.3rem "Syne";float:left;width:8rem;margin-right:1rem}
.chip{position:relative;display:inline-block}
.chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0;left:0;top:0}
.chip span{display:inline-block;padding:.55rem 1.1rem;border:2px solid var(--ink);border-radius:3rem;background:var(--paper);cursor:pointer;font-weight:600;transition:transform .25s var(--spring),background .2s}
.chip input:checked+span{background:var(--cobalt);color:var(--paper);transform:rotate(-3deg) scale(1.06)}
.chip input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}
.mx-out{font:700 clamp(1.4rem,3vw,2.4rem)/1.1 "Syne";max-width:56rem;margin:0;background:var(--paper);border:3px solid var(--ink);padding:1.2rem;box-shadow:8px 8px 0 var(--cobalt)}
#mx-send{justify-self:start}
.photo-strip{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;align-items:center;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem)}
.photo-strip figure{margin:0;transform:rotate(1.5deg);border:5px solid var(--ink)}
.photo-strip img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(1.2)}
.photo-strip figcaption{font:400 .72rem "Space Mono";padding:.3rem .5rem;background:var(--ink);color:var(--paper)}

/* poster header */
.poster{position:relative;min-height:78dvh;padding:8rem clamp(1rem,4vw,4rem) 4rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;border-bottom:3px solid var(--ink)}
.poster-h{font-size:clamp(3.4rem,12vw,10.5rem);line-height:.82;margin:0 0 2rem;animation:slam .9s var(--spring) both}
.poster-h i{font-size:.6em;vertical-align:middle;padding:0 .1em}
.poster-sub{max-width:36rem;font-size:1.2rem;margin:0 0 0 auto;padding:1.2rem;background:var(--paper);color:var(--ink);border:3px solid var(--ink);transform:rotate(-1.5deg);box-shadow:6px 6px 0 var(--ink)}
.poster .sticker{position:absolute;top:6rem;right:clamp(1rem,4vw,4rem)}
.shape{position:absolute;z-index:-1;pointer-events:none}
.sq{width:30vmin;height:30vmin;right:8%;top:16%;background:var(--verm);transform:rotate(14deg);animation:spin 30s linear infinite}
.ci{width:22vmin;height:22vmin;border-radius:50%;left:55%;bottom:-6vmin;background:var(--saffron)}
.bar{width:60vmin;height:3vmin;left:-10vmin;top:32%;background:var(--ink);transform:rotate(-8deg)}
.vermilion .sq{background:var(--cobalt)}.saffron .ci{background:var(--pink)}.pink .sq{background:var(--cobalt)}.cobalt .bar{background:var(--saffron)}
@keyframes spin{to{transform:rotate(374deg)}}

/* zig */
.zig{padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem);max-width:90rem;margin:0 auto;display:grid;gap:3rem}
.zig-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem;align-items:start}
.zig-row.flip{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.zig-row.flip .zig-h{order:2;text-align:right}
.zig-h{font-size:clamp(1.8rem,3.8vw,3.2rem);border-bottom:6px solid var(--saffron);padding-bottom:.3rem}
.zig-row:nth-child(3n+2) .zig-h{border-color:var(--verm)}.zig-row:nth-child(3n) .zig-h{border-color:var(--cobalt)}
.zig-b{font-size:1.1rem;max-width:42rem}
.zig-row.flip .zig-b{justify-self:end}
.get{padding:clamp(3rem,6vw,5rem) clamp(1rem,4vw,4rem);border-top:3px solid var(--ink)}
.get ul{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-wrap:wrap;gap:.6rem}
.get li{padding:.6rem 1rem;border:2px solid currentColor;font-weight:600}
.get li:nth-child(odd){transform:rotate(-1.5deg)}.get li:nth-child(even){transform:rotate(1.2deg)}
.get.cobalt .bw-btn{background:var(--saffron);color:var(--ink)}

.flip-cards{padding:0 clamp(1rem,4vw,4rem) 5rem;max-width:90rem;margin:0 auto}
.fc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.fc{position:relative;min-height:13rem;border:3px solid var(--ink);cursor:pointer;font:inherit;padding:0;perspective:800px;background:none;color:var(--ink)}
.fc span{position:absolute;inset:0;display:grid;place-items:center;padding:1.2rem;text-align:center;backface-visibility:hidden;transition:transform .6s var(--spring)}
.fc-front{font:700 1.6rem "Syne"}
.fc-back{transform:rotateY(180deg);font-size:1rem;background:var(--ink);color:var(--paper)}
.fc[aria-pressed=true] .fc-front{transform:rotateY(-180deg)}.fc[aria-pressed=true] .fc-back{transform:rotateY(0)}
.c0 .fc-front{background:var(--saffron)}.c1 .fc-front{background:var(--pink)}.c2 .fc-front{background:var(--verm)}.c3 .fc-front{background:var(--cobalt);color:var(--paper)}

/* launch board */
.launch-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:3rem;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem)}
.lb-intro{position:sticky;top:2rem;align-self:start}
.lb-count{font:700 2rem "Syne"}
.lb-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.lb-card{border:3px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink);transition:transform .3s var(--spring)}
.lb-card.r0{transform:rotate(-1deg)}.lb-card.r1{transform:rotate(1deg);margin-top:1.5rem}.lb-card.r2{transform:rotate(-.5deg)}
.lb-card[open]{transform:none;background:var(--saffron)}
.lb-card summary{list-style:none;cursor:pointer;padding:1rem;display:flex;gap:1rem;align-items:baseline;font:700 1.4rem "Syne"}
.lb-card summary::-webkit-details-marker{display:none}
.lb-n{font:400 .9rem "Space Mono"}
.lb-card p{padding:0 1rem;margin:0 0 1rem}
.lb-card.done summary{text-decoration:line-through;text-decoration-thickness:3px}
.lb-done{display:flex;gap:.5rem;align-items:center;padding:0 1rem 1rem;font-weight:600}
.lb-done input[type=checkbox],.bw-agree input[type=checkbox]{width:1.25rem;height:1.25rem;min-width:1.25rem;max-width:1.25rem;margin:0;accent-color:var(--cobalt);flex:none}

/* triage */
.triage{padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem);max-width:80rem}
.tri-btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.4rem}
.tri-btns button{font:600 1rem "Chivo";padding:.8rem 1.2rem;border:3px solid var(--ink);background:var(--paper);cursor:pointer;transition:transform .25s var(--spring)}
.tri-btns button:nth-child(odd){transform:rotate(-1deg)}
.tri-btns button[aria-pressed=true]{background:var(--cobalt);color:var(--paper);transform:rotate(1deg) scale(1.04)}
.tri-out p{font:700 clamp(1.2rem,2.4vw,1.8rem)/1.2 "Syne";max-width:52rem;padding:1.2rem;border-left:10px solid var(--verm);background:#14102e0c;margin:0;animation:slam .5s var(--spring)}
.care-types{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:0 clamp(1rem,4vw,4rem)}
.ct{padding:1.6rem;border:3px solid var(--ink);transform:rotate(var(--r))}
.ct:nth-child(1){grid-column:1/6}.ct:nth-child(2){grid-column:5/10;margin-top:4rem}.ct:nth-child(3){grid-column:8/13;margin-top:-1rem}
.ct h3{font-size:1.8rem}
.care-note{padding:2rem clamp(1rem,4vw,4rem);font:400 .9rem "Space Mono"}
.form-zone{padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,4rem) 6rem;background:var(--saffron);border-top:3px solid var(--ink)}

.rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem)}
.rule{padding:1.6rem;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);position:relative;transition:transform .35s var(--spring)}
.rule:hover{transform:translateY(-6px) rotate(-1deg)}
.rule.r0{background:var(--saffron)}.rule.r1{background:var(--pink);margin-top:2rem}.rule.r2{background:var(--cobalt);color:var(--paper)}.rule.r3{background:var(--verm);margin-top:2rem}
.rule-n{font:400 3rem "Space Mono";line-height:1;display:block;margin-bottom:1rem;opacity:.6}
.rule h2{font-size:1.5rem}
.rule p{margin:0}

.kit{padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem)}
.kit-filter{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}
.kit-filter button{font:700 1rem "Syne";padding:.5rem 1rem;background:var(--paper);border:3px solid var(--ink);cursor:pointer;transition:transform .25s var(--spring)}
.kit-filter button[aria-pressed=true]{background:var(--ink);color:var(--saffron);transform:rotate(-2deg)}
.kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1.2rem;grid-auto-flow:dense}
.kit-item{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem;border:3px solid var(--ink);text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .3s var(--spring);animation:slam .45s var(--spring)}
.kit-item:hover{transform:rotate(-1.5deg) translateY(-4px)}
.kit-item.k0{background:var(--pink)}.kit-item.k1{background:var(--paper)}.kit-item.k2{background:var(--saffron)}.kit-item.k3{background:var(--cobalt);color:var(--paper)}
.kit-item:nth-child(3n+1){grid-row:span 2;justify-content:flex-end}
.kit-item strong{font:700 1.4rem/1 "Syne"}
.kit-tag{font:400 .72rem "Space Mono";text-transform:uppercase}

.facts-strip{padding:0 clamp(1rem,4vw,4rem) 5rem}
.facts-strip dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border:3px solid var(--ink)}
.facts-strip div{padding:1.2rem;border-right:3px solid var(--ink)}
.facts-strip div:last-child{border-right:0}
.facts-strip dt{font:400 .75rem "Space Mono";text-transform:uppercase}
.facts-strip dd{margin:.3rem 0 0;font-weight:600;overflow-wrap:anywhere}

/* forms */
.bw-form{max-width:56rem}
.bw-note{font:400 .8rem "Space Mono"}
.bw-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.4rem}
.bw-in{margin:0;display:flex;flex-direction:column;gap:.3rem;min-width:0}
.bw-full{grid-column:1/-1}
.bw-in label{font:700 1.05rem "Syne"}
.bw-in input,.bw-in textarea{font:inherit;width:100%;padding:.8rem 1rem;border:3px solid var(--ink);background:var(--paper);color:var(--ink);transition:box-shadow .2s,transform .2s}
.bw-in input:focus,.bw-in textarea:focus{outline:none;box-shadow:6px 6px 0 var(--cobalt);transform:translate(-2px,-2px)}
.bw-in.bad input,.bw-in.bad textarea{border-color:var(--verm);background:#ff4b2b14}
.bw-in .why{font-weight:600;color:#b8200a}
.saffron .bw-in .why,.form-zone .bw-in .why{color:var(--ink);background:var(--paper);padding:.1rem .4rem;align-self:flex-start}
.bw-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bw-agree{display:flex;gap:.7rem;align-items:flex-start;margin:1.4rem 0}
.bw-agree.bad{outline:3px dashed var(--verm);outline-offset:4px}
.bw-result{margin-top:1.4rem;padding:1.2rem;border:3px solid var(--ink);background:var(--paper);font-weight:600}
.bw-result.ok{box-shadow:8px 8px 0 var(--cobalt)}
.bw-result.no{box-shadow:8px 8px 0 var(--verm)}
.hello{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:3rem;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem) 7rem}
.hello-side{display:grid;gap:1.4rem;align-content:start}
.hs-card{padding:1.4rem;border:3px solid var(--ink);transform:rotate(var(--r));box-shadow:6px 6px 0 var(--ink)}
.hs-card h2{font-size:1.6rem}
.hs-card a{font-weight:600}
.map-hold{aspect-ratio:16/10;margin:.8rem 0;border:3px dashed var(--ink);display:flex;align-items:flex-end;padding:.6rem;font:400 .75rem "Space Mono";background:repeating-linear-gradient(45deg,#2330d914 0 10px,transparent 10px 20px)}
.legal{max-width:48rem;padding:clamp(3rem,7vw,6rem) clamp(1rem,4vw,4rem)}
.legal h2{font-size:1.8rem;margin-top:2rem;display:inline-block;background:var(--saffron);padding:.2rem .5rem;transform:rotate(-1deg)}

.foot{background:var(--ink);color:var(--paper);padding:3rem clamp(1rem,4vw,4rem) 7rem;overflow:hidden}
.foot-big{font:700 clamp(3.4rem,15vw,13rem)/.8 "Syne";margin:0 0 2rem;color:var(--cobalt);letter-spacing:-.04em}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.foot a{color:var(--saffron)}
.ck-reopen{background:none;border:0;color:var(--pink);font:inherit;padding:0;text-decoration:underline;cursor:pointer}
.foot-small{font:400 .75rem "Space Mono";opacity:.75;margin-top:2rem}
.consent{position:fixed;left:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:160;width:min(27rem,calc(100vw - 2rem));background:var(--pink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:1.3rem;transform:rotate(-1deg);animation:slam .6s var(--spring)}
.consent-h{font:700 1.5rem "Syne";margin:0 0 .4rem}
.consent p{font-size:.92rem}
.consent-b{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.6rem}
.consent-b .bw-btn{text-align:center;font-size:.95rem;padding:.7rem .5rem}


/* ---- homepage zine sections ---- */
.manifesto{padding:clamp(3.5rem,8vw,7rem) clamp(1rem,4vw,4rem);background:var(--saffron);border-block:3px solid var(--ink)}
.mf-big{font:700 clamp(2.6rem,9vw,7.5rem)/.92 "Syne";margin:0 0 2.5rem;letter-spacing:-.03em;max-width:14ch}
.mf-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 4rem;max-width:68rem;margin-left:auto;font-size:1.1rem}
.mf-cols p{margin:0;padding-top:1rem;border-top:3px solid var(--ink)}
.lingo{padding:clamp(3.5rem,8vw,7rem) clamp(1rem,4vw,4rem);background:var(--cobalt);color:var(--paper)}
.lingo .sticker{background:var(--saffron);color:var(--ink)}
.lg-head{max-width:44rem}
.lg-head h2,.strip-h,.mb-title,.faq-z h2,.help-band h2,.riso-copy h2{font:700 clamp(1.9rem,4.5vw,3.4rem)/1 "Syne";letter-spacing:-.02em;margin:0 0 1rem}
.lg-ctrl{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}
.lg-ctrl button{font:600 1rem "Chivo",system-ui,sans-serif;padding:.6rem 1.1rem;background:transparent;color:var(--paper);border:3px solid var(--paper);cursor:pointer;transition:transform .25s var(--spring)}
.lg-ctrl button:hover{transform:rotate(-2deg)}
.lg-ctrl button[aria-checked=true]{background:var(--saffron);color:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.lg-stage{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:2.5rem;align-items:start}
.lg-card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--verm);padding:1.6rem;transform:rotate(-1.5deg);animation:pop .45s var(--spring)}
.lg-card.flip{animation:pop2 .45s var(--spring)}
@keyframes pop{from{transform:rotate(-6deg) scale(.92)}to{transform:rotate(-1.5deg)}}
@keyframes pop2{from{transform:rotate(4deg) scale(.92)}to{transform:rotate(-1.5deg)}}
.lg-title{font:700 1.5rem/1.15 "Syne",system-ui,sans-serif;margin:0 0 .8rem;overflow-wrap:anywhere}
.lg-card[lang=ja-JP] .lg-title,.lg-card[lang=ar-EG] .lg-title,.lg-card[lang=hi-IN] .lg-title{font-family:system-ui,sans-serif}
.lg-date,.lg-price{margin:.3rem 0;font-size:1.05rem}
.lg-price{font-size:1.6rem;font-weight:600}
.lg-btn{display:block;margin-top:1rem;background:var(--ink);color:var(--paper);padding:.8rem 1rem;font-weight:600;text-align:center;overflow-wrap:anywhere}
.lg-notes{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.lg-notes li{padding:.9rem 1rem;border:3px solid var(--paper);font-size:1rem}
.lg-notes li b{color:var(--saffron)}
.menu-board{padding:clamp(3.5rem,8vw,7rem) clamp(1rem,4vw,4rem)}
.mb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4rem;margin-top:2rem}
.mb-item{grid-column:span 2;display:block;text-decoration:none;padding:1.6rem;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transition:transform .3s var(--spring),box-shadow .3s}
.mb-item:nth-child(1){grid-column:span 3;transform:rotate(-1deg)}.mb-item:nth-child(2){grid-column:span 3;transform:rotate(1deg) translateY(1.2rem)}
.mb-item:nth-child(4){transform:rotate(1.2deg)}
.mb-item:hover{transform:translate(-4px,-4px) rotate(0);box-shadow:10px 10px 0 var(--ink)}
.mb-item h3{font:700 clamp(1.5rem,2.6vw,2.2rem) "Syne";margin:0 0 .6rem}
.mb-item p{margin:0 0 .8rem}
.mb-get{font:400 .82rem/1.5 "Space Mono";border-top:2px dashed currentColor;padding-top:.7rem;margin:0!important}
.mb-item.vermilion{background:var(--verm);color:var(--ink)}.mb-item.cobalt{background:var(--cobalt);color:var(--paper)}.mb-item.pink{background:var(--pink)}.mb-item.saffron{background:var(--saffron)}.mb-item.ink{background:var(--ink);color:var(--paper)}
.intl{padding:clamp(3.5rem,8vw,7rem) clamp(1rem,4vw,4rem);background:var(--pink);border-top:3px solid var(--ink)}
.intl h2{font:700 clamp(1.9rem,4.5vw,3.4rem)/1 "Syne";letter-spacing:-.02em;margin:0 0 2rem;max-width:18ch}
.intl-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4rem}
.intl-grid>div{grid-column:span 2;background:var(--paper);border:3px solid var(--ink);padding:1.4rem;box-shadow:5px 5px 0 var(--ink)}
.intl-grid>div:nth-child(4){grid-column:2/span 2}
.intl-grid>div:nth-child(odd){transform:rotate(-.8deg)}
.intl-grid h3{font:700 1.35rem "Syne";margin:0 0 .5rem}
.intl-grid p{margin:0}
@media (max-width:960px){.intl-grid{grid-template-columns:minmax(0,1fr)}.intl-grid>div,.intl-grid>div:nth-child(4){grid-column:auto;transform:none}}
.riso{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--ink);color:var(--paper);border-block:3px solid var(--ink)}
.riso img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.riso-copy{padding:clamp(2rem,6vw,5rem);align-self:center}
.riso-copy .sticker{background:var(--pink);color:var(--ink)}
.riso-copy p:not(.sticker){font-size:1.15rem;max-width:32rem}
.strip{padding:clamp(3.5rem,8vw,7rem) clamp(1rem,4vw,4rem);background:var(--paper)}
.panels{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:3px solid var(--ink)}
.panel{padding:1.6rem 1.4rem 2.2rem;border-left:3px solid var(--ink);position:relative}
.panel:first-child{border-left:0}
.panel h3{font:700 1.6rem "Syne";margin:0 0 .6rem}
.panel.cobalt{background:var(--cobalt);color:var(--paper)}.panel.vermilion{background:var(--verm)}.panel.saffron{background:var(--saffron)}.panel.pink{background:var(--pink)}
.panel::after{content:"";position:absolute;right:-14px;top:50%;width:22px;height:22px;background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);z-index:2}
.panel:last-child::after{display:none}
.picks{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.9rem}
.picks li{padding-left:1.2rem;border-left:4px solid var(--verm)}
.picks a{display:block;font:700 1.1rem "Syne"}
.help-band{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(3rem,7vw,5rem) clamp(1rem,4vw,4rem);background:var(--verm);border-block:3px solid var(--ink)}
.help-band p{max-width:36rem;margin:0}
.hb-actions{display:flex;flex-wrap:wrap;gap:1rem}
.hb-actions .bw-btn{overflow-wrap:anywhere;max-width:100%}
.faq-z{padding:clamp(3.5rem,8vw,6rem) clamp(1rem,4vw,4rem);max-width:60rem}
.faq-z details{border-bottom:3px solid var(--ink)}
.faq-z summary{cursor:pointer;font:700 1.25rem "Syne";padding:1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq-z summary::-webkit-details-marker{display:none}
.faq-z summary::after{content:"+";color:var(--verm);font-size:1.6rem;line-height:1;transition:transform .3s var(--spring)}
.faq-z details[open] summary::after{transform:rotate(45deg)}
.faq-z details p{margin:0 0 1.2rem}
@media (max-width:960px){
  .mf-cols,.lg-stage,.riso{grid-template-columns:minmax(0,1fr)}
  .mb-grid{grid-template-columns:minmax(0,1fr)}
  .mb-item,.mb-item:nth-child(n){grid-column:auto;transform:none}
  .panels{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel:nth-child(3){border-left:0}
  .panel:nth-child(n+3){border-top:3px solid var(--ink)}
  .panel::after{display:none}
  .riso img{aspect-ratio:4/3}
}
@media (max-width:600px){.panels{grid-template-columns:minmax(0,1fr)}.panel{border-left:0!important;border-top:3px solid var(--ink)}.panel:first-child{border-top:0}}
@media (max-width:960px){
  .hero{grid-template-columns:minmax(0,1fr);padding-top:6rem}
  .hero-pic,.hero-card{grid-column:1;grid-row:auto;margin-top:0}
  .hero-pic{width:88%;max-width:100%}
  .w3{margin-left:0}
  .tag{display:none}
  .collage,.care-types{grid-template-columns:minmax(0,1fr)}
  .collage>*,.care-types>*{grid-column:1!important;margin-top:0!important}
  .photo-strip,.launch-board,.hello,.zig-row,.zig-row.flip{grid-template-columns:minmax(0,1fr)}
  .zig-row.flip .zig-h{order:0;text-align:left}
  .zig-row.flip .zig-b{justify-self:start}
  .lb-intro{position:static}
  .rules,.fc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts-strip dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts-strip div{border-bottom:3px solid var(--ink)}
}
@media (max-width:600px){
  .rules,.fc-grid,.lb-cards,.bw-fields,.foot-cols,.facts-strip dl{grid-template-columns:minmax(0,1fr)}
  .rule{margin-top:0!important}
  .lb-card.r1{margin-top:0}
  .mx-row legend{float:none;width:100%}
  .deck-btn{width:4.4rem;height:4.4rem;font-size:.9rem}
  .deck{bottom:5.6rem}
  .consent-b{grid-template-columns:1fr}
  .poster .sticker{top:5rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}