@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syne:wght@500;600;700;800&display=swap');

:root{
  --bg:#09070c;--bg-2:#100b16;--ink:#faf7ff;--muted:#aa9db2;--line:#3b2c44;
  --pink:#ff3ebf;--pink-2:#ff83df;--purple:#7b61ff;--violet:#c54cff;
  --max:1440px;--pad:clamp(20px,3vw,48px);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif;overflow-x:hidden} a{color:inherit;text-decoration:none} button,input,textarea{font:inherit} ::selection{background:var(--pink);color:#160713}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:38px 38px}
.cursor-glow{position:fixed;left:-500px;top:-500px;width:min(52vw,720px);aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,62,191,.27) 0%,rgba(197,76,255,.16) 28%,rgba(123,97,255,.08) 48%,transparent 72%);filter:blur(22px);opacity:.95;will-change:left,top}
.noise{position:fixed;inset:0;pointer-events:none;z-index:45;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.page-shell,.footer{position:relative;z-index:1}

.site-header{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),var(--max));display:flex;align-items:stretch;border:1px solid var(--line);background:rgba(9,7,12,.78);backdrop-filter:blur(18px);transition:top .2s ease,background .2s ease,border-color .2s ease}
.site-header.scrolled{top:8px;background:rgba(9,7,12,.94);border-color:#5d3b68}
.brand{display:flex;align-items:center;gap:12px;padding:10px 14px;border-right:1px solid var(--line);min-width:280px}.brand-mark{width:38px;height:38px;border:1px solid var(--pink);display:grid;place-items:center;color:var(--pink);font-family:'Syne',Arial,sans-serif;font-weight:800;font-size:18px;box-shadow:3px 3px 0 rgba(123,97,255,.25)}.brand-name{font-family:'Syne',Arial,sans-serif;font-weight:800;letter-spacing:-.045em;font-size:17px}.brand-slash{color:var(--pink)}
.nav{margin-left:auto;display:flex;align-items:stretch}.nav>a{display:flex;align-items:center;padding:0 20px;border-left:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.14em;transition:.15s ease}.nav>a:hover,.nav a[aria-current="page"]{background:var(--pink);color:#160713}.nav-cta{background:var(--ink);color:#120913!important;font-weight:700}.nav-cta:hover{background:var(--pink)!important}.nav-toggle{display:none;background:none;border:0;color:white;margin-left:auto;padding:0 18px}.nav-toggle span{display:block;width:22px;height:1px;background:currentColor;margin:6px 0}

.page-shell{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.hero{padding:132px var(--pad) 0;border-left:1px solid var(--line);border-right:1px solid var(--line);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:9%;top:120px;width:22vw;height:22vw;max-width:340px;max-height:340px;border:1px solid rgba(255,62,191,.2);transform:rotate(17deg);box-shadow:18px 18px 0 rgba(123,97,255,.04);pointer-events:none}.hero::after{content:"//";position:absolute;right:-35px;top:34%;font-family:'Syne',sans-serif;font-size:clamp(120px,18vw,280px);font-weight:800;color:rgba(255,255,255,.018);letter-spacing:-.18em;pointer-events:none}
.hero-topline{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);position:relative;z-index:2}.hero-kicker,.hero-status{text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--pink-2)}.hero-kicker{display:flex;align-items:center;gap:12px}.hero-kicker::before{content:"";width:38px;height:1px;background:var(--pink)}.hero-status{color:#cbbfd1;display:flex;align-items:center;gap:8px}.hero-status span{width:7px;height:7px;background:var(--pink);box-shadow:0 0 16px var(--pink)}
.wordmark-wrap{padding:clamp(28px,5vw,66px) 0 26px;position:relative;z-index:2}.logo-draw{width:100%;height:auto;display:block;overflow:visible}.logo-letter{pointer-events:all;cursor:default}.logo-glyph{fill:transparent;stroke:url(#logoStroke);stroke-width:1.75;vector-effect:non-scaling-stroke;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:1;stroke-dashoffset:1;opacity:.12;transition:stroke .48s cubic-bezier(.16,1,.3,1),filter .48s cubic-bezier(.16,1,.3,1),opacity .48s ease;animation:glyphDraw .78s cubic-bezier(.55,.05,.28,.98) calc(.075s * var(--i) + .15s) forwards,glyphFill .42s ease calc(1.28s + .022s * var(--i)) forwards}.logo-glyph-fill{fill:url(#logoStroke);stroke:none;opacity:0;pointer-events:none;filter:drop-shadow(0 0 0 rgba(255,62,191,0));transition:opacity .52s cubic-bezier(.16,1,.3,1),filter .52s cubic-bezier(.16,1,.3,1)}.logo-draw.is-drawn .logo-glyph{animation:none;stroke-dashoffset:0;opacity:1;fill:rgba(250,247,255,.055);stroke:#f4d9fa}.logo-draw.is-drawn .logo-letter:hover .logo-glyph{stroke:#ffc8f2;filter:drop-shadow(0 0 7px rgba(255,62,191,.36))}.logo-draw.is-drawn .logo-letter:hover .logo-glyph-fill{opacity:.96;filter:drop-shadow(0 0 12px rgba(255,62,191,.46)) drop-shadow(0 0 28px rgba(123,97,255,.22))}
@keyframes glyphDraw{0%{stroke-dashoffset:1;opacity:.18}100%{stroke-dashoffset:0;opacity:1}} @keyframes glyphFill{to{fill:rgba(250,247,255,.055);stroke:#f4d9fa}}
.wordmark-caption{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:9px;text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:#8f8198}
.hero-lower{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;padding:34px 0 42px;border-top:1px solid var(--line);position:relative;z-index:2}.hero-title{font-family:'Syne',Arial,sans-serif;font-size:clamp(44px,6vw,90px);line-height:.91;letter-spacing:-.07em;margin:0;max-width:950px}.hero-title em{font-style:normal;color:var(--pink)}.hero-copy{max-width:520px;justify-self:end}.hero-copy p{color:#c0b4c7;font-size:clamp(15px,1.35vw,18px);line-height:1.65;margin:0 0 24px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:0 17px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;transition:.15s ease}.btn-primary{background:var(--pink);border-color:var(--pink);color:#160713}.btn-ghost{background:rgba(9,7,12,.3)}.btn:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--purple)}
.hero-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-inline:calc(var(--pad) * -1);border-top:1px solid var(--line)}.hero-meta{min-height:128px;padding:18px 20px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:16px;align-items:start;transition:.15s ease}.hero-meta:last-child{border-right:0}.hero-meta strong{grid-row:1/3;color:var(--pink);font-size:11px}.hero-meta span{font-family:'Syne',sans-serif;font-size:clamp(17px,1.7vw,25px);font-weight:700;letter-spacing:-.04em}.hero-meta small{align-self:end;color:#88798f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hero-meta:hover{background:#160b1b;transform:translateY(-4px)}.hero-meta-accent{background:var(--pink);color:#150711}.hero-meta-accent strong,.hero-meta-accent small{color:#2b0d23}.hero-meta-accent:hover{background:var(--pink-2)}

.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:var(--pink);color:#170812}.ticker-track{display:flex;width:max-content;will-change:transform}.ticker-item{display:flex;align-items:center;gap:40px;padding:14px 28px;font-family:'Syne',sans-serif;font-weight:800;font-size:13px;white-space:nowrap}.ticker-item i{font-style:normal;color:var(--purple)}
.section{padding:clamp(72px,8vw,128px) var(--pad);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr .72fr;gap:48px;margin-bottom:55px;align-items:end}.section-index{display:block;color:var(--pink);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.section h2,.page-hero h1{font-family:'Syne',sans-serif;font-size:clamp(50px,7vw,110px);line-height:.87;letter-spacing:-.075em;margin:0}.section-head p{margin:0;color:var(--muted);line-height:1.7;max-width:560px;justify-self:end}
.brutal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brutal-card{min-height:380px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.15s ease;background:rgba(9,7,12,.28)}.brutal-card:hover{transform:translate(-4px,-4px);background:#150b1a;box-shadow:7px 7px 0 var(--purple);z-index:2}.card-num{font-size:10px;color:var(--pink);letter-spacing:.15em}.brutal-card h3{font-family:'Syne',sans-serif;font-size:clamp(30px,3vw,48px);line-height:.95;letter-spacing:-.05em;margin:0 0 14px}.brutal-card p{color:var(--muted);line-height:1.65;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.tag{border:1px solid var(--line);padding:7px 9px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#c3b6ca}
.project-feature{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);min-height:590px;transition:.15s ease;background:rgba(9,7,12,.3)}.project-feature:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--purple)}.project-visual{position:relative;overflow:hidden;border-right:1px solid var(--line);background:linear-gradient(145deg,#160c1e,#0a0810)}.project-visual::before{content:"KUMBOR";position:absolute;left:-18px;bottom:20px;font-family:'Syne',sans-serif;font-size:clamp(76px,10vw,170px);font-weight:800;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,62,191,.36);white-space:nowrap}.project-sun{width:240px;height:240px;border-radius:50%;position:absolute;right:12%;top:14%;background:radial-gradient(circle at 35% 35%,#ffd1f2,var(--pink) 42%,var(--purple) 72%,transparent 73%);box-shadow:0 0 120px rgba(255,62,191,.2)}.project-lines{position:absolute;inset:0;background:repeating-linear-gradient(150deg,transparent 0 55px,rgba(255,255,255,.05) 56px 57px)}.project-info{padding:36px;display:flex;flex-direction:column;justify-content:space-between}.project-info h3{font-family:'Syne',sans-serif;font-size:clamp(42px,5vw,78px);line-height:.92;letter-spacing:-.06em;margin:0}.project-info p{color:var(--muted);line-height:1.7;max-width:480px}.project-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:var(--pink)}
.process{border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:80px 1fr 1fr 60px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:.15s ease}.process-row:hover{padding-left:16px;background:rgba(255,62,191,.035)}.process-row h3{font-family:'Syne',sans-serif;font-size:clamp(26px,3vw,46px);letter-spacing:-.045em;margin:0}.process-row p{color:var(--muted);margin:0}.process-row strong{color:var(--pink);font-size:11px}.process-row span:last-child{font-size:28px;text-align:right;color:var(--pink)}
.cta{background:var(--pink);color:#180813;min-height:480px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.cta::after{content:"//";position:absolute;right:-30px;bottom:-130px;font-family:'Syne',sans-serif;font-weight:800;font-size:430px;color:rgba(20,5,17,.1);letter-spacing:-.15em}.cta h2{max-width:1100px;position:relative;z-index:1}.cta-top{font-size:10px;text-transform:uppercase;letter-spacing:.15em;position:relative;z-index:1}.cta-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;position:relative;z-index:1}.cta .btn{border-color:#180813}.cta .btn-primary{background:#180813;color:white}.cta .btn:hover{box-shadow:6px 6px 0 var(--purple)}
.footer{width:min(calc(100% - 32px),var(--max));margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px var(--pad);color:#877b90;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.footer .footer-links{display:flex;gap:18px}.footer .back-top{justify-self:end}.footer a:hover{color:var(--pink)}
.page-hero{padding:180px var(--pad) 70px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:68vh;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.page-hero::after{content:attr(data-word);position:absolute;right:-20px;top:120px;font-family:'Syne',sans-serif;font-size:clamp(110px,20vw,320px);font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(255,62,191,.14);letter-spacing:-.09em;pointer-events:none}.page-hero p{max-width:620px;color:var(--muted);font-size:clamp(18px,2vw,26px);line-height:1.5;margin:30px 0 0}.page-hero .section-index,.page-hero h1,.page-hero p{position:relative;z-index:2}
.content-grid{display:grid;grid-template-columns:.7fr 1.3fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.content-label,.content-body{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.content-label{color:var(--pink);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.content-body h2{font-size:clamp(34px,4vw,64px);margin:0 0 22px}.content-body p{color:var(--muted);line-height:1.75;max-width:800px}.content-body ul{padding-left:20px;color:var(--muted);line-height:1.8}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}

@media(max-width:900px){.nav{position:absolute;top:60px;left:0;right:0;display:none;background:#0b0810;border:1px solid var(--line);flex-direction:column}.nav.open{display:flex}.nav>a{min-height:54px;border-left:0;border-bottom:1px solid var(--line)}.nav-toggle{display:block}.brand{min-width:0;border-right:0}.hero{padding-top:112px}.hero-topline{align-items:flex-start}.hero-status{display:none}.hero-lower,.section-head,.project-feature,.content-grid{grid-template-columns:1fr}.hero-copy{justify-self:start}.hero-meta-grid{grid-template-columns:repeat(2,1fr)}.hero-meta:nth-child(2){border-right:0}.hero-meta:nth-child(-n+2){border-bottom:1px solid var(--line)}.brutal-grid{grid-template-columns:1fr}.project-visual{min-height:420px;border-right:0;border-bottom:1px solid var(--line)}.process-row{grid-template-columns:55px 1fr 40px}.process-row p{grid-column:2}.process-row span:last-child{grid-column:3;grid-row:1/3}.footer{grid-template-columns:1fr;gap:18px}.footer .back-top{justify-self:start}.cta-row{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.site-header,.page-shell,.footer{width:calc(100% - 16px)}.site-header{top:8px}.brand-name{font-size:14px}.brand-mark{width:32px;height:32px}.hero{padding-inline:18px}.wordmark-wrap{padding-top:38px}.wordmark-caption span:last-child{display:none}.hero-lower{gap:26px;padding-top:28px}.hero-title{font-size:42px}.hero-meta-grid{margin-inline:-18px;grid-template-columns:1fr}.hero-meta{min-height:104px;border-right:0!important;border-bottom:1px solid var(--line)}.hero-meta:last-child{border-bottom:0}.section,.page-hero{padding-left:18px;padding-right:18px}.section h2,.page-hero h1{font-size:52px}.ticker-item{font-size:11px;padding:12px 20px}.project-visual{min-height:330px}.project-sun{width:170px;height:170px}.project-info{padding:24px}.cta{min-height:450px}.btn{width:100%}.hero-actions{width:100%}.cursor-glow{width:520px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-glyph{animation:none;stroke-dashoffset:0;opacity:1;fill:rgba(250,247,255,.055);stroke:#f4d9fa}.reveal{opacity:1;transform:none;transition:none}.cursor-glow{display:none}}


/* ===== v5: stable per-letter logo hover + generic motion art ===== */
.page-hero-split{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  align-items:center;
  gap:clamp(34px,5vw,86px);
  min-height:76vh;
  padding-top:150px;
  padding-bottom:76px;
}
.page-hero-split::after{display:none}
.page-hero-copy{position:relative;z-index:2;align-self:center}
.page-hero-copy p{margin-top:28px}

.motion-art{
  position:relative;
  width:min(100%,610px);
  aspect-ratio:1.38;
  justify-self:end;
  perspective:1200px;
  z-index:2;
}
.motion-art-stage{
  position:absolute;inset:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.19);
  background:linear-gradient(145deg,rgba(255,62,191,.035),rgba(123,97,255,.025) 52%,rgba(8,6,12,.76));
  transform:perspective(1100px) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg)) rotateZ(-1deg);
  transform-style:preserve-3d;
  transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .45s ease;
  will-change:transform;
}
.motion-art:hover .motion-art-stage{
  border-color:rgba(255,83,203,.5);
  box-shadow:0 28px 70px rgba(0,0,0,.32),0 0 60px rgba(198,76,255,.1);
}
.motion-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:38px 38px;transform:translate3d(var(--art-x,0px),var(--art-y,0px),-20px);transition:transform .65s cubic-bezier(.16,1,.3,1);mask-image:linear-gradient(to bottom right,#000 45%,transparent 100%)}
.motion-axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(255,62,191,.55),transparent);opacity:.72}
.motion-axis-x{left:5%;right:5%;top:50%;height:1px;animation:axisPulse 4.6s ease-in-out infinite}
.motion-axis-y{top:5%;bottom:5%;left:50%;width:1px;background:linear-gradient(transparent,rgba(123,97,255,.55),transparent);animation:axisPulse 5.7s ease-in-out infinite reverse}
.motion-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:orbitSpin 14s linear infinite;transform:translateZ(26px)}
.motion-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 20px rgba(255,62,191,.7);left:50%;top:-5px}
.orbit-a{width:56%;aspect-ratio:1;left:22%;top:14%;border-color:rgba(255,62,191,.24)}
.orbit-b{width:34%;aspect-ratio:1;right:7%;bottom:-4%;border-style:dashed;border-color:rgba(123,97,255,.34);animation-duration:9s;animation-direction:reverse}
.motion-node{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd7f3 0 6%,var(--pink) 27%,var(--purple) 68%,rgba(123,97,255,.05) 70%);box-shadow:0 0 70px rgba(255,62,191,.18);transform:translateZ(55px);animation:nodeFloat 5.4s ease-in-out infinite}
.node-a{width:19%;aspect-ratio:1;right:12%;top:12%}.node-b{width:8%;aspect-ratio:1;left:16%;bottom:18%;animation-delay:-2.4s;animation-duration:4.2s;filter:saturate(.7)}
.motion-slab{position:absolute;border:1px solid rgba(255,62,191,.55);background:rgba(8,6,12,.5);backdrop-filter:blur(2px);transform:translateZ(72px) skewX(-5deg);animation:slabDrift 6.8s ease-in-out infinite}
.slab-a{left:9%;top:16%;width:31%;height:13%}.slab-b{right:18%;bottom:18%;width:27%;height:12%;border-color:rgba(123,97,255,.65);animation-delay:-3.4s}
.motion-beam{position:absolute;height:8px;left:10%;background:linear-gradient(90deg,#f8eefa,rgba(255,255,255,.18));transform-origin:left center;transform:translateZ(80px);animation:beam breathe 4s ease-in-out infinite}
.beam-a{top:10%;width:34%}.beam-b{top:14%;width:23%;height:4px;opacity:.45;animation-delay:-1.7s}
.motion-cross{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%) translateZ(95px);animation:crossSpin 8s linear infinite}
.motion-cross span{position:absolute;inset:13px 0 auto;height:2px;background:#fff}.motion-cross span:last-child{transform:rotate(90deg)}
.motion-art-label{position:absolute;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.5);transform:translateZ(100px)}
.motion-art:hover .motion-orbit{animation-duration:5.5s}.motion-art:hover .orbit-b{animation-duration:3.8s}.motion-art:hover .motion-node{animation-duration:2.8s}.motion-art:hover .motion-slab{border-color:rgba(255,116,218,.88);box-shadow:0 0 28px rgba(255,62,191,.09)}
.art-about .node-a{left:12%;right:auto;top:18%;width:14%}.art-about .node-b{left:auto;right:13%;bottom:15%;width:11%}.art-about .orbit-a{left:31%;top:9%;width:48%;border-radius:44% 56% 52% 48%}.art-about .slab-a{left:12%;top:auto;bottom:19%;width:34%;height:16%;transform:translateZ(72px) rotate(-8deg)}.art-about .slab-b{right:9%;bottom:auto;top:20%;height:21%;width:22%;transform:translateZ(72px) rotate(11deg)}
.art-project .orbit-a{border-radius:48% 52% 44% 56%}.art-project .slab-a{width:36%;height:10%}.art-project .slab-b{width:31%;height:14%}

@keyframes orbitSpin{to{rotate:360deg}}
@keyframes nodeFloat{0%,100%{translate:0 0}50%{translate:0 -15px}}
@keyframes slabDrift{0%,100%{translate:0 0}50%{translate:11px -7px}}
@keyframes axisPulse{0%,100%{opacity:.2;scale:.75 1}50%{opacity:.85;scale:1 1}}
@keyframes breathe{0%,100%{scale:.68 1;opacity:.3}50%{scale:1 1;opacity:.9}}
@keyframes crossSpin{to{rotate:360deg}}

@media(max-width:900px){
  .page-hero-split{grid-template-columns:1fr;min-height:auto;padding-top:145px}
  .motion-art{justify-self:stretch;width:100%;max-width:680px;margin-top:14px}
}
@media(max-width:560px){
  .motion-art{aspect-ratio:1.16}
  .motion-art-label{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .motion-art *{animation:none!important}
  .motion-art-stage{transform:none!important}
  .logo-glyph-fill{transition:none}
}

/* ===== v6: wordmark idle light sweep ===== */
.logo-glyph-idle{
  fill:url(#logoStroke);
  stroke:none;
  opacity:0;
  pointer-events:none;
  filter:drop-shadow(0 0 0 rgba(255,62,191,0));
  animation:logoIdleSweep 7.2s cubic-bezier(.16,1,.3,1) calc(2.9s + (var(--i) * .095s)) infinite;
  will-change:opacity,filter;
}
.logo-draw:not(.is-drawn) .logo-glyph-idle{animation-play-state:paused}
.logo-draw.is-drawn .logo-letter:hover .logo-glyph-idle{animation-play-state:paused;opacity:0}
@keyframes logoIdleSweep{
  0%,67%,100%{opacity:0;filter:drop-shadow(0 0 0 rgba(255,62,191,0))}
  72%{opacity:.12;filter:drop-shadow(0 0 7px rgba(255,25,190,.22))}
  76%{opacity:.58;filter:drop-shadow(0 0 13px rgba(255,25,190,.78)) drop-shadow(0 0 30px rgba(154,70,255,.52)) drop-shadow(0 0 48px rgba(255,77,225,.22))}
  81%{opacity:.18;filter:drop-shadow(0 0 9px rgba(255,25,190,.3))}
  86%{opacity:0;filter:drop-shadow(0 0 0 rgba(255,62,191,0))}
}
@media(prefers-reduced-motion:reduce){.logo-glyph-idle{display:none!important}}

/* ===== v8: white-to-neon wordmark intro, micro graphics, animated brand ===== */

/* Main KAFKA//STUDIO: white line drawing first, then a smooth neon ink bloom. */
.logo-glyph{
  fill:transparent!important;
  stroke:#fff!important;
  stroke-width:1.8;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  opacity:.08;
  filter:drop-shadow(0 0 0 rgba(255,255,255,0));
  animation:glyphDrawV8 .86s cubic-bezier(.55,.03,.22,1) calc(.065s * var(--i) + .12s) forwards!important;
  transition:stroke .55s cubic-bezier(.16,1,.3,1),filter .55s cubic-bezier(.16,1,.3,1),opacity .55s ease!important;
}
.logo-glyph-fill{
  fill:url(#logoStroke)!important;
  stroke:url(#logoStroke);
  stroke-width:.55;
  vector-effect:non-scaling-stroke;
  opacity:0;
  pointer-events:none;
  filter:drop-shadow(0 0 0 rgba(255,62,191,0));
  animation:glyphColorBloomV8 .7s cubic-bezier(.16,1,.3,1) calc(1.16s + (.055s * var(--i))) forwards;
  transition:opacity .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1)!important;
}
.logo-draw.is-drawn .logo-glyph{
  animation:none!important;
  stroke-dashoffset:0;
  stroke:rgba(255,255,255,.28)!important;
  opacity:.5;
  filter:none;
}
.logo-draw.is-drawn .logo-glyph-fill{opacity:.93}
.logo-draw.is-drawn .logo-letter:hover .logo-glyph{
  stroke:#fff!important;
  opacity:.9;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.26));
}
.logo-draw.is-drawn .logo-letter:hover .logo-glyph-fill{
  opacity:1;
  filter:drop-shadow(0 0 11px rgba(255,45,190,.68)) drop-shadow(0 0 30px rgba(123,97,255,.4));
}
@keyframes glyphDrawV8{
  0%{stroke-dashoffset:1;opacity:.06;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}
  58%{opacity:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.56))}
  82%{stroke-dashoffset:.04;opacity:1;filter:drop-shadow(0 0 18px rgba(255,255,255,.34))}
  100%{stroke-dashoffset:0;opacity:.78;filter:drop-shadow(0 0 5px rgba(255,255,255,.18))}
}
@keyframes glyphColorBloomV8{
  0%{opacity:0;filter:drop-shadow(0 0 0 rgba(255,62,191,0))}
  44%{opacity:.97;filter:drop-shadow(0 0 16px rgba(255,35,194,.82)) drop-shadow(0 0 38px rgba(146,82,255,.55))}
  72%{opacity:1;filter:drop-shadow(0 0 8px rgba(255,62,191,.38)) drop-shadow(0 0 22px rgba(123,97,255,.24))}
  100%{opacity:.93;filter:drop-shadow(0 0 0 rgba(255,62,191,0))}
}

/* The idle sweep now brightens an already coloured wordmark instead of replacing it. */
.logo-glyph-idle{
  fill:#fff!important;
  opacity:0;
  mix-blend-mode:screen;
  animation:logoIdleSweepV8 7.6s cubic-bezier(.16,1,.3,1) calc(3.3s + (var(--i) * .09s)) infinite!important;
}
@keyframes logoIdleSweepV8{
  0%,68%,100%{opacity:0;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}
  73%{opacity:.08;filter:drop-shadow(0 0 6px rgba(255,255,255,.2))}
  77%{opacity:.72;filter:drop-shadow(0 0 10px rgba(255,255,255,.7)) drop-shadow(0 0 26px rgba(255,36,190,.72)) drop-shadow(0 0 45px rgba(125,84,255,.5))}
  82%{opacity:.15;filter:drop-shadow(0 0 9px rgba(255,60,210,.35))}
  87%{opacity:0;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}
}

/* Header brand: tiny independent motion system. */
.brand{position:relative;overflow:hidden;transition:background .38s ease,border-color .38s ease}
.brand-mark{position:relative;overflow:hidden;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease,border-color .55s ease;animation:brandMarkIdle 5.8s ease-in-out infinite}
.brand-mark::after{
  content:"";position:absolute;inset:-35%;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.9) 48%,rgba(255,62,191,.9) 55%,transparent 70%);
  transform:translateX(-130%) rotate(8deg);
  animation:brandMarkSheen 6.8s cubic-bezier(.16,1,.3,1) infinite;
  pointer-events:none;
}
.brand-name{display:flex;align-items:center;position:relative;overflow:hidden;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.brand-kafka,.brand-studio{display:inline-block;color:transparent;background:linear-gradient(90deg,#fff 0 34%,#fff 40%,#ff75d8 50%,#9e70ff 57%,#fff 68%,#fff 100%);background-size:260% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;animation:brandTextSweep 7.1s ease-in-out infinite}
.brand-studio{animation-delay:.18s}
.brand-slash{display:inline-block;color:var(--pink);transform-origin:center;animation:brandSlashIdle 3.7s ease-in-out infinite;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .55s ease,color .55s ease}
.brand:hover{background:rgba(255,62,191,.045)}
.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.08);border-color:#ff8ddd;box-shadow:6px 6px 0 rgba(123,97,255,.38),0 0 24px rgba(255,62,191,.2)}
.brand:hover .brand-name{transform:translateX(3px)}
.brand:hover .brand-kafka,.brand:hover .brand-studio{animation-duration:1.5s;background-position:42% 0}
.brand:hover .brand-slash{transform:scaleX(1.22) translateY(-1px);filter:drop-shadow(0 0 7px rgba(255,62,191,.8));color:#ff8ddd}
@keyframes brandMarkIdle{0%,100%{box-shadow:3px 3px 0 rgba(123,97,255,.25)}50%{box-shadow:3px 3px 0 rgba(123,97,255,.38),0 0 17px rgba(255,62,191,.09)}}
@keyframes brandMarkSheen{0%,72%,100%{transform:translateX(-135%) rotate(8deg)}82%{transform:translateX(135%) rotate(8deg)}}
@keyframes brandTextSweep{0%,70%,100%{background-position:120% 0}82%{background-position:-20% 0}}
@keyframes brandSlashIdle{0%,100%{filter:drop-shadow(0 0 0 rgba(255,62,191,0));opacity:.9}50%{filter:drop-shadow(0 0 7px rgba(255,62,191,.55));opacity:1}}

/* Animated graphic cells for the formerly empty service/about labels. */
.content-label-art{position:relative;min-height:248px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(145deg,rgba(255,62,191,.02),rgba(123,97,255,.02));isolation:isolate}
.label-title{position:relative;z-index:4}
.micro-visual{position:absolute;inset:44px 18px 14px;overflow:hidden;--mx:0px;--my:0px}
.micro-grid{position:absolute;inset:0;opacity:.36;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(135deg,#000,transparent 86%);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.micro-ring{position:absolute;border:1px solid rgba(255,62,191,.52);border-radius:50%;animation:microSpin 12s linear infinite;transition:border-color .45s ease,filter .45s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.ring-one{width:48%;aspect-ratio:1;left:10%;top:18%}.ring-two{width:28%;aspect-ratio:1;right:10%;bottom:9%;border-style:dashed;border-color:rgba(123,97,255,.6);animation-direction:reverse;animation-duration:8.5s}
.micro-node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px rgba(255,62,191,.72);animation:microFloat 4.8s ease-in-out infinite}
.node-one{left:22%;top:29%}.node-two{right:18%;bottom:24%;background:var(--purple);box-shadow:0 0 18px rgba(123,97,255,.7);animation-delay:-2.2s}
.micro-bar{position:absolute;height:5px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.08));transform-origin:left center;animation:microBar 4.6s ease-in-out infinite}
.bar-one{left:9%;right:28%;top:66%}.bar-two{left:9%;right:47%;top:72%;height:3px;animation-delay:-1.3s}.bar-three{left:9%;right:60%;top:78%;height:2px;animation-delay:-2.6s}
.micro-cross{position:absolute;width:28px;height:28px;right:9%;top:12%;animation:microCross 7s linear infinite}
.micro-cross::before,.micro-cross::after{content:"";position:absolute;left:0;right:0;top:13px;height:1px;background:#fff}.micro-cross::after{transform:rotate(90deg)}
.micro-code{position:absolute;left:8px;bottom:3px;color:rgba(255,255,255,.34);font-size:8px;letter-spacing:.16em;white-space:nowrap}
.content-label-art:hover .micro-grid{transform:translate(8px,-7px)}
.content-label-art:hover .micro-ring{border-color:#ff82dd;filter:drop-shadow(0 0 12px rgba(255,62,191,.28))}
.content-label-art:hover .ring-one{animation-duration:4.2s}.content-label-art:hover .ring-two{animation-duration:3s}
.content-label-art:hover .micro-node{animation-duration:2.3s}

/* Different compositions, same visual language. */
.micro-visual[data-visual="scope"] .ring-one{width:62%;left:19%;top:9%;border-radius:44% 56% 48% 52%}
.micro-visual[data-visual="scope"] .ring-two{width:40%;right:30%;bottom:4%}
.micro-visual[data-visual="scope"] .bar-one{top:45%;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--pink),transparent)}
.micro-visual[data-visual="scope"] .bar-two{top:53%;left:24%;right:24%;height:7px;background:linear-gradient(90deg,var(--purple),var(--pink))}
.micro-visual[data-visual="scope"] .bar-three{top:62%;left:36%;right:36%;height:3px}
.micro-visual[data-visual="identity"] .ring-one{width:39%;left:29%;top:18%}.micro-visual[data-visual="identity"] .ring-two{width:52%;right:6%;bottom:-10%;border-radius:45% 55% 60% 40%}
.micro-visual[data-visual="character"] .ring-one{border-radius:0;width:35%;aspect-ratio:1;left:30%;top:23%;animation:microMorph 6.8s ease-in-out infinite}.micro-visual[data-visual="character"] .ring-two{width:44%;right:8%;bottom:-15%}
.micro-visual[data-visual="stack"] .ring-one,.micro-visual[data-visual="stack"] .ring-two{display:none}.micro-visual[data-visual="stack"] .bar-one{top:28%;left:8%;right:18%;height:8px}.micro-visual[data-visual="stack"] .bar-two{top:42%;left:8%;right:35%;height:8px}.micro-visual[data-visual="stack"] .bar-three{top:56%;left:8%;right:50%;height:8px}.micro-visual[data-visual="stack"] .micro-cross{top:54%;right:15%;width:44px;height:44px}.micro-visual[data-visual="stack"] .micro-cross::before,.micro-visual[data-visual="stack"] .micro-cross::after{top:21px}
@keyframes microSpin{to{rotate:360deg}}
@keyframes microFloat{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes microBar{0%,100%{scale:.6 1;opacity:.35}50%{scale:1 1;opacity:.9}}
@keyframes microCross{to{rotate:360deg}}
@keyframes microMorph{0%,100%{rotate:0deg;border-radius:0}50%{rotate:45deg;border-radius:50%}}

@media(max-width:900px){.content-label-art{min-height:210px}.micro-visual{inset:42px 18px 12px}}
@media(max-width:560px){.content-label-art{min-height:180px}.micro-visual{inset:40px 12px 10px}.brand{padding-right:10px}.brand-name{font-size:13px}}
@media(prefers-reduced-motion:reduce){
  .logo-glyph,.logo-glyph-fill,.logo-glyph-idle,.brand-mark,.brand-mark::after,.brand-kafka,.brand-studio,.brand-slash,.micro-visual *{animation:none!important}
  .logo-glyph{stroke-dashoffset:0;opacity:.55}.logo-glyph-fill{opacity:.93}
}

/* ===== v9: MAXED-OUT kinetic wordmark intro ===== */
/* Chromatic pre-trails. These are real copies of each glyph, so no SVG group transform is touched. */
.logo-glyph-ghost{
  fill:transparent;
  stroke-width:2.15;
  vector-effect:non-scaling-stroke;
  stroke-linecap:square;
  stroke-linejoin:miter;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  opacity:0;
  pointer-events:none;
  will-change:stroke-dashoffset,opacity,filter;
}
.logo-glyph-ghost-a{
  stroke:#ff28c7;
  filter:drop-shadow(-8px 0 3px rgba(255,40,199,.55)) drop-shadow(0 0 18px rgba(255,40,199,.3));
  animation:ghostTraceA 1.02s cubic-bezier(.5,.02,.18,1) calc(.035s * var(--i) + .035s) both;
}
.logo-glyph-ghost-b{
  stroke:#7f5cff;
  filter:drop-shadow(9px 0 3px rgba(127,92,255,.55)) drop-shadow(0 0 20px rgba(127,92,255,.3));
  animation:ghostTraceB .96s cubic-bezier(.5,.02,.18,1) calc(.035s * var(--i) + .11s) both;
}

/* The real white line follows the chromatic ghosts and burns into place. */
.logo-glyph{
  stroke:#fff!important;
  stroke-width:1.95!important;
  animation:glyphDrawV9 .92s cubic-bezier(.46,.02,.16,1) calc(.052s * var(--i) + .19s) both!important;
}

/* Colour doesn't simply fade in: it flashes, dips, then locks into the final neon fill. */
.logo-glyph-fill{
  opacity:0;
  animation:glyphInkChargeV9 .92s cubic-bezier(.16,1,.3,1) calc(1.08s + (.052s * var(--i))) both!important;
}

/* Whole wordmark has a one-shot arrival bloom; after it ends filter returns to neutral. */
.logo-draw{
  position:relative;
  z-index:2;
  transform-origin:50% 50%;
  animation:wordmarkArrivalV9 3.05s cubic-bezier(.16,1,.3,1) both;
}

/* Two energy scans cross the lettering during the colour lock. */
.wordmark-wrap::after{
  content:"";
  position:absolute;
  z-index:4;
  top:19%;
  bottom:24%;
  width:11%;
  left:-18%;
  pointer-events:none;
  opacity:0;
  mix-blend-mode:screen;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 20%,rgba(255,255,255,.95) 46%,rgba(255,45,199,.9) 54%,rgba(125,85,255,.52) 68%,transparent 100%);
  filter:blur(1.5px) drop-shadow(0 0 22px rgba(255,42,199,.7));
  transform:skewX(-13deg);
  animation:wordmarkBeamV9 1.34s cubic-bezier(.2,.82,.2,1) 1.38s both;
}
.wordmark-wrap::before{
  content:"";
  position:absolute;
  z-index:3;
  left:0;
  right:0;
  top:50%;
  height:1px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,var(--pink),#fff,var(--purple),transparent);
  box-shadow:0 0 16px rgba(255,62,191,.72),0 0 34px rgba(123,97,255,.35);
  transform:scaleX(.05);
  animation:wordmarkRailV9 .86s cubic-bezier(.16,1,.3,1) 1.72s both;
}

@keyframes ghostTraceA{
  0%{stroke-dashoffset:1;opacity:0;filter:drop-shadow(-15px 0 4px rgba(255,40,199,.0))}
  12%{opacity:.82}
  52%{stroke-dashoffset:.32;opacity:.96;filter:drop-shadow(-9px 0 4px rgba(255,40,199,.75)) drop-shadow(0 0 22px rgba(255,40,199,.38))}
  84%{stroke-dashoffset:0;opacity:.34}
  100%{stroke-dashoffset:0;opacity:0;filter:drop-shadow(-2px 0 0 rgba(255,40,199,0))}
}
@keyframes ghostTraceB{
  0%{stroke-dashoffset:1;opacity:0;filter:drop-shadow(16px 0 4px rgba(127,92,255,0))}
  15%{opacity:.74}
  50%{stroke-dashoffset:.36;opacity:.9;filter:drop-shadow(10px 0 4px rgba(127,92,255,.72)) drop-shadow(0 0 23px rgba(127,92,255,.42))}
  86%{stroke-dashoffset:0;opacity:.28}
  100%{stroke-dashoffset:0;opacity:0;filter:drop-shadow(2px 0 0 rgba(127,92,255,0))}
}
@keyframes glyphDrawV9{
  0%{stroke-dashoffset:1;opacity:.03;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}
  16%{opacity:.42}
  58%{stroke-dashoffset:.25;opacity:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.78)) drop-shadow(0 0 20px rgba(255,255,255,.18))}
  78%{stroke-dashoffset:0;opacity:1;filter:drop-shadow(0 0 15px rgba(255,255,255,.66))}
  88%{opacity:.48;filter:drop-shadow(0 0 3px rgba(255,255,255,.18))}
  94%{opacity:1;filter:drop-shadow(0 0 11px rgba(255,255,255,.52))}
  100%{stroke-dashoffset:0;opacity:.82;filter:drop-shadow(0 0 4px rgba(255,255,255,.18))}
}
@keyframes glyphInkChargeV9{
  0%{opacity:0;filter:drop-shadow(0 0 0 rgba(255,40,199,0))}
  22%{opacity:.18;filter:drop-shadow(0 0 8px rgba(255,40,199,.28))}
  38%{opacity:1;filter:drop-shadow(0 0 18px rgba(255,28,195,.95)) drop-shadow(0 0 48px rgba(126,77,255,.64))}
  48%{opacity:.34;filter:drop-shadow(0 0 6px rgba(255,28,195,.22))}
  61%{opacity:1;filter:drop-shadow(0 0 12px rgba(255,61,205,.72)) drop-shadow(0 0 30px rgba(126,77,255,.42))}
  100%{opacity:.96;filter:drop-shadow(0 0 0 rgba(255,62,191,0))}
}
@keyframes wordmarkArrivalV9{
  0%,35%{filter:brightness(.88) saturate(.85)}
  58%{filter:brightness(1.08) saturate(1.15)}
  72%{filter:brightness(1.34) saturate(1.55) drop-shadow(0 0 16px rgba(255,52,197,.24))}
  78%{filter:brightness(.94) saturate(1.12)}
  86%{filter:brightness(1.12) saturate(1.3)}
  100%{filter:none}
}
@keyframes wordmarkBeamV9{
  0%{left:-18%;opacity:0}
  10%{opacity:.2}
  34%{opacity:.92}
  75%{opacity:.76}
  100%{left:111%;opacity:0}
}
@keyframes wordmarkRailV9{
  0%{opacity:0;transform:scaleX(.03)}
  24%{opacity:.75;transform:scaleX(.36)}
  64%{opacity:1;transform:scaleX(1)}
  100%{opacity:0;transform:scaleX(1)}
}

/* Once JS declares the sequence finished, remove the transient layers completely. */
.logo-draw.is-drawn .logo-glyph-ghost{animation:none!important;opacity:0!important}
.logo-draw.is-drawn .logo-glyph{
  animation:none!important;
  stroke-dashoffset:0;
  stroke:rgba(255,255,255,.3)!important;
  opacity:.54;
  filter:none;
}
.logo-draw.is-drawn .logo-glyph-fill{animation:none!important;opacity:.96}

@media(prefers-reduced-motion:reduce){
  .logo-glyph-ghost,.wordmark-wrap::before,.wordmark-wrap::after{display:none!important}
  .logo-draw{animation:none!important}
}

/* ===== v10: hidden 10-second slash easter egg ===== */
.logo-letter.easter-slash{cursor:crosshair}
.logo-letter.easter-slash .logo-glyph,
.logo-letter.easter-slash .logo-glyph-fill,
.logo-letter.easter-slash .logo-glyph-idle{
  transform-box:fill-box;
  transform-origin:center;
}
.logo-draw.is-drawn .logo-letter.easter-slash.is-charging .logo-glyph{
  stroke:#fff!important;
  opacity:1;
  animation:slashChargeStroke 1.15s ease-in-out infinite alternate!important;
}
.logo-draw.is-drawn .logo-letter.easter-slash.is-charging .logo-glyph-fill{
  opacity:1!important;
  animation:slashChargeFill 1.15s ease-in-out infinite alternate!important;
}
.logo-draw.is-drawn .logo-letter.easter-slash.is-charging .logo-glyph-idle{
  animation:none!important;
  opacity:0!important;
}
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph-fill,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph-idle{
  animation:slashSpinRight 1.18s cubic-bezier(.18,.7,.12,1) 2!important;
  opacity:1!important;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.85)) drop-shadow(0 0 34px rgba(255,39,199,.9)) drop-shadow(0 0 70px rgba(123,97,255,.6))!important;
}
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph-fill,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph-idle{
  animation-name:slashSpinLeft!important;
}

@keyframes slashChargeStroke{
  from{filter:drop-shadow(0 0 4px rgba(255,62,191,.2));stroke-width:1.95}
  to{filter:drop-shadow(0 0 13px rgba(255,62,191,.8)) drop-shadow(0 0 30px rgba(123,97,255,.44));stroke-width:2.8}
}
@keyframes slashChargeFill{
  from{filter:drop-shadow(0 0 8px rgba(255,62,191,.34));opacity:.78}
  to{filter:drop-shadow(0 0 20px rgba(255,41,199,.92)) drop-shadow(0 0 44px rgba(123,97,255,.62));opacity:1}
}
@keyframes slashSpinRight{
  0%{transform:rotate(0deg) scale(1)}
  18%{transform:rotate(32deg) scale(1.12)}
  70%{transform:rotate(610deg) scale(1.06)}
  100%{transform:rotate(720deg) scale(1)}
}
@keyframes slashSpinLeft{
  0%{transform:rotate(0deg) scale(1)}
  18%{transform:rotate(-32deg) scale(1.12)}
  70%{transform:rotate(-610deg) scale(1.06)}
  100%{transform:rotate(-720deg) scale(1)}
}

.slash-easter-fx{
  --egg-x:50vw;
  --egg-y:42vh;
  position:fixed;
  inset:0;
  z-index:46;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  overflow:hidden;
  transition:opacity .12s linear,visibility 0s linear .12s;
}
body.slash-easter-active .slash-easter-fx{
  opacity:1;
  visibility:visible;
  transition:opacity .06s linear,visibility 0s;
}
.slash-easter-fx::before{
  content:"";
  position:absolute;
  top:-25vh;
  bottom:-25vh;
  left:-38vw;
  width:24vw;
  opacity:0;
  transform:skewX(-13deg);
  background:linear-gradient(90deg,transparent,rgba(123,97,255,.16),rgba(255,255,255,.95),rgba(255,38,199,.72),transparent);
  filter:blur(2px) drop-shadow(0 0 34px rgba(255,45,199,.7));
  mix-blend-mode:screen;
}
body.slash-easter-active .slash-easter-fx::before{animation:easterScreenBeam 1.18s cubic-bezier(.19,.82,.2,1) .18s both}
.slash-easter-fx::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:
    repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.055) 6px,transparent 7px),
    linear-gradient(90deg,rgba(255,41,199,.08),transparent 28%,transparent 70%,rgba(123,97,255,.08));
  mix-blend-mode:screen;
}
body.slash-easter-active .slash-easter-fx::after{animation:easterScanlines 2.45s steps(2,end) .05s both}

.easter-core{
  position:absolute;
  left:var(--egg-x);
  top:var(--egg-y);
  width:14px;
  height:14px;
  transform:translate(-50%,-50%);
  border:1px solid #fff;
  border-radius:50%;
  opacity:0;
  box-shadow:0 0 12px #fff,0 0 32px var(--pink),0 0 75px var(--purple);
}
body.slash-easter-active .easter-core{animation:easterCore 2.15s cubic-bezier(.16,1,.3,1) both}
.easter-ring{
  position:absolute;
  left:var(--egg-x);
  top:var(--egg-y);
  width:16px;
  height:16px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:50%;
  transform:translate(-50%,-50%) scale(.25);
  opacity:0;
  box-shadow:0 0 22px rgba(255,62,191,.7),inset 0 0 18px rgba(123,97,255,.35);
}
.easter-ring.r2{border-color:rgba(255,62,191,.92)}
.easter-ring.r3{border-color:rgba(123,97,255,.92)}
body.slash-easter-active .easter-ring.r1{animation:easterRing 1.5s cubic-bezier(.1,.8,.2,1) .06s both}
body.slash-easter-active .easter-ring.r2{animation:easterRing 1.72s cubic-bezier(.1,.8,.2,1) .2s both}
body.slash-easter-active .easter-ring.r3{animation:easterRing 1.95s cubic-bezier(.1,.8,.2,1) .34s both}

.easter-particle{
  --angle:0deg;
  --dist:220px;
  position:absolute;
  left:var(--egg-x);
  top:var(--egg-y);
  width:clamp(26px,4vw,70px);
  height:1px;
  opacity:0;
  transform-origin:0 50%;
  background:linear-gradient(90deg,#fff,var(--pink),transparent);
  box-shadow:0 0 9px rgba(255,62,191,.68);
}
body.slash-easter-active .easter-particle{animation:easterParticle .92s cubic-bezier(.16,.8,.25,1) var(--delay,0s) both}

.easter-label{
  position:fixed;
  right:clamp(18px,3vw,48px);
  bottom:clamp(18px,3vw,42px);
  border:1px solid rgba(255,255,255,.26);
  background:rgba(9,7,12,.78);
  backdrop-filter:blur(10px);
  padding:8px 11px;
  color:#fff;
  font-family:'Space Grotesk',monospace;
  font-size:9px;
  letter-spacing:.2em;
  text-transform:uppercase;
  opacity:0;
  transform:translateY(10px);
}
body.slash-easter-active .easter-label{animation:easterLabel 2.6s cubic-bezier(.16,1,.3,1) .32s both}

body.slash-easter-active::before{animation:easterGridWarp 2.6s cubic-bezier(.16,1,.3,1) both}
body.slash-easter-active .page-shell,
body.slash-easter-active .footer,
body.slash-easter-active .site-header{animation:easterWorldPulse 2.5s ease-out both}
body.slash-easter-active .noise{animation:easterNoise 2.2s steps(3,end) both}
body.slash-easter-active .cursor-glow{
  width:min(88vw,1180px);
  opacity:1;
  filter:blur(13px) saturate(1.75) brightness(1.3);
  background:radial-gradient(circle,rgba(255,255,255,.19) 0%,rgba(255,39,199,.34) 15%,rgba(197,76,255,.25) 33%,rgba(123,97,255,.16) 52%,transparent 73%);
}
.cursor-glow{transition:width .55s cubic-bezier(.16,1,.3,1),filter .55s ease,opacity .55s ease,background .55s ease}

@keyframes easterScreenBeam{
  0%{left:-38vw;opacity:0}
  18%{opacity:.18}
  44%{opacity:.92}
  100%{left:118vw;opacity:0}
}
@keyframes easterScanlines{
  0%{opacity:0;transform:translateY(-6px)}
  15%{opacity:.48}
  35%{opacity:.1;transform:translateY(5px)}
  54%{opacity:.38;transform:translateY(-3px)}
  100%{opacity:0;transform:translateY(0)}
}
@keyframes easterCore{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
  12%{opacity:1}
  30%{transform:translate(-50%,-50%) scale(4.5)}
  50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(14)}
}
@keyframes easterRing{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.12)}
  18%{opacity:.9}
  100%{opacity:0;transform:translate(-50%,-50%) scale(42)}
}
@keyframes easterParticle{
  0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scaleX(.12)}
  18%{opacity:.95}
  100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--dist)) scaleX(1.4)}
}
@keyframes easterLabel{
  0%{opacity:0;transform:translateY(10px);letter-spacing:.32em}
  15%,68%{opacity:.82;transform:translateY(0);letter-spacing:.2em}
  100%{opacity:0;transform:translateY(-5px);letter-spacing:.28em}
}
@keyframes easterGridWarp{
  0%{background-size:38px 38px;filter:none}
  22%{background-size:32px 32px;filter:brightness(1.8) saturate(1.7)}
  48%{background-size:47px 47px;filter:hue-rotate(16deg) brightness(1.25)}
  100%{background-size:38px 38px;filter:none}
}
@keyframes easterWorldPulse{
  0%{filter:none}
  16%{filter:brightness(1.18) saturate(1.6) hue-rotate(-6deg)}
  27%{filter:brightness(.94) saturate(1.18) hue-rotate(9deg)}
  39%{filter:brightness(1.12) saturate(1.4) hue-rotate(-4deg)}
  100%{filter:none}
}
@keyframes easterNoise{
  0%,100%{opacity:.035}
  14%{opacity:.14}
  28%{opacity:.05}
  38%{opacity:.11}
  62%{opacity:.045}
}

