/* Heve Heve Bebe - one page, ported from the Claude Design handoff v2 (design_intake/). Every measurement, colour and
   string is Design's; class names and the mobile composition are ours. Fix here, never in site/. */

/* ---------- fonts: vendored, never a CDN (RULES.md, Russian readers) ---------- */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/anton-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Shrikhand';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/shrikhand-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Special Elite';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/special-elite-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:200 800;font-stretch:normal;font-display:swap;src:url('/assets/fonts/newsreader-latin-standard-normal.woff2') format('woff2-variations');}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:200 800;font-display:swap;src:url('/assets/fonts/newsreader-latin-standard-italic.woff2') format('woff2-variations');}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/archivo-latin-400-normal.woff2') format('woff2');}

/* ---------- tokens ---------- */
:root{
  --blk:#0B0B0D; --wht:#F4F1EA; --wall:#F7F5F0; --mag:#C13D73; --acid:#E3A72F; --blu:#002FA7; --org:#C75B2A;
  --hz-a:#E3A72F; --hz-b:#C13D73; --hero-ink:#0B0B0D;
  --anton:'Anton',Impact,'Arial Narrow',sans-serif; --shrik:'Shrikhand',Georgia,serif; --type:'Special Elite','Courier New',monospace; --serif:'Newsreader',Georgia,serif;
  --pad-x:clamp(14px,4vw,56px); --pad-y:clamp(70px,11vw,150px);
  --ease-out:cubic-bezier(.22,1,.36,1); --pop:cubic-bezier(.2,.9,.3,1.3);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body{margin:0;background:var(--blk);color:var(--wht);font-family:var(--serif);font-size:19px;line-height:1.5;overflow-x:hidden;font-optical-sizing:auto;}
a{color:var(--acid);text-decoration:none;}
::selection{background:var(--mag);color:var(--blk);}
h1,h2,h3{margin:0;font-weight:400;}
p{margin:0;}
img{max-width:100%;height:auto;display:block;}
input,button,textarea{font-family:inherit;}
button{cursor:pointer;}
/* anti-alt-flash: an image with no bitmap paints its alt text; give it an ink ground and transparent text (RULES.md).
   Decorative images paint nothing, and a ground behind a transparent PNG shows as a black box - exempt them. */
img{background-color:var(--blk);color:transparent;}
img[alt=""],img[src^="/assets/ufo"],.pkc img{background-color:transparent;}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
:focus-visible{outline:3px solid var(--acid);outline-offset:3px;}
[data-hz] :focus-visible{outline-color:var(--hero-ink);}

/* type helpers */
.anton{font-family:var(--anton);text-transform:uppercase;letter-spacing:.01em;}
.type{font-family:var(--type);}
.shrik{font-family:var(--shrik);}
.outline{color:transparent;-webkit-text-stroke:2px currentColor;}
.wrap{max-width:1200px;margin:0 auto;position:relative;}
.wrap-1240{max-width:1240px;} .wrap-1320{max-width:1320px;} .wrap-1380{max-width:1380px;} .wrap-1340{max-width:1340px;}
section{scroll-margin-top:84px;}
.section{padding:var(--pad-y) var(--pad-x);position:relative;}
.eyebrow{font-family:var(--type);font-size:14px;}
.badge{display:inline-block;font-family:var(--type);font-size:14px;padding:8px 14px;}
.h2{font-family:var(--anton);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(38px,5.4vw,76px);line-height:.94;}
.torn{position:absolute;top:-1px;left:0;right:0;height:28px;pointer-events:none;z-index:3;}
.tape{position:absolute;background:rgba(244,241,234,.7);box-shadow:0 1px 2px rgba(0,0,0,.2);pointer-events:none;}

/* ---------- keyframes (Design's, verbatim) ---------- */
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-18px) rotate(3deg);}}
@keyframes beamPulse{0%,100%{opacity:.5;transform:translateX(-50%) scaleY(1);}50%{opacity:1;transform:translateX(-50%) scaleY(1.1);}}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes drift{0%{transform:translateX(-30vw) rotate(-4deg);}100%{transform:translateX(115vw) rotate(4deg);}}
@keyframes wiggle{0%,100%{transform:rotate(-4deg) scale(1);}50%{transform:rotate(4deg) scale(1.04);}}
@keyframes ufoWander{0%,100%{transform:translate(0,0) rotate(-2deg);}25%{transform:translate(-46px,26px) rotate(3deg);}50%{transform:translate(18px,-24px) rotate(-3deg);}75%{transform:translate(-26px,-36px) rotate(2deg);}}
@keyframes ufoCruise{0%{transform:translateX(-20vw) translateY(0) rotate(-3deg);}100%{transform:translateX(115vw) translateY(-50px) rotate(3deg);}}
@keyframes discoSpin{0%{background-position:0 0;}100%{background-position:56px 0;}}
@keyframes discoSway{0%,100%{transform:rotate(-4deg);}50%{transform:rotate(4deg);}}
@keyframes discoDrift{0%{transform:translate(0,0) rotate(0deg);}100%{transform:translate(-90px,-60px) rotate(6deg);}}
@keyframes discoDrift2{0%{transform:translate(0,0) rotate(0deg);}100%{transform:translate(70px,-110px) rotate(-5deg);}}
@keyframes discoFan{0%{transform:translateX(-50%) translate(0,0) rotate(0deg);}100%{transform:translateX(-50%) translate(-90px,-60px) rotate(6deg);}}
@keyframes bubbleUp{0%{transform:translate(0,0) scale(.4);opacity:0;}12%{opacity:.85;}100%{transform:translate(var(--bx,0px),-70vh) scale(1);opacity:0;}}
@keyframes trailNote{0%{transform:translate(-50%,-50%) scale(.6) rotate(-10deg);opacity:0;}15%{opacity:1;}100%{transform:translate(-50%,-190%) scale(1.3) rotate(22deg);opacity:0;}}

