:root{--bg:#050505;--ink:#F7F0DE;--muted:#C9BC9C;--acc:#E2BE5A;--line:rgba(226,190,90,.28);--disp:'Cinzel',Georgia,serif;--body:'Hanken Grotesk',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--body)}a{color:var(--acc)}img{display:block;max-width:100%;height:auto}
.wrap{width:min(100%,1180px);margin:0 auto;padding:0 24px}.top{display:flex;justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:22px;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:600 1.3rem var(--disp)}.brand img{border-radius:10px;border:1px solid var(--line)}
.top nav a{margin-left:22px;text-decoration:none;color:var(--ink)}.top nav a:hover{color:var(--acc)}
.kicker{font:600 .78rem var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--acc);margin:0 0 18px}
h1{font:500 clamp(2rem,4.6vw,3.8rem)/1.1 var(--disp);margin:0 0 22px}h1 em{font-style:normal;color:var(--acc)}.h2{font:500 1.6rem var(--disp);margin:48px 0 20px}
.lead{color:var(--muted);max-width:38em;font-size:1.15rem}.sec{padding-top:40px;padding-bottom:56px}
.btn{display:inline-block;background:var(--acc);color:#050505;font-weight:600;text-decoration:none;padding:14px 26px;border-radius:999px}.btn:hover{box-shadow:0 10px 30px -10px var(--acc)}
.hero{position:relative;margin-top:-84px;min-height:clamp(420px,60vh,560px);display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.75) 50%,rgba(5,5,5,.3))}.herotxt{padding-top:120px;padding-bottom:70px}.herotxt h1{max-width:14em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:26px}.card{border:1px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:var(--ink);display:block;background:#0c0c0c}
.card img{width:100%;border-radius:8px;aspect-ratio:5/8;object-fit:cover}.card h3{font-size:1rem;margin:12px 0 4px}.price{color:var(--acc);font-weight:600}.soon{opacity:.75}
.pd{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:40px}@media(max-width:760px){.pd{grid-template-columns:1fr}}.pd img{border-radius:12px}.pd h1{font-size:clamp(1.5rem,3vw,2.1rem)}.big{font-size:1.4rem}.desc{margin-top:28px}
.about{margin-top:20px}footer{border-top:1px solid var(--line)}.fine{color:var(--muted);font-size:.84rem}footer .wrap{padding-top:28px;padding-bottom:34px}

.bookband{background:linear-gradient(180deg,#120d24,#1d1238 55%,#120d24);border-top:2px solid var(--acc);border-bottom:2px solid var(--acc);padding:64px 0;text-align:center}
.bookband h2{font:500 clamp(1.5rem,3.4vw,2.4rem) var(--disp);margin:0 0 14px}.bookband .lead{margin:0 auto 30px}
.strip{display:flex;gap:20px;justify-content:center;margin:0 0 36px}.strip a{flex:0 1 190px}.strip img{width:100%;aspect-ratio:5/8;object-fit:cover;border-radius:8px;border:1px solid var(--line);box-shadow:0 18px 40px -16px #000;transition:transform .2s}.strip a:hover img{transform:translateY(-6px)}
.btn.big{font-size:1.15rem;padding:18px 40px}
.cform{display:grid;gap:12px;max-width:520px}.cform input,.cform textarea{background:#0c0c0c;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit}.cform button{border:0;cursor:pointer;justify-self:start}
@media(max-width:760px){.strip{overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;padding:0 24px 12px}.strip a{flex:0 0 150px;scroll-snap-align:start}.top{flex-wrap:wrap;gap:10px}.top nav a{margin:0 16px 0 0}.hero{margin-top:0}.herotxt{padding-top:60px}}