@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap");

:root { --ink:#09294a; --ink-soft:#31516e; --paper:#f5f1e8; --paper-bright:#faf8f3; --line:rgba(9,41,74,.19); --aqua:#047b8f; --gold:#b7974d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",system-ui,sans-serif; }
.page-glow { position:fixed; z-index:-1; inset:-25%; opacity:.4; background:radial-gradient(circle at 75% 10%,rgba(4,123,143,.13),transparent 24%),radial-gradient(circle at 11% 48%,rgba(183,151,77,.12),transparent 24%); pointer-events:none; }
.site-header { width:min(1300px,calc(100% - 64px)); margin:auto; height:94px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { color:var(--ink); text-decoration:none; font-size:1rem; letter-spacing:.15em; font-weight:700; }
nav { display:flex; gap:31px; margin-left:clamp(30px,10vw,160px); }
nav a,.header-link,footer a { color:var(--ink-soft); font-size:.81rem; text-decoration:none; letter-spacing:.02em; }
.header-link { display:flex; gap:8px; align-items:center; color:var(--ink); font-weight:600; }
.header-actions { display:flex; align-items:center; justify-content:flex-end; gap:22px; }
.language-switch { position:relative; z-index:20; }
.language-switch summary { display:flex; align-items:center; gap:7px; min-height:31px; padding:7px 0; cursor:pointer; color:var(--ink-soft); font:.69rem "DM Mono",monospace; letter-spacing:.1em; list-style:none; user-select:none; }
.language-switch summary::-webkit-details-marker { display:none; }
.language-switch[open] summary { color:var(--ink); }
.language-chevron { color:var(--gold); font:1rem/0 "DM Sans",sans-serif; transform:translateY(-1px); }
.language-menu { position:absolute; top:calc(100% + 8px); right:-12px; min-width:149px; padding:7px; border:1px solid var(--line); background:var(--paper-bright); box-shadow:0 14px 30px rgba(3,23,43,.14); }
.language-menu button { width:100%; display:block; border:0; background:transparent; color:var(--ink-soft); padding:9px 10px; text-align:left; cursor:pointer; font:.77rem "DM Sans",sans-serif; }
.language-menu button:hover,.language-menu button[aria-current="true"] { background:rgba(4,123,143,.08); color:var(--ink); }
.language-menu button[aria-current="true"] { font-weight:700; }
main { overflow:hidden; }
.hero { min-height:calc(100vh - 94px); max-width:1300px; width:calc(100% - 64px); margin:auto; position:relative; display:grid; grid-template-columns:1fr 1.06fr; align-items:center; padding:70px 0 84px; }
.hero-copy { position:relative; z-index:2; padding:44px 0; }
.eyebrow,.section-label { margin:0 0 21px; text-transform:uppercase; letter-spacing:.15em; font-family:"DM Mono",monospace; font-size:.68rem; color:var(--ink-soft); }
.eyebrow { display:flex; align-items:center; gap:9px; }
.eyebrow > span:first-child { width:28px; height:1px; flex:0 0 28px; background:var(--gold); }
h1 { font-size:clamp(3.2rem,7.25vw,7.3rem); line-height:.84; letter-spacing:-.075em; margin:0; font-weight:700; }
.hero-subtitle { font-family:"Playfair Display",serif; font-size:clamp(2.05rem,3.6vw,4rem); line-height:.95; margin:25px 0 29px; letter-spacing:-.045em; }
.hero-intro { max-width:390px; line-height:1.6; font-size:1.03rem; color:var(--ink-soft); margin:0 0 34px; }
.primary-action { display:inline-flex; align-items:center; gap:23px; color:var(--paper-bright); background:var(--ink); padding:15px 18px 15px 22px; text-decoration:none; font-size:.82rem; font-weight:600; transition:transform .2s,background .2s; }
.primary-action:hover { background:var(--aqua); transform:translateY(-2px); }
.primary-action span { font-size:1.18rem; line-height:.75; }
.book-stage { position:relative; display:grid; place-items:center; min-height:575px; }
.book-stage:before { content:""; position:absolute; width:min(37vw,520px); aspect-ratio:1; border:1px solid rgba(4,123,143,.22); border-radius:50%; top:49%; left:50%; transform:translate(-50%,-50%); }
.book-cover { width:min(29vw,398px); min-width:305px; position:relative; z-index:1; isolation:isolate; container-type:inline-size; filter:drop-shadow(30px 39px 30px rgba(3,23,43,.24)); transform:perspective(1300px) rotateY(-7deg) rotateZ(1deg); transition:transform .5s ease; }
.book-cover:hover { transform:perspective(1300px) rotateY(-2deg) rotateZ(0deg) translateY(-5px); }
.book-cover:before { content:""; position:absolute; z-index:0; top:1.2%; bottom:1.1%; left:-10px; width:16px; border-radius:4px 0 0 4px; background:linear-gradient(90deg,#9f988d 0%,#e8e1d5 38%,#bcb3a4 100%); box-shadow:-5px 8px 10px rgba(3,23,43,.16); transform:skewY(-1.8deg); }
.book-cover:after { content:""; position:absolute; z-index:0; top:2.2%; right:-7px; bottom:1.9%; width:9px; border-radius:0 3px 3px 0; background:repeating-linear-gradient(0deg,#cfc6b8 0 1px,#f7f1e7 1px 3px); box-shadow:5px 8px 10px rgba(3,23,43,.12); transform:skewY(-1.8deg); }
.book-cover img { display:block; position:relative; z-index:1; width:100%; border:1px solid rgba(26,43,58,.17); border-radius:2px 2px 3px 2px; }
.book-shadow { position:absolute; width:min(31vw,435px); height:30px; background:rgba(3,23,43,.25); filter:blur(19px); border-radius:50%; top:85%; left:51%; transform:translateX(-50%) rotate(-7deg); }
.stage-caption { z-index:2; position:absolute; bottom:20px; right:10%; color:var(--ink-soft); font: .66rem "DM Mono",monospace; letter-spacing:.11em; text-transform:uppercase; transform:rotate(90deg); transform-origin:right center; }
.hero-note { position:absolute; right:0; bottom:18px; display:flex; align-items:flex-start; gap:14px; border-top:1px solid var(--line); padding-top:11px; width:260px; }
.hero-note p { margin:0; font-size:.75rem; line-height:1.55; color:var(--ink-soft); }.note-number { font:.65rem "DM Mono",monospace; color:var(--gold); }
.statement,.chapters,.manifesto,.author,.availability,.amazon-edition { max-width:1300px; width:calc(100% - 64px); margin:auto; border-top:1px solid var(--line); }
.statement { padding:105px 0 130px; }.statement-grid { display:grid; grid-template-columns:1.02fr .76fr; gap:12vw; }.statement h2,.chapters h2,.availability h2 { margin:0; font:600 clamp(2.3rem,4vw,4.7rem)/.98 "Playfair Display",serif; letter-spacing:-.05em; }.statement-grid div { color:var(--ink-soft); font-size:1.03rem; line-height:1.72; padding-top:8px; }.statement-grid p:first-child { margin-top:0; }
.chapters { display:grid; grid-template-columns:.76fr 1.24fr; gap:7vw; padding:104px 0 119px; }.chapters-heading>p:last-child { max-width:370px; color:var(--ink-soft); line-height:1.6; margin:27px 0 0; }.chapter-list { list-style:none; margin:0; padding:0; }.chapter-list li { border-top:1px solid var(--line); min-height:97px; padding:21px 4px; display:grid; grid-template-columns:55px 1fr auto; align-items:center; gap:15px; transition:padding .25s,background .25s; }.chapter-list li:last-child { border-bottom:1px solid var(--line); }.chapter-list li:hover { padding-left:14px; background:rgba(4,123,143,.05); }.chapter-number { font:.68rem "DM Mono",monospace; color:var(--gold); }.chapter-list h3 { font-size:1.15rem; letter-spacing:-.028em; margin:0 0 5px; }.chapter-list p { margin:0; color:var(--ink-soft); font-size:.82rem; }.chapter-arrow { font-size:1.12rem; color:var(--aqua); }
.manifesto { padding:130px 10% 132px; text-align:center; background:linear-gradient(145deg,rgba(3,42,75,.98),#061b34); color:var(--paper-bright); width:100%; max-width:none; border:0; }.manifesto .section-label { color:rgba(250,248,243,.6); }.manifesto blockquote { max-width:970px; margin:0 auto; font:500 clamp(2.1rem,4vw,4.55rem)/1.05 "Playfair Display",serif; letter-spacing:-.045em; }.manifesto-attribution { color:rgba(250,248,243,.58); font:.67rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.13em; margin:35px 0 0; }
.author { display:grid; grid-template-columns:.8fr 1.2fr; gap:10vw; align-items:start; padding:126px 12% 132px; }.author-index { color:var(--aqua); font:600 clamp(4rem,10vw,10rem)/.8 "Playfair Display",serif; letter-spacing:-.12em; }.author h2 { margin:0 0 23px; font:600 clamp(2.5rem,4vw,4.5rem)/.9 "Playfair Display",serif; letter-spacing:-.055em; }.author-copy>p:not(.section-label) { max-width:550px; color:var(--ink-soft); font-size:1.03rem; line-height:1.72; }
.availability { margin-top:0; padding:120px 12% 117px; background:linear-gradient(110deg,#e6ded0, #f9f7f0); position:relative; }.availability:after { content:""; position:absolute; right:13%; top:50%; width:170px; aspect-ratio:1; border:1px solid rgba(4,123,143,.22); border-radius:50%; }.availability h2 { max-width:800px; }.availability>p:not(.section-label) { color:var(--ink-soft); font-size:1rem; margin:30px 0 22px; }.status-pill { display:inline-block; color:var(--ink); border:1px solid var(--ink); padding:9px 11px; font:.66rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.11em; }
.amazon-edition { display:grid; grid-template-columns:1.12fr .88fr; gap:10vw; align-items:end; padding:116px 12% 124px; background:linear-gradient(145deg,rgba(3,42,75,.98),#061b34); color:var(--paper-bright); border:0; }.amazon-edition .section-label { color:rgba(250,248,243,.62); }.amazon-edition h2 { margin:0; max-width:600px; font:600 clamp(2.3rem,4vw,4.7rem)/.98 "Playfair Display",serif; letter-spacing:-.05em; }.amazon-edition>div>p:not(.section-label):not(.amazon-price):not(.amazon-note) { max-width:530px; margin:27px 0 0; color:rgba(250,248,243,.72); line-height:1.68; }.amazon-cta { padding-bottom:3px; }.amazon-price { margin:0 0 17px; color:rgba(250,248,243,.7); font:.67rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.11em; }.amazon-action { display:inline-flex; align-items:center; min-height:51px; padding:14px 23px; background:var(--paper-bright); color:var(--ink); text-decoration:none; font-size:.84rem; font-weight:700; transition:transform .2s,background .2s,color .2s; }.amazon-action:not(.is-unavailable):hover { transform:translateY(-2px); background:var(--gold); color:#071e35; }.amazon-action.is-unavailable { opacity:.64; cursor:default; }.amazon-note { max-width:340px; margin:15px 0 0; color:rgba(250,248,243,.55); font-size:.78rem; line-height:1.55; }
footer { width:min(1300px,calc(100% - 64px)); margin:auto; min-height:96px; display:flex; justify-content:space-between; align-items:center; color:var(--ink-soft); font-size:.72rem; }
.imprint-main { width:min(1300px,calc(100% - 64px)); margin:auto; }
.imprint-hero { padding:120px 0 92px; border-bottom:1px solid var(--line); }
.imprint-hero h1 { font-size:clamp(4.3rem,10vw,9rem); }
.imprint-intro { max-width:430px; margin:31px 0 0; color:var(--ink-soft); font-size:1rem; line-height:1.6; }
.imprint-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:0 -1px; background:var(--line); border-bottom:1px solid var(--line); }
.imprint-card { min-height:288px; padding:48px 11%; background:var(--paper); }
.imprint-card-wide { grid-column:1 / -1; min-height:auto; background:var(--paper-bright); }
.imprint-card h2,.imprint-note h2 { margin:0 0 25px; font:600 clamp(1.85rem,3vw,3.1rem)/.98 "Playfair Display",serif; letter-spacing:-.05em; }
.imprint-card address,.imprint-card p:not(.section-label),.imprint-note p:not(.section-label) { margin:0; color:var(--ink-soft); font-style:normal; font-size:1rem; line-height:1.75; }
.imprint-card a { color:var(--aqua); font-weight:600; text-underline-offset:4px; }
.imprint-note { padding:108px 11% 124px; }
.imprint-note p:not(.section-label) { max-width:680px; }
.js .statement,.js .chapters,.js .manifesto,.js .author,.js .availability,.js .amazon-edition { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s ease; }.js .is-visible { opacity:1; transform:none; }
@media (max-width:800px) { .site-header,.hero,.statement,.chapters,.author,.availability,.amazon-edition,footer,.imprint-main { width:calc(100% - 40px); } .site-header { height:74px; } nav { display:none; }.header-actions { gap:14px; }.header-link { font-size:.74rem; }.language-switch summary { font-size:.65rem; }.language-menu { right:-7px; }.hero { grid-template-columns:1fr; text-align:center; min-height:auto; padding:74px 0 78px; }.eyebrow { justify-content:center; }.hero-intro { margin-left:auto; margin-right:auto; }.book-stage { order:-1; min-height:445px; }.book-stage:before { width:375px; }.book-cover { min-width:236px; width:min(64vw,260px); }.book-cover:before { left:-8px; width:13px; }.book-cover:after { right:-6px; width:7px; }.book-shadow { width:285px; top:84%; }.stage-caption,.hero-note { display:none; }.statement { padding:75px 0; }.statement-grid,.chapters,.author,.amazon-edition { grid-template-columns:1fr; gap:35px; }.chapters { padding:77px 0; }.manifesto { padding:82px 28px; }.author { padding:75px 0; }.author-index { display:none; }.availability { width:100%; padding:78px 34px; }.availability:after { width:95px; right:8%; top:13%; }.amazon-edition { padding:80px 9%; } footer { min-height:120px; flex-direction:column; justify-content:center; gap:11px; text-align:center; } .imprint-hero { padding:77px 0 66px; }.imprint-hero .eyebrow { justify-content:flex-start; }.imprint-grid { grid-template-columns:1fr; }.imprint-card,.imprint-card-wide { grid-column:auto; min-height:auto; padding:39px 9%; }.imprint-note { padding:75px 9% 88px; } }
@media (max-width:440px) { h1 { font-size:3.15rem; }.hero-subtitle { font-size:2rem; }.book-stage { min-height:425px; }.book-stage img { min-width:0; }.chapter-list li { grid-template-columns:38px 1fr 18px; gap:9px; }.chapter-list h3 { font-size:1rem; }.chapter-list p { font-size:.74rem; } }