:root {
    --red: #E63946;
    --red-rgb: 230,57,70;
    --redGlow: #FF2E40;
    --cosmic-ice: #E9EDF8;
    --cosmic-muted: #8B90A3;
    --cosmic-dim: #585F73;
    --glowMul: 1;
    --font-sans: 'Archivo', ui-sans-serif, system-ui, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    --font-display: var(--font-sans);
    --font-brand: 'Orbitron', var(--font-sans);
  }
  html { scroll-behavior: smooth; }
  body { background:#000; color:#fff; font-family:var(--font-sans); -webkit-font-smoothing:antialiased; }
  a, button { touch-action: manipulation; -webkit-tap-highlight-color: rgba(var(--red-rgb), .24); }
  button { font: inherit; }
  section.border-t,
  footer.border-t {
    border-top-color:transparent !important;
  }
  .mono { font-family:var(--font-mono); }
  .tnum { font-variant-numeric: tabular-nums; }

  .eyebrow { font-family:var(--font-mono); font-size:11px; letter-spacing:0.28em; text-transform:uppercase; color:#A0A0A0; display:inline-flex; align-items:center; gap:10px; }
  .eyebrow::before { content:""; width:6px; height:6px; border-radius:999px; background:var(--red); box-shadow:0 0 calc(10px * var(--glowMul)) rgba(var(--red-rgb),0.45); flex:none; }

  .brand-dot { width:7px; height:7px; border-radius:999px; background:var(--red); box-shadow:0 0 calc(10px * var(--glowMul)) rgba(var(--red-rgb),0.6); animation:brandPulse 4s ease-in-out infinite; }
  @keyframes brandPulse {
    0%,70%,100% { opacity:1; transform:scale(1); box-shadow:0 0 calc(8px * var(--glowMul)) rgba(var(--red-rgb),0.5); }
    78% { opacity:0.4; transform:scale(0.8); box-shadow:0 0 0 rgba(var(--red-rgb),0); }
    86% { opacity:1; transform:scale(1.3); box-shadow:0 0 calc(16px * var(--glowMul)) rgba(var(--red-rgb),0.9); }
  }

  /* Starfield - canvas version (V3 treatment) */
  .stars {
    position:fixed; inset:0; pointer-events:none; z-index:0;
    display: none; /* replaced by canvas below */
  }
  #sfCanvas {
    position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0;
  }

  .nebula {
    position:absolute; inset:-10%;
    background: radial-gradient(55% 45% at 55% 42%, rgba(255,255,255,0.022), transparent 65%);
    filter:blur(60px);
    animation:nebulaDrift 60s ease-in-out infinite alternate; pointer-events:none;
  }
  @keyframes nebulaDrift { 0%{transform:translate3d(0,0,0) scale(1);} 100%{transform:translate3d(2%,-1%,0) scale(1.05);} }

  .card { position:relative; border:1px solid #1F1F1F; background:#0A0A0A; transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
  .card:hover, .card:focus-visible { transform:translateY(-4px); border-color:var(--red); box-shadow: 0 8px 30px rgba(var(--red-rgb),0.10), 0 0 calc(60px * var(--glowMul)) -20px rgba(var(--red-rgb),0.35); }
  .card:focus-visible { outline:none; }

  :focus-visible { outline:1px solid var(--red); outline-offset:2px; }

	  .nav {
    background:transparent;
    border-bottom:1px solid transparent;
    box-shadow:none;
    transition:background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
  }
	  .nav.scrolled {
    background:#000;
    border-bottom-color:rgba(154,166,204,.16);
    box-shadow:0 18px 34px rgba(0,0,0,.58);
  }
  .nav-brand { font-family:var(--font-brand); font-weight:900; letter-spacing:.11em; line-height:1; }
  .nav .brand-text { color:var(--cosmic-ice) !important; }
  .nav .brand-dot { flex:none; position:relative; top:1px; transform-origin:center; }
  .nav-menu { font-weight:600; letter-spacing:.20em; color:var(--cosmic-muted) !important; }
  .nav-menu a { transition:color .18s ease, text-shadow .18s ease; }
  .nav-menu a:hover { color:var(--cosmic-ice) !important; text-shadow:0 0 14px rgba(155,174,255,.18), 0 0 18px rgba(var(--red-rgb),.16); }
  .hero-title {
    font-family:var(--font-brand);
    font-weight:900;
    letter-spacing:-0.035em;
    text-transform:uppercase;
    font-size:clamp(44px, 7vw, 82px);
    line-height:.88;
  }
  .display-title {
    font-family:var(--font-display);
    font-weight:900;
    letter-spacing:-0.045em;
    line-height:.94;
    font-size:clamp(40px, 5vw, 62px);
  }
  .display-subtitle {
    font-family:var(--font-display);
    font-weight:800;
    letter-spacing:-0.035em;
    line-height:1;
    font-size:clamp(28px, 3.2vw, 42px);
  }
  .display-card-title {
    font-family:var(--font-display);
    font-weight:800;
    letter-spacing:-0.018em;
    font-size:14px;
  }
  .brand-text, .headline-effect {
    --header-shift-x: 0px;
    --header-shift-y: 0px;
    --header-track: 0em;
    --header-tilt: 0deg;
    --header-scan-scale: .14;
    --header-scan-opacity: .16;
    --header-red-alpha: 0;
    --header-white-alpha: 0;
    --header-ice-alpha: 0;
    --header-glitch-x: 0px;
    --header-glitch-neg: 0px;
    --header-opacity: 1;
    --header-light-x: 50%;
    --header-light-y: 46%;
    --header-band-x: 50%;
    --header-shine-x: 50%;
    --header-shine-y: 50%;
    --header-flow-x: 0px;
    --header-metal-alpha: 0;
    --header-shine-alpha: 0;
    position:relative;
    display:inline-block;
    transition:letter-spacing .18s ease, color .18s ease, text-shadow .12s ease, opacity .18s ease, transform .12s ease;
  }
  body[data-header-finish="chrome"] .brand-text,
  body[data-header-finish="chrome"] .headline-effect,
  body[data-header-finish="silverv2"] .brand-text,
  body[data-header-finish="silverv2"] .headline-effect,
  body[data-header-finish="brightchrome"] .brand-text,
  body[data-header-finish="brightchrome"] .headline-effect,
  body[data-header-finish="balancedchrome"] .brand-text,
  body[data-header-finish="balancedchrome"] .headline-effect,
  body[data-header-finish="realchrome"] .brand-text,
  body[data-header-finish="realchrome"] .headline-effect,
  body[data-header-finish="cleanbrightchrome"] .brand-text,
  body[data-header-finish="cleanbrightchrome"] .headline-effect,
  body[data-header-finish="shimmerchrome"] .brand-text,
  body[data-header-finish="shimmerchrome"] .headline-effect,
  body[data-header-finish="specularchrome"] .brand-text,
  body[data-header-finish="specularchrome"] .headline-effect,
  body[data-header-finish="hardmirror"] .brand-text,
  body[data-header-finish="hardmirror"] .headline-effect,
  body[data-header-finish="sweepmirror"] .brand-text,
  body[data-header-finish="sweepmirror"] .headline-effect,
  body[data-header-finish="blackmirror"] .brand-text,
  body[data-header-finish="blackmirror"] .headline-effect,
  body[data-header-finish="champagnemirror"] .brand-text,
  body[data-header-finish="champagnemirror"] .headline-effect,
  body[data-header-finish="polishedchrome"] .brand-text,
  body[data-header-finish="polishedchrome"] .headline-effect,
  body[data-header-finish="mirrorchrome"] .brand-text,
  body[data-header-finish="mirrorchrome"] .headline-effect,
  body[data-header-finish="liquidmetal"] .brand-text,
  body[data-header-finish="liquidmetal"] .headline-effect,
  body[data-header-finish="steel"] .brand-text,
  body[data-header-finish="steel"] .headline-effect,
  body[data-header-finish="redchrome"] .brand-text,
  body[data-header-finish="redchrome"] .headline-effect,
  body[data-header-finish="darkmetal"] .brand-text,
  body[data-header-finish="darkmetal"] .headline-effect {
    color:transparent !important;
    -webkit-background-clip:text;
    background-clip:text;
    text-shadow:
      0 0 calc(18px * var(--glowMul)) rgba(210,220,255, calc(var(--header-metal-alpha) * .16)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .25));
  }
  body[data-header-finish="chrome"] .brand-text,
  body[data-header-finish="chrome"] .headline-effect {
    background-image:
      linear-gradient(76deg, transparent 0 calc(var(--header-band-x) - 18%), rgba(255,255,255,calc(var(--header-metal-alpha) * .88)) calc(var(--header-band-x) - 7%), rgba(255,255,255,calc(var(--header-metal-alpha) * .20)) calc(var(--header-band-x) + 6%), transparent calc(var(--header-band-x) + 20%) 100%),
      linear-gradient(112deg, #f8fbff 0%, #808895 14%, #ffffff 24%, #b1b8c3 37%, #535a65 48%, #f4f7ff 60%, #8e98a6 72%, #ffffff 84%, #aeb6c2 100%);
  }
  body[data-header-finish="silverv2"] .brand-text,
  body[data-header-finish="silverv2"] .headline-effect {
    background-image:
      linear-gradient(74deg, transparent 0 calc(var(--header-shine-x) - 34%), rgba(255,255,255,calc(var(--header-shine-alpha) * .14)) calc(var(--header-shine-x) - 20%), rgba(255,255,255,calc(var(--header-shine-alpha) * .88)) calc(var(--header-shine-x) - 7%), rgba(230,236,248,calc(var(--header-shine-alpha) * .34)) calc(var(--header-shine-x) + 8%), transparent calc(var(--header-shine-x) + 30%) 100%),
      linear-gradient(112deg, #f8fbff 0%, #7f8793 13%, #ffffff 24%, #b7bfcb 37%, #4f5661 48%, #f5f8ff 60%, #8792a0 72%, #ffffff 84%, #b9c2ce 100%);
    text-shadow:
      0 0 calc(20px * var(--glowMul)) rgba(245,249,255, calc(var(--header-shine-alpha) * .18)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .10));
  }
  body[data-header-finish="brightchrome"] .brand-text,
  body[data-header-finish="brightchrome"] .headline-effect {
    background-image:
      linear-gradient(72deg, transparent 0 calc(var(--header-band-x) - 28%), rgba(255,255,255,calc(var(--header-shine-alpha) * .18)) calc(var(--header-band-x) - 18%), rgba(255,255,255,calc(var(--header-shine-alpha) * 1)) calc(var(--header-band-x) - 5%), rgba(255,255,255,calc(var(--header-shine-alpha) * .46)) calc(var(--header-band-x) + 9%), transparent calc(var(--header-band-x) + 28%) 100%),
      linear-gradient(112deg, #ffffff 0%, #b9c0ca 10%, #ffffff 20%, #dce2ea 32%, #7d8590 43%, #ffffff 54%, #eef3ff 64%, #a9b2bf 75%, #ffffff 87%, #dbe2ea 100%);
    text-shadow:
      0 0 calc(16px * var(--glowMul)) rgba(240,246,255, calc(var(--header-metal-alpha) * .18)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .16));
  }
  body[data-header-finish="balancedchrome"] .brand-text,
  body[data-header-finish="balancedchrome"] .headline-effect {
    background-image:
      linear-gradient(76deg, transparent 0 calc(var(--header-shine-x) - 26%), rgba(255,255,255,calc(var(--header-shine-alpha) * .12)) calc(var(--header-shine-x) - 17%), rgba(255,255,255,calc(var(--header-shine-alpha) * .76)) calc(var(--header-shine-x) - 5%), rgba(220,228,240,calc(var(--header-shine-alpha) * .30)) calc(var(--header-shine-x) + 8%), transparent calc(var(--header-shine-x) + 26%) 100%),
      linear-gradient(112deg, #ffffff 0%, #9ea6b2 12%, #ffffff 23%, #c7ceda 34%, #535b66 46%, #f7fbff 57%, #9aa5b5 70%, #ffffff 83%, #c1cad5 100%);
    text-shadow:
      0 0 calc(16px * var(--glowMul)) rgba(235,242,255, calc(var(--header-shine-alpha) * .14)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .12));
  }
  body[data-header-finish="realchrome"] .brand-text,
  body[data-header-finish="realchrome"] .headline-effect {
    background-image:
      linear-gradient(74deg, transparent 0 calc(var(--header-shine-x) - 30%), rgba(255,255,255,calc(var(--header-shine-alpha) * .18)) calc(var(--header-shine-x) - 18%), rgba(255,255,255,calc(var(--header-shine-alpha) * .82)) calc(var(--header-shine-x) - 7%), rgba(120,132,150,calc(var(--header-shine-alpha) * .34)) calc(var(--header-shine-x) + 7%), transparent calc(var(--header-shine-x) + 28%) 100%),
      linear-gradient(180deg,
        #f7f9fb 0%,
        #d9dee5 9%,
        #ffffff 15%,
        #8c94a0 23%,
        #353b44 32%,
        #11151b 42%,
        #eef2f7 51%,
        #ffffff 57%,
        #777f8b 66%,
        #222832 77%,
        #c5ccd5 88%,
        #f7fafc 100%);
    text-shadow:
      0 0 calc(12px * var(--glowMul)) rgba(255,255,255, calc(var(--header-shine-alpha) * .10)),
      0 0 calc(18px * var(--glowMul)) rgba(165,180,210, calc(var(--header-metal-alpha) * .12));
  }
  body[data-header-finish="cleanbrightchrome"] .brand-text,
  body[data-header-finish="cleanbrightchrome"] .headline-effect {
    background-image:
      linear-gradient(78deg, transparent 0 calc(var(--header-shine-x) - 30%), rgba(255,255,255,calc(var(--header-shine-alpha) * .16)) calc(var(--header-shine-x) - 18%), rgba(255,255,255,calc(var(--header-shine-alpha) * .92)) calc(var(--header-shine-x) - 6%), rgba(235,241,252,calc(var(--header-shine-alpha) * .40)) calc(var(--header-shine-x) + 8%), transparent calc(var(--header-shine-x) + 30%) 100%),
      linear-gradient(112deg, #ffffff 0%, #cdd4df 9%, #ffffff 18%, #eef3fb 29%, #8b94a1 41%, #ffffff 51%, #f8fbff 61%, #a7b1c0 72%, #ffffff 84%, #d6dee8 100%);
    text-shadow:
      0 0 calc(18px * var(--glowMul)) rgba(245,249,255, calc(var(--header-shine-alpha) * .18)),
      0 0 calc(26px * var(--glowMul)) rgba(210,220,245, calc(var(--header-metal-alpha) * .12)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .12));
  }
  body[data-header-finish="shimmerchrome"] .brand-text,
  body[data-header-finish="shimmerchrome"] .headline-effect {
    background-image:
      linear-gradient(68deg, transparent 0 calc(var(--header-shine-x) - 30%), rgba(255,255,255,calc(var(--header-shine-alpha) * .72)) calc(var(--header-shine-x) - 16%), transparent calc(var(--header-shine-x) - 9%), rgba(255,255,255,calc(var(--header-shine-alpha) * .98)) calc(var(--header-shine-x) - 2%), rgba(255,255,255,calc(var(--header-shine-alpha) * .24)) calc(var(--header-shine-x) + 7%), transparent calc(var(--header-shine-x) + 28%) 100%),
      linear-gradient(104deg, #ffffff 0%, #7d8490 13%, #f7faff 24%, #b5becb 35%, #262b33 48%, #ffffff 60%, #8c96a4 72%, #f6f9ff 84%, #b8c1ce 100%);
    text-shadow:
      0 0 calc(22px * var(--glowMul)) rgba(245,248,255, calc(var(--header-metal-alpha) * .22)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .16));
  }
  body[data-header-finish="specularchrome"] .brand-text,
  body[data-header-finish="specularchrome"] .headline-effect {
    background-image:
      linear-gradient(90deg, transparent 0 calc(var(--header-shine-x) - 24%), rgba(255,255,255,calc(var(--header-shine-alpha) * .16)) calc(var(--header-shine-x) - 12%), rgba(255,255,255,calc(var(--header-shine-alpha) * 1)) calc(var(--header-shine-x) - 2%), rgba(175,187,210,calc(var(--header-shine-alpha) * .42)) calc(var(--header-shine-x) + 8%), transparent calc(var(--header-shine-x) + 26%) 100%),
      linear-gradient(180deg, #ffffff 0%, #9aa2af 15%, #f9fbff 27%, #292e37 43%, #0a0c10 50%, #f4f7fc 59%, #7f8998 73%, #ffffff 86%, #4e5866 100%);
    text-shadow:
      0 0 calc(30px * var(--glowMul)) rgba(255,255,255, calc(var(--header-metal-alpha) * .18)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .14));
  }
  body[data-header-finish="hardmirror"] .brand-text,
  body[data-header-finish="hardmirror"] .headline-effect {
    background-image:
      linear-gradient(70deg, transparent 0 calc(var(--header-shine-x) - 28%), rgba(255,255,255,calc(var(--header-shine-alpha) * .18)) calc(var(--header-shine-x) - 16%), rgba(255,255,255,calc(var(--header-shine-alpha) * 1)) calc(var(--header-shine-x) - 4%), rgba(255,255,255,calc(var(--header-shine-alpha) * .85)) var(--header-shine-x), rgba(70,78,92,calc(var(--header-shine-alpha) * .50)) calc(var(--header-shine-x) + 10%), transparent calc(var(--header-shine-x) + 28%) 100%),
      linear-gradient(180deg, #ffffff 0%, #f4f7ff 12%, #555d6b 23%, #0b0d11 35%, #eef2f8 46%, #ffffff 54%, #15191f 66%, #7c8797 78%, #ffffff 90%, #343a44 100%);
    text-shadow:
      0 0 calc(34px * var(--glowMul)) rgba(255,255,255, calc(var(--header-shine-alpha) * .22)),
      0 0 calc(18px * var(--glowMul)) rgba(160,178,220, calc(var(--header-metal-alpha) * .20));
  }
  body[data-header-finish="sweepmirror"] .brand-text,
  body[data-header-finish="sweepmirror"] .headline-effect {
    background-image:
      linear-gradient(64deg, transparent 0 calc(var(--header-shine-x) - 36%), rgba(255,255,255,calc(var(--header-shine-alpha) * .10)) calc(var(--header-shine-x) - 24%), rgba(255,255,255,calc(var(--header-shine-alpha) * 1)) calc(var(--header-shine-x) - 11%), rgba(255,255,255,calc(var(--header-shine-alpha) * .94)) calc(var(--header-shine-x) - 3%), rgba(120,132,154,calc(var(--header-shine-alpha) * .42)) calc(var(--header-shine-x) + 12%), transparent calc(var(--header-shine-x) + 38%) 100%),
      repeating-linear-gradient(180deg, #ffffff 0 10%, #8d96a5 10% 18%, #1a1e25 18% 27%, #f3f6fb 27% 42%, #5d6675 42% 52%, #ffffff 52% 66%, #242a33 66% 76%, #aeb8c8 76% 88%, #ffffff 88% 100%);
    text-shadow:0 0 calc(28px * var(--glowMul)) rgba(255,255,255, calc(var(--header-shine-alpha) * .20));
  }
  body[data-header-finish="blackmirror"] .brand-text,
  body[data-header-finish="blackmirror"] .headline-effect {
    background-image:
      linear-gradient(74deg, transparent 0 calc(var(--header-shine-x) - 30%), rgba(255,255,255,calc(var(--header-shine-alpha) * .90)) calc(var(--header-shine-x) - 5%), rgba(120,132,154,calc(var(--header-shine-alpha) * .38)) calc(var(--header-shine-x) + 9%), transparent calc(var(--header-shine-x) + 26%) 100%),
      linear-gradient(180deg, #e8edf5 0%, #3e4653 18%, #07090d 34%, #111720 48%, #ffffff 55%, #252c36 63%, #06080b 78%, #8f9bad 91%, #222832 100%);
    text-shadow:
      0 0 calc(18px * var(--glowMul)) rgba(255,255,255, calc(var(--header-shine-alpha) * .12)),
      0 0 calc(26px * var(--glowMul)) rgba(var(--red-rgb), calc(var(--header-red-alpha) * .12));
  }
  body[data-header-finish="champagnemirror"] .brand-text,
  body[data-header-finish="champagnemirror"] .headline-effect {
    background-image:
      linear-gradient(70deg, transparent 0 calc(var(--header-shine-x) - 34%), rgba(255,255,255,calc(var(--header-shine-alpha) * .20)) calc(var(--header-shine-x) - 20%), rgba(255,250,230,calc(var(--header-shine-alpha) * .96)) calc(var(--header-shine-x) - 5%), rgba(96,88,72,calc(var(--header-shine-alpha) * .44)) calc(var(--header-shine-x) + 10%), transparent calc(var(--header-shine-x) + 34%) 100%),
      repeating-linear-gradient(104deg, #f8f1db 0 8%, #9a927e 8% 17%, #fdf7e7 17% 28%, #575044 28% 38%, #d7c9aa 38% 48%, #fff8e6 48% 59%, #6b6354 59% 70%, #e8dcc2 70% 82%, #302c27 82% 91%, #fff7df 91% 100%);
    text-shadow:
      0 0 calc(18px * var(--glowMul)) rgba(255,244,210, calc(var(--header-shine-alpha) * .22)),
      0 0 calc(28px * var(--glowMul)) rgba(120,104,72, calc(var(--header-metal-alpha) * .18));
  }
  body[data-header-finish="polishedchrome"] .brand-text,
  body[data-header-finish="polishedchrome"] .headline-effect {
    background-image:
      linear-gradient(76deg, transparent 0 calc(var(--header-band-x) - 14%), rgba(255,255,255,calc(var(--header-metal-alpha) * .48)) calc(var(--header-band-x) - 4%), rgba(255,255,255,calc(var(--header-metal-alpha) * .14)) calc(var(--header-band-x) + 5%), transparent calc(var(--header-band-x) + 17%) 100%),
      linear-gradient(112deg, #ffffff 0%, #89909c 12%, #ffffff 23%, #c7ceda 35%, #414752 48%, #fbfdff 58%, #8b94a3 72%, #ffffff 84%, #bec6d1 100%);
    text-shadow:
      0 0 calc(16px * var(--glowMul)) rgba(230,237,255, calc(var(--header-metal-alpha) * .16)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .18));
  }
  body[data-header-finish="mirrorchrome"] .brand-text,
  body[data-header-finish="mirrorchrome"] .headline-effect {
    background-image:
      linear-gradient(90deg, transparent 0 calc(var(--header-band-x) - 14%), rgba(255,255,255,calc(var(--header-metal-alpha) * .96)) calc(var(--header-band-x) - 4%), rgba(255,255,255,calc(var(--header-metal-alpha) * .22)) calc(var(--header-band-x) + 8%), transparent calc(var(--header-band-x) + 22%) 100%),
      linear-gradient(180deg, #ffffff 0%, #adb4bf 16%, #f9fbff 28%, #323740 42%, #0c0e12 50%, #f2f5fa 57%, #7f8794 70%, #ffffff 84%, #515a67 100%);
    text-shadow:
      0 0 calc(24px * var(--glowMul)) rgba(255,255,255, calc(var(--header-metal-alpha) * .16)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .18));
  }
  body[data-header-finish="liquidmetal"] .brand-text,
  body[data-header-finish="liquidmetal"] .headline-effect {
    background-image:
      linear-gradient(76deg, transparent 0 calc(var(--header-band-x) - 22%), rgba(255,255,255,calc(var(--header-metal-alpha) * .58)) calc(var(--header-band-x) - 8%), rgba(178,194,232,calc(var(--header-metal-alpha) * .20)) calc(var(--header-band-x) + 10%), transparent calc(var(--header-band-x) + 28%) 100%),
      repeating-linear-gradient(112deg, #f7fbff 0 9%, #7d8797 9% 18%, #dce5f4 18% 31%, #59657b 31% 43%, #eef5ff 43% 57%, #93a1bf 57% 70%, #ffffff 70% 82%, #677180 82% 100%);
    background-position:var(--header-flow-x) 0, calc(var(--header-flow-x) * -0.35) 0;
    filter:saturate(1.05);
  }
  body[data-header-finish="steel"] .brand-text,
  body[data-header-finish="steel"] .headline-effect {
    background-image:
      linear-gradient(90deg, transparent 0 calc(var(--header-band-x) - 16%), rgba(210,225,255,calc(var(--header-metal-alpha) * .62)) calc(var(--header-band-x) - 3%), rgba(94,126,205,calc(var(--header-metal-alpha) * .22)) calc(var(--header-band-x) + 10%), transparent calc(var(--header-band-x) + 24%) 100%),
      repeating-linear-gradient(180deg, rgba(255,255,255,.26) 0 1px, transparent 1px 7px),
      linear-gradient(112deg, #f3f7ff 0%, #58677f 18%, #c9d4ef 31%, #202734 47%, #8090b8 62%, #eef3ff 78%, #64718e 100%);
  }
  body[data-header-finish="redchrome"] .brand-text,
  body[data-header-finish="redchrome"] .headline-effect {
    background-image:
      linear-gradient(76deg, transparent 0 calc(var(--header-band-x) - 18%), rgba(255,255,255,calc(var(--header-shine-alpha) * .82)) calc(var(--header-band-x) - 6%), rgba(255,46,64,calc(var(--header-shine-alpha) * .36)) calc(var(--header-band-x) + 8%), transparent calc(var(--header-band-x) + 22%) 100%),
      radial-gradient(ellipse at var(--header-shine-x) var(--header-shine-y), rgba(var(--red-rgb), calc(var(--header-metal-alpha) * .18)) 0 8%, transparent 28%),
      linear-gradient(112deg, #fff 0%, #651018 15%, #ff3346 28%, #1b0608 45%, #e7edf8 57%, #a81827 70%, #ff6a76 84%, #3a070d 100%);
    text-shadow:
      0 0 calc(22px * var(--glowMul)) rgba(var(--red-rgb), calc(var(--header-metal-alpha) * .22)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), calc(var(--header-red-alpha) * .35));
  }
  body[data-header-finish="darkmetal"] .brand-text,
  body[data-header-finish="darkmetal"] .headline-effect {
    background-image:
      linear-gradient(76deg, transparent 0 calc(var(--header-band-x) - 12%), rgba(255,255,255,calc(var(--header-shine-alpha) * .42)) calc(var(--header-band-x) - 2%), rgba(180,188,210,calc(var(--header-shine-alpha) * .12)) calc(var(--header-band-x) + 7%), transparent calc(var(--header-band-x) + 18%) 100%),
      linear-gradient(112deg, #dfe5f0 0%, #32343a 15%, #858c9b 28%, #07080a 45%, #c6ccd8 58%, #202329 73%, #f2f5ff 84%, #505761 100%);
    filter:brightness(.88) contrast(1.12);
  }
  body[data-header-effect]:not([data-header-effect="none"]) .brand-text,
  body[data-header-effect]:not([data-header-effect="none"]) .headline-effect {
    transform:translate3d(var(--header-shift-x), var(--header-shift-y), 0);
  }
  body[data-header-effect="tracking"] .brand-text { letter-spacing:calc(0.18em + var(--header-track)); color:#fff; }
  body[data-header-effect="scanline"] .brand-text::after {
    content:""; position:absolute; left:0; right:0; bottom:-7px; height:1px;
    background:linear-gradient(90deg, transparent, var(--red), transparent);
    transform:scaleX(var(--header-scan-scale)); transform-origin:left; opacity:var(--header-scan-opacity);
  }
  @keyframes headerScan { 0%{transform:scaleX(0);opacity:0} 20%{opacity:1} 100%{transform:scaleX(1);opacity:.85} }
  @keyframes headerScanIdle { 0%,100%{opacity:.35;transform:scaleX(.28)} 45%,60%{opacity:.9;transform:scaleX(1)} }
  body[data-header-effect="glitch"] .brand-text {
    text-shadow:var(--header-glitch-x) 0 rgba(var(--red-rgb), var(--header-red-alpha)), var(--header-glitch-neg) 0 rgba(255,255,255,var(--header-white-alpha));
  }
  body[data-header-effect="glitch"] .brand-text.is-header-active { animation:headerGlitch .22s steps(2,end); }
  @keyframes headerGlitch {
    0%,100% { transform:none; }
    5% { transform:translateX(-1px); }
    7% { transform:translateX(1px); }
    9% { transform:translateX(-.5px); }
    11% { transform:none; }
  }
  body[data-header-effect="dotmatrix"] .brand-text { font-family:'DotGothic16', var(--font-mono); letter-spacing:.24em; }
  body[data-header-effect="flicker"] .brand-text { opacity:var(--header-opacity); text-shadow:0 0 10px rgba(var(--red-rgb), var(--header-red-alpha)); }
  body[data-header-effect="constructivist"] .brand-text {
    letter-spacing:calc(.22em + var(--header-track));
    text-transform:uppercase;
    text-shadow:var(--header-glitch-x) 0 rgba(var(--red-rgb), var(--header-red-alpha));
  }
  body[data-header-effect="constructivist"] .brand-text::before {
    content:""; position:absolute; left:-17px; top:50%; width:9px; height:9px;
    border:1px solid var(--red); transform:translateY(-50%) rotate(45deg);
    box-shadow:0 0 14px rgba(var(--red-rgb), .42);
  }
  body[data-header-effect="constructivist"] .brand-text::after {
    content:""; position:absolute; left:0; right:calc(100% - 42px); bottom:-9px; height:1px;
    background:linear-gradient(90deg, var(--red), rgba(255,255,255,.4), transparent);
    transform:scaleX(var(--header-scan-scale)); transform-origin:left;
    opacity:var(--header-scan-opacity);
  }
  body[data-header-effect="tracking"] .headline-effect { letter-spacing:calc(-0.025em + var(--header-track)); }
  body[data-header-effect="scanline"] .headline-effect::after {
    content:""; position:absolute; left:2px; right:8px; bottom:-16px; height:1px;
    background:linear-gradient(90deg, var(--red), rgba(255,255,255,.45), transparent);
    transform:scaleX(var(--header-scan-scale)); transform-origin:left; opacity:var(--header-scan-opacity);
  }
  body[data-header-effect="glitch"] .headline-effect {
    text-shadow:var(--header-glitch-x) 0 rgba(var(--red-rgb), var(--header-red-alpha)), var(--header-glitch-neg) 0 rgba(255,255,255,var(--header-white-alpha));
  }
  body[data-header-effect="glitch"] .headline-effect.is-header-active { animation:headerGlitch .22s steps(2,end); }
  body[data-header-effect="dotmatrix"] .headline-effect { font-family:'DotGothic16', var(--font-mono); letter-spacing:.015em; }
  body[data-header-effect="flicker"] .headline-effect { opacity:var(--header-opacity); text-shadow:0 0 18px rgba(var(--red-rgb), var(--header-red-alpha)); }
  body[data-header-effect="constructivist"] .headline-effect {
    letter-spacing:calc(-0.02em + var(--header-track));
    text-shadow:
      var(--header-glitch-x) 0 rgba(var(--red-rgb), var(--header-red-alpha)),
      0 0 22px rgba(var(--red-rgb), .12);
  }
  body[data-header-effect="constructivist"] .headline-effect::before {
    content:""; position:absolute; left:-22px; top:.08em; bottom:.06em; width:2px;
    background:linear-gradient(180deg, var(--red), transparent 44%, rgba(255,255,255,.34), transparent);
    opacity:.62;
    transform:skewY(-18deg);
  }
  body[data-header-effect="constructivist"] .headline-effect::after {
    content:""; position:absolute; left:.04em; right:.18em; bottom:-.16em; height:2px;
    background:
      linear-gradient(90deg, var(--red) 0 18%, rgba(255,255,255,.64) 18% 27%, transparent 27% 100%);
    transform:scaleX(var(--header-scan-scale)); transform-origin:left;
    opacity:var(--header-scan-opacity);
  }
  body[data-header-effect="orbital"] .brand-text {
    letter-spacing:calc(.20em + var(--header-track));
    text-transform:uppercase;
    text-shadow:var(--header-glitch-x) 0 rgba(var(--red-rgb), var(--header-red-alpha));
  }
  body[data-header-effect="orbital"] .brand-text::before {
    content:""; position:absolute; left:-20px; top:50%; width:12px; height:12px;
    border:1px solid rgba(var(--red-rgb), .82); border-radius:50%;
    transform:translateY(-50%) translateX(var(--header-shift-x));
    box-shadow:inset 0 0 0 2px #000, 0 0 16px rgba(var(--red-rgb), .32);
  }
  body[data-header-effect="orbital"] .brand-text::after {
    content:""; position:absolute; left:0; right:-18px; bottom:-8px; height:1px;
    background:
      linear-gradient(90deg, rgba(var(--red-rgb), .92) 0 12%, rgba(190,204,255,.58) 12% 16%, rgba(168,180,226,.20) 16% 54%, transparent 54% 100%);
    transform:scaleX(var(--header-scan-scale)); transform-origin:left;
    opacity:var(--header-scan-opacity);
  }
  body[data-header-effect="orbital"] .headline-effect {
    letter-spacing:calc(-0.022em + var(--header-track));
    text-shadow:
      var(--header-glitch-x) 0 rgba(var(--red-rgb), var(--header-red-alpha)),
      var(--header-glitch-neg) 0 rgba(255,255,255, var(--header-white-alpha));
  }
  body[data-header-effect="orbital"] .headline-effect::before {
    content:""; position:absolute; left:-24px; top:.04em; bottom:.10em; width:1px;
    background:linear-gradient(180deg, transparent, rgba(var(--red-rgb),.95) 18%, rgba(190,204,255,.52) 48%, transparent);
    opacity:var(--header-scan-opacity);
  }
  body[data-header-effect="orbital"] .headline-effect::after {
    content:""; position:absolute; left:.03em; right:.14em; bottom:-.17em; height:1px;
    background:
      linear-gradient(90deg, transparent 0 6%, rgba(var(--red-rgb),.92) 6% 14%, rgba(190,204,255,.56) 14% 18%, rgba(168,180,226,.18) 18% 68%, transparent 68% 100%);
    transform:scaleX(var(--header-scan-scale)); transform-origin:left;
    opacity:var(--header-scan-opacity);
  }
  body[data-header-effect="axis"] .brand-text {
    letter-spacing:calc(.14em + var(--header-track));
    text-transform:uppercase;
    color:var(--cosmic-ice) !important;
    text-shadow:
      0 0 16px rgba(170,188,255, var(--header-ice-alpha)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), var(--header-red-alpha));
  }
  body[data-header-effect="axis"] .brand-text::before {
    content:none;
  }
  body[data-header-effect="axis"] .brand-text::after {
    content:""; position:absolute; left:0; right:-22px; bottom:-9px; height:1px;
    background:
      linear-gradient(90deg,
        rgba(var(--red-rgb), .96) 0 10%,
        rgba(230,237,255, .70) 10% 15%,
        rgba(143,160,210, .24) 15% 72%,
        transparent 72% 100%);
    transform:scaleX(var(--header-scan-scale)); transform-origin:left;
    opacity:var(--header-scan-opacity);
  }
  body[data-header-effect="axis"] .headline-effect {
    color:transparent;
    background:
      linear-gradient(105deg, #fff 0%, #f4f7ff 34%, #b9c0d3 63%, #eef2ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    letter-spacing:calc(-0.052em + var(--header-track));
    text-shadow:
      0 0 24px rgba(155,174,255, var(--header-ice-alpha)),
      var(--header-glitch-x) 0 rgba(var(--red-rgb), var(--header-red-alpha));
  }
  body[data-header-effect="axis"] .headline-effect::before {
    content:""; position:absolute; left:-25px; top:.03em; bottom:.11em; width:2px;
    background:
      linear-gradient(180deg,
        transparent 0 8%,
        rgba(var(--red-rgb), .96) 8% 30%,
        rgba(231,237,255, .62) 30% 34%,
        rgba(123,139,190, .18) 34% 72%,
        transparent 72% 100%);
    opacity:var(--header-scan-opacity);
    transform:skewY(-8deg) translateX(calc(var(--header-shift-x) * -.35));
  }
  body[data-header-effect="axis"] .headline-effect::after {
    content:""; position:absolute; left:.02em; right:.08em; bottom:-.18em; height:2px;
    background:
      linear-gradient(90deg,
        rgba(var(--red-rgb), .95) 0 7%,
        rgba(240,245,255, .82) 7% 10%,
        transparent 10% 16%,
        rgba(145,163,216, .28) 16% 64%,
        transparent 64% 100%);
    transform:scaleX(var(--header-scan-scale)) skewX(-12deg);
    transform-origin:left;
    opacity:var(--header-scan-opacity);
    box-shadow:0 0 18px rgba(var(--red-rgb), calc(var(--header-red-alpha) * .28));
  }
  @keyframes headerFlicker {
    0%, 78%, 82%, 100% { opacity:1; text-shadow:none; }
    79% { opacity:.42; text-shadow:0 0 8px rgba(var(--red-rgb),.35); }
    80% { opacity:1; }
    81% { opacity:.68; }
  }

  #mk-cursor {
    position:fixed; left:0; top:0; width:1px; height:1px; z-index:2147483644;
    pointer-events:none; opacity:0; transform:translate3d(-999px,-999px,0);
    transition:opacity .18s ease;
  }
  #mk-cursor .cursor-ring, #mk-cursor .cursor-dot, #mk-cursor .cursor-h, #mk-cursor .cursor-v, #mk-cursor .cursor-corner {
    position:absolute; left:0; top:0; transform:translate(-50%,-50%);
  }
  #mk-cursor .cursor-dot { width:5px; height:5px; border-radius:50%; background:var(--red); box-shadow:0 0 12px rgba(var(--red-rgb),.75); }
  #mk-cursor .cursor-ring { width:28px; height:28px; border:1px solid rgba(var(--red-rgb),.45); border-radius:50%; }
  #mk-cursor .cursor-h { width:24px; height:1px; background:rgba(255,255,255,.72); }
  #mk-cursor .cursor-v { width:1px; height:24px; background:rgba(255,255,255,.72); }
  #mk-cursor .cursor-corner { width:7px; height:7px; border-color:var(--red); border-style:solid; opacity:.9; }
  #mk-cursor .c1 { transform:translate(-16px,-16px); border-width:1px 0 0 1px; }
  #mk-cursor .c2 { transform:translate(9px,-16px); border-width:1px 1px 0 0; }
  #mk-cursor .c3 { transform:translate(-16px,9px); border-width:0 0 1px 1px; }
  #mk-cursor .c4 { transform:translate(9px,9px); border-width:0 1px 1px 0; }
  body[data-cursor-style]:not([data-cursor-style="default"]),
  body[data-cursor-style]:not([data-cursor-style="default"]) * { cursor:none !important; }
  body[data-cursor-style]:not([data-cursor-style="default"]) a,
  body[data-cursor-style]:not([data-cursor-style="default"]) button,
  body[data-cursor-style]:not([data-cursor-style="default"]) input,
  body[data-cursor-style]:not([data-cursor-style="default"]) select { cursor:none !important; }
  body[data-cursor-style]:not([data-cursor-style="default"]) #mk-cursor { opacity:1; }
  body[data-cursor-style="dot"] #mk-cursor .cursor-h,
  body[data-cursor-style="dot"] #mk-cursor .cursor-v,
  body[data-cursor-style="dot"] #mk-cursor .cursor-corner { display:none; }
  body[data-cursor-style="crosshair"] #mk-cursor .cursor-dot,
  body[data-cursor-style="crosshair"] #mk-cursor .cursor-corner { display:none; }
  body[data-cursor-style="magnetic"] #mk-cursor .cursor-h,
  body[data-cursor-style="magnetic"] #mk-cursor .cursor-v,
  body[data-cursor-style="magnetic"] #mk-cursor .cursor-corner { display:none; }
  body[data-cursor-style="magnetic"] #mk-cursor .cursor-ring { width:44px; height:44px; border-color:rgba(var(--red-rgb),.58); }
  body[data-cursor-style="bracket"] #mk-cursor .cursor-ring,
  body[data-cursor-style="bracket"] #mk-cursor .cursor-h,
  body[data-cursor-style="bracket"] #mk-cursor .cursor-v { display:none; }
  body[data-cursor-style="pulse"] #mk-cursor .cursor-h,
  body[data-cursor-style="pulse"] #mk-cursor .cursor-v,
  body[data-cursor-style="pulse"] #mk-cursor .cursor-corner { display:none; }
  body[data-cursor-style="pulse"] #mk-cursor .cursor-ring { width:34px; height:34px; }
  body[data-cursor-style="blindharmonies"] #mk-cursor .cursor-h,
  body[data-cursor-style="blindharmonies"] #mk-cursor .cursor-v,
  body[data-cursor-style="blindharmonies"] #mk-cursor .cursor-corner,
  body[data-cursor-style="blindharmonies"] #mk-cursor .cursor-ring,
  body[data-cursor-style="blindharmonies"] #mk-cursor .cursor-dot { display:none; }
  body[data-cursor-style="blindharmonies"] #mk-cursor {
    width:12px; height:12px; border-radius:50%; background:#F2F1ED;
    mix-blend-mode:difference; opacity:1; transition:width .2s ease, height .2s ease, background .2s ease, opacity .18s ease;
    transform:translate3d(-999px,-999px,0) translate(-50%,-50%);
  }
  body[data-cursor-style="blindharmonies"] #mk-cursor.is-header {
    width:34px; height:34px; background:#F2F1ED;
  }
  body[data-cursor-style="blindharmonies"] #mk-cursor.is-link {
    width:64px; height:64px; background:var(--red);
  }
  #mk-orbit-cursor {
    position:fixed; inset:0; width:100vw; height:100vh; pointer-events:none;
    z-index:2147483644; mix-blend-mode:screen; opacity:0;
    transition:opacity 200ms ease;
  }
  body[data-cursor-style="orbit"] #mk-orbit-cursor { opacity:1; }
  #mk-cursor.is-clicking .cursor-ring { animation:cursorPulse .36s ease-out; }
  @keyframes cursorPulse { from{transform:translate(-50%,-50%) scale(.72);opacity:1} to{transform:translate(-50%,-50%) scale(1.8);opacity:0} }

  .reveal { opacity:1; transform:none; transition:opacity .5s ease, transform .5s ease; }
  html.js-reveal .reveal:not(.in) { opacity:0; transform:translateY(14px); }

  .mini-input { background:transparent; border:1px solid #1F1F1F; color:#fff; font-family:var(--font-mono); font-size:12px; padding:8px 10px; width:100%; transition:border-color .2s ease; }
  .mini-input::placeholder { color:#6B6B6B; }
  .mini-input:focus { border-color:var(--red); outline:none; }

  .submit-arrow { color:var(--red); border:1px solid var(--red); width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; transition:background .2s ease, box-shadow .2s ease; flex:none; }
  .submit-arrow:hover { background:rgba(var(--red-rgb),0.1); box-shadow:0 0 calc(16px * var(--glowMul)) -4px var(--redGlow); }

  /* Cover art placeholder - graphite texture, mono label */
  .cover {
    aspect-ratio:1/1;
    background:
      radial-gradient(80% 60% at 30% 20%, rgba(255,255,255,0.05), transparent 60%),
      linear-gradient(180deg, #0E0E0E, #050505);
    border:1px solid #1F1F1F;
    position:relative; overflow:hidden;
  }
  .cover::before {
    content:""; position:absolute; inset:0;
    background-image:
      linear-gradient(45deg, rgba(255,255,255,0.03) 1px, transparent 1px),
      linear-gradient(-45deg, rgba(255,255,255,0.02) 1px, transparent 1px);
    background-size: 6px 6px;
    mask-image: radial-gradient(60% 60% at 50% 50%, #000, transparent 80%);
  }
  .cover .lbl { position:absolute; left:14px; top:14px; font-family:var(--font-mono); font-size:10px; letter-spacing:0.28em; color:#6B6B6B; text-transform:uppercase; }
  .cover .num { position:absolute; right:14px; top:14px; font-family:var(--font-mono); font-size:10px; letter-spacing:0.18em; color:#6B6B6B; }
  .cover .title { position:absolute; left:14px; bottom:14px; right:14px; font-family:var(--font-mono); font-size:14px; letter-spacing:0.06em; color:#fff; }

  section { position:relative; z-index:1; }
  .section-pad { padding-top:120px; padding-bottom:120px; }
  .bio-section { padding-top:96px; padding-bottom:96px; }
  .bio-layout { transition:transform .35s ease, filter .35s ease; transform-origin:center; }
  .bio-layout:hover { transform:scale(1.01); }
  .bio-meta { max-width:390px; }
  footer {
    position:relative;
    z-index:2;
    background:#000;
  }
  footer::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-96px;
    height:96px;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(0,0,0,0), #000 82%);
  }
  footer > div {
    position:relative;
    z-index:1;
  }
  @media (max-width:768px){ .section-pad{padding-top:80px;padding-bottom:80px;} .bio-section{padding-top:64px;padding-bottom:64px;} }

  .rotate-slow { animation:rotateSlow 90s linear infinite; transform-origin:center; }
  @keyframes rotateSlow { to { transform:rotate(360deg); } }

  /* breathing on portrait dots */
  .breathe { animation: breathe 6s ease-in-out infinite; transform-origin:center; }
  @keyframes breathe { 0%,100%{transform:scale(1);} 50%{transform:scale(1.012);} }

  .parallax { will-change: transform; }

  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration:0ms !important; animation-iteration-count:1 !important; transition-duration:0ms !important; }
  }

  .hairline { height:1px; background:#1F1F1F; width:100%; }

  .stream-link {
    display:inline-block;
    transform-origin:center;
    transition:transform .22s ease, color .2s ease, text-shadow .22s ease;
  }
  .stream-link:hover {
    color:var(--red);
    transform:scale(1.045);
    text-shadow:0 0 12px rgba(var(--red-rgb),.18);
  }
  #discography .flex > a[target="_blank"],
  #press .flex > a[target="_blank"],
  footer a[href="https://mk-labs.app"] {
    display:inline-block;
    transform-origin:center;
    transition:transform .22s ease, color .2s ease, text-shadow .22s ease;
  }
  #discography .flex > a[target="_blank"]:hover,
  #press .flex > a[target="_blank"]:hover,
  footer a[href="https://mk-labs.app"]:hover {
    transform:scale(1.045);
    text-shadow:0 0 12px rgba(var(--red-rgb),.18);
  }
  .hero-stream-links { max-width: min(680px, calc(100vw - 48px)); }
  .hero-stream-links li { white-space: nowrap; }
  @media (min-width: 768px) {
    .hero-stream-links {
      flex-wrap: nowrap;
      width: max-content;
      max-width: calc(100vw - 80px);
    }
  }

  .gig { display:grid; grid-template-columns: 110px 1fr 1.2fr 110px; gap:16px; align-items:center; padding:18px 0; border-bottom:1px solid #1F1F1F; }
  @media (max-width: 700px){ .gig { grid-template-columns: 88px 1fr; row-gap:4px; } .gig > .venue, .gig > .ticket { grid-column: 2; } }

  .ecosystem-card { display:block; padding: 36px; }
  .ecosystem-card h3 { font-size: 26px; }
  @media (min-width: 1024px){ .ecosystem-card { padding: 48px; } .ecosystem-card h3 { font-size: 30px; } }
  #studio .ecosystem-card {
    border-color:transparent;
    background:transparent;
    transition:transform .35s ease, filter .35s ease;
    transform-origin:center;
  }
  #studio .ecosystem-card:hover,
  #studio .ecosystem-card:focus-visible {
    transform:scale(1.012);
    border-color:transparent;
    box-shadow:none;
  }

  /* Subtle red glow on hover for cross links */
  .cross-link:hover .arrow { color:var(--red); text-shadow: 0 0 calc(12px * var(--glowMul)) rgba(var(--red-rgb),0.7); }
  #studio .cross-link { cursor:pointer; }
  #studio .cross-link .arrow {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:24px !important;
    line-height:1;
    transition:transform .22s ease, color .22s ease, text-shadow .22s ease;
  }
  #studio .cross-link:hover .arrow,
  #studio .cross-link:focus-visible .arrow {
    transform:translateX(4px);
  }
  #studio .mk-labs-url {
    display:inline-block;
    transform-origin:left center;
    transition:transform .22s ease, color .2s ease, text-shadow .22s ease;
  }
  #studio .cross-link:hover .mk-labs-url,
  #studio .cross-link:focus-visible .mk-labs-url {
    color:#fff;
    transform:scale(1.045);
    text-shadow:0 0 12px rgba(var(--red-rgb),.18);
  }

  .text-red { color: var(--red) !important; }
  .hover\:text-red:hover { color: var(--red) !important; }
  .border-red { border-color: var(--red) !important; }
  .bg-red { background-color: var(--red) !important; }
  .arrow-zoom {
    display:inline-flex;
    align-items:center;
    gap:.65em;
    transform-origin:center;
    transition:color .18s ease, transform .18s ease;
  }
  .arrow-zoom:hover,
  .arrow-zoom:focus-visible {
    transform:translateY(-2px) scale(1.055);
  }

  .release-shell { border:0; background:transparent; transition:transform .35s ease, filter .35s ease; transform-origin:center; }
  .release-shell:hover { transform:scale(1.012); }
  .release-cover { background:transparent; }
  .release-art { border:0; background:transparent; overflow:hidden; position:relative; display:block; }
  .release-art img { width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.96) contrast(1.04); transition:transform .35s ease, filter .35s ease; }
  .release-shell:hover .release-art img,
  .release-art:hover img { transform:scale(1.025); filter:saturate(1.06) contrast(1.08); }
  .release-art-play {
    position:absolute; left:18px; bottom:18px; width:54px; height:54px;
    display:grid; place-items:center; background:rgba(0,0,0,.82);
    border:1px solid rgba(255,255,255,.12); color:#fff; transition:background .2s ease, border-color .2s ease, color .2s ease;
  }
  .release-art:hover .release-art-play { background:var(--red); border-color:var(--red); color:#000; }
  .release-art-play::before {
    content:"→";
    font-family:var(--font-mono);
    font-size:18px;
    line-height:1;
    transform:translateY(-1px);
  }
  .release-player { border:1px solid #1F1F1F; background:#0A0A0A; overflow:hidden; max-width:700px; }
  .release-player:target,
  .release-player.is-pulsing { border-color:rgba(var(--red-rgb),.82); box-shadow:0 0 40px -22px rgba(var(--red-rgb),.62); }
  .release-meta-row { display:grid; grid-template-columns: 110px 1fr; gap:18px; padding:13px 0; border-bottom:1px solid #1F1F1F; }
  .release-meta-row:last-child { border-bottom:0; }
  #discography .card {
    border-color:transparent;
    background:transparent;
    overflow:hidden;
    transition:transform .35s ease, filter .35s ease;
  }
  #discography .card:hover,
  #discography .card:focus-visible {
    transform:scale(1.012);
    border-color:transparent;
    box-shadow:none;
  }
  #discography .card > div {
    background:transparent !important;
  }
  #discography .card iframe {
    background:transparent !important;
  }
  #press .press-materials {
    border-color:transparent !important;
    transition:transform .35s ease, filter .35s ease;
    transform-origin:center;
  }
  #press .press-materials:hover {
    transform:scale(1.01);
  }
  #press .press-materials > div {
    border-color:transparent !important;
  }
  #contact .contact-grid {
    border-color:transparent !important;
    transition:transform .35s ease, filter .35s ease;
    transform-origin:center;
  }
  #contact .contact-grid:hover {
    transform:scale(1.01);
  }
  #contact .contact-grid > div {
    border-color:transparent !important;
  }
  #contact .arrow-zoom:hover,
  #contact .arrow-zoom:focus-visible {
    transform:translateY(-2px) scale(1.065);
    text-shadow:0 0 12px rgba(var(--red-rgb),.18);
  }
  .bio-portrait { width:100%; max-width:390px; }
  .bio-portrait-frame {
    aspect-ratio:4/5;
    background:#0A0A0A;
    border:1px solid #1F1F1F;
    margin-top:10px;
    overflow:hidden;
    transition:transform .35s ease, border-color .35s ease;
    transform-origin:center;
    --portrait-warp-x: 50%;
    --portrait-warp-y: 50%;
    --portrait-warp-k: 0;
    --portrait-hole-r: 0%;
  }
  .bio-portrait-frame:hover { transform:scale(1.012); border-color:rgba(255,255,255,.20); }
  .bio-photo {
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;
    object-position:54% 36%;
    filter:grayscale(1) contrast(1.08) brightness(.82);
    opacity:.86;
    transform-origin:var(--portrait-warp-x) var(--portrait-warp-y);
    transform:scale(calc(1 + (var(--portrait-warp-k) * 0.018))) translate3d(calc((50% - var(--portrait-warp-x)) * 0.010), calc((50% - var(--portrait-warp-y)) * 0.010), 0);
    transition:transform .32s ease-out, filter .32s ease-out;
    will-change:transform;
  }
  .bio-portrait-frame:hover .bio-photo { transform:scale(calc(1.018 + (var(--portrait-warp-k) * 0.018))) translate3d(calc((50% - var(--portrait-warp-x)) * 0.010), calc((50% - var(--portrait-warp-y)) * 0.010), 0); }
  body[data-portrait-effect="redsignal"] .bio-photo,
  body[data-portrait-effect="redsignalv3"] .bio-photo,
  body[data-portrait-effect="redsignalv4"] .bio-photo,
  body[data-portrait-effect="redsignalv5"] .bio-photo,
  body[data-portrait-effect="gravitylensv2"] .bio-photo {
    filter:grayscale(1) contrast(calc(1.08 + (var(--portrait-warp-k) * .08))) brightness(calc(.82 - (var(--portrait-warp-k) * .04)));
    -webkit-mask-image:radial-gradient(circle at var(--portrait-warp-x) var(--portrait-warp-y), transparent 0 var(--portrait-hole-r), rgba(0,0,0,.35) calc(var(--portrait-hole-r) + 2.4%), #000 calc(var(--portrait-hole-r) + 7.5%));
    mask-image:radial-gradient(circle at var(--portrait-warp-x) var(--portrait-warp-y), transparent 0 var(--portrait-hole-r), rgba(0,0,0,.35) calc(var(--portrait-hole-r) + 2.4%), #000 calc(var(--portrait-hole-r) + 7.5%));
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
  }
  body[data-portrait-effect="redsignalv3"] .bio-portrait-frame::before,
  body[data-portrait-effect="redsignalv4"] .bio-portrait-frame::before,
  body[data-portrait-effect="redsignalv5"] .bio-portrait-frame::before,
  body[data-portrait-effect="gravitylensv2"] .bio-portrait-frame::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    opacity:calc(var(--portrait-warp-k) * .75);
    background:
      radial-gradient(circle at var(--portrait-warp-x) var(--portrait-warp-y), rgba(0,0,0,.34) 0 3.5%, rgba(255,255,255,.06) 6.5%, rgba(255,255,255,.08) 9.5%, transparent 15%);
    mix-blend-mode:screen;
  }
  .bio-portrait-frame::after {
    content:""; position:absolute; inset:0; pointer-events:none;
    z-index:3;
    background:
      linear-gradient(180deg, transparent 62%, rgba(0,0,0,.52)),
      radial-gradient(70% 55% at 48% 30%, transparent 46%, rgba(0,0,0,.34) 100%);
    mix-blend-mode:multiply;
  }
  #portraitCanvas { mix-blend-mode:screen; opacity:.55; }
  body[data-portrait-effect="blackhole"] #portraitCanvas,
  body[data-portrait-effect="eventhorizon"] #portraitCanvas,
  body[data-portrait-effect="redsignalv5"] #portraitCanvas,
  body[data-portrait-effect="gravitylensv2"] #portraitCanvas {
    mix-blend-mode:normal;
    opacity:.74;
  }
  body[data-portrait-effect="redsignalv3"] #portraitCanvas,
  body[data-portrait-effect="redsignalv4"] #portraitCanvas,
  body[data-portrait-effect="redsignalv5"] #portraitCanvas,
  body[data-portrait-effect="gravitylensv2"] #portraitCanvas {
    z-index:2;
  }
  @media (max-width: 900px) {
    .release-player { max-width:none; }
    .release-meta-row { grid-template-columns:1fr; gap:5px; }
    .bio-portrait { max-width:440px; }
  }
  @media (max-width: 767px) {
    html, body { overflow-x:hidden; }
    .nav .brand-dot { width:6px; height:6px; top:0; }
    .nav-brand { font-size:11px !important; letter-spacing:.10em; max-width:calc(100vw - 76px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .eyebrow { font-size:10px; letter-spacing:.22em; gap:8px; }
    #top { min-height:680px; }
    #top .hero-text-col { padding-top:96px; align-self:start; }
    #top .hero-text-col::before { inset:-32px -24px -36px -24px; }
    .hero-title {
      font-size: clamp(30px, 9.8vw, 38px) !important;
      letter-spacing:-.064em;
      max-width: calc(100vw - 48px);
      overflow-wrap: normal;
    }
    .hero-stream-links {
      gap: 8px 13px !important;
      max-width: calc(100vw - 48px);
      font-size: 10px;
      letter-spacing: .20em;
    }
    #top ul li.text-fg-3 { display:none; }
    .section-pad { padding-top:72px; padding-bottom:72px; }
    .release-shell { margin-left:-1px; margin-right:-1px; }
    .release-cover { padding:22px !important; }
    .release-art { max-width:420px; margin:0 auto; }
    .release-art-play { width:44px; height:44px; left:14px; bottom:14px; }
    .release-player iframe { height:150px !important; }
    .release-meta-row { padding:12px 0; }
    .bio-portrait { max-width:none; }
    .bio-portrait-frame { aspect-ratio:3.7/5; }
    #discography .card > div:last-child { flex-direction:column; align-items:flex-start; gap:8px; }
    #discography .card > div:last-child span:last-child { line-height:1.55; }
    .ecosystem-card { padding:28px; }
    .ecosystem-card h3 { font-size:26px; }
    .gig { grid-template-columns:1fr; gap:8px; }
    .gig > .venue, .gig > .ticket { grid-column:auto; }
    .submit-arrow { width:100%; }
    #press .p-8, #contact .p-8 { padding:24px; }
    #contact a, #press a { overflow-wrap:anywhere; }
    .stream-link { min-height:32px; display:inline-flex; align-items:center; }
    footer > div { align-items:flex-start; flex-direction:column; }
  }
  @media (max-width: 420px) {
    .nav-brand { font-size:10px !important; letter-spacing:.08em; }
    .display-title { overflow-wrap:anywhere; }
    #release h2 { font-size:34px !important; }
  }
  @media (hover: none), (pointer: coarse) {
    #mk-cursor, #mk-orbit-cursor { display:none !important; }
    body[data-cursor-style]:not([data-cursor-style="default"]),
    body[data-cursor-style]:not([data-cursor-style="default"]) * { cursor:auto !important; }
  }

  /* Lenis smooth scroll */
  html.lenis { height: auto; }
  .lenis.lenis-smooth { scroll-behavior: auto !important; }
  .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
  .lenis.lenis-stopped { overflow: hidden; }
  .lenis.lenis-scrolling iframe { pointer-events: none; }

/* Soft vignette behind hero text so it stays readable over particles */
#top .hero-text-col { position: relative; }
#top .hero-text-col::before {
  content: ""; position: absolute; inset: -40px -40px -40px -40px;
  background: radial-gradient(60% 70% at 30% 50%, rgba(0,0,0,0.55), rgba(0,0,0,0) 70%);
  z-index: -1; pointer-events: none;
}


/* Artist production polish */
/*
  Artist Test C: controlled Orbitron artist direction.
  Keeps the font family the user prefers, but avoids broken width/spacing.
*/
:root {
  --font-brand: 'Orbitron', 'Archivo', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Archivo', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Geist Mono', 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-sans: 'Archivo', ui-sans-serif, system-ui, sans-serif;
  --red-rgb: 210, 24, 42;
  --glowMul: .86;
}

body {
  font-family: 'Archivo', ui-sans-serif, system-ui, sans-serif;
  background: #000;
}

.nav-brand,
.brand-text,
.hero-title,
.headline-effect {
  font-family: var(--font-brand) !important;
}

body[data-header-finish="cleanbrightchrome"] .brand-text,
body[data-header-finish="cleanbrightchrome"] .headline-effect {
  color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text;
  background-image:
    linear-gradient(78deg, transparent 0 28%, rgba(255,255,255,.16) 38%, rgba(255,255,255,.88) 46%, rgba(235,241,252,.34) 54%, transparent 68% 100%),
    linear-gradient(112deg, #ffffff 0%, #cdd4df 9%, #ffffff 18%, #eef3fb 29%, #8b94a1 41%, #ffffff 51%, #f8fbff 61%, #a7b1c0 72%, #ffffff 84%, #d6dee8 100%);
  text-shadow:
    0 0 14px rgba(245,249,255,.12),
    0 0 22px rgba(210,220,245,.08) !important;
}

.hero-title {
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: .86 !important;
  font-size: clamp(44px, 7vw, 82px) !important;
  max-width: 12ch;
  filter: contrast(1.14) saturate(.92);
}

.nav-brand {
  font-family: var(--font-brand) !important;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .015em;
  line-height: 1;
  transform: translateY(-.5px);
}

.nav .brand-text.nav-brand {
  color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text;
  background-image:
    linear-gradient(78deg, transparent 0 25%, rgba(255,255,255,.22) 37%, rgba(255,255,255,.95) 48%, rgba(210,222,245,.42) 58%, transparent 72% 100%),
    linear-gradient(112deg, #ffffff 0%, #c9d2df 14%, #ffffff 28%, #7f8894 45%, #f8fbff 60%, #b5bfcc 76%, #ffffff 100%) !important;
  text-shadow:
    0 0 10px rgba(245,249,255,.14),
    0 0 16px rgba(210,220,245,.10) !important;
}

.nav-mk-mark {
  display: inline-flex;
  width: 46px;
  height: 18px;
  align-items: center;
  color: #f4f7ff;
  filter:
    drop-shadow(0 0 7px rgba(210,220,245,.10))
    drop-shadow(0 0 9px rgba(var(--red-rgb), .07));
}

.nav-mk-mark svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.mono,
.eyebrow,
.nav-menu,
.stream-link,
.footer-micro,
.release-meta,
.detail-label,
button,
.btn {
  font-family: var(--font-mono) !important;
  font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important;
}

body,
p,
.bio-copy,
.release-copy,
.contact-copy,
.release-shell p,
.music-card p,
#bio p,
#contact p {
  font-family: var(--font-sans) !important;
  font-family: 'Archivo', ui-sans-serif, system-ui, sans-serif !important;
}

.nav {
  background: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
}

.nav.scrolled {
  background: #000;
  border-bottom-color: rgba(154,166,204,.16);
  box-shadow: 0 18px 34px rgba(0,0,0,.58);
}

.nav a[aria-label="Mike Konstantinidis home"] {
  align-items: center !important;
}

.nav a[aria-label="Mike Konstantinidis home"] .brand-dot {
  top: 0 !important;
  width: 6px;
  height: 6px;
  transform: translateY(0);
}

.nav-menu a {
  color: #a8afbd;
  text-shadow: none;
}

.nav-menu a:hover {
  color: #f4f7ff !important;
  text-shadow: 0 0 14px rgba(180,200,255,.18), 0 0 18px rgba(var(--red-rgb), .10);
}

#bio .lg\:col-span-8 {
  padding-top: clamp(26px, 4.2vw, 74px) !important;
}

#top {
  min-height: 760px !important;
}