@media(prefers-reduced-motion:reduce){
  .logo-letter.easter-slash{cursor:default}
  .slash-easter-fx{display:none!important}
  body.slash-easter-active .page-shell,
  body.slash-easter-active .footer,
  body.slash-easter-active .site-header,
  body.slash-easter-active::before,
  body.slash-easter-active .noise{animation:none!important}
}

/* ===== v11: NEON REACTOR OVERDRIVE ===== */
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph-fill,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph-idle{
  animation:slashReactorSpinRight .105s linear infinite!important;
  opacity:1!important;
  filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 22px #ff29c7) drop-shadow(0 0 50px #7b61ff) drop-shadow(0 0 92px rgba(255,41,199,.75))!important;
}
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph-fill,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph-idle{
  animation-name:slashReactorSpinLeft!important;
}
@keyframes slashReactorSpinRight{to{transform:rotate(360deg) scale(1.08)}}
@keyframes slashReactorSpinLeft{to{transform:rotate(-360deg) scale(1.08)}}

.slash-easter-fx{z-index:999;mix-blend-mode:screen}
body.slash-easter-active{overflow-x:hidden}
body.slash-easter-active .slash-easter-fx{
  background:radial-gradient(circle at var(--egg-x) var(--egg-y),rgba(255,255,255,.1) 0 3%,rgba(255,41,199,.12) 10%,rgba(123,97,255,.08) 24%,transparent 56%);
}
.easter-reactor-field{
  position:absolute;inset:-25vmax;opacity:0;transform:scale(.7) rotate(0deg);
  background:
    conic-gradient(from 0deg at var(--egg-x) var(--egg-y),transparent 0 5deg,rgba(255,255,255,.48) 6deg,transparent 8deg 27deg,rgba(255,41,199,.42) 28deg,transparent 33deg 52deg,rgba(123,97,255,.42) 53deg,transparent 58deg 90deg),
    repeating-radial-gradient(circle at var(--egg-x) var(--egg-y),transparent 0 44px,rgba(255,255,255,.05) 45px,transparent 47px 82px);
  filter:blur(.2px) saturate(1.8);
}
body.slash-easter-active .easter-reactor-field{animation:reactorField 4s cubic-bezier(.2,.8,.2,1) both}
@keyframes reactorField{
  0%{opacity:0;transform:scale(.58) rotate(0deg)}
  9%{opacity:.22}
  24%{opacity:.72;transform:scale(.92) rotate(38deg)}
  56%{opacity:.34;transform:scale(1.08) rotate(168deg)}
  82%{opacity:.16;transform:scale(1.22) rotate(330deg)}
  100%{opacity:0;transform:scale(1.42) rotate(500deg)}
}
.easter-reactor-flash{
  position:absolute;inset:0;opacity:0;
  background:
    radial-gradient(circle at var(--egg-x) var(--egg-y),#fff 0 1.5%,#ffb4ef 3%,rgba(255,41,199,.82) 7%,rgba(123,97,255,.5) 17%,transparent 43%),
    linear-gradient(115deg,transparent 0 32%,rgba(255,255,255,.13) 43%,transparent 54% 100%);
  filter:saturate(1.8) brightness(1.2);
}
body.slash-easter-active .easter-reactor-flash{animation:reactorFlash 3.7s ease-out both}
@keyframes reactorFlash{
  0%{opacity:0}
  7%{opacity:.95}
  10%{opacity:.2}
  15%{opacity:.8}
  22%{opacity:.14}
  38%{opacity:.4}
  100%{opacity:0}
}
.easter-beam{position:absolute;left:var(--egg-x);top:var(--egg-y);opacity:0;mix-blend-mode:screen}
.easter-beam.beam-x{width:180vw;height:3px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#7b61ff 20%,#fff 49%,#ff29c7 80%,transparent);box-shadow:0 0 12px #fff,0 0 35px #ff29c7,0 0 85px #7b61ff}
.easter-beam.beam-y{width:3px;height:180vh;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,#ff29c7 20%,#fff 49%,#7b61ff 80%,transparent);box-shadow:0 0 12px #fff,0 0 35px #7b61ff,0 0 85px #ff29c7}
body.slash-easter-active .beam-x{animation:reactorBeamX 2.7s cubic-bezier(.16,1,.3,1) .08s both}
body.slash-easter-active .beam-y{animation:reactorBeamY 2.7s cubic-bezier(.16,1,.3,1) .13s both}
@keyframes reactorBeamX{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.02)} 10%{opacity:1} 35%{opacity:.6;transform:translate(-50%,-50%) scaleX(1)} 100%{opacity:0;transform:translate(-50%,-50%) scaleX(1.35)}}
@keyframes reactorBeamY{0%{opacity:0;transform:translate(-50%,-50%) scaleY(.02)} 12%{opacity:.9} 38%{opacity:.55;transform:translate(-50%,-50%) scaleY(1)} 100%{opacity:0;transform:translate(-50%,-50%) scaleY(1.35)}}

.easter-core{width:28px;height:28px;border-width:2px;box-shadow:0 0 20px #fff,0 0 55px #ff29c7,0 0 125px #7b61ff,0 0 220px rgba(255,41,199,.7)}
body.slash-easter-active .easter-core{animation:easterCoreNuclear 3.85s cubic-bezier(.16,1,.3,1) both}
@keyframes easterCoreNuclear{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}
  6%{opacity:1;transform:translate(-50%,-50%) scale(2.6)}
  12%{transform:translate(-50%,-50%) scale(.8)}
  20%{transform:translate(-50%,-50%) scale(5.8)}
  40%{opacity:.95;transform:translate(-50%,-50%) scale(1.5)}
  68%{opacity:.72;transform:translate(-50%,-50%) scale(11)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(34)}
}
.easter-ring{width:24px;height:24px;border-width:2px;box-shadow:0 0 32px rgba(255,62,191,.9),inset 0 0 24px rgba(123,97,255,.55)}
.easter-ring.r4{border-color:rgba(255,255,255,.78)}
.easter-ring.r5{border-color:rgba(255,41,199,.74)}
body.slash-easter-active .easter-ring.r1{animation:reactorRing 2.25s cubic-bezier(.08,.85,.2,1) .02s both}
body.slash-easter-active .easter-ring.r2{animation:reactorRing 2.45s cubic-bezier(.08,.85,.2,1) .12s both}
body.slash-easter-active .easter-ring.r3{animation:reactorRing 2.7s cubic-bezier(.08,.85,.2,1) .24s both}
body.slash-easter-active .easter-ring.r4{animation:reactorRing 3s cubic-bezier(.08,.85,.2,1) .37s both}
body.slash-easter-active .easter-ring.r5{animation:reactorRing 3.35s cubic-bezier(.08,.85,.2,1) .5s both}
@keyframes reactorRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.06)} 10%{opacity:1} 100%{opacity:0;transform:translate(-50%,-50%) scale(165)}}

