#app{max-width:1180px;margin:0 auto;padding:30px 24px 20px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;min-height:650px;padding:42px 0}.hero-copy{max-width:650px}.eyebrow{color:#f08a68;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:700}.hero h1{font-family:Cinzel,serif;font-size:clamp(3.1rem,7vw,6.8rem);line-height:.98;letter-spacing:-.045em;margin:18px 0 16px}.hero .subtitle{font-family:Cinzel,serif;font-size:clamp(1.2rem,2vw,1.7rem);color:#ddd4c8;margin:0 0 18px}.hero .tagline{font-size:1.08rem;color:#c4c6cb;max-width:560px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:62px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-family:Cinzel,serif;font-size:clamp(1.7rem,4vw,2.8rem);margin:0}.section-heading p{margin:0;color:var(--muted);max-width:520px}.browse{display:flex;gap:10px;overflow:auto;padding:5px 0 14px}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px}.lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reader-grid{display:grid;grid-template-columns:minmax(0,760px);justify-content:center}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spec{padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.spec small{display:block;color:#7f828c;text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.spec strong{display:block;margin-top:3px}.cover-stage{display:flex;justify-content:center;perspective:1000px}.cover-frame{position:relative;width:min(360px,78vw);transform:rotateY(-7deg) rotateX(2deg);transition:.45s ease}.cover-frame:hover{transform:rotateY(-2deg) rotateX(0) translateY(-8px)}.cover-frame:after{content:"";position:absolute;inset:5% -6% -8% 6%;background:rgba(232,90,45,.17);filter:blur(28px);z-index:-1}.cover-frame img{display:block;width:100%;border-radius:5px;box-shadow:20px 28px 50px rgba(0,0,0,.75),0 0 25px rgba(232,90,45,.2)}.hero-panel{position:relative}.hero-panel:before{content:"";position:absolute;inset:-20% -35% -25% -25%;z-index:-1;background:radial-gradient(circle,rgba(192,57,43,.22),transparent 62%)}.book-card{display:flex;flex-direction:column;min-height:100%;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(145deg,rgba(25,29,39,.95),rgba(15,17,23,.9));box-shadow:0 16px 35px rgba(0,0,0,.18)}.book-card-cover{aspect-ratio:2/3;background:linear-gradient(145deg,#1b1d23,#0d0e12);overflow:hidden}.book-card-cover img{width:100%;height:100%;object-fit:cover}.book-card-body{padding:20px}.book-card h3{font-family:Cinzel,serif;margin:0 0 5px;font-size:1.25rem}.book-card p{color:var(--muted);font-size:.9rem;margin:0 0 14px}.status{display:inline-flex;width:max-content;border:1px solid rgba(232,90,45,.28);color:#f09a7d;background:rgba(232,90,45,.08);border-radius:999px;padding:5px 9px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.status.future{border-color:var(--line);color:#989ba4;background:rgba(255,255,255,.035)}.lore-card,.detail-copy,.reader-card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(22,26,35,.72);padding:28px}.lore-card h3{font-family:Cinzel,serif;margin-top:0}.lore-card p,.detail-copy p{color:#b5b7bf}.reader-card{font-family:Georgia,serif;font-size:1.14rem;line-height:1.9}.reader-card h1{font-family:Cinzel,serif;line-height:1.15}.reader-tools{position:sticky;top:80px;z-index:10;display:flex;justify-content:space-between;gap:10px;padding:10px;margin:-10px -10px 24px;background:rgba(22,26,35,.9);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;font-family:Inter,sans-serif}.reader-tools button{border:1px solid var(--line);background:#151820;color:#fff;border-radius:10px;padding:7px 10px;cursor:pointer}.reader-cta{position:sticky;bottom:10px;margin-top:28px;padding:12px;border-radius:16px;background:rgba(11,12,16,.94);border:1px solid rgba(232,90,45,.35);font-family:Inter,sans-serif}.reader-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:12px}.retailer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.retailer{display:flex;justify-content:center;align-items:center;min-height:50px;border:1px solid var(--line);border-radius:14px;background:#151820;transition:.2s}.retailer:hover{border-color:rgba(232,90,45,.55);transform:translateY(-2px)}@media(max-width:850px){#app{padding:18px 16px}.hero{grid-template-columns:1fr;min-height:auto;padding:36px 0 30px;gap:32px}.hero-copy{order:1}.hero-panel{order:2}.hero h1{font-size:clamp(3rem,16vw,5rem)}.cover-frame{width:min(330px,75vw)}.book-grid,.detail-grid,.lore-grid{grid-template-columns:1fr}.book-grid .book-card:not(:first-child){display:none}.retailer-grid{grid-template-columns:1fr 1fr}.section{padding:45px 0}.section-heading{display:block}.section-heading p{margin-top:8px}.spec-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.retailer-grid{grid-template-columns:1fr}.lore-card,.detail-copy,.reader-card{padding:20px}.reader-card{font-size:1.05rem}.reader-tools{top:65px}.reader-cta-inner{align-items:stretch;flex-direction:column}}