/*
  Be Creative inner-page showcase system.
  Scoped to About, Services, and Proof so Home and Contact remain unchanged.
*/

:is(.inner-page--about, .inner-page--services, .inner-page--projects) {
  --inner-canvas: #030509;
  --inner-surface: rgba(13, 16, 53, 0.56);
  --inner-line: rgba(238, 235, 229, 0.14);
  --inner-muted: rgba(238, 235, 229, 0.68);
  --inner-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) main {
  background:
    radial-gradient(circle at 10% 18%, rgba(4, 116, 242, 0.1), transparent 28rem),
    radial-gradient(circle at 90% 58%, rgba(255, 92, 168, 0.075), transparent 34rem),
    var(--inner-canvas);
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .section {
  padding-block: clamp(72px, 7vw, 104px);
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .section[data-inner-ambient] {
  --pointer-x: 50%;
  --pointer-y: 50%;
  isolation: isolate;
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .section[data-inner-ambient]::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(141, 98, 255, 0.1), transparent 25rem);
  opacity: 0.72;
  pointer-events: none;
}

/* Shared split hero. */
:is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero {
  --pointer-x: 50%;
  --pointer-y: 50%;
  --scene-rx: 0deg;
  --scene-ry: 0deg;
  position: relative;
  min-height: min(780px, 92svh);
  display: grid;
  align-items: center;
  overflow: hidden;
  padding: calc(var(--nav-height) + 20px) 0 40px;
  border-bottom: 1px solid rgba(238, 235, 229, 0.1);
  background:
    radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(4, 116, 242, 0.14), transparent 24rem),
    radial-gradient(ellipse at 50% 112%, rgba(141, 98, 255, 0.24), transparent 48%),
    radial-gradient(circle at 82% 78%, rgba(255, 92, 168, 0.13), transparent 28%),
    #030509;
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero::before,
:is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero::before {
  inset: 8% 5% auto;
  height: 72%;
  border: 1px solid rgba(238, 235, 229, 0.065);
  border-radius: 50%;
  transform: perspective(720px) rotateX(64deg);
  box-shadow: 0 0 90px rgba(4, 116, 242, 0.08);
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero::after {
  right: -7%;
  bottom: -44%;
  width: 68%;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 92, 168, 0.12);
  border-radius: 50%;
  box-shadow: 0 0 0 74px rgba(141, 98, 255, 0.018), 0 0 0 148px rgba(4, 116, 242, 0.016);
}

.inner-showcase-hero__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, transparent 4%, black 26%, black 80%, transparent);
  pointer-events: none;
}

.inner-showcase-hero__aurora {
  position: absolute;
  right: 2%;
  bottom: -22%;
  width: min(66vw, 960px);
  height: 48%;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(99, 226, 229, 0.2), rgba(4, 116, 242, 0.3), rgba(141, 98, 255, 0.23), rgba(255, 92, 168, 0.21));
  filter: blur(64px);
  opacity: 0.5;
  transform: rotate(-8deg);
  animation: innerAurora 10s ease-in-out infinite alternate;
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: var(--container-max);
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, 0.98fr);
  grid-template-rows: auto 1fr;
  align-items: center;
  gap: 28px clamp(42px, 6vw, 92px);
  justify-items: stretch;
  text-align: left;
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__meta {
  position: static;
  width: auto;
  grid-column: 1 / -1;
  top: auto;
  right: auto;
  left: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(238, 235, 229, 0.12);
}

.inner-showcase-hero__copy {
  position: relative;
  z-index: 2;
  min-width: 0;
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__title {
  max-width: 22ch;
  font-size: clamp(2.6rem, 4vw, 4.8rem);
  line-height: 0.94;
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__desc {
  max-width: 58ch;
  margin-top: 28px;
  font-size: clamp(1rem, 1.2vw, 1.18rem);
  line-height: 1.6;
}

.inner-showcase-hero__signals {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 28px;
}

.inner-showcase-hero__signals span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid rgba(238, 235, 229, 0.13);
  border-radius: 999px;
  background: rgba(238, 235, 229, 0.045);
  color: rgba(238, 235, 229, 0.7);
  font-family: var(--font-mono);
  font-size: 0.64rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.inner-showcase-hero__signals span::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-oxygen);
  box-shadow: 0 0 12px rgba(99, 226, 229, 0.65);
}

.inner-showcase-hero__scene {
  position: relative;
  min-width: 0;
  min-height: 510px;
  display: grid;
  place-items: center;
  perspective: 1100px;
  transform: rotateX(var(--scene-rx)) rotateY(var(--scene-ry));
  transform-style: preserve-3d;
  transition: transform 320ms var(--inner-ease);
}

/* About hero system. */
.studio-system {
  position: relative;
  width: min(100%, 520px);
  aspect-ratio: 1;
  transform-style: preserve-3d;
  transform: rotateX(7deg) rotateY(-8deg);
}

.studio-system::before {
  content: "";
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(4, 116, 242, 0.2), transparent 64%);
  filter: blur(20px);
}

.studio-system__orbit {
  position: absolute;
  inset: 15%;
  border: 1px solid rgba(99, 226, 229, 0.25);
  border-radius: 50%;
  transform: rotateX(67deg) rotateZ(15deg);
  box-shadow: inset 0 0 48px rgba(4, 116, 242, 0.06);
}

.studio-system__orbit::after {
  content: "";
  position: absolute;
  top: 49%;
  left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-pink);
  box-shadow: 0 0 18px rgba(255, 92, 168, 0.75);
}

.studio-system__orbit--one { animation: studioOrbit 11s linear infinite; }
.studio-system__orbit--two { inset: 25%; border-color: rgba(141, 98, 255, 0.32); animation: studioOrbitReverse 8s linear infinite; }

.studio-system__core {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 222px;
  min-height: 142px;
  display: grid;
  place-content: center;
  padding: 24px;
  border: 1px solid rgba(238, 235, 229, 0.2);
  border-radius: 26px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.09), transparent 44%),
    linear-gradient(135deg, rgba(4, 116, 242, 0.22), rgba(141, 98, 255, 0.18), rgba(255, 92, 168, 0.14)),
    rgba(8, 11, 24, 0.84);
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 70px rgba(4, 116, 242, 0.12);
  text-align: center;
  transform: translate(-50%, -50%) rotateX(-4deg) rotateY(9deg) translateZ(70px);
  animation: innerFloat 5.6s ease-in-out infinite;
}

