@font-face{font-family:Unb;src:url(../fonts/unbounded-latin-800-normal.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Unb;src:url(../fonts/unbounded-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:SG;src:url(../fonts/space-grotesk-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:SG;src:url(../fonts/space-grotesk-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:JBM;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--bg:#07040f;--bg2:#120a24;--pu:#2b1458;--vi:#8b5cf6;--eth:#4cc9ff;--eth2:#627eea;--acid:#ffd60a;--lime:#d4ff3a;--olive:#4d5a1e;--tx:#ece8f6;--mu:#a59cbf;--line:rgba(140,110,255,.18);--r:18px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.6 SG,system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60vw 50vh at 85% 10%,rgba(98,126,234,.18),transparent 60%),radial-gradient(70vw 60vh at 0% 80%,rgba(139,92,246,.2),transparent 60%),var(--bg)}
img,video{max-width:100%;display:block}
a{color:var(--eth)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#000;padding:8px}
.wrap{width:min(1180px,92vw);margin:0 auto;position:relative}
h1,h2,h3{font-family:Unb,system-ui;font-weight:800;line-height:1.02;letter-spacing:-.02em;margin:0}
h2{font-size:clamp(34px,5.4vw,72px);margin-bottom:18px}
.acid{color:var(--acid)}.eth{color:var(--eth)}
.kick{font:500 13px/1 JBM,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin:0 0 14px}
.lead{color:var(--mu);font-size:clamp(16px,1.6vw,19px);max-width:680px}
.center{text-align:center;justify-content:center;margin-left:auto;margin-right:auto}
section{position:relative;padding:clamp(80px,11vw,150px) 0}
/* cursor glow */
#cursor{position:fixed;left:0;top:0;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(76,201,255,.13),transparent 65%);transform:translate(-500px,-500px);mix-blend-mode:screen}
/* nav */
nav.top{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:50;width:min(1180px,94vw);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 12px;border-radius:999px;background:rgba(12,6,26,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--tx);text-decoration:none;font:800 16px Unb}
.brand img{width:36px;height:36px;border-radius:50%;border:2px solid var(--acid)}
.links{display:flex;gap:4px}.links a{color:var(--mu);text-decoration:none;font-weight:700;font-size:14px;padding:8px 12px;border-radius:999px;transition:.2s}
.links a:hover{color:var(--tx);background:rgba(139,92,246,.18)}
@media(max-width:820px){.links{display:none}}
/* buttons */
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{position:relative;display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:14px;font:800 15px Unb;letter-spacing:.01em;text-decoration:none;color:#0b0616;background:var(--tx);border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn svg,.btn img.ico-brand,.btn .ico-brand{width:18px;height:18px;flex:none}
.btn.acid{background:var(--acid);box-shadow:0 0 0 0 rgba(255,214,10,.5)}
.btn.eth{background:var(--eth);}
.btn.ghost{background:rgba(22,12,44,.88);color:var(--tx);border:1px solid rgba(255,255,255,.22)}
.btn.sm{padding:9px 16px;font-size:13px;border-radius:999px}
.btn:not(.off):hover{transform:translateY(-3px);box-shadow:0 10px 30px -6px rgba(76,201,255,.55)}
.btn.acid:not(.off):hover{box-shadow:0 10px 30px -6px rgba(255,214,10,.6)}
.btn.off{opacity:.62;cursor:not-allowed;filter:saturate(.6)}
.btn em{font:500 10px JBM;font-style:normal;background:#0b0616;color:var(--acid);padding:3px 7px;border-radius:6px;letter-spacing:.08em}
/* CA */
.ca{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:12px 14px;border-radius:14px;background:rgba(10,5,22,.7);border:1px dashed rgba(255,214,10,.35);max-width:640px}
.ca .lbl{font:500 11px JBM;letter-spacing:.12em;color:var(--lime)}
.ca code{font:500 14px JBM;color:var(--tx);word-break:break-all;flex:1;min-width:180px}
.ca button{font:700 13px SG;padding:8px 14px;border-radius:10px;border:0;background:var(--acid);color:#000;cursor:pointer}
.ca button:disabled{opacity:.4;cursor:not-allowed}
#token .ca{margin:30px auto 0}
/* hero */
#hero{isolation:isolate;min-height:100svh;display:flex;align-items:center;padding:110px 0 80px;overflow:hidden}
.hv{position:absolute;inset:0;z-index:-3}
.hv video{width:100%;height:100%;object-fit:cover;object-position:60% 20%;filter:saturate(.85) contrast(1.05) blur(.6px)}
.hshade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,4,15,.93) 0%,rgba(7,4,15,.62) 42%,rgba(30,10,60,.3) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 30%),radial-gradient(circle at 70% 50%,transparent 20%,rgba(43,20,88,.5) 80%)}
#diamonds{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:10px;font:500 12px JBM;letter-spacing:.1em;padding:8px 14px;border-radius:999px;background:rgba(98,126,234,.16);border:1px solid rgba(76,201,255,.4);color:#cfe9ff}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);animation:pulse 1.6s infinite}
.chip b{color:var(--acid)}
@keyframes pulse{50%{opacity:.3}}
h1{font-size:clamp(46px,8.4vw,124px);margin:22px 0 14px;text-transform:uppercase}
h1 .l1{display:block;color:var(--tx)}
h1 .l2{display:block;font-size:.62em;color:var(--mu)}
h1 em{font-style:normal;color:var(--acid);text-shadow:0 0 40px rgba(255,214,10,.35)}
.tag{font-size:clamp(18px,2vw,24px);font-weight:700;margin:0;max-width:520px}
.hint{color:var(--mu);font-size:14px;margin-top:18px}.hint b{color:var(--lime)}
.hchar{position:relative;aspect-ratio:1;max-width:460px;width:100%;justify-self:center}
.hchar .ring{position:absolute;inset:12%;border-radius:50%;overflow:hidden;border:3px solid rgba(255,214,10,.8);box-shadow:0 0 0 10px rgba(139,92,246,.18),0 0 80px rgba(139,92,246,.6),0 0 160px rgba(76,201,255,.25);animation:bob 6s ease-in-out infinite;transform-style:preserve-3d}
.hchar .ring img{width:100%;height:100%;object-fit:cover}
@keyframes bob{50%{translate:0 -12px}}
.tents{position:absolute;inset:-12%;width:124%;height:124%;overflow:visible}
.tents .t{fill:none;stroke:#5c6b22;stroke-width:14;stroke-linecap:round;opacity:.85;transform-origin:200px 200px;animation:wig 5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}
.tents .t:nth-child(odd){stroke:#3e4a17;stroke-width:10;animation-duration:6.5s;animation-direction:alternate-reverse}
.tents .t:nth-child(3n){stroke:#7a3fd1;stroke-width:6}
@keyframes wig{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(7deg) scale(1.04)}}
.hchar:hover .t{animation-duration:1.2s;stroke-width:16}
.hchar .tick{position:absolute;right:0;bottom:8%;font:800 clamp(16px,2vw,22px) Unb;color:#000;background:var(--acid);padding:8px 16px;border-radius:12px;transform:rotate(-6deg);box-shadow:0 8px 30px rgba(255,214,10,.4)}
.scrolldown{position:absolute;left:50%;bottom:22px;width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:14px;transform:translateX(-50%)}
.scrolldown span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--acid);animation:sd 1.6s infinite}
@keyframes sd{to{transform:translateY(14px);opacity:0}}
/* eyes */
.eyes{position:absolute;inset:0;z-index:0;pointer-events:none}
.eye{position:absolute;left:var(--x);top:var(--y);width:calc(64px*var(--s));height:calc(40px*var(--s));border-radius:50%/50%;background:radial-gradient(ellipse at 50% 40%,#fffbe8,#d9d2b8);box-shadow:0 0 0 calc(5px*var(--s)) #4d5a1e,0 0 30px rgba(139,92,246,.5);pointer-events:auto;cursor:pointer;overflow:hidden;animation:blink 7s infinite;animation-delay:calc(var(--s)*-9s)}
.eye i{position:absolute;left:50%;top:50%;width:46%;height:72%;margin:-36% 0 0 -23%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#6b5cff 0 18%,#0b0616 22% 100%);transition:transform .08s linear}
.eye.wig{animation:wiggle .6s}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.08)}}
@keyframes wiggle{20%{transform:rotate(-18deg) scale(1.2)}40%{transform:rotate(14deg) scale(.9)}60%{transform:rotate(-10deg) scale(1.15)}80%{transform:rotate(6deg)}}
@media(max-width:820px){.hgrid{grid-template-columns:1fr}.hchar{max-width:260px;order:-1}.eye{opacity:.4}.eye:nth-child(n+7){display:none}#hero{padding-top:90px}}
/* marquee */
.marq{overflow:hidden;width:104vw;background:var(--acid);color:#0b0616;transform:rotate(-1.5deg);margin:-10px -2vw 0;padding:14px 0;position:relative;z-index:2;box-shadow:0 0 50px rgba(255,214,10,.25)}
.marq div{display:flex;gap:26px;width:max-content;animation:mq 34s linear infinite;font:800 clamp(16px,2vw,24px) Unb;white-space:nowrap}
.marq i{font-style:normal;color:var(--vi)}
@keyframes mq{to{transform:translateX(-50%)}}
/* about */
.agrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.sticky-mask{position:relative}
.smiley{position:sticky;top:18vh;width:min(360px,80%);aspect-ratio:1;margin:0 auto;filter:drop-shadow(0 0 60px rgba(255,214,10,.4));transition:filter .3s}
.smiley svg{width:100%;height:100%}
.smiley path{fill:none;stroke:#120a00;stroke-width:9;stroke-linecap:round;transition:d .4s}
.bio p{font-size:clamp(17px,1.7vw,21px);margin:0 0 18px}
.bio b{color:var(--tx)}.bio q{color:var(--acid);font-weight:700}
.bio .small{font-size:16px;color:var(--mu)}
.anagram{display:inline-flex;gap:10px;margin:8px 0 14px;cursor:pointer;user-select:none}
.anagram span{display:grid;place-items:center;width:clamp(52px,6vw,72px);aspect-ratio:1;font:800 clamp(26px,3vw,38px) Unb;background:var(--bg2);border:2px solid var(--acid);color:var(--acid);border-radius:14px;transition:transform .45s cubic-bezier(.6,-0.4,.3,1.4),background .3s}
.anagram.scam span{background:var(--acid);color:#000}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0}
.facts div{padding:16px;border-radius:14px;background:linear-gradient(140deg,rgba(43,20,88,.6),rgba(18,10,36,.6));border:1px solid var(--line)}
.facts b{display:block;font:800 17px Unb;color:var(--acid)}.facts span{font-size:14px;color:var(--mu)}
.disc{font-size:13px!important;color:var(--mu);border-left:3px solid var(--vi);padding-left:12px}
.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:80px}
.layer{position:relative;padding:28px;border-radius:var(--r);overflow:hidden;min-height:200px;border:1px solid var(--line);transition:transform .35s}
.layer:hover{transform:translateY(-8px) rotate(-1deg)}
.layer span{font:500 12px JBM;color:var(--mu)}.layer b{display:block;font:800 26px Unb;margin:10px 0}.layer p{margin:0;color:var(--mu);font-size:15px}
.l-mask{background:linear-gradient(160deg,rgba(255,214,10,.22),rgba(18,10,36,.8))}.l-mask b{color:var(--acid)}
.l-cloak{background:linear-gradient(160deg,rgba(92,107,34,.45),rgba(18,10,36,.8))}.l-cloak b{color:#c5d86a}
.l-tent{background:linear-gradient(160deg,rgba(139,92,246,.4),rgba(18,10,36,.8))}.l-tent b{color:#c4a8ff}
@media(max-width:820px){.agrid{grid-template-columns:1fr;gap:20px}.smiley{position:relative;top:0;width:180px}.layers{grid-template-columns:1fr}}
/* narrative timeline */
.shead{margin-bottom:50px}
.tline{position:relative;padding:10px 0}
.spine{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:rgba(139,92,246,.2);border-radius:3px}
.spine i{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(var(--eth),var(--acid));border-radius:3px;box-shadow:0 0 18px var(--eth)}
.ncard{position:relative;width:calc(50% - 44px);margin-bottom:48px}
.ncard.l{margin-right:auto}.ncard.r{margin-left:auto}
.ncard .dot{position:absolute;top:22px;width:46px;height:46px;border-radius:50%;background:var(--bg);border:3px solid var(--eth);display:grid;place-items:center;font:800 13px Unb;color:var(--eth);box-shadow:0 0 24px rgba(76,201,255,.5)}
.ncard.l .dot{right:-67px}.ncard.r .dot{left:-67px}
.nin{background:linear-gradient(165deg,rgba(32,16,64,.9),rgba(12,6,26,.95));border:1px solid var(--line);border-radius:22px;padding:20px;transition:transform .35s,border-color .35s,box-shadow .35s}
.ncard:hover .nin{transform:translateY(-6px);border-color:rgba(76,201,255,.5);box-shadow:0 20px 60px -20px rgba(76,201,255,.4)}
.nin header{display:flex;align-items:center;gap:12px}
.av{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.15)}
.who{flex:1;min-width:0}.who b{display:block;font-size:16px}.who span{font:500 12px JBM;color:var(--mu)}
.xo{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);color:var(--tx)}.xo svg{width:16px}
.xo:hover{background:var(--tx);color:#000}
.ntag{font:500 11px JBM;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin:16px 0 6px}
blockquote{margin:0 0 14px;font-size:18px;line-height:1.5;font-weight:700}
blockquote .note{display:block;font:500 11px JBM;color:var(--mu);margin-top:6px;font-weight:500}
.nmedia{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#000;cursor:zoom-in}
.nmedia img{width:100%;height:auto;max-height:440px;object-fit:cover}
.nmedia.vid{cursor:auto}.nmedia video{width:100%;height:auto;max-height:440px;background:#000}
.nmedia[class*=grid]{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:transparent;border:0}
.nmedia .g{padding:0;border:0;background:#000;cursor:zoom-in;aspect-ratio:1;overflow:hidden}
.nmedia .g img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.nmedia .g:hover img{transform:scale(1.06)}
.qt{margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center}
.qt img{border-radius:50%}.qt b{font-size:14px}.qt p{grid-column:1/-1;margin:0;font-size:15px;color:var(--mu)}
.qt .qthumb{grid-column:1/-1;border-radius:10px;width:100%;height:220px;object-fit:cover;object-position:50% 30%}
.nin footer{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:14px;font:500 12px JBM;color:var(--mu)}
.nin footer a{color:var(--eth);text-decoration:none;font-weight:700}
@media(max-width:820px){.spine{left:18px}.ncard{width:auto;margin-left:52px!important}.ncard .dot{left:-52px!important;right:auto;width:38px;height:38px;font-size:11px}}
/* gallery: horizontal wheel-follow strip, original aspect ratios */
#gallery .wrap{width:100%;max-width:none;padding:0}
#gallery .shead{width:min(1180px,92vw);margin:0 auto 18px}
.wall{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:10px 4vw 26px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;overscroll-behavior-x:contain}
.wall::-webkit-scrollbar{display:none;width:0;height:0}
.wall.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.tile{flex:none;display:block;width:auto;height:clamp(260px,38vw,420px);margin:0;padding:0;border:0;border-radius:16px;overflow:hidden;position:relative;background:#000;cursor:zoom-in;scroll-snap-align:center;box-shadow:0 0 0 1px var(--line);transition:transform .4s}
.tile img{height:100%;width:auto;max-width:none;transition:transform .6s,filter .4s}
.tile:hover{transform:translateY(-6px) rotate(-.4deg)}
.tile:hover img{transform:scale(1.04);filter:saturate(1.2)}
.tile .cap{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;text-align:left;font:700 14px SG;color:#fff;background:linear-gradient(transparent,rgba(7,4,15,.92));transform:translateY(100%);transition:transform .35s}
.tile:hover .cap,.tile:focus .cap{transform:none}
@media(hover:none){.tile .cap{transform:none}}
.tile.tba{cursor:default;background:repeating-linear-gradient(135deg,rgba(255,214,10,.08) 0 14px,transparent 14px 28px),var(--bg2);border:2px dashed rgba(255,214,10,.5);box-shadow:none;min-width:280px}
.tbain{padding:40px 24px;text-align:center}.tbain b{display:block;font:800 22px Unb;color:var(--acid);margin:14px 0 6px}.tbain p{margin:0;color:var(--mu);font-size:15px}
.mini-eye{display:inline-block;width:60px;height:36px;border-radius:50%;background:#fffbe8;box-shadow:0 0 0 5px #4d5a1e;position:relative;animation:blink 3s infinite}
.mini-eye::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;border-radius:50%;background:#0b0616;animation:look 3s ease-in-out infinite}
@keyframes look{0%,100%{transform:translateX(-10px)}50%{transform:translateX(10px)}}
/* token */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tt{padding:22px;border-radius:var(--r);background:linear-gradient(150deg,rgba(43,20,88,.55),rgba(12,6,26,.9));border:1px solid var(--line);transition:transform .3s,border-color .3s}
.tt:hover{transform:translateY(-4px);border-color:rgba(255,214,10,.5)}
.tt .k{font:500 11px JBM;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}.tt .v{font:800 clamp(20px,2.4vw,28px) Unb;margin:8px 0 4px;word-break:break-word}.tt .v a{color:inherit;text-decoration:none}.tt .s{font-size:14px;color:var(--mu)}
.steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:s}
.steps li{counter-increment:s;padding:20px;border-radius:var(--r);border:1px solid var(--line);background:rgba(12,6,26,.6);font-size:15px;color:var(--mu)}
.steps li::before{content:"0" counter(s);display:block;font:800 30px Unb;color:var(--eth);margin-bottom:6px}
.steps b{color:var(--tx)}
#token .ctas{margin-top:34px}
@media(max-width:820px){.tgrid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.tgrid,.steps{grid-template-columns:1fr}}
/* join */
#join{text-align:center;padding-top:60px}
.ban{width:96vw;margin:0 auto 40px;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 30px 120px -30px rgba(139,92,246,.7)}
.ban img{width:100%;height:auto}
#join .lead{margin-top:6px}
/* footer */
footer{padding:50px 4vw 60px;text-align:center;border-top:1px solid var(--line);color:var(--mu);font-size:13px}
footer img{margin:0 auto 12px;border-radius:50%;border:2px solid var(--acid)}
footer .ft{font:500 13px JBM;color:var(--tx);word-break:break-all}
footer p{max-width:760px;margin:8px auto}
/* lightbox */
#lb{position:fixed;inset:0;z-index:90;background:rgba(5,2,12,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4vh 4vw;backdrop-filter:blur(8px)}
#lb[hidden]{display:none}
#lb img{max-width:100%;max-height:84vh;width:auto;height:auto;border-radius:12px}
#lb p{color:var(--mu);margin:12px 0 0;text-align:center}
#lb .x{position:absolute;top:14px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:var(--acid);font-size:18px;cursor:pointer}
#toast{position:fixed;left:50%;bottom:24px;z-index:95;transform:translate(-50%,120px);background:var(--acid);color:#000;font-weight:700;padding:10px 18px;border-radius:12px;transition:transform .3s}
#toast.on{transform:translate(-50%,0)}
/* reveal */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*40ms)}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}

/* timeline stagger (desktop) */
@media(min-width:821px){.tline{display:grid;grid-template-columns:1fr 1fr;column-gap:88px;padding-bottom:180px}.ncard{width:auto;margin:0 0 40px}.ncard.r{position:relative;top:180px}.ncard.l .dot{right:-67px}.ncard.r .dot{left:-67px}}
/* devcon strip */
#devcon{padding-bottom:40px}
.strip{display:flex;gap:16px;overflow-x:auto;padding:10px 4vw 26px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--vi) transparent;cursor:grab}
.strip.drag{cursor:grabbing;scroll-snap-type:none}
.st{flex:none;height:clamp(260px,38vw,420px);padding:0;border:0;border-radius:18px;overflow:hidden;position:relative;background:#000;cursor:zoom-in;scroll-snap-align:center;box-shadow:0 0 0 1px var(--line);transition:transform .4s}
.st img{height:100%;width:auto;max-width:none;transition:transform .6s}
.st:hover{transform:translateY(-6px) rotate(-.6deg)}.st:hover img{transform:scale(1.04)}
.st .cap{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;text-align:left;font:700 14px SG;color:#fff;background:linear-gradient(transparent,rgba(7,4,15,.92))}
.tile .num{position:absolute;top:10px;left:10px;font:800 12px Unb;background:var(--acid);color:#000;padding:4px 8px;border-radius:8px;transform:rotate(-4deg);transition:transform .3s}
.tile:hover .num{transform:rotate(4deg) scale(1.1)}
.tile.meme{transform-style:preserve-3d}