/* cache: six-board2 */
:root {
  --black: #000;
  --ink: #0a0a0a;
  --panel: #0e0e0e;
  --white: #fff;
  --mute: #a8a8a8;
  --line: rgba(255, 255, 255, 0.16);
  --pink: #fa0a72;
  --pink-2: #ff2d86;
  --pink-deep: #c40758;
  --pink-soft: rgba(250, 10, 114, 0.18);
  --display: Anton, Impact, "Arial Black", sans-serif;
  --sans: Inter, system-ui, sans-serif;
  --script: "Permanent Marker", "Comic Sans MS", cursive;
  --mono: "Space Mono", ui-monospace, monospace;
  --max: 1240px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--black);
  color: var(--white);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
::selection { background: var(--pink); color: #fff; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 80;
  opacity: 0.045;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.skip {
  position: absolute;
  left: 12px;
  top: -48px;
  z-index: 200;
  background: var(--pink);
  color: #000;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
}
.skip:focus { top: 12px; }

.wrap { width: min(var(--max), calc(100% - 56px)); margin: 0 auto; }
@media (max-width: 720px) { .wrap { width: min(var(--max), calc(100% - 32px)); } }
section[id] { scroll-margin-top: 156px; }

.script {
  font-family: var(--script);
  color: var(--pink);
  letter-spacing: 0.02em;
  line-height: 1.15;
}
.display {
  font-family: var(--display);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 0.92;
}
.blend { mix-blend-mode: screen; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 18px;
  border: 1.5px solid transparent;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.15s var(--ease), background 0.15s var(--ease), border-color 0.15s var(--ease), color 0.15s var(--ease);
  white-space: nowrap;
}
.btn .arr { font-size: 1.05em; transition: transform 0.15s var(--ease); }
.btn:hover .arr { transform: translateX(3px); }
.btn-pink { background: var(--pink); color: #000; border-color: var(--pink); }
.btn-pink:hover { background: var(--pink-2); border-color: var(--pink-2); transform: translateY(-1px); }
.btn-ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,0.72); }
.btn-ghost:hover { border-color: #fff; background: rgba(255,255,255,0.06); }
.btn-dark { background: #000; color: #fff; border-color: rgba(255,255,255,0.55); }
.btn-dark:hover { border-color: #fff; }
.btn:focus-visible { outline: 2px solid var(--pink); outline-offset: 3px; }

/* ---------- Chrome: AFP nav + series nav ---------- */
.page-chrome {
  position: sticky;
  top: 0;
  z-index: 50;
}

.afp-nav {
  position: relative;
  background: rgba(245, 241, 232, 0.94);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  border-bottom: 1px solid rgba(22, 20, 15, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
.afp-nav-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  height: 64px;
}
.afp-logo {
  display: flex;
  align-items: center;
  height: 26px;
  flex-shrink: 0;
}
.afp-logo img {
  height: 26px;
  width: auto;
  display: block;
}
.afp-links {
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #3C382E;
}
.afp-links a:not(.tb-btn):hover { color: #16140F; }
.afp-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1.5px solid #D9D2C0;
  border-radius: 8px;
  background: transparent;
  color: #16140F;
  cursor: pointer;
  flex-shrink: 0;
}
.afp-toggle:hover { background: #EFEADD; border-color: #6B6555; }
.afp-toggle-bars,
.afp-toggle-bars::before,
.afp-toggle-bars::after {
  display: block;
  width: 18px;
  height: 2px;
  background: currentColor;
  border-radius: 1px;
}
.afp-toggle-bars { position: relative; }
.afp-toggle-bars::before,
.afp-toggle-bars::after { content: ""; position: absolute; left: 0; }
.afp-toggle-bars::before { top: -6px; }
.afp-toggle-bars::after { top: 6px; }
.afp-nav.is-open .afp-toggle-bars { background: transparent; }
.afp-nav.is-open .afp-toggle-bars::before { top: 0; transform: rotate(45deg); }
.afp-nav.is-open .afp-toggle-bars::after { top: 0; transform: rotate(-45deg); }
.tb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  padding: 11px 20px;
  border-radius: 8px;
  border: 1.5px solid #16140F;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.15s var(--ease), background 0.15s var(--ease), color 0.15s var(--ease);
}
.tb-btn-primary {
  background: #C61CA0;
  border-color: #C61CA0;
  color: #fff;
}
.tb-btn-primary:hover {
  background: #A01180;
  border-color: #A01180;
  transform: translateY(-1px);
}
.tb-btn .arr { transition: transform 0.15s var(--ease); }
.tb-btn:hover .arr { transform: translateX(3px); }

.baddie-nav {
  position: relative;
  background: #000;
  border-bottom: 1px solid var(--line);
}
.baddie-nav-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 76px;
}
.baddie-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 68px;
  overflow: hidden;
}
.baddie-logo img {
  display: block;
  height: 96px;
  width: auto;
  max-width: none;
  mix-blend-mode: screen;
}
.baddie-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
  min-width: 0;
  flex: 1;
}
.baddie-links a:not(.btn) {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.78);
  padding: 6px 0;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.baddie-links a:not(.btn):hover,
.baddie-links a:not(.btn).is-active {
  color: #fff;
  border-bottom-color: var(--pink);
}
.baddie-links .btn {
  margin-left: 8px;
  flex-shrink: 0;
  border-radius: 8px;
  padding: 10px 16px;
}
.baddie-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--line);
  background: transparent;
  color: #fff;
  cursor: pointer;
  flex-shrink: 0;
}
.baddie-toggle-bars,
.baddie-toggle-bars::before,
.baddie-toggle-bars::after {
  display: block;
  width: 18px;
  height: 2px;
  background: currentColor;
}
.baddie-toggle-bars { position: relative; margin: 0 auto; }
.baddie-toggle-bars::before,
.baddie-toggle-bars::after { content: ""; position: absolute; left: 0; }
.baddie-toggle-bars::before { top: -6px; }
.baddie-toggle-bars::after { top: 6px; }
.baddie-nav.is-open .baddie-toggle-bars { background: transparent; }
.baddie-nav.is-open .baddie-toggle-bars::before { top: 0; transform: rotate(45deg); }
.baddie-nav.is-open .baddie-toggle-bars::after { top: 0; transform: rotate(-45deg); }

@media (max-width: 1100px) {
  .baddie-links { gap: 16px; }
  .baddie-links a:not(.btn) { letter-spacing: 0.1em; font-size: 10px; }
}
@media (max-width: 900px) {
  .afp-nav-in { height: 48px; }
  .afp-logo,
  .afp-logo img { height: 22px; }
  .afp-toggle,
  .baddie-toggle {
    display: inline-flex;
    width: 40px;
    height: 40px;
  }
  .baddie-nav-in { min-height: 52px; }
  .baddie-logo { height: 48px; }
  .baddie-logo img { height: 70px; }
  .afp-links {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px 20px 20px;
    background: rgba(245, 241, 232, 0.97);
    border-bottom: 1px solid rgba(22, 20, 15, 0.1);
    z-index: 52;
  }
  .afp-nav.is-open .afp-links { display: flex; }
  .afp-links a:not(.tb-btn) {
    padding: 14px 4px;
    border-bottom: 1px solid #D9D2C0;
    font-size: 16px;
    color: #3C382E;
  }
  .afp-links .tb-btn { margin-top: 16px; width: 100%; }
  .baddie-links {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 20px 20px;
    background: rgba(0,0,0,0.96);
    border-bottom: 1px solid var(--line);
    z-index: 51;
  }
  .baddie-nav.is-open .baddie-links { display: flex; }
  .baddie-links a:not(.btn) {
    padding: 14px 4px;
    border-bottom: 1px solid var(--line);
    font-size: 13px;
  }
  .baddie-links .btn { margin: 14px 0 0; width: 100%; }
}

