/* ================= Reset ================= */
*{margin:0;padding:0;box-sizing:border-box}
img,video{display:block;max-width:100%}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-appearance:none;appearance:none}

/* ================= Tokens (80's computer UI palette) ================= */
:root{
  --green:#6df1ff; --green-dim:#2fb3cc; --green-dark:#0a4a5a; --green-bg:#001820;
  --green-glow:rgba(109,241,255,0.55);
  --accent:#7ad8ff; --accent-glow:rgba(122,216,255,0.55);
  --amber:#ffb84d; --danger:#ff5566; --bg:#040610;

  --background:var(--bg); --foreground:var(--green); --text:#bff7ff; --muted:var(--green-dim);
  --surface:rgba(5,24,36,0.45);
  --line:rgba(109,241,255,0.16); --line-strong:rgba(109,241,255,0.42);
  --gutter:2.5rem; --section:9rem;
  --font-display:"VT323", monospace;
  --font-sans:"Share Tech Mono", monospace;
  --expo:cubic-bezier(0.16,1,0.3,1);
  --quart:cubic-bezier(0.165,0.84,0.44,1);
  --wipe:cubic-bezier(0.22,1,0.36,1);
}

/* ================= Adaptive rem grid ================= */
html{font-size:16px;background:#020308}
@media (max-width:1920px){html{font-size:0.833333vw}}
@media (max-width:1440px){html{font-size:1.111111vw}}
@media (max-width:1024px){html{font-size:1.5625vw}}
@media (max-width:640px){
  html{font-size:4.444444vw}
  :root{--gutter:16px;--section:6rem}
}

html.lenis, html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:clip}
html.is-loading{overflow:hidden}

body{
  background:radial-gradient(ellipse at 50% 30%, #0a1824 0%, #040610 55%, #020308 100%) fixed;
  color:var(--foreground);font-family:var(--font-sans);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;font-size:1.0625rem;line-height:1.6;
}
::selection{background:var(--green-dim);color:#000}

/* ================= CRT overlays ================= */
.crt-scanlines{
  position:fixed;inset:0;z-index:80;pointer-events:none;
  background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,0.2) 3px,rgba(0,0,0,0.2) 3px);
  mix-blend-mode:multiply;animation:scanShift 7s linear infinite;
}
.crt-vignette{
  position:fixed;inset:0;z-index:81;pointer-events:none;
  background:
    radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,0.5) 100%),
    linear-gradient(90deg,rgba(255,0,0,0.03),transparent 20%,transparent 80%,rgba(0,0,255,0.03));
}
.fx-matrix{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:0.11;pointer-events:none;mix-blend-mode:screen}

/* ================= Type ================= */
.accent{color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}
.muted{color:var(--muted)}
.cursor{display:inline-block;margin-left:0.15em;animation:blink 1s steps(1) infinite}
.blink{animation:blink 1.1s steps(1) infinite}

.eyebrow{
  display:flex;align-items:center;gap:0.75rem;
  font-size:0.8125rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.22em;color:var(--muted);
}
.eyebrow::before{content:"//";color:var(--accent);letter-spacing:0;text-shadow:0 0 6px var(--accent-glow)}

main{position:relative;z-index:1;width:100%;overflow-x:hidden}
.section{padding:var(--section) var(--gutter)}

.sec-h{
  margin-top:1.5rem;font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:0.01em;
  color:var(--foreground);text-shadow:0 0 14px var(--green-glow);
}

