/* spotlight-stable.css */
/* v1.0 — single source of truth for the two spotlight panels.
   Loaded after wonders.css to neutralise the accumulated experiments. */
html body .spotlight .spotlight-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}
html body .spotlight .panel{
  box-sizing:border-box !important;
  height:340px !important;
  min-height:340px !important;
  display:grid !important;
  grid-template-rows:42px minmax(0,1fr) !important;
  overflow:hidden !important;
}
html body .spotlight .panel-heading{
  box-sizing:border-box !important;
  height:42px !important;
  min-height:42px !important;
}

/* FEATURED COLLECTION */
html body .spotlight .featured-body{
  box-sizing:border-box !important;
  height:auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,45%) minmax(0,55%) !important;
  overflow:hidden !important;
}
html body .spotlight .featured-copy{
  box-sizing:border-box !important;
  min-width:0 !important;
  height:100% !important;
  padding:18px 18px 16px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:hidden !important;
}
html body .spotlight .collection-lockup{
  display:grid !important;
  grid-template-columns:86px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
  min-width:0 !important;
  margin:0 0 10px !important;
}
html body .spotlight .collection-lockup img{
  display:block !important;
  width:86px !important;
  height:112px !important;
  max-width:86px !important;
  object-fit:contain !important;
  object-position:center !important;
}
html body .spotlight .collection-lockup h3{
  min-width:0 !important;
  max-width:220px !important;
  margin:0 !important;
  font-size:27px !important;
  line-height:1.02 !important;
  white-space:normal !important;
  overflow:visible !important;
}
html body .spotlight .featured-copy .featured-quote{
  width:100% !important;
  max-width:315px !important;
  margin:0 0 13px !important;
  font-size:11.5px !important;
  line-height:1.42 !important;
  overflow:visible !important;
}
html body .spotlight .featured-copy .gold-button{
  width:210px !important;
  max-width:100% !important;
  min-width:0 !important;
  height:36px !important;
  flex:0 0 36px !important;
}
html body .spotlight .castle{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* LATEST RELEASE */
html body .spotlight .latest-panel{
  height:340px !important;
  min-height:340px !important;
}
html body .spotlight .latest-panel .latest-body{
  box-sizing:border-box !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:170px minmax(0,1fr) !important;
  gap:24px !important;
  padding:18px 22px !important;
  align-items:center !important;
  overflow:hidden !important;
}
html body .spotlight .latest-book-frame{
  box-sizing:border-box !important;
  width:160px !important;
  height:244px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  justify-self:center !important;
  align-self:center !important;
  overflow:visible !important;
  background:#000 !important;
}
html body .spotlight .latest-panel .latest-book{
  display:block !important;
  width:150px !important;
  height:220px !important;
  max-width:150px !important;
  max-height:220px !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}
html body .spotlight .latest-panel .latest-copy{
  box-sizing:border-box !important;
  min-width:0 !important;
  width:100% !important;
  height:auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-self:center !important;
  overflow:visible !important;
}
html body .spotlight .latest-panel .latest-copy h3{
  margin:0 0 7px !important;
  font-size:27px !important;
  line-height:1.03 !important;
  white-space:normal !important;
  overflow:visible !important;
}
html body .spotlight .latest-panel .latest-copy .meta{
  margin:0 0 12px !important;
  font-size:10.5px !important;
  line-height:1.3 !important;
  white-space:normal !important;
}
html body .spotlight .latest-panel .latest-copy p{
  margin:0 0 14px !important;
  font-size:11.5px !important;
  line-height:1.46 !important;
}
html body .spotlight .latest-panel .latest-copy .gold-button{
  width:180px !important;
  max-width:100% !important;
  min-width:0 !important;
  height:36px !important;
  flex:0 0 36px !important;
}

@media (max-width:1100px) and (min-width:821px){
  html body .spotlight .panel,
  html body .spotlight .latest-panel{
    height:316px !important;
    min-height:316px !important;
  }
  html body .spotlight .featured-body{
    grid-template-columns:minmax(0,50%) minmax(0,50%) !important;
  }
  html body .spotlight .featured-copy{
    padding:14px 14px 13px 16px !important;
  }
  html body .spotlight .collection-lockup{
    grid-template-columns:70px minmax(0,1fr) !important;
    gap:10px !important;
    margin-bottom:7px !important;
  }
  html body .spotlight .collection-lockup img{
    width:70px !important;
    height:94px !important;
    max-width:70px !important;
  }
  html body .spotlight .collection-lockup h3{
    font-size:20px !important;
    max-width:160px !important;
  }
  html body .spotlight .featured-copy .featured-quote{
    max-width:230px !important;
    font-size:10px !important;
    line-height:1.35 !important;
    margin-bottom:9px !important;
  }
  html body .spotlight .featured-copy .gold-button{
    width:178px !important;
    font-size:8.5px !important;
  }
  html body .spotlight .castle{
    height:100% !important;
  }
  html body .spotlight .latest-panel .latest-body{
    grid-template-columns:130px minmax(0,1fr) !important;
    gap:14px !important;
    padding:14px 15px !important;
  }
  html body .spotlight .latest-book-frame{
    width:126px !important;
    height:210px !important;
  }
  html body .spotlight .latest-panel .latest-book{
    width:120px !important;
    height:195px !important;
    max-width:120px !important;
    max-height:195px !important;
  }
  html body .spotlight .latest-panel .latest-copy h3{
    font-size:20px !important;
  }
  html body .spotlight .latest-panel .latest-copy .meta{
    font-size:8.8px !important;
    margin-bottom:8px !important;
  }
  html body .spotlight .latest-panel .latest-copy p{
    font-size:9.8px !important;
    line-height:1.38 !important;
    margin-bottom:10px !important;
  }
  html body .spotlight .latest-panel .latest-copy .gold-button{
    width:155px !important;
    font-size:8.5px !important;
  }
}

@media (max-width:820px){
  html body .spotlight .spotlight-grid{
    grid-template-columns:1fr !important;
  }
  html body .spotlight .panel,
  html body .spotlight .latest-panel{
    height:340px !important;
    min-height:340px !important;
  }
}

@media (max-width:560px){
  html body .spotlight .panel,
  html body .spotlight .latest-panel{
    height:auto !important;
    min-height:0 !important;
  }
  html body .spotlight .featured-body,
  html body .spotlight .latest-panel .latest-body{
    height:auto !important;
    min-height:0 !important;
    grid-template-columns:1fr !important;
  }
  html body .spotlight .featured-copy{
    padding:20px !important;
  }
  html body .spotlight .castle{
    height:auto !important;
    max-height:330px !important;
  }
  html body .spotlight .latest-panel .latest-body{
    padding:20px !important;
  }
  html body .spotlight .latest-book-frame{
    margin:0 auto 10px !important;
  }
  html body .spotlight .latest-panel .latest-copy{
    width:100% !important;
  }
}

/* hero-stable.css */
/* v1.5 — balanced desktop hero.
   The wide artwork contains the original scene intact on the right and a dark extension on the left.
   On narrower desktop widths only that extension is cropped, never the book or globe. */
@media (min-width:821px){
  html body .hero{
    --hero-left:max(300px, calc((100vw - 1400px) / 2 + 340px));
    --hero-right:max(0px, calc((100vw - 1400px) / 2));
    height:438px !important;
    overflow:hidden !important;
  }
  html body .hero .hero-art{
    top:62px !important;
    bottom:auto !important;
    left:var(--hero-left) !important;
    right:auto !important;
    width:calc(100vw - var(--hero-left) - var(--hero-right)) !important;
    max-width:none !important;
    height:375px !important;
    object-fit:cover !important;
    object-position:right center !important;
  }
  html body .hero::after{
    background:linear-gradient(90deg,
      #020202 0%,
      #020202 24%,
      rgba(2,2,2,.96) 29%,
      rgba(2,2,2,.76) 37%,
      rgba(2,2,2,.28) 48%,
      transparent 60%) !important;
  }
}

/* hero-ambient.css */
/* v2.6 — approved desktop ambient motion: window light only. */
@media (min-width:821px){
  html body .hero .hero-art{z-index:0 !important;}
  html body .hero .hero-ambient{
    position:absolute;
    top:62px;
    left:var(--hero-left);
    width:calc(100vw - var(--hero-left) - var(--hero-right));
    height:375px;
    z-index:1;
    overflow:hidden;
    pointer-events:none;
    isolation:isolate;
  }
  html body .hero::after{z-index:2;}
  html body .hero .hero-shell{z-index:3;}
  html body .hero .ambient-window{
    position:absolute;
    top:-32px;
    right:232px;
    width:242px;
    height:274px;
    border-radius:50%;
    background:radial-gradient(ellipse at 50% 43%,rgba(255,232,168,.38) 0%,rgba(235,185,92,.23) 30%,rgba(184,119,38,.10) 52%,rgba(0,0,0,0) 74%);
    filter:blur(5px);
    mix-blend-mode:screen;
    opacity:.58;
    transform-origin:50% 45%;
    animation:windowBreath 7.6s ease-in-out infinite;
    will-change:opacity,transform,filter;
  }
  html body .hero .ambient-window::after{
    content:"";
    position:absolute;
    left:28px;
    right:28px;
    top:88px;
    height:236px;
    background:linear-gradient(180deg,rgba(255,229,164,.19),rgba(223,160,73,.07) 44%,rgba(0,0,0,0) 100%);
    clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);
    filter:blur(14px);
    opacity:.62;
  }
  @keyframes windowBreath{
    0%,100%{opacity:.54;transform:scale(.99);filter:blur(5.2px)}
    38%{opacity:.72;transform:scale(1.022);filter:blur(4px)}
    68%{opacity:.60;transform:scale(1.007);filter:blur(4.8px)}
  }
}
@media (max-width:820px){html body .hero .hero-ambient{display:none !important}}
@media (prefers-reduced-motion:reduce){
  html body .hero .hero-ambient *{animation:none !important}
  html body .hero .ambient-window{opacity:.58 !important}
}

