:root{
--g:#143c31;
--g2:#214e40;
--cream:#f3eddf;
--paper:#fbf7ee;
--ink:#20221e;
--terra:#a86442;
--gold:#d5b474;
--line:rgba(20,60,49,.15);
--shadow:0 22px 55px rgba(28,36,31,.13)
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}

.top{position:sticky;top:0;z-index:5;background:rgba(251,247,238,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{text-decoration:none;display:flex;flex-direction:column;color:var(--g)}
.logo strong{font:700 1.35rem Georgia,serif}
.logo span{font-size:.73rem;letter-spacing:.09em;text-transform:uppercase;color:#6f6c63}
.nav nav{display:flex;gap:25px}
.nav nav a{text-decoration:none;font-size:.92rem}

.hero{background:radial-gradient(circle at 82% 25%,rgba(168,100,66,.13),transparent 24rem),linear-gradient(135deg,#f8f2e6,#efe6d4);min-height:calc(100vh - 82px);display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:70px;align-items:center;padding:75px 0}

.kicker{color:var(--terra);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;margin:0 0 12px}
.gold{color:var(--gold)}

h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--g);line-height:1.08;margin-top:0}
h1{font-size:clamp(3rem,6vw,5.6rem);letter-spacing:-.04em;margin-bottom:18px}
h2{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.03em;margin-bottom:20px}
h3{font-size:2rem}

.claim{font:1.9rem Georgia,serif;color:var(--terra);margin:0 0 22px}
.intro,.lead{font-size:1.15rem}
.actions,.author-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;text-decoration:none;font-weight:700}
.solid{background:var(--g);color:white}
.ghost{border:1px solid rgba(20,60,49,.26);color:var(--g);background:rgba(255,255,255,.35)}
.disabled{background:#dad5ca;color:#77736b}

.door-card{width:min(390px,100%);aspect-ratio:4/5;background:#e7ddca;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.door-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 58px,rgba(20,60,49,.035) 59px 60px)}
.num{position:absolute;top:28px;right:30px;font:700 2rem Georgia,serif;color:var(--g);background:#faf2e4;border:3px double var(--g);border-radius:7px;padding:2px 10px}
.citofono{position:absolute;left:38px;top:112px;width:58px;padding:12px 10px;background:#8d744f;border-radius:8px}
.citofono i{display:block;height:8px;background:#d9c69c;margin:7px 0;border-radius:2px}
.door{position:absolute;right:38px;bottom:40px;width:205px;height:335px;background:#173a31;border-radius:16px 16px 6px 6px;box-shadow:inset 0 0 0 7px #274d42}
.door:before,.door:after{content:"";position:absolute;left:22px;right:22px;border:2px solid rgba(220,195,145,.45)}
.door:before{top:28px;height:105px}
.door:after{bottom:28px;height:125px}
.door b{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:65px;height:65px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,125,.95),rgba(255,194,83,.25) 45%,transparent 70%)}
.memo{position:absolute;left:30px;bottom:44px;width:145px;background:#fff8e7;padding:16px;transform:rotate(-3deg);box-shadow:0 12px 25px rgba(0,0,0,.12);display:flex;flex-direction:column;font-size:.74rem}
.memo strong{font:700 1.15rem Georgia,serif;color:var(--g)}

.section{padding:105px 0}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}

.quote{background:var(--g);color:white;padding:42px;border-radius:26px;box-shadow:var(--shadow)}
.quote span{font:6rem Georgia,serif;color:var(--gold);line-height:.55}
.quote p{font:1.75rem Georgia,serif;line-height:1.35}
.quote small{color:#d8dfda}

.paper{background:var(--cream)}
.section-head{max-width:820px;margin-bottom:55px}
.series-intro{max-width:800px}

.books-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.book-card{background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:28px;padding:34px;display:grid;grid-template-columns:210px 1fr;gap:34px;align-items:center;box-shadow:0 10px 30px rgba(28,36,31,.06)}
.book-info h3{font-size:2rem;margin-bottom:14px}
.case-label{display:inline-block;color:var(--terra);font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:8px}

.book{width:100%;aspect-ratio:2/3;position:relative;filter:drop-shadow(0 22px 22px rgba(27,35,29,.15))}
.small-book{max-width:205px;margin:auto}
.spine{position:absolute;left:0;top:7px;bottom:7px;width:20px;background:#0d2d25;border-radius:6px 0 0 6px}
.cover{position:absolute;inset:0 0 0 14px;border-radius:4px 10px 10px 4px;color:#f6edda;padding:30px 22px;display:flex;flex-direction:column;justify-content:center}
.book-one .cover{background:linear-gradient(rgba(16,42,34,.92),rgba(16,42,34,.94))}
.book-two .cover{background:linear-gradient(rgba(65,43,34,.92),rgba(65,43,34,.95))}
.cover small{letter-spacing:.13em;color:#d8c7a5;font-size:.58rem}
.cover h3{color:#f7edd9;font-size:2.05rem;margin:10px 0 14px}
.cover hr{width:100%;border:0;border-top:1px solid #c9a96d}
.cover p{color:#d8c7a5;font-size:.8rem}

.status{display:flex;align-items:center;gap:9px;margin:20px 0 18px;color:#67645d}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--terra)}
.forthcoming .status-dot{background:#b48a4a}

.series-future{margin-top:44px;padding:24px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.series-future span{font:700 1.25rem Georgia,serif;color:var(--g)}
.series-future p{margin:4px 0 0;color:#706d65}

.dark{background:var(--g);color:#eef3ee}
.dark h2{color:white}
.dark .note{color:#d4ded7}

.signup{background:#f7f0df;color:var(--ink);padding:38px;border-radius:26px;box-shadow:0 24px 55px rgba(0,0,0,.2)}
.signup small{color:var(--terra);letter-spacing:.13em;font-weight:700}
.fake{display:flex;gap:8px;margin-top:24px}
.fake span,.fake b{min-height:50px;display:flex;align-items:center;border-radius:12px}
.fake span{flex:1;background:white;border:1px solid #d4cbb9;padding:0 16px;color:#918c82}
.fake b{background:var(--g);color:white;padding:0 24px}
.signup em,.note{font-size:.86rem;color:#777268}

.author{display:grid;grid-template-columns:180px 1fr;gap:38px;align-items:center;padding:42px;border:1px solid var(--line);border-radius:26px;background:white}
.portrait{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d9c8ad,#9d6a4c);color:white;font:2.2rem Georgia,serif}

footer{background:#f4ecdf;border-top:1px solid var(--line);padding:28px 0}
.foot{display:flex;justify-content:space-between;color:#706d64;font-size:.9rem}

@media(max-width:1050px){
.books-grid{grid-template-columns:1fr}
.book-card{grid-template-columns:220px 1fr}
}

@media(max-width:900px){
.nav nav{display:none}
.hero{min-height:auto}
.hero-grid,.two{grid-template-columns:1fr}
.hero-grid{gap:40px;padding:62px 0}
.door-card{width:330px;margin:auto}
.section{padding:78px 0}
}

@media(max-width:640px){
.wrap{width:min(100% - 28px,1160px)}
.nav{min-height:70px}
h1{font-size:2.7rem}
.claim{font-size:1.5rem}
.door-card{width:280px}
.quote,.signup,.author{padding:28px}
.author{grid-template-columns:1fr}
.portrait{width:110px;height:110px}
.fake{flex-direction:column}
.fake b{justify-content:center}
.foot{flex-direction:column;gap:8px}
.book-card{grid-template-columns:1fr;padding:26px}
.small-book{max-width:190px}
}


/* v1.2 — real book-cover placeholders */
.cover-slot{
  width:100%;
  max-width:205px;
  margin:auto;
  aspect-ratio:2/3;
  border-radius:7px;
  overflow:hidden;
  box-shadow:0 22px 32px rgba(27,35,29,.18);
  background:#e8e0d2;
}
.real-cover{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}