/** Shopify CDN: Minification failed

Line 31:0 Unexpected "50%"
Line 31:15 Unexpected "}"

**/
/* ============ TOKENS ============ */
.reading{
  --black:#0A0A0A; --white:#F5F5F0; --stone:#C4C0B8; --slate:#4A4A52; --charcoal:#141414;
  --line:rgba(245,245,240,0.12); --line-faint:rgba(245,245,240,0.07); --line-strong:rgba(245,245,240,0.22);
  --dim:rgba(245,245,240,0.52); --soft:rgba(245,245,240,0.78);
  --display:'Monument Extended','Unbounded',-apple-system,sans-serif;
  --body:'Satoshi','Inter',-apple-system,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1); --gutter:clamp(20px,5vw,72px);
  --measure:680px;
}
.reading *{margin:0;padding:0;box-sizing:border-box}
.reading html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}

/* ============ AMBIENT ============ */

/* ============ READING PROGRESS ============ */
.reading .progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:90;background:transparent}
.reading .progress span{display:block;height:100%;width:0;background:var(--white);transform-origin:left;
  box-shadow:0 0 14px rgba(245,245,240,.4)}

/* ============ CURSOR ============ */

/* ============ NAV ============ */

50%{opacity:.3}}

/* ============ LEDE / HERO ============ */
.reading .doc{position:relative;z-index:1}
.reading .article{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}
.reading .lede{max-width:920px;margin:0 auto;padding:clamp(48px,8vw,104px) 0 clamp(28px,4vw,44px);text-align:center}
.reading .crumb{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:26px}
.reading .crumb a:hover{color:var(--white)}
.reading .crumb .dot{width:3px;height:3px;border-radius:50%;background:var(--slate)}
.reading .lede h1{font-family:var(--display);font-weight:400;letter-spacing:-.01em;line-height:1.02;
  font-size:clamp(38px,7vw,82px);text-transform:uppercase}
.reading .lede .deck{font-size:clamp(16px,2.2vw,21px);line-height:1.55;color:var(--soft);max-width:660px;margin:26px auto 0;font-weight:300}
.reading .meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin-top:34px;
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.reading .meta .sep{width:3px;height:3px;border-radius:50%;background:var(--slate)}
.reading .meta b{color:var(--soft);font-weight:500}

.reading .hero-fig{margin:clamp(28px,4vw,52px) 0 0;position:relative}
.reading .hero-fig .frame{position:relative;overflow:hidden;aspect-ratio:16/8;background:var(--charcoal)}
.reading .hero-fig img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05) brightness(.82);
  transform:scale(1.02);transition:transform 1.6s var(--ease),filter 1.2s var(--ease)}
.reading .hero-fig:hover img{transform:scale(1.05);filter:grayscale(.12) brightness(.9)}
.reading .hero-fig figcaption{margin-top:12px;font-size:11px;letter-spacing:.04em;color:var(--dim);text-align:center}

/* ============ LAYOUT: rail + prose ============ */
.reading .layout{display:grid;grid-template-columns:1fr;gap:0;padding:clamp(40px,6vw,72px) 0 0;position:relative}
@media(min-width:1040px){
  .reading .layout{grid-template-columns:220px minmax(0,var(--measure)) 220px;justify-content:center;gap:0 48px}
}
.reading .rail{display:none}
@media(min-width:1040px){
  .reading .rail{display:block;position:sticky;top:96px;align-self:start;height:max-content}
}
.reading .rail .label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:18px}
.reading .toc a{display:block;font-size:13px;line-height:1.4;color:var(--dim);padding:8px 0 8px 16px;border-left:1px solid var(--line);
  transition:color .3s var(--ease),border-color .3s var(--ease)}
