/* Capture & Keep, concept B2: The Ordinary Chronicle */
:root{
  /* foundation: the live Capture & Keep palette (ivory grounds, the brand green, sage, ink) */
  --ivory:#FBF8F2; --ivory-2:#F4EEE3; --footer:#D7E2D3; --page:#FFFDF8;
  --ink:#2E2E2E; --ink-2:#5B5852; --ink-3:#5B5852;
  --green:#557267; --green-dk:#435C53; --green-lt:#6D8B7F; --green-mid:#557267; --green-deep:#3B5149;
  --on-green:#EEF4E7; --on-green-2:#DCE6D8; --sage:#D7E2D3; --sage-dk:#BFD0B9; --blush:#E9D0CD;
  /* accents: oxblood rubrication and aged gold leaf */
  --burgundy:#7B2D3B; --burgundy-dk:#5E2130;
  --gold:#A8894E; --gold-deep:#7A6232; --gold-lt:#E6D5A8;
  --rule:rgba(67,92,83,.24);
  --leaf:linear-gradient(135deg,#8C7238 0%,#DCC897 28%,#A8894E 52%,#E4D3A6 70%,#8C7238 100%);
  --display:'IM Fell English', 'Iowan Old Style', Georgia, serif;
  --sc:'IM Fell English SC', 'IM Fell English', Georgia, serif;
  --body:'Alegreya', Georgia, 'Times New Roman', serif;
  --gutter:clamp(1rem, 0.4rem + 2.6vw, 3rem);
  --max:1240px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:1.1875rem;line-height:1.6;
  background-image:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.65),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(85,114,103,.06),transparent 55%);}
img{max-width:100%;height:auto;display:block}
a{color:var(--burgundy);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--burgundy-dk)}
:focus-visible{outline:3px solid var(--burgundy);outline-offset:3px}
.on-green :focus-visible,.close :focus-visible{outline-color:var(--gold-lt)}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.12;margin:0 0 .5em;color:var(--ink)}
p{margin:0 0 1em}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:1rem;top:-4rem;background:var(--ink);color:var(--ivory);padding:.7rem 1rem;z-index:100;font-family:var(--sc)}
.skip:focus{top:1rem;color:var(--ivory)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.sc{font-family:var(--sc);letter-spacing:.08em}
.rubric{color:var(--burgundy)}
.label{font-family:var(--sc);font-size:.95rem;letter-spacing:.12em;color:var(--burgundy);display:block;margin-bottom:.6rem}
.note{font-size:.95rem;font-style:italic;color:var(--ink-3)}
.concept-flag{position:fixed;right:.6rem;bottom:.6rem;z-index:90;background:var(--ink);color:var(--ivory);font-family:var(--body);font-size:.875rem;padding:.35rem .7rem;border-radius:2px;opacity:.92}

/* ornament rule: two hairlines with a gold lozenge */
.orn{display:flex;align-items:center;gap:.8rem;color:var(--gold);margin:1.2rem auto;max-width:22rem}
.orn::before,.orn::after{content:"";flex:1;height:1px;background:currentColor}
.orn span{width:9px;height:9px;transform:rotate(45deg);background:var(--leaf);flex:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.7rem 1.4rem;font-family:var(--sc);font-size:1.1rem;letter-spacing:.06em;text-decoration:none;border:1.5px solid var(--green);border-radius:2px;transition:background .2s,color .2s}
.btn-primary{background:var(--green);color:var(--on-green);box-shadow:inset 0 0 0 3px var(--green),inset 0 0 0 4px var(--gold-lt)}
.btn-primary:hover{background:var(--green-dk);color:var(--on-green);border-color:var(--green-dk);box-shadow:inset 0 0 0 3px var(--green-dk),inset 0 0 0 4px var(--gold-lt)}
.btn-ghost{color:var(--green-dk);background:transparent;border-color:var(--green-dk)}
.btn-ghost:hover{background:rgba(85,114,103,.09);color:var(--green-dk)}
.on-green .btn-ghost,.close .btn-ghost{color:var(--on-green);border-color:var(--gold-lt)}
.on-green .btn-ghost:hover,.close .btn-ghost:hover{background:rgba(226,207,159,.12);color:var(--on-green)}
.more{font-family:var(--sc);letter-spacing:.06em;font-size:1.05rem;display:inline-flex;align-items:center;min-height:44px}
.more::after{content:"\2009\203A";margin-left:.25rem}

/* header */
.site-head{border-bottom:1px solid var(--rule);background:rgba(244,236,219,.94);position:relative;z-index:20}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:84px}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--ink)}
.brand svg.mark{width:48px;height:56px;flex:none}
.brand .bt{display:flex;flex-direction:column;line-height:1}
.brand .bt b{font-family:var(--display);font-weight:400;font-size:1.6rem}
.brand .bt b i{color:var(--burgundy)}
.brand .bt small{font-family:var(--sc);font-size:.875rem;letter-spacing:.12em;color:var(--ink-2);margin-top:.3rem}
.nav{display:flex;align-items:center;gap:1.4rem}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.3rem}
.nav a{color:var(--ink);text-decoration:none;font-family:var(--sc);letter-spacing:.06em;font-size:1.02rem;display:inline-flex;min-height:44px;align-items:center}
.nav a:hover,.nav a[aria-current]{color:var(--burgundy);text-decoration:underline}
.nav a.btn-primary,.nav a.btn-primary:hover{color:var(--on-green);text-decoration:none}
.nav .btn{min-height:44px;padding:.5rem 1rem;font-size:1rem}
.menu-btn{display:none}
@media (max-width:980px){
  .nav ul{display:none}
  .nav ul.open{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--ivory);border-bottom:1px solid var(--rule);padding:.5rem var(--gutter) 1rem;box-shadow:0 12px 20px rgba(46,52,49,.08)}
  .nav ul.open a{min-height:48px;font-size:1.15rem}
  .menu-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 .8rem;background:transparent;border:1.5px solid var(--ink-2);color:var(--ink);font-family:var(--sc);font-size:1rem;letter-spacing:.06em;border-radius:2px;cursor:pointer}
}
@media (max-width:520px){
  .brand .bt b{font-size:1.32rem}
  .brand .bt small{font-size:.8rem;letter-spacing:.08em}
  .brand svg.mark{width:38px;height:46px}
  .nav .btn{display:none}
}

/* illuminated initial (versal) */
.versal{float:left;width:3.3em;height:3.3em;margin:.3rem .9rem .2rem 0;position:relative;background:var(--leaf);padding:3px}
.versal b{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--burgundy);color:#FBF8F2;font-family:var(--display);font-weight:400;font-size:2.7em;line-height:1;box-shadow:inset 0 0 0 1px var(--gold-lt)}
.versal::after{content:"";position:absolute;left:-.55rem;top:.2rem;bottom:-2.6rem;width:1px;background:var(--burgundy);opacity:.7}
.versal::before{content:"";position:absolute;left:-.75rem;bottom:-2.9rem;width:5px;height:5px;border-radius:50%;background:var(--burgundy);opacity:.8}