/* ---------- header ---------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px clamp(14px,3vw,36px);background:var(--blk);border-bottom:3px solid var(--acid);}
.brand{display:flex;align-items:center;gap:12px;color:var(--wht);flex:none;}
.brand img{width:42px;height:auto;animation:bob 5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(227,167,47,.6));}
.brand span{font-family:var(--shrik);font-size:21px;letter-spacing:.02em;line-height:1;color:var(--acid);white-space:nowrap;}
.nav{display:flex;align-items:center;gap:clamp(8px,1.2vw,18px);flex-wrap:nowrap;}
.nav a.link{color:var(--wht);font-family:var(--type);font-size:13px;white-space:nowrap;}
.nav a.link:hover{color:var(--acid);}
.pill{color:var(--blk);background:var(--mag);font-family:var(--type);font-size:14px;padding:7px 14px;font-weight:700;white-space:nowrap;transition:transform 160ms var(--ease-out);}
.pill:active{transform:scale(.97);}
.amb{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--wht);background:transparent;color:var(--wht);padding:6px 12px;font-family:var(--type);font-size:14px;white-space:nowrap;transition:transform 160ms var(--ease-out);}
.amb:active{transform:scale(.97);}
.amb .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;transition:background .3s ease,box-shadow .3s ease;}
.amb[aria-pressed="true"] .dot{background:var(--acid);box-shadow:0 0 10px var(--acid);}
.menu-btn{display:none;border:2px solid var(--acid);background:transparent;color:var(--acid);padding:6px 12px;font-family:var(--type);font-size:14px;transition:transform 160ms var(--ease-out);}
.menu-btn:active{transform:scale(.97);}
@media (max-width:1040px){.nav a.link{display:none;} .menu-btn{display:inline-block;}}
@media (max-width:600px){.amb .lbl{display:none;} .amb{padding:9px 10px;} .brand span{font-size:18px;} .brand img{width:34px;}}
@media (max-width:440px){.hdr .pill{display:none;}}
@media (max-width:360px){.hdr{gap:6px;} .brand{gap:8px;} .brand span{font-size:16px;} }
@media (pointer:coarse){.amb,.menu-btn,.poison button,.chip{min-height:44px;} .pin{padding:8px 6px;} .form .consent input,.caravan .consent input{width:22px;height:22px;} .caravan .consent input{margin-top:0;}}
/* the compact menu for the six links that hide below 1040px */
.menu{position:fixed;inset:0;z-index:69;background:var(--blk);color:var(--wht);display:none;flex-direction:column;justify-content:center;padding:90px var(--pad-x) 40px;overflow:auto;}
.menu[data-open]{display:flex;opacity:1;transform:none;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out);}
@starting-style{.menu[data-open]{opacity:0;transform:translateY(-8px);}}
.menu a{opacity:1;transform:none;transition:opacity 260ms var(--ease-out),transform 260ms var(--ease-out),color .15s ease;}
@starting-style{.menu[data-open] a{opacity:0;transform:translateY(10px);}}
.menu[data-open] a:nth-child(2){transition-delay:40ms}.menu[data-open] a:nth-child(3){transition-delay:80ms}.menu[data-open] a:nth-child(4){transition-delay:120ms}.menu[data-open] a:nth-child(5){transition-delay:160ms}.menu[data-open] a:nth-child(6){transition-delay:200ms}.menu[data-open] a:nth-child(7){transition-delay:240ms}
.menu a{font-family:var(--anton);text-transform:uppercase;font-size:clamp(34px,9vw,64px);line-height:1;color:var(--wht);padding:8px 0;border-bottom:3px solid #2a2a30;}
.menu a:hover{color:var(--acid);}
.menu a:active{transform:translateX(6px);}
.menu a.book{color:var(--mag);}
.menu .aside{font-family:var(--shrik);font-size:clamp(18px,3vw,24px);color:var(--acid);margin-top:28px;transform:rotate(-1deg);}

/* ---------- fx layers ---------- */
.fx{position:fixed;inset:0;pointer-events:none;z-index:68;overflow:hidden;}
.fx span,.fx div{position:absolute;will-change:transform,opacity;}
.disco-layer{position:fixed;inset:-200px;pointer-events:none;z-index:64;mix-blend-mode:screen;opacity:0;transition:opacity 1.2s ease;}
.disco-layer[data-on]{opacity:.55;}
.disco-layer > div{position:absolute;inset:0;}
.disco-layer .d1{background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 2.5px,transparent 4px);background-size:92px 78px;animation:discoDrift 9s linear infinite alternate;}
.disco-layer .d2{background-image:radial-gradient(circle,rgba(255,230,180,.9) 0 2px,transparent 3.5px);background-size:131px 109px;background-position:40px 30px;animation:discoDrift2 13s linear infinite alternate;}
.roamer{position:fixed;top:15%;left:0;z-index:66;animation:ufoCruise 46s linear -6s infinite;pointer-events:none;}
.roamer img{width:62px;filter:drop-shadow(0 0 12px rgba(227,167,47,.55));}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;background:var(--hz-a);color:var(--hero-ink);overflow:hidden;padding:110px var(--pad-x) 110px;transition:background .5s ease,color .5s ease;}
.hero-panel{position:absolute;top:0;bottom:0;right:0;width:46%;background:var(--hz-b);clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);overflow:hidden;transition:background .5s ease;}
.hero-panel img{width:100%;height:100%;object-fit:cover;object-position:60% 30%;filter:grayscale(1) contrast(1.35) brightness(1.05);mix-blend-mode:multiply;opacity:.9;}
.ship-wrap{position:absolute;right:clamp(2%,6vw,9%);top:12%;z-index:3;animation:ufoWander 18s ease-in-out infinite;}
.ship-wrap img{width:clamp(190px,26vw,400px);height:auto;cursor:pointer;animation:bob 6s ease-in-out infinite;filter:drop-shadow(0 0 34px rgba(244,241,234,.7)) drop-shadow(14px 18px 0 rgba(11,11,13,.35));transition:transform 160ms var(--ease-out);}
.ship-wrap img:active{transform:scale(.97);}
.beam{position:absolute;left:50%;top:80%;width:14px;height:36vh;background:linear-gradient(180deg,var(--hz-b),transparent);filter:blur(4px);animation:beamPulse 3s ease-in-out infinite;transform-origin:top;transform:translateX(-50%);pointer-events:none;}
.hero-copy{position:relative;z-index:4;max-width:1340px;margin:0 auto;width:100%;}
.typed{display:inline-block;font-family:var(--type);font-size:clamp(15px,1.6vw,20px);background:var(--hero-ink);color:var(--hz-a);padding:6px 14px 4px;margin-bottom:22px;transform:rotate(-1.2deg);}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.badges span{font-family:var(--type);font-size:14px;padding:7px 14px;border:2px solid var(--hero-ink);}
.badges .ink{background:var(--hero-ink);color:var(--hz-a);padding:9px 14px;border:0;}
.badges .ink-b{background:var(--hero-ink);color:var(--hz-b);padding:9px 14px;border:0;}
.badges span:nth-child(1){transform:rotate(-2deg);} .badges span:nth-child(2){transform:rotate(1.5deg);} .badges span:nth-child(3){transform:rotate(-1deg);} .badges span:nth-child(4){transform:rotate(2deg);}
.h1{font-family:var(--anton);text-transform:uppercase;line-height:.84;letter-spacing:.01em;font-size:clamp(70px,14.5vw,236px);transform:rotate(-2deg);}
.h1 span{display:block;transition:transform .25s ease,color .25s ease,text-shadow .25s ease;}
.h1 .l2{color:transparent;-webkit-text-stroke:3.5px var(--hero-ink);transform:translateX(clamp(24px,7vw,150px));}
.h1 .l3{color:var(--hz-b);text-shadow:7px 7px 0 var(--hero-ink);}
.tagline{cursor:pointer;font-family:var(--shrik);font-size:clamp(22px,3.2vw,42px);line-height:1.12;margin:32px 0 0;max-width:24ch;transform:rotate(-1deg);}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;align-items:center;}
.btn{display:inline-block;font-family:var(--type);font-size:14px;transition:transform 160ms var(--ease-out);}
.btn:active{transform:scale(.97);}
.btn-ink{background:var(--hero-ink);color:var(--hz-a);padding:16px 30px;font-weight:700;box-shadow:6px 6px 0 var(--hz-b);}
.btn-line{border:3px solid var(--hero-ink);color:var(--hero-ink);padding:14px 28px;}
.play-row{display:flex;align-items:center;gap:18px;margin-top:34px;}
.play{width:78px;height:78px;border-radius:50%;background:var(--hero-ink);color:var(--hz-a);display:flex;align-items:center;justify-content:center;flex:none;box-shadow:6px 6px 0 var(--hz-b);transition:transform 160ms var(--ease-out);}
.play:active{transform:scale(.97);}
.play span{font-size:26px;margin-left:5px;}
.play-row p{font-family:var(--type);font-size:14px;max-width:22ch;line-height:1.5;}
.footnote{font-family:var(--type);font-size:14px;margin-top:22px;opacity:.65;}
.poison{position:absolute;right:clamp(14px,3vw,40px);bottom:26px;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .6s ease;}
.poison[data-on]{opacity:1;pointer-events:auto;}
.poison > span{font-family:var(--type);font-size:14px;opacity:.7;}
.poison div{display:flex;gap:7px;}
.poison button{border:2px solid var(--hero-ink);background:transparent;color:var(--hero-ink);padding:6px 13px;font-family:var(--type);font-size:14px;transition:background-color .2s ease,color .2s ease,transform 160ms var(--ease-out);}
.poison button[aria-pressed="true"]{background:var(--hero-ink);color:var(--hz-a);}
.poison button:active{transform:scale(.97);}
@media (hover:hover) and (pointer:fine){
  .h1 .l1:hover{transform:skewX(-8deg) translateX(-10px);}
  .h1 .l2:hover{color:var(--hero-ink);transform:translateX(clamp(24px,7vw,150px)) skewX(6deg);}
  .h1 .l3:hover{text-shadow:-9px 7px 0 var(--hero-ink);transform:rotate(2deg);}
}
/* narrow: the photo panel becomes a band under the type; the ship shrinks and keeps to the top corner */
@media (max-width:800px){
  .hero{padding:96px var(--pad-x) 40vh;align-items:flex-start;}
  .hero-panel{top:auto;height:34vh;width:100%;clip-path:polygon(0 22%,100% 0,100% 100%,0 100%);}
  .hero-panel img{object-position:60% 40%;}
  .ship-wrap{right:4%;top:auto;bottom:22vh;}
  .ship-wrap img{width:clamp(120px,34vw,190px);}
  .beam{height:22vh;}
  .poison{bottom:auto;top:78px;right:14px;align-items:flex-end;}
  .poison > span{display:none;}
}
@media (max-width:440px){.badges span{font-size:13px;padding:6px 10px;} .play{width:64px;height:64px;}}

