:root {
  --cl-ink: #080a09;
  --cl-paper: #f2f0e9;
  --cl-blue: #2558ff;
  --cl-acid: #d9ff43;
  --cl-orange: #ff6238;
}

html { background: var(--cl-ink) !important; }

body.editorial-site {
  background-color: var(--cl-ink) !important;
  background-image: linear-gradient(to right, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size: min(8.34vw, 96px) 100% !important;
}

.editorial-site > .max-w-6xl {
  border-inline: 1px solid rgba(255,255,255,.08);
  background: rgba(8,10,9,.92);
}

.editorial-site header {
  border-bottom: 1px solid rgba(255,255,255,.11);
  min-height: 78px;
}

.editorial-site header img {
  filter: saturate(1.15);
}

.editorial-site .editorial-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.1);
}

.editorial-site .editorial-hero::after {
  content: "";
  position: absolute;
  right: -8%;
  top: 15%;
  width: 34%;
  aspect-ratio: 1;
  border: 1px solid rgba(217,255,67,.26);
  border-radius: 50%;
  box-shadow: 0 0 0 38px rgba(217,255,67,.025), 0 0 0 76px rgba(217,255,67,.018);
  pointer-events: none;
}

.editorial-site .editorial-hero > * { position: relative; z-index: 1; }

.editorial-site .editorial-hero h1 {
  letter-spacing: -.055em !important;
}

.editorial-site .text-green-400 { color: var(--cl-acid) !important; }
.editorial-site .text-green-300 { color: #c9ef40 !important; }
.editorial-site .text-green-200 { color: #b9d94c !important; }
.editorial-site .bg-green-400 { background-color: var(--cl-acid) !important; color: var(--cl-ink) !important; }
.editorial-site .border-green-400 { border-color: var(--cl-acid) !important; }

.editorial-site .btn-outline {
  border-radius: 2px !important;
  border-color: rgba(255,255,255,.78) !important;
  background: #f4f2eb !important;
  color: var(--cl-ink) !important;
  font-weight: 700;
  box-shadow: none !important;
}

.editorial-site .btn-outline:hover {
  background: var(--cl-acid) !important;
  color: var(--cl-ink) !important;
  border-color: var(--cl-acid) !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

.editorial-site .fixed.btn-outline {
  background: rgba(18,20,19,.94) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.3) !important;
  backdrop-filter: blur(12px);
}

.editorial-site .fixed.btn-outline:hover {
  background: var(--cl-acid) !important;
  color: var(--cl-ink) !important;
  border-color: var(--cl-acid) !important;
}

.editorial-site .rounded-2xl,
.editorial-site .rounded-xl,
.editorial-site .rounded-lg {
  border-radius: 4px !important;
}

.editorial-site [class*="bg-white/[0.04]"],
.editorial-site [class*="bg-white/[0.03]"] {
  backdrop-filter: blur(3px);
}

.editorial-site section > p[class*="uppercase"],
.editorial-site section div > p[class*="uppercase"] {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  letter-spacing: .13em !important;
}

.editorial-site section[id="about"] .group,
.editorial-site section .space-y-0 > .group {
  padding-inline: 12px;
  margin-inline: -12px;
}

.editorial-site section[id="about"] .group:hover,
.editorial-site section .space-y-0 > .group:hover {
  background: rgba(217,255,67,.045);
}

.editorial-site footer {
  background: rgba(255,255,255,.015);
}

.editorial-site .case-study-hero + section img {
  border: 1px solid rgba(255,255,255,.14);
}

.editorial-site .case-study-hero [class*="rounded-full"] {
  border-radius: 2px !important;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 10px !important;
}

@media (max-width: 767px) {
  body.editorial-site { background-size: 25% 100% !important; }
  .editorial-site > .max-w-6xl { border-inline: 0; }
  .editorial-site header { min-height: 68px; }
  .editorial-site .editorial-hero::after { width: 72%; right: -40%; top: 4%; opacity: .6; }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-site .btn-outline { transition: none !important; }
}