/* historiated roundel holding a drawn miniature */
.roundel{width:var(--rs,72px);height:var(--rs,72px);border-radius:50%;background:var(--leaf);padding:3px;flex:none}
.roundel>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--green-dk);box-shadow:inset 0 0 0 1px var(--gold-lt)}
.roundel svg{width:66%;height:66%;color:var(--on-green);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.roundel svg *{vector-effect:non-scaling-stroke;stroke-width:var(--sw,1.6px)}
.roundel.red>span{background:var(--burgundy)}

/* ===== Opening spread: frontispiece + title page ===== */
.opening{padding:clamp(1.2rem, 0.6rem + 2vw, 2.6rem) 0 clamp(2.5rem, 1rem + 4vw, 4.5rem)}
.spread{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:var(--page);box-shadow:0 1px 0 var(--rule),0 22px 50px -24px rgba(46,52,49,.45);position:relative;border:1px solid rgba(46,52,49,.12)}
.spread::after{content:"";position:absolute;top:0;bottom:0;left:46%;width:60px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(46,52,49,.07) 45%,rgba(46,52,49,.13) 50%,rgba(46,52,49,.05) 56%,transparent);pointer-events:none}
.frontis{padding:clamp(1.2rem, 0.5rem + 2.4vw, 3rem);display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(46,52,49,.08)}
.plate{margin:0}
.plate .pf{border:1px solid var(--ink-2);padding:7px;background:var(--ivory)}
.plate .pf img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.82) contrast(1.02)}
.plate figcaption{text-align:center;margin-top:.8rem;font-size:1rem;color:var(--ink-2)}
.plate figcaption .sc{display:block;color:var(--ink);font-size:1rem}
.titlepage{padding:clamp(1.6rem, 0.6rem + 3.2vw, 4rem) clamp(1.2rem, 0.4rem + 3vw, 4rem);text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative}
.titlepage .frame{position:absolute;inset:clamp(.6rem, 0.2rem + 1vw, 1.4rem);border:1px solid var(--ink-2);pointer-events:none}
.titlepage .frame::after{content:"";position:absolute;inset:4px;border:1px solid rgba(46,52,49,.25)}
.titlepage .kicker{font-family:var(--sc);letter-spacing:.14em;color:var(--burgundy);font-size:1.02rem;margin:0 auto .9rem;max-width:30ch}
.titlepage h1{font-size:clamp(2.3rem, 1.2rem + 3.4vw, 4.2rem);letter-spacing:-.005em;margin:0 auto .2rem;max-width:14ch}
.titlepage h1 em{color:var(--burgundy)}
.titlepage .what{font-size:clamp(1.15rem, 1rem + .4vw, 1.35rem);max-width:34ch;margin:.4rem auto 1.1rem;color:var(--ink)}
.titlepage .not{font-size:1rem;color:var(--ink-2);max-width:40ch;margin:0 auto 1.4rem}
.titlepage .ctas{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:1rem}
.titlepage .price{font-size:1rem;color:var(--ink-2);margin:0}
.titlepage .imprint{margin-top:1.6rem;font-family:var(--sc);letter-spacing:.12em;font-size:.95rem;color:var(--ink-2)}
.titlepage .imprint .bar{display:block;width:60px;height:1px;background:var(--ink-2);margin:0 auto .7rem}
/* the title page composes itself (only with JS and motion allowed) */
.motion .compose>*{animation:compose .9s cubic-bezier(.2,.7,.2,1) both}
.motion .compose>*:nth-child(1){animation-delay:.05s}.motion .compose>*:nth-child(2){animation-delay:.35s}
.motion .compose>*:nth-child(3){animation-delay:.7s}.motion .compose>*:nth-child(4){animation-delay:1s}
.motion .compose>*:nth-child(5){animation-delay:1.25s}.motion .compose>*:nth-child(6){animation-delay:1.45s}
.motion .compose>*:nth-child(7){animation-delay:1.6s}.motion .compose>*:nth-child(8){animation-delay:1.75s}
.motion .compose .orn::before,.motion .compose .orn::after{animation:rule 1.1s .5s cubic-bezier(.2,.7,.2,1) both}
.motion .titlepage .frame{animation:framein 1.4s .1s ease both}
@keyframes compose{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes framein{from{opacity:0;inset:2.4rem}to{opacity:1}}
@media (max-width:860px){
  .spread{grid-template-columns:1fr}
  .spread::after{display:none}
  .titlepage{order:-1}
  .frontis{border-right:0;border-top:1px solid rgba(46,52,49,.1)}
  .plate .pf img{aspect-ratio:4/3}
}

/* ===== section scaffolding ===== */
.sec{padding:clamp(3rem, 1.6rem + 5vw, 6.5rem) 0}
.sec-head{max-width:46rem;margin:0 0 clamp(1.6rem, 1rem + 2vw, 3rem)}
.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.sec-head h2{font-size:clamp(2rem, 1.2rem + 2.6vw, 3.3rem)}
.sec-head p{font-size:1.2rem;color:var(--ink-2);max-width:40rem}
.sec-head.center p{margin-left:auto;margin-right:auto}

/* ===== the chronicle of an ordinary life ===== */
.chron{background:var(--ivory-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);position:relative}
.chron-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem, 1rem + 4vw, 5rem);align-items:start}
.chron-intro h2{font-size:clamp(2rem, 1.2rem + 2.4vw, 3.2rem)}
.chron-intro p{max-width:34rem}
.chron-intro .pull{font-family:var(--display);font-style:italic;font-size:1.45rem;line-height:1.35;color:var(--burgundy);border-left:3px solid var(--gold);padding-left:1rem;margin:1.6rem 0}
.leaf-page{background:var(--page);border:1px solid rgba(46,52,49,.15);padding:clamp(1.4rem, 0.8rem + 2.6vw, 3rem) clamp(1.2rem, 0.6rem + 2.6vw, 3rem) clamp(1.2rem, 0.6rem + 2vw, 2.4rem) clamp(2.6rem, 1.6rem + 3vw, 4.6rem);position:relative;box-shadow:0 20px 40px -26px rgba(46,52,49,.5)}
.leaf-page .vine,.ms-page .vine{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%20120%22%3E%3Cpath%20d%3D%22M20%200C34%2020%206%2040%2020%2060s-14%2040%200%2060%22%20fill%3D%22none%22%20stroke%3D%22%23A8894E%22%20stroke-width%3D%221.8%22/%3E%3Cpath%20d%3D%22M25%2018q9-11%2015-5q-7%208-15%205zM15%2048q-9-11-15-5q7%208%2015%205zM25%2078q9-11%2015-5q-7%208-15%205zM15%20108q-9-11-15-5q7%208%2015%205z%22%20fill%3D%22%23557267%22%20opacity%3D%22.75%22/%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2228%22%20r%3D%222.4%22%20fill%3D%22%237B2D3B%22/%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2292%22%20r%3D%222.4%22%20fill%3D%22%237B2D3B%22/%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2240%22%20r%3D%221.6%22%20fill%3D%22%23A8894E%22/%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2270%22%20r%3D%221.6%22%20fill%3D%22%23A8894E%22/%3E%3C/svg%3E");position:absolute;left:0;top:0;bottom:0;width:clamp(1.8rem, 1rem + 2.2vw, 3rem);background-repeat:repeat-y;background-size:100% auto;border-right:1px solid rgba(67,92,83,.25);opacity:.9}
.leaf-page h3{font-family:var(--sc);letter-spacing:.1em;font-size:1.1rem;color:var(--burgundy);margin:0 0 1.2rem;text-align:center}
.entries{list-style:none;margin:0;padding:0}
.entries li{display:grid;grid-template-columns:auto 4.4rem minmax(0,1fr);gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px dotted rgba(46,52,49,.3)}
.entries li:last-child{border-bottom:0}
.entries .yr{font-family:var(--display);font-size:1.5rem;color:var(--burgundy);text-align:right}
.entries .tx{font-size:1.12rem;line-height:1.45}
.entries .tx b{font-family:var(--display);font-weight:400;font-size:1.25rem;color:var(--ink)}
.entries li.now .yr{color:var(--burgundy)}
.entries li.now .tx b{color:var(--burgundy)}
.entries .roundel{--rs:58px}
.illus-label{display:block;margin-top:1rem;font-size:.95rem;font-style:italic;color:var(--ink-3);text-align:center;border-top:1px solid rgba(46,52,49,.15);padding-top:.8rem}
@media (max-width:900px){.chron-grid{grid-template-columns:1fr}}
@media (max-width:520px){
  .entries li{grid-template-columns:3.2rem minmax(0,1fr);gap:.2rem .8rem}
  .entries .roundel{grid-row:1/3;--rs:50px}
  .entries .yr{text-align:left;font-size:1.3rem;line-height:1}
  .entries .tx{grid-column:2}
}

/* ===== the making: the book that turns ===== */
.making{background:var(--green-dk);color:var(--on-green);position:relative}
.making .sec-head h2,.making .sec-head p{color:var(--on-green)}
.making .sec-head p{color:var(--on-green-2)}
.making .label{color:var(--gold-lt)}
.spreads{list-style:none;margin:0;padding:0;display:grid;gap:2rem}
.spreads>li{display:grid;grid-template-columns:1fr 1fr;background:var(--page);color:var(--ink);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.pg{padding:clamp(1.2rem, 0.6rem + 2vw, 2.6rem);position:relative;min-height:100%}
.pg-l{border-right:1px solid rgba(46,52,49,.12)}
.pg .folio{font-family:var(--sc);letter-spacing:.12em;font-size:.95rem;color:var(--burgundy);display:block;margin-bottom:.8rem}
.pg h3{font-size:clamp(1.6rem, 1.1rem + 1.2vw, 2.2rem)}
.pg p{font-size:1.08rem}
.pg .illus{font-size:.9rem;font-style:italic;color:var(--ink-3);display:block;margin-top:.6rem}
.convo{list-style:none;margin:0;padding:0}
.convo li{display:grid;grid-template-columns:4.6rem minmax(0,1fr);gap:.7rem;padding:.45rem 0;font-size:1.06rem;line-height:1.45}
.convo li .who{font-family:var(--sc);letter-spacing:.06em;color:var(--burgundy);font-size:.95rem;padding-top:.15rem}
.convo li.her p{font-family:var(--display);font-style:italic;font-size:1.15rem;margin:0}
.convo li p{margin:0}
.margin-note{margin-top:1rem;padding:.7rem .9rem;border-left:2px solid var(--burgundy);background:rgba(123,45,59,.05);font-size:1rem}
.toc-mini{list-style:none;margin:0;padding:0}
.toc-mini li{display:flex;align-items:baseline;gap:.5rem;padding:.42rem 0;font-size:1.06rem}
.toc-mini li .n{font-family:var(--display);color:var(--burgundy);min-width:2.2rem}
.toc-mini li .dots{flex:1;border-bottom:1px dotted rgba(46,52,49,.45);transform:translateY(-.3rem)}
.toc-mini li .t{max-width:78%}
.chapter-text{font-size:1.08rem}
.chapter-text h4{font-family:var(--sc);letter-spacing:.08em;font-weight:400;color:var(--burgundy);font-size:1.1rem;margin:0 0 .7rem}
.keep-list{list-style:none;margin:.6rem 0 0;padding:0}
.keep-list li{display:flex;gap:.8rem;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(46,52,49,.12);font-size:1.06rem}
.keep-list .roundel{--rs:44px}
.book-ctl{display:none}
/* mobile: the leaves become a swipeable run of pages */
@media (max-width:899px){
  .spreads{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gutter) 1rem;margin:0 calc(var(--gutter) * -1);scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .spreads>li{flex:0 0 86%;grid-template-columns:1fr;scroll-snap-align:center}
  .pg-l{border-right:0;border-bottom:1px solid rgba(46,52,49,.14)}
  .book-ctl.m{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}
}
.book-ctl button{min-height:48px;min-width:48px;padding:0 1.1rem;font-family:var(--sc);font-size:1.05rem;letter-spacing:.06em;background:transparent;color:var(--on-green);border:1.5px solid var(--gold-lt);border-radius:2px;cursor:pointer}
.book-ctl button:hover{background:rgba(226,207,159,.15)}
.book-ctl button:disabled{opacity:.45;cursor:default}
.book-ctl .count{font-family:var(--sc);letter-spacing:.1em;color:var(--on-green);font-size:1rem}

/* desktop book, built by JS */
.book-stage{height:calc(var(--n,4) * 100vh);position:relative}
.book-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem}
.book{position:relative;width:min(1120px, 92vw);height:min(620px, calc(100vh - 150px));perspective:2600px}
.book .base,.book .leaf{position:absolute;top:0;height:100%;width:50%}
.book .base{background:var(--page);color:var(--ink);overflow:hidden}
.book .base.l{left:0;box-shadow:-18px 30px 60px -30px rgba(0,0,0,.65)}
.book .base.r{left:50%;box-shadow:18px 30px 60px -30px rgba(0,0,0,.65)}
.book .base.l::after,.book .face.back::after{content:"";position:absolute;inset:0 0 0 auto;width:50px;background:linear-gradient(90deg,transparent,rgba(46,52,49,.12));pointer-events:none}
.book .base.r::after,.book .face.front::after{content:"";position:absolute;inset:0 auto 0 0;width:50px;background:linear-gradient(270deg,transparent,rgba(46,52,49,.12));pointer-events:none}
.book .leaf{left:50%;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}
.book .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--page);color:var(--ink);overflow:hidden}
.book .face.back{transform:rotateY(180deg)}
.book .face .shade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
.book .pg{height:100%;overflow:hidden}
.book-ctl.d{display:flex;align-items:center;gap:1.2rem}
.book-on .spreads{display:none}