.studio-system__core span { color: #fff; font-size: 2rem; font-weight: 650; letter-spacing: -0.065em; }
.studio-system__core small { margin-top: 8px; color: rgba(238, 235, 229, 0.55); font-family: var(--font-mono); font-size: 0.58rem; letter-spacing: 0.08em; text-transform: uppercase; }
.studio-system__core i { position: absolute; top: 17px; right: 17px; width: 9px; height: 9px; border-radius: 50%; background: linear-gradient(135deg, var(--color-oxygen), var(--color-volt), var(--color-pink)); box-shadow: 0 0 0 6px rgba(4, 116, 242, 0.08); }

.studio-system__chip {
  position: absolute;
  z-index: 4;
  min-width: 128px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(238, 235, 229, 0.15);
  border-radius: 14px;
  background: rgba(8, 11, 24, 0.82);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.08);
  color: rgba(238, 235, 229, 0.86);
  font-size: 0.76rem;
  backdrop-filter: blur(14px);
}

.studio-system__chip svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.studio-system__chip--strategy { top: 13%; left: 2%; color: var(--color-oxygen); transform: translateZ(100px) rotate(-8deg); }
.studio-system__chip--design { top: 18%; right: 0; color: #c58aff; transform: translateZ(126px) rotate(7deg); }
.studio-system__chip--growth { right: 8%; bottom: 12%; color: var(--color-pink); transform: translateZ(86px) rotate(-5deg); }
.studio-system__coordinate { position: absolute; color: rgba(238, 235, 229, 0.37); font-family: var(--font-mono); font-size: 0.56rem; letter-spacing: 0.08em; text-transform: uppercase; }
.studio-system__coordinate--one { bottom: 8%; left: 11%; }
.studio-system__coordinate--two { top: 6%; right: 24%; }

/* Services hero constellation. */
.service-constellation {
  position: relative;
  width: min(100%, 530px);
  aspect-ratio: 1;
  transform-style: preserve-3d;
  transform: rotateX(5deg) rotateY(-7deg);
}

.service-constellation::before {
  content: "";
  position: absolute;
  inset: 22%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(141, 98, 255, 0.24), rgba(4, 116, 242, 0.09) 42%, transparent 68%);
  filter: blur(16px);
}

.service-constellation__ring {
  position: absolute;
  inset: 11%;
  border: 1px solid rgba(99, 226, 229, 0.19);
  border-radius: 50%;
  transform: rotateX(66deg) rotateZ(-12deg);
}

.service-constellation__ring--one { animation: studioOrbit 14s linear infinite; }
.service-constellation__ring--two { inset: 23%; border-color: rgba(141, 98, 255, 0.28); animation: studioOrbitReverse 10s linear infinite; }
.service-constellation__ring--three { inset: 35%; border-color: rgba(255, 92, 168, 0.22); animation: studioOrbit 8s linear infinite; }

.service-constellation__core {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 164px;
  aspect-ratio: 1;
  display: grid;
  place-content: center;
  border: 1px solid rgba(238, 235, 229, 0.2);
  border-radius: 50%;
  background: radial-gradient(circle at 35% 27%, rgba(255, 255, 255, 0.18), transparent 22%), linear-gradient(145deg, rgba(4, 116, 242, 0.28), rgba(141, 98, 255, 0.24), rgba(255, 92, 168, 0.18)), rgba(8, 11, 24, 0.9);
  box-shadow: 0 34px 82px rgba(0, 0, 0, 0.42), 0 0 72px rgba(141, 98, 255, 0.14), inset 0 1px rgba(255, 255, 255, 0.13);
  text-align: center;
  transform: translate(-50%, -50%) translateZ(86px);
  animation: innerFloat 5s ease-in-out infinite;
}

.service-constellation__core strong { color: #fff; font-size: 3.2rem; line-height: 0.85; letter-spacing: -0.08em; }
.service-constellation__core span { margin-top: 9px; color: rgba(238, 235, 229, 0.58); font-family: var(--font-mono); font-size: 0.57rem; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; }

.service-constellation__node {
  position: absolute;
  z-index: 5;
  min-width: 98px;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  border: 1px solid rgba(238, 235, 229, 0.14);
  border-radius: 999px;
  background: rgba(8, 11, 24, 0.84);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.3);
  color: rgba(238, 235, 229, 0.78);
  font-size: 0.67rem;
  backdrop-filter: blur(12px);
}

.service-constellation__node i { color: var(--color-oxygen); font-family: var(--font-mono); font-size: 0.55rem; font-style: normal; }
.service-constellation__node--one { top: 8%; left: 22%; transform: rotate(-5deg) translateZ(80px); }
.service-constellation__node--two { top: 26%; right: 1%; transform: rotate(7deg) translateZ(110px); }
.service-constellation__node--three { right: 3%; bottom: 22%; transform: rotate(-4deg) translateZ(76px); }
.service-constellation__node--four { bottom: 7%; left: 29%; transform: rotate(5deg) translateZ(104px); }
.service-constellation__node--five { bottom: 27%; left: 0; transform: rotate(-7deg) translateZ(74px); }
.service-constellation__node--six { top: 27%; left: -2%; transform: rotate(4deg) translateZ(98px); }
.service-constellation__node:nth-of-type(4n) i { color: #c58aff; }
.service-constellation__node:nth-of-type(3n) i { color: var(--color-pink); }

/* Proof hero deck. */
.proof-deck {
  position: relative;
  width: min(100%, 540px);
  height: 460px;
  transform-style: preserve-3d;
  transform: rotateX(4deg) rotateY(-8deg);
}

.proof-deck__card {
  position: absolute;
  right: 5%;
  left: 5%;
  min-height: 190px;
  padding: 28px 32px;
  overflow: hidden;
  border: 1px solid rgba(238, 235, 229, 0.16);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,0.065), transparent 48%), rgba(13, 16, 53, 0.8);
  box-shadow: 0 34px 80px rgba(0, 0, 0, 0.4), inset 0 1px rgba(255, 255, 255, 0.1);
  transform-style: preserve-3d;
  backdrop-filter: blur(16px);
}

