/* ============================================================
   THE CORPORATE ARTIST — release page
   ============================================================ */
:root{
  --paper:#FCFAF5; --cream:#F4EFE2; --bone:#ECE5D2; --ground:#D9D2C1;
  --ink:#14110D; --graphite:#3A352E; --stone:#6B655B;
  --hair:rgba(20,17,13,.16);
  /* ── THE NINE LANES (Field System, second pass) ──
     Every lane is one hue at fixed lightness steps. Named colours are pinned.
     Contrast is arithmetic: a step gap of 600 clears 7.28:1 in every lane. */
  --klein-200:#C3CCEA; --klein-600:#1B4AC4; --klein-700:#002FA7; --klein-900:#061A51;
  --indigo-300:#B7AAF0; --indigo-500:#7262C6; --indigo-800:#2E2A6B;
  --plum-900:#2B1659;
  --aubergine-800:#3D1F3D;
  --terra-300:#F4B86A; --terra-400:#C99A4F; --terra-500:#9C5832; --terra-700:#693601;
  --pine-200:#C6D8CF; --pine-500:#38865E; --pine-700:#2D5240; --pine-900:#012816;
  --magenta-200:#EFC9D0; --magenta-400:#E456AB;
  --volt:#C8E83A;      /* step 200, off-curve chroma. The one pop. */
  --volt-700:#3D4C00;  /* sets on Volt at 11.57:1 */
  /* working aliases */
  --blue:var(--klein-700);
  --pine:var(--pine-700);
  --terra:var(--terra-500);
  --sand:var(--terra-400);
  --indigo:var(--indigo-800);
  /* the four rooms — colour arrives by room, never by decoration */
  --room:var(--ink); --room-deep:var(--ink); --room-pale:var(--bone);
  --room-tint:rgba(20,17,13,.05); --room-on:#FCFAF5;
  --serif:"Newsreader","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:"IBM Plex Sans","Avenir Next",Avenir,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --rule:1px solid var(--ink);
  --tick:160ms; --catch:320ms; --settle:640ms; --draw:1280ms; --land:2560ms;
  --s3:32px; --s4:64px;
  --air-chapter:clamp(104px,15vh,208px);
  --air-half:clamp(56px,8vh,112px);
  --arrive:cubic-bezier(.16,1,.3,1);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.room-open{overflow:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
img{max-width:100%;display:block}

/* ---------- LINE LANGUAGE ---------- */
.rule-hair{border-top:1px solid var(--hair)}
.rule-heavy{border-top:2px solid var(--ink)}
.rule-dot{border-top:1px dashed var(--stone)}
.rule-broken{border-top:1px solid var(--ink);
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 62%,transparent 62% 74%);
  mask-image:repeating-linear-gradient(90deg,#000 0 62%,transparent 62% 74%)}
.dotfield{background-image:radial-gradient(rgba(20,17,13,.34) .85px,transparent .9px);
  background-size:12px 12px}

/* ---------- SHELL ---------- */
.skip{position:fixed;left:14px;top:-90px;z-index:300;background:var(--volt);
  border:var(--rule);padding:12px 16px;font:600 12px var(--mono);letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none}
.skip:focus{top:14px}
.skip--walk{position:absolute;top:8px;left:14px;z-index:50;opacity:0;pointer-events:none}
.skip--walk:focus{top:8px;opacity:1;pointer-events:auto}
.masthead{position:sticky;top:0;z-index:80;display:grid;
  grid-template-columns:auto 1fr auto;align-items:stretch;
  background:var(--paper);border-bottom:var(--rule)}
.wordmark{display:flex;align-items:center;gap:9px;padding:0 20px;min-height:60px;
  text-decoration:none;font:400 21px var(--serif);letter-spacing:-.02em;white-space:nowrap}
.wordmark i{width:9px;height:9px;background:transparent;border:var(--rule);display:block}
.nav{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav button{appearance:none;border:0;border-left:1px solid var(--hair);background:transparent;
  padding:0 16px;font:500 13.5px var(--sans);color:var(--graphite);cursor:pointer;white-space:nowrap}
@media (hover:hover){.nav button:hover{background:var(--cream);color:var(--ink)}}
.nav button{min-height:44px}
.nav button[aria-current="page"]{color:var(--ink);font-weight:600;
  box-shadow:inset 0 -3px 0 var(--volt)}
.cta{display:grid;place-items:center;padding:0 22px;background:var(--blue);color:#fff;
  border-left:var(--rule);text-decoration:none;font:600 12px var(--sans);
  letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
@media (hover:hover){.cta:hover{background:var(--ink)}}

.view{display:none}
.view.on{display:block}

/* ---------- THE FOUR ROOMS ----------
   Expansion · Practice · Lived memory · The book.
   A view declares its room; components read var(--room). Nothing invents a pigment. */
[data-room="expansion"]{--room:var(--klein-700);--room-deep:var(--klein-900);--room-pale:var(--klein-200);
  --room-tint:rgba(0,47,167,.07)}
[data-room="practice"] {--room:var(--pine-700); --room-deep:var(--pine-900); --room-pale:var(--pine-200);
  --room-tint:rgba(45,82,64,.08)}
[data-room="memory"]   {--room:var(--terra-500);--room-deep:var(--terra-700);--room-pale:var(--terra-300);
  --room-tint:rgba(156,88,50,.10)}
[data-room="editorial"]{--room:var(--indigo-800);--room-deep:var(--plum-900);--room-pale:var(--indigo-300);
  --room-tint:rgba(46,42,107,.08)}
[data-room="book"]     {--room:var(--ink);  --room-deep:var(--soot,#1C1815); --room-pale:var(--bone);
  --room-tint:rgba(20,17,13,.05)}
.room-mark{display:inline-block;width:28px;height:2px;background:var(--room);vertical-align:middle}
.wrap{max-width:1420px;margin:0 auto;padding:0 clamp(20px,4vw,54px)}
.eyebrow{font:600 12px/1.5 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--stone)}
.plate{font:600 12px/1.35 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--stone)}
.plate.on-dark{color:rgba(255,255,255,.82)}

/* ---------- TYPE SCALE ---------- */
h1,h2,h3{margin:0;font-weight:400;text-wrap:balance}
.display{font:400 clamp(56px,7vw,112px)/.84 var(--serif);letter-spacing:-.04em}
.display--01{font:400 clamp(72px,9vw,148px)/.80 var(--serif);letter-spacing:-.045em}
.display em{font-style:italic}
.h2{font:400 clamp(38px,4.4vw,76px)/.90 var(--serif);letter-spacing:-.032em}
.h3{font:400 clamp(26px,2.6vw,38px)/1.06 var(--serif);letter-spacing:-.02em}
.lede{font:400 clamp(21px,1.9vw,27px)/1.32 var(--serif);letter-spacing:-.015em;color:var(--graphite);max-width:26ch}
.body{font-size:18px;line-height:1.55;max-width:54ch;color:var(--graphite)}
.body p{margin:0 0 15px}
.body p:last-child{margin-bottom:0}
.tabnum{font-variant-numeric:tabular-nums}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px;
  border:var(--rule);background:transparent;text-decoration:none;cursor:pointer;
  font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase}
@media (hover:hover){.btn:hover{background:var(--ink);color:var(--paper)}}
.btn.volt{background:var(--volt)}
.btn.volt:hover{background:var(--ink);color:var(--paper)}
.btns{display:flex;gap:10px;flex-wrap:wrap}

/* HAND — the irregular mark */
.hand{display:block;width:min(230px,58%);height:auto;overflow:visible}
.hand path{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}

/* ---------- HOME HERO ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  border-bottom:var(--rule);min-height:calc(100svh - 60px)}
.hero-copy{position:relative;z-index:2;background:var(--paper);padding:clamp(38px,5vw,80px) clamp(24px,4vw,64px);border-right:var(--rule);
  display:flex;flex-direction:column;justify-content:space-between;gap:44px}
.hero h1{margin:20px 0 0;max-width:11ch}
.hero-hit{margin:12px 0 0;font:400 clamp(25px,2.4vw,36px)/1 var(--serif);font-style:italic}
.hero .lede{margin:26px 0 0}
.hero .body{margin:20px 0 0}
.hero-cover{position:relative;display:grid;place-items:center;min-height:620px;padding:clamp(52px,7vw,110px);
  overflow:hidden;background:var(--blue);margin:0}
.hero-cover::before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.1;mix-blend-mode:screen}
/* v23: the cover is a fixed artifact. One quiet room, one hard shadow.
   No border, no bloom, no grain over the artwork itself. */
.hero-cover img{position:relative;width:min(82%,430px);height:auto;
  box-shadow:26px 30px 0 rgba(0,0,0,.24)}
.hero-cover figcaption{position:relative;margin-top:30px;text-align:center;
  font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.68)}

/* stand-in: renders only if the artwork file is not beside this page */
.cover-standin{position:relative;width:min(82%,430px);aspect-ratio:2/3;background:var(--paper);
  box-shadow:26px 30px 0 rgba(0,0,0,.24);display:none;
  padding:clamp(26px,3.4vw,44px);flex-direction:column;justify-content:space-between;gap:20px}
.cover-standin.show{display:flex}
.cover-standin[hidden]{display:none}
.cover-standin .t{font:400 clamp(30px,3.6vw,52px)/.9 var(--serif);letter-spacing:-.035em;color:var(--ink)}
.cover-standin .t em{display:block;font-size:.46em;line-height:1.14;font-style:italic;margin-top:16px;color:var(--graphite)}
.cover-standin .b{font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--stone)}
.cover-standin .r{height:2px;background:var(--ink)}
.cover-standin .flag{position:absolute;top:0;right:0;background:var(--terra);color:#fff;
  padding:5px 9px;font:600 12px var(--mono);letter-spacing:.13em;text-transform:uppercase}

.proofline{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--rule);background:var(--cream)}
.proof{padding:var(--s4) clamp(16px,2vw,26px);border-right:1px solid var(--hair)}
.proof:last-child{border-right:0}
.proof b{display:block;font:400 clamp(30px,3.4vw,44px)/1 var(--serif);letter-spacing:-.03em}
.proof span{display:block;margin-top:6px}

/* ---------- RECOGNITION ---------- */
.recognitions{background:var(--ink);color:var(--paper);padding:clamp(90px,13vw,190px) clamp(24px,8vw,120px)}
.recognition-copy{max-width:1120px;margin:0 auto}
.recognition-copy p{margin:0;padding:clamp(24px,4vw,54px) 0;border-bottom:1px solid rgba(252,250,245,.24);
  font:400 clamp(42px,6vw,84px)/.95 var(--serif);letter-spacing:-.035em;text-wrap:balance}
.recognition-copy p:first-child{padding-top:0}
.recognition-copy p:last-child{padding-bottom:0;border-bottom:0;font-style:italic;color:var(--paper)}
.recognition-copy p:last-child em{font-style:italic;background:linear-gradient(var(--volt),var(--volt));
  background-repeat:no-repeat;background-size:100% 3px;background-position:0 92%}
/* ---------- GENERIC SECTIONS ---------- */
.band{border-bottom:var(--rule)}
.band.paper{background:var(--paper)}
.band.cream{background:var(--cream)}
.band.ink{background:var(--ink);color:var(--paper)}
.band.ink .lede,.band.ink .body{color:rgba(252,250,245,.78)}
.band.ink .plate,.band.ink .eyebrow{color:rgba(252,250,245,.6)}
.sechead{display:grid;grid-template-columns:minmax(180px,.36fr) 1fr;border-bottom:var(--rule)}
.sechead>div{padding:var(--air-half) clamp(20px,3vw,38px)}
.sechead>div:first-child{border-right:1px solid var(--hair)}
.split{display:grid;grid-template-columns:minmax(180px,.36fr) 1fr}
.split>div{padding:var(--air-chapter) clamp(20px,3vw,38px)}
.split>div:first-child{border-right:1px solid var(--hair)}
.pad{padding:var(--air-chapter) clamp(20px,3vw,38px)}
.section-mark{display:flex;min-height:100%;flex-direction:column;justify-content:space-between;gap:28px}
.section-mark .display{font-size:clamp(58px,7vw,96px);color:var(--room)}
.section-mark p{margin:0}

/* doors */
.doors{display:block}
.doors button{width:100%;appearance:none;border:0;border-bottom:var(--rule);text-align:left;cursor:pointer;
  min-height:260px;padding:clamp(48px,7vw,96px) clamp(24px,5vw,76px);display:grid;
  grid-template-columns:minmax(210px,.65fr) minmax(280px,1fr) auto;align-items:end;gap:clamp(28px,5vw,80px);
  font:inherit;color:inherit;position:relative;overflow:hidden}
.doors button:last-child{border-bottom:0}
.door-w{background:var(--paper)}
.door-m{background:var(--cream)}
.door-f{background:var(--bone)}
/* each door carries the colour of the room it opens into */
.doors button::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--room)}
.doors button>*{position:relative}
.doors button::before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;
  background-image:repeating-linear-gradient(180deg,var(--room) 0 1px,transparent 1px 28px);
  transition:opacity var(--settle) linear}
@media (hover:hover){
  .doors button:hover .door-foot{transform:translateX(6px)}
  .doors button:hover{background:var(--room-tint)}
  .doors button:hover::before{opacity:.12}
}
.doors button{transition:background var(--catch) var(--arrive)}
.door-foot{display:flex;justify-content:flex-end;gap:16px;padding-top:13px;
  font:600 12px var(--mono);letter-spacing:.11em;text-transform:uppercase;transition:transform var(--tick) var(--arrive)}
.door-foot span:last-child{color:var(--room)}

/* ══ MOVEMENTS — the standing field ══
   A sticky colour column that changes room as you descend, and a list that
   opens in place to hand you the field note that belongs to each movement. */
.mvts{display:grid;grid-template-columns:minmax(230px,.3fr) 1fr;border-top:var(--rule)}

.mvt-rail{position:sticky;top:60px;height:calc(100svh - 60px);align-self:start;
  background:var(--rail,#002FA7);color:#FCFAF5;overflow:hidden;
  padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  border-right:var(--rule);transition:background var(--settle) linear}
.mvt-rail::before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.10;mix-blend-mode:screen;pointer-events:none}
.mvt-rail>*{position:relative}
.mvt-count{font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(252,250,245,.66);
  font-variant-numeric:tabular-nums}
.mvt-now{display:flex;flex-direction:column;gap:10px}
.mvt-now b{display:block;font:400 clamp(76px,9vw,132px)/.76 var(--serif);letter-spacing:-.05em;
  font-variant-numeric:tabular-nums;transition:opacity var(--catch) var(--arrive),transform var(--catch) var(--arrive)}
.mvt-now i{font-style:normal;font:400 clamp(21px,2vw,29px)/1.1 var(--serif);color:rgba(252,250,245,.9);
  transition:opacity var(--catch) var(--arrive),transform var(--catch) var(--arrive)}
.mvt-rail.turning .mvt-now b,.mvt-rail.turning .mvt-now i{opacity:0;transform:translateY(10px)}
.mvt-ticks{display:flex;gap:6px}
.mvt-tick{appearance:none;border:0;padding:0;cursor:pointer;display:block;width:17px;height:26px;
  background:linear-gradient(rgba(252,250,245,.34),rgba(252,250,245,.34)) no-repeat 0 100%/100% 2px;
  transition:background-size var(--catch) var(--arrive),background-image var(--catch) linear}
.mvt-tick:hover{background-size:100% 4px}
.mvt-tick.on{background-image:linear-gradient(var(--volt),var(--volt));background-size:100% 6px}
.mvt-tick:focus-visible{outline:2px solid var(--volt);outline-offset:2px}
.mvt-room{font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(252,250,245,.55)}

.movement-list{background:var(--paper);color:var(--ink)}
.movement{border-bottom:1px solid var(--hair)}
.movement:last-child{border-bottom:0}
.movement:nth-child(even){background:var(--cream)}
.mv-head{width:100%;appearance:none;background:transparent;border:0;cursor:pointer;font:inherit;color:inherit;
  text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,3vw,44px);align-items:start;
  padding:clamp(46px,7vw,104px) clamp(26px,6vw,88px);position:relative;
  transition:background var(--catch) var(--arrive)}
.mv-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--room);
  transition:opacity var(--catch) var(--arrive)}
.movement[data-open="true"] .mv-head::before{width:6px}
@media (hover:hover){.mv-head:hover{background:var(--room-tint)}.mv-head:hover::before{width:6px}}
.mv-num{font:600 12px var(--mono);letter-spacing:.14em;color:var(--stone);font-variant-numeric:tabular-nums;padding-top:.85em}
.mv-title h3{margin:0;font:400 clamp(36px,5vw,72px)/.92 var(--serif);letter-spacing:-.035em;max-width:14ch}
.mv-title p{margin:22px 0 0;font:400 clamp(18px,1.9vw,24px)/1.45 var(--serif);max-width:46ch;color:var(--graphite)}
.mv-title em{display:block;margin:0 0 14px;font:600 12px var(--mono);font-style:normal;
  letter-spacing:.14em;text-transform:uppercase;color:var(--room)}
.mv-open{margin:18px 0 0!important;font:400 clamp(19px,1.9vw,25px)/1.3 var(--serif)!important;
  font-style:italic;max-width:30ch!important;color:var(--ink)!important}
.mv-line{margin:22px 0 0!important;font:400 17px/1.55 var(--sans)!important;max-width:52ch!important;
  color:var(--graphite)!important}
.folio{font:600 12px var(--mono);letter-spacing:.1em;color:var(--stone);white-space:nowrap;margin-left:6px}
.mv-gift{display:block;margin-top:30px;max-width:56ch}
.mv-gift .lbl{display:block;font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--stone)}
.mv-gift ul{list-style:none;margin:12px 0 0;padding:0}
.mv-gift li{position:relative;display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:baseline;
  padding:9px 0;border-top:1px solid var(--hair);font:400 17.5px/1.45 var(--serif);color:var(--ink)}
.mv-gift li i{display:block;width:11px;height:11px;background:var(--room);align-self:center;
  transform:scale(0);transition:transform var(--catch) var(--arrive)}
.mv-gift li.in i{transform:none;transition-delay:calc(var(--k) * var(--tick))}
/* the gift is handed over one line at a time as it comes into view */
.mv-gift li{opacity:0;transform:translateY(6px);
  transition:opacity var(--settle) var(--arrive),transform var(--settle) var(--arrive)}
.mv-gift li.in{opacity:1;transform:none;transition-delay:calc(var(--k) * var(--tick))}
@media(prefers-reduced-motion:reduce){.mv-gift li,.mv-gift li i{opacity:1;transform:none}}

/* THE HANDS — the print system's ruled grounds, one per movement, under the open page */
.mv-inner{position:relative}
.mv-inner::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  transition:opacity var(--draw) linear var(--catch);--c:var(--room);--gap:26px}
.movement[data-open="true"] .mv-inner::before{opacity:.16}
.movement[data-hand="rule"]   .mv-inner::before{background-image:repeating-linear-gradient(180deg,var(--c) 0 1px,transparent 1px var(--gap))}
.movement[data-hand="column"] .mv-inner::before{background-image:repeating-linear-gradient(90deg,var(--c) 0 1px,transparent 1px var(--gap))}
.movement[data-hand="graph"]  .mv-inner::before{background-image:repeating-linear-gradient(180deg,var(--c) 0 1px,transparent 1px var(--gap)),repeating-linear-gradient(90deg,var(--c) 0 1px,transparent 1px var(--gap))}
.movement[data-hand="dot"]    .mv-inner::before{background-image:radial-gradient(var(--c) 1.4px,transparent 1.5px);background-size:var(--gap) var(--gap)}
.movement[data-hand="weave"]  .mv-inner::before{background-image:repeating-linear-gradient(180deg,var(--c) 0 3px,transparent 3px calc(var(--gap)*1.5)),repeating-linear-gradient(90deg,var(--c) 0 3px,transparent 3px calc(var(--gap)*1.5))}
.movement[data-hand="tick"]   .mv-inner::before{background-image:repeating-linear-gradient(90deg,var(--c) 0 1.6px,transparent 1.6px calc(var(--gap)*.5));-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 8px,transparent 8px calc(var(--gap)*1.5));mask-image:repeating-linear-gradient(180deg,#000 0 8px,transparent 8px calc(var(--gap)*1.5))}
.movement[data-hand="open"]   .mv-inner::before{background-image:radial-gradient(var(--c) 2.6px,transparent 2.7px);background-size:calc(var(--gap)*2.6) calc(var(--gap)*2.6)}
/* type never sits on a pattern: the columns carry their own paper */
.mv-cols>div{position:relative;background:var(--paper);padding:18px 22px}
.movement:nth-child(even) .mv-cols>div{background:var(--cream)}
.mv-cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,64px)}
.mv-inner{max-width:none!important}
.mv-toc .lbl{font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--stone);display:block}
.mv-toc ol{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid var(--ink)}
.mv-toc li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:baseline;
  padding:9px 0;border-bottom:1px solid var(--hair);font:400 16.5px/1.35 var(--serif)}
.mv-toc .cn{font:600 12px var(--mono);letter-spacing:.1em;color:var(--room);font-variant-numeric:tabular-nums}
.mv-toc .cp{font:500 12px var(--mono);color:var(--stone);font-variant-numeric:tabular-nums}
.mv-pair{border-top:1px solid var(--ink)!important}
.inq-body .epi{font:400 19px/var(--rule-h) var(--serif);font-style:italic;color:var(--ink);padding-top:var(--rule-h)}
.inq-body p.prompt{padding-top:0!important}
.mv-sign{align-self:center;flex:none;width:13px;height:13px;position:relative}
.mv-sign::before,.mv-sign::after{content:"";position:absolute;background:var(--ink);
  transition:transform var(--settle) var(--arrive),opacity var(--catch) linear}
.mv-sign::before{left:0;right:0;top:6px;height:1px}
.mv-sign::after{top:0;bottom:0;left:6px;width:1px}
.movement[data-open="true"] .mv-sign::after{transform:scaleY(0)}

/* the reveal: silence first, then the type arrives */
.mv-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--settle) var(--arrive)}
.movement[data-open="true"] .mv-panel{grid-template-rows:1fr}
.mv-panel>div{overflow:hidden}
.mv-inner{padding:0 clamp(26px,6vw,88px) clamp(46px,6vw,88px);
  display:grid;grid-template-columns:minmax(0,1fr);max-width:62ch;
  opacity:0;transform:translateY(12px);transition:opacity var(--settle) var(--arrive) var(--catch),transform var(--settle) var(--arrive) var(--catch)}
.movement[data-open="true"] .mv-inner{opacity:1;transform:none}
.mv-hand{width:min(210px,54%);height:auto;overflow:visible;margin:0 0 26px}
.mv-hand path{fill:none;stroke:var(--room);stroke-width:2.2;stroke-linecap:round;
  stroke-dasharray:340;stroke-dashoffset:340}
.movement[data-open="true"] .mv-hand path{stroke-dashoffset:0;transition:stroke-dashoffset var(--draw) var(--arrive) var(--catch)}
.mv-pair{border-top:1px solid var(--hair);padding-top:22px}
.mv-pair .lbl{font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--stone);display:block}
.mv-pair strong{display:block;margin-top:12px;font:400 clamp(24px,2.6vw,36px)/1.05 var(--serif);letter-spacing:-.02em}
.mv-pair p{margin:14px 0 0;font-size:16.5px;line-height:1.62;color:var(--graphite);max-width:54ch}
.mv-pair button{margin-top:22px}

/* compact editorial rows, used by Issue 01 */
.movements{display:grid;grid-template-columns:repeat(2,1fr)}
.mv{padding:var(--s4) clamp(26px,3vw,42px);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);
  min-height:280px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s3)}
.mv:nth-child(2n){border-right:0}.mv .n{font:600 12px var(--mono);letter-spacing:.12em;color:var(--stone)}
.mv h3{font:400 clamp(28px,3vw,44px)/.98 var(--serif);letter-spacing:-.03em;margin:8px 0 0}
.mv p{margin:0;font-size:16px;line-height:1.55;color:var(--graphite);max-width:44ch}

/* inquiries */
.inquiries{display:grid;grid-template-columns:repeat(3,1fr)}
.inq{padding:26px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);min-height:210px;
  display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.inq:nth-child(3n){border-right:0}
.inq p{margin:0;font:400 clamp(20px,1.9vw,27px)/1.14 var(--serif);letter-spacing:-.015em}

/* retailers */
.buy-intro{padding:clamp(70px,10vw,140px) clamp(24px,6vw,86px);text-align:center}
.buy-intro .h2{max-width:12ch;margin:0 auto}.buy-intro .lede{margin:24px auto 0}
/* ══ THE BOOKSELLERS — plates on ruled stock ══
   Every bookseller gets a plate. The mark slot takes the retailer's own
   official logo when one is present; until then the house sets the name.
   Grouped by kind, and each group carries a lane. */
.shelf{border-top:var(--rule)}
.shelf-head{display:grid;grid-template-columns:minmax(180px,.3fr) 1fr;align-items:baseline;
  border-bottom:var(--rule);background:var(--paper)}
.shelf-head>div{padding:26px clamp(20px,3vw,38px)}
.shelf-head>div:first-child{border-right:1px solid var(--hair)}
.shelf-head .k{display:flex;align-items:center;gap:12px;
  font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--room)}
.shelf-head .k::before{content:"";width:26px;height:6px;background:var(--room);flex:none}
.shelf-head h3{margin:0;font:400 clamp(24px,2.4vw,34px)/1.05 var(--serif);letter-spacing:-.025em}
.shelf-head p{margin:8px 0 0;font-size:15.5px;line-height:1.5;color:var(--graphite);max-width:56ch}

.plates{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);
  border-bottom:var(--rule)}
.plate-r{position:relative;display:flex;flex-direction:column;gap:20px;min-height:290px;
  padding:clamp(24px,2.4vw,34px);text-decoration:none;background:var(--paper);
  background-image:repeating-linear-gradient(to bottom,
    transparent 0 33px, rgba(105,99,90,.20) 33px 34px);
  background-size:100% 34px;
  transition:background-color var(--catch) var(--arrive)}
.plate-r::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--room);
  transition:opacity var(--catch) var(--arrive)}
@media (hover:hover){
  .plate-r:hover{background-color:var(--room-tint)}
  .plate-r:hover::after{width:6px}
  .plate-r:hover .plate-go{transform:translateX(5px)}
}
.plate-r:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}

/* the mark: official logo if supplied, house wordmark if not */
.mark-slot{height:46px;display:flex;align-items:center}
.mark-slot img{max-height:46px;width:auto;max-width:100%;object-fit:contain}
.mark-set{font:400 clamp(27px,2.6vw,38px)/1 var(--serif);letter-spacing:-.03em;color:var(--room)}
.mark-set i{font-style:normal;font-size:.62em;letter-spacing:.01em}

.plate-r small{font:400 15.5px/1.5 var(--sans);color:var(--graphite);max-width:26ch;margin-top:-4px}
.plate-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  border-top:1px solid var(--hair);padding-top:14px;
  font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.plate-go{color:var(--ink);transition:transform var(--tick) var(--arrive)}
.plate-r[data-house="true"] .plate-foot{color:var(--room)}

.retail-note{margin:0;padding:18px clamp(24px,6vw,86px);font-size:14px;color:var(--stone);text-align:center}
.local-order{padding:clamp(80px,12vw,170px) clamp(24px,8vw,120px);display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}
.local-order .body{align-self:end}
.buy-cover{display:grid;place-items:center;background:var(--blue);padding:clamp(48px,6vw,82px)!important}
.buy-cover img{width:min(100%,300px);box-shadow:20px 24px 0 rgba(0,0,0,.3)}
.buy-cover .cover-standin{width:min(100%,300px);box-shadow:20px 24px 0 rgba(0,0,0,.3)}
/* the colophon — a book page states its own facts */
.colophon{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--rule);border-bottom:var(--rule);
  background:var(--paper)}
.colophon div{position:relative;padding:clamp(28px,3.4vw,44px) clamp(16px,2vw,26px);
  border-right:1px solid var(--hair);
  background-image:repeating-linear-gradient(to bottom,
    transparent 0 33px, rgba(105,99,90,.16) 33px 34px);
  background-size:100% 34px}
.colophon div:last-child{border-right:0}
.colophon dt{margin:0;font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--stone)}
.colophon dd{margin:10px 0 0;font:400 clamp(17px,1.6vw,21px)/1.2 var(--serif);letter-spacing:-.01em}
.colophon dd.mono{font:500 14px var(--mono);letter-spacing:.03em;font-variant-numeric:tabular-nums}

/* notes */
.note{border-left:2px solid var(--ink);background:var(--cream);padding:16px 18px;margin:22px 0;
  font-size:14.5px;line-height:1.55;color:var(--graphite);max-width:70ch}
.note b{font:600 12px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink);
  display:block;margin-bottom:7px}

/* objection / FAQ */
.faq{border-top:var(--rule)}
.faq details{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;padding:22px clamp(20px,3vw,38px);
  font:400 clamp(21px,2.2vw,31px)/1.12 var(--serif);letter-spacing:-.02em;
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 26px var(--serif);color:var(--stone);flex:none}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 clamp(20px,3vw,38px) 26px;max-width:64ch;color:var(--graphite);font-size:16.5px;line-height:1.6}
.faq .a p{margin:0 0 12px}
.home-faq .sechead{background:var(--paper)}
.home-faq details{background:var(--paper)}
.home-faq details:nth-of-type(even){background:var(--cream)}
.home-faq .a p:first-child{font-size:18px}

/* spacious editorial interruptions */
.editorial-quote{background:var(--ink);color:var(--paper);padding:clamp(100px,16vw,220px) clamp(24px,8vw,120px)}
.editorial-quote blockquote{max-width:18ch;margin:0 auto;font:400 clamp(46px,6vw,88px)/.95 var(--serif);
  letter-spacing:-.035em;text-wrap:balance}
.editorial-quote em{color:var(--volt)}
.note-opening{padding:clamp(90px,14vw,190px) clamp(24px,8vw,120px)}
.note-opening p{max-width:21ch;margin:28px 0 0;font:400 clamp(40px,5vw,76px)/.98 var(--serif);
  letter-spacing:-.03em;text-wrap:balance}

/* final */
.final{display:grid;grid-template-columns:1.15fr .85fr;border-bottom:var(--rule);min-height:70svh}
.final .l{padding:var(--air-chapter) clamp(36px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;
  gap:40px;background:var(--ink);color:var(--paper);border-right:var(--rule)}
.final .l .eyebrow{color:rgba(252,250,245,.6)}
.final .r{padding:var(--air-chapter) clamp(36px,5vw,80px);display:flex;flex-direction:column;
  justify-content:space-between;gap:42px;background:var(--cream)}
.final .r p{margin:0;max-width:30ch;font:400 clamp(27px,3vw,42px)/1.12 var(--serif);letter-spacing:-.02em}
.foot{background:var(--ink);color:var(--paper);padding:26px clamp(20px,4vw,54px);
  display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
  font:600 12px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.foot a{color:rgba(252,250,245,.72);text-decoration:none}
.foot a:hover{color:var(--volt)}
.foot nav{display:flex;gap:18px;flex-wrap:wrap}


/* ══ FIELD NOTES — a steno pad ══
   Cream stock, 34px handwriting rules, a gutter rule at 88px, drawn spiral
   binding on the open page, and a coloured index tab per note. Real paper
   behaviour: the copy sits ON the rules, and the pad remembers what you took. */
/* the desk the pad sits on */
.inq-desk{background:var(--bone);padding:clamp(46px,7vh,96px) clamp(20px,4vw,60px) clamp(64px,9vh,128px);
  border-bottom:var(--rule)}
.inq-list{--rule-h:34px; --gutter:88px;
  position:relative;max-width:1120px;margin:0 auto;
  background:var(--cream);border:1px solid var(--ink);
  box-shadow:14px 18px 0 rgba(20,17,13,.16);
  padding-top:34px}
.inq-plate{display:grid;grid-template-columns:var(--gutter) 1fr auto;align-items:baseline;
  padding:10px 26px 10px 0;border-bottom:2px solid var(--ink);
  font:600 12px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--stone)}
.inq-plate b{font:400 20px/1 var(--serif);letter-spacing:-.02em;text-transform:none;color:var(--ink)}
.inq-plate span:first-child{text-align:center}
/* the pad's board edge */
.inq-list::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;
  background:var(--graphite);z-index:3}
/* the wire binding, once, across the head of the pad */
.inq-list::after{content:"";position:absolute;left:26px;right:26px;top:-8px;height:22px;z-index:4;
  background-image:
    repeating-linear-gradient(90deg, transparent 0 9px, var(--graphite) 9px 12px, transparent 12px 34px),
    repeating-radial-gradient(circle at 10.5px 15px, var(--cream) 0 4px, transparent 4.6px 34px);
  background-size:34px 22px}

.inq-ledger{position:sticky;top:60px;z-index:40;display:grid;
  grid-template-columns:auto 1fr auto;gap:18px;align-items:center;
  background:var(--ink);color:var(--paper);padding:12px clamp(20px,3vw,38px);
  font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.inq-ledger .now{font-variant-numeric:tabular-nums;color:var(--volt)}
.inq-ledger .ttl{color:rgba(252,250,245,.82);letter-spacing:.01em;text-transform:none;
  font:400 15px/1.2 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:opacity var(--catch) var(--arrive)}
.inq-ledger.turning .ttl{opacity:0}
.inq-ledger .kept{font-variant-numeric:tabular-nums;color:rgba(252,250,245,.55)}
.inq-meter{grid-column:1/-1;height:2px;background:rgba(252,250,245,.22);margin-top:2px}
.inq-meter i{display:block;height:2px;width:0;background:var(--room);
  transition:opacity var(--catch) var(--arrive)}

/* where you came from — only when you came from somewhere */
.inq-from{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  margin:10px calc(clamp(20px,3vw,38px) * -1) -12px;padding:10px clamp(20px,3vw,38px);
  background:var(--paper);color:var(--ink);border-top:1px solid var(--ink)}
.inq-from[hidden]{display:none}
.inq-from .lbl{font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--stone)}
.inq-from-link{appearance:none;border:0;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:12px;
  font:400 17px var(--serif);color:var(--ink);min-height:44px;text-transform:none;letter-spacing:0}
.inq-from-link i{display:block;width:12px;height:12px;background:var(--c)}
.inq-from-link .arr{font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);
  background-image:linear-gradient(var(--volt),var(--volt));background-repeat:no-repeat;background-size:100% 3px;background-position:0 100%;padding-bottom:2px}
.inq-from-link:hover .arr{background-size:100% 100%}
.inq-from-link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

/* ── a leaf of the pad ── */
.inq-row{position:relative;border-bottom:1px solid rgba(105,99,90,.4);
  padding-left:9px;
  /* the ruled stock */
  background-image:repeating-linear-gradient(to bottom,
    transparent 0 calc(var(--rule-h) - 1px),
    rgba(105,99,90,.42) calc(var(--rule-h) - 1px) var(--rule-h));
  background-size:100% var(--rule-h);
  transition:background-color var(--settle) var(--arrive)}
.inq-row[data-open="true"]{background-color:var(--paper)}
/* the steno gutter — the rule that divides the page */
.inq-row::before{content:"";position:absolute;left:calc(9px + var(--gutter));top:0;bottom:0;width:1px;
  background:rgba(105,99,90,.5);transition:background var(--catch) var(--arrive)}
.inq-row[data-open="true"]::before{background:var(--room);width:2px}
/* the index tab, out on the right edge */
/* the index tab, cut out past the edge of the pad */
.inq-tab{position:absolute;right:-16px;top:12px;width:16px;height:34px;z-index:2;
  background:var(--room);border:1px solid var(--ink);border-left:0;
  transition:opacity var(--catch) var(--arrive),transform var(--catch) var(--arrive)}
.inq-row[data-open="true"] .inq-tab{width:28px}
@media (hover:hover){.inq-row:hover .inq-tab{transform:translateX(5px)}}

.inq-head{width:100%;appearance:none;background:transparent;border:0;cursor:pointer;
  display:grid;grid-template-columns:var(--gutter) 1fr 34px;align-items:center;
  min-height:calc(var(--rule-h) * 2);padding:calc(var(--rule-h) / 2) 26px calc(var(--rule-h) / 2) 0;
  text-align:left;font:inherit;color:inherit}
@media (hover:hover){.inq-head:hover .t strong{color:var(--room)}}
.inq-head .n{font:600 12px/var(--rule-h) var(--mono);letter-spacing:.12em;color:var(--stone);
  font-variant-numeric:tabular-nums;text-align:center;transition:color var(--catch) var(--arrive)}
.inq-row[data-open="true"] .inq-head .n{color:var(--room)}
.inq-head .t strong{display:block;font:400 clamp(26px,2.8vw,42px)/var(--rule-h) var(--serif);
  letter-spacing:-.025em;transition:color var(--catch) var(--arrive)}
.inq-head .t small{display:block;font:400 15.5px/var(--rule-h) var(--serif);font-style:italic;color:var(--stone)}
.inq-row[data-open="true"] .inq-head .t strong{color:var(--room)}
/* the pencil check the pad keeps of what you have taken */
.inq-head .keep{justify-self:end;align-self:center;width:18px;height:18px;overflow:visible}
.inq-head .keep path{fill:none;stroke:var(--room);stroke-width:1.9;stroke-linecap:round;
  stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30}
.inq-row[data-kept="true"] .inq-head .keep path{stroke-dashoffset:0;
  transition:stroke-dashoffset var(--draw) var(--arrive)}

/* ── the page, opened ── */
.inq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--settle) var(--arrive)}
.inq-row[data-open="true"] .inq-panel{grid-template-rows:1fr}
.inq-panel>div{overflow:hidden}
.inq-body{position:relative;display:grid;grid-template-columns:var(--gutter) 1fr;
  padding:0 26px calc(var(--rule-h) * 1.5) 0;
  opacity:0;transform:translateY(10px);
  transition:opacity var(--settle) var(--arrive) var(--catch),transform var(--settle) var(--arrive) var(--catch)}