/* ===== contents: which of these is you ===== */
.contents{max-width:68rem;margin:0 auto}
.toc{list-style:none;margin:0;padding:0;counter-reset:ch}
.toc>li{display:grid;grid-template-columns:5.5rem minmax(0,1fr) minmax(0,15rem);gap:1.6rem;padding:1.8rem 0;border-top:1px solid var(--rule);align-items:start}
.toc>li:last-child{border-bottom:1px solid var(--rule)}
.toc .num{font-family:var(--display);font-size:3.2rem;line-height:.9;color:var(--burgundy);text-align:right}
.toc .num small{display:block;font-family:var(--sc);font-size:.85rem;letter-spacing:.12em;color:var(--ink-2);margin-bottom:.4rem}
.toc h3{font-size:clamp(1.6rem, 1.2rem + 1vw, 2.1rem);margin-bottom:.3rem}
.toc .sub{font-family:var(--sc);letter-spacing:.06em;color:var(--ink-2);font-size:1rem;display:block;margin-bottom:.5rem}
.toc ul.occ{list-style:none;margin:0;padding:0;font-size:1.05rem;color:var(--ink-2)}
.toc ul.occ li{padding:.35rem 0;border-bottom:1px dotted rgba(46,52,49,.25)}
.toc ul.occ li:last-child{border:0}
.toc .go{align-self:center}
.appendix{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2.2rem}
.appendix>div{border:1px solid var(--rule);padding:1.4rem 1.6rem;background:rgba(248,242,228,.7)}
.appendix h3{font-size:1.5rem}
@media (max-width:860px){
  .toc>li{grid-template-columns:3.4rem minmax(0,1fr);gap:.4rem 1rem}
  .toc .num{font-size:2.4rem;text-align:left}
  .toc ul.occ,.toc .go{grid-column:2}
  .appendix{grid-template-columns:1fr}
}

