/* ==========================================================================
   About (Page 3). This page's own stylesheet, by the owner's development-mode
   ruling of 2026-10-08, 3:34 PM ("use page-scoped CSS as needed"), on the
   pattern of Properties (ruling of 12:07 PM). Linked from the About page
   alone, after the shared stylesheet. Every rule begins with .page-about, the
   page's body class, so nothing here can reach Home or any other page.
   Colours come only from the palette; type only from the shared families
   and scale.

   The idea: an editorial profile, not a resume. A stepped headline over a
   portrait and its paragraph; her own working style set as a quiet statement;
   recognition on graphite, typography only, each honour given its own space
   (BusinessRate in the locked wording; the others wait as placeholders); the
   press feature treated as a magazine page beside its masthead; then the
   conversation.

   The portrait is the owner-supplied full-body photograph (content update of
   2026-10-10), replacing the temporary cinematic still of ruling 9 of
   2026-10-02. It is 4:5, the frame's own shape, so on tablets and desktops the
   whole figure shows, shoes included, in the frame the page always had. Only
   on phones is it cropped, here and not in the file: face first, the figure
   from the head to just above the knee, in the same frame.
   ========================================================================== */

/* ---------- Opening: stepped headline, portrait, paragraph ---------- */

.page-about .about-open {
  padding-block: var(--space-6) var(--space-6);
}

.page-about .about-open__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-3);
  align-items: end;
}

.page-about .about-open__title {
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 0 0 var(--space-5);
}

.page-about .about-open__line {
  display: block;
}

/* The second line hangs from the first line's "is" (H1 editorial composition pass, ruling of 2026-10-10: the
   left edge of the i in "So is" shares the exact horizontal position of the i in "estate is"). Each line is split
   into its lead ("Real estate", "So") and the rest, which begins with its own word space. On tablets and desktops
   the headline becomes a two-column grid and each line takes both columns as a subgrid: the first column is as
   wide as the longer lead, so the first line starts where it always did; the second line's lead sits at the end
   of that column, and both rests start on the same axis with the same space before the same i. The axis follows
   the type, not a measurement, so it holds at every size. Size, weight, optical size, line height and wording are
   unchanged. On phones (and without subgrid) the lines are set as before, one after the other, flush left. */
@media (min-width: 720px) {
  @supports (grid-template-columns: subgrid) {
    .page-about .about-open__title {
      display: grid;
      grid-template-columns: max-content max-content;
    }

    .page-about .about-open__line {
      display: grid;
      grid-column: 1 / -1;
      grid-template-columns: subgrid;
    }

    .page-about .about-open__lead {
      justify-self: end;
    }

    .page-about .about-open__rest {
      white-space: pre;
    }
  }
}

.page-about .about-portrait {
  grid-column: 7 / 13;
  grid-row: 2;
  margin: 0;
}

.page-about .about-portrait__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 50% 100%;
  background: rgb(37 37 38 / 0.07);
}

.page-about .about-open__intro {
  grid-column: 1 / 6;
  grid-row: 2;
  margin: 0 0 var(--space-2);
}

/* ---------- Personal statement ---------- */

.page-about .about-voice {
  padding-block: 0 var(--space-6);
}

.page-about .about-voice__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-3);
}

.page-about .about-voice__statement {
  grid-column: 3 / 11;
  margin: 0;
  max-width: 34ch;
}

.page-about .about-voice__detail {
  grid-column: 3 / 11;
  margin: var(--space-4) 0 0;
  line-height: 1;
}

/* ---------- Recognition, on graphite ---------- */

.page-about .about-recog {
  padding-block: var(--space-6);
}

.page-about .about-recog__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-3);
}

.page-about .about-recog__title {
  grid-column: 1 / 9;
  margin: 0;
}

.page-about .about-recog__sentence {
  grid-column: 1 / 7;
  margin: var(--space-3) 0 0;
}

.page-about .about-recog__list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-3);
  align-items: start;
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
}

.page-about .about-honor {
  margin: 0;
}

.page-about .about-honor p {
  margin: 0;
}

.page-about .about-honor--01 {
  grid-column: 1 / 8;
  grid-row: 1 / 3;
}

.page-about .about-honor--02 {
  grid-column: 9 / 13;
  grid-row: 1;
  padding-top: var(--space-2);
}

.page-about .about-honor--03 {
  grid-column: 10 / 13;
  grid-row: 2;
  padding-top: var(--space-5);
}

.page-about .about-honor__statement,
.page-about .about-honor__role {
  font-family: var(--font-display);
  font-optical-sizing: none;
}

.page-about .about-honor__statement {
  font-size: clamp(2.6rem, 5.2vw, 5rem);
  font-weight: 500;
  font-variation-settings: "opsz" 16;
  line-height: 1;
  letter-spacing: 0.012em;
}

.page-about .about-honor__role {
  margin-top: 0.3em;
  font-size: clamp(1.56rem, 3.12vw, 3rem);
  font-weight: 400;
  font-variation-settings: "opsz" 14;
  line-height: 1.14;
  text-wrap: balance;
}

.page-about .about-honor .about-honor__source {
  margin-top: var(--space-4);
  color: var(--gold);
  font-family: var(--font-ui);
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.page-about .about-honor .about-honor__context {
  margin-top: 0.5rem;
  color: var(--ivory-72);
  font-family: var(--font-ui);
  font-size: 0.875rem;
  line-height: 1.6;
  text-wrap: pretty;
}

.page-about .about-honor__slot {
  line-height: 1;
}

/* ---------- Press: a magazine page beside its masthead ---------- */

.page-about .about-press {
  padding-block: var(--space-6) var(--space-5);
}

.page-about .about-press__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: 1fr auto auto 1fr;
  column-gap: var(--space-3);
}

.page-about .about-press__page {
  grid-column: 2 / 6;
  grid-row: 1 / 5;
}

.page-about .about-press__well {
  width: 100%;
  aspect-ratio: 4 / 5;
  background: rgb(37 37 38 / 0.07);
}

.page-about .about-press__label {
  margin: 0;
  padding-top: 0.95rem;
  line-height: 1;
}

.page-about .about-press__title {
  grid-column: 7 / 13;
  grid-row: 2;
  margin: 0;
}

.page-about .about-press__lead {
  display: block;
  margin-bottom: 0.35em;
  font-size: 0.5em;
}

.page-about .about-press__masthead {
  display: block;
  font-style: italic;
}

.page-about .about-press__link {
  grid-column: 7 / 13;
  grid-row: 3;
  margin: var(--space-4) 0 0;
  line-height: 1.4;
}

/* Editorial press-title link: visibly actionable even without hover. */
.page-about .about-press__link a {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.22em;
}

/* ---------- Experience matters ---------- */

.page-about .about-ask {
  padding-block: var(--space-5) var(--space-6);
}

.page-about .about-ask__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-3);
  align-items: end;
}

.page-about .about-ask__question {
  grid-column: 1 / -1;
  margin: 0 0 var(--space-5);
}

.page-about .about-ask__line {
  display: block;
  text-wrap: pretty;
}

.page-about .about-ask__keep {
  white-space: nowrap;
}

.page-about .about-ask__sentence {
  grid-column: 1 / 7;
  margin: 0;
  max-width: 26ch;
}

.page-about .about-ask__actions {
  grid-column: 8 / 13;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.page-about .about-ask__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.75rem;
  padding: 0.25rem 2.25rem;
  background: var(--graphite);
  color: var(--ivory);
  font-family: var(--font-ui);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.18em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: color var(--dur-ui) var(--ease-silk);
}

.page-about .about-ask__primary:hover,
.page-about .about-ask__primary:focus-visible {
  color: var(--gold);
}