.inq-row[data-open="true"] .inq-body{opacity:1;transform:none}
/* the leaf lifts a little when it opens */
.inq-body::before{content:"";position:absolute;left:var(--gutter);right:26px;top:0;height:1px;
  background:var(--room);opacity:.4}
.inq-body .side{font:600 12px/var(--rule-h) var(--mono);letter-spacing:.12em;text-transform:uppercase;
  color:var(--stone);text-align:center}
.inq-body p{margin:0;max-width:52ch;font-size:17.5px;line-height:var(--rule-h);color:var(--graphite)}
.inq-body p.prompt{padding-top:var(--rule-h)}
/* the highlighter — one phrase, drawn once */


/* ─── the pen ───
   The author has been through the site with a pen. A few lines are highlighted, one word per page is circled,
   the way ARTIST is circled on the cover. The marks are fixed: they draw once as you scroll to them (draw, 1280ms)
   and then stay. At most one highlight and one circle per page. Reduced motion renders them landed. */
.pen{--w:0%;background-image:linear-gradient(var(--volt),var(--volt));background-repeat:no-repeat;background-size:var(--w) .82em;
  background-position:0 74%;padding:0 .08em;margin:0 -.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  transition:background-size var(--draw) var(--arrive)}
.pen.is-in{--w:100%}
.circ{position:relative;display:inline-block;white-space:nowrap}
.circ svg{position:absolute;left:-.5em;top:-.46em;width:calc(100% + 1em);height:calc(100% + .92em);overflow:visible;pointer-events:none}
.circ path{fill:none;stroke:var(--blue);stroke-width:1.9;stroke-linecap:round;
  stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--land) var(--arrive)}
.circ.is-in path{stroke-dashoffset:0}
@media (prefers-reduced-motion:reduce){.pen,.circ path{transition:none}}

.mark{font-weight:inherit;background-image:linear-gradient(var(--volt),var(--volt));background-repeat:no-repeat;
  background-position:0 88%;background-size:0 .62em;padding:0 2px;
  transition:background-size var(--draw) var(--arrive) var(--settle)}
.inq-row[data-open="true"] .mark{background-size:100% .62em}
.inq-body .prov{margin-top:var(--rule-h);max-width:none;font:600 12px/var(--rule-h) var(--mono);
  letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
.inq-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;line-height:var(--rule-h);
  margin-top:var(--rule-h)}
.inq-actions .close,.inq-back{appearance:none;background:transparent;border:0;cursor:pointer;padding:0;min-height:44px;
  font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--graphite)}
.inq-back{color:var(--room)}
.inq-actions .close:hover{color:var(--ink)}
.inq-back:hover{text-decoration:underline}

/* ══ TYPE ENTRANCES ══ */
.arrive{opacity:0;transform:translateY(14px)}
.arrive.in{opacity:1;transform:none;
  transition:opacity var(--settle) var(--arrive),transform var(--settle) var(--arrive)}

.quiet{padding:calc(var(--air-chapter) * 1.4) 0}
.statement{max-width:22ch;margin:0 auto;font:400 clamp(28px,3.4vw,52px)/1.14 var(--serif);
  letter-spacing:-.025em;text-wrap:balance;text-align:center}
.statement--turn{margin-top:var(--air-half);color:var(--graphite)}


/* ══ THE MOVEMENTS — the walk ══
   Seven rooms stacked and sticky. Each one holds the screen in its lane colour
   until the next slides over it. A line at the top names where you are and
   lets you jump. The walk ends at the book. */
.walk-cue{margin:34px 0 0;font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--stone)}
.walk-cue span{display:inline-block;margin-left:8px;animation:cue 2.56s var(--arrive) infinite}
@keyframes cue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){.walk-cue span{animation:none}}

.walk{position:relative;background:var(--ink)}
.walk-line{position:sticky;top:60px;z-index:40;display:grid;grid-template-columns:auto 1fr auto;gap:20px;
  align-items:center;padding:0 clamp(20px,4vw,54px);min-height:44px;
  background:var(--ink);color:var(--paper);border-bottom:1px solid rgba(252,250,245,.2);
  font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.walk-line b{font-weight:600;color:rgba(252,250,245,.6)}
.walk-line i{font:400 15px/1 var(--serif);font-style:normal;text-transform:none;letter-spacing:0;margin-left:8px;
  transition:opacity var(--catch) var(--arrive)}
.walk-line.turning i{opacity:0}
.wl-right{color:rgba(252,250,245,.6);font-variant-numeric:tabular-nums}
.walk-plan{display:flex;gap:5px;justify-self:center}
.walk-plan button{appearance:none;border:0;cursor:pointer;width:30px;height:44px;padding:0;background:transparent;position:relative}
.walk-plan button::before{content:"";position:absolute;left:2px;right:2px;top:17px;height:10px;background:var(--c);opacity:.6;
  transition:opacity var(--catch) var(--arrive),transform var(--catch) var(--arrive)}
.walk-plan button[aria-current="true"]::before{opacity:1;transform:scaleY(1.6)}
.walk-plan button:hover::before{opacity:1}
.walk-plan button:focus-visible{outline:2px solid var(--volt);outline-offset:2px}

.stop{position:sticky;top:104px;min-height:calc(100svh - 104px);overflow:hidden;
  background:var(--paper);color:var(--ink);border-top:1px solid var(--ink);
  --c:rgba(252,250,245,.55);--gap:34px;
  --on:#14110D;--on-2:#3A352E;--on-3:#555566;--rule-on:#D6CDB8;
  --panel:clamp(180px,30%,440px)}
.stop :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* the field: one colour, one side. The copy never sits on it. */
.stop-ground{position:absolute;left:0;top:0;bottom:0;width:var(--panel);background:var(--ground)}
.stop-ground::before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.10;mix-blend-mode:screen}
.stop-ground::after{content:"";position:absolute;inset:0;opacity:.14}
.stop[data-hand="rule"]   .stop-ground::after{background-image:repeating-linear-gradient(180deg,var(--c) 0 1px,transparent 1px var(--gap))}
.stop[data-hand="column"] .stop-ground::after{background-image:repeating-linear-gradient(90deg,var(--c) 0 1px,transparent 1px var(--gap))}
.stop[data-hand="graph"]  .stop-ground::after{background-image:repeating-linear-gradient(180deg,var(--c) 0 1px,transparent 1px var(--gap)),repeating-linear-gradient(90deg,var(--c) 0 1px,transparent 1px var(--gap))}
.stop[data-hand="dot"]    .stop-ground::after{background-image:radial-gradient(var(--c) 1.4px,transparent 1.5px);background-size:var(--gap) var(--gap)}
.stop[data-hand="weave"]  .stop-ground::after{background-image:repeating-linear-gradient(180deg,var(--c) 0 3px,transparent 3px calc(var(--gap)*1.5)),repeating-linear-gradient(90deg,var(--c) 0 3px,transparent 3px calc(var(--gap)*1.5))}
.stop[data-hand="tick"]   .stop-ground::after{background-image:repeating-linear-gradient(90deg,var(--c) 0 1.6px,transparent 1.6px calc(var(--gap)*.5));-webkit-mask-image:repeating-linear-gradient(180deg,#000 0 8px,transparent 8px calc(var(--gap)*1.5));mask-image:repeating-linear-gradient(180deg,#000 0 8px,transparent 8px calc(var(--gap)*1.5))}
.stop[data-hand="open"]   .stop-ground::after{background-image:radial-gradient(var(--c) 2.6px,transparent 2.7px);background-size:calc(var(--gap)*2.6) calc(var(--gap)*2.6)}

.stop-inner{position:relative;display:grid;grid-template-columns:var(--panel) minmax(0,1fr);gap:0;
  min-height:calc(100svh - 104px)}
/* the number lives in the field, in Paper */
.stop-num{padding:clamp(28px,5vh,56px) clamp(18px,2.4vw,34px);
  font:400 clamp(88px,12vw,190px)/.76 var(--serif);letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:var(--paper);
  align-self:start;opacity:0;transform:translateY(14px);transition:opacity var(--settle) var(--arrive),transform var(--settle) var(--arrive)}
.stop.in .stop-num{opacity:1;transform:none}
/* the copy: paper, ink, air */
.stop-body{max-width:78ch;align-self:start;padding:clamp(36px,6vh,72px) clamp(24px,4.5vw,72px) clamp(48px,7vh,88px)}
.stop-plate{display:block;font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--on-3)}
.stop-plate em{font-style:normal;color:var(--ground)}
.stop-title{margin:12px 0 0;font:400 clamp(44px,5.8vw,92px)/.9 var(--serif);letter-spacing:-.04em;color:var(--on)}
.stop-title em{font-style:italic;color:var(--ground)}
.stop-head{margin:22px 0 0;font:400 clamp(20px,2vw,26px)/1.3 var(--serif);font-style:italic;color:var(--ground);max-width:30ch}
/* the book's line is set off as a quotation: a rule in the lane, an inset, ink */
.stop-line{margin:32px 0 0;padding-left:18px;border-left:2px solid var(--ground);
  font:400 18px/1.55 var(--sans);color:var(--on-2);max-width:52ch}
.stop-line .folio{color:var(--on-3);font-size:12px}
.stop-cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,4vw,72px);margin-top:48px;
  padding-top:26px;border-top:1px solid var(--ink)}
.stop .lbl{display:block;font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--on-3);white-space:nowrap}
.stop-gift ul{list-style:none;margin:10px 0 0;padding:0}
.stop-gift li{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:baseline;padding:10px 0;
  border-top:1px solid var(--rule-on);font:400 17.5px/1.42 var(--serif);color:var(--on);
  opacity:0;transform:translateY(6px);transition:opacity var(--settle) var(--arrive),transform var(--settle) var(--arrive)}
.stop.in .stop-gift li{opacity:1;transform:none;transition-delay:calc(var(--k) * var(--tick) + var(--catch))}
.stop-gift li i{display:block;width:9px;height:9px;background:var(--ground);align-self:center}
.stop-pair strong{display:block;margin-top:10px;font:400 clamp(22px,2.2vw,30px)/1.06 var(--serif);letter-spacing:-.02em;color:var(--on)}
.stop-pair p{margin:12px 0 0;font:400 16px/1.55 var(--sans);color:var(--on-2);max-width:44ch}
.stop-pair .btn{margin-top:16px;min-height:44px;white-space:nowrap}
/* the chapter list is content, not evidence: sans, readable */
.stop-toc{margin-top:22px;padding-top:14px;border-top:1px solid var(--rule-on);font:400 14.5px/1.6 var(--sans);color:var(--on-2);max-width:48ch}
.stop-toc b{font-weight:600;color:var(--on)}
/* the type has one entrance, then it is still */
.stop-title,.stop-head,.stop-line,.stop-cols{opacity:0;transform:translateY(8px);
  transition:opacity var(--settle) var(--arrive),transform var(--settle) var(--arrive)}
.stop.in .stop-title{opacity:1;transform:none;transition-delay:var(--tick)}
.stop.in .stop-head{opacity:1;transform:none;transition-delay:calc(var(--tick)*2)}
.stop.in .stop-line{opacity:1;transform:none;transition-delay:calc(var(--tick)*3)}
.stop.in .stop-cols{opacity:1;transform:none;transition-delay:calc(var(--tick)*4)}

/* the last room — the book sits in the field, the copy on paper */
.stop--book .stop-inner--book{grid-template-columns:var(--panel) minmax(0,1fr)}
.stop--book .book-cover{position:relative;display:grid;place-items:center;padding:clamp(28px,5vh,56px) clamp(18px,2.4vw,34px)}
.book-cover img{width:100%;max-width:340px;height:auto;box-shadow:16px 20px 0 rgba(0,0,0,.35)}
.book-cover .cover-standin{width:100%;max-width:340px;box-shadow:16px 20px 0 rgba(0,0,0,.35)}
.stop--book .book-copy{padding:clamp(36px,6vh,72px) clamp(24px,4.5vw,72px) clamp(48px,7vh,88px);align-self:center}
.book-copy .stop-title{max-width:12ch}
.btn--paper{border-color:var(--ink);color:var(--ink)}
.btn--paper:hover{background:var(--ink);color:var(--paper)}
.signup{margin-top:38px;padding-top:26px;border-top:1px solid var(--ink);max-width:52ch}
.signup .lbl{color:var(--on-3)}
.signup-row{display:grid;grid-template-columns:1fr auto;margin-top:12px;border:1px solid var(--ink)}
.signup input{appearance:none;background:transparent;border:0;color:var(--ink);min-height:50px;padding:0 16px;
  font:400 16px var(--sans);min-width:0}
.signup input::placeholder{color:var(--stone)}
.signup input:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.signup button{appearance:none;cursor:pointer;border:0;border-left:1px solid var(--ink);background:transparent;
  color:var(--ink);padding:0 18px;font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.signup button:hover{background:var(--ink);color:var(--paper)}
.signup button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.signup-note{margin:10px 0 0;font:400 13.5px/1.5 var(--sans);color:var(--on-3)}
.signup.done .signup-row{display:none}
.signup.done .signup-note{color:var(--pine)}

@media(max-width:1024px){
  .stop{--panel:100%}
  .stop-ground{width:100%;bottom:auto;height:150px}
  .stop-inner{grid-template-columns:1fr;grid-template-rows:150px auto}
  .stop-num{padding:22px clamp(20px,4vw,40px);font-size:clamp(64px,14vw,104px);align-self:end}
  .stop-body{padding-top:28px}
  .stop-cols{grid-template-columns:1fr}
  .stop--book .stop-inner--book{grid-template-columns:1fr;grid-template-rows:auto auto}
  .stop--book .stop-ground{height:auto;bottom:0}
  .stop--book .book-cover{padding:32px 24px}
  .book-cover img,.book-cover .cover-standin{max-width:220px}
  .stop--book .book-copy{background:var(--paper);position:relative}
}
@media(max-width:680px){
  .walk-line{top:104px;grid-template-columns:1fr auto}
  .walk-plan{display:none}
  .stop{top:148px;min-height:calc(100svh - 148px)}
  .stop-inner{min-height:calc(100svh - 148px);grid-template-rows:120px auto}
  .stop-ground{height:120px}
  .stop-num{font-size:72px;padding:16px 20px}
  .signup-row{grid-template-columns:1fr}
  .signup button{border-left:0;border-top:1px solid var(--ink);min-height:46px}
}
@media(prefers-reduced-motion:reduce){
  .stop-num,.stop-title,.stop-head,.stop-line,.stop-cols,.stop-gift li{opacity:1;transform:none}
  .stop{position:relative;top:auto}
}
@media(prefers-contrast:more){
  .stop{--on-2:#14110D;--on-3:#14110D;--rule-on:#14110D}
  .stop-ground::after,.stop-ground::before{display:none}
  .stop-head,.stop-plate em{color:var(--on)}
}

/* ══ LEGAL — the same page, quieter ══ */
.legal{padding:clamp(48px,7vh,96px) 0 clamp(80px,10vh,140px)}
.legal-wrap{max-width:1420px;margin:0 auto;padding:0 clamp(20px,4vw,54px);display:grid;grid-template-columns:minmax(180px,.36fr) 1fr}
.legal-sec{grid-column:2;max-width:62ch;padding:clamp(28px,4vh,44px) 0;border-top:1px solid var(--hair)}
.legal-sec:first-child{border-top:0;padding-top:0}
.legal-sec h2{margin:0;font:400 clamp(26px,2.6vw,36px)/1.08 var(--serif);letter-spacing:-.025em}
.legal-sec h3{margin:26px 0 0;font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--stone)}
.legal-sec p{margin:14px 0 0;font:400 17px/1.62 var(--sans);color:var(--graphite)}
.legal-sec p b{font-weight:600;color:var(--ink)}
.legal-sec a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
.legal-sec a:hover{background-image:linear-gradient(var(--volt),var(--volt));background-repeat:no-repeat;background-size:100% 40%;background-position:0 90%;text-decoration:none}
@media(max-width:1024px){.legal-wrap{grid-template-columns:1fr}.legal-sec{grid-column:1}}


/* ══ COLOPHON ══ */
.colo{background:var(--cream);border-top:var(--rule);padding:clamp(72px,11vh,140px) clamp(20px,4vw,54px) clamp(64px,9vh,112px);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.colo-mark{width:clamp(150px,18vw,240px);height:auto;margin:0 0 34px}
.colo-name{margin:0;font:600 clamp(15px,1.5vw,20px) var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);
  background-image:linear-gradient(var(--bone),var(--bone));background-repeat:no-repeat;background-size:100% 55%;background-position:0 70%;padding:0 6px}
.colo-cities{margin:12px 0 0;font:500 12px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--stone)}
.colo-cities span{margin:0 10px;color:var(--blue)}
.colo-line{margin:clamp(36px,5vh,56px) 0 0;max-width:30ch;font:400 clamp(17px,1.6vw,20px)/1.45 var(--serif);font-style:italic;color:var(--graphite)}
.colo-folio{display:block;margin-top:12px;font:500 12px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--stone);font-style:normal}
.colo-folio:empty{display:none}
.colo-next{margin:14px 0 0;padding:6px 0;border:0;background:none;font:500 12px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--stone);cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--stone)}
.colo-next:hover,.colo-next:focus-visible{color:var(--ink)}
.colo-social{display:flex;gap:26px;margin-top:clamp(30px,4vh,44px);flex-wrap:wrap;justify-content:center}
.colo-social a{font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;
  min-height:44px;display:inline-flex;align-items:center;
  background-image:linear-gradient(var(--volt),var(--volt));background-repeat:no-repeat;background-size:0 3px;background-position:0 78%;
  transition:background-size var(--catch) var(--arrive)}
.colo-social a:hover,.colo-social a:focus-visible{background-size:100% 3px}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr}
  .hero-copy{border-right:0;border-bottom:var(--rule)}
  .hero-cover{min-height:620px}
  .quotes{grid-template-columns:1fr}
  .quote{border-right:0;border-bottom:1px solid rgba(252,250,245,.28);min-height:240px}
  .doors button{grid-template-columns:minmax(180px,.6fr) 1fr;min-height:0}
  .doors .door-foot{grid-column:2;justify-content:flex-start}
  .movements,.inquiries{grid-template-columns:1fr}
  .mv,.inq{border-right:0}
  .plates{grid-template-columns:repeat(2,1fr)}
  .shelf-head{grid-template-columns:1fr}
  .shelf-head>div:first-child{border-right:0;border-bottom:1px solid var(--hair)}
  .local-order{grid-template-columns:1fr}
  .final{grid-template-columns:1fr}
  .final .l{border-right:0;border-bottom:var(--rule)}
  .split,.sechead{grid-template-columns:1fr}
  .split>div:first-child,.sechead>div:first-child{border-right:0;border-bottom:1px solid var(--hair)}
  .colophon{grid-template-columns:repeat(2,1fr)}
  .colophon div:nth-child(2n){border-right:0}
  .colophon div:nth-child(-n+2){border-bottom:1px solid var(--hair)}
  /* no sticky rail on narrow screens — it becomes a banner, and every row
     carries its own room colour on the left edge instead */
  .mvts{grid-template-columns:1fr}
  .mvt-rail{display:none}
  .mv-head::before{width:6px}
}
@media(max-width:680px){
  .masthead{grid-template-columns:1fr auto}.nav{grid-column:1/-1;grid-row:2;border-top:1px solid var(--hair)}
  .wordmark{padding-left:16px}.cta{padding:0 16px}
  .hero-copy{padding-top:54px;padding-bottom:54px}
  .hero-cover{min-height:auto;padding:64px 34px 82px}
  .hero-cover img{width:min(86%,360px);box-shadow:18px 22px 0 rgba(0,0,0,.22),0 24px 60px rgba(0,0,0,.24)}
  .doors button{grid-template-columns:1fr;gap:24px;padding:54px 24px}
  .doors .door-foot{grid-column:1;justify-content:space-between}
  .plates{grid-template-columns:1fr}
  .plate-r{min-height:0}
  .proofline{grid-template-columns:1fr}
  .proof{border-right:0;border-bottom:1px solid var(--hair)}
  .proof:last-child{border-bottom:0}
  .change{grid-template-columns:44px 1fr}
  .change p{grid-column:2}
  .shop{grid-template-columns:44px 1fr}
  .shop .act{grid-column:2;text-align:left;padding-top:8px}
  .fieldnote p{margin-left:8%;max-width:15ch}
  .colophon{grid-template-columns:1fr}
  .colophon div{border-right:0;border-bottom:1px solid var(--hair)}
  .colophon div:last-child{border-bottom:0}
  .mv-head{grid-template-columns:1fr auto;gap:18px}
  .mv-cols{grid-template-columns:1fr}
  .mv-num{grid-column:1;padding-top:0}
  .mv-title{grid-column:1/-1}
  .mv-sign{grid-column:2;grid-row:1}
  .inq-ledger .ttl{font-size:13px}
  .inq-ledger .kept{display:none}
  /* the pad on a small desk: narrower gutter, tabs tucked inside the edge */
  .inq-desk{padding-left:12px;padding-right:12px}
  .inq-list{--gutter:52px;--rule-h:30px;box-shadow:8px 10px 0 rgba(20,17,13,.16)}
  .inq-tab{right:0;width:10px}
  .inq-row[data-open="true"] .inq-tab{width:16px}
  @media (hover:hover){.inq-row:hover .inq-tab{transform:none}}
  .inq-head{grid-template-columns:var(--gutter) 1fr 24px;padding-right:16px}
  .inq-head .t strong{font-size:26px}
  .inq-head .t small{font-size:14px}
  .inq-body{padding-right:16px;grid-template-columns:14px 1fr}
  .inq-body .side{display:none}
  .inq-plate{padding-right:16px}
  .inq-plate b{font-size:16px}
  .inq-plate span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .arrive{opacity:1;transform:none}
  /* law 10 — reduced motion is a full render, landed */
  .inq-body,.mv-inner{opacity:1;transform:none}
  .mv-hand path{stroke-dashoffset:0}
}
@media print{
  .masthead,.skip{display:none}
  .view{display:block!important}
  body{background:#fff}
}

/* ══ v31 — the eight-section homepage ══ */
/* 03 · the experiment: a near-empty screen. A rule draws itself across in ten seconds. */
.experiment{min-height:90svh;display:grid;place-items:center;text-align:center;
  padding:clamp(80px,12vw,160px) clamp(24px,6vw,86px);background:var(--paper);border-bottom:var(--rule)}
.experiment .inner{max-width:640px;margin:0 auto}
.experiment .display{font-size:clamp(52px,7vw,104px);max-width:9ch;margin:0 auto}
.experiment .ten{margin:34px 0 0;font:600 12px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--stone)}
.experiment .ten b{display:block;font:400 clamp(22px,2.4vw,32px)/1 var(--serif);letter-spacing:-.02em;
  text-transform:none;color:var(--ink);margin-top:10px;font-variant-numeric:tabular-nums}
.experiment .wait{position:relative;height:2px;background:var(--hair);margin:40px auto;max-width:360px;overflow:hidden}
.experiment .wait i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink)}
.experiment.is-in .wait i{width:100%;transition:width 10s linear}
.experiment .try{margin:0 auto;max-width:36ch;font:400 clamp(19px,1.8vw,24px)/1.4 var(--serif);color:var(--graphite);
  opacity:0;transform:translateY(8px);transition:opacity var(--settle) var(--arrive),transform var(--settle) var(--arrive)}
.experiment.is-in .try{opacity:1;transform:none}
.experiment .after{margin:34px auto 0;max-width:26ch;font:400 clamp(24px,2.8vw,40px)/1.12 var(--serif);letter-spacing:-.02em;
  opacity:0;transform:translateY(10px);transition:opacity var(--settle) var(--arrive) 10s,transform var(--settle) var(--arrive) 10s}
.experiment.is-in .after{opacity:1;transform:none}
.experiment .after b{font-weight:400;background-image:linear-gradient(var(--volt),var(--volt));background-repeat:no-repeat;
  background-size:100% .62em;background-position:0 88%}
@media (prefers-reduced-motion:reduce){
  .experiment .wait i{width:100%!important}
  .experiment .try,.experiment .after{opacity:1!important;transform:none!important;transition:none!important}}

/* 04 · the studio: the media, set as a ledger */
.media{list-style:none;margin:32px 0 0;padding:0;border-top:var(--rule);max-width:640px}
.media li{display:grid;grid-template-columns:minmax(120px,.4fr) 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--hair);
  font:400 clamp(18px,1.7vw,22px)/1.3 var(--serif);letter-spacing:-.01em}
.media li span:first-child{font:600 12px/2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.media li span:last-child{color:var(--ink)}
.also{margin:26px 0 0;max-width:40ch;font:400 clamp(18px,1.7vw,22px)/1.4 var(--serif);color:var(--graphite)}

/* 05 · together: the list of things nobody made alone */
.nobody{margin:0;padding:0;list-style:none;border-top:var(--rule);max-width:520px}
.nobody li{padding:14px 0;border-bottom:1px solid var(--hair);font:400 clamp(22px,2.4vw,34px)/1.05 var(--serif);letter-spacing:-.02em}
.nobody li:first-child{color:var(--stone)}

/* 06 · practice: the noticing list, set on rules like the pad */
.notice{margin:34px 0 0;padding:0;list-style:none;max-width:56ch;--rule-h:44px;
  background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--rule-h) - 1px),rgba(105,99,90,.38) calc(var(--rule-h) - 1px) var(--rule-h));
  background-size:100% var(--rule-h)}
.notice li{font:400 clamp(18px,1.8vw,24px)/var(--rule-h) var(--serif);color:var(--ink);padding-left:30px;text-indent:-30px}
.notice li::before{content:"—";color:var(--room);margin-right:12px}
.stake{margin:0;max-width:26ch;font:400 clamp(26px,3vw,44px)/1.1 var(--serif);letter-spacing:-.025em}

/* 08 · the close carries the pointer, small */
.final .r .pointer{max-width:34ch;font:400 17px/1.55 var(--sans);color:var(--graphite)}
.final .r .pointer b{font-weight:600;color:var(--ink)}
.byline{padding:26px clamp(20px,3vw,38px);border-bottom:var(--rule);background:var(--cream);
  font:400 15px/1.55 var(--sans);color:var(--graphite);max-width:none}
.byline p{margin:0;max-width:72ch}

/* ══ v32 — the questions, set cleaner ══
   One centred column, one hair rule per question, a plus that turns. No alternating fills. */
.home-faq{background:#fff;padding:clamp(72px,10vw,140px) clamp(20px,4vw,54px)}
.home-faq .sechead{display:block;border:0;background:transparent;max-width:760px;margin:0 auto 18px;text-align:center}
.home-faq .sechead>div{padding:0;border:0}
.home-faq .sechead .eyebrow{display:block;margin-bottom:18px}
.home-faq .sechead .h2{max-width:none!important;margin:0 auto;font-size:clamp(34px,3.8vw,56px)}
.home-faq .sechead .body{margin:14px auto 0;max-width:44ch;text-align:center;font-size:17px}
.home-faq details,.home-faq details:nth-of-type(even){background:transparent;max-width:760px;margin:0 auto;border-bottom:1px solid var(--hair)}
.home-faq details:first-of-type{border-top:1px solid var(--hair);margin-top:34px}
.home-faq summary{display:block;position:relative;padding:24px 44px 24px 0;font:500 clamp(18px,1.7vw,21px)/1.35 var(--sans);letter-spacing:0;color:var(--ink)}
.home-faq summary em{font-style:italic;font-family:var(--serif);font-size:1.08em}
.home-faq summary::after{content:"";position:absolute;right:2px;top:50%;margin-top:-7px;width:14px;height:14px;
  background:
    linear-gradient(var(--ink),var(--ink)) center/100% 1.5px no-repeat,
    linear-gradient(var(--ink),var(--ink)) center/1.5px 100% no-repeat;
  transition:transform var(--catch) var(--arrive)}
.home-faq details[open] summary::after{content:"";transform:rotate(45deg)}
.home-faq .a{padding:0 0 26px;max-width:62ch;font-size:17px;line-height:1.6;color:var(--graphite)}
.home-faq .a p:first-child{font-size:17px}
.home-faq .a p{margin:0 0 12px}
@media (hover:hover){.home-faq summary:hover{color:var(--blue)}}

/* ══ v32 — the letter ══
   The site's own "stay in the loop": a folded field note, drawn by hand, and one honest sentence. */
.letter{background:var(--paper);border-top:var(--rule);border-bottom:var(--rule);
  padding:clamp(64px,9vw,120px) clamp(20px,4vw,54px)}
.letter-inner{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(150px,.34fr) 1fr;
  gap:clamp(28px,5vw,72px);align-items:center}
.letter-art{width:100%;max-width:260px;height:auto;overflow:visible;justify-self:center}
.letter-art .s{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.letter-art .r{fill:none;stroke:var(--stone);stroke-width:1.2;stroke-linecap:round;opacity:.7}
.letter-art .f{fill:var(--cream)}
.letter-art .k{fill:none;stroke:var(--blue);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset var(--draw) var(--arrive) var(--catch)}
.letter.is-in .letter-art .k{stroke-dashoffset:0}
.letter .h2{font-size:clamp(34px,3.8vw,56px);max-width:12ch}
.letter .body{margin-top:16px;font-size:18px;max-width:46ch}
.letter .signup{margin-top:26px;padding-top:0;border-top:0;max-width:52ch}
.letter .signup .lbl{font:600 12px/1.5 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--stone)}
.letter .signup-row{background:#fff}
.letter .signup input{font:400 16px var(--sans)}
.letter .signup button{font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:0 20px}
.letter .signup-note{color:var(--stone)}
.letter .signup.done .signup-row{display:none}
.letter .signup.done .signup-note{color:var(--ink);font:400 17px/1.5 var(--serif)}
@media(max-width:680px){
  .letter-inner{grid-template-columns:1fr}
  .letter-art{max-width:180px;justify-self:start}
  .home-faq summary{padding:20px 0}
}
@media (prefers-reduced-motion:reduce){.letter-art .k{stroke-dashoffset:0!important}}

/* ══ v33 — FIELD NOTES AS A FIELD ══
   After the standalone draft 02: one living ground, twelve titles set large, each opening to take
   the viewport. Rebuilt inside the site, widened, sized up, and measured for contrast.
   Reading text is Ink only. Labels are 12px minimum. The ground is mixed further toward paper
   so Ink clears 7:1 on every body of colour; the lane keeps its identity in the big number. */
body.field-on{--fx-gutter:clamp(24px,5vw,72px)}
.fx-ground{position:fixed;inset:0;z-index:0;width:100%;height:100%;display:none}
.fx-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.45;display:none;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
body.field-on .fx-ground,body.field-on .fx-grain{display:block}
body.field-on .masthead{background:rgba(252,250,245,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#v-notes{position:relative;z-index:2;background:transparent}
#v-notes .band{background:transparent}
.fx-wrap{max-width:1480px;margin:0 auto}
.fx-eyebrow{font:600 12px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}

/* the arrival */
.fx-arrive{min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(64px,10vh,120px) var(--fx-gutter) clamp(44px,7vh,88px)}
.fx-arrive h1{margin:18px 0 0;font:400 clamp(60px,10vw,168px)/.86 var(--serif);letter-spacing:-.045em;max-width:9ch}
.fx-arrive h1 em{font-style:italic}
.fx-sub{display:grid;grid-template-columns:minmax(200px,.36fr) 1fr;gap:28px;margin-top:clamp(28px,4vh,48px);border-top:var(--rule);padding-top:24px}
.fx-sub p{margin:0;font:400 clamp(20px,1.8vw,26px)/1.4 var(--serif);letter-spacing:-.012em;max-width:40ch;color:var(--ink)}
.fx-down{margin-top:34px;display:inline-flex;align-items:center;gap:12px;min-height:44px;font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;color:var(--ink);background-image:linear-gradient(var(--ink),var(--ink));background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;padding-bottom:6px;cursor:pointer;border:0;background-color:transparent;align-self:flex-start}

/* the standfirst */
.fx-stand{padding:clamp(48px,8vh,104px) var(--fx-gutter);display:grid;grid-template-columns:minmax(200px,.36fr) 1fr;gap:28px;border-top:var(--rule)}
.fx-stand p{margin:0;font:400 clamp(21px,1.9vw,28px)/1.42 var(--serif);letter-spacing:-.012em;max-width:50ch;color:var(--ink)}

/* the list: twelve titles, set large */
.fx-list{position:relative;border-top:var(--rule)}
.fx-line{position:sticky;top:60px;z-index:5;display:grid;grid-template-columns:1fr auto;padding:12px var(--fx-gutter);border-bottom:1px solid var(--hair);
  background:rgba(252,250,245,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.fx-line .now{font-variant-numeric:tabular-nums}
.fx-row{display:grid;grid-template-columns:minmax(72px,.12fr) 1fr auto;align-items:baseline;gap:24px;padding:clamp(24px,3.6vh,44px) var(--fx-gutter);
  border-bottom:1px solid var(--hair);text-align:left;width:100%;appearance:none;background:transparent;border-left:0;border-right:0;border-top:0;
  cursor:pointer;font:inherit;color:inherit;transition:background var(--catch) var(--arrive)}
.fx-row .n{font:500 13px var(--mono);letter-spacing:.14em;color:var(--ink);font-variant-numeric:tabular-nums}
.fx-row h2{margin:0;font:400 clamp(34px,5vw,80px)/.96 var(--serif);letter-spacing:-.035em;color:var(--ink)}
.fx-row .noun{display:block;margin-top:10px;font:400 clamp(16px,1.3vw,20px)/1.3 var(--serif);font-style:italic;color:var(--ink);opacity:.72;letter-spacing:0}
.fx-row .mark{width:14px;height:14px;position:relative;align-self:center;opacity:.6;transition:transform var(--catch) var(--arrive),opacity var(--catch)}
.fx-row .mark::before,.fx-row .mark::after{content:"";position:absolute;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%)}
.fx-row .mark::before{width:14px;height:2px}.fx-row .mark::after{width:2px;height:14px}
@media (hover:hover){.fx-row:hover{background:rgba(252,250,245,.38)}.fx-row:hover .mark{opacity:1;transform:rotate(90deg)}}
.fx-row:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.fx-row[data-kept="true"] .n::after{content:" ✓";color:var(--blue)}

/* the note, open: one panel per note, two breaks, a close */
.fx-note{position:fixed;inset:0;z-index:120;display:none;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch}
.fx-note.on{display:block}
body.field-open{overflow:hidden}
body.field-open main,body.field-open .masthead,body.field-open .letter,body.field-open .colo,body.field-open .foot{visibility:hidden}
.fx-bar{position:fixed;left:0;right:0;top:0;z-index:130;display:none;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:64px;padding:0 var(--fx-gutter);
  border-bottom:1px solid var(--hair);background:rgba(252,250,245,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
body.field-open .fx-bar{display:grid}
.fx-bar .meter{height:2px;background:rgba(20,17,13,.16);position:relative}
.fx-bar .meter i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink);transition:opacity var(--catch) var(--arrive)}
.fx-bar .cnt{font-variant-numeric:tabular-nums}
.fx-ring{position:relative;width:48px;height:48px;display:grid;place-items:center;justify-self:end;appearance:none;background:transparent;border:0;padding:0;cursor:pointer}
.fx-ring svg{position:absolute;inset:0;width:48px;height:48px;transform:rotate(-90deg)}
.fx-ring circle{fill:none;stroke-width:1.5}
.fx-ring .track{stroke:rgba(20,17,13,.2)}
.fx-ring .fill{stroke:var(--ink);stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--settle) var(--arrive)}
.fx-ring b{font:400 16px var(--serif);letter-spacing:-.02em;color:var(--ink);transition:opacity var(--tick)}
.fx-ring .x{position:absolute;width:14px;height:14px;opacity:0;transition:opacity var(--tick)}
.fx-ring .x::before,.fx-ring .x::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%) rotate(45deg)}
.fx-ring .x::after{transform:translate(-50%,-50%) rotate(-45deg)}
.fx-ring:hover b,.fx-ring:focus-visible b{opacity:0}.fx-ring:hover .x,.fx-ring:focus-visible .x{opacity:1}
.fx-ring:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:50%}
.fx-ring-lbl{font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);justify-self:end}

.fx-panel{min-height:100svh;scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr auto;padding:92px var(--fx-gutter) clamp(28px,5vh,48px);position:relative;
  max-width:1480px;margin:0 auto}
.fx-panel>*{opacity:.35;transform:translateY(12px);transition:opacity var(--settle) var(--arrive),transform var(--settle) var(--arrive)}
.fx-panel.in>*{opacity:1;transform:none}
.fx-top{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:baseline;font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);
  border-bottom:var(--rule);padding-bottom:14px}
.fx-top .big{font:400 clamp(48px,7vw,112px)/.85 var(--serif);letter-spacing:-.04em;color:var(--lane,var(--ink));text-transform:none}
/* the body: the reading order is the hierarchy. Head on the left. Prompt, question, then the book, on the right. */
.fx-body{display:grid;grid-template-columns:minmax(240px,.38fr) 1fr;gap:clamp(28px,5vw,88px);align-content:center;padding:clamp(28px,5vh,64px) 0}
.fx-body h3{margin:0;font:400 clamp(40px,5.6vw,92px)/.94 var(--serif);letter-spacing:-.04em;color:var(--ink);max-width:11ch}
.fx-body .noun{margin:22px 0 0;font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.fx-body .noun b{display:block;margin-top:8px;font:400 clamp(20px,1.7vw,25px)/1.25 var(--serif);font-style:italic;letter-spacing:0;text-transform:none;font-weight:400}
.fx-body .prompt{margin:0;font:400 clamp(23px,2.2vw,33px)/1.38 var(--serif);letter-spacing:-.012em;color:var(--ink);max-width:36ch}
.fx-body .q{margin:22px 0 0;font:400 clamp(26px,2.6vw,40px)/1.2 var(--serif);letter-spacing:-.02em;color:var(--ink);max-width:28ch}
.fx-body .q b{font-weight:400;background-image:linear-gradient(var(--volt),var(--volt));background-repeat:no-repeat;background-size:100% 42%;background-position:0 82%}
.fx-body .epi{margin:clamp(28px,4vh,44px) 0 0;padding:20px 0 0 22px;border-left:2px solid var(--ink);max-width:40ch}
.fx-body .epi q{quotes:"“" "”";font:400 clamp(20px,1.8vw,26px)/1.32 var(--serif);font-style:italic;letter-spacing:-.012em;color:var(--ink)}
.fx-body .epi small{display:block;margin-top:12px;font:500 12px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.fx-body .carry{margin:26px 0 0;font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);opacity:.8}
.fx-foot{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;border-top:var(--rule);padding-top:16px}
.fx-foot .acts{display:flex;gap:28px;flex-wrap:wrap}
.fx-foot button,.fx-foot a,.fx-brk a.lnk,.fx-brk button:not(.btn){font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);text-decoration:none;min-height:44px;
  display:inline-flex;align-items:center;gap:10px;appearance:none;background:transparent;border:0;padding:0;cursor:pointer;
  background-image:linear-gradient(var(--ink),var(--ink));background-repeat:no-repeat;background-size:0 2px;background-position:0 88%;transition:background-size var(--catch) var(--arrive)}
