/* ═══════════════════════════════════════════
   CATNIP CARTEL — $NIP
   Palette: neon purple / catnip green / ink
   ═══════════════════════════════════════════ */

:root{
  --purple:#c77dff;
  --purple-lo:#b45cff;
  --purple-deep:#7b2cbf;
  --purple-ink:#3c096c;
  --green:#8aff3c;
  --green-dk:#5fbd18;
  --cream:#f5f1e8;
  --paper:#efe9dc;
  --ink:#111111;
  --red:#e63946;
  --gold:#ffb627;
  --grey:#c9c9cf;

  --bd:4px;
  --r:16px;
  --shadow:6px 6px 0 var(--ink);
  --shadow-sm:4px 4px 0 var(--ink);
  --shadow-lg:10px 10px 0 var(--ink);

  --f-display:'Archivo Black',system-ui,sans-serif;
  --f-marker:'Permanent Marker',cursive;
  --f-body:'Inter',system-ui,-apple-system,sans-serif;
  --f-serif:'Playfair Display',Georgia,serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--f-body);
  color:var(--ink);
  background:var(--purple);
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit}

.wrap{width:min(1180px,92vw);margin-inline:auto}
.center{text-align:center}
/* content stays visible when JS is off or fails */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ── dotted backgrounds ───────────────────── */
.dotted{
  background-color:var(--purple);
  background-image:radial-gradient(rgba(17,17,17,.16) 1.5px,transparent 1.6px);
  background-size:26px 26px;
}
.dotted-light{
  background-color:var(--cream);
  background-image:radial-gradient(rgba(17,17,17,.10) 1.5px,transparent 1.6px);
  background-size:26px 26px;
}

