:root{
  --black:#0B0F0A;
  --black-2:#10160F;
  --green:#39FF6A;
  --magenta:#FF3EC8;
  --cyan:#4DE0FF;
  --yellow:#E8FF4D;
  --paper:#F2F3EC;
  --paper-dim:#9BA096;
  --line: rgba(242,243,236,0.12);
  --display: 'Space Grotesk', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
  --body: 'Work Sans', sans-serif;
  --tape: 'UnifrakturMaguntia', cursive;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);
  color:var(--paper);
  font-family:var(--body);
  font-weight:300;
  overflow-x:hidden;
  min-height:100vh;
}
a{color:inherit;}
::selection{background:var(--green); color:var(--black);}
:focus-visible{outline:2px solid var(--yellow); outline-offset:3px;}
.mono{font-family:var(--mono);}

/* ================= VIDEO HERO (index page) ================= */
.video-hero{
  position:relative;
  width:100vw; height:100svh;
  overflow:hidden;
  background:#000;
  cursor:crosshair;
}
.bg-video{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  pointer-events:none;
}
.bg-video.base{ z-index:1; filter:contrast(1.08) saturate(0.92) brightness(0.97); }
.bg-video.chan-duo{
  z-index:2; opacity:0;
  mix-blend-mode:screen;
  filter:url(#duotoneFilter) saturate(1.5) contrast(1.15);
  will-change:opacity;
}
.bg-video.chan-ambient{
  z-index:2; mix-blend-mode:screen;
  filter:url(#duotoneFilter) saturate(1.15) contrast(1.08);
  opacity:0.18;
  animation:ambientBreathe 9s ease-in-out infinite;
  will-change:opacity;
}
@keyframes ambientBreathe{
  0%,100%{ opacity:0.13; }
  50%{ opacity:0.22; }
}
@media (prefers-reduced-motion: reduce){
  .bg-video.chan-ambient{ animation:none; opacity:0.18; }
}
.scanlines{
  position:absolute; inset:0; z-index:3; pointer-events:none;
  background:repeating-linear-gradient(
    to bottom, rgba(0,0,0,0.35) 0px, rgba(0,0,0,0.35) 1px,
    transparent 1px, transparent 3px
  );
  opacity:0.14; will-change:opacity;
}
.noise{
  position:absolute; inset:0; z-index:4; pointer-events:none;
  opacity:0.04; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  will-change:opacity;
}
.vignette{
  position:absolute; inset:0; z-index:5; pointer-events:none;
  background:radial-gradient(ellipse at center, transparent 45%, rgba(11,15,10,0.55) 100%);
}
.zones{ position:absolute; inset:0; z-index:6; display:flex; }
.zone{
  flex:1; display:flex; align-items:center; justify-content:center;
  position:relative; text-decoration:none;
}
.zone-label{
  font-family:var(--tape); font-weight:500;
  font-size:clamp(15px,2.3vw,20px);
  letter-spacing:0.08em; color:var(--paper); text-transform:lowercase;
  opacity:0; transform:translateY(6px);
  transition:opacity 0.25s ease, transform 0.25s ease, color 0.2s;
  text-shadow:0 0 18px rgba(0,0,0,0.8);
  pointer-events:none;
}
.zone:hover .zone-label{ opacity:1; transform:translateY(0); }
.zone:nth-child(2):hover .zone-label{ color:var(--yellow); }
.zone:nth-child(1):hover .zone-label{ color:var(--green); }
.zone:nth-child(3):hover .zone-label{ color:var(--cyan); }
.zone-index{
  position:absolute; top:16px; left:16px;
  font-family:var(--mono); font-size:10px; letter-spacing:0.1em;
  color:var(--paper-dim); opacity:0;
  transition:opacity 0.25s ease;
}
.zone:hover .zone-index{ opacity:0.6; }
.hero-mark{
  position:absolute; z-index:7; top:20px; left:24px;
  display:flex; align-items:center; gap:10px;
  opacity:0; transition:opacity 0.4s ease; pointer-events:none;
}
.hero-mark img{
  height:36px; width:auto;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,0.95)) drop-shadow(0 0 14px rgba(0,0,0,0.9)) drop-shadow(0 0 4px rgba(0,0,0,0.9));
}
.hero-mark span{
  font-family:var(--display); font-weight:700;
  font-size:14px; letter-spacing:0.06em; color:var(--paper);
  text-shadow:0 0 12px rgba(0,0,0,0.9);
}
.video-hero:hover .hero-mark{ opacity:0.9; }