.hero-text-col {
  max-width: 780px;
}

#top .eyebrow {
  display: flex;
  width: max-content;
}

.eyebrow {
  align-items: center !important;
}

.eyebrow::before {
  position: relative;
  top: .5px;
  flex: 0 0 auto;
}

.hero-stream-links {
  max-width: 900px;
  flex-wrap: nowrap !important;
  gap: 0 18px !important;
  white-space: nowrap;
  letter-spacing: .24em !important;
}

.hero-stream-links a {
  border-bottom: 1px solid transparent;
}

.hero-stream-links a:hover {
  border-bottom-color: rgba(var(--red-rgb), .72);
}

.release-shell,
.music-card,
.bio-portrait-wrap,
.contact-panel,
.press-card {
  border-radius: 0 !important;
  border-color: rgba(255,255,255,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.007)),
    rgba(4,4,4,.88) !important;
}

.release-shell {
  border-color: transparent !important;
  background: transparent !important;
}

.release-cover,
.release-art {
  border-color: transparent !important;
  background: transparent !important;
}

.display-title,
.display-subtitle,
.display-card-title,
section h2,
section h3 {
  font-family: var(--font-mono) !important;
  font-family: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important;
  letter-spacing: -.015em;
}

.display-title,
.display-subtitle {
  --title-shine-x: 50%;
  color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text;
  background-image:
    linear-gradient(78deg, transparent 0 calc(var(--title-shine-x) - 28%), rgba(255,255,255,.12) calc(var(--title-shine-x) - 18%), rgba(255,255,255,.58) calc(var(--title-shine-x) - 6%), rgba(235,241,252,.26) calc(var(--title-shine-x) + 8%), transparent calc(var(--title-shine-x) + 28%) 100%),
    linear-gradient(112deg, #ffffff 0%, #cdd4df 10%, #ffffff 20%, #eef3fb 31%, #8b94a1 43%, #ffffff 54%, #f8fbff 64%, #a7b1c0 75%, #ffffff 86%, #d6dee8 100%);
  text-shadow: 0 0 18px rgba(245,249,255,.08);
}

.nav-menu,
.hero-stream-links,
.release-meta-row .mono,
.music-card .mono,
.bio-meta,
.footer-micro {
  letter-spacing: .22em;
}

.display-card-title {
  font-weight: 500;
  letter-spacing: .02em;
}

@media (max-width: 640px) {
  #top {
    min-height: 700px !important;
  }

  #top .hero-text-col {
    padding-top: 108px !important;
    width: 100%;
    max-width: calc(100vw - 48px);
  }

  .hero-title {
    font-size: clamp(28px, 8.7vw, 34px) !important;
    line-height: .94 !important;
    letter-spacing: -.046em;
    max-width: calc(100vw - 40px);
    width: max-content;
    overflow-wrap: normal;
    white-space: normal;
  }

  .nav-brand {
    font-size: 13px !important;
    letter-spacing: .015em;
  }

  .nav-mk-mark {
    width: 44px;
    height: 14px;
  }

  .hero-stream-links {
    max-width: calc(100vw - 40px);
    flex-wrap: wrap !important;
    gap: 10px 16px !important;
    white-space: normal;
    letter-spacing: .18em !important;
    font-size: 10px !important;
  }

  #bio .lg\:col-span-8 {
    padding-top: 0 !important;
  }

  .display-title,
  .display-subtitle {
    background-image:
      linear-gradient(112deg, #ffffff 0%, #d8dee8 22%, #ffffff 42%, #9ca5b2 62%, #f6f8fb 82%, #c8d0dc 100%);
  }

  section h2,
  section h3 {
    line-height: 1.05 !important;
  }

}


