/* Seftorn's page sets its specimens in its own trial font (2026-11-02). The shared styles.css stays
   Wexholt's, so a face that is not listed yet adds nothing to the public shared files. */
@font-face {
  font-family: "Seftorn Trial";
  src: url("../../assets/fonts/Seftorn-Trial.woff2?v=c1cb439e") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

body.face-seftorn :is(h1, .hero-specimen, .tester-input, .waterfall p) {
  font-family: "Seftorn Trial", Georgia, serif;
}

/* The shared scenes size their titles for narrower faces; at those sizes Seftorn's words break and clip.
   Each title is sized so its widest word fits the tile, and the lines come down with it. */
:is(body.face-seftorn, [data-face="seftorn"]) .scene-cover .scene-title {
  font-size: 22cqw;
}

:is(body.face-seftorn, [data-face="seftorn"]) .scene-card .scene-title {
  font-size: 18cqw;
}

:is(body.face-seftorn, [data-face="seftorn"]) .scene-invitation .scene-title {
  font-size: 15cqw;
}

:is(body.face-seftorn, [data-face="seftorn"]) .scene-label .scene-title {
  font-size: 20cqw;
}

:is(body.face-seftorn, [data-face="seftorn"]) .scene-cover .scene-line,
:is(body.face-seftorn, [data-face="seftorn"]) .scene-label .scene-line {
  font-size: 4.8cqw;
}

:is(body.face-seftorn, [data-face="seftorn"]) .scene-invitation .scene-line {
  font-size: 4.6cqw;
}

/* Heavy letters with long descenders: the shared 0.9 leading lets p and g run into the next line. */
:is(body.face-seftorn, [data-face="seftorn"]) .scene-title {
  line-height: 1.08;
}

:is(body.face-seftorn, [data-face="seftorn"]) .scene-cover .scene-title {
  margin-bottom: 2cqw;
}

/* The shared grid turns the scene tiles square from 1000px; Seftorn's three-line film title is composed for the 4:5
   tile and ran out of a square one (the card's kicker and foot clipped by 42px at 1280, 2026-11-04), so its tiles stay 4:5. */
@media (min-width: 1000px) {
  :is(body.face-seftorn, [data-face="seftorn"]) .scene-grid .scene {
    aspect-ratio: 4 / 5;
  }
}