/* ---- intro name/date reveal, styled after the source video's own overlay ---- */
.intro-text{
  position:absolute; z-index:8; left:50%; top:47%;
  transform:translate(-50%,-50%);
  text-align:center; pointer-events:none;
}
.intro-name{
  display:block; margin:0 auto;
  height:clamp(48px,9vw,92px); width:auto;
  opacity:0;
}
.intro-date{
  display:block; margin:14px auto 0;
  font-family:var(--tape); font-weight:400;
  font-size:clamp(17px,3.2vw,30px);
  color:var(--paper); opacity:0;
  white-space:nowrap; letter-spacing:0.01em;
}
.intro-text .intro-name.burn-in{ animation:burnInImg 2.2s steps(1,end) forwards; }
.intro-text .intro-name.burn-out{ animation:burnOutImg 1.4s steps(1,end) forwards; }
.intro-text .intro-date.burn-in{ animation:burnIn 2.2s steps(1,end) forwards; }
.intro-text .intro-date.burn-out{ animation:burnOut 1.4s steps(1,end) forwards; }
@keyframes burnInImg{
  0%{   opacity:0;    filter:blur(18px) brightness(4.0) drop-shadow(-16px 0 var(--magenta)) drop-shadow(16px 0 var(--cyan)); }
  7%{   opacity:0.85; filter:blur(8px)  brightness(3.0) drop-shadow(-11px 0 var(--magenta)) drop-shadow(11px 0 var(--cyan)); }
  14%{  opacity:0.2;  filter:blur(12px) brightness(2.6) drop-shadow(-14px 0 var(--magenta)) drop-shadow(14px 0 var(--cyan)); }
  22%{  opacity:0.9;  filter:blur(5px)  brightness(2.2) drop-shadow(-8px  0 var(--magenta)) drop-shadow(8px  0 var(--cyan)); }
  30%{  opacity:0.15; filter:blur(10px) brightness(2.4) drop-shadow(-12px 0 var(--magenta)) drop-shadow(12px 0 var(--cyan)); }
  40%{  opacity:0.95; filter:blur(2px)  brightness(1.7) drop-shadow(-5px  0 var(--magenta)) drop-shadow(5px  0 var(--cyan)); }
  50%{  opacity:0.45; filter:blur(5px)  brightness(1.5) drop-shadow(-5px  0 var(--magenta)) drop-shadow(5px  0 var(--cyan)); }
  60%{  opacity:1;    filter:blur(1px)  brightness(1.22) drop-shadow(-2px 0 var(--magenta)) drop-shadow(2px  0 var(--cyan)); }
  72%{  opacity:0.8;  filter:blur(0.6px) brightness(1.12) drop-shadow(-1px 0 var(--magenta)) drop-shadow(1px 0 var(--cyan)); }
  84%{  opacity:1;    filter:blur(0.2px) brightness(1.08) drop-shadow(-1px 0 var(--magenta)) drop-shadow(1px 0 var(--cyan)); }
  100%{ opacity:0.62; filter:url(#solidify) brightness(3.5) drop-shadow(0 0 2px rgba(0,0,0,1)) drop-shadow(0 0 12px rgba(0,0,0,0.9)) drop-shadow(0 0 24px rgba(0,0,0,0.75)); }
}
@keyframes burnOutImg{
  0%{   opacity:0.62; filter:url(#solidify) brightness(3.5) drop-shadow(0 0 2px rgba(0,0,0,1)) drop-shadow(0 0 12px rgba(0,0,0,0.9)) drop-shadow(0 0 24px rgba(0,0,0,0.75)); }
  14%{  opacity:0.85; filter:blur(0.5px) brightness(1.12) drop-shadow(-1px 0 var(--magenta)) drop-shadow(1px 0 var(--cyan)); }
  28%{  opacity:1;    filter:blur(0.3px) brightness(1.08) drop-shadow(-2px 0 var(--magenta)) drop-shadow(2px 0 var(--cyan)); }
  42%{  opacity:0.4;  filter:blur(4px)  brightness(1.6)  drop-shadow(-5px  0 var(--magenta)) drop-shadow(5px  0 var(--cyan)); }
  56%{  opacity:0.85; filter:blur(3px)  brightness(1.9)  drop-shadow(-8px  0 var(--magenta)) drop-shadow(8px  0 var(--cyan)); }
  72%{  opacity:0.3;  filter:blur(8px)  brightness(2.4)  drop-shadow(-12px 0 var(--magenta)) drop-shadow(12px 0 var(--cyan)); }
  86%{  opacity:0.6;  filter:blur(12px) brightness(3.0)  drop-shadow(-14px 0 var(--magenta)) drop-shadow(14px 0 var(--cyan)); }
  100%{ opacity:0;    filter:blur(18px) brightness(4.0)  drop-shadow(-16px 0 var(--magenta)) drop-shadow(16px 0 var(--cyan)); }
}
@keyframes burnIn{
  0%{   opacity:0;    filter:blur(18px) brightness(4.0); letter-spacing:0.26em; text-shadow:-16px 0 var(--magenta), 16px 0 var(--cyan); }
  7%{   opacity:0.85; filter:blur(8px)  brightness(3.0); letter-spacing:0.20em; text-shadow:-11px 0 var(--magenta), 11px 0 var(--cyan); }
  14%{  opacity:0.2;  filter:blur(12px) brightness(2.6); letter-spacing:0.22em; text-shadow:-14px 0 var(--magenta), 14px 0 var(--cyan); }
  22%{  opacity:0.9;  filter:blur(5px)  brightness(2.2); letter-spacing:0.10em; text-shadow:-8px  0 var(--magenta), 8px  0 var(--cyan); }
  30%{  opacity:0.15; filter:blur(10px) brightness(2.4); letter-spacing:0.17em; text-shadow:-12px 0 var(--magenta), 12px 0 var(--cyan); }
  40%{  opacity:0.95; filter:blur(2px)  brightness(1.7); letter-spacing:0.04em; text-shadow:-5px  0 var(--magenta), 5px  0 var(--cyan); }
  50%{  opacity:0.45; filter:blur(5px)  brightness(1.5); letter-spacing:0.07em; text-shadow:-5px  0 var(--magenta), 5px  0 var(--cyan); }
  60%{  opacity:1;    filter:blur(1px)  brightness(1.22); letter-spacing:0.02em; text-shadow:-2px 0 var(--magenta), 2px  0 var(--cyan); }
  72%{  opacity:0.8;  filter:blur(0.6px) brightness(1.12); text-shadow:-1px 0 var(--magenta), 1px 0 var(--cyan); }
  84%{  opacity:1;    filter:blur(0.2px) brightness(1.08); text-shadow:-1px 0 var(--magenta), 1px 0 var(--cyan); }
  100%{ opacity:1;    filter:blur(0) brightness(1); letter-spacing:0.01em; text-shadow:0 0 18px rgba(0,0,0,0.85); }
}
@keyframes burnOut{
  0%{   opacity:1;    filter:blur(0) brightness(1); letter-spacing:0.01em; text-shadow:0 0 18px rgba(0,0,0,0.85); }
  14%{  opacity:0.85; filter:blur(0.5px) brightness(1.12); letter-spacing:0.015em; text-shadow:-1px 0 var(--magenta), 1px 0 var(--cyan); }
  28%{  opacity:1;    filter:blur(0.3px) brightness(1.08); text-shadow:-2px 0 var(--magenta), 2px 0 var(--cyan); }
  42%{  opacity:0.4;  filter:blur(4px)  brightness(1.6);  letter-spacing:0.07em; text-shadow:-5px  0 var(--magenta), 5px  0 var(--cyan); }
  56%{  opacity:0.85; filter:blur(3px)  brightness(1.9);  letter-spacing:0.12em; text-shadow:-8px  0 var(--magenta), 8px  0 var(--cyan); }
  72%{  opacity:0.3;  filter:blur(8px)  brightness(2.4);  letter-spacing:0.18em; text-shadow:-12px 0 var(--magenta), 12px 0 var(--cyan); }
  86%{  opacity:0.6;  filter:blur(12px) brightness(3.0);  letter-spacing:0.22em; text-shadow:-14px 0 var(--magenta), 14px 0 var(--cyan); }
  100%{ opacity:0;    filter:blur(18px) brightness(4.0);  letter-spacing:0.26em; text-shadow:-16px 0 var(--magenta), 16px 0 var(--cyan); }
}
@media (prefers-reduced-motion: reduce){
  .intro-text .intro-name, .intro-text .intro-date{
    opacity:0.9 !important; animation:none !important;
    filter:drop-shadow(0 0 16px rgba(0,0,0,0.7)) !important;
  }
}

/* ---- tracking-box glitch flashes (matches the source video's HUD boxes) ---- */
.tracking-boxes{ position:absolute; inset:0; z-index:6; pointer-events:none; overflow:hidden; }
.tbox{
  position:absolute; border:1px solid var(--magenta);
  background:rgba(242,243,236,0.05);
  opacity:0;
}
.tbox::before{
  content:''; position:absolute; top:-3px; left:-3px;
  width:6px; height:6px; border-radius:50%;
  background:var(--green); box-shadow:0 0 6px var(--green);
}
.tbox::after{
  content:''; position:absolute; bottom:-3px; right:-3px;
  width:6px; height:6px; border-radius:50%;
  background:var(--green); box-shadow:0 0 6px var(--green);
}
.tbox.persist{
  transition:opacity 0.6s ease, left 2.2s ease, top 2.2s ease, width 2.2s ease, height 2.2s ease;
}
.reticle{
  position:absolute; z-index:9;
  width:110px; height:110px;
  border:1px dashed rgba(242,243,236,0.55);
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none; opacity:0;
  transition:opacity 0.7s ease;
}
.reticle::before{
  content:''; position:absolute; top:50%; left:50%;
  width:5px; height:5px;
  background:var(--green); border-radius:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 0 8px var(--green);
}
.coord-text{
  position:absolute; z-index:9;
  font-family:var(--mono); font-size:9px; letter-spacing:0.1em;
  color:var(--magenta); pointer-events:none; opacity:0;
  transition:opacity 0.6s ease;
  text-shadow:0 0 6px rgba(255,62,200,0.5);
}

/* ---- three-line menu, top right ---- */
.menu-toggle{
  position:fixed; top:22px; right:22px; z-index:20;
  width:32px; height:22px;
  display:flex; flex-direction:column; justify-content:space-between;
  background:transparent; border:none; cursor:pointer; padding:0;
}
.menu-toggle span{
  display:block; height:2px; width:100%; background:var(--paper);
  transition:transform 0.25s ease, opacity 0.2s ease;
  box-shadow:0 0 8px rgba(0,0,0,0.6);
}
.menu-toggle.open span:nth-child(1){ transform:translateY(10px) rotate(45deg); }
.menu-toggle.open span:nth-child(2){ opacity:0; }
.menu-toggle.open span:nth-child(3){ transform:translateY(-10px) rotate(-45deg); }

.menu-overlay{
  position:fixed; inset:0; z-index:19;
  background:rgba(11,15,10,0.94);
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:26px; opacity:0; pointer-events:none;
  transition:opacity 0.3s ease;
}
.menu-overlay.open{ opacity:1; pointer-events:auto; }
.menu-overlay a{
  font-family:var(--tape); font-weight:400;
  font-size:clamp(32px,7vw,54px);
  color:var(--paper); text-decoration:none; letter-spacing:0.01em;
  transition:color 0.2s;
}
.menu-overlay a:hover{ color:var(--green); }
.menu-overlay .m-idx{
  font-family:var(--mono); font-size:11px; color:var(--paper-dim);
  letter-spacing:0.1em; margin-right:10px;
}
.menu-overlay .menu-cta{ color:var(--green); }
.menu-overlay .menu-cta .m-idx{ color:var(--green); }
.menu-overlay .menu-divider{
  width:60px; height:1px; background:var(--line); margin:4px 0;
}
.menu-social{
  display:flex; gap:22px; margin-top:14px;
}
.menu-social a{
  font-family:var(--mono); font-size:12px; letter-spacing:0.08em;
  color:var(--paper-dim); text-decoration:none;
  transition:color 0.2s;
}
.menu-social a:hover{ color:var(--green); }

/* ---- persistent tickets pill, bottom right ---- */
.tickets-pill{
  position:fixed; z-index:20; bottom:24px; right:24px;
  font-family:var(--tape); font-weight:400;
  font-size:19px; color:var(--black);
  background:var(--green);
  padding:11px 20px;
  border-radius:999px;
  text-decoration:none;
  letter-spacing:0.01em;
  box-shadow:0 4px 18px rgba(57,255,106,0.25);
  transition:transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
.tickets-pill:hover{
  background:var(--yellow);
  transform:translateY(-2px);
  box-shadow:0 6px 22px rgba(232,255,77,0.3);
}
@media (max-width:640px){
  .tickets-pill{ bottom:18px; right:18px; font-size:13px; padding:10px 16px; }
}
.hint{
  position:absolute; z-index:7; bottom:26px; left:50%; transform:translateX(-50%);
  font-family:var(--mono); font-size:10px; letter-spacing:0.2em;
  color:var(--paper-dim); opacity:0;
  animation:hintFade 7s ease-in-out 1s 1 forwards;
  pointer-events:none; text-align:center;
}
@keyframes hintFade{
  0%{opacity:0;} 12%{opacity:0.55;} 80%{opacity:0.55;} 100%{opacity:0;}
}
.video-hero.interacted .hint{ animation:none; opacity:0; }
@media (max-width:720px){
  .zones{ flex-direction:column; }
  .zone-label{ font-size:13px; letter-spacing:0.18em; }
  .hint{ bottom:112px; }
}

.acknowledgement-overlay{
  position:absolute; z-index:7;
  bottom:24px; left:24px;
  max-width:min(300px, 60vw);
  font-family:var(--mono); font-size:10px; line-height:1.6;
  color:var(--paper-dim); letter-spacing:0.01em;
  text-shadow:0 1px 3px rgba(0,0,0,0.95), 0 0 12px rgba(0,0,0,0.85);
  pointer-events:none;
}
@media (max-width:720px){
  .acknowledgement-overlay{
    max-width:min(190px, 52vw);
    font-size:9px; bottom:18px; left:18px;
  }
}

/* ================= sub-page shell ================= */
.topbar{
  position:fixed; top:0; left:0; right:0; z-index:100;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px clamp(20px,4vw,48px);
  background:rgba(11,15,10,0.75);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.topbar .back{
  font-family:var(--mono); font-size:12px; letter-spacing:0.08em;
  text-decoration:none; color:var(--paper-dim);
  display:flex; align-items:center; gap:8px;
  transition:color 0.2s;
}
.topbar .back:hover{ color:var(--green); }
.topbar .back img{ height:20px; width:auto; }
.topbar nav{ display:flex; gap:clamp(14px,3vw,28px); font-family:var(--mono); font-size:11px; letter-spacing:0.08em; }
.topbar nav a{ text-decoration:none; color:var(--paper-dim); transition:color 0.2s; }
.topbar nav a:hover, .topbar nav a.active{ color:var(--green); }
@media (max-width:560px){ .topbar nav{ display:none; } }

.page{
  min-height:100vh;
  padding:130px clamp(20px,6vw,80px) 80px;
  display:flex; flex-direction:column; justify-content:center;
  animation:pageIn 0.6s cubic-bezier(.16,.8,.3,1) both;
}
@keyframes pageIn{
  from{ opacity:0; transform:translateY(14px); }
  to{ opacity:1; transform:translateY(0); }
}

.section-head{
  display:flex; align-items:baseline; gap:16px; margin-bottom:40px; flex-wrap:wrap;
}
.section-index{ font-family:var(--mono); font-size:12px; color:var(--green); letter-spacing:0.1em; }
.rule{ height:1px; background:var(--line); flex:1; min-width:60px; }

.transmission{ max-width:760px; }
.transmission p{ font-size:clamp(18px,2.2vw,24px); line-height:1.55; font-weight:300; color:var(--paper); }
.transmission .tag{
  display:inline-block; font-family:var(--mono); font-size:11px; letter-spacing:0.1em;
  color:var(--black); background:var(--yellow); padding:2px 8px; margin:0 2px;
}
.meta-grid{
  margin-top:48px; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1px; background:var(--line); border:1px solid var(--line); max-width:760px;
}
.meta-item{ background:var(--black); padding:20px 22px; transition:background 0.2s; }
.meta-item:hover{ background:var(--black-2); }
.meta-item .k{ font-family:var(--mono); font-size:10px; letter-spacing:0.1em; color:var(--paper-dim); text-transform:uppercase; }
.meta-item .v{ font-family:var(--mono); font-size:16px; color:var(--cyan); margin-top:8px; }

.acknowledgement{ margin-top:52px; max-width:640px; }
.acknowledgement .k{
  font-family:var(--mono); font-size:11px; letter-spacing:0.1em;
  color:var(--paper-dim); text-transform:uppercase; margin-bottom:12px;
}
.acknowledgement p{
  font-size:14px; line-height:1.7; color:var(--paper-dim); font-weight:300;
}

.lineup-status{
  font-family:var(--mono); font-size:12px; letter-spacing:0.1em; color:var(--magenta);
  display:flex; align-items:center; gap:8px; margin-bottom:40px;
}
.lineup-status .sq{ width:7px; height:7px; background:var(--magenta); }
.slot-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:8px; max-width:900px; }
.slot{
  aspect-ratio:3/2; border:1px solid var(--line); position:relative; overflow:hidden;
  background:var(--black-2); display:flex; align-items:center; justify-content:center;
  transition:border-color 0.25s;
}
.slot::before{
  content:'—'; font-family:var(--mono); font-size:11px; letter-spacing:0.1em;
  color:var(--paper-dim); opacity:0.4; transition:opacity 0.25s;
}
.slot::after{
  content:''; position:absolute; top:0; left:-100%; width:60%; height:100%;
  background:linear-gradient(90deg, transparent, rgba(57,255,106,0.12), transparent);
  transition:left 0.6s ease;
}
.slot:hover{ border-color:var(--green); }
.slot:hover::after{ left:120%; }
.slot:hover::before{ opacity:0.7; content:'LOCKED'; }
.slot .idx{ position:absolute; top:8px; left:8px; font-family:var(--mono); font-size:9px; color:var(--green); opacity:0.6; }

.notify-hero{ max-width:520px; }
.notify-hero h1{ font-family:var(--display); font-weight:600; font-size:clamp(30px,4.5vw,48px); line-height:1.1; }
.notify-hero p{ color:var(--paper-dim); font-size:15px; margin-top:14px; max-width:440px; }
form.inline-form{ display:flex; gap:0; margin-top:36px; max-width:420px; }
.inline-form input{
  flex:1; background:transparent; border:1px solid var(--line); border-right:none;
  padding:15px 16px; font-family:var(--mono); font-size:13px; color:var(--paper);
  transition:border-color 0.2s;
}
.inline-form input::placeholder{ color:var(--paper-dim); }
.inline-form input:focus{ outline:none; border-color:var(--green); }
.inline-form button{
  border:1px solid var(--paper); background:var(--paper); color:var(--black);
  font-family:var(--mono); font-size:12px; letter-spacing:0.08em;
  padding:0 24px; cursor:pointer; text-transform:uppercase; transition:background 0.2s;
}
.inline-form button:hover{ background:var(--green); border-color:var(--green); }
.form-note{ margin-top:14px; font-family:var(--mono); font-size:10px; letter-spacing:0.06em; color:var(--paper-dim); opacity:0.7; }

footer{
  padding:40px clamp(20px,6vw,80px) 32px;
  border-top:1px solid var(--line);
  display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:20px;
}
.footer-left .logo{
  font-family:var(--display); font-weight:700; font-size:15px;
  display:flex; align-items:center; gap:9px; margin-bottom:6px; text-decoration:none;
}
.footer-left .logo img{ height:22px; width:auto; }
.footer-left .mono{ color:var(--paper-dim); font-size:10px; letter-spacing:0.06em; }
.social-row{ display:flex; gap:16px; }
.social-row a{
  font-family:var(--mono); font-size:11px; letter-spacing:0.08em; color:var(--paper-dim);
  text-decoration:none; border-bottom:1px solid transparent; transition:color 0.2s, border-color 0.2s;
}
.social-row a:hover{ color:var(--green); border-color:var(--green); }
.footer-right{ font-family:var(--mono); font-size:10px; color:var(--paper-dim); opacity:0.6; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:0.001ms !important; }
  .zone-label{ opacity:1 !important; transform:none !important; }
}
@media (max-width:720px){
  form.inline-form{ flex-direction:column; max-width:100%; }
  .inline-form input{ border-right:1px solid var(--line); border-bottom:none; }
  .inline-form button{ padding:14px; }
}