:root{
 --ink:#141414;--muted:#6b6862;--paper:#f4f1eb;--warm:#e8e0d5;--line:#d5cec4;
 --gold:#a88b62;--white:#fff;--black:#0d0d0d;--max:1260px;--shadow:0 26px 80px rgba(0,0,0,.13)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:10px}
.header{position:fixed;inset:0 0 auto;z-index:50;color:#fff;padding:18px 0;transition:.35s}
.header.scrolled,.header.inner{background:rgba(244,241,235,.97);backdrop-filter:blur(18px);color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.08)}
.nav{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center;letter-spacing:.13em}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;font-size:.75rem}
.brand strong{display:block;font-size:.85rem}.brand small{display:block;font-size:.57rem;letter-spacing:.18em;opacity:.68}
.links{display:flex;align-items:center;gap:28px;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}
.links a{position:relative}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:.25s}.links a:hover:after{right:0}
.menu{display:none;background:none;border:0;color:inherit}.menu span{display:block;width:25px;height:2px;background:currentColor;margin:5px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem;transition:.25s}
.btn:hover{background:#fff;color:#111}.btn.dark{background:#111;color:#fff;border-color:#111}.btn.dark:hover{background:#333}.btn.light{background:#fff;color:#111;border-color:#fff}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:url("../images/HERO-2660.svg") center/cover no-repeat;transform:scale(1.03)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.18) 65%,rgba(0,0,0,.4))}
.hero-content{position:relative;z-index:2;padding-top:90px}
.kicker{text-transform:uppercase;letter-spacing:.24em;font-size:.7rem;font-weight:700}
.hero h1,.display,.chapter-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.02}
.hero h1{font-size:clamp(3.7rem,9vw,8.2rem);max-width:1050px;margin:.12em 0}
.hero p{font-size:clamp(1.1rem,2vw,1.5rem);max-width:660px}
.hero-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:34px}
.hero-meta{position:absolute;z-index:3;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(10,10,10,.72);backdrop-filter:blur(12px)}
.hero-meta div{padding:22px 32px;border-right:1px solid rgba(255,255,255,.17)}.hero-meta strong,.hero-meta span{display:block}.hero-meta span{font-size:.62rem;text-transform:uppercase;letter-spacing:.15em;opacity:.72}
.section{padding:110px 0}
.intro-grid,.chapter-card,.story-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.display{font-size:clamp(2.6rem,5.5vw,5.4rem);margin:.18em 0}
.lead{font-family:Georgia,serif;font-size:1.45rem;color:#403b36}
.chapter-list{background:#111;color:#fff}
.chapter-card{padding:85px 0;border-bottom:1px solid #333}
.chapter-card:nth-child(even){direction:rtl}.chapter-card:nth-child(even)>*{direction:ltr}
.chapter-image{min-height:520px;overflow:hidden;background:#222}.chapter-image img{height:100%;object-fit:cover;transition:transform .7s}.chapter-card:hover img{transform:scale(1.025)}
.chapter-copy .num{color:#c6aa7a;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.chapter-copy h2{font-family:Georgia,serif;font-size:clamp(2.3rem,4.5vw,4.6rem);font-weight:400;line-height:1.02;margin:.2em 0}.chapter-copy p{color:#c4c4c4}.chapter-copy .read{display:inline-block;margin-top:16px;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;color:#fff}
.manifesto{background:#e9e2d8}.manifesto blockquote{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.2rem);line-height:1.22;margin:0;max-width:1050px}
.manifesto cite{display:block;margin-top:28px;font-style:normal;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}
.about-image img{min-height:640px;object-fit:cover}
.contact{background:#fff}.contact-form{background:var(--paper);padding:40px;box-shadow:var(--shadow)}.contact-form label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;margin-bottom:18px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;border:0;border-bottom:1px solid #aaa;background:transparent;padding:11px 0;outline:none;text-transform:none;letter-spacing:normal}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.footer{background:#0d0d0d;color:#fff;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer h3{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:#999}.footer a{display:block;color:#d2d2d2;margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #333;margin-top:55px;padding-top:20px;color:#888;font-size:.7rem}

/* chapter pages */
.chapter-hero{min-height:92svh;position:relative;color:#fff;display:flex;align-items:flex-end}
.chapter-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover}
.chapter-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.08) 70%)}
.chapter-hero-content{position:relative;z-index:2;padding-bottom:72px}
.chapter-hero h1{font-size:clamp(3.2rem,8vw,7.5rem);margin:.1em 0}
.chapter-sub{font-size:1.25rem;max-width:700px}
.chapter-body{padding:100px 0}.chapter-body-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.chapter-quote{font-family:Georgia,serif;font-size:clamp(1.8rem,3.3vw,3.2rem);line-height:1.28;margin:0;position:sticky;top:120px}.chapter-prose p{font-size:1.16rem;margin:0 0 1.4em}.note-card{margin-top:36px;padding:26px;border-left:2px solid var(--gold);background:#ebe4da}.note-card h3{margin:0 0 8px;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}.chapter-nav{display:grid;grid-template-columns:1fr 1fr;background:#111;color:#fff}.chapter-nav a{padding:45px max(24px,calc((100vw - var(--max))/2));border-right:1px solid #333}.chapter-nav a:last-child{text-align:right}.chapter-nav span{display:block;color:#aaa;font-size:.65rem;text-transform:uppercase;letter-spacing:.13em}.chapter-nav strong{font-family:Georgia,serif;font-size:1.5rem;font-weight:400}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
 .links{position:fixed;inset:0 0 0 28%;background:#111;color:#fff;flex-direction:column;align-items:flex-start;padding:110px 38px;transform:translateX(100%);transition:.3s}.links.open{transform:none}.menu{display:block;z-index:2}
 .intro-grid,.chapter-card,.story-grid,.contact-grid,.chapter-body-grid{grid-template-columns:1fr}.chapter-card:nth-child(even){direction:ltr}.chapter-quote{position:static}
 .hero-meta{grid-template-columns:1fr 1fr}.chapter-image{min-height:420px}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
 .container{width:min(calc(100% - 28px),var(--max))}.section{padding:78px 0}.brand small{display:none}.hero{min-height:900px}.hero-content{padding-bottom:180px}.hero h1{font-size:3.6rem}.hero-meta div{padding:13px 12px}.chapter-card{padding:58px 0}.chapter-image{min-height:350px}.form-row,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.chapter-nav{grid-template-columns:1fr}.chapter-nav a:last-child{text-align:left}
}