:root {
  --ink: #0b0b0b;
  --paper: #f2f0ea;
  --white: #fff;
  --cyan: #1db7df;
  --acid: #d7ed21;
  --line: rgba(11, 11, 11, .22);
  --line-light: rgba(255, 255, 255, .28);
  --muted: #74746f;
  --display: "Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
  --body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --header-h: 82px;
  --pad: clamp(1rem, 3vw, 3rem);
  --ease: cubic-bezier(.2, .75, .25, 1);
}

/* ==========================================================================
   SHOW CONTROL — 2026 HOME
   ========================================================================== */

.sc-home {
  --sc-black: #090909;
  --sc-ink: #141414;
  --sc-paper: #f1efe7;
  --sc-white: #fff;
  --sc-lime: #d8ff37;
  --sc-cyan: #46e8ff;
  --sc-rule: rgba(20, 20, 20, .18);
  --sc-gutter: clamp(1.2rem, 3vw, 3.75rem);
  background: var(--sc-paper);
  color: var(--sc-ink);
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: clip;
}

.sc-home main { overflow: clip; }
.sc-home h1,
.sc-home h2,
.sc-home h3,
.sc-home p { margin: 0; }
.sc-home a { color: inherit; }
.sc-home em { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.sc-home .site-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  min-height: 82px;
  padding: 0 var(--sc-gutter);
  background: transparent;
  border: 0;
  color: var(--sc-white);
  transition: color .35s ease, background-color .35s ease, border-color .35s ease;
}
.sc-home .site-header.is-solid {
  background: rgba(9, 9, 9, .88);
  border-bottom: 1px solid rgba(255,255,255,.14);
  color: #fff;
  backdrop-filter: blur(16px);
}
.sc-home .brand { width: 146px; }
.sc-home .brand img,
.sc-home .site-header.is-solid .brand img { filter: brightness(0) invert(1); }
.sc-home .site-nav {
  position: static;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(.7rem, 1.7vw, 1.6rem);
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
.sc-home .site-nav > a {
  padding: .2rem 0;
  border: 0;
  color: inherit;
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sc-home .site-nav > a::after { display: none; }
.sc-home .site-nav > a:hover { color: var(--sc-lime); }
.sc-home .header-contact {
  display: inline-flex;
  min-height: 40px;
  padding: 0 1rem;
  border: 1px solid rgba(255,255,255,.55);
  color: inherit;
  font-size: .67rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.sc-home .menu-toggle { color: #fff; }
.sc-home .whatsapp-dock {
  z-index: 90;
  background: var(--sc-lime, #d8ff37);
  color: var(--sc-ink);
  box-shadow: none;
}
.sc-home .site-footer { background: var(--sc-black); }

.sc-progress {
  position: fixed;
  z-index: 120;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: rgba(255,255,255,.1);
  pointer-events: none;
}
.sc-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--sc-lime);
  transform: scaleX(0);
  transform-origin: left;
}

.sc-eyebrow {
  display: flex;
  align-items: center;
  gap: .65rem;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}
.sc-eyebrow::before {
  width: 7px;
  height: 7px;
  background: currentColor;
  border-radius: 50%;
  content: "";
}

/* Hero */
.sc-hero {
  position: relative;
  min-height: 100svh;
  background: #090909;
  color: #fff;
  overflow: hidden;
}
.sc-hero__film,
.sc-hero__veil,
.sc-hero__grid {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.sc-hero__film {
  object-fit: cover;
  filter: saturate(.58) contrast(1.08);
  transform: scale(calc(1.04 + var(--hero-scroll, 0) * .06));
}
.sc-hero__veil {
  background:
    linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.23) 55%, rgba(0,0,0,.5) 100%),
    linear-gradient(0deg, rgba(0,0,0,.74) 0%, transparent 52%);
}
.sc-hero__grid {
  opacity: .23;
  background-image:
    linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px);
  background-size: 25vw 25vw;
  mask-image: linear-gradient(to bottom, transparent 5%, black 54%, transparent);
}
.sc-hero__hud {
  position: absolute;
  top: 112px;
  right: var(--sc-gutter);
  left: var(--sc-gutter);
  display: flex;
  justify-content: space-between;
  padding-top: .8rem;
  border-top: 1px solid rgba(255,255,255,.38);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .16em;
}
.sc-hero__copy {
  position: absolute;
  right: var(--sc-gutter);
  bottom: 11vh;
  left: var(--sc-gutter);
}
.sc-hero__copy > p {
  margin-bottom: 1.2rem;
  color: var(--sc-lime);
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.sc-hero h1 {
  max-width: 11ch;
  font-size: clamp(4.2rem, 10.2vw, 10.8rem);
  font-weight: 800;
  letter-spacing: -.075em;
  line-height: .76;
  text-transform: uppercase;
}
.sc-hero h1 em {
  color: var(--sc-lime);
  text-transform: lowercase;
}
.sc-hero__statement {
  position: absolute;
  right: var(--sc-gutter);
  bottom: 12.5vh;
  width: min(28rem, 29vw);
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,.5);
  font-size: clamp(.94rem, 1.15vw, 1.15rem);
  line-height: 1.45;
}
.sc-scroll-cue {
  position: absolute;
  right: var(--sc-gutter);
  bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-decoration: none;
  text-transform: uppercase;
}
.sc-scroll-cue i {
  display: grid;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 50%;
  place-items: center;
  font-style: normal;
  animation: sc-nudge 1.6s ease-in-out infinite;
}
.sc-film-toggle {
  position: absolute;
  bottom: 2rem;
  left: var(--sc-gutter);
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .65rem .8rem;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.42);
  color: #fff;
  font: inherit;
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sc-film-toggle b { color: var(--sc-lime); }
@keyframes sc-nudge { 50% { transform: translateY(5px); } }

/* The signature scroll chapter */
.sc-cue {
  position: relative;
  height: 480vh;
  background: var(--sc-black);
  color: #fff;
}
.sc-cue__sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  overflow: hidden;
}
.sc-cue__sticky::after {
  position: absolute;
  inset: 0;
  opacity: .16;
  background-image: radial-gradient(rgba(255,255,255,.55) .5px, transparent .5px);
  background-size: 5px 5px;
  pointer-events: none;
  content: "";
}
.sc-cue__topline {
  position: absolute;
  z-index: 4;
  top: 7.5rem;
  right: var(--sc-gutter);
  left: var(--sc-gutter);
  display: flex;
  justify-content: space-between;
  padding-top: .75rem;
  border-top: 1px solid rgba(255,255,255,.24);
  color: rgba(255,255,255,.7);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .18em;
}
.sc-cue__visual {
  --aperture-x: 9%;
  position: absolute;
  top: 50%;
  left: 52%;
  width: min(59vw, 860px);
  aspect-ratio: 1;
  transform: translate(-50%, -48%) rotate(calc(var(--cue-p, 0) * 18deg));
}
.sc-cue__orbit {
  position: absolute;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 50%;
}
.sc-cue__orbit::before,
.sc-cue__orbit::after {
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--sc-lime);
  border-radius: 50%;
  content: "";
}
.sc-cue__orbit--outer {
  inset: 0;
  transform: rotate(calc(var(--cue-p, 0) * 190deg));
}
.sc-cue__orbit--outer::before { top: 11%; left: 17%; }
.sc-cue__orbit--outer::after { right: 4%; bottom: 31%; background: var(--sc-cyan); }
.sc-cue__orbit--inner {
  inset: 13%;
  border-style: dashed;
  transform: rotate(calc(var(--cue-p, 0) * -130deg));
}
.sc-cue__ticks {
  position: absolute;
  inset: 5%;
  border-radius: 50%;
  opacity: .48;
  background: repeating-conic-gradient(from 0deg, rgba(255,255,255,.55) 0 1deg, transparent 1deg 12deg);
  mask: radial-gradient(transparent 0 93%, #000 93% 100%);
}
.sc-cue__aperture {
  position: absolute;
  inset: 20%;
  background: #171717;
  clip-path: inset(5% 25% 5% 25% round 999px);
  overflow: hidden;
  transform: scale(1.03) rotate(-5deg);
  transition: clip-path .9s cubic-bezier(.2,.75,.2,1), inset .9s cubic-bezier(.2,.75,.2,1), transform .9s cubic-bezier(.2,.75,.2,1);
}
.sc-cue[data-stage="1"] .sc-cue__aperture {
  inset: 13%;
  clip-path: inset(8% 2% 8% 2% round 8%);
  transform: translateX(15%) rotate(3deg);
}
.sc-cue[data-stage="2"] .sc-cue__aperture {
  inset: 10%;
  clip-path: ellipse(35% 48% at 50% 50%);
  transform: translateX(-16%) rotate(-9deg);
}
.sc-cue[data-stage="3"] .sc-cue__aperture {
  inset: 2%;
  clip-path: inset(2% 3% round 46% 46% 10% 10%);
  transform: scale(1.02) rotate(0);
}
.sc-cue__media {
  position: absolute;
  inset: -7%;
  width: 114%;
  height: 114%;
  object-fit: cover;
  opacity: 0;
  filter: grayscale(1) contrast(1.08);
  transform: scale(1.12);
  transition: opacity .65s ease, transform 1.2s cubic-bezier(.2,.75,.2,1);
}
.sc-cue__media--one { opacity: 1; }
.sc-cue[data-stage="1"] .sc-cue__media--one { opacity: 0; }
.sc-cue[data-stage="1"] .sc-cue__media--two { opacity: 1; transform: scale(1); }
.sc-cue[data-stage="2"] .sc-cue__media--three,
.sc-cue[data-stage="3"] .sc-cue__media--three { opacity: 1; transform: scale(1); }
.sc-cue[data-stage="2"] .sc-cue__media--one,
.sc-cue[data-stage="2"] .sc-cue__media--two,
.sc-cue[data-stage="3"] .sc-cue__media--one,
.sc-cue[data-stage="3"] .sc-cue__media--two { opacity: 0; }
.sc-cue__cross { position: absolute; background: rgba(255,255,255,.17); }
.sc-cue__cross--x { top: 50%; right: -8%; left: -8%; height: 1px; }
.sc-cue__cross--y { top: -8%; bottom: -8%; left: 50%; width: 1px; }
.sc-cue__copy {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: var(--sc-gutter);
  width: min(31rem, 34vw);
  transform: translateY(-46%);
}
.sc-cue__copy > .sc-eyebrow { margin-bottom: 1.4rem; color: var(--sc-lime); }
.sc-cue__copy > h2 {
  font-size: clamp(3.1rem, 5.7vw, 6.6rem);
  letter-spacing: -.07em;
  line-height: .82;
  text-transform: uppercase;
}
.sc-cue__steps {
  position: relative;
  height: 13rem;
  margin-top: 2.5rem;
}
.sc-cue__steps article {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 2.2rem 1fr;
  align-content: start;
  gap: .5rem 1rem;
  opacity: 0;
  transform: translateY(1.4rem);
  transition: opacity .5s ease, transform .7s cubic-bezier(.2,.75,.2,1);
  pointer-events: none;
}
.sc-cue__steps article.is-active {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.sc-cue__steps article > span {
  grid-row: 1 / span 2;
  color: var(--sc-lime);
  font-size: .65rem;
  font-weight: 800;
}
.sc-cue__steps h3 {
  font-size: clamp(1.25rem, 2vw, 1.9rem);
  letter-spacing: -.04em;
  line-height: 1;
  text-transform: uppercase;
}
.sc-cue__steps p {
  max-width: 27rem;
  color: rgba(255,255,255,.65);
  font-size: .94rem;
  line-height: 1.55;
}
.sc-cue__meter {
  position: absolute;
  z-index: 5;
  right: var(--sc-gutter);
  bottom: 2.5rem;
  display: flex;
  gap: .35rem;
}
.sc-cue__meter span {
  width: clamp(35px, 5vw, 75px);
  height: 3px;
  background: rgba(255,255,255,.2);
}
.sc-cue__meter span.is-active { background: var(--sc-lime); }

/* Signal */
.sc-signal {
  display: grid;
  grid-template-columns: .7fr repeat(4, 1fr);
  min-height: 15rem;
  background: var(--sc-lime);
  border-bottom: 1px solid var(--sc-ink);
}
.sc-signal > * {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  margin: 0;
  padding: 1.4rem;
  border-right: 1px solid rgba(20,20,20,.32);
}
.sc-signal > p {
  justify-content: flex-start;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.sc-signal small {
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.sc-signal strong {
  font-size: clamp(1.35rem, 2.5vw, 2.8rem);
  letter-spacing: -.06em;
  line-height: .9;
  text-transform: uppercase;
}
.sc-signal em { font-size: .69rem; font-style: normal; }
.sc-signal a { text-decoration: none; transition: background .25s, color .25s; }
.sc-signal a:hover { background: var(--sc-black); color: #fff; }

/* Horizontal team */
.sc-crew {
  position: relative;
  height: 470vh;
  background: var(--sc-paper);
}
.sc-crew__sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  padding: 7rem var(--sc-gutter) 2.3rem;
  overflow: hidden;
}
.sc-section-head {
  display: grid;
  grid-template-columns: 1fr 1.25fr .8fr;
  align-items: end;
  gap: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--sc-rule);
}
.sc-section-head h2 {
  font-size: clamp(3rem, 5.6vw, 6.3rem);
  letter-spacing: -.07em;
  line-height: .78;
  text-transform: uppercase;
}
.sc-section-head > p:last-child {
  max-width: 24rem;
  font-size: .94rem;
  line-height: 1.5;
}
.sc-crew__rail {
  display: flex;
  gap: 1rem;
  width: max-content;
  padding-top: 1.5rem;
  transform: translate3d(calc(var(--crew-x, 0px) * -1),0,0);
  will-change: transform;
}
.sc-person {
  position: relative;
  display: block;
  flex: 0 0 clamp(250px, 24vw, 380px);
  height: min(49vh, 485px);
  background: #d9d6cc;
  color: var(--sc-ink);
  overflow: hidden;
  text-decoration: none;
}
.sc-person img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(.9);
  transition: filter .45s, transform .7s cubic-bezier(.2,.75,.2,1);
}
.sc-person:hover img { filter: grayscale(0); transform: scale(1.035); }
.sc-person > div {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 3.5rem 1rem 1rem;
  background: linear-gradient(transparent, rgba(0,0,0,.82));
  color: #fff;
}
.sc-person span {
  display: block;
  margin-bottom: .4rem;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.sc-person h3 {
  font-size: clamp(1.6rem, 2.6vw, 2.6rem);
  letter-spacing: -.06em;
  line-height: .9;
  text-transform: uppercase;
}
.sc-person--intro,
.sc-person--outro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem;
  background: var(--sc-black);
  color: #fff;
}
.sc-person--intro p { max-width: 10ch; font-size: 2.1rem; font-weight: 800; letter-spacing: -.05em; line-height: .92; text-transform: uppercase; }
.sc-person--intro i,
.sc-person--outro i { color: var(--sc-lime); font-size: 4rem; font-style: normal; }
.sc-person--outro { background: var(--sc-cyan); color: var(--sc-ink); }
.sc-person--outro strong { max-width: 7ch; font-size: 3rem; letter-spacing: -.07em; line-height: .85; text-transform: uppercase; }
.sc-crew__track {
  position: absolute;
  right: var(--sc-gutter);
  bottom: 2rem;
  left: var(--sc-gutter);
  height: 2px;
  background: rgba(20,20,20,.15);
}
.sc-crew__track span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--sc-ink);
  transform: scaleX(var(--crew-p, 0));
  transform-origin: left;
}