.proof-deck__card span { color: var(--color-oxygen); font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.08em; text-transform: uppercase; }
.proof-deck__card b { display: block; margin-top: 28px; color: #fff; font-size: clamp(1.65rem, 3vw, 2.7rem); font-weight: 540; letter-spacing: -0.045em; }
.proof-deck__card i { position: absolute; right: -8%; bottom: -50%; width: 45%; aspect-ratio: 1; border-radius: 50%; background: rgba(4, 116, 242, 0.25); filter: blur(30px); }
.proof-deck__card--back { top: 8%; border-color: rgba(255, 92, 168, 0.21); transform: translateZ(-60px) rotate(-5deg); }
.proof-deck__card--middle { top: 30%; border-color: rgba(141, 98, 255, 0.27); transform: translateX(5%) translateZ(10px) rotate(2.5deg); }
.proof-deck__card--front { top: 51%; border-color: rgba(99, 226, 229, 0.24); transform: translateX(-3%) translateZ(72px) rotate(-1.5deg); }
.proof-deck__card--front svg { position: absolute; right: 28px; bottom: 20px; width: 46%; overflow: visible; }
.proof-deck__card--front svg path { fill: none; stroke: url(#none); stroke: var(--color-oxygen); stroke-width: 2; }
.proof-deck__card--front svg circle { fill: var(--color-pink); filter: drop-shadow(0 0 7px rgba(255, 92, 168, 0.7)); }
.proof-deck__seal { position: absolute; z-index: 8; top: 38%; left: 38%; width: 106px; aspect-ratio: 1; display: grid; place-content: center; border: 1px solid rgba(238, 235, 229, 0.22); border-radius: 50%; background: rgba(3, 5, 9, 0.84); box-shadow: 0 20px 50px rgba(0,0,0,.4), 0 0 40px rgba(255,92,168,.09); color: #fff; font-size: 1.05rem; font-weight: 650; line-height: 1; text-align: center; transform: translateZ(130px) rotate(-8deg); }
.proof-deck__seal small { margin-top: 6px; color: var(--color-pink); font-family: var(--font-mono); font-size: 0.48rem; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }

/* Shared card polish. */
:is(.inner-page--about, .inner-page--services, .inner-page--projects) [data-tilt] {
  transform-style: preserve-3d;
  will-change: transform;
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .section-title .mark {
  font-family: var(--font-editorial);
  font-style: italic;
  font-weight: 400;
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .section-head {
  margin-bottom: clamp(40px, 4.8vw, 66px);
}

:is(.inner-page--about, .inner-page--services, .inner-page--projects) .section-title {
  font-size: clamp(2.8rem, 5vw, 5.8rem);
}

/* About page sections. */
.inner-page--about .about-premise .story-layout {
  grid-template-columns: minmax(0, 0.82fr) minmax(470px, 1.18fr);
  gap: clamp(48px, 7vw, 104px);
  align-items: center;
}

.inner-page--about .about-premise .story-copy {
  position: relative;
  z-index: 2;
}

.story-panel--signal {
  position: relative;
  min-height: 580px;
  display: grid;
  grid-template-rows: minmax(250px, 1fr) auto auto;
  gap: 24px;
  overflow: hidden;
  padding: clamp(28px, 3.5vw, 48px);
}

.story-panel--signal::after {
  content: "";
  position: absolute;
  right: -18%;
  bottom: -30%;
  width: 58%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(4,116,242,.36), rgba(141,98,255,.28), rgba(255,92,168,.24));
  filter: blur(44px);
  opacity: .6;
}

.story-panel__visual {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  border: 1px solid rgba(238, 235, 229, 0.1);
  border-radius: 18px;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    rgba(3,5,9,.24);
  background-size: 32px 32px;
}

.signal-dial { position: relative; width: min(78%, 270px); aspect-ratio: 1; display: grid; place-items: center; }
.signal-dial svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: rgba(99,226,229,.27); stroke-width: 1; overflow: visible; }
.signal-dial svg path { stroke: url(#none); stroke: var(--color-oxygen); stroke-width: 1.5; }
.signal-dial__point { fill: var(--color-pink); stroke: none; filter: drop-shadow(0 0 9px rgba(255,92,168,.8)); }
.signal-dial span { color: #fff; font-size: 2.1rem; font-weight: 600; letter-spacing: -.06em; }
.signal-dial small { position: absolute; top: 57%; color: rgba(238,235,229,.48); font-family: var(--font-mono); font-size: .56rem; letter-spacing: .08em; text-transform: uppercase; }
.story-panel__reading { position: absolute; z-index: 2; color: rgba(238,235,229,.46); font-family: var(--font-mono); font-size: .54rem; letter-spacing: .07em; text-transform: uppercase; }
.story-panel__reading:first-of-type { top: 28px; left: 28px; }
.story-panel__reading:last-of-type { right: 28px; bottom: 28px; }
.story-panel__copy { position: relative; z-index: 2; }
.story-panel__copy .section-eyebrow { margin-bottom: 12px; }
.story-panel--signal .global-card__list { position: relative; z-index: 2; margin-top: 0; }

.inner-page--about .about-principles .value-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  border: 0;
  background: transparent;
}

.inner-page--about .about-principles .value-card {
  position: relative;
  min-height: 275px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  overflow: hidden;
}

.inner-page--about .about-principles .value-card:nth-child(1) { grid-column: span 5; }
.inner-page--about .about-principles .value-card:nth-child(2) { grid-column: span 3; }
.inner-page--about .about-principles .value-card:nth-child(3) { grid-column: span 4; }
.inner-page--about .about-principles .value-card:nth-child(4) { grid-column: span 4; }
.inner-page--about .about-principles .value-card:nth-child(5) { grid-column: span 5; }
.inner-page--about .about-principles .value-card:nth-child(6) { grid-column: span 3; }

.inner-page--about .about-principles .value-card::after {
  content: "";
  position: absolute;
  right: -22%;
  bottom: -36%;
  width: 58%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--value-glow, rgba(4,116,242,.3));
  filter: blur(36px);
  opacity: .48;
  transition: transform 320ms var(--inner-ease), opacity 220ms ease;
}

.inner-page--about .about-principles .value-card:nth-child(2n) { --value-glow: rgba(141,98,255,.35); }
.inner-page--about .about-principles .value-card:nth-child(3n) { --value-glow: rgba(255,92,168,.34); }
.inner-page--about .about-principles .value-card:hover::after { transform: translate(-14%, -10%) scale(1.12); opacity: .68; }
.value-card__top { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: auto; color: var(--color-oxygen); font-family: var(--font-mono); font-size: .65rem; letter-spacing: .08em; }
.inner-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(238,235,229,.14); border-radius: 50%; background: rgba(238,235,229,.045); color: currentColor; font-style: normal; }
.inner-icon svg, .detail-card__icon svg { fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.inner-page--about .about-principles .value-card h3 { position: relative; z-index: 2; margin-top: 52px; color: #fff; }
.inner-page--about .about-principles .value-card p { position: relative; z-index: 2; }

.inner-page--about .about-markets .split-layout {
  grid-template-columns: minmax(0, .76fr) minmax(470px, 1.24fr);
  align-items: center;
}

.about-markets__panel {
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(260px, 1.2fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  gap: 22px 34px;
  padding: clamp(28px, 3.6vw, 48px);
  border: 1px solid var(--inner-line);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.055), transparent 42%), rgba(13,16,53,.5);
  box-shadow: 0 28px 86px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.08);
  overflow: hidden;
}

.about-markets__panel .section-desc { margin-top: 0; }
.about-markets__panel .global-card__list { grid-column: 1 / -1; margin-top: 0; padding-top: 20px; border-top: 1px solid rgba(238,235,229,.12); }
.about-markets__globe { position: relative; width: min(100%, 390px); aspect-ratio: 1; justify-self: center; filter: drop-shadow(0 30px 42px rgba(0,0,0,.28)); }
.about-markets__globe::before { content: ""; position: absolute; z-index: -1; inset: 19%; border-radius: 50%; background: radial-gradient(circle, rgba(4,116,242,.2), rgba(141,98,255,.1) 44%, transparent 70%); filter: blur(28px); }
.about-markets__globe .cobe-globe { width: 100%; }
.about-markets__panel .pill--dark { color: rgba(238,235,229,.9); text-shadow: 0 1px 12px rgba(0,0,0,.22); }
.about-markets__panel .pill--dark::before { color: var(--color-oxygen); }

/* Services catalogue. */
.inner-page--services .service-detail-list { gap: 20px; }
.inner-page--services .detail-card {
  grid-template-columns: 150px minmax(0, 1fr) minmax(290px, .78fr);
  align-items: center;
  gap: clamp(28px, 4vw, 64px);
  min-height: 460px;
  scroll-margin-top: 110px;
  padding: clamp(30px, 4vw, 54px);
}

.inner-page--services .detail-card::after {
  content: "";
  position: absolute;
  top: -30%;
  right: 16%;
  width: 34%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: color-mix(in srgb, var(--service-accent) 18%, transparent);
  filter: blur(58px);
  pointer-events: none;
}

.inner-page--services .detail-card__meta { align-self: stretch; justify-content: space-between; position: relative; z-index: 2; }
.detail-card__icon { width: 66px; height: 66px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--service-accent) 36%, transparent); border-radius: 18px; background: color-mix(in srgb, var(--service-accent) 9%, rgba(3,5,9,.6)); color: var(--service-accent); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 15px 36px rgba(0,0,0,.25); font-style: normal; }
.detail-card__icon svg { width: 31px; height: 31px; }
.detail-card__copy { position: relative; z-index: 2; }
.inner-page--services .detail-card__copy h2 { color: #fff; font-size: clamp(2rem, 3.1vw, 3.7rem); font-weight: 520; letter-spacing: -.055em; line-height: .98; }
.inner-page--services .detail-card__copy p { margin-top: 18px; line-height: 1.62; }
.inner-page--services .check-list { gap: 10px 24px; margin-top: 24px; }
.inner-page--services .check-list li { align-items: center; }

.service-object {
  position: relative;
  z-index: 2;
  min-height: 310px;
  overflow: hidden;
  border: 1px solid rgba(238,235,229,.11);
  border-radius: 20px;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    rgba(3,5,9,.38);
  background-size: 30px 30px;
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 24px 54px rgba(0,0,0,.26);
  perspective: 800px;
}

.service-object__grid { position: absolute; inset: 0; }
.service-object small, .service-object--identity > small { position: absolute; left: 20px; bottom: 18px; color: rgba(238,235,229,.43); font-family: var(--font-mono); font-size: .55rem; letter-spacing: .07em; text-transform: uppercase; }

.audit-ring { position: absolute; top: 50%; left: 50%; width: 190px; aspect-ratio: 1; border: 1px solid rgba(99,226,229,.33); border-radius: 50%; transform: translate(-50%,-50%); }
.audit-ring--two { width: 126px; border-color: rgba(141,98,255,.4); }.audit-ring--three { width: 62px; border-color: rgba(255,92,168,.45); }
.audit-signal { position: absolute; top: 29%; left: 67%; width: 14px; aspect-ratio: 1; border-radius: 50%; background: var(--color-oxygen); box-shadow: 0 0 0 9px rgba(99,226,229,.1), 0 0 24px rgba(99,226,229,.8); animation: signalPulse 2.2s ease-in-out infinite; }

.strategy-plane { position: absolute; right: 14%; left: 14%; height: 78px; display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border: 1px solid rgba(238,235,229,.14); border-radius: 14px; background: rgba(13,16,53,.75); box-shadow: 0 22px 40px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.07); transform: perspective(700px) rotateX(58deg) rotateZ(-7deg); }
.strategy-plane span { color: rgba(238,235,229,.65); font-family: var(--font-mono); font-size: .58rem; text-transform: uppercase; }.strategy-plane i { width: 9px; aspect-ratio: 1; border-radius: 50%; background: var(--color-oxygen); box-shadow: 0 0 12px rgba(99,226,229,.55); }
.strategy-plane--one { top: 13%; }.strategy-plane--two { top: 36%; transform: perspective(700px) rotateX(58deg) rotateZ(1deg) translateZ(20px); border-color: rgba(141,98,255,.3); }.strategy-plane--two i { background: var(--color-violet); }.strategy-plane--three { top: 59%; transform: perspective(700px) rotateX(58deg) rotateZ(7deg) translateZ(40px); border-color: rgba(255,92,168,.28); }.strategy-plane--three i { background: var(--color-pink); }

.service-object--marketing { display: grid; place-items: center; }
.service-object--marketing svg { width: 92%; height: auto; overflow: visible; }
.marketing-grid { fill: none; stroke: rgba(238,235,229,.1); stroke-width: 1; }.marketing-line { fill: none; stroke: url(#marketingLine); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 8px rgba(4,116,242,.45)); }.service-object--marketing circle { fill: #030509; stroke: var(--color-oxygen); stroke-width: 3; }
.marketing-channel { position: absolute; padding: 6px 9px; border: 1px solid rgba(238,235,229,.13); border-radius: 999px; background: rgba(3,5,9,.8); color: rgba(238,235,229,.62); font-family: var(--font-mono); font-size: .5rem; text-transform: uppercase; }.marketing-channel--one { top: 12%; left: 10%; }.marketing-channel--two { top: 21%; right: 10%; }.marketing-channel--three { right: 16%; bottom: 12%; }

.identity-prism { position: absolute; top: 48%; left: 51%; width: 118px; height: 118px; transform-style: preserve-3d; transform: translate(-50%,-50%) rotateX(-18deg) rotateY(34deg) rotateZ(-6deg); animation: prismTurn 8s ease-in-out infinite alternate; }
.identity-prism__face { position: absolute; inset: 0; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.23); background: linear-gradient(135deg, rgba(4,116,242,.75), rgba(141,98,255,.72), rgba(255,92,168,.65)); box-shadow: inset 0 1px rgba(255,255,255,.22), 0 22px 42px rgba(0,0,0,.3); color: #fff; font-size: 2rem; font-style: normal; font-weight: 700; letter-spacing: -.08em; }.identity-prism__face--front { transform: translateZ(59px); }.identity-prism__face--side { transform: rotateY(90deg) translateZ(59px); filter: brightness(.65); }.identity-prism__face--top { transform: rotateX(90deg) translateZ(59px); filter: brightness(1.18); }
.identity-swatches { position: absolute; right: 20px; bottom: 18px; display: flex; gap: 6px; }.identity-swatches i { width: 18px; height: 36px; border-radius: 9px; background: var(--color-oxygen); }.identity-swatches i:nth-child(2){background:var(--color-volt)}.identity-swatches i:nth-child(3){background:var(--color-violet)}.identity-swatches i:nth-child(4){background:var(--color-pink)}

.web-frame { position: absolute; top: 16%; right: 10%; left: 10%; height: 202px; padding: 48px 24px 20px; border: 1px solid rgba(238,235,229,.18); border-radius: 14px; background: rgba(13,16,53,.78); box-shadow: 0 26px 58px rgba(0,0,0,.35), inset 0 1px rgba(255,255,255,.08); transform: perspective(800px) rotateY(-9deg) rotateX(4deg); }
.web-frame__bar { position: absolute; inset: 0 0 auto; height: 34px; display: flex; align-items: center; gap: 5px; padding: 0 12px; border-bottom: 1px solid rgba(238,235,229,.1); }.web-frame__bar i { width: 6px; aspect-ratio:1; border-radius:50%; background:var(--color-pink); }.web-frame__bar i:nth-child(2){background:var(--color-violet)}.web-frame__bar i:nth-child(3){background:var(--color-oxygen)}
.web-frame__headline,.web-frame__copy { display:block; height:12px; border-radius:999px; background:rgba(238,235,229,.18); }.web-frame__headline{width:68%;height:23px;background:linear-gradient(90deg,var(--color-oxygen),var(--color-volt),var(--color-violet));}.web-frame__copy{width:82%;margin-top:16px}.web-frame__copy--short{width:54%;margin-top:8px}.web-frame b{position:absolute;left:24px;bottom:22px;width:88px;height:30px;border-radius:999px;background:#fff}
.web-phone { position:absolute;right:6%;bottom:7%;width:75px;height:138px;padding:18px 10px;border:1px solid rgba(238,235,229,.22);border-radius:16px;background:#070a17;box-shadow:0 20px 38px rgba(0,0,0,.42);transform:rotate(8deg) translateZ(50px)}.web-phone span,.web-phone i{display:block;border-radius:6px;background:linear-gradient(135deg,rgba(4,116,242,.6),rgba(141,98,255,.55))}.web-phone span{height:56px}.web-phone i{height:7px;margin-top:9px;background:rgba(238,235,229,.16)}

.performance-ring { position:absolute;top:45%;left:34%;width:150px;aspect-ratio:1;display:grid;place-content:center;border:1px solid rgba(99,226,229,.32);border-radius:50%;box-shadow:0 0 0 26px rgba(4,116,242,.035),0 0 0 52px rgba(141,98,255,.025);text-align:center;transform:translate(-50%,-50%)}.performance-ring span{color:#fff;font-size:2.5rem;font-weight:600;letter-spacing:-.08em}.performance-ring span strong{color:var(--color-oxygen);font-size:1.2rem}.performance-ring small{position:static;margin-top:7px;color:rgba(238,235,229,.45)}
.performance-bars{position:absolute;right:14%;bottom:19%;height:145px;display:flex;align-items:flex-end;gap:8px}.performance-bars i{width:16px;height:28%;border-radius:8px 8px 2px 2px;background:linear-gradient(to top,var(--color-volt),var(--color-oxygen));box-shadow:0 0 14px rgba(4,116,242,.25)}.performance-bars i:nth-child(2){height:42%}.performance-bars i:nth-child(3){height:57%}.performance-bars i:nth-child(4){height:78%;background:linear-gradient(to top,var(--color-violet),var(--color-pink))}.performance-bars i:nth-child(5){height:96%;background:linear-gradient(to top,var(--color-pink),#fff)}.performance-tag{position:absolute;right:14%;top:14%;color:rgba(238,235,229,.45);font-family:var(--font-mono);font-size:.52rem;letter-spacing:.06em;text-transform:uppercase}

.services-system { overflow: hidden; background: linear-gradient(135deg, rgba(13,16,53,.52), rgba(3,5,9,.98) 58%); }
.service-flow { display: grid; grid-template-columns: repeat(11, auto); align-items: center; justify-content: space-between; gap: 10px; padding: clamp(24px,3vw,38px); border:1px solid var(--inner-line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 44%),rgba(13,16,53,.46);box-shadow:0 28px 76px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08)}
.service-flow span{min-width:88px;display:grid;gap:5px;color:#fff;font-size:.86rem;font-weight:600}.service-flow span i{color:var(--color-oxygen);font-family:var(--font-mono);font-size:.55rem;font-style:normal;letter-spacing:.07em}.service-flow b{width:clamp(18px,3vw,58px);height:1px;background:linear-gradient(90deg,rgba(99,226,229,.4),rgba(141,98,255,.48),rgba(255,92,168,.38));position:relative}.service-flow b::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;aspect-ratio:1;border-top:1px solid var(--color-pink);border-right:1px solid var(--color-pink);transform:rotate(45deg)}

/* Proof page project art. */
.inner-page--projects .project-grid { grid-template-columns: repeat(12,minmax(0,1fr)); gap:20px; border:0; background:transparent; }
.inner-page--projects .project-card { position:relative; grid-column:span 6; border-radius:24px; }
.inner-page--projects .project-card:nth-child(1),.inner-page--projects .project-card:nth-child(4){grid-column:span 7}.inner-page--projects .project-card:nth-child(2),.inner-page--projects .project-card:nth-child(3){grid-column:span 5}
.inner-page--projects .project-card__visual { position:relative; min-height:clamp(320px,33vw,470px);overflow:hidden;padding:24px;background-color:rgba(5,8,18,.92);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at 24% 74%,rgba(4,116,242,.31),transparent 34%),radial-gradient(circle at 78% 24%,rgba(141,98,255,.24),transparent 31%);background-size:34px 34px,34px 34px,auto,auto}
.inner-page--projects .project-card:nth-child(3n) .project-card__visual{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle at 24% 76%,rgba(255,92,168,.3),transparent 35%),radial-gradient(circle at 76% 26%,rgba(141,98,255,.28),transparent 32%);background-size:34px 34px,34px 34px,auto,auto}
.inner-page--projects .project-card__stamp{position:absolute;z-index:8;top:22px;left:22px;color:rgba(238,235,229,.75);background:rgba(3,5,9,.68)}
.inner-page--projects .project-card__body{min-height:180px;padding:28px 30px 32px}.inner-page--projects .project-card__body h3{margin-top:14px;color:#fff;font-size:clamp(1.7rem,2.4vw,2.65rem);letter-spacing:-.045em}.inner-page--projects .project-card__body p{line-height:1.55}
.project-art{position:relative;width:100%;height:100%;min-height:280px;transform-style:preserve-3d}

.project-art--audit{display:grid;place-items:center}.project-art--audit::before,.project-art--audit::after{content:"";position:absolute;width:220px;aspect-ratio:1;border:1px solid rgba(99,226,229,.27);border-radius:50%}.project-art--audit::after{width:126px;border-color:rgba(141,98,255,.38)}.project-art--audit i{position:absolute;width:12px;aspect-ratio:1;border-radius:50%;background:var(--color-oxygen);box-shadow:0 0 16px rgba(99,226,229,.7)}.project-art--audit i:nth-of-type(1){top:24%;left:29%}.project-art--audit i:nth-of-type(2){top:42%;right:25%;background:var(--color-pink)}.project-art--audit i:nth-of-type(3){bottom:21%;left:43%;background:var(--color-violet)}.project-art__scan{position:absolute;width:110px;height:1px;background:linear-gradient(90deg,transparent,var(--color-oxygen),transparent);transform-origin:left;animation:projectScan 4s linear infinite;z-index:2}.project-art--audit b{position:absolute;right:6%;bottom:7%;color:rgba(238,235,229,.42);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em}

.project-art--strategy{display:grid;place-items:center}.project-art--strategy span{position:absolute;min-width:102px;padding:10px 13px;border:1px solid rgba(238,235,229,.15);border-radius:999px;background:rgba(3,5,9,.7);color:rgba(238,235,229,.76);font-family:var(--font-mono);font-size:.56rem;text-align:center;text-transform:uppercase;box-shadow:0 14px 30px rgba(0,0,0,.28)}.project-art--strategy span:nth-child(1){top:20%;left:10%}.project-art--strategy span:nth-child(2){top:17%;right:8%}.project-art--strategy span:nth-child(3){bottom:16%;left:12%}.project-art--strategy span:nth-child(4){right:10%;bottom:20%}.project-art--strategy i{width:122px;aspect-ratio:1;border:1px solid rgba(141,98,255,.35);border-radius:24px;background:linear-gradient(145deg,rgba(4,116,242,.3),rgba(141,98,255,.25),rgba(255,92,168,.19));box-shadow:0 28px 58px rgba(0,0,0,.35),0 0 46px rgba(141,98,255,.12);transform:rotate(45deg) translateZ(50px)}.project-art--strategy::before,.project-art--strategy::after{content:"";position:absolute;inset:50% 21% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(99,226,229,.42),transparent)}.project-art--strategy::after{inset:18% auto 18% 50%;width:1px;height:auto}

.project-art--identity{display:grid;place-items:center}.project-monogram{width:132px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,var(--color-volt),var(--color-violet),var(--color-pink));box-shadow:0 32px 68px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.24);color:#fff;font-size:2.7rem;font-weight:700;letter-spacing:-.1em;transform:rotate(-9deg) translateZ(50px)}.project-art--identity>span{position:absolute;width:30px;height:110px;border-radius:999px;background:var(--color-oxygen);transform:rotate(24deg)}.project-art--identity>span:nth-of-type(1){left:12%;bottom:12%}.project-art--identity>span:nth-of-type(2){left:21%;bottom:10%;background:var(--color-volt)}.project-art--identity>span:nth-of-type(3){right:18%;top:12%;background:var(--color-violet)}.project-art--identity>span:nth-of-type(4){right:9%;top:14%;background:var(--color-pink)}.project-art--identity b{position:absolute;right:7%;bottom:7%;color:rgba(238,235,229,.4);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.08em}

.project-art--website{display:grid;place-items:center}.project-browser{position:absolute;top:17%;right:12%;left:8%;height:220px;padding:54px 28px 24px;border:1px solid rgba(238,235,229,.18);border-radius:16px;background:rgba(13,16,53,.82);box-shadow:0 30px 66px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08);transform:perspective(800px) rotateY(-8deg) rotateX(3deg)}.project-browser>span{position:absolute;inset:0 0 auto;height:38px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid rgba(238,235,229,.1)}.project-browser>span i{width:7px;aspect-ratio:1;border-radius:50%;background:var(--color-pink)}.project-browser>span i:nth-child(2){background:var(--color-violet)}.project-browser>span i:nth-child(3){background:var(--color-oxygen)}.project-browser b{display:block;width:62%;height:26px;border-radius:999px;background:linear-gradient(90deg,var(--color-oxygen),var(--color-volt),var(--color-violet))}.project-browser em{display:block;width:82%;height:9px;margin-top:15px;border-radius:999px;background:rgba(238,235,229,.17)}.project-browser em+em{width:54%;margin-top:8px}.project-browser strong{position:absolute;left:28px;bottom:25px;width:95px;height:31px;border-radius:999px;background:#fff}.project-device{position:absolute;right:5%;bottom:5%;width:82px;height:154px;border:1px solid rgba(238,235,229,.22);border-radius:18px;background:linear-gradient(165deg,rgba(4,116,242,.28),rgba(141,98,255,.18)),#080b18;box-shadow:0 24px 45px rgba(0,0,0,.4);transform:rotate(7deg) translateZ(70px)}

.project-art--campaign{display:grid;place-items:center}.campaign-tile{position:absolute;width:100px;aspect-ratio:4/5;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:linear-gradient(145deg,var(--color-volt),var(--color-violet));box-shadow:0 24px 48px rgba(0,0,0,.36);color:#fff;font-size:2.2rem;font-weight:700}.campaign-tile--one{top:17%;left:12%;transform:rotate(-9deg)}.campaign-tile--two{top:25%;left:28%;background:linear-gradient(145deg,var(--color-violet),var(--color-pink));transform:rotate(7deg) translateZ(45px)}.project-art--campaign svg{position:absolute;right:4%;bottom:16%;width:48%;overflow:visible}.project-art--campaign svg path{fill:none;stroke:var(--color-oxygen);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(99,226,229,.45))}.project-art--campaign svg circle{fill:var(--color-pink)}.project-art--campaign b{position:absolute;right:7%;top:16%;color:rgba(238,235,229,.44);font-family:var(--font-mono);font-size:.56rem;letter-spacing:.08em}

.project-art--system{display:grid;place-items:center}.system-orbit{position:absolute;width:240px;aspect-ratio:1;border:1px solid rgba(99,226,229,.25);border-radius:50%;transform:rotateX(67deg) rotateZ(12deg)}.system-orbit--two{width:150px;border-color:rgba(255,92,168,.32);transform:rotateX(67deg) rotateZ(-24deg)}.project-art--system i{position:absolute;width:78px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(238,235,229,.18);border-radius:50%;background:rgba(13,16,53,.85);box-shadow:0 18px 36px rgba(0,0,0,.3);color:#fff;font-family:var(--font-mono);font-size:.55rem;font-style:normal}.project-art--system i:nth-of-type(1){top:14%;left:18%}.project-art--system i:nth-of-type(2){right:12%;top:28%}.project-art--system i:nth-of-type(3){bottom:10%;left:38%}.project-art--system::after{content:"BC";width:120px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:linear-gradient(145deg,rgba(4,116,242,.65),rgba(141,98,255,.62),rgba(255,92,168,.5));box-shadow:0 28px 58px rgba(0,0,0,.4),0 0 48px rgba(141,98,255,.14);color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.08em;transform:translateZ(70px)}.project-art--system b{position:absolute;right:7%;bottom:7%;color:rgba(238,235,229,.42);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.08em}

.inner-page--projects .evidence-standard .proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;background:transparent}.inner-page--projects .evidence-standard .proof-card{min-height:480px;display:flex;flex-direction:column;padding:30px;overflow:hidden}.inner-page--projects .evidence-standard .proof-card h3{margin-top:18px;color:#fff;font-size:clamp(1.7rem,2.3vw,2.5rem);letter-spacing:-.045em}.inner-page--projects .evidence-standard .proof-card p{line-height:1.58}.proof-module{position:relative;min-height:190px;margin-top:auto;padding:22px;overflow:hidden;border:1px solid rgba(238,235,229,.12);border-radius:16px;background:rgba(3,5,9,.38)}
.proof-module--quote{display:flex;flex-direction:column;justify-content:flex-end}.proof-module--quote svg{position:absolute;top:20px;left:20px;fill:rgba(99,226,229,.8);stroke:none}.proof-module--quote span{position:relative;z-index:2;max-width:16ch;color:#fff;font-size:1.25rem;font-weight:550;line-height:1.15}.proof-module--quote i{display:block;height:8px;margin-top:12px;border-radius:999px;background:rgba(238,235,229,.15)}.proof-module--quote i:last-child{width:62%;margin-top:7px}
.proof-module--compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.proof-module--compare>div{min-height:126px;padding:14px;border:1px solid rgba(238,235,229,.12);border-radius:12px;background:rgba(13,16,53,.55)}.proof-module--compare span{color:rgba(238,235,229,.48);font-family:var(--font-mono);font-size:.52rem;text-transform:uppercase}.proof-module--compare i{display:block;height:17px;margin-top:20px;border-radius:5px;background:rgba(238,235,229,.13)}.proof-module--compare i:last-child{width:65%;height:7px;margin-top:9px}.proof-module--compare>div:last-child{border-color:rgba(99,226,229,.24);background:linear-gradient(145deg,rgba(4,116,242,.22),rgba(141,98,255,.16)),rgba(13,16,53,.65)}.proof-module--compare>b{color:var(--color-pink);font-size:1.2rem}
.proof-module--metric{display:flex;flex-direction:column}.proof-module--metric>span{color:var(--color-oxygen);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.07em;text-transform:uppercase}.proof-module--metric svg{width:100%;height:auto;margin-top:14px;overflow:visible}.proof-module--metric path{fill:none;stroke:url(#none);stroke:var(--color-oxygen);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(99,226,229,.4))}.proof-module--metric circle{fill:var(--color-pink)}.proof-module--metric i{margin-top:auto;color:rgba(238,235,229,.38);font-family:var(--font-mono);font-size:.5rem;font-style:normal;text-transform:uppercase}

@keyframes innerAurora { to { transform: translate3d(-5%, -7%, 0) rotate(2deg) scale(1.08); filter: blur(72px) hue-rotate(14deg); } }
@keyframes studioOrbit { to { transform: rotateX(67deg) rotateZ(375deg); } }
@keyframes studioOrbitReverse { to { transform: rotateX(67deg) rotateZ(-345deg); } }
@keyframes innerFloat { 50% { translate: 0 -10px; } }
@keyframes signalPulse { 50% { scale: .72; opacity: .68; box-shadow: 0 0 0 18px rgba(99,226,229,.04),0 0 32px rgba(99,226,229,.72); } }
@keyframes prismTurn { to { transform: translate(-50%,-50%) rotateX(-10deg) rotateY(58deg) rotateZ(5deg); } }
@keyframes projectScan { to { transform: rotate(360deg); } }

@media (max-width: 1120px) {
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__inner { grid-template-columns: minmax(0,1fr) minmax(370px,.82fr); gap:28px 36px; }
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__title { font-size:clamp(2.2rem,4vw,4rem); }
  .inner-showcase-hero__scene { min-height:440px; }
  .inner-page--about .about-premise .story-layout,.inner-page--about .about-markets .split-layout{grid-template-columns:1fr 1fr;gap:38px}.about-markets__panel{grid-template-columns:1fr;min-height:0}.about-markets__globe{width:300px}.about-markets__panel .global-card__list{grid-column:1}
  .inner-page--services .detail-card{grid-template-columns:120px minmax(0,1fr) minmax(220px,.6fr);gap:clamp(20px,3vw,40px)}
  .service-flow{grid-template-columns:repeat(6,1fr);gap:12px}.service-flow b{display:none}.service-flow span{min-width:0;padding:12px;border-left:1px solid rgba(238,235,229,.12)}
}

@media (max-width: 820px) {
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .section { padding-block:64px; }
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero { min-height:0;padding:calc(var(--nav-height) + 20px) 0 36px; }
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:30px}
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__meta{grid-column:1;margin:0;padding-bottom:16px}
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__title{font-size:clamp(2rem,10vw,3.6rem)}
  .inner-showcase-hero__scene{min-height:430px;width:min(100%,560px);justify-self:center}
  .inner-page--about .about-premise .story-layout,.inner-page--about .about-markets .split-layout{grid-template-columns:1fr}.story-panel--signal{min-height:540px}.inner-page--about .about-principles .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-page--about .about-principles .value-card:nth-child(n){grid-column:auto;min-height:260px}.about-markets__panel{grid-template-columns:minmax(0,.9fr) minmax(240px,1.1fr)}.about-markets__panel .global-card__list{grid-column:1/-1}
  .inner-page--services .detail-card{grid-template-columns:1fr;min-height:0}.inner-page--services .detail-card__meta{min-height:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.inner-page--services .detail-card__icon{width:54px;height:54px;border-radius:14px}.inner-page--services .detail-card__meta .pill{justify-self:start}.inner-page--services .service-object{grid-column:1;min-height:300px}
  .inner-page--projects .project-grid{grid-template-columns:1fr}.inner-page--projects .project-card:nth-child(n){grid-column:1}.inner-page--projects .evidence-standard .proof-grid{grid-template-columns:1fr}.inner-page--projects .evidence-standard .proof-card{min-height:420px}
}

@media (max-width: 560px) {
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero{padding-top:calc(var(--nav-height) + 24px)}
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__meta>span:last-child{display:block}
  :is(.inner-page--about, .inner-page--services, .inner-page--projects) .inner-showcase-hero .page-hero__title{font-size:clamp(1.8rem,12vw,2.9rem)}
  .inner-showcase-hero__signals{gap:7px}.inner-showcase-hero__signals span{padding:6px 9px;font-size:.55rem}
  .inner-showcase-hero__scene{min-height:350px}.studio-system,.service-constellation{width:360px;max-width:108%}.studio-system__core{width:170px;min-height:112px}.studio-system__core span{font-size:1.55rem}.studio-system__chip{min-width:0;padding:9px 10px}.studio-system__chip span{display:none}.studio-system__chip--strategy{left:5%}.studio-system__chip--design{right:5%}.studio-system__chip--growth{right:13%}.service-constellation__core{width:128px}.service-constellation__core strong{font-size:2.45rem}.service-constellation__node{min-width:0;padding:8px 9px}.service-constellation__node i{display:none}.proof-deck{height:355px}.proof-deck__card{min-height:145px;padding:20px}.proof-deck__card b{margin-top:20px;font-size:1.55rem}.proof-deck__card--front svg{display:none}.proof-deck__seal{width:84px;left:36%}
  .inner-page--about .about-principles .value-grid{grid-template-columns:1fr}.inner-page--about .about-principles .value-card:nth-child(n){grid-column:1;min-height:245px}.story-panel--signal{min-height:510px;padding:22px}.about-markets__panel{grid-template-columns:1fr;padding:24px}.about-markets__panel .global-card__list{grid-column:1}.about-markets__globe{width:min(100%,320px)}
  .inner-page--services .detail-card{padding:26px 22px}.inner-page--services .detail-card__meta{grid-template-columns:auto 1fr}.inner-page--services .detail-card__icon{grid-column:2;grid-row:1/3;justify-self:end}.inner-page--services .check-list{grid-template-columns:1fr}.service-object{min-height:260px}.service-flow{grid-template-columns:repeat(2,1fr);padding:18px}.service-flow span{min-height:62px}
  .inner-page--projects .project-card__visual{min-height:330px}.project-art{min-height:265px}.inner-page--projects .project-card__body{padding:24px}.proof-module--compare{gap:7px;padding:14px}.proof-module--compare>div{padding:10px}.proof-module--compare>b{font-size:.9rem}
}

@media (prefers-reduced-motion: reduce) {
  .inner-showcase-hero__aurora,
  .studio-system__orbit,
  .studio-system__core,
  .service-constellation__ring,
  .service-constellation__core,
  .audit-signal,
  .identity-prism,
  .project-art__scan {
    animation: none !important;
  }

  .inner-showcase-hero__scene { transform: none !important; }
}