/* micro-fixes.css */
/* v1.6 — isolated micro-adjustments; no layout rewrites */
/* The collections heading and the five-cover row already share the exact same center. */
.collections .section-heading,
.collections .collections-row{
  margin-left:auto;
  margin-right:auto;
}

/* The seal asset now has a transparent alpha channel; keep its box pure black. */
.newsletter-seal{
  background:transparent !important;
}

/* Raise only the footer brand, without shifting the footer columns. */
.footer-brand{
  transform:translateY(-20px) !important;
}

/* Official Font Awesome TikTok glyph, centered like the other social marks. */
.social-tiktok i{
  font-size:16px;
  line-height:1;
  transform:translateY(.25px);
}

@media(max-width:820px){
  .footer-brand{transform:none !important}
}

/* content-final.css */
/* v1.7 — final-content insertion only. No structural changes outside Latest Release. */
html body .spotlight .latest-panel .latest-copy h3{
  letter-spacing:.005em !important;
}
html body .spotlight .latest-panel .latest-copy .meta{
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
}
html body .spotlight .latest-panel .latest-copy p{
  max-width:100% !important;
}
@media (max-width:1100px) and (min-width:821px){
  html body .spotlight .latest-panel .latest-copy h3{
    font-size:19px !important;
  }
  html body .spotlight .latest-panel .latest-copy .meta{
    font-size:8.4px !important;
  }
  html body .spotlight .latest-panel .latest-copy p{
    font-size:9.4px !important;
    line-height:1.34 !important;
  }
}