.easter-particle{height:2px;width:clamp(38px,6vw,110px);box-shadow:0 0 14px #fff,0 0 30px rgba(255,41,199,.9)}
body.slash-easter-active .easter-particle{animation:easterParticleNuclear 1.35s cubic-bezier(.12,.82,.2,1) var(--delay,0s) both}
@keyframes easterParticleNuclear{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scaleX(.08)} 12%{opacity:1} 55%{opacity:.9} 100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--dist)) scaleX(2.8)}}

body.slash-easter-active::before{animation:easterGridNuclear 4.1s cubic-bezier(.16,1,.3,1) both!important}
body.slash-easter-active .page-shell,
body.slash-easter-active .footer,
body.slash-easter-active .site-header{animation:easterWorldNuclear 4s steps(1,end) both!important}
body.slash-easter-active .noise{animation:easterNoiseNuclear 3.8s steps(2,end) both!important}
@keyframes easterGridNuclear{
  0%{background-size:38px 38px;filter:none}
  8%{background-size:30px 30px;filter:brightness(2.2) saturate(2.2) hue-rotate(-18deg)}
  16%{background-size:48px 48px;filter:brightness(1.4) saturate(2.5) hue-rotate(24deg)}
  28%{background-size:34px 34px;filter:brightness(1.8) saturate(1.8)}
  48%{background-size:43px 43px;filter:brightness(1.25) saturate(1.5) hue-rotate(-8deg)}
  100%{background-size:38px 38px;filter:none}
}
@keyframes easterWorldNuclear{
  0%,100%{filter:none;transform:translate3d(0,0,0)}
  6%{filter:brightness(1.4) saturate(2.2) hue-rotate(-12deg);transform:translate3d(-2px,1px,0)}
  9%{transform:translate3d(3px,-2px,0)}
  12%{filter:brightness(.82) saturate(2.5) hue-rotate(18deg);transform:translate3d(-1px,2px,0)}
  16%{filter:brightness(1.5) saturate(1.9);transform:translate3d(2px,0,0)}
  22%{filter:brightness(1.05) saturate(1.4);transform:translate3d(0,0,0)}
  38%{filter:brightness(1.18) saturate(1.6) hue-rotate(-5deg)}
  55%{filter:brightness(1.04) saturate(1.2)}
}
@keyframes easterNoiseNuclear{0%,100%{opacity:.035} 6%{opacity:.22} 11%{opacity:.04} 15%{opacity:.18} 22%{opacity:.07} 36%{opacity:.14} 65%{opacity:.05}}