/* ---------- Hero ---------- */
.hero {
  position: relative;
  isolation: isolate;
  min-height: min(92vh, 860px);
  padding: 48px 0 64px;
  overflow: hidden;
}
.hero-media {
  position: absolute;
  inset: 0 0 0 28%;
  z-index: 0;
  overflow: hidden;
}
.hero-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% 42%;
  filter: brightness(0.42) saturate(1.25) contrast(1.12);
  opacity: 0;
  transform: scale(1.04);
  transition: opacity 1.6s ease;
}
.hero-media img.is-on {
  opacity: 1;
  z-index: 1;
  animation: heroKen 7.5s ease-out forwards;
}
.hero-media img:nth-child(2) { object-position: 70% 28%; }
.hero-media img:nth-child(3) { object-position: 48% 40%; }
.hero-media img:nth-child(4) { object-position: 62% 30%; }
.hero-media img:nth-child(5) { object-position: 50% 42%; }
.hero-media img:nth-child(6) { object-position: 55% 45%; }
.hero-media img:nth-child(7) { object-position: 58% 48%; }
@keyframes heroKen {
  from { transform: scale(1.04); }
  to { transform: scale(1.12); }
}
.hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(90deg, #000 0%, rgba(0,0,0,0.72) 28%, rgba(0,0,0,0.18) 62%, rgba(90,0,50,0.28) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.7));
}
@media (prefers-reduced-motion: reduce) {
  .hero-media img.is-on { animation: none; transform: none; }
}
.hero-in {
  position: relative;
  z-index: 2;
  min-height: min(78vh, 720px);
  display: flex;
}
.hero-lock {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: min(640px, 54%);
  padding-top: 8px;
}
.hero-lockup {
  display: block;
  width: auto;
  max-width: min(640px, 100%);
  height: auto;
  max-height: min(46vh, 420px);
  object-fit: contain;
  object-position: left center;
  margin: 0 0 4px -12px;
  filter: drop-shadow(0 0 16px rgba(255, 10, 138, 0.12));
}
.hero-marks {
  position: absolute;
  inset: 0 0 0 32%;
  z-index: 1;
  pointer-events: none;
}
.hero-badge,
.hero-stamp {
  display: block;
  height: auto;
  object-fit: contain;
}
.hero-badge {
  position: absolute;
  top: 4%;
  right: 5%;
  width: clamp(150px, 16vw, 210px);
  transform: rotate(8deg);
  filter: drop-shadow(0 0 18px rgba(250,10,114,0.35));
}
.hero-stamp {
  position: absolute;
  right: 3%;
  bottom: 7%;
  width: clamp(240px, 28vw, 360px);
  transform: rotate(-2deg);
}
.hero-copy {
  max-width: 46ch;
  margin: 18px 0 0;
  font-size: clamp(16px, 1.7vw, 19px);
  color: rgba(255,255,255,0.9);
}
.hero-lock > .hero-copy:first-of-type { margin-top: auto; padding-top: 28px; }
.hero-copy + .hero-copy { margin-top: 10px; color: rgba(255,255,255,0.72); font-size: 15px; }
.hero-meta {
  margin-top: 18px;
  color: var(--pink);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
@media (max-width: 900px) {
  .hero { min-height: auto; padding: 28px 0 48px; }
  .hero-in {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 8px;
  }
  .hero-media { inset: 0; opacity: 0.55; }
  .hero-lock { max-width: 100%; padding-right: 96px; }
  .hero-lockup { max-width: 100%; max-height: min(34vh, 280px); margin-left: -4px; }
  .hero-lock > .hero-copy:first-of-type { margin-top: 18px; padding-top: 0; }
  .hero-actions { padding-bottom: 92px; }
  .hero-marks { inset: 0; }
  .hero-badge {
    top: 10px;
    right: 10px;
    width: 96px;
    transform: rotate(8deg);
  }
  .hero-stamp {
    right: 8px;
    bottom: 16px;
    width: 168px;
    transform: rotate(-2deg);
  }
}

/* ---------- Series ---------- */
.series {
  padding: 28px 0 72px;
  border-top: 1px solid var(--line);
}
.series .wrap { width: min(1320px, calc(100% - 40px)); }
.series-layout {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 28px 32px;
  align-items: start;
}
.series-copy {
  min-width: 0;
  padding-top: 4px;
  width: max-content;
}
.series-kicker { font-size: clamp(22px, 2.4vw, 30px); }
.series-title {
  font-size: clamp(28px, 3vw, 40px);
  margin-top: 6px;
  padding-bottom: 18px;
  white-space: nowrap;
  background-image: url("/assets/baddie/graphics/doodle-underline.webp");
  background-repeat: no-repeat;
  background-position: left 92%;
  background-size: min(200px, 90%) 12px;
}
.series-cities { min-width: 0; }
.series .city-name { font-size: 22px; }
.series .city-body { padding: 12px 10px 12px; }
.series .city-host { font-size: 11px; }
.series .city-card .btn {
  padding: 10px 8px;
  font-size: 11px;
  letter-spacing: 0.06em;
}
.rail {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  position: relative;
  margin-bottom: 14px;
  align-items: end;
}
.rail::after {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  bottom: 4px;
  border-bottom: 2px dotted var(--pink);
  pointer-events: none;
}
.rail-stop {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  z-index: 1;
  min-width: 0;
}
.rail-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.82);
  text-align: center;
  white-space: nowrap;
}
.rail-label .arr { color: var(--pink); margin-right: 2px; }
.rail .pin {
  width: 9px;
  height: 9px;
  background: var(--pink);
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  box-shadow: 0 0 0 4px var(--pink-soft);
}

