:root{
  --paper:#f3efe7; --paper2:#e9e2d6; --ink:#171714; --muted:#6d685f;
  --line:#bcb4a7; --white:#fbf8f1; --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);
  background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.72),transparent 31%),
             linear-gradient(180deg,#f7f3ec 0%,var(--paper) 55%,#eee8dd 100%);
  font-family:Georgia,"Times New Roman",serif;line-height:1.5
}
body:before{content:"";position:fixed;inset:10px;border:1px solid rgba(23,23,20,.20);pointer-events:none;z-index:100}
a{color:inherit}.shell{max-width:var(--max);margin:0 auto;padding-left:34px;padding-right:34px}
header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:18px max(34px,calc((100vw - var(--max))/2 + 34px));background:rgba(243,239,231,.94);
  border-bottom:1px solid rgba(23,23,20,.13);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Arial,sans-serif;font-weight:700;letter-spacing:.06em}
.brand-mark{width:33px;height:33px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:400}
nav{display:flex;gap:24px}nav a{text-decoration:none;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.04em}
.hero{min-height:88vh;display:grid;grid-template-columns:1.18fr .82fr;gap:76px;align-items:center;padding-top:72px;padding-bottom:88px;position:relative}
.kicker{margin:0 0 18px;font-family:Arial,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:700}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(62px,8.5vw,118px);line-height:.88;letter-spacing:-.05em;font-weight:500;margin-bottom:30px}
h1 em{font-weight:500}.hero-intro{font-size:24px;line-height:1.38;max-width:660px;color:#3f3b35}
.hero-actions,.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}
.button{display:inline-block;border:1px solid var(--ink);padding:12px 18px;text-decoration:none;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.03em;background:transparent;color:var(--ink);cursor:pointer}
.button.dark{background:var(--ink);color:var(--white)}.quiet-link{font-family:Arial,sans-serif;font-size:12px;text-underline-offset:5px}
.hero-object{justify-self:end;width:min(100%,430px)}.book-stack{height:485px;position:relative}
.cover-link{position:absolute;display:block;text-decoration:none;filter:drop-shadow(0 22px 25px rgba(25,20,13,.13));transition:transform .3s ease}
.cover-link img{display:block;width:100%;height:auto;border:1px solid rgba(23,23,20,.22);background:#f8f5ef}
.hero-cover-one{width:245px;left:15px;top:75px;transform:rotate(-5deg)}
.hero-cover-two{width:245px;right:3px;top:12px;transform:rotate(6deg)}
.hero-cover-one:hover,.hero-cover-two:hover{transform:translateY(-7px) rotate(0deg)}
.object-caption{font-size:16px;font-style:italic;text-align:center;color:var(--muted)}
.motto{position:absolute;bottom:25px;left:34px;right:34px;border-top:1px solid var(--line);padding-top:14px;display:flex;gap:13px;flex-wrap:wrap;font-family:Arial,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.motto p{margin:0}
.library{padding:130px 0;background:rgba(251,248,241,.67);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:78px}
h2{font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.04em;font-weight:500;margin-bottom:0}
.section-note{font-family:Arial,sans-serif;font-size:11px;line-height:1.7;color:var(--muted);text-align:right}
.featured{display:grid;grid-template-columns:.85fr 1.15fr;gap:88px;align-items:center}
.featured.reverse{grid-template-columns:1.15fr .85fr}.featured.reverse .cover-wrap{order:2}.featured.reverse .book-copy{order:1}
.cover-wrap{display:flex;justify-content:center}.real-cover{display:block;width:min(100%,365px);height:auto;border:1px solid rgba(23,23,20,.18);background:#f8f5ef;box-shadow:0 26px 52px rgba(35,28,17,.12)}
.book-number{font-family:Arial,sans-serif;font-size:12px;color:var(--muted)}
.book-copy h3{font-size:58px;line-height:.96;letter-spacing:-.035em;font-weight:500;margin:9px 0 16px}
.book-sub{font-size:23px;font-style:italic}.book-copy>p:not(.book-sub){font-size:20px;color:#4b463f;max-width:580px}
.divider{border-top:1px solid var(--line);margin:105px 0}
.manifesto{padding:130px 0}.manifesto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}
.manifesto-copy{font-size:23px;color:#3c3934}.dropcap:first-letter{float:left;font-size:98px;line-height:.72;padding:10px 10px 0 0}
.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principle{padding:30px 24px 36px;border-right:1px solid var(--line)}.principle:last-child{border-right:none}
.principle span{font-family:Arial,sans-serif;font-size:10px;color:var(--muted)}.principle h3{font-size:34px;font-weight:500;margin:20px 0 7px}.principle p{font-size:16px;color:var(--muted)}
.mission{margin-top:100px;background:var(--ink);color:var(--white);padding:62px 68px}
.mission-line{font-size:52px;line-height:1.05;max-width:790px;margin-bottom:24px}.mission-text{font-size:20px;color:#d9d2c7;max-width:760px}.mission-text p{margin:0 0 18px}.mission-text p:last-child{margin-bottom:0}
.support{padding:120px 0;background:var(--paper2);border-top:1px solid var(--line)}.support-inner{max-width:850px;text-align:center}
.support h2{font-size:66px;margin-bottom:24px}.support-inner>p:not(.kicker):not(.note){font-size:21px;color:#4b463f;max-width:700px;margin-left:auto;margin-right:auto}
.note{font-family:Arial,sans-serif;font-size:11px;color:var(--muted);margin-top:15px}
footer{padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:160px 1fr auto;gap:25px;align-items:start}
.footer-logo{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.05em}.footer-logo span{font-family:Georgia,serif;font-size:26px;margin-right:7px}
footer>p{font-size:17px;max-width:560px}.footer-meta{font-family:Arial,sans-serif;font-size:10px;color:var(--muted);display:grid;gap:7px;text-align:right}
@media(max-width:900px){
  nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:25px;padding-top:75px}.hero-object{justify-self:center}
  .featured,.featured.reverse,.manifesto-grid{grid-template-columns:1fr;gap:50px}.featured.reverse .cover-wrap,.featured.reverse .book-copy{order:initial}
  .principles{grid-template-columns:1fr 1fr}.principle:nth-child(2){border-right:none}.principle:nth-child(-n+2){border-bottom:1px solid var(--line)}
  footer{grid-template-columns:1fr}.footer-meta{text-align:left}
}
@media(max-width:600px){
  body:before{inset:6px}header{padding:14px 20px}.brand-mark{width:29px;height:29px;font-size:20px}nav{gap:12px}nav a{font-size:10px}
  .shell{padding-left:20px;padding-right:20px}.hero{min-height:auto;padding-top:58px;padding-bottom:110px}h1{font-size:61px}.hero-intro{font-size:20px}
  .book-stack{height:350px}.hero-cover-one{width:190px;left:0;top:52px}.hero-cover-two{width:190px;right:0;top:8px}.object-caption{font-size:14px}
  .motto{left:20px;right:20px}.library,.manifesto,.support{padding-top:90px;padding-bottom:90px}
  .section-head{align-items:start;flex-direction:column;gap:24px;margin-bottom:58px}.section-note{text-align:left}h2{font-size:49px}.book-copy h3{font-size:47px}.real-cover{width:300px}
  .divider{margin:78px 0}.principles{grid-template-columns:1fr}.principle,.principle:nth-child(2){border-right:none;border-bottom:1px solid var(--line)}.principle:last-child{border-bottom:none}
  .mission{padding:45px 27px}.mission-line{font-size:40px}.support h2{font-size:47px}
}