/* ==========================================================================
   EDIT LABS — style.css
   1. Tokens & base      7. Services          13. Modal player
   2. Navigation         8. Work (YouTube)    14. Reveal motion
   3. Hero               9. Process           15. Reduced motion
   4. Marquee           10. About
   5. Sections          11. Contact
   6. Proof + reviews   12. Footer / toast
   ========================================================================== */

:root{--logo:url(data:image/png;base64,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)}  /* Edit Labs logo mark (inline so masks work from file:// too) */

/* 1. Tokens & base ------------------------------------------------------- */
:root{--bg:#F7F6F2;--ink:#171717;--lime:#C6FF57;--pur:#7957FF;--card:#fff;--mute:#5b5b57;--line:#171717;--ease:cubic-bezier(.2,.8,.2,1);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#171717;--ink:#F7F6F2;--card:#232323;--mute:#b5b4ad;--line:#F7F6F2}}
:root[data-theme="dark"]{--bg:#171717;--ink:#F7F6F2;--card:#232323;--mute:#b5b4ad;--line:#F7F6F2}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:90px;scrollbar-gutter:stable}
html.modal-open{overflow:hidden}
body{background:var(--bg);color:var(--ink);font:400 17px/1.55 Inter,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.logo,.btn,nav a{font-family:"Space Grotesk",Inter,sans-serif}
a{color:inherit}
:focus-visible{outline:3px solid var(--pur);outline-offset:3px}
.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(18px,4vw,48px)}
.wrap.wide{max-width:1480px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--lime);color:#171717;padding:10px 18px;border:2px solid #171717;border-radius:99px;font-weight:700;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
.progress{position:fixed;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--pur),var(--lime));transform-origin:0 50%;scale:0 1;z-index:60;pointer-events:none}
@keyframes drift{to{translate:6vw 4vw;scale:1.15}}
@keyframes rise{from{opacity:0;translate:0 40px}}
@keyframes pop{from{opacity:0;scale:.6}}

