/* Scarlett v0.1 — global theme framework */

:root {
  --scarlett-black: #080909;
  --scarlett-charcoal: #151515;
  --scarlett-cream: #ded7cf;
  --scarlett-muted: #bdb5ad;
  --scarlett-copper: #c76042;
  --scarlett-border: #3a2822;
}


/* Scarlett v0.7 — Pantheon page */
.scarlett-pantheon-page { max-width: 100%; overflow: hidden; font-size: 0.8rem; }
.scarlett-pantheon-label, .scarlett-figure-keys, .scarlett-placeholder-label { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.17em; }
.scarlett-pantheon-label { margin: 0 0 0.9rem; color: var(--scarlett-copper); font-size: 0.64rem; font-weight: 700; }
.scarlett-pantheon-hero { padding-top: clamp(3.5rem, 7vw, 6.3rem); padding-bottom: clamp(3.4rem, 6.5vw, 5.8rem); border-bottom: 1px solid rgba(199,96,66,.48); background: radial-gradient(circle at 76% 28%, rgba(199,96,66,.07), transparent 24rem), repeating-linear-gradient(90deg, rgba(222,215,207,.012) 0, rgba(222,215,207,.012) 1px, transparent 1px, transparent 5px), var(--scarlett-black); }
.scarlett-pantheon-title { max-width: 15ch; margin: 0; font-size: clamp(2.4rem, 4.9vw, 4.55rem); line-height: .98; letter-spacing: -.038em; text-wrap: balance; }
.scarlett-pantheon-epigraph { max-width: 39rem; margin: 1.2rem 0 0; padding-left: 1rem; border-left: 1px solid rgba(199,96,66,.68); font-size: clamp(.9rem,1.15vw,1.02rem); line-height: 1.5; }
.scarlett-pantheon-intro { width: min(100%,64ch); margin: 1.1rem 0 0; color: var(--scarlett-muted); font-size: clamp(.88rem,1.18vw,1.02rem); line-height: 1.62; }
.scarlett-pantheon-section { position: relative; padding-top: clamp(3.5rem,6.5vw,6rem); padding-bottom: clamp(3.5rem,6.5vw,6rem); border-bottom: 1px solid rgba(199,96,66,.42); }
.scarlett-pantheon-section::before { content:""; position:absolute; top:-1px; left:50%; width:min(6rem,16vw); height:1px; transform:translateX(-50%); background:var(--scarlett-copper); opacity:.64; }
.scarlett-pantheon-section-heading, .scarlett-cycle-heading { margin-bottom: clamp(2rem,4vw,3.5rem); }
.scarlett-pantheon-section-title { max-width: 17ch; margin:0; font-size:clamp(2rem,4vw,3.85rem); letter-spacing:-.035em; }
.scarlett-current-cycle { background: radial-gradient(circle at 88% 18%, rgba(199,96,66,.1), transparent 22rem), #101111; }
.scarlett-cycle-figures { margin:.9rem 0 0; color:var(--scarlett-copper); font-size:.88rem; letter-spacing:.025em; }
.scarlett-cycle-intro { max-width:45rem; margin:1rem 0 0; color:var(--scarlett-cream); font-size:clamp(.95rem,1.3vw,1.12rem); }
.scarlett-cycle-method { max-width:58rem; margin:1.15rem 0 0; color:var(--scarlett-muted); line-height:1.65; }
.scarlett-weekly-feature { position:relative; padding:clamp(2rem,4vw,3.6rem); border:1px solid rgba(199,96,66,.62); background:linear-gradient(145deg,rgba(199,96,66,.07),transparent 48%),#0b0c0c; box-shadow:0 1.4rem 3.4rem rgba(0,0,0,.2); }
.scarlett-weekly-feature::after { content:""; position:absolute; inset:.7rem; border:1px solid rgba(199,96,66,.12); pointer-events:none; }
.scarlett-weekly-title { max-width:13ch; margin:0; font-size:clamp(2rem,4.2vw,4rem); }
.scarlett-weekly-feature > p { max-width:53rem; color:var(--scarlett-muted); line-height:1.65; }
.scarlett-weekly-lede { margin-top:1.2rem; color:var(--scarlett-cream)!important; font-size:clamp(.96rem,1.3vw,1.1rem); }
.scarlett-weekly-details { gap:.6rem 2rem; margin-top:1.5rem; padding-top:1.1rem; border-top:1px solid var(--scarlett-border); }
.scarlett-weekly-details p { margin:0; color:var(--scarlett-cream); font-family:Arial,Helvetica,sans-serif; font-size:.63rem; letter-spacing:.12em; text-transform:uppercase; }
.scarlett-weekly-action { margin-top:1.5rem; }
.scarlett-figures-section { background:var(--scarlett-charcoal); }
.scarlett-figure-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(3rem,6vw,5.5rem) clamp(2rem,5vw,4.5rem); }
.scarlett-figure-card { min-width:0; }
.scarlett-figure-placeholder { aspect-ratio:3/4; display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid var(--scarlett-border); background:linear-gradient(155deg,rgba(199,96,66,.08),transparent 47%),repeating-linear-gradient(0deg,rgba(222,215,207,.012) 0,rgba(222,215,207,.012) 1px,transparent 1px,transparent 5px),#0c0d0d; box-shadow:0 1rem 2.5rem rgba(0,0,0,.14); transition:transform 220ms ease,border-color 220ms ease; }
.scarlett-figure-card:hover .scarlett-figure-placeholder { transform:translateY(-.18rem); border-color:rgba(199,96,66,.68); }
.scarlett-placeholder-label { margin:0; padding:1rem; color:var(--scarlett-muted); font-size:.58rem; }
.scarlett-figure-name { margin:1.15rem 0 0; font-size:clamp(1.6rem,2.6vw,2.5rem); }
.scarlett-figure-keys { margin:.55rem 0 0; color:var(--scarlett-copper); font-size:.58rem; font-weight:700; }
.scarlett-figure-copy { max-width:39rem; margin:.7rem 0 0; color:var(--scarlett-muted); line-height:1.62; }
.scarlett-method-section { background:#0b0c0c; }
.scarlett-method-columns { gap:0; border-top:1px solid var(--scarlett-border); border-bottom:1px solid var(--scarlett-border); }
.scarlett-method-card { padding:1.8rem 1.5rem; border-right:1px solid var(--scarlett-border); }
.scarlett-method-card:last-child { border-right:0; }
.scarlett-method-card p:last-child { color:var(--scarlett-muted); line-height:1.62; }
.scarlett-method-closing { max-width:50rem; margin:clamp(2rem,4vw,3.5rem) auto 0; color:var(--scarlett-cream); font-size:clamp(.95rem,1.3vw,1.1rem); }
.scarlett-previous-cycle { background:#090a0a; }
.scarlett-previous-cycle .scarlett-pantheon-section-title { color:var(--scarlett-muted); font-size:clamp(1.8rem,3.5vw,3.25rem); }
.scarlett-previous-subheading { margin:.8rem 0 0; color:var(--scarlett-copper); font-style:italic; }
.scarlett-previous-figures { margin:1rem 0 0; color:var(--scarlett-muted); letter-spacing:.03em; }
.scarlett-pantheon-closing { padding-top:clamp(3rem,5vw,4.5rem); padding-bottom:clamp(3rem,5vw,4.5rem); }
.scarlett-pantheon-closing::before { content:""; display:block; width:4rem; height:1px; margin:0 auto clamp(1.35rem,2vw,1.8rem); background:var(--scarlett-copper); opacity:.62; }
.scarlett-pantheon-closing-epigraph { max-width:44rem; margin:0 auto; color:var(--scarlett-muted); font-size:clamp(.95rem,1.35vw,1.15rem); line-height:1.55; }
@media (prefers-reduced-motion:reduce) { .scarlett-figure-placeholder { transition:none; } }
@media (max-width:781px) { .scarlett-method-columns { flex-wrap:wrap!important; } .scarlett-method-card { flex-basis:100%!important; border-right:0; border-bottom:1px solid var(--scarlett-border); } .scarlett-method-card:last-child { border-bottom:0; } }
@media (max-width:600px) { .scarlett-pantheon-hero { padding-top:3rem; padding-bottom:3rem; } .scarlett-pantheon-title { max-width:100%; font-size:clamp(2.1rem,10vw,3.15rem); overflow-wrap:anywhere; } .scarlett-pantheon-section { padding-top:3rem; padding-bottom:3rem; } .scarlett-figure-grid { grid-template-columns:1fr; gap:3rem; } .scarlett-weekly-feature { padding:1.65rem; } }


/* Scarlett v0.6 — Films page */
.scarlett-films-page { max-width: 100%; overflow: hidden; font-size: 0.8rem; }
.scarlett-films-label, .scarlett-film-credit, .scarlett-placeholder-label { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.17em; }
.scarlett-films-label { margin: 0 0 0.9rem; color: var(--scarlett-copper); font-size: 0.64rem; font-weight: 700; }
.scarlett-films-hero { padding-top: clamp(2.8rem, 5.5vw, 4.8rem); padding-bottom: clamp(2.8rem, 5.5vw, 4.8rem); border-bottom: 1px solid rgba(199, 96, 66, 0.48); background: radial-gradient(circle at 82% 30%, rgba(199, 96, 66, 0.07), transparent 26rem), var(--scarlett-black); }
.scarlett-films-title { max-width: 13ch; margin: 0; font-size: clamp(2.35rem, 4.8vw, 4.45rem); line-height: 0.98; letter-spacing: -0.038em; text-wrap: balance; }
.scarlett-films-epigraph { max-width: 38rem; margin: 1.15rem 0 0; padding-left: 1rem; border-left: 1px solid rgba(199, 96, 66, 0.68); font-size: clamp(0.9rem, 1.15vw, 1.02rem); line-height: 1.5; }
.scarlett-films-intro { width: min(100%, 63ch); margin: 1.1rem 0 0; color: var(--scarlett-muted); font-size: clamp(0.88rem, 1.18vw, 1.02rem); line-height: 1.6; }
.scarlett-films-section { position: relative; padding-top: clamp(3.5rem, 6.5vw, 6rem); padding-bottom: clamp(3.5rem, 6.5vw, 6rem); border-bottom: 1px solid rgba(199, 96, 66, 0.44); }
.scarlett-films-section::before { content: ""; position: absolute; top: -1px; left: 50%; width: min(6rem, 16vw); height: 1px; transform: translateX(-50%); background: var(--scarlett-copper); opacity: 0.65; }
.scarlett-films-section-heading { margin-bottom: clamp(1.8rem, 3.5vw, 3rem); }
.scarlett-films-section-title { max-width: 14ch; margin: 0; font-size: clamp(2rem, 4vw, 3.85rem); letter-spacing: -0.035em; }
.scarlett-film-credit { margin: 0.75rem 0 0; color: var(--scarlett-copper); font-size: 0.6rem; font-weight: 700; }
.scarlett-film-description { max-width: 46rem; margin: 0.8rem 0 0; color: var(--scarlett-muted); font-size: 0.92rem; line-height: 1.62; }
.scarlett-cinematic-placeholder { aspect-ratio: 16 / 9; min-height: 20rem; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--scarlett-border); background: linear-gradient(145deg, rgba(199, 96, 66, 0.09), transparent 45%), radial-gradient(circle at 72% 28%, rgba(199, 96, 66, 0.09), transparent 14rem), #0d0e0e; transition: border-color 220ms ease, box-shadow 220ms ease; }
.scarlett-cinematic-placeholder:hover { border-color: rgba(199, 96, 66, 0.7); box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.2); }
.scarlett-placeholder-label { margin: 0; padding: 1rem; color: var(--scarlett-muted); font-size: 0.58rem; }
.scarlett-filmography-section { background: var(--scarlett-charcoal); }
.scarlett-film-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 2.6rem); }
.scarlett-film-card { min-width: 0; }
.scarlett-poster-placeholder { aspect-ratio: 2 / 3; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--scarlett-border); background: linear-gradient(155deg, rgba(199, 96, 66, 0.08), transparent 48%), #0c0d0d; box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.14); transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease; }
.scarlett-film-card:hover .scarlett-poster-placeholder { transform: translateY(-0.18rem); border-color: rgba(199, 96, 66, 0.68); box-shadow: 0 1.35rem 3rem rgba(0, 0, 0, 0.22); }
.scarlett-film-title { margin: 1.15rem 0 0; font-size: clamp(1.35rem, 2.1vw, 2rem); line-height: 1.08; }
.scarlett-film-title span, .scarlett-appearance-title span { color: var(--scarlett-muted); font-size: 0.72em; white-space: nowrap; }
.scarlett-film-segment { margin: 0.5rem 0 0; color: var(--scarlett-muted); font-size: 0.86rem; }
.scarlett-film-card .scarlett-film-description { margin-top: 0.65rem; }
.scarlett-appearances-section { background: #0b0c0c; }
.scarlett-appearance-entry { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(15rem, 0.7fr); gap: clamp(2rem, 6vw, 6rem); padding-top: 1.8rem; border-top: 1px solid var(--scarlett-border); }
.scarlett-appearance-title { margin: 0; font-size: clamp(1.55rem, 2.8vw, 2.65rem); }
.scarlett-appearance-main > p { max-width: 42rem; color: var(--scarlett-muted); }
.scarlett-appearance-director { font-style: italic; }
.scarlett-appearance-recognition { padding-left: 1.5rem; border-left: 1px solid rgba(199, 96, 66, 0.4); }
.scarlett-selection-list { margin: 0.9rem 0 0; padding-left: 1.1rem; color: var(--scarlett-muted); }
.scarlett-selection-list li + li { margin-top: 0.3rem; }
.scarlett-award-note { margin: 1.1rem 0 0; color: var(--scarlett-cream); font-style: italic; }
.scarlett-films-closing { padding-top: clamp(3rem, 5vw, 4.5rem); padding-bottom: clamp(3rem, 5vw, 4.5rem); }
.scarlett-films-closing::before { content: ""; display: block; width: 4rem; height: 1px; margin: 0 auto clamp(1.35rem, 2vw, 1.8rem); background: var(--scarlett-copper); opacity: 0.62; }
.scarlett-films-closing-epigraph { max-width: 36rem; margin: 0 auto; color: var(--scarlett-muted); font-size: clamp(0.95rem, 1.35vw, 1.15rem); line-height: 1.55; }
@media (prefers-reduced-motion: reduce) { .scarlett-cinematic-placeholder, .scarlett-poster-placeholder { transition: none; } }
@media (max-width: 900px) { .scarlett-film-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .scarlett-appearance-entry { grid-template-columns: 1fr; } .scarlett-appearance-recognition { padding-left: 0; padding-top: 1.4rem; border-left: 0; border-top: 1px solid rgba(199, 96, 66, 0.35); } }
@media (max-width: 600px) { .scarlett-films-hero { padding-top: 2.7rem; padding-bottom: 2.7rem; } .scarlett-films-title { max-width: 100%; font-size: clamp(2.1rem, 10vw, 3.1rem); overflow-wrap: anywhere; } .scarlett-films-section { padding-top: 3rem; padding-bottom: 3rem; } .scarlett-cinematic-placeholder { min-height: 0; } .scarlett-film-grid { grid-template-columns: 1fr; gap: 2.8rem; } .scarlett-poster-placeholder { max-width: 24rem; } }

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background:
    radial-gradient(circle at 82% 2%, rgba(105, 42, 26, 0.09), transparent 28rem),
    var(--scarlett-black);
  color: var(--scarlett-cream);
}

.wp-site-blocks {
  min-height: 100vh;
}

.scarlett-site-header {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid var(--scarlett-border);
  background: rgba(8, 9, 9, 0.96);
}

.scarlett-header-inner {
  min-height: 5.2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.scarlett-site-header .wp-block-site-title {
  margin: 0;
}

.scarlett-site-header .wp-block-site-title a,
.scarlett-site-footer .wp-block-site-title a {
  color: var(--scarlett-cream);
  text-decoration: none;
}

.scarlett-primary-navigation a {
  color: var(--scarlett-cream);
  text-decoration: none;
}

.scarlett-primary-navigation a:hover,
.scarlett-primary-navigation .current-menu-item > a {
  color: var(--scarlett-copper);
}

.scarlett-main {
  min-height: 65vh;
  padding-top: clamp(3.5rem, 8vw, 7.5rem);
  padding-bottom: clamp(4rem, 9vw, 8rem);
}

.scarlett-page-header {
  padding-bottom: clamp(2rem, 5vw, 4.5rem);
  border-bottom: 1px solid var(--scarlett-border);
  margin-bottom: clamp(2.5rem, 6vw, 5rem);
}

.scarlett-page-header .wp-block-post-title {
  max-width: 14ch;
  margin: 0;
}

.scarlett-page .wp-block-post-content,
.scarlett-single .wp-block-post-content {
  color: var(--scarlett-cream);
}

.scarlett-page .wp-block-post-content > * + *,
.scarlett-single .wp-block-post-content > * + * {
  margin-block-start: 1.5rem;
}

.scarlett-page .wp-block-post-content h2,
.scarlett-page .wp-block-post-content h3,
.scarlett-single .wp-block-post-content h2,
.scarlett-single .wp-block-post-content h3 {
  margin-top: 2.2em;
  color: var(--scarlett-cream);
}

.scarlett-post-card {
  padding: 2.2rem 0;
  border-top: 1px solid var(--scarlett-border);
}

.scarlett-post-card:last-child {
  border-bottom: 1px solid var(--scarlett-border);
}

.scarlett-post-card .wp-block-post-title {
  margin-bottom: 0.7rem;
  font-size: clamp(2rem, 5vw, 4rem);
}

.scarlett-post-card .wp-block-post-title a {
  color: var(--scarlett-cream);
  text-decoration: none;
}

.scarlett-post-card .wp-block-post-title a:hover {
  color: var(--scarlett-copper);
}

.wp-block-post-date,
.wp-block-post-author-name,
.wp-block-post-terms,
.scarlett-footer-credit {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.wp-block-separator {
  border-color: var(--scarlett-border);
}

.scarlett-site-footer {
  border-top: 1px solid var(--scarlett-border);
  background: #070808;
}

.scarlett-footer-inner {
  min-height: 10rem;
  padding-top: 2.3rem;
  padding-bottom: 2.3rem;
}

.scarlett-footer-inner .wp-block-site-title {
  margin: 0;
}

.scarlett-motto {
  margin: 0.3rem 0 0;
  color: var(--scarlett-copper);
}

.scarlett-footer-credit {
  color: var(--scarlett-muted);
}

.scarlett-not-found {
  text-align: center;
}

.scarlett-not-found h1 {
  max-width: 15ch;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce .price {
  color: var(--scarlett-muted);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: var(--scarlett-cream);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  border: 1px solid var(--scarlett-copper);
  border-radius: 0;
  background: transparent;
  color: var(--scarlett-copper);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background: var(--scarlett-copper);
  color: var(--scarlett-black);
}

@media (max-width: 900px) {
  .scarlett-header-inner {
    min-height: 4.6rem;
  }

  .scarlett-primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
    background: var(--scarlett-black);
    color: var(--scarlett-cream);
    padding: 1.5rem;
  }

  .scarlett-primary-navigation .wp-block-navigation__responsive-container-content {
    align-items: flex-start;
  }

  .scarlett-footer-inner {
    align-items: flex-start;
    gap: 1.5rem;
  }
}

@media (max-width: 600px) {
  .scarlett-main {
    padding-top: 3.5rem;
  }

  .scarlett-footer-inner {
    display: block;
  }

  .scarlett-footer-credit {
    margin-top: 1.5rem;
  }
}


/* Scarlett v0.2 — editable homepage */

.scarlett-home {
  overflow: hidden;
}

.scarlett-hero {
  position: relative;
  min-height: calc(100vh - 5.2rem);
  display: flex;
  align-items: center;
  padding-top: clamp(3rem, 7vw, 7rem);
  padding-bottom: clamp(3rem, 7vw, 7rem);
  border-bottom: 1px solid var(--scarlett-border);
}

.scarlett-hero::before {
  content: "";
  position: absolute;
  width: 42rem;
  height: 42rem;
  right: -17rem;
  top: -14rem;
  border: 1px solid rgba(199, 96, 66, 0.18);
  border-radius: 50%;
  pointer-events: none;
}

.scarlett-hero-columns {
  gap: clamp(2.5rem, 7vw, 7rem);
}

.scarlett-eyebrow {
  margin-bottom: 1.4rem;
  color: var(--scarlett-copper);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.scarlett-hero-title {
  max-width: 10ch;
  margin: 0;
  color: var(--scarlett-cream);
  font-size: clamp(3rem, 6.2vw, 5.8rem);
  line-height: 0.92;
  letter-spacing: -0.045em;
}

.scarlett-hero-emphasis {
  max-width: 15ch;
  margin: 1.5rem 0 0;
  color: var(--scarlett-copper);
  font-size: clamp(1.55rem, 3.2vw, 3rem);
  line-height: 1.04;
}

.scarlett-hero-intro {
  max-width: 39rem;
  margin-top: 2rem;
  color: var(--scarlett-muted);
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
}

.scarlett-hero-actions {
  margin-top: 2.2rem;
  gap: 1rem;
}

.scarlett-hero-portrait {
  position: relative;
  margin: 0;
}

.scarlett-hero-portrait::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1rem 1rem 1rem -1rem;
  border: 1px solid var(--scarlett-copper);
  opacity: 0.55;
}

.scarlett-hero-portrait img {
  width: 100%;
  min-height: 34rem;
  max-height: 44rem;
  object-fit: cover;
  object-position: center top;
  filter: saturate(0.84) contrast(1.04);
}

.scarlett-explore,
.scarlett-work-section {
  padding-top: clamp(5rem, 10vw, 10rem);
  padding-bottom: clamp(5rem, 10vw, 10rem);
}

.scarlett-section-intro {
  margin-bottom: clamp(2.5rem, 6vw, 5rem);
}

.scarlett-section-title {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(2.4rem, 5vw, 4.7rem);
  letter-spacing: -0.035em;
}

.scarlett-world-grid {
  gap: 0;
  border-top: 1px solid var(--scarlett-border);
  border-bottom: 1px solid var(--scarlett-border);
}

.scarlett-world-card {
  min-height: 28rem;
  padding: 2.5rem 2rem;
  border-right: 1px solid var(--scarlett-border);
  transition: background-color 180ms ease, transform 180ms ease;
}

.scarlett-world-card:last-child {
  border-right: 0;
}

.scarlett-world-card:hover {
  background: rgba(199, 96, 66, 0.055);
  transform: translateY(-0.35rem);
}

.scarlett-card-number {
  color: var(--scarlett-copper);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.16em;
}

.scarlett-world-card h3 {
  margin-top: 4.5rem;
  margin-bottom: 1.25rem;
  font-size: clamp(2.2rem, 3.5vw, 3.5rem);
}

.scarlett-world-card > p:not(.scarlett-card-number):not(.scarlett-text-link) {
  color: var(--scarlett-muted);
}

.scarlett-text-link {
  margin-top: 2.2rem;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.scarlett-text-link a {
  text-decoration: none;
}

.scarlett-mural-section {
  padding: 0;
  border-top: 1px solid var(--scarlett-border);
  border-bottom: 1px solid var(--scarlett-border);
}

.scarlett-mural-cover {
  min-height: min(78vh, 760px);
}

.scarlett-mural-cover .wp-block-cover__background {
  background: linear-gradient(90deg, rgba(8, 9, 9, 0.93) 0%, rgba(8, 9, 9, 0.72) 48%, rgba(8, 9, 9, 0.48) 100%) !important;
  opacity: 1 !important;
}

.scarlett-mural-cover .wp-block-cover__image-background {
  filter: saturate(0.75) contrast(1.08);
}

.scarlett-mural-copy {
  margin-left: 0;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.scarlett-mural-title {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(2.6rem, 5.7vw, 5.2rem);
  letter-spacing: -0.04em;
}

.scarlett-mural-text {
  max-width: 38rem;
  margin-top: 2rem;
  color: var(--scarlett-cream);
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
}

.scarlett-work-section {
  background: var(--scarlett-charcoal);
}

.scarlett-work-columns {
  gap: clamp(3rem, 8vw, 8rem);
}

@media (max-width: 1000px) {
  .scarlett-world-grid {
    flex-wrap: wrap !important;
  }

  .scarlett-world-card {
    flex-basis: 50% !important;
    min-height: 23rem;
    border-bottom: 1px solid var(--scarlett-border);
  }

  .scarlett-world-card:nth-child(2) {
    border-right: 0;
  }

  .scarlett-world-card:nth-child(3),
  .scarlett-world-card:nth-child(4) {
    border-bottom: 0;
  }
}

@media (max-width: 781px) {
  .scarlett-hero {
    min-height: auto;
    padding-top: 4rem;
  }

  .scarlett-hero-columns {
    gap: 3.5rem;
  }

  .scarlett-hero-portrait-column {
    order: -1;
  }

  .scarlett-hero-portrait img {
    min-height: 28rem;
    max-height: 36rem;
  }

  .scarlett-hero-title {
    font-size: clamp(2.8rem, 12vw, 4.8rem);
  }

  .scarlett-work-columns {
    gap: 2rem;
  }
}

@media (max-width: 600px) {
  .scarlett-hero::before {
    display: none;
  }

  .scarlett-hero-portrait::before {
    inset: -0.6rem 0.6rem 0.6rem -0.6rem;
  }

  .scarlett-hero-portrait img {
    min-height: 24rem;
  }

  .scarlett-world-card {
    flex-basis: 100% !important;
    min-height: auto;
    padding: 2.5rem 0.5rem;
    border-right: 0;
    border-bottom: 1px solid var(--scarlett-border) !important;
  }

  .scarlett-world-card:last-child {
    border-bottom: 0 !important;
  }

  .scarlett-world-card h3 {
    margin-top: 2rem;
  }

  .scarlett-mural-cover {
    min-height: 620px !important;
  }

  .scarlett-mural-copy {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}


/* Scarlett v0.4 — Books page */

.scarlett-books-page {
  overflow: hidden;
}

.scarlett-books-hero {
  padding-top: clamp(5rem, 11vw, 10rem);
  padding-bottom: clamp(5rem, 10vw, 9rem);
  border-bottom: 1px solid var(--scarlett-border);
  background:
    radial-gradient(circle at 82% 30%, rgba(199, 96, 66, 0.08), transparent 28rem),
    var(--scarlett-black);
}

.scarlett-books-title {
  max-width: 14ch;
  margin: 0;
  font-size: clamp(3rem, 6.2vw, 5.8rem);
  letter-spacing: -0.04em;
}

.scarlett-books-intro {
  max-width: 47rem;
  margin-top: 2rem;
  color: var(--scarlett-muted);
  font-size: clamp(1.08rem, 1.5vw, 1.3rem);
}

.scarlett-books-section {
  padding-top: clamp(5rem, 10vw, 9rem);
  padding-bottom: clamp(5rem, 10vw, 9rem);
  border-bottom: 1px solid var(--scarlett-border);
}

.scarlett-books-section-heading {
  margin-bottom: clamp(2.8rem, 6vw, 5rem);
}

.scarlett-books-section-title {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(2.5rem, 5vw, 4.8rem);
  letter-spacing: -0.035em;
}

.scarlett-section-note {
  color: var(--scarlett-muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.scarlett-featured-books {
  gap: clamp(2.5rem, 7vw, 7rem);
}

.scarlett-book-cover {
  min-height: 34rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--scarlett-border);
  background:
    linear-gradient(150deg, rgba(199, 96, 66, 0.1), transparent 48%),
    #0d0e0e;
}

.scarlett-book-cover-progress {
  background:
    radial-gradient(circle at 76% 22%, rgba(199, 96, 66, 0.12), transparent 13rem),
    linear-gradient(160deg, #111212, #080909);
}

.scarlett-cover-kicker,
.scarlett-cover-publisher,
.scarlett-book-status,
.scarlett-book-type,
.scarlett-book-index,
.scarlett-series-number {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.scarlett-cover-kicker,
.scarlett-book-status,
.scarlett-series-number {
  color: var(--scarlett-copper);
  font-size: 0.68rem;
  font-weight: 700;
}

.scarlett-cover-title {
  max-width: 10ch;
  margin-top: auto;
  margin-bottom: 2rem;
  font-size: clamp(2.4rem, 4.5vw, 4.4rem);
  line-height: 0.98;
}

.scarlett-cover-publisher {
  color: var(--scarlett-muted);
  font-size: 0.65rem;
}

.scarlett-book-status {
  margin-top: 1.7rem;
}

.scarlett-book-heading {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
}

.scarlett-published-work,
.scarlett-essays-section {
  background: var(--scarlett-charcoal);
}

.scarlett-book-list {
  border-top: 1px solid var(--scarlett-border);
}

.scarlett-book-row {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr) 15rem;
  gap: 2rem;
  align-items: center;
  padding: 2.3rem 0;
  border-bottom: 1px solid var(--scarlett-border);
}

.scarlett-book-index {
  margin: 0;
  color: var(--scarlett-copper);
  font-size: 0.68rem;
}

.scarlett-book-row-title {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.7rem);
}

.scarlett-book-row-subtitle {
  margin-top: 0.5rem;
  color: var(--scarlett-muted);
}

.scarlett-book-type {
  margin: 0;
  color: var(--scarlett-muted);
  font-size: 0.68rem;
  text-align: right;
}

.scarlett-series-grid {
  gap: 0;
  border-top: 1px solid var(--scarlett-border);
  border-bottom: 1px solid var(--scarlett-border);
}

.scarlett-series-card {
  min-height: 22rem;
  padding: 2.4rem 2rem;
  border-right: 1px solid var(--scarlett-border);
}

.scarlett-series-card:last-child {
  border-right: 0;
}

.scarlett-series-card h3 {
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: clamp(2.2rem, 4vw, 3.8rem);
}

.scarlett-series-card p:not(.scarlett-series-number) {
  color: var(--scarlett-muted);
}

.scarlett-editorial-columns {
  gap: clamp(3rem, 8vw, 8rem);
}

.scarlett-substack-section {
  position: relative;
  background:
    radial-gradient(circle at 75% 35%, rgba(199, 96, 66, 0.13), transparent 24rem),
    var(--scarlett-black);
}

.scarlett-substack-panel {
  position: relative;
  padding-left: clamp(1.5rem, 5vw, 5rem);
  border-left: 1px solid var(--scarlett-copper);
}

.scarlett-substack-title {
  margin: 0;
  color: var(--scarlett-cream);
  font-size: clamp(3rem, 7vw, 6.3rem);
}

.scarlett-substack-copy {
  max-width: 39rem;
  margin-top: 1.5rem;
  color: var(--scarlett-muted);
  font-size: clamp(1.08rem, 1.6vw, 1.3rem);
}

.scarlett-substack-panel .wp-block-buttons {
  margin-top: 2rem;
}

@media (max-width: 900px) {
  .scarlett-book-row {
    grid-template-columns: 3rem 1fr;
  }

  .scarlett-book-type {
    grid-column: 2;
    text-align: left;
  }

  .scarlett-series-grid {
    flex-wrap: wrap !important;
  }

  .scarlett-series-card {
    flex-basis: 100% !important;
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--scarlett-border);
  }

  .scarlett-series-card:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 781px) {
  .scarlett-featured-books {
    gap: 4rem;
  }

  .scarlett-book-cover {
    min-height: 28rem;
  }

  .scarlett-editorial-columns {
    gap: 2rem;
  }
}

@media (max-width: 600px) {
  .scarlett-books-title {
    font-size: clamp(2.7rem, 12vw, 4.4rem);
  }

  .scarlett-book-row {
    grid-template-columns: 1fr;
    gap: 0.7rem;
  }

  .scarlett-book-type {
    grid-column: auto;
  }

  .scarlett-substack-panel {
    padding-left: 1.5rem;
  }
}


/* Scarlett v0.5 — Books page refinement */
.scarlett-books-page { font-size: 0.8rem; }
.scarlett-books-page .scarlett-eyebrow { margin-bottom: 0.9rem; font-size: 0.64rem; }
.scarlett-books-hero { padding-top: clamp(4rem, 8vw, 7.5rem); padding-bottom: clamp(3.75rem, 7vw, 6.5rem); border-bottom-color: rgba(199, 96, 66, 0.55); }
.scarlett-books-title { font-size: clamp(2.4rem, 5vw, 4.65rem); }
.scarlett-books-epigraph { max-width: 38rem; margin: 1.35rem 0 0; padding-left: 1rem; border-left: 1px solid rgba(199, 96, 66, 0.7); color: var(--scarlett-cream); font-size: clamp(0.9rem, 1.2vw, 1.05rem); line-height: 1.5; }
.scarlett-books-intro { margin-top: 1.35rem; font-size: clamp(0.88rem, 1.2vw, 1.04rem); }
.scarlett-books-section { position: relative; padding-top: clamp(3.5rem, 7vw, 6.25rem); padding-bottom: clamp(3.5rem, 7vw, 6.25rem); border-bottom-color: rgba(199, 96, 66, 0.48); }
.scarlett-books-section::before { content: ""; position: absolute; top: -1px; left: 50%; width: min(8rem, 20vw); height: 1px; transform: translateX(-50%); background: var(--scarlett-copper); opacity: 0.72; }
.scarlett-books-section-heading { margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.scarlett-books-section-title { font-size: clamp(2rem, 4vw, 3.85rem); }
.scarlett-section-note, .scarlett-cover-kicker, .scarlett-book-status, .scarlett-series-number, .scarlett-book-index, .scarlett-book-type { font-size: 0.6rem; }
.scarlett-featured-books { gap: clamp(2rem, 5vw, 5rem); }
.scarlett-book-cover { position: relative; min-height: 27rem; padding: 1.6rem; overflow: hidden; box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.16); transition: border-color 240ms ease, box-shadow 240ms ease, transform 240ms ease; }
.scarlett-book-cover::after { content: ""; position: absolute; inset: 0.65rem; border: 1px solid rgba(199, 96, 66, 0.14); pointer-events: none; }
.scarlett-featured-book:hover .scarlett-book-cover { border-color: rgba(199, 96, 66, 0.72); box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.25); transform: translateY(-0.2rem); }
.scarlett-cover-title { margin-bottom: 1.4rem; font-size: clamp(1.92rem, 3.6vw, 3.52rem); }
.scarlett-cover-publisher { font-size: 0.58rem; }
.scarlett-book-status { margin-top: 1.25rem; }
.scarlett-book-heading { margin-top: 0.6rem; margin-bottom: 0.6rem; font-size: clamp(1.44rem, 2.4vw, 2.24rem); }
.scarlett-book-row { padding: 1.65rem 0; transition: background-color 220ms ease, padding-left 220ms ease, padding-right 220ms ease; }
.scarlett-book-row:hover { padding-left: 0.75rem; padding-right: 0.75rem; background: rgba(199, 96, 66, 0.035); }
.scarlett-book-row-title { font-size: clamp(1.6rem, 3.2vw, 2.96rem); transition: color 220ms ease; }
.scarlett-book-row:hover .scarlett-book-row-title { color: #e5cfc5; }
.scarlett-book-row-subtitle { margin-top: 0.35rem; }
.scarlett-series-card { min-height: 17.5rem; padding: 1.9rem 1.6rem; transition: background-color 220ms ease, border-color 220ms ease; }
.scarlett-series-card:hover { border-color: rgba(199, 96, 66, 0.62); background: rgba(199, 96, 66, 0.035); }
.scarlett-series-card h3 { margin-top: 3rem; margin-bottom: 0.75rem; font-size: clamp(1.76rem, 3.2vw, 3.04rem); }
.scarlett-editorial-columns { gap: clamp(2.5rem, 6vw, 6rem); }
.scarlett-substack-panel { padding-left: clamp(1.25rem, 4vw, 4rem); }
.scarlett-substack-title { font-size: clamp(2.4rem, 5.6vw, 5.04rem); }
.scarlett-substack-copy { margin-top: 1.1rem; font-size: clamp(0.88rem, 1.28vw, 1.04rem); }
.scarlett-substack-panel .wp-block-buttons { margin-top: 1.5rem; }
@media (prefers-reduced-motion: reduce) { .scarlett-book-cover, .scarlett-book-row, .scarlett-book-row-title, .scarlett-series-card { transition: none; } }
@media (max-width: 781px) { .scarlett-featured-books { gap: 3rem; } .scarlett-book-cover { min-height: 24rem; } }
@media (max-width: 600px) { .scarlett-books-title { font-size: clamp(2.2rem, 10vw, 3.5rem); } .scarlett-book-row:hover { padding-left: 0; padding-right: 0; } }


/* Scarlett v0.5.1 — Books page rhythm and editorial introductions */
.scarlett-books-page {
  max-width: 100%;
}

.scarlett-books-hero {
  padding-top: clamp(3.45rem, 7vw, 6.55rem);
  padding-bottom: clamp(3.25rem, 6vw, 5.65rem);
}

.scarlett-books-title {
  max-width: 12.75ch;
  font-size: clamp(2.4rem, 4.65vw, 4.35rem);
  line-height: 0.98;
  text-wrap: balance;
}

.scarlett-books-epigraph {
  margin-top: 1.2rem;
}

.scarlett-books-intro {
  width: min(100%, 62ch);
  max-width: 62ch;
  margin-top: 1.15rem;
}

.scarlett-books-section {
  padding-top: clamp(3.25rem, 6vw, 5.5rem);
  padding-bottom: clamp(3.25rem, 6vw, 5.5rem);
}

.scarlett-books-section::before {
  width: min(6rem, 16vw);
  opacity: 0.62;
}

.scarlett-books-section-heading {
  margin-bottom: clamp(1.8rem, 3.5vw, 3rem);
}

.scarlett-section-introduction {
  max-width: 42rem;
  margin: 0.75rem 0 0;
  color: var(--scarlett-muted);
  font-size: clamp(0.86rem, 1.05vw, 0.98rem);
  line-height: 1.55;
}

.scarlett-current-work .scarlett-books-section-heading {
  align-items: flex-end;
}

.scarlett-current-work .scarlett-section-introduction {
  max-width: 34rem;
}

.scarlett-editorial-columns .scarlett-section-introduction {
  max-width: 31rem;
}

.scarlett-substack-panel .scarlett-section-introduction {
  margin-top: 0.85rem;
}

.scarlett-substack-copy {
  margin-top: 1rem;
}

.scarlett-books-closing {
  position: relative;
  padding-top: clamp(3rem, 5vw, 4.5rem);
  padding-bottom: clamp(3rem, 5vw, 4.5rem);
}

.scarlett-books-closing::before {
  content: "";
  display: block;
  width: 4rem;
  height: 1px;
  margin: 0 auto clamp(1.35rem, 2vw, 1.8rem);
  background: var(--scarlett-copper);
  opacity: 0.62;
}

.scarlett-books-closing-epigraph {
  max-width: 36rem;
  margin: 0 auto;
  color: var(--scarlett-muted);
  font-size: clamp(0.95rem, 1.35vw, 1.15rem);
  line-height: 1.55;
}

@media (max-width: 900px) {
  .scarlett-books-title {
    max-width: 13.5ch;
    font-size: clamp(2.35rem, 6.2vw, 3.75rem);
  }
}

@media (max-width: 781px) {
  .scarlett-current-work .scarlett-books-section-heading {
    align-items: flex-start;
    gap: 1rem;
  }
}

@media (max-width: 600px) {
  .scarlett-books-hero {
    padding-top: 3.1rem;
    padding-bottom: 3rem;
  }

  .scarlett-books-title {
    max-width: 100%;
    font-size: clamp(2.15rem, 10vw, 3.15rem);
    line-height: 1;
    overflow-wrap: anywhere;
  }

  .scarlett-books-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .scarlett-section-introduction {
    font-size: 0.88rem;
  }
}


/* Scarlett v0.7.1 — final Pantheon typography overrides */
.scarlett-pantheon-title { font-size: clamp(2rem, 4.05vw, 3.75rem); }
.scarlett-pantheon-section-title { font-size: clamp(1.65rem, 3.3vw, 3.15rem); }
.scarlett-previous-cycle .scarlett-pantheon-section-title { font-size: clamp(1.4rem, 2.7vw, 2.5rem); }
.scarlett-figure-name { font-size: clamp(1.48rem, 2.4vw, 2.3rem); }
@media (max-width: 600px) { .scarlett-pantheon-title { font-size: clamp(1.75rem, 8.25vw, 2.6rem); } }


/* Scarlett v0.8 — shared editorial system */
:root {
  --scarlett-type-hero-home: clamp(2.8rem, 5.5vw, 5.2rem);
  --scarlett-type-hero: clamp(2rem, 4.05vw, 3.75rem);
  --scarlett-type-section: clamp(1.65rem, 3.3vw, 3.15rem);
  --scarlett-type-secondary: clamp(1.45rem, 2.6vw, 2.4rem);
  --scarlett-type-card: clamp(1.35rem, 2.2vw, 2.2rem);
  --scarlett-type-intro: clamp(0.9rem, 1.18vw, 1.02rem);
  --scarlett-type-quote: clamp(0.9rem, 1.15vw, 1.02rem);
  --scarlett-type-label: 0.64rem;
  --scarlett-type-caption: 0.58rem;
  --scarlett-section-pad: clamp(3.5rem, 6vw, 5.5rem);
  --scarlett-rule-width: min(6rem, 16vw);
  --scarlett-rule-color: rgba(199, 96, 66, 0.56);
  --scarlett-card-glow: 0 1.15rem 2.8rem rgba(0, 0, 0, 0.18);
}

body {
  background-color: var(--scarlett-black);
  background-image:
    radial-gradient(circle at 82% 2%, rgba(105, 42, 26, 0.075), transparent 28rem),
    repeating-linear-gradient(90deg, rgba(222, 215, 207, 0.008) 0, rgba(222, 215, 207, 0.008) 1px, transparent 1px, transparent 5px);
}

.scarlett-books-page,
.scarlett-films-page,
.scarlett-pantheon-page {
  font-size: 0.9rem;
  line-height: 1.62;
}

.scarlett-hero-title { font-size: var(--scarlett-type-hero-home); }
.scarlett-books-title,
.scarlett-films-title,
.scarlett-pantheon-title { font-size: var(--scarlett-type-hero); }

.scarlett-section-title,
.scarlett-mural-title,
.scarlett-books-section-title,
.scarlett-films-section-title,
.scarlett-pantheon-section-title,
.scarlett-substack-title { font-size: var(--scarlett-type-section); }

.scarlett-world-card h3,
.scarlett-book-row-title,
.scarlett-series-card h3,
.scarlett-appearance-title,
.scarlett-previous-cycle .scarlett-pantheon-section-title { font-size: var(--scarlett-type-secondary); }

.scarlett-book-heading,
.scarlett-film-title,
.scarlett-figure-name { font-size: var(--scarlett-type-card); }

.scarlett-eyebrow,
.scarlett-books-page .scarlett-eyebrow,
.scarlett-films-label,
.scarlett-pantheon-label {
  margin-bottom: 0.9rem;
  font-size: var(--scarlett-type-label);
  letter-spacing: 0.18em;
}

.scarlett-placeholder-label,
.scarlett-cover-publisher,
.scarlett-figure-keys { font-size: var(--scarlett-type-caption); }

.scarlett-hero-intro,
.scarlett-books-intro,
.scarlett-films-intro,
.scarlett-pantheon-intro,
.scarlett-substack-copy { font-size: var(--scarlett-type-intro); line-height: 1.62; }

.scarlett-books-epigraph,
.scarlett-films-epigraph,
.scarlett-pantheon-epigraph { font-size: var(--scarlett-type-quote); line-height: 1.55; }

.scarlett-books-closing-epigraph,
.scarlett-films-closing-epigraph,
.scarlett-pantheon-closing-epigraph { font-size: clamp(0.95rem, 1.25vw, 1.1rem); }

.scarlett-books-section,
.scarlett-films-section,
.scarlett-pantheon-section {
  padding-top: var(--scarlett-section-pad);
  padding-bottom: var(--scarlett-section-pad);
  border-bottom-color: var(--scarlett-rule-color);
}

.scarlett-books-section::before,
.scarlett-films-section::before,
.scarlett-pantheon-section::before {
  width: var(--scarlett-rule-width);
  height: 1px;
  opacity: 1;
  background: var(--scarlett-rule-color);
}

.scarlett-books-section-heading,
.scarlett-films-section-heading,
.scarlett-pantheon-section-heading,
.scarlett-cycle-heading { margin-bottom: clamp(1.9rem, 3.5vw, 3rem); }

.scarlett-books-intro,
.scarlett-films-intro,
.scarlett-pantheon-intro,
.scarlett-cycle-method,
.scarlett-weekly-feature > p { max-width: 68ch; }

.scarlett-figure-copy { max-width: 64ch; }

.scarlett-book-cover,
.scarlett-series-card,
.scarlett-poster-placeholder,
.scarlett-cinematic-placeholder,
.scarlett-figure-placeholder,
.scarlett-method-card,
.scarlett-weekly-feature,
.scarlett-world-card {
  border-radius: 0;
  border-color: var(--scarlett-border);
  border-width: 1px;
}

.scarlett-book-cover,
.scarlett-poster-placeholder,
.scarlett-cinematic-placeholder,
.scarlett-figure-placeholder {
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.14);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, filter 220ms ease;
}

.scarlett-featured-book:hover .scarlett-book-cover,
.scarlett-film-card:hover .scarlett-poster-placeholder,
.scarlett-cinematic-placeholder:hover,
.scarlett-figure-card:hover .scarlett-figure-placeholder {
  transform: translateY(-0.15rem);
  border-color: rgba(199, 96, 66, 0.62);
  box-shadow: var(--scarlett-card-glow);
  filter: brightness(1.025);
}

.scarlett-world-card,
.scarlett-book-row,
.scarlett-series-card {
  transition: transform 220ms ease, background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.scarlett-world-card:hover,
.scarlett-book-row:hover,
.scarlett-series-card:hover {
  transform: translateY(-0.1rem);
  background-color: rgba(199, 96, 66, 0.035);
  border-color: rgba(199, 96, 66, 0.56);
}

.scarlett-figure-placeholder {
  aspect-ratio: 19 / 20;
}

.scarlett-current-cycle,
.scarlett-filmography-section,
.scarlett-published-work,
.scarlett-essays-section {
  background-image:
    linear-gradient(rgba(199, 96, 66, 0.012), rgba(199, 96, 66, 0.012)),
    repeating-linear-gradient(0deg, rgba(222, 215, 207, 0.008) 0, rgba(222, 215, 207, 0.008) 1px, transparent 1px, transparent 5px);
}

a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible {
  outline: 1px solid var(--scarlett-copper);
  outline-offset: 4px;
  box-shadow: 0 0 0 2px var(--scarlett-black);
}

@media (prefers-reduced-motion: reduce) {
  .scarlett-book-cover,
  .scarlett-poster-placeholder,
  .scarlett-cinematic-placeholder,
  .scarlett-figure-placeholder,
  .scarlett-world-card,
  .scarlett-book-row,
  .scarlett-series-card { transition: none; }
}

@media (max-width: 781px) {
  :root { --scarlett-section-pad: clamp(3.1rem, 7vw, 4.5rem); }
  .scarlett-books-title,
  .scarlett-films-title,
  .scarlett-pantheon-title { max-width: 14ch; }
}

@media (max-width: 600px) {
  :root {
    --scarlett-type-hero-home: clamp(2.45rem, 11vw, 3.7rem);
    --scarlett-type-hero: clamp(2rem, 9vw, 2.8rem);
    --scarlett-type-section: clamp(1.75rem, 8vw, 2.5rem);
    --scarlett-type-secondary: clamp(1.45rem, 7vw, 2.15rem);
    --scarlett-type-card: clamp(1.35rem, 6vw, 1.9rem);
    --scarlett-section-pad: 3rem;
  }

  .scarlett-books-title,
  .scarlett-films-title,
  .scarlett-pantheon-title {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .scarlett-figure-placeholder { aspect-ratio: 19 / 20; }
  .scarlett-books-epigraph,
  .scarlett-films-epigraph,
  .scarlett-pantheon-epigraph { max-width: 100%; }
}