/* Call Shirin, the second choice (sitewide call ruling of 2026-10-10): one link under the way in, the words in
   Display S over the number, which comes from the site's contact data. Set to the actions' own alignment. */
.page-about .about-ask__call {
  display: inline-grid;
  justify-items: end;
  gap: 0.2rem;
  min-height: 44px;
  margin-top: var(--space-3);
  color: var(--graphite);
  text-align: right;
  text-decoration: none;
  transition: color var(--dur-ui) var(--ease-silk);
}

.page-about .about-ask__call-words {
  line-height: 1.1;
}

.page-about .about-ask__call-number {
  font-family: var(--font-ui);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  letter-spacing: 0.1em;
}

.page-about .about-ask__call:hover,
.page-about .about-ask__call:focus-visible {
  color: var(--aubergine);
}

@media (max-width: 1023px) {
  .page-about .about-ask__call {
    justify-items: start;
    text-align: left;
  }
}

@media (max-width: 719px) {
  .page-about .about-ask__call {
    align-self: flex-start;
  }
}

/* ---------- Tablets and narrow windows: six columns ---------- */

@media (max-width: 1023px) {
  .page-about .about-open__grid,
  .page-about .about-voice__grid,
  .page-about .about-recog__grid,
  .page-about .about-recog__list,
  .page-about .about-press__grid,
  .page-about .about-ask__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .page-about .about-portrait {
    grid-column: 2 / 7;
    grid-row: 2;
  }

  .page-about .about-open__intro {
    grid-column: 1 / 6;
    grid-row: 3;
    margin: var(--space-4) 0 0;
  }

  .page-about .about-voice__statement,
  .page-about .about-voice__detail {
    grid-column: 1 / -1;
  }

  .page-about .about-recog__title {
    grid-column: 1 / -1;
  }

  .page-about .about-recog__sentence {
    grid-column: 1 / 6;
  }

  .page-about .about-recog__list {
    row-gap: var(--space-5);
  }

  .page-about .about-honor--01 {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .page-about .about-honor--02 {
    grid-column: 1 / 4;
    grid-row: 2;
    padding-top: 0;
  }

  .page-about .about-honor--03 {
    grid-column: 4 / 7;
    grid-row: 2;
    padding-top: var(--space-4);
  }

  .page-about .about-press__page {
    grid-column: 1 / 4;
  }

  .page-about .about-press__title,
  .page-about .about-press__link {
    grid-column: 4 / 7;
  }

  .page-about .about-ask__sentence {
    grid-column: 1 / -1;
  }

  .page-about .about-ask__actions {
    grid-column: 1 / -1;
    align-items: flex-start;
    margin-top: var(--space-5);
  }
}

/* ---------- Phones: one column ---------- */

@media (max-width: 719px) {
  .page-about .about-open {
    padding-block: var(--space-5) var(--space-5);
  }

  .page-about .about-open__title {
    margin-bottom: var(--space-4);
  }

  .page-about .about-portrait,
  .page-about .about-open__intro {
    grid-column: 1 / -1;
  }

  /* Phones: the same 4:5 frame, the photograph enlarged from its top edge so the face leads and the figure ends just
     above the knee (content update of 2026-10-10). The frame, and so the page, keeps its size. */
  .page-about .about-portrait {
    overflow: hidden;
  }

  .page-about .about-portrait__img {
    transform: scale(1.45);
    transform-origin: 45% 0;
  }

  .page-about .about-recog__sentence {
    grid-column: 1 / -1;
  }

  .page-about .about-recog__list {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-3);
    margin-top: var(--space-5);
  }

  .page-about .about-honor--01,
  .page-about .about-honor--03 {
    grid-column: 1;
    grid-row: auto;
    padding-top: 0;
  }

  .page-about .about-honor--02 {
    grid-column: 1;
    grid-row: auto;
    padding-top: var(--space-3);
  }

  .page-about .about-press__grid {
    grid-template-rows: auto auto auto;
  }

  .page-about .about-press__page {
    grid-column: 1 / 6;
    grid-row: 1;
  }

  .page-about .about-press__title {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: var(--space-4);
  }

  .page-about .about-press__link {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .page-about .about-ask__question {
    margin-bottom: var(--space-4);
    /* Warm Ivory ruling, 2026-10-09, 10:31 PM: at Display L's line height of 1 the descender of the p in "person"
       met the ascender of the b in "beside" when the question breaks there. A little more line height on phones
       only; the size and the hierarchy are unchanged. */
    line-height: 1.1;
  }

  .page-about .about-ask__actions {
    align-items: stretch;
    margin-top: var(--space-4);
  }

  .page-about .about-ask__primary {
    min-height: 3.5rem;
    padding-inline: 1.25rem;
  }
}

/* Preserved approved scroll-driven Works Wheel styles (2026-10-11). */


/* Local only: eight-item wheel. Scoped to About, uses the shared site palette and fonts. */
.page-about .proof-moments .intro {background:var(--ivory);color:var(--graphite);padding:74px 6vw 68px}
.page-about .proof-moments .intro-inner {max-width:1210px;margin:auto;display:grid;grid-template-columns:1.18fr .82fr;align-items:end;gap:6vw}
.page-about .proof-moments .kicker {margin:0 0 22px;font-family:var(--font-ui);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.29em;text-transform:uppercase;color:var(--aubergine)}
.page-about .proof-moments .proof-intro-title {font-family:var(--font-display);font-size:clamp(48px,6.8vw,100px);font-weight:400;line-height:.98;letter-spacing:-.026em;margin:0;max-width:780px;font-optical-sizing:auto}
.page-about .proof-moments .intro-copy {font-family:var(--font-ui);font-size:15px;font-weight:400;line-height:1.8;color:var(--graphite);max-width:350px;margin:0 0 7px auto}
.page-about .proof-moments .wheel-section {min-height:865px;overflow:hidden;position:relative;isolation:isolate;background:var(--graphite)}
.page-about .proof-moments .wheel-section:before {content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 51% 37%,rgba(200,169,107,.065),transparent 53%);opacity:.85}
.page-about .proof-moments .wheel-inner {width:min(1350px,100%);position:relative;margin:0 auto;padding:46px 20px 52px}
.page-about .proof-moments .wheel-top {width:min(1120px,94%);margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;z-index:12}
.page-about .proof-moments .wheel-top span {font-size:10px;letter-spacing:.23em;font-weight:600;color:var(--gold);text-transform:uppercase}
.page-about .proof-moments .wheel-top .edition {color:var(--ivory-72);letter-spacing:.2em}
.page-about .proof-moments .wheel-view {height:700px;position:relative;overflow:hidden;margin-top:8px}
.page-about .proof-moments .orbit-stage {position:absolute;inset:0;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .6s ease,transform .75s ease,visibility .6s}
.page-about .proof-moments .orbit-center {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;z-index:2;text-align:center;pointer-events:none}
.page-about .proof-moments .orbit-center .micro {color:var(--gold);font-family:var(--font-ui);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.24em;text-transform:uppercase}
.page-about .proof-moments .orbit-center h2 {font-family:var(--font-display);font-size:clamp(43px,5vw,67px);font-weight:400;line-height:1.04;letter-spacing:-.024em;margin:20px 0 14px}
.page-about .proof-moments .orbit-center .explain {font-family:var(--font-ui);font-size:12px;font-weight:400;line-height:1.75;color:var(--ivory-72);width:255px;margin:auto}
.page-about .proof-moments .orbit-card {position:absolute;z-index:1;width:122px;height:152px;left:50%;top:50%;padding:0;border:none;background:transparent;transform-origin:center;transition:transform .45s ease,filter .45s ease;filter:saturate(.9);}
.page-about .proof-moments .orbit-card .art .art-symbol {font-size:36px}
.page-about .proof-moments .orbit-card .art-award .art-symbol {font-size:62px}
.page-about .proof-moments .orbit-card:hover {z-index:5;filter:saturate(1.2) brightness(1.15)}
.page-about .proof-moments .art {position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;padding:15px;background:var(--graphite);color:var(--ivory);border:1px solid rgb(243 239 233 / 0.08)}
.page-about .proof-moments .art:before,
.page-about .proof-moments .art:after {content:"";position:absolute;pointer-events:none}
.page-about .proof-moments .art:before {inset:0;z-index:-2;background:radial-gradient(circle at 70% 5%,rgb(200 169 107 / 0.20),transparent 50%),linear-gradient(160deg,var(--aubergine),#252526 83%)}
.page-about .proof-moments .art:after {inset:20px;z-index:-1;border:1px solid rgb(200 169 107 / 0.23)}
.page-about .proof-moments .art-award {color:var(--ivory)}
.page-about .proof-moments .art-award:before {background:radial-gradient(circle at 60% 10%,rgb(200 169 107 / 0.21),transparent 63%),linear-gradient(149deg,var(--aubergine),var(--graphite) 75%)}
.page-about .proof-moments .art-closing:before {background:radial-gradient(circle at 45% 13%,rgb(243 239 233 / 0.2),transparent 55%),linear-gradient(145deg,var(--aubergine),#533340 40%,#252526 100%)}
.page-about .proof-moments .art .art-top {font-family:var(--font-ui);font-size:8px;font-weight:600;line-height:1.4;letter-spacing:.22em;text-transform:uppercase;opacity:.88}
.page-about .proof-moments .art .art-symbol {font-family:var(--font-display);font-size:79px;font-weight:400;line-height:1;letter-spacing:-.07em;text-align:center;color:rgb(243 239 233 / 0.76);flex:1;display:flex;align-items:center;justify-content:center}
.page-about .proof-moments .art-award .art-symbol {font-size:72px;color:var(--gold)}
.page-about .proof-moments .art .art-bottom {font-family:var(--font-ui);font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.11em;text-align:center;text-transform:uppercase}
.page-about .proof-moments .art .art-index {position:absolute;right:9px;top:9px;font-size:9px;color:var(--gold);font-family:var(--font-ui)}
.page-about .proof-moments .drum-stage {position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .65s ease,visibility .65s,transform .7s ease}
.page-about .proof-moments .wheel-section[data-mode="drum"] .orbit-stage {opacity:0;visibility:hidden;transform:translateY(-18px);pointer-events:none}
.page-about .proof-moments .wheel-section[data-mode="drum"] .drum-stage {opacity:1;visibility:visible;transform:translateY(0)}
.page-about .proof-moments .drum-scene {position:relative;height:480px;margin:2px auto 0;perspective:1370px;perspective-origin:50% 52%;overflow:visible;touch-action:pan-y;cursor:grab}
.page-about .proof-moments .drum-rotor {position:absolute;width:290px;height:350px;left:50%;top:36px;margin-left:-145px;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform 950ms cubic-bezier(.20,.75,.12,1)}
.page-about .proof-moments .drum-card {position:absolute;inset:0;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none}
.page-about .proof-moments .drum-card .art {box-shadow:0 18px 42px rgb(37 37 38 / 0.27);padding:24px}
.page-about .proof-moments .drum-card .art:after {inset:28px}
.page-about .proof-moments .drum-card .art-top {font-size:11px}
.page-about .proof-moments .drum-card .art .art-symbol {font-size:88px}
.page-about .proof-moments .drum-card .art-award .art-symbol {font-size:109px}
.page-about .proof-moments .drum-card .art-bottom {font-size:11px}
.page-about .proof-moments .drum-card .art-index {right:15px;top:15px;font-size:11px}
.page-about .proof-moments .drum-scrim {pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,var(--graphite),transparent 9%,transparent 91%,var(--graphite));z-index:2}
.page-about .proof-moments .drum-details {position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(770px,95%);margin:-3px auto 0;border-top:1px solid rgb(243 239 233 / 0.18);padding-top:22px}
.page-about .proof-moments .drum-details .record {flex:1;min-width:0}
.page-about .proof-moments .drum-details .record-kicker {font-family:var(--font-ui);font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.page-about .proof-moments .drum-details h3 {font-family:var(--font-display);font-size:clamp(30px,3.4vw,44px);font-weight:400;line-height:1.1;margin:7px 0 0}
.page-about .proof-moments .drum-details p {margin:5px 0 0;color:var(--ivory-72);font-family:var(--font-ui);font-size:12px;font-weight:400;line-height:1.65;text-align:center;font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--ivory-72)}
.page-about .proof-moments .wheel-footer {width:min(1120px,94%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:3;position:relative}
.page-about .proof-moments .wheel-footer .note {font-size:11px;line-height:1.6;color:var(--ivory-72);max-width:390px;margin:0}
.page-about .proof-moments .ending {background:var(--ivory);color:var(--graphite);padding:55px 6vw 76px}
.page-about .proof-moments .ending-inner {width:min(1120px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.page-about .proof-moments .ending p {font-family:var(--font-display);font-size:clamp(20px,2.3vw,31px);font-weight:400;line-height:1.3;max-width:610px;margin:0}
.page-about .proof-moments .ending .ending-link {font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:7px;white-space:nowrap;text-decoration:none}
@media  (max-width:1000px) {
.page-about .proof-moments .orbit-card {width:109px;height:139px}
.page-about .proof-moments .orbit-center {width:290px}
.page-about .proof-moments .orbit-center h2 {font-size:52px}
.page-about .proof-moments .wheel-view {height:640px}
.page-about .proof-moments .wheel-section {min-height:815px}
}
@media  (max-width:640px) {
.page-about .proof-moments .intro {padding:65px 24px 54px}
.page-about .proof-moments .intro-inner {grid-template-columns:1fr;gap:30px}
.page-about .proof-moments .intro-copy {margin:0;max-width:310px;font-size:14px}
.page-about .proof-moments .wheel-inner {padding:28px 12px 35px}
.page-about .proof-moments .wheel-section {min-height:690px}
.page-about .proof-moments .wheel-view {height:540px}
.page-about .proof-moments .orbit-stage {display:none}
.page-about .proof-moments .drum-stage {opacity:1;visibility:visible;transform:none}
.page-about .proof-moments .wheel-section {overflow:hidden}
.page-about .proof-moments .drum-scene {height:365px;perspective:1800px;touch-action:pan-y}
.page-about .proof-moments .drum-rotor {width:222px;height:278px;margin-left:-111px;top:31px}
.page-about .proof-moments .drum-card .art {padding:18px}
.page-about .proof-moments .drum-card .art:after {inset:18px}
.page-about .proof-moments .drum-card .art-symbol {font-size:86px}
.page-about .proof-moments .drum-card .art-award .art-symbol {font-size:81px}
.page-about .proof-moments .drum-card .art-bottom {font-size:10px}
.page-about .proof-moments .drum-details {margin:3px auto 0;padding-top:15px;width:calc(100% - 27px);gap:12px}
.page-about .proof-moments .drum-details h3 {font-size:31px}
.page-about .proof-moments .drum-details p {font-size:11px}
.page-about .proof-moments .drum-count {min-width:42px;font-size:10px}
.page-about .proof-moments .wheel-footer {width:calc(100% - 26px)}
.page-about .proof-moments .wheel-footer .note {max-width:300px;font-size:10px}
.page-about .proof-moments .ending {padding:45px 24px 62px}
.page-about .proof-moments .ending-inner {display:block}
.page-about .proof-moments .ending .ending-link {display:inline-block;margin-top:20px}
}
.page-about .proof-moments .wheel-section { min-height:0; height: 530svh; overflow:visible; background:var(--graphite); }
.page-about .proof-moments .wheel-section::before { position:sticky; top:0; display:block; height:0; z-index:0; }
.page-about .proof-moments .wheel-sticky { position:sticky; top:0; height:100svh; min-height:0; overflow:hidden; background:var(--graphite); isolation:isolate; }
.page-about .proof-moments .wheel-inner { height:100%; padding:clamp(16px,3vh,32px) 20px 18px; display:flex; flex-direction:column; gap:8px; }
.page-about .proof-moments .wheel-top { flex:none; padding:8px 0; }
.page-about .proof-moments .wheel-view { flex:1; min-height:0; height:auto; overflow:hidden; margin-top:0; }
.page-about .proof-moments .orbit-stage,
.page-about .proof-moments .drum-stage { transition:none; }
.page-about .proof-moments .orbit-stage { opacity:1; visibility:visible; transform:none; }
.page-about .proof-moments .drum-stage { opacity:0; visibility:hidden; transform:none; }
.page-about .proof-moments .wheel-section[data-mode="blend"] .orbit-stage,
.page-about .proof-moments .wheel-section[data-mode="blend"] .drum-stage { visibility:visible; }
.page-about .proof-moments .wheel-section[data-mode="drum"] .orbit-stage { opacity:0; visibility:hidden;transform:none;}
.page-about .proof-moments .wheel-section[data-mode="drum"] .drum-stage { opacity:1; visibility:visible;transform:none;}
.page-about .proof-moments .orbit-card { pointer-events:none; transition:none; }
.page-about .proof-moments .orbit-center { width:min(350px,80vw); }
.page-about .proof-moments .orbit-center h2 { margin:20px 0 15px; }
.page-about .proof-moments .orbit-center .explain { font-size:14px; max-width:100%; }
.page-about .proof-moments .orbit-center .micro { font-size:11px; }
.page-about .proof-moments .drum-scene {height: min(61vh,540px); min-height:240px; overflow:hidden;cursor:default; touch-action:auto; margin:0 auto; perspective:1300px;}
.page-about .proof-moments .drum-rotor { top: max(5px,calc((min(61vh,540px) - 350px) / 2)); transition:none; }
.page-about .proof-moments .drum-details { max-width:740px; padding-top:12px; margin: 0 auto; }
.page-about .proof-moments .drum-details .record {min-height:88px;}
.page-about .proof-moments .drum-details h3 { font-size:clamp(28px,3vw,42px);}
.page-about .proof-moments .drum-details p {font-size:14px;}
.page-about .proof-moments .drum-count {font-size:13px; }
.page-about .proof-moments .wheel-footer {flex:none;padding:5px 0 3px;}
.page-about .proof-moments .wheel-footer .note {max-width:550px;font-size:12px;}
.page-about .proof-moments .wheel-progress { position:relative; flex:none; display:grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap:6px; width:min(720px,94%); height:3px; margin: 4px auto 0; }
.page-about .proof-moments .wheel-progress i { display:block; height:3px; background:rgb(243 239 233 / 0.24); }
.page-about .proof-moments .wheel-progress-text { font-size:11px; color:var(--ivory-72); letter-spacing:.09em;}
.page-about .proof-moments .moments-list { display:none; }
.page-about .proof-moments .visually-hidden-accessible {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.page-about .proof-moments .orbit-card .art .art-symbol {font-size:36px;}
.page-about .proof-moments .orbit-card .art-award .art-symbol {font-size:62px;}
@media  (max-width:1000px)  {
.page-about .proof-moments .wheel-section { height:490svh; }
.page-about .proof-moments .wheel-view {height:auto;}
}
@media  (max-width:640px) {
.page-about .proof-moments .wheel-section {height:455svh; min-height:0; overflow:visible;}
.page-about .proof-moments .wheel-sticky {height:100svh; overflow:hidden;}
.page-about .proof-moments .wheel-inner {padding:14px 8px 14px;gap:7px;}
.page-about .proof-moments .wheel-top {width:calc(100% - 26px);padding:2px 0;}
.page-about .proof-moments .wheel-top span {font-size:9px;}
.page-about .proof-moments .wheel-view {height:auto;min-height:0;flex:1;}
.page-about .proof-moments .orbit-stage {display:block;}
.page-about .proof-moments .orbit-center {width:245px;top:48%;}
.page-about .proof-moments .orbit-center h2 {font-size:38px;}
.page-about .proof-moments .orbit-center .explain {font-size:12px;width:230px;}
.page-about .proof-moments .orbit-card {width:85px;height:108px;}
.page-about .proof-moments .orbit-card .art .art-symbol {font-size:26px;}
.page-about .proof-moments .orbit-card .art-award .art-symbol {font-size:41px;}
.page-about .proof-moments .orbit-card .art {padding:9px;}
.page-about .proof-moments .orbit-card .art .art-bottom {font-size:7px;}
.page-about .proof-moments .drum-scene {height: min(49svh,420px);min-height:215px; perspective:1450px;}
.page-about .proof-moments .drum-rotor {width:210px;height:258px;top:max(4px,calc((min(49svh,420px) - 258px)/2));margin-left:-105px;}
.page-about .proof-moments .drum-card .art {padding:15px;}
.page-about .proof-moments .drum-card .art .art-symbol {font-size:76px;}
.page-about .proof-moments .drum-card .art-award .art-symbol {font-size:76px;}
.page-about .proof-moments .drum-details {width:calc(100% - 24px);padding-top:9px;margin-top:0;}
.page-about .proof-moments .drum-details .record {min-height:94px;}
.page-about .proof-moments .drum-details h3 {font-size:29px;}
.page-about .proof-moments .drum-details p {font-size:12px;line-height:1.45;}
.page-about .proof-moments .wheel-progress {width:calc(100% - 24px);}
.page-about .proof-moments .wheel-footer {width:calc(100% - 24px);}
.page-about .proof-moments .wheel-footer .note {font-size:11px;}
.page-about .proof-moments .ending {padding:50px 24px 62px;}
}
.page-about .proof-moments .moments-list__item {min-width:0;}
.page-about .proof-moments .moments-list__art {aspect-ratio:4 / 5;max-width:100%;}
.page-about .proof-moments .moments-list__copy {padding:14px 0 0;}
.page-about .proof-moments .moments-list__copy .record-kicker {margin:0;color:var(--gold);font-family:var(--font-ui);font-size:11px;font-weight:600;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;}
.page-about .proof-moments .moments-list__copy h3 {font-family:var(--font-display);font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.1;margin:8px 0 5px;}
.page-about .proof-moments .moments-list__copy p:last-child {color:var(--ivory-72);font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.55;margin:0;}
@media  (prefers-reduced-motion: reduce) {
.page-about .proof-moments .wheel-section {height:auto!important;}
.page-about .proof-moments .wheel-sticky {position:relative!important;height:auto!important;}
.page-about .proof-moments .wheel-view,
.page-about .proof-moments .wheel-progress {display:none!important;}
.page-about .proof-moments .moments-list {display:grid!important;}
}
/* Scroll-driven proof wheel, local study. The semantic 8-item list is
   always present for AT, and is visible when JS is unavailable or reduced motion is requested. */
.page-about .proof-moments { color: var(--ivory); }
.page-about .proof-moments .intro,
.page-about .proof-moments .ending { background: var(--ivory); color: var(--graphite); }
.page-about .proof-moments .proof-intro-title { font-family: var(--font-display); font-optical-sizing: auto; font-weight: 500; }
.page-about .proof-moments .wheel-section:not([data-enhanced="true"]) {height:auto;overflow:visible;}
.page-about .proof-moments .wheel-section:not([data-enhanced="true"]) .wheel-sticky { position:relative;height:auto;overflow:visible; }
.page-about .proof-moments .wheel-section:not([data-enhanced="true"]) .wheel-view,
.page-about .proof-moments .wheel-section:not([data-enhanced="true"]) .wheel-progress,
.page-about .proof-moments .wheel-section:not([data-enhanced="true"]) .wheel-footer { display:none; }
.page-about .proof-moments .wheel-section:not([data-enhanced="true"]) .moments-list {display:grid;list-style:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 15px;margin:22px auto 28px;padding:0;width:min(1050px,94%);}
.page-about .proof-moments .wheel-section[data-enhanced="true"] .moments-list {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.page-about .proof-moments .wheel-section[data-enhanced="true"] {height:530svh;}
.page-about .proof-moments .wheel-section[data-enhanced="true"] .wheel-sticky{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;}
.page-about .proof-moments .wheel-section[data-enhanced="true"] .wheel-inner{height:100%;}
.page-about .proof-moments .moments-list__item{min-width:0;}
.page-about .proof-moments .moments-list__art{aspect-ratio:4/5;max-width:100%;}
.page-about .proof-moments .moments-list__copy{padding:14px 0 0;}
.page-about .proof-moments .moments-list__copy .record-kicker{margin:0;color:var(--gold);font-family:var(--font-ui);font-size:11px;font-weight:600;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;}
.page-about .proof-moments .moments-list__copy h3{font-family:var(--font-display);font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.1;margin:8px 0 5px;}
.page-about .proof-moments .moments-list__copy p:last-child{color:var(--ivory-72);font-family:var(--font-ui);font-size:13px;font-weight:400;line-height:1.55;margin:0;}
.page-about .proof-moments .wheel-section[data-enhanced="true"] .orbit-stage{display:block;}
.page-about .proof-moments .wheel-section[data-enhanced="true"] .drum-stage{visibility:hidden;opacity:0;}
.page-about .proof-moments .wheel-section[data-enhanced="true"][data-mode="blend"] .drum-stage,
.page-about .proof-moments .wheel-section[data-enhanced="true"][data-mode="drum"] .drum-stage{visibility:visible;}
.page-about .proof-moments .wheel-section[data-enhanced="true"][data-mode="drum"] .orbit-stage{visibility:hidden;}
@media(max-width:1000px){.page-about .proof-moments .wheel-section[data-enhanced="true"]{height:490svh;}}
@media(max-width:840px){.page-about .proof-moments .wheel-section:not([data-enhanced="true"]) .moments-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.page-about .proof-moments .wheel-section[data-enhanced="true"]{height:455svh;}}
@media(max-width:500px){.page-about .proof-moments .wheel-section:not([data-enhanced="true"]) .moments-list{grid-template-columns:1fr;max-width:345px;}}
@media(prefers-reduced-motion:reduce){
 .page-about .proof-moments .wheel-section{height:auto!important;overflow:visible!important;}
 .page-about .proof-moments .wheel-sticky{position:relative!important;height:auto!important;overflow:visible!important;}
 .page-about .proof-moments .wheel-view,
 .page-about .proof-moments .wheel-progress,
 .page-about .proof-moments .wheel-footer{display:none!important;}
 .page-about .proof-moments .moments-list{position:static!important;width:min(1050px,94%)!important;height:auto!important;padding:0!important;margin:22px auto 28px!important;overflow:visible!important;clip:auto!important;white-space:normal!important;display:grid!important;}
}


/* Visibility checkpoints: section-local, no native wheel or page-listener interception. */
.page-about .proof-moments .wheel-section{position:relative;}
.page-about .proof-moments .proof-marks{position:absolute;top:0;left:0;width:1px;height:100%;pointer-events:none;}
.page-about .proof-moments .proof-mark{position:absolute;width:1px;height:1px;left:0;}
.page-about .proof-moments .proof-mark:nth-child(1){top:calc(100svh + (100% - 100svh) * 0.06000);}
.page-about .proof-moments .proof-mark:nth-child(2){top:calc(100svh + (100% - 100svh) * 0.16571);}
.page-about .proof-moments .proof-mark:nth-child(3){top:calc(100svh + (100% - 100svh) * 0.27143);}
.page-about .proof-moments .proof-mark:nth-child(4){top:calc(100svh + (100% - 100svh) * 0.37714);}
.page-about .proof-moments .proof-mark:nth-child(5){top:calc(100svh + (100% - 100svh) * 0.48286);}
.page-about .proof-moments .proof-mark:nth-child(6){top:calc(100svh + (100% - 100svh) * 0.58857);}
.page-about .proof-moments .proof-mark:nth-child(7){top:calc(100svh + (100% - 100svh) * 0.69429);}
.page-about .proof-moments .proof-mark:nth-child(8){top:calc(100svh + (100% - 100svh) * 0.80000);}

.page-about .proof-moments .drum-rotor{transition:transform .55s cubic-bezier(.2,.75,.12,1);}
@media(prefers-reduced-motion:reduce){.page-about .proof-moments .wheel-section .drum-rotor{animation:none!important;transition:none!important;}}

.page-about .proof-moments .wheel-section[data-enhanced="true"] .orbit-stage,
.page-about .proof-moments .wheel-section[data-enhanced="true"] .drum-stage {transition:opacity .5s ease,visibility .5s ease;}

.page-about .proof-moments .wheel-section[data-enhanced="true"][data-mode="drum"] .drum-stage{opacity:1;visibility:visible;}
.page-about .proof-moments .wheel-section[data-enhanced="true"][data-mode="drum"] .orbit-stage{opacity:0;visibility:hidden;}

/* Allow the sticky site header to clear the upper edge of the gallery on desktop. */
@media (min-width: 1024px) and (min-height: 760px) {
  .page-about .proof-moments .wheel-section[data-enhanced="true"] .drum-scene { margin-top: 24px; }
}

/* Approved recognition photos, October 11. These replace only the art of
   moments 02 and 04; the wheel positions, scroll checkpoints, and typography
   remain untouched. A light darkening helps small photo labels stay legible. */
.page-about .proof-moments .art .art-photo {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
  z-index:0;
}
.page-about .proof-moments .art--photo::before {
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgb(37 37 38 / .42) 0%,transparent 22%,transparent 64%,rgb(37 37 38 / .7) 100%);
}
.page-about .proof-moments .art--photo::after {
  z-index:2;
}
.page-about .proof-moments .art--photo .art-index,
.page-about .proof-moments .art--photo .art-top,
.page-about .proof-moments .art--photo .art-bottom {
  position:relative;
  z-index:3;
  text-shadow:0 1px 3px rgb(37 37 38 / .7);
}
.page-about .proof-moments .art--photo .art-index {
  position:absolute;
}
.page-about .proof-moments .art--photo .art-symbol {
  opacity:0;
}

/* Owner polish 2026-10-11; all prior styles retained. */
/* Restore golden sequential progression without changing the wheel observer. */
.page-about .proof-moments .wheel-progress { height:5px; gap:8px; margin-top:10px; }
.page-about .proof-moments .wheel-progress i { height:5px; transition:background-color 240ms ease, box-shadow 240ms ease; }
.page-about .proof-moments .wheel-progress i.past { background:var(--gold); opacity:.6; }
.page-about .proof-moments .wheel-progress i.active { background:var(--gold); box-shadow:0 0 10px rgb(200 169 107 / .42); opacity:1; }
.page-about .proof-moments .wheel-footer, .page-about .proof-moments .record-kicker, .page-about .proof-moments #active-detail {display:none;}
.page-about .proof-moments .drum-details h3 {font-size:clamp(1.75rem,3.2vw,3rem); line-height:1.13;}
.page-about .proof-moments .drum-count {font-size:clamp(1rem,1.1vw,1.2rem);}
.page-about .proof-moments .moments-list__copy .record-kicker {display:none;}
.page-about .proof-moments .moments-list__copy h3 {font-size:clamp(1.6rem,2.1vw,2.15rem);}
.page-about .proof-moments .intro-copy {font-size:clamp(1.05rem,1.2vw,1.3rem);}
/* Article-cover typography is live text, not a fabricated article image. */
.page-about .about-press__well {display:flex;align-items:stretch;padding:clamp(.9rem,2vw,1.5rem);background:var(--graphite);}
.page-about .about-press__cover {border:1px solid rgb(200 169 107 / .55);padding:clamp(1.2rem,2.6vw,2.4rem);width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;color:var(--ivory);}
.page-about .about-press__cover-kicker {color:var(--gold);font-family:var(--font-ui);font-size:clamp(1rem,1.12vw,1.15rem);font-weight:600;letter-spacing:.11em;line-height:1.55;}
.page-about .about-press__cover-title {font-family:var(--font-display);font-size:clamp(2.25rem,4.5vw,4.8rem);font-weight:500;line-height:1.04;letter-spacing:-.018em;}
.page-about .about-press__cover-deck {font-family:var(--font-display);font-style:italic;font-size:clamp(1.4rem,2vw,2.4rem);line-height:1.22;max-width:19ch;}
.page-about .about-press__cover-credit {font-family:var(--font-ui);font-size:clamp(1rem,1.1vw,1.12rem);letter-spacing:.08em;line-height:1.5;}
.page-about .about-press__link {font-size:clamp(1.06rem,1.25vw,1.35rem);line-height:1.55;}
.page-about .about-honor__context,.page-about .about-honor__source {font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.6;}
@media(max-width:719px){.page-about .about-press__well {padding:1rem}.page-about .about-press__cover{min-height:330px}.page-about .proof-moments .drum-details h3{font-size:clamp(1.45rem,6vw,2rem)}}
@media(prefers-reduced-motion:reduce){.page-about .proof-moments .wheel-progress i{transition:none}}

.page-about .proof-moments [hidden] {display:none!important;}

.page-about .proof-moments .art-bottom{display:none;}

/* Oct 12 editorial-cover overflow repair: keep the card's original framing
   but let long titles and the real author/byline expand it at narrow widths. */
.page-about .about-press__well {
  aspect-ratio: auto;
  min-height: clamp(27rem, 40vw, 37rem);
}
.page-about .about-press__cover {
  gap: clamp(.75rem, 1.5vw, 1.35rem);
}

/* Oct 16: place the owner's final editorial USA Wire artwork in its native 2:3
   shape. The former cover text remains in the DOM, hidden, for verification. */
.page-about .about-press__well {aspect-ratio:2 / 3;min-height:0;padding:0;background:transparent;display:block;}
.page-about .about-press__cover {display:block;min-height:0;width:100%;padding:0;border:0;gap:0;}
.page-about .about-press__image {display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:contain;}
@media (min-width:1024px) {
 .page-about .about-press__link a {white-space:nowrap;}
}

/* Shirin About gallery: editorial wheel; About-page scoped only. */
.page-about .shw-intro { background:var(--ivory); padding:clamp(3.5rem,6vw,6rem) var(--gutter); }
.page-about .shw-intro__inner {max-width:var(--wrap-max);margin:auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr);gap:clamp(1rem,5vw,5rem);align-items:end;}
.page-about .shw-intro__title {font-weight:400;font-size:clamp(2.75rem,6vw,6rem);line-height:1.04;font-family:var(--font-display);letter-spacing:-.02em;margin:0;color:var(--graphite);}
.page-about .shw-intro__copy {font-weight:400;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.65;font-family:var(--font-ui);margin:0;color:var(--graphite);max-width:37ch;}
.page-about .shw-track {position:relative;height:800vh;background:var(--graphite);color:var(--ivory);}
.page-about .shw-sticky {position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));height:calc(100svh - var(--nav-h));overflow:hidden;isolation:isolate;}
.page-about .shw-stage {position:absolute;inset:0;perspective:1400px;perspective-origin:55% 50%;}
.page-about .shw-card {position:absolute;left:50%;top:47%;transform-origin:center;backface-visibility:hidden;will-change:transform,opacity;overflow:hidden;background:var(--graphite);border:1px solid rgb(243 239 233 / .13);}
.page-about .shw-card img {display:block;width:100%;height:100%;object-fit:cover;}
/* Top-anchored crops keep both faces and THE ONE signage, or the raised award, visible. */
.page-about .shw-card:nth-child(3) img,
.page-about .shw-card:nth-child(5) img,
.page-about .shw-card:nth-child(6) img {object-position:50% 0%;}
.page-about .shw-heading {position:absolute;z-index:200;top:8%;left:6%;font-weight:500;font-size:.76rem;line-height:1.4;font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);pointer-events:none;}
.page-about .shw-center {position:absolute;z-index:150;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:calc(1 - var(--shw-morph,0));width:min(29rem,48vw);max-width:100%;padding:2rem 2.5rem;background:radial-gradient(ellipse at center,var(--graphite) 43%,transparent 79%);}
.page-about .shw-center strong {font-weight:400;font-size:clamp(2rem,3.55vw,3.6rem);line-height:1.16;font-family:var(--font-display);display:block;}
.page-about .shw-meta {position:absolute;z-index:180;left:7%;right:7%;bottom:6%;display:flex;align-items:end;justify-content:space-between;gap:2rem;opacity:var(--shw-morph,0);pointer-events:none;}
.page-about .shw-meta > div {max-width:min(42rem,68vw);padding:.9rem 4rem .9rem 0;background:linear-gradient(90deg,var(--graphite) 0%,var(--graphite) 63%,transparent 100%);}
.page-about .shw-current-title {font-weight:400;font-size:clamp(1.8rem,3.3vw,3.5rem);line-height:1.05;font-family:var(--font-display);margin:0;}
.page-about .shw-current-caption {font-weight:400;font-size:1rem;line-height:1.5;font-family:var(--font-ui);color:var(--ivory-72);margin:.5rem 0 0;}
.page-about .shw-current-count {font-weight:500;font-size:.85rem;line-height:1.4;font-family:var(--font-ui);color:var(--gold);letter-spacing:.18em;white-space:nowrap;}
.page-about .shw-list {display:none;}
@media(max-width:759px), (prefers-reduced-motion:reduce) {
 .page-about .shw-intro__inner {grid-template-columns:1fr;}
 .page-about .shw-track {height:auto;padding:3rem var(--gutter);}
 .page-about .shw-sticky {position:static;height:auto;overflow:visible;}
 .page-about .shw-stage,.page-about .shw-center,.page-about .shw-meta {display:none;}
 .page-about .shw-heading {position:static;margin:0 0 1.7rem;}
 .page-about .shw-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem;}
 .page-about .shw-list figure {margin:0;}
 .page-about .shw-list img {display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;}
 .page-about .shw-list figcaption {margin-top:.75rem;font-weight:400;font-size:1rem;line-height:1.4;font-family:var(--font-ui);}
}
@media(max-width:480px){.page-about .shw-list {grid-template-columns:1fr;}}

.page-about .shw-legacy[hidden] {display:none!important;}

/* Oct17 approved six-page CTA and review polish; page-scoped only. */
.page-about .about-ask{min-height:clamp(38rem,85svh,58rem);padding-top:clamp(4rem,8vw,8rem);padding-bottom:0;display:grid;align-items:end}.page-about .about-ask__grid{width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:clamp(2rem,5vw,6rem);align-items:end}.page-about .about-ask__question{grid-column:1/-1;grid-row:1;margin-bottom:clamp(2rem,5vw,4rem)}.page-about .about-ask__sentence{grid-column:1;grid-row:2;align-self:end}.page-about .about-ask__actions{grid-column:1;grid-row:3;align-items:flex-start;justify-self:start;padding-bottom:clamp(2.5rem,6vh,5rem)}.page-about .about-ask__call{justify-items:start;text-align:left}.page-about .about-ask__primary[hidden]{display:none!important}.page-about .about-ask__visual{grid-column:2;grid-row:2/4;justify-self:end;align-self:end;line-height:0}.page-about .about-ask__sign{font-size:clamp(.8rem,1.3vw,1.15rem);line-height:normal;vertical-align:bottom}.page-about .about-ask__panel{animation:about-cta-sign-flip 10s ease-in-out 1s infinite}@keyframes about-cta-sign-flip{0%,24%{transform:rotateX(0deg)}36%,63%{transform:rotateX(180deg)}76%,100%{transform:rotateX(0deg)}}@media(max-width:900px){.page-about .about-ask__grid{grid-template-columns:minmax(0,1fr);row-gap:clamp(1.5rem,4vw,3rem)}.page-about .about-ask__question{grid-column:1;grid-row:auto;margin-bottom:0}.page-about .about-ask__sentence{grid-column:1;grid-row:auto}.page-about .about-ask__actions{grid-column:1;grid-row:auto;padding-bottom:0}.page-about .about-ask__visual{grid-column:1;grid-row:auto;justify-self:center}.page-about .about-ask__sign{font-size:clamp(.75rem,2.9vw,1rem)}}@media(prefers-reduced-motion:reduce){.page-about .about-ask__panel{animation:none}}

/* Oct 17: visually durable About editorial title. Gallery and motion remain frozen. */
.page-about .shw-intro__title {font-weight:500;font-optical-sizing:none;font-variation-settings:"opsz" 14;line-height:1.065;}
/* Closing CTA matches the Buy/Sell/Sold scale rather than oversized display XL. */
.page-about .about-ask__question {
 grid-column:1;grid-row:1;max-width:19ch;margin:0 0 clamp(2.25rem,5vh,4rem);
 font-size:clamp(2.75rem,5vw,5.75rem);font-weight:500;line-height:1.1;
 letter-spacing:-.012em;font-optical-sizing:none;font-variation-settings:"opsz" 20;
}
.page-about .about-ask__actions {grid-column:1;grid-row:2;align-self:start;padding-bottom:clamp(2.5rem,6vh,5rem);}
.page-about .about-ask__visual {grid-column:2;grid-row:1 / 3;}
@media(max-width:900px){
 .page-about .about-ask__question {grid-column:1;grid-row:auto;font-size:clamp(2.6rem,8.4vw,4.5rem);margin-bottom:0;}
 .page-about .about-ask__actions {grid-column:1;grid-row:auto;padding-bottom:0;}
 .page-about .about-ask__visual {grid-column:1;grid-row:auto;}
}

/* Oct 17: universal CTA layout: same geometry on six page-scoped sheets. */
.page-about .cta-unified{height:clamp(42rem,82svh,56rem);min-height:clamp(42rem,82svh,56rem);padding:0;display:block;overflow:hidden;}
.page-about .cta-unified__inner{height:100%;min-height:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;gap:clamp(2rem,5vw,6rem);}
.page-about .cta-unified__copy{min-width:0;min-height:0;height:100%;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding-top:clamp(5rem,11svh,8.5rem);padding-bottom:clamp(5.75rem,11svh,8.5rem);}
.page-about .cta-unified__heading{grid-row:auto;grid-column:auto;max-width:18.5ch;margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(3rem,5.15vw,5.8rem);line-height:1.09;letter-spacing:-.012em;font-style:normal;font-optical-sizing:none;font-variation-settings:"opsz" 18;color:var(--graphite);}
.page-about .cta-unified__actions{grid-row:auto;grid-column:auto;position:static;display:block;margin:0;padding:0;align-self:start;justify-self:start;}
.page-about .cta-unified__call{display:inline-grid;gap:.18rem;align-content:start;justify-items:start;min-height:44px;margin:0;text-align:left;color:var(--graphite);text-decoration:none;}
.page-about .cta-unified__call-words{font-family:var(--font-display);font-weight:500;font-size:clamp(2.2rem,3.5vw,4rem);line-height:1.1;font-optical-sizing:none;font-variation-settings:"opsz" 14;}
.page-about .cta-unified__number{font-family:var(--font-ui);font-size:clamp(1rem,1.2vw,1.25rem);font-weight:600;line-height:1.5;letter-spacing:.09em;}
.page-about .cta-unified__visual{grid-row:1;grid-column:2;justify-self:end;align-self:end;line-height:0;}
.page-about .cta-unified__visual .sign{vertical-align:bottom;line-height:normal;}
@media(max-width:900px){
.page-about .cta-unified{height:auto;min-height:0;padding-top:clamp(3.5rem,8vw,5rem);}
.page-about .cta-unified__inner{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4rem);}
.page-about .cta-unified__copy{grid-row:1;grid-column:1;height:auto;min-height:0;gap:clamp(2.5rem,6vw,4.5rem);padding:0;}
.page-about .cta-unified__heading{font-size:clamp(2.6rem,8.2vw,4.6rem);line-height:1.1;max-width:20ch;}
.page-about .cta-unified__actions{margin:0;}
.page-about .cta-unified__visual{grid-row:2;grid-column:1;justify-self:center;align-self:end;}
}
.page-about .cta-unified__copy [hidden]{display:none!important;}

/* Three recognition beats, isolated from the rest of the About page. */
.page-about .about-recog { padding-block: 7.5rem; }
.page-about .about-recog__grid { display: block; }
.page-about .about-recog__title,
.page-about .about-recog__sentence,
.page-about .about-recog .about-honor__statement,
.page-about .about-recog .about-honor__role {
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.35vw, 3.75rem);
  font-weight: 500;
  font-optical-sizing: none;
  font-variation-settings: "opsz" 20;
  line-height: 1.22;
  letter-spacing: 0;
  color: var(--ivory);
  text-wrap: balance;
}
.page-about .about-recog__title { max-width: 22ch; }
.page-about .about-recog__sentence { max-width: 24ch; margin: 25svh 0 0; }
.page-about .about-recog__list { display: block; margin-top: 25svh; }
.page-about .about-recog .about-honor__role { max-width: 24ch; margin-top: .3em; }
.page-about .about-recog[data-recog-motion] [data-recog-beat] {
  transform: translate3d(0, var(--beat-y, 0px), 0);
  opacity: var(--beat-opacity, 1);
}
@media (max-width: 719px) {
  .page-about .about-recog { padding-block: 5rem; }
  .page-about .about-recog__title,
  .page-about .about-recog__sentence,
  .page-about .about-recog .about-honor__statement,
  .page-about .about-recog .about-honor__role { font-size: 2rem; line-height: 1.25; }
  .page-about .about-recog__sentence,
  .page-about .about-recog__list { margin-top: 16svh; }
}
@media (prefers-reduced-motion: reduce) {
  .page-about .about-recog[data-recog-motion] [data-recog-beat] { transform: none; opacity: 1; }
}

