:root{
    --black:#050505;
    --black-2:#0a0a0a;
    --ink:#f1f1ee;
    --silver:#bfc4c8;
    --dim:#74787b;
    --line:#27292b;
    --acid:#c9ff18;
    --poison:#f22dff;
    --pad:clamp(18px,3vw,46px);
    --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --sans:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth;background:var(--black)}
  body{
    margin:0;
    min-width:320px;
    background:var(--black);
    color:var(--ink);
    font-family:var(--sans);
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
  }
  body.lock{overflow:hidden}
  html.has-custom-cursor,
  html.has-custom-cursor *{cursor:none!important}
  a{color:inherit;text-decoration:none}
  button{font:inherit}
  img{display:block;max-width:100%}
  ::selection{background:var(--acid);color:#050505}
  .visually-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }

  #noise{
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    z-index:90;
    pointer-events:none;
    opacity:.055;
  }

  .progress{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:2px;
    z-index:130;
    background:#111;
  }
  .progress > i{
    display:block;
    width:100%;
    height:100%;
    background:var(--acid);
    transform-origin:left center;
    transform:scaleX(0);
    will-change:transform;
  }

  .cursor{
    --cursor-x:-100px;
    --cursor-y:-100px;
    position:fixed;
    left:0;
    top:0;
    width:34px;
    height:34px;
    z-index:160;
    pointer-events:none;
    transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-50%,-50%);
    overflow:visible;
    transition:width .18s,height .18s;
    will-change:transform;
  }
  .cursor-shape{
    fill:rgba(201,255,24,.035);
    stroke:rgba(201,255,24,.72);
    stroke-width:1;
    vector-effect:non-scaling-stroke;
    shape-rendering:geometricPrecision;
    transition:fill .18s,stroke .18s;
    mix-blend-mode:difference;
  }
  .cursor-dot{
    fill:var(--ink);
    mix-blend-mode:difference;
  }
  .cursor.hot{width:56px;height:56px}
  .cursor.hot .cursor-shape{fill:rgba(201,255,24,.16);stroke:rgba(201,255,24,.5)}

  .boot{
    position:fixed;
    inset:0;
    z-index:200;
    display:grid;
    place-items:center;
    background:#020202;
    transition:opacity .32s ease,visibility .32s ease;
  }
  .boot.done{opacity:0;visibility:hidden}
  .boot-core{
    width:min(420px,78vw);
    position:relative;
    text-align:center;
  }
  .boot-logo{width:100%;opacity:.92}
  .boot-line{
    height:1px;
    background:#333;
    margin-top:24px;
    position:relative;
    overflow:hidden;
  }
  .boot-line i{
    position:absolute;
    inset:0 auto 0 0;
    width:36%;
    background:var(--acid);
    animation:bootline .66s steps(4,end) infinite;
  }
  .boot-code{
    margin-top:12px;
    font:9px/1.2 var(--mono);
    letter-spacing:.18em;
    color:#777;
    text-transform:uppercase;
  }
  @keyframes bootline{
    0%{transform:translateX(-110%)}
    100%{transform:translateX(310%)}
  }

  .topbar{
    position:fixed;
    inset:0 0 auto 0;
    z-index:80;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 var(--pad);
    border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(5,5,5,.86);
    backdrop-filter:blur(12px);
  }
  .mini-mark{
    display:flex;
    gap:10px;
    align-items:center;
    font:700 11px/1 var(--mono);
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .mini-mark::before{
    content:"";
    width:8px;
    height:8px;
    background:var(--acid);
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
    animation:pulsemark 1.4s steps(2,end) infinite;
  }
  @keyframes pulsemark{50%{opacity:.2}}
  .topnav{display:flex;align-items:center;gap:18px}
  .topnav a{
    position:relative;
    font:600 10px/1 var(--mono);
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#a7aaac;
    padding:10px 0;
  }
  .topnav a::after{
    content:"";
    position:absolute;
    left:0;right:100%;bottom:5px;height:1px;
    background:var(--acid);
    transition:right .18s ease;
  }
  .topnav a:hover{color:#fff}
  .topnav a:hover::after{right:0}

  main{position:relative;z-index:5}

  .hero{
    min-height:100svh;
    padding:calc(58px + var(--pad)) var(--pad) var(--pad);
    display:grid;
    align-items:stretch;
    position:relative;
    overflow:hidden;
  }
  .hero::before{
    content:"SISTERLYBID / 07";
    position:absolute;
    right:6px;
    top:50%;
    transform:translateY(-50%) rotate(90deg);
    transform-origin:center;
    font:8px/1 var(--mono);
    letter-spacing:.28em;
    color:#4a4c4d;
    pointer-events:none;
  }

  .hero-grid{
    width:100%;
    min-height:calc(100svh - 58px - (var(--pad) * 2));
    display:grid;
    grid-template-columns:minmax(132px,18vw) minmax(0,1fr) minmax(132px,18vw);
    grid-template-areas:"left mark right";
    align-items:center;
    gap:clamp(12px,2vw,32px);
  }

  .rail{
    align-self:center;
    display:grid;
    gap:0;
    border-top:1px solid var(--line);
  }
  .rail-left{grid-area:left}
  .rail-right{grid-area:right}
  .social{
    min-height:62px;
    padding:0 3px;
    display:grid;
    grid-template-columns:25px 1fr 20px;
    align-items:center;
    border-bottom:1px solid var(--line);
    position:relative;
    overflow:hidden;
    isolation:isolate;
  }
  .social::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:var(--acid);
    transform:translateX(-102%);
    transition:transform .22s cubic-bezier(.2,.9,.2,1);
  }
  .social:hover::before{transform:translateX(0)}
  .social:hover{color:#050505}
  .social .n{
    font:9px/1 var(--mono);
    color:#606366;
    transition:color .2s;
  }
  .social:hover .n{color:#202020}
  .social strong{
    min-width:0;
    font:800 clamp(12px,1.15vw,15px)/1 var(--sans);
    letter-spacing:-.02em;
    text-transform:uppercase;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .social .out{
    font:11px/1 var(--mono);
    text-align:right;
    transform:translateX(-5px);
    transition:transform .18s;
  }
  .social:hover .out{transform:translateX(0) rotate(-45deg)}

  .mark-zone{
    grid-area:mark;
    align-self:stretch;
    min-height:520px;
    display:grid;
    place-items:center;
    position:relative;
    isolation:isolate;
  }
  .mark-zone::before,
  .mark-zone::after{
    content:"";
    position:absolute;
    width:1px;
    height:14%;
    background:var(--acid);
    left:50%;
    transform:translateX(-50%);
    opacity:.55;
  }
  .mark-zone::before{top:0}
  .mark-zone::after{bottom:0}

  .sigil{
    position:absolute;
    width:min(850px,82vw);
    height:auto;
    z-index:-2;
    overflow:visible;
    opacity:.82;
    filter:drop-shadow(0 0 10px rgba(255,255,255,.05));
    transition:transform .18s ease-out;
  }
  .sigil path,.sigil line,.sigil polyline{vector-effect:non-scaling-stroke}
  .sigil .steel{stroke:#666b6f;stroke-width:1.15;fill:none}
  .sigil .bright{stroke:#e7e9e9;stroke-width:.9;fill:none}
  .sigil .acid{stroke:var(--acid);stroke-width:1;fill:none}
  .sigil .poison{stroke:var(--poison);stroke-width:.7;fill:none;opacity:.6}

  .logo-wrap{
    width:min(780px,66vw);
    aspect-ratio:250/115;
    position:relative;
    display:grid;
    place-items:center;
    z-index:4;
    cursor:pointer;
    touch-action:manipulation;
    transition:transform .16s ease-out;
  }
  .logo-wrap img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    user-select:none;
    -webkit-user-drag:none;
  }
  .logo-main{
    z-index:3;
    filter:drop-shadow(0 18px 28px rgba(0,0,0,.9));
  }
  .logo-acid{
    z-index:1;
    opacity:.42;
    transform:translate(7px,5px);
    filter:brightness(0) saturate(100%) invert(94%) sepia(99%) saturate(1210%) hue-rotate(23deg) brightness(108%) contrast(106%);
  }
  .logo-ghost{
    z-index:2;
    opacity:.17;
    transform:translate(-4px,-2px);
  }
  .logo-wrap.glitch .logo-main{animation:glitchA .18s steps(2,end) 1}
  .logo-wrap.glitch .logo-acid{animation:glitchB .18s steps(2,end) 1}
  .logo-wrap.glitch .logo-ghost{animation:glitchC .18s steps(2,end) 1}
  @keyframes glitchA{
    0%{clip-path:inset(0 0 72% 0);transform:translate(0)}
    33%{clip-path:inset(36% 0 34% 0);transform:translate(-9px,2px)}
    66%{clip-path:inset(72% 0 0 0);transform:translate(7px,-2px)}
    100%{clip-path:inset(0);transform:translate(0)}
  }
  @keyframes glitchB{
    0%{transform:translate(7px,5px)}
    40%{transform:translate(-13px,1px) skewX(-5deg)}
    80%{transform:translate(15px,8px)}
    100%{transform:translate(7px,5px)}
  }
  @keyframes glitchC{
    0%{transform:translate(-4px,-2px)}
    50%{transform:translate(11px,-7px)}
    100%{transform:translate(-4px,-2px)}
  }

  .hero-caption{
    position:absolute;
    left:50%;
    bottom:clamp(42px,7vh,78px);
    transform:translateX(-50%);
    width:min(560px,75%);
    display:grid;
    justify-items:center;
    gap:13px;
    z-index:8;
    text-align:center;
    pointer-events:none;
  }
  .eyebrow{
    font:600 9px/1 var(--mono);
    letter-spacing:.22em;
    text-transform:uppercase;
    color:#878b8d;
  }
  .latest{
    --latest-border:#767a7d;
    --latest-fill:#070707;
    pointer-events:auto;
    position:relative;
    isolation:isolate;
    display:inline-grid;
    grid-template-columns:auto auto auto;
    align-items:center;
    gap:12px;
    min-height:45px;
    border:0;
    padding:0 16px;
    background:var(--latest-border);
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
    font:700 10px/1 var(--mono);
    letter-spacing:.08em;
    text-transform:uppercase;
    transition:background .16s,color .16s,transform .16s;
  }
  .latest::before{
    content:"";
    position:absolute;
    inset:1px;
    z-index:0;
    background:var(--latest-fill);
    clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
    transition:background .16s;
  }
  .latest > *{position:relative;z-index:1}
  .latest:hover{
    --latest-border:var(--acid);
    --latest-fill:var(--acid);
    background:var(--latest-border);
    color:#050505;
    transform:translateY(-3px);
  }
  .latest .live{
    width:6px;height:6px;background:var(--acid);
    box-shadow:0 0 0 3px rgba(201,255,24,.1);
  }
  .latest:hover .live{background:#050505}

  .scratch{
    position:absolute;
    z-index:-1;
    width:1px;
    height:88px;
    background:#818587;
    opacity:.35;
    transform-origin:center;
  }
  .s1{left:14%;top:26%;transform:rotate(58deg)}
  .s2{right:13%;bottom:25%;height:55px;transform:rotate(-48deg)}
  .s3{left:22%;bottom:19%;height:34px;background:var(--poison);transform:rotate(14deg)}
  .s4{right:25%;top:18%;height:44px;background:var(--acid);transform:rotate(74deg)}

  .section{
    position:relative;
    padding:clamp(74px,11vw,160px) var(--pad);
    border-top:1px solid var(--line);
    background:var(--black);
  }
  .section-head{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
    gap:30px;
    margin-bottom:clamp(34px,6vw,76px);
  }
  .section-title{
    margin:0;
    font:900 clamp(58px,12vw,178px)/.72 var(--sans);
    text-transform:uppercase;
    letter-spacing:-.085em;
    color:#e9e9e6;
    position:relative;
    width:max-content;
    max-width:100%;
  }
  .section-title::after{
    content:attr(data-ghost);
    position:absolute;
    left:2px;
    top:2px;
    color:transparent;
    -webkit-text-stroke:1px var(--poison);
    opacity:.35;
    z-index:-1;
  }
  .section-note{
    max-width:230px;
    font:9px/1.55 var(--mono);
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#777b7d;
    padding-bottom:5px;
  }

  .videos{
    border-top:1px solid #424548;
    position:relative;
  }
  .video-item{
    position:relative;
    min-height:122px;
    display:grid;
    grid-template-columns:74px minmax(0,1fr) 96px 48px;
    align-items:center;
    gap:18px;
    border-bottom:1px solid var(--line);
    padding:12px 4px;
    cursor:pointer;
    transition:padding .2s ease,background .2s ease,color .2s ease;
    overflow:hidden;
  }
  .video-item::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:var(--acid);
    transform:scaleX(0);
    transform-origin:right;
    transition:transform .26s cubic-bezier(.5,0,.1,1);
  }
  .video-item:hover::before{transform:scaleX(1);transform-origin:left}
  .video-item:hover{color:#050505;padding-left:18px;padding-right:18px}
  .video-item:nth-child(even){margin-left:5vw}
  .video-item:nth-child(3n){margin-right:3vw}
  .vnum{
    font:9px/1 var(--mono);
    color:#696d70;
    transition:color .2s;
  }
  .video-item:hover .vnum{color:#151515}
  .vtitle{
    font:900 clamp(26px,4.2vw,68px)/.9 var(--sans);
    letter-spacing:-.055em;
    text-transform:uppercase;
  }
  .vmeta{
    font:9px/1.45 var(--mono);
    color:#777b7e;
    letter-spacing:.08em;
    text-transform:uppercase;
    transition:color .2s;
  }
  .video-item:hover .vmeta{color:#222}
  .play{
    width:38px;height:38px;
    border:1px solid currentColor;
    display:grid;place-items:center;
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
    transition:transform .18s;
  }
  .video-item:hover .play{transform:rotate(45deg)}
  .play::after{
    content:"";
    width:0;height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:8px solid currentColor;
    margin-left:2px;
  }
  .thumb-mobile{display:none}

  .preview{
    --preview-x:-500px;
    --preview-y:-500px;
    position:fixed;
    left:0;
    top:0;
    width:min(360px,32vw);
    aspect-ratio:16/9;
    z-index:72;
    pointer-events:none;
    opacity:0;
    transform:translate3d(var(--preview-x),var(--preview-y),0) scale(.94) rotate(-1.6deg);
    transition:opacity .12s,transform .14s;
    will-change:transform,opacity;
    padding:1px;
    background:#686c70;
    border:0;
    overflow:hidden;
    clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
    box-shadow:14px 14px 0 rgba(201,255,24,.8);
  }
  .preview-inner{
    width:100%;
    height:100%;
    overflow:hidden;
    background:#0b0b0b;
    clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);
  }
  .preview.show{opacity:1;transform:translate3d(var(--preview-x),var(--preview-y),0) scale(1) rotate(-1.6deg)}
  .preview img{width:100%;height:100%;object-fit:cover;filter:contrast(1.15)}
  .preview::after{
    content:attr(data-label);
    position:absolute;
    left:8px;bottom:8px;
    padding:5px 7px;
    background:#050505;
    color:var(--acid);
    font:8px/1 var(--mono);
    letter-spacing:.12em;
    text-transform:uppercase;
  }

  .links-stage{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);
    gap:clamp(28px,7vw,100px);
    align-items:center;
  }
  .big-call{
    position:relative;
    min-height:360px;
    display:grid;
    place-items:center;
    border:1px solid #303336;
    overflow:hidden;
    isolation:isolate;
  }
  .big-call svg{
    position:absolute;
    width:78%;
    max-height:90%;
    opacity:.55;
    z-index:-1;
    animation:slowspin 18s linear infinite;
  }
  @keyframes slowspin{to{transform:rotate(360deg)}}
  .big-call a{
    display:grid;
    place-items:center;
    width:min(250px,62%);
    aspect-ratio:1;
    border:1px solid #a5aaad;
    clip-path:polygon(50% 0,72% 27%,100% 50%,72% 73%,50% 100%,28% 73%,0 50%,28% 27%);
    font:900 clamp(22px,3.5vw,48px)/.85 var(--sans);
    text-transform:uppercase;
    text-align:center;
    letter-spacing:-.06em;
    transition:background .18s,color .18s,transform .3s cubic-bezier(.2,.9,.2,1);
  }
  .big-call a:hover{
    background:var(--acid);
    color:#050505;
    transform:rotate(45deg) scale(1.04);
  }
  .big-call a span{transform:rotate(0);transition:transform .3s}
  .big-call a:hover span{transform:rotate(-45deg)}

  .support-links{
    border-top:1px solid var(--line);
  }
  .support-links a{
    min-height:78px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid var(--line);
    font:900 clamp(20px,3vw,42px)/1 var(--sans);
    text-transform:uppercase;
    letter-spacing:-.05em;
    transition:color .16s,padding .16s,background .16s;
  }
  .support-links a small{
    font:8px/1 var(--mono);
    letter-spacing:.16em;
    color:#6f7375;
  }
  .support-links a:hover{
    background:var(--poison);
    color:#050505;
    padding:0 14px;
  }
  .support-links a:hover small{color:#151515}

  footer{
    min-height:300px;
    padding:var(--pad);
    border-top:1px solid var(--line);
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
    gap:30px;
    position:relative;
    overflow:hidden;
  }
  .footer-mark{
    position:absolute;
    left:var(--pad);
    bottom:0;
    z-index:0;
    width:min(600px,64vw);
    opacity:.18;
    transform:translate(-3% ,14%);
    pointer-events:none;
  }
  .footer-copy{
    position:relative;
    z-index:1;
    justify-self:start;
    text-align:left;
    font:9px/1.6 var(--mono);
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#666a6d;
  }
  .footer-copy b{color:var(--acid);font-weight:600}
  .footer-credit{
    position:relative;
    z-index:1;
    justify-self:end;
    display:flex;
    align-items:center;
    gap:10px;
    color:#666a6d;
    font:9px/1.6 var(--mono);
    letter-spacing:.12em;
    text-align:right;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .footer-credit img{
    width:76px;
    height:auto;
    opacity:.7;
    filter:invert(1);
  }
  .footer-credit:hover{color:#a7aaac}

  .modal{
    position:fixed;
    inset:0;
    z-index:180;
    display:none;
    place-items:center;
    padding:clamp(12px,3vw,44px);
    background:rgba(0,0,0,.94);
  }
  .modal.open{display:grid}
  .player{
    width:min(1200px,100%);
    aspect-ratio:16/9;
    position:relative;
    padding:1px;
    background:#505458;
    border:0;
    clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  }
  .player-inner{
    width:100%;
    height:100%;
    overflow:hidden;
    background:#000;
    clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px);
  }
  .player iframe{width:100%;height:100%;border:0}
  .close{
    position:absolute;
    right:0;
    top:-45px;
    height:34px;
    padding:0 12px;
    border:1px solid #6b6e71;
    background:#050505;
    color:#fff;
    font:700 9px/1 var(--mono);
    letter-spacing:.12em;
    text-transform:uppercase;
    cursor:pointer;
  }
  .close:hover{background:var(--acid);color:#050505;border-color:var(--acid)}

  .reveal{
    opacity:0;
    transform:translateY(22px);
    transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1);
  }
  .reveal.in{opacity:1;transform:none}

  @media (max-width:900px){
    .hero-grid{
      grid-template-columns:124px minmax(0,1fr) 124px;
    }
    .social{grid-template-columns:20px 1fr 16px;min-height:56px}
    .social strong{font-size:11px}
    .logo-wrap{width:min(720px,70vw)}
    .video-item{grid-template-columns:54px minmax(0,1fr) 78px 42px}
  }

  @media (max-width:760px){
    :root{--pad:18px}
    .cursor,.preview{display:none!important}
    .topbar{height:54px}
    .topnav{gap:12px}
    .topnav a:nth-child(2){display:none}
    .hero{
      min-height:auto;
      padding-top:72px;
      padding-bottom:28px;
    }
    .hero::before{display:none}
    .hero-grid{
      min-height:calc(100svh - 100px);
      grid-template-columns:1fr;
      grid-template-areas:
        "mark"
        "left"
        "right";
      align-content:start;
      gap:0;
    }
    .mark-zone{
      min-height:min(62svh,560px);
      width:100%;
    }
    .sigil{width:116vw}
    .sigil,.logo-wrap{transition:none}
    .logo-wrap{width:min(calc(100% - 20px),620px)}
    .hero-caption{
      bottom:35px;
      width:92%;
      gap:10px;
    }
    .latest{
      min-height:43px;
      padding:0 12px;
      gap:9px;
      font-size:8px;
    }
    .rail{
      display:grid;
      grid-template-columns:1fr 1fr;
      border-top:1px solid var(--line);
    }
    .rail-right{border-top:0}
    .social{
      min-height:54px;
      border-right:1px solid var(--line);
      padding:0 9px;
    }
    .social:nth-child(even){border-right:0}
    .social strong{font-size:12px}
    .section{padding-top:88px;padding-bottom:88px}
    .section-head{
      grid-template-columns:1fr;
      gap:20px;
      margin-bottom:36px;
    }
    .section-title{
      font-size:clamp(64px,23vw,110px);
    }
    .section-note{max-width:290px}
    .video-item,
    .video-item:nth-child(even),
    .video-item:nth-child(3n){
      margin:0;
      min-height:0;
      grid-template-columns:32px minmax(0,1fr) 35px;
      gap:10px;
      padding:14px 0 18px;
    }
    .video-item:hover{padding-left:0;padding-right:0}
    .video-item::before{display:none}
    .video-item:hover{color:inherit}
    .video-item:hover .vnum,.video-item:hover .vmeta{color:inherit}
    .thumb-mobile{
      display:block;
      grid-column:1/-1;
      width:100%;
      aspect-ratio:16/7.8;
      overflow:hidden;
      margin-bottom:3px;
      border:1px solid #313437;
      clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
    }
    .thumb-mobile img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1)}
    .vtitle{
      font-size:clamp(25px,8.5vw,42px);
      line-height:.92;
    }
    .vmeta{display:none}
    .play{width:32px;height:32px}
    .links-stage{grid-template-columns:1fr;gap:28px}
    .big-call{min-height:310px}
    footer{
      min-height:240px;
      grid-template-columns:minmax(0,1fr) auto;
      align-content:end;
      align-items:center;
      gap:10px;
      padding-top:12px;
      padding-bottom:150px;
    }
    .footer-mark{width:92vw}
    .footer-copy,
    .footer-credit{
      font-size:8px;
      letter-spacing:.09em;
    }
    .footer-copy{text-align:left}
    .footer-credit{justify-self:end;gap:7px}
    .footer-credit img{width:60px}
  }

  @media (max-width:420px){
    .mini-mark span:last-child{display:none}
    .topnav a{font-size:9px}
    .rail{grid-template-columns:1fr}
    .social{border-right:0!important}
    .mark-zone{min-height:56svh}
    .hero-caption{bottom:24px}
    .section-title{font-size:21vw}
  }

  @media (pointer:coarse){
    .cursor{display:none}
    .social::before,.video-item::before{display:none}
    .social:hover{color:inherit}
    .social:hover .n{color:#606366}
    .social:hover .out{transform:translateX(-5px)}
    .video-item:hover{color:inherit;padding-left:4px;padding-right:4px}
    .video-item:hover .vnum{color:#696d70}
    .video-item:hover .vmeta{color:#777b7e}
    .video-item:hover .play{transform:none}
    .logo-wrap.glitch .logo-main,
    .logo-wrap.glitch .logo-acid,
    .logo-wrap.glitch .logo-ghost{animation:none}
    .latest:hover{
      --latest-border:#767a7d;
      --latest-fill:#070707;
      background:var(--latest-border);
      color:inherit;
      transform:none;
    }
    .latest:hover .live{background:var(--acid)}
    .big-call a:hover{background:transparent;color:inherit;transform:none}
    .big-call a:hover span{transform:none}
    .support-links a:hover{background:transparent;color:inherit;padding:0}
    .support-links a:hover small{color:#6f7375}
  }

  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
      scroll-behavior:auto!important;
      animation-duration:.001ms!important;
      animation-iteration-count:1!important;
      transition-duration:.001ms!important;
    }
    #noise,.cursor{display:none}
    .reveal{opacity:1;transform:none}
  }