/* ================= Theme button ================= */
.btn{
  display:inline-flex;align-items:center;gap:0.6rem;
  font-family:var(--font-sans);font-size:0.8125rem;letter-spacing:0.14em;text-transform:uppercase;
  padding:0.6rem 1rem;border:1px solid var(--green);color:var(--green);
  box-shadow:0 0 8px rgba(109,241,255,0.25),inset 0 0 8px rgba(109,241,255,0.08);
  text-shadow:0 0 4px var(--green-glow);transition:box-shadow 0.15s ease;
}
.btn:hover,.btn:focus-visible{
  color:#000;text-shadow:none;border-color:transparent;outline:none;
  background:repeating-linear-gradient(0deg,#5de0ee,#5de0ee 1px,#0a4a5a 1px,#0a4a5a 2px);
  box-shadow:0 0 25px var(--green-dim),inset 0 0 25px var(--green-dim);
  animation:flicker2 0.15s infinite alternate;
}

/* ================= Motion primitives ================= */
.reveal{
  opacity:0;transform:translateY(var(--ry,40px));
  transition:opacity var(--dur,560ms) var(--ease,var(--expo)),transform var(--dur,560ms) var(--ease,var(--expo));
  transition-delay:var(--delay,0ms);
}
.reveal.in-view{opacity:1;transform:none}

.split .line{display:block;overflow:hidden;padding:0.1em 0;margin:-0.1em 0}
.split .line-inner{
  display:block;transform:translateY(110%);opacity:0;
  transition:transform var(--ldur,900ms) var(--expo),opacity var(--ldur,900ms) var(--expo);
}
.split.in-view .line-inner{transform:none;opacity:1}
.split:not(.is-split){visibility:hidden}
.split.is-done{visibility:visible}

.fx-glitch{animation:glitch 0.3s steps(4) 1}

/* ================= Preloader / boot ================= */
.preloader{
  position:fixed;inset:0;z-index:100;display:flex;padding:var(--gutter);
  flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:0.75rem;
  transition:opacity 200ms ease-out;
}
.preloader .pl-bg{position:absolute;inset:0;z-index:-10;background:#000}
.pl-boot{
  position:absolute;top:var(--gutter);left:var(--gutter);right:var(--gutter);bottom:calc(var(--gutter) + 20rem);
  overflow:hidden;scroll-behavior:smooth;
  font-family:var(--font-sans);font-size:0.875rem;line-height:1.55;white-space:pre-wrap;
  color:var(--green);text-shadow:0 0 6px var(--green-glow);
  -webkit-mask:linear-gradient(to bottom,transparent 0,#000 2.5rem);
          mask:linear-gradient(to bottom,transparent 0,#000 2.5rem);
}
.pl-boot .ok{color:var(--accent)}
.pl-boot .ac{color:#e9fdff;text-shadow:0 0 8px var(--green)}
.fx-boot-pop{position:absolute}
.fx-pop-x{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--green-dim);font-size:11px;flex-shrink:0}
.fx-pop-body{margin:0;padding:8px;min-height:96px;font-family:inherit;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-all}
.fx-err{color:var(--danger);text-shadow:0 0 4px rgba(255,80,80,0.6)}
.preloader::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,0.25) 3px),
    radial-gradient(ellipse at center,rgba(10,44,60,0.35) 0%,transparent 70%);
}
.pl-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0.6rem}
.pl-powered{font-size:0.75rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--muted)}
.pl-sapi{
  font-family:var(--font-display);font-size:3.5rem;line-height:1;letter-spacing:0.3em;
  padding:0.15em 0.2em 0.1em 0.5em;border:1px solid var(--green);color:var(--green);
  background:rgba(10,44,60,0.4);text-shadow:0 0 12px var(--green-glow);
  box-shadow:inset 0 0 18px rgba(109,241,255,0.2),0 0 24px rgba(109,241,255,0.25);
  animation:flicker 3s infinite;
}
.pl-sub{font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 6px var(--accent-glow)}
.pl-skip{position:absolute;top:var(--gutter);right:var(--gutter);font-size:0.6875rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);opacity:0.75;transition:opacity 300ms ease-out}
.pl-skip-tap{display:none}
@media (max-width:639.98px){.pl-skip-key{display:none}.pl-skip-tap{display:inline}.pl-sub{letter-spacing:0.12em}}
.preloader.is-fading .pl-skip{opacity:0}
.pl-count{font-family:var(--font-display);font-size:10rem;line-height:0.8;font-variant-numeric:tabular-nums;color:var(--foreground);text-shadow:0 0 24px var(--green-glow)}
.pl-boot,.pl-brand,.pl-count{transition:opacity 200ms ease-out}
.preloader.is-fading .pl-boot,.preloader.is-fading .pl-brand,.preloader.is-fading .pl-count{opacity:0}
.preloader.is-popping{opacity:0}
html.page-pop main,html.page-pop .site-header{animation:pagePop 380ms var(--expo) both}
@keyframes pagePop{
  0%  {opacity:0;transform:scale(0.94);filter:brightness(2.2)}
  60% {opacity:1;filter:brightness(1.3)}
  100%{opacity:1;transform:none;filter:none}
}
@media (prefers-reduced-motion: reduce){
  html.page-pop main,html.page-pop .site-header{animation:fadeIn 300ms ease-out both}
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.preloader.is-done{pointer-events:none;visibility:hidden}
@media (min-width:640px){
  .preloader{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem}
  .pl-boot{font-size:0.9375rem;right:auto;width:64ch;bottom:calc(var(--gutter) + 11rem)}
}

/* ================= Nav ================= */
.site-header{position:fixed;inset-inline:0;top:0;z-index:50;pointer-events:none}
.site-nav{
  pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;
  padding:1.25rem var(--gutter);border-bottom:1px dashed transparent;
  transition:background-color 340ms ease-out,border-color 340ms ease-out,padding 340ms var(--expo);
}
.site-header.is-scrolled .site-nav{
  background:rgba(4,6,16,0.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border-bottom-color:var(--line-strong);padding-block:0.85rem;
}
.logo{display:flex;align-items:center;gap:0.75rem;position:relative;z-index:60}
.monogram{
  display:grid;place-items:center;height:2.25rem;padding:0 0.7rem;
  border:1px solid var(--green);font-size:0.875rem;letter-spacing:0.2em;
  text-shadow:0 0 8px var(--green-glow);background:rgba(10,44,60,0.4);
  box-shadow:inset 0 0 10px rgba(109,241,255,0.18),0 0 12px rgba(109,241,255,0.2);
}
.monogram-mark{
  display:block;height:1.5rem;aspect-ratio:216/295;background:var(--green);
  -webkit-mask:url("kam-logo.png") center / contain no-repeat;
          mask:url("kam-logo.png") center / contain no-repeat;
  filter:drop-shadow(0 0 4px var(--green-glow));
}
.logo-name{display:none;font-size:0.8125rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.22em;color:var(--muted)}
@media (min-width:640px){.logo-name{display:block}}
.nav-links{display:none;gap:2.25rem;margin-left:auto}
.nav-links a{position:relative;font-size:0.8125rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.18em;color:var(--muted);transition:color 340ms ease-out,text-shadow 340ms ease-out}
.nav-links a::after{content:"";position:absolute;bottom:-0.3rem;left:0;height:1px;width:0;background:var(--green);box-shadow:0 0 6px var(--green-glow);transition:width 340ms var(--expo)}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--foreground);text-shadow:0 0 6px var(--green-glow);outline:none}
.nav-links a:hover::after,.nav-links a:focus-visible::after{width:100%}
.nav-sys{display:none;font-size:0.75rem;letter-spacing:0.14em;color:var(--muted);white-space:nowrap}
.nav-sys b{font-weight:400;color:var(--foreground)}
.burger{position:relative;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.375rem;width:2.5rem;height:2.5rem;border:1px solid var(--line-strong)}
.burger span{display:block;height:2px;width:1.25rem;background:var(--green);box-shadow:0 0 6px var(--green-glow);transition:transform 420ms var(--expo),opacity 300ms ease-out}
.burger.is-open span:nth-child(1){transform:translateY(calc(0.375rem + 2px)) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(calc(-0.375rem - 2px)) rotate(-45deg)}
@media (min-width:768px){.nav-links{display:flex}.burger{display:none}}
@media (min-width:1100px){.nav-sys{display:block}}