/* Oct 23: bio lede, moments release heading, title-only carousel captions. Gallery motion untouched. */
.page-about .about-open__intro { font-size: clamp(1.1875rem, 1.45vw, 1.4375rem); line-height: 1.66; max-width: 34em; }
.page-about .shw-intro { padding-bottom: clamp(3rem, 5vw, 5rem); }
.page-about .shw-intro__inner { grid-template-columns: 1fr; }
.page-about .shw-release { background: var(--graphite); color: var(--ivory); padding: clamp(5rem, 9vw, 8rem) var(--gutter) clamp(2rem, 4vw, 3.5rem); }
.page-about .shw-release__inner { max-width: var(--wrap-max); margin: auto; }
.page-about .shw-release__title { font-family: var(--font-display); font-weight: 500; font-optical-sizing: none; font-variation-settings: "opsz" 14; font-size: clamp(2.75rem, 6vw, 6rem); line-height: 1.065; letter-spacing: -.02em; color: var(--ivory); margin: 0; max-width: 16ch; }
.page-about .shw-current-caption { display: none; }
.page-about .shw-meta > div { max-width: min(56rem, 80vw); }
.page-about .shw-current-title { font-size: clamp(1.8rem, 3vw, 3.25rem); white-space: nowrap; }
@media (max-width: 759px) {
  .page-about .shw-release { padding: 4rem var(--gutter) 1rem; }
  .page-about .shw-current-title { white-space: normal; }
}

