/* Glitch the Creator — base styles, extracted verbatim from the live creatorglitch.com inline <style> (2026-09-25). */
  :root{
    --soot:#0e0d0c; --panel:#141315; --plaster:#e7e2d6; --bone:#b3ada1;
    --blood:#b11419; --line:#2a2823;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--soot);color:var(--plaster);
    font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;line-height:1.6;overflow-x:hidden;
    -webkit-font-smoothing:antialiased;}

  /* generative canvas background */
  #bg{position:fixed;inset:0;z-index:0;pointer-events:none;}
  .vig{position:fixed;inset:0;z-index:1;pointer-events:none;
    box-shadow:inset 0 0 260px 70px rgba(0,0,0,.9);}
  #wrap{position:relative;z-index:2;}

  /* nav */
  nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;
    align-items:center;padding:16px 34px;background:rgba(12,11,10,.55);backdrop-filter:blur(9px);
    border-bottom:1px solid var(--line);}
  nav .brand{font-family:"Permanent Marker",cursive;font-size:22px;color:var(--plaster);letter-spacing:.02em;}
  nav .links{display:flex;gap:26px;}
  nav a{font-family:"Special Elite",serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;
    color:var(--bone);text-decoration:none;transition:.2s;position:relative;}
  nav a:hover{color:var(--plaster);}
  nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--blood);transition:.3s;}
  nav a:hover::after{right:0;}

  /* hero */
  header.hero{min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:120px 24px 60px;}
  .hero .ey{font-family:"Rock Salt",cursive;font-size:14px;color:var(--bone);letter-spacing:.05em;margin-bottom:30px;opacity:.85;}
  .glitch{font-family:"Permanent Marker",cursive;font-size:clamp(72px,15vw,190px);line-height:.9;color:var(--plaster);
    position:relative;text-shadow:0 0 50px rgba(0,0,0,.7);animation:signal 7s infinite;}
  .glitch .red{color:var(--blood);}
  /* old-TV static crawling through the letters */
  .glitch::before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");
    background-size:200px 200px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    mix-blend-mode:screen;opacity:.92;animation:snow .5s steps(6) infinite;}
  /* scanlines */
  .glitch::after{content:"";position:absolute;left:-5%;top:-8%;width:110%;height:116%;pointer-events:none;
    background:repeating-linear-gradient(0deg,rgba(0,0,0,.32) 0 2px,transparent 2px 4px);
    mix-blend-mode:multiply;opacity:.55;}
  @keyframes snow{to{background-position:200px 100px;}}
  @keyframes signal{0%,94%,100%{filter:none;transform:none}95%{filter:brightness(2.4);transform:translateX(3px)}
    96%{filter:brightness(.5);transform:translateX(-3px)}97%{filter:none;transform:none}}
  .hero .tag{font-family:"Cormorant Garamond";font-weight:500;font-size:clamp(20px,3vw,30px);
    color:var(--plaster);margin-top:26px;max-width:720px;font-style:italic;opacity:.9;}
  .hero .sub{font-family:"Special Elite",serif;font-size:12.5px;letter-spacing:.3em;text-transform:uppercase;
    color:var(--bone);margin-top:32px;}
  .creatorline{font-family:"Special Elite",serif;font-size:clamp(16px,3vw,30px);letter-spacing:.5em;
    text-transform:uppercase;color:var(--plaster);margin-top:12px;padding-left:.5em;opacity:.92;}
  .scrollcue{margin-top:42px;font-family:"Special Elite",serif;font-size:11px;letter-spacing:.3em;
    text-transform:uppercase;color:var(--bone);opacity:.55;animation:bob 2.4s ease-in-out infinite;}
  @keyframes bob{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(6px);opacity:.9}}

  /* sections */
  section{max-width:1180px;margin:0 auto;padding:9vh 30px;border-top:1px solid var(--line);}
  .eyebrow{font-family:"Rock Salt",cursive;font-size:13px;color:var(--blood);letter-spacing:.03em;margin-bottom:14px;}
  section h2{font-family:"Cormorant Garamond";font-weight:600;font-size:clamp(38px,6vw,62px);line-height:1;color:#fff;}
  section .lede{max-width:640px;margin-top:16px;color:var(--plaster);opacity:.82;font-size:20px;}
  /* streaming players */
  .players{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:44px;}
  .players .player-wide{grid-column:1 / -1;}
  .player-label{font-family:"Special Elite",serif;font-size:12px;letter-spacing:.22em;
    text-transform:uppercase;color:var(--plaster);margin-bottom:12px;
    border-left:2px solid var(--blood);padding-left:11px;line-height:1.35;}
  .player iframe{display:block;width:100%;background:var(--panel);}
  @media(max-width:720px){.players{grid-template-columns:1fr;gap:30px;}}

  /* gallery */
  .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:40px;}
  .tile{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid var(--line);
    background:var(--panel);text-decoration:none;transition:transform .3s,border-color .3s;}
  .tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.2) brightness(.9);transition:.5s;}
  .tile:hover{border-color:rgba(207,200,184,.55);transform:translateY(-5px);}
  .tile:hover img{filter:grayscale(0) brightness(1.02);transform:scale(1.05);}
  .tile::after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;transition:.2s;mix-blend-mode:screen;
    background:linear-gradient(90deg,rgba(45,226,230,.25),transparent 30%,transparent 70%,rgba(177,20,25,.25));}
  .tile:hover::after{opacity:1;}
  .tile .cap{position:absolute;left:0;bottom:0;right:0;padding:14px 16px;
    background:linear-gradient(transparent,rgba(0,0,0,.85));
    font-family:"Special Elite",serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--plaster);}
  .tile.wide{grid-column:span 2;aspect-ratio:2/1;}

  /* section watermark — faint band mark bleeding through the wall */
  .wm{position:relative;}
  .wm::before{content:"";position:absolute;pointer-events:none;z-index:0;
    background-repeat:no-repeat;background-position:center;background-size:contain;
    mix-blend-mode:screen;opacity:.13;}
  .wm > *{position:relative;z-index:1;}
  #music::before{background-image:url("/img/music-watermark-81755f2a.jpg");
    width:min(560px,64vw);height:min(560px,64vw);right:-24px;top:4%;}
  @media(max-width:620px){ .wm::before{opacity:.08;right:-60px;} }

  /* about */
  .about .pull{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-size:clamp(24px,4vw,40px);
    color:#fff;line-height:1.3;max-width:840px;margin-top:16px;}
  .about p{max-width:760px;font-size:22px;margin-top:22px;color:var(--plaster);opacity:.9;}

  footer{max-width:1180px;margin:0 auto;padding:60px 30px 90px;border-top:1px solid var(--line);text-align:center;}
  footer .mk{font-family:"Permanent Marker",cursive;font-size:26px;color:var(--plaster);}
  footer .fine{font-family:"Special Elite",serif;font-size:11px;letter-spacing:.28em;text-transform:uppercase;
    color:var(--bone);margin-top:14px;opacity:.6;}

  /* scroll reveal */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);}
  .reveal.in{opacity:1;transform:none;}

  @media(max-width:620px){ nav .links{display:none;} nav{justify-content:center;} .tile.wide{grid-column:span 1;aspect-ratio:1/1;} }
  @media(prefers-reduced-motion:reduce){ .glitch::before,.glitch::after{animation:none;display:none;} .reveal{opacity:1;transform:none;} }

  /* roster */
  .roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:40px;}
  .rcard{border:1px solid var(--line);background:rgba(20,19,21,.6);padding:24px 20px;text-decoration:none;
    display:block;transition:transform .25s,border-color .25s,background .25s;}
  .rcard:hover{border-color:rgba(207,200,184,.5);transform:translateY(-4px);background:rgba(20,19,21,.9);}
  .rcard .rn{font-family:"Permanent Marker",cursive;font-size:23px;color:var(--plaster);display:block;}
  .rcard .rr{font-family:"Special Elite",serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone);margin-top:8px;display:block;}
  .rcard .rlink{font-family:"Special Elite",serif;font-size:11px;letter-spacing:.12em;color:var(--blood);margin-top:16px;display:block;}
  .rcard.soon{opacity:.5;pointer-events:none;}
  .rcard.soon .rlink{color:var(--bone);}