/* ── typography ───────────────────────────── */
.display{
  font-family:var(--f-display);
  font-size:clamp(2.6rem,8.4vw,6.4rem);
  line-height:.94;
  letter-spacing:-.02em;
  margin:.1em 0 .25em;
  text-transform:uppercase;
}
.display--md{font-size:clamp(2rem,5.4vw,4rem)}
.display mark{background:linear-gradient(transparent 62%,var(--green) 62%);color:inherit;padding-inline:.06em}
.marker{font-family:var(--f-marker);font-weight:400;letter-spacing:.02em}
.eyebrow{font-size:1rem;color:var(--purple-deep);margin:0 0 .2em;letter-spacing:.05em}
.lead{font-size:1.12rem}
.hl{color:var(--purple-deep)}
.hl-orange{color:#e8590c;font-weight:700}
.fine{font-size:.82rem;line-height:1.6;color:#4a4a52;max-width:62ch}
.sub-note{font-size:clamp(1rem,2.2vw,1.35rem);margin:.9rem 0}

/* ── stickers / pills / tags ──────────────── */
.sticker{
  display:inline-block;
  font-family:var(--f-marker);
  font-size:clamp(.78rem,1.5vw,1rem);
  padding:.35em .85em;
  border:3px solid var(--ink);
  border-radius:6px;
  box-shadow:var(--shadow-sm);
  transform:rotate(-2.2deg);
  background:var(--cream);
  line-height:1.25;
}
.sticker--dark{background:var(--ink);color:var(--green)}
.sticker--red{background:var(--red);color:#fff;transform:rotate(2deg)}
.sticker--green{background:var(--green);color:var(--ink)}

.pill-row{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;margin:1.2rem 0}
.pill{
  font-family:var(--f-marker);
  padding:.4em 1em;border:3px solid var(--ink);border-radius:8px;
  box-shadow:var(--shadow-sm);font-size:clamp(.9rem,2vw,1.1rem);
}
.pill--green{background:var(--green);transform:rotate(-1.5deg)}
.pill--dark{background:var(--ink);color:var(--green);transform:rotate(1.5deg)}
.pill-dash{font-family:var(--f-marker);font-size:1.2rem}

.tag{
  display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.03em;
  padding:.25em .8em;border:2px solid var(--ink);border-radius:99px;
}
.tag--green{background:var(--green)}
.tag--orange{background:var(--gold)}

/* ── buttons ──────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--f-display);font-size:clamp(.85rem,1.7vw,1.05rem);
  letter-spacing:.01em;text-decoration:none;cursor:pointer;
  padding:.85em 1.5em;border:var(--bd) solid var(--ink);border-radius:12px;
  background:var(--cream);color:var(--ink);
  box-shadow:var(--shadow);
  transition:transform .12s ease,box-shadow .12s ease;
}
.btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}
.btn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink)}
.btn:focus-visible{outline:4px solid var(--purple-ink);outline-offset:3px}
.btn--green{background:var(--green)}
.btn--dark{background:var(--ink);color:var(--green)}
.btn--ghost{background:#fff}
.btn--icon{padding:.8em .95em}
.btn--block{width:100%}

.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:1.4rem 0 .6rem}

/* ── ticker ───────────────────────────────── */
.ticker{
  background:var(--ink);color:var(--green);
  border-bottom:var(--bd) solid var(--ink);
  overflow:hidden;padding:.5rem 0;position:relative;z-index:5;
}
.ticker__track{
  display:flex;align-items:center;gap:1.6rem;width:max-content;
  font-family:var(--f-marker);font-size:.95rem;white-space:nowrap;
  animation:slide 32s linear infinite;
}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker__track{animation:none}}
.paw{
  width:16px;height:16px;flex:none;
  background:var(--green);
  -webkit-mask:var(--paw-mask) center/contain no-repeat;
          mask:var(--paw-mask) center/contain no-repeat;
  --paw-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><ellipse cx='32' cy='42' rx='16' ry='13'/><ellipse cx='14' cy='26' rx='7' ry='9'/><ellipse cx='27' cy='17' rx='7' ry='10'/><ellipse cx='41' cy='17' rx='7' ry='10'/><ellipse cx='53' cy='26' rx='7' ry='9'/></svg>");
}

/* ── hero ─────────────────────────────────── */
.hero{padding:clamp(2.5rem,7vw,5rem) 0 clamp(3rem,8vw,6rem);position:relative;overflow:hidden}
.hero__inner{text-align:center;position:relative}
.hero__badge{margin-bottom:1.4rem}
.hero__tag{position:absolute;top:clamp(3rem,9vw,7rem);z-index:3}
.hero__tag--l{left:0}
.hero__tag--r{right:0;transform:rotate(3deg)}
@media (max-width:720px){.hero__tag{display:none}}

.pfp{
  margin:0 auto 1.6rem;width:min(340px,72vw);position:relative;
}
.pfp img{
  border:var(--bd) solid var(--ink);
  box-shadow:var(--shadow-lg);
  background:var(--purple-lo);
}
.pfp::after{
  content:"";position:absolute;inset:-14px -14px 14px 14px;
  border:3px solid var(--ink);border-radius:2px;z-index:-1;
}
.hero__marker{font-size:clamp(1rem,2.3vw,1.3rem);line-height:1.7;margin:0 0 .6rem}
.hero__sub{max-width:46ch;margin:0 auto;font-size:clamp(.95rem,2vw,1.1rem)}
.scroll-cue{margin-top:1.6rem;font-size:clamp(.9rem,2vw,1.1rem)}
@media (max-width:640px){.brk{display:none}}

.pawtrail{
  position:absolute;top:-1.2rem;left:50%;transform:translateX(-50%);
  width:144px;height:24px;opacity:.55;
  background:var(--ink);
  -webkit-mask:var(--paw-mask) 0 0/24px 24px repeat-x;
          mask:var(--paw-mask) 0 0/24px 24px repeat-x;
  --paw-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><ellipse cx='32' cy='42' rx='15' ry='12'/><ellipse cx='15' cy='26' rx='6' ry='8'/><ellipse cx='27' cy='18' rx='6' ry='9'/><ellipse cx='41' cy='18' rx='6' ry='9'/><ellipse cx='52' cy='26' rx='6' ry='8'/></svg>");
}

/* ── story ────────────────────────────────── */
.story{padding:clamp(3rem,8vw,6rem) 0;border-block:var(--bd) solid var(--ink)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
@media (max-width:860px){.grid-2{grid-template-columns:1fr}}
.framed{margin:0}
.framed img{
  border:var(--bd) solid var(--ink);border-radius:var(--r);
  box-shadow:var(--shadow-lg);
}

/* ── supply chain ─────────────────────────── */
.chain{padding:clamp(3rem,8vw,6rem) 0}
.paw-divider{
  height:26px;margin:1.2rem auto;width:156px;opacity:.5;
  background:var(--ink);
  -webkit-mask:var(--paw-mask) center/26px 26px repeat-x;
          mask:var(--paw-mask) center/26px 26px repeat-x;
  --paw-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><ellipse cx='32' cy='42' rx='15' ry='12'/><ellipse cx='15' cy='26' rx='6' ry='8'/><ellipse cx='27' cy='18' rx='6' ry='9'/><ellipse cx='41' cy='18' rx='6' ry='9'/><ellipse cx='52' cy='26' rx='6' ry='8'/></svg>");
}
.flow{
  display:flex;align-items:center;justify-content:center;gap:clamp(.6rem,2vw,1.6rem);
  flex-wrap:wrap;margin:2rem 0 1rem;
}
.flow__node{
  background:var(--grey);border:var(--bd) solid var(--ink);border-radius:var(--r);
  box-shadow:var(--shadow);padding:1rem;width:min(200px,42vw);
}
.flow__node h3{font-family:var(--f-display);font-size:.85rem;margin:.7rem 0 0;letter-spacing:.01em}
.flow__node--hero{
  background:var(--purple);width:min(280px,80vw);
  border-top:14px solid var(--green);
}
.flow__art{background:#fff;border:3px solid var(--ink);border-radius:10px;overflow:hidden;aspect-ratio:1;display:grid;place-items:center}
.flow__art--grey{background:#e7e7ee}
.flow__art--green{background:#dff7c8}
.flow__art img{width:100%;height:100%;object-fit:cover}
.flow__arrow{
  width:44px;height:20px;flex:none;
  background:var(--ink);
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;
  --m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 24'><path d='M0 12h40M34 4l12 8-12 8' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
@media (max-width:700px){.flow__arrow{transform:rotate(90deg)}}
.flow__caption{font-weight:700;font-size:1.05rem}
.arrow-i{color:var(--purple-deep)}

.down-arrow{
  width:18px;height:70px;margin:.4rem auto;
  background:var(--ink);
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;
  --m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 80'><path d='M10 0v58M2 52l8 20 8-20' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}
.down-arrow--sm{height:44px}

/* ── loadout board ────────────────────────── */
.loadout{padding:clamp(2rem,6vw,4rem) 0 clamp(3rem,8vw,5rem)}
.board{
  position:relative;margin:2rem auto 0;padding:2.6rem 1.4rem;
  border:var(--bd) solid var(--ink);border-radius:20px;box-shadow:var(--shadow-lg);
  background:
    repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 26px),
    linear-gradient(#8b5e3c,#6f4527);
}
.board::before,.board::after{
  content:"";position:absolute;top:-10px;width:64px;height:18px;
  background:#5a3720;border:3px solid var(--ink);border-radius:4px;
}
.board::before{left:16%}
.board::after{right:16%}
.board__note{
  position:absolute;font-family:var(--f-marker);font-size:.72rem;color:rgba(255,255,255,.55);
}
.board__note--tl{top:.6rem;left:1.2rem}
.board__note--tr{top:.6rem;right:1.2rem}
.board__note--bl{bottom:.6rem;left:1.2rem}
.board__note--br{bottom:.6rem;right:1.2rem}
.board__cards{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.gcard{
  position:relative;background:var(--cream);border:3px solid var(--ink);border-radius:10px;
  box-shadow:var(--shadow-sm);padding:1.5rem .9rem 1rem;width:min(180px,44vw);
  transform:rotate(-1.2deg);transition:transform .18s ease;
}
.gcard:nth-child(even){transform:rotate(1.4deg)}
.gcard:hover{transform:rotate(0) translateY(-6px)}
.gcard--dark{background:var(--ink);color:var(--cream)}
.gcard h3{font-family:var(--f-display);font-size:.9rem;margin:.6rem 0 .5rem}
.gcard .marker{font-size:.78rem;margin:.55rem 0 0;color:#4a4a52}
.gcard--dark .marker{color:var(--grey)}
.gcard__ico{width:70px;height:70px;margin:0 auto}
.mission{font-family:var(--f-display);color:var(--green);margin:.6rem 0 0;font-size:1rem;line-height:1.3}
.mission span{color:var(--gold)}
.pin{
  position:absolute;top:-9px;left:50%;transform:translateX(-50%);
  width:14px;height:14px;border-radius:50%;background:var(--red);
  border:2px solid var(--ink);box-shadow:1px 2px 0 rgba(0,0,0,.4);
}
.pin--orange{background:var(--gold)}

/* svg icon system */
.ico{width:100%;height:100%}
.ico .s{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.ico .s--thin{stroke-width:3}
.ico--light .s{stroke:var(--cream)}
.ico .f-green,.f-green{fill:var(--green)}
.ico .f-cream,.f-cream{fill:var(--cream)}
.ico .f-purple,.f-purple{fill:var(--purple)}
.ico .f-gold,.f-gold{fill:var(--gold)}
.ico .f-ink,.f-ink{fill:var(--ink)}
.ico .n{stroke:none}

/* ── map ──────────────────────────────────── */
.mapsec{padding:0 0 clamp(3rem,8vw,6rem)}
.mapframe{
  position:relative;margin:0;padding:10px;background:var(--green);
  border:var(--bd) solid var(--ink);border-radius:18px;box-shadow:var(--shadow-lg);
}
.mapframe img{border-radius:8px}
.mapframe__title{
  position:absolute;top:6%;left:50%;transform:translateX(-50%);
  font-family:var(--f-display);font-size:clamp(1rem,3.4vw,2.4rem);
  text-transform:uppercase;white-space:nowrap;
  text-shadow:2px 2px 0 rgba(255,255,255,.6);
}
.map__stamp{position:absolute;top:5%;right:4%}
.map__note--prop{
  position:absolute;top:14.5%;left:50%;transform:translateX(-50%) rotate(-1deg);
  font-family:var(--f-marker);font-size:clamp(.5rem,1.3vw,.85rem);
  background:var(--green);border:2px solid var(--ink);padding:.1em .6em;border-radius:4px;
  white-space:nowrap;
}
.map__label{
  position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);
  font-family:var(--f-display);font-size:clamp(.45rem,1.35vw,1rem);
  text-transform:uppercase;white-space:nowrap;
  background:linear-gradient(transparent 65%,var(--green) 65%);
  padding-inline:.15em;
}
.map__hand{
  position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(-3deg);
  font-family:var(--f-marker);font-size:clamp(.42rem,1.15vw,.85rem);
  white-space:nowrap;color:#2a2a2a;
}
.map__hand--arrow{color:#d4380d;font-size:clamp(.5rem,1.5vw,1.1rem);transform:translate(-50%,-50%) rotate(-2deg)}
.map__legend{
  position:absolute;left:13.4%;top:81%;
  padding:.2em .4em;display:grid;gap:.05em;
  font-size:clamp(.38rem,1vw,.72rem);line-height:1.5;
}
.map__legend b{font-family:var(--f-display);font-size:.9em;background:var(--green);padding-inline:.3em}
.map__legend em{font-style:normal;display:flex;align-items:center;gap:.4em}
.lg{width:1em;height:1em;display:inline-block;background:var(--ink);flex:none}
.lg--paw{-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;
  --m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><ellipse cx='32' cy='42' rx='15' ry='12'/><ellipse cx='15' cy='26' rx='6' ry='8'/><ellipse cx='27' cy='18' rx='6' ry='9'/><ellipse cx='41' cy='18' rx='6' ry='9'/><ellipse cx='52' cy='26' rx='6' ry='8'/></svg>")}
.lg--coin{background:var(--gold);border:1px solid var(--ink);border-radius:50%}
.lg--dash{height:0;border-top:2px dashed var(--ink);background:none;align-self:center}
.map__coords{
  position:absolute;right:5%;bottom:4%;font-family:var(--f-marker);
  font-size:clamp(.35rem,.95vw,.7rem);color:#3a3a3a;
}
.map__credit{text-align:center;margin-top:1rem;font-size:.85rem}
@media (max-width:640px){
  .map__hand,.map__legend,.map__coords,.map__note--prop{display:none}
}

/* ── the gang ─────────────────────────────── */
.gang{padding:clamp(3rem,8vw,6rem) 0;border-block:var(--bd) solid var(--ink)}
.gangframe{
  position:relative;margin:2rem 0 2.5rem;padding:12px;background:var(--cream);
  border:var(--bd) solid var(--ink);border-radius:18px;box-shadow:var(--shadow-lg);
}
.gangframe img{border:3px solid var(--ink);border-radius:6px}
.gtag{
  position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(-3deg);
  font-family:var(--f-marker);font-size:clamp(.5rem,1.25vw,.9rem);
  background:var(--cream);border:2px solid var(--ink);border-radius:5px;
  padding:.15em .55em;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;
}
.gtag:nth-child(even){transform:translate(-50%,-50%) rotate(2.5deg)}
@media (max-width:700px){.gtag{display:none}}
.roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}
.rcard{
  background:var(--cream);border:3px solid var(--ink);border-radius:12px;
  box-shadow:var(--shadow-sm);padding:.9rem;text-align:left;
  transition:transform .15s ease;
}
.rcard:hover{transform:translateY(-5px)}
.rcard b{font-family:var(--f-display);display:block;font-size:.95rem}
.rcard span{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;
  background:var(--purple);border:2px solid var(--ink);border-radius:99px;padding:.05em .6em;margin:.3em 0}
.rcard em{display:block;font-size:.8rem;color:#55555f;font-style:normal}

/* ── wanted poster ────────────────────────── */
.wantedsec{background:var(--cream);padding:clamp(3rem,8vw,6rem) 0}
.poster{
  position:relative;max-width:640px;margin:2rem auto 0;padding:clamp(1.6rem,4vw,3rem) clamp(1.2rem,4vw,2.6rem) 2.4rem;
  background:
    linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px) 50% 0/100% 100%,
    var(--paper);
  border:var(--bd) solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow-lg);
}
.poster__hand{
  position:absolute;left:-2.5rem;top:16%;font-family:var(--f-marker);color:var(--red);
  font-size:.95rem;transform:rotate(-8deg);
}
.poster__hand i{display:block;width:14px;height:26px;margin-left:1.2rem;background:var(--red);
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;
  --m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 40'><path d='M10 0v28M3 22l7 12 7-12' fill='none' stroke='black' stroke-width='3'/></svg>")}
@media (max-width:820px){.poster__hand{display:none}}
.poster__stain{
  position:absolute;right:8%;top:5%;width:74px;height:74px;border-radius:50%;
  border:7px solid rgba(150,110,60,.18);
}
.poster__title{font-family:var(--f-display);font-size:clamp(2.6rem,10vw,4.6rem);margin:0;letter-spacing:-.01em}
.poster__sub{font-size:.9rem;margin:.2rem 0 1.4rem;color:#55555f}
.poster__mug{margin:0 auto 1.4rem;width:min(230px,60%)}
.poster__mug img{border:8px solid #fff;outline:3px solid var(--ink);filter:grayscale(1) contrast(1.05)}
.poster__mug figcaption{font-size:.75rem;color:#6a6a72;margin-top:.5rem;transform:rotate(-2deg)}
.poster__facts{max-width:420px;margin:0 auto 1.4rem;padding:0;text-align:left}
.poster__facts>div{display:flex;justify-content:space-between;gap:1rem;
  border-bottom:2px dotted #b9b2a2;padding:.55rem 0}
.poster__facts dt{font-family:var(--f-display);font-size:.9rem}
.poster__facts dd{margin:0;font-weight:700;text-align:right}
.stars{color:var(--gold);letter-spacing:.1em;-webkit-text-stroke:1px var(--ink)}
.poster__badges{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.6rem}

/* ── newspaper ────────────────────────────── */
.newssec{padding:clamp(3rem,8vw,6rem) 0}
.paper{
  max-width:860px;margin:2rem auto 0;padding:clamp(1.4rem,4vw,2.6rem);
  background:var(--paper);border:var(--bd) solid var(--ink);border-radius:var(--r);
  box-shadow:var(--shadow-lg);text-align:left;position:relative;
}
.paper__head{display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;
  letter-spacing:.08em;color:#5a5a62;flex-wrap:wrap}
.paper__name{font-family:var(--f-serif);font-style:italic;font-weight:900;
  font-size:clamp(2rem,6.5vw,3.6rem);text-align:center;margin:.3rem 0 .5rem;letter-spacing:-.01em}
.paper__rule{border:0;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);height:3px;margin:.6rem 0}
.paper__rule--thin{border-top-width:1px;border-bottom-width:1px;height:2px}
.paper__headline{font-family:var(--f-display);font-size:clamp(1.7rem,5.6vw,3rem);
  text-align:center;margin:.8rem 0 .5rem;line-height:1}
.paper__standfirst{text-align:center;max-width:52ch;margin:0 auto 1rem;font-size:.95rem}
.paper__body{display:grid;grid-template-columns:1.7fr 1fr;gap:1.6rem}
@media (max-width:760px){.paper__body{grid-template-columns:1fr}}
.paper__dateline{font-size:.7rem;letter-spacing:.1em;color:#5a5a62;margin:0 0 .4rem}
.paper__col p{font-size:.92rem;margin:0 0 .8rem}
.paper__quote{font-family:var(--f-display);font-size:clamp(1.1rem,3vw,1.7rem);
  margin:.6rem 0;line-height:1.1}
.paper__box{border:2px solid var(--ink);padding:.7rem;margin-bottom:1rem;background:rgba(255,255,255,.4)}
.paper__box h4{font-family:var(--f-display);font-size:.85rem;text-align:center;margin:0 0 .5rem;
  border-bottom:2px solid var(--ink);padding-bottom:.35rem}
.paper__box p{display:flex;justify-content:space-between;gap:.6rem;font-size:.82rem;margin:.3rem 0;
  border-bottom:1px dotted #b9b2a2;padding-bottom:.2rem}
.paper__box ul{margin:0;padding-left:1.1rem;font-size:.82rem}
.up{color:#2f7d32}.dn{color:#c62828}
.paper__editor{font-size:.78rem;text-align:center;margin:1rem 0 0;border-top:2px solid var(--ink);padding-top:.7rem}

/* ── final cta ────────────────────────────── */
.finalsec{padding:clamp(2rem,6vw,4rem) 0 clamp(3rem,9vw,6rem)}
.final{
  position:relative;max-width:620px;margin:0 auto;text-align:center;
  background:#fdf8ec;border:var(--bd) solid var(--ink);border-radius:20px;
  box-shadow:var(--shadow-lg);padding:clamp(1.6rem,5vw,3rem) clamp(1.2rem,4vw,2.6rem);
}
.final__corner{position:absolute;bottom:1rem;width:22px;height:22px;opacity:.5;background:var(--ink);
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;
  --m:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><ellipse cx='32' cy='42' rx='15' ry='12'/><ellipse cx='15' cy='26' rx='6' ry='8'/><ellipse cx='27' cy='18' rx='6' ry='9'/><ellipse cx='41' cy='18' rx='6' ry='9'/><ellipse cx='52' cy='26' rx='6' ry='8'/></svg>")}
.final__corner--l{left:1rem}
.final__corner--r{right:1rem;transform:scaleX(-1)}
.final .display{font-size:clamp(1.5rem,4.4vw,2.5rem)}
.final__art{width:min(210px,55%);margin:0 auto 1rem}
.final__art img{border:3px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-sm)}
.final__alt{color:var(--purple-deep);margin-top:-.4rem}
.final__btns{display:grid;gap:.8rem;max-width:380px;margin:1.2rem auto .8rem}
/* ── contract address bar ─────────────────── */
.cabar{
  display:inline-flex;align-items:stretch;gap:0;margin:1.4rem auto 0;max-width:100%;
  border:var(--bd) solid var(--ink);border-radius:12px;overflow:hidden;
  background:var(--ink);box-shadow:var(--shadow);
}
.cabar__label{
  display:flex;align-items:center;padding:.6em .9em;
  font-family:var(--f-display);font-size:.85rem;color:var(--green);
  border-right:3px solid var(--green);letter-spacing:.04em;
}
.cabar__value{
  display:flex;align-items:center;padding:.6em 1em;
  font-family:var(--f-marker);font-size:clamp(.8rem,2.1vw,1.05rem);
  color:var(--green);word-break:break-all;text-align:left;line-height:1.3;
}
.cabar__value.is-soon{letter-spacing:.06em}
.cabar__copy{
  border:0;border-left:3px solid var(--ink);cursor:pointer;
  background:var(--green);color:var(--ink);
  font-family:var(--f-display);font-size:.82rem;letter-spacing:.03em;
  padding:.6em 1.1em;transition:background .15s ease;
}
.cabar__copy:hover{background:#a3ff63}
.cabar__copy:active{background:var(--green-dk)}
.cabar__copy:focus-visible{outline:4px solid var(--purple-ink);outline-offset:-4px}
.cabar--light{margin-top:1rem;background:var(--ink)}
@media (max-width:520px){
  .cabar{flex-wrap:wrap;justify-content:center}
  .cabar__value{width:100%;justify-content:center;text-align:center;border-top:3px solid var(--green)}
  .cabar__copy{flex:1;border-left:0;border-top:3px solid var(--ink)}
}
.final .fine{margin-inline:auto;text-align:center}
.final__foot{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}
.final__foot .marker{font-size:.9rem;color:#55555f}

/* ── track + faq ──────────────────────────── */
.tracksec{padding:clamp(3rem,8vw,6rem) 0;border-top:var(--bd) solid var(--ink)}
.tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:2rem 0 4rem}
.tcard{
  display:flex;align-items:center;gap:.9rem;text-align:left;text-decoration:none;
  background:#fff;border:var(--bd) solid var(--ink);border-radius:14px;
  box-shadow:var(--shadow);padding:1rem;transition:transform .12s ease,box-shadow .12s ease;
}
.tcard:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}
.tcard b{font-family:var(--f-display);font-size:.95rem;display:block}
.tcard em{font-style:normal;font-size:.82rem;color:#55555f}
.tcard__ico{width:44px;height:44px;flex:none;border:3px solid var(--ink);border-radius:50%;
  display:grid;place-items:center;background:var(--purple)}
.tcard__ico--dex{background:var(--green)}
.tcard__ico--jup{background:var(--gold)}
.tcard__ico svg{width:26px;height:26px}
.tcard__ico .s{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

.faqhead{margin-bottom:1.6rem}
.faq{display:grid;gap:.9rem;max-width:820px;margin:0 auto;text-align:left}
.faq__item{
  background:#fff;border:var(--bd) solid var(--ink);border-radius:14px;
  box-shadow:var(--shadow);overflow:hidden;
}
.faq__item summary{
  cursor:pointer;list-style:none;padding:1.1rem 3rem 1.1rem 1.2rem;position:relative;
  font-family:var(--f-display);font-size:clamp(.8rem,1.9vw,1rem);line-height:1.35;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{
  content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);
  font-size:1.6rem;line-height:1;font-family:var(--f-body);font-weight:700;
}
.faq__item[open] summary::after{content:"–"}
.faq__item[open] summary{background:var(--purple)}
.faq__body{padding:0 1.2rem 1.2rem;border-top:3px solid var(--ink)}
.faq__body p{margin:1rem 0 0;font-size:.95rem}

/* ── footer ───────────────────────────────── */
.foot{background:var(--ink);color:var(--cream);padding:clamp(2.5rem,6vw,4rem) 0 2rem;
  border-top:var(--bd) solid var(--ink)}
.foot__mark{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1.2rem;flex-wrap:wrap}
.foot__mark img{width:64px;height:64px;border:3px solid var(--green);border-radius:50%;object-fit:cover}
.foot__mark b{font-family:var(--f-display);font-size:1.3rem;letter-spacing:.02em}
.foot__mark .marker{color:var(--green);font-size:1.1rem}
.foot__nav{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.4rem}
.foot__nav a{color:var(--green);text-decoration:none;font-weight:700;font-size:.9rem}
.foot__nav a:hover{text-decoration:underline}
.foot .fine{color:#9c9ca6;margin-inline:auto;text-align:center}
.foot__sign{color:var(--grey);font-size:.85rem;margin-top:1.2rem}

/* ── toast ────────────────────────────────── */
.toast{
  position:fixed;left:50%;bottom:1.6rem;
  opacity:0;visibility:hidden;transform:translate(-50%,150%);
  background:var(--ink);color:var(--green);font-family:var(--f-marker);
  padding:.7em 1.3em;border:3px solid var(--green);border-radius:10px;
  z-index:50;pointer-events:none;
  transition:transform .3s cubic-bezier(.2,.8,.3,1),opacity .25s ease,visibility 0s linear .3s;
}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}