/* 2. Navigation ---------------------------------------------------------- */
header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:2px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.logo{font-weight:700;font-size:24px;text-decoration:none;letter-spacing:-.03em;display:flex;align-items:center;gap:8px}
.mark{display:block;width:124px;height:40px;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
nav{display:flex;gap:28px;align-items:center}
nav a{text-decoration:none;font-weight:500;font-size:16px}
nav a:not(.btn){position:relative}
nav a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:3px;background:var(--pur);scale:0 1;transform-origin:left;transition:scale .35s var(--ease)}
nav a:not(.btn):hover{color:var(--pur)}
nav a:not(.btn):hover::after,nav a.is-active::after{scale:1 1}
nav a.is-active:not(.btn){color:var(--pur)}
.btn{position:relative;overflow:hidden;display:inline-block;text-decoration:none;font-weight:700;padding:14px 26px;border:2px solid var(--ink);border-radius:999px;background:var(--lime);color:#171717;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s;cursor:pointer;font-size:16px}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);translate:-130% 0;transition:translate .7s var(--ease);pointer-events:none}
.btn:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn:hover::after{translate:130% 0}
.btn.alt{background:transparent;color:var(--ink);border-color:var(--ink)}
.burger{display:none;background:none;border:2px solid var(--line);border-radius:10px;width:44px;height:44px;color:var(--ink);font-size:20px;cursor:pointer}
@keyframes menu{from{opacity:0;translate:0 -12px}}
@media(max-width:860px){.burger{display:block}nav{position:absolute;left:0;right:0;top:72px;background:var(--bg);flex-direction:column;align-items:flex-start;padding:20px clamp(18px,4vw,48px) 28px;border-bottom:2px solid var(--line);display:none;gap:18px}nav.open{display:flex;animation:menu .35s var(--ease)}nav a{font-size:26px}}

/* 3. Hero ---------------------------------------------------------------- */
.hero{padding:clamp(36px,6vw,80px) 0 40px;position:relative;overflow:clip}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.hero::before{width:46vw;height:46vw;left:-14vw;top:-16vw;background:radial-gradient(circle,rgba(121,87,255,.32),transparent 68%);animation:drift 18s ease-in-out infinite alternate}
.hero::after{width:38vw;height:38vw;right:-10vw;top:4vw;background:radial-gradient(circle,rgba(198,255,87,.34),transparent 68%);animation:drift 22s -8s ease-in-out infinite alternate}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;position:relative;z-index:1}
h1{font-size:clamp(46px,8.2vw,128px);line-height:.9;letter-spacing:-.05em;font-weight:700;animation:rise 1s var(--ease) both}
h1 .p{background:var(--pur);color:#F7F6F2;padding:0 .12em;display:inline-block;transform:rotate(-2deg);animation:pop .8s .55s cubic-bezier(.3,1.6,.5,1) both}
h1 .l{background:var(--lime);color:#171717;padding:0 .12em;display:inline-block;transform:rotate(1.5deg);animation:pop .8s .75s cubic-bezier(.3,1.6,.5,1) both}
.hero p.lead{max-width:520px;font-size:19px;margin:28px 0;color:var(--mute);animation:rise 1s .15s var(--ease) both}
.ctas{display:flex;gap:16px;flex-wrap:wrap;animation:rise 1s .3s var(--ease) both}
.reel{position:relative;height:min(560px,70vw);min-height:360px}
.frame{position:absolute;border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:6px 6px 0 var(--ink);background:#171717;transition:transform .4s;animation:rise 1.1s var(--ease) both}
.f2{animation-delay:.12s}.f3{animation-delay:.24s}.f4{animation-delay:.36s}
.frame:hover{z-index:5;transform:rotate(0) scale(1.04)!important}
.frame .scene{position:absolute;inset:0;animation:pan 8s ease-in-out infinite alternate}
.frame .tag{position:absolute;left:10px;bottom:10px;background:var(--lime);color:#171717;font:700 12px "Space Grotesk",Inter,system-ui,sans-serif;padding:4px 10px;border-radius:99px}
.frame .rec{position:absolute;right:10px;top:10px;width:10px;height:10px;border-radius:50%;background:#ff4d4d;animation:blink 1.2s infinite}
.frame .prog{position:absolute;left:0;bottom:0;height:5px;background:var(--lime);animation:prog 6s linear infinite}
.f1{width:62%;height:56%;left:0;top:2%;transform:rotate(-4deg)}
.f2{width:50%;height:42%;right:0;top:0;transform:rotate(5deg)}
.f3{width:54%;height:42%;right:2%;bottom:0;transform:rotate(-3deg)}
.f4{width:36%;height:30%;left:6%;bottom:2%;transform:rotate(6deg)}
.s1{background:radial-gradient(circle at 30% 40%,var(--pur),transparent 60%),radial-gradient(circle at 80% 70%,var(--lime),transparent 45%),#171717}
.s2{background:repeating-linear-gradient(90deg,#171717 0 18px,#2b2b2b 18px 36px)}
.s2:after{content:"";position:absolute;left:20%;top:25%;width:60%;height:50%;background:var(--lime);border-radius:50%;animation:pulse 2s infinite}
.s3{background:linear-gradient(135deg,var(--pur),#171717)}
.s3:after{content:"";position:absolute;inset:20% 15%;border:6px solid var(--lime);transform:rotate(45deg);animation:spin 10s linear infinite}
.s4{background:var(--lime)}
.s4:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:44px;color:#171717}
@keyframes pan{to{transform:scale(1.15) translateX(-4%)}}@keyframes blink{50%{opacity:.2}}@keyframes prog{from{width:0}to{width:100%}}@keyframes pulse{50%{transform:scale(1.2)}}@keyframes spin{to{transform:rotate(405deg)}}
.sticker{position:absolute;z-index:6;font:700 15px "Space Grotesk",Inter,system-ui,sans-serif;background:var(--lime);color:#171717;border:2px solid var(--ink);border-radius:99px;padding:8px 16px;transform:rotate(-8deg);animation:float 4s ease-in-out infinite}
.sticker.pp{background:var(--pur);color:#F7F6F2;transform:rotate(7deg);animation-delay:-2s}
@keyframes float{50%{translate:0 -10px}}
.arrow{position:absolute;width:90px;color:var(--ink);z-index:6}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.reel{min-height:380px}}

/* 4. Marquee ------------------------------------------------------------- */
.marquee{position:relative;z-index:1;border-block:2px solid var(--line);background:var(--ink);color:var(--bg);overflow:hidden;white-space:nowrap;padding:14px 0;margin-top:50px}
.marquee div{display:inline-block;animation:mq 28s linear infinite;font:700 28px "Space Grotesk",Inter,system-ui,sans-serif}
.marquee span{margin:0 22px}.marquee b{color:var(--lime)}
@keyframes mq{to{transform:translateX(-50%)}}

/* 5. Sections & headings ------------------------------------------------- */
section{padding:clamp(60px,9vw,120px) 0}
h2{font-size:clamp(40px,7vw,104px);line-height:.92;letter-spacing:-.045em;font-weight:700;max-width:14ch}
/* word-by-word mask reveal (JS wraps words in .w > .wi) */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em .03em .14em;margin:-.08em -.03em -.14em}
.wi{display:inline-block;transition:translate 1s var(--ease) calc(var(--wi,0)*55ms)}
.motion .split:not(.in) .wi{translate:0 118%}

/* 6. Proof + client reviews --------------------------------------------- */
.cred{position:relative;overflow:hidden;background:var(--pur);color:#F7F6F2;border-block:2px solid var(--line)}
.cred::before{content:"";position:absolute;width:60vw;height:60vw;right:-22vw;top:-26vw;border-radius:50%;background:radial-gradient(circle,rgba(198,255,87,.26),transparent 65%);animation:drift 20s ease-in-out infinite alternate;pointer-events:none}
.cred .wrap{position:relative}
.cred-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.big{font:700 clamp(90px,17vw,260px)/.8 "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.07em;color:var(--lime);font-variant-numeric:tabular-nums}
.cred p{max-width:480px;font-size:19px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:56px 0 64px}
.stat{border:2px solid #F7F6F2;border-radius:18px;padding:20px;transition:transform .3s var(--ease),background .3s,color .3s}
.stat:hover{transform:translateY(-4px);background:var(--lime);color:#171717}
.stat b{display:block;font:700 40px "Space Grotesk",Inter,system-ui,sans-serif;color:var(--lime);transition:color .3s}
.stat:hover b{color:#171717}
@media(max-width:860px){.cred-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}}

.rv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:28px}
.rv-title{font:700 clamp(32px,5vw,68px)/.92 "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.045em;color:var(--lime)}
.rv-note{display:flex;align-items:center;gap:10px;font-size:15px;max-width:34ch}
.rv-note svg{flex:none;width:20px;height:20px}
.rv-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,22px)}
.rv{appearance:none;font:inherit;color:inherit;cursor:pointer;display:block;width:100%;padding:0;position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:20px;border:2px solid rgba(247,246,242,.5);background:#2b1d73 var(--poster) center/cover no-repeat;transition:transform .45s var(--ease),border-color .25s,box-shadow .35s}
.rv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease,scale .9s var(--ease);pointer-events:none}
.rv video.is-ready{opacity:1}
.rv::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(23,23,23,.7),transparent 38%);pointer-events:none}
.rv:hover,.rv:focus-visible{transform:translateY(-8px) scale(1.025);border-color:var(--lime);box-shadow:8px 8px 0 #171717}
.rv:hover video{scale:1.05}
.rv-num{position:absolute;z-index:2;left:12px;top:12px;font:700 13px "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:.06em;padding:4px 11px;border-radius:99px;background:rgba(23,23,23,.62);color:#F7F6F2}
.rv-badge{position:absolute;z-index:2;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;font:700 13px/1 "Space Grotesk",Inter,system-ui,sans-serif;padding:9px 13px 9px 11px;border-radius:99px;background:rgba(23,23,23,.74);color:#F7F6F2;transition:background .25s,color .25s}
.rv-badge svg{width:16px;height:16px;flex:none}
.rv:hover .rv-badge,.rv:focus-visible .rv-badge{background:var(--lime);color:#171717}
@media(max-width:700px){.rv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rv{border-radius:16px}.rv-badge{font-size:12px;padding:8px 11px 8px 9px;left:8px;bottom:8px}.rv-num{left:8px;top:8px}}

/* 7. Services ------------------------------------------------------------ */
.svc-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;flex-wrap:wrap;margin-bottom:56px}
.svc-head p{max-width:360px;color:var(--mute)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:c}
.card{background:var(--card);border:2px solid var(--line);border-radius:22px;padding:28px;min-height:330px;display:flex;flex-direction:column;position:relative;transition:transform .25s,box-shadow .25s,background .25s;cursor:default}
.card::after{counter-increment:c;content:"0" counter(c);position:absolute;top:28px;right:28px;font:700 15px "Space Grotesk",Inter,system-ui,sans-serif;opacity:.3;transition:opacity .3s,translate .3s var(--ease)}
.card:hover::after,.card:focus-within::after{opacity:1;translate:0 -3px}
.card:nth-child(2),.card:nth-child(5){margin-top:36px}
.card:hover,.card:focus-within{transform:translate(-4px,-4px) rotate(-.6deg);box-shadow:8px 8px 0 var(--ink);background:var(--lime);color:#171717}
.ico{width:64px;height:64px;border-radius:18px;background:var(--pur);display:grid;place-items:center;font-size:30px;margin-bottom:auto;transition:transform .3s;color:#fff}
.card:hover .ico{transform:rotate(-12deg) scale(1.1)}
.card h3{font-size:30px;letter-spacing:-.03em;line-height:1;margin:34px 0 10px}
.card p{font-size:16px;color:var(--mute)}.card:hover p{color:#171717}
.card ul{list-style:none;padding:0;margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.card li{font-size:13px;border:1.5px solid currentColor;border-radius:99px;padding:3px 11px}
.card.full{background:var(--ink);color:var(--bg)}.card.full p{color:#cfcfc8}
.card.full .ico{background:var(--lime);color:#171717}
.card.full:hover p{color:#171717}
@media(max-width:960px){.cards{grid-template-columns:1fr 1fr}.card:nth-child(n){margin-top:0}}
@media(max-width:620px){.cards{grid-template-columns:1fr}.card{min-height:0}}

/* 8. Work — YouTube portfolio ------------------------------------------- */
.work-sub{margin-top:20px;max-width:46ch;color:var(--mute);font-size:18px}
.work-row{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:48px}
.wk{position:relative;display:flex;flex-direction:column;border:2px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.wk:hover,.wk:focus-within{transform:translateY(-8px) scale(1.02);box-shadow:8px 8px 0 var(--pur)}
.wk-frame{position:relative;aspect-ratio:16/9;background:#0e0e0e;overflow:hidden}
.wk-thumb,.wk-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wk-thumb{object-fit:cover;transition:scale .8s var(--ease)}
.wk:hover .wk-thumb{scale:1.05}
.wk-frame iframe{opacity:0;transition:opacity .7s ease;pointer-events:none;background:#000}
.wk-frame iframe.is-live{opacity:1}
.wk-hit{position:absolute;inset:0;z-index:2;display:block}
.wk-hit:focus-visible{outline-offset:-6px;outline-color:var(--lime)}
.wk-cta{position:absolute;z-index:3;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;font:700 13px/1 "Space Grotesk",Inter,system-ui,sans-serif;padding:9px 14px 9px 11px;border-radius:99px;background:var(--lime);color:#171717;border:2px solid #171717;box-shadow:3px 3px 0 #171717;opacity:0;translate:0 10px;transition:opacity .3s,translate .4s var(--ease);pointer-events:none}
.wk-cta svg{width:14px;height:14px}
.wk:hover .wk-cta,.wk:focus-within .wk-cta{opacity:1;translate:0 0}
@media(hover:none){.wk-cta{opacity:1;translate:0 0}}
.wk .m{position:relative;padding:16px 18px 18px;flex:1}
.wk .m::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--pur),var(--lime));scale:0 1;transform-origin:left;transition:scale .5s var(--ease)}
.wk:hover .m::before,.wk:focus-within .m::before{scale:1 1}
.wk-title{font:700 clamp(17px,1.3vw,20px)/1.22 "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.44em}
.wk-title[data-state="loading"]{opacity:.45}
.wk-channel{margin-top:8px;font-size:14px;color:var(--mute);display:flex;align-items:center;gap:8px;min-height:1.5em}
.wk-channel:not(:empty)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pur);flex:none}
@media(max-width:1000px){.work-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.work-row{grid-template-columns:1fr}.wk-title{min-height:0}}

.work-more{display:flex;justify-content:center;margin-top:clamp(40px,5vw,64px)}
.portfolio-btn{font-size:20px;padding:18px 40px;box-shadow:4px 4px 0 var(--pur)}
.portfolio-btn:hover{box-shadow:1px 1px 0 var(--pur)}
.portfolio-btn span{display:inline-block;transition:translate .3s var(--ease)}
.portfolio-btn:hover span{translate:3px -3px}

/* 9. Process ------------------------------------------------------------- */
.proc{background:var(--lime);color:#171717;border-block:2px solid #171717}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px;counter-reset:s}
.step{border-top:6px solid #171717;padding-top:18px}
.step:before{counter-increment:s;content:counter(s);font:700 70px/1 "Space Grotesk",Inter,system-ui,sans-serif;display:block;letter-spacing:-.05em;transition:translate .4s var(--ease),color .3s}
.step:hover:before{translate:8px 0;color:var(--pur)}
.step h3{font-size:24px;margin:8px 0}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}}

/* 10. About -------------------------------------------------------------- */
.about{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.about p{font-size:20px;margin-bottom:18px}
@media(max-width:860px){.about{grid-template-columns:1fr}}

/* 11. Contact ------------------------------------------------------------ */
.contact{position:relative;overflow:hidden;isolation:isolate;background:#171717;color:#F7F6F2;border-top:2px solid var(--line);padding:clamp(80px,11vw,150px) 0 clamp(70px,9vw,120px)}
.ct-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ct-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(247,246,242,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(247,246,242,.06) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse at 50% 35%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 35%,#000 15%,transparent 72%)}
.ct-blob{position:absolute;border-radius:50%;transform:translate3d(0,calc(var(--p,0)*-90px),0)}
.ct-blob i{display:block;width:100%;height:100%;border-radius:50%;animation:drift 16s ease-in-out infinite alternate}
.ct-blob.b1{width:58vw;height:58vw;right:-18vw;top:-14vw}
.ct-blob.b1 i{background:radial-gradient(circle,rgba(121,87,255,.62),transparent 66%)}
.ct-blob.b2{width:40vw;height:40vw;left:-12vw;bottom:-16vw}
.ct-blob.b2 i{background:radial-gradient(circle,rgba(198,255,87,.3),transparent 66%);animation-duration:21s;animation-delay:-7s}
.ct-outline{position:absolute;left:0;bottom:-.14em;white-space:nowrap;font:700 clamp(120px,24vw,380px)/.8 "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(247,246,242,.13);transform:translate3d(calc(var(--p,0)*-16%),0,0)}
.ct-head{position:relative}
.ct-eyebrow{display:inline-flex;align-items:center;gap:12px;font:700 14px "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);margin-bottom:26px}
.ct-eyebrow i{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(198,255,87,.6);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 14px rgba(198,255,87,0)}100%{box-shadow:0 0 0 0 rgba(198,255,87,0)}}
.contact h2{max-width:13ch;font-size:clamp(46px,9.4vw,150px);line-height:.88;color:#F7F6F2}
.contact h2 span{color:var(--lime)}
@keyframes shine{to{background-position:-200% 0}}
.contact h2 span .wi{background:linear-gradient(100deg,var(--lime) 40%,#f4ffd6 50%,var(--lime) 60%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}
.ct-badge{position:absolute;right:0;top:-6px;width:clamp(96px,12vw,170px);aspect-ratio:1;color:var(--lime);display:none}
.ct-badge svg{width:100%;height:100%;overflow:visible}
.ct-badge .ring{transform-origin:50% 50%;animation:spin2 22s linear infinite}
.ct-badge text{font:700 14px "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:0;fill:currentColor}
.ct-badge .core{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(26px,3.4vw,46px) "Space Grotesk",Inter,system-ui,sans-serif}
@keyframes spin2{to{rotate:360deg}}
@media(min-width:700px){.ct-badge{display:block}}
.ct-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(18px,2.6vw,32px);margin-top:clamp(44px,6vw,84px);position:relative}
.ct-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:34px;min-height:clamp(270px,26vw,340px);padding:clamp(22px,3vw,40px);border:2px solid #171717;border-radius:26px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.ct-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.4),transparent 62%);opacity:0;transition:opacity .35s}
.ct-card:hover::before{opacity:1}
.ct-card.is-copied::after{content:"";position:absolute;left:var(--mx,50%);top:var(--my,50%);width:160%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 62%);animation:flash .8s ease-out both;pointer-events:none;z-index:-1}
@keyframes flash{from{opacity:1;scale:.1}to{opacity:0;scale:1}}
.ct-mail{background:var(--lime);color:#171717;box-shadow:9px 9px 0 var(--pur)}
.ct-discord{background:var(--pur);color:#F7F6F2;border-color:#F7F6F2;box-shadow:9px 9px 0 var(--lime)}
.ct-card:hover{transform:translate(-5px,-5px) rotate(-.35deg)}
.ct-mail:hover{box-shadow:15px 15px 0 var(--pur)}
.ct-discord:hover{box-shadow:15px 15px 0 var(--lime)}
.ct-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ct-label{display:inline-flex;align-items:center;gap:10px;font:700 14px "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ct-label svg{width:24px;height:24px}
.ct-arrow{display:grid;place-items:center;width:48px;height:48px;border:2px solid currentColor;border-radius:50%;font:700 22px "Space Grotesk",Inter,system-ui,sans-serif;transition:rotate .45s var(--ease),background .25s,color .25s;text-decoration:none}
.ct-mail:hover .ct-arrow{rotate:45deg;background:#171717;color:var(--lime)}
.ct-value{position:relative;display:block;width:fit-content;max-width:100%;font:700 clamp(23px,3.1vw,46px)/1.05 "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere;color:inherit;text-decoration:none;margin-top:auto}
button.ct-value{appearance:none;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.ct-value::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:4px;border-radius:4px;background:currentColor;scale:0 1;transform-origin:left;transition:scale .45s var(--ease)}
.ct-value:hover::after,.ct-value:focus-visible::after{scale:1 1}
.ct-sub{font-size:15px;opacity:.8;margin-top:-18px}
.ct-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ct-mail .btn{background:#171717;color:var(--lime);border-color:#171717;box-shadow:4px 4px 0 var(--pur);margin:0;font-size:17px;padding:14px 26px}
.ct-mail .btn:hover{box-shadow:1px 1px 0 var(--pur)}
.copy{position:relative;display:inline-flex;align-items:center;gap:10px;font:700 16px "Space Grotesk",Inter,system-ui,sans-serif;padding:12px 20px 12px 16px;border:2px solid currentColor;border-radius:999px;background:transparent;color:inherit;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease)}
.copy:hover{background:#171717;color:var(--lime);border-color:#171717;transform:translateY(-2px)}
.ct-discord .copy:hover{background:var(--lime);color:#171717;border-color:var(--lime)}
.copy .ic{position:relative;width:20px;height:20px}
.copy .ic svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .25s,scale .35s var(--ease)}
.copy .ic .ok{opacity:0;scale:.4}
.copy .ic .ok path{stroke-dasharray:24;stroke-dashoffset:24}
.copy.is-copied .ic .cp{opacity:0;scale:.4}
.copy.is-copied .ic .ok{opacity:1;scale:1}
.copy.is-copied .ic .ok path{animation:draw .5s .05s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.copy.is-copied{background:#171717;color:var(--lime);border-color:#171717}
.ct-discord .copy.is-copied{background:var(--lime);color:#171717;border-color:var(--lime)}
.ct-note{margin-top:clamp(36px,5vw,60px);font-size:15px;color:#b5b4ad;display:flex;gap:8px 20px;flex-wrap:wrap}
.ct-note b{color:var(--lime);font-family:"Space Grotesk",Inter,system-ui,sans-serif}
@media(max-width:860px){.ct-grid{grid-template-columns:1fr}.ct-card{min-height:240px}}

/* 12. Footer & toast ------------------------------------------------------ */
footer{background:#171717;color:#b5b4ad;padding:24px 0 36px;font-size:14px;border-top:1px solid #333}
.toast{position:fixed;left:50%;bottom:28px;translate:-50% 30px;opacity:0;z-index:200;pointer-events:none;background:var(--lime);color:#171717;border:2px solid #171717;box-shadow:4px 4px 0 #171717;font:700 15px "Space Grotesk",Inter,system-ui,sans-serif;padding:12px 22px;border-radius:99px;max-width:90vw;transition:opacity .3s,translate .45s var(--ease)}
.toast.show{opacity:1;translate:-50% 0}

/* 13. Modal player -------------------------------------------------------- */
.modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#F7F6F2;overflow:hidden}
.modal[open]{display:grid;place-items:center}
.modal::backdrop{background:rgba(12,12,12,.9);opacity:0;transition:opacity .35s ease}
.modal.is-open::backdrop{opacity:1}
.modal-shell{position:relative;max-width:94vw;opacity:0;scale:.9;translate:0 28px;transition:opacity .3s ease,scale .5s cubic-bezier(.2,.9,.2,1),translate .5s cubic-bezier(.2,.9,.2,1)}
.modal.is-open .modal-shell{opacity:1;scale:1;translate:0 0}
.modal-stage{position:relative;background:#000;border:2px solid #F7F6F2;border-radius:20px;overflow:hidden;box-shadow:10px 10px 0 var(--pur)}
.modal-stage.portrait{height:min(86vh,880px);height:min(86dvh,880px);aspect-ratio:9/16;max-width:94vw}
.modal-stage.wide{width:min(94vw,calc(78vh*16/9),1280px);width:min(94vw,calc(78dvh*16/9),1280px);aspect-ratio:16/9}
.modal-stage video,.modal-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.modal-stage video{object-fit:contain}
.modal-close{position:absolute;z-index:5;top:-16px;right:-16px;width:46px;height:46px;border-radius:50%;border:2px solid #171717;background:var(--lime);color:#171717;box-shadow:3px 3px 0 #171717;font:700 22px/1 "Space Grotesk",Inter,system-ui,sans-serif;cursor:pointer;display:grid;place-items:center;transition:transform .25s var(--ease),box-shadow .2s}
.modal-close:hover{transform:rotate(90deg) scale(1.08)}
.modal-cap{margin-top:18px;max-width:min(94vw,900px);text-align:left;display:flex;flex-direction:column;gap:2px}
.modal-cap:empty{display:none}
.modal-cap b{font:700 clamp(17px,2vw,22px)/1.2 "Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.02em}
.modal-cap span{font-size:14px;color:#b5b4ad}
@media(max-width:600px){.modal-close{top:10px;right:10px;width:42px;height:42px}}

/* 14. Reveal motion (only active when script adds .motion) --------------- */
.motion [data-reveal]{opacity:0;translate:0 38px;transition:opacity .8s ease calc(var(--i,0)*90ms),translate .95s var(--ease) calc(var(--i,0)*90ms),transform .25s,box-shadow .25s,background .25s}
.motion [data-reveal].in{opacity:1;translate:0 0}

/* 15. Reduced motion ------------------------------------------------------ */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}