.fx-foot button:hover,.fx-foot a:hover,.fx-foot button:focus-visible,.fx-foot a:focus-visible,.fx-brk a.lnk:hover,.fx-brk button:not(.btn):hover{background-size:100% 2px}
.fx-foot .keep svg{width:16px;height:16px;overflow:visible}
.fx-foot .keep path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30}
.fx-foot .keep[aria-pressed="true"] path{stroke-dashoffset:0;transition:stroke-dashoffset var(--draw) var(--arrive)}
.fx-foot .where{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.8;text-align:center}
.fx-foot .next{justify-self:end;display:flex;gap:24px}
/* a break: paper for a breath */
.fx-brk{align-content:center;justify-items:start}
.fx-brk .fx-eyebrow{margin-bottom:22px}
.fx-brk h3{margin:0;font:400 clamp(40px,6.6vw,116px)/.9 var(--serif);letter-spacing:-.045em;max-width:12ch;color:var(--ink)}
.fx-brk p{margin:24px 0 0;font:400 clamp(20px,1.8vw,27px)/1.4 var(--serif);color:var(--ink);max-width:36ch}
.fx-brk .row2{display:flex;gap:30px;flex-wrap:wrap;margin-top:34px;align-items:center}
.fx-brk .btn{background:var(--volt)}
.fx-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* the end of the page */
.fx-end{border-top:var(--rule);padding:clamp(56px,9vh,120px) var(--fx-gutter);display:grid;grid-template-columns:minmax(200px,.36fr) 1fr;gap:28px}
.fx-end h2{margin:0;font:400 clamp(36px,4.6vw,72px)/.94 var(--serif);letter-spacing:-.035em;max-width:12ch}
.fx-end p{margin:22px 0 0;font:400 clamp(19px,1.6vw,24px)/1.4 var(--serif);color:var(--ink);max-width:32ch}
.fx-end .btns{margin-top:30px}

@media(max-width:900px){
  .fx-sub,.fx-stand,.fx-end,.fx-body{grid-template-columns:1fr}
  .fx-row{grid-template-columns:48px 1fr auto;gap:16px}
  .fx-top .big{font-size:clamp(40px,12vw,64px)}
  .fx-foot{grid-template-columns:1fr;gap:12px}.fx-foot .next{justify-self:start}.fx-foot .where{text-align:left}
  .fx-panel{padding-top:84px}
  .fx-body h3{max-width:none}
  .fx-bar .lbl-long,.fx-ring-lbl{display:none}
}
@media (prefers-reduced-motion:reduce){
  .fx-row,.fx-row .mark,.fx-panel>*,.fx-bar .meter i,.fx-ring .fill{transition:none!important}
  .fx-panel>*{opacity:1;transform:none}
}
@media (prefers-contrast:more){
  .fx-grain{display:none!important}
  .fx-row .noun,.fx-body .carry,.fx-foot .where{opacity:1}
}

/* v34 — readable editorial scale and predictable navigation */
.signup input:disabled{color:var(--stone);cursor:not-allowed}
.signup button:disabled{background:var(--cream);color:var(--stone);cursor:not-allowed}
.signup button:disabled:hover{background:var(--cream);color:var(--stone)}
:root{--header-h:68px;--air-chapter:clamp(64px,9vw,128px);--air-half:clamp(36px,5vw,72px)}
html{scroll-padding-top:calc(var(--header-h) + 20px);scrollbar-color:var(--stone) var(--cream)}
::selection{background:var(--volt);color:var(--ink)}
input{caret-color:var(--blue)}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.band.ink :focus-visible,.walk-line :focus-visible,.hero-cover :focus-visible{outline-color:var(--volt)}
main:focus,h1[tabindex="-1"]:focus{outline:none}
.masthead{grid-template-columns:auto minmax(0,1fr) auto;min-height:68px}
.wordmark{min-height:68px;padding-inline:24px}
.nav{justify-content:center;overflow:visible;min-width:0}
.nav a{display:flex;align-items:center;padding:0 clamp(12px,1.3vw,22px);min-height:48px;font:500 15px/1.3 var(--sans);text-decoration:none;white-space:nowrap;color:var(--graphite)}
.nav a:hover{background:var(--cream);color:var(--ink)}
.nav a[aria-current="page"]{font-weight:600;color:var(--blue);box-shadow:inset 0 -3px var(--blue)}
.cta{font-size:13px;letter-spacing:.035em}
.menu-toggle{display:none}
.display{font-size:clamp(48px,6.5vw,96px);line-height:1.02;letter-spacing:-.03em}
.display--01{font-size:clamp(54px,6.6vw,96px);line-height:1;letter-spacing:-.035em}
.h2{font-size:clamp(36px,4.4vw,68px);line-height:1.08}
.h3{line-height:1.16}
.lede{line-height:1.48;max-width:36ch}
.body{font-size:18px;line-height:1.7;max-width:60ch}
.body p{margin-bottom:20px}
.eyebrow,.plate{font-size:12px;line-height:1.6;letter-spacing:.09em}
.btn{font-size:13px;line-height:1.4;letter-spacing:.035em;padding-block:12px;justify-content:center;text-align:center}
.hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:calc(100svh - var(--header-h))}
.hero-copy{padding:clamp(40px,4.5vw,72px);gap:36px}
.hero h1{margin-top:0;max-width:11ch}
.hero-hit{line-height:1.2;margin-top:20px}
.hero .lede{max-width:34ch;font-size:clamp(22px,1.9vw,27px)}
.hero-cover{min-height:580px;padding:64px 48px;display:flex;flex-direction:column;justify-content:center;gap:0}
.hero-cover img{width:min(80%,390px)}
.hero-cover figcaption{font-size:12px;line-height:1.6;letter-spacing:.06em;margin-top:40px;color:var(--paper)}
.recognition-copy p{line-height:1.08}
.door-foot{font-size:12px;line-height:1.5;letter-spacing:.05em}
.doors .body{max-width:48ch}
.proof{padding-block:40px}
.split>div,.sechead>div{min-width:0}
.walk-line{top:var(--header-h);grid-template-columns:auto minmax(180px,1fr) auto;min-height:64px;gap:24px;font-size:12px;letter-spacing:.06em}
.walk-line b,.wl-right{color:var(--paper)}
.walk-line i{font-size:18px}
.walk-plan{display:none}
.movement-jump{justify-self:center;width:min(100%,340px);min-height:44px;padding:8px 36px 8px 12px;background:var(--ink);color:var(--paper);border:1px solid #857e72;border-radius:0;font:400 15px var(--sans)}
.stop{position:relative;top:auto;overflow:visible;min-height:0}
.stop-inner{min-height:0}
.stop-num,.stop-title,.stop-head,.stop-line,.stop-cols,.stop-gift li,.arrive,.fx-panel>*{opacity:1;transform:none}
.stop-body{max-width:none;padding:56px clamp(24px,4.5vw,72px) 72px}
.stop-title{font-size:clamp(40px,5vw,76px);line-height:1.06}
.stop-head,.stop-plate em{color:var(--ink)}
.stop-cols{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:32px}
.stop-gift li{font:400 18px/1.65 var(--sans)}
.stop-toc{font-size:16px;line-height:1.7;max-width:66ch}
.stop-pair{padding-top:24px;border-top:1px solid var(--hair)}
.stop-pair p{font-size:18px;line-height:1.65;max-width:58ch}
.stop .lbl{white-space:normal;line-height:1.6;font-size:12px;letter-spacing:.06em}
.stop-pair .btn{white-space:normal}
.fx-arrive{min-height:min(680px,85svh);padding-top:72px}
.fx-arrive h1{font-size:clamp(56px,8vw,112px);line-height:1.02;letter-spacing:-.035em}
.fx-row h2{font-size:clamp(30px,4.3vw,64px);line-height:1.12}
.fx-row .noun{opacity:1;line-height:1.5}
.fx-line{top:var(--header-h);background:var(--paper)}
.fx-note{scroll-snap-type:none}
.fx-bar{background:var(--paper)}
.fx-ring b{display:none}.fx-ring .x{opacity:1}
.fx-ring-lbl{font-size:12px;letter-spacing:.06em}
.fx-panel{padding-top:100px}
.fx-body h3{font-size:clamp(36px,4.5vw,68px);line-height:1.1}
.fx-body .prompt{font-size:clamp(22px,2vw,29px);line-height:1.55;max-width:43ch}
.fx-body .q{font-size:clamp(25px,2.4vw,36px);line-height:1.35;max-width:36ch}
.fx-body .epi q{line-height:1.5}
.fx-body .carry,.fx-foot .where{opacity:1}
.fx-foot .acts,.fx-foot .next{gap:20px}
.fx-foot button,.fx-foot a{letter-spacing:.055em;line-height:1.5}
.fx-grain{opacity:.12}
.signup-note{font-size:14px;line-height:1.6}
.signup input[aria-invalid="true"]{outline:2px solid var(--terra);outline-offset:-2px}
.colo-next{font-size:12px;min-height:44px}
.foot{gap:24px;flex-wrap:wrap}
.foot nav{flex-wrap:wrap;gap:8px 24px}
.foot a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1500px){.hero-copy{padding-left:max(64px,calc((100vw - 1320px)/2))}}
@media(max-width:1100px){
 .masthead{grid-template-columns:minmax(0,1fr) auto auto}
 .wordmark{padding-inline:20px}
 .menu-toggle{display:flex;align-items:center;gap:14px;justify-content:center;min-height:48px;padding:8px 18px;border:0;border-left:1px solid var(--hair);background:var(--paper);font:500 15px var(--sans);color:var(--ink);cursor:pointer}
 .menu-toggle span{font-size:22px}
 .nav{display:none;position:absolute;top:100%;left:0;right:0;grid-template-columns:1fr 1fr;background:var(--paper);border-bottom:var(--rule);padding:12px 16px;box-shadow:0 14px 20px rgba(20,17,13,.08)}
 .nav.is-open{display:grid}
 .nav a{padding:14px 16px;min-height:52px}
 .hero{grid-template-columns:1.08fr .92fr}
 .hero-copy{border-right:var(--rule);border-bottom:0;padding:36px 28px}
 .hero-cover{min-height:0;padding:40px 24px}
 .hero-cover img{width:88%}
 .split>div:first-child,.sechead>div:first-child{padding-block:24px}
 .letter-inner>div{min-width:0}
}
@media(max-width:760px){
 .hero{grid-template-columns:1fr}
 .hero-copy{border-right:0;border-bottom:var(--rule);padding:40px 24px;gap:30px}
 .hero h1{max-width:11ch}
 .hero-cover{padding:48px 36px 56px}
 .hero-cover img{width:min(78%,300px)}
 .hero-cover figcaption{margin-top:32px}
 .hero .btns{display:grid;grid-template-columns:1fr;width:100%}
 .walk-line{grid-template-columns:1fr auto;gap:8px;padding:10px 20px}
 .walk-line>span:first-child{display:none}
 .movement-jump{justify-self:stretch;width:100%;max-width:none;min-width:0}
 .wl-right{font-size:12px}
 .stop-inner{grid-template-rows:88px auto}
 .stop-ground{height:88px}
 .stop-num{font-size:60px;line-height:1;padding:14px 24px}
 .stop-body{padding:32px 24px 48px}
 .stop-title{font-size:44px}
 .fx-arrive{min-height:0;padding-top:56px;padding-bottom:44px}
 .fx-body{gap:28px}
 .fx-panel{padding-top:88px}
 .fx-top{gap:12px;line-height:1.6;letter-spacing:.06em}
 .fx-ring-lbl{display:block}
 .fx-bar{gap:12px}
 .fx-bar .meter{display:none}
 .fx-bar{grid-template-columns:1fr auto}
 .fx-row{grid-template-columns:28px minmax(0,1fr) 14px;gap:12px}
 .fx-foot .acts{gap:12px 22px}
 .fx-brk h3{line-height:1.08}
}
@media(max-width:480px){
 .wordmark{font-size:18px;padding-inline:14px;min-height:64px;gap:0}
 .wordmark i{display:none}
 .masthead{min-height:64px}
 .menu-toggle{padding-inline:12px;font-size:14px;gap:8px}
 .cta{padding-inline:12px;font-size:11px;letter-spacing:0;text-transform:none;white-space:normal;text-align:center;max-width:80px}
 .nav{grid-column:auto;grid-row:auto}
 .nav a{font-size:15px;padding:12px}
 .display--01{font-size:clamp(48px,13vw,62px)}
 .fx-top{grid-template-columns:auto 1fr}
 .fx-top>span:last-child{grid-column:2}
 .fx-ring-lbl{font:500 13px var(--sans);text-transform:none;letter-spacing:0}
 .signup-row{grid-template-columns:1fr}
 .signup button{min-height:48px;border-left:0;border-top:var(--rule)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* v35 homepage mock-up: the book, the character, the creative self. */
.home35 h1{font:400 clamp(54px,6.3vw,90px)/.98 var(--serif);letter-spacing:-.035em;max-width:12ch;margin:0}
.home35 h1 em{display:block;font-weight:400}
.home35 .hero{min-height:0;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.home35 .hero-copy{padding:clamp(36px,4vw,64px);gap:28px}
.home35 .hero-cover{background:var(--blue);padding:64px 48px}
.home35 .hero-cover img{width:min(88%,350px)}
.h35-subtitle{font:400 clamp(23px,2vw,29px)/1.3 var(--serif);margin:18px 0 26px}
.h35-premise{font:400 clamp(25px,2.1vw,31px)/1.32 var(--serif);max-width:33ch;letter-spacing:-.012em;margin:0 0 22px}
.h35-intro{font:400 17px/1.65 var(--sans);max-width:60ch;color:var(--graphite);margin:0 0 14px}
.h35-credit{font:500 14px/1.5 var(--sans);margin:18px 0 0;color:var(--stone)}
.h35-section{padding:clamp(64px,7.5vw,116px) clamp(24px,5vw,76px);border-bottom:var(--rule)}
.h35-section-inner{max-width:1280px;margin-inline:auto}
.h35-intro-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,7vw,108px)}
.home35 h2{font:400 clamp(38px,4.6vw,68px)/1.06 var(--serif);letter-spacing:-.025em;max-width:15ch}
.home35 h2 em{font-weight:400}
.h35-prose{font:400 18px/1.75 var(--sans);max-width:60ch;color:var(--graphite)}
.h35-prose p{margin:0 0 20px}.h35-prose p:last-child{margin-bottom:0}
.h35-lede{font:400 clamp(23px,2vw,29px)/1.4 var(--serif);max-width:35ch;margin:26px 0}
.h35-characters{background:var(--ink);color:var(--paper)}
.h35-characters .h35-prose{color:var(--cream)}
.h35-character-list{margin:52px 0 0}
.h35-character-list>div{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(36px,7vw,108px);padding:23px 0;border-top:1px solid #635e55;align-items:baseline}
.h35-character-list dt{font:400 clamp(23px,2.4vw,34px)/1.2 var(--serif)}
.h35-character-list dd{margin:0;font:400 17px/1.65 var(--sans);color:var(--cream);max-width:48ch}
.h35-turn{font:400 clamp(28px,3.5vw,48px)/1.2 var(--serif);max-width:30ch;margin:44px 0 0}
.h35-turn em{color:var(--volt)}
.h35-textlink{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:500 16px/1.45 var(--sans);text-underline-offset:5px;text-decoration-thickness:1px}
.h35-textlink:hover{color:var(--blue)}
.h35-section-lead>.h35-textlink{margin-top:20px}
.h35-explorations article{padding:26px 0;border-top:1px solid var(--hair)}
.h35-explorations article:first-child{padding-top:0;border-top:0}
.h35-explorations article:last-child{padding-bottom:0}
.h35-explorations h3{font:400 clamp(26px,2.5vw,34px)/1.2 var(--serif);letter-spacing:-.015em}
.h35-explorations p{font:400 17px/1.7 var(--sans);color:var(--graphite);margin:12px 0 0;max-width:55ch}
.h35-sample{background:var(--cream)}
.h35-sample-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,7vw,108px);align-items:center}
.h35-sample blockquote{margin:30px 0 20px;padding:24px 0 0;border-top:var(--rule);font:400 clamp(22px,2.05vw,29px)/1.5 var(--serif);max-width:39ch}
.h35-sample blockquote p{margin:0 0 20px}
.h35-source{font:400 13px/1.6 var(--sans);color:var(--stone);margin:18px 0 24px}
.h35-page-preview{display:block;width:100%;max-width:430px;justify-self:center;color:var(--ink);text-decoration:none}
.h35-page-preview img{width:100%;height:auto;box-shadow:10px 18px 30px rgba(20,17,13,.14);background:white;transition:transform 200ms ease-out}
.h35-page-preview:hover img{transform:translateY(-4px)}
.h35-page-preview>span{display:flex;justify-content:space-between;gap:16px;margin-top:26px;min-height:44px;align-items:center;font:500 14px/1.5 var(--sans)}
.h35-practice{background:var(--pine-200)}
.h35-practice blockquote{font:400 clamp(29px,3.4vw,48px)/1.2 var(--serif);letter-spacing:-.025em;margin:24px 0 30px;max-width:24ch}
.h35-author-name{font:500 17px/1.5 var(--sans);margin:26px 0 0}
.h35-faq{background:var(--cream)}
.h35-faq details{border-top:1px solid var(--hair)}
.h35-faq details:last-child{border-bottom:1px solid var(--hair)}
.h35-faq summary{font:500 18px/1.4 var(--sans);padding:24px 30px 24px 0;cursor:pointer;position:relative;list-style:none}
.h35-faq summary::-webkit-details-marker{display:none}
.h35-faq summary::after{content:'+';position:absolute;right:0;top:20px;font:400 26px var(--sans)}
.h35-faq details[open] summary::after{content:'−'}
.h35-faq details p{font:400 17px/1.7 var(--sans);color:var(--graphite);margin:0 0 26px;max-width:55ch}
.h35-buy{background:var(--blue);color:var(--paper);text-align:center}
.home35 .h35-buy h2{max-width:18ch;margin-inline:auto;font-size:clamp(44px,5.5vw,80px)}
.h35-buy>div>p{font:400 21px/1.5 var(--serif);margin:26px 0}
.h35-buy .btns{justify-content:center;margin-top:34px}
.h35-buy .btn{color:var(--paper);border-color:var(--paper)}
.h35-buy .btn.volt{color:var(--ink);border-color:var(--volt)}
.h35-buy .btn:hover{background:var(--paper);color:var(--ink)}
.h35-buy .h35-source{color:var(--paper);font:400 14px/1.6 var(--sans);margin:30px 0 0}
.h35-buy :focus-visible,.h35-characters :focus-visible{outline-color:var(--volt)}
.h35-reader-head{padding:48px 24px;max-width:810px;margin:auto}
.h35-reader-head h1{font:400 clamp(40px,5vw,68px)/1.08 var(--serif);letter-spacing:-.025em;margin:28px 0 18px}
.h35-reader-head>p{font:400 17px/1.6 var(--sans);margin:0 0 24px}
.h35-reader-pages{background:var(--bone);padding:40px 20px;display:grid;gap:40px}
.h35-reader-pages figure{margin:0 auto;max-width:760px}
.h35-reader-pages img{width:100%;height:auto;background:white;box-shadow:0 8px 24px rgba(20,17,13,.1)}
.h35-reader-pages figcaption{text-align:center;font:400 14px var(--sans);margin-top:16px}
.h35-transcript{margin-top:24px;border-top:var(--rule);padding-top:20px}
.h35-transcript summary{cursor:pointer;min-height:44px;font:500 17px var(--sans)}
.h35-transcript h2{font:400 30px var(--serif);margin-top:24px}
.h35-transcript p{white-space:pre-line;font:400 18px/1.75 var(--sans)}
.h35-reader-end{text-align:center;padding:56px 24px}.h35-reader-end p{font:400 30px var(--serif)}
@media(max-width:1100px){
 .home35 .hero-copy{padding:36px 28px}
 .home35 .hero-cover{padding:40px 24px}
 .h35-intro-grid,.h35-character-list>div{gap:36px}
}
@media(max-width:760px){
 .home35 .hero{grid-template-columns:1fr}
 .home35 .hero-copy{padding:36px 24px}
 .home35 h1{font-size:clamp(54px,13vw,76px)}
 .home35 .hero-cover{padding:48px 32px}
 .home35 .hero-cover img{width:min(80%,300px)}
 .h35-subtitle{font-size:24px;margin:18px 0 24px}
 .h35-premise{font-size:27px}
 .h35-intro-grid,.h35-sample-grid{grid-template-columns:1fr;gap:32px}
 .h35-character-list>div{grid-template-columns:1fr;gap:10px;padding:22px 0}
 .h35-character-list{margin-top:36px}
 .h35-section{padding-block:60px}
 .h35-turn{margin-top:30px}
 .h35-page-preview{max-width:350px;justify-self:center}
 .h35-sample blockquote{max-width:none}
 .h35-buy .btns{display:grid;grid-template-columns:1fr}
 .h35-explorations article:first-child{padding-top:26px;border-top:1px solid var(--hair)}
 .h35-section-lead .h35-lede{margin-bottom:18px}
 .h35-reader-pages{padding-inline:12px}
}


/* v36: supporting pages share the homepage's readable editorial system. */
.m36-intro{max-width:1440px;margin:auto;padding:72px clamp(24px,5vw,76px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px)}
.m36-intro h1{font:400 clamp(52px,6.5vw,92px)/1.03 var(--serif);letter-spacing:-.03em}
.m36-lede{font:400 clamp(25px,2.5vw,34px)/1.35 var(--serif);max-width:29ch;margin:28px 0}
.m36-body{font:400 18px/1.75 var(--sans);color:var(--graphite);max-width:62ch}
p.m36-body{margin:0 0 20px}.m36-body p{margin:0 0 20px}
.m36-directory a{display:grid;grid-template-columns:1fr auto;gap:7px 20px;border-top:1px solid var(--hair);padding:20px 0;text-decoration:none;min-height:80px}
.m36-directory a:last-child{border-bottom:1px solid var(--hair)}
.m36-directory span{font:400 clamp(23px,2.3vw,30px)/1.2 var(--serif)}
.m36-directory small{grid-column:1;font:400 15px/1.5 var(--sans);color:var(--graphite)}
.m36-directory b{grid-column:2;grid-row:1/3;align-self:center;font-weight:400}
.m36-directory a:hover span{text-decoration:underline;text-underline-offset:5px;color:var(--blue)}
#v-movements .walk-line{grid-template-columns:1fr auto}.wl-left{display:none}
#v-movements .movement-jump{justify-self:start;max-width:420px;width:100%;font-size:16px}
#v-movements #walkPos{display:none}#v-movements #walkPos+span{display:none}
#v-movements .stop{--panel:clamp(120px,17vw,220px)}
#v-movements .stop-num{font-size:clamp(58px,7vw,96px);line-height:1;letter-spacing:-.025em;padding:44px 24px}
.stop-num>span{display:block;font:500 12px/1.5 var(--sans);letter-spacing:0;margin-bottom:14px}
#v-movements .stop-head{font:400 clamp(23px,2.4vw,31px)/1.35 var(--serif);max-width:40ch}
#v-movements .stop-body{padding-block:52px;max-width:1120px}
#v-movements .stop-line{max-width:62ch;margin-top:26px}
#v-movements .stop-cols{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px}
#v-movements .stop-pair{border-top:0;padding-top:0}
#v-movements .stop-pair p{font-size:17px}
#v-movements .stop-gift li{font-size:17px}
.m36-chapters{margin-top:24px;border-top:var(--rule)}
.m36-chapters summary{padding:18px 0;min-height:52px;font:500 16px/1.4 var(--sans);cursor:pointer}
.m36-chapters ol{list-style:none;padding:0;margin:0}
.m36-chapters li{display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;gap:12px!important;font:400 16px/1.5 var(--sans)!important;align-items:baseline}
.m36-chapters li>span:first-child,.m36-chapters li>span:last-child{font-size:13px;color:var(--stone)}
#v-notes .fx-arrive{min-height:0;padding-top:64px;padding-bottom:48px}
#v-notes .fx-arrive h1{font-size:clamp(52px,7vw,100px);max-width:13ch}
#v-notes .fx-sub{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:40px}
#v-notes .fx-sub p:first-child{font-size:28px}
#v-notes .fx-sub p:last-child{font:400 19px/1.7 var(--sans);max-width:58ch}
#v-notes .fx-stand{padding-block:40px;grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:40px}
#v-notes .fx-stand h2{font:400 clamp(30px,3.6vw,48px)/1.1 var(--serif);letter-spacing:-.025em;max-width:16ch}
#v-notes .fx-stand p{font:400 18px/1.7 var(--sans);max-width:60ch}
#v-notes .fx-stand .f36-help{font:400 14px/1.6 var(--sans);margin-top:16px;color:var(--graphite)}
.f36-filters{display:flex;gap:8px}.f36-filters button{appearance:none;border:1px solid transparent;background:transparent;padding:10px 14px;min-height:44px;cursor:pointer;color:var(--ink);font:500 15px/1.4 var(--sans)}
.f36-filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.f36-filters button>span{margin-left:8px;font-variant-numeric:tabular-nums}
#v-notes .fx-line{padding-block:10px;align-items:center}
.f36-now{font:400 13px/1.5 var(--sans);letter-spacing:0;text-transform:none;text-align:right}
.f36-now #fxNow{display:none}
.f36-empty{padding:36px var(--fx-gutter);margin:0;font:400 18px/1.6 var(--sans)}
.fx-row[hidden],.f36-empty[hidden]{display:none}
#v-notes .fx-row h2{font-size:clamp(29px,3.8vw,54px)}
#v-notes .fx-row .noun{font:400 16px/1.6 var(--sans);max-width:55ch;margin-top:10px;color:var(--graphite)}
#v-notes .fx-end h2{font-size:clamp(38px,4.5vw,64px);line-height:1.08}
#v-notes .fx-end p{margin-top:0;font:400 21px/1.6 var(--serif)}
#v-notes .fx-end .btns{margin-top:28px}
.fx-body{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:clamp(28px,5vw,80px)}
.fx-body .prompt{font-size:clamp(22px,2vw,28px)}
.fx-body .q{font-size:clamp(25px,2.4vw,35px)}
.fx-body .epi{margin-top:24px}
.f36-try{border-top:1px solid var(--hair);margin-top:28px;padding-top:24px}
.f36-try h4{font:500 18px/1.4 var(--sans);margin:0 0 12px}
.f36-try p{font:400 18px/1.7 var(--sans);margin:0;max-width:60ch}
.f36-try small{display:block;font:400 13px/1.6 var(--sans);margin-top:12px}
.a36-intro,.a36-origin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);padding:clamp(60px,8vw,120px) clamp(24px,5vw,76px);border-bottom:var(--rule)}
.a36-intro h1{font:400 clamp(54px,7vw,100px)/1.02 var(--serif);letter-spacing:-.03em;max-width:10ch}
.a36-intro h1 em{display:block}
.a36-role{font:400 18px/1.5 var(--sans);margin-top:26px}
.a36-lede{font:400 clamp(29px,3.2vw,44px)/1.2 var(--serif);margin:0 0 28px;max-width:20ch}
.a36-origin{background:var(--cream)}
.a36-origin h2,.a36-book h2{font:400 clamp(38px,4.5vw,64px)/1.1 var(--serif);letter-spacing:-.025em;max-width:13ch}
.a36-caption{font:400 14px/1.6 var(--sans);color:var(--stone);margin:22px 0 0}
.a36-book{padding:clamp(60px,8vw,120px) clamp(24px,5vw,76px)}
.a36-book>blockquote{font:400 clamp(35px,4.8vw,68px)/1.15 var(--serif);letter-spacing:-.025em;max-width:27ch;margin:0}
.a36-book-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);margin-top:64px;border-top:var(--rule);padding-top:48px}
.a36-book .btns{margin-top:30px}
@media(max-width:1100px){#v-movements .stop-cols{grid-template-columns:1fr}#v-movements .stop-pair{border-top:1px solid var(--hair);padding-top:24px}#v-movements .stop-num{padding:24px;font-size:64px}#v-movements .stop-num>span{display:inline;margin-right:18px}}
@media(max-width:800px){
 .m36-intro,.a36-intro,.a36-origin,.a36-book-body{grid-template-columns:1fr;gap:32px}
 .m36-intro{padding-block:44px}.m36-intro h1{font-size:56px}
 #v-movements .stop-inner{grid-template-rows:100px auto}#v-movements .stop-ground{height:100px}
 #v-movements .stop-num{font-size:56px;padding:20px 24px}
 #v-movements .stop-body{padding:34px 24px 48px}
 #v-movements .wl-right{display:none}
 #v-movements .walk-line{grid-template-columns:1fr}
 #v-movements .movement-jump{max-width:none}
 .fx-body{grid-template-columns:1fr}
 #v-notes .fx-sub,#v-notes .fx-stand{grid-template-columns:1fr;gap:20px}
 #v-notes .fx-sub p:first-child{font-size:26px}
 #v-notes .fx-arrive{padding-top:44px}
 .f36-now{display:none}
 #v-notes .fx-line{grid-template-columns:1fr}
 .f36-filters button{padding-inline:12px}
 .fx-top>span:last-child{font-size:11px;letter-spacing:.04em}
 .a36-book-body{margin-top:40px;padding-top:34px}
}



/* v37: resilient header and a useful, compact colophon. */
.masthead{width:100%;max-width:100%;grid-template-columns:auto minmax(0,1fr) auto;padding-right:16px;column-gap:0}
.masthead .wordmark{min-width:0}
.masthead>.cta{align-self:center;min-height:44px;padding:12px 20px;border:0;line-height:1.25;white-space:nowrap;max-width:none;margin-left:12px}
@media(max-width:1200px){
.masthead{grid-template-columns:minmax(0,1fr) auto auto}
.menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:0;background:transparent;font:500 15px var(--sans);color:var(--ink);cursor:pointer;min-height:44px}
.nav{display:none;position:absolute;top:100%;left:0;right:0;grid-column:auto;grid-row:auto;grid-template-columns:1fr 1fr;background:var(--paper);border-bottom:var(--rule);padding:12px 16px}
.nav.is-open{display:grid}.nav a{min-height:48px;padding:12px 16px}
}
@media(max-width:600px){
.masthead{padding-right:10px;grid-template-columns:minmax(0,1fr) auto auto}
.masthead .wordmark{font-size:clamp(15px,3.9vw,20px);padding-inline:12px;white-space:normal;line-height:1.1}
.wordmark i{display:none}
.masthead>.cta{font-size:12px;text-transform:none;padding:12px;margin-left:4px;letter-spacing:0}
.menu-toggle{font-size:13px;padding-inline:8px}
}
.footer37{display:block;text-align:left;padding:64px clamp(20px,5vw,80px) 0;}
.footer37-main{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:clamp(32px,5vw,80px);max-width:1320px;margin:auto;padding-bottom:48px}
.footer37 .colo-mark{display:block;width:160px;height:auto;aspect-ratio:720/416;object-fit:contain;margin:0 0 24px}
.footer37-title{display:block;font:400 clamp(27px,2.7vw,38px)/1.1 var(--serif);letter-spacing:-.03em;text-decoration:none;color:var(--ink)}
.footer37-brand>p,.footer37-start>p{font:400 16px/1.65 var(--sans);max-width:34ch;color:var(--graphite);margin:16px 0 0}
.footer37-brand .footer37-cities{font-size:13px;margin-top:24px;color:var(--stone)}
.footer37-cities span{margin:0 8px;color:var(--blue)}
.footer37-nav{padding-top:8px;display:flex;flex-direction:column;align-items:flex-start}
.footer37-nav h2{font:600 13px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px}
.footer37-nav a{font:400 16px/1.4 var(--sans);padding:11px 0;min-height:44px;text-decoration:none;color:var(--ink)}
.footer37-start h2{font:400 clamp(28px,2.6vw,36px)/1.12 var(--serif);letter-spacing:-.025em;margin:0;max-width:15ch}
.footer37-buy{display:flex;align-items:center;justify-content:space-between;gap:24px;width:fit-content;min-width:180px;min-height:48px;padding:12px 20px;margin-top:24px;background:var(--blue);color:white;text-decoration:none;font:500 15px/1.4 var(--sans)}
.footer37-excerpt{display:block;width:fit-content;min-height:44px;padding:14px 0 4px;font:500 15px/1.4 var(--sans);text-underline-offset:5px;color:var(--ink)}
.footer37-quote{max-width:1320px;margin:auto;border-top:1px solid var(--hair);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer37 .colo-line{margin:0;max-width:62ch;font-size:21px;line-height:1.5}
.footer37 .colo-folio{font-size:11px;letter-spacing:.1em;margin-top:8px}
.footer37 .colo-next{flex-shrink:0;margin:0;font:500 13px/1.4 var(--sans);text-transform:none;letter-spacing:0;color:var(--graphite)}
.footer37-bottom{max-width:1320px;margin:auto;border-top:1px solid var(--hair);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font:400 13px/1.5 var(--sans);color:var(--graphite)}
.footer37-bottom nav{display:flex;gap:24px;flex-wrap:wrap}.footer37-bottom a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}
.footer37 a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.footer37-main{grid-template-columns:1fr 1fr;gap:36px}.footer37-brand{grid-column:1/-1}.footer37-brand>p{max-width:40ch}.footer37-quote{align-items:flex-start;flex-direction:column;gap:8px}.footer37-bottom{align-items:flex-start;flex-direction:column;gap:0}}
@media(max-width:420px){.footer37-main{grid-template-columns:1fr}.footer37-brand{grid-column:auto}.footer37{padding-top:40px}.footer37-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.footer37-nav h2{grid-column:1/-1;margin-bottom:8px}.footer37 .colo-line{font-size:20px}.footer37-bottom nav{gap:20px}}


.book38-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.book38-options button,.book38-slip button{font:500 15px/1.4 var(--sans);padding:14px 18px;min-height:48px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.book38-options button:first-child{background:var(--blue);border-color:var(--blue);color:white}
.book38{scroll-margin-top:0;background:var(--paper);border-top:var(--rule)}
#shelves{scroll-margin-top:0}
.book38-intro{padding:clamp(48px,7vw,100px) clamp(24px,6vw,88px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--cream)}
.book38-intro h2{font:400 clamp(38px,4.9vw,68px)/1.06 var(--serif);letter-spacing:-.03em;margin:0;max-width:14ch;text-wrap:balance}
.book38-intro h2 em{color:var(--blue)}
.book38-intro p{font:400 19px/1.65 var(--sans);margin:0 0 20px;max-width:46ch}
.book38-directory{padding:56px clamp(24px,6vw,88px) 16px}
.book38-directory-intro{display:flex;justify-content:space-between;gap:40px;align-items:baseline;margin-bottom:48px}
.book38-directory-intro h2,.book38-order h2{font:400 clamp(28px,3vw,40px)/1.15 var(--serif);margin:0;letter-spacing:-.025em}
.book38-directory-intro p{font:400 15px/1.6 var(--sans);color:var(--graphite);max-width:48ch;margin:0}
.book38-city{display:grid;grid-template-columns:1fr 2fr;gap:48px;border-top:1px solid var(--ink);padding-top:28px;margin-bottom:32px}
.book38-city h3{font:400 clamp(30px,3vw,42px)/1.1 var(--serif);letter-spacing:-.025em;margin:0}
.book38-shop{display:flex;justify-content:space-between;gap:24px;color:var(--ink);text-decoration:none;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--hair)}
.book38-shop:last-child{border:0;margin:0}.book38-shop svg{flex-shrink:0;margin-top:30px;color:var(--blue)}
.book38-area{font:400 13px/1.4 var(--sans);color:var(--graphite)}
.book38-shop h4{font:400 clamp(26px,2.8vw,36px)/1.2 var(--serif);margin:8px 0;letter-spacing:-.02em}
.book38-shop p{font:400 16px/1.6 var(--sans);max-width:52ch;margin:0;color:var(--graphite)}
.book38-visit{display:inline-block;font:500 14px/1.5 var(--sans);margin-top:16px;text-decoration:underline;text-underline-offset:5px}
.book38-shop:hover h4{color:var(--blue)}
.book38-order{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:64px clamp(24px,6vw,88px);border-top:1px solid var(--ink);background:var(--cream)}
.book38-order h2{max-width:18ch}.book38-order>div>p{font:400 17px/1.7 var(--sans);max-width:45ch}
.book38-slip{padding:28px 32px;background:var(--paper);border:1px solid var(--hair)}
.book38-slip>span:first-child{font:400 13px var(--sans);color:var(--graphite)}
.book38-slip h3{font:400 30px/1.2 var(--serif);margin:20px 0 8px}.book38-order .book38-slip p{font:400 15px/1.6 var(--sans);margin:8px 0}
.book38-slip .book38-isbn{font-variant-numeric:tabular-nums}.book38-slip button{margin-top:16px}
#book38-status{display:block;font:400 14px/1.5 var(--sans);margin-top:8px}
@media(max-width:760px){.book38-intro,.book38-order{grid-template-columns:1fr;gap:28px}.book38-intro h2{max-width:17ch}.book38-directory-intro{display:block}.book38-directory-intro p{margin-top:16px}.book38-city{grid-template-columns:1fr;gap:28px}.book38-slip{padding:24px}.book38-directory{padding-top:40px}}

