Удалить 'site breaking bad/styles.css'

site breaking bad/styles.css

@@ -1,1603 +0,0 @@
-:root {
-  --black: #020403;
-  --graphite: #101614;
-  --deep-green: #05241b;
-  --green: #15ff80;
-  --acid: #d7ff36;
-  --muted: #b8c3b7;
-  --glass: rgba(8, 22, 17, 0.55);
-  --line: rgba(188, 255, 83, 0.22);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-html {
-  scroll-behavior: auto;
-}
-
-body {
-  margin: 0;
-  background: var(--black);
-  color: #f4fff6;
-  font-family: "Oswald", Arial, sans-serif;
-  overflow-x: hidden;
-}
-
-body.menu-open {
-  overflow: hidden;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-button {
-  color: inherit;
-  font: inherit;
-}
-
-.loader {
-  position: fixed;
-  inset: 0;
-  z-index: 1000;
-  display: grid;
-  place-content: center;
-  gap: 24px;
-  text-align: center;
-  background: radial-gradient(circle at center, #0b3a22 0%, #020403 58%);
-  transition: opacity 0.8s ease, visibility 0.8s ease;
-}
-
-.loader.is-hidden {
-  opacity: 0;
-  visibility: hidden;
-}
-
-.loader__formula {
-  font-family: "Orbitron", sans-serif;
-  font-size: 96px;
-  color: var(--acid);
-  text-shadow: 0 0 34px rgba(215, 255, 54, 0.75);
-}
-
-.loader p,
-.eyebrow {
-  margin: 0;
-  font-family: "Orbitron", sans-serif;
-  font-size: 12px;
-  letter-spacing: 0.22em;
-  color: var(--acid);
-}
-
-.loader__line {
-  width: min(420px, 70vw);
-  height: 2px;
-  background: rgba(255, 255, 255, 0.14);
-  overflow: hidden;
-}
-
-.loader__line span {
-  display: block;
-  width: 45%;
-  height: 100%;
-  background: linear-gradient(90deg, transparent, var(--green), transparent);
-  animation: loadline 1.1s infinite;
-}
-
-.noise,
-.scanlines,
-.mouse-glow {
-  position: fixed;
-  inset: 0;
-  pointer-events: none;
-  z-index: 20;
-}
-
-.noise {
-  opacity: 0.16;
-  mix-blend-mode: overlay;
-  background-image:
-    radial-gradient(circle at 25% 20%, rgba(255,255,255,.22) 0 1px, transparent 1px),
-    radial-gradient(circle at 70% 60%, rgba(255,255,255,.13) 0 1px, transparent 1px);
-  background-size: 3px 3px, 5px 5px;
-  animation: grain 0.45s steps(2) infinite;
-}
-
-.scanlines {
-  opacity: 0.12;
-  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(170,255,92,.16) 4px);
-}
-
-.mouse-glow {
-  width: 460px;
-  height: 460px;
-  inset: auto;
-  border-radius: 50%;
-  opacity: 0.42;
-  filter: blur(46px);
-  background: radial-gradient(circle, rgba(37, 255, 129, 0.34), transparent 68%);
-  transform: translate(-50%, -50%);
-}
-
-#particles {
-  position: fixed;
-  inset: 0;
-  z-index: 3;
-  pointer-events: none;
-}
-
-.navbar {
-  position: fixed;
-  top: 18px;
-  left: 50%;
-  z-index: 60;
-  width: min(1180px, calc(100% - 32px));
-  transform: translateX(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 12px 10px 16px;
-  border: 1px solid rgba(191, 255, 63, 0.18);
-  border-radius: 8px;
-  background: rgba(2, 9, 7, 0.54);
-  backdrop-filter: blur(20px);
-  box-shadow: 0 0 32px rgba(21, 255, 128, 0.08);
-}
-
-.brand {
-  display: flex;
-  gap: 7px;
-  font-family: "Orbitron", sans-serif;
-  font-weight: 800;
-}
-
-.brand span {
-  display: grid;
-  place-items: center;
-  width: 38px;
-  aspect-ratio: 1;
-  border: 1px solid var(--acid);
-  background: linear-gradient(135deg, rgba(21,255,128,.24), rgba(215,255,54,.07));
-  color: var(--acid);
-  box-shadow: inset 0 0 18px rgba(21,255,128,.12), 0 0 18px rgba(215,255,54,.18);
-}
-
-.navlinks {
-  display: flex;
-  gap: 28px;
-  align-items: center;
-}
-
-.navlinks a {
-  position: relative;
-  font-family: "Orbitron", sans-serif;
-  font-size: 12px;
-  color: rgba(246, 255, 247, 0.78);
-  transition: color .25s ease, text-shadow .25s ease;
-}
-
-.navlinks a::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  bottom: -8px;
-  width: 100%;
-  height: 1px;
-  transform: scaleX(0);
-  transform-origin: left;
-  background: var(--acid);
-  box-shadow: 0 0 14px var(--green);
-  transition: transform .25s ease;
-}
-
-.navlinks a:hover {
-  color: #fff;
-  text-shadow: 0 0 14px var(--green);
-}
-
-.navlinks a:hover::after {
-  transform: scaleX(1);
-}
-
-.nav-toggle {
-  display: none;
-  width: 44px;
-  aspect-ratio: 1;
-  border: 1px solid var(--line);
-  background: rgba(255,255,255,.03);
-}
-
-.nav-toggle span {
-  display: block;
-  width: 20px;
-  height: 1px;
-  margin: 7px auto;
-  background: var(--acid);
-}
-
-.section {
-  position: relative;
-  min-height: 100vh;
-  padding: 120px max(24px, 6vw);
-  overflow: hidden;
-}
-
-.section__head {
-  position: relative;
-  z-index: 5;
-  max-width: 850px;
-  margin-bottom: 52px;
-}
-
-.section__head h2,
-.trailer h2,
-.ending h2 {
-  margin: 10px 0 0;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 112px;
-  line-height: .86;
-  letter-spacing: 0;
-}
-
-.hero {
-  display: grid;
-  place-items: center;
-  text-align: center;
-}
-
-.hero::after,
-.trailer::after,
-.ending::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background:
-    radial-gradient(circle at 50% 52%, transparent 0 22%, rgba(2,4,3,.72) 72%),
-    linear-gradient(180deg, rgba(2,4,3,.2), var(--black));
-  z-index: 1;
-}
-
-.hero__video,
-.trailer__video {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  filter: saturate(.72) contrast(1.15) brightness(.58);
-  transform: scale(1.04);
-}
-
-.hero__smoke {
-  position: absolute;
-  inset: -15%;
-  z-index: 2;
-  opacity: .42;
-  filter: blur(22px);
-  background:
-    radial-gradient(circle at 18% 70%, rgba(180, 255, 87, .22), transparent 25%),
-    radial-gradient(circle at 82% 28%, rgba(21, 255, 128, .15), transparent 22%);
-  animation: smoke 9s ease-in-out infinite alternate;
-}
-
-.hero__content {
-  position: relative;
-  z-index: 5;
-  max-width: 1080px;
-}
-
-.hero__title {
-  margin: 10px 0 0;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 210px;
-  line-height: .8;
-  letter-spacing: 0;
-  text-shadow: 0 0 38px rgba(21,255,128,.24), 0 20px 60px rgba(0,0,0,.7);
-}
-
-.hero__quote {
-  margin: 20px auto 34px;
-  max-width: 780px;
-  color: rgba(246, 255, 247, .86);
-  font-size: 34px;
-  font-weight: 300;
-}
-
-.hero__actions {
-  display: flex;
-  justify-content: center;
-  gap: 16px;
-  flex-wrap: wrap;
-}
-
-.button,
-.modal-close {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 54px;
-  padding: 0 24px;
-  border: 1px solid rgba(215, 255, 54, .38);
-  border-radius: 4px;
-  background: transparent;
-  color: #fff;
-  cursor: pointer;
-  font-family: "Orbitron", sans-serif;
-  font-size: 12px;
-  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
-}
-
-.button--primary {
-  background: linear-gradient(90deg, rgba(21,255,128,.96), rgba(215,255,54,.88));
-  color: #03110b;
-  box-shadow: 0 0 32px rgba(21, 255, 128, .35);
-}
-
-.button:hover,
-.modal-close:hover {
-  transform: translateY(-3px);
-  box-shadow: 0 0 28px rgba(215, 255, 54, .27);
-}
-
-.scroll-indicator {
-  position: absolute;
-  right: max(24px, 6vw);
-  bottom: 38px;
-  z-index: 5;
-  display: grid;
-  justify-items: center;
-  gap: 10px;
-  font-family: "Orbitron", sans-serif;
-  font-size: 10px;
-  color: rgba(255,255,255,.72);
-}
-
-.scroll-indicator span {
-  width: 1px;
-  height: 54px;
-  background: linear-gradient(var(--acid), transparent);
-  animation: scrollmark 1.6s infinite;
-}
-
-.lab {
-  background:
-    linear-gradient(115deg, rgba(2,4,3,.92), rgba(5,36,27,.85)),
-    radial-gradient(circle at 78% 35%, rgba(21,255,128,.2), transparent 28%);
-}
-
-.story-preview {
-  display: grid;
-  align-content: center;
-  gap: 32px;
-  background:
-    radial-gradient(circle at 78% 22%, rgba(215,255,54,.12), transparent 24%),
-    radial-gradient(circle at 12% 70%, rgba(21,255,128,.1), transparent 28%),
-    linear-gradient(135deg, rgba(2,4,3,.96), rgba(5,36,27,.86));
-}
-
-.story-preview__grid {
-  position: relative;
-  z-index: 5;
-  display: grid;
-  grid-template-columns: minmax(0, 1.1fr) 430px;
-  gap: 42px;
-  align-items: stretch;
-}
-
-.story-preview__copy {
-  position: relative;
-  min-height: 540px;
-  padding: 36px;
-  border: 1px solid rgba(215,255,54,.18);
-  border-radius: 8px;
-  background:
-    linear-gradient(90deg, rgba(2,4,3,.76), rgba(2,4,3,.36)),
-    rgba(255,255,255,.026);
-  backdrop-filter: blur(16px);
-  box-shadow: 0 32px 90px rgba(0,0,0,.28);
-}
-
-.story-preview__copy p {
-  max-width: 920px;
-  margin: 0 0 18px;
-  color: rgba(232, 244, 231, .86);
-  font-size: 20px;
-  line-height: 1.55;
-}
-
-.story-preview__copy .formula {
-  position: relative;
-  top: auto;
-  left: auto;
-  display: block;
-  margin-bottom: 18px;
-}
-
-.story-preview__poster {
-  position: relative;
-  min-height: 540px;
-  overflow: hidden;
-  border: 1px solid rgba(215,255,54,.2);
-  border-radius: 8px;
-  background: rgba(255,255,255,.03);
-  box-shadow: 0 0 70px rgba(21,255,128,.13);
-}
-
-.story-preview__poster img {
-  width: 100%;
-  height: 100%;
-  min-height: 540px;
-  object-fit: cover;
-  filter: brightness(.62) saturate(.82) contrast(1.12);
-  transform: scale(1.04);
-}
-
-.story-preview__poster::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(180deg, transparent 20%, rgba(2,4,3,.88));
-}
-
-.story-preview__stats {
-  position: absolute;
-  left: 22px;
-  right: 22px;
-  bottom: 22px;
-  z-index: 2;
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 12px;
-}
-
-.story-preview__stats span,
-.story-preview__stats strong {
-  display: block;
-}
-
-.story-preview__stats span {
-  color: var(--acid);
-  font-family: "Orbitron", sans-serif;
-  font-size: 10px;
-}
-
-.story-preview__stats strong {
-  margin-top: 6px;
-  color: #fff;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 34px;
-  line-height: .9;
-}
-
-.story-preview__button {
-  position: relative;
-  z-index: 5;
-  width: min(520px, 100%);
-  justify-self: center;
-  margin-top: 8px;
-}
-
-.lab__stage {
-  position: relative;
-  min-height: 560px;
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 420px;
-  grid-template-areas:
-    "copy reactor"
-    "cards reactor";
-  gap: 28px 52px;
-  align-items: center;
-}
-
-.lab__copy {
-  position: relative;
-  z-index: 5;
-  grid-area: copy;
-  max-width: 760px;
-}
-
-.lab__copy p {
-  max-width: 660px;
-  color: var(--muted);
-  font-size: 24px;
-  line-height: 1.55;
-}
-
-.lab__reactor {
-  position: relative;
-  z-index: 4;
-  grid-area: reactor;
-  min-height: 520px;
-  display: grid;
-  place-items: center;
-  border: 1px solid rgba(215,255,54,.14);
-  border-radius: 8px;
-  background:
-    radial-gradient(circle at center, rgba(21,255,128,.18), transparent 58%),
-    rgba(255,255,255,.025);
-  box-shadow: inset 0 0 80px rgba(21,255,128,.07);
-}
-
-.formula {
-  position: absolute;
-  z-index: 1;
-  font-family: "Orbitron", sans-serif;
-  font-size: 60px;
-  color: rgba(215, 255, 54, .2);
-  text-shadow: 0 0 24px rgba(21,255,128,.22);
-  animation: float 6s ease-in-out infinite;
-}
-
-.formula--one { top: -36px; left: 0; }
-.formula--two { right: 0; bottom: -20px; animation-delay: -2s; }
-.formula--three { top: 44px; right: 26px; animation-delay: -4s; }
-
-.story-preview__copy .formula {
-  top: auto;
-  left: auto;
-  right: auto;
-  bottom: auto;
-}
-
-.beaker {
-  position: relative;
-  width: 280px;
-  aspect-ratio: .72;
-  border: 1px solid rgba(215,255,54,.36);
-  border-top: 0;
-  border-radius: 0 0 34px 34px;
-  background: rgba(255,255,255,.035);
-  box-shadow: inset 0 0 45px rgba(21,255,128,.12), 0 0 80px rgba(21,255,128,.1);
-  overflow: hidden;
-}
-
-.liquid {
-  position: absolute;
-  inset: auto 0 0;
-  height: 52%;
-  background: linear-gradient(180deg, rgba(215,255,54,.75), rgba(21,255,128,.4));
-  filter: drop-shadow(0 0 26px rgba(215,255,54,.55));
-}
-
-.liquid::before {
-  content: "";
-  position: absolute;
-  inset: -18px -20% auto;
-  height: 38px;
-  background: rgba(255,255,255,.16);
-  border-radius: 50%;
-  animation: wave 2.8s ease-in-out infinite;
-}
-
-.bubble {
-  position: absolute;
-  z-index: 2;
-  bottom: 18%;
-  width: 18px;
-  aspect-ratio: 1;
-  border: 1px solid rgba(255,255,255,.7);
-  border-radius: 50%;
-  animation: bubble 3s linear infinite;
-}
-
-.bubble--one { left: 25%; }
-.bubble--two { left: 55%; animation-delay: -1.2s; transform: scale(.75); }
-.bubble--three { left: 72%; animation-delay: -2.1s; transform: scale(1.2); }
-
-.lab__cards {
-  position: relative;
-  z-index: 5;
-  grid-area: cards;
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 18px;
-  max-width: 920px;
-}
-
-.glass-card {
-  min-height: 220px;
-  padding: 26px;
-  border: 1px solid var(--line);
-  border-radius: 8px;
-  background: var(--glass);
-  backdrop-filter: blur(18px);
-  box-shadow: 0 24px 80px rgba(0,0,0,.28);
-}
-
-.glass-card span,
-.dea__panel span {
-  font-family: "Orbitron", sans-serif;
-  color: var(--acid);
-  font-size: 11px;
-}
-
-.glass-card strong {
-  display: block;
-  margin: 16px 0;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 46px;
-}
-
-.glass-card p,
-.character-card p,
-.timeline__item p,
-.dea__panel p,
-.footer p {
-  color: var(--muted);
-  font-size: 18px;
-  line-height: 1.55;
-}
-
-.characters {
-  background: linear-gradient(180deg, #020403, #06150f 55%, #020403);
-}
-
-.character-swiper {
-  position: relative;
-  z-index: 5;
-  overflow: visible;
-}
-
-.character-card {
-  position: relative;
-  min-height: 620px;
-  padding: 32px;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  border: 1px solid rgba(215,255,54,.16);
-  border-radius: 8px;
-  overflow: hidden;
-  background: #09100d;
-  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
-}
-
-.character-card::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background-image: var(--portrait);
-  background-size: cover;
-  background-position: center;
-  filter: grayscale(.1) saturate(.78) contrast(1.08);
-  transform: scale(1.02);
-  transition: transform .6s ease, filter .35s ease;
-}
-
-.character-card::after {
-  content: attr(data-quote);
-  position: absolute;
-  left: 24px;
-  right: 24px;
-  top: 28px;
-  padding: 14px 16px;
-  border: 1px solid rgba(215,255,54,.22);
-  background: rgba(2,4,3,.56);
-  color: var(--acid);
-  font-family: "Orbitron", sans-serif;
-  opacity: 0;
-  transform: translateY(-14px);
-  transition: opacity .32s ease, transform .32s ease;
-}
-
-.character-card__shade {
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(180deg, transparent 25%, rgba(2,4,3,.82) 72%, #020403 100%);
-}
-
-.character-card h3,
-.character-card p {
-  position: relative;
-  z-index: 2;
-}
-
-.character-card h3 {
-  margin: 0;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 66px;
-}
-
-.bio-link {
-  position: relative;
-  z-index: 3;
-  width: fit-content;
-  margin-top: 18px;
-  padding: 12px 14px;
-  border: 1px solid rgba(215,255,54,.35);
-  border-radius: 4px;
-  background: rgba(2,4,3,.42);
-  color: var(--acid);
-  cursor: pointer;
-  font-family: "Orbitron", sans-serif;
-  font-size: 11px;
-  transition: background .25s ease, box-shadow .25s ease;
-}
-
-.bio-link:hover {
-  background: rgba(215,255,54,.13);
-  box-shadow: 0 0 18px rgba(21,255,128,.25);
-}
-
-.supporting {
-  background:
-    radial-gradient(circle at 15% 25%, rgba(215,255,54,.11), transparent 24%),
-    linear-gradient(180deg, #020403, #06150f);
-}
-
-.supporting__grid {
-  position: relative;
-  z-index: 5;
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 18px;
-}
-
-.support-card {
-  position: relative;
-  min-height: 360px;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  padding: 22px;
-  overflow: hidden;
-  border: 1px solid rgba(215,255,54,.18);
-  border-radius: 8px;
-  background: #07110d;
-}
-
-.support-card::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background-image: var(--support);
-  background-size: cover;
-  background-position: center;
-  filter: saturate(.75) contrast(1.08);
-  transition: transform .45s ease;
-}
-
-.support-card--jane::before {
-  background-position: center 22%;
-}
-
-.support-card--skyler::before {
-  background-position: center 18%;
-}
-
-.support-card--empty::before {
-  background:
-    linear-gradient(135deg, rgba(21,255,128,.18), rgba(215,255,54,.06)),
-    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 18px);
-}
-
-.support-card::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background: linear-gradient(180deg, transparent 20%, rgba(2,4,3,.9) 78%);
-}
-
-.support-card h3,
-.support-card p {
-  position: relative;
-  z-index: 2;
-}
-
-.support-card h3 {
-  margin: 0;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 42px;
-}
-
-.support-card p {
-  margin-bottom: 0;
-  color: var(--muted);
-  line-height: 1.45;
-}
-
-.support-card:hover::before {
-  transform: scale(1.08);
-}
-
-.character-card:hover {
-  transform: translateY(-14px) scale(1.015);
-  border-color: rgba(215,255,54,.55);
-  box-shadow: 0 0 44px rgba(21,255,128,.22);
-}
-
-.character-card:hover::before {
-  transform: scale(1.11);
-  filter: saturate(1) contrast(1.18);
-}
-
-.character-card:hover::after {
-  opacity: 1;
-  transform: translateY(0);
-}
-
-.swiper-pagination-bullet {
-  background: var(--acid);
-}
-
-.timeline {
-  background:
-    radial-gradient(circle at 20% 20%, rgba(215,255,54,.12), transparent 24%),
-    linear-gradient(180deg, #020403, #07110d);
-}
-
-.timeline__rail {
-  position: relative;
-  z-index: 5;
-  max-width: 960px;
-  margin: 0 auto;
-}
-
-.timeline__rail::before {
-  content: "";
-  position: absolute;
-  left: 34px;
-  top: 0;
-  bottom: 0;
-  width: 1px;
-  background: linear-gradient(transparent, var(--acid), transparent);
-  box-shadow: 0 0 22px rgba(215,255,54,.45);
-}
-
-.timeline__item {
-  position: relative;
-  margin: 0 0 28px 82px;
-  padding: 26px 30px;
-  border: 1px solid rgba(215,255,54,.18);
-  border-radius: 8px;
-  background: rgba(255,255,255,.035);
-  backdrop-filter: blur(12px);
-}
-
-.timeline__item span {
-  position: absolute;
-  left: -74px;
-  top: 24px;
-  display: grid;
-  place-items: center;
-  width: 52px;
-  aspect-ratio: 1;
-  border: 1px solid var(--acid);
-  background: #06150f;
-  color: var(--acid);
-  font-family: "Orbitron", sans-serif;
-  box-shadow: 0 0 24px rgba(21,255,128,.24);
-}
-
-.timeline__item h3 {
-  margin: 0;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 44px;
-}
-
-.trailer {
-  display: grid;
-  place-items: center;
-  text-align: center;
-  background: #020403;
-}
-
-.trailer__video {
-  opacity: .56;
-}
-
-.trailer__content {
-  position: relative;
-  z-index: 5;
-  max-width: 900px;
-}
-
-.play-button {
-  width: 106px;
-  aspect-ratio: 1;
-  border: 1px solid rgba(215,255,54,.55);
-  border-radius: 50%;
-  background: rgba(21,255,128,.08);
-  cursor: pointer;
-  box-shadow: 0 0 50px rgba(21,255,128,.22);
-  transition: transform .25s ease, background .25s ease;
-}
-
-.play-button span {
-  display: block;
-  width: 0;
-  height: 0;
-  margin-left: 40px;
-  border-top: 18px solid transparent;
-  border-bottom: 18px solid transparent;
-  border-left: 28px solid var(--acid);
-}
-
-.play-button:hover {
-  transform: scale(1.08);
-  background: rgba(215,255,54,.13);
-}
-
-.dea {
-  background: linear-gradient(140deg, #020403, #071c14);
-}
-
-.dea__grid {
-  position: relative;
-  z-index: 5;
-  display: grid;
-  grid-template-columns: minmax(280px, .86fr) 1fr;
-  gap: 34px;
-  align-items: stretch;
-}
-
-.dea__grid img {
-  width: 100%;
-  min-height: 520px;
-  object-fit: cover;
-  border-radius: 8px;
-  filter: saturate(.8) contrast(1.1);
-}
-
-.dea__panel {
-  padding: 56px;
-  border: 1px solid rgba(215,255,54,.2);
-  border-radius: 8px;
-  background: rgba(2,4,3,.58);
-  backdrop-filter: blur(14px);
-}
-
-.dea__panel h3 {
-  margin: 12px 0 18px;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 88px;
-  line-height: .9;
-}
-
-.dea__stats {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 18px;
-  margin-top: 38px;
-}
-
-.dea__stats strong {
-  display: block;
-  color: var(--acid);
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 56px;
-}
-
-.dea__stats small {
-  color: var(--muted);
-}
-
-.ending {
-  display: grid;
-  align-items: end;
-  background: #020403;
-}
-
-.ending__image {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: center;
-  filter: brightness(.62) saturate(.78) contrast(1.08);
-  transform: scale(1.02);
-}
-
-.ending__caption {
-  position: relative;
-  z-index: 5;
-  max-width: 820px;
-}
-
-.ending__caption p:not(.eyebrow) {
-  color: rgba(246,255,247,.86);
-  font-size: 24px;
-  line-height: 1.55;
-}
-
-.ending__caption .button {
-  margin-top: 22px;
-}
-
-.ending__play {
-  position: absolute;
-  z-index: 6;
-  right: 24%;
-  top: 48%;
-  transform: translate(50%, -50%);
-}
-
-.ending__play:hover {
-  transform: translate(50%, -50%) scale(1.08);
-}
-
-.legacy {
-  position: relative;
-  display: grid;
-  grid-template-columns: minmax(280px, .9fr) 1fr;
-  gap: 48px;
-  align-items: center;
-  padding-bottom: 150px;
-  background: linear-gradient(135deg, #020403, #06150f 62%, #020403);
-}
-
-.legacy__emmy-bg {
-  position: absolute;
-  right: 6%;
-  top: 50%;
-  z-index: 1;
-  width: min(560px, 34vw);
-  opacity: .09;
-  filter: saturate(.85) drop-shadow(0 0 42px rgba(215,255,54,.32));
-  transform: translateY(-50%) rotate(-8deg);
-  pointer-events: none;
-}
-
-.legacy__image,
-.legacy__copy {
-  position: relative;
-  z-index: 5;
-}
-
-.legacy__image img {
-  width: 100%;
-  min-height: 560px;
-  object-fit: cover;
-  border-radius: 8px;
-  border: 1px solid rgba(215,255,54,.18);
-  filter: brightness(.74) saturate(.76);
-}
-
-.legacy__copy h2 {
-  margin: 12px 0 24px;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 104px;
-  line-height: .9;
-}
-
-.legacy__copy p:not(.eyebrow) {
-  color: var(--muted);
-  font-size: 20px;
-  line-height: 1.55;
-}
-
-.quote-marquee {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 44px;
-  z-index: 6;
-  overflow: hidden;
-  border-top: 1px solid rgba(215,255,54,.18);
-  border-bottom: 1px solid rgba(215,255,54,.18);
-  background: rgba(2, 4, 3, .52);
-  box-shadow: 0 0 42px rgba(21,255,128,.08);
-}
-
-.quote-marquee__track {
-  display: flex;
-  width: max-content;
-  animation: marquee 24s linear infinite;
-}
-
-.quote-marquee span {
-  padding: 18px 24px;
-  color: var(--acid);
-  font-family: "Orbitron", sans-serif;
-  font-size: 18px;
-  white-space: nowrap;
-  text-shadow: 0 0 18px rgba(215,255,54,.35);
-}
-
-.footer {
-  position: relative;
-  z-index: 5;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 22px;
-  padding: 32px max(24px, 6vw);
-  background: #020403;
-  border-top: 1px solid rgba(215,255,54,.16);
-}
-
-.brand--footer span {
-  width: 34px;
-}
-
-.footer p {
-  max-width: 620px;
-  margin: 0;
-  font-size: 14px;
-}
-
-.socials {
-  display: flex;
-  gap: 10px;
-}
-
-.socials a {
-  display: grid;
-  place-items: center;
-  width: 42px;
-  aspect-ratio: 1;
-  border: 1px solid rgba(215,255,54,.28);
-  color: var(--acid);
-  font-family: "Orbitron", sans-serif;
-  font-size: 12px;
-  transition: background .25s ease, box-shadow .25s ease;
-}
-
-.socials a:hover {
-  background: rgba(215,255,54,.12);
-  box-shadow: 0 0 18px rgba(21,255,128,.22);
-}
-
-.trailer-modal,
-.ending-modal {
-  position: fixed;
-  inset: 0;
-  z-index: 200;
-  display: grid;
-  place-items: center;
-  padding: 24px;
-  background: rgba(0,0,0,.9);
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity .3s ease, visibility .3s ease;
-}
-
-.bio-modal {
-  position: fixed;
-  inset: 0;
-  z-index: 210;
-  display: grid;
-  place-items: center;
-  padding: 22px;
-  background: rgba(0,0,0,.84);
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity .3s ease, visibility .3s ease;
-}
-
-.bio-modal.is-open {
-  opacity: 1;
-  visibility: visible;
-}
-
-.bio-modal__panel {
-  position: relative;
-  width: min(840px, 94vw);
-  padding: 48px;
-  border: 1px solid rgba(215,255,54,.28);
-  border-radius: 8px;
-  background:
-    radial-gradient(circle at 100% 0%, rgba(21,255,128,.16), transparent 40%),
-    rgba(3, 12, 9, .96);
-  box-shadow: 0 0 70px rgba(21,255,128,.18);
-}
-
-.bio-modal__panel h2 {
-  margin: 12px 0 18px;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 78px;
-  line-height: .9;
-}
-
-.bio-modal__text {
-  color: var(--muted);
-  font-size: 22px;
-  line-height: 1.65;
-}
-
-.history-page {
-  background:
-    radial-gradient(circle at 15% 10%, rgba(215,255,54,.11), transparent 24%),
-    linear-gradient(180deg, #020403, #06150f 42%, #020403);
-}
-
-.history {
-  position: relative;
-  z-index: 4;
-}
-
-.history-hero {
-  position: relative;
-  min-height: 100vh;
-  display: grid;
-  align-items: end;
-  padding: 130px max(24px, 6vw) 80px;
-  overflow: hidden;
-}
-
-.history-hero img {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  filter: brightness(.5) saturate(.76) contrast(1.08);
-}
-
-.history-hero::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  background:
-    radial-gradient(circle at 65% 36%, transparent 0 18%, rgba(2,4,3,.62) 62%),
-    linear-gradient(180deg, rgba(2,4,3,.08), #020403 96%);
-}
-
-.history-hero__content {
-  position: relative;
-  z-index: 2;
-  max-width: 1060px;
-}
-
-.history-hero h1 {
-  margin: 12px 0 18px;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 132px;
-  line-height: .86;
-}
-
-.history-hero p:not(.eyebrow) {
-  max-width: 760px;
-  color: rgba(246,255,247,.86);
-  font-size: 26px;
-  line-height: 1.45;
-}
-
-.history-content {
-  width: min(1080px, calc(100% - 44px));
-  margin: 0 auto;
-  padding: 80px 0 120px;
-}
-
-.history-content article {
-  position: relative;
-  margin: 0 0 24px;
-  padding: 34px 38px;
-  border: 1px solid rgba(215,255,54,.16);
-  border-radius: 8px;
-  background:
-    linear-gradient(90deg, rgba(2,4,3,.74), rgba(5,36,27,.32)),
-    rgba(255,255,255,.026);
-  backdrop-filter: blur(14px);
-}
-
-.history-content article::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 28px;
-  bottom: 28px;
-  width: 2px;
-  background: var(--acid);
-  box-shadow: 0 0 18px rgba(215,255,54,.55);
-}
-
-.history-content h2 {
-  margin: 0 0 18px;
-  color: #f4fff6;
-  font-family: "Bebas Neue", sans-serif;
-  font-size: 58px;
-  line-height: .95;
-}
-
-.history-content p {
-  margin: 0 0 16px;
-  color: var(--muted);
-  font-size: 21px;
-  line-height: 1.65;
-}
-
-.history-content p:last-child {
-  margin-bottom: 0;
-}
-
-.history-back {
-  margin: 28px auto 0;
-}
-
-.trailer-modal.is-open,
-.ending-modal.is-open {
-  opacity: 1;
-  visibility: visible;
-}
-
-.trailer-modal video,
-.ending-modal video {
-  width: min(1100px, 94vw);
-  max-height: 78vh;
-  border: 1px solid rgba(215,255,54,.32);
-  box-shadow: 0 0 60px rgba(21,255,128,.22);
-}
-
-.modal-close {
-  position: absolute;
-  top: 22px;
-  right: 22px;
-}
-
-@keyframes loadline {
-  from { transform: translateX(-120%); }
-  to { transform: translateX(260%); }
-}
-
-@keyframes grain {
-  0% { transform: translate(0, 0); }
-  100% { transform: translate(2px, -3px); }
-}
-
-@keyframes smoke {
-  from { transform: translate3d(-2%, 1%, 0) scale(1); }
-  to { transform: translate3d(2%, -1%, 0) scale(1.08); }
-}
-
-@keyframes scrollmark {
-  0%, 100% { transform: scaleY(.45); opacity: .4; }
-  50% { transform: scaleY(1); opacity: 1; }
-}
-
-@keyframes float {
-  0%, 100% { transform: translateY(0); }
-  50% { transform: translateY(-24px); }
-}
-
-@keyframes bubble {
-  from { transform: translateY(0) scale(.7); opacity: 0; }
-  20% { opacity: .9; }
-  to { transform: translateY(-210px) scale(1.25); opacity: 0; }
-}
-
-@keyframes wave {
-  0%, 100% { transform: translateX(-8%); }
-  50% { transform: translateX(8%); }
-}
-
-@keyframes marquee {
-  from { transform: translateX(0); }
-  to { transform: translateX(-33.333%); }
-}
-
-@media (max-width: 900px) {
-  .loader__formula {
-    font-size: 62px;
-  }
-
-  .nav-toggle {
-    display: block;
-  }
-
-  .navlinks {
-    position: fixed;
-    inset: 72px 16px auto;
-    display: grid;
-    gap: 0;
-    padding: 12px;
-    border: 1px solid var(--line);
-    border-radius: 8px;
-    background: rgba(2, 9, 7, .92);
-    backdrop-filter: blur(18px);
-    transform: translateY(-18px);
-    opacity: 0;
-    pointer-events: none;
-    transition: transform .25s ease, opacity .25s ease;
-  }
-
-  .navlinks.is-open {
-    transform: translateY(0);
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .navlinks a {
-    padding: 16px;
-  }
-
-  .lab__cards,
-  .dea__grid,
-  .dea__stats,
-  .legacy,
-  .supporting__grid,
-  .story-preview__grid {
-    grid-template-columns: 1fr;
-  }
-
-  .section__head h2,
-  .trailer h2,
-  .ending h2,
-  .legacy__copy h2 {
-    font-size: 72px;
-  }
-
-  .legacy {
-    padding-bottom: 132px;
-  }
-
-  .legacy__emmy-bg {
-    right: 50%;
-    top: 58%;
-    width: 420px;
-    transform: translate(50%, -50%) rotate(-8deg);
-  }
-
-  .hero__title {
-    font-size: 118px;
-  }
-
-  .hero__quote {
-    font-size: 26px;
-  }
-
-  .lab__stage {
-    grid-template-columns: 1fr;
-    grid-template-areas:
-      "copy"
-      "reactor"
-      "cards";
-  }
-
-  .lab__reactor {
-    min-height: 420px;
-  }
-
-  .story-preview__copy,
-  .story-preview__poster,
-  .story-preview__poster img {
-    min-height: auto;
-  }
-
-  .story-preview__poster img {
-    height: 520px;
-  }
-
-  .history-hero h1 {
-    font-size: 82px;
-  }
-
-  .character-card {
-    min-height: 560px;
-  }
-
-  .character-card h3 {
-    font-size: 54px;
-  }
-
-  .dea__panel {
-    padding: 34px;
-  }
-
-  .dea__panel h3 {
-    font-size: 68px;
-  }
-
-  .footer {
-    align-items: flex-start;
-    flex-direction: column;
-  }
-
-  .ending__play {
-    right: 50%;
-    top: 43%;
-  }
-}
-
-@media (max-width: 560px) {
-  .section {
-    padding: 108px 18px;
-  }
-
-  .hero__actions {
-    display: grid;
-  }
-
-  .hero__title {
-    font-size: 74px;
-  }
-
-  .hero__quote,
-  .lab__copy p,
-  .ending__caption p:not(.eyebrow),
-  .legacy__copy p:not(.eyebrow),
-  .bio-modal__text {
-    font-size: 19px;
-  }
-
-  .section__head h2,
-  .trailer h2,
-  .ending h2,
-  .legacy__copy h2 {
-    font-size: 56px;
-  }
-
-  .quote-marquee span {
-    font-size: 14px;
-    padding: 14px 18px;
-  }
-
-  .formula {
-    font-size: 38px;
-  }
-
-  .beaker {
-    width: 220px;
-  }
-
-  .support-card {
-    min-height: 330px;
-  }
-
-  .bio-modal__panel {
-    padding: 30px 22px;
-  }
-
-  .bio-modal__panel h2 {
-    font-size: 54px;
-  }
-
-  .story-preview__copy {
-    padding: 24px;
-  }
-
-  .story-preview__copy p,
-  .history-content p {
-    font-size: 18px;
-  }
-
-  .story-preview__poster img {
-    height: 390px;
-  }
-
-  .story-preview__stats {
-    grid-template-columns: 1fr;
-  }
-
-  .history-hero h1 {
-    font-size: 58px;
-  }
-
-  .history-hero p:not(.eyebrow) {
-    font-size: 20px;
-  }
-
-  .history-content article {
-    padding: 26px 22px;
-  }
-
-  .history-content h2 {
-    font-size: 44px;
-  }
-
-  .button {
-    width: min(100%, 330px);
-  }
-
-  .scroll-indicator {
-    right: 18px;
-  }
-
-  .timeline__rail::before {
-    left: 24px;
-  }
-
-  .timeline__item {
-    margin-left: 64px;
-    padding: 22px;
-  }
-
-  .timeline__item span {
-    left: -62px;
-    width: 46px;
-  }
-}