@font-face { font-family: "Archivo"; src: url("/fonts/archivo-latin-var.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
  @font-face { font-family: "Bodoni Moda"; src: url("/fonts/bodoni-moda-latin-var.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }

  /* The brand, locked (BRIEF §1): the live site's black, warm white and orange, Bodoni Moda over Archivo. */
  :root {
    --black: #141414;  --black-raised: #1e1e1e;  --paper: #f6f4f1;
    --smoke: #b5aea7;  --stone: #5e5953;  --ember: #ee7d32;  --ember-press: #d96a22;
    --sc-canvas: var(--black);  --sc-surface: var(--black-raised);
    --sc-ink: var(--paper);     --sc-ink-soft: var(--smoke);
    --sc-accent: var(--ember);  --sc-accent-ink: var(--black);
    --sc-font-display: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
    --sc-font-text: "Archivo", "Helvetica Neue", Arial, sans-serif;
    --sc-shadow-color: 20 30% 4%;
    --strip-h: 3.25rem;
    --r: 4px;
  }
  .sc-display { font-weight: 500; }
  body { font-stretch: 100%; }

  /* Light spreads restate colour with the token: inherited colour resolves once, on body (taste.md). */
  .ground-paper { background: var(--paper); --sc-ink: var(--black); --sc-ink-soft: var(--stone); color: var(--sc-ink); --sc-accent-ink: var(--black); }
  .ground-ember { background: var(--ember); --sc-ink: var(--black); --sc-ink-soft: #3a2a1f; color: var(--sc-ink); }
  .ground-black { background: var(--black); color: var(--sc-ink); }

  .btn {
    display: inline-flex; align-items: center; gap: var(--sc-2);
    padding: 0.85rem 1.4rem; border-radius: var(--r);
    background: var(--ember); color: var(--black);
    font-weight: 650; font-size: var(--sc-t-sm); letter-spacing: 0.01em; text-decoration: none; white-space: nowrap;
    box-shadow: var(--sc-e1); transition: background-color 140ms var(--sc-ease-out), transform 120ms var(--sc-ease-out);
  }
  .btn:active { transform: translateY(1px); }
  @media (hover: hover) and (pointer: fine) { .btn:hover { background: var(--ember-press); } }
  .btn--ghost { background: transparent; color: inherit; box-shadow: inset 0 0 0 1px currentColor; }
  @media (hover: hover) and (pointer: fine) { .btn--ghost:hover { background: color-mix(in oklab, currentColor 10%, transparent); } }
  /* The Solo Fanz Agency lockup, owner-approved "flow" design: Agency sits under the lettering, starting under the l.
     Proportions measured from solofanz-agency-flow-black-orange-1024x1024.png (lettering 690px wide). */
  .lockup { position: relative; display: block; container-type: inline-size; aspect-ratio: 690 / 305; color: var(--paper); }
  .lockup .mark { position: absolute; inset: 0 0 auto 0; width: 100%; }
  .agency { display: block; overflow: visible; fill: var(--ember); font-family: var(--sc-font-text); font-weight: 600; font-stretch: 122%; }
  .lockup .agency { position: absolute; left: 29.71%; top: 36.23cqw; width: 47.68%; }
  .mark { display: block; background: currentColor; -webkit-mask: url("/logo.svg") center / contain no-repeat; mask: url("/logo.svg") center / contain no-repeat; aspect-ratio: 957.6 / 391.2; }

  .skip { position: fixed; left: var(--sc-gutter); top: -4rem; z-index: 80; padding: 0.6rem 1rem; background: var(--paper); color: var(--black); border-radius: var(--r); }
  .skip:focus-visible { top: calc(var(--strip-h) + 0.5rem); }

  /* ── the contents strip ──────────────────────────────────────────────────────────────────────────────────── */
  .strip {
    position: fixed; inset: 0 0 auto 0; z-index: var(--sc-z-chrome); height: var(--strip-h);
    display: flex; align-items: center; gap: var(--sc-5); padding-inline: var(--sc-gutter);
    background: var(--black); color: var(--paper); border-bottom: 1px solid #2e2e2e;
    font-size: var(--sc-t-xs); letter-spacing: 0.04em;
  }
  .strip__home { width: 5.4rem; margin-top: 0.3rem; }
  .strip__nav { display: flex; align-items: center; gap: var(--sc-5); margin-left: auto; }
  .strip__label { color: var(--smoke); font-family: var(--sc-font-display); font-style: italic; font-size: var(--sc-t-sm); letter-spacing: 0; }
  .strip__nav a:not(.btn) { color: var(--smoke); text-decoration: none; padding-block: 0.4rem; border-bottom: 1px solid transparent; transition: color 140ms var(--sc-ease-out); }
  .strip__nav a[aria-current="true"] { color: var(--paper); border-bottom-color: var(--ember); }
  @media (hover: hover) and (pointer: fine) { .strip__nav a:not(.btn):hover { color: var(--paper); } }
  .strip .btn { padding: 0.55rem 1rem; font-size: var(--sc-t-xs); }
  @media (max-width: 860px) {
    .strip__label, .strip__nav a:not(.btn) { display: none; }
  }

  /* ── 1 · COVER ───────────────────────────────────────────────────────────────────────────────────────────── */
  #cover { background: var(--paper); }
  .cover { overflow: hidden; perspective: 2200px; }
  /* Driven from --sc-p: the planes separate first, then the page turns away like a cover being opened. */
  .cover__page {
    --turn: clamp(0, calc((var(--sc-p, 0) - 0.64) / 0.36), 1);
    position: absolute; inset: 0; background: var(--black); transform-origin: 0% 50%;
    transform: rotateY(calc(var(--turn) * -38deg)) translateX(calc(var(--turn) * -14%));
    box-shadow: calc(var(--turn) * 40px) 0 80px -20px rgb(20 20 20 / calc(var(--turn) * 0.5));
    will-change: transform;
  }
  .cover__frame {
    position: absolute; left: 50%; top: calc(50% + var(--strip-h) / 2);
    width: max(100vw, calc((100vh - var(--strip-h)) * 16 / 9)); aspect-ratio: 16 / 9; translate: -50% -50%;
  }
  .cover__frame > * { position: absolute; }
  .cover__plate { inset: 0; width: 100%; height: 100%; object-fit: cover;
    transform: scale(calc(1 + var(--sc-p, 0) * 0.07)); transform-origin: 50% 60%; }
  .cover__mast { left: 20%; top: 2%; width: 60%; color: var(--paper);
    transform: translateY(calc(var(--sc-p, 0) * -6vh)); filter: drop-shadow(0 6px 18px rgb(20 20 20 / 0.28)); }
  .cover__subject { inset: 0; width: 100%; height: 100%; object-fit: cover;
    transform: scale(calc(1 + var(--sc-p, 0) * 0.025)); transform-origin: 48% 100%; }
  .cover__fade { left: 0; right: 0; bottom: 0; height: 42%; background: linear-gradient(to top, rgb(20 20 20 / 0.82), rgb(20 20 20 / 0)); }
  .cover__lines {
    position: absolute; z-index: 3; left: var(--sc-gutter); right: var(--sc-gutter); bottom: clamp(1.5rem, 6vh, 4.5rem);
    display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--sc-6);
    transform: translateY(calc(var(--sc-p, 0) * -28px));
  }
  .cover__lines h1 { margin: 0; max-width: 12ch; font-family: var(--sc-font-display); font-weight: 650; font-size: clamp(2.4rem, 1.4rem + 3.6vw, 5.4rem); line-height: 0.98; letter-spacing: var(--sc-track-tight); text-wrap: balance; }
  .cover__lines h1 em { color: var(--ember); font-weight: 750; }
  /* a pool of shade under the cover lines only (owner: the back cover reads because its text sits on a grey area);
     a sibling of the copy, never its child, so the contrast check measures it */
  .cover__shade { position: absolute; z-index: 2; inset: 0; pointer-events: none;
    background: radial-gradient(ellipse 62% 70% at 0% 100%, rgb(20 20 20 / 0.9) 0%, rgb(20 20 20 / 0.72) 45%, rgb(20 20 20 / 0) 100%); }
  .cover__strap { margin: var(--sc-4) 0 0; font-size: var(--sc-t-xs); letter-spacing: 0.22em; text-transform: uppercase; color: var(--paper); }
  .cover__aside { display: grid; justify-items: end; gap: var(--sc-4); text-align: right; }
  .cover__credit { margin: 0; color: var(--smoke); font-family: var(--sc-font-display); font-style: italic; font-size: var(--sc-t-sm); }
  .cover__frame--m { display: none; }
  @media (max-width: 860px) {
    .cover__frame--d { display: none; }
    .cover__frame--m { display: block; top: var(--strip-h); translate: -50% 0; width: 100vw; aspect-ratio: 3 / 4; }
    .cover__frame--m .cover__mast { left: 5%; top: 1.5%; width: 90%; }
    /* the photo and her cutout are one plane on a phone (no clean plate): only the masthead moves */
    .cover__frame--m .cover__subject, .cover__frame--m .cover__plate { transform: none; }
    .cover__lines { grid-template-columns: 1fr; bottom: clamp(1.25rem, 4vh, 2.5rem); gap: var(--sc-4); }
    .cover__lines h1 { font-size: var(--sc-t-2xl); max-width: 12ch; }
    .cover__aside { justify-items: start; text-align: left; }
    .cover__fade { height: 55%; }
  }

  /* ── 2 · LETTER ──────────────────────────────────────────────────────────────────────────────────────────── */
  .letter { padding-block: clamp(4rem, 8vw, 8rem) var(--sc-section); }
  .letter__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
  .letter h2 { margin: 0; font-size: var(--sc-t-3xl); }
  .letter__stand { margin: var(--sc-5) 0 0; font-family: var(--sc-font-display); font-style: italic; font-size: var(--sc-t-lg); line-height: 1.45; color: var(--sc-ink); max-width: 30ch; }
  .letter__cols { columns: 2 16rem; column-gap: clamp(1.5rem, 3vw, 3rem); color: var(--sc-ink); }
  .letter__cols p { margin: 0 0 var(--sc-5); }
  .letter__lead::first-letter { float: left; font-family: var(--sc-font-display); font-size: 4.2em; line-height: 0.82; padding: 0.06em 0.1em 0 0; color: var(--ember-press); }
  .letter__cols dl { margin: 0; }
  .letter__cols dt { font-weight: 650; break-after: avoid; }
  .letter__cols dd { margin: 0 0 var(--sc-4); color: var(--sc-ink-soft); break-inside: avoid; }
  .letter__pull { margin: clamp(2.5rem, 5vw, 4.5rem) 0 0; padding-top: var(--sc-5); border-top: 1px solid #dcd7d1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 6rem); }
  .letter__pull blockquote { margin: 0; font-family: var(--sc-font-display); font-size: var(--sc-t-2xl); line-height: 1.05; letter-spacing: var(--sc-track-snug); }
  .letter__pull p { margin: 0; color: var(--sc-ink-soft); max-width: 52ch; align-self: end; }
  @media (max-width: 860px) { .letter__grid, .letter__pull { grid-template-columns: 1fr; gap: var(--sc-6); } }

  /* ── 3 · FEATURE: the talent ─────────────────────────────────────────────────────────────────────────────── */
  .feature { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(1.5rem, 4vw, 4rem);
    align-items: center; padding: calc(var(--strip-h) + clamp(1rem, 4vh, 3rem)) var(--sc-gutter) clamp(1rem, 4vh, 3rem); }
  .feature__copy { position: relative; align-self: stretch; display: grid; }
  .feature__head { position: absolute; top: 0; left: 0; margin: 0; font-size: var(--sc-t-xs); letter-spacing: 0.22em; text-transform: uppercase; color: var(--smoke); }
  .talent { grid-area: 1 / 1; align-self: center; }
  .talent h2 { margin: 0; font-size: var(--sc-t-3xl); }
  .talent__where { margin: var(--sc-3) 0 0; color: var(--smoke); font-size: var(--sc-t-sm); letter-spacing: 0.04em; }
  .talent__badge { display: inline-block; margin-left: var(--sc-2); padding: 0.1rem 0.5rem; border: 1px solid var(--ember); color: var(--ember); border-radius: var(--r); font-size: var(--sc-t-xs); }
  .talent__line { margin: var(--sc-5) 0 0; font-family: var(--sc-font-display); font-style: italic; font-size: var(--sc-t-lg); line-height: 1.3; max-width: 22ch; }
  .talent__nums { margin: var(--sc-6) 0 0; display: grid; grid-template-columns: repeat(2, auto); justify-content: start; gap: var(--sc-4) var(--sc-7); }
  .talent__nums div { display: grid; gap: 0.15rem; }
  .talent__nums dt { order: 2; color: var(--smoke); font-size: var(--sc-t-xs); letter-spacing: 0.04em; }
  .talent__nums dd { order: 1; margin: 0; font-family: var(--sc-font-display); font-size: var(--sc-t-xl); line-height: 1; font-variant-numeric: tabular-nums lining-nums; }
  .talent__asof { margin: var(--sc-4) 0 0; color: var(--smoke); font-size: var(--sc-t-xs); }
  .talent__links { margin: var(--sc-5) 0 0; display: flex; flex-wrap: wrap; gap: var(--sc-3); }
  .talent__links a { color: var(--paper); font-size: var(--sc-t-sm); }

  .decks { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; }
  .deck { grid-area: 1 / 1; display: flex; justify-content: center; gap: clamp(0.75rem, 1.4vw, 1.5rem); perspective: 1600px; }
  .card { position: relative; flex: 1 1 0; min-width: 0; max-width: 15.5rem; aspect-ratio: 4 / 6.1; transform-style: preserve-3d;
    transform: rotateY(calc(var(--f, 0) * 180deg)); }
  .card:nth-child(even) { margin-top: 2.5rem; }
  .card__face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 10px; overflow: hidden;
    background: #fff; color: var(--black); box-shadow: var(--sc-e3); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
  .card__bar { display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.7rem; font-size: 0.72rem; line-height: 1.2; }
  .card__avatar { width: 1.6rem; height: 1.6rem; border-radius: 50%; overflow: hidden; flex: none; background: #eee; }
  .card__avatar img { width: 100%; height: 100%; object-fit: cover; }
  .card__who b { display: block; font-weight: 650; }
  .card__who span { color: #6b655f; }
  .card__media { position: relative; overflow: hidden; background: #ddd; }
  .card__media :is(img, video) { width: 100%; height: 100%; object-fit: cover; }
  .card__media video { object-position: 50% 12%; }
  .card__foot { padding: 0.5rem 0.7rem; font-size: 0.7rem; color: #6b655f; display: flex; justify-content: space-between; }
  .card__fact { display: none; color: var(--black); font-weight: 650; }
  .card__src { display: none; width: 100%; }
  .card__src a { position: relative; z-index: 2; color: var(--black); }
  .card__back { transform: rotateY(180deg); background: var(--paper); grid-template-rows: auto 1fr auto; padding: 1rem; }
  .card__kind { font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--stone); }
  .card__stats { margin: 0; align-self: center; display: grid; gap: 0.9rem; }
  .card__stats div { display: grid; }
  .card__stats dd { margin: 0; font-family: var(--sc-font-display); font-size: clamp(1.5rem, 1.1rem + 1vw, 2.2rem); line-height: 1; font-variant-numeric: tabular-nums lining-nums; }
  .card__stats dt { order: 2; font-size: 0.72rem; color: var(--stone); letter-spacing: 0.04em; }
  .card__stats div { display: flex; flex-direction: column-reverse; }
  .card__stats .lead dd { color: var(--ember-press); font-size: clamp(2rem, 1.4rem + 1.6vw, 3rem); }
  .card__more { position: relative; z-index: 2; font-size: 0.72rem; color: var(--black); }
  .card.is-back .card__front, .card:not(.is-back) .card__back { pointer-events: none; }
  .card__flip { position: absolute; inset: 0; z-index: 1; width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; border-radius: inherit; }
  .card__flip:focus-visible { outline: 2px solid var(--ember); outline-offset: 3px; }
  .card__asof { font-size: 0.66rem; color: var(--stone); }
  @media (max-width: 860px) {
    .feature { grid-template-columns: 1fr; align-content: start; gap: var(--sc-5); }
    .feature__copy { min-height: 15.5rem; }
    .talent h2 { font-size: var(--sc-t-2xl); }
    .talent__line { display: none; }
    .talent__nums { margin-top: var(--sc-4); gap: var(--sc-3) var(--sc-6); }
    .talent__nums dd { font-size: var(--sc-t-lg); }
    .talent__links { display: none; }
    /* one card at a time on a phone: the deck is a stack, the current card on top */
    .deck { display: block; height: min(25rem, calc(100svh - 24rem)); }
    .card { position: absolute; left: 50%; top: 0; height: 100%; width: auto; max-width: none; margin: 0 !important;
      translate: calc(-50% + var(--o, 0) * 1.2rem) calc(var(--o, 0) * 0.6rem); z-index: var(--z, 1); }
    .card:nth-child(even) { margin: 0; }
  }

  /* ── 4 · LISTINGS ────────────────────────────────────────────────────────────────────────────────────────── */
  .listings { display: flex; align-items: center; padding-top: var(--strip-h); }
  .rail { gap: clamp(1.5rem, 4vw, 4rem); padding-inline: var(--sc-gutter); align-items: stretch; }
  .rail > * { flex: none; }
  .rail__lead { width: min(30rem, 80vw); align-self: center; }
  .rail__lead h2 { margin: 0; font-size: var(--sc-t-3xl); }
  .rail__lead p { margin: var(--sc-5) 0 0; max-width: 34ch; }
  .listing { width: min(22rem, 76vw); padding-top: var(--sc-5); border-top: 2px solid var(--black); display: grid; align-content: start; gap: var(--sc-4); }
  .listing h3 { margin: 0; font-family: var(--sc-font-display); font-weight: 500; font-size: var(--sc-t-2xl); line-height: 1; letter-spacing: var(--sc-track-snug); }
  .listing p { margin: 0; max-width: 32ch; }
  .listing__media { margin: 0 0 var(--sc-2); display: grid; gap: var(--sc-2); }
  .listing__media :is(img, video) { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 6px; box-shadow: var(--sc-e2); background: #d96a22; }
  /* tall 9:16 clips in a 4:5 frame: anchor the crop to the top so her head stays in when she leans (owner, round 2) */
  .listing__media video { object-position: 50% 0%; }
  .listing__media figcaption { font-size: var(--sc-t-xs); letter-spacing: 0.04em; }
  @media (max-height: 820px) and (min-width: 861px) { .listing__media :is(img, video) { aspect-ratio: 1 / 1; } }
  .listing--how { width: min(26rem, 80vw); }
  .listing--how ol { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--sc-3); }
  .listing--how li b { display: block; }
  @media (prefers-reduced-motion: no-preference) {
    .rail > .listing { opacity: calc(0.55 + 0.45 * clamp(0, calc(var(--sc-p, 0) * 6 - var(--i, 0) * 0.9), 1)); }
  }

  /* ── 5 · REPLY CARD ──────────────────────────────────────────────────────────────────────────────────────── */
  .reply { padding-block: var(--sc-section); }
  .reply__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
  .reply h2 { margin: 0; font-size: var(--sc-t-3xl); }
  .reply__intro p { margin: var(--sc-5) 0 0; color: var(--sc-ink-soft); max-width: 34ch; }
  .reply__intro .reply__mail { color: var(--sc-ink); }
  .card-form { position: relative; background: #fff; border-radius: 6px; box-shadow: var(--sc-e3); padding: clamp(1.25rem, 3vw, 2.5rem);
    background-image: radial-gradient(circle at 0 0, transparent 0 0); }
  /* the tear-off edge of a reply card: a perforation along the top */
  .card-form::before { content: ""; position: absolute; left: 1rem; right: 1rem; top: -1px; height: 2px;
    background: repeating-linear-gradient(90deg, #dcd7d1 0 8px, transparent 8px 14px); }
  fieldset { border: 0; margin: 0 0 var(--sc-6); padding: 0; }
  legend, .field > span { display: block; font-weight: 650; font-size: var(--sc-t-sm); margin-bottom: var(--sc-2); }
  .field > span small { font-weight: 400; color: var(--stone); }
  .intents { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sc-3); }
  .intent { position: relative; display: grid; gap: 0.2rem; padding: 0.9rem; border: 1px solid #dcd7d1; border-radius: var(--r); cursor: pointer; transition: border-color 140ms var(--sc-ease-out); }
  .intent input { position: absolute; opacity: 0; }
  .intent b { font-size: var(--sc-t-sm); }
  .intent span { font-size: var(--sc-t-xs); color: var(--stone); }
  .intent:has(input:checked) { border-color: var(--black); box-shadow: inset 0 0 0 1px var(--black); }
  .intent:has(input:focus-visible) { outline: 2px solid var(--ember-press); outline-offset: 2px; }
  .fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sc-5); }
  .field { display: block; }
  .field--wide { grid-column: 1 / -1; }
  .field :is(input, select, textarea) { width: 100%; padding: 0.7rem 0.8rem; border: 1px solid #cfc9c2; border-radius: var(--r); background: #fff; color: var(--black); font-size: 1rem; }
  .field :is(input, select, textarea):focus-visible { outline: 2px solid var(--ember-press); outline-offset: 1px; border-color: var(--black); }
  .field textarea { min-height: 7rem; resize: vertical; }
  .field__err { display: block; min-height: 1.2em; margin-top: 0.3rem; color: #a3341c; font-size: var(--sc-t-xs); }
  .chips { display: flex; flex-wrap: wrap; gap: var(--sc-2); }
  .chip { position: relative; }
  .chip input { position: absolute; opacity: 0; }
  .chip span { display: inline-block; padding: 0.45rem 0.8rem; border: 1px solid #cfc9c2; border-radius: 999px; font-size: var(--sc-t-xs); cursor: pointer; }
  .chip input:checked + span { background: var(--black); color: var(--paper); border-color: var(--black); }
  .chip input:focus-visible + span { outline: 2px solid var(--ember-press); outline-offset: 2px; }
  .hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
  .form__end { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sc-4); margin-top: var(--sc-6); }
  .form__note { margin: 0; font-size: var(--sc-t-xs); color: var(--stone); }
  .form__result { margin: var(--sc-5) 0 0; padding: var(--sc-4); border-left: 2px solid var(--ember-press); background: var(--paper); }
  .form__result[hidden] { display: none; }
  @media (max-width: 860px) {
    .reply__grid { grid-template-columns: 1fr; gap: var(--sc-6); }
    .intents, .fields { grid-template-columns: 1fr; }
  }

  /* ── 6 · BACK COVER ──────────────────────────────────────────────────────────────────────────────────────── */
  .back { overflow: hidden; }
  .back__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; }
  .back__shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(20 20 20 / 0.9) 0%, rgb(20 20 20 / 0.8) 32%, rgb(20 20 20 / 0.35) 50%, rgb(20 20 20 / 0) 64%); }
  .back__inner { position: absolute; inset: var(--strip-h) auto 0 0; width: min(36rem, 100%); padding: clamp(1.5rem, 5vh, 4rem) var(--sc-gutter);
    display: flex; flex-direction: column; justify-content: center; gap: var(--sc-5); }
  .back h2 { margin: 0; font-size: var(--sc-t-3xl); }
  .back__body { margin: 0; color: var(--paper); max-width: 34ch; }
  .back__ctas { display: flex; flex-wrap: wrap; gap: var(--sc-3); }
  .back__mail { color: var(--paper); }
  .back__credit { margin: 0; font-family: var(--sc-font-display); font-style: italic; color: var(--smoke); font-size: var(--sc-t-sm); }
  .back__foot { margin-top: var(--sc-5); padding-top: var(--sc-4); border-top: 1px solid rgb(246 244 241 / 0.2); font-size: var(--sc-t-xs); color: var(--smoke); display: grid; gap: var(--sc-2); }
  .back__foot nav { display: flex; flex-wrap: wrap; gap: var(--sc-4); }
  .back__foot a { color: var(--paper); }
  .back__foot .lockup { width: 6.5rem; }
  .back__legal { gap: var(--sc-4); }
  @media (max-width: 860px) {
    .back__img { object-position: 60% 20%; }
    .back__shade { background: linear-gradient(0deg, rgb(20 20 20 / 0.94) 0%, rgb(20 20 20 / 0.88) 55%, rgb(20 20 20 / 0.5) 68%, rgb(20 20 20 / 0) 82%); }
    .back__inner { inset: auto 0 0 0; justify-content: end; gap: var(--sc-4); }
    .back h2 { font-size: var(--sc-t-2xl); }
  }

  @media (prefers-reduced-motion: reduce) {
    .cover__page, .cover__plate, .cover__mast, .cover__subject, .cover__lines { transform: none !important; }
    .card { transform: none !important; }
    /* no turning: the card keeps its shape and its real numbers print in its own footer */
    .card__back { display: none; }
    .card__flip { display: none; }
    .card__kindtag { display: none; }
    .card__fact { display: inline; }
    /* the back is hidden without motion, so its link to the post and its date move to the front */
    .card__foot { flex-wrap: wrap; row-gap: 0.15rem; }
    .card__src { display: block; }
  }

body:has(.agency-page){padding-top:var(--strip-h)}.agency-page{background:var(--paper);color:var(--black)}.agency-wrap{width:min(90rem,100%);padding-inline:var(--sc-gutter);margin-inline:auto}.agency-page :is(h1,h2){font-family:var(--sc-font-display);letter-spacing:var(--sc-track-tight);text-wrap:balance;font-weight:500;line-height:1.04}.agency-page h1{margin:0;font-size:clamp(3.2rem,7.6vw,8rem)}.agency-page h2{font-size:clamp(2.2rem,4.5vw,4.8rem)}.agency-page p{text-wrap:pretty}.agency-page :is(section,[id]){scroll-margin-top:calc(var(--strip-h) + 1.25rem)}.agency-page :is(.tone-light,.tone-accent) :focus-visible{outline-color:var(--black)}.agency-page a{text-underline-offset:.2em}.agency-kicker{margin-bottom:var(--sc-6);font-size:var(--sc-t-sm)}.agency-chrome .strip__nav{padding:0}.agency-chrome .strip__nav a[aria-current=page]{color:var(--paper);border-bottom-color:var(--ember)}.agency-chrome .strip__nav a:not(.btn){align-items:center;min-height:32px;display:inline-flex}.agency-chrome .btn{box-shadow:none;border:0}.agency-cover{isolation:isolate;position:relative;overflow:hidden}.agency-cover :is(.about-cover__inner,.faq-cover__inner){min-height:max(40rem,calc(92svh - var(--strip-h)));align-items:center;padding-block:clamp(3rem,6vw,6rem);display:flex}.agency-cover :is(.about-cover__copy,.faq-cover__copy){z-index:2;width:40%;position:relative}.agency-cover__heading{position:relative}.about-cover__label,.faq-cover__label{margin:0 0 var(--sc-5);color:var(--smoke);font-size:var(--sc-t-sm)}.agency-page .about-cover h1{max-width:11ch;font-size:clamp(3rem,5.2vw,5rem);line-height:1.02}.agency-page .faq-cover h1{max-width:12ch;font-size:clamp(3rem,4.8vw,4.5rem);line-height:1.04}.about-cover__stand,.faq-cover__stand{margin-block:var(--sc-6);max-width:36ch;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.65}.about-cover__link,.faq-cover__link{gap:var(--sc-5);font-size:var(--sc-t-sm);align-items:center;text-decoration-thickness:1px;display:inline-flex}.agency-cover [data-agency-art]{z-index:0;mask-image:linear-gradient(90deg,transparent,var(--black) 29%);margin:0;position:absolute;inset:0 0 0 34%}.agency-cover:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--black) 28%,var(--veil-deep) 36%,transparent 55%);position:absolute;inset:0}.about-cover [data-agency-art]{left:0;mask-image:none}.agency-cover img{object-fit:cover;border:0;border-radius:0;width:100%;height:100%;display:block}.about-cover__scene img{object-position:75% 25%}.faq-cover__portrait img{object-position:50% 0%}@media (prefers-reduced-motion:no-preference){html.sc-ready .about-cover__scene img{transform:translateY(calc(var(--sc-p,0)*-1rem));height:calc(100% + 1rem)}html.sc-ready .faq-cover__portrait img{transform:translateY(calc(var(--sc-p,0)*-1.5rem));height:calc(100% + 1.5rem)}}.about-story{padding-block:clamp(3rem,6vw,5.5rem)}.about-story__inner{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(2rem,4vw,4rem);display:grid}.agency-page .about-story h2,.agency-page .about-talent h2{margin:0;font-size:clamp(2.25rem,3.4vw,3.5rem)}.about-story p{max-width:54ch;margin:0;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.75}.about-talent{padding-block:clamp(3rem,6vw,5.5rem)}.about-talent__intro{grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.about-talent__intro p{max-width:46ch;margin:0;font-size:1rem;line-height:1.65}.about-roster{margin-top:var(--sc-8);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,5rem);display:grid}.about-roster a{padding-top:var(--sc-5);border-top:1px solid var(--black);color:var(--black);text-decoration:none;display:block}.about-roster__city{font-size:.8125rem}.about-roster h3{margin:var(--sc-3) 0;font-family:var(--sc-font-display);letter-spacing:var(--sc-track-tight);font-size:clamp(1.8rem,2.8vw,2.75rem);font-weight:500;line-height:1.1}.about-roster p{margin:0;font-size:1rem;line-height:1.6}.about-roster__action{align-items:center;gap:var(--sc-5);margin-top:var(--sc-5);padding-bottom:var(--sc-2);border-bottom:1px solid;font-size:.875rem;display:inline-flex}.about-talent+.agency-invitation{padding-block:var(--sc-6);border-top:1px solid var(--black)}.about-talent+.agency-invitation h2,.agency-answers+.agency-invitation h2{font-size:clamp(1.6rem,2.4vw,2.25rem)}.agency-invitation{padding-block:clamp(3rem,6vw,6rem)}.agency-invitation .agency-wrap{justify-content:space-between;align-items:center;gap:var(--sc-6);flex-wrap:wrap;display:flex}.agency-invitation h2{max-width:14ch}.agency-invitation .btn{box-shadow:none}.agency-answers+.agency-invitation{padding-block:var(--sc-7)}.agency-answers{padding-block:clamp(2.5rem,5vw,5rem)}.agency-faq-reading{grid-template-columns:minmax(14rem,3fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,7vw,7rem);display:grid}.agency-question-index{top:calc(var(--strip-h) + var(--sc-5));border-top:1px solid var(--black);padding-top:var(--sc-5);position:sticky}.agency-question-index>p{margin:0 0 var(--sc-5);font-family:var(--sc-font-display);font-size:1.25rem;font-style:italic}.agency-question-index ul{gap:var(--sc-3);margin:0;padding:0;list-style:none;display:grid}.agency-question-index li{margin:0}.agency-question-index a{padding-block:.2rem;font-size:.875rem;line-height:1.5;display:inline-block}.agency-questions{margin:0;padding:0;list-style:none;display:block}.agency-page .agency-questions>.items__item{border-top:1px solid var(--rule-light);border-bottom:0;padding-block:clamp(1.5rem,3vw,2.5rem);display:block}.agency-page .agency-questions>.items__item:first-child{padding-top:var(--sc-5);border-top-color:var(--black)}.agency-page .agency-questions>.items__item:before{display:none}.agency-page .agency-questions h2{max-width:35ch;margin:0 0 var(--sc-4);font-size:clamp(1.375rem,1.9vw,1.75rem);line-height:1.25}.agency-questions p{max-width:60ch;margin:0;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.75}.agency-page .agency-legal-opening{isolation:isolate;padding:0;position:relative;overflow:hidden}.agency-legal-cover{min-height:clamp(25rem,34vw,30rem);padding-block:var(--sc-7);align-items:center;display:flex}.agency-legal-opening .section__text{z-index:2;width:47%;max-width:38rem;position:relative}.agency-page .agency-legal-opening .section__heading{max-width:14ch;font-size:clamp(3rem,4.5vw,4rem);line-height:1.04}.legal__summary{max-width:38ch;margin-top:var(--sc-5);font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.7}.agency-legal-opening .legal__updated{max-width:27rem;margin-top:var(--sc-6);padding-top:var(--sc-4);border-top:1px solid var(--rule-dark);color:var(--smoke);font-size:.8125rem;line-height:1.6}.agency-legal-opening .legal__draft{max-width:38ch;margin-top:var(--sc-4);color:var(--paper);font-size:.875rem;line-height:1.6}.agency-legal-portrait{z-index:0;mask-image:linear-gradient(90deg,transparent,var(--black) 30%);margin:0;position:absolute;inset:0 0 0 34%}.agency-legal-portrait img{object-fit:cover;object-position:75% 0%;width:100%;height:100%;display:block}.agency-legal-opening:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--black) 30%,var(--veil-deep) 39%,transparent 60%);position:absolute;inset:0}.agency-page .agency-legal-reading{padding-block:clamp(2.5rem,5vw,4rem) clamp(3rem,6vw,5rem)}@media (width<=860px){.agency-legal-cover{min-height:0;padding-block:var(--sc-6)}.agency-legal-opening .section__text{width:100%;max-width:none}.agency-page .agency-legal-opening .section__heading{max-width:16ch;font-size:clamp(2.5rem,6vw,3rem)}.legal__summary{max-width:48ch;font-size:1rem}.agency-legal-opening .legal__updated{margin-top:var(--sc-5)}.agency-legal-portrait{height:clamp(14rem,70vw,24rem);mask-image:linear-gradient(transparent,var(--black) 4%);position:relative;inset:auto}.agency-legal-portrait img{object-position:80% 0%}.agency-legal-opening:after{display:none}}.agency-page .legal-layout{grid-template-columns:minmax(12rem,1fr) minmax(0,2.4fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.agency-page .legal-index{top:calc(var(--strip-h) + 1.5rem);padding-top:var(--sc-4);border-top:1px solid var(--black);position:sticky}.agency-page .legal-index>p{margin-bottom:var(--sc-4);font-family:var(--sc-font-display);font-style:italic;font-size:var(--sc-t-lg)}.agency-page .legal-index ol{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.agency-page .legal-index li{margin:0}.agency-page .legal-index a{font-size:var(--sc-t-sm);line-height:1.5;display:inline-block}.agency-page .legal{max-width:62ch;font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.75}.agency-page .legal .legal__section{border-top:1px solid var(--rule-light);margin:0;padding-block:clamp(1.75rem,3vw,3rem)}.agency-page .legal__section:first-child{padding-top:var(--sc-4);border-color:var(--black)}.agency-page .legal__heading{margin-bottom:var(--sc-4);font-size:clamp(1.4rem,2.1vw,1.875rem);line-height:1.25}.agency-page .legal__section p+p,.agency-page .legal__section :is(p,ul)+ul,.agency-page .legal__section ul+p{margin-top:var(--sc-4)}.agency-page .legal__section ul{padding-left:1.25rem;list-style:outside}.agency-page .legal__section li+li{margin-top:.75rem}.agency-error{isolation:isolate;padding:0;position:relative;overflow:hidden}.agency-error__spread{min-height:38rem;padding-block:var(--sc-7);align-items:center;display:flex}.agency-error__copy{z-index:1;width:46%;position:relative}.agency-error .agency-error__code{margin:0 0 var(--sc-5);color:var(--stone);font-size:.875rem}.agency-error h1{max-width:13ch;font-size:clamp(2.5rem,4.2vw,3.5rem);line-height:1.08}.agency-error p{max-width:38ch;margin-top:var(--sc-5);color:var(--stone);font-size:1rem;line-height:1.7}.agency-error .button{margin-top:var(--sc-6);box-shadow:none}.agency-error nav{gap:var(--sc-5);margin-top:var(--sc-5);flex-wrap:wrap;display:flex}.agency-error nav a{align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.agency-error__art{z-index:0;mask-image:linear-gradient(90deg,transparent,var(--black) 22%);margin:0;position:absolute;inset:0 0 0 50%}.agency-error__art img{object-fit:cover;object-position:50% 26%;width:100%;height:100%;display:block}@media (width<=760px){.agency-error__spread{min-height:0;padding-block:var(--sc-6)}.agency-error__copy{width:100%}.agency-error h1{font-size:2.5rem}.agency-error__art{height:24rem;position:relative;inset:auto;mask-image:none}.agency-error__art img{object-position:50% 25%}}.agency-colophon{background:var(--black);color:var(--paper);scroll-margin-top:var(--strip-h)}.agency-colophon__spread{isolation:isolate;min-height:35rem;position:relative;overflow:hidden}.agency-colophon__copy{z-index:1;width:54%;max-width:50rem;padding:clamp(2.5rem,5vw,5rem) var(--sc-gutter);position:relative}.agency-colophon .wordmark{width:11rem;margin-bottom:var(--sc-6)}.agency-colophon__blurb{max-width:43ch;color:var(--smoke);margin:0;font-size:1rem;line-height:1.7}.agency-colophon__contact{gap:var(--sc-6);margin-top:var(--sc-7);padding-top:var(--sc-6);border-top:1px solid var(--rule-dark);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.agency-colophon__contact h2{margin:0 0 var(--sc-4);font-family:var(--sc-font-display);letter-spacing:var(--sc-track-tight);font-size:2rem;font-weight:500;line-height:1.1}.agency-colophon__mail{overflow-wrap:anywhere;align-items:center;max-width:100%;min-height:44px;font-size:1.125rem;line-height:1.5;text-decoration-thickness:1px;display:inline-flex}.agency-colophon__art{z-index:0;mask-image:linear-gradient(90deg,transparent,var(--black) 24%);margin:0;position:absolute;inset:0 0 0 46%}.agency-colophon__photo{object-fit:cover;object-position:50% 26%;width:100%;height:100%;display:block}.agency-colophon__follow nav{gap:0 var(--sc-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.agency-colophon__follow nav a{justify-content:space-between;gap:var(--sc-2);border-bottom:1px solid var(--rule-dark);align-items:center;min-height:44px;font-size:.875rem;text-decoration:none;display:flex}.agency-colophon__follow nav span{color:var(--smoke)}.agency-colophon__end{padding-block:var(--sc-5);border-top:1px solid var(--rule-dark);align-items:center;gap:var(--sc-4) var(--sc-6);flex-wrap:wrap;justify-content:space-between;display:flex}.agency-colophon__end nav{align-items:center;gap:.25rem var(--sc-5);flex-wrap:wrap;font-size:.8125rem;display:flex}.agency-colophon__end nav :is(a,button){align-items:center;min-height:40px;display:inline-flex}.agency-colophon__end p{color:var(--smoke);margin:0;font-size:.75rem;line-height:1.7}.agency-colophon button{color:inherit;font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.agency-colophon :focus-visible{outline-color:var(--paper)}@media (width<=1100px) and (width>=701px){.agency-colophon__copy{width:60%}.agency-colophon__contact{gap:var(--sc-5);grid-template-columns:1fr}.agency-colophon__follow nav{grid-template-columns:repeat(3,minmax(0,1fr))}.agency-colophon__art{left:54%}}@media (width<=700px){.agency-colophon__spread{min-height:0}.agency-colophon__copy{width:100%;max-width:none;padding:24rem var(--sc-gutter) var(--sc-7)}.agency-colophon .wordmark{top:var(--sc-6);left:var(--sc-gutter);width:9rem;margin:0;position:absolute}.agency-colophon__art{height:28rem;mask-image:linear-gradient(var(--black) 55%,transparent 85%);inset:0 0 auto}.agency-colophon__photo{object-position:50% 30%}.agency-colophon__contact{gap:var(--sc-6);margin-top:var(--sc-6);padding-top:var(--sc-5);grid-template-columns:1fr}.agency-colophon__contact h2{margin-bottom:var(--sc-2);font-size:1.75rem}.agency-colophon__follow nav{gap:0 var(--sc-5);grid-template-columns:repeat(3,minmax(0,1fr))}.agency-colophon__end{gap:var(--sc-4)}}@media (hover:hover) and (pointer:fine){.about-roster a:hover{text-underline-offset:.2em;text-decoration:underline 1px}.agency-colophon a:hover{color:var(--ember)}}@media (width<=860px){.agency-chrome{gap:var(--sc-3)}.agency-chrome .wordmark{width:4.5rem}.agency-chrome .strip__nav{gap:.8rem}.agency-chrome .strip__nav a:not(.btn){font-size:.75rem}.agency-chrome .btn{padding:.6rem .75rem;font-size:.75rem}.agency-faq-reading{gap:var(--sc-7);grid-template-columns:1fr}.agency-question-index{position:static}.agency-question-index ul{gap:var(--sc-3) var(--sc-6);grid-template-columns:repeat(2,minmax(0,1fr))}.agency-page .legal-layout{grid-template-columns:1fr}.agency-page .legal-index{position:static}.agency-page .legal-index ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem}}@media (width<=600px){.agency-invitation .agency-wrap{display:block}.agency-invitation .button{margin-top:var(--sc-5)}.agency-page .legal-index ol{grid-template-columns:1fr}}@media (height<=650px){.agency-page .legal-index,.agency-question-index{position:static}}@media print{body:has(.agency-page){padding-top:0}body:has(.agency-page) :is(.agency-chrome,.agency-colophon,.consent,.skip){display:none}.agency-page .legal-index{position:static}.agency-page :is(.agency-wrap,.legal){width:100%;max-width:none;padding-inline:0}.agency-page .legal-layout{display:block}}@media (width<=1000px){.agency-cover :is(.about-cover__inner,.faq-cover__inner){padding-block:var(--sc-6);grid-template-rows:auto minmax(22rem,48svh) auto;align-items:start;display:grid}.agency-cover :is(.about-cover__copy,.faq-cover__copy){display:contents}.agency-cover__heading{z-index:2;grid-row:1;max-width:30rem}.agency-cover__intro{z-index:2;grid-row:3;position:relative}.agency-cover__intro p{max-width:46ch;margin:0 0 var(--sc-5)}.agency-page :is(.about-cover,.faq-cover) h1{max-width:13ch;font-size:clamp(2.6rem,6.2vw,3.25rem)}.agency-cover [data-agency-art]{mask-image:linear-gradient(transparent,var(--black) 12%,var(--black) 67%,transparent);inset:11rem 0 4rem}.agency-cover:after{background:linear-gradient(transparent 55%,var(--veil-deep) 78%,var(--black))}.faq-cover__portrait img{object-position:50% 0%}}@media (width<=600px){.agency-page :is(.about-cover,.faq-cover) h1{font-size:clamp(2.6rem,10vw,3.25rem)}.about-story__inner,.about-talent__intro,.about-roster{grid-template-columns:1fr}.about-story__inner{gap:var(--sc-5)}.about-roster{gap:var(--sc-6);margin-top:var(--sc-6)}.agency-question-index a{font-size:.8125rem}}@media (width<=760px){body:has(.agency-page){--strip-h:6rem}.agency-chrome{display:block}.agency-chrome .wordmark{top:.5rem;left:var(--sc-gutter);position:absolute}.agency-chrome .strip__nav{grid-template-rows:3.25rem 1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 .5rem;height:100%;margin:0;display:grid}.agency-chrome .strip__label{display:none}.agency-chrome .strip__nav a:not(.btn){white-space:nowrap;grid-row:2;justify-content:center;min-height:40px;padding:0}.agency-chrome .strip__nav .btn{grid-area:1/2/auto/-1;place-self:center end}}