/* Oct 23: gold carousel counter enlarged; values, anchoring and motion untouched. */
.page-about .shw-current-count { font-size: clamp(1.45rem, 2.1vw, 2rem); line-height: 1.3; }



/* Oct 26 About-only mobile refinement. Desktop and every other page remain
   exactly as approved. The first hero line stays at its original position. */
.page-about .shw-phone-center { display:none; }
@media (max-width: 719px) {
  /* The second sentence steps right and ends on the portrait frame's right
     edge, without changing the first sentence, copy or type scale. */
  .page-about .about-open__title > .about-open__line:last-child {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
  }

  /* Keep the elegant inline arrow optically attached to the full USA Wire
     link label, including when the words must wrap on a narrow phone. */
  .page-about .about-press__link a {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: 100%;
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-underline-offset: .22em;
  }
  .page-about .about-press__link .mobile-link-glyph {
    flex: 0 0 .85rem;
    align-self: center;
    margin: 0 .1rem 0 0;
    vertical-align: 0;
    transform: translateY(-.04em);
  }
}

/* The desktop eight-moment wheel uses its original CSS and JS unaltered.
   Only a phone with JS and without reduced motion receives this sticky wheel.
   Otherwise the existing readable vertical photo list is retained. */
@media (max-width: 759px) and (prefers-reduced-motion: no-preference) {
  .page-about .proof-moments.shw-phone-enabled .shw-release {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-track {
    height: 760svh;
    padding: 0;
    position: relative;
    background: var(--graphite);
    color: var(--ivory);
  }
  .page-about .proof-moments.shw-phone-enabled .shw-sticky {
    position: sticky;
    top: var(--nav-h);
    height: calc(100svh - var(--nav-h));
    overflow: hidden;
    isolation: isolate;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-stage {
    display: block;
    position: absolute;
    inset: 0;
    perspective: 1000px;
    perspective-origin: 50% 47%;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-card {
    display: block;
    position: absolute;
    left: 50%;
    top: 43%;
    width: min(65vw, 20rem);
    height: min(75vw, 24rem);
    overflow: hidden;
    border: 1px solid rgb(243 239 233 / .19);
    background: var(--graphite);
    box-shadow: 0 1.6rem 3rem rgb(0 0 0 / .36);
    backface-visibility: hidden;
    transform-origin: center;
    will-change: transform, opacity;
    transition: transform 650ms var(--ease-silk), opacity 600ms var(--ease-silk);
  }
  .page-about .proof-moments.shw-phone-enabled .shw-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-center {
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    top: 43%;
    width: min(52vw, 13.5rem);
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid rgb(200 169 107 / .48);
    padding: 1.05rem;
    background: radial-gradient(circle, rgb(68 46 56 / .97), var(--graphite) 79%);
    box-shadow: 0 0 2.2rem rgb(200 169 107 / .20);
    z-index: 150;
    opacity: calc(1 - var(--shw-morph, 0));
    text-align: center;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-desktop-center { display: none; }
  .page-about .proof-moments.shw-phone-enabled .shw-phone-center {
    display: block;
    font-family: var(--font-display);
    font-size: clamp(1.25rem, 5.25vw, 1.85rem);
    font-weight: 500;
    line-height: 1.13;
    letter-spacing: -.018em;
    color: var(--ivory);
    text-wrap: balance;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-meta {
    display: flex;
    position: absolute;
    z-index: 180;
    left: var(--gutter);
    right: var(--gutter);
    bottom: clamp(1.6rem, 4.5svh, 3rem);
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem;
    opacity: var(--shw-morph, 0);
    pointer-events: none;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-meta > div {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 1.1rem .5rem .6rem 0;
    background: linear-gradient(90deg, rgb(37 37 38 / .97), rgb(37 37 38 / .84) 66%, transparent);
  }
  .page-about .proof-moments.shw-phone-enabled .shw-current-title {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(2rem, 8vw, 2.8rem);
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -.015em;
    color: var(--ivory);
    white-space: normal;
    text-wrap: balance;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-current-caption {
    display: block;
    margin: .55rem 0 0;
    color: var(--ivory-72);
    font-family: var(--font-ui);
    font-size: clamp(.96rem, 3.7vw, 1.1rem);
    line-height: 1.4;
    font-weight: 400;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-current-count {
    display: block;
    flex: 0 0 auto;
    font-size: clamp(1.1rem, 4.2vw, 1.4rem);
    letter-spacing: .12em;
    color: var(--gold);
  }
  /* Keep the eight original photo captions available to screen readers,
     while the animated photographs remain the only visible gallery. */
  .page-about .proof-moments.shw-phone-enabled .shw-list {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}


/* Oct26 About phone R2: refined hero/link and RAF-smoothed eight-photo wheel.
   Desktop and all other pages remain locked. */
.page-about .about-open__mobile-break {display:none;}
@media(max-width:719px) {
  .page-about .about-open__title > .about-open__line:last-child {
    width:max-content; max-width:100%; margin-left:auto; margin-right:0;
    text-align:left;
  }
  .page-about .about-open__mobile-break {display:inline;}
  .page-about .about-press__link a {
    display:inline-block; max-width:100%; white-space:nowrap;
    font-size:clamp(.94rem,4vw,1.1rem); letter-spacing:-.02em;
    text-decoration:underline; text-underline-offset:.22em;
  }
}
@media(max-width:759px) and (prefers-reduced-motion:no-preference) {
  .page-about .proof-moments.shw-phone-enabled .shw-center {
    width:min(60vw,15.5rem); padding:.95rem;
  }
  .page-about .proof-moments.shw-phone-enabled .shw-phone-center {
    font-size:clamp(1.45rem,6.1vw,1.95rem);
    line-height:1.1; letter-spacing:-.027em;
  }
  /* The single requestAnimationFrame loop manages transforms and opacity. */
  .page-about .proof-moments.shw-phone-enabled .shw-card {transition:none;}
  .page-about .proof-moments.shw-phone-enabled .shw-meta {
    opacity:var(--shw-caption-opacity,var(--shw-morph,0));
  }
}