/* ===== the book itself ===== */
.thebook{background:var(--ivory-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.tb-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem, 1rem + 4vw, 5rem);align-items:center}
.cover-art{max-width:400px;margin:0 auto}
.cover-art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 26px 30px rgba(46,52,49,.35))}
.cover-art p{text-align:center;margin-top:.8rem}
.sample{background:var(--page);border:1px solid rgba(46,52,49,.14);padding:clamp(1.4rem, 0.8rem + 2.4vw, 2.8rem);margin:1.6rem 0;position:relative}
.sample .chapter-h{font-family:var(--sc);letter-spacing:.1em;color:var(--burgundy);font-size:1rem;margin:0 0 1rem}
.sample p.passage{font-size:1.18rem;line-height:1.65;margin:0}
.sample .illus-label{text-align:left}
.ends{list-style:none;padding:0;margin:1.2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1.6rem}
.ends li{padding:.5rem 0;border-bottom:1px solid rgba(46,52,49,.14);font-size:1.06rem}
.ends li b{font-family:var(--display);font-weight:400;font-size:1.2rem;color:var(--ink)}
@media (max-width:900px){.tb-grid{grid-template-columns:1fr}.cover-art{max-width:300px}}
@media (max-width:520px){.ends{grid-template-columns:1fr}}

/* ===== quote ===== */
.quote{text-align:center;padding:clamp(3rem, 1.6rem + 5vw, 6rem) 0}
.quote blockquote{margin:0 auto;max-width:44rem}
.quote blockquote p{font-family:var(--display);font-size:clamp(1.7rem, 1.1rem + 2vw, 2.7rem);line-height:1.25;color:var(--ink)}
.quote blockquote p::first-letter{color:var(--burgundy)}
.quote cite{font-style:normal;font-family:var(--sc);letter-spacing:.12em;color:var(--burgundy);font-size:1.05rem}

/* ===== amanda + map ===== */
.amanda-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,4fr);gap:clamp(1.6rem, 1rem + 3vw, 4rem);align-items:start}
.oval{margin:0}
.oval .ring{border-radius:50%/50%;padding:6px;background:var(--leaf);aspect-ratio:4/5;overflow:hidden}
.oval .ring img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:50%/50%;border:2px solid var(--page)}
.oval figcaption{text-align:center;margin-top:.8rem;font-family:var(--sc);letter-spacing:.1em;color:var(--ink-2);font-size:1rem}
.amanda-txt h2{font-size:clamp(2rem, 1.2rem + 2.4vw, 3rem)}
.creds{list-style:none;margin:1.2rem 0;padding:0}
.creds li{display:flex;gap:.8rem;align-items:baseline;padding:.55rem 0;border-bottom:1px solid var(--rule);font-size:1.06rem}
.creds li::before{content:"";width:7px;height:7px;transform:rotate(45deg) translateY(-2px);background:var(--burgundy);flex:none}
.map-fig{margin:0}
.map-fig svg{width:100%;height:auto;display:block;border:1px solid var(--ink-2);background:var(--page)}
.map-fig figcaption{font-size:.95rem;color:var(--ink-2);margin-top:.6rem;font-style:italic}
@media (max-width:1060px){.amanda-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.map-fig{grid-column:1/-1;max-width:560px}}
@media (max-width:640px){.amanda-grid{grid-template-columns:1fr}.oval{max-width:260px;margin:0 auto}}

/* ===== proposals (price) ===== */
.proposals{max-width:62rem;margin:0 auto;background:var(--page);border:1px solid rgba(46,52,49,.2);padding:clamp(1.6rem, 0.8rem + 3vw, 3.6rem);position:relative;box-shadow:0 24px 50px -30px rgba(46,52,49,.5)}
.proposals::before{content:"";position:absolute;inset:8px;border:1px solid rgba(46,52,49,.18);pointer-events:none}
.proposals .p-head{text-align:center;margin-bottom:1.8rem}
.proposals .p-head h2{font-size:clamp(2rem, 1.2rem + 2.4vw, 3.1rem)}
.terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.terms>div{padding:1.4rem 1.2rem;border-right:1px solid var(--rule)}
.terms>div:last-child{border-right:0}
.terms h3{font-size:1.5rem;margin-bottom:.2rem}
.terms .amt{font-family:var(--display);font-size:2.3rem;color:var(--burgundy);line-height:1.1;margin:.2rem 0 .4rem}
.terms .amt.sm{font-size:1.5rem}
.terms p{font-size:1.02rem;margin:0 0 .6rem}
.tag{display:inline-block;font-family:var(--sc);letter-spacing:.08em;font-size:.875rem;padding:.15rem .5rem;border:1px solid var(--ink-2);color:var(--ink-2)}
.settled{margin:1.6rem 0 0;padding:0;list-style:none;columns:2;column-gap:2rem}
.settled li{break-inside:avoid;padding:.35rem 0 .35rem 1.4rem;position:relative;font-size:1.04rem}
.settled li::before{content:"\00B6";position:absolute;left:0;color:var(--burgundy);font-family:var(--display)}
.p-foot{text-align:center;margin-top:1.6rem}
@media (max-width:820px){.terms{grid-template-columns:1fr}.terms>div{border-right:0;border-bottom:1px solid var(--rule)}.terms>div:last-child{border-bottom:0}.settled{columns:1}}

/* ===== faq ===== */
.faq{max-width:52rem;margin:0 auto}
.faq details{border-top:1px solid var(--rule);padding:0}
.faq details:last-of-type{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:56px;padding:.8rem 0;font-family:var(--display);font-size:1.4rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--display);color:var(--burgundy);font-size:1.8rem;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 1.2rem;max-width:44rem}

