@import url('fonts/fonts.css');

:root{
  --paper:#e9e4da;
  --paper2:#dcd5c8;
  --ink:#161616;
  --muted:#6e6a63;
  --red:#7b201c;
  --dark:#17191a;
  --dark2:#101112;
  --white:#f1eee8;
  --line:rgba(22,22,22,.22);
  --pad:clamp(22px,5.5vw,92px);
  --serif:"DM Serif Display", Georgia, serif;
  --sans:"Inter", Arial, sans-serif;
  --mono:"IBM Plex Mono", monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
::selection{background:var(--red);color:white}
.paper-grain{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.035;background-image:radial-gradient(#000 0.55px,transparent .7px);background-size:5px 5px}
.header{position:fixed;top:0;left:0;right:0;height:78px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:100;background:rgba(233,228,218,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08)}
.wordmark{font-family:var(--serif);font-size:1.3rem;letter-spacing:.015em}
.nav{display:flex;gap:clamp(18px,2.5vw,40px);font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em}
.nav a{opacity:.62}.nav a:hover,.nav a.active{opacity:1}
.menu{display:none;background:none;border:0;width:42px;height:42px;padding:10px}.menu span{display:block;height:1px;background:#111;margin:7px 0}
.hero{min-height:100svh;padding:112px var(--pad) 44px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:var(--paper)}
.hero-rule{position:absolute;top:108px;bottom:44px;left:calc(var(--pad) + 28%);width:1px;background:rgba(0,0,0,.12)}
.hero-meta{display:flex;justify-content:space-between;font:400 .63rem var(--mono);letter-spacing:.12em}
.hero-copy{margin:auto 0 8vh}
.overline,.eyebrow{font:500 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase}
.hero h1{font-family:var(--serif);font-size:clamp(6rem,16.8vw,17rem);line-height:.67;letter-spacing:-.065em;font-weight:400;margin:30px 0}
.hero h1 em{font-weight:400;color:var(--red)}
.hero-intro{margin-left:calc(28% + 55px);max-width:520px;border-top:1px solid var(--ink);padding-top:20px;font-family:var(--serif);font-size:clamp(1.3rem,2vw,2.2rem);line-height:1.22}
.hero-intro p{margin:0}
.hero-file{position:absolute;right:var(--pad);bottom:48px;width:min(270px,24vw);padding:15px;border:1px solid rgba(0,0,0,.28);display:grid;gap:7px;font-family:var(--mono);transform:rotate(-2deg)}
.hero-file:before{content:"DECLASSIFIED";position:absolute;right:10px;top:-20px;border:2px solid var(--red);color:var(--red);padding:4px 7px;font:500 .65rem var(--mono);transform:rotate(5deg)}
.hero-file strong{font-family:var(--serif);font-size:2.4rem;font-weight:400}.file-label{font-size:.58rem;color:var(--muted)}.hero-file span:last-child{font-size:.65rem}
.down{position:absolute;left:var(--pad);bottom:45px;font-size:1.4rem}
.section{position:relative;padding:clamp(120px,14vh,190px) var(--pad)}
.chapter-label{position:absolute;top:45px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line);font:500 .63rem var(--mono);letter-spacing:.1em}
.chapter-label.light{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.18)}
.author-layout{display:grid;grid-template-columns:minmax(280px,.72fr) 1.28fr;gap:clamp(50px,8vw,130px);align-items:start}
.portrait-placeholder{aspect-ratio:3/4;max-width:530px;background:#cbc4b7;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.16)}
.portrait-mark{font-family:var(--serif);font-size:clamp(5rem,12vw,11rem);color:rgba(0,0,0,.08)}
.portrait-placeholder>span{position:absolute;bottom:14px;left:14px;font:400 .6rem var(--mono);letter-spacing:.1em}
.author-text h2,.world-intro h2,.files-header h2{font-family:var(--serif);font-weight:400;font-size:clamp(3.5rem,7.2vw,8rem);line-height:.86;letter-spacing:-.045em;margin:18px 0 60px}
.author-text h2 em,.world-intro h2 em,.files-header h2 em,.contact h2 em{color:var(--red);font-weight:400}
.prose{margin-left:clamp(0px,8vw,130px);max-width:650px;font-size:1rem;line-height:1.8}.prose .lead{font-family:var(--serif);font-size:2rem;line-height:1.25}
blockquote{margin:70px 0 0 clamp(0px,8vw,130px);max-width:720px;padding:28px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-family:var(--serif);font-size:clamp(1.4rem,2.2vw,2.4rem);line-height:1.3}
.gsof{background:var(--dark);color:var(--white)}
.gsof-head{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
.eyebrow.light{color:rgba(255,255,255,.5)}
.series-title{font-family:var(--serif);font-weight:400;font-size:clamp(7rem,18vw,18rem);line-height:.62;letter-spacing:-.06em;margin:24px 0 0}
.series-copy{max-width:580px;color:#aaa;font-family:var(--serif);font-size:clamp(1.4rem,2.2vw,2.35rem);line-height:1.3;margin:0 0 10px}
.book-stage{margin-top:clamp(90px,13vh,150px);padding:clamp(45px,7vw,90px);background:#202324;display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:clamp(50px,10vw,150px);align-items:center}
.book-cover{width:min(100%,390px);aspect-ratio:.67;background:#d7d0c3;color:#171717;padding:22px;box-shadow:20px 24px 50px rgba(0,0,0,.38);display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono);transform:perspective(900px) rotateY(5deg)}
.cover-top,.cover-bottom{font-size:.7rem;letter-spacing:.12em}.cover-center span{font-size:.75rem}.cover-center strong{display:block;font-family:var(--serif);font-size:clamp(3.2rem,6vw,6.2rem);line-height:.78;font-weight:400;margin-top:12px}
.status{display:inline-block;border:1px solid rgba(255,255,255,.25);padding:7px 10px;font:400 .6rem var(--mono);letter-spacing:.1em}
.book-info h3{font-family:var(--serif);font-size:clamp(3rem,6vw,6rem);font-weight:400;margin:25px 0 18px}.book-info p{max-width:670px;color:#aaa;line-height:1.75}
.book-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.button{border:1px solid rgba(255,255,255,.3);padding:13px 17px;font:500 .65rem var(--mono);text-transform:uppercase;letter-spacing:.07em}.button.primary{background:var(--white);color:#111}
.series-line{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.series-line div{padding:22px 18px;border-right:1px solid rgba(255,255,255,.15);display:grid;gap:9px}.series-line div:last-child{border:0}.series-line span{font:400 .58rem var(--mono);color:#777}.series-line strong{font:500 .72rem var(--mono);letter-spacing:.08em}
.world{background:var(--paper2)}
.world-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.world-intro h2{margin-bottom:0}.world-intro p{font-family:var(--serif);font-size:clamp(1.4rem,2vw,2.2rem);line-height:1.35;margin:0}
.archive{margin-top:100px;border-top:1px solid var(--ink)}
.archive-card{display:grid;grid-template-columns:80px 1fr auto;gap:30px;align-items:center;padding:36px 10px;border-bottom:1px solid var(--ink);transition:padding .25s,background .25s}
.archive-card:hover{padding-left:25px;padding-right:25px;background:rgba(255,255,255,.18)}
.archive-no{font:400 .65rem var(--mono)}.archive-card small{font:400 .58rem var(--mono);letter-spacing:.1em;color:var(--muted)}.archive-card h3{font-family:var(--serif);font-size:clamp(2.4rem,4.5vw,5rem);font-weight:400;margin:4px 0}.archive-card p{margin:0;color:var(--muted)}.archive-arrow{font-size:1.8rem}
.files{background:#f0ece4}.files-header{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.files-header h2{margin-bottom:0}.files-header p{font-family:var(--serif);font-size:1.6rem;max-width:520px}
.notes{margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.note{padding:30px;min-height:360px;border-right:1px solid var(--ink);display:flex;flex-direction:column}.note:last-child{border:0}.note-meta{display:flex;justify-content:space-between;font:400 .57rem var(--mono);color:var(--muted)}.note h3{font-family:var(--serif);font-size:clamp(2rem,3vw,3.4rem);font-weight:400;line-height:1.05;margin:55px 0 20px}.note p{color:var(--muted);line-height:1.6}.note a{margin-top:auto;font:500 .65rem var(--mono);text-transform:uppercase}
.contact{background:var(--dark2);color:var(--white);min-height:90svh;display:flex;flex-direction:column;justify-content:space-between}
.contact-main{margin-top:5vh}.contact h2{font-family:var(--serif);font-size:clamp(7rem,18vw,18rem);font-weight:400;line-height:.66;letter-spacing:-.06em;margin:35px 0 80px}.mail{display:inline-block;font-family:var(--serif);font-size:clamp(1.5rem,3vw,3.5rem);border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:7px}
footer{margin-top:120px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:25px;font:400 .6rem var(--mono);text-transform:uppercase;color:#888}footer div{display:flex;gap:22px}
.fade{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.fade.visible{opacity:1;transform:none}
@media(max-width:900px){
.nav{position:fixed;inset:0;background:var(--paper);flex-direction:column;justify-content:center;padding:10vw;opacity:0;pointer-events:none;transition:.25s}.nav.open{opacity:1;pointer-events:auto}.nav a{font:400 clamp(2.3rem,8vw,4rem) var(--serif);text-transform:none}.menu{display:block;position:relative;z-index:102}
.hero-rule{display:none}.hero-intro{margin-left:0}.hero-file{width:230px}
.author-layout,.gsof-head,.book-stage,.world-intro,.files-header{grid-template-columns:1fr}.portrait-placeholder{max-width:430px}.prose,blockquote{margin-left:0}.series-line{grid-template-columns:1fr 1fr}.notes{grid-template-columns:1fr}.note{border-right:0;border-bottom:1px solid var(--ink);min-height:280px}.note:last-child{border-bottom:0}
}
@media(max-width:600px){
.header{height:68px}.hero{padding-top:100px}.hero h1{font-size:clamp(5rem,27vw,8rem)}.hero-file{position:relative;right:auto;bottom:auto;margin:35px 0 20px}.down{display:none}.section{padding-top:120px}.author-text h2,.world-intro h2,.files-header h2{font-size:clamp(3.1rem,15vw,5rem)}.series-title{font-size:clamp(6rem,28vw,9rem)}.book-stage{padding:30px 20px}.series-line{grid-template-columns:1fr}.series-line div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.archive-card{grid-template-columns:45px 1fr auto}.archive-card p{display:none}.contact h2{font-size:clamp(6rem,27vw,9rem)}footer{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade{opacity:1;transform:none;transition:none}}

/* Sprachumschalter DE / EN */
.lang-switch{font:500 .68rem var(--mono);letter-spacing:.08em;border:1px solid var(--ink);padding:5px 9px;margin-left:clamp(14px,2vw,28px);opacity:.75;transition:.2s}
.lang-switch:hover{opacity:1;background:var(--ink);color:var(--paper)}
@media(max-width:900px){.lang-switch{margin-left:auto;margin-right:12px;position:relative;z-index:102}}