
:root{--background:#fffdf9;--foreground:#60442e;--primary:#9b4b19;--primary-foreground:#fff;--card:#fffdf9;--card-foreground:#60442e;--border:#ded0bd;--ring:#9b4b19;--radius:0px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Georgia,'Times New Roman',serif}a{color:inherit}header{padding:22px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8dece;gap:20px}.brand{font-size:24px;letter-spacing:.08em;text-decoration:none}nav{display:flex;gap:20px;font:14px Arial,sans-serif}nav a{text-decoration:none;padding:8px 0}nav a[aria-current=page]{border-bottom:1px solid #9b4b19;color:#9b4b19}.hero{min-height:560px;display:flex;align-items:center;padding:70px 8vw;background:#efe6da}.hero h1{font-size:clamp(2.4rem,5.6vw,5.2rem);line-height:1.04;font-weight:700;max-width:800px;margin:0;text-transform:uppercase;letter-spacing:-.035em}.hero em{font-style:normal;color:#9b4b19}.favorites{padding:70px 7vw 90px;max-width:1400px;margin:auto}.favorites h2{text-align:center;color:#7e2b04;font-size:clamp(1.9rem,3vw,2.6rem);margin:0 0 50px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 30px}.book{text-align:center;min-width:0}.art{aspect-ratio:330/385;background:url('backdrop.png') center/cover;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.cover{width:52%;max-height:75%;object-fit:contain;display:block;filter:drop-shadow(4px 8px 5px #60442e30);margin-top:8%}.book h3{font-size:1.1rem;line-height:1.35;margin:20px auto 13px;max-width:310px;min-height:3em}.buy,.soon{font:14px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}.buy{color:#0e345a;text-underline-offset:5px}.buy:hover{color:#9b4b19}.soon{color:#7c6d5f;font-size:13px;letter-spacing:.04em}footer{text-align:center;background:#efe6da;padding:42px 24px;font-size:20px;font-weight:bold;letter-spacing:.04em}a:focus-visible{outline:3px solid #9b4b19;outline-offset:5px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:440px}.favorites{padding:50px 6vw}}@media(max-width:520px){header{flex-direction:column;padding:17px 20px;gap:12px}.hero{min-height:380px;padding:50px 7vw}.grid{grid-template-columns:1fr;gap:42px}.favorites{padding:45px 10vw 60px}.book h3{min-height:0}footer{font-size:17px}}
.mockup{display:block;width:100%;height:100%;object-fit:cover}.format{font:11px Arial,sans-serif;color:#817262;margin:10px 0 0}.hero{position:relative;overflow:hidden;min-height:520px;padding:65px 7vw;background:linear-gradient(110deg,#f1e8db,#e6d7c3)}.hero h1{position:relative;z-index:2;font-size:clamp(2.3rem,4.8vw,4.9rem);max-width:57%;line-height:1.1}.hero-last{font-size:.8em}.hero-books{position:absolute;width:43%;height:100%;right:2%;top:0;background:radial-gradient(ellipse at 50% 90%,#b092692a,transparent 70%)}.hero-book{position:absolute;width:36%;filter:drop-shadow(10px 12px 8px #422c3a40);border-radius:1px;bottom:10%}.hero-book-0{left:6%;bottom:32%;transform:rotate(-12deg);width:34%}.hero-book-1{right:2%;bottom:34%;transform:rotate(9deg);width:32%}.hero-book-2{right:1%;bottom:5%;transform:rotate(12deg)}.hero-book-3{left:28%;bottom:11%;width:40%;transform:rotate(-5deg)}
@media(min-width:1600px){.hero{min-height:620px}.hero-books{right:6%;width:38%}}
@media(max-width:850px){.hero{min-height:440px}.hero-books{width:45%;right:0}.hero h1{max-width:58%;font-size:clamp(2rem,5vw,3.8rem)}}
@media(max-width:520px){.hero{padding:36px 7vw 330px;min-height:560px}.hero h1{font-size:2.25rem;max-width:100%;line-height:1.02}.hero-books{height:310px;width:80%;right:7%;top:auto;bottom:0}.hero-book{max-height:200px;object-fit:contain}.favorites h2{font-size:1.8rem}.mockup{aspect-ratio:330/385}}
.hero{background:#eee4d7 url('hero-backdrop.png') center/cover}.hero-books{background:none}.hero h1{font-size:clamp(2.3rem,4.4vw,4.8rem);max-width:51%}.hero-book-0{left:3%;bottom:36%;transform:rotate(-9deg)}.hero-book-1{right:0;bottom:39%;transform:rotate(8deg)}.hero-book-2{right:3%;bottom:9%;transform:rotate(9deg)}.hero-book-3{left:24%;bottom:13%;transform:rotate(-4deg)}
@media(max-width:520px){.hero{background-position:68% bottom;background-size:auto 380px;background-repeat:no-repeat;background-color:#eee4d7}.hero h1{max-width:100%;font-size:2.25rem}.hero-books{right:9%;width:83%}}

/* Mobile hero: keep the headline readable and present the four covers as one compact showcase. */
@media(max-width:520px){
  header{padding:14px 18px;gap:8px}
  nav{flex-wrap:wrap;justify-content:center;gap:8px 16px}
  .hero{min-height:520px;padding:34px 22px 270px;background:#eee4d7}
  .hero h1{max-width:100%;font-size:clamp(2rem,10vw,2.55rem);line-height:1.02;letter-spacing:-.04em}
  .hero-books{left:50%;right:auto;bottom:12px;width:min(94%,390px);height:235px;transform:translateX(-50%)}
  .hero-book{width:30%;max-height:210px;bottom:auto;object-fit:contain;filter:drop-shadow(6px 8px 5px #422c3a45)}
  .hero-book-0{left:1%;bottom:54px;width:29%;transform:rotate(-8deg)}
  .hero-book-1{left:24%;right:auto;bottom:22px;width:30%;transform:rotate(-3deg)}
  .hero-book-2{left:48%;right:auto;bottom:44px;width:30%;transform:rotate(4deg)}
  .hero-book-3{left:70%;bottom:8px;width:30%;transform:rotate(8deg)}
}
@media(max-width:370px){.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:1.9rem}}
.hero-book-4{left:37%;bottom:46%;width:30%;transform:rotate(2deg)}
@media(max-width:520px){.hero-fr .hero-book{width:25%}.hero-fr .hero-book-0{left:0%;bottom:50px}.hero-fr .hero-book-1{left:19%;bottom:16px}.hero-fr .hero-book-2{left:38%;bottom:48px}.hero-fr .hero-book-3{left:58%;bottom:10px}.hero-fr .hero-book-4{left:76%;bottom:52px;width:24%;transform:rotate(9deg)}}
/* Complete hero catalogue: every title available on each language page. */
.hero-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-content:center;gap:10px;padding:34px 0}
.hero-fr .hero-books{grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-books .hero-book{position:static;width:100%;height:100%;max-height:205px;object-fit:contain;transform:none;filter:drop-shadow(7px 9px 6px #422c3a3d)}
.hero-books .hero-book:nth-child(4n+1){transform:rotate(-4deg)}
.hero-books .hero-book:nth-child(4n+2){transform:rotate(2deg)}
.hero-books .hero-book:nth-child(4n+3){transform:rotate(-1deg)}
.hero-books .hero-book:nth-child(4n){transform:rotate(4deg)}
@media(max-width:520px){
  .hero{padding-bottom:280px}
  .hero-books,.hero-fr .hero-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;left:50%;right:auto;bottom:10px;width:min(94%,400px);height:245px;padding:8px 2px;gap:4px 2px;transform:translateX(-50%)}
  .hero-fr .hero-books{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hero-books .hero-book{position:static;width:100%;height:100%;max-height:112px;object-fit:contain}
}