body.slash-easter-active .cursor-glow{
  width:160vmax!important;height:160vmax!important;opacity:1!important;
  filter:blur(18px) saturate(2.4) brightness(1.55)!important;
  background:radial-gradient(circle,rgba(255,255,255,.22) 0%,rgba(255,41,199,.32) 12%,rgba(197,76,255,.27) 28%,rgba(123,97,255,.18) 46%,transparent 70%)!important;
}
body.slash-easter-active .easter-label{animation:easterLabel 3.7s cubic-bezier(.16,1,.3,1) .3s both!important;color:#ffecfb;border-color:rgba(255,62,191,.52);box-shadow:0 0 30px rgba(255,41,199,.15)}

@media(prefers-reduced-motion:reduce){
  .easter-reactor-field,.easter-reactor-flash,.easter-beam{display:none!important}
}

/* ===== v12: CORE PULSE -> DETONATION -> RECOVERY =====
   Keeps the layout stable. The reactor is local to the hero // until the blast. */
body.slash-easter-active{overflow-x:hidden}
body.slash-easter-active .page-shell,
body.slash-easter-active .footer,
body.slash-easter-active .site-header{
  transform:none!important;
  animation:reactorRecovery 5.25s cubic-bezier(.16,1,.3,1) both!important;
}
body.slash-easter-active::before{animation:none!important}
body.slash-easter-active .noise{animation:reactorNoise12 5.25s ease both!important}
body.slash-easter-active .cursor-glow{
  width:430px!important;height:430px!important;
  opacity:.78!important;
  filter:blur(9px) saturate(1.45) brightness(1.08)!important;
  background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,41,199,.14) 22%,rgba(123,97,255,.10) 44%,transparent 70%)!important;
}