.inquiry-panel{
  width:100%;align-self:start;overflow:auto;
  border:1px solid var(--green);background:#040b13;color:var(--text);
  box-shadow:0 0 36px rgba(109,241,255,0.32),inset 0 0 24px rgba(14,74,90,0.3);
}
.inquiry-panel-bar{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:0.9rem 1rem;border-bottom:1px solid var(--green);background:rgba(14,60,76,0.5);
}
.inquiry-panel-bar h2{font-family:var(--font-display);font-size:2rem;font-weight:400;line-height:1;text-transform:uppercase;color:var(--green);text-shadow:0 0 8px var(--green-glow)}
.inquiry-close{
  width:2rem;height:2rem;border:1px solid var(--green-dim);color:var(--green);font-size:1.25rem;
}
.inquiry-close:hover,.inquiry-close:focus-visible{background:var(--danger);border-color:var(--danger);color:#000;outline:none}
.inquiry-intro{padding:1rem 1.25rem 0;color:var(--muted);font-size:0.875rem}
.inquiry-panel form{display:grid;gap:0.6rem;padding:1rem 1.25rem 1.25rem}
.inquiry-panel label{margin-top:0.4rem;color:var(--green);font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase}
.inquiry-panel textarea{
  width:100%;padding:0.75rem;border:1px solid var(--line-strong);border-radius:0;
  background:rgba(0,0,0,0.45);color:var(--text);font:inherit;font-size:0.9375rem;
}
.inquiry-panel textarea{min-height:10rem;resize:vertical}
.inquiry-panel textarea:focus{border-color:var(--green);outline:1px solid var(--green);box-shadow:0 0 12px rgba(109,241,255,0.2)}
.inquiry-panel textarea::placeholder{color:var(--muted);opacity:0.72}
.inquiry-send{justify-self:start;margin-top:0.6rem}
.inquiry-status{min-height:1.5em;color:var(--green);font-size:0.8125rem}
.inquiry-note{color:var(--muted);font-size:0.75rem;line-height:1.5}
.inquiry-note a{display:inline-block;margin-top:0.5rem;color:var(--green);text-decoration:underline;text-underline-offset:0.2em}
.inquiry-note a:hover,.inquiry-note a:focus-visible{color:#fff;text-shadow:0 0 8px var(--green-glow);outline:none}
.inquiry-panel textarea{min-height:12rem}

.mobile-menu{
  position:fixed;inset:0;z-index:50;background:#020308;
  display:flex;flex-direction:column;justify-content:center;padding-inline:var(--gutter);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity 450ms ease-out,visibility 0s linear 450ms;
}
.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 450ms ease-out,visibility 0s}
.mobile-menu ul{display:flex;flex-direction:column;gap:1rem}
.mobile-menu a{
  display:block;font-family:var(--font-display);font-size:4rem;text-transform:uppercase;line-height:1;
  text-shadow:0 0 12px var(--green-glow);
  transform:translateY(48px);opacity:0;transition:transform 420ms ease-out,opacity 420ms ease-out;
}
.mobile-menu a::before{content:"> ";color:var(--accent)}
.mobile-menu.is-open a{transform:none;opacity:1}
.mobile-menu a:hover{color:var(--accent)}
@media (min-width:768px){.mobile-menu{display:none}}

/* ================= Hero ================= */
.hero{position:relative;display:flex;flex-direction:column;min-height:100svh;overflow:hidden}
.hero-top{position:relative;z-index:30;display:flex;flex-direction:column;gap:2rem;padding:7rem var(--gutter) 0}
.hero-roles{font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:0.95;color:var(--foreground);font-size:2.5rem;text-shadow:0 0 12px var(--green-glow)}
.hero-roles .line{display:block;overflow:hidden;padding:0.06em 0;margin:-0.06em 0}
.hero-roles .line-inner{display:block;transform:translateY(110%);opacity:0;transition:transform 760ms var(--expo),opacity 760ms var(--expo)}
.hero.in-view .hero-roles .line-inner{transform:none;opacity:1}
.hero-desc{max-width:28rem;font-size:1rem;line-height:1.6;color:var(--text)}
.hero-status{margin-top:1rem;font-size:0.8125rem;letter-spacing:0.14em;color:var(--muted)}
@media (min-width:640px){
  .hero-top{flex-direction:row;align-items:flex-start;justify-content:space-between;padding-top:8rem}
  .hero-roles{font-size:3.5rem;line-height:0.9}
  .hero-desc{text-align:right}
}
/* Portrait sized in the name's em so it always rises above and into "SIEDEL" */
.hero-face{
  position:absolute;z-index:5;pointer-events:none;
  font-size:min(22vw,42svh);bottom:0.8em;left:50%;transform:translateX(-50%);
  height:1.15em;aspect-ratio:3/4;
  -webkit-mask:radial-gradient(ellipse 58% 62% at 50% 42%,#000 55%,transparent 100%);
          mask:radial-gradient(ellipse 58% 62% at 50% 42%,#000 55%,transparent 100%);
  opacity:0;transition:opacity 1200ms var(--expo) 2000ms;
}
.hero.in-view .hero-face{opacity:1}
.hero-face img{
  width:100%;height:100%;object-fit:contain;object-position:center bottom;
  filter:drop-shadow(0 0 1.2rem rgba(109,241,255,0.3));
}
.hero-face::before,.hero-face::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  -webkit-mask:url("face.webp") center bottom / contain no-repeat;
          mask:url("face.webp") center bottom / contain no-repeat;
}
.hero-face::before{display:none}
.hero-face::after{
  background:repeating-linear-gradient(0deg,rgba(255,255,255,0.06) 0 1px,transparent 1px 3px);
  mix-blend-mode:screen;animation:flicker 3s infinite;
}
.hero-left{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.hero-proj{font-size:1.375rem;padding:1.1rem 2.25rem;letter-spacing:0.18em;border-width:2px}
.hero-services{font-size:1rem;padding:0.75rem 1.5rem;letter-spacing:0.16em}
.hero-fade{position:absolute;inset-inline:0;bottom:0;z-index:20;height:7vh;background:linear-gradient(to bottom,transparent,#040610);pointer-events:none}
.hero-name{
  position:absolute;z-index:10;inset-inline:0;bottom:0;transform:translateY(4%);
  display:flex;flex-direction:column;align-items:center;
  font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:0.74;
  color:var(--green);font-size:min(22vw,42svh);
  text-shadow:0 0 0.15em var(--green-glow),0 0 0.4em rgba(109,241,255,0.25);
  animation:flicker 3s infinite;
}
.hero-name .nl{display:block;white-space:nowrap}
.hero-name .ch{display:inline-block;transform:translateY(100%);opacity:0;transition:transform 900ms var(--expo),opacity 900ms var(--expo)}
.hero.in-view .hero-name .ch{transform:none;opacity:1}
@media (max-width:639.98px){
  .hero{padding-bottom:30svh}
  .hero-name,.hero-face{font-size:29vw}
}
.scroll-cue{position:absolute;z-index:30;bottom:2rem;left:var(--gutter);display:flex;align-items:center;gap:0.75rem;font-size:0.8125rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.22em;color:var(--muted)}
.scroll-cue::before{content:"";width:2.5rem;height:1px;background:var(--green);box-shadow:0 0 6px var(--green-glow)}
@media (max-width:639.98px){.scroll-cue{display:none}}

/* ================= Marquee ================= */
.marquee{overflow:hidden;border-top:1px dashed var(--line-strong);border-bottom:1px dashed var(--line-strong);padding:1.75rem 0;background:rgba(5,24,36,0.35)}
.marquee-track{display:flex;width:max-content;flex-wrap:nowrap;animation:marquee 48s linear infinite;will-change:transform}
.marquee-item{display:flex;align-items:center;flex-shrink:0}
.marquee-word{font-family:var(--font-display);font-size:4rem;line-height:1;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 10px var(--green-glow)}
.marquee-dot{margin-inline:2rem;font-family:var(--font-display);font-size:2.5rem;color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}

/* ================= Profile ================= */
.story-grid{display:grid;grid-template-columns:1fr;gap:3rem}
.story-h{max-width:16ch;font-size:4.25rem;line-height:0.92}
.story-body{margin-top:2rem;max-width:46ch;font-size:1.25rem;line-height:1.55;color:var(--text)}
.principle{display:grid;grid-template-columns:auto 1fr;column-gap:1.5rem;border-top:1px dashed var(--line-strong);padding:2rem 0}
.principle:last-child{border-bottom:1px dashed var(--line-strong)}
.principle-num{font-family:var(--font-display);font-size:2.5rem;line-height:0.9;color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}
.principle h3{font-family:var(--font-display);font-weight:400;font-size:2.5rem;line-height:1;text-transform:uppercase;text-shadow:0 0 8px var(--green-glow)}
.principle p{margin-top:0.75rem;max-width:44ch;font-size:1rem;line-height:1.6;color:var(--muted)}
@media (min-width:640px){.story-h{font-size:6.5rem}}
@media (min-width:1024px){
  .story-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}
  .story-left{grid-column:span 6}
  .story-right{grid-column:span 6;padding-top:0.5rem}
}

/* ================= Section heads ================= */
.sec-head{display:flex;flex-direction:column;gap:1.5rem}
@media (min-width:640px){.sec-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}
.sec-label{font-size:0.8125rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.22em;color:var(--muted);white-space:nowrap}
.plain-h{font-size:4.25rem;line-height:0.95}
@media (min-width:640px){.plain-h{font-size:6.5rem}}

/* ================= Skills ================= */
.stats{margin-top:4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px dashed var(--line-strong)}
.stat{display:flex;flex-direction:column;gap:0.75rem;border-bottom:1px dashed var(--line-strong);padding:2rem 0}
.stat:nth-child(2n){border-left:1px dashed var(--line-strong);padding-left:1.25rem}
.stat dd{font-family:var(--font-display);font-size:7rem;line-height:0.85;font-variant-numeric:tabular-nums;color:var(--foreground);text-shadow:0 0 18px var(--green-glow);transition:color 340ms ease-out,text-shadow 340ms ease-out}
.stat:hover dd{color:var(--accent);text-shadow:0 0 18px var(--accent-glow)}
.stat dt{font-size:0.875rem;line-height:1.5;text-transform:uppercase;letter-spacing:0.14em;color:var(--muted)}
@media (min-width:1024px){
  .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stat{padding:3rem 0}
  .stat:not(:nth-child(4n+1)){border-left:1px dashed var(--line-strong);padding-left:2rem}
  .stat dd{font-size:9.5rem}
}

.skill-grid{margin-top:4rem;display:grid;grid-template-columns:1fr;gap:1.25rem}
@media (min-width:640px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sk-panel{
  border:1px solid var(--line-strong);background:var(--surface);padding:0 0 0.75rem;
  box-shadow:inset 0 0 30px rgba(14,74,90,0.25),0 0 18px rgba(109,241,255,0.06);
}
.sk-head{
  display:flex;justify-content:space-between;padding:0.6rem 0.9rem;
  border-bottom:1px dashed var(--line-strong);background:rgba(14,60,76,0.4);
  font-size:0.75rem;letter-spacing:0.16em;text-transform:uppercase;
}
.sk-head span:last-child{color:var(--accent)}
.sk-title{padding:1rem 0.9rem 0.5rem;font-family:var(--font-display);font-size:2rem;line-height:1;text-transform:uppercase;text-shadow:0 0 8px var(--green-glow)}
.sk-list li{
  display:flex;gap:0.9rem;align-items:baseline;padding:0.45rem 0.9rem;
  font-size:0.9375rem;line-height:1.35;color:var(--text);border-left:2px solid transparent;
  transition:background-color 200ms ease-out,border-color 200ms ease-out,color 200ms ease-out;
}
.sk-list li:hover{background:rgba(109,241,255,0.1);border-left-color:var(--green);color:#fff;text-shadow:0 0 6px var(--green-glow)}
.sk-idx{font-size:0.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.sk-list li:hover .sk-idx{color:var(--accent)}

/* ================= Services ================= */
.service-grid{margin-top:4rem;display:grid;grid-template-columns:1fr;gap:1.25rem}
@media (min-width:640px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.service-card{
  position:relative;min-height:12.5rem;padding:1.5rem;border:1px solid var(--line-strong);
  background:var(--surface);box-shadow:inset 0 0 30px rgba(14,74,90,0.2);
}
.service-num{font-family:var(--font-display);font-size:2rem;color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}
.service-card h3{margin-top:1rem;font-family:var(--font-display);font-size:2.2rem;font-weight:400;line-height:1;text-transform:uppercase;text-shadow:0 0 8px var(--green-glow)}
.service-card p{margin-top:0.75rem;max-width:42ch;font-size:0.9375rem;line-height:1.6;color:var(--muted)}
@media (min-width:640px){
  .service-card:nth-child(2){transform:translateY(2rem)}
  .service-card:nth-child(3){transform:translateY(1rem)}
  .service-card:nth-child(4){transform:translateY(3rem)}
}
.service-card-ai{
  border-color:#b8fbff;
  background:linear-gradient(135deg,rgba(109,241,255,0.26),rgba(8,44,58,0.82));
  box-shadow:0 0 18px rgba(109,241,255,0.8),0 0 42px rgba(109,241,255,0.55),inset 0 0 32px rgba(109,241,255,0.4);
}
.service-card-ai .service-num{color:#fff;text-shadow:0 0 8px #fff,0 0 20px #6df1ff}
.service-card-ai h3{font-size:1.8rem;color:#fff;text-shadow:0 0 5px #fff,0 0 14px #6df1ff,0 0 28px #6df1ff}
.service-card-ai p{color:#e9fdff}
.services-contact{margin-top:2rem}

/* ================= Projects ================= */
.ventures-h{max-width:14ch;font-size:4.25rem;line-height:0.92}
@media (min-width:640px){.ventures-h{font-size:6.5rem}}
.ventures-list{margin-top:4rem;display:grid;grid-template-columns:1fr;column-gap:var(--gutter);row-gap:4rem}
@media (min-width:768px){
  .ventures-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ventures-list > li:nth-child(2n){margin-top:6rem}
}
.proj-screen{
  position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;text-align:left;
  border:1px solid var(--line-strong);
  background:radial-gradient(120% 120% at 30% 15%,rgba(14,74,90,0.55),rgba(2,8,14,0.96));
  box-shadow:inset 0 0 60px rgba(14,74,90,0.45);
  transition:border-color 340ms ease-out,box-shadow 340ms ease-out;
}
.proj-screen::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,0.28) 0 1px,transparent 1px 3px);
}
.proj-screen::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,0.55) 100%);
}
.ps-bar{
  position:absolute;top:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;gap:1rem;
  padding:0.55rem 0.9rem;border-bottom:1px solid var(--line);background:rgba(14,60,76,0.35);
  font-size:0.75rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;
}
.ps-bar span:first-child{overflow:hidden;text-overflow:ellipsis}
.ps-live{color:var(--green)}
.ps-live::before{content:"◉ ";animation:blink 1.1s steps(1) infinite}
.ps-live.is-private{color:var(--amber)}
.ps-live.is-private::before{content:"[LOCKED] ";animation:none}
.ps-num{position:absolute;right:1rem;top:2.25rem;font-family:var(--font-display);font-size:9rem;line-height:0.8;color:rgba(109,241,255,0.09)}
.ps-name{
  position:absolute;left:1.25rem;right:1.25rem;top:46%;transform:translateY(-50%);
  font-family:var(--font-display);font-size:3.25rem;line-height:0.88;text-transform:uppercase;
  text-shadow:0 0 18px var(--green-glow);transition:color 340ms ease-out,text-shadow 340ms ease-out;
}
.ps-meta{position:absolute;left:1.25rem;bottom:1rem;font-size:0.75rem;line-height:1.6;color:var(--muted);white-space:pre;letter-spacing:0.06em}
.ps-cta{position:absolute;right:1rem;bottom:1rem;z-index:3;font-size:0.6875rem;padding:0.45rem 0.7rem}
@media (max-width:767.98px){
  .proj-screen{aspect-ratio:4/3}
  .ps-name{font-size:2.5rem;top:38%}
}
@media (min-width:768px){.ps-name{font-size:4.75rem}.ps-meta{font-size:0.8125rem}}
.venture.is-hover .proj-screen,.proj-screen:focus-visible{
  border-color:var(--green);outline:none;
  box-shadow:inset 0 0 60px rgba(14,74,90,0.45),0 0 30px rgba(109,241,255,0.22);
}
.venture.is-hover .ps-name{color:#e9fdff;text-shadow:0 0 24px var(--green),0 0 6px var(--green)}
.venture.is-hover .ps-cta{
  color:#000;text-shadow:none;border-color:transparent;
  background:repeating-linear-gradient(0deg,#5de0ee,#5de0ee 1px,#0a4a5a 1px,#0a4a5a 2px);
}
.venture-row{margin-top:1.5rem;border-top:1px dashed var(--line-strong);padding-top:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}
.venture-row h3{font-family:var(--font-display);font-weight:400;font-size:2.5rem;line-height:1;text-transform:uppercase;color:var(--foreground);text-shadow:0 0 8px var(--green-glow);transition:color 380ms ease-out}
.venture.is-hover .venture-row h3{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}
.venture-row p{margin-top:0.5rem;max-width:42ch;font-size:1rem;line-height:1.6;color:var(--text)}
.venture-meta{flex-shrink:0;text-align:right}
.venture-year{font-size:0.75rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.18em;color:var(--muted)}
.venture-outcome{margin-top:0.75rem}
.venture-cat{margin-top:0.75rem;font-size:0.75rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.22em;color:var(--muted)}

/* ================= KAM Team ================= */
.kam-banner{
  position:relative;overflow:hidden;margin-top:4rem;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0.5rem;
  padding:2.5rem var(--gutter);border:1px solid var(--line-strong);
  background:
    repeating-linear-gradient(0deg,rgba(10,74,90,0.22) 0 1px,transparent 1px 3px),
    radial-gradient(80% 140% at 50% 50%,rgba(14,74,90,0.55),rgba(2,8,14,0.95));
  box-shadow:inset 0 0 60px rgba(14,74,90,0.4),0 0 24px rgba(109,241,255,0.08);
}
.kam-word{font-family:var(--font-display);font-size:3rem;line-height:0.9;text-transform:uppercase;text-shadow:0 0 14px var(--green-glow)}
.kam-word:first-child{text-align:right}
.kam-wide-wrap{display:block;width:9rem;filter:drop-shadow(0 0 0.9rem var(--green-glow))}
.kam-wide{
  display:block;width:100%;aspect-ratio:880/220;background:var(--green);
  -webkit-mask:url("kam-wide.png") center / contain no-repeat;
          mask:url("kam-wide.png") center / contain no-repeat;
}
.kam-sweep{
  position:absolute;top:0;bottom:0;width:30%;left:-30%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(109,241,255,0.12),transparent);
  animation:sweepX 5.5s linear infinite;
}
@media (min-width:640px){.kam-banner{gap:1.5rem}.kam-word{font-size:9rem}.kam-wide-wrap{width:32rem}}

.kam-grid{margin-top:4rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}
@media (min-width:1024px){
  .kam-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter)}
  .kam-quote{grid-column:span 7}
  .kam-emblem{grid-column:span 5}
}
.kam-quote > p:first-child{max-width:24ch;font-family:var(--font-display);font-size:3.25rem;line-height:1;text-transform:uppercase;color:var(--foreground);text-shadow:0 0 10px var(--green-glow)}
@media (min-width:640px){.kam-quote > p:first-child{font-size:4.5rem}}
.kam-quote .qw{display:inline-block;transform:translateY(18px);opacity:0}
.kam-quote.play .qw{transform:none;opacity:1;transition:transform 520ms var(--quart),opacity 520ms var(--quart)}
.kam-quote footer{margin-top:2rem;font-size:0.8125rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.18em;color:var(--accent)}
.kam-body{margin-top:1.5rem;max-width:46ch;font-size:1.0625rem;line-height:1.6;color:var(--text)}

.kam-emblem{position:relative;display:flex;flex-direction:column;align-items:center}
.kam-mark-wrap{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(100%,24rem);aspect-ratio:1;display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 0 1rem var(--green-glow))}
.kam-mark{display:block;width:34%;aspect-ratio:216/295;background:var(--green);
  -webkit-mask:url("kam-logo.png") center / contain no-repeat;
          mask:url("kam-logo.png") center / contain no-repeat;
}
.kam-cap{margin-top:1.25rem;font-size:0.8125rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted)}

/* Radar (from the 80's UI) */
.radar{
  position:relative;width:min(100%,24rem);aspect-ratio:1/1;border:1px solid var(--green);border-radius:50%;
  overflow:hidden;background:radial-gradient(circle at center,rgba(14,60,76,0.4) 0%,rgba(0,0,0,0.85) 70%);
  box-shadow:inset 0 0 40px rgba(109,241,255,0.15),0 0 20px rgba(109,241,255,0.2);
}
.radarGrid{
  position:absolute;inset:0;
  background:
    repeating-linear-gradient(0deg,transparent 0 calc(10% - 1px),rgba(109,241,255,0.2) calc(10% - 1px) 10%),
    repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(109,241,255,0.2) calc(10% - 1px) 10%);
}
.radar::before,.radar::after{content:"";position:absolute;border:1px solid rgba(109,241,255,0.4);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.radar::before{width:66%;height:66%}
.radar::after{width:33%;height:33%}
.radarSweep{
  position:absolute;inset:0;mix-blend-mode:screen;animation:sweep 3.5s linear infinite;
  background:conic-gradient(from 0deg,rgba(109,241,255,0.55) 0deg,rgba(109,241,255,0.15) 20deg,transparent 60deg,transparent 360deg);
}
.blip{
  position:absolute;left:var(--x);top:var(--y);width:6px;height:6px;border-radius:50%;
  background:var(--green);box-shadow:0 0 8px var(--green),0 0 16px var(--green);
  transform:translate(-50%,-50%);opacity:0;animation:blipFade 3.5s ease-out infinite;animation-delay:var(--d,0s);
}

/* ================= Contact / Footer ================= */
.contact{position:relative;padding-top:var(--section);padding-inline:var(--gutter)}
.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}
.contact-info{min-width:0}
@media (min-width:1024px){
  .contact-grid{grid-template-columns:minmax(0,7fr) minmax(20rem,5fr);gap:var(--gutter)}
}
.contact-h{max-width:18ch;font-size:4.75rem;line-height:0.92}
@media (min-width:640px){.contact-h{font-size:8rem}}
.contact-grid .contact-h{font-size:clamp(3.5rem,6.2vw,7.5rem)}
.contact-body{margin-top:2rem;max-width:44ch;font-size:1.25rem;line-height:1.45;color:var(--text)}
.email-wrap{margin-top:3rem}
.email{
  display:inline-flex;align-items:baseline;gap:0.75rem;
  font-family:var(--font-display);font-size:2.5rem;line-height:1;word-break:break-all;
  color:var(--foreground);text-shadow:0 0 14px var(--green-glow);
  transition:transform 340ms ease-out,color 340ms ease-out,text-shadow 340ms ease-out;
}
.email:hover,.email:focus-visible{transform:translateX(14px);color:var(--accent);text-shadow:0 0 14px var(--accent-glow);outline:none}
.email .arrow{color:var(--accent)}
@media (min-width:640px){.email{gap:1rem;font-size:6.5rem;line-height:0.9}}
.contact-grid .email{font-size:clamp(2.5rem,5vw,5.5rem)}
.contact-lines{margin-top:3rem;display:grid;grid-template-columns:1fr;max-width:44rem;border-top:1px dashed var(--line-strong)}
.contact-lines div{display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:0.9rem 0;border-bottom:1px dashed var(--line-strong)}
.contact-lines dt{font-size:0.8125rem;letter-spacing:0.2em;color:var(--accent);padding-top:0.15rem}
.contact-lines dd{font-size:1.125rem;color:var(--text);word-break:break-word}
@media (max-width:639.98px){
  .contact-lines div{grid-template-columns:3.5rem 1fr}
  .contact-lines dd{font-size:1rem}
}
.contact-lines a{transition:color 340ms ease-out,text-shadow 340ms ease-out}
.contact-lines a:hover,.contact-lines a:focus-visible{color:var(--green);text-shadow:0 0 8px var(--green-glow);outline:none}

.footer-bar{margin-top:var(--section);border-top:1px dashed var(--line-strong);padding:3rem 0;display:grid;grid-template-columns:1fr;gap:2.5rem}
.sig{font-family:var(--font-display);font-size:4rem;text-transform:uppercase;line-height:1;text-shadow:0 0 12px var(--green-glow)}
.sig-sub{margin-top:1rem;font-size:0.8125rem;line-height:1.2;text-transform:uppercase;letter-spacing:0.22em;color:var(--muted)}
.social ul{display:flex;flex-direction:column;gap:0.75rem}
.social a{display:inline-flex;align-items:center;font-size:1.0625rem;line-height:1.6;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;transition:color 340ms ease-out}
.social a::before{content:"";height:1px;width:0;margin-right:0;background:var(--green);box-shadow:0 0 6px var(--green-glow);transition:width 340ms var(--expo),margin-right 340ms var(--expo)}
.social a:hover,.social a:focus-visible{color:var(--foreground);text-shadow:0 0 6px var(--green-glow);outline:none}
.social a:hover::before,.social a:focus-visible::before{width:1.5rem;margin-right:0.75rem}
.copyright{font-size:0.8125rem;line-height:1.6;text-transform:uppercase;letter-spacing:0.18em;color:var(--muted)}
@media (min-width:1024px){
  .footer-bar{grid-template-columns:repeat(12,minmax(0,1fr))}
  .fb-left{grid-column:span 6}
  .fb-mid{grid-column:span 3}
  .fb-right{grid-column:span 3;text-align:right}
}

/* ================= Project mount window (from the 80's UI) ================= */
.fx-win{
  position:fixed;z-index:200;display:flex;flex-direction:column;
  background:rgba(2,10,18,0.96);border:1px solid var(--green);
  box-shadow:0 0 30px rgba(109,241,255,0.3),inset 0 0 20px rgba(14,74,90,0.3);
  font-family:var(--font-sans);color:var(--green);font-size:12px;
  animation:winIn 0.2s ease-out;
}
.fx-win.is-closing{animation:winOut 0.25s ease-in forwards}
.fx-boot-pop.is-closing{animation-duration:0.18s}
.fx-win-bar{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:5px 6px 5px 10px;border-bottom:1px solid var(--green);background:rgba(14,60,76,0.5);
  cursor:move;user-select:none;touch-action:none;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;
}
.fx-win-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-win-actions{display:flex;gap:4px;flex-shrink:0}
.fx-win-actions a,.fx-win-actions button{
  display:inline-grid;place-items:center;width:22px;height:22px;line-height:1;
  border:1px solid var(--green-dim);color:var(--green);font-size:12px;font-family:inherit;
}
.fx-win-actions a:hover{background:var(--green);color:#000;border-color:var(--green)}
.fx-win-actions button:hover{background:var(--danger);color:#000;border-color:var(--danger)}
.fx-frame-wrap{position:relative;flex:1;background:#000;overflow:hidden}
.fx-frame{display:block;width:100%;height:100%;border:0;background:#000}
.fx-frame-loading{
  position:absolute;inset:0;z-index:2;padding:20px;font-size:13px;line-height:1.6;
  background:rgba(2,10,18,0.94);text-shadow:0 0 6px var(--green-glow);
}
.fx-win-foot{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  padding:6px 10px;border-top:1px dashed var(--green-dim);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--green-dim);
}
.fx-win-foot a{color:var(--green);border:1px solid var(--green);padding:3px 8px}
.fx-win-foot a:hover{background:var(--green);color:#000}

/* Projects console + side meta log (from the 80's UI) */
.fx-projects{max-height:68vh;min-height:160px}
.fx-proj-body{flex:1;overflow-y:auto;padding:6px 0;font-size:13px}
.fx-proj-cmd{padding:2px 10px 8px;color:var(--green-dim)}
.fx-proj-line{
  display:block;padding:4px 10px;letter-spacing:0.06em;border-left:2px solid transparent;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 4px var(--green-glow);
  opacity:0;animation:projIn 0.22s ease-out forwards;
}
.fx-proj-line-button{width:100%;text-align:left;background:none;color:inherit;font:inherit;cursor:pointer}
.fx-proj-line:hover,.fx-proj-line:focus-visible{background:rgba(109,241,255,0.1);border-left-color:var(--green);outline:none;color:#fff}
.fx-proj-line .idx{opacity:0.55;padding-right:6px}
.fx-proj-line .host{opacity:0.55;font-size:0.85em;padding-left:8px}
.fx-proj-foot{padding:4px 10px;border-top:1px dashed var(--green-dim);font-size:10px;letter-spacing:0.1em;opacity:0.65;text-transform:uppercase}
.fx-privacy-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,0.78);backdrop-filter:blur(3px)}
.fx-privacy{position:relative;left:auto!important;top:auto!important;width:min(560px,100%);max-height:90vh}
.fx-privacy-body{overflow-y:auto;padding:1.25rem;font-size:0.875rem;line-height:1.7;color:var(--text)}
.fx-privacy-project{margin-bottom:0.85rem;color:var(--amber);text-transform:uppercase;letter-spacing:0.12em}
.fx-privacy-disclaimer{margin-top:0.9rem;color:var(--muted);font-size:0.75rem}
.fx-privacy-status{margin-top:1rem;color:var(--green);font-size:0.75rem;letter-spacing:0.08em}
.fx-side-body{margin:0;padding:8px 10px;min-height:220px;font-family:inherit;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-all}
.fx-ok{color:var(--green);text-shadow:0 0 4px var(--green-glow)}
.fx-warn{color:var(--amber);text-shadow:0 0 4px rgba(255,170,0,0.6)}

/* ================= Animations ================= */
@keyframes projIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0.1}}
@keyframes flicker{0%,100%{opacity:1}48%{opacity:1}49%{opacity:0.88}50%{opacity:1}52%{opacity:0.94}53%{opacity:1}}
@keyframes flicker2{0%{opacity:0.85}100%{opacity:1}}
@keyframes scanShift{0%{background-position:0 0}100%{background-position:0 100px}}
@keyframes sweep{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes sweepX{0%{left:-30%}100%{left:100%}}
@keyframes blipFade{0%{opacity:0}5%{opacity:1}40%{opacity:0.7}100%{opacity:0}}
@keyframes winIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}
@keyframes winOut{to{opacity:0;transform:scale(0.9) skewX(14deg);filter:blur(3px)}}
@keyframes glitch{
  0%  {transform:translate(0,0)}
  20% {transform:translate(-3px,1px);text-shadow:3px 0 #f00,-3px 0 #0ff,0 0 8px var(--green-glow);clip-path:inset(10% 0 40% 0)}
  40% {transform:translate(3px,-1px);text-shadow:-3px 0 #f00,3px 0 #0ff,0 0 8px var(--green-glow);clip-path:inset(60% 0 10% 0)}
  60% {transform:translate(-2px,2px);text-shadow:2px 0 #f00,-2px 0 #0ff;clip-path:inset(30% 0 30% 0)}
  100%{transform:translate(0,0);clip-path:none}
}

/* ================= Reduced motion ================= */
@media (prefers-reduced-motion: reduce){
  .fx-matrix{display:none !important}
  .hero-face{opacity:1;transition:none}
  .fx-proj-line{animation:none !important;opacity:1}
  .marquee-track,.crt-scanlines,.hero-name,.kam-sweep,.radarSweep,.blip{animation:none !important}
  .reveal,.split .line-inner,.hero-roles .line-inner,.hero-name .ch,.kam-quote .qw,.mobile-menu a{
    opacity:1 !important;transform:none !important;transition:none !important;
  }
  .split:not(.is-split){visibility:visible}
}
.rm .reveal,.rm .split .line-inner,.rm .hero-roles .line-inner,.rm .hero-name .ch,.rm .kam-quote .qw{
  opacity:1 !important;transform:none !important;transition:none !important;
}
.rm .split:not(.is-split){visibility:visible}