/* about-contact.css */
:root{
  --page-bg:#030405;
  --page-panel:#070808;
  --page-ivory:#f1eadf;
  --page-muted:#b9b0a5;
  --page-gold:#c99a3d;
  --page-gold-soft:#e1b65e;
  --page-line:rgba(201,154,61,.34);
}

.about-page,.contact-page{background:var(--page-bg);color:var(--page-ivory)}
.about-page .site-header,.contact-page .site-header{position:absolute}
.about-page main,.contact-page main{overflow:hidden}

.info-hero{position:relative;min-height:610px;display:flex;align-items:center;border-bottom:1px solid rgba(201,154,61,.18);isolation:isolate;background:#030405}
.info-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,3,4,.96) 0%,rgba(2,3,4,.76) 39%,rgba(2,3,4,.33) 67%,rgba(2,3,4,.72) 100%),linear-gradient(180deg,rgba(1,2,3,.15),rgba(1,2,3,.88)),var(--hero-image);background-size:cover;background-position:center;z-index:-2}
.info-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 34%,rgba(201,154,61,.13),transparent 30%),linear-gradient(90deg,transparent 0 72%,rgba(0,0,0,.48));z-index:-1}
.about-page .info-hero{--hero-image:url('../images/collections-hero.webp')}
.contact-page .info-hero{--hero-image:url('../images/new-arrivals-generated-bg.webp');min-height:700px}
.info-hero .shell{padding-top:108px;padding-bottom:70px}
.info-breadcrumb{display:flex;gap:12px;align-items:center;color:#9f968b;font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:50px}
.info-breadcrumb a{color:var(--page-gold-soft)}
.info-kicker{font-family:Arial,sans-serif;color:var(--page-gold-soft);font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.32em;margin:0 0 18px}
.info-hero h1{max-width:800px;font-size:clamp(58px,7.6vw,108px);line-height:.9;font-weight:400;letter-spacing:-.045em;margin:0;color:#f4eee4;text-shadow:0 9px 30px rgba(0,0,0,.8)}
.info-rule{display:flex;align-items:center;width:min(420px,64vw);margin:30px 0 28px}
.info-rule::before,.info-rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--page-gold))}
.info-rule::after{background:linear-gradient(90deg,var(--page-gold),transparent)}
.info-rule span{width:12px;height:12px;border:1px solid var(--page-gold);transform:rotate(45deg);margin:0 18px;box-shadow:0 0 12px rgba(201,154,61,.22)}
.info-lead{max-width:680px;font-size:clamp(21px,2vw,30px);line-height:1.45;color:#e4ddd3;margin:0}

.info-section{position:relative;padding:100px 0}
.info-section + .info-section{border-top:1px solid rgba(201,154,61,.13)}
.info-section--deep{background:radial-gradient(circle at 50% -10%,rgba(201,154,61,.08),transparent 36%),#050606}
.info-section--panel{background:linear-gradient(180deg,#050606,#030404)}
.section-eyebrow{font-family:Arial,sans-serif;color:var(--page-gold-soft);font-size:11px;text-transform:uppercase;letter-spacing:.28em;margin-bottom:15px}
.info-section h2{font-size:clamp(40px,4.5vw,70px);line-height:1.02;font-weight:400;letter-spacing:-.025em;margin:0 0 28px;color:#f3ede4}
.info-section p{color:#c9c0b5;font-size:18px;line-height:1.75;margin:0 0 22px}

.about-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:90px;align-items:center}
.about-mark{position:relative;min-height:500px;border:1px solid var(--page-line);background:linear-gradient(140deg,rgba(201,154,61,.08),transparent 48%),radial-gradient(circle at 50% 45%,rgba(225,182,94,.13),transparent 30%),#050606;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 80px rgba(0,0,0,.8);padding:28px 20px}
.about-mark::before,.about-mark::after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(201,154,61,.2);border-radius:50%}
.about-mark::after{width:230px;height:230px;border-style:dashed;transform:rotate(24deg)}
.about-logo-lockup{position:relative;z-index:2;width:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 0 30px rgba(201,154,61,.2));transform:translateY(-5px)}
.about-logo-main{display:block;width:100%;height:auto;opacity:.97}
.about-logo-workshop{display:block;margin-top:-24px;padding-left:.34em;color:#d2a44b;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:600;line-height:1.55;letter-spacing:.34em;white-space:nowrap;text-shadow:0 0 10px rgba(201,154,61,.16)}
.about-mark .mark-words{position:absolute;inset:auto 30px 34px;text-align:center;color:#9e927f;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.25em;text-transform:uppercase;z-index:3}

.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.value-card{min-height:285px;padding:36px 34px;border:1px solid rgba(201,154,61,.3);background:linear-gradient(145deg,rgba(201,154,61,.06),transparent 48%),#070808;position:relative}
.value-card::after{content:"";position:absolute;left:34px;right:34px;bottom:24px;height:1px;background:linear-gradient(90deg,var(--page-gold),transparent)}
.value-number{font-family:Arial,sans-serif;color:#5da8d8;font-size:11px;letter-spacing:.18em}
.value-card h3{font-size:31px;line-height:1.12;font-weight:400;margin:24px 0 16px;color:#f2ebe2}
.value-card p{font-size:16px;line-height:1.65;margin:0;color:#bdb4a8}

.genre-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(201,154,61,.2);background:rgba(201,154,61,.2);margin-top:46px}
.genre-item{min-height:150px;padding:31px;background:#050606;display:flex;flex-direction:column;justify-content:center}
.genre-item span{font-family:Arial,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.24em;color:#5da8d8;margin-bottom:12px}
.genre-item strong{font-weight:400;font-size:24px;color:#eee7dd}

.info-cta{padding:80px 0;background:radial-gradient(circle at 50% 10%,rgba(201,154,61,.11),transparent 45%),#050606;text-align:center;border-top:1px solid rgba(201,154,61,.2)}
.info-cta h2{font-size:clamp(42px,5vw,72px);font-weight:400;line-height:1;margin-bottom:20px}
.info-cta p{max-width:660px;margin:0 auto 34px;color:#bdb4a8;font-size:18px;line-height:1.7}
.info-button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-width:285px;border:1px solid var(--page-gold);padding:17px 22px;color:var(--page-gold-soft);font-family:Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;transition:.2s ease}
.info-button:hover,.info-button:focus{background:var(--page-gold);color:#050505}

.contact-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:70px;align-items:start}
.contact-copy{padding-right:30px}
.contact-types{display:grid;gap:1px;background:rgba(201,154,61,.18);border:1px solid rgba(201,154,61,.18);margin-top:42px}
.contact-type{background:#050606;padding:25px 27px;display:grid;grid-template-columns:54px 1fr;gap:20px;align-items:start}
.contact-type span{font-family:Arial,sans-serif;color:#5da8d8;font-size:11px;letter-spacing:.15em;padding-top:6px}
.contact-type h3{font-size:25px;font-weight:400;color:#eee8df;margin:0 0 7px}
.contact-type p{font-size:15px;line-height:1.55;margin:0;color:#aaa195}
.contact-panel{border:1px solid var(--page-line);padding:40px;background:linear-gradient(145deg,rgba(201,154,61,.07),transparent 50%),#070808;box-shadow:inset 0 0 80px rgba(0,0,0,.55)}
.contact-panel h2{font-size:42px;margin-bottom:15px}
.contact-panel > p{font-size:16px;line-height:1.65;margin-bottom:28px}
.contact-socials{display:grid;gap:12px}
.contact-social{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(201,154,61,.35);padding:16px 18px;color:#e9e1d7;background:#040505;transition:.2s ease}
.contact-social:hover,.contact-social:focus{border-color:var(--page-gold-soft);background:rgba(201,154,61,.08)}
.contact-social .social-label{display:flex;align-items:center;gap:16px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.contact-social i{color:var(--page-gold-soft);font-size:18px;width:22px;text-align:center}
.contact-social svg{width:20px;height:20px;display:block;fill:currentColor;color:var(--page-gold-soft);flex:0 0 20px}
.contact-social .arrow{color:var(--page-gold-soft)}
.contact-email-note{margin-top:28px;padding:22px;border-left:2px solid var(--page-gold);background:rgba(201,154,61,.055)}
.contact-email-note strong{display:block;color:#e6ded3;font-weight:400;font-size:19px;margin-bottom:7px}
.contact-email-link{display:inline-block;color:var(--page-gold-soft);font-family:Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;margin:2px 0 10px;text-decoration:none;overflow-wrap:anywhere}
.contact-email-link:hover,.contact-email-link:focus{color:#f0cc7b;text-decoration:underline;text-underline-offset:4px}
.contact-email-note p{margin:0;font-size:14px;line-height:1.55;color:#9e9589}
.contact-email-note .contact-verification-note{margin-top:16px;padding-top:16px;border-top:1px solid rgba(201,154,61,.16)}
.contact-privacy{padding:70px 0;border-top:1px solid rgba(201,154,61,.15);background:#040505}
.contact-privacy .shell{max-width:900px;text-align:center}
.contact-privacy h2{font-size:35px;font-weight:400;margin-bottom:18px}
.contact-privacy p{font-size:16px;color:#aaa195;line-height:1.7;margin:0}

@media(max-width:980px){
  .info-hero{min-height:560px}.contact-page .info-hero{min-height:620px}
  .about-intro-grid,.contact-wrap{grid-template-columns:1fr;gap:55px}
  .about-mark{min-height:390px}
  .values-grid{grid-template-columns:1fr}
  .value-card{min-height:0}
  .genre-list{grid-template-columns:repeat(2,1fr)}
  .contact-copy{padding-right:0}
}
@media(max-width:700px){
  .info-hero{min-height:510px}.contact-page .info-hero{min-height:580px}.info-hero .shell{padding-top:118px;padding-bottom:55px}
  .info-breadcrumb{margin-bottom:36px}
  .info-lead{font-size:19px}
  .info-section{padding:72px 0}
  .about-mark{min-height:330px}.about-logo-lockup{width:225px}.about-logo-workshop{font-size:12px;margin-top:-19px}.about-mark::before{width:250px;height:250px}.about-mark::after{width:175px;height:175px}
  .genre-list{grid-template-columns:1fr}.genre-item{min-height:110px}
  .contact-panel{padding:28px 22px}
  .contact-type{grid-template-columns:38px 1fr;padding:22px 18px;gap:13px}
  .info-button{min-width:0;width:100%}
}

/* qa-hotfix-v2.11.13.css */
/* Wonders Workshop v2.11.13 — cache-safe QA hotfixes */

/* Goodreads/KDP verification separator on Contact. */
.contact-email-note .contact-verification-note{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(201,154,61,.16);
}

/* Journal spacing formerly supplied by inline styles. */
.journal-more .journal-more-browse{
  margin-top:18px;
  margin-bottom:0;
}

/* Blackmere complete-pack CTA: WCAG AA text contrast on the coral background. */
.blackmere-bonus-page .bm-complete-button{
  background:#b94b43;
  color:#fff7f2;
}
.blackmere-bonus-page .bm-complete-button small{
  color:#fff7f2;
}
.blackmere-bonus-page .bm-complete-button:hover,
.blackmere-bonus-page .bm-complete-button:focus{
  background:#d87369;
  color:#070404;
}
.blackmere-bonus-page .bm-complete-button:hover small,
.blackmere-bonus-page .bm-complete-button:focus small{
  color:#24100e;
}

/* 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;
  }
}