.slash-easter-fx{z-index:999;mix-blend-mode:normal}
body.slash-easter-active .slash-easter-fx{
  background:none!important;
}
.slash-easter-fx::before{
  content:"";
  position:absolute;
  left:var(--egg-x);top:var(--egg-y);right:auto;bottom:auto;
  width:110px;height:110px;
  border-radius:50%;
  transform:translate(-50%,-50%) scale(.15);
  background:radial-gradient(circle,rgba(255,255,255,.95) 0 5%,rgba(255,255,255,.28) 15%,rgba(255,41,199,.20) 35%,rgba(123,97,255,.10) 55%,transparent 72%);
  filter:blur(3px) drop-shadow(0 0 24px #fff) drop-shadow(0 0 60px rgba(255,41,199,.75));
  opacity:0;
  mix-blend-mode:screen;
}
body.slash-easter-active .slash-easter-fx::before{
  animation:reactorAura12 3.18s cubic-bezier(.16,1,.3,1) both!important;
}
.slash-easter-fx::after{
  content:"";
  position:absolute;inset:0;
  opacity:0;
  background:#fff;
  mix-blend-mode:screen;
  pointer-events:none;
}
body.slash-easter-active .slash-easter-fx::after{
  animation:reactorWhiteout12 1.35s cubic-bezier(.16,1,.3,1) 3.02s both!important;
}

/* Local spinning magnetic field around the //, never the full page. */
.easter-reactor-field{
  position:absolute!important;
  inset:auto!important;
  left:var(--egg-x)!important;top:var(--egg-y)!important;
  width:clamp(150px,15vw,260px)!important;height:clamp(150px,15vw,260px)!important;
  border-radius:50%;
  opacity:0;
  transform:translate(-50%,-50%) scale(.45) rotate(0deg)!important;
  background:
    repeating-conic-gradient(from 0deg,transparent 0 13deg,rgba(255,255,255,.10) 14deg 15deg,transparent 16deg 29deg),
    radial-gradient(circle,transparent 0 34%,rgba(255,255,255,.10) 35% 36%,transparent 37% 48%,rgba(255,41,199,.22) 49% 50%,transparent 51% 65%,rgba(123,97,255,.14) 66% 67%,transparent 68%);
  filter:drop-shadow(0 0 16px rgba(255,255,255,.35)) drop-shadow(0 0 36px rgba(255,41,199,.32));
  mix-blend-mode:screen;
}
body.slash-easter-active .easter-reactor-field{
  animation:reactorLocalField12 3.42s cubic-bezier(.2,.8,.2,1) both!important;
}

/* Full-screen detonation exists only for a fraction of the sequence. */
.easter-reactor-flash{
  position:absolute;inset:0;opacity:0;
  background:radial-gradient(circle at var(--egg-x) var(--egg-y),#fff 0 2%,rgba(255,255,255,.98) 4%,rgba(255,232,252,.88) 8%,rgba(255,41,199,.55) 15%,rgba(123,97,255,.26) 28%,transparent 52%);
  filter:saturate(1.35) brightness(1.1);
  mix-blend-mode:screen;
}
body.slash-easter-active .easter-reactor-flash{
  animation:reactorBlast12 1.75s cubic-bezier(.12,.82,.2,1) 2.92s both!important;
}
.easter-beam{display:none!important}

/* White reactor core: form -> pulse x3 -> compress -> detonate. */
.easter-core{
  width:22px!important;height:22px!important;
  border:0!important;
  background:#fff!important;
  box-shadow:0 0 16px #fff,0 0 34px #fff,0 0 70px rgba(255,52,205,.92),0 0 140px rgba(123,97,255,.75)!important;
  filter:brightness(1.25);
}
body.slash-easter-active .easter-core{
  animation:reactorCore12 3.45s cubic-bezier(.16,1,.3,1) both!important;
}

/* Three pre-blast pulse rings + two blast shockwaves. */
.easter-ring{
  width:30px!important;height:30px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 0 18px rgba(255,255,255,.85),0 0 34px rgba(255,41,199,.48)!important;
}
body.slash-easter-active .easter-ring.r1{animation:reactorPulseRing12 1.05s ease-out .62s both!important}
body.slash-easter-active .easter-ring.r2{animation:reactorPulseRing12 1.05s ease-out 1.38s both!important}
body.slash-easter-active .easter-ring.r3{animation:reactorPulseRing12 1.05s ease-out 2.12s both!important}
body.slash-easter-active .easter-ring.r4{animation:reactorShock12 1.55s cubic-bezier(.08,.85,.2,1) 3.02s both!important}
body.slash-easter-active .easter-ring.r5{animation:reactorShock12 1.85s cubic-bezier(.08,.85,.2,1) 3.14s both!important}

.easter-particle{
  height:2px!important;
  width:clamp(28px,4vw,78px)!important;
  background:linear-gradient(90deg,#fff,rgba(255,255,255,.92) 20%,#ff29c7 55%,transparent)!important;
  box-shadow:0 0 10px #fff,0 0 22px rgba(255,41,199,.75)!important;
}
body.slash-easter-active .easter-particle{
  animation:reactorParticle12 .95s cubic-bezier(.12,.82,.2,1) calc(3.01s + var(--delay,0s)) both!important;
}

/* Slashes accelerate hard, stay as a turbine during charging, then visibly settle back to 0deg. */
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph-fill,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph-idle{
  transform-box:fill-box!important;
  transform-origin:center!important;
  animation:slashCoreSpinRight12 4.75s linear both!important;
  opacity:1!important;
  filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 20px #ff29c7) drop-shadow(0 0 48px rgba(123,97,255,.85))!important;
}
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph-fill,
.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph-idle{
  animation-name:slashCoreSpinLeft12!important;
}

body.slash-easter-active .easter-label{
  animation:reactorLabel12 4.7s cubic-bezier(.16,1,.3,1) both!important;
  color:#fff;border-color:rgba(255,255,255,.35);
  box-shadow:0 0 24px rgba(255,41,199,.10);
}

@keyframes reactorAura12{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}
  15%{opacity:.44;transform:translate(-50%,-50%) scale(.55)}
  32%{opacity:.65;transform:translate(-50%,-50%) scale(.82)}
  48%{opacity:.42;transform:translate(-50%,-50%) scale(.62)}
  63%{opacity:.82;transform:translate(-50%,-50%) scale(1.02)}
  78%{opacity:.28;transform:translate(-50%,-50%) scale(.48)}
  91%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(.02)}
}
@keyframes reactorLocalField12{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.42) rotate(0deg)}
  14%{opacity:.28}
  42%{opacity:.62;transform:translate(-50%,-50%) scale(.84) rotate(240deg)}
  78%{opacity:.84;transform:translate(-50%,-50%) scale(1.04) rotate(720deg)}
  92%{opacity:.9;transform:translate(-50%,-50%) scale(.72) rotate(980deg)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(.18) rotate(1080deg)}
}
@keyframes reactorCore12{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.08)}
  12%{opacity:1;transform:translate(-50%,-50%) scale(.72)}
  24%{transform:translate(-50%,-50%) scale(1.55)}
  32%{transform:translate(-50%,-50%) scale(.92)}
  45%{transform:translate(-50%,-50%) scale(1.8)}
  53%{transform:translate(-50%,-50%) scale(.98)}
  66%{transform:translate(-50%,-50%) scale(2.05)}
  73%{transform:translate(-50%,-50%) scale(1.08)}
  84%{opacity:1;transform:translate(-50%,-50%) scale(1.65)}
  92%{opacity:1;transform:translate(-50%,-50%) scale(.16);filter:brightness(2.4)}
  97%{opacity:1;transform:translate(-50%,-50%) scale(5.5);filter:brightness(3)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(12);filter:brightness(1)}
}
@keyframes reactorPulseRing12{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
  12%{opacity:.9}
  100%{opacity:0;transform:translate(-50%,-50%) scale(7.5)}
}
@keyframes reactorShock12{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}
  8%{opacity:.95}
  100%{opacity:0;transform:translate(-50%,-50%) scale(120)}
}
@keyframes reactorParticle12{
  0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scaleX(.1)}
  10%{opacity:1}
  100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--dist)) scaleX(2)}
}
@keyframes reactorBlast12{
  0%{opacity:0;transform:scale(.35)}
  8%{opacity:1;transform:scale(.72)}
  18%{opacity:.95;transform:scale(1)}
  52%{opacity:.35;transform:scale(1.35)}
  100%{opacity:0;transform:scale(1.7)}
}
@keyframes reactorWhiteout12{
  0%{opacity:0}
  10%{opacity:.93}
  22%{opacity:.24}
  42%{opacity:.08}
  100%{opacity:0}
}
@keyframes slashCoreSpinRight12{
  0%{transform:rotate(0deg) scale(1)}
  8%{transform:rotate(540deg) scale(1.06)}
  30%{transform:rotate(4320deg) scale(1.09)}
  62%{transform:rotate(10080deg) scale(1.11)}
  72%{transform:rotate(12060deg) scale(1.12)}
  78%{transform:rotate(13320deg) scale(1.13)}
  86%{transform:rotate(14400deg) scale(1.08)}
  93%{transform:rotate(15120deg) scale(1.03)}
  100%{transform:rotate(15480deg) scale(1)}
}
@keyframes slashCoreSpinLeft12{
  0%{transform:rotate(0deg) scale(1)}
  8%{transform:rotate(-540deg) scale(1.06)}
  30%{transform:rotate(-4320deg) scale(1.09)}
  62%{transform:rotate(-10080deg) scale(1.11)}
  72%{transform:rotate(-12060deg) scale(1.12)}
  78%{transform:rotate(-13320deg) scale(1.13)}
  86%{transform:rotate(-14400deg) scale(1.08)}
  93%{transform:rotate(-15120deg) scale(1.03)}
  100%{transform:rotate(-15480deg) scale(1)}
}
@keyframes reactorRecovery{
  0%,55%{filter:none}
  59%{filter:brightness(1.18) saturate(1.15)}
  65%{filter:brightness(.88) saturate(.84)}
  74%{filter:brightness(1.05) saturate(1.06)}
  84%{filter:brightness(.98) saturate(.98)}
  100%{filter:none}
}
@keyframes reactorNoise12{
  0%,52%,100%{opacity:.035}
  58%{opacity:.10}
  66%{opacity:.055}
  80%{opacity:.04}
}
@keyframes reactorLabel12{
  0%,8%{opacity:0;transform:translateY(8px)}
  16%,52%{opacity:.55;transform:translateY(0)}
  58%{opacity:.95;letter-spacing:.25em}
  76%{opacity:.34}
  100%{opacity:0;transform:translateY(-5px)}
}