/* v1.8 — align the two spotlight CTAs without changing any other section. */
@media (min-width:821px){
  html body .spotlight .featured-copy,
  html body .spotlight .latest-panel .latest-copy{
    justify-content:flex-start !important;
  }
  html body .spotlight .latest-panel .latest-copy{
    height:100% !important;
    align-self:stretch !important;
  }
  html body .spotlight .featured-copy .gold-button,
  html body .spotlight .latest-panel .latest-copy .gold-button{
    margin-top:auto !important;
  }
}
@media (min-width:1101px){
  html body .spotlight .featured-copy{
    padding-bottom:18px !important;
  }
}
@media (max-width:1100px) and (min-width:821px){
  html body .spotlight .featured-copy{
    padding-bottom:14px !important;
  }
}


/* v2.1 — Featured Collection image from The Black Concord bible: reduce scale and frame it cleanly. */
@media (min-width:821px){
  html body .spotlight .featured-body{
    grid-template-columns:minmax(0,44%) minmax(0,56%) !important;
    align-items:stretch !important;
  }
  html body .spotlight .featured-copy{
    padding-right:18px !important;
  }
  html body .spotlight .featured-visual{
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:16px 18px 16px 0 !important;
    overflow:hidden !important;
  }
  html body .spotlight .featured-visual-frame{
    box-sizing:border-box !important;
    width:100% !important;
    height:252px !important;
    border:1px solid rgba(201,154,61,.58) !important;
    background:#000 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  html body .spotlight .featured-visual-frame .featured-art{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
  }
}
@media (max-width:1100px) and (min-width:821px){
  html body .spotlight .featured-visual{
    padding:14px 14px 14px 0 !important;
  }
  html body .spotlight .featured-visual-frame{
    height:220px !important;
  }
}
@media (max-width:820px){
  html body .spotlight .featured-visual{
    padding:0 !important;
  }
  html body .spotlight .featured-visual-frame{
    width:100% !important;
    height:300px !important;
    border:1px solid rgba(201,154,61,.58) !important;
    background:#000 !important;
    overflow:hidden !important;
  }
  html body .spotlight .featured-visual-frame .featured-art{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}
@media (max-width:440px){
  html body .spotlight .featured-visual-frame{
    height:230px !important;
  }
}

/* home-readability.css */
/* v2.9.4 — larger spotlight copy inside the original card dimensions.
   The cards keep their established height; copy and CTAs use the available
   interior space without creating a large empty band. */

@media (min-width:1101px){
  html body .spotlight .panel,
  html body .spotlight .latest-panel{
    height:340px !important;
    min-height:340px !important;
  }

  html body .spotlight .featured-body{
    grid-template-columns:minmax(0,58%) minmax(0,42%) !important;
  }
  html body .spotlight .featured-copy{
    padding:14px 16px 14px 18px !important;
    justify-content:center !important;
  }
  html body .spotlight .collection-lockup{
    grid-template-columns:64px minmax(0,1fr) !important;
    gap:11px !important;
    margin-bottom:9px !important;
  }
  html body .spotlight .collection-lockup img{
    width:64px !important;
    height:86px !important;
    max-width:64px !important;
  }
  html body .spotlight .collection-lockup h3{
    font-size:23px !important;
  }
  html body .spotlight .featured-copy .featured-quote{
    max-width:100% !important;
    font-size:18px !important;
    line-height:1.42 !important;
    margin-bottom:13px !important;
  }
  html body .spotlight .featured-visual{
    padding:14px 14px 14px 0 !important;
  }
  html body .spotlight .featured-visual-frame{
    height:270px !important;
  }

  html body .spotlight .latest-panel .latest-body{
    grid-template-columns:140px minmax(0,1fr) !important;
    gap:16px !important;
    padding:14px 16px !important;
  }
  html body .spotlight .latest-book-frame{
    width:136px !important;
    height:236px !important;
  }
  html body .spotlight .latest-panel .latest-book{
    width:126px !important;
    height:214px !important;
    max-width:126px !important;
    max-height:214px !important;
  }
  html body .spotlight .latest-panel .latest-copy{
    height:auto !important;
    align-self:center !important;
    justify-content:center !important;
  }
  html body .spotlight .latest-panel .latest-copy p:not(.meta){
    font-size:19px !important;
    line-height:1.42 !important;
    margin-bottom:14px !important;
  }

  html body .spotlight .featured-copy .gold-button,
  html body .spotlight .latest-panel .latest-copy .gold-button{
    margin-top:0 !important;
  }
}

@media (max-width:1100px) and (min-width:821px){
  html body .spotlight .panel,
  html body .spotlight .latest-panel{
    height:316px !important;
    min-height:316px !important;
  }
  html body .spotlight .featured-body{
    grid-template-columns:minmax(0,56%) minmax(0,44%) !important;
  }
  html body .spotlight .featured-copy{
    padding:12px 13px 12px 15px !important;
    justify-content:center !important;
  }
  html body .spotlight .collection-lockup{
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:9px !important;
    margin-bottom:7px !important;
  }
  html body .spotlight .collection-lockup img{
    width:54px !important;
    height:72px !important;
    max-width:54px !important;
  }
  html body .spotlight .collection-lockup h3{
    font-size:19px !important;
  }
  html body .spotlight .featured-copy .featured-quote{
    max-width:100% !important;
    font-size:16px !important;
    line-height:1.4 !important;
    margin-bottom:10px !important;
  }
  html body .spotlight .featured-visual{
    padding:12px 12px 12px 0 !important;
  }
  html body .spotlight .featured-visual-frame{
    height:250px !important;
  }

  html body .spotlight .latest-panel .latest-body{
    grid-template-columns:118px minmax(0,1fr) !important;
    gap:12px !important;
    padding:12px 13px !important;
  }
  html body .spotlight .latest-book-frame{
    width:114px !important;
    height:210px !important;
  }
  html body .spotlight .latest-panel .latest-book{
    width:106px !important;
    height:194px !important;
    max-width:106px !important;
    max-height:194px !important;
  }
  html body .spotlight .latest-panel .latest-copy{
    height:auto !important;
    align-self:center !important;
    justify-content:center !important;
  }
  html body .spotlight .latest-panel .latest-copy p:not(.meta){
    font-size:17px !important;
    line-height:1.4 !important;
    margin-bottom:11px !important;
  }
  html body .spotlight .featured-copy .gold-button,
  html body .spotlight .latest-panel .latest-copy .gold-button{
    margin-top:0 !important;
  }
}

/* Stacked tablet cards retain the established 340px height. */
@media (max-width:820px) and (min-width:561px){
  html body .spotlight .panel,
  html body .spotlight .latest-panel{
    height:340px !important;
    min-height:340px !important;
  }
  html body .spotlight .featured-copy .featured-quote{
    max-width:100% !important;
    font-size:18px !important;
    line-height:1.45 !important;
  }
  html body .spotlight .latest-panel .latest-copy p:not(.meta){
    font-size:19px !important;
    line-height:1.45 !important;
  }
  html body .spotlight .featured-visual-frame{
    height:296px !important;
  }
}

/* Phones use their natural card height and readable type. */
@media (max-width:560px){
  html body .spotlight .featured-copy .featured-quote{
    max-width:100% !important;
    font-size:16.5px !important;
    line-height:1.5 !important;
    margin-bottom:14px !important;
  }
  html body .spotlight .latest-panel .latest-copy p:not(.meta){
    font-size:17px !important;
    line-height:1.5 !important;
    margin-bottom:15px !important;
  }
}

/* home-editorial-sidebar-v2.12.14.css */
/* v2.12.14 — Home editorial collections + discovery cards
   Scope: homepage only. Preserves all cover proportions and gives each
   discovery card its own independent gold frame. */

.home-editorial-section{
  padding:0 0 19px;
}
.home-editorial-grid{
  display:grid;
  grid-template-columns:minmax(0,2.18fr) minmax(320px,.92fr);
  gap:20px;
  align-items:stretch;
}
.home-collections-panel{
  min-width:0;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 50% 108%,rgba(201,154,61,.055),transparent 45%),
    linear-gradient(180deg,#060606 0%,#030303 100%);
  padding:0 18px 18px;
  box-shadow:inset 0 0 50px rgba(0,0,0,.52);
}
.home-collections-panel .section-heading{
  height:43px;
}
.home-collections-panel .collections-row{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:22px 20px;
  align-items:start;
  width:100%;
}
.home-collections-panel .collection-card{
  grid-column:span 2;
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:center;
}
.home-collections-panel .collection-card:nth-child(4){
  grid-column:2 / span 2;
}
.home-collections-panel .collection-card:nth-child(5){
  grid-column:4 / span 2;
}
.home-collections-panel .collection-cover{
  width:100%;
  aspect-ratio:640 / 1023;
  border:1px solid rgba(201,154,61,.62);
  background:#000;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-collections-panel .collection-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#000;
  border:0;
}
.home-collections-panel .collection-card h3{
  min-height:2.7em;
  margin:9px 3px 6px;
  font-size:12px;
  line-height:1.32;
  font-weight:normal;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.home-collections-panel .collection-card a{
  margin-top:auto;
}

.home-discovery-stack{
  min-width:0;
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:20px;
}
.home-discovery-card{
  position:relative;
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  border:1px solid var(--line);
  background:#050505;
  box-shadow:inset 0 0 52px rgba(0,0,0,.65);
}
.home-discovery-card::before{
  content:"";
  position:absolute;
  inset:8px;
  z-index:3;
  pointer-events:none;
  border:1px solid rgba(201,154,61,.34);
  box-shadow:inset 0 0 28px rgba(201,154,61,.025);
}
.home-discovery-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(1,1,1,.98) 0%,rgba(2,2,2,.94) 45%,rgba(2,2,2,.52) 70%,rgba(2,2,2,.13) 100%),
    linear-gradient(180deg,rgba(0,0,0,.13),rgba(0,0,0,.52));
}
.home-discovery-media{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:74% center;
  filter:saturate(.83) contrast(1.05) brightness(.79);
  transition:opacity .24s ease;
}
.home-discovery-content{
  position:relative;
  z-index:2;
  width:67%;
  height:100%;
  min-height:100%;
  padding:29px 18px 24px 24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.home-discovery-eyebrow{
  color:var(--gold2);
  font-size:10px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.045em;
  margin:0 0 12px;
}
.home-discovery-title{
  color:var(--gold2);
  font-size:clamp(20px,1.9vw,28px);
  line-height:1.08;
  font-weight:normal;
  text-transform:uppercase;
  margin:0 0 12px;
}
.home-discovery-card.is-journal .home-discovery-title{
  font-size:clamp(18px,1.55vw,24px);
  text-transform:none;
  line-height:1.16;
}
.home-discovery-copy{
  color:#d9d1c4;
  font-size:12px;
  line-height:1.48;
  margin:0 0 10px;
}
.home-discovery-points{
  display:flex;
  flex-wrap:wrap;
  gap:5px 9px;
  color:#c9bda9;
  font-size:10px;
  line-height:1.3;
  margin:0 0 15px;
}
.home-discovery-points span::before{
  content:"◇";
  color:var(--gold2);
  margin-right:5px;
}
.home-discovery-date{
  color:#9f9382;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin:-2px 0 13px;
}
.home-discovery-card .gold-button{
  margin-top:auto;
  position:relative;
  z-index:4;
}
.home-discovery-card.is-loading .home-discovery-media{
  opacity:.62;
}

@media(max-width:1080px){
  .home-editorial-grid{
    grid-template-columns:1fr;
  }
  .home-discovery-stack{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
  }
  .home-discovery-card{
    min-height:340px;
  }
}

@media(max-width:760px){
  .home-collections-panel{
    padding:0 16px 18px;
  }
  .home-collections-panel .collections-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 18px;
  }
  .home-collections-panel .collection-card,
  .home-collections-panel .collection-card:nth-child(4){
    grid-column:auto;
  }
  .home-collections-panel .collection-card:nth-child(5){
    grid-column:1 / -1;
    width:min(100%,250px);
    justify-self:center;
  }
  .home-discovery-stack{
    grid-template-columns:1fr;
  }
  .home-discovery-card{
    min-height:330px;
  }
  .home-discovery-content{
    width:72%;
  }
}

