:root {
  color-scheme: dark;
  --bg: #090909;
  --surface: #111111;
  --surface-2: #181818;
  --line: rgba(255, 255, 255, 0.13);
  --muted: #a3a3a3;
  --ink: #f6f3ec;
  --orange: #ff5b19;
  --orange-soft: #ff8b5d;
  --green: #66e3a4;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at 78% 7%, rgba(255, 91, 25, 0.13), transparent 26rem),
    var(--bg);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
}
button, a { font: inherit; }
a { color: inherit; }
img { max-width: 100%; display: block; }
.shell { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }

.site-header {
  width: min(calc(100% - 40px), var(--max));
  min-height: 76px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
}
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; font-weight: 800; letter-spacing: .05em; }
.brand em { color: var(--muted); font-style: normal; font-weight: 500; }
.brand-mark {
  display: grid; place-items: center; width: 34px; aspect-ratio: 1;
  border: 1px solid var(--orange); color: var(--orange); font-size: 14px;
}
.header-meta { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: .88rem; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px var(--green); }
.case-switcher { display: flex; gap: 8px; padding-top: 18px; }
.case-switcher a { padding: 9px 13px; border: 1px solid var(--line); color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.case-switcher a:hover { border-color: var(--orange); color: var(--ink); }
.case-switcher span { color: var(--orange); margin-right: 7px; }

.hero {
  min-height: 720px;
  padding: 72px 0 64px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .72fr);
  gap: clamp(40px, 7vw, 104px);
  align-items: center;
}
.eyebrow { color: var(--orange-soft); font-size: .76rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; margin: 0 0 20px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -.055em; line-height: .96; }
h1 { max-width: 820px; font-size: clamp(3.4rem, 7vw, 6.7rem); margin-bottom: 30px; }
h1 span { color: var(--orange); }
.hero-deck { max-width: 700px; color: #c7c7c7; font-size: clamp(1.08rem, 1.8vw, 1.3rem); }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 38px; }
.button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 50px;
  padding: 0 22px; border: 1px solid var(--line); text-decoration: none;
  font-weight: 750; transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); border-color: var(--orange); }
