:root{--ink:#110f0d;--paper:#f6f0e4;--white:#fffaf1;--pink:#f3238f;--lime:#d9ff43;--wine:#6c2528;--gold:#c99b45;--line:rgba(17,15,13,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}
img{display:block;width:100%}
a{color:inherit}
.skip-link{position:absolute;left:-999px;top:10px;background:var(--lime);padding:12px 18px;z-index:99}.skip-link:focus{left:10px}
.site-header{height:88px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(246,240,228,.96)}
.wordmark{text-decoration:none;font-weight:900;letter-spacing:-.06em;line-height:.83;font-size:1.05rem}.wordmark span,.wordmark b{display:block}.wordmark b{color:var(--pink);font-family:Georgia,serif;font-style:italic;font-size:1.25rem}
nav{display:flex;gap:28px;margin-left:auto}nav a,.header-cta,.text-link{font-weight:700;text-decoration:none;font-size:.9rem}nav a:hover,.text-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.header-cta{border:2px solid var(--ink);padding:11px 16px;box-shadow:4px 4px 0 var(--ink);transition:.18s}.header-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);padding:clamp(48px,7vw,110px) clamp(22px,6vw,98px);gap:clamp(40px,7vw,120px);align-items:center;overflow:hidden}
.eyebrow{margin:0 0 20px;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:800}.eyebrow:before{content:"";display:inline-block;width:34px;height:3px;background:var(--pink);vertical-align:middle;margin-right:12px}
.hero h1{font-weight:900;font-size:clamp(5rem,11vw,10rem);letter-spacing:-.085em;line-height:.71;margin:0;max-width:7ch;text-transform:uppercase}.hero h1 span,.hero h1 strong,.hero h1 em{display:block}.hero h1 strong{color:var(--pink);margin-left:.32em}.hero h1 em{font-family:Georgia,serif;color:var(--wine);font-weight:400;margin-left:1.06em;transform:rotate(-3deg);font-size:.8em}
.hero-lede{max-width:610px;font-family:Georgia,serif;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.38;margin:38px 0 28px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;gap:28px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900;padding:17px 19px;border:2px solid var(--ink);transition:.18s}.button:hover{transform:translate(3px,3px)}.button-dark{background:var(--ink);color:var(--white);box-shadow:6px 6px 0 var(--pink)}.button-lime{background:var(--lime);color:var(--ink);box-shadow:6px 6px 0 var(--pink)}
.availability{font-size:.78rem;font-weight:700;margin:28px 0 0;color:#5d564d}
.hero-art{height:min(720px,72vh);min-height:520px;position:relative;background:var(--ink);border:3px solid var(--ink);box-shadow:18px 18px 0 var(--pink);transform:rotate(1.5deg)}.hero-art img{height:100%;object-fit:cover;object-position:center 43%}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(17,15,13,.42));pointer-events:none}.margin-note{position:absolute;z-index:2;left:-54px;bottom:62px;background:var(--lime);padding:18px 22px;font-family:Georgia,serif;font-size:1.05rem;font-style:italic;line-height:1.1;transform:rotate(-7deg);box-shadow:5px 5px 0 var(--ink)}.proof-stamp{position:absolute;right:-20px;top:30px;z-index:2;background:var(--wine);color:white;padding:9px 19px;font-weight:900;letter-spacing:.15em;transform:rotate(5deg)}
.ticker{background:var(--ink);color:var(--white);display:flex;gap:0;overflow:hidden;white-space:nowrap}.ticker span{padding:15px 28px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;border-right:1px solid rgba(255,255,255,.28)}.ticker span:before{content:"✦";color:var(--lime);margin-right:24px}
.book-section{background:var(--ink);color:var(--white);display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1fr);gap:clamp(54px,8vw,130px);padding:clamp(80px,10vw,150px) clamp(22px,7vw,120px);align-items:center}
.book-stage{display:grid;place-items:center;perspective:1200px}.book-mockup{width:min(390px,82vw);aspect-ratio:2/3;background:var(--paper);color:var(--ink);border:2px solid var(--paper);box-shadow:28px 25px 0 var(--wine),42px 42px 55px rgba(0,0,0,.35);transform:rotateY(-7deg) rotateZ(-1.5deg);display:grid;grid-template-rows:43% 1fr auto;overflow:hidden}.mockup-image{overflow:hidden}.mockup-image img{height:100%;object-fit:cover;object-position:center 43%}.mockup-title{padding:22px 26px 6px}.mockup-title p{font-size:1.45rem;font-weight:900;margin:0;color:var(--pink);letter-spacing:-.04em}.mockup-title h2{font-size:clamp(2.25rem,4.3vw,3.5rem);line-height:.83;letter-spacing:-.075em;margin:3px 0 16px}.mockup-title span{display:block;font-weight:700;font-size:.72rem;line-height:1.3}.book-mockup>b{padding:12px 26px 22px;font-size:1.1rem;letter-spacing:.04em}.eyebrow-light{color:var(--lime)}.book-copy>h2{font-family:Georgia,serif;font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:0 0 35px}.book-copy>h2 em{color:var(--pink);font-weight:400}.book-copy>p:not(.eyebrow){max-width:690px;color:#ddd5ca;font-size:1.04rem}.book-copy blockquote{margin:34px 0;padding:20px 0 20px 24px;border-left:5px solid var(--lime);font-family:Georgia,serif;font-size:1.4rem;font-style:italic;max-width:680px}.book-copy .button{margin-top:15px}
.inside{padding:clamp(80px,10vw,150px) clamp(22px,7vw,120px)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:65px}.section-heading h2{font-family:Georgia,serif;font-size:clamp(2.8rem,5.5vw,5.4rem);line-height:.98;letter-spacing:-.05em;margin:0;text-align:right}.inside-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.inside-grid article{padding:32px clamp(18px,3vw,42px) 42px;border-right:1px solid var(--line)}.inside-grid article:last-child{border-right:0}.inside-grid span{font-weight:900;color:var(--pink)}.inside-grid h3{font-family:Georgia,serif;font-size:1.7rem;margin:55px 0 15px}.inside-grid p{color:#514a42}
.manifesto{background:var(--wine);color:var(--white);padding:clamp(80px,10vw,150px) clamp(22px,8vw,145px);position:relative;overflow:hidden}.manifesto:after{content:"SO…";position:absolute;right:-.06em;top:-.3em;font:italic 400 clamp(12rem,28vw,30rem)/1 Georgia,serif;color:rgba(255,255,255,.055)}.scribble{position:relative;z-index:1;display:inline-block;background:var(--lime);color:var(--ink);padding:6px 12px;transform:rotate(-3deg);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.manifesto h2{position:relative;z-index:1;font:400 clamp(3.4rem,7.5vw,8rem)/.9 Georgia,serif;letter-spacing:-.065em;max-width:11ch;margin:35px 0}.manifesto>p:not(.scribble){position:relative;z-index:1;font-size:1.25rem;max-width:760px}.manifesto-line{position:relative;z-index:1;margin-top:70px;display:flex;flex-wrap:wrap;gap:12px}.manifesto-line span{border:1px solid rgba(255,255,255,.5);padding:11px 14px;font-size:.7rem;font-weight:900;letter-spacing:.1em}
.series{padding:clamp(80px,10vw,150px) clamp(22px,7vw,120px);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.series>div:first-child{padding-right:30px}.series h2{font:400 clamp(2.7rem,4.8vw,5rem)/.97 Georgia,serif;letter-spacing:-.05em;margin:0}.series-card{min-height:370px;padding:28px;display:flex;flex-direction:column;border:2px solid var(--ink)}.series-card span{font-size:2rem;font-weight:900}.series-card p{margin:auto 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:900}.series-card h3{font:400 2rem/1.05 Georgia,serif;margin:0 0 30px}.series-card small{text-transform:uppercase;letter-spacing:.12em;font-weight:900}.series-card.active{background:var(--pink);box-shadow:9px 9px 0 var(--ink)}.series-card.future{background:var(--lime)}
.author{background:#ded3c2;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1fr);gap:clamp(45px,8vw,120px);padding:clamp(70px,9vw,130px) clamp(22px,8vw,145px);align-items:center}.author-image{height:620px;overflow:hidden;border-radius:50% 50% 4px 4px;box-shadow:-16px 16px 0 var(--wine)}.author-image img{height:100%;object-fit:cover;object-position:center 42%}.author-copy h2{font:400 clamp(2.8rem,5vw,5.4rem)/.95 Georgia,serif;letter-spacing:-.055em;margin:0 0 32px}.author-copy p{font-size:1.05rem;max-width:650px}.author-copy .text-link{display:inline-block;margin-top:20px}
.final-cta{text-align:center;padding:clamp(90px,12vw,180px) 22px}.final-cta .eyebrow:before{display:none}.final-cta h2{font:400 clamp(3rem,6.5vw,6.7rem)/.94 Georgia,serif;letter-spacing:-.06em;max-width:13ch;margin:0 auto 48px}.final-cta>p:last-child{font-size:.78rem;color:#5d564d;margin-top:28px}
footer{background:var(--ink);color:var(--white);display:flex;align-items:end;gap:30px;justify-content:space-between;padding:45px clamp(22px,6vw,90px)}footer p{font-size:.75rem;margin:0;color:#bdb5aa}.footer-mark{font-weight:900;font-size:1.5rem;letter-spacing:-.05em}.footer-mark b{display:block;color:var(--pink);font:italic 400 1.7rem/1 Georgia,serif}
@media(max-width:980px){nav{display:none}.hero{grid-template-columns:1fr}.hero-art{width:min(600px,88vw);justify-self:center}.book-section{grid-template-columns:1fr}.book-stage{order:2}.series{grid-template-columns:1fr 1fr}.series>div:first-child{grid-column:1/-1;margin-bottom:30px}.author{grid-template-columns:1fr}.author-image{height:560px;width:min(520px,90vw)}}
@media(max-width:680px){.site-header{height:74px;padding:0 18px}.header-cta{margin-left:auto;font-size:.72rem;padding:9px 10px;box-shadow:none}.hero{min-height:auto;padding-top:58px}.hero h1{font-size:clamp(4.2rem,24vw,7rem)}.hero-lede{font-size:1.25rem}.hero-art{min-height:440px;height:60vh;box-shadow:10px 10px 0 var(--pink)}.margin-note{left:-8px;bottom:28px}.book-section{padding-top:82px}.book-mockup{box-shadow:14px 14px 0 var(--wine)}.section-heading{display:block}.section-heading h2{text-align:left}.inside-grid{grid-template-columns:1fr}.inside-grid article{border-right:0;border-bottom:1px solid var(--line)}.inside-grid article:last-child{border-bottom:0}.inside-grid h3{margin-top:24px}.series{grid-template-columns:1fr}.series>div:first-child{grid-column:auto}.author-image{height:470px}.final-cta h2{font-size:clamp(2.8rem,13vw,5rem)}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.header-cta{transition:none}}