@media(prefers-reduced-motion:reduce){
  .easter-reactor-field,.easter-reactor-flash,.easter-core,.easter-ring,.easter-particle{display:none!important}
}


/* ===== v13: FIXED HEADER + GLYPH DETONATION ===== */
/* Never let the reactor override the fixed header's centering transform. */
body.slash-easter-active .site-header{
  transform:translateX(-50%)!important;
  animation:reactorHeader13 5.35s cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes reactorHeader13{
  0%,54%{filter:none}
  58%{filter:brightness(1.08) saturate(1.08)}
  64%{filter:brightness(.96) saturate(.96)}
  74%{filter:brightness(1.025) saturate(1.03)}
  100%{filter:none}
}

/* The rest of the page may breathe during the blast, but never moves. */
body.slash-easter-active .page-shell,
body.slash-easter-active .footer{
  transform:none!important;
  animation:reactorRecovery13 5.35s cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes reactorRecovery13{
  0%,54%{filter:none}
  58%{filter:brightness(1.14) saturate(1.12)}
  64%{filter:brightness(.91) saturate(.9)}
  73%{filter:brightness(1.045) saturate(1.04)}
  83%{filter:brightness(.99) saturate(.99)}
  100%{filter:none}
}

/* At detonation KAFKA and STUDIO are thrown away from the // core.
   We animate the glyph paths, not the translated <g>, so their base SVG
   coordinates remain untouched and recovery is pixel-perfect. */
.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph,
.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-fill,
.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-idle,
.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-ghost{
  transform-box:fill-box!important;
  transform-origin:center!important;
  will-change:transform,filter,opacity;
  animation:reactorLetterScatter13 2.48s cubic-bezier(.16,.84,.18,1) calc(2.96s + var(--scatter-delay,0s)) both!important;
}

@keyframes reactorLetterScatter13{
  0%{
    transform:translate(0,0) rotate(0deg) scale(1);
    filter:none;
  }
  4%{
    transform:translate(var(--scatter-x18),var(--scatter-y18)) rotate(var(--scatter-r18)) scale(1.045);
    filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 19px rgba(255,41,199,.72));
  }
  13%{
    transform:translate(var(--scatter-x),var(--scatter-y)) rotate(var(--scatter-r)) scale(.91);
    filter:drop-shadow(0 0 12px #fff) drop-shadow(0 0 30px rgba(255,41,199,.72)) drop-shadow(0 0 55px rgba(123,97,255,.48));
  }
  31%{
    transform:translate(var(--scatter-x),var(--scatter-y)) rotate(var(--scatter-r)) scale(.94);
    filter:drop-shadow(0 0 8px rgba(255,255,255,.72)) drop-shadow(0 0 25px rgba(197,76,255,.55));
  }
  55%{
    transform:translate(var(--scatter-x72),var(--scatter-y72)) rotate(var(--scatter-r72)) scale(.97);
    filter:drop-shadow(0 0 15px rgba(255,62,191,.42));
  }
  78%{
    transform:translate(var(--return-x),var(--return-y)) rotate(var(--return-r)) scale(1.018);
    filter:drop-shadow(0 0 9px rgba(255,255,255,.35));
  }
  90%{
    transform:translate(2px,-1px) rotate(.35deg) scale(.997);
    filter:drop-shadow(0 0 4px rgba(255,62,191,.18));
  }
  100%{
    transform:translate(0,0) rotate(0deg) scale(1);
    filter:none;
  }
}

/* Keep letter layers visually coherent while they are airborne. */
.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-fill{opacity:.98!important}
.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-idle{opacity:0!important}
.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-ghost{opacity:.12!important}

/* The white core gets a slightly longer 'vacuum' frame before the blast. */
body.slash-easter-active .easter-core{animation:reactorCore13 3.52s cubic-bezier(.16,1,.3,1) both!important}
@keyframes reactorCore13{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.05)}
  8%{opacity:1;transform:translate(-50%,-50%) scale(.78)}
  18%{transform:translate(-50%,-50%) scale(1.18)}
  28%{transform:translate(-50%,-50%) scale(.86)}
  39%{transform:translate(-50%,-50%) scale(1.42)}
  50%{transform:translate(-50%,-50%) scale(.9)}
  61%{transform:translate(-50%,-50%) scale(1.72)}
  72%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
  82%{opacity:1;transform:translate(-50%,-50%) scale(.24);filter:brightness(2.6)}
  86%{opacity:1;transform:translate(-50%,-50%) scale(.08);filter:brightness(4)}
  90%{opacity:1;transform:translate(-50%,-50%) scale(8);filter:brightness(5)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(17);filter:brightness(1)}
}

