/* The opening scenes have their own space on a small screen. */
.sc-book-carousel-controls { display: none; }
.sc-book-carousel-controls[hidden] { display: none !important; }

@media (max-width: 850px) {
  .sc-spartan .sc-spartan-hero-bg {
    height: 470px;
    object-position: 65% 40%;
    opacity: 1;
  }

  .sc-spartan .sc-spartan-hero::before {
    background: linear-gradient(180deg, #0d0e0f38 0, transparent 120px, transparent 245px, #0d0e0f80 345px, #0d0e0f 465px);
  }

  .sc-spartan .sc-spartan-hero::after {
    background: linear-gradient(90deg, #0d0e0f28, transparent 55%, #0d0e0f10);
  }

  .sc-spartan .sc-spartan-hero-grid {
    padding-top: 26px;
  }

  .sc-spartan .sc-hero-copy {
    padding-top: 326px;
  }

  .sc-spartan .sc-spartan-signature {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    filter: drop-shadow(0 2px 12px #0009);
  }

  .sc-spartan .sc-hero-copy h1 {
    text-shadow: 0 2px 24px #0007;
  }

  .sc-spartan .sc-spartan-manifesto {
    padding-top: 330px;
  }

  .sc-spartan .sc-spartan-manifesto-bg {
    height: 390px;
    object-position: 65% 40%;
    opacity: 1;
  }

  .sc-spartan .sc-spartan-manifesto::before {
    background: linear-gradient(180deg, #1012130d 0, transparent 170px, #10121350 270px, #101213 385px);
  }

  .sc-spartan .sc-book-carousel-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    order: -1;
    margin-bottom: 18px;
    color: #706b63;
    font-size: 12px;
  }

  .sc-spartan .sc-book-carousel-controls button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border: 1px solid #ce040d;
    border-radius: 50%;
    color: #fff;
    background: #ce040d;
    cursor: pointer;
    transition: opacity .18s, background .18s;
  }

  .sc-spartan .sc-book-carousel-controls button:hover:not(:disabled) { background: #ad030b; }
  .sc-spartan .sc-book-carousel-controls button:disabled { opacity: .28; cursor: default; }
  .sc-spartan .sc-book-carousel-controls button:focus-visible,
  .sc-spartan .sc-book-grid:focus-visible { outline: 3px solid #ce040d; outline-offset: 4px; }
  .sc-spartan .sc-book-carousel-controls svg { width: 21px; height: 21px; }
  .sc-spartan .sc-book-carousel { display: flex; flex-direction: column; margin-top: 30px; }
  .sc-spartan .sc-book-grid { margin-top: 0; scrollbar-width: thin; overscroll-behavior-inline: contain; }
}

@media (max-width: 580px) {
  .sc-spartan .sc-spartan-hero-bg { height: 420px; object-position: 65% 38%; }
  .sc-spartan .sc-hero-copy { padding-top: 286px; }
  .sc-spartan .sc-spartan-hero::before {
    background: linear-gradient(180deg, #0d0e0f38 0, transparent 100px, transparent 215px, #0d0e0f80 300px, #0d0e0f 415px);
  }
  .sc-spartan .sc-spartan-manifesto { padding-top: 282px; }
  .sc-spartan .sc-spartan-manifesto-bg { height: 345px; object-position: 66% 40%; }
  .sc-spartan .sc-spartan-manifesto::before {
    background: linear-gradient(180deg, #1012130d 0, transparent 145px, #10121350 230px, #101213 340px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-spartan .sc-book-carousel-controls button { transition: none; }
}