.city-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.city-card,
.globe-card {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #111;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.city-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.55) brightness(0.42) contrast(1.15);
}
.city-card img[src*="nyc.jpg"] { object-position: 50% 12%; }
.city-card img[src*="miami.jpg"] { object-position: 50% 32%; }
.city-card img[src*="amsterdam.jpg"] { object-position: 50% 42%; }
.city-card img[src*="sf.jpg"] { object-position: 72% 32%; }
.city-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.88) 78%);
}
.city-card > * { position: relative; z-index: 1; }
.tag {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.tag-hot, .tag-on { background: var(--pink); color: #000; }
.tag-soon { background: rgba(255,255,255,0.88); color: #000; }
.tag-past { background: #000; color: #fff; border: 1px solid rgba(255,255,255,0.45); }
.city-body { padding: 16px 14px 14px; }
.city-name {
  font-family: var(--display);
  font-size: 28px;
  letter-spacing: 0.04em;
}
.city-meta {
  margin: 6px 0 14px;
  font-size: 12px;
  color: rgba(255,255,255,0.72);
  letter-spacing: 0.04em;
}
.city-host {
  display: block;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,0.8);
}
.city-card .btn { width: 100%; }
.globe-card {
  align-items: center;
  justify-content: center;
  border-color: var(--pink);
  background: #000;
  padding: 16px 10px;
  text-align: center;
}
.globe-card img {
  width: 86%;
  max-height: 390px;
  height: auto;
  object-fit: contain;
  mix-blend-mode: screen;
}

@media (max-width: 1100px) {
  .series-layout { grid-template-columns: 1fr; align-items: start; }
  .series-copy { width: auto; }
  .series-title { white-space: normal; }
  .city-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rail { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 10px; }
  .rail::after { display: none; }
}
@media (max-width: 720px) {
  .rail { display: none; }
  .city-row {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
  }
  .city-card, .globe-card {
    flex: 0 0 72vw;
    scroll-snap-align: start;
    min-height: 380px;
  }
}

/* ---------- Gates ---------- */
.gates {
  padding: 56px 0 72px;
  border-top: 1px solid var(--line);
}
.gates .wrap { width: min(1320px, calc(100% - 40px)); }
.gates-layout {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 28px 36px;
  align-items: center;
}
.gates-copy { width: max-content; }
.gates-copy .script { font-size: clamp(22px, 2.4vw, 30px); }
.gates-copy h2 {
  font-size: clamp(28px, 3vw, 42px);
  margin-top: 6px;
  padding-bottom: 18px;
  white-space: nowrap;
  background-image: url("/assets/baddie/graphics/doodle-underline.webp");
  background-repeat: no-repeat;
  background-position: left 92%;
  background-size: min(220px, 90%) 12px;
}
.gate-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 22px;
  min-width: 0;
}
.gate {
  position: relative;
  display: grid;
  grid-template-columns: 32% minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 10px;
  align-items: start;
  border: 1.5px solid var(--pink);
  padding: 2px 10px 12px 2px;
  min-height: 0;
  background: transparent;
}
.gate:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent var(--pink);
  transform: translateY(-50%);
}
.gate-head,
.gate-body {
  display: contents;
}
.gate-num {
  width: 100%;
  aspect-ratio: 1;
  height: auto;
  background: var(--pink);
  color: #000;
  display: grid;
  place-items: center;
  font-family: var(--display);
  font-size: clamp(16px, 1.6vw, 22px);
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  justify-self: start;
}
.gate-ico {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  color: var(--pink);
  justify-self: start;
}
.gate h3 {
  font-family: var(--display);
  font-size: clamp(18px, 1.8vw, 24px);
  letter-spacing: 0.03em;
  line-height: 0.95;
  text-transform: uppercase;
  color: var(--pink);
  margin: 0;
  min-width: 0;
  align-self: start;
}
.gate p {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(255,255,255,0.88);
  align-self: center;
}
@media (max-width: 1100px) {
  .gates-layout { grid-template-columns: 1fr; align-items: start; }
  .gates-copy { width: auto; }
  .gates-copy h2 { white-space: normal; }
}
@media (max-width: 900px) {
  .gate-row { grid-template-columns: 1fr 1fr; }
  .gate:not(:last-child)::after { display: none; }
}
@media (max-width: 560px) { .gate-row { grid-template-columns: 1fr; } }

/* ---------- Proof: editorial evidence block ---------- */
.proof {
  padding: 56px 0 80px;
  border-top: 1px solid var(--line);
  overflow: visible;
}
.proof .wrap {
  width: min(1440px, calc(100% - 40px));
  position: relative;
}
.proof-grid {
  display: grid;
  grid-template-columns: minmax(260px, .78fr) minmax(0, 1.7fr);
  gap: 28px 32px;
  align-items: start;
}
.proof-left {
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-width: 0;
  padding-top: 6px;
}
.proof-intro {
  position: relative;
  z-index: 3;
  margin: 0;
  width: auto;
}
.proof-visual {
  position: relative;
  min-height: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px 0 8px 124px;
}
.polaroid {
  position: relative;
  z-index: 2;
  background: #f4f0e8;
  padding: 14px 14px 48px;
  transform: rotate(-3.2deg);
  width: min(100%, 380px);
  box-shadow: 0 22px 68px rgba(0,0,0,.58);
}
.polaroid::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .24;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}
.polaroid-well {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3.15;
  background: #111;
}
.polaroid-well img,
.polaroid-well video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  filter: contrast(1.04) saturate(.98);
  transition: opacity .9s ease;
}
.polaroid-well .is-on { opacity: 1; z-index: 1; }
.polaroid-well .polaroid-selfie { object-position: center 30%; }
.tape {
  position: absolute;
  height: auto;
  pointer-events: none;
  z-index: 4;
  filter: none;
  mix-blend-mode: screen;
}
.tape-tl { top: -18px; left: 18px; transform: rotate(-18deg); }
.tape-br { right: 10px; bottom: 6px; width: 110px; transform: rotate(22deg); }
.tape-blue {
  top: -32px;
  left: -42px;
  width: 190px;
  transform: rotate(-9deg);
  mix-blend-mode: normal;
}
.tape-pink {
  right: -34px;
  bottom: -4px;
  width: 178px;
  transform: rotate(-8deg);
  mix-blend-mode: normal;
}
.proof-side-note {
  position: absolute;
  z-index: 5;
  left: 0;
  bottom: 42px;
  top: auto;
  width: 96px;
  color: var(--pink);
  font-size: clamp(16px, 1.5vw, 22px);
  line-height: 1.2;
  transform: rotate(-8deg);
  text-transform: uppercase;
}
.proof-side-note::after {
  content: "↘";
  display: block;
  font-family: var(--script);
  font-size: 42px;
  line-height: .7;
  margin: 8px 0 0 28px;
  transform: rotate(7deg);
}
.proof-content { min-width: 0; }
.proof-kicker {
  display: inline-block;
  color: var(--pink);
  font-size: clamp(22px, 2.2vw, 32px);
  transform: rotate(-1.5deg);
  margin-bottom: 10px;
  padding-bottom: 8px;
  text-transform: uppercase;
  background-image: url("/assets/baddie/graphics/doodle-underline.webp");
  background-repeat: no-repeat;
  background-position: left 100%;
  background-size: 100% 8px;
}
.proof h2,
.proof-line {
  max-width: none;
  margin: 0;
  font-size: clamp(40px, 4.15vw, 68px);
  line-height: .93;
  letter-spacing: .01em;
}
.proof h2.proof-testimonial-title {
  max-width: 11ch;
  font-size: clamp(44px, 5.4vw, 84px);
  line-height: .86;
  letter-spacing: .01em;
  text-transform: uppercase;
  position: relative;
  z-index: 6;
}
.proof-line > span { display: block; }
.proof-opening { margin-bottom: .28em; }
.proof-bridge {
  font-size: .82em;
  margin-bottom: .06em;
}
.proof-hit {
  position: relative;
  z-index: 1;
  width: max-content;
  max-width: 100%;
  color: var(--pink);
  font-family: var(--script);
  font-size: 1.6em;
  line-height: .82;
  letter-spacing: -.025em;
  text-transform: uppercase;
  padding: .03em .08em .18em 0;
  margin: .02em 0 .08em;
  background: none;
  transform: rotate(-1.5deg);
}
.proof-hit::after {
  content: "";
  position: absolute;
  left: -1%;
  right: -2%;
  bottom: 0;
  height: 14px;
  z-index: -1;
  background-image: url("/assets/baddie/graphics/doodle-underline.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.proof-close { margin-top: .02em; }
.proof-audience {
  max-width: 34ch !important;
  margin-top: 14px;
  color: rgba(255,255,255,.78) !important;
  font-size: clamp(15px, 1.4vw, 20px);
  line-height: 1.35;
}
.proof-copy {
  max-width: 66ch !important;
  margin-top: 22px;
  color: rgba(255,255,255,.76) !important;
  font-size: clamp(14px, 1.2vw, 17px);
  line-height: 1.55;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 30px;
}
.stat {
  position: relative;
  border: 1px solid var(--pink);
  min-height: 126px;
  padding: 18px 14px 15px;
  text-align: left;
  background: rgba(250,10,114,.015);
}
.stat b {
  display: block;
  font-family: var(--display);
  font-size: clamp(34px, 3.2vw, 48px);
  line-height: 1;
  color: var(--pink);
  letter-spacing: .01em;
}
.stat span {
  display: block;
  margin-top: 12px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.8);
}
@media (max-width: 1100px) {
  .proof { padding: 56px 0 64px; }
  .proof .wrap {
    display: block;
  }
  .proof-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    margin: 0;
    padding-left: 0;
    width: auto;
  }
  .proof-left { gap: 22px; padding-top: 0; }
  .proof-intro {
    max-width: none;
    width: auto;
    margin-bottom: 0;
    padding: 0;
    z-index: auto;
  }
  .proof h2.proof-testimonial-title { max-width: 10ch; font-size: clamp(44px, 7vw, 72px); z-index: auto; }
  .proof-visual { min-height: 0; padding: 8px 0 0; }
  .proof-side-note { display: none; }
  .polaroid { width: min(86%, 440px); margin: 0 auto; }
  .proof h2, .proof-line { font-size: clamp(36px, 4.4vw, 58px); }
  .proof-cards {
    min-height: 0;
    margin: 0;
    padding: 8px 0 0;
    z-index: auto;
  }
}
@media (max-width: 800px) {
  .proof { padding: 48px 0 56px; }
  .proof .wrap { width: min(100% - 28px, 720px); }
  .proof-intro { margin-bottom: 22px; }
  .proof h2.proof-testimonial-title { max-width: 8.5ch; font-size: clamp(40px, 12vw, 58px); }
  .proof-grid { grid-template-columns: 1fr; gap: 28px; }
  .proof-visual { min-height: 0; }
  .polaroid { width: min(94%, 420px); margin: 4px auto 0; padding: 10px 10px 36px; }
  .proof-content { max-width: 680px; }
  .proof h2, .proof-line { font-size: clamp(38px, 9.5vw, 62px); }
  .stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
  .polaroid { width: 96%; padding: 10px 10px 34px; }
  .tape-blue { width: 130px; left: -18px; top: -22px; }
  .tape-pink { width: 126px; right: -18px; }
  .proof-hit { font-size: 1.45em; }
  .proof-audience { font-size: 16px; }
  .proof-copy br { display: none; }
  .stats { gap: 8px; }
  .stat { min-height: 108px; padding: 14px 10px; }
}