@media(max-width:460px){
  .home-collections-panel{
    padding:0 14px 18px;
  }
  .home-collections-panel .collections-row{
    grid-template-columns:1fr;
  }
  .home-collections-panel .collection-card,
  .home-collections-panel .collection-card:nth-child(4),
  .home-collections-panel .collection-card:nth-child(5){
    grid-column:auto;
    width:min(100%,250px);
    justify-self:center;
  }
  .home-discovery-card{
    min-height:360px;
  }
  .home-discovery-card::after{
    background:
      linear-gradient(90deg,rgba(1,1,1,.98) 0%,rgba(2,2,2,.88) 62%,rgba(2,2,2,.40) 100%),
      linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55));
  }
  .home-discovery-content{
    width:82%;
    padding:28px 18px 24px 22px;
  }
  .home-discovery-title{
    font-size:22px;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-discovery-media{transition:none}
}

/* release-hardening-v2.10.69.css */
/* v2.10.60 — release hardening, accessibility, stable media rendering */
html{scroll-padding-top:92px}
img{max-width:100%}
img.seo-cover-image{background:#030303}
:focus-visible{outline:3px solid #e6bd69!important;outline-offset:4px!important}
.site-footer .template-credit,.template-credit{font-size:12px!important;line-height:1.55!important;color:#a49d91!important}
.site-footer a:not(.social-facebook):not(.social-tiktok):not(.social-pinterest):not(.social-youtube){padding-block:3px}
.cookie-detail-card{display:block!important;margin-top:18px}
.cookie-detail-card span{display:block;margin-bottom:8px;color:#d6ad5b;font-weight:700;overflow-wrap:anywhere}
.cookie-detail-card p{margin:4px 0!important}
@media (pointer:coarse){
  .site-footer a:not(.social-facebook):not(.social-tiktok):not(.social-pinterest):not(.social-youtube){display:flex;align-items:center;min-height:40px}
}

.site-footer .copyright,.copyright{font-size:11px!important;line-height:1.55!important;color:#a49d91!important}

/* v2.10.63 — full-site media and collection layout repair */
/* Preserve each page's own object-fit rules. The previous global !important
   caused cover letterboxing, giant empty bands and unreadable previews. */
img.seo-cover-image{background:#030303}

/* Collection hero covers: keep the blending veil behind the actual book. */
.pale-sequence-page .hero-visual::after,
.blackmere-files-page .hero-visual::after{z-index:2;opacity:.38}
.pale-sequence-page .hero-cover,
.blackmere-files-page .hero-cover{overflow:visible}
.pale-sequence-page .hero-cover img,
.blackmere-files-page .hero-cover img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

/* Collection book covers: use the natural cover ratio and never create
   oversized empty rectangles around the artwork. */
.pale-sequence-page .cover-frame img,
.blackmere-files-page .cover-frame img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.heart-of-steam-page .cover-frame{aspect-ratio:5/8}
.heart-of-steam-page .cover-frame img{object-fit:cover;object-position:center}
.orbital-command-academy-page .book-cover img{object-fit:cover;object-position:center top}
.orbital-command-academy-page .book-card:nth-child(2) .book-cover img,
.orbital-command-academy-page .book-card:nth-child(3) .book-cover img{object-fit:contain}

/* Heart of Steam centerpiece: show the whole mechanical heart rather than a
   narrow bright slice disappearing into the black background. */
.heart-of-steam-page .mechanical-heart{overflow:visible}
.heart-of-steam-page .mechanical-heart img{width:88%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:50%;background:radial-gradient(circle,rgba(8,17,22,.22),rgba(2,5,7,.92));box-shadow:0 0 0 1px rgba(229,185,94,.24),0 24px 65px rgba(0,0,0,.52);}

/* Thirteenth Seal collection: contain large editorial art within readable
   columns and keep covers/maps at their natural ratio. */
.thirteenth-seal-academy-page .map-frame{width:min(100%,620px);justify-self:center}
.thirteenth-seal-academy-page .map-frame img,
.thirteenth-seal-academy-page .book-stage img{height:auto;object-fit:contain}
.thirteenth-seal-academy-page .fox-panel img{object-position:center top}

/* Bonus archives — document previews must be readable in full. Portrait PDFs
   get a taller stage; landscape material gets a lower wide stage. */
.hos-bonus-page .hos-material-card,
.oca-bonus-page .oca-material-card,
.blackmere-bonus-page .bm-material-card,
.pale-bonus-page .pale-material-card,
.tsa-bonus-page .tsa-material-card,
.tbc-vault-page .tbc-material-card{grid-template-rows:auto minmax(0,1fr)}

.hos-bonus-page .hos-material-visual,
.oca-bonus-page .oca-material-visual,
.blackmere-bonus-page .bm-material-visual,
.pale-bonus-page .pale-material-visual,
.tsa-bonus-page .tsa-material-visual,
.tbc-vault-page .tbc-material-visual{height:320px;display:grid;place-items:center;padding:12px;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.035),transparent 62%),#030506}

.hos-bonus-page .hos-material-visual--portrait,
.oca-bonus-page .oca-material-visual--portrait,
.blackmere-bonus-page .bm-material-visual--portrait,
.pale-bonus-page .pale-material-visual--portrait,
.tsa-bonus-page .tsa-material-visual--portrait,
.tbc-vault-page .tbc-material-card:not(.tbc-material-card--wide) .tbc-material-visual{height:460px}

.tsa-bonus-page .tsa-material-visual--wide{height:300px}

.hos-bonus-page .hos-material-visual img,
.oca-bonus-page .oca-material-visual img,
.blackmere-bonus-page .bm-material-visual img,
.pale-bonus-page .pale-material-visual img,
.tsa-bonus-page .tsa-material-visual img,
.tbc-vault-page .tbc-material-visual img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:none}

.hos-bonus-page .hos-material-visual::after,
.oca-bonus-page .oca-material-visual::after,
.blackmere-bonus-page .bm-material-visual::after,
.pale-bonus-page .pale-material-visual::after,
.tsa-bonus-page .tsa-material-visual::after,
.tbc-vault-page .tbc-material-visual::after{background:linear-gradient(180deg,transparent 72%,rgba(3,5,6,.48));pointer-events:none}

.hos-bonus-page .hos-material-card--wide,
.oca-bonus-page .oca-material-card--wide,
.pale-bonus-page .pale-material-card--wide,
.tbc-vault-page .tbc-material-card--wide{grid-template-rows:none}
.hos-bonus-page .hos-material-card--wide .hos-material-visual,
.oca-bonus-page .oca-material-card--wide .oca-material-visual,
.pale-bonus-page .pale-material-card--wide .pale-material-visual,
.tbc-vault-page .tbc-material-card--wide .tbc-material-visual{height:auto;min-height:360px}

/* Avoid headings or buttons forcing horizontal overflow on smaller screens. */
.primary-nav a,.hero-copy,.book-copy,.material-content{min-width:0}
h1,h2,h3,p,a{overflow-wrap:break-word}

@media(max-width:900px){
  .pale-sequence-page .hero-cover,
  .blackmere-files-page .hero-cover{width:min(350px,82vw)}
  .heart-of-steam-page .mechanical-heart img{width:92%}
  .thirteenth-seal-academy-page .map-frame{width:min(100%,560px)}
  .hos-bonus-page .hos-material-visual--portrait,
  .oca-bonus-page .oca-material-visual--portrait,
  .blackmere-bonus-page .bm-material-visual--portrait,
  .pale-bonus-page .pale-material-visual--portrait,
  .tsa-bonus-page .tsa-material-visual--portrait,
  .tbc-vault-page .tbc-material-card:not(.tbc-material-card--wide) .tbc-material-visual{height:430px}
}

@media(max-width:620px){
  .pale-sequence-page .cover-frame,
  .blackmere-files-page .cover-frame{max-width:360px;margin-inline:auto}
  .heart-of-steam-page .mechanical-heart img{width:96%}
  .hos-bonus-page .hos-material-visual,
  .oca-bonus-page .oca-material-visual,
  .blackmere-bonus-page .bm-material-visual,
  .pale-bonus-page .pale-material-visual,
  .tsa-bonus-page .tsa-material-visual,
  .tbc-vault-page .tbc-material-visual{height:250px;padding:9px}
  .hos-bonus-page .hos-material-visual--portrait,
  .oca-bonus-page .oca-material-visual--portrait,
  .blackmere-bonus-page .bm-material-visual--portrait,
  .pale-bonus-page .pale-material-visual--portrait,
  .tsa-bonus-page .tsa-material-visual--portrait,
  .tbc-vault-page .tbc-material-card:not(.tbc-material-card--wide) .tbc-material-visual{height:390px}
  .tsa-bonus-page .tsa-material-visual--wide{height:230px}
  .hos-bonus-page .hos-material-card--wide,
  .oca-bonus-page .oca-material-card--wide,
  .pale-bonus-page .pale-material-card--wide,
  .tbc-vault-page .tbc-material-card--wide{grid-template-rows:auto minmax(0,1fr)}
  .hos-bonus-page .hos-material-card--wide .hos-material-visual,
  .oca-bonus-page .oca-material-card--wide .oca-material-visual,
  .pale-bonus-page .pale-material-card--wide .pale-material-visual,
  .tbc-vault-page .tbc-material-card--wide .tbc-material-visual{height:250px;min-height:0}
}

/* v2.10.64 — Thirteenth Seal Fox section proportion repair */
@media (min-width:981px){
  .thirteenth-seal-academy-page .fox-grid{
    grid-template-columns:minmax(320px,440px) minmax(0,1fr);
    align-items:center;
  }
  .thirteenth-seal-academy-page .fox-panel{
    width:100%;
    aspect-ratio:4/5;
    max-height:620px;
    align-self:center;
  }
  .thirteenth-seal-academy-page .fox-panel img{
    display:block;
    width:100%;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center center;
  }
  .thirteenth-seal-academy-page .fox-copy{
    align-self:center;
  }
}
@media (max-width:980px){
  .thirteenth-seal-academy-page .fox-panel{
    width:min(100%,620px);
    aspect-ratio:4/5;
  }
  .thirteenth-seal-academy-page .fox-panel img{
    display:block;
    width:100%;
    height:100%;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center center;
  }
}

/* v2.10.65 — News page editorial image alignment */
/* Keep the Saintless Bride artwork at its existing scale, give the portrait
   enough vertical room, and lift it slightly so the complete title remains
   readable without clipping the bride's head. */
@media (min-width:761px){
  .news-page .news-card-media--portrait{
    height:520px;
    align-items:start;
  }
  .news-page .news-card-media--portrait img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:initial;
    object-position:center top;
    transform:translateY(-30px);
  }
}
@media (min-width:471px) and (max-width:760px){
  .news-page .news-card-media--portrait{
    height:500px;
    align-items:start;
  }
  .news-page .news-card-media--portrait img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:initial;
    object-position:center top;
    transform:translateY(-22px);
  }
}
@media (max-width:470px){
  .news-page .news-card-media--portrait{
    height:430px;
    align-items:start;
  }
  .news-page .news-card-media--portrait img{
    display:block;
    width:100%;
    height:auto;
    max-height:none;
    object-fit:initial;
    object-position:center top;
    transform:translateY(-18px);
  }
}

/* Use the first archive card's 12:7 landscape canvas as the common visual
   standard. Portrait and extra-wide sources stay undistorted and receive
   controlled black letterboxing inside an identical image area. */
.news-page .news-archive-image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:12/7;
  object-fit:contain;
  object-position:center;
  background:#000;
  transform:none;
}


/* v2.10.67 — compact, top-aligned footer for collection and standalone-book detail pages. */
.editorial-detail-page .site-footer{
  padding:38px 0 18px!important;
  min-height:0!important;
}
.editorial-detail-page .site-footer .footer-grid{
  grid-template-columns:minmax(140px,1.15fr) repeat(4,minmax(0,1fr))!important;
  gap:30px!important;
  align-items:start!important;
}
.editorial-detail-page .site-footer .footer-brand{
  align-self:start!important;
  justify-content:flex-start!important;
  transform:none!important;
}
.editorial-detail-page .site-footer .footer-brand img{
  width:auto!important;
  height:96px!important;
  max-width:130px!important;
  margin:0!important;
  object-fit:contain!important;
}
.editorial-detail-page .site-footer h2{
  margin:0 0 10px!important;
}
.editorial-detail-page .site-footer a:not(.social-facebook):not(.social-tiktok):not(.social-pinterest):not(.social-youtube){
  margin:5px 0!important;
  padding:0!important;
  line-height:1.35!important;
}
.editorial-detail-page .site-footer .follow{
  align-self:start!important;
}
.editorial-detail-page .site-footer .copyright{
  margin:26px 0 0!important;
}
.editorial-detail-page .site-footer .template-credit{
  display:none!important;
}
@media(max-width:980px){
  .editorial-detail-page .site-footer .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 40px!important;
  }
  .editorial-detail-page .site-footer .footer-brand{
    grid-column:1/-1!important;
  }
}
@media(max-width:620px){
  .editorial-detail-page .site-footer{
    padding:34px 0 18px!important;
  }
  .editorial-detail-page .site-footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:24px!important;
    text-align:center!important;
  }
  .editorial-detail-page .site-footer .footer-brand{
    grid-column:auto!important;
    justify-content:center!important;
  }
  .editorial-detail-page .site-footer .footer-brand img{
    margin:0 auto!important;
  }
  .editorial-detail-page .site-footer .socials{
    justify-content:center!important;
  }
}