.reading .toc a:hover{color:var(--soft)}
.reading .toc a.active{color:var(--white);border-color:var(--white)}
.reading .share{margin-top:36px;display:flex;flex-direction:column;gap:14px}
.reading .share a{display:inline-flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.reading .share a:hover{color:var(--white)}
.reading .share svg{width:15px;height:15px}

/* ============ PROSE ============ */
.reading .prose{font-size:clamp(17px,1.25vw,19px);line-height:1.78;color:var(--soft)}
.reading .prose>p{margin:0 0 26px}
.reading .prose>p:first-of-type{font-size:1.06em;color:var(--white)}
.reading .prose .dropcap::first-letter{font-family:var(--display);font-weight:400;float:left;font-size:3.1em;line-height:.82;
  padding:6px 14px 0 0;color:var(--white)}
.reading .prose h2{font-family:var(--display);font-weight:400;color:var(--white);letter-spacing:-.005em;line-height:1.12;
  font-size:clamp(24px,3.2vw,33px);margin:clamp(44px,6vw,68px) 0 20px;scroll-margin-top:90px}
.reading .prose h2 .idx{display:block;font-family:var(--body);font-size:11px;letter-spacing:.3em;color:var(--dim);margin-bottom:14px;font-weight:500}
.reading .prose h3{font-family:var(--body);font-weight:700;color:var(--white);font-size:1.05em;letter-spacing:.01em;margin:32px 0 12px}
.reading .prose a.link{color:var(--white);border-bottom:1px solid var(--line-strong);transition:border-color .3s}
.reading .prose a.link:hover{border-color:var(--white)}
.reading .prose strong{color:var(--white);font-weight:700}
.reading .prose em{font-style:italic;color:var(--soft)}
.reading .prose ul, .reading .prose ol{margin:0 0 26px;padding-left:0;list-style:none}
.reading .prose ul li, .reading .prose ol li{position:relative;padding-left:28px;margin-bottom:12px}
.reading .prose ul li::before{content:"";position:absolute;left:2px;top:.7em;width:7px;height:1px;background:var(--stone)}
.reading .prose ol{counter-reset:li}
.reading .prose ol li{counter-increment:li}
.reading .prose ol li::before{content:counter(li,decimal-leading-zero);position:absolute;left:0;top:.05em;
  font-family:var(--display);font-size:.7em;color:var(--dim)}

/* ---- key takeaways ---- */
.reading .takeaways{border:1px solid var(--line);background:rgba(245,245,240,.022);padding:clamp(24px,3vw,32px);margin:8px 0 38px}
.reading .takeaways .label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.reading .takeaways .label::after{content:"";flex:1;height:1px;background:var(--line)}
.reading .takeaways ul{margin:0;padding:0}
.reading .takeaways li{font-size:.92em;color:var(--soft);padding-left:26px}
.reading .takeaways li::before{top:.75em;width:9px;background:var(--white)}

/* ---- pull quote ---- */
.reading .pull{margin:clamp(40px,5vw,60px) 0;padding:0 0 0 clamp(20px,3vw,34px);border-left:2px solid var(--white)}
.reading .pull p{font-family:var(--display);font-weight:400;color:var(--white);text-transform:none;
  font-size:clamp(20px,2.6vw,28px);line-height:1.28;letter-spacing:-.01em}

/* ---- field note ---- */
.reading .note{position:relative;border:1px solid var(--line-faint);background:linear-gradient(180deg,rgba(245,245,240,.03),transparent);
  padding:clamp(20px,2.6vw,26px) clamp(20px,2.6vw,28px);margin:34px 0;border-radius:2px}
.reading .note .tag{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--stone);margin-bottom:10px}
.reading .note p{margin:0;font-size:.94em;color:var(--soft)}

/* ---- six levers grid ---- */
.reading .levers{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line-faint);border:1px solid var(--line-faint);margin:30px 0 38px}
@media(min-width:560px){.reading .levers{grid-template-columns:1fr 1fr}}
.reading .lever{background:var(--black);padding:22px 22px 24px}
.reading .lever .n{font-family:var(--display);font-size:11px;letter-spacing:.2em;color:var(--dim)}
.reading .lever h4{font-family:var(--body);font-weight:700;color:var(--white);font-size:1em;margin:12px 0 7px;letter-spacing:.01em}
.reading .lever p{font-size:.84em;color:var(--dim);line-height:1.55;margin:0}

/* ---- table ---- */
.reading .t-wrap{margin:30px 0 38px;border:1px solid var(--line);overflow:hidden}
.reading .t-cap{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);padding:16px 20px;border-bottom:1px solid var(--line)}
.reading table{width:100%;border-collapse:collapse;font-size:.86em}
.reading th, .reading td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line-faint)}
.reading th{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-weight:500;background:rgba(245,245,240,.02)}