.proof-cards {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr);
  grid-template-rows: auto auto;
  grid-template-areas:
    "kath amy nayira"
    "sean . joy";
  gap: 10px 0;
  align-items: start;
  isolation: isolate;
  z-index: 4;
  min-height: 0;
  padding: 22px 8px 44px 0;
}
.proof-doodle {
  position: absolute;
  grid-area: 1 / 1 / -1 / -1;
  pointer-events: none;
  z-index: 6;
  mix-blend-mode: screen;
  margin: 0;
}
.proof-doodle-crown {
  top: -6px;
  right: -8px;
  left: auto;
  bottom: auto;
  width: 78px;
  height: auto;
  transform: rotate(8deg);
  justify-self: end;
  align-self: start;
}
.proof-doodle-heart {
  left: 18%;
  bottom: 18%;
  right: auto;
  top: auto;
  width: 46px;
  height: auto;
  transform: rotate(-12deg);
  z-index: 0;
  justify-self: start;
  align-self: end;
}
.proof-signoff {
  position: absolute;
  grid-area: 1 / 1 / -1 / -1;
  right: 2%;
  bottom: 0;
  top: auto;
  left: auto;
  margin: 0;
  color: var(--pink);
  font-size: clamp(18px, 1.7vw, 26px);
  line-height: 1;
  transform: rotate(4deg);
  z-index: 5;
  pointer-events: none;
  width: max-content;
  height: max-content;
  justify-self: end;
  align-self: end;
}
.proof-signoff::after {
  content: "";
  display: block;
  width: 108%;
  height: 10px;
  margin: 4px 0 0 -4%;
  background: url("/assets/baddie/graphics/doodle-underline.webp") no-repeat center / 100% 100%;
}
.proof-drag-hint {
  margin: 10px 0 0;
  color: var(--pink);
  font-size: clamp(16px, 1.4vw, 22px);
  transform: rotate(-2deg);
}
.proof-card {
  --dx: 0px;
  --dy: 0px;
  --rot: 0deg;
  --stick-delay: 0s;
  position: relative;
  display: flex;
  flex-direction: column;
  width: auto;
  min-width: 0;
  translate: var(--dx) var(--dy);
  rotate: var(--rot);
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
  opacity: 0;
  pointer-events: none;
}
.proof-cards.is-on .proof-card {
  animation: proof-stick .72s cubic-bezier(.16, 1.12, .32, 1) var(--stick-delay) both;
}
.proof-card.is-stuck {
  opacity: 1;
  animation: none;
  pointer-events: auto;
}
.proof-card.is-dragging {
  cursor: grabbing;
  z-index: 40;
  touch-action: none;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.45));
}
@keyframes proof-stick {
  0% {
    opacity: 0;
    translate: var(--dx) calc(var(--dy) - 72px);
    scale: .86;
  }
  68% {
    opacity: 1;
    translate: var(--dx) calc(var(--dy) + 8px);
    scale: 1.04;
  }
  100% {
    opacity: 1;
    translate: var(--dx) var(--dy);
    scale: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .proof-card,
  .proof-cards.is-on .proof-card,
  .proof-card.is-stuck {
    animation: none;
    opacity: 1;
    pointer-events: auto;
    translate: var(--dx) var(--dy);
    scale: 1;
  }
}
.proof-card-bg {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 0;
}
.proof-card-inner {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: min-content;
  display: flex;
  flex-direction: column;
  padding: 32px 30px 24px;
}
.proof-card-quote {
  color: var(--pink);
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-size: clamp(42px, 3.6vw, 64px);
  line-height: .7;
  margin-bottom: 8px;
}
.proof-card-text {
  margin: 0;
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(14px, 1.15vw, 20px);
  line-height: 1.18;
  letter-spacing: -.01em;
}
.proof-card-name {
  margin-top: 12px;
  padding-top: 12px;
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(14px, 1.05vw, 18px);
  line-height: 1.1;
}
.proof-card-name::before {
  content: "";
  display: block;
  width: 32px;
  height: 5px;
  background: var(--pink);
  margin: 0 0 10px;
}
.proof-card-katharine {
  grid-area: kath;
  z-index: 3;
  margin: 18px -18px 0 0;
  --rot: -3.5deg;
  --stick-delay: .04s;
}
.proof-card-katharine .proof-card-bg {
  background-image: url("/assets/baddie/proof/distressed_chalkboard_photo_card-fill.png");
}
.proof-card-katharine .proof-card-inner {
  padding: 56px 40px 48px 56px;
}
.proof-card-amy {
  grid-area: amy;
  z-index: 5;
  align-self: start;
  height: auto;
  margin: 0 -22px;
  --rot: -1.6deg;
  --stick-delay: .16s;
}
.proof-card-amy .proof-card-bg {
  background-image: url("/assets/baddie/proof/torn_charcoal_paper_texture-fill.png");
  background-size: 100% 100%;
  background-position: center;
}
.proof-card-amy .proof-card-inner {
  padding: 48px 36px 52px 48px;
  height: auto;
}
.proof-card-amy .proof-card-quote { font-size: clamp(42px, 3.6vw, 64px); }
.proof-card-amy .proof-card-text { font-size: clamp(14px, 1.15vw, 20px); line-height: 1.14; }
.proof-card-amy .proof-card-name {
  margin-top: 12px;
  padding-top: 12px;
  font-size: clamp(14px, 1.05vw, 18px);
}
.proof-card-nayira {
  grid-area: nayira;
  z-index: 3;
  margin: 8px 0 0 -16px;
  --rot: 2.2deg;
  --stick-delay: .28s;
}
.proof-card-nayira .proof-card-bg {
  background-image: url("/assets/baddie/proof/distressed_chalkboard_photo_card-fill.png");
}
.proof-card-nayira .proof-card-inner {
  padding: 52px 38px 46px 54px;
}
.proof-card-nayira .proof-card-text { font-size: clamp(13px, 1.05vw, 17px); line-height: 1.2; }
.proof-card-sean {
  grid-area: sean;
  z-index: 2;
  margin: -12px -28px 0 8px;
  --rot: -2.6deg;
  --stick-delay: .4s;
}
.proof-card-sean .proof-card-bg {
  background-image: url("/assets/baddie/proof/torn_charcoal_paper_texture-fill.png");
}
.proof-card-sean .proof-card-inner { padding: 48px 36px 52px 48px; }
.proof-card-sean .proof-card-text { font-size: clamp(14px, 1.1vw, 18px); }
.proof-card-joy {
  grid-area: joy;
  z-index: 2;
  margin: -8px 4px 0 -20px;
  --rot: 1.4deg;
  --stick-delay: .52s;
}
.proof-card-joy .proof-card-bg {
  background-image: url("/assets/baddie/proof/distressed_chalkboard_photo_card-fill.png");
}
.proof-card-joy .proof-card-inner { padding: 50px 36px 48px 52px; }
.proof-card-joy .proof-card-text { font-size: clamp(14px, 1.1vw, 18px); }
.proof-card-katharine::after,
.proof-card-amy::after,
.proof-card-nayira::after,
.proof-card-sean::after,
.proof-card-joy::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translate(-50%, 18px);
  width: 42%;
  height: 28px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
}
.proof-card-katharine::after { background-image: url("/assets/baddie/proof/tape-strip-02.png"); }
.proof-card-amy::after {
  background-image: url("/assets/baddie/proof/tape-strip-01.png");
  width: 38%;
  transform: translate(-50%, 16px) rotate(-3deg);
}
.proof-card-nayira::after {
  background-image: url("/assets/baddie/proof/tape-strip-03.png");
  transform: translate(-50%, 18px) rotate(2deg);
}
.proof-card-sean::after {
  background-image: url("/assets/baddie/proof/tape-strip-01.png");
  width: 38%;
  transform: translate(-50%, 16px) rotate(-6deg);
}
.proof-card-joy::after {
  background-image: url("/assets/baddie/proof/tape-strip-01.png");
  width: 36%;
  transform: translate(-50%, 16px) rotate(-4deg);
}

