:root {
  --ivory: #f3efe6;
  --paper: #faf7f0;
  --ink: #25231f;
  --charcoal: #292823;
  --charcoal-soft: #35332d;
  --muted: #706b62;
  --gold: #a7864f;
  --line: rgba(37,35,31,.18);
  --soft-gold: rgba(167,134,79,.10);
  --max: 1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
a{color:inherit;text-decoration:none}
a:hover{color:var(--gold)}
.skip{position:absolute;left:-999px;top:auto}.skip:focus{left:16px;top:16px;background:var(--paper);padding:10px 14px;z-index:100}
.shell{width:min(calc(100% - 40px),var(--max));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(243,239,230,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.brand{font-family:Arial,Helvetica,sans-serif;font-size:15px;letter-spacing:.22em;font-weight:600;white-space:nowrap}.brand .amp{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:1.15em;margin:0 .08em}
nav{display:flex;gap:26px;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.hero{min-height:52vh;display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(250,247,240,.68),rgba(243,239,230,.15))}
.hero:before{content:"";position:absolute;top:5%;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,var(--gold),transparent);opacity:.42}
.hero-inner{position:relative;text-align:center;padding:62px 0 72px;max-width:880px}
.eyebrow{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--gold);font-weight:600}
h1,h2,h3{font-weight:400;margin:0}h1{font-size:clamp(46px,6.4vw,82px);letter-spacing:-.035em;line-height:.98;margin:18px 0 20px}h2{font-size:clamp(32px,4vw,54px);line-height:1.07}h3{font-size:clamp(23px,2.3vw,29px);line-height:1.2}
.lede{font-size:clamp(18px,1.8vw,25px);line-height:1.45;color:#4d4942;max-width:720px;margin:0 auto}
section{padding:92px 0;border-bottom:1px solid var(--line)}
.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.number{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.18em;color:var(--gold);margin-bottom:20px}
.copy p{font-size:19px;color:#4f4b44;max-width:660px}.copy .small{font-size:16px;color:var(--muted)}
.button{display:inline-flex;align-items:center;gap:14px;margin-top:18px;border-bottom:1px solid var(--ink);padding:9px 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.button:after{content:"→";font-size:16px}.button:hover{border-color:var(--gold)}
.cover-wrap{display:flex;justify-content:center}.cover{width:min(100%,410px);aspect-ratio:3162/4476;object-fit:cover;box-shadow:0 28px 60px rgba(37,35,31,.18),0 2px 8px rgba(37,35,31,.12)}
.quotes{margin-top:42px;border-top:1px solid var(--line)}.quote{display:grid;grid-template-columns:70px 1fr;padding:22px 0;border-bottom:1px solid var(--line);font-size:clamp(19px,1.55vw,25px);line-height:1.38}.quote span:first-child{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.16em;color:var(--gold);padding-top:6px}
.future{background:var(--paper)}
.center{text-align:center;max-width:780px;margin:auto}.center p{font-size:19px;color:#565149}
.page-hero{padding:92px 0 56px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(transparent,var(--gold),transparent);opacity:.28}.page-hero h1{font-size:clamp(46px,6vw,76px);margin:16px 0}.page-hero p{font-size:20px;max-width:760px;color:#514d46}
.prose{max-width:800px}.prose p{font-size:19px;color:#4f4b44}.prose h2{font-size:38px;margin:46px 0 16px}.prose blockquote{margin:40px 0;padding-left:28px;border-left:1px solid var(--gold);font-size:28px;line-height:1.35}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}.card{background:var(--paper);border:1px solid var(--line);padding:32px;min-height:240px}.card p{color:#5f5a52}.card .tag{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.chapter-intro{max-width:780px;margin-bottom:46px}.chapter-intro p{font-size:19px;color:#565149}.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.chapter{padding:38px 42px 40px 0;border-bottom:1px solid var(--line)}.chapter:nth-child(even){padding-left:42px;padding-right:0;border-left:1px solid var(--line)}.chapter .tag{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.chapter h3{font-size:28px;margin-bottom:12px}.chapter p{margin:0;color:#575249;font-size:17px}
.visual-bridge{background:var(--paper)}.visual-slot{min-height:300px;border:1px solid var(--line);display:grid;place-items:center;text-align:center;padding:42px;background:linear-gradient(135deg,var(--paper),var(--soft-gold))}.visual-slot strong{display:block;font-size:28px;font-weight:400;margin-bottom:10px}.visual-slot p{max-width:520px;color:var(--muted);margin:0}.visual-note{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}

.charcoal-inlay{background:var(--charcoal);color:var(--paper);border-bottom-color:rgba(255,255,255,.12)}
.charcoal-inlay .visual-copy p{color:rgba(250,247,240,.72)}
.charcoal-inlay .number{color:#c6a66c}
.visual-feature{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:72px;align-items:center}
.visual-feature.reverse{grid-template-columns:minmax(420px,1.3fr) minmax(260px,.7fr)}
.visual-feature.reverse .visual-copy{order:2}.visual-feature.reverse .plate-frame{order:1}
.visual-copy p{font-size:18px;color:#565149;max-width:520px}
.plate-frame{margin:0;display:flex;justify-content:center;align-items:center}
.plate-image{display:block;width:auto;height:auto;max-width:100%;object-fit:contain}
.doorway-frame .plate-image{max-height:900px;box-shadow:0 30px 70px rgba(0,0,0,.32)}
.spine-frame .plate-image{max-height:960px;box-shadow:0 24px 58px rgba(37,35,31,.18)}
.spine-preview{background:linear-gradient(180deg,#f5efe2,#eee4d2)}

.social-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.social-row a{border-bottom:1px solid var(--line);padding-bottom:4px}.social-row .pending{color:var(--muted);cursor:default}
.contact{font-size:clamp(32px,5vw,64px);line-height:1.08;margin-top:24px;word-break:break-word}
footer{padding:38px 0 52px}.foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.foot-right{text-align:right}.foot-social{display:flex;gap:14px;justify-content:flex-end;margin-bottom:10px}.foot-social a,.foot-social span{border-bottom:1px solid transparent}.foot-social a:hover{border-color:var(--gold)}.foot-social .pending{opacity:.62}
@media(min-width:1200px){.hero+section{padding-top:78px}.hero{min-height:46vh}.hero-inner{padding:50px 0 58px}}
@media(max-width:800px){.visual-feature,.visual-feature.reverse{grid-template-columns:1fr;gap:38px}.visual-feature.reverse .visual-copy,.visual-feature.reverse .plate-frame{order:initial}.nav{height:auto;padding:18px 0;align-items:flex-start}.nav nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}.grid2{grid-template-columns:1fr;gap:46px}.hero{min-height:58vh}.hero-inner{padding:70px 0}.cover{max-width:360px}.cards{grid-template-columns:1fr}.chapter-grid{grid-template-columns:1fr}.chapter,.chapter:nth-child(even){padding:30px 0;border-left:0}.quote{grid-template-columns:48px 1fr}section{padding:72px 0}.foot{align-items:flex-start}}
@media(max-width:560px){body{background:#f0e7d8}.quote{font-size:clamp(20px,5.4vw,25px)}.shell{width:min(calc(100% - 28px),var(--max))}.nav{display:block}.nav nav{margin-top:14px;justify-content:flex-start}.nav nav a{font-size:10px}.hero-inner{text-align:left}.lede{margin:0}.hero:before{left:18%}.page-hero:after{left:18%}.foot{display:block}.foot-right{text-align:left;margin-top:16px}.foot-social{justify-content:flex-start}.visual-slot{min-height:240px;padding:28px}}