/* ===== close + colophon ===== */
.close{background:var(--green-dk);color:var(--on-green);text-align:center;padding:clamp(3.5rem, 2rem + 5vw, 7rem) 0}
.close h2{color:var(--on-green);font-size:clamp(2.2rem, 1.3rem + 3vw, 3.8rem)}
.close p{color:var(--on-green-2);max-width:38rem;margin-left:auto;margin-right:auto}
.close .label{color:var(--gold-lt)}
.close .ctas{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin:1.8rem 0 1rem}
.close .btn-primary{box-shadow:inset 0 0 0 3px var(--burgundy),inset 0 0 0 4px var(--gold-lt),0 0 0 1px var(--gold-lt)}
.close .small{font-size:1rem;color:var(--on-green-2)}
.close a:not(.btn){color:var(--gold-lt)}
.colophon{background:var(--footer);color:var(--ink);padding:2.6rem 0 4rem;font-size:1rem}
.colophon .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.colophon a{color:var(--on-green);text-decoration:underline;text-decoration-color:rgba(226,207,159,.6);display:inline-flex;min-height:44px;align-items:center}
.colophon ul{list-style:none;margin:0;padding:0}
.colophon h2{font-family:var(--sc);font-size:1rem;letter-spacing:.12em;color:var(--gold-lt);margin-bottom:.4rem}
.colophon .explicit{font-family:var(--sc);letter-spacing:.14em;color:var(--gold-lt);display:block;margin-bottom:.4rem}
@media (max-width:760px){.colophon .wrap{grid-template-columns:1fr 1fr}.colophon .wrap>div:first-child{grid-column:1/-1}}

/* ===== inner page: the making of a book ===== */
.crumbs{padding:1rem 0 0;font-size:1rem}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}
.crumbs li+li::before{content:"\203A";margin-right:.5rem;color:var(--ink-3)}
.crumbs a{display:inline-flex;min-height:44px;align-items:center}
.inner-title{padding:clamp(1.6rem, 1rem + 3vw, 3.6rem) 0 clamp(2rem, 1rem + 3vw, 3.6rem);text-align:center}
.inner-title .tp{max-width:54rem;margin:0 auto;position:relative;padding:clamp(1.6rem, 1rem + 3vw, 3.4rem) clamp(1rem, 0.4rem + 3vw, 3.4rem);border:1px solid var(--ink-2);background:var(--page)}
.inner-title .tp::after{content:"";position:absolute;inset:5px;border:1px solid rgba(46,52,49,.22);pointer-events:none}
.inner-title h1{font-size:clamp(2.3rem, 1.3rem + 3.4vw, 4.2rem);max-width:16ch;margin:0 auto .3rem}
.inner-title .lead{font-size:1.25rem;max-width:36rem;margin:0 auto;color:var(--ink-2)}
.stages-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem, 1rem + 4vw, 5rem)}
.stage-plate{position:sticky;top:10vh;height:80vh;display:none;align-items:center;justify-content:center}
.js .stage-plate{display:flex}
.plate-in{position:relative;width:min(100%, 440px);aspect-ratio:1}
.plate-in .st{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .6s ease,transform .6s ease;transform:scale(.97)}
.plate-in .st.on{opacity:1;transform:none}
.plate-in .roundel{--rs:min(78%, 330px);--sw:2.2px;padding:6px}
.plate-in .roundel>span{box-shadow:inset 0 0 0 2px var(--gold-lt),inset 0 0 0 12px var(--green-dk),inset 0 0 0 13px rgba(226,207,159,.6)}
.plate-in .st .cap{margin-top:1.2rem;font-family:var(--sc);letter-spacing:.1em;color:var(--burgundy);font-size:1.1rem;text-align:center}
.stages{list-style:none;margin:0;padding:0}
.stage{padding:clamp(2rem, 1rem + 6vh, 8vh) 0;border-top:1px solid var(--rule);min-height:60vh;display:flex;flex-direction:column;justify-content:center}
.stage:first-child{border-top:0}
.stage .inline-r{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.js .stage .inline-r .roundel{display:none}
.stage .inline-r .roundel{--rs:84px;--sw:1.8px}
.stage .num{font-family:var(--display);font-size:clamp(3rem, 2rem + 2vw, 4.4rem);line-height:1;color:var(--burgundy)}
.stage .num small{display:block;font-family:var(--sc);font-size:.9rem;letter-spacing:.14em;color:var(--ink-2)}
.stage h2{font-size:clamp(2rem, 1.3rem + 2vw, 3rem)}
.stage p{max-width:36rem}
.stage .aside{font-size:1.02rem;border-left:2px solid var(--gold);padding:.2rem 0 .2rem 1rem;color:var(--ink-2);max-width:34rem}
.stage .proof{font-family:var(--display);font-size:1.2rem;line-height:1.6;background:var(--page);border:1px solid rgba(46,52,49,.15);padding:1rem 1.2rem;max-width:34rem;margin:.4rem 0 1rem}
.stage .proof del{text-decoration-color:var(--burgundy);text-decoration-thickness:2px;color:var(--ink-2)}
.stage .proof ins{text-decoration:none;color:var(--burgundy);font-style:italic}
.stage .proof .mk{font-family:var(--body);font-size:.9rem;color:var(--burgundy);font-style:italic;display:block;margin-top:.4rem}
@media (max-width:899px){
  .stages-wrap{grid-template-columns:1fr}
  .js .stage-plate{display:none}
  .js .stage .inline-r .roundel{display:flex}
  .stage{min-height:0}
}
.rule-band{background:var(--green-dk);color:var(--on-green);padding:clamp(3rem, 1.6rem + 4vw, 5.5rem) 0}
.rule-band .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem, 1rem + 4vw, 5rem);align-items:center}
.rule-band h2{color:var(--on-green);font-size:clamp(2rem, 1.3rem + 2.4vw, 3.3rem)}
.rule-band p{color:var(--on-green-2)}
.rule-band .label{color:var(--gold-lt)}
.tally{display:grid;gap:1rem}
.tally>div{background:var(--green-mid);border:1px solid rgba(226,207,159,.4);padding:1.1rem 1.3rem}
.tally .marks{display:flex;gap:.5rem;align-items:flex-end;margin-bottom:.6rem;height:48px}
.tally .marks i{display:block;width:12px;background:var(--gold-lt);border-radius:1px}
.tally p{margin:0;color:var(--on-green);font-size:1.06rem}
@media (max-width:860px){.rule-band .wrap{grid-template-columns:1fr}}
.trust{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2rem;align-items:center;max-width:56rem;margin:0 auto}
.trust .oval{width:180px}
.trust p.big{font-family:var(--display);font-size:clamp(1.5rem, 1.1rem + 1.4vw, 2.2rem);line-height:1.3;margin-bottom:.6rem}
@media (max-width:620px){.trust{grid-template-columns:1fr;text-align:center}.trust .oval{margin:0 auto;width:160px}}
.qa{max-width:50rem;margin:0 auto}
.qa .q{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:1rem;padding:1.4rem 0;border-top:1px solid var(--rule)}
.qa .q:last-child{border-bottom:1px solid var(--rule)}
.qa .q .m{font-family:var(--display);font-size:2.6rem;line-height:.9;color:var(--burgundy)}
.qa h3{font-size:1.6rem;margin-bottom:.4rem}
.qa p{margin:0}
.after{max-width:62rem;margin:0 auto}
.after dl{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);margin:0;border-top:2px solid var(--ink)}
.after dt,.after dd{padding:1.2rem 0;border-bottom:1px solid var(--rule);margin:0}
.after dt{font-family:var(--display);font-size:1.4rem;color:var(--burgundy);padding-right:1.4rem}
.after .straight{margin-top:1.6rem;padding:1.2rem 1.4rem;background:var(--page);border:1px solid rgba(46,52,49,.15)}
@media (max-width:700px){.after dl{grid-template-columns:1fr}.after dt{border-bottom:0;padding-bottom:.2rem}.after dd{padding-top:0}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ===== revisions after the first screenshot pass ===== */
.brand svg.mark{width:50px;height:50px}
@media (max-width:520px){.brand svg.mark{width:40px;height:40px}}
.titlepage .not{max-width:46ch}
@media (max-width:520px){.titlepage .imprint span{display:block}.titlepage .imprint .dot{display:none}}
.stephead{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.stephead .folio{margin:0}
.stepv{display:inline-block;width:84px;height:84px;background:var(--leaf);padding:3px;flex:none;position:relative}
.stepv b{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--burgundy);color:#FBF8F2;font-family:var(--display);font-weight:400;font-size:2.6rem;line-height:1;box-shadow:inset 0 0 0 1px var(--gold-lt)}
.stepv::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:1.2rem;background:var(--burgundy);opacity:.6}
.pg[data-pg]{padding-bottom:3.6rem}
.pg[data-pg]::after{content:"\00B7  " attr(data-pg) "  \00B7";white-space:pre;position:absolute;left:0;right:0;bottom:1.2rem;text-align:center;font-family:var(--display);font-size:1rem;color:var(--ink-3)}
.book{height:min(560px, calc(100vh - 160px));perspective:3400px}
.book .pg{padding:2.4rem 2.6rem 3.6rem}
.book .pg p,.book .keep-list li,.book .toc-mini li{font-size:1.2rem}
.book .convo li{font-size:1.18rem}
.book .convo li.her p{font-size:1.28rem}
.book .pg h3{font-size:2.4rem}
.book .chapter-text{font-size:1.2rem;line-height:1.62}
.book .toc-mini li{padding:.55rem 0}
.amanda-grid{grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr)}
@media (max-width:1060px){.amanda-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}
@media (max-width:640px){.amanda-grid{grid-template-columns:1fr}}
.crumbs li{display:flex;align-items:center}
/* the plate on the inner page: an illuminated panel behind the roundel */
.plate-in::before{content:"";position:absolute;inset:0;border:1px solid var(--ink-2);background:var(--page);box-shadow:0 24px 50px -30px rgba(46,52,49,.55)}
.plate-in::after{content:"";position:absolute;inset:9px;border:1px solid rgba(46,52,49,.3);background:
 radial-gradient(circle at 0 0,var(--gold) 0 5px,transparent 6px) 10px 10px/20px 20px no-repeat,
 radial-gradient(circle at 100% 0,var(--gold) 0 5px,transparent 6px) calc(100% - 10px) 10px/20px 20px no-repeat,
 radial-gradient(circle at 0 100%,var(--gold) 0 5px,transparent 6px) 10px calc(100% - 10px)/20px 20px no-repeat,
 radial-gradient(circle at 100% 100%,var(--gold) 0 5px,transparent 6px) calc(100% - 10px) calc(100% - 10px)/20px 20px no-repeat}