/* Production-only externalized inline geometry */
.page-bg-canvas-frame{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.artist-hero-content-layer{z-index:2}
.artist-scroll-indicator-layer{z-index:3}
.release-art-button-frame{aspect-ratio:1/1;width:100%;text-align:left}
.release-player-frame{border:0;width:100%;height:120px;display:block;background:#0A0A0A}
.bio-signal-label{display:inline-flex;align-items:center;gap:8px}
.bio-signal-dot{width:6px;height:6px;border-radius:99px;background:var(--red);box-shadow:0 0 calc(8px * var(--glowMul)) rgba(var(--red-rgb),.6)}
.portrait-canvas-layer{display:block;width:100%;height:100%;position:absolute;inset:0}
.portrait-corner{position:absolute;width:10px;height:10px}
.portrait-corner-tl{top:8px;left:8px;border-top:1px solid #2a2a2a;border-left:1px solid #2a2a2a}
.portrait-corner-tr{top:8px;right:8px;border-top:1px solid #2a2a2a;border-right:1px solid #2a2a2a}
.portrait-corner-bl{bottom:8px;left:8px;border-bottom:1px solid #2a2a2a;border-left:1px solid #2a2a2a}
.portrait-corner-br{bottom:8px;right:8px;border-bottom:1px solid #2a2a2a;border-right:1px solid #2a2a2a}
.portrait-caption-code{position:absolute;left:14px;bottom:14px;font-family:var(--font-mono);font-size:9px;letter-spacing:0.28em;color:#A0A0A0;text-transform:uppercase;z-index:2}
.bio-portrait-foot{margin-top:8px}
.music-embed-shell{aspect-ratio:1/1;overflow:hidden;background:#0A0A0A}
.music-embed-frame{border:0;width:100%;height:100%;display:block;pointer-events:none}
.music-cover-img{width:100%;height:100%;object-fit:cover;display:block}
.music-cover-fallback{border:none;display:flex;align-items:center;justify-content:center}
.footer-red-dot{color:var(--red);font-size:14px;line-height:1;flex:none}
.footer-red-mark{color:var(--red)}
.star-pulse{animation:starPulse 5s ease-in-out infinite}
@keyframes starPulse{0%,100%{opacity:0.25}50%{opacity:1}}