:root{
  --bg:#07111b;
  --bg-2:#0b1824;
  --panel:#0d1d2a;
  --panel-2:#102536;
  --text:#f6f2e9;
  --muted:#aebdca;
  --line:rgba(255,255,255,.11);
  --red:#c4202f;
  --red-2:#e13a48;
  --blue:#3c74ad;
  --gold:#d3a553;
  --max:1220px;
  --shadow:0 28px 70px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:1000;background:white;color:black;padding:10px 14px;border-radius:8px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,27,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:14px;min-width:240px}
.brand img{width:150px;height:auto;max-height:64px;object-fit:contain;object-position:left center}
.brand-wordmark{display:none}
.nav{display:flex;align-items:center;gap:28px;font-size:.95rem;color:#dfe8ee}
.nav a{position:relative;padding:28px 0 24px}
.nav a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:18px;background:var(--red);transition:.2s ease}
.nav a:hover:after,.nav a.active:after{right:0}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:white;border-radius:8px;padding:8px 11px}
.hero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:
 radial-gradient(circle at 76% 27%, rgba(78,135,193,.22), transparent 20%),
 radial-gradient(circle at 70% 56%, rgba(196,32,47,.08), transparent 27%),
 linear-gradient(145deg,#07111b 8%,#0a1926 52%,#07111b 100%)}
.hero:before{content:"";position:absolute;inset:0;opacity:.33;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.8) 0 1px,transparent 1.2px),radial-gradient(circle at 72% 16%,rgba(255,255,255,.7) 0 1px,transparent 1.3px),radial-gradient(circle at 55% 48%,rgba(255,255,255,.5) 0 1px,transparent 1.3px),radial-gradient(circle at 90% 55%,rgba(255,255,255,.5) 0 1px,transparent 1.2px);background-size:150px 160px,210px 220px,180px 195px,250px 270px}
.hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-80px;top:40px;box-shadow:0 0 80px rgba(63,119,175,.11),inset 0 0 80px rgba(63,119,175,.06)}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:92px 0 86px}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;color:#d96a73;font-weight:700;margin-bottom:17px}
.hero h1,.page-hero h1,.feature-copy h2,.section-title,.author-copy h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.02}
.hero h1{font-size:clamp(3.3rem,7vw,6.2rem);max-width:720px;margin:0 0 24px}
.hero p{font-size:1.18rem;color:#c5d2dc;max-width:650px;margin:0 0 30px}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.24);padding:12px 19px;border-radius:8px;color:#fff;background:rgba(255,255,255,.035);font-weight:650;transition:.2s ease}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.07)}
.btn.primary{background:var(--red);border-color:var(--red);box-shadow:0 12px 30px rgba(196,32,47,.22)}
.btn.primary:hover{background:var(--red-2)}
.btn.disabled{pointer-events:none;opacity:.52}
.hero-brand-card{position:relative;margin-left:auto;width:min(470px,100%);padding:42px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(150deg,rgba(18,40,58,.88),rgba(10,22,33,.86));box-shadow:var(--shadow)}
.hero-brand-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.05);border-radius:19px}
.hero-brand-card img{position:relative;width:100%;filter:drop-shadow(0 18px 34px rgba(0,0,0,.35))}
.hero-brand-card small{position:relative;display:block;margin-top:18px;color:#9fb0bd;text-align:center;letter-spacing:.12em;text-transform:uppercase}
.section{padding:92px 0}
.section.alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
.section-title{font-size:clamp(2.1rem,4vw,3.5rem);margin:0}
.section-intro{max-width:650px;color:var(--muted);margin:8px 0 0}
.text-link{color:#a9c5dd;font-weight:650}.text-link:hover{color:white}
.feature{display:grid;grid-template-columns:minmax(250px,390px) 1fr;gap:66px;align-items:center}
.cover-frame{position:relative;margin:auto;width:100%;max-width:390px}.cover-frame:after{content:"";position:absolute;left:12%;right:12%;bottom:-22px;height:32px;background:rgba(0,0,0,.55);filter:blur(17px);border-radius:50%;z-index:0}.cover-frame img{position:relative;z-index:1;border-radius:5px;box-shadow:0 28px 60px rgba(0,0,0,.5)}
.status{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:800;color:#f18a93;margin-bottom:15px}.status:before{content:"";width:24px;height:2px;background:currentColor}
.feature-copy h2{font-size:clamp(2.7rem,5vw,4.8rem);margin:0 0 12px}
.meta{color:#9bb0bf;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;margin-bottom:22px}
.feature-copy p{font-size:1.08rem;color:#c6d2db;max-width:740px}
.notice{padding:14px 16px;border-left:3px solid var(--red);background:rgba(196,32,47,.07);color:#cdd7df;margin:24px 0 28px}
.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.book-card{display:flex;flex-direction:column;min-width:0}
.book-card .cover{aspect-ratio:2/3;background:#06101a;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 18px 38px rgba(0,0,0,.26)}
.book-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.book-card:hover .cover img{transform:scale(1.016)}
.book-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:500;margin:17px 0 3px;line-height:1.18}
.book-card .author{color:#d3dde4;font-size:.93rem;margin-bottom:4px}.book-card .date{color:#9eafbc;font-size:.86rem}.book-card .tag{margin-top:10px;color:#d3a553;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800}
.book-card .summary{color:#aebbc5;font-size:.94rem;margin-top:10px}
.books-compact{grid-template-columns:repeat(6,1fr);gap:22px}.books-compact .book-card h3{font-size:1.08rem}.books-compact .book-card .date{font-size:.78rem}
.intl-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.intl-card .cover{aspect-ratio:2/3}.intl-card h3{font-size:1.1rem;margin-top:14px}.language{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#95a9b7}
.author-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:25px}
.author-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(17,38,55,.86),rgba(9,22,33,.88));padding:30px;min-height:290px;display:flex;flex-direction:column}
.author-card.daniel{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.author-card img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}
.author-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;font-weight:500;margin:0 0 9px}.author-card p{color:#afbec8;margin:0}.author-card .coming{margin-top:auto;padding-top:22px;color:#e6b15c;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.monogram{width:76px;height:76px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.8rem;color:#dfe8ee;margin-bottom:26px;background:radial-gradient(circle,rgba(65,116,164,.22),transparent 65%)}
.about-band{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.about-band p{color:#b4c1ca;max-width:760px}.about-logo{border-left:1px solid var(--line);padding-left:48px}.about-logo img{width:100%;max-width:330px;margin:auto}
.page-hero{padding:95px 0 68px;background:radial-gradient(circle at 85% 0,rgba(63,119,175,.14),transparent 32%),linear-gradient(145deg,#07111b,#0a1824);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(3rem,6vw,5.4rem);margin:0 0 18px}.page-hero p{color:#bdcbd5;max-width:770px;font-size:1.08rem}
.catalog-section{padding:72px 0}.catalog-section + .catalog-section{border-top:1px solid var(--line)}
.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.catalog-card{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);overflow:hidden}.catalog-card .cover{aspect-ratio:2/3}.catalog-card .cover img{width:100%;height:100%;object-fit:cover}.catalog-body{padding:20px}.catalog-body h2{font-family:Georgia,serif;font-size:1.45rem;font-weight:500;margin:0 0 6px}.catalog-body p{color:#aebcc6;font-size:.91rem}.catalog-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.catalog-actions .btn{font-size:.85rem;padding:9px 13px}
.author-profile{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start;padding:70px 0}.author-profile + .author-profile{border-top:1px solid var(--line)}.author-photo{width:100%;border-radius:18px;box-shadow:var(--shadow)}.author-profile h2{font-family:Georgia,serif;font-size:3rem;font-weight:500;margin:0 0 8px}.author-profile .genres{text-transform:uppercase;letter-spacing:.13em;color:#dbaeb2;font-size:.74rem;font-weight:800}.author-profile p{color:#bac7d0}.author-placeholder{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,rgba(67,120,172,.28),transparent 33%),linear-gradient(145deg,#102434,#07121d);border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;font-family:Georgia,serif;font-size:5rem;color:#e3eaf0}
.content-narrow{max-width:880px}.prose{font-size:1.06rem;color:#bfccd5}.prose h2{font-family:Georgia,serif;color:white;font-weight:500;font-size:2rem;margin-top:40px}.prose strong{color:white}
.connect-card{border:1px solid var(--line);border-radius:18px;padding:32px;background:rgba(255,255,255,.03);margin-top:28px}
.site-footer{padding:48px 0 28px;border-top:1px solid var(--line);background:#050d14}.footer-top{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:150px}.footer-copy{color:#8fa1af;font-size:.9rem}.footer-nav{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap;color:#b8c4cc;font-size:.9rem}.footer-bottom{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;color:#748795;font-size:.8rem;display:flex;justify-content:space-between;gap:20px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:1050px){.hero-inner{grid-template-columns:1fr .7fr;gap:40px}.book-grid{grid-template-columns:repeat(2,1fr)}.books-compact{grid-template-columns:repeat(3,1fr)}.intl-grid{grid-template-columns:repeat(3,1fr)}.author-grid{grid-template-columns:1fr 1fr}.author-card.daniel{grid-column:1/-1}.catalog-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){.header-inner{height:74px}.brand img{width:122px}.nav-toggle{display:block}.nav{display:none;position:absolute;left:20px;right:20px;top:73px;flex-direction:column;align-items:stretch;gap:0;background:#0b1824;border:1px solid var(--line);border-radius:14px;padding:8px}.nav.open{display:flex}.nav a{padding:13px 14px}.nav a:after{display:none}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:72px 0}.hero h1{font-size:clamp(3rem,15vw,5.2rem)}.hero-brand-card{max-width:430px;margin:0}.feature{grid-template-columns:1fr}.cover-frame{max-width:330px}.section{padding:70px 0}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:15px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.author-profile{grid-template-columns:1fr}.author-photo,.author-placeholder{max-width:320px}.about-band{grid-template-columns:1fr}.about-logo{border-left:0;border-top:1px solid var(--line);padding:34px 0 0}.footer-top{grid-template-columns:1fr}.footer-nav{justify-content:flex-start}}
@media (max-width:560px){.container{width:min(var(--max),calc(100% - 28px))}.hero h1{font-size:3.3rem}.hero p{font-size:1.05rem}.hero-brand-card{padding:28px}.book-grid,.books-compact,.intl-grid,.catalog-grid,.author-grid{grid-template-columns:1fr 1fr;gap:18px}.author-card.daniel{grid-template-columns:1fr;text-align:left}.author-card.daniel img{width:130px;height:130px}.author-card{padding:23px;min-height:auto}.author-card .coming{margin-top:22px}.feature-copy h2{font-size:2.6rem}.page-hero{padding:72px 0 50px}.page-hero h1{font-size:3.3rem}.footer-bottom{flex-direction:column}.catalog-body{padding:16px}.catalog-body h2{font-size:1.2rem}}
@media (max-width:420px){.book-grid,.books-compact,.intl-grid,.catalog-grid,.author-grid{grid-template-columns:1fr}.brand img{width:112px}}

.book-detail{margin-top:7px;color:#8297a7;font-size:.78rem;line-height:1.45}
:focus-visible{outline:3px solid #e13a48;outline-offset:3px}