@media (max-width: 1100px) {
  .proof-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: none;
    grid-template-rows: none;
    gap: 16px 14px;
    min-height: 0;
    padding: 8px 0 28px;
  }
  .proof-doodle,
  .proof-signoff { display: none; }
  .proof-card {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    margin: 0;
    aspect-ratio: auto;
    min-height: 0;
    height: auto;
    --rot: 0deg;
    grid-area: auto;
  }
  .proof-card-amy {
    grid-column: 1 / -1;
    min-height: 0;
    height: auto;
    --rot: -1deg;
    order: -1;
    margin: 0;
  }
  .proof-card-amy .proof-card-name { margin-top: 12px; }
  .proof-card-katharine { --rot: -2deg; min-height: 280px; }
  .proof-card-nayira { --rot: 1.4deg; min-height: 280px; }
  .proof-card-sean { --rot: -1.6deg; min-height: 260px; }
  .proof-card-joy { --rot: 1deg; min-height: 260px; }
  .proof-card-inner { padding: 48px 40px 38px; }
  .proof-card-amy .proof-card-inner { padding: 64px 44px 72px 52px; height: auto; }
  .proof-card-katharine .proof-card-inner,
  .proof-card-nayira .proof-card-inner,
  .proof-card-joy .proof-card-inner { padding: 72px 44px 72px 64px; }
  .proof-card-sean .proof-card-inner { padding: 64px 44px 72px 52px; }
  .proof-card-quote { font-size: 56px; }
  .proof-card-amy .proof-card-quote { font-size: 56px; }
  .proof-card-text,
  .proof-card-nayira .proof-card-text,
  .proof-card-sean .proof-card-text,
  .proof-card-joy .proof-card-text,
  .proof-card-amy .proof-card-text { font-size: clamp(16px, 2.4vw, 22px); }
  .proof-card-name,
  .proof-card-amy .proof-card-name { font-size: 18px; }
  .proof-card-katharine::after,
  .proof-card-amy::after,
  .proof-card-nayira::after,
  .proof-card-sean::after,
  .proof-card-joy::after {
    top: -8px;
    bottom: auto;
    width: 110px;
    height: 26px;
    transform: translate(-50%, 0);
  }
}
@media (max-width: 640px) {
  .proof-cards { grid-template-columns: 1fr; gap: 18px; }
  .proof-card {
    min-height: 0;
    height: auto;
    --rot: 0deg;
  }
  .proof-card-amy { min-height: 0; height: auto; --rot: 0deg; }
  .proof-card-katharine,
  .proof-card-nayira,
  .proof-card-sean,
  .proof-card-joy { --rot: 0deg; min-height: 260px; }
  .proof-card-inner { padding: 44px 34px 36px; }
  .proof-card-amy .proof-card-inner { padding: 56px 40px 68px 48px; }
  .proof-card-katharine .proof-card-inner,
  .proof-card-nayira .proof-card-inner,
  .proof-card-joy .proof-card-inner { padding: 68px 40px 68px 60px; }
  .proof-card-sean .proof-card-inner { padding: 56px 40px 68px 48px; }
  .proof-card-quote { font-size: 52px; }
  .proof-card-amy .proof-card-quote { font-size: 52px; }
  .proof-card-text,
  .proof-card-nayira .proof-card-text,
  .proof-card-sean .proof-card-text,
  .proof-card-joy .proof-card-text,
  .proof-card-amy .proof-card-text { font-size: clamp(16px, 4.4vw, 20px); line-height: 1.24; }
  .tape-blue { width: 120px; left: -16px; top: -18px; }
  .tape-pink { width: 118px; right: -16px; }
  .polaroid { transform: rotate(-2.2deg); }
}

/* ---------- Who: editorial collage ---------- */
.who {
  padding: 76px 0 84px;
  border-top: 1px solid var(--line);
  overflow: hidden;
}
.who .wrap { width: min(1420px, calc(100% - 40px)); }
.who-layout {
  display: grid;
  grid-template-columns: minmax(220px, .72fr) minmax(0, 3.28fr);
  gap: 36px;
  align-items: start;
}
.who-copy {
  position: sticky;
  top: 168px;
  padding-top: 18px;
}
.who-copy p.who-kicker {
  color: var(--pink);
  font-size: clamp(26px, 2.9vw, 38px);
  max-width: 7ch;
  transform: rotate(-3deg);
  transform-origin: left center;
}
.who-title {
  position: relative;
  display: inline-block;
  font-size: clamp(54px, 5.2vw, 84px);
  margin: 10px 0 32px;
  padding-bottom: 22px;
  line-height: .82;
  background-image: url("/assets/baddie/graphics/doodle-underline.webp");
  background-repeat: no-repeat;
  background-position: left 100%;
  background-size: min(250px, 100%) 15px;
}
.who-copy p {
  color: rgba(255,255,255,.76);
  max-width: 28ch;
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.65;
}
.who-copy p + p { margin-top: 18px; }
.who-roles { color: #fff !important; font-weight: 700; }

.who-people { display: contents; }
.who-card.is-clone { display: none !important; }

.who-stage {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: 250px 250px auto;
  gap: 14px;
  align-items: stretch;
  position: relative;
  padding: 6px 10px 8px;
}
.who-stage::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 150px;
  width: 70px;
  height: 90px;
  border-right: 6px solid var(--pink);
  border-bottom: 6px solid var(--pink);
  transform: rotate(18deg) skew(-8deg);
  opacity: .9;
  pointer-events: none;
}

.who-card {
  position: relative;
  overflow: visible;
  min-width: 0;
  border-radius: 14px;
  background: #111;
  box-shadow: 0 18px 48px rgba(0,0,0,.34);
  transition: transform .22s var(--ease), z-index .22s var(--ease);
  transform-origin: center;
}
.who-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.52);
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
}
.who-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  border-radius: inherit;
  display: block;
}
.who-card:hover { transform: translateY(-5px) rotate(0deg) scale(1.015); z-index: 5; }
.who-card figcaption {
  position: absolute;
  left: 18px;
  bottom: -13px;
  z-index: 4;
  font-family: var(--script);
  color: #050505;
  background: var(--pink);
  font-size: clamp(14px, 1.35vw, 20px);
  line-height: 1;
  padding: 7px 16px 8px;
  transform: rotate(-5deg);
  box-shadow: 0 4px 0 rgba(0,0,0,.25);
  clip-path: polygon(2% 12%, 100% 0, 97% 88%, 0 100%);
}

.who-founder { grid-column: 1 / span 4; grid-row: 1 / span 2; transform: rotate(-2.1deg); }
.who-operator { grid-column: 5 / span 4; grid-row: 1; transform: rotate(1.4deg); }
.who-designer { grid-column: 9 / span 4; grid-row: 1; transform: rotate(-1.6deg); }
.who-engineer { grid-column: 5 / span 4; grid-row: 2; transform: rotate(-1.2deg); }
.who-marketer { grid-column: 9 / span 2; grid-row: 2; transform: rotate(1.8deg); }
.who-creative { grid-column: 11 / span 2; grid-row: 2; transform: rotate(-1.1deg); }
.who-founder figcaption { left: 28px; bottom: 20px; }
.who-marketer figcaption,
.who-creative figcaption { left: 10px; right: 10px; width: max-content; max-width: calc(100% - 20px); padding-inline: 10px; font-size: 14px; }

.who-org {
  grid-column: 1 / -1;
  grid-row: 3;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.35fr);
  min-height: 300px;
  margin-top: 16px;
  overflow: hidden;
  position: relative;
  color: #fff;
  border: 2px solid var(--pink);
  border-radius: 14px 40px 14px 28px;
  background:
    radial-gradient(circle at 18% 10%, rgba(250,10,114,.30), transparent 34%),
    linear-gradient(135deg, #16000d 0%, #090909 55%, #230016 100%);
  transform: rotate(.6deg);
  box-shadow: 0 22px 60px rgba(0,0,0,.42);
  transition: transform .22s var(--ease), border-color .22s var(--ease);
}
.who-org:hover { transform: rotate(0deg) translateY(-4px); border-color: var(--pink-2); }
.who-org::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(250,10,114,.08), transparent 46%, rgba(250,10,114,.14));
}
.who-org-copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 36px 40px;
}
.who-org-pill {
  display: inline-flex;
  padding: 7px 16px;
  border-radius: 999px;
  background: var(--pink);
  color: #000;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 14px;
}
.who-org h3 {
  font-size: clamp(42px, 4vw, 64px);
  line-height: .92;
  margin: 0 0 14px;
}
.who-org p {
  max-width: 37ch;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.5;
}
.who-org-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding: 13px 20px;
  border-radius: 999px;
  background: var(--pink);
  color: #000;
  font-weight: 800;
  font-size: 14px;
}
.who-org-photo {
  min-height: 300px;
  position: relative;
  overflow: hidden;
}
.who-org-photo::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, #0d0008 0%, rgba(13,0,8,.64) 12%, transparent 42%), linear-gradient(0deg, rgba(250,10,114,.18), rgba(250,10,114,.18));
  pointer-events: none;
}
.who-org-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  filter: saturate(.92) contrast(1.04);
}

@media (max-width: 1120px) {
  .who-layout { grid-template-columns: 1fr; gap: 28px; }
  .who-copy { position: static; max-width: 760px; }
  .who-copy p { max-width: 46ch; }
  .who-layout,
  .who-stage { min-width: 0; }
  .who-stage {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 0;
  }
  .who-stage::after { display: none; }
  .who-people {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    min-width: 0;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 4px max(16px, calc(50vw - 50%)) 28px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
  }
  .who-people::-webkit-scrollbar { display: none; }
  .who-card,
  .who-founder,
  .who-operator,
  .who-designer,
  .who-engineer,
  .who-marketer,
  .who-creative,
  .who-card.is-clone {
    display: block;
    flex: 0 0 min(72vw, 300px);
    grid-column: auto;
    grid-row: auto;
    transform: none;
    height: 280px;
  }
  .who-card.is-clone { display: block !important; }
  .who-card:hover { transform: none; }
  .who-card figcaption,
  .who-founder figcaption,
  .who-marketer figcaption,
  .who-creative figcaption {
    left: 14px;
    bottom: 12px;
    right: auto;
    width: auto;
    max-width: calc(100% - 28px);
    font-size: 16px;
  }
  .who-org {
    grid-column: auto;
    grid-row: auto;
    grid-template-columns: 1fr;
    transform: none;
    margin-top: 0;
  }
}

