/* Cutsway's plain pages (services, work): the brand without the 3D world. Load after page.css and brand.css. */
  body.page {
    background:
      radial-gradient(70% 46% at 0% 0%, rgb(28 76 221 / 0.24), transparent 70%),
      radial-gradient(55% 42% at 100% 4%, rgb(251 59 39 / 0.16), transparent 70%),
      var(--night);
  }
  /* content scrolls under the bar here (no world behind it), so the bar gets its own glass */
  .page .nav { background: rgb(7 7 10 / 0.74); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3); border-bottom: 1px solid rgb(244 242 236 / 0.08); padding-block: calc(12px + env(safe-area-inset-top, 0px)) 12px; }
  .page .nav::before { display: none; }
  .sub { position: relative; z-index: 2; padding: clamp(116px, 15vh, 176px) var(--m) 0; }
  .crumbs { display: flex; flex-wrap: wrap; gap: 0.5em; margin-bottom: clamp(22px, 3vw, 36px); font-size: var(--step-small); font-weight: 700; color: var(--soft); }
  .crumbs a { text-decoration: none; }
  .crumbs a:hover { color: var(--paper); }
  .sub h1 { font-size: clamp(2.7rem, 0.9rem + 7.2vw, 8.6rem); max-width: 13ch; }
  .sub h1 .h1__k { text-shadow: none; color: var(--soft); }
  .sub__lede { margin: clamp(22px, 3vw, 34px) 0 0; max-width: 40ch; font-size: var(--step-lead); line-height: 1.3; font-weight: 500; }
  .sub__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
  .sub__cta .pill, .links .pill { font-size: 1rem; }
  .sub__where { margin: 22px 0 0; font-size: var(--step-small); font-weight: 700; color: var(--soft); }

  .band { margin-top: clamp(80px, 11vw, 150px); }
  .band > h2 { font-size: clamp(2rem, 0.9rem + 3.6vw, 4.6rem); margin-bottom: clamp(22px, 3vw, 40px); }
  /* three across, or two by two when there are four, so no card is left on its own */
  .cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .cards:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 980px; }
  .card { padding: clamp(20px, 2.2vw, 30px); }
  .card h3 { margin: 0 0 10px; font-weight: 800; font-stretch: 112%; font-size: clamp(1.15rem, 1rem + 0.5vw, 1.45rem); line-height: 1.2; }
  .card p { margin: 0; color: var(--soft); }

  .sched { max-width: 640px; padding: clamp(22px, 2.6vw, 36px); }
  .sched .due { margin-top: 0; }
  .sched .splits li { grid-template-columns: 1fr auto; }
  .sched .splits li span:last-child { color: var(--soft); }
  .sub .faq { max-width: 820px; }
  .links { display: flex; flex-wrap: wrap; gap: 10px; }

  .work { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 22px 18px; }
  .work figure { margin: 0; }
  .work img, .work video { display: block; width: 100%; height: auto; border-radius: 16px; background: #14141c; box-shadow: 0 0 0 1px rgb(244 242 236 / 0.12); }
  .work figcaption { margin-top: 12px; font-weight: 800; line-height: 1.25; }
  .work figcaption span { display: block; margin-top: 3px; font-size: var(--step-small); font-weight: 600; color: var(--soft); }
  .work--pod { grid-template-columns: minmax(0, 320px) minmax(0, 1fr); align-items: start; }
  .work--pod .pair { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-self: center; }
  .more { margin: 22px 0 0; font-weight: 700; color: var(--soft); }
  .more a { color: var(--paper); }

  /* the closing call, as on the home page, without the full-screen height */
  .page .foot { min-height: 0; margin-top: clamp(96px, 12vw, 170px); background: none; }
  .page .foot h2 { font-size: clamp(3rem, 1rem + 8.4vw, 10.5rem); }
  .foot__where { display: block; margin-top: 10px; font-size: var(--step-small); font-weight: 600; color: var(--soft); }

  @media (max-width: 980px) { .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 820px) {
    .sub h1 { font-size: 10.4vw; }
    .cards, .cards:has(> :nth-child(4):last-child) { grid-template-columns: 1fr; }
    .work--pod, .work--pod .pair { grid-template-columns: 1fr; }
    .work--pod .reel { max-width: 300px; }
    .page .foot h2 { font-size: 13.2vw; }
  }