.book38 .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.book39-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 48px;padding:24px 0;border-block:1px solid var(--hair);scroll-margin-top:16px}
.book39-jump button{font:500 15px/1.4 var(--sans);min-height:44px;padding:10px 16px;border:1px solid var(--hair);background:var(--paper);color:var(--ink);cursor:pointer}
.book39-jump button:hover,.book39-jump button:focus-visible{background:var(--blue);color:white;border-color:var(--blue)}
.book39-city-name>p{font:400 14px/1.5 var(--sans);color:var(--graphite);margin:14px 0}
.book39-city-name>button{font:500 14px/1.4 var(--sans);padding:12px 0;min-height:44px;border:0;background:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.book38-city{scroll-margin-top:20px}
@media(min-width:761px){.book39-city-name{position:sticky;top:calc(var(--header-h,68px) + 28px);align-self:start}}
@media(max-width:760px){.book39-jump{margin-bottom:32px;padding-block:16px;gap:8px}.book39-jump button{padding-inline:12px}.book39-city-name>p{display:inline-block;margin-right:20px}}


.buy40-hero{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);padding:clamp(32px,5vw,72px) clamp(24px,6vw,88px);align-items:center;background:var(--paper)}
.buy40-cover{display:flex;align-items:center;justify-content:center;padding:28px;background:var(--cream);min-width:0}
#v-preorder .buy40-cover img{display:block;width:auto!important;max-width:100%;height:auto!important;max-height:440px;object-fit:contain;aspect-ratio:auto;box-shadow:8px 12px 24px rgba(20,17,13,.15)}
.buy40-copy h1{font:400 clamp(44px,5.4vw,76px)/1.02 var(--serif);letter-spacing:-.03em;max-width:12ch;margin:0;text-wrap:balance}
.buy40-copy h1 em{color:var(--blue)}
.buy40-copy p{font:400 16px/1.6 var(--sans);margin:20px 0;color:var(--graphite)}
.buy40-copy .buy40-lede{font:400 clamp(21px,2.3vw,29px)/1.4 var(--serif);max-width:29ch;color:var(--ink)}
.buy40-review-link{display:inline-block;padding:16px 0 4px;min-height:44px;color:var(--blue);font:500 14px/1.5 var(--sans);text-underline-offset:5px}
.buy40-netgalley{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;padding:40px clamp(24px,6vw,88px);background:var(--blue);color:var(--paper);align-items:center}
.buy40-netgalley h2{font:400 clamp(28px,3vw,40px)/1.15 var(--serif);max-width:25ch;margin:0}
.buy40-netgalley p{font:400 16px/1.6 var(--sans);max-width:58ch;margin:14px 0 0}
.buy40-netgalley>div:last-child{max-width:320px;justify-self:end}.buy40-netgalley>div:last-child p{font-size:13px}
.buy40-netgalley a{display:block;text-align:center;background:var(--paper);color:var(--blue);padding:16px 24px;min-height:48px;font:600 16px/1.4 var(--sans);text-decoration:none}
#v-preorder .colophon div{background-image:none;padding-block:24px}
#v-preorder .buy-intro{padding:48px clamp(24px,6vw,88px) 24px}
#shelves .shelf-head{padding:24px clamp(24px,6vw,88px);display:block;min-height:0}
#shelves .shelf-head>div:first-child{display:none}#shelves .shelf-head>div{border:0;padding:0}
#shelves .shelf-head h3{font-size:32px}#shelves .shelf-head p{max-width:68ch;font-size:16px}
#shelves .plate-r{background-image:none!important;min-height:210px;padding:28px clamp(20px,3vw,44px)}
#shelves .mark-slot{min-height:48px;height:auto}#shelves .mark-set{font-size:clamp(28px,3vw,40px)}
#shelves .plate-r small{font-size:16px;line-height:1.5;margin:16px 0 24px}#shelves .plate-foot{margin-top:auto;font-size:12px;letter-spacing:.04em}
.buy40-international{padding:48px clamp(24px,6vw,88px);border-top:var(--rule)}
.buy40-international h2{font:400 36px/1.2 var(--serif);margin:0}.buy40-international p{font:400 16px/1.6 var(--sans);max-width:60ch}
.buy40-international-shops{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px}.buy40-international article{border-top:1px solid var(--hair);padding-top:24px}
.buy40-international h3{font:400 30px/1.2 var(--serif);margin:0}.buy40-international nav,.buy40-shop-actions{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:16px}
.buy40-international a,.buy40-shop-actions a{font:500 14px/1.5 var(--sans);color:var(--blue);min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
.book38-shop:hover h4{color:var(--ink)}
@media(max-width:760px){.buy40-hero{grid-template-columns:1fr;gap:28px}.buy40-cover{padding:20px}#v-preorder .buy40-cover img{max-height:280px}.buy40-copy h1{max-width:15ch}.buy40-netgalley{grid-template-columns:1fr;gap:24px}.buy40-netgalley>div:last-child{justify-self:start;max-width:100%}.buy40-international-shops{grid-template-columns:1fr;gap:28px}}


.connect41{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,100px);padding:clamp(40px,6vw,88px) clamp(24px,6vw,88px)}
.connect41 h1{font:400 clamp(48px,6vw,80px)/1.06 var(--serif);letter-spacing:-.03em;margin:0 0 20px}
.connect41-intro{font:400 21px/1.55 var(--serif);max-width:34ch;margin:0 0 44px;color:var(--graphite)}
.connect41-row{border-top:1px solid var(--hair);padding:28px 0 32px}
.connect41-row h2{font:400 29px/1.2 var(--serif);margin:0 0 12px;letter-spacing:-.02em}
.connect41-row p{font:400 16px/1.65 var(--sans);max-width:48ch;margin:0 0 12px;color:var(--graphite)}
.connect41-row a{display:inline-flex;align-items:center;min-height:44px;font:500 16px/1.5 var(--sans);color:var(--blue);text-underline-offset:5px;overflow-wrap:anywhere}
.connect41-row .connect41-email{font-size:clamp(22px,2.4vw,30px)}
.connect41-art{background:var(--cream);padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:80px;border-top:4px solid var(--blue)}
.connect41-art .colo-mark{width:100%;max-width:320px;height:auto;margin:32px 0 48px}
.connect41-title{font:400 clamp(36px,4vw,56px)/1.08 var(--serif);letter-spacing:-.03em;margin:0}
.connect41-subtitle{font:400 19px/1.5 var(--serif);margin:16px 0}
.connect41-art>div:last-child>p{font:400 25px/1.45 var(--serif);max-width:25ch;margin:0 0 24px}
.connect41-art>div:last-child>span{font:500 14px/1.5 var(--sans)}
.footer41-main{grid-template-columns:1.35fr .8fr 1fr 1fr;gap:40px}
.footer41-main .footer37-title{font-size:32px}.footer41-main .colo-mark{width:130px;margin-bottom:24px}
.footer41-main .footer37-nav a{font-size:15px}
.footer41-contact{padding-top:8px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.footer41-contact h2{font:600 13px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px}
.footer41-contact>a{font:400 15px/1.4 var(--sans);padding:11px 0;min-height:44px;color:var(--blue);text-underline-offset:5px;overflow-wrap:anywhere}
.footer41-contact p{font:400 13px/1.5 var(--sans);margin:16px 0 0;color:var(--graphite)}
.footer41-contact .footer41-letter{margin-top:12px;color:var(--ink)}
@media(max-width:1100px){.footer41-main{grid-template-columns:1fr 1fr}.footer41-main .footer37-brand{grid-column:auto}.connect41{gap:36px}.connect41-art{padding:28px}}
@media(max-width:760px){.connect41{grid-template-columns:1fr}.connect41-art{gap:48px}.connect41-art .colo-mark{width:160px;margin:0 0 24px}.connect41-intro{margin-bottom:32px}.footer41-main{gap:32px}.footer41-main .footer37-brand{grid-column:1/-1}.footer41-main .footer37-nav{display:flex}.footer41-contact{grid-column:1/-1}.footer41-main .footer37-nav a{padding-block:11px}}


.connect42-portrait{margin:0;align-self:start;position:sticky;top:calc(var(--header-h,68px) + 32px)}
.connect42-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.connect42-portrait figcaption{padding:20px 0;border-bottom:1px solid var(--hair);font:400 24px/1.3 var(--serif)}
.connect42-portrait figcaption span{display:block;font:400 14px/1.5 var(--sans);color:var(--graphite);margin-top:6px}
.footer42-signature{display:flex;justify-content:center;padding:36px 0 44px;max-width:1320px;margin:auto}
.footer42-signature .colo-mark{width:clamp(220px,28vw,360px);max-width:100%;height:auto;margin:0;object-fit:contain}
@media(max-width:760px){.connect42-portrait{position:static;grid-row:2}.footer42-signature{padding:28px 0 36px}}


.h43-source{font:400 13px/1.6 var(--sans);color:var(--cream);margin:24px 0 0}
.field-on:not(.field-open) .fx-ground,.field-on:not(.field-open) .fx-grain{opacity:0}
#v-notes .fx-arrive{min-height:0;padding-top:64px;padding-bottom:36px}
#v-notes .fx-arrive h1{font-size:clamp(44px,6vw,76px);max-width:16ch}
#v-notes .fx-stand{padding-top:32px;padding-bottom:32px}
.f36-try .f43-notice{margin-top:24px}
#shelves .mark-slot{display:flex;align-items:center;min-height:72px}
#shelves .retailer43-logo{display:block!important;width:auto!important;height:auto!important;max-width:min(100%,240px)!important;max-height:64px!important;object-fit:contain;filter:none!important}
#shelves [data-slug="bookpeople"] .retailer43-logo{max-height:76px!important}
#shelves .mark-set[hidden]{display:none!important}
@media(max-width:760px){#v-notes .fx-arrive{padding-top:36px}.fx-panel .f36-try p{font-size:17px}}


.connect44{border-top:1px solid var(--hair);scroll-margin-top:20px}
.connect44 #connect44-heading{font:400 clamp(48px,6vw,80px)/1.06 var(--serif);letter-spacing:-.03em;margin:0 0 20px}
.connect44 .connect41-row h3{font:400 29px/1.2 var(--serif);margin:0 0 12px;letter-spacing:-.02em}
.newsletter44{padding:56px clamp(24px,6vw,88px);background:var(--paper);border-top:var(--rule);scroll-margin-top:20px}
.newsletter44-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;max-width:1280px;margin:auto;align-items:center}
.newsletter44 h2{font:400 clamp(32px,4vw,48px)/1.12 var(--serif);max-width:20ch;margin:0 0 20px;letter-spacing:-.025em}
.newsletter44 p{font:400 17px/1.65 var(--sans);max-width:52ch;margin:12px 0;color:var(--graphite)}
.newsletter44 .newsletter44-status{font-weight:600;color:var(--ink)}
.newsletter44 a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font:500 16px/1.5 var(--sans);text-underline-offset:5px}
@media(max-width:760px){.newsletter44-inner{grid-template-columns:1fr;gap:20px}}

/* Self-hosted web fonts (Google Fonts builds, SIL OFL). latin + latin-ext subsets. */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-mono-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-400-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-400-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/newsreader-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

.h35-faq .h35-section-inner{display:block;max-width:980px;margin-inline:auto}
.h35-faq #h35-faq-heading{text-align:center;max-width:none;margin-bottom:48px}
.h35-faq summary{font:400 clamp(25px,2.8vw,38px)/1.25 var(--serif);letter-spacing:-.015em;padding:28px 48px 28px 0}
.h35-faq summary::after{font:300 32px/1 var(--sans);top:28px}
.h35-faq details p{font:400 clamp(18px,1.65vw,22px)/1.65 var(--serif);max-width:66ch;margin:0 0 32px}
.newsletter44-inner{display:block;text-align:center;max-width:740px}
.newsletter44 h2{max-width:20ch;margin:0 auto 20px}
.newsletter44 p{margin:12px auto;max-width:48ch}
#newsletter44-signup{margin:28px auto 0;max-width:520px;padding-top:24px;border-top:1px solid var(--hair)}
.newsletter44{padding-block:72px}
.footer45-wordmark{display:flex;justify-content:center;gap:.19em;align-items:baseline;margin:0 calc(-1 * clamp(20px,5vw,80px));padding:32px 20px 36px;background:#fff;color:#000;font:400 8.8vw/1 'Anton',sans-serif;letter-spacing:-.025em;text-decoration:none;border-top:1px solid #000}
.footer37 .footer45-wordmark:hover{text-decoration:none;color:var(--blue)}
.footer45-wordmark:focus-visible{outline-offset:-6px}
@media(min-width:1800px){.footer45-wordmark{font-size:158px}}
@media(max-width:600px){.footer45-wordmark{display:block;text-align:center;font-size:17vw;line-height:1.05;padding:28px 20px}.footer45-wordmark span{display:block}.footer45-wordmark span:first-child{font-size:.6em}.h35-faq #h35-faq-heading{margin-bottom:32px}.newsletter44{padding-block:48px}}


#v-what .faq46{padding:clamp(48px,6vw,88px) clamp(24px,5vw,72px);border-top:var(--rule)}
.faq46-inner{max-width:980px;margin:0 auto}
.faq46-heading{text-align:center;margin:0 0 48px}
.faq46-heading h2{font:400 clamp(38px,4.5vw,64px)/1.12 var(--serif);letter-spacing:-.025em;margin:0}
.faq46-heading p{font:400 18px/1.6 var(--sans);color:var(--graphite);margin:20px auto 0;max-width:48ch}
#v-what .faq46 details{border:0;border-top:1px solid var(--hair)}
#v-what .faq46 details:last-child{border-bottom:1px solid var(--hair)}
#v-what .faq46 summary{display:block;position:relative;list-style:none;padding:28px 52px 28px 0;font:400 clamp(25px,2.8vw,38px)/1.25 var(--serif);letter-spacing:-.015em;text-align:left;min-height:44px}
#v-what .faq46 summary::after{position:absolute;right:0;top:28px;display:block;width:28px;text-align:center;font:300 30px/1 var(--sans);color:var(--ink);content:'+'}
#v-what .faq46 details[open] summary::after{content:'−'}
#v-what .faq46 .a{padding:0 48px 28px 0;max-width:72ch;font:400 clamp(18px,1.65vw,22px)/1.65 var(--serif);color:var(--graphite)}
#v-what .faq46 .a p{margin:0 0 16px}#v-what .faq46 .a p:last-child{margin-bottom:0}
@media(max-width:600px){.faq46-heading{margin-bottom:32px}#v-what .faq46 summary{padding:24px 38px 24px 0}#v-what .faq46 summary::after{top:24px;width:24px}#v-what .faq46 .a{padding-right:0}}


/* v49 · Movements as editorial spreads */
#v-movements .m49-movement{padding:0;border-bottom:1px solid var(--ink);background:var(--paper);color:var(--ink)}
.m49-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.m49-opening{background:var(--ground);color:var(--paper);padding:clamp(32px,4.8vw,76px);display:flex;flex-direction:column;min-width:0}
.m49-opening h2{font:400 clamp(46px,5.5vw,88px)/1.05 var(--serif);letter-spacing:-.035em;margin:0;text-wrap:balance;overflow-wrap:normal}
.m49-opening h2>span{display:block;font:400 17px/1.5 var(--sans);letter-spacing:0;color:var(--pale);margin-bottom:24px}
.m49-idea{font:400 clamp(25px,2.4vw,34px)/1.35 var(--serif);margin:28px 0 64px;max-width:27ch;text-wrap:pretty}
.m49-quote{margin:auto 0 0;padding-top:28px;border-top:1px solid var(--pale)}
.m49-quote blockquote{font:400 italic clamp(23px,2.1vw,30px)/1.45 var(--serif);margin:0;max-width:29ch;text-wrap:pretty}
.m49-quote figcaption{font:400 14px/1.5 var(--sans);color:var(--pale);margin-top:20px}
.m49-contents{padding:clamp(32px,4.8vw,76px);min-width:0;align-self:start}
.m49-contents h3{font:400 30px/1.2 var(--serif);margin:0 0 12px;letter-spacing:-.02em}
.m49-context{font:400 17px/1.6 var(--sans);margin:0 0 28px;max-width:42ch;color:var(--graphite)}
.m49-chapters{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}
.m49-chapters li{display:grid;grid-template-columns:25px minmax(0,1fr) 46px;gap:14px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--hair);font:400 18px/1.5 var(--sans)}
.m49-ch,.m49-page{font-size:13px;color:var(--graphite);font-variant-numeric:tabular-nums}
.m49-page{text-align:right;white-space:nowrap}
.m49-practice{margin-top:36px}
.m49-practice>p{font:400 14px/1.5 var(--sans);margin:0 0 10px;color:var(--graphite)}
.m49-practice button{display:block;text-align:left;background:none;color:var(--ground);border:0;padding:0;cursor:pointer;width:100%;font:400 25px/1.3 var(--serif)}
.m49-practice button small{display:block;font:500 15px/1.5 var(--sans);margin-top:10px;text-decoration:underline;text-underline-offset:5px;min-height:28px}
.m49-practice button:hover>span{text-decoration:underline;text-underline-offset:5px}
.m49-practice button:focus-visible{outline:2px solid var(--ground);outline-offset:6px}
@media(max-width:1000px) and (min-width:761px){.m49-opening,.m49-contents{padding:32px}.m49-opening h2{font-size:48px}.m49-chapters li{font-size:17px;gap:8px}}
@media(max-width:760px){.m49-spread{grid-template-columns:1fr}.m49-opening,.m49-contents{padding:36px 24px}.m49-opening h2{font-size:clamp(42px,10vw,68px)}.m49-opening h2>span{margin-bottom:20px}.m49-idea{margin:22px 0 36px}.m49-quote{padding-top:24px}.m49-chapters li{font-size:17px;gap:10px}.m49-contents h3{font-size:28px}}


/* v50 — a digital practice booklet and dark excerpt gallery */
#v-notes{background:var(--paper)}
#v-notes .fx-wrap{max-width:1200px;margin:auto}
#v-notes .fx-arrive{padding:80px 48px 48px}
#v-notes .fx-arrive h1{max-width:13ch;font-size:clamp(48px,6vw,80px);line-height:1.08}
#v-notes .fx-sub{grid-template-columns:1fr;gap:14px;max-width:640px;margin-top:28px}
#v-notes .fx-sub p{margin:0}
#v-notes .fx-sub p:first-child{font:400 25px/1.4 var(--serif)}
#v-notes .fx-sub p:last-child{font:400 18px/1.7 var(--sans)}
#v-notes .fx-stand{padding:36px 48px;gap:40px;border-top:1px solid var(--hair)}
#v-notes .fx-line{background:var(--paper);backdrop-filter:none;padding:16px 48px}
#v-notes .fx-row{padding:28px 48px;grid-template-columns:40px 1fr 20px;gap:24px}
#v-notes .fx-row h2{font-size:clamp(28px,3vw,40px);line-height:1.2}
#v-notes .fx-row .noun{max-width:60ch;font-size:16px;line-height:1.6}
#v-notes .fx-row:hover{background:var(--bone)}
#fxNote{background:var(--bone);scroll-snap-type:none;padding:64px 28px 40px}
#fxPanels{max-width:1180px;margin:0 auto}
#fxPanels .fx-panel{background:var(--paper);padding:48px 64px;margin:28px auto 48px;min-height:0;display:block;box-shadow:0 12px 36px rgba(20,17,13,.07)}
#fxPanels .fx-panel>*{opacity:1;transform:none;transition:none}
#fxPanels .fx-top{font:400 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;border-bottom:1px solid var(--hair);padding-bottom:20px}
#fxPanels .fx-top .big{font:400 22px/1 var(--serif);color:var(--ink);letter-spacing:0}
#fxPanels .fx-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding:48px 0}
#fxPanels .fx-body h3{font:400 clamp(38px,4.5vw,64px)/1.08 var(--serif);letter-spacing:-.03em;max-width:12ch;text-wrap:balance}
#fxPanels .fx-body .noun{font:400 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;margin-top:24px;color:var(--graphite)}
#fxPanels .fx-body .noun b{font:400 italic 23px/1.4 var(--serif);max-width:20ch;color:var(--ink)}
#fxPanels .fx-body .prompt{font:400 20px/1.65 var(--serif);letter-spacing:0;max-width:48ch}
#fxPanels .fx-body .q{font:400 23px/1.45 var(--serif);margin-top:20px;max-width:40ch}
#fxPanels .fx-body .q b{background:none}
#fxPanels .f36-try{margin-top:32px;padding-top:24px;border-top:1px solid var(--hair);background:none}
#fxPanels .f36-try h4{font:500 16px/1.5 var(--sans);letter-spacing:0;text-transform:none;margin:0 0 12px}
#fxPanels .f36-try h4.f43-notice{margin-top:28px}
#fxPanels .f36-try p{font:400 18px/1.75 var(--sans);max-width:55ch;margin:0}
#fxPanels .f36-try small{display:block;font:400 13px/1.6 var(--sans);margin-top:24px;color:var(--graphite)}
#fxPanels .fx-body .epi{border:0;border-top:1px solid var(--hair);padding:24px 0 0;margin:28px 0 0;max-width:48ch}
#fxPanels .fx-body .epi q{font:400 italic 22px/1.5 var(--serif)}
#fxPanels .fx-body .epi small{font:400 13px/1.6 var(--sans);letter-spacing:0;text-transform:none}
#fxPanels .fx-foot{border-top:1px solid var(--hair);grid-template-columns:1fr auto;gap:16px}
#fxPanels .fx-foot .where{display:none}
#fxPanels .fx-foot button{font:500 14px/1.5 var(--sans);letter-spacing:0;text-transform:none}
#fxPanels .fx-foot .acts,#fxPanels .fx-foot .next{gap:20px}
#fxPanels .fx-brk{padding-block:80px}
#fxPanels .fx-brk h3{font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-.03em}
body.field-open .fx-bar{background:var(--paper);backdrop-filter:none}
#v-excerpt .h35-reader-pages{background:#0a0a0a;color:#fcfaf5;padding:64px clamp(20px,5vw,80px);gap:64px}
#v-excerpt .h35-reader-pages figure{width:100%;max-width:734px}
#v-excerpt .h35-reader-pages img{box-shadow:none}
#v-excerpt .h35-reader-pages figcaption{color:#fcfaf5;margin-top:20px;font:400 14px/1.5 var(--sans)}
@media(max-width:800px){#fxNote{padding:64px 16px 24px}#fxPanels .fx-panel{padding:28px;margin:16px auto 28px}#fxPanels .fx-body{grid-template-columns:1fr;gap:32px;padding:32px 0}#fxPanels .fx-body h3{max-width:18ch}#fxPanels .fx-body .noun{margin-top:16px}#fxPanels .fx-foot{grid-template-columns:1fr}#fxPanels .fx-foot .next{justify-self:start}#fxPanels .fx-top{gap:12px}#fxPanels .fx-top>span:last-child{display:none}}
@media(max-width:600px){#v-notes .fx-arrive{padding:48px 24px 32px}#v-notes .fx-stand{padding:28px 24px;gap:16px}#v-notes .fx-line{padding:14px 24px}#v-notes .fx-row{padding:24px;grid-template-columns:24px 1fr 16px;gap:12px}#fxNote{padding-inline:8px}#fxPanels .fx-panel{padding:24px 20px}#fxPanels .fx-body .prompt{font-size:19px}#v-excerpt .h35-reader-pages{padding:32px 16px;gap:36px}}


/* v51: selected manuscript pages, shown in full */
#v-what .b51-feature{background:var(--paper);padding:64px clamp(20px,4vw,64px)}
.b51-feature>header{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1200px;margin:0 auto 36px;align-items:start}
.b51-feature h2,.b51-next h2{font:400 clamp(34px,4vw,56px)/1.12 var(--serif);letter-spacing:-.025em;margin:0;text-wrap:balance}
.b51-feature header p{font:400 18px/1.7 var(--sans);max-width:50ch;margin:0}
.b51-stage{max-width:1400px;margin:auto;background:#0a0a0a;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:clamp(24px,5vw,80px)}
.b51-stage figure{margin:0;min-width:0}
.b51-stage img{width:100%;height:auto;display:block;background:white;object-fit:contain}
.b51-stage figcaption{color:#fcfaf5;font:400 14px/1.5 var(--sans);text-align:center;padding-top:18px}
.b51-reading{max-width:1200px;margin:24px auto 0}
.b51-reading summary{cursor:pointer;font:500 16px/1.5 var(--sans);padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.b51-reading details>div{max-width:70ch;margin:24px auto}
.b51-reading h4{font:500 18px/1.5 var(--sans);margin:32px 0 12px}
.b51-reading p{font:400 20px/1.75 var(--serif);white-space:pre-line;margin:0}
.b51-next{padding:64px 24px;text-align:center;border-top:1px solid var(--hair)}
.b51-next .btns{justify-content:center;margin-top:28px}
@media(max-width:700px){#v-what .b51-feature{padding:40px 16px}.b51-feature>header{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.b51-stage{grid-template-columns:1fr;gap:28px;padding:20px}.b51-reading p{font-size:18px}}


.b51-reading details[open]{margin-top:32px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.b51-reading .b52-article{max-width:680px;margin:0 auto;padding:48px 0 64px}
.b52-article header{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--hair)}
.b51-reading .b52-article h2{font:400 clamp(34px,4vw,52px)/1.15 var(--serif);letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance}
.b51-reading .b52-article h3{font:500 clamp(24px,2.5vw,30px)/1.3 var(--serif);letter-spacing:-.015em;margin:42px 0 18px;text-wrap:balance}
.b51-reading .b52-article p{font:400 clamp(19px,1.7vw,22px)/1.75 var(--serif);white-space:normal;margin:0 0 22px}
.b51-reading .b52-article .b52-byline{font:400 14px/1.7 var(--sans);color:var(--graphite);margin:0}
.b51-reading .b52-article .b52-continuation{font:400 15px/1.7 var(--sans);border-top:1px solid var(--hair);padding-top:24px;margin-top:36px;color:var(--graphite)}
.b52-book-answer{max-width:880px;margin:0 auto;padding:48px 24px 0}
.b52-book-answer h2{font:400 clamp(28px,3vw,40px)/1.2 var(--serif);margin:0 0 20px}
.b52-book-answer p{font:400 19px/1.75 var(--sans);margin:0}
@media(max-width:700px){.b51-reading .b52-article{padding:32px 8px 40px}.b52-article header{margin-bottom:28px}}


/* v53 — book-cover typography as the final page signature */
.footer37 .footer45-wordmark{background:#0a0a0a;color:#fff;border-top:0;padding:clamp(48px,5vw,80px) 24px clamp(80px,8vw,128px);line-height:1.15}
.footer37 .footer45-wordmark:hover{color:#fff;text-decoration:none}
.footer37 .footer45-wordmark:focus-visible{outline:3px solid #fff;outline-offset:-12px}
@media(max-width:600px){.footer37 .footer45-wordmark{padding:40px 20px 72px;line-height:1.12}}


.h35-transcript .t54-reading{max-width:680px;margin:40px auto 0;padding:0 0 40px;white-space:normal}
.t54-reading h2{font:400 clamp(34px,4vw,48px)/1.15 var(--serif);letter-spacing:-.025em;margin:0 0 18px}
.t54-reading h3{font:500 28px/1.3 var(--serif);margin:40px 0 18px}
.h35-transcript .t54-reading p,.t54-reading li{font:400 21px/1.75 var(--serif);white-space:normal;margin:0 0 20px}
.h35-transcript .t54-reading .t54-meta{font:400 14px/1.6 var(--sans);border-bottom:1px solid var(--hair);padding-bottom:28px;margin-bottom:36px}
.t54-reading ul,.t54-reading ol{padding-left:26px;margin:24px 0}
.t54-brief{margin-top:28px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.t54-brief summary{font:500 17px/1.5 var(--sans);padding:20px 0;cursor:pointer}
.t54-brief>div{max-width:65ch;padding:0 0 28px}.t54-brief h3{font:500 24px/1.3 var(--serif);margin:28px 0 12px}.t54-brief p{margin-bottom:20px}
.b51-next .btn:has(small),.t54-buy{display:inline-flex;flex-direction:column;gap:5px;justify-content:center}
.b51-next .btn small,.t54-buy small{font:400 13px/1.4 var(--sans);text-transform:none;letter-spacing:0}
@media(max-width:600px){.h35-transcript .t54-reading p,.t54-reading li{font-size:19px}.t54-reading h3{font-size:25px}}


/* v55 — a quiet reading pause, followed by a unified dark footer */
.colo.footer37{padding:0;background:var(--bone)}
.footer55-pause{padding:48px clamp(24px,5vw,80px) 0}
.footer55-pause .footer37-quote{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:36px 0 0;max-width:1000px}
.footer55-pause .colo-line{font:400 italic clamp(23px,2.3vw,32px)/1.5 var(--serif);max-width:46ch;min-height:110px;text-wrap:pretty}
.footer55-pause .colo-folio{font-style:normal;display:block}
.footer55-pause .colo-next{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 4px;background:transparent;border:0;text-decoration:underline;text-underline-offset:5px;color:var(--graphite);cursor:pointer}
.footer55-pause .colo-next:hover{color:var(--blue)}
.footer55-pause .footer42-signature{padding:24px 0 48px;margin:0 auto}
.footer55-dark{background:#0a0a0a;color:#fff;padding:64px clamp(24px,5vw,80px) 24px}
.footer55-dark .footer37-main{padding-bottom:44px}
.footer55-dark .footer37-title,.footer55-dark .footer37-nav a,.footer55-dark .footer41-contact>a,.footer55-dark .footer41-letter{color:#fff}
.footer55-dark .footer37-brand>p,.footer55-dark .footer37-cities,.footer55-dark .footer41-contact p{color:#c9c7c2}
.footer55-dark .footer37-cities span{color:#c9c7c2}
.footer55-dark .footer37-bottom{color:#c9c7c2;border-top:1px solid #45433f;padding-top:24px;padding-bottom:12px}
.footer55-dark a:focus-visible{outline:2px solid white;outline-offset:4px}
.footer55-dark .footer45-wordmark{margin:0;padding:40px 0 72px;font-size:clamp(40px,8.2vw,148px)}
@media(max-width:600px){.footer55-pause{padding-top:28px}.footer55-pause .colo-line{min-height:140px}.footer55-pause .footer42-signature{padding-bottom:32px}.footer55-dark{padding-top:40px}.footer55-dark .footer45-wordmark{font-size:17vw;padding:32px 0 52px}}


#fxPanels .fx-panel:not(.fx-brk){max-width:1000px;padding:36px clamp(24px,6vw,80px) 32px}
#fxPanels .fx-body.f56-body{display:block;max-width:760px;margin:auto;padding:40px 0 28px}
#fxPanels .f56-body h3{font-size:clamp(36px,4.5vw,60px);max-width:19ch;margin:0 0 24px;line-height:1.12}
#fxPanels .f56-body .prompt{font:400 21px/1.7 var(--sans);max-width:54ch}
#fxPanels .f56-body .q{font:400 clamp(28px,3.3vw,40px)/1.3 var(--serif);max-width:32ch;margin:30px 0}
.f56-action{padding:32px;background:#002fa7;color:white;margin:30px 0}
.f56-action h4,.f56-reflect h4{font:500 19px/1.4 var(--sans);margin:0 0 16px}
.f56-action p,.f56-reflect p{font:400 22px/1.65 var(--sans);margin:0;max-width:52ch}
.f56-reflect{padding:8px 0 20px}
#fxPanels .f56-body .epi{margin-top:20px}
.f56-source,.f56-save-help{font:400 14px/1.65 var(--sans);color:var(--graphite);margin:20px 0}
.f56-share{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);margin:28px 0}
.f56-share summary{padding:18px 0;cursor:pointer;font:500 16px/1.5 var(--sans);min-height:44px}
.f56-share img{max-width:360px;width:100%;height:auto;margin:12px 0 20px}
.f56-share a{display:inline-block;padding:12px 0;min-height:44px;font:500 16px/1.5 var(--sans)}
.f56-share p{font:400 13px/1.6 var(--sans);margin-bottom:24px}
#fxPanels .fx-foot{display:flex;flex-wrap:wrap;justify-content:space-between}
@media(max-width:600px){#fxPanels .fx-panel:not(.fx-brk){padding:24px 20px}.f56-action{padding:24px}.f56-action p,.f56-reflect p,#fxPanels .f56-body .prompt{font-size:19px}#fxPanels .fx-body.f56-body{padding-top:28px}}


#v-notes{background:var(--paper);color:var(--ink)}
.q57-intro{max-width:1100px;margin:auto;padding:88px 24px 64px;text-align:center}
.q57-intro h1{font:400 clamp(46px,6vw,80px)/1.08 var(--serif);letter-spacing:-.03em;margin:0 0 28px;text-wrap:balance}
.q57-intro p{font:400 19px/1.65 var(--sans);margin:0}.q57-intro .q57-invitation{margin-top:24px;font:400 italic 23px/1.5 var(--serif)}
.q57-collection{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;padding:0 40px}
.q57-quote{margin:0;padding:56px 40px;display:flex;flex-direction:column;justify-content:center;min-width:0;border-top:1px solid var(--hair)}
.q57-quote:nth-child(even){border-left:1px solid var(--hair)}
.q57-quote blockquote{margin:0}.q57-quote blockquote p{font:400 clamp(27px,3vw,42px)/1.3 var(--serif);letter-spacing:-.02em;max-width:25ch;margin:0;text-wrap:pretty}
.q57-quote figcaption{font:400 14px/1.6 var(--sans);color:var(--graphite);margin-top:28px}
.q57-quote:nth-child(12n+5),.q57-quote:nth-child(12n+6){background:#002fa7;color:white;border-color:#002fa7}
.q57-quote:nth-child(12n+5) figcaption,.q57-quote:nth-child(12n+6) figcaption{color:white}
.q57-continue{padding:72px 24px;text-align:center}.q57-continue h2{font:400 clamp(30px,4vw,48px)/1.2 var(--serif);margin:0 0 28px;text-wrap:balance}
.q57-faq{padding:64px 24px;background:var(--bone)}
.m49-practice>a{color:var(--ground);font:500 16px/1.5 var(--sans);display:inline-block;min-height:44px;padding:10px 0;text-underline-offset:5px}
@media(max-width:700px){.q57-intro{padding:48px 24px 40px}.q57-collection{grid-template-columns:1fr;padding:0 24px}.q57-quote{padding:36px 20px}.q57-quote:nth-child(even){border-left:0}.q57-quote blockquote p{font-size:30px}.q57-quote figcaption{margin-top:20px}.q57-faq{padding:40px 24px}}


/* A gallery of printed lines: quotation first, source second, controls last. */
#v-notes .q57-intro{padding:clamp(56px,7vw,112px) 24px 64px;max-width:1000px}
#v-notes .q57-intro h1{font-size:clamp(48px,7vw,96px)}
#v-notes .q57-intro .q57-invitation{font:400 16px/1.6 var(--sans);margin-top:24px}
#v-notes .q57-collection{max-width:1600px;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:0 clamp(20px,4vw,64px) 24px}
#v-notes .q57-quote{position:relative;grid-column:span 6;min-height:380px;border:0;background:#eee9de;color:#171714;padding:clamp(36px,5vw,80px);align-items:flex-start;justify-content:center}
#v-notes .q57-quote:nth-child(4n+1){grid-column:span 7;background:#f4f0e7}
#v-notes .q57-quote:nth-child(4n+2){grid-column:span 5;background:#e0e5ed}
#v-notes .q57-quote:nth-child(4n+3){grid-column:span 5;background:#e9e4d9}
#v-notes .q57-quote:nth-child(4n){grid-column:span 7;background:#f4f0e7}
#v-notes .q57-quote:nth-child(8n+1){background:#002fa7;color:#fff}
#v-notes .q57-quote:nth-child(12n+6){background:#171714;color:#fff}
#v-notes .q57-quote:nth-child(12n+11){grid-column:1/-1;min-height:440px;text-align:center;align-items:center;background:#002fa7;color:#fff;padding-block:96px}
#v-notes .q57-quote:nth-child(12n+12){grid-column:1/-1;min-height:280px;align-items:center;text-align:center;background:transparent}
#v-notes .q57-quote blockquote{width:100%;margin:0}
#v-notes .q57-quote blockquote p{font:400 clamp(30px,3.25vw,52px)/1.18 var(--serif);letter-spacing:-.025em;margin:0;max-width:25ch;text-wrap:pretty}
#v-notes .q57-quote:nth-child(12n+11) blockquote p{font-size:clamp(40px,5.5vw,80px);max-width:21ch;margin-inline:auto}
#v-notes .q57-quote:nth-child(12n+12) blockquote p{max-width:32ch;margin-inline:auto}
#v-notes .q57-quote figcaption{color:inherit;font:400 14px/1.6 var(--sans);margin:32px 0 0}
.q58-open{display:none;align-items:center;gap:16px;color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;padding:12px 0 8px;margin-top:24px;min-height:44px;font:500 14px/1.5 var(--sans);cursor:pointer}
.q58-ready .q58-open{display:inline-flex}.q58-open svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s ease-out}
.q58-open:hover svg{transform:translate(2px,-2px)}
.q58-open:focus-visible,.q58-reader button:focus-visible{outline:2px solid currentColor;outline-offset:6px}
#v-notes .q57-quote::selection,#v-notes .q57-quote *::selection{background:#d3f044;color:#171714}
.q58-reader{box-sizing:border-box;inset:0;margin:auto;width:100%;max-width:none;height:100%;max-height:none;border:0;padding:0;background:var(--paper,#f4f0e7);color:#171714;overflow:auto;overscroll-behavior:contain}
.q58-reader:not([open]){display:none}.q58-reader[open]{display:flex;flex-direction:column}
.q58-reader::backdrop{background:#171714}
.q58-reader-top,.q58-reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(24px,5vw,80px);flex-wrap:wrap}
.q58-reader-top{border-bottom:1px solid #cbc7bf}.q58-reader-bottom{border-top:1px solid #cbc7bf}
.q58-reader button{font:500 15px/1.5 var(--sans);background:transparent;color:inherit;border:0;padding:12px 0;min-height:44px;cursor:pointer;text-underline-offset:5px}
.q58-reader button:hover{text-decoration:underline}.q58-reader button:disabled{opacity:.4;cursor:default;text-decoration:none}
.q58-reader-top p,.q58-reader-bottom p{font:400 14px/1.6 var(--sans);margin:0}
.q58-reader-figure{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:64px 24px;text-align:center}
.q58-reader-figure blockquote{max-width:1050px;margin:0;font:400 clamp(36px,5.5vw,80px)/1.18 var(--serif);letter-spacing:-.025em;text-wrap:balance}
.q58-reader-figure figcaption{font:400 16px/1.6 var(--sans);margin-top:40px}
.q58-reader-credit{display:block;font:400 italic 18px/1.5 var(--serif);margin-top:12px}
body.q58-reading{overflow:hidden}
@media(max-width:760px){#v-notes .q57-collection{display:flex;flex-direction:column;gap:16px}#v-notes .q57-quote{min-height:320px;padding:40px 28px}#v-notes .q57-quote:nth-child(12n+11){min-height:360px;padding:56px 28px}#v-notes .q57-quote:nth-child(12n+12){min-height:280px;padding:40px 20px}#v-notes .q57-quote blockquote p{font-size:36px}#v-notes .q57-quote:nth-child(12n+11) blockquote p{font-size:44px}.q58-reader-top,.q58-reader-bottom{gap:12px;padding:16px 24px}.q58-reader-figure{padding:48px 24px}}
@media(prefers-reduced-motion:reduce){.q58-open svg{transition:none}}


.q59-controls{max-width:1600px;margin:0 auto;padding:0 clamp(20px,4vw,64px) 24px;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.q59-controls:not([hidden]){display:flex}.q59-controls p{font:400 14px/1.5 var(--sans);margin:0}.q59-controls>div{display:flex;gap:12px;flex-wrap:wrap}.q59-controls button{font:500 14px/1.5 var(--sans);padding:12px 16px;min-height:44px;background:transparent;color:var(--ink);border:1px solid currentColor;cursor:pointer}.q59-controls button:hover{background:var(--ink);color:var(--paper)}.q59-controls button:focus-visible,.q59-window:focus-visible{outline:3px solid #002fa7;outline-offset:4px}
.q59-window.q59-live{height: min(78vh,900px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#002fa7 #eee9de;scrollbar-width:thin}
#v-notes .q57-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#v-notes .q57-collection .q57-quote{grid-column:auto;min-height:440px;padding:48px 36px;text-align:left;align-items:flex-start;background:var(--q59-bg,#eee9de);color:var(--q59-fg,#171714)}
#v-notes .q57-collection .q57-quote blockquote p{font-size:clamp(30px,2.6vw,44px);max-width:25ch;margin:0}
#v-notes .q57-collection .q57-quote.q59-emphasis blockquote p{font-style:italic}
#v-notes .q57-collection .q57-quote figcaption{margin-top:24px}
.q59-inquiry{border-top:1px solid currentColor;padding-top:20px;margin-top:24px;width:100%}.q59-inquiry h2{font:500 13px/1.5 var(--sans);margin:0 0 8px}.q59-inquiry p{font:400 18px/1.5 var(--sans);margin:0;max-width:32ch}
.q59-note{font:400 14px/1.6 var(--sans);max-width:60ch;margin:0 auto 32px}
.q59-reader-inquiry{max-width:600px;border-top:1px solid #cbc7bf;margin-top:40px;padding-top:24px}.q59-reader-inquiry h2{font:500 14px/1.5 var(--sans);margin:0 0 12px}.q59-reader-inquiry p{font:400 24px/1.4 var(--serif);margin:0 0 12px}.q59-reader-inquiry small{font:400 12px/1.5 var(--sans)}
@media(max-width:1050px){#v-notes .q57-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#v-notes .q57-collection{display:flex}.q59-window.q59-live{height:70vh}#v-notes .q57-collection .q57-quote{min-height:360px;padding:40px 28px}.q59-controls{gap:16px}.q59-controls>div{gap:8px}.q59-controls button{padding:10px 12px}}


/* One continuous page, ending at the site's shared newsletter and footer. */
#v-notes .q59-window{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto}
#v-notes .q57-continue{padding:72px 24px 80px;border-top:1px solid var(--hair);background:var(--paper)}
#v-notes .q57-continue .btn{display:inline-flex;align-items:center;justify-content:center;background:#002fa7;color:#fff;min-height:48px;padding:14px 24px;text-decoration:none;font:500 16px/1.5 var(--sans)}
#v-notes .q57-continue .btn:focus-visible{outline:3px solid #002fa7;outline-offset:5px}
#v-notes .q57-continue .btn:hover{background:#171714}


.q59-inquiry[hidden]{display:none}
.q58-reader-figure{padding-top:48px;padding-bottom:48px}
.q58-reader-figure blockquote{font-size:clamp(30px,4vw,56px);max-width:920px}
.q58-reader-figure figcaption{margin-top:24px}
.q59-reader-inquiry{width:min(100%,760px);max-width:760px;margin-top:40px;padding-top:32px}
.q59-reader-inquiry h2{font:500 15px/1.5 var(--sans);margin:0 0 16px}
.q59-reader-inquiry p{font:400 clamp(30px,4vw,48px)/1.25 var(--serif);letter-spacing:-.02em;text-wrap:balance;margin-bottom:24px}
.q59-reader-inquiry small{font:400 14px/1.6 var(--sans)}


.footer55-dark .footer45-wordmark{padding-bottom:56px}
.footer55-dark .footer62-quotes{padding:48px 0 0;border-top:1px solid #45433f;color:#fff;text-align:center}
.footer62-quotes h2{font:500 18px/1.5 var(--sans);margin:0 0 28px;color:#fff}
.footer62-quotes .footer37-quote{border:0;padding:0;margin:0 auto;gap:24px}
.footer62-quotes .colo-line{font:400 italic clamp(28px,3.2vw,44px)/1.3 var(--serif);letter-spacing:-.015em;max-width:34ch;margin:0;min-height:152px;color:#fff;text-wrap:pretty}
.footer62-quotes .colo-folio{font:400 13px/1.6 var(--sans);color:#c9c7c2;letter-spacing:.04em;margin-top:24px;text-transform:none}
.footer62-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.footer62-actions .footer62-explore{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:#fff;color:#0a0a0a;font:500 15px/1.5 var(--sans);text-decoration:none}
.footer62-actions .footer62-explore:hover{background:#d3f044;color:#0a0a0a;text-decoration:none}
.footer62-quotes .colo-next{margin:0;color:#fff;font:400 15px/1.5 var(--sans);letter-spacing:0;text-transform:none}
.footer62-quotes .colo-next:hover{color:#d3f044}
.footer62-quotes .colo-next:focus-visible{outline:2px solid #fff;outline-offset:4px}
.footer62-quotes .footer42-signature{padding:48px 0 56px}
.footer62-quotes .footer42-signature .colo-mark{width:clamp(240px,28vw,420px);max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0}
@media(max-width:600px){.footer55-dark .footer45-wordmark{padding-bottom:40px}.footer55-dark .footer62-quotes{padding-top:36px}.footer62-quotes .colo-line{min-height:168px}.footer62-actions{gap:16px}.footer62-quotes .footer42-signature{padding:36px 0 44px}}


.q63-home{background:var(--paper);border-top:1px solid var(--hair);padding:clamp(48px,6vw,88px) clamp(24px,5vw,80px)}
.q63-heading{max-width:1440px;margin:0 auto 36px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.q63-heading h2{font:400 clamp(36px,4vw,56px)/1.15 var(--serif);letter-spacing:-.025em;margin:0 0 16px}.q63-heading p{font:400 17px/1.6 var(--sans);margin:0;max-width:55ch}
.q63-heading>a{font:500 15px/1.5 var(--sans);color:var(--ink);padding:12px 0;min-height:44px;text-underline-offset:5px;flex-shrink:0}
.q63-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1440px;margin:auto}
.q63-card{margin:0;min-width:0;display:flex;flex-direction:column;padding:clamp(28px,3.2vw,48px);background:#d3f044;color:#171714}
.q63-card:nth-child(2){background:#e0e5ed;color:#002fa7}.q63-card:nth-child(3){background:#eee9de}
.q63-card blockquote{margin:0 0 28px;flex:1}.q63-card blockquote p{font:400 clamp(28px,2.7vw,42px)/1.2 var(--serif);letter-spacing:-.025em;text-wrap:pretty;margin:0}.q63-card:first-child blockquote p{font-style:italic}
.q63-card figcaption{font:400 14px/1.6 var(--sans);margin:0 0 24px}
.q63-explore{display:inline-flex;align-items:center;gap:16px;align-self:flex-start;min-height:44px;padding:12px 0 8px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:500 15px/1.5 var(--sans);cursor:pointer}.q63-explore svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.q63-explore:hover{text-decoration:underline;text-underline-offset:4px}.q63-explore:focus-visible,.q63-heading>a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.footer63-signoff{text-align:center;padding-top:24px;border-top:1px solid #45433f}.footer63-quotes{display:inline-flex;align-items:center;min-height:44px;color:white;font:400 16px/1.5 var(--sans);text-underline-offset:5px}
.footer63-signoff .footer42-signature{padding:28px 0 48px}.footer63-signoff .footer42-signature .colo-mark{width:clamp(240px,28vw,420px);max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0}
@media(max-width:900px){.q63-heading{display:block}.q63-heading>a{display:inline-flex;margin-top:16px}.q63-grid{gap:16px}.q63-card{padding:28px 24px}}
@media(max-width:700px){.q63-grid{grid-template-columns:1fr}.q63-card{padding:36px 28px}.q63-card blockquote p{font-size:34px}.footer63-signoff .footer42-signature{padding-bottom:36px}}

.q63-card:first-child blockquote p{font-style:normal}.q63-card:nth-child(3) blockquote p{font-style:italic}

body.q58-reading{overflow:visible}
#q58-reader.q65-reader[hidden]{display:none}
#q58-reader.q65-reader:not([hidden]){display:block;position:static;grid-column:1/-1;box-sizing:border-box;inset:auto;width:100%;height:auto;min-height:0;max-height:none;max-width:1320px;margin:32px auto 0;border:1px solid var(--hair);padding:0;overflow:visible;scroll-margin-top:140px;background:var(--paper);color:var(--ink)}
.q65-reader .q58-reader-top{padding:24px 32px;border-bottom:1px solid var(--hair)}
.q65-reader .q58-reader-top h2{font:500 18px/1.5 var(--sans);margin:0}
.q65-reader .q58-reader-top h2:focus{outline:none}
.q65-reader .q58-reader-figure{padding:48px 32px;max-width:1050px;margin:0 auto}
.q65-reader .q58-reader-figure blockquote{font-size:clamp(28px,3.2vw,44px)}
.q65-reader .q59-reader-inquiry p{font-size:clamp(30px,3.6vw,48px)}
.q65-reader .q58-reader-bottom{padding:16px 32px;border-top:1px solid var(--hair)}
.q65-reading-links{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--hair);padding:24px 32px}
.q65-reading-links a{font:500 16px/1.5 var(--sans);color:var(--ink);min-height:48px;padding:12px 0;text-underline-offset:5px}
.q65-reading-links .q65-buy{background:#002fa7;color:white;padding:12px 24px;text-decoration:none}
.q65-reading-links a:focus-visible{outline:2px solid #002fa7;outline-offset:4px}
@media(max-width:700px){#q58-reader.q65-reader:not([hidden]){scroll-margin-top:100px;margin-top:24px}.q65-reader .q58-reader-top,.q65-reader .q58-reader-bottom{padding:16px 24px}.q65-reader .q58-reader-figure{padding:36px 24px}.q65-reading-links{padding:20px 24px}}

/* ══ v66 Claude — the lines and the inquiry, in the book's own lanes ══
   Every quote belongs to a chapter; every chapter to a movement; every movement to a lane.
   The card is the pale step of its lane mixed toward paper (Ink clears 7:1 on all seven);
   the chapter number sits in Paper on the lane's deep step, the way the rooms do on the walk.
   Volt is not a ground. The random colour cycling is retired. */
.q63-card,#v-notes .q57-collection .q57-quote{
  --lane:#14110D; --lane-pale:#ECE5D2;
  background:color-mix(in srgb,var(--lane-pale) 62%,var(--paper))!important;color:var(--ink)!important;
  position:relative;border:0;padding:clamp(28px,3vw,44px)!important;min-height:0;display:flex;flex-direction:column;gap:0;text-align:left;align-items:stretch}
.q63-card:nth-child(2),.q63-card:nth-child(3){background:color-mix(in srgb,var(--lane-pale) 62%,var(--paper))!important;color:var(--ink)!important}
.q-room{display:inline-grid;place-items:center;min-width:52px;height:52px;padding:0 12px;margin:0 0 26px;background:var(--lane);color:var(--paper);
  font:400 26px/1 var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-self:flex-start}
.q-plate{font:600 11px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lane);margin:0 0 14px}
.q63-card blockquote,#v-notes .q57-collection .q57-quote blockquote{margin:0 0 26px;flex:1}
.q63-card blockquote p,#v-notes .q57-collection .q57-quote blockquote p{font:400 clamp(26px,2.5vw,38px)/1.18 var(--serif)!important;letter-spacing:-.025em;font-style:normal!important;color:var(--ink);max-width:22ch;text-wrap:pretty}
.q63-card figcaption,#v-notes .q57-collection .q57-quote figcaption{font:500 12px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.8;margin:0 0 22px}
.q63-explore,.q58-open{font:600 12px/1.4 var(--mono)!important;letter-spacing:.14em;text-transform:uppercase;border-bottom:0!important;padding:10px 0 6px!important;
  background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;color:var(--ink)}
.q63-explore svg,.q58-open svg{display:none}
.q63-explore::after,.q58-open::after{content:"+";font:400 20px/1 var(--serif);margin-left:10px;transition:transform var(--catch) var(--arrive)}
.q63-explore[aria-expanded="true"]::after,.q58-open[aria-expanded="true"]::after{transform:rotate(45deg)}
.q63-card:has([aria-expanded="true"]),#v-notes .q57-quote:has([aria-expanded="true"]){box-shadow:inset 0 0 0 2px var(--lane)}
.q59-controls{display:none!important}
.q59-emphasis{grid-column:auto!important}
#v-notes .q57-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 clamp(24px,5vw,80px);max-width:1440px}
#v-notes .q57-collection .q57-quote{border:0!important}
@media(max-width:1000px){#v-notes .q57-collection{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#v-notes .q57-collection{grid-template-columns:1fr;display:grid!important}}

/* the inquiry, opened in place: it takes the lane of the line that opened it */
#q58-reader.q65-reader:not([hidden]){--lane:#14110D;--lane-pale:#ECE5D2;
  background:color-mix(in srgb,var(--lane-pale) 62%,var(--paper));color:var(--ink);border:0;box-shadow:inset 0 0 0 2px var(--lane);margin-top:20px;max-width:1440px;scroll-margin-top:96px}
.q65-reader .q58-reader-top{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px clamp(24px,3vw,44px);border-bottom:1px solid color-mix(in srgb,var(--lane) 30%,transparent)}
.q65-reader .q58-reader-top h2{font:600 12px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lane);max-width:none;width:auto;margin:0}
.q65-reader #q58-close{font:600 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;padding:10px 0 6px;text-decoration:none!important}
.q65-reader .q58-reader-figure{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:clamp(32px,5vw,88px);align-items:start;text-align:left;
  max-width:none;padding:clamp(36px,4.5vw,64px) clamp(24px,3vw,44px)}
.q65-reader .q58-reader-figure blockquote{font:400 clamp(22px,2vw,30px)/1.28 var(--serif);letter-spacing:-.018em;max-width:24ch;text-wrap:pretty;margin:0}
.q65-reader .q58-reader-figure blockquote::before{content:"The line";display:block;font:600 12px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lane);margin-bottom:18px}
.q65-reader .q58-reader-figure figcaption{margin-top:18px;font:500 12px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.85}
.q65-reader .q58-reader-credit{display:none}
.q65-reader .q59-reader-inquiry{grid-column:2;grid-row:1/3;margin:0;padding:0;border:0;max-width:none;width:auto}
.q65-reader .q59-reader-inquiry h2{font:600 12px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lane);margin:0 0 18px}
.q65-reader .q59-reader-inquiry p{font:400 clamp(30px,3.4vw,52px)/1.12 var(--serif)!important;letter-spacing:-.03em;max-width:20ch;margin:0 0 22px;text-wrap:balance}
.q65-reader .q59-reader-inquiry small{font:500 12px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:.85}
.q65-reader .q58-reader-bottom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:14px clamp(24px,3vw,44px);border-top:1px solid color-mix(in srgb,var(--lane) 30%,transparent)}
.q65-reader .q58-reader-bottom button{font:600 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;min-height:44px;color:var(--ink);text-decoration:none!important;
  background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 2px;background-position:0 88%;transition:background-size var(--catch) var(--arrive)}
.q65-reader .q58-reader-bottom button:hover,.q65-reader .q58-reader-bottom button:focus-visible{background-size:100% 2px}
.q65-reader .q58-reader-bottom button:disabled{opacity:.35}
.q65-reader #q58-position{text-align:center;font:600 12px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-variant-numeric:tabular-nums}
.q65-reading-links{display:none}
@media(max-width:900px){
  .q65-reader .q58-reader-figure{grid-template-columns:1fr;gap:28px}
  .q65-reader .q59-reader-inquiry{grid-column:1;grid-row:auto;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--lane) 30%,transparent)}
  .q65-reader .q58-reader-bottom{grid-template-columns:1fr 1fr;gap:8px}
  .q65-reader #q58-position{grid-column:1/-1;order:-1;text-align:left}
}

/* v67 — editorial lock: less taxonomy, more discovery */
.home67{background:var(--paper);color:var(--ink)}
.v67-opening{min-height:calc(100svh - 60px);padding:clamp(64px,9vw,128px) clamp(24px,6vw,90px);display:flex;flex-direction:column;justify-content:flex-end;border-bottom:var(--rule)}
.v67-kicker,.v67-eyebrow,.v67-small,.v67-scroll{font:600 12px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.v67-kicker,.v67-eyebrow,.v67-small{color:var(--stone)}
.v67-opening h1{font:400 clamp(64px,10vw,164px)/.88 var(--serif);letter-spacing:-.05em;max-width:9.5ch;margin:20px 0 0;text-wrap:balance}
.v67-opening h1 em,.v67-create h2 em,.v67-medium h2 em,.v67-ordinary h2 em,.v67-book h2 em,.v67-close h2 em{font-style:italic;font-weight:400}
.v67-quiet{font:400 clamp(21px,2vw,29px)/1.35 var(--serif);max-width:35ch;margin:clamp(32px,5vw,62px) 0 0;color:var(--graphite)}
.v67-scroll{margin-top:38px;color:var(--ink)}
.v67-create,.v67-medium,.v67-ordinary{display:grid;grid-template-columns:minmax(72px,.16fr) minmax(0,1fr);gap:clamp(28px,6vw,100px);padding:clamp(84px,11vw,160px) clamp(24px,6vw,90px);border-bottom:var(--rule)}
.v67-num{font:400 clamp(54px,7vw,110px)/.9 var(--serif);letter-spacing:-.05em;color:var(--blue)}
.v67-create h2,.v67-medium h2,.v67-ordinary h2,.v67-book h2{font:400 clamp(52px,7vw,112px)/.9 var(--serif);letter-spacing:-.045em;max-width:9ch;margin:18px 0 0}
.v67-lede{font:400 clamp(24px,2.7vw,40px)/1.2 var(--serif);letter-spacing:-.025em;max-width:29ch;margin:38px 0 0;text-wrap:pretty}
.v67-body{font:400 18px/1.6 var(--sans);max-width:52ch;margin:26px 0 0;color:var(--graphite)}
.v67-observation{min-height:88svh;padding:clamp(80px,12vw,170px) clamp(24px,8vw,120px);background:var(--cream);display:flex;flex-direction:column;justify-content:center;border-bottom:var(--rule)}
.v67-observation>p:not(.v67-after):not(.v67-whisper){font:400 clamp(40px,6vw,90px)/.98 var(--serif);letter-spacing:-.04em;max-width:14ch;margin:20px 0 0}
.v67-rule{height:2px;background:var(--ink);width:min(100%,820px);margin:52px 0}
.v67-after{font:400 clamp(22px,2.5vw,34px)/1.35 var(--serif);max-width:39ch;margin:0}
.v67-whisper{font:italic 400 clamp(22px,2.3vw,32px)/1.35 var(--serif);margin:44px 0 0;color:var(--blue)}
.v67-media{margin-top:42px;border-top:var(--rule);max-width:820px}
.v67-media div{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--hair)}
.v67-media span{font:600 12px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.v67-media b{font:400 clamp(22px,2.2vw,32px)/1.2 var(--serif)}
.v67-machine{background:var(--ink);color:var(--paper);padding:clamp(90px,12vw,180px) clamp(24px,7vw,110px);border-bottom:var(--rule)}
.v67-eyebrow.light{color:var(--paper);opacity:.75}
.v67-machine h2{font:400 clamp(50px,7.5vw,122px)/.9 var(--serif);letter-spacing:-.05em;max-width:11ch;margin:22px 0 0}
.v67-machine .v67-second{color:var(--volt);margin-top:40px}
.v67-machine-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);max-width:980px;margin-top:70px;padding-top:28px;border-top:1px solid rgba(252,250,245,.35)}
.v67-machine-copy p{font:400 18px/1.6 var(--sans);margin:0;color:var(--paper)}
.v67-fragments{margin-top:44px;max-width:780px}
.v67-fragments p{font:400 clamp(24px,2.6vw,38px)/1.2 var(--serif);padding:20px 0;margin:0;border-bottom:1px solid var(--hair);letter-spacing:-.02em}
.v67-book{display:grid;grid-template-columns:1fr 1fr;min-height:90svh;border-bottom:var(--rule)}
.v67-book-copy{padding:clamp(70px,9vw,130px) clamp(24px,6vw,90px);display:flex;flex-direction:column;justify-content:center}
.v67-book .hero-cover{min-height:760px;border-left:var(--rule);border-bottom:0}
.v67-sub{font:italic 400 clamp(24px,2.4vw,34px)/1.2 var(--serif);margin:18px 0 0;color:var(--graphite)}
.v67-book .btns{margin-top:34px}
.v67-doors{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:var(--rule)}
.v67-doors a{padding:clamp(38px,5vw,70px);min-height:220px;text-decoration:none;color:var(--ink);border-right:var(--rule);display:flex;flex-direction:column;justify-content:space-between;gap:34px;background:var(--paper)}
.v67-doors a:last-child{border-right:0}.v67-doors a:hover{background:var(--cream)}
.v67-doors span{font:600 12px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--stone)}
.v67-doors b{font:400 clamp(24px,2.4vw,36px)/1.12 var(--serif);max-width:14ch}
.v67-close{min-height:82svh;padding:clamp(80px,12vw,170px) clamp(24px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.v67-close>p:first-child{font:400 clamp(22px,2.3vw,32px)/1.35 var(--serif);max-width:30ch;color:var(--graphite)}
.v67-close h2{font:400 clamp(58px,8vw,132px)/.9 var(--serif);letter-spacing:-.05em;max-width:9ch;margin:28px 0 0}
.v67-sign{margin-top:58px;font:600 12px var(--mono);letter-spacing:.16em;text-transform:uppercase}
@media(max-width:900px){.v67-create,.v67-medium,.v67-ordinary{grid-template-columns:1fr}.v67-num{font-size:48px}.v67-machine-copy{grid-template-columns:1fr}.v67-book{grid-template-columns:1fr}.v67-book .hero-cover{border-left:0;border-top:var(--rule);min-height:620px}.v67-doors{grid-template-columns:1fr}.v67-doors a{border-right:0;border-bottom:var(--rule);min-height:160px}.v67-doors a:last-child{border-bottom:0}}
@media(max-width:680px){.v67-opening h1{font-size:clamp(58px,17vw,92px)}.v67-create h2,.v67-medium h2,.v67-ordinary h2,.v67-book h2{font-size:clamp(48px,14vw,78px)}.v67-media div{grid-template-columns:1fr;gap:4px}.v67-book .hero-cover{min-height:auto;padding:60px 30px}}


/* v68 — mobile navigation: an editorial contents page, not a dropdown */
@media (max-width: 760px){
  body.menu-open{overflow:hidden;touch-action:none}
  .masthead{height:58px;min-height:58px;grid-template-columns:minmax(0,1fr) auto!important;padding:0!important;background:rgba(252,250,245,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000}
  .masthead .wordmark{padding:0 16px!important;font:600 16px/1.05 var(--sans)!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
  .masthead>.cta{display:none!important}
  .menu-toggle{display:flex!important;align-items:center;justify-content:center;gap:10px;height:58px;min-height:58px;padding:0 16px!important;border:0!important;border-left:1px solid var(--hair)!important;background:transparent!important;font:600 13px/1 var(--sans)!important;letter-spacing:.02em}
  .menu-toggle span{display:grid;place-items:center;width:22px;height:22px;font:400 22px/1 var(--serif)!important;transition:transform .28s ease}
  .menu-toggle[aria-expanded="true"] span{transform:rotate(45deg)}

  .nav{
    display:flex!important;
    position:fixed!important;
    inset:58px 0 0 0!important;
    width:auto!important;
    height:calc(100dvh - 58px)!important;
    grid-column:auto!important;grid-row:auto!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:var(--paper)!important;
    border:0!important;
    border-top:1px solid var(--hair)!important;
    padding:18px 18px calc(30px + env(safe-area-inset-bottom))!important;
    box-shadow:none!important;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    pointer-events:none;
    transition:opacity .2s ease, transform .28s cubic-bezier(.2,.75,.25,1), visibility 0s linear .28s;
    z-index:999;
  }
  .nav.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
  .nav::before{content:'Explore';display:block;padding:5px 2px 15px;font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--stone)}
  .nav a{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    align-items:center!important;
    width:100%!important;
    min-height:84px!important;
    padding:16px 2px!important;
    border:0!important;
    border-top:1px solid var(--hair)!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:none!important;
    white-space:normal!important;
  }
  .nav a .menu-num{grid-row:1/3;align-self:start;padding-top:7px;font:500 11px/1 var(--mono);letter-spacing:.1em;color:var(--stone)}
  .nav a .menu-label{font:400 clamp(30px,8.7vw,42px)/.96 var(--serif);letter-spacing:-.035em;color:var(--ink)}
  .nav a .menu-note{margin-top:7px;font:400 13px/1.35 var(--sans);color:var(--stone);max-width:34ch}
  .nav a[aria-current="page"] .menu-label{font-style:italic;color:var(--blue)}
  .nav a[aria-current="page"]{box-shadow:none!important}
  .nav a:active{background:var(--cream)!important}
  .nav .mobile-buy{
    display:flex!important;
    grid-template-columns:1fr!important;
    min-height:64px!important;
    margin-top:20px!important;
    padding:18px 20px!important;
    border:2px solid var(--ink)!important;
    background:var(--ink)!important;
    color:var(--paper)!important;
    align-items:center!important;
    justify-content:space-between!important;
    font:600 16px/1.2 var(--sans)!important;
  }
  .nav .mobile-buy .menu-label{font:600 16px/1.2 var(--sans)!important;letter-spacing:0;color:var(--paper)!important}
  .nav .mobile-buy .menu-note,.nav .mobile-buy .menu-num{display:none!important}
  .nav .mobile-buy::after{content:'↗';font:400 22px/1 var(--serif)}
}
@media (prefers-reduced-motion:reduce){.nav,.menu-toggle span{transition:none!important}}


/* v69 — mobile editorial destinations: Movements + Book Quotes */
@media (max-width:760px){
  /* MOVEMENTS — turn the scrollytelling spread into a readable pocket edition */
  #v-movements{background:var(--paper)!important}
  #v-movements .walk-line{
    position:sticky!important;top:58px!important;z-index:80!important;
    display:block!important;padding:10px 16px!important;
    background:rgba(252,250,245,.96)!important;
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border-bottom:1px solid var(--hair)!important
  }
  #v-movements .movement-jump{
    display:block!important;width:100%!important;max-width:none!important;min-height:48px!important;
    margin:0!important;padding:0 42px 0 14px!important;
    background:var(--ink)!important;color:var(--paper)!important;border:0!important;
    font:500 15px/1 var(--sans)!important
  }
  #v-movements .walk-plan,#v-movements .wl-left,#v-movements .wl-right,#v-movements #walkPos,#v-movements #walkPos+span{display:none!important}
  #v-movements #walkStops{display:block!important}
  #v-movements .stop.m49-movement{min-height:auto!important;position:relative!important;display:block!important;border-bottom:1px solid var(--ink)!important}
  #v-movements .m49-spread{display:block!important;min-height:0!important}
  #v-movements .m49-opening{
    min-height:0!important;padding:50px 24px 42px!important;
    background:var(--ground)!important;color:#fff!important
  }
  #v-movements .m49-opening h2{font-size:clamp(48px,13vw,74px)!important;line-height:.95!important;max-width:9ch!important;margin:0!important}
  #v-movements .m49-opening h2>span{display:block!important;margin-bottom:16px!important;font:600 11px/1 var(--mono)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--pale)!important}
  #v-movements .m49-idea{font:400 20px/1.45 var(--sans)!important;max-width:30ch!important;margin:26px 0 0!important;color:#fff!important}
  #v-movements .m49-quote{
    display:block!important;margin:34px 0 0!important;padding:26px 0 0!important;border-top:1px solid color-mix(in srgb,var(--pale) 70%,transparent)!important
  }
  #v-movements .m49-quote blockquote{font:400 italic clamp(27px,8vw,39px)/1.25 var(--serif)!important;max-width:23ch!important;color:#fff!important}
  #v-movements .m49-quote figcaption{margin-top:18px!important;font-size:13px!important;color:var(--pale)!important}
  #v-movements .m49-contents{padding:38px 24px 52px!important;background:var(--paper)!important;color:var(--ink)!important}
  #v-movements .m49-contents h3{font:400 31px/1.05 var(--serif)!important;margin:0 0 12px!important}
  #v-movements .m49-context{font:400 17px/1.55 var(--sans)!important;margin:0 0 30px!important;color:var(--graphite)!important;max-width:34ch!important}
  #v-movements .m49-chapters{margin:0!important;padding:0!important;border-top:1px solid var(--hair)!important}
  #v-movements .m49-chapters li{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;padding:15px 0!important;border-bottom:1px solid var(--hair)!important;font:400 16px/1.35 var(--sans)!important}
  #v-movements .m49-page{font:400 11px/1.5 var(--mono)!important;color:var(--stone)!important;white-space:nowrap!important;padding-top:2px!important}
  #v-movements .m49-practice{margin-top:30px!important}
  #v-movements .m49-practice>a{display:inline-flex!important;min-height:48px!important;align-items:center!important;font-size:16px!important;color:var(--ground)!important}

  /* BOOK QUOTES — full-width printed cards, no desktop mosaic assumptions */
  #v-notes .q57-intro{padding:48px 22px 36px!important;text-align:left!important}
  #v-notes .q57-intro h1{font-size:clamp(52px,15vw,82px)!important;line-height:.93!important;max-width:7ch!important;margin:0 0 24px!important}
  #v-notes .q57-intro p{font-size:17px!important;line-height:1.55!important;max-width:31ch!important}
  #v-notes .q57-intro .q57-invitation{font:italic 400 20px/1.45 var(--serif)!important;margin-top:18px!important}
  #v-notes .q57-collection{display:block!important;padding:0!important;margin:0!important;max-width:none!important}
  #v-notes .q57-quote,
  #v-notes .q57-quote:nth-child(n){
    width:100%!important;min-height:58svh!important;margin:0!important;padding:48px 24px!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
    border:0!important;border-top:1px solid var(--hair)!important;text-align:left!important;grid-column:auto!important
  }
  #v-notes .q57-quote blockquote p,
  #v-notes .q57-quote:nth-child(12n+11) blockquote p,
  #v-notes .q57-quote:nth-child(12n+12) blockquote p{
    font:400 clamp(38px,10.8vw,58px)/1.08 var(--serif)!important;letter-spacing:-.035em!important;
    max-width:12ch!important;margin:0!important;text-align:left!important;text-wrap:balance!important
  }
  #v-notes .q57-quote figcaption{font-size:13px!important;line-height:1.5!important;margin-top:26px!important}
  #v-notes .q58-open{
    display:inline-flex!important;margin-top:28px!important;min-height:48px!important;padding:10px 0!important;
    font:600 14px/1.2 var(--sans)!important;border-bottom:1px solid currentColor!important
  }

  /* The quote + inquiry reader becomes a true full-screen reading sheet */
  .q58-reader{position:fixed!important;inset:58px 0 0!important;height:calc(100dvh - 58px)!important;z-index:1100!important;background:var(--paper)!important}
  .q58-reader[open],.q58-reader:not([hidden]){display:flex!important;flex-direction:column!important}
  .q58-reader-top{position:sticky!important;top:0!important;z-index:3!important;background:var(--paper)!important;padding:12px 20px!important;min-height:54px!important;flex-wrap:nowrap!important}
  .q58-reader-top h2{font:600 11px/1 var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase!important;margin:0!important}
  .q58-reader-top button{font-size:14px!important;white-space:nowrap!important}
  .q58-reader-figure{justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important;padding:46px 22px 40px!important;overflow:visible!important}
  .q58-reader-figure blockquote{font:400 clamp(42px,11.5vw,62px)/1.06 var(--serif)!important;letter-spacing:-.035em!important;max-width:12ch!important;text-align:left!important;margin:0!important}
  .q58-reader-figure figcaption{font-size:14px!important;margin-top:28px!important;text-align:left!important}
  .q58-reader-credit{font-size:16px!important}
  .q59-reader-inquiry{width:100%!important;margin-top:42px!important;padding-top:26px!important;border-top:1px solid var(--hair)!important;text-align:left!important}
  .q59-reader-inquiry h2{font:600 11px/1 var(--mono)!important;letter-spacing:.15em!important;text-transform:uppercase!important;margin:0 0 14px!important;color:var(--stone)!important}
  .q59-reader-inquiry p{font:400 23px/1.4 var(--serif)!important;max-width:25ch!important;margin:0!important}
  .q58-reader-bottom{position:sticky!important;bottom:0!important;z-index:3!important;background:var(--paper)!important;padding:10px 20px calc(10px + env(safe-area-inset-bottom))!important;flex-wrap:nowrap!important}
  .q58-reader-bottom button{font-size:14px!important}.q58-reader-bottom p{font-size:12px!important;white-space:nowrap!important}
  .q65-reading-links{padding:16px 20px calc(18px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;background:var(--paper)!important}
  .q65-reading-links a{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
}


/* ══════════════ FIND IT IN THE WILD · v70 ══════════════ */
.wild70{--wb:#1538C8;--wc:#FBF7EA;--wm:#D9E0FF;--wh:rgba(251,247,234,.30);color:var(--wc);background-color:var(--wb);background-image:radial-gradient(circle at 1px 1px,rgba(251,247,234,.18) 1px,transparent 1.05px);background-size:18px 18px}
.wild70 *{box-sizing:border-box}.wild70 a{color:inherit}
.wild-hero,.wild-section,.wild-callout,.wild-close{padding:clamp(54px,7vw,92px) clamp(22px,6vw,82px);border-bottom:1px solid var(--wc)}
.wild-hero{position:relative;overflow:hidden;min-height:620px}
.wild-kicker{font:600 11px/1.25 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--wc)}
.wild-hero h1,.wild70 h2,.wild70 h3{font-family:var(--serif);font-weight:400}
.wild-hero h1{font-size:clamp(68px,11vw,154px);line-height:.84;letter-spacing:-.06em;max-width:5.4ch;margin:20px 0 30px}
.wild-lede{font:400 clamp(21px,2.2vw,29px)/1.4 var(--serif);max-width:31ch;margin:0}
.wild-hand{font:italic 400 18px/1.35 var(--serif);max-width:25ch;margin:26px 0 0;transform:rotate(-1deg)}
.wild-hero-art{display:flex;gap:12px;margin-top:40px;max-width:680px;margin-left:auto}
.wild-hero-art img{width:31%;aspect-ratio:1.25/1;object-fit:cover;mix-blend-mode:screen}
.wild-tabs{position:sticky;top:var(--header-h,58px);z-index:20;display:flex;gap:28px;overflow:auto;padding:17px clamp(22px,6vw,82px) 13px;background:rgba(21,56,200,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--wh)}
.wild-tabs a{font:400 17px/1 var(--serif);text-decoration:none;white-space:nowrap;padding-bottom:6px}.wild-tabs a:first-child{border-bottom:2px solid var(--wc)}
.wild-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.wild-head>p{font-size:13px;line-height:1.5;color:var(--wm);max-width:34ch;margin:0}
.wild70 h2{font-size:clamp(48px,7vw,84px);line-height:.92;letter-spacing:-.05em;margin:10px 0 0}
.wild-city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--wh)}
.wild-city{display:grid;grid-template-columns:108px minmax(0,1fr) 20px;gap:16px;align-items:center;min-height:132px;text-decoration:none;border-bottom:1px solid var(--wh)}
.wild-city:nth-child(odd){padding-right:24px;border-right:1px solid var(--wh)}.wild-city:nth-child(even){padding-left:24px}
.wild-city-art{width:104px;height:90px}.wild-city-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}
.wild-city h3{font-size:28px;line-height:1;margin:0 0 8px}.wild-city p{font:400 14px/1.35 var(--serif);color:var(--wm);margin:0}.wild-city>span{font:400 30px/1 var(--serif)}
.wild-stores-section{background:rgba(7,24,112,.18)}
.wild-art-law{display:grid;grid-template-columns:68px 1fr;gap:18px;padding:0 0 28px;border-bottom:1px solid var(--wh);margin-bottom:2px}
.wild-art-law b{font:italic 46px/1 var(--serif);font-weight:400;transform:rotate(-6deg)}.wild-art-law p{font:italic 400 17px/1.42 var(--serif);max-width:36ch;margin:0}
.wild-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.wild-store{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 20px;gap:18px;align-items:start;padding:28px 24px 30px 0;text-decoration:none;border-bottom:1px solid var(--wh)}
.wild-store:nth-child(odd){border-right:1px solid var(--wh)}.wild-store:nth-child(even){padding-left:24px}
.wild-store-art{position:relative;width:128px;height:108px;overflow:hidden}.wild-store-art img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}
.wild-sign-fix{position:absolute;left:9%;right:9%;top:9%;min-height:20px;display:flex;align-items:center;justify-content:center;background:var(--wb);border:1px solid var(--wc);font:600 9px/1 var(--sans);letter-spacing:.08em;color:var(--wc);transform:rotate(-.4deg)}
.wild-store h3{font-size:24px;line-height:1.04;margin:0 0 7px}.wild-native{font:500 14px/1.3 var(--sans);margin:-1px 0 7px;color:var(--wc)}
.wild-place{font:600 10px/1.25 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--wc)}
.wild-store-copy>p{font:400 14px/1.42 var(--serif);color:var(--wm);margin:8px 0 0}
.wild-arrow{font:400 22px/1 var(--serif)}
.wild-open{margin-top:18px;padding-top:14px;border-top:1px solid var(--wh)}.wild-open>span{display:block;font:600 10px/1.3 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--wm)}
.wild-open b{display:block;margin-top:8px;font:400 13px/1.2 var(--mono);letter-spacing:.04em}.wild-open q{display:block;margin-top:9px;max-width:30ch;font:italic 400 18px/1.32 var(--serif)}
.wild-open small{display:block;margin-top:7px;font:500 10px/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--wm)}
.wild-buy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.wild-buy-grid a{min-height:64px;border:1.5px solid var(--wc);display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;text-align:center;padding:10px}
.wild-buy-grid a:hover{background:var(--wc);color:var(--wb)}
.wild-callout{background:var(--wc);color:var(--wb)}.wild-callout p{font:400 clamp(40px,6vw,72px)/1.03 var(--serif);letter-spacing:-.045em;max-width:15ch;margin:0}.wild-callout span{display:block;margin-top:28px;font:italic 400 19px/1.3 var(--serif)}
.wild-close{min-height:58svh;display:flex;flex-direction:column;justify-content:center}.wild-close p{font:400 clamp(46px,7vw,90px)/.98 var(--serif);letter-spacing:-.05em;max-width:12ch;margin:0}.wild-close span{margin-top:34px;font:italic 400 19px/1.3 var(--serif)}
@media(max-width:820px){.wild-city-grid,.wild-store-grid{grid-template-columns:1fr}.wild-city:nth-child(n),.wild-store:nth-child(n){border-right:0;padding-left:0;padding-right:0}.wild-head{display:block}.wild-head>p{margin-top:14px}.wild-buy-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wild-hero{min-height:auto}.wild-hero-art{margin-top:38px;overflow:hidden}.wild-hero-art img{width:38%}.wild-city{grid-template-columns:92px minmax(0,1fr) 18px;min-height:116px}.wild-city-art{width:88px;height:74px}.wild-store{grid-template-columns:108px minmax(0,1fr) 18px;gap:14px}.wild-store-art{width:104px;height:94px}.wild-open{grid-column:auto}.wild-buy-grid{grid-template-columns:1fr}.wild-tabs{gap:22px}}



/* v74 — Swiss editorial cleanup */
:root{--paper:#F8F4EA!important;--cream:#F1EBDD!important;--ink:#111!important;--graphite:#3F3C37!important;--stone:#6f6960!important;--blue:#1538C8!important;--hair:rgba(17,17,17,.16)!important;--rule:1px solid rgba(17,17,17,.24)!important}
body{background:var(--paper)!important;color:var(--ink)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.masthead{background:rgba(248,244,234,.95)!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)!important}
.view,.v67-opening,.v67-create,.v67-medium,.v67-ordinary,.v67-book,.v67-doors,.v67-close{background:var(--paper)!important}
.btn{border-radius:0!important;box-shadow:none!important}.btn:hover{transform:none!important}.btn.volt{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}
.v67-machine{background:var(--blue)!important}.v67-machine .v67-second{color:var(--paper)!important}.v67-observation{background:var(--cream)!important}
.v67-doors a{background:var(--paper)!important}.v67-doors a:hover{background:var(--cream)!important}
.ca74{background:var(--paper);color:var(--ink)}.ca74-hero{min-height:90svh;padding:clamp(90px,12vw,170px) clamp(24px,7vw,108px);display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--ink)}
.ca74-k{font:600 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--stone)}.ca74-hero h1{font:400 clamp(66px,10vw,150px)/.84 var(--serif);letter-spacing:-.065em;max-width:8ch;margin:18px 0 38px}.ca74-hero h1 em{font-weight:400}.ca74-hero p{font:400 clamp(22px,2.5vw,34px)/1.35 var(--serif);max-width:34ch;margin:0}
.ca74-grid{display:grid;grid-template-columns:1fr 1fr}.ca74-grid article{min-height:500px;padding:clamp(48px,6vw,80px);border-bottom:1px solid var(--hair);display:flex;flex-direction:column}.ca74-grid article:nth-child(odd){border-right:1px solid var(--hair)}
.ca74-grid span{font:600 10px var(--mono);letter-spacing:.12em;color:var(--blue)}.ca74-grid h2{font:400 clamp(40px,5vw,68px)/.94 var(--serif);letter-spacing:-.045em;max-width:9ch;margin:24px 0}.ca74-grid p{font-size:17px;line-height:1.6;max-width:38ch;color:var(--graphite)}.ca74-grid b{margin-top:auto;padding-top:34px;font:italic 400 clamp(21px,2.2vw,29px)/1.3 var(--serif);max-width:27ch;color:var(--blue)}
.ca74-manual{background:var(--blue);color:var(--paper);padding:clamp(90px,12vw,170px) clamp(24px,7vw,108px)}.ca74-manual h2{font:400 clamp(52px,7vw,100px)/.9 var(--serif);letter-spacing:-.055em;max-width:11ch;margin:20px 0 45px}.ca74-manual p{font:400 20px/1.55 var(--sans);max-width:42ch}.ca74-manual strong{display:block;margin-top:48px;font:italic 400 clamp(25px,3vw,40px)/1.3 var(--serif);max-width:28ch}
@media(max-width:760px){.ca74-grid{grid-template-columns:1fr}.ca74-grid article:nth-child(n){border-right:0;min-height:420px;padding:52px 22px}}



/* ═══ v79 — NAVIGATION RESET ═══
   Five doors on the header. Buy stands apart. One set of words, used everywhere. */
.v79-masthead{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:stretch!important;
  min-height:64px!important;height:auto!important;padding:0!important;column-gap:0!important;
  position:sticky;top:0;z-index:1000;background:rgba(248,244,234,.96)!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)!important}
.v79-masthead .wordmark{display:flex!important;align-items:center;min-height:64px!important;padding:0 24px!important;
  font:400 21px/1 var(--serif)!important;letter-spacing:-.02em!important;color:var(--ink)!important;white-space:nowrap!important;text-decoration:none}
.v79-masthead .wordmark i{display:none!important}
.v79-masthead .menu-toggle{display:none!important}
.v79-masthead .v79-buy{display:flex;align-items:center;align-self:center;margin:0 24px 0 8px;min-height:40px;padding:0 18px;
  border:1.5px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--paper);
  font:600 13.5px/1 var(--sans);letter-spacing:.01em;text-decoration:none;white-space:nowrap}
.v79-masthead .v79-buy:hover{background:var(--paper);color:var(--ink)}
.v79-masthead .v79-buy:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* desktop nav: a quiet row */
.v79-masthead .nav{display:flex!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;
  flex-direction:row!important;align-items:stretch!important;justify-content:flex-end!important;
  grid-column:auto!important;grid-row:auto!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;
  opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;transition:none!important}
.v79-masthead .nav::before{display:none!important}
.v79-masthead .nav>a{display:flex!important;align-items:center!important;min-height:64px!important;padding:0 clamp(10px,1.1vw,18px)!important;
  margin:0!important;border:0!important;background:transparent!important;
  font:500 15px/1.3 var(--sans)!important;letter-spacing:0!important;color:var(--graphite)!important;text-decoration:none!important;white-space:nowrap!important;
  box-shadow:none!important}
.v79-masthead .nav>a .menu-num,.v79-masthead .nav>a .menu-note{display:none!important}
.v79-masthead .nav>a .menu-label{font:inherit!important;color:inherit!important;letter-spacing:inherit!important;font-style:normal!important}
.v79-masthead .nav>a:hover{color:var(--ink)!important;background:var(--cream)!important}
.v79-masthead .nav>a[aria-current="page"]{color:var(--blue)!important;font-weight:600!important;box-shadow:inset 0 -3px 0 var(--blue)!important}
.v79-masthead .nav>a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.v79-masthead .nav .menu-more,.v79-masthead .nav .mobile-buy{display:none!important}

/* ≤ 900px: menu button + full-screen index */
@media (max-width:900px){
  .v79-masthead{grid-template-columns:minmax(0,1fr) auto auto!important;min-height:58px!important}
  .v79-masthead .wordmark{min-height:58px!important;padding:0 16px!important;font-size:18px!important;overflow:hidden;text-overflow:ellipsis}
  .v79-masthead .v79-buy{margin:0 4px 0 0;min-height:36px;padding:0 14px;font-size:13px}
  .v79-masthead .menu-toggle{display:flex!important;align-items:center;justify-content:center;gap:8px;
    height:58px!important;min-height:58px!important;padding:0 16px!important;margin:0!important;
    border:0!important;border-left:1px solid var(--hair)!important;background:transparent!important;
    font:600 13px/1 var(--sans)!important;letter-spacing:.02em;color:var(--ink)!important;cursor:pointer}
  .v79-masthead .menu-toggle span{display:grid;place-items:center;width:22px;height:22px;font:400 22px/1 var(--serif)!important;transition:transform .28s ease}
  .v79-masthead .menu-toggle[aria-expanded="true"] span{transform:rotate(45deg)}

  .v79-masthead .nav{display:flex!important;position:fixed!important;inset:58px 0 0 0!important;height:calc(100dvh - 58px)!important;
    flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;
    padding:20px 20px 40px!important;overflow-y:auto!important;background:var(--paper)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-6px)!important;
    transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s!important}
  .v79-masthead .nav.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition-delay:0s!important}
  .v79-masthead .nav::before{content:'Explore';display:block!important;padding:0 2px 14px;font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--stone)}
  .v79-masthead .nav>a{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
    column-gap:12px!important;align-items:start!important;min-height:0!important;padding:18px 2px!important;
    border-top:1px solid var(--hair)!important;background:transparent!important;white-space:normal!important;box-shadow:none!important}
  .v79-masthead .nav>a .menu-num{display:block!important;grid-row:1/3;padding-top:8px;font:500 11px/1 var(--mono);letter-spacing:.1em;color:var(--stone)}
  .v79-masthead .nav>a .menu-label{display:block!important;font:400 clamp(28px,8vw,38px)/1 var(--serif)!important;letter-spacing:-.03em!important;color:var(--ink)!important}
  .v79-masthead .nav>a .menu-note{display:block!important;margin-top:8px;font:400 13px/1.35 var(--sans);color:var(--stone);max-width:34ch}
  .v79-masthead .nav>a[aria-current="page"] .menu-label{font-style:italic!important;color:var(--blue)!important}
  .v79-masthead .nav>a:hover{background:transparent!important}
  .v79-masthead .nav .menu-more{display:flex!important;flex-direction:column;gap:2px;margin-top:22px;padding-top:16px;border-top:1px solid var(--hair)}
  .v79-masthead .nav .menu-more a{display:block!important;width:100%!important;min-height:0!important;grid-template-columns:none!important;padding:10px 2px!important;border:0!important;background:transparent!important;font:400 16px/1.35 var(--sans)!important;letter-spacing:0!important;color:var(--graphite)!important;text-decoration:none!important;white-space:normal!important;box-shadow:none!important}
  .v79-masthead .nav .menu-more a:active{color:var(--ink)}
  .v79-masthead .nav .mobile-buy{display:flex!important;justify-content:space-between;align-items:center;margin-top:22px;
    padding:18px 20px!important;min-height:64px;border:2px solid var(--ink);border-radius:2px;background:var(--ink)!important;color:var(--paper)!important;text-decoration:none}
  .v79-masthead .nav .mobile-buy .menu-label{font:600 16px/1.2 var(--sans)!important;color:var(--paper)!important;letter-spacing:0!important;font-style:normal!important}
  .v79-masthead .nav .mobile-buy::after{content:'↗';font:400 22px/1 var(--serif)}
  body.menu-open{overflow:hidden;touch-action:none}
}
@media (max-width:420px){ .v79-masthead .v79-buy{padding:0 11px;font-size:12px} .v79-masthead .wordmark{font-size:16px!important} }
@media (prefers-reduced-motion:reduce){ .v79-masthead .nav,.v79-masthead .menu-toggle span{transition:none!important} }

/* wayfinder: where you are, in the same words as the menu */
.v75-wayfinder{max-width:1440px;margin:0 auto;padding:14px clamp(24px,5vw,76px) 0;font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--stone)}
.v75-wayfinder a{color:var(--stone);text-decoration:none;border-bottom:1px solid transparent}
.v75-wayfinder a:hover{color:var(--ink);border-bottom-color:var(--ink)}
@media (max-width:900px){ .v75-wayfinder{padding:12px 16px 0;font-size:11px} }

.wild79-hero{background:var(--blue);color:var(--paper);padding:clamp(70px,9vw,130px) clamp(24px,6vw,88px) clamp(58px,7vw,96px);min-height:66svh;display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:end;position:relative;overflow:hidden}
.wild79-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;background-image:radial-gradient(rgba(255,255,255,.8) .5px,transparent .55px);background-size:5px 5px}
.wild79-hero>*{position:relative;z-index:1}
.wild79-kicker{font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase}
.wild79-hero :is(h1,h2){font:400 clamp(72px,11vw,150px)/.84 var(--serif);letter-spacing:-.06em;margin:18px 0 0;max-width:6ch}
.wild79-hero p{font:400 clamp(22px,2.3vw,31px)/1.45 var(--serif);max-width:24ch;margin:0 0 28px}
.wild79-hero small{font:500 10px/1.6 var(--mono);letter-spacing:.1em;color:#D9E0FF}
.wild79-hero-art{grid-column:1/-1;display:flex;gap:20px;margin-top:38px;align-items:end;border-top:1px solid rgba(248,244,234,.35);padding-top:18px}
.wild79-hero-art img{height:clamp(110px,14vw,190px);width:auto;max-width:24%;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}

/* v79 local-bookshop layout, preserved */
.book38{scroll-margin-top:0;background:var(--paper);border-top:1px solid var(--ink)}
.book38-intro{padding:clamp(48px,7vw,100px) clamp(24px,6vw,88px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--cream)}
.book38-intro h2{font:400 clamp(38px,4.9vw,68px)/1.06 var(--serif);letter-spacing:-.03em;margin:0;max-width:14ch;text-wrap:balance}
.book38-intro h2 em{color:var(--blue)}.book38-intro p{font:400 19px/1.65 var(--sans);margin:0 0 20px;max-width:46ch}
.book38-directory{padding:56px clamp(24px,6vw,88px) 72px}
.book38-directory-intro{display:flex;justify-content:space-between;gap:40px;align-items:baseline;margin-bottom:48px}
.book38-directory-intro h2{font:400 clamp(28px,3vw,40px)/1.15 var(--serif);margin:0;letter-spacing:-.025em}
.book38-directory-intro p{font:400 15px/1.6 var(--sans);color:var(--graphite);max-width:52ch;margin:0}
.book39-jump{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 48px;padding:24px 0;border-block:1px solid var(--hair);scroll-margin-top:74px}
.book39-jump button{font:500 15px/1.4 var(--sans);min-height:44px;padding:10px 16px;border:1px solid var(--hair);background:var(--paper);color:var(--ink);cursor:pointer}
.book39-jump button:hover,.book39-jump button:focus-visible{background:var(--blue);color:white;border-color:var(--blue)}
.book38-city{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2fr);gap:48px;border-top:1px solid var(--ink);padding-top:28px;margin-bottom:44px;scroll-margin-top:84px}
.book39-city-name{min-width:0}.book39-city-name h3{font:400 clamp(30px,3vw,42px)/1.1 var(--serif);letter-spacing:-.025em;margin:0}
.book39-city-name>p{font:400 14px/1.5 var(--sans);color:var(--graphite);margin:14px 0}
.book39-city-name>button{font:500 14px/1.4 var(--sans);padding:12px 0;min-height:44px;border:0;background:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
@media(min-width:761px){.book39-city-name{position:sticky;top:92px;align-self:start}}
.book38-shop{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;color:var(--ink);padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--hair)}
.book38-shop.has-art{grid-template-columns:minmax(0,1fr) 190px;align-items:start}
.book38-shop:last-child{border:0;margin:0}.book38-area{font:400 13px/1.4 var(--sans);color:var(--graphite)}
.book38-shop h4{font:400 clamp(26px,2.8vw,36px)/1.2 var(--serif);margin:8px 0;letter-spacing:-.02em}
.book38-shop p{font:400 16px/1.6 var(--sans);max-width:52ch;margin:0;color:var(--graphite)}
.buy40-shop-actions{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:16px}
.buy40-shop-actions a{font:500 14px/1.5 var(--sans);color:var(--blue);min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
.wild79-shop-art{align-self:center;height:170px;display:flex;align-items:center;justify-content:flex-end}
.wild79-shop-art img{max-width:220px;max-height:170px;object-fit:contain;display:block}
.wild79-city-art{height:135px;margin:0 0 24px;display:flex;align-items:end}
.wild79-city-art img{max-width:100%;max-height:135px;object-fit:contain;object-position:left bottom;display:block}
.wild79-fieldnote{background:var(--blue);color:var(--paper);padding:clamp(70px,8vw,120px) clamp(24px,6vw,88px);display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw}
.wild79-fieldnote span{font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#D9E0FF}
.wild79-fieldnote blockquote{font:400 clamp(42px,5.5vw,76px)/1.02 var(--serif);letter-spacing:-.04em;margin:0;max-width:13ch}
.wild79-fieldnote p{font:400 18px/1.7 var(--sans);max-width:46ch;margin:28px 0 0;color:#F8F4EA}
.wild79-close{padding:clamp(80px,10vw,150px) clamp(24px,6vw,88px);background:var(--cream)}
.wild79-close h2{font:400 clamp(52px,7vw,96px)/.96 var(--serif);letter-spacing:-.05em;max-width:10ch;margin:0}
.wild79-close p{font:400 19px/1.65 var(--sans);max-width:50ch;margin:28px 0 0}
@media(max-width:760px){
 .wild79-hero{grid-template-columns:1fr;min-height:0}.wild79-hero-art{overflow:hidden}.wild79-hero-art img{max-width:38%;height:100px}
 .book38-intro{grid-template-columns:1fr;gap:28px}.book38-directory-intro{display:block}.book38-directory-intro p{margin-top:16px}
 .book38-city{grid-template-columns:1fr;gap:28px}.book39-city-name{position:static}.wild79-city-art{height:90px}
 .book38-shop.has-art{grid-template-columns:1fr 110px}.wild79-shop-art{height:100px}.wild79-shop-art img{max-width:110px;max-height:95px}
 .wild79-fieldnote{grid-template-columns:1fr;gap:28px}
}
@media(max-width:520px){
 .top{padding:0 16px}.book38-directory{padding-inline:20px}.book39-jump{gap:6px}.book39-jump button{padding-inline:11px}
 .book38-shop.has-art{grid-template-columns:1fr}.wild79-shop-art{justify-content:flex-start;height:120px}.wild79-shop-art img{max-width:170px;max-height:115px}
}

/* Production additions inherit the supplied v79 palette and type. */
:root{--blue:var(--klein-700)}
[hidden]{display:none!important}html{scroll-padding-top:100px}img{max-width:100%;height:auto}a{ text-underline-offset:.25em }a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#002fa7;color:#fcfaf5}.arrive{opacity:1!important;transform:none!important}.view{min-width:0}main:focus{outline:0}
#v-wild .wild79-hero{background:var(--klein-700)}#v-wild .wild79-hero :is(h1,h2){letter-spacing:-.04em}#v-wild .wild79-hero-art img{width:22%;height:160px;object-fit:contain}#v-wild .book38-directory{max-width:1600px;margin:auto}#v-wild .book39-jump a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--hair);font:500 15px/1.4 var(--sans);text-decoration:none}#v-wild .book39-jump a:hover,#v-wild .book39-jump a:focus-visible,#v-wild .book39-jump a[aria-current]{background:var(--blue);color:var(--paper)}#v-wild .book39-city-name>a{display:inline-flex;min-height:44px;align-items:center;color:var(--blue);font-size:14px}#v-wild .book38-city{margin-top:70px;padding-top:36px}#v-wild .wild79-city-art{height:auto;min-height:90px}#v-wild .wild79-city-art img{width:100%;height:auto;max-height:240px;object-fit:contain}#v-wild .wild79-shop-art img{width:100%;height:auto;max-height:240px;object-fit:contain}#v-wild .book38-shop.has-art{grid-template-columns:minmax(0,1fr) minmax(150px,30%)}#v-wild .book38-city:nth-of-type(3n) .book38-shop.has-art{grid-template-columns:minmax(0,1fr)}#v-wild .book38-city:nth-of-type(3n) .wild79-shop-art{justify-content:flex-start;height:220px;order:-1}#v-wild .book38-city:nth-of-type(3n) .wild79-shop-art img{max-width:440px;max-height:220px}#v-wild .book38-area{font-size:14px}#v-wild .stock-note{font-size:14px;margin-top:12px;line-height:1.6}#v-wild .morgan-margin{font:italic 25px/1.3 var(--serif);color:var(--blue);max-width:16ch;margin-top:26px}#v-wild .wild-editorial-note{margin:80px -3vw;padding:70px 5vw;background:var(--cream);color:var(--ink)}#v-wild .wild-editorial-note>span{font-size:14px}#v-wild .wild-editorial-note>p{font:400 clamp(36px,5vw,76px)/1.1 var(--serif);max-width:22ch;letter-spacing:-.03em;margin:24px 0 0}#v-wild .wild79-close h2{letter-spacing:-.04em}#v-wild .wild79-close{margin-top:40px}
.ghost-feed,.not-found{padding:80px max(24px,6vw)}.ghost-feed article{max-width:70ch;border-bottom:1px solid var(--hair);padding:25px 0}.not-found{min-height:80vh}.not-found a{display:block;margin:20px 0}.not-found h1{font:48px var(--serif)}.masthead #nav a{min-height:44px}.nav-more-label{display:none}
@media(max-width:760px){#v-wild .book38-city{grid-template-columns:1fr;gap:30px}#v-wild .book38-shop.has-art{grid-template-columns:1fr}#v-wild .wild79-shop-art{order:-1;height:180px;justify-content:flex-start}#v-wild .wild79-shop-art img{max-width:320px;max-height:180px}#v-wild .wild79-hero-art img{height:90px}#v-wild .wild-editorial-note{margin:48px 0;padding:36px 24px}.masthead #nav{overflow-y:auto;max-height:calc(100svh - 70px)}.menu-label{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#v-wild .wild79-hero-art img{filter:grayscale(1) invert(1);mix-blend-mode:screen}#v-wild .wild79-hero::after{display:none}#wild-copy{font:500 16px var(--sans);min-height:44px;padding:12px 20px;background:var(--blue);color:var(--paper);border:0;cursor:pointer}#v-wild .wild79-hero-art{margin-top:12px}#v-wild .wild79-hero{padding-top:70px;padding-bottom:50px}#v-wild .wild79-hero :is(h1,h2){font-size:clamp(70px,10vw,128px)}
#v-wild .wild79-hero-art img{filter:grayscale(1) contrast(4);mix-blend-mode:screen}#v-wild .wild79-shop-art img{mix-blend-mode:multiply}
#v-wild .wild79-hero-art{mix-blend-mode:screen}.masthead #nav.is-open{background:var(--paper);opacity:1!important;z-index:100}.masthead:has(#nav.is-open){z-index:110}
#v-wild img.negative-portrait{filter:grayscale(1) contrast(4) invert(1);mix-blend-mode:multiply}
#v-wild .book39-city-name>p{display:block;margin:14px 0}#v-wild .book39-city-name>a{display:flex;width:fit-content}#v-wild .book38-city:focus{outline:none}
/* Bookstore reading invitations: preserve the supplied editorial page pairings. */
#v-wild .book38-shop .wild-reading{margin:28px 0 8px;padding-top:24px;border-top:1px solid var(--hair)}
#v-wild .wild-reading .wild-reading-invitation{font:400 14px/1.5 var(--sans);margin:0 0 10px;color:var(--graphite)}
#v-wild .wild-reading .wild-reading-page{font:400 clamp(26px,3vw,38px)/1.1 var(--serif);color:var(--blue);margin:0 0 16px;letter-spacing:-.02em}
#v-wild .wild-reading blockquote{font:italic 400 clamp(23px,2.4vw,30px)/1.25 var(--serif);color:var(--ink);margin:0;max-width:30ch;text-wrap:pretty}
#v-wild .wild-reading .wild-reading-chapter{font:400 13px/1.5 var(--sans);margin:12px 0 0;color:var(--graphite)}
#v-wild .book38-city .book38-shop.wild-art-small{grid-template-columns:minmax(0,1fr) minmax(120px,24%)}
#v-wild .book38-city .wild-art-small .wild79-shop-art{order:0;height:auto;align-self:start;padding-top:24px}
#v-wild .book38-city .wild-art-small .wild79-shop-art img{max-width:180px;max-height:180px}
#v-wild .book38-city .book38-shop.wild-art-medium{grid-template-columns:minmax(0,1fr) minmax(180px,38%)}
#v-wild .book38-city .wild-art-medium .wild79-shop-art{order:0;height:auto;align-self:start;padding-top:24px}
#v-wild .book38-city .wild-art-medium .wild79-shop-art img{max-width:320px;max-height:300px}
#v-wild .book38-city .book38-shop.wild-art-large{grid-template-columns:minmax(0,1fr);gap:32px;padding-bottom:48px;margin-bottom:48px}
#v-wild .book38-city .wild-art-large .wild79-shop-art{order:-1;height:auto;justify-content:center}
#v-wild .book38-city .wild-art-large .wild79-shop-art img{width:100%;max-width:560px;max-height:440px}
#v-wild .book38-shop.wild-shop-blue{background:var(--klein-700);color:var(--paper);padding:40px;border:0}
#v-wild .wild-shop-blue h4,#v-wild .wild-shop-blue p,#v-wild .wild-shop-blue .book38-area,#v-wild .wild-shop-blue .wild-reading p,#v-wild .wild-shop-blue .wild-reading blockquote,#v-wild .wild-shop-blue a{color:var(--paper)}
#v-wild .wild-shop-blue .wild-reading{border-color:rgba(252,250,245,.4)}
#v-wild .wild-shop-blue .wild79-shop-art img{filter:brightness(0) invert(1);mix-blend-mode:normal}
#v-wild .wild-shop-blue a:focus-visible{outline-color:var(--paper)}
@media(max-width:760px){
 #v-wild .book38-city .book38-shop.wild-art-small,#v-wild .book38-city .book38-shop.wild-art-medium{grid-template-columns:minmax(0,1fr)}
 #v-wild .book38-city .wild-art-small .wild79-shop-art,#v-wild .book38-city .wild-art-medium .wild79-shop-art{order:-1;padding-top:0;justify-content:flex-start}
 #v-wild .book38-city .wild-art-small .wild79-shop-art img{max-width:180px;max-height:160px}
 #v-wild .book38-city .wild-art-medium .wild79-shop-art img{max-width:300px;max-height:240px}
 #v-wild .book38-shop.wild-shop-blue{padding:24px}
 #v-wild .book38-city .wild-art-large .wild79-shop-art img{max-height:360px}
}
/* Clear primary navigation and explicit, native buying destinations. */
.book38-options a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--ink);font:500 15px var(--sans);text-decoration:none}
.book38-options a:first-child{background:var(--ink);color:var(--paper)}
@media(min-width:901px){.v79-masthead{gap:20px}.v79-masthead #nav{gap:0!important}.v79-masthead #nav>a{padding-inline:10px!important;font-size:12px!important}.v79-masthead .wordmark{font-size:22px;white-space:nowrap}}

#v-wild .wild-shop-blue .wild79-shop-art img.restored-portrait{filter:none;mix-blend-mode:normal;max-height:460px}
#v-wild .shop-book-link{font-weight:600;text-decoration:underline;flex-basis:100%}
/* v84: unified city artwork; city names remain live text only. */
#v-wild .wild-city-atlas{display:block;width:min(100%,300px);aspect-ratio:1;background-image:url('/assets/city-atlas-v86-bold-marker.webp');background-repeat:no-repeat;background-size:400% 300%;background-position:var(--city-x) var(--city-y);mix-blend-mode:multiply;margin:0 0 24px}
#v-wild .wild79-hero-art{display:flex;gap:24px;mix-blend-mode:normal}
#v-wild .wild79-hero-art .wild-city-atlas{width:22%;max-width:220px;margin:0;filter:grayscale(1) contrast(2) invert(1);mix-blend-mode:screen}
#v-wild .wild79-shop-art{height:auto!important;overflow:visible;mix-blend-mode:multiply}
#v-wild .wild79-shop-art img{object-fit:contain;object-position:center;clip-path:none}
#v-wild .wild79-shop-art img.clean-paper-art{filter:none;mix-blend-mode:multiply}
#v-wild .wild-art-caption{order:-1;font:italic 400 25px/1.3 var(--serif);color:var(--blue);margin:-12px 0 8px}
#v-wild .wild-shop-blue .wild79-shop-art{mix-blend-mode:normal}
#v-wild .book38-shop.wild-shop-ink{background:var(--ink);padding:40px;border:0;color:var(--paper)}
#v-wild .wild-shop-ink h4,#v-wild .wild-shop-ink p,#v-wild .wild-shop-ink .book38-area,#v-wild .wild-shop-ink .wild-reading p,#v-wild .wild-shop-ink .wild-reading blockquote,#v-wild .wild-shop-ink a{color:var(--paper)}
#v-wild .wild-shop-ink .wild-reading{border-color:rgba(252,250,245,.4)}
#v-wild .wild-shop-ink .wild79-shop-art{mix-blend-mode:screen}
#v-wild .wild-shop-ink .wild79-shop-art img.clean-paper-art{filter:grayscale(1) contrast(1.2) invert(1);mix-blend-mode:screen}
#v-wild .wild-shop-ink a:focus-visible{outline-color:var(--paper)}
@media(max-width:760px){#v-wild .wild-city-atlas{width:220px;margin-bottom:20px}#v-wild .wild79-hero-art{gap:12px}#v-wild .book38-shop.wild-shop-ink{padding:24px}}
#v-wild .book39-city-name .wild-city-atlas{background-color:var(--paper);background-blend-mode:multiply;mix-blend-mode:normal}
#v-wild .book38-city .wild79-shop-art img.negative-portrait{max-width:194px;max-height:180px}

#v-wild .wild-city-atlas{aspect-ratio:var(--city-aspect,1);background-size:400% auto}

/* v87: spreads stack like pages; long spreads finish scrolling before pinning. */
@media (min-width:1000px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
 #v-movements #walkStops{position:relative;isolation:isolate}
 #v-movements #walkStops .m49-movement{position:sticky;top:var(--stack-top,140px);z-index:var(--stack-order,1);border-top:1px solid var(--ink);overflow:visible}
}
@media (prefers-reduced-motion:reduce){
 #v-movements #walkStops .m49-movement{position:relative;top:auto}
}

#v-wild .wild79-hero-art{background-color:#002fa7}

/* v88: the stack releases between pairs for a field-note pause. */
#v-movements .movement-pair{position:relative;isolation:isolate}
#v-movements .movement-flow-marker{height:0;pointer-events:none}
#v-movements .movement-pause{position:relative;background:var(--paper);color:var(--ink);padding:clamp(72px,10vw,150px) max(24px,12vw);border-block:1px solid var(--ink)}
#v-movements .movement-pause-label{font:400 16px/1.5 var(--sans);color:var(--klein,#002fa7);margin:0 0 28px}
#v-movements .movement-pause h2{font:400 clamp(38px,5vw,72px)/1.08 var(--serif);max-width:18ch;letter-spacing:-.03em;margin:0 0 30px}
#v-movements .movement-pause>p:not(.movement-pause-label){font:400 clamp(22px,2.4vw,32px)/1.5 var(--serif);max-width:42ch;margin:0 0 32px}
#v-movements .movement-pause a{color:#002fa7;text-underline-offset:5px}
#v-movements .movement-essay{margin-top:32px;border-top:1px solid var(--hair);padding-top:20px}
#v-movements .movement-essay summary{font:500 17px/1.5 var(--sans);cursor:pointer;color:#002fa7;padding:8px 0}
#v-movements .movement-essay p{font:400 19px/1.65 var(--serif);max-width:65ch;margin:20px 0}

/* v89: restore the missing character-section layout. */
.ca76-character{padding:clamp(48px,7vw,100px) clamp(24px,6vw,88px);border-block:1px solid var(--hair)}
.ca76-character>h2{font:400 clamp(38px,5vw,68px)/1.06 var(--serif);letter-spacing:-.03em;margin:22px 0 48px}
.ca76-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.ca76-character-grid span{font:500 14px/1.5 var(--sans);color:#002fa7}
.ca76-character-grid p{font:400 18px/1.65 var(--sans);margin:18px 0 0;max-width:40ch}
.ca76-chapter{display:inline-block;margin-top:36px;text-underline-offset:5px}
.ca74-grid article{min-width:0}
.ca74-grid h2{letter-spacing:-.03em;line-height:1.06;max-width:100%;overflow-wrap:normal}
.ca74-grid .idea-page-reference{margin:22px 0 0;font:400 14px/1.5 var(--sans);color:#002fa7}
#v-movements .movement-essay{margin-top:36px}
@media(max-width:1000px){.ca76-character-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ca76-character-grid{grid-template-columns:1fr;gap:28px}.ca74-grid h2{font-size:clamp(34px,8.6vw,48px)}}

/* v91: unruled footer signoff. */
.footer55-dark .footer63-signoff{border-top:0;padding-top:0}
.footer55-dark .footer37-bottom{border-top:0}

#v-preorder .buy-wild-section{display:block;margin-top:64px}
/* v93: early geographic navigation and full-width editorial features. */
.city93-chooser{padding:36px clamp(24px,5vw,80px) 48px;border-block:1px solid var(--hair)}
.city93-chooser h2{font:400 36px/1.2 var(--serif);margin:0 0 24px}
#book39-index.city93-index{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:0;padding:0;border:0}
.city93-group h3{font:500 16px/1.5 var(--sans);margin:0 0 16px;color:#002fa7}
.city93-links{display:flex;flex-wrap:wrap;gap:10px}
.city93-links a{display:inline-flex;min-height:44px;align-items:center;padding:10px 14px;border:1px solid var(--hair);text-decoration:none;font:500 15px/1.4 var(--sans)}
.city93-links a:hover,.city93-links a:focus-visible{background:#002fa7;color:#fff}
#v-wild .book38-city.city93-blue{background:#002fa7;color:#fcfaf5;width:100vw;box-sizing:border-box;margin-left:calc(50% - 50vw);padding:72px max(24px,calc((100vw - 1440px)/2));border:0}
#v-wild .city93-blue .book39-city-name{background:#002fa7}
#v-wild .city93-blue .book39-city-name .wild-city-atlas{background-color:transparent;background-blend-mode:normal;filter:grayscale(1) contrast(2) invert(1);mix-blend-mode:screen}
#v-wild .city93-blue :is(h3,h4,p,a,blockquote,.book38-area,.morgan-margin,.wild-art-caption){color:#fcfaf5}
#v-wild .city93-blue .book38-shop{border-color:rgba(255,255,255,.4)}
#v-wild .city93-blue .wild79-shop-art{background:#002fa7}
#v-wild .city93-blue .wild79-shop-art img.clean-paper-art{filter:grayscale(1) contrast(1.8) invert(1);mix-blend-mode:screen}
#v-wild .city93-blue .wild-art-large .wild79-shop-art img{max-width:850px;max-height:620px}
#v-wild .city93-blue .wild-shop-ink .wild79-shop-art{background:#111}
.plate-r[data-slug="kobo"] .retailer43-logo{filter:brightness(0);width:180px;max-width:100%;height:auto}
.plate-r[data-slug="amazon-kindle"] .retailer43-logo{filter:none;width:220px;max-width:100%;height:auto}
@media(max-width:760px){#book39-index.city93-index{grid-template-columns:1fr;gap:28px}#v-wild .book38-city.city93-blue{padding:48px 24px}#v-wild .city93-blue .wild-art-large .wild79-shop-art img{max-height:380px}}
#v-wild .city93-blue .wild79-shop-art{mix-blend-mode:normal}
/* v94: country chapters and an ink London spread. */
#v-wild .country94-heading{font:400 clamp(30px,4vw,52px)/1.2 var(--serif);margin:80px 0 0;padding-top:32px;border-top:1px solid var(--hair);scroll-margin-top:100px}
#v-wild .book38-city.city94-ink,#v-wild .city94-ink .book39-city-name,#v-wild .city94-ink .wild79-shop-art{background:#111}
#v-wild .city94-ink .wild-shop-blue,#v-wild .city94-ink .wild-shop-blue .wild79-shop-art{background:#002fa7}
#v-wild .city94-ink .wild-shop-blue{padding:clamp(24px,4vw,56px)}
.plate-r[data-slug="kobo"] .retailer43-logo{filter:none}

/* International editions and reader stories */
.edition95-country{display:grid;grid-template-columns:1fr 2fr;gap:clamp(24px,5vw,80px);padding:48px 0 64px}.edition95-label{font-size:14px;letter-spacing:.04em;color:var(--muted,#666)}.edition95-retailer h3{font:400 clamp(30px,4vw,48px)/1.15 var(--serif);margin:0 0 24px}.edition95-retailer p{max-width:40em;margin-bottom:24px}#share-your-story{scroll-margin-top:120px}@media(max-width:700px){.edition95-country{grid-template-columns:1fr;gap:16px;padding:32px 0 48px}}

/* Home reading order and editorial alignment */
#v-home .v67-num{padding-top:34px;font-size:clamp(52px,7vw,112px);line-height:.9}
#v-home .v67-num+div>.v67-eyebrow{margin:0 0 16px;line-height:18px}
#v-home .v67-num+div>h2{margin-top:0}
#v-home .v67-media span{color:#68665f}
#v-home .v67-media .medium96-verb{display:block;font:400 14px/1.5 var(--sans);letter-spacing:0;text-transform:none;margin-top:4px;color:#68665f}
#v-home .v67-machine{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(48px,8vw,144px);align-items:center}
#v-home .v67-machine-copy{grid-template-columns:1fr;gap:32px;margin:0;padding:0;border:0;max-width:48ch}
#v-home .v67-machine-copy p{font-size:clamp(18px,1.65vw,25px);line-height:1.65}
#v-home .return96{padding:clamp(64px,8vw,120px) clamp(24px,6vw,90px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;background:var(--cream)}
#v-home .return96 h2{font-size:clamp(42px,5.5vw,80px);max-width:15ch;margin:0;line-height:1.02}
#v-home .return96 h2 em{color:var(--blue);font-weight:400}
#v-home .return96-copy{font:400 18px/1.6 var(--sans);max-width:42ch;margin:24px 0 0}
#v-home .return96 .v80-return-actions{flex-direction:column;align-items:stretch;gap:16px}
#v-home .return96-button{display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:16px 28px;border:1px solid currentColor;text-decoration:none;font:600 16px/1.4 var(--sans)}
#v-home .return96-button:hover{background:var(--ink);color:var(--paper)}
@media(max-width:900px){#v-home .v67-num{padding-top:0;font-size:48px}#v-home .v67-machine{grid-template-columns:1fr;gap:40px}#v-home .v67-machine-copy{max-width:65ch}#v-home .return96{grid-template-columns:1fr;gap:32px}#v-home .return96 .v80-return-actions{flex-direction:row;flex-wrap:wrap}}

/* Subtle dotted paper, with restrained typographic retailer links. */
#v-wild .wild79-hero{background-image:radial-gradient(circle at 1px 1px,rgba(251,247,234,.18) 1px,transparent 1.05px);background-size:18px 18px}
#v-movements .stop-ground::before{background-image:none}
#v-movements .stop-ground::after{display:block;background-image:radial-gradient(circle at 1px 1px,var(--paper) 1px,transparent 1.05px);background-size:18px 18px;opacity:.15;mask-image:none;-webkit-mask-image:none}
#v-movements .m36-intro{background-image:radial-gradient(circle at 1px 1px,rgba(0,47,167,.09) 1px,transparent 1.05px);background-size:18px 18px}
#shelves .mark-slot{min-height:32px;height:auto}
#shelves .mark-set{font:600 clamp(18px,1.8vw,24px)/1.3 var(--sans);letter-spacing:0;color:var(--ink)}
#shelves .plate-r{border:1px solid var(--hair);padding:24px;min-height:180px}
#shelves .plate-r:hover{border-color:var(--blue)}

#v-wild .bookshop98 .wild79-shop-art img.bookshop98-marker{max-width:440px;max-height:440px;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:none}#v-wild .book38-city .bookshop98{grid-template-columns:minmax(0,1fr) minmax(200px,38%)}@media(max-width:800px){#v-wild .book38-city .bookshop98{grid-template-columns:1fr}#v-wild .bookshop98 .wild79-shop-art{order:-1}#v-wild .bookshop98 .wild79-shop-art img.bookshop98-marker{max-width:380px;max-height:380px}}
/* v101 — Marker Cities & Movement Pauses */
#v-wild .wild79-shop-art img.marker101{width:100%;height:auto;max-width:560px;max-height:560px;object-fit:contain;filter:none;mix-blend-mode:multiply}
#v-wild :is(.wild-shop-blue,.wild-shop-ink,.city93-blue) .wild79-shop-art{mix-blend-mode:screen}
#v-wild :is(.wild-shop-blue,.wild-shop-ink,.city93-blue) .wild79-shop-art img.marker101{filter:grayscale(1) invert(1);mix-blend-mode:screen}
#v-wild .city-marker101{display:block;width:min(100%,300px);height:auto;mix-blend-mode:multiply;margin-bottom:24px}
#v-movements.v101-movements{--cond:'Anton',Impact,sans-serif;--deck-head:82px;background:var(--paper);color:var(--ink)}
#v-movements .vd101-open{padding:72px max(24px,6vw) 48px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
#v-movements .vd101-open h1{font:400 clamp(48px,7vw,104px)/.95 var(--serif);letter-spacing:-.04em;margin:0 0 22px}
#v-movements .vd101-open p{font:400 22px/1.4 var(--serif);max-width:40ch;margin:0 0 18px}
#v-movements .vd101-open nav{display:flex;gap:6px 18px;flex-wrap:wrap;font:500 13px/1.5 var(--sans)}
#v-movements .vd101-open nav a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:5px}
#v-movements .vd101-pair{position:relative;isolation:isolate}
#v-movements .vd101-card{position:relative;background:var(--tint);scroll-margin-top:140px}
#v-movements .vd101-tab{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;min-height:56px;padding:12px 4vw;background:var(--lane);color:#fcfaf5;text-decoration:none}
#v-movements .vd101-num{font:400 30px/1 var(--cond)}
#v-movements .vd101-name{font:400 30px/1.1 var(--cond);text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #fcfaf5}
#v-movements .vd101-meta{font:400 12px/1.4 var(--mono);color:#fcfaf5}
#v-movements .vd101-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px 5vw;padding:44px 4vw 56px;min-height:calc(100svh - 200px);align-content:start}
#v-movements .vd101-body h2{display:block;font:400 clamp(46px,6vw,100px)/.98 var(--cond);letter-spacing:0;text-transform:uppercase;color:var(--lane);margin:0 0 24px;overflow-wrap:anywhere}
#v-movements :is(.vd101-body,.vd101-pause,.vd101-close) h2:before,#v-movements :is(.vd101-body,.vd101-pause,.vd101-close) h2:after{content:none}
#v-movements .vd101-line{font:400 clamp(24px,2.3vw,36px)/1.25 var(--serif);max-width:26ch;margin:0}
#v-movements .vd101-line small{display:block;font:500 12px/1.6 var(--mono);margin-top:18px}
#v-movements .vd101-chapters{list-style:none;margin:0;padding:0;font:400 16px/1.45 var(--sans)}
#v-movements .vd101-chapters li{display:flex;gap:12px;padding:9px 0;border-top:1px solid #0003;break-inside:avoid}
#v-movements .vd101-chapters i{font:500 12px/1.8 var(--mono);min-width:24px;font-style:normal}
#v-movements .vd101-essay{grid-column:1/-1;margin:0;color:var(--ink);max-width:900px}
#v-movements .vd101-essay summary{display:inline-flex;align-items:center;min-height:46px;padding:12px 20px;background:var(--lane);color:#fcfaf5;font:600 15px/1.4 var(--sans);cursor:pointer;list-style:none}
#v-movements .vd101-essay summary:before{content:'+ ';margin-right:10px}#v-movements .vd101-essay[open] summary:before{content:'− '}
#v-movements .vd101-essay p{font:400 20px/1.65 var(--serif);max-width:68ch;margin:24px 0;color:var(--ink)}
#v-movements .vd101-pause{padding:clamp(70px,10vw,140px) max(24px,12vw);background:var(--paper);background-image:radial-gradient(#002fa717 .7px,transparent .7px);background-size:22px 22px;border-block:1px solid var(--hair);position:relative}
#v-movements .vd101-note-label{font:500 13px/1.5 var(--mono);color:var(--blue);margin:0 0 25px}
#v-movements .vd101-pause h2{display:block;font:400 clamp(40px,5vw,72px)/1.05 var(--serif);max-width:20ch;text-transform:none;letter-spacing:-.03em;margin:0 0 26px;color:var(--ink)}
#v-movements .vd101-prompt{font:400 23px/1.5 var(--serif);max-width:52ch;margin:0 0 30px}
#v-movements .vd101-pause blockquote{border:0;padding:0;margin:32px 0;font:italic 28px/1.3 var(--serif);color:var(--blue)}
#v-movements .vd101-pause cite{display:block;font:400 12px/1.6 var(--mono);margin-top:14px;color:var(--ink)}
#v-movements .vd101-pause>a{display:inline-flex;align-items:center;min-height:44px;font:500 15px var(--sans)}
#v-movements .vd101-close{padding:80px 6vw;display:flex;align-items:end;gap:30px;flex-wrap:wrap;background:var(--cream)}
#v-movements .vd101-close>div{flex:1 1 50%}#v-movements .vd101-close h2{display:block;font:400 clamp(36px,4vw,64px)/1.1 var(--serif);max-width:16ch;margin:0 0 18px;text-transform:none;letter-spacing:-.03em}
#v-movements .vd101-buy{padding:16px 25px;background:var(--ink);color:var(--paper);text-decoration:none}
@media(min-width:1000px) and (min-height:800px) and (prefers-reduced-motion:no-preference){#v-movements .vd101-card{position:sticky;top:calc(var(--deck-head) + var(--i)*56px)}#v-movements .vd101-pair:has(details[open]) .vd101-card{position:relative;top:auto}}
@media(max-width:999px){#v-movements .vd101-open,#v-movements .vd101-body{grid-template-columns:1fr}#v-movements .vd101-meta{display:none}#v-movements .vd101-tab{grid-template-columns:auto 1fr;padding:14px 20px}#v-movements .vd101-name{font-size:25px}#v-movements .vd101-open{padding:48px 24px 32px}#v-movements .vd101-body{padding:30px 24px 48px;min-height:0}#v-movements .vd101-card{scroll-margin-top:80px}#v-movements .vd101-body h2{font-size:clamp(40px,9vw,76px)}#v-movements .vd101-close{padding:50px 24px}#v-movements .vd101-prompt{font-size:21px}}
/* Small reference drawer, kept with the artwork it credits. */
.art101-credits{padding:24px max(24px,6vw);background:var(--paper);color:var(--ink);font:400 14px/1.6 var(--sans);border-top:1px solid var(--hair)}
.art101-credits summary{cursor:pointer;min-height:44px;display:list-item}.art101-credits ul{columns:2;column-gap:40px}.art101-credits li{break-inside:avoid;margin-bottom:10px}
@media(max-width:700px){.art101-credits ul{columns:1}}
/* v103 — Buy First, Explore the Wild */
#v-preorder{--blue:#002fa7}
#v-preorder .buy40-hero{padding-block:56px;align-items:center;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr)}
#v-preorder .buy40-cover img{max-height:420px;width:auto;max-width:100%;object-fit:contain}
#v-preorder .buy40-copy h1{font-size:clamp(42px,5vw,76px)}
#v-preorder #shelves{margin-top:30px}
.retail103{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.retail103>a{display:flex;align-items:center;justify-content:center;min-height:76px;padding:18px;background:#fff;border:1px solid #16161625;text-decoration:none}
.retail103 img{display:block;max-width:100%;width:150px;height:38px;object-fit:contain;filter:none!important;mix-blend-mode:normal!important}
.retail103 span{font:600 20px/1.2 var(--sans);color:#161616}
#v-preorder .retail-note{padding:10px 6vw 28px;margin:0;font-size:13px}
#v-preorder .colophon{display:none}
#v-wild{overflow:visible!important}
#v-wild :is(.wild79-hero,.city93-blue,.city93-blue .book39-city-name,.wild-shop-blue,.wild-shop-blue .wild79-shop-art){background-color:#002fa7!important}
#v-wild .wild79-hero-art{background:transparent!important}
#v-wild .wild79-shop-art{mix-blend-mode:normal!important;background:transparent!important}
#v-wild :is(img.marker101,img.city-marker101){filter:url(#ink103-blue)!important;mix-blend-mode:normal!important;background:transparent!important}
#v-wild :is(.wild79-hero,.city93-blue,.wild-shop-blue,.wild-shop-ink,.city94-ink) :is(img.marker101,img.city-marker101){filter:url(#ink103-light)!important;mix-blend-mode:normal!important}
#v-wild .wild79-hero-art img.city-marker101{width:100%;max-width:300px;height:240px;object-fit:contain;margin:0}
#v-wild .book39-city-name img.city-marker101{width:100%;max-width:270px;height:auto;margin:0 0 20px}
#v-wild .locations103{position:sticky;top:var(--nav-h,80px);z-index:60;display:flex;align-items:center;gap:20px;padding:12px max(24px,6vw);background:#fcfaf5;border-block:1px solid #16161640;color:#161616}
.locations103 label{font:500 14px var(--sans);white-space:nowrap}.locations103 select{min-height:44px;flex:1;max-width:460px;background:#fcfaf5;color:#161616;border:1px solid #16161670;border-radius:0;padding:8px 14px;font:400 16px var(--sans)}
.locations103>a{margin-left:auto;font:500 14px var(--sans);white-space:nowrap}
#v-wild :is(.book38-city,.country94-heading),#book39-index{scroll-margin-top:165px}
#v-wild .city93-chooser{padding-block:38px}
.notes103{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f3eddf;border-top:1px solid #16161630}
#v-wild .notes103 .wild-editorial-note,#v-movements .notes103 .vd101-pause{padding:40px 28px;margin:0;width:auto;background:transparent;border:0;border-right:1px solid #16161620;min-height:0}
#v-wild .notes103 .wild-editorial-note :is(p,blockquote),#v-movements .notes103 .vd101-pause h2{font-size:28px;line-height:1.25}
#v-movements .notes103 :is(.vd101-prompt,blockquote){font-size:19px}
@media(max-width:760px){#v-preorder .buy40-hero{grid-template-columns:1fr;padding-block:32px}#v-preorder .buy40-cover img{max-height:240px}.retail103{grid-template-columns:repeat(2,minmax(0,1fr))}.retail103>a{min-height:68px;padding:12px}#v-wild .locations103{top:var(--nav-h,72px);gap:10px;padding:8px 16px}.locations103 label{display:none}.locations103>a{font-size:12px}.locations103 select{min-width:0}.notes103{grid-template-columns:1fr}#v-wild .notes103 .wild-editorial-note,#v-movements .notes103 .vd101-pause{border-right:0;border-bottom:1px solid #16161620}}
#v-wild .wild79-hero-art{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;overflow:visible}
#v-wild .wild79-hero-art :is(img.city-marker101,.wild-city-atlas){width:100%;max-width:100%;height:clamp(100px,17vw,240px);margin:0;object-fit:contain;opacity:1}
#v-wild :is(.book38-city,.country94-heading),#book39-index{scroll-margin-top:calc(var(--nav-h,80px) + 85px)}
/* v105 — preserve source transparency before recoloring the ink. */
#v-wild .wild-city-atlas{background-color:transparent!important;background-blend-mode:normal!important;filter:url(#ink103-blue)!important;mix-blend-mode:normal!important;border:0!important;box-shadow:none!important}
#v-wild :is(.wild79-hero,.city93-blue,.city94-ink) .wild-city-atlas{filter:url(#ink103-light)!important}
#v-wild :is(img.marker101,img.city-marker101,.wild-city-atlas){clip-path:inset(1px);outline:0!important;border:0!important;box-shadow:none!important}
#v-wild .wild79-hero-art{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;border:0;padding-top:12px}
#v-wild .wild79-hero-art :is(img.city-marker101,.wild-city-atlas){aspect-ratio:1;height:auto;width:100%;max-height:none;object-fit:contain;filter:url(#ink103-light)!important;mix-blend-mode:normal!important}
#v-wild .cities105-caption{grid-column:1/-1;max-width:none;margin:0;text-align:center;color:#fcfaf5;font:400 18px/1.5 var(--sans)}
@media(max-width:760px){#v-wild .wild79-hero-art{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}#v-wild .cities105-caption{font-size:16px}}

/* v107: compact, keyboard-accessible movement accordion and limited samples. */
#v-movements .movement107{position:relative;top:auto;scroll-margin-top:calc(var(--nav-h,80px) + 16px)}
#v-movements .movement107>.vd101-tab{grid-template-columns:auto 1fr auto 24px;cursor:pointer;list-style:none;min-height:80px}
#v-movements .movement107>.vd101-tab::-webkit-details-marker{display:none}
#v-movements .movement107>.vd101-tab:focus-visible{outline:3px solid currentColor;outline-offset:-6px}
#v-movements .movement107 .vd101-body{min-height:0}
#v-movements .movement107:not([open])>.vd101-body{display:none}
#v-movements .movement107-toggle{position:relative;width:20px;height:20px}
#v-movements .movement107-toggle:before,#v-movements .movement107-toggle:after{content:"";position:absolute;inset:9px 2px auto;height:2px;background:currentColor}
#v-movements .movement107-toggle:after{transform:rotate(90deg)}
#v-movements .movement107[open] .movement107-toggle:after{transform:none}
#v-movements .movement107-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:24px}
#v-movements .movement107-actions>a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
#v-movements .vd101-essay .sample107-note{font:400 14px/1.5 var(--sans)}
@media(max-width:999px){#v-movements .movement107>.vd101-tab{grid-template-columns:auto 1fr 24px;gap:16px;min-height:72px}}

/* v111: compact stack, no competing sticky card positions. */
#v-movements .movement107{position:relative!important;top:auto!important;margin:0;border:0}
#v-movements .movement107>.vd101-tab{position:relative;z-index:1}
#v-movements .movement107:not([open]){height:auto;min-height:0}

/* v112 — native notebook scroll stack, matching supplied motion reference. */
#v-movements{overflow:visible!important;--deck-head:var(--nav-h,80px);--deck-tab:48px}
#v-movements .movement-deck112{position:relative;isolation:isolate}
#v-movements .movement112{position:sticky!important;top:calc(var(--deck-head) + var(--i)*var(--deck-tab))!important;min-height:calc(100svh - var(--deck-head));height:auto;margin:0;z-index:calc(1 + var(--i));background:var(--tint);scroll-margin-top:calc(var(--deck-head) + var(--i)*var(--deck-tab));box-shadow:0 -8px 24px #0002}
#v-movements .movement112>.vd101-tab{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:var(--deck-tab);min-height:var(--deck-tab);padding:0 clamp(20px,4vw,56px);text-decoration:none;position:relative;background:var(--lane);color:var(--paper)}
#v-movements .movement112 .vd101-name,#v-movements .movement112 .vd101-num{font-size:26px;line-height:1}
#v-movements .movement112 .vd101-body{height:auto;min-height:0;overflow:visible;background:var(--tint);padding:32px clamp(20px,4vw,56px) 48px}
#v-movements .movement112 .vd101-body h2{font-size:clamp(48px,6vw,90px)}
@media(max-width:700px),(max-height:650px){#v-movements{--deck-tab:38px}#v-movements .movement112>.vd101-tab{gap:12px}#v-movements .movement112 .vd101-name,#v-movements .movement112 .vd101-num{font-size:20px}#v-movements .movement112 .vd101-meta{display:none}}
@media(prefers-reduced-motion:reduce){#v-movements .movement112{position:relative!important;top:auto!important;min-height:0;box-shadow:none}}

/* ═══ v81 — the book is the hero (v80 markup, now styled) ═══ */
.v80-book-hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;align-items:stretch!important;
  padding:0!important;min-height:calc(100svh - 64px)!important;position:relative}
.v80-hero-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(64px,9vw,128px) clamp(24px,6vw,90px) clamp(72px,9vw,120px)}
.v80-hero-cover{border-left:var(--rule);display:grid}
.v80-hero-cover .hero-cover{min-height:100%;height:100%;border:0;margin:0}
.v80-hero-cover .hero-cover img{width:min(78%,420px);box-shadow:18px 22px 0 rgba(0,0,0,.22),0 24px 60px rgba(0,0,0,.24)}
.v80-book-hero .v67-scroll{position:absolute;left:clamp(24px,6vw,90px);bottom:22px}
.v80-hero-copy .v75-book-meta{margin-top:18px}
.v80-book-return{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;
  padding:clamp(56px,7vw,96px) clamp(24px,6vw,90px);border-bottom:var(--rule);background:var(--cream)}
.v80-book-return h2{font:400 clamp(30px,4vw,52px)/1.05 var(--serif);letter-spacing:-.03em;margin:12px 0 0;max-width:16ch}
.v80-return-actions{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;padding-bottom:6px}
@media (max-width:900px){
  .v80-book-hero{grid-template-columns:1fr!important;min-height:0!important}
  .v80-hero-copy{padding:56px 20px 40px}
  .v80-hero-cover{border-left:0;border-top:var(--rule)}
  .v80-hero-cover .hero-cover{min-height:520px;padding:56px 28px}
  .v80-hero-cover .hero-cover img{width:min(72%,320px)}
  .v80-book-hero .v67-scroll{display:none}
  .v80-book-return{grid-template-columns:1fr;gap:22px;padding:56px 20px}
}



/* ═══ v83 — hero hierarchy · buy page order · volt's one job ═══ */
.v83-kicker{font:500 11.5px/1.4 var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--stone)!important;margin-bottom:26px!important}
.v83-kicker span{margin:0 6px;color:var(--hair)}
.v80-hero-copy h1{margin-bottom:28px!important}
.v80-hero-copy .v67-quiet{margin:0 0 36px!important;max-width:30ch}
.v83-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:14px 28px!important;margin:0!important;padding:0!important;border:0!important}
.v83-btn{display:inline-flex!important;align-items:center;min-height:50px!important;padding:0 26px!important;border:1.5px solid var(--ink)!important;border-radius:2px;
  background:var(--ink)!important;color:var(--paper)!important;font:600 15px/1 var(--sans)!important;letter-spacing:.01em!important;text-transform:none!important;text-decoration:none!important;transition:background .15s,color .15s}
.v83-textlink{font:500 15px/1 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink)!important;text-decoration:none!important;
  border-bottom:1px solid var(--ink)!important;padding:0 0 3px!important;background:none!important}
.v83-textlink:hover{color:var(--blue)!important;border-bottom-color:var(--blue)!important}
@media (max-width:900px){ .v80-hero-copy{padding-bottom:48px} .v83-btn{width:100%;justify-content:center} }

/* volt: the moment of action, nowhere else */
.v83-btn:hover,.v83-btn:focus-visible,.v79-masthead .v79-buy:hover,.v79-masthead .v79-buy:focus-visible,
.v79-masthead .nav .mobile-buy:hover,.book38-options button:first-child:hover{background:var(--volt)!important;border-color:var(--volt)!important;color:var(--ink)!important}
.v79-masthead .nav .mobile-buy:hover .menu-label{color:var(--ink)!important}
.wild-store .wild-open-here,.wild-store [class*="open-here"],.wild-store-page-label{color:var(--volt)}


/* Selected v83 direction: cover first, then recognition; Volt marks the purchase. */
#v-home .v80-hero-cover{background:var(--klein-700)}
#v-home .v80-hero-cover .hero-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--klein-700)}
#v-home .v80-hero-cover figcaption{display:none}
#v-home .v80-hero-copy h1{font-size:clamp(64px,7.5vw,112px);line-height:.9;letter-spacing:-.04em}
#v-home .v83-btn,#v-home .v80-return-actions .v75-buy{background:var(--volt)!important;color:var(--ink)!important;border-color:var(--volt)!important}
#v-home .v83-btn:hover,#v-home .v80-return-actions .v75-buy:hover{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}
#v-home .v83-textlink{min-height:44px;display:inline-flex;align-items:center}
#v-home .v80-hero-copy .v67-quiet{font:400 clamp(21px,2vw,29px)/1.35 var(--serif);max-width:28ch}
@media(max-width:900px){#v-home .v80-hero-copy{padding:40px 24px 32px}#v-home .v80-hero-cover .hero-cover{min-height:0;padding:40px 24px}#v-home .v80-hero-cover .hero-cover img{width:min(60%,280px)}#v-home .v83-btn{width:auto}#v-home .v80-hero-copy h1{font-size:clamp(62px,11vw,92px)}}
@media(prefers-reduced-motion:reduce){#v-home .v83-btn{transition:none}}

.machine-content {

.machine-content{--blue:#002fa7;--white:#fff;--soft:#d4dfff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}.machine-content{margin:0;background:var(--blue);color:var(--white);font:16px/1.55 'Courier New',Courier,monospace}main{max-width:1120px;margin:auto;padding:66px 44px 80px}::selection{background:white;color:var(--blue)}a{color:inherit;text-underline-offset:4px}a:hover{background:white;color:var(--blue)}a:focus-visible,summary:focus-visible{outline:2px solid white;outline-offset:5px}header h1{font:700 clamp(22px,3.2vw,40px)/1.15 'Courier New',monospace;letter-spacing:.03em;margin:0 0 23px}pre{font:700 clamp(7px,1.5vw,18px)/1.1 'Courier New',monospace;margin:0 0 31px;white-space:pre;width:max-content;max-width:100%}.machine-nav{display:flex;flex-wrap:wrap;gap:8px 23px;font-weight:bold;text-transform:uppercase;margin:0 0 34px}.machine-nav a{min-height:28px}.machine-nav a:first-child{background:white;color:var(--blue);padding:0 5px}.title{font-size:17px;font-weight:bold;text-transform:uppercase;margin:0 0 19px}.intro{color:var(--soft);max-width:790px;margin:0 0 42px}h2{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:400;letter-spacing:.03em;text-transform:uppercase;margin:44px 0 21px;color:var(--soft)}h2:before{content:'──';flex:none}h2:after{content:'';height:1px;background:#ffffff70;flex:1}p{max-width:880px;margin:20px 0}section{scroll-margin-top:25px}dl{margin:0}dl>div{display:grid;grid-template-columns:192px 1fr;gap:16px;margin:5px 0}dt{display:flex;gap:10px;color:var(--soft);text-transform:uppercase;font-size:14px;padding-top:2px}dt:after{content:'';flex:1;border-bottom:2px dotted #ffffff70;height:15px}dd{margin:0}.files{margin:0;list-style:none;padding:0}.files li{display:grid;grid-template-columns:235px 1fr;gap:24px;margin:10px 0}.files a{font-weight:bold}.files span{color:var(--soft)}.meta{font-size:13px;color:var(--soft)}.small-link{font-size:13px}.divider{border-top:1px solid #ffffff70;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:24px;font-size:12px}details{margin:0 0 25px}summary{cursor:pointer;font-size:16px;font-weight:bold;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:'+ ';}details[open] summary:before{content:'* ';}details p{margin:12px 0 0;max-width:860px;color:var(--soft)}.fileintro{font-size:14px}.bookquote{margin:30px 0;font-size:19px}.bookquote cite{font-style:normal;font-size:12px;display:block;margin-top:8px;color:var(--soft)}@media(max-width:650px){.machine-content{font-size:14px}main{padding:32px 20px 50px}header h1{font-size:23px}pre{font-size:clamp(6.5px,1.8vw,11px);margin-bottom:27px}.machine-nav{font-size:12px;gap:7px 15px;margin-bottom:25px}.title{font-size:14px}.intro{margin-bottom:30px}h2{margin-top:35px;font-size:14px}.files li{grid-template-columns:1fr;gap:1px;margin:15px 0}.files span{font-size:12px}dl>div{grid-template-columns:112px 1fr;gap:12px;margin:9px 0}dt{font-size:11px}dt:after{height:12px}summary{font-size:14px}.divider{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

nav.machine-nav a:first-child{background:none;color:white;padding:0}nav.machine-nav a[aria-current=page]{background:white;color:var(--blue);padding:0 5px}header pre{font-size:clamp(6.5px,1.2vw,14px);margin-bottom:24px}header h1{font-size:clamp(21px,3vw,34px)}.page-title{font-size:clamp(27px,4vw,45px);line-height:1.15;font-weight:400;margin:42px 0 24px;max-width:900px}h3{font-size:17px;margin:32px 0 14px}h4{font-size:16px}article{max-width:880px}article p{max-width:800px}.lede{font-size:20px;line-height:1.5;max-width:870px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.button,button{display:inline-block;border:1px solid white;background:transparent;color:white;padding:12px 17px;font:14px/1.3 'Courier New',monospace;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:white;color:var(--blue)}button:focus-visible,textarea:focus-visible{outline:3px solid white;outline-offset:5px}.primary{background:white;color:var(--blue)}textarea{width:100%;min-height:180px;background:#00298f;border:1px solid #a5bfff;color:white;font:16px/1.5 'Courier New',monospace;padding:16px;resize:vertical}label{display:block;margin:22px 0 10px}.status{min-height:24px;font-size:13px;color:var(--soft)}.passage{padding:20px 0;border-block:1px solid #ffffff80;font-size:19px}.pause{padding:45px 20px;text-align:center;border-block:1px solid #ffffff80;margin:32px 0}.pause p{margin:15px auto}.ascii{font:14px/1.4 'Courier New',monospace;white-space:pre-wrap}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.chips button[aria-pressed=true]{background:white;color:var(--blue)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px}.comparison div{min-width:0;overflow-wrap:anywhere}.comparison p{white-space:pre-wrap}mark{background:#fff;color:var(--blue);padding:1px 2px}del{color:#d4dfff;text-decoration:line-through}.reading-list{list-style:none;padding:0}.reading-list li{padding:20px 0;border-top:1px solid #ffffff70}.reading-list a{font-size:19px}.reading-list p{margin:8px 0;font-size:14px;color:var(--soft)}.facts>div{margin-bottom:9px}.footer-nav{display:flex;gap:18px;flex-wrap:wrap}.jump{position:absolute;top:-100px}.jump:focus{top:8px;background:white;color:var(--blue);padding:10px}button:disabled{opacity:.6;cursor:default}.count{font-size:14px}.source{font-size:12px;color:var(--soft)}@media(max-width:650px){.comparison{grid-template-columns:1fr}.lede{font-size:17px}.page-title{font-size:29px}.actions .button{width:100%}header pre{font-size:clamp(6px,1.6vw,10px)}}

}
.machine-content{background:#002fa7;color:#fff;font:16px/1.55 "Courier New",monospace;padding:64px clamp(20px,5vw,72px);min-height:75vh}
.machine-content .machine-nav{display:flex;position:static;flex-wrap:wrap;gap:8px 24px;margin:0 0 40px;padding:0 0 24px;border-bottom:1px solid #ffffff66;background:transparent;visibility:visible;opacity:1}
.machine-content .machine-nav a{display:inline-flex;align-items:center;min-height:44px;text-transform:none;white-space:normal;font-size:15px;padding:4px 8px}
.machine-content .lede{color:#d4dfff;font-family:'Courier New',monospace}
.machine-content textarea::placeholder{color:#b8c8f4;opacity:1}
.machine-content .meta,.machine-content .status{color:#d4dfff}

/* Machine view: the brand translated into a machine-readable room. */
.tm81{--tm-blue:#002FA7;--tm-paper:#FCFAF5;--tm-soft:#CBD7FF;--tm-rule:rgba(252,250,245,.34);
  background:var(--tm-blue)!important;color:var(--tm-paper);font-family:var(--mono)}

.tm81 a{color:inherit;text-underline-offset:5px}
.tm81 :focus-visible{outline:2px solid var(--tm-paper);outline-offset:5px}
.tm81-top{display:flex;justify-content:space-between;gap:20px;padding:15px clamp(20px,4vw,58px);
  border-bottom:1px solid var(--tm-rule);font:600 10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.tm81-top a{text-decoration:none}
.tm81-hero{padding:clamp(42px,5vw,70px) clamp(20px,4vw,58px) clamp(70px,8vw,120px);overflow:hidden}
.tm81-super{
  width:min-content;font:400 clamp(92px,15.8vw,250px)/.68 'Anton',Impact,sans-serif;letter-spacing:-.045em;
  color:var(--tm-paper);text-transform:uppercase;
  text-shadow:2px 2px 0 var(--tm-blue),4px 4px 0 var(--tm-paper),6px 6px 0 var(--tm-blue),8px 8px 0 rgba(252,250,245,.52);
}
.tm81-code-nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:44px}
.tm81-code-nav a{font:600 13px/1.5 var(--mono);text-transform:uppercase;text-decoration:underline;text-decoration-thickness:2px}
.tm81-index{font:600 13px/1.5 var(--mono);letter-spacing:.08em;margin:34px 0 0}
.tm81-intro{max-width:790px;color:var(--tm-soft);font:500 17px/1.55 var(--mono);margin:22px 0 0}
.tm81-lenses{display:grid;grid-template-columns:minmax(170px,280px) minmax(130px,1fr) minmax(170px,330px);
  gap:clamp(18px,4vw,56px);align-items:center;margin-top:clamp(58px,8vw,100px);max-width:1100px}
.tm81-lens{position:relative;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:5px solid var(--tm-paper);box-shadow:7px 7px 0 rgba(252,250,245,.45)}
.tm81-square{border-radius:8px;transform:rotate(-2deg)}
.tm81-oval{border-radius:52% 42% 48% 55% / 48% 55% 44% 52%;transform:rotate(3deg)}
.tm81-lens small{position:absolute;left:16px;top:13px;font:600 12px var(--mono);color:var(--tm-soft)}
.tm81-lens strong{font:600 clamp(16px,2vw,24px)/1.2 var(--mono);letter-spacing:.08em}
.tm81-bridge{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;font:600 clamp(15px,2vw,22px)/1.2 var(--mono)}
.tm81-bridge i{display:block;width:100%;height:3px;background:var(--tm-paper);position:relative}
.tm81-bridge i::before,.tm81-bridge i::after{content:'';position:absolute;top:50%;width:10px;height:10px;border:2px solid var(--tm-paper);transform:translateY(-50%) rotate(45deg)}
.tm81-bridge i::before{left:0}.tm81-bridge i::after{right:0}
.tm81-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,58px)}
.tm81-section{padding:clamp(60px,8vw,110px) 0;border-top:1px solid var(--tm-rule);scroll-margin-top:90px}
.tm81-label{font:600 12px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tm-soft);margin:0 0 26px}
.tm81-welcome h1{font:400 clamp(58px,8vw,110px)/.9 var(--serif);letter-spacing:-.05em;max-width:9ch;margin:0 0 34px}
.tm81-welcome h1 em{font-weight:400;color:var(--tm-soft)}
.tm81-section>p:not(.tm81-label),.tm81-lyra-grid p{font:400 17px/1.65 var(--mono);max-width:74ch;color:var(--tm-paper)}
.tm81-dl{margin:0;max-width:920px}.tm81-dl>div{display:grid;grid-template-columns:190px 1fr;gap:18px;margin:8px 0}
.tm81-dl dt{display:flex;gap:12px;color:var(--tm-soft);font:600 12px/1.5 var(--mono)}
.tm81-dl dt::after{content:'';flex:1;border-bottom:2px dotted var(--tm-rule);height:12px}
.tm81-dl dd{margin:0;font:500 15px/1.5 var(--mono)}
.tm81-ideas{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--tm-rule)}
.tm81-ideas article{padding:34px 30px;border-bottom:1px solid var(--tm-rule);min-height:240px}
.tm81-ideas article:nth-child(odd){border-right:1px solid var(--tm-rule)}
.tm81-ideas span{font:600 11px var(--mono);color:var(--tm-soft)}
.tm81-ideas h2{font:400 clamp(34px,4vw,54px)/1 var(--serif);letter-spacing:-.03em;margin:24px 0 18px}
.tm81-ideas p{font:400 16px/1.6 var(--mono);color:var(--tm-soft);max-width:42ch}
.tm81-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:28px}
.tm81-section-head>span{font:600 10px/1.5 var(--mono);letter-spacing:.12em;color:var(--tm-soft)}
.tm81-file-intro{margin:0 0 28px!important;color:var(--tm-soft)!important}
.tm81-files{border-top:1px solid var(--tm-paper)}
.tm81-file{display:grid;grid-template-columns:235px 1fr auto;gap:24px;padding:17px 0;border-bottom:1px solid var(--tm-rule);text-decoration:none}
.tm81-file code{font:600 13px/1.5 var(--mono);color:var(--tm-paper)}
.tm81-file span{font:400 14px/1.55 var(--mono);color:var(--tm-soft)}
.tm81-file b{font-weight:400}.tm81-file:hover{background:rgba(252,250,245,.07)}
.tm81-lyra h2{font:400 clamp(48px,7vw,92px)/.9 var(--serif);letter-spacing:-.045em;max-width:10ch;margin:0 0 48px}
.tm81-lyra-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,82px)}
.tm81-lyra-grid strong{font-size:clamp(28px,4vw,54px);font-weight:500}
.tm81-lyra-grid a{display:inline-flex;margin:16px 24px 0 0;font:600 12px/1.5 var(--mono);letter-spacing:.08em}
.tm81-meta{font-size:12px!important;color:var(--tm-soft)!important}
.tm81-console{border:2px solid var(--tm-paper);align-self:start;background:#001e75}
.tm81-console-top{display:flex;justify-content:space-between;gap:18px;padding:12px 14px;border-bottom:1px solid var(--tm-rule);
  font:600 9px/1.4 var(--mono);letter-spacing:.09em;color:var(--tm-soft)}
.tm81-console pre{min-height:260px;margin:0;padding:24px 18px;white-space:pre-wrap;font:600 14px/1.7 var(--mono);color:var(--tm-paper)}
.tm81-console button{width:100%;min-height:52px;border:0;border-top:2px solid var(--tm-paper);background:var(--tm-paper);color:var(--tm-blue);
  font:700 12px/1.4 var(--mono);letter-spacing:.1em;cursor:pointer}
.tm81-console button:hover{background:var(--volt);color:var(--ink)}
.tm81-console button:disabled{opacity:.6;cursor:wait}
.tm81 details{border-top:1px solid var(--tm-rule);padding:20px 0}.tm81 details:last-of-type{border-bottom:1px solid var(--tm-rule)}
.tm81 summary{list-style:none;cursor:pointer;font:600 14px/1.5 var(--mono);letter-spacing:.06em}
.tm81 summary::before{content:'+ ';color:var(--tm-soft)}.tm81 details[open] summary::before{content:'* '}
.tm81 details p{font:400 15px/1.65 var(--mono);color:var(--tm-soft);max-width:78ch}
.tm81-end{padding:clamp(80px,12vw,170px) clamp(20px,5vw,78px);border-top:2px solid var(--tm-paper)}
.tm81-end>p{font:600 12px/1.5 var(--mono);letter-spacing:.12em;color:var(--tm-soft)}
.tm81-end h2{font:400 clamp(64px,10vw,150px)/.82 var(--serif);letter-spacing:-.055em;max-width:9ch;margin:28px 0 42px}
.tm81-end h2 em{font-weight:400}
.tm81-end>div{display:flex;gap:28px;flex-wrap:wrap}
.tm81-end a{font:600 12px/1.5 var(--mono);letter-spacing:.08em}

@media(max-width:800px){
  .tm81-footer-door{grid-template-columns:1fr;align-items:start}
  .tm81-footer-door>a{width:max-content;max-width:100%}
  .tm81-super{font-size:23vw;line-height:.72}
  .tm81-lenses{grid-template-columns:1fr;max-width:420px}
  .tm81-bridge{padding:12px 0}.tm81-bridge i{width:70%;transform:rotate(90deg)}
  .tm81-ideas,.tm81-lyra-grid{grid-template-columns:1fr}.tm81-ideas article:nth-child(odd){border-right:0}
  .tm81-file{grid-template-columns:1fr auto;gap:7px}.tm81-file span{grid-column:1}.tm81-file b{grid-column:2;grid-row:1/3}
}
@media(max-width:560px){
  .tm81-top{font-size:9px}.tm81-top span{display:none}
  .tm81-hero{padding-top:34px}.tm81-code-nav{gap:8px 16px}.tm81-code-nav a{font-size:11px}
  .tm81-lens{min-height:140px}.tm81-dl>div{grid-template-columns:115px 1fr;gap:12px}
  .tm81-dl dt{font-size:10px}.tm81-dl dd{font-size:13px}
  .tm81-section-head{display:block}.tm81-section-head>span{display:block;margin-top:-14px;margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.tm81 *{scroll-behavior:auto!important;transition:none!important}}

.tm81{display:block!important;min-height:100vh} .tm81-top a[data-go]{pointer-events:none}
.machine-field-edition{background:#002fa7;min-height:100vh}.tm81{display:block!important}.tm81-super{font-family:'Anton','IBM Plex Sans',sans-serif;line-height:.86;letter-spacing:-.035em;text-shadow:none}.tm81-code-nav a{min-height:44px;display:inline-flex;align-items:center}.tm81 p,.tm81 h2{color:inherit}.tm81-welcome h1{letter-spacing:-.04em}.tm81-file{min-height:60px}.tm81-lens{box-shadow:none}.tm81{overflow-wrap:break-word}@media(max-width:600px){.tm81-super{font-size:clamp(62px,15.2vw,100px)}.tm81-lenses{grid-template-columns:1fr 70px 1fr;gap:10px}.tm81-lens{min-height:100px;border-width:3px}.tm81-lens strong{font-size:11px}.tm81-bridge{font-size:12px}.tm81-hero{padding-bottom:48px}.tm81-intro{font-size:14px}.tm81-code-nav{gap:4px 14px}.tm81-code-nav a{font-size:11px}}
.tm81-super{line-height:.94;font-size:clamp(76px,13vw,188px)}
@media(max-width:600px){.tm81-super{font-size:clamp(62px,15.2vw,100px)}}
/* A continuous reading and participation edition. */
.tm90 [id]{scroll-margin-top:100px}
.tm90 .tm81-code-nav{padding-block:24px;border-block:1px solid var(--tm-rule);gap:8px 24px}
.tm90 .tm81-code-nav a{font:500 15px/1.5 var(--sans);letter-spacing:0}
.tm90-chapter{padding:clamp(64px,9vw,130px) clamp(24px,6vw,88px);border-top:1px solid var(--tm-rule);min-width:0}
.tm90-chapter .tm90-title{font:400 clamp(42px,6vw,88px)/1.05 var(--serif);letter-spacing:-.035em;max-width:17ch;margin:0 0 48px}
.tm90-chapter>p,.tm90-chapter li{font:400 21px/1.65 var(--serif);max-width:65ch;margin:24px 0}
.tm90-chapter h3{font:400 32px/1.15 var(--serif);margin:48px 0 24px;max-width:30ch}
.tm90-chapter h4{font:500 22px/1.5 var(--sans)}
.tm90-chapter a{text-underline-offset:5px;overflow-wrap:anywhere}
.tm90-awakening,.tm90-authentic-goals,.tm90-books{background:#fcfaf5;color:#171714}
.tm90-known-character,.tm90-morgan,.tm90-press{background:#001e75;color:#fcfaf5}
.tm90-chapter .source{font:400 14px/1.6 var(--sans);max-width:70ch}
.tm90-chapter blockquote{font:italic 400 clamp(28px,4vw,48px)/1.25 var(--serif);margin:40px 0;max-width:34ch}
.tm90-duet{background:#111;color:#fcfaf5}
.tm90-duet label{display:block;font:500 14px/1.5 var(--sans);margin:28px 0 12px}
.tm90-duet textarea{display:block;width:100%;max-width:850px;min-height:190px;padding:20px;border:1px solid #aaa;background:#fcfaf5;color:#171714;font:400 18px/1.6 var(--sans);box-sizing:border-box;resize:vertical}
.tm90-duet button{padding:14px 20px;min-height:48px;margin:8px 8px 8px 0;border:1px solid #fcfaf5;background:transparent;color:#fcfaf5;font:500 14px/1.5 var(--sans);cursor:pointer}
.tm90-duet #compare,.tm90-duet button[aria-pressed=true]{background:#c8e83a;color:#111;border-color:#c8e83a}
.tm90-duet .comparison{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.tm90-duet #before,.tm90-duet #after{white-space:pre-wrap;font:400 18px/1.6 var(--sans)}
.tm90-duet mark{background:#c8e83a;color:#111}.tm90-duet del{color:#ffb8b8}
.tm90-chapter :focus-visible{outline:3px solid currentColor;outline-offset:5px}
.tm90-books table{width:100%;border-collapse:collapse;font:400 17px/1.6 var(--sans)}
.tm90-books td,.tm90-books th{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid #aaa}
.tm90-faq details p{font:400 19px/1.65 var(--serif)}
@media(max-width:700px){.tm90-chapter>p,.tm90-chapter li{font-size:19px}.tm90-duet .comparison{grid-template-columns:1fr}.tm90-books table,.tm90-books tbody,.tm90-books tr,.tm90-books td,.tm90-books th{display:block}.tm90-books td{padding:12px 0}.tm90-chapter{padding-inline:24px}.tm90-chapter .tm90-title{font-size:44px}}



.tm106{
  --night:#1538C8;--night-2:#0F2AA0;--panel:#0B2088;--line:rgba(248,244,234,.22);--line-2:rgba(248,244,234,.42);
  --paper:#F8F4EA;--dim:#B9C3F2;--blue:#1538C8;--blue-2:#F8F4EA;--volt:#C8E83A;
  --serif:"Newsreader",Georgia,serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--cond:"Anton",Impact,sans-serif;
  --head:64px;--gutter:clamp(20px,5vw,80px);
}


.tm106 *{box-sizing:border-box}


.tm106{scroll-behavior:smooth}


.tm106{margin:0;background:var(--night);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(rgba(248,244,234,.16) 1px,transparent 1px);background-size:24px 24px}


.tm106 a{color:inherit}


.tm106 ::selection{background:var(--volt);color:var(--night)}


.tm106 :focus-visible{outline:2px solid var(--volt);outline-offset:3px}



/* progress + masthead */


.tm106 .progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--volt);z-index:60}


.tm106 .masthead{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:var(--head);padding:0 24px;background:rgba(21,56,200,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}


.tm106 .masthead .wm{font:400 21px/1 var(--serif);letter-spacing:-.02em;text-decoration:none}


.tm106 .masthead nav{display:flex;justify-content:flex-end;gap:26px;padding-right:22px;font:500 15px/1 var(--sans);color:var(--paper)}


.tm106 .masthead nav a{text-decoration:none}
.tm106 .masthead nav a[aria-current]{color:var(--volt)}


.tm106 .masthead .buy{display:inline-flex;align-items:center;height:40px;padding:0 18px;background:var(--paper);color:var(--night);border-radius:2px;font:600 13.5px/1 var(--sans);text-decoration:none}


.tm106 .masthead .buy:hover{background:var(--volt)}


@media  (max-width:900px){.tm106 .masthead nav{display:none}}



/* status line */


.tm106 .status{display:flex;justify-content:space-between;gap:16px;padding:12px var(--gutter);font:400 12px/1 var(--mono);color:var(--dim);border-bottom:1px solid var(--line)}


.tm106 .status b{color:var(--volt);font-weight:500}


.tm106 .status .blink::after{content:"▮";animation:blink 1.1s steps(2) infinite;margin-left:6px}


@keyframes blink{to{opacity:0}}



.tm106 .oneprompt{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:14px var(--gutter);background:var(--panel);border-bottom:1px solid var(--line);font:400 14px/1.5 var(--sans);color:var(--paper)}


.tm106 .oneprompt b{font-weight:600}


/* hero — the wordmark and the glasses are characters */


.tm106 .hero{padding:clamp(36px,5vw,72px) var(--gutter) clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}


.tm106 .px{margin:0 0 30px;font:400 clamp(5px,.66vw,9.5px)/1.05 var(--mono);white-space:pre;color:var(--paper);overflow:hidden;text-shadow:0 0 14px rgba(248,244,234,.28)}


.tm106 .paths{display:flex;flex-wrap:wrap;gap:12px 22px;margin:0 0 34px;font:500 15px/1 var(--mono)}


.tm106 .paths a{color:var(--paper);text-decoration:none;border-bottom:1.5px solid var(--paper);padding-bottom:3px;text-transform:uppercase}


.tm106 .paths a[aria-current]{background:var(--paper);color:var(--night);padding:4px 6px 3px}


.tm106 .paths a:hover{color:var(--volt);border-bottom-color:var(--volt)}


.tm106 .index-h{margin:0 0 18px;font:500 17px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.02em}


.tm106 .index-c{margin:0 0 40px;font:400 15px/1.6 var(--mono);color:var(--dim)}


.tm106 .hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,80px);align-items:start}


.tm106 .dl{margin:0;font:400 15px/1.75 var(--mono)}


.tm106 .dl div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:baseline}


.tm106 .dl dt{text-transform:uppercase;color:var(--dim);position:relative;overflow:hidden;white-space:nowrap}


.tm106 .dl dt::after{content:" ..........................................";position:absolute;letter-spacing:.1em;padding-left:6px;opacity:.7}


.tm106 .dl dd{margin:0;color:var(--paper);text-transform:uppercase}


.tm106 .glasses{margin:0;justify-self:end}


.tm106 .glasses pre{margin:0;font:400 clamp(4.5px,.5vw,7.2px)/1.0 var(--mono);white-space:pre;color:var(--paper);text-shadow:0 0 10px rgba(248,244,234,.3)}


.tm106 .glasses figcaption{margin-top:12px;font:400 12px/1 var(--mono);color:var(--dim)}


@media  (max-width:1000px){.tm106 .hero-grid{grid-template-columns:1fr}
.tm106 .glasses{justify-self:start}}


@media  (max-width:640px){.tm106 .dl div{grid-template-columns:120px 1fr;gap:8px}
.tm106 .px{font-size:4px}
.tm106 .glasses pre{font-size:4px}}



/* generic section shell */


.tm106 .sec{padding:clamp(48px,7vw,104px) var(--gutter);border-bottom:1px solid var(--line)}


.tm106 .sec h2{margin:0 0 22px;font:400 clamp(30px,3.6vw,52px)/1.05 var(--serif);letter-spacing:-.03em;max-width:18ch}


.tm106 .sec .k{font:500 12px/1 var(--mono);color:var(--volt);margin-bottom:22px;display:block}


.tm106 .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:start}


.tm106 .prose{font:400 18px/1.6 var(--sans);color:var(--paper);max-width:58ch}


.tm106 .prose p{margin:0 0 20px}
.tm106 .prose p:last-child{margin-bottom:0}


.tm106 .prose .q{font:400 clamp(24px,2.4vw,34px)/1.25 var(--serif);letter-spacing:-.015em;color:var(--paper);margin:8px 0 26px}


.tm106 .dim{color:var(--dim)}



/* index terminal */


.tm106 .term{font:400 14px/1.7 var(--mono);background:var(--night-2);border:1px solid var(--line);border-radius:2px;padding:22px 24px;color:var(--paper);min-height:300px}


.tm106 .term .r{display:grid;grid-template-columns:150px 1fr;gap:16px;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}


.tm106 .term .r.on{opacity:1;transform:none}


.tm106 .term .r span:first-child{color:var(--dim)}


.tm106 .term .r.h span{color:var(--volt)}


.tm106 .term .cur{color:var(--volt)}



/* signal → response + residual */


.tm106 .loop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:center}


.tm106 .wave{position:relative;background:var(--night-2);border:1px solid var(--line);border-radius:2px;padding:26px 24px 20px}


.tm106 .wave svg{width:100%;height:auto;display:block}


.tm106 .wave .lab{display:flex;justify-content:space-between;font:400 12px/1 var(--mono);color:var(--dim);margin-bottom:12px}


.tm106 .wave .lab b{font-weight:500;color:var(--paper)}


.tm106 .wave .formula{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}


.tm106 .wave .formula .f{font:400 30px/1 var(--mono);letter-spacing:-.02em}


.tm106 .wave .formula .f em{font-style:normal;color:var(--volt)}


.tm106 .wave .formula output{font:500 14px/1 var(--mono);color:var(--dim)}


.tm106 .wave input[type=range]{width:100%;margin:22px 0 4px;accent-color:var(--volt);background:transparent}


.tm106 .wave .hint{font:400 12px/1.4 var(--mono);color:var(--dim);margin:0}



/* ideas */


.tm106 .ideas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:2px;overflow:hidden}


.tm106 .ideas li{padding:24px 22px 26px;border-right:1px solid var(--line);background:var(--night-2)}


.tm106 .ideas li:last-child{border-right:0}


.tm106 .ideas b{display:block;font:400 26px/1.05 var(--serif);letter-spacing:-.02em;margin-bottom:12px}


.tm106 .ideas p{margin:0;font:400 15px/1.5 var(--sans);color:var(--dim)}


.tm106 .ideas i{display:block;font:400 12px/1 var(--mono);color:var(--volt);margin-bottom:26px;font-style:normal}



/* the article — line numbered, readable */


.tm106 .article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:clamp(28px,5vw,96px)}


.tm106 .article .side{position:sticky;top:calc(var(--head) + 24px);align-self:start}


.tm106 .article .side h2{margin-bottom:14px}


.tm106 .article .side p{font:400 15px/1.55 var(--sans);color:var(--dim);max-width:34ch;margin:0 0 18px}


.tm106 .article .side .btn{display:inline-flex;align-items:center;height:44px;padding:0 20px;border:1.5px solid var(--line-2);border-radius:2px;font:600 13.5px/1 var(--sans);text-decoration:none;color:var(--paper)}


.tm106 .article .side .btn:hover{border-color:var(--volt);color:var(--volt)}


.tm106 .code{counter-reset:ln;border-left:1px solid var(--line);}


.tm106 .code p,.tm106 .code h3,.tm106 .code blockquote{position:relative;margin:0;padding:6px 0 6px 58px;font:400 18px/1.65 var(--sans)}


.tm106 .code p::before,.tm106 .code h3::before,.tm106 .code blockquote::before{counter-increment:ln;content:counter(ln,decimal-leading-zero);position:absolute;left:0;top:9px;width:42px;text-align:right;font:400 12px/1.65 var(--mono);color:var(--dim);opacity:.7}


.tm106 .code h3{font:500 12px/1.65 var(--mono);color:var(--volt);padding-top:34px}


.tm106 .code h3:first-child{padding-top:6px}


.tm106 .code blockquote{font:400 24px/1.3 var(--serif);letter-spacing:-.015em;padding-top:12px;padding-bottom:12px}


.tm106 .code blockquote small{display:block;margin-top:8px;font:400 12px/1 var(--mono);color:var(--dim)}


.tm106 .code .fm{color:var(--dim)}


.tm106 .code .cut{padding-top:20px;font:italic 400 14px/1.6 var(--mono);color:var(--dim)}



/* lyra on github */


.tm106 .repo{margin-top:26px;border:1px solid var(--line-2);border-radius:2px;background:var(--night-2);padding:20px 22px}


.tm106 .repo-h{display:flex;justify-content:space-between;align-items:baseline;font:500 15px/1 var(--mono)}


.tm106 .repo-h span{font-size:12px;color:var(--dim)}


.tm106 .repo p{margin:12px 0 16px;font:400 15px/1.5 var(--sans);color:var(--paper)}


.tm106 .repo-m{display:flex;flex-wrap:wrap;gap:8px 22px;font:400 12px/1 var(--mono);color:var(--dim);margin-bottom:18px}


.tm106 .repo-m b{color:var(--paper);font-weight:500;margin-left:6px}


.tm106 #repo-asof{flex-basis:100%;opacity:.75}


.tm106 .row{display:flex;flex-wrap:wrap;gap:10px}


.tm106 .btn{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:2px;font:600 13px/1 var(--sans);text-decoration:none;background:var(--volt);color:#14110D;border:1.5px solid var(--volt)}


.tm106 .btn:hover{background:var(--paper);border-color:var(--paper)}


.tm106 .btn.ghost{background:transparent;color:var(--paper);border-color:var(--line-2)}


.tm106 .btn.ghost:hover{border-color:var(--volt);color:var(--volt);background:transparent}


.tm106 .stack{display:grid;gap:14px}


.tm106 .cb{border:1px solid var(--line);border-radius:2px;background:var(--night-2);overflow:hidden}


.tm106 .cb-h{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font:500 12px/1 var(--mono);color:var(--volt)}


.tm106 .cb-h span{color:var(--dim);font-weight:400}


.tm106 .cb pre{margin:0;padding:16px;overflow:auto;font:400 13px/1.55 var(--mono);color:var(--paper)}


.tm106 #exp,.tm106 #inq{white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.6}


.tm106 .cb .row{padding:0 16px 16px}


.tm106 .cb button{cursor:pointer;height:40px;padding:0 16px;border-radius:2px;font:600 13px/1 var(--sans);border:1.5px solid var(--line-2);background:transparent;color:var(--paper)}


.tm106 .cb button:hover{border-color:var(--volt);color:var(--volt)}


.tm106 .article .side .btn{background:transparent;color:var(--paper);border-color:var(--line-2);height:44px;padding:0 20px}



/* pairs */


.tm106 .pairs{width:100%;border-collapse:collapse;font:400 15px/1.5 var(--sans)}


.tm106 .pairs th,.tm106 .pairs td{text-align:left;vertical-align:top;padding:16px 18px 18px 0;border-top:1px solid var(--line)}


.tm106 .pairs thead th{font:500 12px/1 var(--mono);color:var(--volt);border-top:0;padding-top:0;text-transform:uppercase}


.tm106 .pairs tbody th{font:400 22px/1.15 var(--serif);letter-spacing:-.02em;width:18%;padding-right:24px}


.tm106 .pairs td{width:41%;color:var(--paper)}


.tm106 .pairs td b{color:var(--volt);font-weight:500;font-family:var(--mono);font-size:14px}


.tm106 .foot-note{margin:22px 0 0;font:400 13px/1.55 var(--mono);color:var(--dim);max-width:70ch}


/* books */


.tm106 .books{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}


.tm106 .books li{padding:18px 0;border-bottom:1px solid var(--line)}


.tm106 .books b{display:block;font:400 22px/1.15 var(--serif);letter-spacing:-.02em;margin-bottom:6px}


.tm106 .books p{margin:0;font:400 15px/1.5 var(--sans);color:var(--paper)}


/* faq */


.tm106 .faq{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,5vw,80px)}


.tm106 .faq div{padding:18px 0;border-top:1px solid var(--line)}


.tm106 .faq dt{font:400 21px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:8px}


.tm106 .faq dd{margin:0;font:400 15px/1.55 var(--sans);color:var(--paper)}


@media  (max-width:900px){.tm106 .pairs thead{display:none}
.tm106 .pairs tr{display:block;padding:14px 0;border-top:1px solid var(--line)}
.tm106 .pairs th,.tm106 .pairs td{display:block;width:auto;border:0;padding:4px 0}
.tm106 .pairs td::before{content:"for a person";display:block;font:500 11px/1.6 var(--mono);color:var(--volt);text-transform:uppercase;margin-top:8px}
.tm106 .pairs td+td::before{content:"for a machine"}
.tm106 .faq{grid-template-columns:1fr}}



/* steps */


.tm106 .steps{list-style:none;margin:0;padding:0;counter-reset:s}


.tm106 .steps li{padding:16px 0 16px 0;border-top:1px solid var(--line);font:400 15px/1.55 var(--sans);color:var(--paper)}


.tm106 .steps li b{display:block;font:500 12.5px/1 var(--mono);color:var(--volt);margin-bottom:8px;text-transform:uppercase}


.tm106 .steps li.pause{background:var(--night-2);margin:0 -16px;padding:18px 16px;border-top:1px solid var(--volt)}


/* read-along */


.tm106 .along{display:grid;gap:16px}


.tm106 .pass{border:1px solid var(--line-2);background:var(--night-2);border-radius:2px;padding:22px}


.tm106 .pass .q{font:400 clamp(22px,2.2vw,30px)/1.3 var(--serif);letter-spacing:-.015em;margin:0 0 18px;border-left:2px solid var(--volt);padding-left:16px}


.tm106 .pass .q small{display:block;font:400 12px/1 var(--mono);color:var(--dim);margin-top:8px}


.tm106 .pass .g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}


.tm106 .pass label{display:block;font:500 12px/1 var(--mono);color:var(--volt);margin-bottom:8px;text-transform:uppercase}


.tm106 .pass textarea,.tm106 .pass input[type=text]{width:100%;padding:12px;background:var(--night);border:1px solid var(--line-2);border-radius:2px;color:var(--paper);font:400 15px/1.5 var(--sans);resize:vertical;min-height:88px}


.tm106 .pass input[type=text]{min-height:0}


.tm106 .pass .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}


.tm106 .pass .chips button,.tm106 .compass .row button:not(.btn){cursor:pointer;height:32px;padding:0 12px;border-radius:2px;font:500 12px/1 var(--mono);border:1px solid var(--line);background:transparent;color:var(--paper)}


.tm106 .pass .chips button[aria-pressed=true],.tm106 .compass .row button[aria-pressed=true]{background:var(--volt);color:var(--night);border-color:var(--volt)}


.tm106 .pass .pausebox{grid-column:1/-1;background:var(--night);border:1px solid var(--volt);border-radius:2px;padding:14px}


.tm106 .pass .pausebox input{border:0;background:transparent;padding:0}


.tm106 .pass .full{grid-column:1/-1}


.tm106 .compass{margin-top:20px;border:1px solid var(--line-2);border-radius:2px;padding:22px;background:var(--panel)}


.tm106 .compass p{margin:0 0 16px;font:400 15px/1.55 var(--sans);color:var(--paper);max-width:70ch}


.tm106 .compass .out{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font:400 15px/1.6 var(--sans);color:var(--dim)}


.tm106 .compass .out b{color:var(--paper);font-weight:500}


.tm106 .compass .out mark{background:rgba(200,232,58,.22);color:var(--paper);padding:0 2px}


/* objections */


.tm106 .obj details{border-top:1px solid var(--line)}


.tm106 .obj details:last-child{border-bottom:1px solid var(--line)}


.tm106 .obj summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:18px 0;font:400 22px/1.2 var(--serif);letter-spacing:-.02em}


.tm106 .obj summary::-webkit-details-marker{display:none}


.tm106 .obj summary span{font:500 12px/1 var(--mono);color:var(--volt);white-space:nowrap}


.tm106 .obj summary::after{content:"+";font:400 26px/1 var(--serif);color:var(--dim);margin-left:14px}


.tm106 .obj details[open] summary::after{content:"–"}


.tm106 .obj details>div{padding:0 0 22px;max-width:74ch}


.tm106 .obj details p{margin:0 0 12px;font:400 16px/1.6 var(--sans);color:var(--paper)}


.tm106 .obj details p.m{font:400 14px/1.55 var(--mono);color:var(--dim)}


/* corpus */


.tm106 .corpus summary{cursor:pointer;list-style:none}
.tm106 .corpus summary::-webkit-details-marker{display:none}


.tm106 .corpus summary h2{margin-bottom:10px}
.tm106 .corpus summary p{margin:0;font:400 15px/1.55 var(--sans);color:var(--dim)}


.tm106 .corpus summary::after{content:"open ↓";display:inline-block;margin-top:14px;font:500 12px/1 var(--mono);color:var(--volt)}


.tm106 .corpus[open] summary::after{content:"close ↑"}


.tm106 .corpus .code{margin-top:28px}


.tm106 .cb pre.wrap{white-space:pre-wrap;word-break:break-word}


.tm106 .pairs tbody th small{display:block;font:400 11.5px/1.4 var(--mono);color:var(--dim);margin-top:6px;letter-spacing:.02em}


@media  (max-width:900px){.tm106 .pass .g{grid-template-columns:1fr}
.tm106 .obj summary{flex-direction:column;gap:6px}}



/* the shown run */


.tm106 .run{display:grid;gap:14px}


.tm106 .run .r{border:1px solid var(--line);border-radius:2px;background:var(--night-2);padding:18px 20px}


.tm106 .run h4{margin:0 0 12px;font:400 20px/1.25 var(--serif);letter-spacing:-.02em}


.tm106 .run p{margin:0 0 10px;font:400 15px/1.55 var(--sans);color:var(--paper)}


.tm106 .run p i{display:inline-block;min-width:118px;font:500 11.5px/1.6 var(--mono);color:var(--volt);text-transform:uppercase;font-style:normal;vertical-align:top}


.tm106 .run mark{background:rgba(200,232,58,.25);color:var(--paper);padding:0 2px}


.tm106 .code p.li{padding-left:76px}
.tm106 .code p.li::before{left:0}


.tm106 .code p.li b{color:var(--volt);font-weight:500}



/* canonical block */


.tm106 .canon{padding:26px var(--gutter);background:var(--panel);border-bottom:1px solid var(--line)}


.tm106 .canon .k{margin-bottom:12px}


.tm106 .cn{max-width:86ch;font:400 14.5px/1.65 var(--mono);color:var(--paper)}


.tm106 .cn p{margin:0 0 10px}
.tm106 .cn p:last-child{margin:0}
.tm106 .cn b{font-weight:600}


/* matrix */


.tm106 .tblwrap{overflow-x:auto}


.tm106 .pairs.matrix th,.tm106 .pairs.matrix td{font-size:14px;padding:14px 16px 16px 0}


.tm106 .pairs.matrix tbody th{width:16%;font-size:19px}


.tm106 .pairs.matrix td{width:auto;color:var(--paper)}


.tm106 .pairs.matrix td:nth-child(2),.tm106 .pairs.matrix td:nth-child(3),.tm106 .pairs.matrix td:nth-child(4){width:14%;color:var(--dim)}


.tm106 .pairs.matrix td:nth-child(5){width:38%}


@media  (max-width:900px){.tm106 .pairs.matrix td::before{content:"";display:none}
.tm106 .pairs.matrix td:nth-child(2)::before{content:"points from";display:block}
.tm106 .pairs.matrix td:nth-child(3)::before{content:"names";display:block}
.tm106 .pairs.matrix td:nth-child(4)::before{content:"its practice";display:block}
.tm106 .pairs.matrix td:nth-child(5)::before{content:"what The Corporate Artist adds";display:block}}


/* mirror */


.tm106 .mir{border:1px solid var(--line);border-radius:2px;padding:20px 22px;background:var(--night-2)}


.tm106 .mir-b{border-color:var(--volt);background:var(--panel)}


.tm106 .mh{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 11.5px/1.4 var(--mono);color:var(--dim);text-transform:uppercase;margin-bottom:12px}


.tm106 .mir-b .mh{color:var(--volt)}


.tm106 .mir p{margin:0 0 12px;font:400 15px/1.55 var(--sans);color:var(--paper)}


.tm106 .mir p.pz{font:400 13.5px/1.55 var(--mono);color:var(--dim);border-left:2px solid var(--volt);padding-left:12px}


.tm106 .mir p.pz i{font-style:normal;color:var(--volt)}


.tm106 .mir .mt{border-top:1px solid var(--line);padding-top:10px;font:italic 400 12.5px/1.5 var(--mono);color:var(--dim)}


.tm106 .run .r2 h4{margin-bottom:14px}



/* doors */


.tm106 .doors{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:2px;overflow:hidden}


.tm106 .doors li{background:var(--night)}


.tm106 .doors a{display:block;padding:24px 22px 26px;text-decoration:none;min-height:150px}


.tm106 .doors a:hover{background:var(--night-2)}


.tm106 .doors i{display:block;font:400 12px/1 var(--mono);color:var(--volt);margin-bottom:22px;font-style:normal}


.tm106 .doors b{display:block;font:400 22px/1.15 var(--serif);letter-spacing:-.02em;margin-bottom:8px}


.tm106 .doors p{margin:0;font:400 14px/1.5 var(--sans);color:var(--dim)}



.tm106 .foot{padding:40px var(--gutter);display:flex;justify-content:space-between;gap:16px;font:400 12px/1.6 var(--mono);color:var(--dim)}


.tm106 .foot a{color:var(--paper);text-decoration:none}



@media  (max-width:1000px){
  
.tm106 .hero .glasses{position:static;width:min(100%,560px);margin:0 0 8px}

  
.tm106 .hero{min-height:0}

  
.tm106 .ideas{grid-template-columns:repeat(2,minmax(0,1fr))}
.tm106 .ideas li:nth-child(2){border-right:0}
.tm106 .ideas li:nth-child(-n/**/+2){border-bottom:1px solid var(--line)}

  
.tm106 .article{grid-template-columns:1fr}
.tm106 .article .side{position:static}

  
.tm106 .two,.tm106 .loop{grid-template-columns:1fr}

}


@media  (max-width:640px){
  
.tm106 .hero h1{font-size:clamp(72px,22vw,110px)}

  
.tm106 .ideas{grid-template-columns:1fr}
.tm106 .ideas li{border-right:0;border-bottom:1px solid var(--line)}

  
.tm106 .doors{grid-template-columns:1fr}

  
.tm106 .duet{grid-template-columns:1fr}

  
.tm106 .code p,.tm106 .code h3,.tm106 .code blockquote{padding-left:40px;font-size:17px}
.tm106 .code p::before,.tm106 .code h3::before,.tm106 .code blockquote::before{width:28px}

  
.tm106 .status span:last-child{display:none}

  
.tm106 .term .r{grid-template-columns:110px 1fr;gap:10px}

}


@media  (prefers-reduced-motion:reduce){
  
.tm106 .drawing .ln{transition:none;stroke-dashoffset:0}
.tm106 .status .blink::after{animation:none}
.tm106 .term .r{transition:none}

}


.machine-v106{background:#1538C8}.tm106{display:block;min-width:0}.tm106 .closing112{padding:70px var(--gutter) 50px;border-top:1px solid var(--line)}.tm106 .closing112 .glasses{margin:32px auto 0;max-width:860px}.tm106 .closing112 pre{overflow:hidden}.tm106 .closing112 .px{margin:0}.tm106 .paths{flex-wrap:wrap}.tm106 .sec{scroll-margin-top:100px}

.vd101-note{margin:14px 0 0;font:400 13.5px/1.5 var(--sans,"IBM Plex Sans",sans-serif);color:#2D5240;max-width:40ch}
.b52-comps{margin-top:14px}
.def-glossary{margin:56px auto 0;max-width:1100px;padding:0 24px}.def-glossary h2{font:400 clamp(28px,3.4vw,44px)/1.1 "Newsreader",Georgia,serif;letter-spacing:-.02em;margin:0 0 18px}.def-glossary dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 40px}.def-glossary div{padding:16px 0;border-top:1px solid rgba(20,17,13,.16)}.def-glossary dt{font:400 22px/1.2 "Newsreader",Georgia,serif;letter-spacing:-.02em}.def-glossary dt small{display:block;font:500 11.5px/1.5 "IBM Plex Mono",monospace;color:#69635A;margin-top:4px}.def-glossary dd{margin:8px 0 0;font:400 15px/1.55 "IBM Plex Sans",sans-serif;color:#3A352E}
.a36-origin{margin-top:28px}

/* v114: release the complete stack while reading an open sample. */
#v-movements .movement-deck112:has(.vd101-essay[open]) .movement112{position:relative!important;top:auto!important;min-height:0!important;box-shadow:none!important}
#v-movements .vd101-essay[open],#v-movements .vd101-essay[open]>*{max-height:none!important;height:auto;overflow:visible!important}
#v-movements .vd101-body{overflow:visible!important}
.social114 a{display:inline-block;min-height:32px;text-underline-offset:4px}
@media(max-width:700px),(max-height:650px){#v-movements .movement112{position:relative!important;top:auto!important;min-height:0!important;box-shadow:none!important}}

/* v116: isolate the field edition from the home page hero layout. */
.tm106 .hero{display:block;min-height:0;max-width:100%;box-sizing:border-box}
.tm106 .hero > *{min-width:0;max-width:100%;box-sizing:border-box}
.tm106 .hero-grid{width:100%;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.tm106 .hero-grid > *{min-width:0}
.tm106 .dl div{grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:20px}
.tm106 .dl dd{overflow-wrap:anywhere;text-transform:none}
.tm106 .doors a{min-width:0}
.tm106 .doors i{line-height:1.4;overflow-wrap:anywhere}
.tm106 .px{width:100%;max-width:100%;box-sizing:border-box}
.tm106 .closing112{box-sizing:border-box;max-width:100%}
.buy40-copy h1{font-family:var(--serif);font-size:clamp(44px,5.2vw,80px);font-weight:400;line-height:1.08;letter-spacing:-.035em}
.buy40-copy h1 em{font:inherit;color:inherit}
@media(max-width:1000px){.tm106 .hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.tm106 .dl div{grid-template-columns:95px minmax(0,1fr);gap:12px}}

/* v117: explicit header placement prevents auto-placement collisions on resize. */
.v79-masthead > .wordmark{grid-column:1!important;grid-row:1!important;min-width:0}
.v79-masthead > .v79-buy{width:max-content!important;max-width:100%;justify-self:end;justify-content:center;box-sizing:border-box}
@media(min-width:901px){
 .v79-masthead{grid-template-columns:auto minmax(0,1fr) auto!important}
 .v79-masthead > #nav{grid-column:2!important;grid-row:1!important;min-width:0;width:auto!important;flex-wrap:nowrap!important;justify-content:flex-end!important}
 .v79-masthead > .v79-buy{grid-column:3!important;grid-row:1!important}
}
@media(max-width:900px){
 .v79-masthead > .v79-buy{grid-column:2!important;grid-row:1!important}
 .v79-masthead > .menu-toggle{grid-column:3!important;grid-row:1!important}
}

/* v118: centered raster close and an optional route back to bookshops. */
.tm106 .closing112 .px{text-align:center;margin-inline:auto}
.tm106 .machine-world118{padding:48px var(--gutter);border-top:1px solid var(--line);color:var(--paper)}
.tm106 .world118-code{font:400 12px/1.5 var(--mono);color:var(--volt)}
.tm106 .machine-world118 h2{font:400 clamp(26px,3vw,40px)/1.15 var(--serif);margin:14px 0 24px}
.tm106 .machine-world118 a{color:inherit;text-underline-offset:5px}
.tm106 .world118-buy{font:500 15px/1.6 var(--mono)}
.tm106 .world118-discovery{margin-top:30px;max-width:760px;font:400 14px/1.65 var(--mono)}
.tm106 .world118-discovery summary{cursor:pointer;list-style:none;width:fit-content;padding:10px 0;color:var(--volt)}
.tm106 .world118-discovery summary::-webkit-details-marker{display:none}
.tm106 .world118-discovery summary span{display:inline-block;margin-left:14px}
.tm106 .world118-discovery[open] summary span{transform:rotate(45deg)}
.tm106 .world118-shops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:24px 0}
.tm106 .world118-shops a{display:flex;flex-direction:column;gap:12px;text-decoration:none;align-items:flex-start}
.tm106 .world118-shops img,.tm106 .world118-shops canvas{width:200px;max-width:100%;height:160px;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;image-rendering:pixelated}
.tm106 .machine-world118 a:hover span{text-decoration:underline;text-underline-offset:5px}
.tm106 .machine-world118 :focus-visible{outline:2px solid var(--volt);outline-offset:5px}
@media(max-width:520px){.tm106 .world118-shops{grid-template-columns:1fr}}

.ghost-signup119{min-height:360px;width:100%;height:40vmin;max-height:460px}.ghost-note119{font-size:12px;line-height:1.5;margin:12px 0;color:inherit}