@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(.profile-feature){padding-top:0}body:has(.profile-feature) .masthead{display:flex}body:has(.profile-feature) .strip__nav{padding:0}body:has(.profile-feature) .strip .btn{border-radius:var(--r);box-shadow:var(--sc-e1)}.profile-feature>section{scroll-margin-top:var(--strip-h)}.profile-feature [data-sc-stage]{height:100svh}html:not(.sc-ready) .profile-feature [data-sc-stage]{position:relative}html:not(.sc-ready) .profile-feature :is([data-sc-in],[data-sc-reveal]){opacity:1;clip-path:none;transform:none}.profile-feature>section:not(.feature-photo):not(.ground-ember){--sc-ink:var(--paper);--sc-ink-soft:var(--smoke);--feature-rule:var(--rule-dark);color:var(--sc-ink);background:var(--black)}.profile-feature>section:nth-child(2n of section:not([hidden]):not(.feature-photo):not(.ground-ember)){--sc-ink:var(--black);--sc-ink-soft:var(--stone);--feature-rule:var(--rule-light);color:var(--sc-ink);background:var(--paper)}.profile-feature :is(.feature-spread,#stats):not([data-sc-act=pan]){padding-block:var(--sc-section)}.profile-feature :is(.section__body,.stats__label,.kit__source,.kit__group-heading,.feature-story p){color:var(--sc-ink-soft)}.profile-feature :is(.stats__item,.kit__band){border-color:var(--feature-rule)}.profile-feature .feature-spread :focus-visible,.profile-feature #stats :focus-visible{outline-color:var(--sc-ink)}.profile-feature .feature-story{gap:var(--sc-5);align-content:start;padding-top:.5rem;display:grid}.profile-feature .letter__grid>.letter__lead{color:var(--sc-ink);font-size:var(--sc-t-lg);line-height:1.6}.profile-feature .feature-niches{gap:var(--sc-3);padding-block:var(--sc-5);border-block:1px solid var(--feature-rule);font-family:var(--sc-font-display);font-size:var(--sc-t-xl);line-height:1.15;display:grid}.profile-feature .letter__pull h3{font-size:var(--sc-t-2xl);margin:0}.profile-feature .feature-download{color:var(--sc-ink);text-decoration-thickness:1px}.profile-feature :is(.feature-spread__head h2,#stats .section__heading){font-size:var(--sc-t-3xl);letter-spacing:var(--sc-track-tight);margin:0;font-weight:500;line-height:1.05}.profile-feature .feature-spread__head p{color:var(--sc-ink-soft);margin-top:var(--sc-4)}.profile-feature .feature-spread__head{margin-bottom:var(--sc-7)}.profile-feature .feature-rail-end h3{font-family:var(--sc-font-display);font-size:var(--sc-t-2xl);font-weight:500;line-height:1.05}.profile-feature .feature-video-rail .listing{border-color:var(--sc-ink)}.profile-feature .feature-video-rail video{aspect-ratio:9/16;object-fit:contain;background:var(--black);max-height:calc(100svh - 10rem)}.profile-feature .feature-video-rail .listing__media{color:var(--sc-ink-soft)}.profile-feature .feature-gallery{gap:var(--sc-6) var(--sc-5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.profile-feature .feature-gallery li{grid-column:span 4;min-width:0}.profile-feature .feature-gallery li:first-child{grid-area:span 2/span 7}.profile-feature .feature-gallery li:nth-child(2),.profile-feature .feature-gallery li:nth-child(3){grid-column:span 5}.profile-feature .feature-gallery figure{gap:var(--sc-3);grid-template-rows:minmax(0,1fr) auto;height:100%;margin:0;display:grid}.profile-feature .feature-gallery .sheet__photo{aspect-ratio:4/3;object-fit:cover;object-position:50% 0%;border-radius:var(--r);width:100%;height:100%;min-height:0}.profile-feature .feature-gallery li:first-child .sheet__photo{aspect-ratio:4/5}.profile-feature .feature-gallery figcaption{font-size:var(--sc-t-xs);color:var(--sc-ink-soft);line-height:1.5}.profile-feature #services .listing__media img{object-position:50% 0%}.profile-feature #services .items__body{color:var(--black);font-size:inherit}.profile-feature #services .items__item{border-bottom:0;padding-bottom:0}.profile-feature .back{min-height:100svh;color:var(--paper);position:relative}.profile-feature .back__img{object-position:35% 25%;width:64%;left:36%}.profile-feature .back__inner{width:min(40rem,100%);min-height:100svh;padding-block:clamp(4rem,8vh,7rem);position:relative;inset:auto}.profile-feature .back__inner a{color:var(--paper)}.profile-feature .back__inner .btn{color:var(--black)}.profile-feature .back__foot .lockup{color:var(--paper)}.profile-feature .feature-personal{gap:var(--sc-4);flex-wrap:wrap;display:flex}body:has(.profile-feature) .consent{z-index:100}@media (width<=860px){.profile-feature .letter__grid,.profile-feature .letter__pull{grid-template-columns:1fr}.profile-feature .letter h2{font-size:var(--sc-t-2xl)}.profile-feature .feature-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-feature .feature-gallery li{grid-area:auto!important}.profile-feature .feature-gallery li:first-child{grid-column:1/-1!important}.profile-feature .feature-gallery .sheet__photo{aspect-ratio:4/5;height:auto}.profile-feature .feature-video-rail video{max-height:calc(100svh - 10rem)}.profile-feature .back__inner{width:100%;padding-top:30rem}.profile-feature .back__img{object-position:30% 20%;width:100%;left:0}}html:not(.sc-ready) .profile-feature [data-sc-pan]{padding-block:var(--sc-section);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}html:not(.sc-ready) .profile-feature [data-sc-pan]>*{opacity:1;width:auto;max-width:none}html:not(.sc-ready) .profile-feature .listings{height:auto}html:not(.sc-ready) .profile-feature .rail__lead{grid-column:1/-1}@media (prefers-reduced-motion:reduce){.profile-feature [data-sc-act]{height:auto!important}.profile-feature [data-sc-stage]{position:relative}.profile-feature .listings{height:auto}.profile-feature [data-sc-pan]{padding-block:var(--sc-section);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-feature [data-sc-pan]>*{opacity:1;width:auto;max-width:none}.profile-feature .rail__lead{grid-column:1/-1}}@media (width<=600px){html:not(.sc-ready) .profile-feature [data-sc-pan]{grid-template-columns:1fr}@media (prefers-reduced-motion:reduce){.profile-feature [data-sc-pan]{grid-template-columns:1fr}}}@media (height<=650px){.profile-feature #services .listing__media img{aspect-ratio:auto;height:clamp(7rem,28svh,11rem)}}.profile-feature .back__legal button{color:var(--paper);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.profile-feature .feature-hero{padding:calc(var(--strip-h) + var(--sc-gutter)) var(--sc-gutter) var(--sc-gutter);color:var(--paper);background:var(--black);align-items:center;min-height:100svh;display:flex;position:sticky;overflow:hidden}.profile-feature .feature-hero__art{transform:translateY(calc(var(--sc-p,0) * -2rem)) scale(calc(1 + var(--sc-p,0) * .04));margin:0;position:absolute;inset:0 0 0 30%}.profile-feature .feature-hero__image{object-fit:cover;object-position:50% 26%;width:100%;height:100%;display:block}.profile-feature .feature-hero__shade{z-index:1;background:linear-gradient(90deg,var(--black) 26%,var(--veil-deep) 39%,transparent 66%);position:absolute;inset:0}.profile-feature .feature-hero__copy{z-index:2;width:min(44%,40rem);transform:translateY(calc(var(--sc-p,0) * -.5rem));position:relative}.profile-feature .feature-hero__strap{margin:0 0 var(--sc-5);font-size:var(--sc-t-xs);letter-spacing:.16em;text-transform:uppercase}.profile-feature .feature-hero h1{max-width:8ch;letter-spacing:var(--sc-track-tight);margin:0;font-size:clamp(4rem,8.8vw,9rem);font-weight:500;line-height:.94}.profile-feature .feature-hero__stand{margin:var(--sc-6) 0 0;max-width:25ch;font-size:var(--sc-t-lg);line-height:1.5}.profile-feature .feature-hero__actions{align-items:center;gap:var(--sc-4) var(--sc-5);margin-top:var(--sc-6);font-size:var(--sc-t-sm);flex-wrap:wrap;display:flex}.profile-feature .feature-hero__actions a:not(.btn){color:var(--paper);text-underline-offset:.2em}.profile-feature .feature-hero :focus-visible{outline-color:var(--paper)}html:not(.sc-ready) .profile-feature :is(.feature-hero__art,.feature-hero__copy){transform:none}@media (prefers-reduced-motion:reduce){.profile-feature :is(.feature-hero__art,.feature-hero__copy){transform:none}}@media (width<=860px){.profile-feature #profile{height:auto!important}.profile-feature .feature-hero{height:auto;min-height:100svh;padding:calc(var(--strip-h) + 12rem) var(--sc-gutter) var(--sc-6);align-items:end;position:relative}.profile-feature :is(.feature-hero__art,.feature-hero__copy){transform:none}.profile-feature .feature-hero__art{inset:0}.profile-feature .feature-hero__image{object-position:50% 24%}.profile-feature .feature-hero__shade{background:linear-gradient(0deg,var(--black),var(--veil-deep) 28%,transparent 66%)}.profile-feature .feature-hero__copy{width:100%}.profile-feature .feature-hero h1{font-size:clamp(3rem,12vw,6rem)}.profile-feature .feature-hero__strap{margin-bottom:var(--sc-3)}.profile-feature .feature-hero__stand{margin-top:var(--sc-4);max-width:24ch}.profile-feature .feature-hero__actions{margin-top:var(--sc-5)}}@media (width>=861px) and (height<=650px){.profile-feature #profile{height:auto!important}.profile-feature .feature-hero{height:auto;min-height:max(36rem,100svh);position:relative}.profile-feature :is(.feature-hero__art,.feature-hero__copy){transform:none}}.profile-feature .feature-hero__badge{margin-left:var(--sc-4);color:var(--ember);display:inline-block}.profile-feature[data-feature=cat] .feature-hero__art{inset:var(--strip-h) 30% 0 0}.profile-feature[data-feature=cat] .feature-hero__image{object-position:50% 0%}.profile-feature[data-feature=cat] .feature-hero__copy{margin-left:auto}.profile-feature[data-feature=cat] .back__img{object-position:50% 0%;width:100%;left:0}.profile-feature[data-feature=cat] .feature-hero__shade{background:linear-gradient(270deg,var(--black) 26%,var(--veil-deep) 39%,transparent 66%)}@media (width<=860px){.profile-feature[data-feature=cat] .feature-hero__art{inset:var(--strip-h) 0 0}.profile-feature[data-feature=cat] .feature-hero__image{object-position:50% 0%}.profile-feature[data-feature=cat] .feature-hero__shade{background:linear-gradient(0deg,var(--black),var(--veil-deep) 28%,transparent 66%)}.profile-feature[data-feature=cat] .back__img{object-fit:cover;object-position:77% 0%;height:34rem;bottom:auto}.profile-feature[data-feature=cat] .back__shade{background:linear-gradient(180deg,transparent 14rem,var(--black) 34rem)}}