
:root{
  --bg:#070707;--bg2:#0d0d0d;--panel:#111;--panel2:#171313;
  --wine:#5d0d1e;--wine2:#891f35;--gold:#c69a55;--gold2:#e4cfa4;
  --ivory:#f5efe8;--text:#e8ded1;--muted:#b5aa9d;--line:rgba(255,255,255,.1);
  --max:1220px;--shadow:0 24px 70px rgba(0,0,0,.38)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(circle at 90% 8%,rgba(137,31,53,.18),transparent 28%),
radial-gradient(circle at 10% 30%,rgba(93,13,30,.12),transparent 24%),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{text-decoration:none;color:inherit} img{display:block;max-width:100%}
.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}
.topbar{background:linear-gradient(90deg,#41101a,#72172b,#41101a);padding:9px 16px;text-align:center;font-size:.72rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#fff}
header{position:sticky;top:0;z-index:60;background:rgba(7,7,7,.88);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:14px}.brand img{width:62px;height:62px;object-fit:cover;background:#f5f0e9;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 5px rgba(93,13,30,.12)}
.brand-name{font:700 1.05rem Georgia,serif;letter-spacing:.08em;color:#fff}.brand-name small{display:block;font:800 .55rem Inter,sans-serif;letter-spacing:.24em;color:var(--muted);text-transform:uppercase;margin-top:3px}
nav{display:flex;align-items:center;gap:22px;font-weight:750;font-size:.86rem;color:#d5cabf}
nav a:hover,nav a.active{color:#fff}.nav-cta{border:1px solid rgba(255,255,255,.16);padding:10px 14px;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}
.menu{display:none;background:transparent;border:1px solid var(--line);color:white;padding:9px 12px}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;margin:0}
.eyebrow{display:flex;align-items:center;gap:12px;color:#d1a1ac;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:900;margin-bottom:18px}
.eyebrow:before{content:"";width:38px;height:1px;background:#ae425b}
.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border:1px solid rgba(255,255,255,.18);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;transition:.2s}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.42)}
.btn-primary{background:linear-gradient(135deg,var(--wine2),var(--wine));border-color:transparent;box-shadow:0 12px 30px rgba(93,13,30,.32)}
.hero{padding:92px 0 72px;min-height:82vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero:after{content:"DIMICHAUX";position:absolute;bottom:-15px;right:-40px;color:rgba(255,255,255,.025);font:700 clamp(6rem,17vw,14rem) Georgia,serif;letter-spacing:-.05em;white-space:nowrap}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative;z-index:1}
.hero h1{font-size:clamp(3.8rem,7.6vw,7.1rem);line-height:.88;letter-spacing:-.05em}.accent{color:#a72a46}
.hero p{font-size:1.07rem;color:#d4cabf;max-width:690px;margin:26px 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}
.showcase{position:relative;min-height:720px;border:1px solid var(--line);background:radial-gradient(circle at 70% 10%,rgba(137,31,53,.2),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:var(--shadow);overflow:hidden;padding:150px 28px 30px}
.showcase-logo{position:absolute;left:50%;top:26px;transform:translateX(-50%);width:150px;background:#f4efe8;border:1px solid rgba(255,255,255,.12);z-index:4}
.books-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;max-width:560px;margin:0 auto}
.books-gallery a{display:block;transition:.2s}
.books-gallery a:hover{transform:translateY(-5px)}
.books-gallery img{width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 40px rgba(0,0,0,.38)}
.band{background:linear-gradient(90deg,rgba(93,13,30,.95),rgba(20,8,11,.98));border-block:1px solid rgba(255,255,255,.08);padding:72px 0}
.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.band h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:.93}.band p{margin:0;color:#eadfda;font-size:1.02rem}
section{padding:92px 0}.section-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:end;margin-bottom:42px}.section-head h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:.96;letter-spacing:-.035em}.section-head p{margin:0;color:var(--muted);max-width:700px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));overflow:hidden;transition:.22s}.card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.24)}
.card img{width:100%;aspect-ratio:2/3;object-fit:cover}.card-copy{padding:18px}.kicker{color:#d29daa;text-transform:uppercase;letter-spacing:.16em;font-size:.67rem;font-weight:900}.release{color:var(--gold2);font-size:.74rem;text-transform:uppercase;letter-spacing:.11em;font-weight:850;margin:7px 0 10px}.card h3{font-size:1.34rem;line-height:1.02}.card p{font-size:.9rem;color:#b7aca0}.text-link{display:inline-flex;padding-bottom:4px;border-bottom:1px solid #8d3147;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.page-hero{padding:86px 0 64px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 12%,rgba(93,13,30,.22),transparent 28%)}
.page-hero h1{font-size:clamp(3.6rem,7vw,6.6rem);line-height:.9;letter-spacing:-.05em;max-width:960px}.page-hero p{max-width:760px;color:#cbbfb3;font-size:1.06rem;margin:24px 0 0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.copy h2{font-size:clamp(2.5rem,4.6vw,4rem);line-height:.96;margin-bottom:18px}.copy p{color:#b8ada1}.logo-panel{padding:34px;border:1px solid var(--line);background:#f4f0ea}.logo-panel img{width:100%;max-width:520px;margin:auto}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.value{background:#0d0d0d;padding:34px;min-height:240px}.value .num{font:700 3rem Georgia,serif;color:#742437;margin-bottom:32px}.value h3{font-size:1.45rem}.value p{color:#aa9f93;margin-bottom:0}
.book-detail{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:start}.book-detail img.cover{width:100%;max-width:430px;aspect-ratio:2/3;object-fit:cover;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}
.book-detail h1{font-size:clamp(3.2rem,6vw,5.8rem);line-height:.9;letter-spacing:-.05em;margin:10px 0 18px}.book-detail .meta{color:var(--gold2);text-transform:uppercase;letter-spacing:.13em;font-size:.77rem;font-weight:900}.book-detail p{color:#c0b5a9}.note{border-left:3px solid var(--wine2);padding:18px 20px;background:rgba(255,255,255,.03);margin:24px 0;color:#d6cbc0}
.series-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;border:1px solid var(--line);padding:40px;background:radial-gradient(circle at 100% 0%,rgba(93,13,30,.2),transparent 32%),#0d0d0d;align-items:center}.series-feature h2{font-size:clamp(2.8rem,5vw,4.6rem);line-height:.95}.series-feature p{color:#b7aca0}.series-cover-link{display:block;max-width:350px;margin:auto;transition:.2s}.series-cover-link:hover{transform:translateY(-4px)}.series-feature img{width:100%;max-width:350px;margin:auto;box-shadow:var(--shadow)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px}.contact-card{border:1px solid var(--line);background:#0d0d0d;padding:30px}.contact-card h3{font-size:1.6rem;margin-bottom:12px}.contact-card p,.contact-card a{color:#b9ada0}.form{display:grid;gap:12px}.form input,.form textarea{width:100%;background:#080808;border:1px solid var(--line);color:white;padding:14px;outline:none}.form textarea{min-height:160px;resize:vertical}
.card-links{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.contact-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.social-links a{display:inline-flex;align-items:center;gap:8px}
footer{padding:50px 0 26px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.15fr .7fr .9fr .65fr;gap:34px}.footer-logo{width:190px;background:#f5f0e9;margin-bottom:14px}.footer-title{font:700 1.4rem Georgia,serif}.footer-grid p,.footer-grid a{color:#9f958a;font-size:.9rem}.footer-links{display:grid;gap:7px}.legal{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:#746c65;font-size:.76rem}
@media(max-width:1050px){.hero-grid,.section-head,.band-grid,.two-col,.book-detail,.series-feature,.contact-grid,.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:1fr}}
@media(max-width:860px){nav{display:none;position:absolute;left:18px;right:18px;top:64px;flex-direction:column;align-items:stretch;background:#101010;padding:18px;border:1px solid var(--line)}nav.open{display:flex}.menu{display:block}.showcase{min-height:auto;padding-top:140px}.topbar{padding:6px 12px;font-size:.62rem;letter-spacing:.16em}.nav{min-height:64px;gap:12px}.brand img{width:48px;height:48px;box-shadow:0 0 0 3px rgba(93,13,30,.12)}.brand{gap:10px}.menu{padding:7px 10px;font-size:.68rem}}
@media(max-width:620px){section{padding:72px 0}.cards{grid-template-columns:1fr}.showcase{padding:128px 18px 22px}.books-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.showcase-logo{width:120px}.legal{flex-direction:column}.brand-name{font-size:.92rem}.brand-name small{display:none}body.series-page .page-hero h1{font-size:clamp(3.05rem,6vw,6.6rem);line-height:.92}body.series-page .series-feature h2{font-size:clamp(2.4rem,4.25vw,4.6rem);line-height:.98}footer{padding:38px 0 22px}.footer-grid{gap:22px}.footer-logo{width:133px;margin-bottom:10px}.footer-title{margin-bottom:6px}.footer-links{gap:5px}.legal{margin-top:22px;padding-top:14px}}