/* v2.10.69 — Pale Sequence cover alignment
   Keep all six cover frames identical in height while preserving the full artwork. */
.pale-sequence-page .books-grid .cover-frame{
  aspect-ratio:5/8;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pale-sequence-page .books-grid .cover-frame img.seo-cover-image{
  display:block;
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}


/* v2.11.10 — FOOTER-ONLY REPAIR
   Scope deliberately limited to the global footer:
   - keep all five desktop columns inside the viewport;
   - keep the social controls visible and optically consistent;
   - give the copyright line enough bottom breathing room;
   - preserve responsive stacking without touching page content. */
.site-footer{
  min-height:0!important;
  padding-bottom:28px!important;
  overflow:visible!important;
}
.site-footer .footer-grid{
  grid-template-columns:150px repeat(4,minmax(0,1fr))!important;
  column-gap:clamp(18px,2.2vw,34px)!important;
  row-gap:24px!important;
  align-items:start!important;
}
.site-footer .footer-grid>*{
  min-width:0!important;
}
.site-footer .footer-brand{
  align-self:start!important;
  transform:none!important;
}
.site-footer .follow{
  min-width:0!important;
}
.site-footer .socials{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.site-footer .socials a{
  box-sizing:border-box!important;
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
}
.site-footer .socials svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  fill:currentColor!important;
  transform:none!important;
}
.site-footer .social-facebook svg{
  width:17px!important;
  height:17px!important;
}
.site-footer .social-tiktok svg{
  width:17px!important;
  height:17px!important;
}
.site-footer .social-pinterest svg{
  width:18px!important;
  height:18px!important;
}
.site-footer .social-youtube svg{
  width:18px!important;
  height:18px!important;
}
.site-footer .copyright{
  margin:30px 0 0!important;
  padding:0 12px 6px!important;
  line-height:1.45!important;
  overflow:visible!important;
}

/* Detail pages already had a compact footer; only inherit the safety fixes. */
.editorial-detail-page .site-footer{
  padding-bottom:28px!important;
}
.editorial-detail-page .site-footer .copyright{
  margin:30px 0 0!important;
  padding-bottom:6px!important;
}

@media(max-width:980px){
  .site-footer .footer-grid,
  .editorial-detail-page .site-footer .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px 40px!important;
  }
  .site-footer .footer-brand,
  .editorial-detail-page .site-footer .footer-brand{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:620px){
  .site-footer,
  .editorial-detail-page .site-footer{
    padding-bottom:30px!important;
  }
  .site-footer .footer-grid,
  .editorial-detail-page .site-footer .footer-grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
    text-align:center!important;
  }
  .site-footer .footer-brand,
  .editorial-detail-page .site-footer .footer-brand{
    grid-column:auto!important;
    justify-content:center!important;
  }
  .site-footer .footer-brand img,
  .editorial-detail-page .site-footer .footer-brand img{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .site-footer .socials,
  .editorial-detail-page .site-footer .socials{
    justify-content:center!important;
  }
}