:root { --ink:#08090a; --paper:#d8d5ce; --muted:#92918d; --red:#a9131c; --line:rgba(255,255,255,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; z-index:10; top:0; left:0; width:100%; height:92px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid rgba(255,255,255,.12); }
.brand { display:flex; align-items:center; gap:14px; font-size:13px; font-weight:700; letter-spacing:.28em; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.5); font-family:Georgia,serif; font-size:19px; letter-spacing:0; }
nav { display:flex; align-items:center; gap:34px; font-size:11px; text-transform:uppercase; letter-spacing:.18em; }
nav a { color:#bbb; transition:.2s; } nav a:hover { color:white; }
.nav-cta { padding:13px 18px; border:1px solid rgba(255,255,255,.35); color:white; }
.hero { position:relative; min-height:100svh; overflow:hidden; display:flex; align-items:center; padding:140px 8vw 80px; background:#0a0b0c; }
.hero-image { position:absolute; inset:0; background-image:linear-gradient(90deg,rgba(5,6,7,.98) 0%,rgba(5,6,7,.78) 38%,rgba(5,6,7,.15) 75%),url('/die-loge-hero.png'); background-size:cover; background-position:center; filter:saturate(.7) contrast(1.08); }
.hero-grid { position:absolute; inset:0; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(90deg,black,transparent 67%); }
.hero-content { position:relative; z-index:2; max-width:720px; }
.eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 28px; color:#aaa; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.3em; }
.eyebrow span { width:34px; height:1px; background:var(--red); box-shadow:0 0 12px var(--red); }
h1 { margin:0; line-height:.82; font-family:Georgia,'Times New Roman',serif; font-weight:400; }
h1 span { display:block; font-size:clamp(64px,9.5vw,150px); letter-spacing:-.065em; }
h1 em { display:block; margin-top:22px; color:#a9a6a0; font-size:clamp(22px,2.7vw,42px); font-weight:400; letter-spacing:.36em; }
.hero-copy { margin:42px 0 34px; padding-left:20px; border-left:1px solid var(--red); color:#bebcb7; font-family:Georgia,serif; font-size:clamp(19px,2vw,27px); line-height:1.5; }
.hero-actions { display:flex; align-items:center; gap:30px; }
.button { display:inline-block; padding:17px 25px; border:1px solid var(--red); text-transform:uppercase; letter-spacing:.18em; font-size:10px; font-weight:700; transition:.25s; }
.button.primary { background:var(--red); color:white; box-shadow:0 8px 30px rgba(169,19,28,.2); }
.button.primary:hover { background:#c01823; transform:translateY(-2px); }
.text-link { color:#aaa; font-size:10px; text-transform:uppercase; letter-spacing:.16em; }
.text-link span { color:var(--red); margin-left:8px; }
.release-stamp { position:absolute; z-index:2; right:5vw; bottom:64px; display:grid; gap:7px; min-width:200px; padding:20px 0; border-top:1px solid rgba(255,255,255,.25); border-bottom:1px solid rgba(255,255,255,.25); text-transform:uppercase; }
.release-stamp span { color:#888; font-size:9px; letter-spacing:.2em; }.release-stamp strong { font-family:Georgia,serif; font-size:18px; letter-spacing:.12em; }.release-stamp i { height:1px; background:var(--red); width:40px; }
.scroll-cue { position:absolute; left:5vw; bottom:28px; color:#666; font-size:8px; letter-spacing:.3em; writing-mode:vertical-rl; }.scroll-cue span { display:block; height:45px; width:1px; margin:12px auto 0; background:linear-gradient(var(--red),transparent); }
.section { position:relative; padding:130px 8vw; }
.section-number { position:absolute; top:60px; left:5vw; color:#72716d; font-size:9px; font-weight:700; letter-spacing:.25em; writing-mode:vertical-rl; }
.manifest { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr); gap:10vw; background:#d8d5ce; color:#151617; }
.manifest-copy { max-width:780px; }.quote-mark { margin:-50px 0 -55px; color:#b8b5ae; font:180px/1 Georgia,serif; }
.manifest h2,.world h2,.author h2,.order h2 { margin:0; font-family:Georgia,serif; font-size:clamp(48px,6vw,92px); font-weight:400; line-height:1.03; letter-spacing:-.045em; }
.manifest h2 span,.world h2 em,.author h2 em { color:var(--red); font-style:italic; }
.rule { width:70px; height:2px; margin:40px 0; background:var(--red); }
.manifest-copy>p:not(.quote-mark) { max-width:600px; color:#4c4b48; font:18px/1.75 Georgia,serif; }
.book-facts { align-self:end; border-top:1px solid #aaa7a0; }.book-facts div { padding:22px 0; border-bottom:1px solid #aaa7a0; }.book-facts span { display:block; margin-bottom:8px; color:#77746e; font-size:9px; text-transform:uppercase; letter-spacing:.22em; }.book-facts strong { font:18px/1.4 Georgia,serif; }
.world { background:#101112; overflow:hidden; }.world:after { content:""; position:absolute; inset:auto -15% -50% 35%; height:700px; background:radial-gradient(ellipse,rgba(122,0,8,.22),transparent 65%); pointer-events:none; }
.world-heading { max-width:900px; margin-bottom:90px; }.world h2 em { font-weight:400; }
.concept-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.concept-grid article { min-height:320px; padding:35px; border-right:1px solid var(--line); }.concept-grid article:last-child { border:0; }.concept-grid article>span { color:#666; font-size:10px; letter-spacing:.2em; }.concept-grid h3 { margin:70px 0 20px; font:36px Georgia,serif; }.concept-grid p { max-width:280px; color:#8d8d89; font:15px/1.7 Georgia,serif; }.concept-grid i { display:block; width:30px; height:1px; margin-top:30px; background:var(--red); }
.author { display:grid; grid-template-columns:.7fr 1.3fr; align-items:center; gap:9vw; background:#c9c6bf; color:#171819; }
.author-portrait { aspect-ratio:4/5; display:grid; place-items:center; background:linear-gradient(145deg,#28292a,#0c0d0e 55%,#3f0407); box-shadow:25px 25px 0 #b9b6af; overflow:hidden; }.author-portrait span { color:rgba(255,255,255,.07); font:160px Georgia,serif; }
.author-copy>p:not(.eyebrow) { max-width:650px; margin:34px 0; color:#4a4946; font:18px/1.75 Georgia,serif; }.author blockquote { max-width:600px; margin:36px 0 0; padding:22px 0 22px 28px; border-left:2px solid var(--red); font:italic 20px/1.5 Georgia,serif; }
.order { overflow:hidden; text-align:center; background:#070809; }.order-glow { position:absolute; width:700px; height:400px; left:50%; top:20%; transform:translateX(-50%); background:radial-gradient(ellipse,rgba(126,4,12,.32),transparent 65%); }.eyebrow.center { position:relative; justify-content:center; }.order h2 { position:relative; font-size:clamp(60px,8vw,120px); }.order>p:not(.eyebrow) { position:relative; color:#999; font:18px Georgia,serif; }.formats { position:relative; display:flex; justify-content:center; gap:1px; margin:50px auto 38px; }.formats span,.formats a { min-width:190px; padding:22px; border:1px solid var(--line); color:#aaa; font-size:10px; text-transform:uppercase; letter-spacing:.15em; }.formats a{transition:.2s}.formats a:hover{border-color:var(--red);color:white}.formats b { display:block; margin-top:10px; color:white; font:18px Georgia,serif; letter-spacing:0; text-transform:none; }.button.large { position:relative; padding:20px 30px; }.order small { position:relative; display:block; margin-top:18px; color:#555; font-size:9px; letter-spacing:.08em; }
footer { min-height:120px; display:flex; justify-content:space-between; align-items:center; padding:30px 5vw; border-top:1px solid var(--line); color:#777; font-size:10px; letter-spacing:.12em; }footer div { display:flex; gap:26px; }footer a:hover { color:white; }
@media(max-width:800px){
  .site-header { height:74px; }.site-header nav a:not(.nav-cta) { display:none; }.hero { min-height:850px; padding:130px 7vw 160px; align-items:flex-start; }.hero-image { background-position:62% center; }.hero-content { margin-top:60px; }.release-stamp { left:7vw; right:auto; bottom:55px; }.scroll-cue { display:none; }
  h1 span { font-size:17vw; }h1 em { font-size:5vw; letter-spacing:.24em; }.hero-actions { align-items:flex-start; flex-direction:column; gap:22px; }
  .section { padding:100px 7vw; }.section-number { display:none; }.manifest,.author { grid-template-columns:1fr; }.book-facts { margin-top:40px; }.concept-grid { grid-template-columns:1fr; }.concept-grid article { min-height:auto; border-right:0; border-bottom:1px solid var(--line); }.concept-grid h3 { margin-top:35px; }.author-portrait { max-width:420px; }.formats { flex-direction:column; max-width:340px; }footer { flex-direction:column; gap:25px; text-align:center; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button.primary:hover{transform:none}}