.button-primary { background: var(--orange); color: #080808; border-color: var(--orange); }
.button-ghost { background: rgba(255,255,255,.03); }

.hero-art { position: relative; margin: 0; }
.hero-art::before {
  content: ""; position: absolute; inset: -20px 20px 20px -20px;
  border: 1px solid rgba(255,91,25,.5); z-index: -1;
}
.hero-art img { width: 100%; max-height: 610px; object-fit: cover; filter: saturate(.88) contrast(1.06); }
.hero-art figcaption {
  position: absolute; left: -24px; right: 24px; bottom: 22px; padding: 17px 19px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  background: rgba(8,8,8,.86); backdrop-filter: blur(16px); border: 1px solid var(--line);
}
.hero-art figcaption span { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; }
.hero-art figcaption strong { font-size: .93rem; }

.metric-band { border-block: 1px solid var(--line); background: rgba(255,255,255,.025); }
.metric { display: grid; grid-template-columns: repeat(4, 1fr); }
.metric article { min-height: 176px; padding: 31px 28px; border-right: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; }
.metric article:first-child { border-left: 1px solid var(--line); }
.metric strong { font-size: clamp(2.1rem, 4vw, 3.9rem); letter-spacing: -.06em; line-height: 1; }
.metric span { margin-top: 11px; font-weight: 720; }
.metric small { margin-top: 5px; color: var(--muted); }

.case-film {
  display: grid;
  grid-template-columns: .62fr 1.38fr;
  gap: clamp(42px, 7vw, 92px);
  align-items: center;
}
.case-film-copy h2 {
  max-width: 520px;
  margin-bottom: 24px;
  font-size: clamp(2.8rem, 5.2vw, 5.4rem);
}
.case-film-copy > p:last-of-type {
  max-width: 500px;
  color: var(--muted);
  font-size: 1.08rem;
}
.case-film-note {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 30px;
}
.case-film-note span {
  padding: 8px 11px;
  border: 1px solid var(--line);
  color: #c9c9c9;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.case-film-player {
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: 0 28px 90px rgba(0,0,0,.35);
}
.case-film-player video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #030303;
}
.case-film-caption {
  min-height: 82px;
  padding: 17px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid var(--line);
}
.case-film-caption > span { display: flex; flex-direction: column; }
.case-film-caption small {
  color: var(--orange-soft);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.case-film-caption strong { margin-top: 3px; }
.case-film-caption em {
  color: var(--muted);
  font-size: .76rem;
  font-style: normal;
  letter-spacing: .08em;
}

.section { padding-block: clamp(88px, 11vw, 150px); }
.section-dark { background: #0d0d0d; border-block: 1px solid var(--line); }
.section-heading { max-width: 820px; margin-bottom: 56px; }
.section-heading h2, .review-note h2 { font-size: clamp(2.5rem, 5vw, 5rem); margin-bottom: 18px; }
.section-heading > p:last-child { color: var(--muted); font-size: 1.08rem; }
.split-heading { max-width: none; display: grid; grid-template-columns: 1.4fr .6fr; gap: 80px; align-items: end; }
.split-heading > p { margin-bottom: 8px; }

.transformation-grid { display: grid; gap: 32px; }
.growth-story {
  display: grid; grid-template-columns: .72fr 1.28fr; gap: 34px;
  padding: clamp(26px, 4vw, 50px); border: 1px solid var(--line); background: var(--surface);
}
.growth-copy { align-self: center; }
.platform-label { color: var(--orange-soft); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.growth-copy h3 { margin: 14px 0 20px; font-size: clamp(2rem, 4vw, 4.25rem); line-height: 1; letter-spacing: -.055em; }
.growth-copy h3 i { color: var(--orange); font-style: normal; }
.growth-copy p { color: var(--muted); max-width: 430px; }
.proof-pair { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; min-width: 0; }
.proof-frame {
  position: relative; display: block; padding: 0; overflow: hidden; min-height: 440px;
  background: #050505; border: 1px solid var(--line); color: var(--ink); cursor: zoom-in;
}
.proof-frame img { width: 100%; height: 100%; object-fit: contain; object-position: top center; transition: transform .35s ease; }
.proof-frame:hover img { transform: scale(1.025); }
.proof-badge {
  position: absolute; z-index: 2; top: 12px; left: 12px; padding: 7px 10px;
  background: rgba(4,4,4,.88); border: 1px solid var(--line); font-size: .72rem;
  font-weight: 800; letter-spacing: .11em; text-transform: uppercase;
}
.after .proof-badge { background: var(--orange); color: #090909; border-color: var(--orange); }

.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-grid article { min-height: 245px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-grid article > span { color: var(--orange); font-size: .8rem; font-weight: 800; }
.service-grid h3 { margin: 52px 0 12px; font-size: 1.3rem; }
.service-grid p { color: var(--muted); margin: 0; }

.platform-proof { display: grid; grid-template-columns: 1.25fr .75fr; gap: 24px; }
.platform-card {
  position: relative; min-height: 540px; padding: 0; overflow: hidden;
  border: 1px solid var(--line); background: var(--surface); color: var(--ink); text-align: left;
}
button.platform-card { cursor: zoom-in; }
.platform-card > div:first-child {
  position: absolute; z-index: 2; left: 25px; top: 24px; display: flex; flex-direction: column;
  padding: 16px 18px; background: rgba(8,8,8,.88); border: 1px solid var(--line); backdrop-filter: blur(12px);
}
.platform-card div > span { color: var(--orange-soft); font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.platform-card div > strong { font-size: 2.8rem; letter-spacing: -.05em; line-height: 1.05; }
.platform-card div > small { color: var(--muted); }
.platform-card > img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.tiktok-card { display: block; background: linear-gradient(145deg, #1b1b1b, #080808 65%); }
.tiktok-card::after { content: "TIKTOK"; position: absolute; right: -18px; top: 36%; font-weight: 900; font-size: 5rem; color: rgba(255,255,255,.035); transform: rotate(90deg); }
.tiktok-card > img { position: relative; z-index: 1; }

.outcomes-section { background: var(--orange); color: #090909; }
.outcomes-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }
.outcomes-copy .eyebrow { color: #511a04; }
.outcomes-copy h2 { font-size: clamp(2.8rem, 5vw, 5.2rem); margin-bottom: 24px; }
.outcomes-copy > p:last-child { max-width: 470px; color: rgba(9,9,9,.72); }
.outcome-list { border-top: 1px solid rgba(9,9,9,.28); }
.outcome-list article { display: grid; grid-template-columns: 130px 1fr; gap: 20px; padding: 28px 0; border-bottom: 1px solid rgba(9,9,9,.28); }
.outcome-list span { font-weight: 900; text-transform: uppercase; letter-spacing: .1em; font-size: .78rem; }
.outcome-list p { font-size: 1.15rem; font-weight: 670; margin: 0; }

.partner-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.partner-feature {
  position: relative; min-height: 560px; padding: 0; overflow: hidden; cursor: zoom-in;
  border: 1px solid var(--line); background: var(--surface); color: var(--ink); text-align: left;
}
.partner-feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 52%, rgba(0,0,0,.93)); pointer-events: none; }
.partner-feature img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.partner-feature:hover img { transform: scale(1.025); }
.partner-feature > span { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 24px; display: flex; flex-direction: column; }
.partner-feature small, .video-meta small { color: var(--orange-soft); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.partner-feature strong { margin-top: 4px; font-size: 1.35rem; }
.brand-response-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 16px; }
.brand-response { min-height: 160px; padding: 22px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); text-align: left; cursor: zoom-in; }
.brand-response span { display: block; margin-bottom: 18px; color: var(--orange-soft); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.brand-response img { width: 100%; height: 84px; object-fit: contain; object-position: left center; }

.video-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.video-card { overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.video-frame { aspect-ratio: 9 / 16; background: #000; }
.video-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.video-meta { min-height: 90px; padding: 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); }
.video-meta > span { display: flex; flex-direction: column; }
.video-meta strong { margin-top: 4px; }
.video-meta a { flex: 0 0 auto; color: var(--muted); font-size: .78rem; text-decoration: none; }
.video-meta a:hover { color: var(--orange-soft); }

.work-grid { display: grid; grid-template-columns: 1.25fr repeat(3, .75fr); gap: 16px; }
.graphic-grid { grid-template-columns: minmax(280px, 420px); margin-top: 16px; }
.work-card {
  position: relative; min-height: 390px; padding: 24px; overflow: hidden; border: 1px solid var(--line);
  background: var(--surface); color: var(--ink); text-decoration: none; cursor: pointer; text-align: left;
  transition: transform .25s ease, border-color .25s ease;
}
.work-card:hover { transform: translateY(-5px); border-color: var(--orange); }
.work-card-featured { padding: 0; }
.work-card-featured::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 36%, rgba(0,0,0,.92)); }
.work-card-featured img { width: 100%; height: 100%; object-fit: cover; }
.work-card div { position: absolute; z-index: 2; left: 24px; bottom: 23px; right: 24px; display: flex; flex-direction: column; }
.work-card small { color: var(--orange-soft); text-transform: uppercase; letter-spacing: .12em; font-weight: 800; }
.work-card strong { margin-top: 6px; font-size: 1.1rem; }
.play, .expand { position: absolute; z-index: 3; right: 20px; top: 20px; display: grid; place-items: center; width: 44px; aspect-ratio: 1; border-radius: 50%; color: #090909; background: var(--orange); }
.work-index { font-size: 5rem; font-weight: 900; color: rgba(255,255,255,.06); }
.work-card-graphic { border-style: dashed; }
.work-card-graphic::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 35%, rgba(0,0,0,.94)); }
.work-card-graphic > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.review-note {
  margin-bottom: 80px; padding: 44px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px;
  border: 1px solid var(--line); background: var(--surface-2);
}
.review-note h2 { font-size: clamp(2.1rem, 4vw, 3.7rem); margin-bottom: 0; }
.review-note ul { list-style: none; margin: 0; padding: 0; }
.review-note li { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.review-note li:first-child { padding-top: 0; }
.check, .pending { flex: 0 0 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; font-size: .75rem; font-weight: 900; }
.check { background: rgba(102,227,164,.14); color: var(--green); }
.pending { background: rgba(255,91,25,.15); color: var(--orange); }

.case-divider { scroll-margin-top: 22px; border-block: 1px solid var(--line); background: linear-gradient(90deg, rgba(255,91,25,.12), rgba(255,255,255,.025)); }
.case-divider-inner { min-height: 112px; display: grid; grid-template-columns: 150px 1fr auto; align-items: center; gap: 28px; }
.case-divider-inner > span { color: var(--orange-soft); font-size: .75rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.case-divider-inner strong { font-size: clamp(1.7rem, 3vw, 3rem); letter-spacing: -.045em; }
.case-divider-inner small { color: var(--muted); text-transform: uppercase; letter-spacing: .1em; }
.youtube-hero { min-height: 690px; padding-block: 100px; display: grid; grid-template-columns: 1fr .82fr; align-items: center; gap: clamp(50px, 8vw, 110px); }
.youtube-hero h2 { max-width: 820px; margin-bottom: 28px; font-size: clamp(3rem, 6.2vw, 6.2rem); }
.youtube-hero h2 span { color: var(--orange); }
.privacy-chip { display: inline-flex; align-items: center; gap: 9px; margin-top: 24px; padding: 9px 13px; border: 1px solid var(--line); color: var(--muted); font-size: .75rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.privacy-chip i { color: var(--green); font-style: normal; }
.ecosystem-map { position: relative; min-height: 520px; border: 1px solid var(--line); background: radial-gradient(circle at center, rgba(255,91,25,.18), transparent 38%), var(--surface); }
.ecosystem-map::before, .ecosystem-map::after { content: ""; position: absolute; inset: 50%; width: 64%; height: 1px; background: var(--line); transform: translate(-50%,-50%) rotate(28deg); }
.ecosystem-map::after { transform: translate(-50%,-50%) rotate(-28deg); }
.map-core, .map-node { position: absolute; z-index: 2; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--line); background: rgba(9,9,9,.94); }
.map-core { inset: 50% auto auto 50%; width: 210px; height: 130px; padding: 24px; transform: translate(-50%,-50%); border-color: rgba(255,91,25,.65); }
.map-core small, .map-node small { color: var(--muted); }
.map-core strong { margin-top: 5px; font-size: 1.25rem; }
.map-node { width: 145px; height: 105px; padding: 15px; }
.map-node > span { color: var(--orange); font-size: .72rem; font-weight: 900; }
.map-node strong { margin-top: 3px; }
.node-youtube { top: 32px; left: 28px; }
.node-patreon { top: 32px; right: 28px; }
.node-site { bottom: 32px; left: 28px; }
.node-report { bottom: 32px; right: 28px; }
.youtube-metrics { border-block: 1px solid var(--line); background: #0d0d0d; }
.youtube-metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.youtube-metric-grid article { min-height: 205px; padding: 30px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.youtube-metric-grid article:nth-child(3n+1) { border-left: 1px solid var(--line); }
.youtube-metric-grid article:nth-last-child(-n+3) { border-bottom: 0; }
.youtube-metric-grid small { color: var(--orange-soft); font-size: .72rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.youtube-metric-grid strong { margin-top: 14px; font-size: clamp(2.7rem, 5vw, 4.8rem); line-height: .9; letter-spacing: -.06em; }
.youtube-metric-grid span { margin-top: 10px; color: var(--muted); }
.youtube-metric-grid .metric-lead { background: var(--orange); color: #090909; }
.youtube-metric-grid .metric-lead small, .youtube-metric-grid .metric-lead span { color: rgba(9,9,9,.68); }
.youtube-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.youtube-service-grid article { min-height: 255px; padding: 28px; border: 1px solid var(--line); background: var(--surface); }
.youtube-service-grid b { color: var(--orange); font-size: .75rem; }
.youtube-service-grid h3 { margin: 58px 0 12px; font-size: 1.25rem; }
.youtube-service-grid p { color: var(--muted); margin: 0; }
.youtube-proof-section { background: #0d0d0d; border-block: 1px solid var(--line); }
.proof-dashboard { display: grid; grid-template-columns: 1.35fr .65fr; gap: 16px; }
.proof-dashboard-chart, .proof-dashboard-stack article { border: 1px solid var(--line); background: var(--surface); }
.proof-dashboard-chart { min-height: 520px; padding: clamp(26px,4vw,44px); }
.dash-top { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); font-size: .75rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.dash-top small { color: var(--orange-soft); }
.chart-value { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-top: 55px; }
.chart-value strong { font-size: clamp(4rem,8vw,7rem); line-height: .8; letter-spacing: -.07em; }
.chart-value span { color: var(--muted); font-size: 1.2rem; }
.chart-value em { width: 100%; color: var(--green); font-size: .82rem; font-style: normal; }
.bar-chart { height: 160px; margin-top: 62px; display: flex; align-items: flex-end; gap: clamp(6px,1vw,14px); border-bottom: 1px solid var(--line); }
.bar-chart i { flex: 1; height: var(--h); background: linear-gradient(var(--orange), rgba(255,91,25,.15)); }
.proof-dashboard-chart > p { color: var(--muted); margin: 24px 0 0; }
.proof-dashboard-stack { display: grid; gap: 16px; }
.proof-dashboard-stack article { min-height: 162px; padding: 23px; display: flex; flex-direction: column; }
.proof-dashboard-stack span { color: var(--orange-soft); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.proof-dashboard-stack strong { margin-top: 10px; font-size: 2.5rem; line-height: 1; letter-spacing: -.05em; }
.proof-dashboard-stack small { color: var(--muted); }
.rank-line, .signal-dots, .member-track { margin-top: auto; display: flex; gap: 5px; }
.rank-line i { height: 5px; flex: 1; background: var(--orange); opacity: calc(1 - var(--n, 0)); }
.rank-line i:nth-child(2) { opacity: .85; }.rank-line i:nth-child(3) { opacity: .7; }.rank-line i:nth-child(4) { opacity: .55; }.rank-line i:nth-child(5) { opacity: .4; }
.signal-dots i { width: 9px; height: 9px; border-radius: 50%; background: var(--green); }
.member-track { height: 6px; background: rgba(255,255,255,.08); }
.member-track i { width: 78%; background: var(--orange); }
.evidence-note { margin: 18px 0 0; color: var(--muted); }
.evidence-note span { color: var(--green); margin-right: 8px; }
.source-proof-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 52px; }
.source-shot { overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.source-image { position: relative; height: 500px; overflow: hidden; background: #070707; }
.source-image > img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.source-caption { min-height: 106px; padding: 20px 22px; display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.source-caption small { color: var(--orange-soft); font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.source-caption strong { margin-top: 7px; font-size: 1rem; }
.protected-gallery { position: relative; }
.protected-gallery::before { content: "PRIVATE REVIEW"; position: absolute; z-index: 3; top: 14px; right: 14px; padding: 7px 9px; background: var(--orange); color: #090909; font-size: .66rem; font-weight: 900; letter-spacing: .1em; }
.youtube-review { border-color: rgba(255,91,25,.5); }

.fictional-divider {
  background:
    linear-gradient(90deg, rgba(117, 89, 255, .22), rgba(30, 227, 202, .07)),
    #0b0b0d;
}
.fictional-divider .case-divider-inner > span { color: #a994ff; }
.fictional-hero {
  min-height: 760px;
  padding-block: 96px;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(48px, 8vw, 110px);
  align-items: center;
}
.fictional-hero h2 {
  max-width: 780px;
  margin-bottom: 28px;
  font-size: clamp(3rem, 6.4vw, 6.6rem);
}
.fictional-hero h2 span { color: #9e86ff; }
.fictional-hero .eyebrow { color: #b8a8ff; }
.fictional-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }
.fictional-tags span {
  padding: 8px 11px;
  border: 1px solid rgba(158,134,255,.35);
  background: rgba(158,134,255,.06);
  color: #d5ceff;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.character-hero-stack { position: relative; min-height: 650px; }
.character-portrait, .character-profile-card { margin: 0; overflow: hidden; border: 1px solid var(--line); background: #08080a; }
.character-portrait-main { position: absolute; inset: 0 16% 4% 0; }
.character-portrait-main img { width: 100%; height: 100%; object-fit: cover; }
.character-portrait-main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 58%, rgba(5,5,8,.96)); }
.character-portrait-main figcaption { position: absolute; z-index: 2; left: 26px; right: 26px; bottom: 24px; display: flex; flex-direction: column; }
.character-portrait-main small { color: #b8a8ff; font-size: .7rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.character-portrait-main strong { margin-top: 2px; font-size: 2.2rem; line-height: 1; }
.character-portrait-main span { margin-top: 5px; color: var(--muted); }
.character-profile-card { position: absolute; z-index: 3; right: 0; top: 44px; width: 45%; box-shadow: 0 25px 80px rgba(0,0,0,.6); }
.character-profile-card img { width: 100%; aspect-ratio: 1.55 / 1; object-fit: cover; }
.network-count {
  position: absolute; z-index: 4; right: 0; bottom: 0; min-width: 220px;
  padding: 20px 22px; display: flex; align-items: center; gap: 15px;
  border: 1px solid rgba(158,134,255,.55); background: rgba(8,8,12,.94); backdrop-filter: blur(16px);
}
.network-count strong { color: #a994ff; font-size: 3.3rem; line-height: .8; letter-spacing: -.07em; }
.network-count span { color: #d2d2d6; font-size: .76rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }

.fictional-metric-band { border-block: 1px solid rgba(158,134,255,.24); background: linear-gradient(90deg, rgba(158,134,255,.12), rgba(30,227,202,.04)); }
.fictional-metrics { display: grid; grid-template-columns: repeat(4, 1fr); }
.fictional-metrics article { min-height: 190px; padding: 30px 27px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.fictional-metrics article:first-child { border-left: 1px solid var(--line); }
.fictional-metrics small { color: #b8a8ff; font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.fictional-metrics strong { margin-top: 14px; font-size: clamp(2.6rem, 4.6vw, 4.8rem); line-height: .9; letter-spacing: -.065em; }
.fictional-metrics span { margin-top: 10px; color: var(--muted); }

.fictional-system .eyebrow, .fictional-proof-section .eyebrow, .weekly-proof .eyebrow, .fictional-work-section .eyebrow, .fictional-reporting .eyebrow, .fictional-review .eyebrow { color: #b8a8ff; }
.system-rail { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.system-rail article { min-height: 300px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(180deg, rgba(158,134,255,.045), transparent 55%); }
.system-rail b { color: #a994ff; font-size: .72rem; }
.system-rail h3 { margin: 72px 0 13px; font-size: 1.18rem; }
.system-rail p { margin: 0; color: var(--muted); font-size: .91rem; }

.fictional-proof-section { border-block: 1px solid var(--line); background: #0d0d10; }
.fictional-proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.fictional-proof-card { position: relative; min-height: 620px; padding: 0; overflow: hidden; border: 1px solid var(--line); background: #050507; color: var(--ink); cursor: zoom-in; text-align: left; }
.fictional-proof-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 63%, rgba(0,0,0,.95)); pointer-events: none; }
.fictional-proof-card img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .35s ease; }
.fictional-proof-card:hover img { transform: scale(1.02); }
.fictional-proof-card > span { position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 22px; display: flex; flex-direction: column; }
.fictional-proof-card small { color: #b8a8ff; font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.fictional-proof-card strong { margin-top: 5px; font-size: 1.25rem; }

.week-compare { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.week-compare > article { padding: clamp(28px,4vw,46px); border: 1px solid var(--line); background: var(--surface); }
.week-compare > article > span { color: #b8a8ff; font-size: .74rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.week-compare > article > div { display: flex; align-items: baseline; justify-content: space-between; gap: 22px; padding: 27px 0; border-bottom: 1px solid var(--line); }
.week-compare strong { font-size: clamp(2.5rem,5vw,4.7rem); line-height: .82; letter-spacing: -.06em; }
.week-compare small { color: var(--muted); font-size: .77rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.week-compare footer { padding-top: 24px; color: #d8d1ff; font-weight: 750; }
.growth-timeline { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 16px; border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.growth-timeline article { min-height: 260px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(180deg, rgba(158,134,255,.055), transparent 65%); }
.growth-timeline span { color: #b8a8ff; font-size: .69rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.growth-timeline strong { display: block; margin-top: 62px; font-size: 1.35rem; }
.growth-timeline p { margin: 12px 0 0; color: var(--muted); font-size: .9rem; }
.single-week .cumulative-note { display: flex; flex-direction: column; justify-content: center; background: radial-gradient(circle at 86% 12%, rgba(158,134,255,.16), transparent 36%), var(--surface); }
.single-week .cumulative-note > strong { max-width: 680px; margin-top: 34px; font-size: clamp(2.5rem, 5vw, 4.7rem); line-height: .92; }
.single-week .cumulative-note > p { max-width: 670px; margin: 24px 0 0; color: var(--muted); }
.signal-strip { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 16px; border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.signal-strip article { min-height: 150px; padding: 24px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.signal-strip small { color: var(--muted); }
.signal-strip strong { margin-top: 8px; color: #b8a8ff; font-size: 1.35rem; }

.fictional-work-section { background: linear-gradient(145deg, rgba(158,134,255,.1), rgba(10,10,12,.2) 44%), #0c0c0f; border-block: 1px solid var(--line); }
.fictional-video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.fictional-video-card { overflow: hidden; border: 1px solid var(--line); background: #08080a; }
.fictional-video-card video { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; background: #000; }
.fictional-video-card > div { min-height: 92px; padding: 18px; display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.fictional-video-card small { color: #b8a8ff; font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.fictional-video-card strong { margin-top: 5px; }

.reporting-card { padding: clamp(30px,5vw,58px); border: 1px solid rgba(158,134,255,.42); background: radial-gradient(circle at 85% 8%, rgba(158,134,255,.16), transparent 30%), var(--surface); }
.reporting-card h2 { max-width: 880px; font-size: clamp(2.7rem,5vw,5rem); }
.reporting-card > p:last-child { max-width: 830px; margin: 34px 0 0; color: var(--muted); font-size: 1.06rem; }
.funnel-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 14px; align-items: center; margin-top: 46px; }
.funnel-flow span { min-height: 92px; padding: 18px; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--line); background: rgba(255,255,255,.025); font-weight: 750; }
.funnel-flow small { color: #a994ff; font-size: .66rem; }
.funnel-flow i { color: #a994ff; font-style: normal; }
.fictional-review { border-color: rgba(158,134,255,.5); }

.storm-divider {
  background:
    linear-gradient(90deg, rgba(72, 175, 255, .22), rgba(255, 169, 77, .08)),
    #080b0e;
}
.storm-divider .case-divider-inner > span { color: #7bc8ff; }
.storm-hero { position: relative; min-height: 780px; overflow: hidden; display: flex; align-items: flex-end; }
.storm-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.storm-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,6,9,.95) 0%, rgba(3,6,9,.68) 52%, rgba(3,6,9,.12) 100%), linear-gradient(0deg, rgba(3,6,9,.86), transparent 55%); }
.storm-hero-copy { position: relative; z-index: 2; padding-block: 100px; }
.storm-hero-copy h2 { max-width: 920px; margin-bottom: 28px; font-size: clamp(3.2rem, 7vw, 7rem); }
.storm-hero-copy h2 span { color: #77c9ff; }
.storm-hero-copy .hero-deck { max-width: 680px; }
.storm-hero .eyebrow, .storm-profile-proof .eyebrow, .storm-system .eyebrow, .storm-work-section .eyebrow, .storm-video-section .eyebrow, .storm-review .eyebrow { color: #86d0ff; }
.storm-privacy { background: rgba(3,6,9,.62); backdrop-filter: blur(14px); }
.storm-proof-band { border-block: 1px solid rgba(119,201,255,.26); background: linear-gradient(90deg, rgba(119,201,255,.1), rgba(255,169,77,.045)); }
.storm-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.storm-proof-grid article { min-height: 185px; padding: 28px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.storm-proof-grid article:first-child { border-left: 1px solid var(--line); }
.storm-proof-grid small { color: #86d0ff; font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.storm-proof-grid strong { margin-top: 13px; font-size: clamp(2.8rem, 5vw, 4.9rem); line-height: .88; letter-spacing: -.065em; }
.storm-proof-grid span { margin-top: 10px; color: var(--muted); }
.storm-profile-proof { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(44px, 8vw, 100px); align-items: center; }
.storm-profile-copy h2 { max-width: 560px; font-size: clamp(2.8rem, 5vw, 5.2rem); }
.storm-profile-copy > p:last-of-type { max-width: 520px; color: var(--muted); font-size: 1.05rem; }
.storm-profile-shot { position: relative; min-height: 650px; padding: 0; overflow: hidden; border: 1px solid var(--line); background: #05080a; color: var(--ink); cursor: zoom-in; text-align: left; }
.storm-profile-shot::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 66%, rgba(0,0,0,.94)); pointer-events: none; }
.storm-profile-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .35s ease; }
.storm-profile-shot:hover img { transform: scale(1.018); }
.storm-profile-shot > span { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 23px; display: flex; flex-direction: column; }
.storm-profile-shot small { color: #86d0ff; font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.storm-profile-shot strong { margin-top: 5px; font-size: 1.25rem; }
.storm-flow { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.storm-flow article { min-height: 280px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(180deg, rgba(119,201,255,.055), transparent 65%); }
.storm-flow b { color: #77c9ff; font-size: .72rem; }
.storm-flow h3 { margin: 68px 0 13px; font-size: 1.25rem; }
.storm-flow p { margin: 0; color: var(--muted); }
.storm-work-section { border-block: 1px solid var(--line); background: #090c10; }
.storm-gallery { display: grid; grid-template-columns: 1.35fr .65fr; gap: 16px; }
.storm-shot { position: relative; min-height: 600px; margin: 0; overflow: hidden; border: 1px solid var(--line); background: #040608; }
.storm-shot::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 60%, rgba(0,0,0,.92)); }
.storm-shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.storm-shot:hover img { transform: scale(1.025); }
.storm-shot figcaption { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 24px; display: flex; flex-direction: column; }
.storm-shot small { color: #86d0ff; font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.storm-shot strong { margin-top: 5px; font-size: 1.35rem; }
.storm-video-card { width: min(100%, 780px); margin-inline: auto; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.storm-video-frame { aspect-ratio: 16 / 9; background: #000; }
.storm-video-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.storm-review { border-color: rgba(119,201,255,.5); }

.creator-divider {
  background:
    linear-gradient(90deg, rgba(232, 184, 92, .2), rgba(139, 78, 120, .1)),
    #0b0907;
}
.creator-divider .case-divider-inner > span { color: #efc36f; }
.creator-hero {
  min-height: 790px;
  padding-block: clamp(76px, 10vw, 132px);
  display: grid;
  grid-template-columns: 1.04fr .66fr;
  gap: clamp(46px, 8vw, 112px);
  align-items: center;
}
.creator-hero .eyebrow, .creator-system .eyebrow, .creator-work-section .eyebrow, .creator-review .eyebrow { color: #efc36f; }
.creator-hero-copy h2 { max-width: 820px; margin-bottom: 28px; font-size: clamp(3.4rem, 7vw, 7rem); }
.creator-hero-copy h2 span { color: #efc36f; }
.creator-privacy { margin-top: 30px; background: rgba(239,195,111,.055); border-color: rgba(239,195,111,.28); }
.creator-profile {
  position: relative;
  height: 650px;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(239,195,111,.36);
  background: #060504;
  color: var(--ink);
  cursor: zoom-in;
  text-align: left;
  box-shadow: 0 30px 90px rgba(0,0,0,.42);
}
.creator-profile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 65%, rgba(0,0,0,.96)); pointer-events: none; }
.creator-profile img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .35s ease; }
.creator-profile:hover img { transform: scale(1.018); }
.creator-profile > span { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 24px; display: flex; flex-direction: column; }
.creator-profile small { color: #efc36f; font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.creator-profile strong { margin-top: 5px; font-size: 1.4rem; }
.creator-proof-band { border-block: 1px solid rgba(239,195,111,.25); background: linear-gradient(90deg, rgba(239,195,111,.1), rgba(139,78,120,.045)); }
.creator-proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.creator-proof-grid article { min-height: 185px; padding: 28px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.creator-proof-grid article:first-child { border-left: 1px solid var(--line); }
.creator-proof-grid small { color: #efc36f; font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.creator-proof-grid strong { margin-top: 13px; font-size: clamp(2.8rem, 5vw, 4.9rem); line-height: .88; letter-spacing: -.065em; }
.creator-proof-grid span { margin-top: 10px; color: var(--muted); }
.creator-flow { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.creator-flow article { min-height: 280px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(180deg, rgba(239,195,111,.052), transparent 65%); }
.creator-flow b { color: #efc36f; font-size: .72rem; }
.creator-flow h3 { margin: 68px 0 13px; font-size: 1.25rem; }
.creator-flow p { margin: 0; color: var(--muted); }
.creator-work-section { border-block: 1px solid var(--line); background: linear-gradient(145deg, rgba(239,195,111,.075), transparent 38%), #0c0a08; }
.creator-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 900px; margin-inline: auto; }
.creator-video-card { overflow: hidden; border: 1px solid rgba(239,195,111,.25); background: #080706; }
.creator-video-card video { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; background: #000; }
.creator-video-card > div { min-height: 108px; padding: 18px; display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.creator-video-card small { color: #efc36f; font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.creator-video-card strong { margin-top: 5px; }
.creator-video-card span { margin-top: 4px; color: var(--muted); font-size: .76rem; }
.creator-review { border-color: rgba(239,195,111,.5); }

/* Case 06 — Overkill Kulture */
.overkill-divider { border-top-color: rgba(255,226,0,.55); background: linear-gradient(90deg, rgba(255,226,0,.08), transparent 38%), #080908; }
.overkill-divider .case-divider-inner span, .overkill-hero .eyebrow, .overkill-system .eyebrow, .overkill-proof-section .eyebrow, .overkill-work-section .eyebrow, .overkill-album-section .eyebrow, .overkill-review .eyebrow { color: #ffe200; }
.overkill-hero { position: relative; min-height: 820px; overflow: hidden; display: grid; align-items: end; border-bottom: 1px solid rgba(255,226,0,.3); background: #050706; }
.overkill-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position:center; filter:saturate(.92) contrast(1.16); }
.overkill-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,4,3,.96) 0%, rgba(2,4,3,.8) 35%, rgba(2,4,3,.25) 58%, rgba(2,4,3,.04) 100%), linear-gradient(0deg, rgba(2,4,3,.82), transparent 58%); }
.overkill-hero-copy { position: relative; z-index: 1; padding-block: 110px 92px; }
.overkill-hero-copy h2 { max-width: 960px; margin: 15px 0 22px; font-size: clamp(3.6rem, 7.8vw, 8.5rem); line-height: .86; letter-spacing: -.07em; text-transform: uppercase; }
.overkill-hero-copy h2 span { color: #ffe200; text-shadow: 0 0 35px rgba(255,226,0,.16); }
.overkill-hero-copy .hero-deck { max-width: 760px; }
.overkill-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 30px; }
.overkill-tags span { padding: 9px 13px; border: 1px solid rgba(255,226,0,.35); background: rgba(0,0,0,.58); color: #f8f5df; font-size: .7rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.overkill-proof-band { border-bottom: 1px solid var(--line); background: #090a08; }
.overkill-proof-grid { display: grid; grid-template-columns: repeat(5, 1fr); }
.overkill-proof-grid article { min-height: 205px; padding: 25px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.overkill-proof-grid article:first-child { border-left: 1px solid var(--line); }
.overkill-proof-grid small { color: #ffe200; font-size: .66rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.overkill-proof-grid strong { margin-top: 14px; font-size: clamp(2.6rem, 4vw, 4.4rem); line-height: .9; letter-spacing: -.06em; }
.overkill-proof-grid span { margin-top: 10px; color: var(--muted); font-size: .82rem; }
.overkill-flow { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.overkill-flow article { min-height: 300px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,226,0,.045), transparent 66%); }
.overkill-flow b { color: #ffe200; font-size: .7rem; }
.overkill-flow h3 { margin: 70px 0 14px; font-size: 1.25rem; }
.overkill-flow p { margin: 0; color: var(--muted); }
.overkill-proof-section { border-block: 1px solid var(--line); background: linear-gradient(145deg, rgba(255,226,0,.05), transparent 38%), #060806; }
.overkill-proof-wall { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.platform-board { --platform: #ffe200; position: relative; min-width: 0; overflow: hidden; padding: 22px; border: 1px solid color-mix(in srgb, var(--platform) 28%, transparent); background: radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--platform) 10%, transparent), transparent 42%), #090a09; }
.platform-board::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--platform); opacity: .86; }
.platform-board-wide { grid-column: 1 / -1; }
.platform-instagram { --platform: #e65bea; }
.platform-facebook { --platform: #4599ff; }
.platform-youtube { --platform: #ff4b47; }
.platform-tiktok { --platform: #33e1e7; }
.platform-snapchat { --platform: #ffe200; }
.platform-board header { min-height: 112px; padding: 0 2px 18px; display: grid; grid-template-columns: 42px 1fr; align-items: start; gap: 12px; border-bottom: 1px solid rgba(255,255,255,.1); }
.platform-index { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--platform) 46%, transparent); color: var(--platform); font-size: .65rem; font-weight: 900; letter-spacing: .08em; }
.platform-board header div { display: flex; flex-direction: column; min-width: 0; }
.platform-board header small { color: var(--platform); font-size: .69rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.platform-board header strong { margin-top: 5px; color: white; font-size: clamp(1.55rem, 2.5vw, 2.35rem); line-height: .96; letter-spacing: -.035em; }
.platform-board header em { margin-top: 8px; color: var(--muted); font-size: .75rem; font-style: normal; }
.platform-collage { position: relative; height: 520px; margin-top: 18px; overflow: hidden; isolation: isolate; }
.platform-shot { position: absolute; overflow: hidden; padding: 0; border: 1px solid rgba(255,255,255,.14); background: #020302; box-shadow: 0 24px 55px rgba(0,0,0,.46); cursor: zoom-in; transition: transform .28s ease, border-color .28s ease, z-index 0s; }
.platform-shot::after { content: "View source"; position: absolute; right: 9px; bottom: 9px; padding: 6px 8px; border: 1px solid rgba(255,255,255,.13); background: rgba(0,0,0,.76); color: rgba(255,255,255,.74); font: 800 .58rem/1 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; opacity: 0; transition: opacity .25s ease; }
.platform-shot:hover { z-index: 5; border-color: color-mix(in srgb, var(--platform) 60%, white 10%); transform: translateY(-4px); }
.platform-shot:hover::after, .platform-shot:focus-visible::after { opacity: 1; }
.platform-shot img { display: block; width: 100%; height: 100%; object-fit: contain; background: #050605; }
.collage-portrait .profile { width: 61%; height: 34%; left: 1%; top: 2%; z-index: 2; }
.collage-portrait .analytics { width: 62%; height: 87%; right: 1%; bottom: 1%; }
.collage-landscape .profile { width: 88%; height: 42%; left: 1%; top: 3%; z-index: 2; }
.collage-landscape .analytics { width: 88%; height: 64%; right: 1%; bottom: 2%; }
.collage-studio { height: 500px; }
.collage-studio .profile { width: 29%; height: 82%; left: 1%; top: 8%; z-index: 2; }
.collage-studio .analytics { width: 76%; height: 84%; right: 1%; top: 4%; }
.collage-triple .profile { width: 48%; height: 82%; left: 0; top: 7%; z-index: 2; }
.collage-triple .analytics { width: 40%; height: 76%; right: 1%; top: 2%; z-index: 1; }
.collage-triple .growth { width: 27%; height: 76%; right: 4%; bottom: 0; z-index: 3; }
.overkill-video-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 14px; }
.overkill-video-card { overflow: hidden; border: 1px solid rgba(255,226,0,.22); background: #080908; }
.overkill-video-card video { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; background: #000; }
.overkill-video-card > div { min-height: 112px; padding: 17px; display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.overkill-video-card small { color: #ffe200; font-size: .65rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.overkill-video-card strong { margin-top: 5px; }
.overkill-video-card span { margin-top: 4px; color: var(--muted); font-size: .74rem; }
.overkill-album-section { border-block: 1px solid rgba(57,229,255,.22); background: radial-gradient(circle at 26% 40%, rgba(34,190,235,.13), transparent 28%), #060a0c; }
.overkill-album-grid { display: grid; grid-template-columns: minmax(280px, .82fr) 1.18fr; align-items: center; gap: clamp(45px, 8vw, 120px); }
.overkill-album-art { overflow: hidden; padding: 0; border: 1px solid rgba(57,229,255,.32); background: #040708; cursor: zoom-in; }
.overkill-album-art img { display: block; width: 100%; aspect-ratio: .64; object-fit: cover; object-position: top; }
.overkill-album-grid h2 { margin: 14px 0 24px; font-size: clamp(3.3rem, 6vw, 6.8rem); line-height: .88; letter-spacing: -.065em; }
.overkill-album-grid p:not(.eyebrow) { max-width: 680px; color: var(--muted); font-size: 1.08rem; }
.album-track { max-width: 620px; margin-top: 34px; padding: 18px 20px; display: grid; grid-template-columns: 90px 1fr auto; align-items: center; gap: 18px; border: 1px solid rgba(57,229,255,.25); background: rgba(0,0,0,.3); }
.album-track span { color: #39e5ff; font-size: .66rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.album-track small { color: var(--muted); text-align: right; }
.overkill-review { border-color: rgba(255,226,0,.5); }

/* Case 07 — Jamie Gold */
.jamie-divider { border-color: rgba(214,169,75,.28); background: #100d08; }
.jamie-divider .case-divider-inner span, .jamie-hero .eyebrow, .jamie-system .eyebrow, .jamie-work .eyebrow, .jamie-review .eyebrow { color: #d8ae58; }
.jamie-hero { background: radial-gradient(circle at 83% 30%, rgba(214,169,75,.16), transparent 30%), linear-gradient(135deg,#080706,#12100b); }
.jamie-hero-grid { display: grid; grid-template-columns: 1.15fr minmax(300px,.7fr); align-items: center; gap: clamp(40px,7vw,110px); }
.jamie-copy h2, .bth-copy h2 { margin: 14px 0 24px; font-size: clamp(3.5rem,6.6vw,7.6rem); line-height: .86; letter-spacing: -.07em; }
.jamie-copy h2 span { color: #d8ae58; }
.jamie-copy > p:not(.eyebrow), .bth-copy > p:not(.eyebrow) { max-width: 760px; color: var(--muted); font-size: 1.06rem; }
.jamie-note { margin-top: 32px; padding: 18px 20px; display: grid; gap: 6px; border-left: 3px solid #d8ae58; background: rgba(216,174,88,.07); }
.jamie-note strong { color: #f1d18d; }
.jamie-note span { color: var(--muted); font-size: .85rem; }
.drive-profile-card, .drive-video-card { overflow: hidden; border: 1px solid rgba(216,174,88,.28); background: #080706; }
.drive-profile-card iframe { display: block; width: 100%; aspect-ratio: 4 / 5; border: 0; background: #070707; }
.drive-profile-card figcaption, .drive-video-card > div { padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; border-top: 1px solid var(--line); }
.drive-profile-card figcaption span, .drive-video-card small { color: #d8ae58; font-size: .64rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.drive-profile-card figcaption strong { font-size: .85rem; }
.jamie-system { background: #090909; }
.jamie-scope-grid, .bth-flow { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); }
.jamie-scope-grid article, .bth-flow article { min-height: 260px; padding: 26px; border-right: 1px solid var(--line); }
.jamie-scope-grid article:last-child, .bth-flow article:last-child { border-right: 0; }
.jamie-scope-grid b { color: #d8ae58; font-size: .68rem; letter-spacing: .12em; }
.jamie-scope-grid h3, .bth-flow h3 { margin: 58px 0 10px; font-size: 1.3rem; }
.jamie-scope-grid p, .bth-flow p { color: var(--muted); font-size: .84rem; }
.jamie-work { border-block: 1px solid rgba(216,174,88,.18); background: #0d0b08; }
.jamie-work-grid { display: grid; grid-template-columns: .8fr minmax(300px,1.2fr); align-items: center; gap: clamp(44px,8vw,130px); }
.jamie-work h2 { margin: 12px 0 20px; font-size: clamp(3rem,5.2vw,6rem); letter-spacing: -.06em; line-height: .9; }
.jamie-work p:not(.eyebrow) { color: var(--muted); }
.drive-video-card iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #000; }
.drive-video-card span { color: var(--muted); font-size: .75rem; }
.jamie-review { border-color: rgba(216,174,88,.48); }

/* Case 08 — Business Travel Hacks */
.bth-divider { border-color: rgba(255,191,71,.3); background: #10100b; }
.bth-divider .case-divider-inner span, .bth-hero .eyebrow, .bth-system .eyebrow, .bth-work .eyebrow, .bth-review .eyebrow { color: #ffbf47; }
.bth-hero { background: radial-gradient(circle at 80% 20%, rgba(255,191,71,.19), transparent 30%), radial-gradient(circle at 15% 85%, rgba(69,111,255,.12), transparent 32%), #080909; }
.bth-hero-grid { display: grid; grid-template-columns: 1.14fr minmax(300px,.72fr); align-items: center; gap: clamp(40px,7vw,110px); }
.bth-copy h2 span { color: #ffbf47; }
.bth-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.bth-tags span { padding: 8px 11px; border: 1px solid rgba(255,191,71,.28); color: #f3cd82; font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.bth-profile-card { border-color: rgba(255,191,71,.3); }
.bth-profile-card figcaption span { color: #ffbf47; }
.bth-proof-band { border-block: 1px solid rgba(255,191,71,.24); background: #11100b; }
.bth-proof-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.bth-proof-grid article { min-height: 180px; padding: 30px 24px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.bth-proof-grid article:first-child { border-left: 1px solid var(--line); }
.bth-proof-grid strong { color: #ffbf47; font-size: clamp(2.7rem,4.4vw,5.2rem); line-height: .88; letter-spacing: -.06em; }
.bth-proof-grid span { margin-top: 10px; font-weight: 750; }
.bth-proof-grid small { margin-top: 3px; color: var(--muted); }
.bth-flow b { color: #ffbf47; font-size: .68rem; letter-spacing: .12em; }
.bth-work { border-block: 1px solid rgba(255,191,71,.18); background: linear-gradient(180deg,#0d0c08,#070707); }
.bth-video-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.bth-video-grid .drive-video-card { border-color: rgba(255,191,71,.25); }
.bth-video-grid .drive-video-card small { color: #ffbf47; }
.bth-carousel { margin-top: 18px; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.bth-carousel img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid rgba(255,191,71,.2); background: #111; }
.bth-review { border-color: rgba(255,191,71,.5); }

/* Cases 09–12 — shared editorial system */
.series-case { --case-accent:#fff; --case-rgb:255,255,255; background:#080808; }
.malevolent-case { --case-accent:#ff334f; --case-rgb:255,51,79; }
.attere-case { --case-accent:#f0f0f0; --case-rgb:240,240,240; }
.starplex-case { --case-accent:#d9a933; --case-rgb:217,169,51; }
.bean-case { --case-accent:#c9894e; --case-rgb:201,137,78; }
.ray-case { --case-accent:#b9d8ff; --case-rgb:185,216,255; }
.collecting-case { --case-accent:#ffcf55; --case-rgb:255,207,85; }
.trivia-case { --case-accent:#7ef0ff; --case-rgb:126,240,255; }
.cox-case { --case-accent:#ff5a36; --case-rgb:255,90,54; }
.geo-case { --case-accent:#7ee787; --case-rgb:126,231,135; }
.better-case { --case-accent:#ffe500; --case-rgb:255,229,0; }
.bishop-case { --case-accent:#9fbcff; --case-rgb:159,188,255; }
.series-divider { border-color:rgba(255,255,255,.16); background:#0b0b0b; }
.malevolent-divider { border-color:rgba(255,51,79,.32); background:#120608; }
.attere-divider { background:#111; }
.starplex-divider { border-color:rgba(217,169,51,.32); background:#110e08; }
.bean-divider { border-color:rgba(201,137,78,.32); background:#120c08; }
.ray-divider { border-color:rgba(185,216,255,.32); background:#080e15; }
.collecting-divider { border-color:rgba(255,207,85,.32); background:#151006; }
.trivia-divider { border-color:rgba(126,240,255,.32); background:#061315; }
.cox-divider { border-color:rgba(255,90,54,.34); background:#160906; }
.geo-divider { border-color:rgba(126,231,135,.32); background:#071407; }
.series-hero { min-height:720px; display:grid; grid-template-columns:1.12fr minmax(310px,.76fr); align-items:center; gap:clamp(42px,7vw,110px); }
.series-copy .eyebrow,.series-system .eyebrow,.series-work .eyebrow,.series-review .eyebrow,.starplex-proof-split .eyebrow { color:var(--case-accent); }
.series-copy h2 { margin:14px 0 26px; font-size:clamp(3.4rem,6.5vw,7.5rem); line-height:.86; letter-spacing:-.07em; }
.series-copy h2 span { color:var(--case-accent); }
.series-copy > p:not(.eyebrow),.starplex-proof-split > div > p:not(.eyebrow) { max-width:760px; color:var(--muted); font-size:1.06rem; }
.series-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.series-tags span { padding:8px 11px; border:1px solid rgba(var(--case-rgb),.28); color:var(--case-accent); font-size:.68rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.series-proof-card { overflow:hidden; margin:0; border:1px solid rgba(var(--case-rgb),.3); background:#050505; }
.series-proof-card iframe,.series-proof-card > img { display:block; width:100%; aspect-ratio:4/5; border:0; background:#050505; object-fit:cover; object-position:top; }
.proof-crop-top > img { width:104%; max-width:none; margin-left:-2%; transform:translateY(-2.2%) scale(1.02); transform-origin:center top; }
.series-proof-card.proof-cropped iframe { width:106%; max-width:none; margin-left:-3%; transform:scale(1.025); transform-origin:center; }
.series-proof-card.wide-proof iframe { aspect-ratio:16/10; }
.series-proof-card figcaption { padding:16px 18px; display:flex; flex-direction:column; gap:4px; border-top:1px solid var(--line); }
.series-proof-card figcaption span { color:var(--case-accent); font-size:.64rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.series-proof-card figcaption strong { font-size:.85rem; }
.series-metric-band { border-block:1px solid rgba(var(--case-rgb),.22); background:rgba(var(--case-rgb),.035); }
.series-metrics { display:grid; grid-template-columns:repeat(4,1fr); }
.series-metrics-three { grid-template-columns:repeat(3,1fr); }
.series-metrics article { min-height:175px; padding:30px 24px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--line); }
.series-metrics article:first-child { border-left:1px solid var(--line); }
.series-metrics strong { color:var(--case-accent); font-size:clamp(2.5rem,4.3vw,5rem); line-height:.88; letter-spacing:-.06em; }
.series-metrics span { margin-top:10px; font-weight:750; }
.series-metrics small { margin-top:3px; color:var(--muted); }
.series-system { background:#090909; }
.series-flow { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.series-flow article { min-height:255px; padding:26px; border-right:1px solid var(--line); }
.series-flow article:last-child { border-right:0; }
.series-flow b { color:var(--case-accent); font-size:.68rem; letter-spacing:.12em; }
.series-flow h3 { margin:54px 0 10px; font-size:1.3rem; }
.series-flow p { color:var(--muted); font-size:.84rem; }
.series-work { border-block:1px solid rgba(var(--case-rgb),.18); background:linear-gradient(180deg,rgba(var(--case-rgb),.045),#060606); }
.series-video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.series-video-card { overflow:hidden; border:1px solid rgba(var(--case-rgb),.24); background:#050505; }
.series-video-card iframe { display:block; width:100%; aspect-ratio:9/16; border:0; background:#000; }
.series-video-card > div { min-height:86px; padding:15px 17px; display:flex; flex-direction:column; gap:4px; border-top:1px solid var(--line); }
.series-video-card small { color:var(--case-accent); font-size:.64rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.series-video-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.landscape-card iframe { aspect-ratio:16/9; }
.series-image-grid { margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.series-image-grid img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; border:1px solid rgba(var(--case-rgb),.22); background:#111; }
.series-review { border-color:rgba(var(--case-rgb),.48); }
.starplex-proof-split { display:grid; grid-template-columns:.84fr 1.16fr; align-items:center; gap:clamp(45px,8vw,120px); }
.starplex-proof-split h2 { margin:14px 0 22px; font-size:clamp(3.1rem,5.4vw,6.3rem); line-height:.88; letter-spacing:-.065em; }
.starplex-work-grid { display:grid; grid-template-columns:minmax(280px,.72fr) 1.28fr; gap:18px; align-items:start; }
.starplex-proof-pair { display:grid; gap:16px; }
.starplex-proof-pair .series-proof-card > img { aspect-ratio:16/10; }
.vertical-stack { margin-top:0; }
.bean-work-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; align-items:start; }
.bean-work-grid .series-video-grid { grid-template-columns:repeat(2,1fr); }
.bean-images { margin-top:0; grid-template-columns:1fr; }
.series-proof-grid { margin-top:18px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.series-proof-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.series-proof-grid figure { overflow:hidden; margin:0; border:1px solid rgba(var(--case-rgb),.24); background:#050505; }
.series-proof-grid iframe { display:block; width:100%; aspect-ratio:4/5; border:0; background:#050505; }
.series-proof-grid figcaption { padding:13px 15px; border-top:1px solid var(--line); color:var(--case-accent); font-size:.68rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }

/* Cases 14–17 — spacious narrative proof system */
.narrative-story { padding-block:clamp(110px,12vw,180px); }
.narrative-story > .section-heading { max-width:900px; }
.narrative-story > .section-heading h2 { font-size:clamp(3.2rem,6.2vw,7rem); line-height:.9; letter-spacing:-.065em; }
.narrative-story > .section-heading > p:last-child { max-width:690px; font-size:1.05rem; }
.before-after-stage { display:grid; grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr); align-items:center; gap:26px; }
.story-proof { position:relative; overflow:hidden; margin:0; border:1px solid rgba(var(--case-rgb),.26); background:#050505; }
.story-proof > span { position:absolute; z-index:2; top:14px; left:14px; padding:7px 10px; background:rgba(0,0,0,.84); border:1px solid rgba(var(--case-rgb),.35); color:var(--case-accent); font-size:.65rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.story-proof iframe,.story-proof > img { display:block; width:100%; aspect-ratio:4/5; border:0; background:#050505; object-fit:cover; object-position:top; }
.story-proof figcaption { display:flex; flex-direction:column; gap:4px; padding:17px 19px; border-top:1px solid var(--line); }
.story-proof figcaption strong { font-size:1rem; }
.story-proof figcaption small { color:var(--muted); }
.story-proof.after { box-shadow:0 0 55px rgba(var(--case-rgb),.09); }
.transformation-arrow { color:var(--case-accent); font-size:3.5rem; font-weight:250; text-align:center; }
.opportunity-stage { border-block:1px solid rgba(var(--case-rgb),.18); background:linear-gradient(135deg,rgba(var(--case-rgb),.065),#070707 58%); }
.opportunity-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:clamp(48px,8vw,120px); }
.opportunity-copy .eyebrow { color:var(--case-accent); }
.opportunity-copy h2 { margin:14px 0 24px; font-size:clamp(3.2rem,5.8vw,6.8rem); line-height:.89; letter-spacing:-.065em; }
.opportunity-copy > p:not(.eyebrow) { max-width:650px; color:var(--muted); font-size:1.05rem; }
.platform-pills { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.platform-pills span { padding:9px 12px; border:1px solid rgba(var(--case-rgb),.28); color:var(--case-accent); font-size:.7rem; font-weight:800; letter-spacing:.04em; }
.sponsor-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.sponsor-pair .story-proof:nth-child(2) { transform:translateY(34px); }
.culture-grid { grid-template-columns:1.1fr .72fr; }
.feature-proof { width:min(100%,560px); justify-self:end; }
.account-transformations { display:grid; grid-template-columns:1fr; gap:18px; }
.account-transformations > article { display:grid; grid-template-columns:.65fr 1.35fr; align-items:center; min-height:470px; border:1px solid rgba(var(--case-rgb),.24); background:rgba(var(--case-rgb),.025); }
.account-number { padding:34px; }
.account-number small { color:var(--case-accent); font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.account-number strong { display:block; margin:54px 0 4px; font-size:clamp(2.6rem,4.3vw,5.2rem); line-height:.9; letter-spacing:-.06em; }
.account-number strong i { color:var(--case-accent); font-style:normal; }
.account-number span { color:var(--muted); }
.account-number em { display:block; margin-top:10px; color:var(--muted); font-size:.75rem; font-style:normal; }
.account-transformations .story-proof { border:0; border-left:1px solid rgba(var(--case-rgb),.2); }
.account-transformations .story-proof iframe { min-height:470px; aspect-ratio:auto; }
.mini-proof-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.mini-proof-pair .story-proof iframe { min-height:470px; }
.platform-growth-grid { display:grid; gap:22px; }
.growth-proof iframe,.growth-proof > img { width:104%; max-width:none; margin-left:-2%; aspect-ratio:16/8; transform:scale(1.015); transform-origin:center; object-fit:contain; background:#000; }
.growth-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(213,177,94,.25); }
.growth-frame { position:relative; min-width:0; background:#000; }
.growth-frame > small { position:absolute; z-index:1; top:12px; left:12px; padding:7px 10px; border:1px solid rgba(255,255,255,.18); background:rgba(0,0,0,.78); color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.growth-frame.after > small { background:rgba(213,177,94,.94); color:#070707; }
.growth-frame img { display:block; width:100%; height:520px; object-fit:contain; object-position:center; background:#000; }
.proof-black { background:#000; }
.phone-status-crop { height:470px; overflow:hidden; background:#000; }
.phone-status-crop img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.redacted-proof > img { aspect-ratio:auto; object-fit:contain; background:#0b0b0d; }
.analytics-proof-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.trivia-case .series-hero { grid-template-columns:.88fr 1.12fr; }
.redacted-proof .redaction { position:absolute; z-index:3; display:block; border-radius:8px; background:rgba(12,12,16,.36); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.redacted-proof .redaction-one { top:1.2%; left:14%; width:8%; height:3.4%; }
.redacted-proof .redaction-two { top:5%; left:21%; width:18%; height:3.2%; }
.redacted-proof .redaction-three { top:78%; left:14%; width:20%; height:3.5%; }
.profile-proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.profile-proof-grid .story-proof iframe { aspect-ratio:4/5; }
.profile-proof-grid .zero-built-proof { border-style:dashed; }
.sponsor-proof-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sponsor-proof-grid .story-proof:first-child { grid-column:1/-1; }
.sponsor-proof-grid .story-proof:first-child iframe { aspect-ratio:16/3.5; }
.podcast-stage { padding-block:clamp(100px,11vw,160px); }
.pr-heading { margin-top:clamp(90px,10vw,150px); }
.race-pr-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.race-pr-grid .story-proof iframe { aspect-ratio:4/5; }
.property-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(var(--case-rgb),.24); }
.property-grid article { min-height:230px; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.property-grid article:nth-child(3n) { border-right:0; }
.property-grid article:nth-child(n+4) { border-bottom:0; }
.property-grid small { margin-bottom:auto; color:var(--case-accent); font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.property-grid strong { font-size:clamp(2.9rem,4.8vw,5.8rem); line-height:.9; letter-spacing:-.06em; }
.property-grid span { margin-top:9px; color:var(--muted); }
.feature-proof-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:980px; margin-inline:auto; }
.feature-proof-grid .story-proof iframe { aspect-ratio:16/12; }
.campaign-lanes { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(var(--case-rgb),.24); }
.campaign-lanes article { min-height:270px; padding:28px; border-right:1px solid var(--line); }
.campaign-lanes article:last-child { border-right:0; }
.campaign-lanes b { color:var(--case-accent); font-size:.7rem; letter-spacing:.12em; }
.campaign-lanes h3 { margin:78px 0 10px; font-size:1.45rem; }
.campaign-lanes p { color:var(--muted); font-size:.88rem; }

.better-divider { background:linear-gradient(90deg,#171200,#090909 60%); }
.bishop-divider { background:linear-gradient(90deg,#0c1427,#090909 60%); }
.better-profile-card img,.bishop-profile-card img { width:100%; aspect-ratio:4/5; object-fit:cover; object-position:top; }
.better-profile-card img { filter:saturate(.9) contrast(1.04); }
.script-room { padding-top:clamp(100px,12vw,170px); }
.script-board { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(var(--case-rgb),.3); background:#080808; }
.script-board article { min-height:300px; padding:28px; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.script-board article:last-child { border-right:0; }
.script-board small { color:var(--case-accent); font-size:.7rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.script-board strong { margin-top:auto; font-size:1.28rem; line-height:1.15; }
.script-board p { margin:12px 0 0; color:var(--muted); font-size:.9rem; }
.script-proof-grid { margin-top:24px; display:grid; grid-template-columns:.85fr 1.15fr; gap:24px; }
.show-card,.script-document { min-height:520px; margin:0; border:1px solid rgba(var(--case-rgb),.28); background:#050505; }
.show-card { overflow:hidden; }
.show-card img { width:100%; height:460px; object-fit:cover; object-position:top; }
.show-card figcaption { padding:16px 18px; display:flex; flex-direction:column; border-top:1px solid var(--line); }
.show-card figcaption small { color:var(--muted); }
.script-document { padding:clamp(28px,4vw,52px); display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(150deg,rgba(var(--case-rgb),.09),#070707 58%); }
.script-document > div { display:flex; flex-direction:column; }
.script-document span { color:var(--case-accent); font-size:.68rem; font-weight:850; letter-spacing:.12em; }
.script-document strong { margin-top:14px; font-size:clamp(2.5rem,5vw,5.2rem); letter-spacing:-.06em; line-height:.9; }
.script-document small { margin-top:10px; color:var(--muted); }
.script-document blockquote { margin:40px 0; max-width:680px; font-size:clamp(1.25rem,2.3vw,2rem); line-height:1.25; letter-spacing:-.025em; }
.script-document a { width:max-content; color:var(--case-accent); font-size:.82rem; font-weight:800; text-decoration:none; border-bottom:1px solid currentColor; }
.bishop-account-proof { margin-top:30px; display:grid; grid-template-columns:.72fr 1.28fr; gap:30px; align-items:center; border:1px solid rgba(var(--case-rgb),.26); background:rgba(var(--case-rgb),.025); }
.bishop-account-proof figure { margin:0; overflow:hidden; border-right:1px solid var(--line); }
.bishop-account-proof img { width:100%; max-height:650px; object-fit:cover; object-position:top; }
.bishop-account-proof figcaption { padding:14px 17px; display:flex; flex-direction:column; border-top:1px solid var(--line); }
.bishop-account-proof figcaption small { color:var(--muted); }
.bishop-account-proof > div { padding:clamp(26px,5vw,70px); }
.bishop-account-proof h3 { margin:0 0 18px; font-size:clamp(2.6rem,5vw,5.7rem); line-height:.9; letter-spacing:-.06em; }
.bishop-account-proof > div > p:last-child { max-width:650px; color:var(--muted); font-size:1.05rem; }

.strategy-vault { --vault-accent:#d5b15e; background:radial-gradient(circle at 15% 0,rgba(213,177,94,.12),transparent 34rem),#070707; border-top:1px solid rgba(213,177,94,.28); }
.vault-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(40px,8vw,110px); align-items:end; margin-bottom:64px; }
.vault-heading .eyebrow { color:var(--vault-accent); }
.vault-heading h2 { margin:0; max-width:820px; font-size:clamp(3.2rem,6.7vw,7.5rem); }
.vault-heading > p { margin:0 0 8px; max-width:560px; color:var(--muted); font-size:1.08rem; }
.vault-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.vault-card { min-width:0; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(213,177,94,.22); background:#0d0d0d; transition:transform .25s ease,border-color .25s ease; }
.vault-card:hover { transform:translateY(-4px); border-color:rgba(213,177,94,.58); }
.vault-preview { min-height:285px; overflow:hidden; background:#030303; border-bottom:1px solid var(--line); }
.vault-preview iframe { display:block; width:100%; height:330px; border:0; background:#030303; }
.vault-preview > img { display:block; width:100%; height:330px; object-fit:contain; object-position:center; background:#030303; }
.vault-video-preview video { display:block; width:100%; height:330px; object-fit:cover; background:#000; }
.vault-slider { position:relative; min-height:0; }
.vault-slides { display:flex; width:100%; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; overscroll-behavior-inline:contain; }
.vault-slides::-webkit-scrollbar { display:none; }
.vault-slide { position:relative; flex:0 0 100%; margin:0; scroll-snap-align:start; background:#030303; }
.vault-slide img { display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:contain; object-position:center; background:#030303; }
.vault-slide figcaption { position:absolute; right:14px; bottom:14px; padding:7px 10px; border:1px solid rgba(255,255,255,.16); background:rgba(4,4,4,.82); color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.12em; }
.vault-prev,.vault-next { position:absolute; z-index:2; top:50%; width:40px; height:40px; border:1px solid rgba(255,255,255,.24); border-radius:50%; background:rgba(3,3,3,.82); color:#fff; font-size:1.7rem; line-height:1; cursor:pointer; transform:translateY(-50%); transition:background .2s ease,border-color .2s ease; }
.vault-prev { left:12px; }
.vault-next { right:12px; }
.vault-prev:hover,.vault-next:hover { background:#d5b15e; border-color:#d5b15e; color:#080808; }
.vault-featured .vault-preview { min-height:360px; }
.vault-featured .vault-slider { min-height:0; }
.vault-featured .vault-preview iframe { height:400px; }
.vault-featured .vault-preview > img { height:400px; }
.vault-image-strip > img { object-fit:cover; }
.vault-image-strip { display:grid; grid-template-columns:1fr 1fr; }
.vault-image-strip img { width:100%; height:330px; object-fit:cover; object-position:top; }
.vault-image-strip-three { grid-template-columns:repeat(3,1fr); }
.vault-image-strip-three img { height:330px; }
.vault-copy { flex:1; padding:25px; display:flex; flex-direction:column; }
.vault-copy > small { color:var(--vault-accent); font-size:.68rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.vault-copy h3 { margin:17px 0 13px; font-size:clamp(1.55rem,2.6vw,2.35rem); line-height:1; letter-spacing:-.04em; }
.vault-copy > p { color:var(--muted); }
.vault-copy > div { display:flex; gap:7px; flex-wrap:wrap; margin:8px 0 28px; }
.vault-copy > div span { padding:7px 9px; border:1px solid var(--line); color:#c8c8c8; font-size:.65rem; font-weight:750; }
.vault-copy > a { width:max-content; margin-top:auto; color:var(--vault-accent); font-size:.77rem; font-weight:800; text-decoration:none; border-bottom:1px solid currentColor; }
.restricted-note { display:block; margin-top:20px; color:var(--case-accent); font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.wellness-card { border-color:rgba(126,231,135,.28); }
.wellness-card .vault-copy > small,.wellness-card .vault-copy > a { color:#7ee787; }

.site-footer { min-height: 100px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); color: var(--muted); font-size: .75rem; letter-spacing: .12em; }
.site-footer a{color:var(--ink);text-decoration:none}.site-footer a:hover{color:#c5a348}

.lightbox {
  width: min(94vw, 1040px); max-height: 92vh; padding: 0; background: #060606; color: var(--ink);
  border: 1px solid var(--line); box-shadow: 0 30px 100px rgba(0,0,0,.75);
}
.lightbox::backdrop { background: rgba(0,0,0,.9); backdrop-filter: blur(8px); }
.lightbox img { width: 100%; max-height: 88vh; object-fit: contain; }
.lightbox-close {
  position: fixed; right: max(3vw, 18px); top: max(3vh, 18px); z-index: 2;
  width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--line);
  background: rgba(0,0,0,.82); color: white; font-size: 1.7rem; cursor: pointer;
}

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; padding-top: 56px; }
  .hero-art { max-width: 620px; margin-left: auto; }
  .metric { grid-template-columns: repeat(2, 1fr); }
  .metric article:nth-child(3) { border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
  .metric article:nth-child(4) { border-top: 1px solid var(--line); }
  .growth-story, .split-heading, .outcomes-grid, .review-note { grid-template-columns: 1fr; gap: 34px; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .work-grid { grid-template-columns: repeat(2, 1fr); }
  .video-gallery, .partner-feature-grid { grid-template-columns: repeat(2, 1fr); }
  .brand-response-grid { grid-template-columns: 1fr; }
  .youtube-hero { grid-template-columns: 1fr; }
  .ecosystem-map { max-width: 680px; width: 100%; }
  .proof-dashboard { grid-template-columns: 1fr; }
  .youtube-service-grid { grid-template-columns: repeat(2,1fr); }
  .source-image { height: 430px; }
  .case-film { grid-template-columns: 1fr; }
  .fictional-hero { grid-template-columns: 1fr; }
  .character-hero-stack { max-width: 720px; width: 100%; }
  .fictional-metrics { grid-template-columns: repeat(2, 1fr); }
  .fictional-metrics article:nth-child(3) { border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
  .fictional-metrics article:nth-child(4) { border-top: 1px solid var(--line); }
  .system-rail { grid-template-columns: repeat(2, 1fr); }
  .growth-timeline { grid-template-columns: repeat(2, 1fr); }
  .system-rail article:last-child { grid-column: 1 / -1; }
  .fictional-proof-grid, .fictional-video-grid { grid-template-columns: repeat(2, 1fr); }
  .fictional-proof-card:last-child, .fictional-video-card:last-child { grid-column: 1 / -1; }
  .storm-proof-grid { grid-template-columns: repeat(2, 1fr); }
  .storm-proof-grid article:nth-child(3) { border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
  .storm-proof-grid article:nth-child(4) { border-top: 1px solid var(--line); }
  .storm-flow { grid-template-columns: repeat(2, 1fr); }
  .storm-profile-proof { grid-template-columns: 1fr; }
  .storm-profile-shot { min-height: 620px; }
  .storm-gallery { grid-template-columns: 1fr; }
  .storm-shot { min-height: 520px; }
  .creator-hero { grid-template-columns: 1fr; }
  .creator-profile { width: min(100%, 620px); margin-left: auto; }
  .creator-proof-grid { grid-template-columns: repeat(2, 1fr); }
  .creator-proof-grid article:nth-child(3) { border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
  .creator-proof-grid article:nth-child(4) { border-top: 1px solid var(--line); }
  .creator-flow { grid-template-columns: repeat(2, 1fr); }
  .overkill-proof-grid { grid-template-columns: repeat(2, 1fr); }
  .overkill-proof-grid article { border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .overkill-proof-grid article:first-child { border-left: 1px solid var(--line); }
  .overkill-proof-grid article:nth-child(odd) { border-left: 1px solid var(--line); }
  .overkill-proof-grid article:last-child { grid-column: 1 / -1; }
  .overkill-flow { grid-template-columns: repeat(2, 1fr); }
  .overkill-flow article:last-child { grid-column: 1 / -1; }
  .overkill-proof-wall { grid-template-columns: 1fr; }
  .platform-board-wide { grid-column: auto; }
  .collage-studio { height: 440px; }
  .overkill-video-grid { grid-template-columns: repeat(2, 1fr); }
  .overkill-video-card.featured { grid-column: 1 / -1; max-width: 560px; justify-self: center; width: 100%; }
  .jamie-hero-grid, .bth-hero-grid, .jamie-work-grid { grid-template-columns: 1fr; }
  .drive-profile-card { width: min(100%,620px); margin-left: auto; }
  .jamie-scope-grid, .bth-flow { grid-template-columns: repeat(2,1fr); }
  .jamie-scope-grid article:nth-child(2), .bth-flow article:nth-child(2) { border-right: 0; }
  .jamie-scope-grid article:nth-child(-n+2), .bth-flow article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .bth-proof-grid { grid-template-columns: repeat(2,1fr); }
  .bth-proof-grid article:nth-child(odd) { border-left: 1px solid var(--line); }
  .bth-proof-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .series-hero,.starplex-proof-split,.starplex-work-grid,.bean-work-grid { grid-template-columns:1fr; }
  .series-proof-card { width:min(100%,680px); margin-left:auto; }
  .series-flow { grid-template-columns:repeat(2,1fr); }
  .series-flow article:nth-child(2) { border-right:0; }
  .series-flow article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .series-metrics { grid-template-columns:repeat(2,1fr); }
  .series-metrics-three article:last-child { grid-column:1/-1; }
  .series-metrics article:nth-child(odd) { border-left:1px solid var(--line); }
  .series-metrics article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .series-proof-grid { grid-template-columns:repeat(2,1fr); }
  .opportunity-grid,.culture-grid { grid-template-columns:1fr; }
  .feature-proof { justify-self:start; }
  .account-transformations { grid-template-columns:1fr; }
  .trivia-case .series-hero { grid-template-columns:1fr; }
  .analytics-proof-pair { width:min(100%,760px); }
  .profile-proof-grid { grid-template-columns:repeat(2,1fr); }
  .race-pr-grid { grid-template-columns:repeat(2,1fr); }
  .property-grid { grid-template-columns:repeat(2,1fr); }
  .property-grid article:nth-child(3n) { border-right:1px solid var(--line); }
  .property-grid article:nth-child(2n) { border-right:0; }
  .property-grid article:nth-child(n+4) { border-bottom:1px solid var(--line); }
  .property-grid article:nth-child(n+5) { border-bottom:0; }
  .campaign-lanes { grid-template-columns:repeat(2,1fr); }
  .campaign-lanes article:nth-child(2) { border-right:0; }
  .campaign-lanes article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .starplex-work-grid .series-video-card { width:min(100%,560px); justify-self:center; }
  .script-board { grid-template-columns:repeat(2,1fr); }
  .script-board article:nth-child(2) { border-right:0; }
  .script-board article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .script-proof-grid,.bishop-account-proof,.vault-heading { grid-template-columns:1fr; }
  .bishop-account-proof figure { border-right:0; border-bottom:1px solid var(--line); }
  .vault-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .shell, .site-header { width: min(calc(100% - 28px), var(--max)); }
  .site-header { min-height: 66px; }
  .brand em { display: none; }
  .header-meta { font-size: .74rem; }
  .hero { min-height: auto; padding-block: 50px 60px; gap: 54px; }
  h1 { font-size: clamp(3rem, 16vw, 5rem); }
  .hero-art::before { inset: -12px 12px 12px -12px; }
  .hero-art figcaption { left: -8px; right: 12px; align-items: flex-start; flex-direction: column; }
  .metric { grid-template-columns: 1fr 1fr; }
  .metric article { min-height: 142px; padding: 22px 16px; }
  .metric strong { font-size: 2.25rem; }
  .metric span { font-size: .9rem; }
  .metric small { font-size: .72rem; }
  .section { padding-block: 82px; }
  .section-heading { margin-bottom: 38px; }
  .growth-story { padding: 22px; }
  .proof-pair { gap: 8px; }
  .proof-frame { min-height: 330px; }
  .service-grid, .platform-proof, .work-grid, .video-gallery, .partner-feature-grid { grid-template-columns: 1fr; }
  .service-grid article { min-height: 220px; }
  .platform-card { min-height: 480px; }
  .outcome-list article { grid-template-columns: 92px 1fr; }
  .work-card { min-height: 330px; }
  .partner-feature { min-height: 520px; }
  .review-note { padding: 26px; }
  .site-footer { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; }
  .case-switcher { overflow-x: auto; padding-bottom: 4px; }
  .case-switcher a { white-space: nowrap; }
  .jamie-copy h2, .bth-copy h2 { font-size: clamp(3rem,15vw,5rem); }
  .jamie-scope-grid, .bth-flow, .bth-video-grid, .bth-carousel { grid-template-columns: 1fr; }
  .jamie-scope-grid article, .bth-flow article { min-height: 210px; border-right: 0; border-bottom: 1px solid var(--line); }
  .jamie-scope-grid article:last-child, .bth-flow article:last-child { border-bottom: 0; }
  .jamie-scope-grid h3, .bth-flow h3 { margin-top: 38px; }
  .bth-proof-grid article { min-height: 145px; padding: 20px 15px; }
  .bth-proof-grid strong { font-size: 2.5rem; }
  .series-hero { min-height:auto; padding-block:76px; }
  .series-copy h2 { font-size:clamp(3rem,15vw,5rem); }
  .series-flow,.series-video-grid,.series-image-grid,.series-proof-grid,.bean-work-grid .series-video-grid { grid-template-columns:1fr; }
  .series-flow article { min-height:210px; border-right:0; border-bottom:1px solid var(--line); }
  .series-flow article:last-child { border-bottom:0; }
  .series-flow h3 { margin-top:38px; }
  .series-metrics article { min-height:145px; padding:20px 15px; }
  .series-metrics strong { font-size:2.35rem; }
  .series-image-grid img { aspect-ratio:1/1; }
  .before-after-stage { grid-template-columns:1fr; }
  .transformation-arrow { transform:rotate(90deg); }
  .sponsor-pair,.feature-proof-grid,.analytics-proof-pair,.profile-proof-grid,.sponsor-proof-grid,.race-pr-grid { grid-template-columns:1fr; }
  .sponsor-proof-grid .story-proof:first-child { grid-column:auto; }
  .sponsor-proof-grid .story-proof:first-child iframe { aspect-ratio:16/5; }
  .sponsor-pair .story-proof:nth-child(2) { transform:none; }
  .account-transformations > article { grid-template-columns:1fr; }
  .account-transformations .story-proof { border-left:0; border-top:1px solid rgba(var(--case-rgb),.2); }
  .mini-proof-pair { grid-template-columns:1fr; }
  .mini-proof-pair .story-proof iframe { min-height:390px; }
  .account-number strong { margin-top:30px; }
  .property-grid { grid-template-columns:1fr; }
  .property-grid article,.property-grid article:nth-child(3n),.property-grid article:nth-child(2n),.property-grid article:nth-child(n+4),.property-grid article:nth-child(n+5) { min-height:175px; border-right:0; border-bottom:1px solid var(--line); }
  .property-grid article:last-child { border-bottom:0; }
  .campaign-lanes { grid-template-columns:1fr; }
  .campaign-lanes article,.campaign-lanes article:nth-child(2),.campaign-lanes article:nth-child(-n+2) { min-height:210px; border-right:0; border-bottom:1px solid var(--line); }
  .campaign-lanes article:last-child { border-bottom:0; }
  .campaign-lanes h3 { margin-top:42px; }
  .script-board,.script-proof-grid,.bishop-account-proof,.vault-grid { grid-template-columns:1fr; }
  .script-board article,.script-board article:nth-child(2),.script-board article:nth-child(-n+2) { min-height:225px; border-right:0; border-bottom:1px solid var(--line); }
  .script-board article:last-child { border-bottom:0; }
  .script-board strong { margin-top:44px; }
  .show-card,.script-document { min-height:440px; }
  .show-card img { height:390px; }
  .bishop-account-proof figure { border-right:0; }
  .vault-preview,.vault-featured .vault-preview { min-height:300px; }
  .vault-preview iframe,.vault-featured .vault-preview iframe,.vault-preview > img,.vault-featured .vault-preview > img,.vault-image-strip img,.vault-video-preview video { height:330px; }
  .vault-slider,.vault-featured .vault-slider { min-height:0; }
  .vault-slide img,.vault-featured .vault-slide img { height:auto; aspect-ratio:16 / 9; }
  .growth-frame img { height:390px; }
  .case-divider-inner { grid-template-columns: 1fr; gap: 5px; padding-block: 24px; }
  .youtube-hero { min-height: auto; padding-block: 76px; }
  .ecosystem-map { min-height: 430px; }
  .map-node { width: 120px; height: 88px; padding: 11px; }
  .map-core { width: 170px; height: 110px; }
  .node-youtube, .node-patreon { top: 20px; }
  .node-site, .node-report { bottom: 20px; }
  .node-youtube, .node-site { left: 14px; }
  .node-patreon, .node-report { right: 14px; }
  .youtube-metric-grid, .youtube-service-grid { grid-template-columns: 1fr; }
  .youtube-metric-grid article, .youtube-metric-grid article:nth-child(3n+1), .youtube-metric-grid article:nth-last-child(-n+3) { min-height: 155px; border: 0; border-inline: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .youtube-metric-grid article:last-child { border-bottom: 0; }
  .proof-dashboard-chart { min-height: 450px; }
  .source-proof-gallery { grid-template-columns: 1fr; }
  .source-image { height: 460px; }
  .case-film-caption { align-items: flex-start; flex-direction: column; gap: 5px; }
  .fictional-hero { min-height: auto; padding-block: 76px; }
  .character-hero-stack { min-height: 500px; }
  .character-portrait-main { inset: 0 7% 7% 0; }
  .character-profile-card { width: 54%; top: 24px; }
  .network-count { right: 0; min-width: 190px; }
  .fictional-metrics { grid-template-columns: 1fr 1fr; }
  .fictional-metrics article { min-height: 148px; padding: 20px 15px; }
  .fictional-metrics strong { font-size: 2.4rem; }
  .system-rail, .growth-timeline, .fictional-proof-grid, .week-compare, .signal-strip, .fictional-video-grid { grid-template-columns: 1fr; }
  .system-rail article:last-child, .fictional-proof-card:last-child, .fictional-video-card:last-child { grid-column: auto; }
  .system-rail article { min-height: 230px; }
  .fictional-proof-card { min-height: 520px; }
  .storm-hero { min-height: 690px; }
  .storm-hero-shade { background: linear-gradient(0deg, rgba(3,6,9,.94), rgba(3,6,9,.28) 75%); }
  .storm-hero-copy { padding-block: 72px; }
  .storm-proof-grid { grid-template-columns: 1fr 1fr; }
  .storm-proof-grid article { min-height: 150px; padding: 20px 15px; }
  .storm-proof-grid strong { font-size: 2.5rem; }
  .storm-flow { grid-template-columns: 1fr; }
  .storm-flow article { min-height: 230px; }
  .storm-profile-shot { min-height: 520px; }
  .storm-shot { min-height: 430px; }
  .creator-hero { min-height: auto; padding-block: 72px; }
  .creator-profile { height: 570px; }
  .creator-proof-grid { grid-template-columns: 1fr 1fr; }
  .creator-proof-grid article { min-height: 150px; padding: 20px 15px; }
  .creator-proof-grid strong { font-size: 2.5rem; }
  .creator-flow, .creator-video-grid { grid-template-columns: 1fr; }
  .creator-flow article { min-height: 230px; }
  .funnel-flow { grid-template-columns: 1fr; }
  .funnel-flow i { transform: rotate(90deg); justify-self: center; }
  .overkill-hero { min-height: 760px; }
  .overkill-hero-shade { background: linear-gradient(0deg, rgba(2,4,3,.98) 0%, rgba(2,4,3,.74) 72%, rgba(2,4,3,.18)); }
  .overkill-hero-copy { padding-block: 74px 62px; }
  .overkill-hero-copy h2 { font-size: clamp(3.3rem, 15vw, 5.7rem); }
  .overkill-proof-grid { grid-template-columns: 1fr 1fr; }
  .overkill-proof-grid article { min-height: 158px; padding: 18px 14px; }
  .overkill-proof-grid strong { font-size: 2.35rem; }
  .overkill-flow, .overkill-proof-wall, .overkill-video-grid, .overkill-album-grid { grid-template-columns: 1fr; }
  .overkill-flow article:last-child, .overkill-video-card.featured { grid-column: auto; }
  .platform-board { padding: 16px; }
  .platform-board header { min-height: 104px; grid-template-columns: 36px 1fr; }
  .platform-collage, .collage-studio { height: 410px; }
  .collage-studio .profile { width: 38%; height: 72%; top: 12%; }
  .collage-studio .analytics { width: 74%; height: 70%; top: 8%; }
  .overkill-video-card.featured { max-width: none; }
  .overkill-album-art { max-width: 520px; width: 100%; justify-self: center; }
  .album-track { grid-template-columns: 72px 1fr; }
  .album-track small { grid-column: 1 / -1; text-align: left; }
}

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

/* Shared Starplex portfolio network chrome */
.starplex-network-header{position:sticky;top:0;z-index:100;min-height:88px;padding:14px clamp(18px,3vw,48px);display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:24px;border-bottom:1px solid #38382f;background:rgba(12,12,11,.94);backdrop-filter:blur(18px)}
.starplex-network-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;color:#f4f2ed;text-decoration:none;font-weight:800;letter-spacing:.04em}
.starplex-network-brand img{width:44px;height:44px;object-fit:contain}
.starplex-network-brand span{display:grid;font-size:.92rem;line-height:1}
.starplex-network-brand small{margin-top:6px;color:#b9b8ae;font-size:.58rem;font-weight:600;letter-spacing:.18em}
.starplex-network-nav{display:flex;align-items:center;gap:4px}
.starplex-network-nav a{position:relative;padding:10px 11px;color:#b9b8ae;text-decoration:none;font-size:.76rem;font-weight:700;letter-spacing:.04em}
.starplex-network-nav a:hover,.starplex-network-nav a.current{color:#f4f2ed}
.starplex-network-nav a.current:after{content:"";position:absolute;left:11px;right:11px;bottom:3px;height:1px;background:#c5a348}
.starplex-book-call{justify-self:end;padding:12px 16px;border:1px solid #c5a348;background:#c5a348;color:#0c0c0b;text-decoration:none;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.starplex-book-call:hover{background:#f4f2ed;border-color:#f4f2ed}
.starplex-closing-cta{margin-top:clamp(80px,10vw,150px);margin-bottom:clamp(70px,8vw,120px);padding:clamp(34px,6vw,78px);border:1px solid rgba(197,163,72,.5);background:radial-gradient(circle at 85% 25%,rgba(197,163,72,.18),transparent 34%),#11110f}
.starplex-closing-cta p{margin:0 0 18px;color:#c5a348;font-size:.7rem;font-weight:800;letter-spacing:.16em}
.starplex-closing-cta h2{max-width:900px;margin:0;color:#f4f2ed;font-size:clamp(3rem,7vw,7.5rem);line-height:.88;letter-spacing:-.06em}
.starplex-closing-cta h2 em{color:#c5a348;font-family:Georgia,serif;font-weight:400}
.starplex-closing-cta a{display:inline-block;margin-top:34px;padding:15px 19px;background:#c5a348;color:#0c0c0b;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.starplex-mobile-book{display:none}
@media(max-width:980px){.starplex-network-header{grid-template-columns:1fr auto}.starplex-network-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;border-top:1px solid rgba(255,255,255,.07);padding-top:6px}.starplex-book-call{grid-column:2;grid-row:1}}
@media(max-width:680px){body{padding-bottom:62px}.starplex-network-header{min-height:68px;padding:10px 14px;display:flex}.starplex-network-brand img{width:38px;height:38px}.starplex-network-brand small{font-size:.52rem}.starplex-network-nav,.starplex-book-call{display:none}.starplex-mobile-book{position:fixed;left:0;right:0;bottom:0;z-index:150;display:flex;align-items:center;justify-content:center;min-height:58px;background:#c5a348;color:#0c0c0b;text-decoration:none;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 -10px 30px rgba(0,0,0,.35)}.case-switcher{top:68px}.starplex-closing-cta{width:calc(100% - 28px);padding:32px 22px}.starplex-closing-cta h2{font-size:clamp(2.8rem,14vw,4.6rem)}}