/* Services */
.sc-services { background: var(--sc-black); color: #fff; }
.sc-services__head {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: end;
  gap: 2rem;
  min-height: 72vh;
  padding: 8rem var(--sc-gutter) 4rem;
}
.sc-services__head .sc-eyebrow { color: var(--sc-cyan); }
.sc-services__head h2 {
  font-size: clamp(4rem, 8vw, 9rem);
  letter-spacing: -.075em;
  line-height: .77;
  text-transform: uppercase;
}
.sc-services__head em { color: var(--sc-lime); text-transform: lowercase; }
.sc-service {
  display: grid;
  grid-template-columns: 1.22fr .78fr;
  min-height: 82vh;
  border-top: 1px solid rgba(255,255,255,.2);
  color: #fff;
  text-decoration: none;
}
.sc-service--reverse { grid-template-columns: .78fr 1.22fr; }
.sc-service--reverse .sc-service__image { order: 2; }
.sc-service__image {
  min-height: 34rem;
  background-position: center;
  background-size: cover;
  filter: grayscale(.9);
  transition: filter .5s ease, background-size 1.2s ease;
}
.sc-service:hover .sc-service__image { filter: grayscale(0); }
.sc-service__image--corporate { background-image: url("https://images.unsplash.com/photo-1505373877841-8d25f7d46678?auto=format&fit=crop&w=1800&q=82"); }
.sc-service__image--community { background-image: url("https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1800&q=82"); }
.sc-service__image--public { background-image: url("https://images.unsplash.com/photo-1514525253161-7a46d19cd819?auto=format&fit=crop&w=1800&q=82"); }
.sc-service__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
}
.sc-service__copy > span {
  color: var(--sc-lime);
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.sc-service__copy h3 {
  margin-top: auto;
  padding-top: 4rem;
  font-size: clamp(2.5rem, 4vw, 5rem);
  letter-spacing: -.065em;
  line-height: .86;
  text-transform: uppercase;
}
.sc-service__copy p {
  max-width: 30rem;
  margin-top: 1.5rem;
  color: rgba(255,255,255,.63);
  font-size: .95rem;
  line-height: 1.55;
}
.sc-service__copy i {
  align-self: flex-end;
  margin-top: 3rem;
  color: var(--sc-cyan);
  font-size: .67rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

/* Experience */
.sc-experience {
  display: grid;
  grid-template-columns: .74fr 1.26fr;
  gap: clamp(2rem, 6vw, 7rem);
  padding: 9rem var(--sc-gutter);
  background: var(--sc-cyan);
}
.sc-experience__pin {
  position: sticky;
  top: 9rem;
  align-self: start;
}
.sc-experience__pin h2 {
  margin: 2rem 0;
  font-size: clamp(3.7rem, 6vw, 7rem);
  letter-spacing: -.075em;
  line-height: .78;
  text-transform: uppercase;
}
.sc-experience__pin > p:last-child { max-width: 28rem; line-height: 1.55; }
.sc-experience__list { display: grid; gap: 8rem; }
.sc-experience__list article { position: relative; }
.sc-experience__list article > span {
  position: absolute;
  z-index: 2;
  top: .8rem;
  left: .8rem;
  display: grid;
  width: 44px;
  height: 44px;
  background: var(--sc-lime);
  border-radius: 50%;
  font-size: .65rem;
  font-weight: 800;
  place-items: center;
}
.sc-experience__image {
  aspect-ratio: 5 / 4;
  background-position: center;
  background-size: cover;
  clip-path: inset(0 0 0 calc((1 - var(--in-view, 1)) * 15%));
  filter: grayscale(.75);
}
.sc-experience__image--one { background-image: url("https://images.unsplash.com/photo-1505373877841-8d25f7d46678?auto=format&fit=crop&w=1400&q=82"); }
.sc-experience__image--two { background-image: url("https://images.unsplash.com/photo-1514525253161-7a46d19cd819?auto=format&fit=crop&w=1400&q=82"); }
.sc-experience__image--three { background-image: url("https://images.unsplash.com/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1400&q=82"); }
.sc-experience__list h3 { margin-top: 1.2rem; font-size: clamp(2rem, 4vw, 4.2rem); letter-spacing: -.06em; line-height: .9; text-transform: uppercase; }
.sc-experience__list p { margin-top: .7rem; font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }

/* Live, news, contact */
.sc-live {
  min-height: 92vh;
  padding: 8rem var(--sc-gutter) 3rem;
  background: var(--sc-paper);
}
.sc-live__status {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding-bottom: .85rem;
  border-bottom: 1px solid var(--sc-rule);
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.sc-live__status i { width: 8px; height: 8px; background: #f24; border-radius: 50%; box-shadow: 0 0 0 6px rgba(255,34,68,.12); }
.sc-live h2 {
  max-width: 10ch;
  margin-top: 10vh;
  font-size: clamp(4rem, 9vw, 10rem);
  letter-spacing: -.08em;
  line-height: .76;
  text-transform: uppercase;
}
.sc-live__feed {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 2rem;
  margin-top: 9vh;
}
.sc-live__feed > div { max-width: 32rem; padding-top: 1rem; border-top: 1px solid var(--sc-rule); }
.sc-live__feed span { color: #f24; font-size: .62rem; font-weight: 800; letter-spacing: .15em; }
.sc-live__feed strong { display: block; margin: .6rem 0; text-transform: uppercase; }
.sc-live__feed p { font-size: .9rem; line-height: 1.5; }
.sc-live__feed a {
  display: flex;
  justify-content: space-between;
  padding: 1.2rem;
  background: var(--sc-black);
  color: #fff;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
}
.sc-live__feed a i { color: var(--sc-lime); font-style: normal; }
.sc-news {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 5vw;
  padding: 8rem var(--sc-gutter);
  background: var(--sc-lime);
}
.sc-news h2 {
  margin-top: 2rem;
  font-size: clamp(3.1rem, 5vw, 6rem);
  letter-spacing: -.07em;
  line-height: .82;
  text-transform: uppercase;
}
.sc-news > div { border-top: 1px solid var(--sc-ink); }
.sc-news a {
  display: grid;
  grid-template-columns: .4fr 1fr auto;
  align-items: center;
  gap: 1rem;
  min-height: 8rem;
  border-bottom: 1px solid var(--sc-ink);
  text-decoration: none;
}
.sc-news a span { font-size: .6rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sc-news a strong { max-width: 26rem; font-size: 1.3rem; letter-spacing: -.03em; line-height: 1.05; text-transform: uppercase; }
.sc-news a i { font-size: 1.5rem; font-style: normal; transition: transform .25s; }
.sc-news a:hover i { transform: translate(4px,-4px); }
.sc-contact {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 7vw;
  padding: 10rem var(--sc-gutter);
  background: var(--sc-black);
  color: #fff;
}
.sc-contact__copy .sc-eyebrow { color: var(--sc-cyan); }
.sc-contact__copy h2 {
  margin: 2rem 0;
  font-size: clamp(3.8rem, 7vw, 8rem);
  letter-spacing: -.075em;
  line-height: .77;
  text-transform: uppercase;
}
.sc-contact__copy h2 em { color: var(--sc-lime); text-transform: lowercase; }
.sc-contact__copy > p { max-width: 29rem; color: rgba(255,255,255,.65); line-height: 1.55; }
.sc-contact__copy > a {
  display: block;
  width: fit-content;
  margin-top: 1.2rem;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}
.sc-contact__form { align-self: end; }
.sc-contact__form label { display: block; padding: 1.35rem 0 .7rem; border-bottom: 1px solid rgba(255,255,255,.3); }
.sc-contact__form label span { display: block; color: rgba(255,255,255,.55); font-size: .61rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.sc-contact__form input,
.sc-contact__form textarea {
  width: 100%;
  padding: .8rem 0 .3rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #fff;
  font: inherit;
  font-size: 1.1rem;
  resize: vertical;
}
.sc-contact__form input:focus,
.sc-contact__form textarea:focus { outline: 2px solid var(--sc-lime); outline-offset: 4px; }
.sc-contact__form button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
  padding: 1.25rem;
  background: var(--sc-lime);
  border: 0;
  color: var(--sc-ink);
  font: inherit;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
  cursor: pointer;
}
.sc-form-status { min-height: 1.5rem; margin-top: 1rem !important; color: var(--sc-cyan); font-size: .74rem; }

@media (max-width: 1050px) {
  .sc-home .site-header { grid-template-columns: 1fr auto; }
  .sc-home .header-contact { display: none; }
  .sc-home .menu-toggle { display: grid; }
  .sc-home .site-nav {
    position: fixed;
    z-index: 101;
    top: 82px;
    right: 1rem;
    left: 1rem;
    display: none;
    flex-direction: column;
    align-items: stretch;
    padding: .8rem;
    background: var(--sc-black);
    border: 1px solid rgba(255,255,255,.2);
  }
  .sc-home .site-nav.is-open { display: flex; }
  .sc-home .site-nav > a { padding: .9rem; border-bottom: 1px solid rgba(255,255,255,.12); }
  .sc-cue__visual { left: 62%; width: 72vw; opacity: .85; }
  .sc-cue__copy { width: 42vw; }
  .sc-section-head { grid-template-columns: .7fr 1.3fr; }
  .sc-section-head > p:last-child { display: none; }
}

@media (max-width: 760px) {
  .sc-home { --sc-gutter: 1rem; }
  .sc-home .site-header { min-height: 68px; padding: 0 1rem; }
  .sc-home .brand { width: 122px; }
  .sc-home .site-nav { top: 68px; }
  .sc-hero__hud { top: 88px; }
  .sc-hero__hud span:last-child { display: none; }
  .sc-hero__grid { background-size: 50vw 50vw; }
  .sc-hero__copy { bottom: 24vh; }
  .sc-hero h1 { font-size: clamp(3.7rem, 19vw, 6.2rem); line-height: .79; }
  .sc-hero__statement { right: 1rem; bottom: 10vh; left: 1rem; width: auto; }
  .sc-film-toggle { bottom: 1rem; }
  .sc-scroll-cue { bottom: 1rem; }
  .sc-scroll-cue span { display: none; }

  .sc-cue { height: 430vh; }
  .sc-cue__topline { top: 5.2rem; }
  .sc-cue__visual { top: 34%; left: 50%; width: 102vw; opacity: .7; }
  .sc-cue__copy {
    top: auto;
    right: 1rem;
    bottom: 4.5rem;
    left: 1rem;
    width: auto;
    padding: 1rem;
    background: rgba(9,9,9,.68);
    backdrop-filter: blur(9px);
    transform: none;
  }
  .sc-cue__copy > h2 { display: none; }
  .sc-cue__copy > .sc-eyebrow { margin-bottom: 1rem; }
  .sc-cue__steps { height: 10.5rem; margin-top: 0; }
  .sc-cue__steps article { grid-template-columns: 1.6rem 1fr; }
  .sc-cue__steps p { font-size: .84rem; }
  .sc-cue__meter { right: 1rem; bottom: 1.5rem; left: 1rem; }
  .sc-cue__meter span { flex: 1; }

  .sc-signal { grid-template-columns: 1fr 1fr; }
  .sc-signal > * { min-height: 10rem; border-bottom: 1px solid rgba(20,20,20,.3); }
  .sc-signal > p { display: none; }

  .sc-crew { height: auto; }
  .sc-crew__sticky { position: relative; height: auto; min-height: 100svh; padding: 5.5rem 1rem 2.5rem; }
  .sc-section-head { display: block; }
  .sc-section-head h2 { margin: 1.3rem 0 .4rem; font-size: 3.7rem; }
  .sc-crew__rail {
    width: auto;
    margin-right: -1rem;
    padding-right: 1rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    transform: none !important;
    scrollbar-width: none;
  }
  .sc-crew__rail::-webkit-scrollbar { display: none; }
  .sc-person { flex-basis: 76vw; height: 52vh; scroll-snap-align: start; }
  .sc-crew__track { display: none; }

  .sc-services__head { display: block; min-height: 65vh; padding: 7rem 1rem 3rem; }
  .sc-services__head h2 { margin-top: 2rem; font-size: 4.4rem; }
  .sc-service,
  .sc-service--reverse { display: flex; flex-direction: column; min-height: 100svh; }
  .sc-service--reverse .sc-service__image { order: 0; }
  .sc-service__image { min-height: 52vh; }
  .sc-service__copy { flex: 1; min-height: 45vh; padding: 1.2rem; }
  .sc-service__copy h3 { padding-top: 3rem; font-size: 2.8rem; }

  .sc-experience { display: block; padding: 6rem 1rem; }
  .sc-experience__pin { position: static; }
  .sc-experience__pin h2 { font-size: 4rem; }
  .sc-experience__list { gap: 5rem; margin-top: 5rem; }

  .sc-live { min-height: 100svh; padding: 6rem 1rem 2rem; }
  .sc-live h2 { margin-top: 16vh; font-size: 4.4rem; }
  .sc-live__feed { grid-template-columns: 1fr; }
  .sc-news { display: block; padding: 6rem 1rem; }
  .sc-news h2 { font-size: 3.7rem; }
  .sc-news > div { margin-top: 3rem; }
  .sc-news a { grid-template-columns: 1fr auto; }
  .sc-news a span { grid-column: 1 / -1; align-self: end; }
  .sc-contact { display: block; padding: 7rem 1rem; }
  .sc-contact__copy h2 { font-size: 4.2rem; }
  .sc-contact__form { margin-top: 5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sc-scroll-cue i { animation: none; }
  .sc-hero__film,
  .sc-cue__visual,
  .sc-crew__rail { transform: none !important; }
  .sc-cue,
  .sc-crew { height: auto; }
  .sc-cue__sticky,
  .sc-crew__sticky { position: relative; height: auto; min-height: 100svh; }
  .sc-cue__sticky { padding: 7rem var(--sc-gutter) 4rem; }
  .sc-cue__visual { position: relative; top: auto; left: auto; width: min(90vw, 36rem); margin: 3rem auto; }
  .sc-cue__copy { position: relative; top: auto; left: auto; width: auto; transform: none; }
  .sc-cue__steps { display: grid; height: auto; gap: 2rem; }
  .sc-cue__steps article { position: relative; opacity: 1; transform: none; }
  .sc-cue__meter { display: none; }
}

*,
*::before,
*::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  background: var(--ink);
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--body);
  font-size: 16px;
  line-height: 1.5;
  overflow-x: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

img,
video { display: block; max-width: 100%; }

a { color: inherit; }
button,
input,
textarea { font: inherit; }

button,
a { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 3px solid var(--acid);
  outline-offset: 4px;
}

.skip-link {
  position: fixed;
  left: 1rem;
  top: 1rem;
  z-index: 1000;
  padding: .75rem 1rem;
  color: var(--white);
  background: var(--ink);
  transform: translateY(-180%);
}

.skip-link:focus { transform: translateY(0); }

.site-header {
  position: absolute;
  z-index: 50;
  inset: 0 0 auto;
  min-height: var(--header-h);
  display: grid;
  grid-template-columns: minmax(160px, 1fr) auto auto;
  align-items: center;
  gap: 2rem;
  padding: 1rem var(--pad);
  color: var(--white);
  border-bottom: 1px solid var(--line-light);
}

.site-header.is-solid,
body:not([data-page="home"]) .site-header {
  position: relative;
  color: var(--ink);
  background: var(--paper);
  border-bottom-color: var(--line);
}

.brand {
  width: min(220px, 28vw);
  display: inline-flex;
  align-items: center;
}

.brand img {
  width: 100%;
  filter: brightness(0) invert(1);
}

.site-header.is-solid .brand img,
body:not([data-page="home"]) .brand img {
  filter: none;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: clamp(.85rem, 1.6vw, 1.75rem);
}

.site-nav > a,
.nav-disclosure > button {
  padding: .6rem 0;
  color: inherit;
  background: none;
  border: 0;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-nav > a::after,
.nav-disclosure > button::after {
  content: "";
  display: block;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .25s var(--ease);
}

.site-nav > a:hover::after,
.site-nav > a[aria-current="page"]::after,
.nav-disclosure > button:hover::after,
.nav-disclosure > button[aria-expanded="true"]::after {
  transform: scaleX(1);
  transform-origin: left;
}

.nav-disclosure { position: relative; }

.nav-panel {
  position: absolute;
  top: calc(100% + 1rem);
  left: -1rem;
  min-width: 230px;
  padding: .65rem;
  color: var(--white);
  background: var(--ink);
  border: 1px solid rgba(255,255,255,.25);
}

.nav-panel[hidden] { display: none; }

.nav-panel a {
  display: block;
  padding: .75rem;
  color: var(--white);
  font-size: .8rem;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,.18);
}

.nav-panel a:last-child { border: 0; }
.nav-panel a:hover { color: var(--acid); }

.header-contact {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 1rem;
  color: var(--ink);
  background: var(--acid);
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
}

.menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  place-items: center;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
}

.menu-toggle svg,
.media-toggle svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 2; }

.whatsapp-dock {
  position: fixed;
  z-index: 45;
  right: 0;
  top: 58%;
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0 .8rem;
  color: var(--ink);
  background: var(--acid);
  border: 1px solid var(--ink);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: end;
  overflow: hidden;
  color: var(--white);
  background: var(--ink);
}

.hero__media,
.hero__wash {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero__media {
  object-fit: cover;
  opacity: .65;
  filter: contrast(1.15) saturate(.65);
}

.hero__wash {
  background: rgba(0, 0, 0, .36);
  border-left: clamp(4px, 1vw, 14px) solid var(--cyan);
}

.hero__topline {
  position: absolute;
  top: calc(var(--header-h) + 1.2rem);
  left: var(--pad);
  right: var(--pad);
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.media-toggle {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .7rem;
  color: inherit;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.5);
  font-size: .65rem;
  font-weight: 700;
  text-transform: uppercase;
}

.hero__content {
  position: relative;
  z-index: 2;
  width: min(1050px, calc(100% - 2 * var(--pad)));
  padding: 10rem 0 clamp(5rem, 8vw, 8rem) var(--pad);
}

.kicker,
.eyebrow {
  margin: 0 0 1rem;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.eyebrow--light { color: var(--acid); }

.hero h1,
.positioning h2,
.service-edition h2,
.team-feature h2,
.case-desk h2,
.live-desk h2,
.news-front h2,
.closing-cta h2,
.page-hero h1 {
  margin: 0;
  font-family: var(--display);
  font-weight: 900;
  letter-spacing: -.065em;
  line-height: .82;
  text-transform: uppercase;
}

.hero h1 { font-size: clamp(4.4rem, 11vw, 10.5rem); }

h1 em,
h2 em {
  color: var(--acid);
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  text-transform: none;
}

.hero__lede {
  max-width: 570px;
  margin: 2rem 0 0 32%;
  font-size: clamp(1rem, 1.4vw, 1.3rem);
}

.hero__actions {
  margin: 1.5rem 0 0 32%;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: .8rem 1rem;
  border: 1px solid currentColor;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s, background .2s;
}

.button--acid { color: var(--ink); background: var(--acid); border-color: var(--acid); }
.button--acid:hover { color: var(--white); background: var(--ink); }
.button--black { color: var(--white); background: var(--ink); }
.button--black:hover { color: var(--ink); background: var(--white); }

.text-link {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  padding: .35rem 0;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid currentColor;
}

.text-link--light { color: var(--white); }
.text-link:hover { color: var(--cyan); }

.hero__scroll {
  position: absolute;
  z-index: 2;
  right: var(--pad);
  bottom: 2rem;
  display: flex;
  gap: 2rem;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
}

.section-grid {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) minmax(0, 4fr) minmax(260px, 2fr);
  gap: clamp(1.5rem, 3vw, 4rem);
  padding: clamp(5rem, 10vw, 10rem) var(--pad);
}

.section-index {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.section-index span:first-child {
  min-width: 2.1rem;
  padding: .15rem .3rem;
  color: var(--white);
  background: var(--ink);
  text-align: center;
}

.section-index--light { color: var(--white); }
.section-index--light span:first-child { color: var(--ink); background: var(--acid); }

.positioning { background: var(--paper); }
.positioning h2,
.team-feature h2,
.live-desk h2 { font-size: clamp(3rem, 7vw, 7rem); }
.positioning__copy { align-self: end; max-width: 390px; }
.positioning__copy p { margin: 0 0 2rem; font-size: 1.05rem; }

.service-edition { color: var(--white); background: var(--ink); }
.service-edition__head { padding-bottom: 4rem; }
.service-edition h2,
.case-desk h2 { font-size: clamp(3.6rem, 8vw, 8.5rem); }

.service-ledger {
  display: grid;
  grid-template-columns: 2fr 1fr;
  padding: 0 var(--pad) clamp(5rem, 9vw, 9rem);
}

.service-feature {
  position: relative;
  display: grid;
  min-height: 350px;
  color: var(--white);
  background: #191919;
  text-decoration: none;
  overflow: hidden;
  border: 1px solid var(--line-light);
}

.service-feature--lead {
  grid-row: span 2;
  min-height: 720px;
}

.service-feature__number {
  position: absolute;
  z-index: 3;
  top: 1rem;
  left: 1rem;
  font-size: .65rem;
  font-weight: 800;
}

.service-feature__image { position: absolute; inset: 0; }

.media-image {
  background-size: cover;
  background-position: center;
  filter: grayscale(1) contrast(1.2);
  transition: filter .45s var(--ease), transform .7s var(--ease);
}

.media-image--record {
  background-image: url("https://static.wixstatic.com/media/a758cad96985458083536852e0149dfe.jpg/v1/fill/w_1200,h_1200,al_c,q_85,enc_avif,quality_auto/a758cad96985458083536852e0149dfe.jpg");
}

.media-image--stage {
  background-image: url("https://static.wixstatic.com/media/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg/v1/fill/w_1400,h_900,al_c,q_82,enc_avif,quality_auto/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg");
}

.service-feature__text {
  position: relative;
  z-index: 2;
  align-self: end;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .75rem;
  padding: 1.4rem;
  background: rgba(0,0,0,.78);
  border-top: 1px solid var(--line-light);
}

.service-feature__type {
  grid-column: 1 / -1;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.service-feature strong {
  max-width: 620px;
  font-family: var(--display);
  font-size: clamp(1.7rem, 3.2vw, 3.5rem);
  line-height: .98;
  text-transform: uppercase;
}

.service-feature__arrow { font-size: 1.5rem; align-self: end; }
.service-feature--cyan { color: var(--ink); background: var(--cyan); }
.service-feature--acid { color: var(--ink); background: var(--acid); }
.service-feature--compact .service-feature__text { color: inherit; background: transparent; border: 0; }

.service-feature:hover .media-image { filter: grayscale(0) contrast(1.08); transform: scale(1.035); }
.service-feature:hover .service-feature__arrow { transform: translate(.2rem, -.2rem); }

.team-feature {
  grid-template-rows: auto auto;
  background: var(--paper);
}

.team-feature__intro {
  grid-column: 2 / 4;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
  align-items: end;
}

.team-feature__intro .eyebrow,
.team-feature__intro h2 { grid-column: 1; }
.team-feature__intro p:last-child { grid-column: 2; grid-row: 1 / 3; margin: 0; align-self: end; }

.founder-spread {
  grid-column: 2;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  min-height: 580px;
  margin-top: 3rem;
  background: var(--white);
  border: 1px solid var(--line);
}

.founder-spread__portrait {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 500px;
  color: var(--cyan);
  background: var(--ink);
  overflow: hidden;
}

.founder-spread__portrait::before,
.founder-spread__portrait::after {
  content: "";
  position: absolute;
  background: var(--acid);
}

.founder-spread__portrait::before { width: 150%; height: 10px; transform: rotate(-8deg); }
.founder-spread__portrait::after { width: 10px; height: 100%; transform: rotate(22deg); }

.founder-spread__initials {
  position: relative;
  z-index: 2;
  font-family: var(--display);
  font-size: clamp(7rem, 13vw, 13rem);
  font-weight: 900;
  letter-spacing: -.1em;
  line-height: .8;
}

.founder-spread__status {
  position: absolute;
  z-index: 3;
  bottom: 1rem;
  left: 1rem;
  padding: .4rem .55rem;
  color: var(--ink);
  background: var(--acid);
  font-size: .6rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.founder-spread__copy { align-self: end; padding: clamp(1.5rem, 4vw, 4rem); }
.founder-spread__copy h3 { margin: 0; font: 900 clamp(3rem, 6vw, 6rem)/.85 var(--display); text-transform: uppercase; }
.founder-spread__copy blockquote { margin: 2rem 0; font: italic 1.5rem/1.2 Georgia, serif; }
.founder-spread__copy p:not(.eyebrow) { max-width: 36rem; }

.team-roll {
  grid-column: 3;
  align-self: end;
  margin-top: 3rem;
}

.team-roll > * {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0;
  border-top: 1px solid var(--line);
}

.team-roll span { font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.team-roll strong { font-size: .85rem; text-align: right; }
.team-roll a { font-size: .72rem; font-weight: 800; text-decoration: none; text-transform: uppercase; }

.case-desk { padding-bottom: clamp(5rem, 10vw, 10rem); color: var(--white); background: var(--ink); }
.case-desk__heading { padding-bottom: 4rem; }
.case-desk__heading > p { align-self: end; max-width: 360px; color: #bbb; }

.case-list { border-top: 1px solid var(--line-light); }
.case-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 2.4fr 1.4fr;
  gap: 2rem;
  align-items: center;
  padding: 2rem var(--pad);
  overflow: hidden;
  border-bottom: 1px solid var(--line-light);
}

.case-row__meta { display: flex; flex-direction: column; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.case-row h3 { position: relative; z-index: 2; margin: 0; font: 800 clamp(1.7rem, 3.5vw, 4rem)/.95 var(--display); text-transform: uppercase; }
.case-row p { position: relative; z-index: 2; margin: 0; color: #bbb; }
.case-row__mark { position: absolute; right: var(--pad); color: rgba(255,255,255,.04); font: 900 10rem/.8 var(--display); }
.case-row:hover { color: var(--ink); background: var(--acid); }
.case-row:hover p { color: var(--ink); }

.live-desk { background: var(--cyan); }
.live-desk__heading { grid-column: 2 / 4; display: grid; grid-template-columns: 2fr 1fr; gap: 2rem; }
.live-desk__heading .eyebrow { grid-column: 1; }
.live-desk__heading h2 { grid-column: 1 / 3; }

.live-desk__placeholder {
  grid-column: 2;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 2rem;
  color: var(--white);
  background: var(--ink);
}

.live-desk__placeholder p { margin: 1rem 0 0; font: 800 clamp(1.8rem, 4vw, 4rem)/.9 var(--display); text-transform: uppercase; }
.live-desk__placeholder small { max-width: 360px; margin: 1rem 0 2rem; color: #bbb; }
.signal { width: 12px; height: 12px; background: #ff3b30; border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,59,48,.2); }

.event-counter {
  align-self: end;
  padding: 1.5rem 0;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
}

.event-counter span { font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.event-counter strong { display: block; font: 900 clamp(5rem, 10vw, 9rem)/.8 var(--display); }
.event-counter p { max-width: 270px; margin-bottom: 0; font-size: .8rem; }

.news-front { padding: clamp(5rem, 10vw, 10rem) var(--pad); color: var(--white); background: var(--ink); }
.news-front__masthead { display: grid; grid-template-columns: 1fr 4fr 1fr; gap: 2rem; align-items: end; margin-bottom: 4rem; }
.news-front__masthead > span { align-self: start; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.news-front h2 { font-size: clamp(4rem, 10vw, 10rem); }

.lead-story { display: grid; grid-template-columns: 1.8fr 1fr; min-height: 650px; border: 1px solid var(--line-light); }
.lead-story__media { min-height: 500px; }
.lead-story__body { align-self: end; padding: clamp(1.5rem, 3vw, 3rem); }
.story-meta { display: flex; justify-content: space-between; margin-bottom: 2rem; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.lead-story h3 { margin: 0; font: 900 clamp(2.5rem, 5vw, 5rem)/.9 var(--display); text-transform: uppercase; }
.lead-story p { color: #bbb; }

.closing-cta { padding: clamp(5rem, 11vw, 11rem) var(--pad); background: var(--acid); }
.closing-cta h2 { margin-bottom: 3rem; font-size: clamp(4rem, 11vw, 11rem); }
.closing-cta h2 em { color: var(--ink); }

.site-footer {
  padding: 4rem var(--pad) 2rem;
  color: var(--white);
  background: var(--ink);
}

.footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 3rem; padding-bottom: 4rem; }
.footer-brand { max-width: 340px; }
.footer-brand img { width: 220px; filter: brightness(0) invert(1); }
.footer-brand p { color: #bbb; }
.footer-list { display: flex; flex-direction: column; gap: .55rem; }
.footer-list strong { margin-bottom: .6rem; color: var(--acid); font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }
.footer-list a { width: fit-content; color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
.footer-list a:hover { border-color: currentColor; }
.footer-bottom { display: flex; justify-content: space-between; gap: 2rem; padding-top: 1.5rem; color: #929292; border-top: 1px solid var(--line-light); font-size: .7rem; }

/* Interior pages */
.page-hero {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 3rem;
  min-height: 62vh;
  align-items: end;
  padding: clamp(5rem, 10vw, 10rem) var(--pad) 4rem;
  color: var(--white);
  background: var(--ink);
}

.page-hero__index { align-self: start; font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.page-hero h1 { max-width: 1200px; font-size: clamp(4rem, 10vw, 10rem); }
.page-hero p { max-width: 650px; margin: 2rem 0 0 auto; font-size: clamp(1rem, 1.5vw, 1.3rem); }

.content-section {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 3rem;
  padding: clamp(4rem, 8vw, 8rem) var(--pad);
  border-bottom: 1px solid var(--line);
}

.content-section__label { font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.content-section__body { max-width: 1050px; }
.content-section__body h2 { margin: 0 0 2rem; font: 900 clamp(2.8rem, 6vw, 6rem)/.88 var(--display); letter-spacing: -.05em; text-transform: uppercase; }
.content-section__body h3 { margin: 2.5rem 0 .5rem; font: 800 1.5rem/1 var(--display); text-transform: uppercase; }
.content-section__body > p { max-width: 680px; font-size: 1.06rem; }

.editorial-list { margin: 3rem 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.editorial-list li { display: grid; grid-template-columns: 3rem 1fr 1fr; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.editorial-list b { font-size: .7rem; }
.editorial-list strong { text-transform: uppercase; }
.editorial-list span { color: var(--muted); }

.profile-ledger { display: grid; grid-template-columns: 1.4fr 1fr; border: 1px solid var(--line); }
.profile-ledger__visual { min-height: 480px; display: grid; place-items: center; color: var(--cyan); background: var(--ink); font: 900 clamp(7rem, 15vw, 15rem)/.8 var(--display); }
.profile-ledger__visual img { width: 100%; height: 100%; min-height: 480px; object-fit: cover; }
.profile-ledger__copy { align-self: end; padding: clamp(1.5rem, 4vw, 4rem); }
.profile-ledger__copy blockquote { margin: 2rem 0; font: italic 1.5rem/1.2 Georgia, serif; }

.service-scope { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 3rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-scope article { min-height: 240px; padding: 1.5rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-scope span { font-size: .65rem; font-weight: 800; }
.service-scope h3 { margin-top: 4rem; }

.news-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.news-item { min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; padding: 1.5rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.news-item:first-child { min-height: 520px; background: var(--cyan); }
.news-item__meta { display: flex; justify-content: space-between; gap: 1rem; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.news-item h2,
.news-item h3 { margin: 2rem 0 0; font: 900 clamp(1.8rem, 4vw, 4.5rem)/.9 var(--display); text-transform: uppercase; }

.contact-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 4rem; }
.contact-details { font-size: 1.2rem; }
.contact-details a { display: block; width: fit-content; margin: .6rem 0; font-weight: 700; }
.contact-form { display: grid; gap: 1rem; }
.field { display: grid; gap: .4rem; }
.field label { font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.field input,
.field textarea {
  width: 100%;
  padding: .9rem 0;
  color: var(--ink);
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ink);
  border-radius: 0;
}
.field textarea { min-height: 130px; resize: vertical; }
.form-status { min-height: 1.5rem; font-size: .8rem; font-weight: 700; }

.content-gap { padding: 1rem; background: var(--acid); border: 1px solid var(--ink); font-size: .8rem; }

@media (max-width: 1060px) {
  .site-header { grid-template-columns: 1fr auto; }
  .menu-toggle { display: grid; }
  .header-contact { display: none; }
  .site-nav {
    position: fixed;
    inset: var(--header-h) 0 0;
    z-index: 60;
    display: none;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    padding: 1rem var(--pad) 3rem;
    color: var(--white);
    background: var(--ink);
    overflow: auto;
  }
  .site-nav.is-open { display: flex; }
  .site-nav > a,
  .nav-disclosure > button {
    width: 100%;
    padding: 1rem 0;
    color: var(--white);
    text-align: left;
    font: 900 clamp(1.6rem, 6vw, 3rem)/1 var(--display);
    border-bottom: 1px solid var(--line-light);
  }
  .site-nav > a::after,
  .nav-disclosure > button::after { display: none; }
  .nav-panel { position: static; padding: 0 0 0 1rem; border: 0; }
  .nav-panel a { font-size: 1rem; }
  body.menu-open { overflow: hidden; }
  .section-grid { grid-template-columns: 110px minmax(0, 1fr); }
  .section-index { grid-column: 1; }
  .positioning__statement,
  .service-edition__head > div,
  .team-feature__intro,
  .case-desk__heading > div,
  .live-desk__heading { grid-column: 2; }
  .positioning__copy,
  .case-desk__heading > p { grid-column: 2; }
  .team-feature__intro { display: block; }
  .team-feature__intro p:last-child { max-width: 500px; margin-top: 2rem; }
  .founder-spread { grid-column: 1 / 3; }
  .team-roll { grid-column: 2; }
  .live-desk__placeholder { grid-column: 2; }
  .event-counter { grid-column: 2; }
  .news-front__masthead { grid-template-columns: 1fr 4fr; }
  .news-front__masthead .text-link { grid-column: 2; }
}

@media (max-width: 720px) {
  :root { --header-h: 68px; --pad: 1rem; }
  .site-header { gap: 1rem; min-height: var(--header-h); }
  .brand { width: 170px; }
  .whatsapp-dock {
    top: auto;
    right: 1rem;
    bottom: 1rem;
    writing-mode: initial;
    transform: none;
    box-shadow: 4px 4px 0 var(--ink);
  }
  .hero { min-height: 780px; }
  .hero__wash { background: rgba(0,0,0,.55); }
  .hero__topline { top: calc(var(--header-h) + 1rem); gap: 1rem; }
  .hero__topline > span:nth-child(2) { display: none; }
  .media-toggle span { display: none; }
  .hero__content { width: 100%; padding: 9rem var(--pad) 7rem; }
  .hero h1 { font-size: clamp(4rem, 21vw, 6.5rem); }
  .hero__lede,
  .hero__actions { margin-left: 0; }
  .hero__lede { font-size: 1rem; max-width: 90%; }
  .hero__scroll { display: none; }
  .section-grid { display: block; padding: 4.5rem var(--pad); }
  .section-index { margin-bottom: 3rem; }
  .positioning h2,
  .team-feature h2,
  .live-desk h2 {
    max-width: 100%;
    font-size: clamp(3.1rem, 14.5vw, 5rem);
    hyphens: auto;
    overflow-wrap: anywhere;
  }
  .positioning__copy { margin-top: 2.5rem; }
  .service-edition__head { display: block; padding: 4.5rem var(--pad) 3rem; }
  .service-edition h2,
  .case-desk h2 {
    max-width: 100%;
    font-size: clamp(3.1rem, 14.5vw, 5.2rem);
    hyphens: auto;
    overflow-wrap: anywhere;
  }
  .service-ledger { display: block; }
  .service-feature,
  .service-feature--lead { min-height: 420px; }
  .service-feature--compact { min-height: 300px; }
  .service-feature strong { font-size: 2.3rem; }
  .founder-spread { display: block; min-height: auto; }
  .founder-spread__portrait { min-height: 440px; }
  .founder-spread__portrait::before { width: 100%; }
  .founder-spread__copy { padding: 2rem 1.25rem; }
  .team-roll { margin-top: 2rem; }
  .case-desk__heading { display: block; padding: 4.5rem var(--pad) 3rem; }
  .case-desk__heading > p { margin-top: 2rem; }
  .case-row { display: block; padding: 1.5rem var(--pad); }
  .case-row h3 { margin: 1.2rem 0; font-size: 2.5rem; }
  .case-row p { max-width: 90%; }
  .case-row__mark { top: 1rem; font-size: 7rem; }
  .live-desk__heading { display: block; }
  .live-desk__placeholder { margin-top: 3rem; min-height: 360px; }
  .event-counter { margin-top: 3rem; }
  .news-front { padding: 4.5rem var(--pad); }
  .news-front__masthead { display: block; }
  .news-front__masthead > span { display: block; margin-bottom: 2rem; }
  .news-front h2 { font-size: clamp(4rem, 19vw, 6.8rem); margin-bottom: 2rem; }
  .lead-story { display: block; }
  .lead-story__media { min-height: 420px; }
  .closing-cta h2 { font-size: clamp(4rem, 18vw, 6.4rem); }
  .footer-top { display: block; }
  .footer-list { margin-top: 2.5rem; }
  .footer-bottom { display: block; }
  .footer-bottom span { display: block; margin-top: .5rem; }
  .page-hero { display: block; min-height: 65vh; padding-top: 6rem; }
  .page-hero__index { margin-bottom: 5rem; }
  .page-hero h1 { font-size: clamp(4rem, 20vw, 6.5rem); }
  .page-hero p { margin-left: 0; }
  .content-section { display: block; padding: 4.5rem var(--pad); }
  .content-section__label { display: block; margin-bottom: 3rem; }
  .content-section__body h2 { font-size: clamp(3rem, 15vw, 5rem); }
  .editorial-list li { grid-template-columns: 2rem 1fr; }
  .editorial-list li span { grid-column: 2; }
  .profile-ledger { display: block; }
  .profile-ledger__visual { min-height: 420px; }
  .service-scope,
  .news-grid { display: block; border-left: 1px solid var(--line); }
  .contact-grid { display: block; }
  .contact-form { margin-top: 4rem; }
  .kicker,
  .eyebrow,
  .section-index,
  .page-hero__index,
  .content-section__label { font-size: .72rem; }
}

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

/* One-page editorial direction: atmospheric, cinematic and SHOCK-specific */
.vo-home {
  --vo-black: #080808;
  --vo-paper: #f4f2ec;
  --vo-cyan: #20b9e2;
  --vo-acid: #d9f018;
  background: var(--vo-black);
}

.vo-home .site-header {
  position: absolute;
  top: 1.3rem;
  left: clamp(1rem, 4vw, 4rem);
  right: clamp(1rem, 4vw, 4rem);
  width: auto;
  min-height: 64px;
  grid-template-columns: minmax(150px, 1fr) auto;
  padding: 0;
  border: 0;
}

.vo-home .brand {
  width: clamp(128px, 12vw, 180px);
  padding: .6rem 0;
}

.vo-home .brand img { filter: brightness(0) invert(1); }

.vo-home .site-nav {
  padding: .35rem 1rem;
  gap: .2rem;
  color: var(--white);
  background: var(--vo-black);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .26);
}

.vo-home .site-nav > a {
  padding: .65rem .7rem;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: -.01em;
  text-transform: none;
}

.vo-home .site-nav > a::after { display: none; }
.vo-home .site-nav > a:hover { color: var(--vo-acid); }
.vo-home .header-contact { display: none; }

.vo-home .whatsapp-dock {
  top: auto;
  right: 1.3rem;
  bottom: 1.3rem;
  min-height: 44px;
  writing-mode: initial;
  transform: none;
  padding: 0 1rem;
  color: var(--vo-black);
  background: var(--vo-acid);
  border: 0;
  border-radius: 8px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .28);
}

.vo-hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  color: var(--white);
  background: var(--vo-cyan);
}

.vo-hero__film,
.vo-hero__tint {
  position: absolute;
  inset: -3%;
  width: 106%;
  height: 106%;
}

.vo-hero__film {
  object-fit: cover;
  opacity: .72;
  filter: blur(18px) saturate(1.35) contrast(.86);
  transform: scale(1.04);
}

.vo-hero__tint {
  background: rgba(0, 178, 225, .44);
  mix-blend-mode: color;
}

.vo-hero__content {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 2 * clamp(1rem, 5vw, 5rem)));
  padding: clamp(13rem, 25vh, 17rem) 0 7rem;
  margin: 0 clamp(1rem, 5vw, 5rem);
}

.vo-kicker {
  margin: 0 0 1.4rem;
  font-size: clamp(.9rem, 1.15vw, 1.15rem);
}

.vo-hero h1,
.vo-about h2,
.vo-why h2,
.vo-services h2,
.vo-work h2,
.vo-team h2,
.vo-live h2,
.vo-contact h2 {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  letter-spacing: -.06em;
  line-height: .98;
}

.vo-hero h1 {
  max-width: 1100px;
  font-size: clamp(4.2rem, 7.3vw, 7.8rem);
  text-transform: uppercase;
}

.vo-hero h1 span { display: block; }
.vo-hero h1 .vo-title-dark { color: var(--vo-black); }

.vo-hero__copy {
  width: min(570px, 52%);
  margin: 2rem 0 1.5rem 30%;
  font-size: clamp(1rem, 1.35vw, 1.25rem);
}

.vo-button {
  width: fit-content;
  min-height: 50px;
  display: inline-flex;
  align-items: stretch;
  overflow: hidden;
  color: var(--white);
  background: var(--vo-black);
  border: 1px solid var(--vo-black);
  border-radius: 8px;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-decoration: none;
  text-transform: uppercase;
}

.vo-hero__content .vo-button { margin-left: 30%; }
.vo-button span { display: grid; place-items: center; padding: .75rem 1.4rem; }
.vo-button b { min-width: 48px; display: grid; place-items: center; color: var(--vo-black); background: var(--white); font-size: 1.1rem; }
.vo-button:hover b { background: var(--vo-acid); }
.vo-button--dark { color: var(--white); background: var(--vo-black); }

.vo-hero__meta {
  position: absolute;
  z-index: 2;
  left: clamp(1rem, 5vw, 5rem);
  right: clamp(1rem, 5vw, 5rem);
  bottom: 1.5rem;
  display: flex;
  gap: 2rem;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vo-film-toggle {
  position: absolute;
  z-index: 3;
  right: clamp(1rem, 5vw, 5rem);
  bottom: 1.2rem;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-height: 40px;
  padding: 0 .75rem;
  color: var(--white);
  background: rgba(8, 8, 8, .74);
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 6px;
  font-size: .65rem;
  font-weight: 800;
  text-transform: uppercase;
}

.vo-label {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 1rem;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vo-label i {
  width: 10px;
  height: 10px;
  background: var(--vo-acid);
  border-radius: 50%;
}

.vo-inline-link {
  width: fit-content;
  display: inline-flex;
  gap: 1rem;
  padding: .5rem 0;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid currentColor;
}

.vo-about {
  position: relative;
  min-height: 1480px;
  padding: 8rem clamp(1rem, 5vw, 5rem);
  color: var(--white);
  background: var(--vo-black);
}

.vo-collage {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.vo-collage__image {
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(.54) saturate(.75);
  border-radius: 12px;
}

.vo-collage__image--one {
  top: 8%;
  left: 7%;
  width: 38%;
  height: 28%;
  background-image: url("https://static.wixstatic.com/media/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg/v1/fill/w_1200,h_800,al_c,q_82,enc_avif,quality_auto/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg");
  background-position: center;
}

.vo-collage__image--two {
  top: 10%;
  right: 7%;
  width: 34%;
  height: 25%;
  background-image: url("https://static.wixstatic.com/media/a758cad96985458083536852e0149dfe.jpg/v1/fill/w_1000,h_760,al_c,q_82,enc_avif,quality_auto/a758cad96985458083536852e0149dfe.jpg");
  background-position: 70% center;
}

.vo-collage__image--three {
  bottom: 8%;
  left: 8%;
  width: 36%;
  height: 28%;
  background-image: url("https://static.wixstatic.com/media/a758cad96985458083536852e0149dfe.jpg/v1/fill/w_1000,h_760,al_c,q_82,enc_avif,quality_auto/a758cad96985458083536852e0149dfe.jpg");
  background-position: 15% center;
}

.vo-collage__image--four {
  right: 8%;
  bottom: 7%;
  width: 39%;
  height: 29%;
  background-image: url("https://static.wixstatic.com/media/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg/v1/fill/w_1200,h_800,al_c,q_82,enc_avif,quality_auto/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg");
  background-position: 70% center;
}

.vo-about__statement {
  position: sticky;
  z-index: 2;
  top: 26vh;
  width: min(900px, 80%);
  margin: 42vh auto 0;
  text-align: center;
}

.vo-about__statement .vo-label { justify-content: center; }
.vo-about h2 { font-size: clamp(2.8rem, 5.2vw, 5.6rem); }
.vo-about h2 em { color: var(--vo-cyan); font-style: normal; }
.vo-about .vo-inline-link { margin-top: 2rem; }

.vo-why {
  padding: 8rem clamp(1rem, 7vw, 7rem);
  color: var(--white);
  background: var(--vo-black);
}

.vo-section-head {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 5rem;
  align-items: end;
  margin-bottom: 3rem;
}

.vo-section-head > p {
  max-width: 540px;
  margin: 0 0 .5rem;
  color: #9e9e9e;
  font-size: 1.05rem;
}

.vo-why h2,
.vo-services h2,
.vo-work h2,
.vo-team h2,
.vo-live h2,
.vo-contact h2 {
  font-size: clamp(3.3rem, 6.3vw, 7rem);
  text-transform: uppercase;
}

.vo-why h2 span,
.vo-services h2 span,
.vo-work h2 span,
.vo-team h2 span,
.vo-live h2 span,
.vo-contact h2 span { color: var(--vo-cyan); }

.vo-reasons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .4rem;
}

.vo-reason {
  position: relative;
  min-height: 290px;
  overflow: hidden;
  padding: 1.5rem;
  color: var(--vo-black);
  background: var(--vo-cyan);
  border-radius: 12px;
}

.vo-reason--wide { grid-column: span 2; }
.vo-reason:nth-child(2),
.vo-reason:nth-child(4) { background: var(--vo-acid); }
.vo-reason h3 { max-width: 330px; margin: 0; font-size: clamp(1.6rem, 2.2vw, 2.5rem); font-weight: 500; line-height: 1; }
.vo-reason span { position: absolute; right: 1.2rem; bottom: -.15em; color: rgba(0, 0, 0, .18); font-size: clamp(8rem, 13vw, 14rem); font-weight: 800; line-height: .8; }

.vo-services {
  display: grid;
  grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr);
  gap: clamp(3rem, 7vw, 7rem);
  padding: 9rem clamp(1rem, 7vw, 7rem);
  color: var(--white);
  background: var(--vo-black);
}

.vo-services__intro {
  position: sticky;
  top: 7rem;
  align-self: start;
}

.vo-services__intro > p:not(.vo-label) {
  max-width: 540px;
  margin: 2rem 0;
  color: #999;
  font-size: 1.05rem;
}

.vo-services__stack { display: grid; gap: 1rem; }

.vo-service {
  overflow: hidden;
  color: var(--vo-black);
  background: var(--vo-cyan);
  border-radius: 12px;
}

.vo-service:nth-child(2) { background: var(--vo-acid); }
.vo-service__media { min-height: 370px; background-size: cover; filter: saturate(.8) contrast(1.05); }
.vo-service__media--corporate {
  background-image: url("https://static.wixstatic.com/media/a758cad96985458083536852e0149dfe.jpg/v1/fill/w_1200,h_700,al_c,q_85,enc_avif,quality_auto/a758cad96985458083536852e0149dfe.jpg");
  background-position: center;
}
.vo-service__media--grassroots,
.vo-service__media--government {
  background-image: url("https://static.wixstatic.com/media/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg/v1/fill/w_1200,h_700,al_c,q_84,enc_avif,quality_auto/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg");
}
.vo-service__media--grassroots { background-position: 20% center; }
.vo-service__media--government { background-position: 78% center; }

.vo-service__body {
  position: relative;
  padding: 1.5rem 5rem 1.8rem 1.5rem;
}

.vo-service__number { margin: 0 0 .6rem; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.vo-service h3 { margin: 0; font-size: clamp(2rem, 3vw, 3.2rem); line-height: .95; text-transform: uppercase; }
.vo-service__body > p:not(.vo-service__number) { max-width: 620px; }
.vo-service ul { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin: 1rem 0 0; padding: 0; list-style: none; font-size: .76rem; font-weight: 700; text-transform: uppercase; }
.vo-service li::before { content: "› "; }
.vo-service__body > a { position: absolute; right: 1.5rem; bottom: 1.5rem; width: 46px; height: 46px; display: grid; place-items: center; color: var(--white); background: var(--vo-black); border-radius: 7px; text-decoration: none; }

.vo-work {
  padding: 8rem clamp(1rem, 5vw, 5rem);
  color: var(--vo-black);
  background: var(--vo-paper);
}

.vo-work__head {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 3rem;
  align-items: end;
  margin-bottom: 4rem;
}

.vo-work__head .vo-label { align-self: start; }
.vo-work__head > p:last-child { margin: 0; color: #676767; }

.vo-projects {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 1rem;
}

.vo-project {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 12px;
}

.vo-project--feature { grid-row: span 2; }
.vo-project__image { min-height: 280px; background-size: cover; filter: grayscale(.6) contrast(1.05); }
.vo-project--feature .vo-project__image { min-height: 610px; }
.vo-project__image--one,
.vo-project__image--three {
  background-image: url("https://static.wixstatic.com/media/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg/v1/fill/w_1200,h_1000,al_c,q_84,enc_avif,quality_auto/9e0ab9_2178fa5b1d9046c99d906e5f13617d78~mv2_d_6720_4480_s_4_2.jpg");
}
.vo-project__image--two {
  background-image: url("https://static.wixstatic.com/media/a758cad96985458083536852e0149dfe.jpg/v1/fill/w_900,h_650,al_c,q_84,enc_avif,quality_auto/a758cad96985458083536852e0149dfe.jpg");
}
.vo-project__image--three { background-position: right center; }
.vo-project__info { padding: 1.4rem; }
.vo-project__info > div { display: flex; justify-content: space-between; gap: 1rem; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.vo-project h3 { margin: 1rem 0 .5rem; font-size: clamp(1.8rem, 3.2vw, 3.4rem); line-height: .94; text-transform: uppercase; }
.vo-project p { max-width: 600px; margin-bottom: 0; color: #5d5d5d; }

.vo-team {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  min-height: 820px;
  color: var(--vo-black);
  background: var(--vo-cyan);
}

.vo-team__portrait {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--vo-cyan);
  background: var(--vo-black);
}

.vo-team__portrait::before,
.vo-team__portrait::after {
  content: "";
  position: absolute;
  background: var(--vo-acid);
}

.vo-team__portrait::before { width: 80%; height: 11px; transform: rotate(-12deg); }
.vo-team__portrait::after { width: 11px; height: 75%; transform: rotate(18deg); }
.vo-team__portrait > span { position: relative; z-index: 2; font-size: clamp(9rem, 18vw, 19rem); font-weight: 900; letter-spacing: -.12em; }
.vo-team__portrait small { position: absolute; z-index: 2; left: 1.5rem; bottom: 1.5rem; padding: .5rem; color: var(--vo-black); background: var(--vo-acid); font-size: .65rem; font-weight: 800; text-transform: uppercase; }

.vo-team__content { align-self: center; padding: clamp(3rem, 7vw, 7rem); }
.vo-team__content > p:not(.vo-label) { max-width: 590px; font-size: 1.05rem; }
.vo-team blockquote { margin: 2.5rem 0; font: italic 1.7rem/1.2 Georgia, serif; }
.vo-team__index { margin: 2rem 0; border-top: 1px solid rgba(0, 0, 0, .45); }
.vo-team__index span { display: block; padding: .8rem 0; border-bottom: 1px solid rgba(0, 0, 0, .45); font-size: .8rem; font-weight: 800; text-transform: uppercase; }

.vo-live {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 4rem;
  padding: 8rem clamp(1rem, 7vw, 7rem);
  color: var(--white);
  background: var(--vo-black);
}

.vo-live__feed { border-top: 1px solid rgba(255, 255, 255, .3); }
.vo-live__feed article { display: grid; grid-template-columns: .8fr 1.5fr auto; gap: 1rem; align-items: center; padding: 1.5rem 0; border-bottom: 1px solid rgba(255, 255, 255, .3); }
.vo-live__feed span,
.vo-live__feed p { margin: 0; color: #898989; font-size: .68rem; font-weight: 700; text-transform: uppercase; }
.vo-live__feed h3 { margin: 0; font-size: clamp(1.2rem, 2vw, 2rem); line-height: 1; text-transform: uppercase; }
.vo-live > .vo-inline-link { grid-column: 2; }

.vo-contact {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: clamp(3rem, 8vw, 8rem);
  padding: 9rem clamp(1rem, 7vw, 7rem);
  color: var(--vo-black);
  background: var(--vo-acid);
}

.vo-contact h2 span { color: var(--vo-cyan); -webkit-text-stroke: 1px var(--vo-black); }
.vo-contact__intro > p:not(.vo-label) { max-width: 500px; font-size: 1.05rem; }
.vo-contact__details { margin-top: 3rem; }
.vo-contact__details > * { display: block; width: fit-content; margin: .6rem 0; color: inherit; font-weight: 700; }

.vo-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1.5rem;
  align-self: end;
}

.vo-form .field--full,
.vo-form .vo-button,
.vo-form .form-status { grid-column: 1 / -1; }
.vo-form .field input,
.vo-form .field textarea { border-bottom-width: 2px; }

.vo-home .site-footer { background: var(--vo-black); }

@media (max-width: 1060px) {
  .vo-home .site-header { grid-template-columns: 1fr auto; }
  .vo-home .menu-toggle {
    display: grid;
    color: var(--white);
    background: var(--vo-black);
    border-color: var(--vo-black);
    border-radius: 8px;
  }
  .vo-home .site-nav {
    position: fixed;
    inset: 0;
    z-index: -1;
    display: none;
    padding: 7rem var(--pad) 3rem;
    border: 0;
    border-radius: 0;
  }
  .vo-home .site-nav.is-open { display: flex; }
  .vo-home .site-nav > a {
    padding: 1rem 0;
    font-size: clamp(2rem, 7vw, 4.5rem);
    font-weight: 800;
    text-transform: uppercase;
  }
  .vo-services { grid-template-columns: 1fr; }
  .vo-services__intro { position: static; }
  .vo-work__head { grid-template-columns: 1fr 2fr; }
  .vo-work__head > p:last-child { grid-column: 2; }
  .vo-projects { grid-template-columns: 1fr; }
  .vo-project--feature { grid-row: auto; }
  .vo-project--feature .vo-project__image { min-height: 500px; }
  .vo-team { grid-template-columns: 1fr; }
  .vo-team__portrait { min-height: 680px; }
  .vo-live { grid-template-columns: 1fr; }
  .vo-live > .vo-inline-link { grid-column: 1; }
  .vo-contact { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .vo-home .site-header {
    top: .7rem;
    left: 1rem;
    right: 1rem;
    min-height: 54px;
  }
  .vo-home .brand { width: 122px; }
  .vo-home .menu-toggle { width: 44px; height: 44px; }
  .vo-home .whatsapp-dock { right: 1rem; bottom: 1rem; font-size: .6rem; }
  .vo-hero { min-height: 844px; }
  .vo-hero__film { filter: blur(10px) saturate(1.25) contrast(.9); }
  .vo-hero__content {
    width: auto;
    padding: 15rem 0 7.5rem;
    margin: 0 1.25rem;
  }
  .vo-kicker { margin-bottom: 1.5rem; }
  .vo-hero h1 { font-size: clamp(3.25rem, 14vw, 4.6rem); line-height: 1.08; letter-spacing: -.045em; }
  .vo-hero__copy { width: 100%; margin: 2rem 0 1.4rem; font-size: .98rem; }
  .vo-hero__content .vo-button { margin-left: 0; }
  .vo-hero__meta { left: 1.25rem; right: 1.25rem; bottom: 1.2rem; }
  .vo-hero__meta span:nth-child(2),
  .vo-hero__meta span:nth-child(3) { display: none; }
  .vo-film-toggle { right: 1.25rem; bottom: 1rem; }
  .vo-film-toggle span { display: none; }
  .vo-about {
    min-height: auto;
    padding: 5rem 1rem;
  }
  .vo-collage {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .7rem;
  }
  .vo-collage__image {
    position: static;
    width: auto;
    height: 190px;
  }
  .vo-collage__image--one { grid-column: 1 / -1; height: 260px; }
  .vo-collage__image--four { grid-column: 1 / -1; }
  .vo-about__statement {
    position: static;
    width: 100%;
    margin: 4rem 0 2rem;
    text-align: left;
  }
  .vo-about__statement .vo-label { justify-content: flex-start; }
  .vo-about h2 { font-size: clamp(2.6rem, 12vw, 4rem); }
  .vo-why,
  .vo-services,
  .vo-work,
  .vo-live,
  .vo-contact { padding: 5rem 1rem; }
  .vo-section-head { display: block; margin-bottom: 2.5rem; }
  .vo-section-head > p { margin-top: 2rem; }
  .vo-why h2,
  .vo-services h2,
  .vo-work h2,
  .vo-team h2,
  .vo-live h2,
  .vo-contact h2 { font-size: clamp(3rem, 14vw, 4.8rem); overflow-wrap: anywhere; }
  .vo-reasons { grid-template-columns: 1fr 1fr; }
  .vo-reason,
  .vo-reason--wide { grid-column: auto; min-height: 210px; padding: 1rem; }
  .vo-reason:first-child { grid-column: 1 / -1; min-height: 250px; }
  .vo-reason h3 { font-size: 1.45rem; }
  .vo-reason span { font-size: 8rem; }
  .vo-services { gap: 3rem; }
  .vo-service__media { min-height: 260px; }
  .vo-service__body { padding: 1.25rem 4rem 1.5rem 1.25rem; }
  .vo-service h3 { font-size: 2.2rem; }
  .vo-service ul { display: block; }
  .vo-service li { margin: .35rem 0; }
  .vo-work__head { display: block; }
  .vo-work__head > p:last-child { margin-top: 2rem; }
  .vo-project--feature .vo-project__image,
  .vo-project__image { min-height: 300px; }
  .vo-project h3 { font-size: 2.2rem; }
  .vo-team__portrait { min-height: 520px; }
  .vo-team__content { padding: 4.5rem 1rem; }
  .vo-live { gap: 3rem; }
  .vo-live__feed article { grid-template-columns: 1fr auto; }
  .vo-live__feed h3 { grid-column: 1 / -1; }
  .vo-form { grid-template-columns: 1fr; }
  .vo-form .field,
  .vo-form .field--full,
  .vo-form .vo-button,
  .vo-form .form-status { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .vo-hero__film { display: none; }
  .vo-hero { background: var(--vo-cyan); }
}

/* Pacing revision: retain the scrolling narrative while giving each idea room. */
.vo-home .whatsapp-dock {
  min-height: 40px;
  padding-inline: .85rem;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .2);
}

.vo-hero__content {
  width: min(1080px, calc(100% - 2 * clamp(1.5rem, 6vw, 6rem)));
  padding: clamp(15rem, 28vh, 20rem) 0 10rem;
  margin-inline: clamp(1.5rem, 6vw, 6rem);
}

.vo-hero h1 {
  max-width: 940px;
  font-size: clamp(3.9rem, 6.35vw, 6.8rem);
  line-height: 1.01;
}

.vo-hero__copy {
  width: min(540px, 58%);
  margin: 2.75rem 0 1.75rem 20%;
  line-height: 1.55;
}

.vo-hero__content .vo-button { margin-left: 20%; }

.vo-about {
  min-height: 1240px;
  padding-block: 10rem;
}

.vo-collage__image {
  filter: brightness(.66) saturate(.68);
  border-radius: 6px;
}

.vo-collage__image--one {
  top: 8%;
  left: 6%;
  width: 44%;
  height: 31%;
}

.vo-collage__image--two,
.vo-collage__image--three { display: none; }

.vo-collage__image--four {
  right: 6%;
  bottom: 7%;
  width: 44%;
  height: 31%;
}

.vo-about__statement {
  top: 29vh;
  width: min(720px, 72%);
  margin-top: 36vh;
}

.vo-about h2 {
  font-size: clamp(2.5rem, 4.1vw, 4.35rem);
  line-height: 1.04;
}

.vo-about .vo-inline-link { margin-top: 2.75rem; }

.vo-why {
  padding-block: clamp(10rem, 13vw, 13rem);
}

.vo-section-head {
  gap: clamp(5rem, 10vw, 10rem);
  margin-bottom: 5rem;
}

.vo-section-head > p {
  max-width: 470px;
  line-height: 1.7;
}

.vo-why h2,
.vo-services h2,
.vo-work h2,
.vo-team h2,
.vo-live h2,
.vo-contact h2 {
  font-size: clamp(2.9rem, 5.15vw, 5.7rem);
  line-height: 1.01;
}

.vo-reasons {
  grid-template-columns: 1fr 1fr;
  gap: 0 clamp(3rem, 7vw, 7rem);
}

.vo-reason,
.vo-reason--wide {
  grid-column: auto;
  min-height: 150px;
  padding: 2rem 3rem 2.25rem 0;
  color: var(--white);
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, .28);
  border-radius: 0;
}

.vo-reason:nth-child(2),
.vo-reason:nth-child(4) { background: transparent; }

.vo-reason h3 {
  max-width: 280px;
  font-size: clamp(1.35rem, 1.8vw, 1.9rem);
  font-weight: 500;
  line-height: 1.15;
}

.vo-reason span {
  top: 2.15rem;
  right: .2rem;
  bottom: auto;
  color: var(--vo-cyan);
  font-size: .85rem;
  line-height: 1;
}

.vo-services {
  gap: clamp(5rem, 9vw, 10rem);
  padding-block: clamp(10rem, 13vw, 13rem);
}

.vo-services__intro { top: 10rem; }

.vo-services__intro > p:not(.vo-label) {
  max-width: 470px;
  margin: 2.5rem 0;
  line-height: 1.7;
}

.vo-services__stack { gap: 3.5rem; }

.vo-service {
  background: var(--vo-paper);
  border-top: 7px solid var(--vo-cyan);
  border-radius: 6px;
}

.vo-service:nth-child(2) {
  background: var(--vo-paper);
  border-top-color: var(--vo-acid);
}

.vo-service:nth-child(3) { border-top-color: #7f7f7f; }

.vo-service__media { min-height: 270px; }

.vo-service__body { padding: 1.8rem 5rem 2.2rem 1.8rem; }
.vo-service h3 { font-size: clamp(1.9rem, 2.7vw, 2.8rem); }
.vo-service__body > p:not(.vo-service__number) { max-width: 560px; line-height: 1.55; }
.vo-service ul { margin-top: 1.4rem; }

.vo-work {
  padding-block: clamp(10rem, 13vw, 13rem);
}

.vo-work__head {
  gap: clamp(3rem, 6vw, 7rem);
  margin-bottom: 6rem;
}

.vo-work__head > p:last-child { line-height: 1.65; }

.vo-projects { gap: 2rem; }

.vo-project {
  border-color: rgba(0, 0, 0, .16);
  border-radius: 5px;
}

.vo-project__image { filter: grayscale(.28) contrast(1.02); }
.vo-project--feature .vo-project__image { min-height: 560px; }
.vo-project__info { padding: 1.8rem; }
.vo-project h3 { font-size: clamp(1.7rem, 2.7vw, 2.9rem); line-height: 1; }
.vo-project p { line-height: 1.6; }

.vo-team {
  min-height: 900px;
  background: var(--vo-paper);
}

.vo-team__portrait {
  place-items: stretch;
  background: #e7d802;
}

.vo-team__portrait::before,
.vo-team__portrait::after { display: none; }

.vo-team__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.vo-team__portrait small {
  left: 2rem;
  bottom: 2rem;
  color: var(--white);
  background: var(--vo-black);
}

.vo-team__content {
  padding: clamp(5rem, 8vw, 9rem);
}

.vo-team__content > p:not(.vo-label) {
  max-width: 520px;
  line-height: 1.7;
}

.vo-team blockquote {
  margin-block: 3.25rem;
  font-size: 1.5rem;
  line-height: 1.35;
}

.vo-team__index { margin-block: 2.75rem; }
.vo-team__index span { padding-block: 1.05rem; }

.vo-live {
  gap: clamp(5rem, 10vw, 11rem);
  padding-block: clamp(10rem, 13vw, 13rem);
}

.vo-live__feed article { padding-block: 2.25rem; }
.vo-live__feed h3 { font-size: clamp(1.15rem, 1.7vw, 1.65rem); }

.vo-contact {
  gap: clamp(5rem, 10vw, 11rem);
  padding-block: clamp(10rem, 13vw, 13rem);
  background: var(--vo-paper);
}

.vo-contact h2 span {
  color: var(--vo-cyan);
  -webkit-text-stroke: 0;
}

.vo-contact__intro > p:not(.vo-label) {
  line-height: 1.7;
}

.vo-contact__details { margin-top: 3.75rem; }
.vo-form { gap: 1.75rem 2rem; }

@media (max-width: 1060px) {
  .vo-services { gap: 7rem; }
  .vo-team__portrait { min-height: 780px; }
}

@media (max-width: 720px) {
  .vo-home .whatsapp-dock {
    min-height: 38px;
    right: .75rem;
    bottom: .75rem;
  }

  .vo-hero {
    min-height: 820px;
  }

  .vo-hero__content {
    padding: 14rem 0 9rem;
    margin-inline: 1.25rem;
  }

  .vo-hero h1 {
    max-width: 330px;
    font-size: clamp(2.9rem, 12.5vw, 3.9rem);
    line-height: 1.07;
  }

  .vo-hero__copy {
    margin: 2.75rem 0 1.75rem;
    font-size: .98rem;
    line-height: 1.6;
  }

  .vo-hero__content .vo-button { margin-left: 0; }

  .vo-about {
    padding: 7rem 1.25rem 8rem;
  }

  .vo-collage {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .vo-collage__image--one,
  .vo-collage__image--four {
    display: block;
    grid-column: 1;
    width: 100%;
    height: 270px;
  }

  .vo-collage__image--four { height: 210px; }

  .vo-about__statement {
    margin: 5rem 0 0;
  }

  .vo-about h2 {
    font-size: clamp(2.2rem, 10.5vw, 3rem);
    line-height: 1.08;
  }

  .vo-why,
  .vo-services,
  .vo-work,
  .vo-live,
  .vo-contact {
    padding: 8rem 1.25rem;
  }

  .vo-section-head { margin-bottom: 4rem; }
  .vo-section-head > p { margin-top: 2.75rem; }

  .vo-why h2,
  .vo-services h2,
  .vo-work h2,
  .vo-team h2,
  .vo-live h2,
  .vo-contact h2 {
    font-size: clamp(2.65rem, 11.5vw, 3.55rem);
    line-height: 1.04;
    overflow-wrap: normal;
  }

  .vo-reasons {
    grid-template-columns: 1fr;
  }

  .vo-reason,
  .vo-reason--wide,
  .vo-reason:first-child {
    grid-column: 1;
    min-height: 116px;
    padding: 1.75rem 2.5rem 2rem 0;
  }

  .vo-reason h3 { font-size: 1.35rem; }
  .vo-reason span { top: 1.9rem; font-size: .8rem; }

  .vo-services { gap: 5.5rem; }
  .vo-services__stack { gap: 3rem; }
  .vo-service__media { min-height: 230px; }
  .vo-service__body { padding: 1.5rem 3.8rem 1.8rem 1.25rem; }
  .vo-service h3 { font-size: 1.9rem; }

  .vo-work__head { margin-bottom: 4.5rem; }
  .vo-projects { gap: 2.5rem; }
  .vo-project--feature .vo-project__image,
  .vo-project__image { min-height: 270px; }
  .vo-project h3 { font-size: 1.9rem; }

  .vo-team__portrait { min-height: 620px; }
  .vo-team__portrait small { left: 1.25rem; bottom: 1.25rem; }
  .vo-team__content { padding: 7rem 1.25rem 8rem; }
  .vo-team blockquote { margin-block: 2.75rem; font-size: 1.35rem; }

  .vo-live { gap: 4.5rem; }
  .vo-live__feed article { padding-block: 1.85rem; }

  .vo-contact { gap: 6rem; }
  .vo-contact__details { margin-top: 3rem; }
  .vo-form { gap: 1.5rem; }
}

/* Youthful editorial expansion: crew-led, publication-like and lightly kinetic. */
.vo-home {
  --vo-pink: #ff397a;
  --vo-orange: #ff6a2b;
  --vo-yellow: #f1e500;
  --hero-scroll: 0;
}

.vo-collage__image--four {
  background-image: url("https://static.wixstatic.com/media/a758cad96985458083536852e0149dfe.jpg/v1/fill/w_1000,h_760,al_c,q_82,enc_avif,quality_auto/a758cad96985458083536852e0149dfe.jpg");
  background-position: 70% center;
}

.vo-scroll-progress {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  pointer-events: none;
}

.vo-scroll-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--vo-acid);
  transform: scaleX(0);
  transform-origin: left center;
}

.motion-ready [data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity .72s cubic-bezier(.2, .75, .25, 1) var(--reveal-delay, 0ms),
    transform .82s cubic-bezier(.2, .75, .25, 1) var(--reveal-delay, 0ms);
}

.motion-ready [data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

[data-parallax] {
  transform: translate3d(0, var(--parallax-y, 0), 0);
  will-change: transform;
}

.motion-ready .vo-hero__content {
  transform: translate3d(0, calc(var(--hero-scroll) * -24px), 0);
  opacity: calc(1 - var(--hero-scroll) * .34);
}

.motion-ready .vo-hero__film {
  transform: scale(calc(1.04 + var(--hero-scroll) * .045));
}

.vo-marquee {
  overflow: hidden;
  color: var(--vo-black);
  background: var(--vo-acid);
  border-block: 1px solid var(--vo-black);
}

.vo-marquee__track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 0;
  font-size: clamp(1rem, 1.7vw, 1.6rem);
  font-weight: 800;
  letter-spacing: -.035em;
  text-transform: uppercase;
  animation: vo-marquee 28s linear infinite;
}

.vo-marquee__track i {
  color: var(--vo-pink);
  font-size: .75em;
  font-style: normal;
}

.vo-marquee:hover .vo-marquee__track { animation-play-state: paused; }

@keyframes vo-marquee {
  to { transform: translateX(-50%); }
}

.vo-pulse {
  display: grid;
  grid-template-columns: 1fr 1fr 1.1fr 1.25fr;
  color: var(--vo-black);
  background: var(--vo-paper);
  border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.vo-pulse > * {
  min-height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.75rem;
  color: inherit;
  border-right: 1px solid rgba(0, 0, 0, .2);
  text-decoration: none;
}

.vo-pulse > *:last-child {
  color: var(--white);
  background: var(--vo-black);
  border-right: 0;
}

.vo-pulse span,
.vo-pulse small {
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.vo-pulse strong {
  font-size: clamp(1.7rem, 3.1vw, 3.25rem);
  letter-spacing: -.055em;
  line-height: .95;
  text-transform: uppercase;
}

.vo-pulse__counter strong { color: var(--vo-pink); }
.vo-pulse__counter small { color: #777; }

.vo-roster h2,
.vo-journal h2 {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(3rem, 5.7vw, 6.3rem);
  font-weight: 800;
  letter-spacing: -.06em;
  line-height: .98;
  text-transform: uppercase;
}

.vo-roster h2 span,
.vo-journal h2 span { color: var(--vo-cyan); }

.vo-roster {
  padding: clamp(9rem, 12vw, 12rem) clamp(1rem, 5vw, 5rem);
  color: var(--white);
  background: var(--vo-black);
}

.vo-roster__head {
  display: grid;
  grid-template-columns: 1.15fr 1.4fr;
  gap: clamp(4rem, 9vw, 9rem);
  align-items: end;
  margin-bottom: 6rem;
}

.vo-roster__head .vo-label { grid-column: 1 / -1; margin-bottom: -1rem; }
.vo-roster__head > p:last-child {
  max-width: 500px;
  margin: 0 0 .5rem;
  color: #a0a0a0;
  font-size: 1.05rem;
  line-height: 1.7;
}

.vo-roster__rail {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.5rem;
}

.vo-roster__swipe { display: none; }

.vo-person {
  position: relative;
  grid-column: span 4;
  min-height: 450px;
  overflow: hidden;
  background: #222;
  border-top: 7px solid var(--vo-cyan);
}

.vo-person--tall {
  grid-column: span 5;
  min-height: 610px;
}

.vo-person:nth-child(2) {
  grid-column: span 7;
  min-height: 610px;
  border-top-color: var(--vo-pink);
}

.vo-person--wide { grid-column: span 7; }
.vo-person:nth-child(4) { grid-column: span 5; border-top-color: var(--vo-orange); }
.vo-person:nth-child(5) { grid-column: span 5; border-top-color: var(--vo-acid); }
.vo-person:nth-child(6) { border-top-color: #8a4cff; }

.vo-person img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .65s cubic-bezier(.2, .75, .25, 1), filter .4s ease;
}

.vo-person > div {
  position: absolute;
  inset: auto 0 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .25rem 1rem;
  align-items: end;
  padding: 1.25rem;
  color: var(--white);
  background: rgba(8, 8, 8, .88);
}

.vo-person b {
  grid-row: span 2;
  align-self: start;
  color: var(--vo-acid);
  font-size: .68rem;
}

.vo-person h3 {
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 3.1rem);
  letter-spacing: -.055em;
  line-height: .9;
  text-transform: uppercase;
}

.vo-person p {
  margin: .45rem 0 0;
  color: #bdbdbd;
  font-size: .65rem;
  font-weight: 700;
  text-transform: uppercase;
}

.vo-person:hover img { transform: scale(1.035); filter: saturate(1.15); }
.vo-roster > .vo-inline-link { margin-top: 4rem; }

.vo-reason p {
  max-width: 360px;
  margin: 1rem 0 0;
  color: #929292;
  line-height: 1.55;
}

.vo-journal {
  display: grid;
  grid-template-columns: .8fr 1.4fr .8fr;
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(9rem, 12vw, 12rem) clamp(1rem, 5vw, 5rem);
  color: var(--vo-black);
  background: var(--vo-paper);
}

.vo-journal > header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.vo-journal > header .vo-inline-link { margin-top: auto; }

.vo-journal__lead {
  border-top: 7px solid var(--vo-pink);
}

.vo-journal__image {
  min-height: 520px;
  background:
    url("https://static.wixstatic.com/media/a758cad96985458083536852e0149dfe.jpg/v1/fill/w_1200,h_1000,al_c,q_84,enc_avif,quality_auto/a758cad96985458083536852e0149dfe.jpg")
    center / cover no-repeat;
  filter: saturate(.75) contrast(1.04);
}

.vo-journal__lead > div:last-child { padding: 1.5rem 0 0; }
.vo-journal__lead span,
.vo-journal__briefs span {
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.vo-journal h3 {
  margin: .8rem 0;
  font-size: clamp(1.65rem, 2.6vw, 2.8rem);
  letter-spacing: -.045em;
  line-height: 1;
  text-transform: uppercase;
}

.vo-journal p { color: #626262; line-height: 1.6; }
.vo-journal__briefs { border-top: 1px solid rgba(0, 0, 0, .35); }
.vo-journal__briefs article { padding: 1.5rem 0 2rem; border-bottom: 1px solid rgba(0, 0, 0, .35); }
.vo-journal__briefs h3 { font-size: clamp(1.4rem, 2vw, 2rem); }

@media (max-width: 1060px) {
  .vo-pulse { grid-template-columns: 1fr 1fr; }
  .vo-pulse > *:nth-child(2) { border-right: 0; }
  .vo-pulse > *:nth-child(-n+2) { border-bottom: 1px solid rgba(0, 0, 0, .2); }

  .vo-roster__head { grid-template-columns: 1fr; gap: 2.5rem; }
  .vo-roster__head .vo-label { margin-bottom: 0; }
  .vo-person,
  .vo-person--tall,
  .vo-person:nth-child(2),
  .vo-person--wide,
  .vo-person:nth-child(4),
  .vo-person:nth-child(5) {
    grid-column: span 6;
    min-height: 520px;
  }

  .vo-journal { grid-template-columns: 1fr 1.45fr; }
  .vo-journal__briefs { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
}

@media (max-width: 720px) {
  .vo-marquee__track { padding-block: .8rem; }

  .vo-pulse { grid-template-columns: 1fr 1fr; }
  .vo-pulse > * {
    min-height: 150px;
    padding: 1.25rem;
  }
  .vo-pulse strong { font-size: 1.65rem; }

  .vo-roster {
    padding: 8rem 0;
    overflow: hidden;
  }

  .vo-roster__head,
  .vo-roster > .vo-inline-link {
    margin-inline: 1.25rem;
  }

  .vo-roster h2,
  .vo-journal h2 {
    font-size: clamp(2.7rem, 12vw, 3.6rem);
    line-height: 1.03;
  }

  .vo-roster__head {
    margin-bottom: 4rem;
  }

  .vo-roster__rail {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding: 0 1.25rem 1rem;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .vo-roster__swipe {
    display: flex;
    justify-content: space-between;
    margin: 0 1.25rem 1rem;
    color: #999;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .vo-roster__rail::-webkit-scrollbar { display: none; }

  .vo-person,
  .vo-person--tall,
  .vo-person:nth-child(2),
  .vo-person--wide,
  .vo-person:nth-child(4),
  .vo-person:nth-child(5) {
    flex: 0 0 78vw;
    min-height: 520px;
    scroll-snap-align: center;
  }

  .vo-person h3 { font-size: 2.2rem; }
  .vo-roster > .vo-inline-link { margin-top: 3rem; }

  .vo-journal {
    grid-template-columns: 1fr;
    gap: 4.5rem;
    padding: 8rem 1.25rem;
  }

  .vo-journal > header .vo-inline-link { margin-top: 2.5rem; }
  .vo-journal__image { min-height: 380px; }
  .vo-journal__briefs { grid-column: 1; display: block; }
}

@media (prefers-reduced-motion: reduce) {
  .vo-marquee__track { animation: none; }
  .motion-ready [data-reveal],
  [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  [data-parallax],
  .motion-ready .vo-hero__content,
  .motion-ready .vo-hero__film { transform: none; }
}

/* Codex polish pass: minimized top navigation, production-style buttons and scrollable content rails. */
.site-header,
.vo-home .site-header {
  position: fixed;
  top: .85rem;
  left: clamp(.9rem, 3vw, 2.5rem);
  right: clamp(.9rem, 3vw, 2.5rem);
  width: auto;
  min-height: 54px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: .45rem .55rem .45rem .8rem;
  color: var(--white);
  background: rgba(8, 8, 8, .82);
  border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .32);
  backdrop-filter: blur(18px);
}

.site-header.is-solid,
body:not([data-page="home"]) .site-header {
  position: fixed;
  color: var(--white);
  background: rgba(8, 8, 8, .86);
  border-color: rgba(255, 255, 255, .16);
}

.brand,
.vo-home .brand {
  width: clamp(108px, 10vw, 150px);
  padding: .2rem 0;
}

.brand img,
.site-header.is-solid .brand img,
body:not([data-page="home"]) .brand img,
.vo-home .brand img { filter: brightness(0) invert(1); }

.site-nav,
.vo-home .site-nav {
  justify-content: center;
  gap: .15rem;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.site-nav > a,
.nav-disclosure > button,
.vo-home .site-nav > a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 .78rem;
  color: rgba(255, 255, 255, .78);
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  transition: color .18s ease, background .18s ease, transform .18s ease;
}

.site-nav > a::after,
.nav-disclosure > button::after,
.vo-home .site-nav > a::after { display: none; }

.site-nav > a:hover,
.site-nav > a[aria-current="page"],
.nav-disclosure > button:hover,
.nav-disclosure > button[aria-expanded="true"],
.vo-home .site-nav > a:hover {
  color: var(--vo-black, var(--ink));
  background: var(--vo-acid, var(--acid));
  transform: translateY(-1px);
}

.nav-panel {
  top: calc(100% + .6rem);
  padding: .5rem;
  background: rgba(8, 8, 8, .94);
  border-radius: 18px;
  backdrop-filter: blur(18px);
}

.header-contact {
  min-height: 40px;
  padding: 0 1rem;
  color: var(--vo-black, var(--ink));
  background: var(--vo-acid, var(--acid));
  border: 1px solid transparent;
  border-radius: 999px;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .18);
}

.vo-home .header-contact { display: inline-flex; }

.button,
.vo-button,
.header-contact,
.vo-service__body > a,
.menu-toggle,
.media-toggle,
.vo-film-toggle {
  border-radius: 999px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.button,
.vo-button {
  min-height: 54px;
  align-items: center;
  gap: .7rem;
  padding: .25rem .25rem .25rem 1.25rem;
  border: 0;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22), inset 0 -2px 0 rgba(255, 255, 255, .1);
}

.button span,
.vo-button span {
  padding: 0 .25rem 0 0;
}

.button > span[aria-hidden="true"],
.vo-button b {
  width: 42px;
  min-width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--vo-black, var(--ink));
  background: var(--white);
  border-radius: 50%;
}

.button:hover,
.vo-button:hover,
.header-contact:hover,
.vo-service__body > a:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, .28);
}

.button--acid,
.button--black:hover,
.vo-button:hover {
  color: var(--vo-black, var(--ink));
  background: var(--vo-acid, var(--acid));
}

.button--black,
.vo-button,
.vo-button--dark {
  color: var(--white);
  background: var(--vo-black, var(--ink));
}

.vo-marquee { display: none; }

.vo-work { overflow: hidden; }

.vo-projects,
.vo-live__rail,
.news-grid {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: 1rem;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

.vo-project,
.vo-live__rail article,
.news-item {
  flex: 0 0 min(430px, 82vw);
  scroll-snap-align: start;
}

.vo-project--feature { flex-basis: min(620px, 88vw); }

.vo-live__rail {
  border-top: 0;
}

.vo-live__rail article {
  min-height: 430px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 18px;
  background: rgba(255, 255, 255, .06);
}

.vo-live__rail article h3 { margin-top: 1.1rem; }
.vo-live__rail article p { margin-top: auto; }

.vo-image-placeholder {
  min-height: 230px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: rgba(255, 255, 255, .82);
  background:
    linear-gradient(135deg, rgba(32, 185, 226, .38), rgba(217, 240, 24, .2)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.18) 0 1px, transparent 1px 18px),
    #171717;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 14px;
}

.vo-image-placeholder b {
  padding: .45rem .7rem;
  color: var(--vo-black, var(--ink));
  background: var(--vo-acid, var(--acid));
  border-radius: 999px;
  font-size: .7rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vo-journal__image.vo-image-placeholder {
  min-height: 520px;
  background:
    linear-gradient(145deg, rgba(255, 57, 122, .32), rgba(32, 185, 226, .34)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.16) 0 1px, transparent 1px 24px),
    #151515;
  filter: none;
}

.page-hero { padding-top: calc(var(--header-h) + 5.5rem); }

@media (max-width: 1060px) {
  .site-header,
  .vo-home .site-header {
    grid-template-columns: auto auto;
  }

  .site-nav,
  .vo-home .site-nav {
    position: fixed;
    inset: .75rem;
    z-index: -1;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 6rem 1.25rem 2rem;
    background: rgba(8, 8, 8, .96);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 28px;
  }

  .site-nav.is-open,
  .vo-home .site-nav.is-open { display: flex; }

  .site-nav > a,
  .nav-disclosure > button,
  .vo-home .site-nav > a {
    min-height: auto;
    padding: .55rem .8rem;
    font-size: clamp(2rem, 7vw, 4.5rem);
    line-height: 1;
  }

  .header-contact,
  .vo-home .header-contact { display: none; }

  .menu-toggle,
  .vo-home .menu-toggle {
    display: grid;
    color: var(--vo-black, var(--ink));
    background: var(--vo-acid, var(--acid));
    border: 0;
  }
}

/* 2026 interaction refinements */
.sc-crew { height: 330vh; }

.motion-ready [data-section-reveal] {
  opacity: 0;
  transform: translateY(2rem);
  transition:
    opacity .75s cubic-bezier(.2,.75,.2,1),
    transform .9s cubic-bezier(.2,.75,.2,1);
}
.motion-ready [data-section-reveal="fade"] { transform: none; }
.motion-ready [data-section-reveal].is-visible {
  opacity: 1;
  transform: none;
}

body .whatsapp-dock,
body.sc-home .whatsapp-dock {
  position: fixed;
  z-index: 90;
  top: auto;
  right: 1.25rem;
  bottom: 1.25rem;
  display: grid;
  width: 58px;
  height: 58px;
  min-height: 0;
  padding: 0;
  color: #fff;
  background: #25d366;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 10px 30px rgba(0,0,0,.24);
  place-items: center;
  writing-mode: initial;
  transform: none;
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
body .whatsapp-dock:hover,
body.sc-home .whatsapp-dock:hover {
  color: #fff;
  background: #1fb959;
  box-shadow: 0 13px 34px rgba(0,0,0,.3);
  transform: translateY(-3px);
}
body .whatsapp-dock:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
body .whatsapp-dock svg {
  width: 29px;
  height: 29px;
  fill: currentColor;
}

body .site-nav { gap: .3rem; }
body .site-nav > a {
  position: relative;
  min-height: 40px;
  padding: 0 .9rem;
  color: rgba(255,255,255,.82);
  background: transparent;
  border-radius: 0;
  transform: none;
  transition: color .2s ease;
}
body .site-nav > a:hover,
body .site-nav > a:focus-visible {
  color: #fff;
  background: transparent;
  transform: none;
}
body .site-nav > a::after {
  position: absolute;
  right: .9rem;
  bottom: 5px;
  left: .9rem;
  display: block;
  height: 2px;
  background: var(--sc-lime, #d8ff37);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s cubic-bezier(.2,.75,.2,1);
}
body .site-nav > a:hover::after,
body .site-nav > a:focus-visible::after {
  transform: scaleX(1);
}

@media (max-width: 1050px) {
  body .site-nav > a {
    min-height: 46px;
    padding: 1rem;
  }
  body .site-nav > a::after { display: none; }
}

@media (max-width: 760px) {
  .sc-crew { height: auto; }
  body .whatsapp-dock,
  body.sc-home .whatsapp-dock {
    right: 1rem;
    bottom: 1rem;
    width: 52px;
    height: 52px;
  }
  body .whatsapp-dock svg { width: 26px; height: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready [data-section-reveal],
  [data-section-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  body .whatsapp-dock,
  body.sc-home .whatsapp-dock { transition: none; }
}

@media (max-width: 720px) {
  .site-header,
  .vo-home .site-header {
    top: .65rem;
    left: .75rem;
    right: .75rem;
  }

  .vo-project,
  .vo-live__rail article,
  .news-item { flex-basis: 82vw; }

  .vo-project--feature { flex-basis: 88vw; }

  .vo-live__rail article { min-height: 390px; }
}

/* Keep the Show Control mobile menu above legacy shared-navigation rules. */
@media (max-width: 1050px) {
  body .site-nav {
    position: fixed;
    inset: 68px 1rem auto;
    z-index: 101;
    display: none;
    height: auto;
    max-height: calc(100svh - 84px);
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    padding: .8rem;
    overflow-y: auto;
    color: #fff;
    background: #090909;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 0;
  }
  body .site-nav.is-open { display: flex; }
  body .site-nav > a {
    width: 100%;
    min-height: auto;
    padding: .9rem;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.12);
    font: 800 1rem/1.1 Arial, Helvetica, sans-serif;
    letter-spacing: .1em;
    text-align: left;
    text-transform: uppercase;
  }
}

/* One shared header treatment for the homepage and every interior page. */
body:not(.sc-home) .site-header {
  top: 0;
  right: 0;
  left: 0;
  width: auto;
  min-height: 82px;
  padding: 0 clamp(1.2rem, 3vw, 3.75rem);
  color: #fff;
  background: rgba(9,9,9,.88);
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.14);
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: blur(16px);
}
body:not(.sc-home) .brand { width: 146px; }
body:not(.sc-home) .brand img { filter: brightness(0) invert(1); }

@media (max-width: 1050px) {
  body:not(.sc-home) .site-header {
    top: 0;
    right: 0;
    left: 0;
    grid-template-columns: 1fr auto;
    min-height: 68px;
    padding: 0 1rem;
    border-radius: 0;
  }
  body:not(.sc-home) .brand { width: 122px; }
}

/* ==========================================================================
   SHOW CONTROL INTERIORS
   ========================================================================== */

.sc-interior {
  --in-black: #090909;
  --in-ink: #151515;
  --in-paper: #f1efe7;
  --in-lime: #d8ff37;
  --in-cyan: #46e8ff;
  --in-line: rgba(21,21,21,.2);
  --in-gutter: clamp(1.1rem,3vw,3.75rem);
  background: var(--in-paper);
  color: var(--in-ink);
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: clip;
}
.sc-interior main { overflow: clip; }
.sc-interior h1,
.sc-interior h2,
.sc-interior h3,
.sc-interior p,
.sc-interior figure,
.sc-interior blockquote { margin: 0; }
.sc-interior em { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.sc-interior img { display: block; width: 100%; }
.sc-interior .site-footer { background: var(--in-black); }

.in-kicker,
.in-label {
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.2;
  text-transform: uppercase;
}
.in-label {
  display: flex;
  align-items: center;
  gap: .65rem;
}
.in-label::before {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  background: currentColor;
  border-radius: 50%;
  content: "";
}

/* Shared mast */
.in-hero {
  position: relative;
  display: grid;
  grid-template-columns: 58% 42%;
  min-height: 100svh;
  padding-top: 82px;
  background: var(--in-black);
  color: #fff;
}
.in-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8rem var(--in-gutter) 7rem;
}
.in-hero__copy .in-kicker { margin-bottom: 3rem; color: var(--in-lime); }
.in-hero h1 {
  font-size: clamp(4.4rem,8.2vw,9.4rem);
  font-weight: 800;
  letter-spacing: -.078em;
  line-height: .78;
  text-transform: uppercase;
}
.in-hero h1 em { color: var(--in-lime); text-transform: lowercase; }
.in-hero__summary {
  width: min(31rem,75%);
  margin-top: 3rem !important;
  padding-top: 1rem;
  border-top: 1px solid rgba(255,255,255,.4);
  color: rgba(255,255,255,.78);
  font-size: clamp(1rem,1.4vw,1.28rem);
  line-height: 1.5;
}
.in-hero__media {
  position: relative;
  min-height: calc(100svh - 82px);
  overflow: hidden;
}
.in-hero__media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(9,9,9,.18),transparent 38%),linear-gradient(0deg,rgba(9,9,9,.55),transparent 45%);
  content: "";
}
.in-hero__media img {
  height: 100%;
  object-fit: cover;
  filter: grayscale(.82) contrast(1.06);
  transition: filter .7s ease, transform 1.3s cubic-bezier(.2,.75,.2,1);
}
.in-hero:hover .in-hero__media img { filter: grayscale(.2); transform: scale(1.025); }
.in-hero__media figcaption {
  position: absolute;
  z-index: 2;
  right: 1.3rem;
  bottom: 3.7rem;
  left: 1.3rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: .8rem;
  border-top: 1px solid rgba(255,255,255,.5);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.in-hero__cue {
  position: absolute;
  z-index: 3;
  right: var(--in-gutter);
  bottom: 1.2rem;
  left: var(--in-gutter);
  display: flex;
  justify-content: space-between;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.in-hero--acid .in-hero__copy { background: var(--in-lime); color: var(--in-ink); }
.in-hero--acid .in-hero__copy .in-kicker,
.in-hero--acid h1 em { color: var(--in-ink); }
.in-hero--acid .in-hero__summary { border-color: rgba(21,21,21,.35); color: rgba(21,21,21,.76); }
.in-hero--cyan .in-hero__copy { background: var(--in-cyan); color: var(--in-ink); }
.in-hero--cyan .in-hero__copy .in-kicker,
.in-hero--cyan h1 em { color: var(--in-ink); }
.in-hero--cyan .in-hero__summary { border-color: rgba(21,21,21,.35); color: rgba(21,21,21,.76); }

/* Shared editorial structures */
.in-statement {
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  gap: 5vw;
  padding: 9rem var(--in-gutter);
  background: var(--in-paper);
}
.in-statement h2 {
  max-width: 14ch;
  font-size: clamp(3rem,6.2vw,7.2rem);
  letter-spacing: -.07em;
  line-height: .86;
  text-transform: uppercase;
}
.in-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.5rem,4vw,5rem);
  margin-top: 4rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--in-line);
}
.in-columns p { max-width: 35rem; font-size: 1rem; line-height: 1.65; }
.in-section-head {
  display: grid;
  grid-template-columns: .55fr 1.2fr .7fr;
  align-items: end;
  gap: 3vw;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--in-line);
}
.in-section-head h2 {
  font-size: clamp(3rem,5.4vw,6.3rem);
  letter-spacing: -.07em;
  line-height: .84;
  text-transform: uppercase;
}
.in-section-head > p:last-child { max-width: 26rem; line-height: 1.55; }

/* About */
.in-founder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 96vh;
  background: var(--in-cyan);
}
.in-founder figure { position: relative; min-height: 42rem; overflow: hidden; }
.in-founder figure img { height: 100%; object-fit: cover; filter: grayscale(.85); }
.in-founder figcaption {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  padding-top: .7rem;
  border-top: 1px solid #fff;
  color: #fff;
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.in-founder > div { display: flex; flex-direction: column; justify-content: center; padding: 6rem var(--in-gutter); }
.in-founder h2 { margin: 2rem 0 !important; font-size: clamp(4rem,8vw,9rem); letter-spacing: -.08em; line-height: .75; text-transform: uppercase; }
.in-founder h2 em { color: #fff; text-transform: lowercase; }
.in-founder blockquote { max-width: 22ch; padding: 1.5rem 0; border-block: 1px solid rgba(21,21,21,.35); font-size: clamp(1.25rem,2.4vw,2.2rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.15; }
.in-founder > div > p:last-child { max-width: 34rem; margin-top: 2rem; line-height: 1.6; }
.in-team { padding: 9rem var(--in-gutter); background: var(--in-paper); }
.in-team-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; margin-top: 3rem; }
.in-person { position: relative; min-height: 33rem; background: #d7d4ca; overflow: hidden; }
.in-person--wide { grid-column: span 2; }
.in-person img { height: 100%; object-fit: cover; filter: grayscale(.9); transition: filter .45s,transform .8s cubic-bezier(.2,.75,.2,1); }
.in-person:hover img { filter: grayscale(0); transform: scale(1.025); }
.in-person > div { position: absolute; right: 0; bottom: 0; left: 0; padding: 5rem 1.2rem 1.2rem; background: linear-gradient(transparent,rgba(0,0,0,.88)); color: #fff; }
.in-person span { color: var(--in-lime); font-size: .58rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-person h3 { margin-top: .5rem; font-size: clamp(2rem,3.2vw,3.4rem); letter-spacing: -.06em; line-height: .9; text-transform: uppercase; }
.in-person p { max-width: 23rem; margin-top: .7rem; color: rgba(255,255,255,.7); font-size: .85rem; line-height: 1.45; }
.in-principles { display: grid; grid-template-columns: .75fr 1.25fr; gap: 5vw; padding: 9rem var(--in-gutter); background: var(--in-black); color: #fff; }
.in-principles__title { position: sticky; top: 8rem; align-self: start; }
.in-principles h2 { margin-top: 2rem; font-size: clamp(4rem,6.7vw,7.8rem); letter-spacing: -.08em; line-height: .78; text-transform: uppercase; }
.in-principles ol { list-style: none; margin: 0; padding: 0; }
.in-principles li { display: grid; grid-template-columns: 3rem 1fr; gap: .5rem 1.5rem; padding: 2rem 0 4.5rem; border-top: 1px solid rgba(255,255,255,.25); }
.in-principles li > span { grid-row: 1 / span 2; color: var(--in-lime); font-size: .65rem; font-weight: 800; }
.in-principles strong { font-size: clamp(1.7rem,3vw,3.4rem); letter-spacing: -.05em; line-height: .95; text-transform: uppercase; }
.in-principles li p { max-width: 30rem; color: rgba(255,255,255,.65); line-height: 1.55; }
.in-cta { display: grid; grid-template-columns: .5fr 1.2fr auto; align-items: end; gap: 3vw; padding: 8rem var(--in-gutter); background: var(--in-lime); }
.in-cta h2 { font-size: clamp(3rem,5.7vw,6.5rem); letter-spacing: -.07em; line-height: .85; text-transform: uppercase; }
.in-cta a,.in-booking > a { display: flex; align-items: center; justify-content: space-between; gap: 3rem; min-width: 15rem; padding: 1.2rem; background: var(--in-black); color: #fff; font-size: .67rem; font-weight: 800; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }

/* Artists */
.in-directory,.in-work,.in-live-feed,.in-news-index { padding: 9rem var(--in-gutter); }
.in-filter { display: flex; flex-wrap: wrap; gap: .5rem; margin: 2rem 0 3rem; }
.in-filter button { min-height: 42px; padding: 0 1rem; background: transparent; border: 1px solid var(--in-ink); border-radius: 999px; color: var(--in-ink); font: inherit; font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.in-filter button.is-active,.in-filter button:hover { background: var(--in-ink); color: #fff; }
.in-artist-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; align-items: start; }
.in-artist { position: relative; min-height: 31rem; background: #d5d2c9; overflow: hidden; }
.in-artist--tall { min-height: 39rem; }
.in-artist[hidden] { display: none; }
.in-artist img { height: 100%; object-fit: cover; filter: grayscale(.85); transition: .7s cubic-bezier(.2,.75,.2,1); }
.in-artist:hover img { filter: grayscale(.1); transform: scale(1.025); }
.in-artist > div { position: absolute; right: 0; bottom: 0; left: 0; padding: 5rem 1rem 1rem; background: linear-gradient(transparent,rgba(0,0,0,.9)); color: #fff; }
.in-artist span { color: var(--in-lime); font-size: .58rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-artist h3 { margin-top: .45rem; font-size: clamp(1.8rem,3vw,3.3rem); letter-spacing: -.06em; line-height: .92; text-transform: uppercase; }
.in-artist p { margin-top: .6rem; color: rgba(255,255,255,.67); font-size: .82rem; }
.in-booking { padding: 8rem var(--in-gutter); background: var(--in-cyan); }
.in-booking h2 { max-width: 12ch; margin-top: 2rem; font-size: clamp(3rem,6vw,7rem); letter-spacing: -.075em; line-height: .84; text-transform: uppercase; }
.in-booking > a { margin-top: 3rem; width: fit-content; }

/* Media */
.in-process { padding: 9rem var(--in-gutter); }
.in-process--dark { background: var(--in-black); color: #fff; }
.in-process--dark .in-section-head { border-color: rgba(255,255,255,.25); }
.in-process__steps { display: grid; grid-template-columns: repeat(3,1fr); list-style: none; margin: 4rem 0 0; padding: 0; }
.in-process__steps li { min-height: 25rem; padding: 1.5rem; border: 1px solid rgba(255,255,255,.25); border-right: 0; }
.in-process__steps li:last-child { border-right: 1px solid rgba(255,255,255,.25); }
.in-process__steps span { color: var(--in-cyan); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-process__steps h3 { margin-top: 9rem; font-size: clamp(2rem,3.5vw,4rem); letter-spacing: -.06em; line-height: .9; text-transform: uppercase; }
.in-process__steps p { max-width: 23rem; margin-top: 1rem; color: rgba(255,255,255,.65); line-height: 1.5; }
.in-work-grid { display: grid; grid-template-columns: 1.3fr .7fr; gap: 1rem; margin-top: 3rem; }
.in-work-card { position: relative; min-height: 28rem; background: #ccc; overflow: hidden; }
.in-work-card--feature { grid-row: span 2; min-height: 57rem; }
.in-work-card img { height: 100%; object-fit: cover; filter: grayscale(.8); transition: filter .45s,transform .8s cubic-bezier(.2,.75,.2,1); }
.in-work-card:hover img { filter: grayscale(0); transform: scale(1.025); }
.in-work-card span,.in-work-card h3 { position: absolute; z-index: 2; right: 1rem; left: 1rem; color: #fff; }
.in-work-card span { top: 1rem; font-size: .59rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.in-work-card h3 { bottom: 1rem; max-width: 14ch; font-size: clamp(1.8rem,3.4vw,3.7rem); letter-spacing: -.06em; line-height: .9; text-transform: uppercase; }
.in-work-card::after { position: absolute; inset: 0; background: linear-gradient(transparent 45%,rgba(0,0,0,.83)); content:""; }

/* Live channel */
.in-live-hero { position: relative; min-height: 100svh; padding: 10rem var(--in-gutter) 4rem; background: var(--in-black); color: #fff; overflow: hidden; }
.in-live-hero::after { position: absolute; right: -8vw; bottom: -25vw; width: 70vw; height: 70vw; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 8vw rgba(255,255,255,.025),0 0 0 16vw rgba(255,255,255,.02); content:""; }
.in-live-hero__signal { position: relative; z-index: 2; display: flex; align-items: center; gap: .7rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.25); font-size: .61rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.in-live-hero__signal i { width: 8px; height: 8px; background: #f23; border-radius: 50%; box-shadow: 0 0 0 7px rgba(255,34,51,.12); }
.in-live-hero .in-kicker { position: relative; z-index: 2; margin-top: 16vh; color: var(--in-lime); }
.in-live-hero h1 { position: relative; z-index: 2; max-width: 7ch; margin-top: 1.5rem; font-size: clamp(5rem,12vw,13rem); letter-spacing: -.08em; line-height: .72; text-transform: uppercase; }
.in-live-hero h1 em { color: var(--in-lime); text-transform: lowercase; }
.in-live-hero > p:not(.in-kicker) { position: relative; z-index: 2; max-width: 29rem; margin-top: 2.5rem; color: rgba(255,255,255,.66); line-height: 1.55; }
.in-live-hero__time { position: absolute; z-index: 2; right: var(--in-gutter); bottom: 4rem; display: flex; align-items: baseline; gap: 1rem; }
.in-live-hero__time span { font-size: .62rem; font-weight: 800; letter-spacing: .14em; }
.in-live-hero__time strong { font-size: clamp(2.5rem,5vw,5rem); letter-spacing: -.06em; }
.in-dispatches { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; margin-top: 3rem; }
.in-dispatch { display: grid; grid-template-columns: .8fr 1.2fr; min-height: 23rem; background: #fff; }
.in-dispatch--feature { grid-row: span 2; display: block; min-height: 55rem; }
.in-dispatch img { height: 100%; object-fit: cover; filter: grayscale(.75); }
.in-dispatch--feature img { height: 62%; }
.in-dispatch > div { padding: 1.3rem; }
.in-dispatch span { color: #f23; font-size: .6rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-dispatch h3 { margin-top: 1rem; font-size: clamp(1.7rem,3.4vw,3.8rem); letter-spacing: -.06em; line-height: .9; text-transform: uppercase; }
.in-dispatch p { margin-top: 1rem; line-height: 1.5; }
.in-dispatch a { display: inline-block; margin-top: 2rem; font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.in-channel-guide { padding: 8rem var(--in-gutter); background: var(--in-lime); }
.in-channel-guide h2 { max-width: 13ch; margin: 2rem 0 4rem; font-size: clamp(3rem,6vw,7rem); letter-spacing: -.075em; line-height: .84; text-transform: uppercase; }
.in-channel-guide ul { margin: 0 0 3rem; padding: 0; list-style: none; border-top: 1px solid var(--in-ink); }
.in-channel-guide li { display: grid; grid-template-columns: 4rem 1fr; padding: 1rem 0; border-bottom: 1px solid var(--in-ink); font-size: 1.2rem; font-weight: 800; text-transform: uppercase; }
.in-channel-guide a { font-size: .67rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

/* News */
.in-news-mast { min-height: 100svh; padding: 9rem var(--in-gutter) 4rem; background: var(--in-lime); }
.in-news-mast > div { display: flex; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid var(--in-ink); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-news-mast h1 { max-width: 11ch; margin-top: 14vh; font-size: clamp(5rem,10vw,11.5rem); letter-spacing: -.085em; line-height: .74; text-transform: uppercase; }
.in-news-mast h1 em { color: #fff; text-transform: lowercase; }
.in-news-mast > p { max-width: 34rem; margin: 3rem 0 0 auto; font-size: 1.1rem; line-height: 1.55; }
.in-news-feature { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 85vh; background: var(--in-black); color: #fff; }
.in-news-feature figure { min-height: 42rem; overflow: hidden; }
.in-news-feature img { height: 100%; object-fit: cover; filter: grayscale(.75); }
.in-news-feature > div { display: flex; flex-direction: column; justify-content: center; padding: 4rem; }
.in-news-feature h2 { margin: 2rem 0; font-size: clamp(3rem,5vw,5.7rem); letter-spacing: -.07em; line-height: .86; text-transform: uppercase; }
.in-news-feature p:not(.in-label) { color: rgba(255,255,255,.65); line-height: 1.55; }
.in-news-feature a { margin-top: 2rem; color: var(--in-lime); font-size: .65rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.in-news-list { margin-top: 3rem; border-top: 1px solid var(--in-ink); }
.in-news-list article { display: grid; grid-template-columns: .3fr 1fr auto 3rem; align-items: center; gap: 2rem; min-height: 10rem; border-bottom: 1px solid var(--in-ink); }
.in-news-list article > span,.in-news-list time { font-size: .6rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.in-news-list h3 { font-size: clamp(1.5rem,2.5vw,2.7rem); letter-spacing: -.04em; line-height: 1; text-transform: uppercase; }
.in-news-list p { margin-top: .5rem; color: rgba(21,21,21,.65); }
.in-news-list a { font-size: 1.7rem; text-decoration: none; }
.in-newsletter { display: grid; grid-template-columns: .5fr 1fr 1fr; align-items: end; gap: 4vw; padding: 8rem var(--in-gutter); background: var(--in-cyan); }
.in-newsletter h2 { font-size: clamp(3rem,5vw,5.8rem); letter-spacing: -.07em; line-height: .85; text-transform: uppercase; }
.in-newsletter > p:not(.in-label) { line-height: 1.5; }
.in-newsletter form { grid-column: 2 / -1; display: grid; grid-template-columns: 1fr auto; margin-top: 2rem; }
.in-newsletter label span { display: block; margin-bottom: .5rem; font-size: .6rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-newsletter input { width: 100%; min-height: 54px; padding: 0 1rem; background: transparent; border: 1px solid var(--in-ink); border-radius: 0; font: inherit; }
.in-newsletter button { min-height: 54px; padding: 0 1.5rem; background: var(--in-black); border: 0; color: #fff; font: inherit; font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.in-newsletter form > p { grid-column: 1 / -1; min-height: 1.4rem; margin-top: .6rem; font-size: .75rem; }

/* Contact */
.in-contact-mast { min-height: 100svh; padding: 10rem var(--in-gutter) 4rem; background: var(--in-black); color: #fff; }
.in-contact-mast .in-kicker { color: var(--in-cyan); }
.in-contact-mast h1 { max-width: 10ch; margin-top: 10vh; font-size: clamp(5rem,10vw,11rem); letter-spacing: -.085em; line-height: .73; text-transform: uppercase; }
.in-contact-mast h1 em { color: var(--in-lime); text-transform: lowercase; }
.in-contact-mast > div { display: grid; grid-template-columns: 1fr auto; gap: 2rem; width: min(49rem,55%); margin: 4rem 0 0 auto; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.35); }
.in-contact-mast > div p { grid-row: span 2; max-width: 32rem; color: rgba(255,255,255,.68); line-height: 1.55; }
.in-contact-mast > div a { color: #fff; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.in-brief { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6vw; padding: 9rem var(--in-gutter); }
.in-brief__intro h2 { margin: 2rem 0; font-size: clamp(3.5rem,6vw,7rem); letter-spacing: -.075em; line-height: .83; text-transform: uppercase; }
.in-brief__intro > p:last-child { max-width: 28rem; line-height: 1.55; }
.in-brief__form label { display: block; padding: 1.2rem 0 .7rem; border-bottom: 1px solid var(--in-ink); }
.in-brief__form label span { display: block; font-size: .59rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-brief__form input,.in-brief__form textarea,.in-brief__form select { width: 100%; padding: .75rem 0 .2rem; background: transparent; border: 0; border-radius: 0; color: var(--in-ink); font: inherit; font-size: 1.05rem; }
.in-brief__form textarea { resize: vertical; }
.in-brief__form input:focus,.in-brief__form textarea:focus,.in-brief__form select:focus { outline: 2px solid var(--in-cyan); outline-offset: 4px; }
.in-brief__row { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.in-brief__form button { display: flex; justify-content: space-between; width: 100%; margin-top: 2rem; padding: 1.2rem; background: var(--in-black); border: 0; color: #fff; font: inherit; font-size: .67rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-contact-ledger { display: grid; grid-template-columns: .8fr 1.2fr; min-height: 80vh; background: var(--in-cyan); }
.in-contact-ledger > div:first-child { padding: 7rem var(--in-gutter); }
.in-contact-ledger h2 { margin: 2rem 0; font-size: clamp(3.5rem,6vw,7rem); letter-spacing: -.075em; line-height: .82; text-transform: uppercase; }
.in-contact-ledger address { font-style: normal; line-height: 1.65; }
.in-map { position: relative; min-height: 40rem; background: var(--in-lime); overflow: hidden; }
.in-map__road { position: absolute; display: block; height: 1px; background: rgba(21,21,21,.55); transform-origin: left; }
.in-map__road--one { top: 20%; left: -10%; width: 120%; transform: rotate(24deg); }
.in-map__road--two { top: 62%; left: -10%; width: 130%; transform: rotate(-18deg); }
.in-map__road--three { top: 5%; left: 58%; width: 100%; transform: rotate(79deg); }
.in-map i { position: absolute; top: 45%; left: 48%; width: 22px; height: 22px; background: var(--in-black); border: 6px solid #fff; border-radius: 50%; box-shadow: 0 0 0 8px rgba(21,21,21,.15); }
.in-map strong { position: absolute; top: calc(45% + 2rem); left: 48%; font-size: 1.8rem; letter-spacing: -.05em; line-height: .88; }
.in-map small { position: absolute; right: 1rem; bottom: 1rem; font-size: .58rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-contact-channels { padding: 7rem var(--in-gutter); background: var(--in-paper); }
.in-contact-channels > a { display: grid; grid-template-columns: .5fr 1fr auto; align-items: center; min-height: 7rem; border-top: 1px solid var(--in-ink); text-decoration: none; }
.in-contact-channels > a:last-child { border-bottom: 1px solid var(--in-ink); }
.in-contact-channels span { font-size: .6rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-contact-channels strong { font-size: clamp(1.5rem,3vw,3rem); letter-spacing: -.05em; text-transform: uppercase; }
.in-contact-channels i { font-size: 1.5rem; font-style: normal; }

/* Service pages */
.in-service-flow,.in-audience-map,.in-archive,.in-control-board { padding: 9rem var(--in-gutter); }
.in-service-flow { background: var(--in-black); color: #fff; }
.in-service-flow .in-section-head { border-color: rgba(255,255,255,.25); }
.in-service-flow ol { display: grid; grid-template-columns: repeat(4,1fr); margin: 4rem 0 0; padding: 0; list-style: none; }
.in-service-flow li { min-height: 25rem; padding: 1.3rem; border: 1px solid rgba(255,255,255,.25); border-right: 0; }
.in-service-flow li:last-child { border-right: 1px solid rgba(255,255,255,.25); }
.in-service-flow li span { color: var(--in-lime); font-size: .63rem; font-weight: 800; }
.in-service-flow h3 { margin-top: 9rem; font-size: clamp(1.8rem,2.8vw,3rem); letter-spacing: -.05em; line-height: .92; text-transform: uppercase; }
.in-service-flow li p { margin-top: 1rem; color: rgba(255,255,255,.64); line-height: 1.5; }
.in-case { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 90vh; background: var(--in-cyan); }
.in-case figure { min-height: 44rem; overflow: hidden; }
.in-case img { height: 100%; object-fit: cover; filter: grayscale(.8); }
.in-case > div { display: flex; flex-direction: column; justify-content: center; padding: 4rem; }
.in-case h2 { margin: 2rem 0; font-size: clamp(2.8rem,4.5vw,5rem); letter-spacing: -.065em; line-height: .86; text-transform: uppercase; }
.in-case dl { margin: 1rem 0; border-top: 1px solid var(--in-ink); }
.in-case dl > div { display: grid; grid-template-columns: 1fr 1fr; padding: .8rem 0; border-bottom: 1px solid var(--in-ink); }
.in-case dt { font-size: .6rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.in-case dd { margin: 0; font-weight: 800; text-transform: uppercase; }
.in-case > div > p:not(.in-label) { margin-top: 1rem; font-size: .75rem; }
.in-case a { margin-top: 2rem; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.in-service-next a { display: grid; grid-template-columns: .5fr 1fr auto; align-items: center; gap: 2rem; min-height: 14rem; padding: 2rem var(--in-gutter); background: var(--in-lime); text-decoration: none; }
.in-service-next span { font-size: .61rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-service-next strong { font-size: clamp(2rem,4vw,4rem); letter-spacing: -.06em; text-transform: uppercase; }
.in-service-next i { font-size: 3rem; font-style: normal; }
.in-audience-map { background: var(--in-lime); }
.in-audience-map > div { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 4rem; }
.in-audience-map article { min-height: 23rem; padding: 1.4rem; border: 1px solid var(--in-ink); border-right: 0; }
.in-audience-map article:last-child { border-right: 1px solid var(--in-ink); }
.in-audience-map article span { font-size: .6rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.in-audience-map article strong { display: block; margin-top: 8rem; font-size: clamp(1.7rem,3vw,3rem); letter-spacing: -.05em; line-height: .95; text-transform: uppercase; }
.in-audience-map article p { margin-top: 1rem; line-height: 1.5; }
.in-archive { background: var(--in-paper); }
.in-archive--dark { background: var(--in-black); color: #fff; }
.in-archive--dark .in-section-head { border-color: rgba(255,255,255,.25); }
.in-archive-list { margin-top: 4rem; }
.in-archive-list article { display: grid; grid-template-columns: 4rem 1fr 1fr auto; align-items: center; gap: 2rem; min-height: 9rem; border-top: 1px solid currentColor; }
.in-archive-list article:last-child { border-bottom: 1px solid currentColor; }
.in-archive-list article > span { color: var(--in-cyan); font-size: .63rem; font-weight: 800; }
.in-archive-list h3 { font-size: clamp(1.5rem,2.8vw,3rem); letter-spacing: -.05em; line-height: .95; text-transform: uppercase; }
.in-archive-list p { color: currentColor; opacity: .65; }
.in-archive-list i { font-size: .58rem; font-style: normal; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.in-control-board { background: var(--in-cyan); }
.in-control-grid { display: grid; grid-template-columns: repeat(2,1fr); margin-top: 4rem; border-top: 1px solid var(--in-ink); border-left: 1px solid var(--in-ink); }
.in-control-grid article { min-height: 19rem; padding: 1.4rem; border-right: 1px solid var(--in-ink); border-bottom: 1px solid var(--in-ink); }
.in-control-grid span { font-size: .61rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.in-control-grid strong { display: block; margin-top: 6rem; font-size: clamp(2.5rem,5vw,5.5rem); letter-spacing: -.07em; text-transform: uppercase; }
.in-control-grid p { margin-top: 1rem; line-height: 1.5; }

/* Interior motion */
.sc-interior.motion-ready .in-reveal {
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity .7s cubic-bezier(.2,.75,.2,1),transform .85s cubic-bezier(.2,.75,.2,1);
}
.sc-interior.motion-ready .in-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1050px) {
  .in-hero { grid-template-columns: 54% 46%; padding-top: 68px; }
  .in-hero__copy { padding-inline: 1.5rem; }
  .in-section-head { grid-template-columns: .6fr 1.4fr; }
  .in-section-head > p:last-child { grid-column: 2; }
  .in-team-grid { grid-template-columns: repeat(3,1fr); }
  .in-person--wide { grid-column: span 1; }
  .in-person { min-height: 29rem; }
  .in-service-flow ol { grid-template-columns: repeat(2,1fr); }
  .in-service-flow li:nth-child(2) { border-right: 1px solid rgba(255,255,255,.25); }
  .in-dispatches { grid-template-columns: 1fr; }
  .in-dispatch--feature { grid-row: auto; }
  .in-newsletter { grid-template-columns: .6fr 1.4fr; }
  .in-newsletter > p:not(.in-label) { grid-column: 2; }
  .in-newsletter form { grid-column: 2; }
}

@media (max-width: 900px) {
  .sc-interior { --in-gutter: 1rem; }
  .in-hero { display: flex; min-height: 100svh; flex-direction: column; padding-top: 68px; }
  .in-hero__copy { min-height: 64svh; padding: 7rem 1rem 4rem; }
  .in-hero__copy .in-kicker { margin-bottom: 2rem; }
  .in-hero h1 { font-size: clamp(4rem,20vw,6rem); }
  .in-hero__summary { width: 100%; margin-top: 2.2rem !important; }
  .in-hero__media { min-height: 56svh; }
  .in-hero__cue { display: none; }
  .in-statement { display: block; padding: 6rem 1rem; }
  .in-statement > div { margin-top: 3rem; }
  .in-statement h2 { font-size: 3.4rem; }
  .in-columns { grid-template-columns: 1fr; margin-top: 3rem; }
  .in-section-head { display: block; }
  .in-section-head h2 { margin: 1.5rem 0; font-size: 3.5rem; }
  .in-founder { display: flex; min-height: auto; flex-direction: column; }
  .in-founder figure { min-height: 70vh; }
  .in-founder > div { padding: 5rem 1rem; }
  .in-founder h2 { font-size: 5rem; }
  .in-team,.in-directory,.in-work,.in-live-feed,.in-news-index { padding: 6rem 1rem; }
  .in-team-grid { display: flex; gap: .8rem; margin-right: -1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .in-team-grid::-webkit-scrollbar { display: none; }
  .in-person { flex: 0 0 78vw; min-height: 31rem; scroll-snap-align: start; }
  .in-principles { display: block; padding: 6rem 1rem; }
  .in-principles__title { position: static; }
  .in-principles ol { margin-top: 4rem; }
  .in-cta { display: block; padding: 6rem 1rem; }
  .in-cta h2 { margin: 2rem 0 3rem; font-size: 3.6rem; }
  .in-artist-grid { grid-template-columns: 1fr 1fr; }
  .in-artist,.in-artist--tall { min-height: 25rem; }
  .in-booking { padding: 6rem 1rem; }
  .in-booking h2 { font-size: 3.6rem; }
  .in-process,.in-service-flow,.in-audience-map,.in-archive,.in-control-board { padding: 6rem 1rem; }
  .in-process__steps,.in-service-flow ol { grid-template-columns: 1fr; }
  .in-process__steps li,.in-process__steps li:last-child,.in-service-flow li,.in-service-flow li:nth-child(2),.in-service-flow li:last-child { min-height: 18rem; border-right: 1px solid rgba(255,255,255,.25); border-bottom: 0; }
  .in-process__steps li:last-child,.in-service-flow li:last-child { border-bottom: 1px solid rgba(255,255,255,.25); }
  .in-process__steps h3,.in-service-flow h3 { margin-top: 5rem; }
  .in-work-grid { display: block; }
  .in-work-card,.in-work-card--feature { min-height: 70vh; margin-bottom: 1rem; }
  .in-live-hero { padding: 8rem 1rem 4rem; }
  .in-live-hero h1 { font-size: 6rem; }
  .in-live-hero__time { right: 1rem; bottom: 2rem; }
  .in-dispatch,.in-dispatch--feature { display: block; min-height: 0; }
  .in-dispatch img,.in-dispatch--feature img { height: 50vh; }
  .in-channel-guide { padding: 6rem 1rem; }
  .in-channel-guide h2 { font-size: 3.6rem; }
  .in-news-mast { padding: 8rem 1rem 4rem; }
  .in-news-mast h1 { margin-top: 16vh; font-size: 5rem; }
  .in-news-mast > p { margin-left: 0; }
  .in-news-feature { display: block; }
  .in-news-feature figure { min-height: 55vh; }
  .in-news-feature > div { padding: 4rem 1rem; }
  .in-news-feature h2 { font-size: 3.2rem; }
  .in-news-list article { grid-template-columns: 1fr auto; gap: 1rem; padding: 1.4rem 0; }
  .in-news-list article > span,.in-news-list article > div { grid-column: 1 / -1; }
  .in-news-list article > a { grid-column: 2; grid-row: 3; }
  .in-newsletter { display: block; padding: 6rem 1rem; }
  .in-newsletter h2 { margin: 2rem 0; font-size: 3.5rem; }
  .in-newsletter form { grid-template-columns: 1fr; }
  .in-contact-mast { padding: 8rem 1rem 4rem; }
  .in-contact-mast h1 { margin-top: 13vh; font-size: 4.8rem; }
  .in-contact-mast > div { display: block; width: 100%; }
  .in-contact-mast > div a { display: block; margin-top: 1rem; }
  .in-brief { display: block; padding: 6rem 1rem; }
  .in-brief__form { margin-top: 4rem; }
  .in-brief__row { grid-template-columns: 1fr; gap: 0; }
  .in-contact-ledger { display: block; }
  .in-contact-ledger > div:first-child { padding: 6rem 1rem; }
  .in-map { min-height: 65vh; }
  .in-contact-channels { padding: 6rem 1rem; }
  .in-contact-channels > a { grid-template-columns: 1fr auto; padding: 1rem 0; }
  .in-contact-channels > a span { grid-column: 1 / -1; }
  .in-case { display: block; }
  .in-case figure { min-height: 58vh; }
  .in-case > div { padding: 4rem 1rem; }
  .in-service-next a { grid-template-columns: 1fr auto; padding: 2rem 1rem; }
  .in-service-next span { grid-column: 1 / -1; }
  .in-audience-map > div { grid-template-columns: 1fr; }
  .in-audience-map article,.in-audience-map article:last-child { min-height: 17rem; border-right: 1px solid var(--in-ink); border-bottom: 0; }
  .in-audience-map article:last-child { border-bottom: 1px solid var(--in-ink); }
  .in-audience-map article strong { margin-top: 4rem; }
  .in-archive-list article { grid-template-columns: 2rem 1fr; gap: .8rem 1rem; padding: 1.2rem 0; }
  .in-archive-list article p,.in-archive-list article i { grid-column: 2; }
  .in-control-grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .in-artist-grid { grid-template-columns: 1fr; }
  .in-artist,.in-artist--tall { min-height: 34rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sc-interior.motion-ready .in-reveal,.sc-interior .in-reveal { opacity: 1; transform: none; transition: none; }
  .in-hero__media img,.in-person img,.in-artist img,.in-work-card img { transition: none; }
}