.plate-in .st{z-index:1}
.plate-in .roundel{--rs:min(64%, 290px)}
.plate-in .st .cap{font-size:1.2rem}
.tailpiece{display:flex;align-items:center;gap:1rem;margin:2rem auto 0;max-width:20rem;color:var(--gold)}
.tailpiece::before,.tailpiece::after{content:"";flex:1;height:1px;background:currentColor}
.tailpiece .roundel{--rs:96px;--sw:1.8px}
@media (max-width:899px){.tailpiece{display:none}}
.book .pg{display:flex;flex-direction:column}
.book .tailpiece{margin:auto auto 0;padding-top:1rem}
.tailpiece .roundel{--rs:74px}
.book .tailpiece{width:100%;max-width:20rem}

/* ===== second pass: lapis, gold, illumination; green removed ===== */
:root{--diaper:repeating-linear-gradient(45deg,transparent 0 9px,rgba(217,197,144,.55) 9px 10px),repeating-linear-gradient(-45deg,transparent 0 9px,rgba(217,197,144,.55) 9px 10px)}
.versal{width:3.6em;height:3.6em;padding:4px}
.versal b{background:var(--diaper),var(--burgundy);background-color:var(--burgundy)}
.versal-xl{float:left;width:6.2rem;height:6.2rem;margin:.25rem 1.2rem .4rem 0;padding:5px;background:var(--leaf);position:relative;box-shadow:0 6px 14px -8px rgba(46,52,49,.6)}
.versal-xl b{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--diaper),var(--green-dk);background-color:var(--green-dk);color:#FBF8F2;font-family:var(--display);font-weight:400;font-size:4.4rem;line-height:1;box-shadow:inset 0 0 0 1.5px var(--gold-lt),inset 0 0 0 5px var(--green-dk);text-shadow:0 2px 0 rgba(0,0,0,.25)}
.versal-xl.red b{background:var(--diaper),var(--burgundy);background-color:var(--burgundy);box-shadow:inset 0 0 0 1.5px var(--gold-lt),inset 0 0 0 5px var(--burgundy)}
.versal-xl.gold b{background:var(--leaf);color:var(--burgundy-dk);text-shadow:none;box-shadow:inset 0 0 0 1.5px var(--gold-deep)}
.versal-xl.xxl{width:8.4rem;height:8.4rem}
.versal-xl.xxl b{font-size:6rem}
.versal-xl::after{content:"";position:absolute;left:-.8rem;top:.4rem;height:calc(100% + 3rem);width:1.5px;background:var(--burgundy);opacity:.75}
.versal-xl::before{content:"";position:absolute;left:-1.05rem;top:calc(100% + 3.3rem);width:9px;height:9px;border-radius:50%;border:1.5px solid var(--burgundy);background:var(--gold-lt)}
@media (max-width:600px){.versal-xl{width:4.6rem;height:4.6rem}.versal-xl b{font-size:3.2rem}.versal-xl.xxl{width:5.6rem;height:5.6rem}.versal-xl.xxl b{font-size:4rem}.versal-xl::after,.versal-xl::before{display:none}}
.pil{color:var(--burgundy);font-family:var(--display);font-size:1.25em;margin-right:.35rem}
.rub-run{color:var(--burgundy);font-family:var(--sc);letter-spacing:.04em}
.rub-label{display:block;font-family:var(--sc);letter-spacing:.14em;color:var(--burgundy);font-size:.95rem;margin-bottom:.4rem}
.runon{font-size:1.1rem}
/* frontispiece miniature */
.plate .pf.mini{padding:0;border:0;background:none;box-shadow:0 18px 30px -20px rgba(46,52,49,.6)}
.plate .pf.mini svg{display:block;width:100%;height:auto}
/* the making: the book lies on its own lapis cloth */
.making{background:var(--green-dk);background-image:radial-gradient(ellipse at 50% 0%,rgba(85,114,103,.45),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);position:relative}
.making::before{content:"";position:absolute;inset:14px;border:2px solid var(--gold);pointer-events:none}
.making::after{content:"";position:absolute;inset:20px;border:1px solid rgba(226,207,159,.5);pointer-events:none}
.mk-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 1.6rem;align-items:start;max-width:58rem;margin:0 0 2.6rem}
.mk-head .versal-xl{float:none;margin:0}
.mk-head .versal-xl::after,.mk-head .versal-xl::before{background:var(--gold-lt);border-color:var(--gold-lt)}
.mk-head h2{color:var(--on-green);font-size:clamp(2.2rem, 1.3rem + 2.8vw, 3.6rem)}
.mk-head p{color:var(--on-green);font-size:1.2rem;max-width:40rem}
.mk-head .label{color:var(--gold-lt)}
.making .more{color:var(--gold-lt)!important}
/* chronicle roundels and vine now lapis and gold */
.leaf-page{border-top:3px solid var(--gold)}
/* contents as a manuscript page with marginalia */
.ms-page{position:relative;background:var(--page);border:1px solid rgba(46,52,49,.2);box-shadow:0 26px 50px -30px rgba(46,52,49,.55);padding:clamp(1.6rem, 1rem + 3vw, 4rem) clamp(1.2rem, 0.6rem + 3vw, 4rem) clamp(1.6rem, 1rem + 3vw, 3.6rem) clamp(2.8rem, 1.6rem + 4vw, 6rem)}
.ms-page::after{content:"";position:absolute;inset:8px;border:1px solid var(--gold);pointer-events:none}
.ms-page .vine{position:absolute;left:12px;top:12px;bottom:12px;width:clamp(1.6rem, 1rem + 2vw, 2.8rem);background-repeat:repeat-y;background-size:100% auto;opacity:.95}
.ms-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:2rem;align-items:end;border-bottom:2px solid var(--burgundy);padding-bottom:1.2rem;margin-bottom:.6rem}
.ms-head h2{font-size:clamp(2.2rem, 1.3rem + 2.8vw, 3.6rem);margin:0}
.ms-head p{margin:0;font-style:italic;color:var(--ink-2)}
.ms-head .label{grid-column:1/-1;margin:0}
.ms-entries{list-style:none;margin:0;padding:0}
.ms-entries>li{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:2.4rem;padding:2rem 0;border-bottom:1px solid var(--rule)}
.ms-main h3{font-size:clamp(1.8rem, 1.3rem + 1.4vw, 2.5rem);margin:.4rem 0 .5rem}
.ms-main p{font-size:1.15rem}
.ms-margin{list-style:none;margin:0;padding:.6rem 0 0 1.2rem;border-left:1px solid rgba(123,45,59,.45);font-style:italic;color:var(--burgundy-dk);font-size:1.05rem}
.ms-margin li{padding:.3rem 0 .3rem 1.6rem;position:relative;line-height:1.4}
.ms-margin li::before{content:"\261E";position:absolute;left:0;top:.25rem;font-style:normal;color:var(--gold-deep)}
.ms-appendix{padding-top:1.4rem;columns:2;column-gap:2.4rem}
.ms-appendix p{break-inside:avoid;font-size:1.08rem}
@media (max-width:860px){.ms-entries>li,.ms-head{grid-template-columns:1fr;gap:1rem}.ms-appendix{columns:1}}
/* the illuminated spread */
.ill-spread{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--page);border:1px solid rgba(46,52,49,.18);box-shadow:0 30px 60px -30px rgba(46,52,49,.55);position:relative}
.ill-spread::after{content:"";position:absolute;top:0;bottom:0;left:45.4%;width:60px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(46,52,49,.08) 45%,rgba(46,52,49,.14) 50%,rgba(46,52,49,.05) 56%,transparent);pointer-events:none}
.ill-l{padding:clamp(1rem, 0.6rem + 1.6vw, 2rem)}
.carpet{height:100%;padding:clamp(1.2rem, 0.8rem + 1.6vw, 2.4rem);background:var(--diaper),var(--burgundy);background-color:var(--burgundy);border:6px solid transparent;border-image:linear-gradient(135deg,#8C7238,#D9C590,#A8894E,#E4D3A6,#8C7238) 1;display:flex;align-items:center;justify-content:center}
.carpet-in{background:var(--ivory-2);padding:1.6rem 1.2rem 1.1rem;box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 8px var(--ivory-2),inset 0 0 0 9px var(--green);width:100%;max-width:380px}
.carpet-in svg{width:78%;margin:0 auto;display:block;height:auto;filter:drop-shadow(0 18px 18px rgba(0,0,0,.4))}
.carpet-in .cap{color:var(--ink-2);font-style:italic;font-size:.95rem;text-align:center;margin:.8rem 0 0}
.ill-r{padding:clamp(1.6rem, 1rem + 3vw, 4rem) clamp(1.2rem, 0.6rem + 3vw, 3.6rem)}
.ill-r h2{font-size:clamp(2.1rem, 1.3rem + 2.4vw, 3.3rem)}
.ill-r .lede{font-size:1.2rem;color:var(--ink-2)}
.sample2{margin:1.6rem 0;padding:1.4rem 0;border-top:2px solid var(--burgundy);border-bottom:1px solid var(--rule);overflow:hidden}
.sample2 .chapter-h{font-family:var(--sc);letter-spacing:.1em;color:var(--burgundy);font-size:1rem;margin:0 0 1rem}
.sample2 .passage{font-size:1.2rem;line-height:1.68}
.sample2 .illus-label{text-align:left;border:0;padding:0;margin:.8rem 0 0;clear:both}
@media (max-width:900px){.ill-spread{grid-template-columns:1fr}.ill-spread::after{display:none}.carpet{min-height:0}}
/* Amanda and the map */
.amanda-sec{padding-top:0}
.amanda2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem, 1rem + 4vw, 5rem);align-items:start}
.big-quote{margin:0 0 2.4rem;padding:0}
.big-quote p{font-family:var(--display);font-size:clamp(1.6rem, 1.1rem + 1.4vw, 2.3rem);line-height:1.3;color:var(--ink);margin:0 0 .8rem}
.big-quote cite{font-style:normal;font-family:var(--sc);letter-spacing:.12em;color:var(--burgundy);clear:both;display:block;padding-top:.4rem}
.am-who{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1.4rem;align-items:center;margin:0 0 1rem;clear:both}
.am-who .oval{width:120px}
.am-who h2{font-size:clamp(1.7rem, 1.2rem + 1.2vw, 2.4rem);margin:0}
.creds2{color:var(--ink-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:.8rem 0;margin:1.2rem 0}
.am-r{position:sticky;top:2rem}
.map-fig svg{border:0;box-shadow:0 24px 50px -30px rgba(46,52,49,.6)}
@media (max-width:900px){.amanda2{grid-template-columns:1fr}.am-r{position:static}}
/* terms */
.proposals{border-top:4px solid var(--gold)}
.p-head2{border-bottom:2px solid var(--burgundy);padding-bottom:1.2rem;margin-bottom:1.6rem;overflow:hidden}
.p-head2 h2{font-size:clamp(2rem, 1.2rem + 2.4vw, 3.2rem);margin:.4rem 0 .6rem}
.p-head2 p{color:var(--ink-2);margin:0;font-size:1.1rem}
.terms{border-top:0}
.terms .amt{color:var(--green-dk)}
/* questions as running entries */
.qrun{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(1.6rem, 1rem + 3vw, 4rem);align-items:start;border-top:2px solid var(--burgundy);padding-top:2rem}
.qrun-h h2{font-size:clamp(2rem, 1.3rem + 2vw, 3rem)}
.qrun-b p{font-size:1.15rem;margin-bottom:1.3rem}
.rq{font-family:var(--display);font-weight:400;font-size:1.3rem;color:var(--burgundy)}
@media (max-width:820px){.qrun{grid-template-columns:1fr}}
/* colophon close */
.colo-close{padding:clamp(1rem, 0.5rem + 2vw, 2rem) 0 clamp(3rem, 2rem + 4vw, 6rem)}
.colo-page{max-width:46rem;margin:0 auto;text-align:center;background:var(--page);border:1px solid rgba(46,52,49,.2);padding:clamp(2rem, 1.2rem + 3vw, 4rem) clamp(1.2rem, 0.6rem + 3vw, 4rem);position:relative;box-shadow:0 26px 50px -30px rgba(46,52,49,.55)}
.colo-page::before{content:"";position:absolute;inset:8px;border:2px solid var(--gold);pointer-events:none}
.colo-page::after{content:"";position:absolute;inset:14px;border:1px solid rgba(123,45,59,.5);pointer-events:none}
.colo-page .device{width:110px;height:auto;display:block;margin:0 auto 1.2rem}
.explicit2{display:block;font-family:var(--sc);letter-spacing:.12em;color:var(--burgundy);font-size:1rem;margin-bottom:.6rem}
.colo-page h2{font-size:clamp(2.2rem, 1.3rem + 3vw, 3.6rem)}
.colo-page .taper{max-width:30rem;margin:0 auto;font-size:1.15rem}
.colo-page .ctas{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin:1.8rem 0 1rem;position:relative;z-index:1}
.colo-page .small{font-size:1rem;color:var(--ink-2);max-width:26rem;margin:0 auto}
.colo-page .small::after{content:"";display:block;width:9px;height:9px;transform:rotate(45deg);background:var(--leaf);margin:1.4rem auto 0}
/* footer on parchment, no dark band */
.colophon{background:var(--footer);color:var(--ink);border-top:3px double var(--gold-deep)}
.colophon a{color:var(--ink);text-decoration-color:var(--burgundy)}
.colophon h2,.colophon .explicit{color:var(--burgundy)}

.stage .num .stagev{float:none;display:block;margin:.3rem 0 0;width:5.4rem;height:5.4rem}
.stage .num .stagev b{font-size:2.8rem}
.stage .num .stagev::after,.stage .num .stagev::before{display:none}
.stage .inline-r{align-items:flex-end}
.inner-title .tp{border-top:4px solid var(--gold)}
.rule-band{background:var(--green-dk);background-image:radial-gradient(ellipse at 30% 0%,rgba(85,114,103,.45),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);position:relative}
.rule-band::before{content:"";position:absolute;inset:14px;border:2px solid var(--gold);pointer-events:none}
.tally>div{background:rgba(255,255,255,.06)}
.making .wrap,.rule-band .wrap{position:relative;z-index:1}
@media (max-width:600px){
  .making::before,.rule-band::before{inset:6px}
  .making::after{inset:10px}
  .making .wrap,.rule-band .wrap{padding-left:26px;padding-right:26px}
  .making .spreads{margin:0 -26px;padding:0 26px 1rem}
}

/* ===== round two, Part A: ivory and green foundation, oxblood and aged gold accents ===== */
.brand .bt b i{color:var(--gold-deep);font-size:.82em}
.margin-note{border-left-color:var(--burgundy);background:rgba(233,208,205,.38)}
.imprint2{display:flex;align-items:center;gap:.9rem;justify-content:center;margin:1.6rem auto 0;max-width:30rem;text-align:left;padding-top:1.1rem;border-top:1px solid var(--rule)}
.imprint2 .oval-sm{flex:none;width:58px;height:72px;border-radius:50%;padding:3px;background:var(--leaf)}
.imprint2 .oval-sm img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:50%;border:2px solid var(--page)}
.imprint2 p{margin:0;font-size:1rem;line-height:1.4;color:var(--ink-2)}
.imprint2 .who{display:block;font-family:var(--sc);letter-spacing:.1em;color:var(--green-dk);font-size:1.02rem}
.titlepage h1 em{color:var(--burgundy)}
.leaf-page{border-top-color:var(--gold)}
.entries .yr{color:var(--green-dk)}
.entries li.now .yr,.entries li.now .tx b{color:var(--burgundy)}
.stepv b{background:var(--diaper),var(--burgundy);background-color:var(--burgundy)}
.terms .amt{color:var(--green-dk)}
.sample2{border-top-color:var(--burgundy)}
.colophon{border-top:3px double var(--green)}
.colophon a{text-decoration-color:var(--green)}
.colophon h2,.colophon .explicit{color:var(--burgundy)}
.ms-head{border-bottom-color:var(--green)}
.qrun{border-top-color:var(--green)}
.p-head2{border-bottom-color:var(--green)}
.colo-page::after{border-color:rgba(123,45,59,.45)}
.making .more,.rule-band a{color:var(--gold-lt)!important}
.concept-flag{background:var(--green-dk);color:var(--on-green)}
@media (max-width:520px){.concept-flag{font-size:.875rem;padding:.25rem .5rem;right:.4rem;bottom:.4rem;opacity:.9}}
/* an oxblood ribbon marker hanging from the book on its green cloth */
.book::after{content:"";position:absolute;top:calc(100% - 2px);left:77%;width:16px;height:60px;background:linear-gradient(90deg,#5E2130,#7B2D3B 45%,#8E3A49 60%,#5E2130);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);box-shadow:0 2px 4px rgba(0,0,0,.3)}
.plate-in .roundel>span{background:var(--diaper),var(--green-dk);background-color:var(--green-dk)}
.plate-in .roundel.red>span{background:var(--diaper),var(--burgundy);background-color:var(--burgundy);box-shadow:inset 0 0 0 2px var(--gold-lt),inset 0 0 0 12px var(--burgundy),inset 0 0 0 13px rgba(226,207,159,.6)}
.plate-in .roundel svg{filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}
@media (max-width:520px){.concept-flag{position:static;display:block;text-align:center;border-radius:0;opacity:1;padding:.3rem .6rem}}
/* the drawn cover sits on a real green ground so its gold lettering is measured against the cloth it is printed on */
.carpet-in .cover{width:78%;margin:0 auto;aspect-ratio:258/370;background:#435C53;border-radius:3px;box-shadow:5px 3px 0 -1px #F4EEE3,6px 3px 0 0 #C9BFA9,0 18px 22px -6px rgba(0,0,0,.4)}
.carpet-in .cover svg{width:100%;height:100%;display:block;filter:none;margin:0}