/* ---------- museum quote wall ---------- */
.museum{background:var(--wall);color:var(--blk);padding:clamp(80px,12vw,160px) var(--pad-x);}
.museum-line{font-family:var(--anton);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(36px,6.2vw,96px);line-height:.96;max-width:20ch;}
.museum-line .blu{color:var(--blu);}
.museum-line .out{color:transparent;-webkit-text-stroke:2.5px var(--blk);}
.museum-line .mag{color:var(--mag);transform:rotate(-2deg);display:inline-block;}
.museum-line .hi{background:var(--acid);padding:0 12px;}
.label{max-width:340px;background:#fff;border:1px solid #d8d4c8;padding:20px 22px;box-shadow:0 2px 10px rgba(0,0,0,.06);}
.label .cat{font-family:var(--type);font-size:14px;color:#6f6b60;}
.label .ttl{font-weight:800;font-size:15px;margin-top:8px;}
.label .desc{font-size:13px;color:#5a564c;margin-top:6px;}
.museum .label{margin-top:50px;transform:rotate(.6deg);}

/* ---------- marquee ---------- */
.marquee{background:var(--blk);color:var(--acid);padding:14px 0;overflow:hidden;white-space:nowrap;border-top:3px solid var(--acid);border-bottom:3px solid var(--acid);transform:rotate(-1deg) scale(1.02);position:relative;z-index:5;}
.marquee div{display:inline-block;animation:marquee 22s linear infinite;font-family:var(--anton);font-size:28px;letter-spacing:.06em;text-transform:uppercase;}
.marquee span{padding:0 22px;}

/* ---------- who ---------- */
.who{background:var(--wht);color:var(--blk);overflow:hidden;}
.who .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(36px,5vw,70px);align-items:start;}
.who .eyebrow{border-bottom:3px solid var(--mag);padding-bottom:6px;}
.who h2{margin:22px 0 26px;}
.who h2 .out{color:transparent;-webkit-text-stroke:2px var(--blk);}
.who p{max-width:56ch;}
.who .muted{margin-top:18px;color:#4a4740;}
.who .punch{font-family:var(--shrik);font-size:clamp(22px,2.4vw,32px);color:var(--mag);margin-top:26px;transform:rotate(-1deg);}
.photo-wrap{position:relative;}
.who .photo-wrap img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;}
.who .tape.t1{top:-10px;left:22px;width:92px;height:26px;background:rgba(244,241,234,.75);transform:rotate(-6deg);box-shadow:0 1px 2px rgba(0,0,0,.15);}
.who .tape.t2{bottom:-10px;right:18px;width:80px;height:26px;background:rgba(244,241,234,.75);transform:rotate(8deg);box-shadow:0 1px 2px rgba(0,0,0,.15);}
.caption{font-family:var(--type);font-size:14px;color:#5a564c;margin-top:16px;}
.tally{font-family:var(--type);font-size:17px;line-height:1.7;margin-top:22px;border-top:1px solid var(--blk);padding-top:14px;}
.tally b{display:inline-block;width:44px;font-size:24px;font-weight:400;}
.who .quest{font-family:var(--shrik);font-size:20px;line-height:1.2;color:var(--blk);margin:18px 0 0;transform:rotate(-.8deg);}

/* ---------- the name ---------- */
.name{background:var(--mag);color:var(--blk);overflow:hidden;}
.name .badge{background:var(--blk);color:var(--mag);transform:rotate(-1.5deg);}
.name h2{font-size:clamp(44px,8vw,124px);line-height:.86;margin:24px 0 0;max-width:15ch;}
.name h2 .groove{color:var(--acid);text-shadow:6px 6px 0 var(--blk);}
.name .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:32px;margin-top:48px;align-items:start;}
.name .grid p{font-size:clamp(17px,1.5vw,21px);max-width:54ch;}
.name .grid p + p{margin-top:18px;}
.beat{margin-top:30px;font-family:var(--anton);text-transform:uppercase;line-height:1;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:baseline;}
.beat .HE{font-size:clamp(26px,3.4vw,48px);}
.beat .ve{font-size:clamp(18px,2vw,26px);color:#5E1F3C;}
.beat .BE{font-size:clamp(32px,4.2vw,60px);color:var(--acid);text-shadow:4px 4px 0 var(--blk);}
.name .arr{font-family:var(--type);font-size:14px;margin-top:10px;opacity:.7;}
.btn-hit{margin-top:26px;background:var(--acid);border:3px solid var(--blk);color:var(--blk);padding:16px 28px;font-family:var(--shrik);font-size:20px;box-shadow:6px 6px 0 var(--blk);animation:wiggle 3s ease-in-out infinite;transition:filter 160ms var(--ease-out);}
.btn-hit:active{filter:brightness(.9);}
.name .photo{position:relative;aspect-ratio:4/5;min-height:340px;transform:rotate(1.2deg);}
.name .photo img{width:100%;height:100%;object-fit:cover;}
.name .photo .tape{top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);width:120px;height:28px;}
.name .label{margin-top:20px;padding:18px 20px;transform:rotate(-.8deg);box-shadow:0 2px 10px rgba(0,0,0,.12);}

/* ---------- the ship ---------- */
.ship{background:var(--blu);color:var(--wht);overflow:hidden;}
.ship .centre{display:flex;flex-direction:column;align-items:center;text-align:center;}
.ship .ufo{position:relative;}
.ship .ufo img{width:clamp(180px,24vw,320px);height:auto;cursor:pointer;animation:bob 5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(227,167,47,.6));transition:transform 160ms var(--ease-out);}
.ship .ufo img:active{transform:scale(.97);}
.ship .beam{top:84%;width:12px;height:250px;background:linear-gradient(180deg,var(--acid),transparent);filter:blur(3px);}
.ship .eyebrow{color:var(--acid);margin-top:30px;}
.ship h2{font-size:clamp(40px,7vw,104px);line-height:.9;margin:14px 0 0;max-width:14ch;}
.ship h2 .acid{color:var(--acid);}
.ship .honest{font-family:var(--type);font-size:14px;margin-top:14px;opacity:.7;}
.ship .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:28px;margin-top:50px;align-items:start;}
.ship .plate{overflow:hidden;aspect-ratio:4/5;background:#04267E;position:relative;min-height:320px;}
.ship .plate img{width:100%;height:100%;object-fit:cover;}
.ship .grid p{font-size:clamp(17px,1.4vw,20px);color:#dfe3ff;}
.ship ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px;}
.ship li{display:flex;gap:12px;align-items:baseline;}
.ship li span:first-child{color:var(--acid);}
.ship .punch{font-family:var(--shrik);font-size:clamp(20px,2.2vw,28px);color:var(--acid);margin-top:26px;transform:rotate(-1deg);}

/* ---------- journey ---------- */
.journey{background:var(--blk);color:var(--wht);}
.journey .intro{max-width:64ch;margin-bottom:40px;}
.journey .eyebrow{color:var(--mag);}
.journey h2{margin:16px 0 0;}
.journey h2 .out{color:transparent;-webkit-text-stroke:2px var(--acid);}
.journey .help{margin-top:16px;color:#9a968c;font-family:var(--type);font-size:14px;}
.journey .grid{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:stretch;}
.map{position:relative;background:#141417;border:3px solid var(--acid);min-height:clamp(320px,44vw,520px);overflow:hidden;}
.map svg{position:absolute;inset:0;width:100%;height:100%;opacity:.55;}
.pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:6px;color:var(--wht);}
.pin i{display:block;width:12px;height:12px;border-radius:50%;background:var(--mag);box-shadow:0 0 10px var(--mag);transition:transform .2s var(--ease-out),background-color .2s ease,box-shadow .2s ease;}
.pin[aria-pressed="true"] i{transform:scale(1.5);background:var(--acid);box-shadow:0 0 11px var(--acid);}
.pin span{font-family:var(--type);font-size:14px;white-space:nowrap;}
.pin:active i{transform:scale(.9);}
.pin[aria-pressed="true"]:active i{transform:scale(1.35);}
.story{background:var(--acid);color:var(--blk);padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;justify-content:center;min-height:280px;}
.story .city{font-family:var(--type);font-size:14px;}
.story h3{font-family:var(--anton);text-transform:uppercase;font-size:clamp(24px,2.8vw,38px);line-height:.98;margin:12px 0 16px;}
.story p{font-size:clamp(15px,1.25vw,18px);}
.story .tag{font-family:var(--shrik);font-size:21px;color:var(--blk);margin:18px 0 0;} /* ink, not raspberry: 2.4:1 on mustard failed AA; VJ, 23 Sep 2026: "go with your recommendation" */
@media (max-width:800px){.journey .grid{grid-template-columns:1fr;} .map{min-height:clamp(300px,88vw,460px);} .pin span{font-size:12px;}}

/* ---------- manifesto ---------- */
.manifesto{background:var(--acid);color:var(--blk);padding:clamp(80px,13vw,180px) var(--pad-x);overflow:hidden;position:relative;}
.disco{position:absolute;right:clamp(4%,8vw,12%);top:0;transform-origin:top center;animation:discoSway 7s ease-in-out infinite;z-index:1;}
.disco .cord{width:3px;height:clamp(50px,8vw,120px);background:linear-gradient(#333,#0B0B0D);margin:0 auto;}
.disco .ball{position:relative;width:clamp(96px,11vw,160px);height:clamp(96px,11vw,160px);border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px rgba(11,11,13,.6),0 18px 40px rgba(11,11,13,.35),0 0 60px rgba(255,248,220,.6);background:radial-gradient(circle at 32% 26%,#fffdf5 0%,#efe6c8 14%,#b9a878 38%,#6f6246 62%,#2a2418 88%,#0B0B0D 100%);}
.disco .ball > div{position:absolute;inset:0;border-radius:50%;}
.disco .g1{background-image:repeating-linear-gradient(90deg,rgba(11,11,13,.55) 0 1.5px,transparent 1.5px 11px),repeating-linear-gradient(0deg,rgba(11,11,13,.55) 0 1.5px,transparent 1.5px 11px);animation:discoSpin 2.6s linear infinite;-webkit-mask:radial-gradient(circle at 50% 50%,#000 0 45%,rgba(0,0,0,.55) 62%,transparent 72%);mask:radial-gradient(circle at 50% 50%,#000 0 45%,rgba(0,0,0,.55) 62%,transparent 72%);}
.disco .g2{background-image:repeating-linear-gradient(90deg,rgba(11,11,13,.8) 0 1.5px,transparent 1.5px 7px),repeating-linear-gradient(0deg,rgba(11,11,13,.8) 0 1.5px,transparent 1.5px 7px);animation:discoSpin 2.6s linear infinite;-webkit-mask:radial-gradient(circle at 50% 50%,transparent 0 44%,#000 66%,#000 100%);mask:radial-gradient(circle at 50% 50%,transparent 0 44%,#000 66%,#000 100%);}
.disco .g3{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.95) 0 6%,rgba(255,255,255,0) 20%),radial-gradient(circle at 62% 68%,rgba(255,255,255,.35) 0 4%,rgba(255,255,255,0) 14%),linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,0) 40%,rgba(11,11,13,.35) 100%);}
.disco .g4{background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 2px);background-size:11px 11px;background-position:5px 5px;opacity:.55;animation:discoSpin 2.6s linear infinite;-webkit-mask:radial-gradient(circle at 34% 30%,#000 0 30%,transparent 60%);mask:radial-gradient(circle at 34% 30%,#000 0 30%,transparent 60%);}
.disco .fan{position:absolute;left:50%;top:100%;width:clamp(180px,22vw,320px);height:120px;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 2px,transparent 3.5px);background-size:26px 22px;-webkit-mask:radial-gradient(ellipse at top,#000 0 30%,transparent 75%);mask:radial-gradient(ellipse at top,#000 0 30%,transparent 75%);animation:discoFan 6s linear infinite alternate;opacity:.7;}
.manifesto .wrap{z-index:2;}
.manifesto .badge{background:var(--blk);color:var(--acid);transform:rotate(-1.5deg);}
.giant{font-family:var(--anton);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(46px,10.5vw,180px);line-height:.86;margin:26px 0 0;}
.giant .out{color:transparent;-webkit-text-stroke:3px var(--blk);}
.giant .serious{color:var(--mag);text-shadow:5px 5px 0 var(--blk);display:inline-block;transform:rotate(-2deg);}
.stickers{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px;}
.stickers span{font-family:var(--shrik);font-size:clamp(17px,1.7vw,23px);padding:8px 20px;border:3px solid var(--blk);}
.stickers .s1{background:var(--blk);color:var(--acid);border:0;padding:10px 20px;transform:rotate(-1.6deg);}
.stickers .s2{transform:rotate(1.2deg);}
.stickers .s3{background:var(--mag);padding:10px 20px;transform:rotate(-.7deg);}
.stickers .s4{transform:rotate(1.8deg);}
.commandments{margin-top:64px;}
.commandments .badge{transform:rotate(1deg);}
.commandments .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px 34px;margin-top:34px;}
.cmd{display:flex;gap:16px;align-items:flex-start;}
.cmd .no{flex:none;font-family:var(--type);font-size:15px;padding-top:6px;border-top:2px solid var(--blk);min-width:44px;}
.cmd h3{font-family:var(--anton);text-transform:uppercase;font-size:clamp(20px,2vw,28px);line-height:.98;}
.cmd p{margin:8px 0 0;font-size:15px;}

/* ---------- odds & ends ---------- */
.odds{background:var(--blk);color:var(--wht);overflow:hidden;}
.odds .eyebrow{color:var(--acid);}
.odds h2{font-size:clamp(38px,6vw,88px);line-height:.9;margin:16px 0 8px;text-shadow:4px 3px 0 var(--mag),-4px -3px 0 var(--blu);}
.odds .help{font-family:var(--type);font-size:15px;color:#9a968c;margin:0 0 40px;max-width:60ch;}
.masonry{columns:4 240px;column-gap:16px;}
.masonry > div{break-inside:avoid;margin-bottom:16px;}
.card-video{position:relative;border:3px solid var(--acid);overflow:hidden;background:#111;aspect-ratio:16/10;}
.card-video img{width:100%;height:100%;object-fit:cover;opacity:.72;}
.card-video .play-c{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.play-c span{width:56px;height:56px;border-radius:50%;background:var(--acid);color:var(--blk);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:4px 4px 0 var(--blk);}
.card-video .tag{position:absolute;left:8px;bottom:8px;font-family:var(--type);font-size:14px;background:var(--blk);color:var(--acid);padding:4px 8px;}
.card-video.v2{border-color:var(--org);aspect-ratio:4/5;}
.card-video.v2 img{opacity:.75;}
.card-video.v2 .play-c span{width:52px;height:52px;background:var(--org);font-size:19px;}
.card-video.v2 .tag{color:var(--org);}
.card-quote{background:var(--acid);color:var(--blk);border:3px solid var(--acid);padding:22px;}
.card-quote .q{font-family:var(--shrik);font-size:clamp(20px,2vw,27px);line-height:1.14;}
.card-quote .by{font-family:var(--type);font-size:14px;margin-top:14px;}
.card-press{background:var(--wht);color:var(--blk);border:3px solid var(--wht);padding:20px;transform:rotate(-1deg);}
.card-press .cat{font-family:var(--type);font-size:14px;color:#6f6b60;}
.card-press .ttl{font-family:var(--anton);text-transform:uppercase;font-size:22px;line-height:.98;margin-top:8px;}
.card-press .desc{font-size:13px;color:#5a564c;margin-top:8px;}
.card-photo{border:3px solid var(--mag);overflow:hidden;}
.card-photo img{width:100%;display:block;}
.card-excerpt{border:3px solid #2a2a30;padding:22px;}
.card-excerpt .cat{font-family:var(--type);font-size:14px;color:var(--org);}
.card-excerpt p{font-size:15px;color:#c9c5ba;margin:10px 0 0;}
.card-slot{position:relative;border:3px solid var(--blu);overflow:hidden;aspect-ratio:4/5;background:#17171b;min-height:200px;}
.card-slot img{width:100%;height:100%;object-fit:cover;}
.card-love{background:var(--mag);color:var(--blk);border:3px solid var(--mag);padding:24px;transform:rotate(1deg);}
.card-love .big{font-family:var(--anton);text-transform:uppercase;font-size:clamp(28px,3vw,44px);line-height:.9;}
.card-love .by{font-family:var(--type);font-size:14px;margin-top:10px;}
.card-object{background:#fff;color:#0B0B0D;border:1px solid #d8d4c8;padding:16px 18px;transform:rotate(-1.4deg);}
.card-object .cat{font-family:var(--type);font-size:14px;color:#6f6b60;}
.card-object .ttl{font-weight:800;font-size:15px;margin-top:8px;}
.card-object .desc{font-size:13px;color:#5a564c;margin-top:6px;}
.card-poster{position:relative;transform:rotate(-1.6deg);}
.card-poster img{width:100%;display:block;}
.card-poster .tape{top:-8px;left:18px;width:90px;height:24px;transform:rotate(-7deg);box-shadow:none;}
.card-liner{position:relative;transform:rotate(1.1deg);box-shadow:0 2px 8px rgba(0,0,0,.35);}
.card-liner img{width:100%;display:block;}
.card-small{border:3px solid var(--acid);padding:20px;}
.card-small .q{font-family:var(--shrik);font-size:19px;color:var(--acid);line-height:1.16;}

/* ---------- shows ---------- */
.shows{background:var(--wht);color:var(--blk);}
.shows .eyebrow{border-bottom:3px solid var(--blu);padding-bottom:6px;}
.shows .head{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:22px 0 40px;}
.shows .stick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.shows .stick span{font-family:var(--type);font-size:14px;padding:5px 11px;border:2px solid var(--blk);background:var(--wht);}
.shows .stick .a{background:var(--blk);color:var(--acid);padding:7px 11px;border:0;transform:rotate(-4deg);box-shadow:3px 3px 0 var(--mag);}
.shows .stick .b{transform:rotate(2.5deg);}
.shows .stick .c{font-family:var(--shrik);background:var(--mag);color:var(--wht);padding:5px 12px;transform:rotate(-1.5deg);}
.show-list{display:grid;border-top:3px solid var(--blk);}
.show-row{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(14px,3vw,44px);align-items:center;padding:24px 8px;border-bottom:3px solid var(--blk);color:var(--blk);transition:background-color .15s ease,color .15s ease;}
.show-row > .d,.show-row > .d + div{transition:transform .15s var(--ease-out);}
.show-row .d{min-width:90px;}
.show-row .day{font-family:var(--anton);font-size:34px;line-height:1;}
.show-row .mon{font-family:var(--type);font-size:14px;opacity:.6;}
.show-row .city{font-family:var(--anton);text-transform:uppercase;font-size:clamp(20px,2.4vw,32px);line-height:1;}
.show-row .venue{font-family:var(--type);opacity:.65;font-size:15px;margin-top:4px;}
.show-row .k{text-align:right;}
.show-row .kind{display:inline-block;font-family:var(--type);font-size:14px;background:var(--mag);color:var(--blk);padding:7px 14px;transform:rotate(2deg);}
.show-row:active{background:var(--blk);color:var(--acid);}
@media (hover:hover) and (pointer:fine){.show-row:hover{background:var(--blk);color:var(--acid);} .show-row:hover > .d,.show-row:hover > .d + div{transform:translateX(14px);}}
@media (max-width:560px){.show-row{grid-template-columns:auto 1fr;} .show-row .k{grid-column:1/-1;text-align:left;} .show-row .d{min-width:60px;}}
.shows .warn{margin-top:26px;font-family:var(--shrik);font-size:clamp(20px,2vw,26px);color:var(--org);transform:rotate(-.5deg);}

/* ---------- eyewitness reports ---------- */
.reports{background:var(--wall);color:var(--blk);}
.reports .eyebrow{color:#6f6b60;}
.reports h2{font-size:clamp(32px,4.8vw,68px);margin:16px 0 12px;max-width:22ch;}
.reports .help{font-family:var(--type);font-size:15px;color:#655f55;margin:0 0 46px;}
.reports .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;}
.reports figure{margin:0;}
.reports figure:nth-child(2){margin-top:38px;} .reports figure:nth-child(3){margin-top:14px;} .reports figure:nth-child(4){margin-top:52px;}
.polaroid{background:#fff;padding:14px 14px 0;border:1px solid #ddd8ca;box-shadow:0 3px 14px rgba(0,0,0,.08);transition:transform .3s var(--pop),box-shadow .3s ease;}
.reports figure:nth-child(1) .polaroid{transform:rotate(-1deg);} .reports figure:nth-child(2) .polaroid{transform:rotate(1.2deg);} .reports figure:nth-child(3) .polaroid{transform:rotate(-.6deg);} .reports figure:nth-child(4) .polaroid{transform:rotate(1.6deg);}
.polaroid .ph{overflow:hidden;aspect-ratio:4/5;background:#eee;}
.polaroid .ph img{width:100%;height:100%;object-fit:cover;}
.polaroid .cat{padding:12px 4px 14px;font-family:var(--type);font-size:14px;color:#6f6b60;}
@media (hover:hover) and (pointer:fine){.reports figure:hover .polaroid{transform:rotate(0deg) translateY(-10px) scale(1.04);box-shadow:0 18px 30px rgba(0,0,0,.18);}}
.reports figcaption{font-family:var(--shrik);font-size:clamp(18px,1.6vw,24px);line-height:1.2;margin-top:18px;}
.reports .c-blu{color:var(--blu);} .reports .c-mag{color:var(--mag);} .reports .c-org{color:var(--org);} .reports .c-blk{color:var(--blk);}
.reports .love{text-align:center;font-family:var(--anton);font-size:clamp(44px,9vw,150px);margin:64px 0 0;color:transparent;-webkit-text-stroke:3px var(--mag);text-transform:uppercase;}
.reports .love-cat{text-align:center;font-family:var(--type);font-size:14px;color:#6f6b60;margin-top:10px;}
@media (max-width:800px){.reports figure:nth-child(n){margin-top:0;}}

/* ---------- hazard tape ---------- */
.hazard{background:repeating-linear-gradient(-45deg,var(--acid) 0 26px,var(--blk) 26px 52px);padding:10px var(--pad-x);text-align:center;transform:rotate(.6deg) scale(1.02);}
.hazard span{display:inline-block;background:var(--blk);color:var(--acid);font-family:var(--type);font-size:14px;padding:6px 16px;}

/* ---------- gallery ---------- */
.gallery{background:var(--wht);color:var(--blk);}
.gallery .eyebrow{border-bottom:3px solid var(--org);padding-bottom:6px;}
.gallery h2{margin:22px 0 40px;text-shadow:4px 3px 0 var(--org),-4px -3px 0 var(--blu);}
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:170px;gap:8px;}
.tiles > div{overflow:hidden;}
.tiles img{width:100%;height:100%;object-fit:cover;}
.tiles .c2{grid-column:span 2;} .tiles .r2{grid-row:span 2;} .tiles .c3{grid-column:span 3;}
.tiles .contrast img{filter:contrast(1.2);}
.tiles .text{background:var(--blu);color:var(--wht);display:flex;align-items:center;justify-content:center;text-align:center;padding:18px;}
.tiles .text span{font-family:var(--shrik);font-size:22px;line-height:1.25;}
@media (max-width:800px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;} .tiles > div{grid-column:auto;grid-row:auto;}}

/* ---------- field notes ---------- */
.notes{background:var(--org);color:var(--blk);}
.notes .badge{background:var(--blk);color:var(--org);transform:rotate(1deg);}
.notes h2{margin:22px 0 40px;text-shadow:4px 3px 0 var(--wht),-4px -3px 0 var(--blk);}
.notes .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;}
.note{position:relative;background:var(--wht);padding:30px 26px 26px;box-shadow:0 2px 6px rgba(0,0,0,.18);}
.note .tape{top:-11px;height:26px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.08);box-shadow:none;}
.note.n1{transform:rotate(-1deg);} .note.n1 .tape{left:50%;transform:translateX(-50%) rotate(-2deg);width:110px;}
.note.n2{margin-top:34px;transform:rotate(.8deg);} .note.n2 .tape{left:30px;transform:rotate(4deg);width:90px;}
.note.n3{margin-top:12px;transform:rotate(-.6deg);background:var(--blk);color:var(--wht);box-shadow:0 2px 6px rgba(0,0,0,.25);} .note.n3 .tape{right:28px;transform:rotate(-5deg);width:100px;background:rgba(244,241,234,.55);border:0;}
.note .where{font-family:var(--type);font-size:14px;}
.note.n1 .where{color:var(--blu);} .note.n2 .where{color:var(--mag);} .note.n3 .where{color:var(--acid);}
.note h3{font-family:var(--anton);text-transform:uppercase;font-size:24px;margin:12px 0 10px;line-height:1;}
.note.n3 h3{color:var(--acid);}
.note p{color:#4a4740;font-size:16px;}
.note.n3 p{color:#c9c5ba;}
@media (max-width:800px){.note.n2,.note.n3{margin-top:0;}}

/* ---------- booking + faq ---------- */
.book{background:var(--blk);color:var(--wht);overflow:hidden;}
.book .eyebrow{color:var(--acid);}
.book h2{font-size:clamp(42px,7vw,108px);line-height:.9;margin:16px 0 22px;}
.book h2 .mag{color:var(--mag);}
.book .lede{font-size:clamp(17px,1.5vw,21px);color:#c9c5ba;max-width:58ch;}
.book .lede em{color:var(--acid);}
.book .grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(30px,4vw,60px);margin-top:38px;align-items:start;}
@media (max-width:800px){.book .grid{grid-template-columns:1fr;}}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form .full{grid-column:1/-1;}
.form input,.form textarea{width:100%;background:transparent;border:none;border-bottom:3px solid #3a3a40;color:var(--wht);padding:14px 4px;font-size:15px;font-family:var(--type);outline:none;border-radius:0;}
.form textarea{resize:vertical;}
.form input:focus-visible,.form textarea:focus-visible{border-bottom-color:var(--acid);outline:none;}
.form ::placeholder{color:#8a867a;opacity:1;}
.form .consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-family:var(--type);font-size:14px;color:#9a968c;cursor:pointer;}
.form .consent input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--acid);flex:none;}
.form .consent a{color:var(--acid);text-decoration:underline;text-underline-offset:3px;}
.form .trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.btn-beam{grid-column:1/-1;justify-self:start;margin-top:12px;background:var(--acid);color:var(--blk);border:3px solid var(--blk);padding:16px 34px;font-family:var(--type);font-weight:700;font-size:15px;box-shadow:6px 6px 0 var(--mag);transition:transform 160ms var(--ease-out),opacity .2s ease;}
.btn-beam:active{transform:scale(.97);}
.btn-beam[disabled]{opacity:.6;cursor:wait;}
.status{grid-column:1/-1;font-family:var(--type);font-size:14px;color:#9a968c;min-height:1.5em;margin:0;}
.status[data-kind="error"]{color:var(--acid);}
.form-wrap .sent{display:none;border:3px solid var(--acid);padding:30px;background:rgba(227,167,47,.06);}
.form-wrap[data-sent] .form{display:none;}
.form-wrap[data-sent] .sent{display:block;opacity:1;transform:none;transition:opacity 240ms var(--ease-out),transform 240ms var(--ease-out);}
@starting-style{.form-wrap[data-sent] .sent{opacity:0;transform:translateY(8px) scale(.98);}}
.sent h3{font-family:var(--anton);text-transform:uppercase;font-size:clamp(26px,3.2vw,42px);line-height:1;color:var(--acid);}
.sent p{color:#c9c5ba;margin:12px 0 0;}
@media (max-width:520px){.form{grid-template-columns:1fr;} .form .half{grid-column:1/-1;}}
.faq{border:3px solid #2a2a30;padding:26px;}
.faq h3{font-family:var(--anton);text-transform:uppercase;font-size:22px;color:var(--mag);margin-bottom:18px;}
.faq dl{margin:0;display:grid;gap:16px;font-size:15px;}
.faq dt{font-family:var(--type);font-weight:700;}
.faq dd{margin:4px 0 0;color:#9a968c;}

/* ---------- signals ---------- */
.signals{background:var(--blu);color:var(--wht);overflow:hidden;}
.signals .eyebrow{color:var(--acid);}
.signals h2{font-size:clamp(40px,6.4vw,96px);line-height:.9;margin:16px 0 8px;text-shadow:4px 3px 0 var(--acid),-4px -3px 0 var(--mag);}
.signals .help{font-family:var(--type);font-size:15px;color:#cdd4ff;margin:0 0 34px;max-width:62ch;}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px;}
.chip{display:inline-flex;align-items:center;gap:10px;background:var(--wht);color:var(--blk);border:3px solid var(--blk);padding:11px 18px;font-family:var(--type);font-size:15px;transition:transform 160ms var(--ease-out);}
.chip span{opacity:.55;}
.chip:active{transform:scale(.97);}
.chip.s-acid{box-shadow:5px 5px 0 var(--acid);} .chip.s-mag{box-shadow:5px 5px 0 var(--mag);} .chip.s-org{box-shadow:5px 5px 0 var(--org);} .chip.s-blk{box-shadow:5px 5px 0 var(--blk);} .chip.s-wht{box-shadow:5px 5px 0 var(--wht);}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.post{background:var(--blk);overflow:hidden;position:relative;}
.post .who{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--wht);color:var(--blk);}
.post .who i{width:22px;height:22px;border-radius:50%;background:var(--mag);display:block;}
.post .who span{font-family:var(--type);font-size:14px;}
.post img{width:100%;aspect-ratio:1;object-fit:cover;}
.post .cap{padding:10px 12px;font-size:13px;color:#cdd4ff;}
.post.acid{background:var(--acid);color:var(--blk);border:3px solid var(--blk);padding:18px;display:flex;flex-direction:column;justify-content:center;}
.post.acid .q{font-family:var(--shrik);font-size:22px;line-height:1.14;}
.post .meta{font-family:var(--type);font-size:14px;margin-top:12px;}
.post.reel img{opacity:.8;}
.post .reel-tag{position:absolute;top:8px;right:8px;font-family:var(--type);font-size:14px;background:var(--org);color:var(--blk);padding:3px 7px;}
.post .reel-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.post .reel-play span{width:46px;height:46px;border-radius:50%;background:rgba(244,241,234,.9);color:var(--blk);display:flex;align-items:center;justify-content:center;font-size:17px;}
.post.wht{background:var(--wht);color:var(--blk);}
.post.wht .who{background:transparent;}
.post.wht .who i{background:var(--blu);}
.post .slot{position:relative;background:#dfe3ff;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--type);font-size:14px;color:#5a564c;text-align:center;padding:18px;}
.post.wht .cap{color:#5a564c;}
.post.mag{background:var(--mag);color:var(--blk);border:3px solid var(--blk);padding:18px;display:flex;flex-direction:column;justify-content:center;}
.post.mag .big{font-family:var(--anton);text-transform:uppercase;font-size:26px;line-height:.92;}
.signals .tagus{margin-top:40px;font-family:var(--shrik);font-size:clamp(20px,2.2vw,28px);color:var(--acid);transform:rotate(-1deg);display:inline-block;}
.signals .tagus b{color:var(--wht);font-weight:400;}

/* ---------- footer ---------- */
.foot{background:var(--mag);color:var(--blk);padding:clamp(60px,9vw,120px) var(--pad-x) 40px;position:relative;overflow:hidden;}
.foot .drifter{position:absolute;top:36px;width:84px;animation:drift 30s linear infinite;pointer-events:none;left:0;}
.foot .wrap{z-index:2;}
.foot .top{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:44px;align-items:end;padding-bottom:56px;border-bottom:3px solid var(--blk);}
.foot h3{font-family:var(--anton);text-transform:uppercase;font-size:clamp(32px,4vw,54px);line-height:.94;}
.foot .top p{margin:14px 0 22px;max-width:42ch;}
.caravan{display:flex;gap:10px;flex-wrap:wrap;}
.caravan input[type=email]{flex:1;min-width:200px;background:var(--wht);border:3px solid var(--blk);color:var(--blk);padding:12px 18px;font-size:14px;font-family:var(--type);outline:none;border-radius:0;}
.caravan input[type=email]:focus-visible{outline:3px solid var(--blk);outline-offset:2px;}
.caravan ::placeholder{color:#6a665c;opacity:1;}
.caravan button{background:var(--blk);color:var(--acid);border:3px solid var(--blk);padding:12px 24px;font-family:var(--type);font-weight:700;font-size:15px;transition:transform 160ms var(--ease-out);}
.caravan button:active{transform:scale(.97);}
.caravan button[disabled]{opacity:.7;cursor:wait;}
.caravan .consent{flex-basis:100%;display:flex;gap:10px;align-items:flex-start;font-family:var(--type);font-size:13px;color:rgba(11,11,13,.75);cursor:pointer;}
.caravan .consent input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--blk);flex:none;}
.caravan .consent a{color:var(--blk);text-decoration:underline;text-underline-offset:3px;}
.caravan .trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.caravan .status{flex-basis:100%;color:rgba(11,11,13,.75);}
.caravan .status[data-kind="error"]{color:var(--blk);font-weight:700;}
.foot .triplet{font-family:var(--shrik);font-size:clamp(20px,2.2vw,28px);line-height:1.35;transform:rotate(-1deg);}
.foot .meta{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;padding-top:24px;font-family:var(--type);font-size:14px;}
.foot .fine{font-family:var(--type);font-size:14px;color:rgba(11,11,13,.82);margin:16px 0 0;max-width:80ch;}
.foot .credit-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-top:22px;font-family:var(--type);font-size:14px;color:rgba(11,11,13,.7);}
.foot .credit-row a.pv{color:rgba(11,11,13,.7);text-decoration:underline;text-underline-offset:3px;}

/* the credit: Archivo 400, 11.5px, 86% opacity, Latin in every language, bee outside the phrase (house rule) */
.pkc{display:inline-flex;align-items:center;gap:8px;font-family:Archivo,system-ui,sans-serif;font-size:11.5px;letter-spacing:.03em;text-transform:none;line-height:1;color:rgba(11,11,13,.86);text-decoration:none;white-space:nowrap;}
.pkc:hover{color:var(--blk);}
.pkc .bee{flex:none;display:block;position:relative;width:40px;height:26px;transform:rotate(-11deg);margin:-8px 0;}
.pkc .bee span{display:block;width:100%;height:100%;} .pkc .bee .s1{animation:pkcStep 38s ease-in-out infinite;} .pkc .bee .s2{animation:pkcGait 6.5s ease-in-out infinite;} .pkc .bee .s3{position:relative;animation:pkcBreathe 7.2s ease-in-out infinite;}
.pkc .bee img{position:absolute;inset:0;width:100%;height:100%;background:transparent;}
.pkc .bee .wl{transform-origin:46.1% 32.5%;animation:pkcWingL 8.3s ease-in-out infinite;} .pkc .bee .wr{transform-origin:54.1% 32.5%;animation:pkcWingR 10.1s ease-in-out infinite;}
.pkc .bee .ll{transform-origin:43.5% 50.7%;animation:pkcLegL 9.4s ease-in-out infinite;} .pkc .bee .lr{transform-origin:56.6% 50.7%;animation:pkcLegR 11.6s ease-in-out infinite;}
.pkc .bee .al{transform-origin:48% 14.3%;animation:pkcAntL 7.1s ease-in-out infinite;} .pkc .bee .ar{transform-origin:54.7% 14.3%;animation:pkcAntR 8.3s ease-in-out infinite;}
@keyframes pkcStep{0%{transform:translate(0,0) rotate(0)}11%,22%{transform:translate(.34px,-.05px) rotate(-.22deg)}33%,47%{transform:translate(.72px,.06px) rotate(.12deg)}58%,72%{transform:translate(1.05px,-.07px) rotate(.3deg)}84%,93%{transform:translate(.5px,.05px) rotate(-.16deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes pkcGait{0%,100%{transform:translateY(0)}50%{transform:translateY(-.5px)}}
@keyframes pkcBreathe{0%,100%{transform:scale(1)}43%{transform:scale(1.012)}}
@keyframes pkcWingL{0%,70%,100%{transform:rotate(0)}73%{transform:rotate(-6deg)}77%{transform:rotate(-1.5deg)}81%{transform:rotate(0)}}
@keyframes pkcWingR{0%,54%,100%{transform:rotate(0)}57%{transform:rotate(5.5deg)}61%{transform:rotate(1deg)}66%{transform:rotate(0)}}
@keyframes pkcLegL{0%,100%{transform:rotate(0)}38%{transform:rotate(-4deg)}62%{transform:rotate(1.5deg)}}
@keyframes pkcLegR{0%,100%{transform:rotate(0)}46%{transform:rotate(3.6deg)}72%{transform:rotate(-1.2deg)}}
@keyframes pkcAntL{0%,80%,100%{transform:rotate(0)}83%{transform:rotate(-9deg)}87%{transform:rotate(-3deg)}91%{transform:rotate(-7deg)}96%{transform:rotate(0)}}
@keyframes pkcAntR{0%,62%,100%{transform:rotate(0)}65%{transform:rotate(8deg)}70%{transform:rotate(2deg)}75%{transform:rotate(6deg)}80%{transform:rotate(0)}}

/* ---------- privacy + 404 ---------- */
.plain{background:var(--wht);color:var(--blk);min-height:100vh;padding:120px var(--pad-x) 80px;}
.plain .wrap{max-width:70ch;}
.plain h1{font-family:var(--anton);text-transform:uppercase;font-size:clamp(40px,7vw,96px);line-height:.9;}
.plain .updated{font-family:var(--type);font-size:14px;color:#5a564c;margin-top:14px;}
.plain h2{font-family:var(--anton);text-transform:uppercase;font-size:clamp(22px,2.6vw,32px);line-height:1;margin:44px 0 12px;}
.plain p{margin-top:12px;}
.plain p.lede{font-size:clamp(19px,1.6vw,23px);margin-top:26px;}
.plain a{color:var(--mag);text-decoration:underline;text-underline-offset:3px;}
.plain ul{padding-left:1.2em;margin:10px 0 0;}
.plain li{margin-top:6px;}
.plain .back{display:inline-block;margin-top:40px;font-family:var(--type);font-size:14px;background:var(--blk);color:var(--acid);padding:12px 20px;text-decoration:none;box-shadow:6px 6px 0 var(--mag);transition:transform 160ms var(--ease-out);}
.plain .back:active{transform:scale(.97);}
.lost{background:var(--acid);color:var(--blk);min-height:100vh;display:flex;align-items:center;padding:120px var(--pad-x) 80px;}
.lost .wrap{max-width:900px;}
.lost h1{font-family:var(--anton);text-transform:uppercase;font-size:clamp(60px,14vw,220px);line-height:.86;}
.lost h1 span{color:var(--mag);text-shadow:6px 6px 0 var(--blk);}
.lost p{font-family:var(--shrik);font-size:clamp(20px,3vw,34px);margin-top:24px;transform:rotate(-1deg);}
.lost .ufo-lost{width:clamp(120px,20vw,220px);animation:bob 5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(244,241,234,.7));}

/* ---------- reduced motion: fewer and gentler, not zero ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;}
  .marquee div{animation:none!important;}
  .polaroid,.show-row,.btn,.pill,.chip,.h1 span{transition-property:color,background-color,border-color,opacity,box-shadow!important;transition-duration:160ms!important;}
  .btn:active,.pill:active,.chip:active,.play:active,.amb:active,.menu-btn:active,.btn-beam:active,.caravan button:active,.ship-wrap img:active,.ship .ufo img:active{transform:none!important;}
  .roamer,.foot .drifter{display:none;}
  .menu[data-open],.menu[data-open] a,.form-wrap[data-sent] .sent{transition-duration:1ms!important;transition-delay:0ms!important;}
}