@media (max-width: 820px) {
  .who { padding: 56px 0 64px; }
  .who .wrap { width: min(var(--max), calc(100% - 28px)); }
  .who-org-copy { padding: 28px 24px 22px; }
  .who-org-photo { min-height: 260px; }
  .who-org-photo::before { background: linear-gradient(180deg, #120008 0%, rgba(18,0,8,.15) 35%, transparent 60%), linear-gradient(0deg, rgba(250,10,114,.18), rgba(250,10,114,.18)); }
}

@media (max-width: 520px) {
  .who-title { font-size: 58px; }
  .who-org h3 { font-size: 44px; }
  .who-card,
  .who-founder { height: 300px; flex-basis: 78vw; }
}

/* ---------- Build room ---------- */
.build {
  padding: 28px 0 18px;
  border-top: 1px solid var(--line);
  overflow: visible;
}
.build .wrap { width: min(1440px, calc(100% - 36px)); overflow: visible; }
.build-stage {
  display: grid;
  grid-template-columns: minmax(260px, 30%) minmax(0, 1fr);
  gap: 8px 20px;
  align-items: start;
}
.build-intro { position: relative; z-index: 3; padding-top: 6px; overflow: visible; }
.build-kicker {
  font-size: clamp(22px, 2.2vw, 30px);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
  text-decoration-skip-ink: none;
}
.build-intro h2 {
  font-size: clamp(44px, 6.4vw, 92px);
  line-height: 0.84;
  letter-spacing: 0.012em;
  max-width: 11ch;
  margin: 8px 0 0;
  color: #fff;
}
.build-copy {
  display: grid;
  grid-template-columns: minmax(0, 34ch) minmax(7.5rem, 1fr);
  align-items: start;
  gap: 4px 12px;
  margin-top: 18px;
}
.build-lede {
  max-width: none;
  margin: 0;
  font-size: clamp(13px, 1.05vw, 16px);
  line-height: 1.5;
  color: rgba(255,255,255,0.92);
}
.build-leave {
  position: relative;
  left: auto;
  top: auto;
  width: 8.6rem;
  margin-top: 8px;
  font-size: clamp(15px, 1.35vw, 20px);
  line-height: 1.15;
  transform: rotate(-8deg);
  pointer-events: none;
  white-space: normal;
  z-index: 8;
}
.build-leave-arrow {
  display: inline-block;
  transform: rotate(18deg) translate(4px, 2px);
  font-family: var(--sans);
}
.build-cta {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px 16px;
  margin-top: 20px;
}
.build .btn-pink {
  padding: 12px 16px;
  font-size: 12px;
  letter-spacing: 0.06em;
  border-radius: 2px;
}
.build-past {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
}
.build-past:hover { color: var(--pink); border-bottom-color: var(--pink); }

.build-receipts {
  position: relative;
  z-index: 1;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.18fr) minmax(0, 1fr);
  grid-template-areas:
    "strategy app db"
    "analytics sticky launch";
  align-items: start;
  column-gap: 0;
  row-gap: 0;
  min-height: 0;
  padding: 18px 6px 32px;
  overflow: visible;
}
.receipt {
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  filter: drop-shadow(0 18px 26px rgba(0,0,0,.62));
}
.pin-tape {
  position: absolute;
  height: auto;
  pointer-events: none;
  z-index: 7;
  mix-blend-mode: screen;
  filter: brightness(1.55) contrast(1.2);
  opacity: 0.95;
}
.pin-tl { width: 118px; top: -22px; left: 8px; transform: rotate(-18deg); }
.pin-tr { width: 112px; top: -20px; right: 4px; transform: rotate(16deg); }
.pin-mid { width: 104px; top: -16px; left: 38%; transform: rotate(-8deg); }
.receipt-strategy .pin-tape,
.receipt-launch .pin-tape {
  mix-blend-mode: multiply;
  filter: none;
  opacity: 0.78;
}
.receipt-label {
  position: absolute;
  top: -11px;
  left: 10px;
  z-index: 8;
  background: var(--pink);
  color: #000;
  font-family: var(--script);
  font-size: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 5px 11px 4px;
  transform: rotate(-2.5deg);
  clip-path: polygon(1% 14%, 97% 0, 100% 86%, 0 100%);
  white-space: nowrap;
}
.receipt-strategy {
  grid-area: strategy;
  z-index: 2;
  width: 98%;
  margin: 4px -16% -16% 0;
  transform: rotate(-2.2deg);
}
.receipt-app {
  grid-area: app;
  z-index: 4;
  width: 118%;
  margin: 0 -16% -22% -18%;
  transform: none;
}
.receipt-app .receipt-label { top: 8%; left: 16%; }
.receipt-app .pin-tl { top: 2%; left: 12%; }
.receipt-db {
  grid-area: db;
  z-index: 3;
  width: 100%;
  margin: 6px 0 -16% -20%;
  transform: rotate(2.2deg);
}
.receipt-analytics {
  grid-area: analytics;
  z-index: 5;
  width: 100%;
  margin: -12% -18% 0 0;
  transform: rotate(-1.4deg);
}
.receipt-sticky {
  grid-area: sticky;
  z-index: 7;
  width: 82%;
  justify-self: center;
  margin: -24% 0 0;
  transform: rotate(3deg);
}
.receipt-launch {
  grid-area: launch;
  z-index: 5;
  width: 100%;
  margin: -18% 0 0 -28%;
  transform: rotate(1.2deg);
}

.receipt-strategy,
.receipt-launch {
  background: url("/assets/baddie/build/paper-torn-white.png") center / 100% 100% no-repeat;
  color: #111;
  padding: 28px 16px 22px 18px;
}
.receipt-strategy { min-height: 240px; }
.receipt-launch { min-height: 250px; }
.canvas-head p { font-size: 9px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.canvas-head h3 {
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 800;
  margin: 2px 0 6px;
  text-transform: none;
  letter-spacing: 0;
}
.canvas-flow {
  font-family: var(--script);
  font-size: 11px;
  color: #111;
  margin-bottom: 8px;
}
.canvas-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid rgba(0,0,0,.28);
  border-left: 1px solid rgba(0,0,0,.28);
}
.canvas-grid > div {
  border-right: 1px solid rgba(0,0,0,.28);
  border-bottom: 1px solid rgba(0,0,0,.28);
  padding: 7px 8px 8px;
  min-height: 62px;
}
.canvas-grid b {
  display: block;
  font-size: 8px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.canvas-grid p {
  font-family: var(--script);
  font-size: 11px;
  line-height: 1.2;
  color: #1a1a1a;
}
.u-pink {
  text-decoration: underline;
  text-decoration-color: var(--pink);
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
.receipt-doodle {
  position: absolute;
  pointer-events: none;
}
.receipt-crown { width: 42px; height: auto; top: 18px; right: 14px; transform: rotate(12deg); }
.receipt-crown-sm { width: 28px; height: auto; }
.receipt-star {
  position: absolute;
  right: 18px;
  top: 46%;
  color: var(--pink);
  font-size: 16px;
  transform: rotate(12deg);
}
.build-stamp {
  position: absolute;
  right: 10px;
  bottom: 14px;
  width: 86px;
  height: 86px;
  border: 2px solid var(--pink);
  border-radius: 50%;
  color: var(--pink);
  font-family: var(--script);
  font-size: 12px;
  display: grid;
  place-items: center;
  text-align: center;
  line-height: 1.1;
  transform: rotate(-9deg);
  background: rgba(255,255,255,.55);
}

.receipt-laptop {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
}

.receipt-db {
  background: url("/assets/baddie/build/paper-torn-dark.png") center / 100% 100% no-repeat;
  padding: 30px 12px 36px;
  min-height: 240px;
  filter:
    drop-shadow(0 0 0.7px #fff)
    drop-shadow(1px 1px 0 rgba(255,255,255,.78))
    drop-shadow(-1px 0 0 rgba(255,255,255,.45))
    drop-shadow(0 18px 26px rgba(0,0,0,.62));
}
.erd {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 20px;
}
.erd-lines {
  position: absolute;
  inset: 4% 4%;
  width: auto;
  height: auto;
  pointer-events: none;
  z-index: 0;
}
.erd-lines path {
  fill: none;
  stroke: rgba(255,255,255,.72);
  stroke-width: 0.9;
  stroke-dasharray: 2.2 1.8;
}
.erd-lines .erd-node {
  fill: #fff;
  stroke: none;
}
.erd-table {
  position: relative;
  z-index: 1;
  border: 1px solid var(--pink);
  background: rgba(0,0,0,.72);
  padding: 6px 7px 7px;
  font-size: 8px;
}
.erd-table b {
  display: block;
  color: var(--pink);
  font-family: var(--mono);
  font-size: 9px;
  margin-bottom: 4px;
}
.erd-table ul { list-style: none; }
.erd-table li {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  color: rgba(255,255,255,.82);
  font-family: var(--mono);
  line-height: 1.45;
}
.erd-table span { color: rgba(255,255,255,.45); }

.receipt-analytics {
  background: #121214;
  border-radius: 12px;
  padding: 22px 12px 28px;
  min-height: 0;
}
.an-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.an-head h3 { font-size: 13px; font-weight: 700; }
.an-head span {
  font-size: 9px;
  color: rgba(255,255,255,.6);
  border: 1px solid rgba(255,255,255,.14);
  padding: 3px 7px;
  border-radius: 6px;
}
.an-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}
.an-metrics > div {
  background: #1a1a1d;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 7px;
  padding: 8px;
}
.an-metrics b { display: block; font-size: 16px; letter-spacing: -0.03em; }
.an-metrics span { display: block; font-size: 9px; color: #9a9a9a; margin: 2px 0 4px; }
.an-metrics em { font-style: normal; font-size: 10px; color: #4ade80; font-weight: 700; }
.an-chart { width: 100%; height: 72px; margin-top: 8px; display: block; }

.receipt-note {
  position: absolute;
  color: var(--pink);
  font-size: 13px;
  line-height: 1.15;
  z-index: 6;
}
.receipt-note-app { top: 8%; right: 2%; transform: rotate(6deg); width: 7.5rem; text-align: right; }
.receipt-note-db {
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  transform: rotate(-4deg);
  width: 8.5rem;
}
.receipt-note-an { right: 8px; bottom: -6px; transform: rotate(-6deg); }

.receipt-sticky {
  background: #f2d84a;
  color: #111;
  padding: 28px 14px 16px 16px;
  min-height: 0;
  box-shadow: 3px 10px 18px rgba(0,0,0,.4);
}
.receipt-blue-tape {
  position: absolute;
  width: 86px;
  height: auto;
  top: -16px;
  left: 50%;
  transform: translateX(-40%) rotate(-6deg);
  pointer-events: none;
  z-index: 6;
}
.receipt-blue-tape-side {
  width: 64px;
  top: 38%;
  left: auto;
  right: -18px;
  transform: rotate(78deg);
}
.receipt-check { list-style: none; }
.receipt-check li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11px;
  line-height: 1.3;
  margin-bottom: 7px;
}
.receipt-check li::before {
  content: "";
  width: 11px;
  height: 11px;
  border: 1.5px solid #111;
  flex-shrink: 0;
  margin-top: 1px;
  background: #fff;
}
.sticky-check { font-family: var(--script); font-size: 13px; }
.sticky-check li::before { border-color: #c0122a; background: transparent; }
.sticky-check li.is-on::after,
.launch-check li.is-on::after {
  content: "✓";
  position: absolute;
  margin-left: 0;
  color: var(--pink);
  font-size: 13px;
  font-weight: 800;
  transform: translate(-12px, -4px);
  pointer-events: none;
}
.launch-check li { position: relative; font-size: 11px; }
.launch-check li.is-on::after { color: #111; transform: translate(-11px, -3px); }
.sticky-check li { position: relative; }
.sticky-stamp {
  width: 9.6rem;
  border: 2px solid var(--pink);
  border-radius: 50%;
  color: var(--pink);
  font-size: 11px;
  text-align: center;
  line-height: 1.15;
  padding: 12px 8px;
  transform: rotate(-8deg);
  margin-top: 6px;
}
.sticky-people { position: absolute; right: 10px; bottom: 12px; }

.launch-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin-bottom: 8px;
}
.launch-head h3 {
  font-family: var(--display);
  font-size: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1;
}
.launch-head .script { font-size: 11px; color: #111; max-width: 7rem; line-height: 1.1; }
.launch-stamp {
  display: inline-block;
  margin-top: 8px;
  border: 2px solid var(--pink);
  color: var(--pink);
  font-family: var(--script);
  font-size: 13px;
  padding: 6px 8px;
  transform: rotate(3deg);
}

.build-stack {
  display: flex;
  align-items: center;
  gap: 14px 18px;
  flex-wrap: wrap;
  margin-top: 10px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.build-stack-label {
  font-size: clamp(13px, 1.15vw, 16px);
  max-width: 11rem;
  line-height: 1.15;
}
.build-logos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
  list-style: none;
  flex: 1;
}
.build-logos li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255,255,255,.86);
  padding: 0 12px;
  border-left: 1px solid rgba(255,255,255,.18);
}
.build-logos li:first-child { border-left: 0; padding-left: 0; }
.build-stack-end {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  line-height: 1.1;
  margin-left: auto;
  transform: rotate(-4deg);
}
.build-stack-end img { width: 28px; height: auto; }

@media (max-width: 1100px) {
  .build-stage { grid-template-columns: minmax(220px, 32%) minmax(0, 1fr); }
  .build-intro h2 { font-size: clamp(36px, 6vw, 64px); }
  .an-metrics { grid-template-columns: 1fr 1fr; }
  .an-metrics b { font-size: 14px; }
  .receipt-app { width: 108%; }
  .receipt-sticky { width: 84%; }
}
@media (max-width: 900px) {
  .build { padding: 36px 0 24px; }
  .build .wrap { width: min(var(--max), calc(100% - 28px)); }
  .build-stage { grid-template-columns: 1fr; }
  .build-copy { grid-template-columns: 1fr; }
  .build-leave { position: static; transform: rotate(-4deg); margin: 10px 0 0; display: block; }
  .build-cta { flex-wrap: wrap; }
  .build-receipts {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "strategy app"
      "db analytics"
      "sticky launch";
    min-height: 0;
    gap: 28px 16px;
    padding-top: 24px;
  }
  .receipt {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    transform: none;
    margin: 0;
    justify-self: stretch;
  }
}
@media (max-width: 620px) {
  .build-receipts {
    grid-template-columns: 1fr;
    grid-template-areas: none;
  }
  .build-logos li { padding: 6px 10px; border-left: 0; }
  .build-stack-end { margin-left: 0; }
}

/* ---------- Partner proof ---------- */
.partner-proof {
  position: relative;
  padding: 72px 0 48px;
  border-top: 1px solid var(--line);
  overflow: hidden;
}
.partner-proof::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    url("/assets/baddie/proof/torn_charcoal_paper_texture-fill.png") center / cover no-repeat;
  opacity: 0.38;
  pointer-events: none;
}
.partner-proof .wrap {
  position: relative;
  z-index: 1;
  width: min(1380px, calc(100% - 40px));
}
.pp-hero {
  display: grid;
  grid-template-columns: minmax(260px, 0.86fr) minmax(0, 1.28fr);
  gap: 12px 24px;
  align-items: start;
}
.pp-copy { padding-top: 8px; }
.pp-kicker {
  font-size: clamp(22px, 2.4vw, 30px);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
  text-decoration-skip-ink: none;
}
.pp-copy h2 {
  font-size: clamp(34px, 4.4vw, 64px);
  margin-top: 10px;
  line-height: 0.88;
  max-width: 12ch;
  color: #fff;
}
.pp-remember {
  position: relative;
  display: inline-block;
  padding-bottom: 0.12em;
  background: url("/assets/baddie/graphics/doodle-underline.webp") no-repeat left 88% / min(100%, 280px) 14px;
}
.pp-lede {
  margin-top: 18px;
  max-width: 38ch;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.55;
}
.pp-cta {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px 14px;
  margin-top: 22px;
}
.partner-proof .btn-pink {
  padding: 12px 14px;
  font-size: 12px;
  letter-spacing: 0.06em;
}
.pp-link {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
  max-width: 18ch;
  line-height: 1.35;
  justify-self: start;
}
.pp-link:hover { color: var(--pink); border-bottom-color: var(--pink); }
.pp-ideas {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 36px;
  font-size: 15px;
  color: rgba(255,255,255,.72);
  transform: rotate(-3deg);
}
.pp-ideas img {
  width: 28px;
  height: auto;
  mix-blend-mode: screen;
}

.pp-collage {
  position: relative;
  min-height: 580px;
  isolation: isolate;
  padding: 12px 8px 28px 0;
}
.pp-shot {
  position: absolute;
  margin: 0;
  background: #efe8dc;
  padding: 10px 10px 28px;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.58));
}
.pp-photo {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.pp-shot-main {
  left: 0;
  top: 8px;
  width: 66%;
  z-index: 3;
  transform: rotate(-2.8deg);
}
.pp-shot-main .pp-photo { aspect-ratio: 3 / 2; object-position: center 42%; }
.pp-shot-side {
  right: 0;
  top: 96px;
  width: 48%;
  z-index: 4;
  transform: rotate(6.2deg);
}
.pp-shot-side .pp-photo { aspect-ratio: 4 / 3; object-position: center 38%; }
.pp-tape {
  position: absolute;
  height: auto;
  pointer-events: none;
  z-index: 6;
  mix-blend-mode: screen;
  filter: brightness(1.45) contrast(1.15);
}
.pp-tape-a { width: 120px; top: -18px; left: 18%; transform: rotate(-12deg); }
.pp-tape-b { width: 96px; top: 42%; right: -28px; transform: rotate(82deg); }
.pp-tape-c { width: 108px; top: -16px; right: 10%; transform: rotate(14deg); }
.pp-tape-d { width: 88px; bottom: 18%; left: -22px; transform: rotate(-78deg); }
.pp-scrap {
  position: absolute;
  z-index: 7;
  background: url("/assets/baddie/build/paper-torn-white.png") center / 100% 100% no-repeat;
  color: #111;
  font-family: var(--script);
  font-size: clamp(13px, 1.15vw, 17px);
  line-height: 1.15;
  padding: 16px 18px 18px;
  max-width: 11.5rem;
}
.pp-scrap-build {
  top: 8%;
  left: -8%;
  transform: rotate(-12deg);
}
.pp-scrap-community {
  right: -6%;
  bottom: 6%;
  transform: rotate(8deg);
}
.pp-note {
  position: absolute;
  z-index: 8;
  font-size: clamp(13px, 1.2vw, 18px);
  line-height: 1.15;
  pointer-events: none;
}
.pp-note-real {
  right: 2%;
  bottom: 4%;
  width: 9.2rem;
  color: #fff;
  transform: rotate(4deg);
}
.pp-note-real img {
  display: block;
  width: 28px;
  margin-top: 4px;
  mix-blend-mode: screen;
}

.pp-types {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 14px;
  margin-top: 28px;
  align-items: stretch;
}
.pp-type {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  margin: 0;
  color: #111;
  padding: 44px 40px 40px 36px;
  min-height: 214px;
  background: url("/assets/baddie/proof/scrap-product.png?v=1") center / 100% 100% no-repeat;
  filter: drop-shadow(0 12px 18px rgba(0,0,0,.55));
}
.pp-type:nth-child(1) { transform: rotate(-0.6deg); }
.pp-type:nth-child(2) {
  transform: rotate(0.7deg) translateY(6px);
  background-image: url("/assets/baddie/proof/scrap-ecosystem.png?v=1");
}
.pp-type:nth-child(3) {
  transform: rotate(-0.35deg);
  background-image: url("/assets/baddie/proof/scrap-accelerators.png?v=1");
}
.pp-icon {
  width: 44px;
  height: 44px;
  object-fit: contain;
}
.pp-type-copy { min-width: 0; }
.pp-type h3 {
  font-family: var(--sans);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.08;
  text-transform: none;
  margin: 0;
}
.pp-type h3::after {
  content: "";
  display: block;
  width: min(100%, 11.6rem);
  height: 8px;
  margin: 4px 0 6px;
  background: url("/assets/baddie/proof/underline-product.png?v=2") no-repeat left center / 100% 100%;
}
.pp-type:nth-child(2) h3::after {
  background-image: url("/assets/baddie/proof/underline-ecosystem.png?v=2");
}
.pp-type:nth-child(3) h3::after {
  background-image: url("/assets/baddie/proof/underline-accelerators.png?v=2");
  width: min(100%, 8.8rem);
}
.pp-type p {
  font-size: 13px;
  line-height: 1.32;
  color: #111;
  margin: 0;
}

.pp-stats {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.15fr;
  gap: 0;
  margin-top: 28px;
  border: 1px solid rgba(255,255,255,.55);
  background:
    linear-gradient(180deg, rgba(18,18,18,.7), rgba(8,8,8,.86)),
    url("/assets/baddie/proof/torn_charcoal_paper_texture-fill.png") center / cover;
}
.pp-stats > div {
  padding: 22px 24px 20px;
  border-right: 1px solid rgba(255,255,255,.28);
}
.pp-stats > div:last-child { border-right: 0; }
.pp-stats strong {
  display: block;
  font-family: var(--display);
  font-size: clamp(42px, 5vw, 72px);
  line-height: 0.9;
  color: var(--pink);
  letter-spacing: 0.02em;
}
.pp-stats b {
  display: block;
  font-family: var(--display);
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 0.96;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.pp-stats span {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  color: rgba(255,255,255,.8);
}

.pp-logos {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px 22px;
  margin-top: 28px;
}
.pp-logos > p:first-child {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
  max-width: 8rem;
}
.pp-logos ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  list-style: none;
}
.pp-logos li {
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
}
.pp-logos li img {
  display: block;
  height: 34px;
  width: auto;
  max-width: 168px;
  object-fit: contain;
}
.pp-logo-sgn {
  height: 80px !important;
  max-width: 240px !important;
}
.pp-logo-utum {
  height: 26px !important;
  max-width: 180px !important;
  background: #fff;
  border-radius: 4px;
  padding: 6px 8px;
  box-sizing: content-box;
}
.pp-logo-round {
  height: 52px !important;
  max-width: 52px !important;
  border-radius: 50%;
  mix-blend-mode: screen;
}
.pp-logo-nyl {
  height: 52px !important;
  max-width: 52px !important;
  border-radius: 8px;
}
.pp-stamp {
  position: relative;
  width: 9.4rem;
  text-align: center;
  font-size: 15px;
  line-height: 1.15;
  padding: 16px 10px 14px;
  transform: rotate(-6deg);
}
.pp-stamp::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid var(--pink);
  border-radius: 50% 46% 52% 48%;
  transform: rotate(-4deg);
}
.pp-stamp img {
  display: block;
  width: 22px;
  margin: 0 auto 4px;
  mix-blend-mode: screen;
}

@media (max-width: 1080px) {
  .pp-hero { grid-template-columns: 1fr; }
  .pp-copy h2 { max-width: 14ch; }
  .pp-collage { min-height: 540px; }
  .pp-shot-main { width: 62%; }
  .pp-shot-side { width: 50%; top: 72px; }
}
@media (max-width: 760px) {
  .partner-proof { padding: 52px 0 28px; }
  .partner-proof .wrap { width: min(var(--max), calc(100% - 28px)); }
  .pp-cta { grid-template-columns: 1fr; }
  .pp-collage {
    min-height: 0;
    display: grid;
    gap: 28px;
    padding-top: 12px;
  }
  .pp-shot {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: auto;
    transform: none;
  }
  .pp-note-real { position: relative; right: auto; bottom: auto; margin-top: 8px; }
  .pp-types { grid-template-columns: 1fr; }
  .pp-type,
  .pp-type:nth-child(2) { transform: none; }
  .pp-stats { grid-template-columns: 1fr; }
  .pp-stats > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.28); }
  .pp-stats > div:last-child { border-bottom: 0; }
  .pp-logos { grid-template-columns: 1fr; }
  .pp-stamp { margin-left: 0; }
}

/* ---------- Next up ---------- */
.next {
  padding: 28px 0 64px;
  border-top: 1px solid var(--line);
}
.next-head {
  display: flex;
  align-items: end;
  gap: 24px;
  margin-bottom: 18px;
}
.next-head .script { font-size: clamp(36px, 5vw, 64px); }

.site-foot {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 22px 0 36px;
  border-top: 1px solid var(--line);
  font-size: 12px;
  color: var(--mute);
}
.site-foot a:hover { color: #fff; }

.hp { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }

/* Overlays injected on this page still used AFP plum; match the logo pink. */
.wr-submit,
.wr-chip.on,
.nl-modal .cap-submit-row button {
  background: var(--pink) !important;
  border-color: var(--pink) !important;
  color: #000 !important;
}
.wr-submit:hover,
.nl-modal .cap-submit-row button:hover {
  background: var(--pink-2) !important;
}
.nl-modal-eyebrow,
.nl-modal h2 .it {
  color: var(--pink) !important;
}
.nl-modal .cap-form input:focus {
  outline-color: var(--pink) !important;
  border-color: var(--pink) !important;
}