/* Conversion-focused editorial pass: make the first screen feel like an invitation to own the book. */
.hero{min-height:calc(100vh - 122px);grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);background:radial-gradient(circle at 26% 34%,#fffdf6 0,rgba(255,253,246,.72) 24%,transparent 49%),var(--ivory)}
.hero-copy{padding-top:clamp(66px,8vw,118px);padding-bottom:clamp(66px,8vw,118px);max-width:720px}
.hero-kicker{font-size:11px;letter-spacing:.28em;margin-bottom:18px}
.hero h1{font-size:clamp(68px,8vw,126px);line-height:.8;letter-spacing:-.085em}
.hero h1 em{display:inline-block;margin-left:.08em}
.hero-body{max-width:420px;margin:34px 0 27px;font-size:20px;line-height:1.34}
.hero-actions{gap:22px}
.hero-actions .primary{padding:17px 21px}
.hero-purchase{display:flex;align-items:center;gap:22px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(87,31,36,.2);max-width:440px}
.hero-purchase>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.hero-purchase span{font:500 9px var(--mono);letter-spacing:.1em;color:var(--muted)}
.hero-purchase strong{font:600 31px/1 var(--serif);color:var(--burgundy)}
.hero-purchase del{font:400 11px var(--mono);color:#9d8c7f}
.price-note{display:block;margin-top:5px;color:var(--burgundy);font:600 8px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.hero-purchase .price-note{flex-basis:100%}
.hero-purchase p{margin:0;color:var(--muted);font:400 9px/1.45 var(--mono);letter-spacing:.02em;max-width:145px}
.edition-line{margin-top:28px}
.hero-art{min-height:calc(100vh - 122px);background:linear-gradient(135deg,#2b1917,#140e0d 75%)}
.hero-art img{width:min(87%,680px);height:93%;filter:saturate(1.06) contrast(1.08) brightness(1.04);mix-blend-mode:normal;box-shadow:0 30px 50px rgba(0,0,0,.34)}
.hero-art:after{background:linear-gradient(90deg,rgba(40,23,21,.14),transparent 32%,rgba(0,0,0,.22))}
.hero-art .first-run{right:5%;bottom:8%;background:rgba(29,14,13,.55);backdrop-filter:blur(3px)}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eee4d4;padding:0 clamp(24px,11vw,180px)}
.proof-strip>div{display:flex;align-items:center;gap:15px;min-height:104px;padding:20px 18px;border-right:1px solid var(--line)}
.proof-strip>div:first-child{border-left:1px solid var(--line)}
.proof-strip strong{font:600 28px/1 var(--serif);color:var(--burgundy);white-space:nowrap}
.proof-strip span{font:400 9px/1.35 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.mobile-buybar{display:none}
.reserve-copy .button.primary{padding:17px 22px}
.reserve-note{margin:10px 0 19px}

/* The publisher story now carries the same rich, bookcloth atmosphere as the former craftsmanship panel. */
.about.about-dark{background:var(--burgundy);color:#f8eddf;position:relative;overflow:hidden}
.about.about-dark:before{content:'CRAFTED FOR THE LONG SHELF';position:absolute;right:clamp(24px,8vw,130px);top:48px;color:rgba(228,189,122,.5);font:500 9px var(--mono);letter-spacing:.16em}
.about.about-dark .about-mark{color:#d8b36f;text-shadow:10px 10px 0 rgba(39,20,19,.25)}
.about.about-dark h2{color:#f8eddf}
.about.about-dark h2 em{color:#e4bd7a}
.about.about-dark .eyebrow{color:#d5b47c}
.about.about-dark .about-content>p:not(.eyebrow){color:#dfd1c2}
.about.about-dark .about-content .lead{color:#fff4e5}
.about.about-dark .text-link{color:#f0cd8a}
@media(max-width:800px){.about.about-dark:before{top:28px;right:24px;font-size:7px}.about.about-dark .about-mark{font-size:160px}}

/* Collector edition: make each material feel like a small object in a cabinet of curiosities. */
.showcase-grid .feature-card:not(.large){
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  isolation:isolate;
  transition:transform .35s ease,box-shadow .35s ease,background .35s ease;
}
.showcase-grid .feature-card:not(.large):before{
  content:'';position:absolute;inset:0;z-index:-1;opacity:.9;
  background:radial-gradient(circle at 76% 22%,rgba(255,255,255,.65),transparent 22%),linear-gradient(145deg,rgba(255,255,255,.45),transparent 48%);
}
.showcase-grid .feature-card:not(.large):after{
  content:'';position:absolute;top:-30%;left:-70%;width:44%;height:180%;transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);transition:left .7s ease;pointer-events:none;
}
.showcase-grid .feature-card:not(.large):hover{transform:translateY(-7px);box-shadow:8px 12px 0 rgba(67,45,31,.14)}
.showcase-grid .feature-card:not(.large):hover:after{left:130%}
.showcase-grid .feature-card:nth-child(2){background:linear-gradient(145deg,#fbf4e7,#d4b88f 150%)}
.showcase-grid .feature-card:nth-child(3){background:linear-gradient(145deg,#eee4d1,#b8aa95 150%)}
.showcase-grid .feature-card:nth-child(4){background:linear-gradient(145deg,#f4e3c9,#c07843 160%)}
.showcase-grid .feature-card:not(.large)>span{position:absolute;top:22px;left:25px;font-size:11px;letter-spacing:.16em}
.showcase-grid .feature-card:not(.large) h3{font-size:29px;max-width:210px;margin:0 0 8px}
.showcase-grid .feature-card:not(.large) p{font-size:12px;line-height:1.45;max-width:220px}
.showcase-grid .detail-ring{margin:0 0 auto 0;font-size:70px;line-height:1;color:var(--gold);text-shadow:0 4px 0 rgba(87,31,36,.12)}
.showcase-grid .paper-swatch{width:155px;height:105px;margin:0 0 auto;border:1px solid rgba(95,72,48,.24);box-shadow:7px 7px 0 rgba(95,72,48,.12);transform:rotate(-4deg)}
.showcase-grid .ribbon{height:130px;width:17px;margin:0 0 auto 28px;box-shadow:8px 0 0 rgba(87,31,36,.12);transform:rotate(4deg)}
.feature-card.large{transition:transform .35s ease,box-shadow .35s ease}
.feature-card.large:hover{transform:translateY(-7px);box-shadow:10px 14px 0 rgba(67,45,31,.18)}
@media(max-width:800px){
  .showcase-grid .feature-card:not(.large){min-height:235px;padding:21px}
  .showcase-grid .feature-card:not(.large) h3{font-size:25px}
}
@media(max-width:800px){
  .hero{min-height:auto;display:flex;flex-direction:column}
  .hero-copy{padding:68px 24px 50px;order:1}
  .hero h1{font-size:clamp(64px,18vw,96px)}
  .hero-body{font-size:18px;margin:27px 0 24px}
  .hero-purchase{display:block;margin-top:25px}
  .hero-purchase p{max-width:none;margin-top:10px}
  .hero-art{order:2;min-height:550px}
  .hero-art img{width:88%;height:88%}
  .hero-art .first-run{right:5%;bottom:7%;width:92px;height:92px;padding-top:14px;font-size:7px}
  .hero-art .first-run strong{font-size:27px}
  .proof-strip{grid-template-columns:repeat(2,1fr);padding:0}
  .proof-strip>div{min-height:88px;padding:16px 18px}
  .proof-strip>div:nth-child(2){border-right:0}
  .proof-strip>div:nth-child(3),.proof-strip>div:nth-child(4){border-top:1px solid var(--line)}
  .mobile-buybar{position:fixed;left:0;right:0;bottom:0;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(31,22,20,.96);box-shadow:0 -8px 22px rgba(40,20,16,.16);color:var(--ivory)}
  .mobile-buybar div{display:flex;flex-direction:column;gap:2px;min-width:0}
  .mobile-buybar span{font:400 7px var(--mono);letter-spacing:.08em;color:#cfbea9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-buybar strong{font:600 22px/1 var(--serif);color:#e7c17f}
  .mobile-buybar .button{padding:12px 13px;font-size:8px;white-space:nowrap}
  footer{padding-bottom:95px}
}

@media(min-width:801px) and (max-width:1100px){
  .hero-copy{padding-left:clamp(38px,6vw,72px);padding-right:clamp(28px,5vw,62px)}
  .hero h1{font-size:clamp(66px,8vw,94px)}
  .hero-body{font-size:18px}
  .hero-art img{width:92%;height:88%}
  .proof-strip{padding:0 34px}
}

@media(max-width:520px){
  body{overflow-x:hidden}
  .announcement{font-size:7px;letter-spacing:.05em;padding:8px 10px}
  .site-header{height:70px;padding:0 14px}
  .site-header .brand small{display:none}
  .nav-cta{font-size:8px}
  .hero-copy{padding:58px 18px 42px}
  .hero .eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:19px}
  .hero-kicker{font-size:9px;letter-spacing:.19em}
  .hero h1{font-size:clamp(58px,18vw,78px);line-height:.83}
  .hero-body{font-size:17px;line-height:1.36;margin:24px 0}
  .hero-actions{align-items:stretch;flex-direction:column;gap:18px}
  .hero-actions .primary{width:100%;padding:16px 17px;text-align:center}
  .hero-actions .text-link{align-self:flex-start}
  .hero-purchase{max-width:none;margin-top:26px;padding-top:16px}
  .hero-purchase strong{font-size:28px}
  .hero-purchase p{font-size:8px}
  .edition-line{font-size:8px;margin-top:23px;gap:8px 11px}
  .hero-art{min-height:485px}
  .hero-art img{width:93%;height:88%;object-position:center}
  .halo{width:min(490px,120vw);height:min(490px,120vw);left:50%;transform:translateX(-50%)}
  .hero-art .first-run{right:3%;bottom:5%;width:82px;height:82px;padding-top:12px;font-size:6px}
  .hero-art .first-run strong{font-size:24px;margin:3px 0 1px}
  .proof-strip>div{gap:10px;min-height:82px;padding:14px 12px}
  .proof-strip strong{font-size:24px}
  .proof-strip span{font-size:7px;letter-spacing:.04em}
  .section{padding:64px 18px}
  .section-number{font-size:64px;right:7%}
  .story-image{min-height:360px}
  .story-copy{padding:62px 18px}
  .showcase-grid{grid-template-columns:1fr}
  .feature-card.large{min-height:390px}
  .book-viewer{gap:8px}
  .page-nav{width:31px;height:31px;flex-basis:31px;font-size:16px}
  .page-stack{width:calc(100vw - 82px)}
  .craft-grid{grid-template-columns:1fr}
  .library-covers{grid-template-columns:1fr}
  .library-covers article:last-child{grid-column:auto}
  .trilogy-covers{grid-template-columns:1fr;gap:14px}
  .trilogy-covers article{min-height:250px}
  .quote-grid p{font-size:22px}
  .reserve-art{min-height:390px}
  .mobile-buybar{padding:9px 10px}
  .mobile-buybar .button{padding:11px 10px;font-size:7px}
}