@media(prefers-reduced-motion:reduce){
  .logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph,
  .logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-fill,
  .logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-idle,
  .logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-ghost{animation:none!important}
  body.slash-easter-active .site-header{transform:translateX(-50%)!important;animation:none!important}
}
\n\n/* ===== v15: CINEMATIC COUNTDOWN + LONGER REACTOR ===== */\n/* The final 3 seconds of the hidden hold get a tiny HUD countdown. */\n.slash-easter-fx.is-countdown{\n  opacity:1!important;\n  visibility:visible!important;\n  transition:opacity .22s ease,visibility 0s!important;\n}\n.slash-easter-fx.is-countdown .easter-label{\n  opacity:.92!important;\n  transform:translateY(0)!important;\n  color:#fff!important;\n  border-color:rgba(255,62,191,.48)!important;\n  box-shadow:0 0 24px rgba(255,41,199,.12),inset 0 0 20px rgba(123,97,255,.035)!important;\n  animation:none!important;\n}\n.slash-easter-fx.is-countdown .easter-label.count-tick{\n  animation:reactorCountdown15 .58s cubic-bezier(.16,1,.3,1) both!important;\n}\n@keyframes reactorCountdown15{\n  0%{opacity:.18;transform:translateY(8px) scale(.96);filter:blur(2px);letter-spacing:.12em}\n  38%{opacity:1;transform:translateY(0) scale(1.045);filter:blur(0);letter-spacing:.27em;text-shadow:0 0 12px #fff,0 0 26px rgba(255,41,199,.8)}\n  100%{opacity:.9;transform:translateY(0) scale(1);filter:none;letter-spacing:.2em;text-shadow:0 0 8px rgba(255,41,199,.28)}\n}\n\n/* Longer, more fluid global recovery. Geometry remains fixed. */\nbody.slash-easter-active .site-header{\n  transform:translateX(-50%)!important;\n  animation:reactorHeader15 7.35s cubic-bezier(.2,.72,.16,1) both!important;\n}\n@keyframes reactorHeader15{\n  0%,55%{filter:none}\n  59%{filter:brightness(1.06) saturate(1.06)}\n  65%{filter:brightness(.975) saturate(.97)}\n  75%{filter:brightness(1.02) saturate(1.025)}\n  88%{filter:brightness(.995) saturate(.995)}\n  100%{filter:none}\n}\nbody.slash-easter-active .page-shell,\nbody.slash-easter-active .footer{\n  transform:none!important;\n  animation:reactorRecovery15 7.35s cubic-bezier(.2,.72,.16,1) both!important;\n}\n@keyframes reactorRecovery15{\n  0%,55%{filter:none}\n  59%{filter:brightness(1.12) saturate(1.1)}\n  66%{filter:brightness(.93) saturate(.92)}\n  76%{filter:brightness(1.04) saturate(1.035)}\n  87%{filter:brightness(.99) saturate(.99)}\n  100%{filter:none}\n}\nbody.slash-easter-active .noise{animation:reactorNoise15 7.2s ease both!important}\n@keyframes reactorNoise15{0%,54%,100%{opacity:.035}59%{opacity:.085}68%{opacity:.052}84%{opacity:.04}}\n\n/* Slower build: field and white core have time to breathe before detonation. */\nbody.slash-easter-active .slash-easter-fx::before{animation:reactorAura15 4.72s cubic-bezier(.22,.75,.18,1) both!important}\n@keyframes reactorAura15{\n  0%{opacity:0;transform:translate(-50%,-50%) scale(.08)}\n  12%{opacity:.34;transform:translate(-50%,-50%) scale(.46)}\n  26%{opacity:.62;transform:translate(-50%,-50%) scale(.82)}\n  40%{opacity:.38;transform:translate(-50%,-50%) scale(.63)}\n  55%{opacity:.8;transform:translate(-50%,-50%) scale(1.02)}\n  69%{opacity:.38;transform:translate(-50%,-50%) scale(.7)}\n  82%{opacity:.96;transform:translate(-50%,-50%) scale(1.3)}\n  91%{opacity:.72;transform:translate(-50%,-50%) scale(.52)}\n  100%{opacity:0;transform:translate(-50%,-50%) scale(.02)}\n}\nbody.slash-easter-active .easter-reactor-field{animation:reactorField15 4.78s cubic-bezier(.2,.8,.2,1) both!important}\n@keyframes reactorField15{\n  0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0deg)}\n  16%{opacity:.3}\n  42%{opacity:.58;transform:translate(-50%,-50%) scale(.82) rotate(260deg)}\n  70%{opacity:.8;transform:translate(-50%,-50%) scale(1.05) rotate(760deg)}\n  88%{opacity:.92;transform:translate(-50%,-50%) scale(.74) rotate(1160deg)}\n  100%{opacity:0;transform:translate(-50%,-50%) scale(.16) rotate(1320deg)}\n}\nbody.slash-easter-active .easter-core{animation:reactorCore15 4.72s cubic-bezier(.2,.74,.16,1) both!important}\n@keyframes reactorCore15{\n  0%{opacity:0;transform:translate(-50%,-50%) scale(.04);filter:brightness(1)}\n  8%{opacity:1;transform:translate(-50%,-50%) scale(.62)}\n  18%{transform:translate(-50%,-50%) scale(1.08)}\n  28%{transform:translate(-50%,-50%) scale(.82)}\n  40%{transform:translate(-50%,-50%) scale(1.34)}\n  50%{transform:translate(-50%,-50%) scale(.9)}\n  62%{transform:translate(-50%,-50%) scale(1.58)}\n  72%{transform:translate(-50%,-50%) scale(1.02)}\n  82%{transform:translate(-50%,-50%) scale(1.92);filter:brightness(1.8)}\n  90%{opacity:1;transform:translate(-50%,-50%) scale(.34);filter:brightness(3)}\n  94%{opacity:1;transform:translate(-50%,-50%) scale(.08);filter:brightness(5)}\n  97%{opacity:1;transform:translate(-50%,-50%) scale(8.5);filter:brightness(5.4)}\n  100%{opacity:0;transform:translate(-50%,-50%) scale(19);filter:brightness(1)}\n}\n\nbody.slash-easter-active .easter-ring.r1{animation:reactorPulseRing12 1.18s ease-out .78s both!important}\nbody.slash-easter-active .easter-ring.r2{animation:reactorPulseRing12 1.18s ease-out 1.82s both!important}\nbody.slash-easter-active .easter-ring.r3{animation:reactorPulseRing12 1.18s ease-out 2.86s both!important}\nbody.slash-easter-active .easter-ring.r4{animation:reactorShock12 1.75s cubic-bezier(.08,.85,.2,1) 4.18s both!important}\nbody.slash-easter-active .easter-ring.r5{animation:reactorShock12 2.1s cubic-bezier(.08,.85,.2,1) 4.34s both!important}\nbody.slash-easter-active .easter-reactor-flash{animation:reactorBlast15 2.3s cubic-bezier(.12,.82,.2,1) 4.1s both!important}\n@keyframes reactorBlast15{0%{opacity:0;transform:scale(.3)}7%{opacity:1;transform:scale(.68)}18%{opacity:.96;transform:scale(1)}48%{opacity:.45;transform:scale(1.34)}75%{opacity:.16;transform:scale(1.55)}100%{opacity:0;transform:scale(1.8)}}\nbody.slash-easter-active .slash-easter-fx::after{animation:reactorWhiteout15 1.65s cubic-bezier(.16,1,.3,1) 4.22s both!important}\n@keyframes reactorWhiteout15{0%{opacity:0}9%{opacity:.96}20%{opacity:.34}40%{opacity:.11}68%{opacity:.035}100%{opacity:0}}\nbody.slash-easter-active .easter-particle{animation:reactorParticle12 1.15s cubic-bezier(.12,.82,.2,1) calc(4.18s + var(--delay,0s)) both!important}\n\n/* Turbine spin lasts longer and eases back into rest. */\n.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph,\n.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph-fill,\n.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning .logo-glyph-idle{\n  animation:slashCoreSpinRight15 6.9s cubic-bezier(.1,.72,.12,1) both!important;\n}\n.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph,\n.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph-fill,\n.logo-draw.is-drawn .logo-letter.easter-slash.is-easter-spinning:nth-of-type(7) .logo-glyph-idle{animation-name:slashCoreSpinLeft15!important}\n@keyframes slashCoreSpinRight15{\n  0%{transform:rotate(0deg) scale(1)}\n  9%{transform:rotate(720deg) scale(1.05)}\n  31%{transform:rotate(5040deg) scale(1.09)}\n  58%{transform:rotate(12240deg) scale(1.12)}\n  70%{transform:rotate(15840deg) scale(1.14)}\n  78%{transform:rotate(18180deg) scale(1.15)}\n  85%{transform:rotate(19800deg) scale(1.11)}\n  91%{transform:rotate(20700deg) scale(1.07)}\n  96%{transform:rotate(21150deg) scale(1.025)}\n  100%{transform:rotate(21240deg) scale(1)}\n}\n@keyframes slashCoreSpinLeft15{\n  0%{transform:rotate(0deg) scale(1)}\n  9%{transform:rotate(-720deg) scale(1.05)}\n  31%{transform:rotate(-5040deg) scale(1.09)}\n  58%{transform:rotate(-12240deg) scale(1.12)}\n  70%{transform:rotate(-15840deg) scale(1.14)}\n  78%{transform:rotate(-18180deg) scale(1.15)}\n  85%{transform:rotate(-19800deg) scale(1.11)}\n  91%{transform:rotate(-20700deg) scale(1.07)}\n  96%{transform:rotate(-21150deg) scale(1.025)}\n  100%{transform:rotate(-21240deg) scale(1)}\n}\n\n/* Wider scatter + much softer magnetic return. */\n.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph,\n.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-fill,\n.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-idle,\n.logo-draw.is-reactor-sequence .logo-letter:not(.easter-slash) .logo-glyph-ghost{\n  animation:reactorLetterScatter15 3.18s cubic-bezier(.12,.76,.12,1) calc(4.08s + var(--scatter-delay,0s)) both!important;\n}\n@keyframes reactorLetterScatter15{\n  0%{transform:translate(0,0) rotate(0deg) scale(1);filter:none}\n  8%{transform:translate(var(--scatter-x18),var(--scatter-y18)) rotate(var(--scatter-r18)) scale(1.05);filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 21px rgba(255,41,199,.76))}\n  23%{transform:translate(var(--scatter-x),var(--scatter-y)) rotate(var(--scatter-r)) scale(.9);filter:drop-shadow(0 0 13px #fff) drop-shadow(0 0 32px rgba(255,41,199,.72)) drop-shadow(0 0 62px rgba(123,97,255,.5))}\n  38%{transform:translate(var(--scatter-x),var(--scatter-y)) rotate(var(--scatter-r)) scale(.94);filter:drop-shadow(0 0 9px rgba(255,255,255,.75)) drop-shadow(0 0 27px rgba(197,76,255,.55))}\n  60%{transform:translate(var(--scatter-x72),var(--scatter-y72)) rotate(var(--scatter-r72)) scale(.975);filter:drop-shadow(0 0 16px rgba(255,62,191,.4))}\n  80%{transform:translate(var(--return-x),var(--return-y)) rotate(var(--return-r)) scale(1.022);filter:drop-shadow(0 0 10px rgba(255,255,255,.32))}\n  91%{transform:translate(3px,-1.5px) rotate(.45deg) scale(.997);filter:drop-shadow(0 0 5px rgba(255,62,191,.18))}\n  97%{transform:translate(-1px,.5px) rotate(-.15deg) scale(1.002);filter:none}\n  100%{transform:translate(0,0) rotate(0deg) scale(1);filter:none}\n}\n\nbody.slash-easter-active .easter-label{animation:reactorLabel15 6.8s cubic-bezier(.16,1,.3,1) both!important}\n@keyframes reactorLabel15{0%,5%{opacity:0;transform:translateY(8px)}12%,54%{opacity:.6;transform:translateY(0)}58%{opacity:1;letter-spacing:.27em;text-shadow:0 0 12px rgba(255,255,255,.4)}76%{opacity:.52}92%{opacity:.22;transform:translateY(-2px)}100%{opacity:0;transform:translateY(-6px)}}\n\n@media(prefers-reduced-motion:reduce){\n  .slash-easter-fx.is-countdown{display:none!important}\n}\n