:root {
  --ink: #f4efff;
  --muted: #a49bbd;
  --faint: #6b6380;
  --night: #080611;
  --panel: #110d1d;
  --panel-2: #171126;
  --line: rgba(214, 188, 255, .16);
  --purple: #a65dff;
  --lilac: #d5a8ff;
  --pink: #ff78ed;
  --blue: #8495ff;
  --max: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--night);
  color: var(--ink);
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.noise {
  pointer-events: none;
  position: fixed;
  inset: 0;
  opacity: .045;
  z-index: 20;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
  mix-blend-mode: screen;
}
.page-shell { width: min(var(--max), calc(100% - 96px)); margin: 0 auto; }

/* Navigation */
.site-header {
  display: flex; align-items: center; justify-content: space-between;
  position: absolute; z-index: 10; top: 0; left: 0; right: 0;
  width: min(var(--max), calc(100% - 96px)); margin: 0 auto; padding: 28px 0;
}
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-mark {
  display: grid; place-items: center; width: 35px; height: 35px;
  border: 1px solid rgba(219, 168, 255, .8); border-radius: 50%;
  color: #fff; font-family: "Space Grotesk", sans-serif; font-size: 21px; font-weight: 700;
  line-height: 1; box-shadow: 0 0 22px rgba(166, 93, 255, .4);
}
.brand-logo { overflow: hidden; background: #150c25; animation: logo-glow 5s ease-in-out infinite; }
.brand-logo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { color: #fff; font-family: "Space Grotesk", sans-serif; font-size: 16px; letter-spacing: .16em; }
.brand-copy small { margin-top: 5px; color: var(--muted); font: 8px "DM Mono", monospace; letter-spacing: .13em; }
.main-nav { display: flex; align-items: center; gap: 34px; color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.main-nav a { transition: color .25s ease; }
.main-nav a:hover { color: #fff; }
.nav-count { display: inline-block; margin-left: 4px; color: var(--purple); font: 9px "DM Mono", monospace; vertical-align: top; }
.nav-discord { border-left: 1px solid var(--line); padding-left: 32px; color: #fff; }
.arrow { display: inline-block; margin-left: 5px; color: var(--lilac); font-size: 14px; transition: transform .25s ease; }
a:hover .arrow, a:hover > span { transform: translate(2px, -2px); }
.menu-toggle { display: none; }

/* Shared type */
.section-label { color: var(--lilac); font: 10px "DM Mono", monospace; letter-spacing: .16em; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: "Space Grotesk", sans-serif; line-height: .98; letter-spacing: -.045em; }
h1 em, h2 em { color: var(--lilac); font-style: normal; }
h2 { margin-bottom: 22px; font-size: clamp(42px, 5vw, 70px); }
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 21px;
  min-height: 50px; padding: 0 21px; border: 1px solid var(--line);
  position: relative; overflow: hidden;
  font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.button::after { position: absolute; top: -50%; left: -80%; width: 45%; height: 200%; background: rgba(255,255,255,.18); content: ""; transform: rotate(18deg); transition: left .6s ease; }
.button:hover::after { left: 135%; }
.button:hover { transform: translateY(-3px); border-color: var(--lilac); }
.button span { color: var(--lilac); font-size: 16px; font-weight: 400; }
.button-primary { border-color: transparent; background: linear-gradient(110deg, #7338b8, #be6aff); color: #fff; box-shadow: 0 0 30px rgba(166, 93, 255, .22); }
.button-primary:hover { border-color: transparent; background: linear-gradient(110deg, #8e4bd7, #ca7cff); }
.button-ghost { color: #fff; }
.text-link { display: inline-flex; align-items: center; gap: 12px; align-self: flex-end; padding-bottom: 5px; border-bottom: 1px solid var(--line); color: var(--muted); font: 10px "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; transition: color .25s ease, border-color .25s ease; }
.text-link:hover { border-color: var(--lilac); color: #fff; }
.text-link span { color: var(--lilac); font-size: 15px; }

/* Hero */
.hero { display: flex; align-items: flex-end; position: relative; min-height: 780px; overflow: hidden; }
.hero-backdrop, .hero-grid { position: absolute; inset: 0; }
.hero-backdrop {
  background-image: linear-gradient(90deg, rgba(7, 4, 15, .94) 0%, rgba(7, 4, 15, .55) 46%, rgba(7, 4, 15, .2) 100%), linear-gradient(0deg, var(--night) 0%, rgba(8, 6, 17, .1) 35%, rgba(8, 6, 17, .38) 100%), url("../images/banner.png");
  background-position: center, center, center;
  background-size: cover;
  animation: backdrop-drift 18s ease-in-out infinite alternate;
}
.hero-grid {
  opacity: .26; background-size: 56px 56px;
  background-image: linear-gradient(rgba(207, 171, 255, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(207, 171, 255, .1) 1px, transparent 1px);
  mask-image: linear-gradient(90deg, #000, transparent 75%);
  animation: grid-breathe 8s ease-in-out infinite;
}
.hero-content { position: relative; z-index: 2; padding-bottom: 92px; }
.hero-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 29px; color: var(--muted); font: 10px "DM Mono", monospace; letter-spacing: .14em; }
.hero-kicker b { color: var(--purple); font-weight: 400; }
.pulse-dot, .tiny-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #b971ff; box-shadow: 0 0 0 5px rgba(185, 113, 255, .1), 0 0 18px #b971ff; animation: dot-pulse 2.5s ease-in-out infinite; }
.hero h1 { max-width: 760px; margin-bottom: 29px; color: #fff; font-size: clamp(55px, 8vw, 106px); }
.hero-lede { max-width: 430px; margin-bottom: 36px; color: #c0b8d1; font-size: 15px; line-height: 1.8; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 28px; margin-top: 73px; color: var(--faint); font: 9px "DM Mono", monospace; letter-spacing: .1em; }
.hero-meta span { display: inline-flex; align-items: center; gap: 9px; }
.hero-meta .tiny-dot { width: 5px; height: 5px; box-shadow: 0 0 9px #b971ff; }
.hero-mark { position: absolute; z-index: 1; top: 16%; right: 8%; width: min(50vw, 670px); opacity: .33; mix-blend-mode: screen; animation: float 10s ease-in-out infinite; }
.hero-mark img { display: block; width: 100%; filter: saturate(1.1) brightness(1.15); }
.hero-scroll { position: absolute; z-index: 2; right: 46px; bottom: 72px; display: flex; align-items: center; gap: 12px; color: var(--faint); font: 9px "DM Mono", monospace; letter-spacing: .15em; text-transform: uppercase; transform: rotate(-90deg) translateX(100%); transform-origin: right bottom; }
.hero-scroll span { display: block; width: 45px; height: 1px; background: linear-gradient(90deg, transparent, var(--lilac)); }
@keyframes float { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(15px) rotate(2deg); } }

/* Status */
.status-section { display: grid; grid-template-columns: 1fr 1.05fr; gap: 110px; padding-top: 145px; padding-bottom: 150px; }
.section-intro p { max-width: 390px; margin: 33px 0 0; color: var(--muted); font-size: 14px; line-height: 1.9; }
.status-panel { position: relative; padding: 33px 35px 25px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(45, 24, 69, .55), rgba(12, 9, 24, .9)); }
.status-panel::before { position: absolute; top: -1px; right: 16%; left: 16%; height: 1px; background: var(--purple); box-shadow: 0 0 16px var(--purple); content: ""; }
.status-panel::after { position: absolute; top: 0; right: 0; left: 0; height: 90px; background: linear-gradient(180deg, rgba(224, 169, 255, .08), transparent); content: ""; pointer-events: none; animation: panel-scan 5s ease-in-out infinite; }
.panel-heading, .progress-caption, .panel-foot, .status-lines div { display: flex; align-items: center; justify-content: space-between; }
.panel-heading { margin-bottom: 23px; font: 10px "DM Mono", monospace; letter-spacing: .12em; }
.panel-heading strong { color: var(--lilac); font: 27px "Space Grotesk", sans-serif; letter-spacing: -.05em; }
.progress-track { height: 5px; background: rgba(255,255,255,.11); }
.progress-track span { display: block; height: 100%; background: linear-gradient(90deg, #6b34aa, #cd7bff); box-shadow: 0 0 12px #a65dff; }
.progress-caption { margin-top: 11px; color: var(--faint); font: 8px "DM Mono", monospace; }
.status-lines { margin: 43px 0 26px; border-top: 1px solid var(--line); }
.status-lines div { justify-content: flex-start; gap: 14px; padding: 17px 0; border-bottom: 1px solid var(--line); color: #d9d2e7; font-size: 12px; }
.status-lines b { margin-left: auto; color: var(--lilac); font: 9px "DM Mono", monospace; font-weight: 400; text-transform: uppercase; }
.status-lines b.ready { color: #a8f3dc; }
.line-icon { color: var(--purple); font-size: 14px; }
.panel-foot { color: var(--faint); font: 8px "DM Mono", monospace; letter-spacing: .1em; }
.panel-foot span:first-child { display: flex; align-items: center; gap: 8px; color: var(--lilac); }
.panel-foot .pulse-dot { width: 5px; height: 5px; }

/* Idea */
.signal-section { padding: 50px 0 155px; background: linear-gradient(180deg, rgba(31, 16, 49, .15), rgba(8, 6, 17, .8)); }
.signal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 110px; align-items: center; }
.signal-image { position: relative; max-width: 500px; }
.signal-image::after { position: absolute; inset: 9% -9% -9% 9%; border: 1px solid rgba(166, 93, 255, .25); content: ""; z-index: -1; }
.signal-image img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; filter: saturate(1.1); }
.image-stamp { position: absolute; right: -35px; bottom: 25px; padding: 7px 13px; background: var(--night); color: var(--lilac); font: 9px "DM Mono", monospace; letter-spacing: .15em; transform: rotate(-90deg); }
.signal-copy > p { max-width: 435px; margin: 30px 0 41px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.quote-line { display: flex; gap: 17px; align-items: flex-start; border-left: 1px solid var(--purple); padding-left: 18px; }
.quote-line > span { color: var(--purple); font: 34px Georgia, serif; line-height: .75; }
.quote-line p { margin: 0; color: var(--lilac); font-family: "Space Grotesk", sans-serif; font-size: 17px; }

/* Leaks + team */
.leaks-preview { padding-bottom: 160px; }
.section-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 52px; }
.section-header h2 { margin: 18px 0 0; }
.leak-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 18px; }
.leak-card { min-height: 240px; }
.leak-featured { grid-row: span 2; }
.leak-visual { position: relative; min-height: 240px; height: 100%; overflow: hidden; background-color: var(--panel); background-repeat: no-repeat; }
.leak-visual::after { position: absolute; inset: 0; border: 1px solid rgba(235, 199, 255, .12); content: ""; transition: border-color .3s ease; }
.leak-card:hover .leak-visual::after { border-color: rgba(235, 199, 255, .48); }
.leak-visual::before { position: absolute; inset: 0; background: rgba(133, 69, 209, .04); content: ""; transition: background .4s ease; }
.leak-card:hover .leak-visual::before { background: rgba(185, 96, 255, .16); }
.leak-visual { transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.leak-card:hover .leak-visual { transform: scale(1.025); }
.leak-number, .leak-type { position: absolute; top: 19px; z-index: 1; color: var(--lilac); font: 10px "DM Mono", monospace; letter-spacing: .13em; }
.leak-number { left: 20px; }
.leak-type { right: 20px; color: #d9cce9; }
.leak-info { position: absolute; right: 23px; bottom: 22px; left: 23px; z-index: 1; }
.leak-info h3 { margin-bottom: 8px; color: #fff; font-family: "Space Grotesk", sans-serif; font-size: 23px; letter-spacing: -.035em; }
.leak-info p { max-width: 440px; margin: 0; color: #b9aecb; font-size: 11px; line-height: 1.6; }
.team-teaser { padding-bottom: 165px; }
.team-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.member-card { border: 1px solid var(--line); background: var(--panel); transition: transform .3s ease, border-color .3s ease; }
.member-card:hover { border-color: rgba(213,168,255,.55); transform: translateY(-6px); }
.member-head { position: relative; display: grid; place-items: center; min-height: 215px; overflow: hidden; background: #151027; }
.member-head::before { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(152, 65, 224, .16), transparent 60%); content: ""; }
.member-head.accent-blue::before { background: linear-gradient(135deg, rgba(89, 105, 255, .22), transparent 60%); }
.member-head.accent-pink::before { background: linear-gradient(135deg, rgba(255, 97, 208, .18), transparent 60%); }
.member-head img { position: relative; z-index: 1; width: 150px; height: 150px; image-rendering: pixelated; filter: drop-shadow(0 15px 18px rgba(0,0,0,.5)); }
.member-index { position: absolute; right: 15px; bottom: 13px; color: rgba(255,255,255,.45); font: 10px "DM Mono", monospace; }
.member-meta { display: flex; flex-direction: column; padding: 20px 22px 23px; }
.member-meta span { color: var(--lilac); font: 9px "DM Mono", monospace; letter-spacing: .13em; text-transform: uppercase; }
.member-meta strong { margin-top: 4px; color: #fff; font-family: "Space Grotesk", sans-serif; font-size: 25px; }
.member-meta small { margin-top: 3px; color: var(--faint); font: 10px "DM Mono", monospace; }

/* Call to action */
.final-cta { position: relative; min-height: 475px; overflow: hidden; background: radial-gradient(circle at 50% 100%, rgba(108, 43, 163, .5), transparent 58%), #120b20; }
.cta-inner { position: relative; z-index: 1; padding: 106px 0; text-align: center; }
.cta-inner h2 { margin: 20px 0 20px; font-size: clamp(46px, 6vw, 75px); }
.cta-inner p { max-width: 400px; margin: 0 auto 31px; color: var(--muted); font-size: 13px; }
.cta-orbit { position: absolute; left: 50%; border: 1px solid rgba(201, 139, 255, .2); border-radius: 50%; transform: translateX(-50%); }
.orbit-one { bottom: -270px; width: 900px; height: 530px; }
.orbit-two { bottom: -205px; width: 620px; height: 365px; border-color: rgba(201, 139, 255, .35); }
.orbit-one { animation: orbit-breathe 9s ease-in-out infinite; }
.orbit-two { animation: orbit-breathe 9s ease-in-out -3s infinite; }

/* Subpages */
.subpage-hero { position: relative; min-height: 485px; padding-top: 185px; overflow: hidden; background: linear-gradient(90deg, rgba(8,6,17,.98), rgba(8,6,17,.4)), url("../images/banner.png") center 48% / cover; }
.subpage-hero::after { position: absolute; inset: 0; background-image: linear-gradient(rgba(208, 171, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(208, 171, 255, .07) 1px, transparent 1px); background-size: 50px 50px; mask-image: linear-gradient(90deg, #000, transparent); content: ""; }
.subpage-hero .page-shell { position: relative; z-index: 1; }
.subpage-hero h1 { max-width: 670px; margin: 25px 0; font-size: clamp(58px, 7vw, 90px); }
.subpage-hero p { max-width: 420px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.leaks-hero { background-position: center 26%; }
.team-page, .leaks-page { padding-top: 80px; padding-bottom: 140px; }
.page-count { margin-bottom: 58px; color: var(--faint); font: 10px "DM Mono", monospace; letter-spacing: .12em; text-transform: uppercase; }
.page-count span { margin-right: 15px; color: var(--lilac); font-size: 25px; }
.team-group { margin-top: 75px; }
.group-heading { display: flex; justify-content: space-between; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--line); color: var(--faint); font: 9px "DM Mono", monospace; letter-spacing: .12em; }
.team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.full-member-card { border: 1px solid var(--line); background: var(--panel); }
.full-member-visual { position: relative; display: grid; place-items: center; height: 270px; overflow: hidden; background: radial-gradient(circle at 50% 25%, rgba(160, 80, 255, .3), transparent 55%), #160e25; }
.full-member-visual::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,6,17,.38), transparent); content: ""; }
.full-member-visual.accent-blue { background: radial-gradient(circle at 50% 25%, rgba(83, 103, 255, .33), transparent 55%), #10162f; }
.full-member-visual.accent-pink { background: radial-gradient(circle at 50% 25%, rgba(255, 89, 212, .3), transparent 55%), #2a1027; }
.full-member-visual img { position: relative; z-index: 1; width: 190px; height: 190px; image-rendering: pixelated; filter: drop-shadow(0 25px 15px rgba(0,0,0,.65)); }
.head-label { position: absolute; right: 15px; bottom: 13px; z-index: 2; color: rgba(255,255,255,.5); font: 8px "DM Mono", monospace; letter-spacing: .1em; }
.full-member-content { padding: 23px 25px 25px; }
.full-member-content > span { color: var(--lilac); font: 9px "DM Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }
.full-member-content h2 { margin: 7px 0 11px; font-size: 31px; }
.full-member-content p { min-height: 52px; margin-bottom: 19px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.full-member-content small { color: var(--faint); font: 9px "DM Mono", monospace; }
.team-cta, .leak-cta { padding: 105px 0; background: linear-gradient(105deg, #190e29, #0b0714); }
.team-cta h2, .leak-cta h2 { margin: 19px 0; font-size: 58px; }
.team-cta p { max-width: 390px; margin-bottom: 28px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.leaks-full-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px 18px; }
.full-leak-card { min-height: 0; }
.full-leak-visual { position: relative; height: 350px; overflow: hidden; background-color: var(--panel); background-repeat: no-repeat; }
.full-leak-visual::after { position: absolute; inset: 15px; border: 1px solid rgba(234, 201, 255, .25); content: ""; }
.full-leak-top { position: absolute; top: 31px; right: 32px; left: 32px; z-index: 1; display: flex; justify-content: space-between; color: var(--lilac); font: 9px "DM Mono", monospace; letter-spacing: .13em; }
.leak-caption-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 14px; }
.leak-caption { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.leak-download { flex-shrink: 0; color: var(--lilac); font: 9px "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; transition: color .25s ease; }
.leak-download:hover { color: #fff; }
.leak-download span { margin-left: 6px; font-size: 14px; }
.leak-cta { background: radial-gradient(circle at 75% 40%, rgba(99, 41, 152, .35), transparent 45%), #10091a; }
.leak-cta p { color: var(--muted); }
.leak-closing-copy { max-width: 520px; margin: 0 0 82px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.support-block { border-top: 1px solid var(--line); padding-top: 55px; }
.support-block h2 { margin: 18px 0 28px; }
.support-links { display: flex; flex-wrap: wrap; gap: 13px; }

/* Footer */
.site-footer { padding: 67px 0 25px; background: #06040c; }
.footer-top, .footer-bottom { width: min(var(--max), calc(100% - 96px)); margin: 0 auto; }
.footer-top { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; padding-bottom: 62px; border-bottom: 1px solid var(--line); }
.footer-top > p { justify-self: center; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.footer-top > p span { color: var(--lilac); }
.footer-discord { justify-self: end; color: var(--lilac); font: 10px "DM Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.footer-discord span { margin-left: 10px; font-size: 15px; }
.footer-bottom { display: flex; justify-content: space-between; padding-top: 23px; color: var(--faint); font: 8px "DM Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.footer-status { display: inline-flex; align-items: center; gap: 8px; color: var(--lilac); }
.footer-status i { width: 5px; height: 5px; border-radius: 50%; background: #aaf1db; box-shadow: 0 0 8px #aaf1db; }

/* Motion */
.reveal { opacity: 0; transform: translateY(25px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: .1s; }
.reveal-delay-2 { transition-delay: .2s; }
.reveal-delay-3 { transition-delay: .3s; }
@keyframes page-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes backdrop-drift { from { background-position: center, center, center 49%; } to { background-position: center, center, 52% 51%; } }
@keyframes grid-breathe { 0%, 100% { opacity: .16; } 50% { opacity: .32; } }
@keyframes dot-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.22); box-shadow: 0 0 0 7px rgba(185, 113, 255, .08), 0 0 22px #b971ff; } }
@keyframes logo-glow { 0%, 100% { box-shadow: 0 0 16px rgba(166, 93, 255, .28); } 50% { box-shadow: 0 0 26px rgba(204, 130, 255, .62); } }
@keyframes panel-scan { 0%, 100% { transform: translateY(-15px); opacity: .3; } 50% { transform: translateY(260px); opacity: .75; } }
@keyframes orbit-breathe { 0%, 100% { opacity: .55; transform: translateX(-50%) scale(1); } 50% { opacity: 1; transform: translateX(-50%) scale(1.035); } }
body { animation: page-enter .7s ease both; }

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

@media (max-width: 850px) {
  .page-shell, .site-header, .footer-top, .footer-bottom { width: min(100% - 42px, var(--max)); }
  .site-header { padding-top: 20px; }
  .menu-toggle { display: flex; flex-direction: column; gap: 6px; padding: 10px 0 10px 10px; border: 0; background: transparent; }
  .menu-toggle span { display: block; width: 25px; height: 1px; background: #fff; transition: transform .2s ease; }
  .main-nav { position: absolute; top: 76px; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 9px 20px; border: 1px solid var(--line); background: rgba(13, 8, 23, .97); box-shadow: 0 20px 40px rgba(0,0,0,.35); }
  .main-nav.is-open { display: flex; }
  .main-nav a { padding: 15px 0; border-bottom: 1px solid var(--line); }
  .main-nav a:last-child { border-bottom: 0; }
  .nav-discord { padding-left: 0; border-left: 0; }
  .hero { min-height: 720px; }
  .hero-mark { top: 18%; right: -20%; width: 100vw; opacity: .25; }
  .hero-content { padding-bottom: 74px; }
  .hero-scroll { display: none; }
  .status-section, .signal-grid { grid-template-columns: 1fr; gap: 56px; }
  .status-section { padding-top: 100px; padding-bottom: 105px; }
  .signal-section { padding-bottom: 110px; }
  .signal-image { max-width: calc(100% - 24px); margin: 0 0 0 12px; }
  .section-header { align-items: flex-start; gap: 24px; }
  .section-header .text-link { margin-top: 7px; white-space: nowrap; }
  .leaks-preview, .team-teaser { padding-bottom: 110px; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 570px) {
  .page-shell, .site-header, .footer-top, .footer-bottom { width: calc(100% - 36px); }
  .hero h1 { font-size: 53px; }
  .hero-lede { max-width: 330px; font-size: 13px; }
  .hero-meta { gap: 13px; margin-top: 51px; font-size: 8px; }
  .status-panel { padding: 26px 21px 20px; }
  h2 { font-size: 44px; }
  .leak-grid, .team-row, .team-grid, .leaks-full-grid { grid-template-columns: 1fr; }
  .leak-featured { grid-row: auto; }
  .leak-card, .leak-visual { min-height: 300px; }
  .full-leak-card, .full-leak-visual { min-height: 430px; }
  .offset-card { margin-top: 0; }
  .section-header { display: block; }
  .section-header .text-link { margin-top: 22px; }
  .subpage-hero { min-height: 510px; padding-top: 160px; }
  .subpage-hero h1 { font-size: 55px; }
  .team-page, .leaks-page { padding-top: 60px; padding-bottom: 90px; }
  .group-heading { gap: 12px; }
  .group-heading span:last-child { text-align: right; }
  .footer-top { display: flex; flex-direction: column; align-items: flex-start; gap: 28px; padding-bottom: 39px; }
  .footer-top > p, .footer-discord { justify-self: initial; }
  .footer-bottom { flex-wrap: wrap; gap: 14px; }
  .footer-bottom span:last-child { display: none; }
}