@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/inter-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/inter-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/newsreader-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/newsreader-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/newsreader-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/newsreader-latin-400-italic.woff2") format("woff2")}
.hero-art{position:relative;width:290px;height:290px;perspective:1400px;--coin-d:250px;--coin-t:14px;animation:motifRise 1s cubic-bezier(.2,.7,.2,1) both}  /* the icon file carries a transparent margin: a 290 px box shows a 250 px coin */
.hero-art-sm{width:236px;height:236px;--coin-d:204px;--coin-t:12px}
/* the entrance fade lives on .hero-art, not .coin: a CSS animation sharing the
   transform property with coinSpin on the same preserve-3d element causes real
   browsers to stop painting the face images entirely (tested and reproduced),
   leaving a blank shaded disc with no checkmark or T. Keeping the two animations
   on two different elements avoids that outright rather than working around it. */
.hero-art .coin{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:coinSpin 7s linear 1s infinite}
/* the exact edge-on instant (90deg/270deg) is where the rim-disc stack
   degenerates: every disc is a flat plane with zero depth of its own, so
   turned perfectly edge-on each one projects to a hairline, and at the exact
   moment real browsers were showing two separated hairlines (the two coin-face
   images' own foreshortened edges) with the rim discs between them failing to
   paint at all, rather than one solid bar. .coin-edge patches exactly that
   blind spot: a flat, non-rotating bar shaped like the coin's cross-section,
   sitting outside .coin so it never spins itself, that opacity-pulses to 1
   only in a narrow window right at 90/270 and 0 the rest of the time, timed
   off the same 7s/1s-delay schedule as coinSpin so it appears only when the
   real geometry is otherwise invisible. */
.coin-edge{position:absolute;top:50%;left:50%;width:calc(var(--coin-t) + 3px);height:var(--coin-d);margin:calc(var(--coin-d) / -2) 0 0 calc(var(--coin-t) / -2 - 1.5px);border-radius:999px;background:linear-gradient(90deg,#6e5424,#9c7d3a 20%,#e9cf8c 48%,#f4ce84 52%,#c7a44d 80%,#6e5424);opacity:0;animation:coinEdgePulse 7s linear 1s infinite}
@keyframes coinEdgePulse{0%,21%,46%,71%,96%,100%{opacity:0}25%,75%{opacity:1}}
.coin-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(calc(var(--coin-t) / 2 + 3px))}  /* +3px keeps this strictly ahead of the frontmost rim disc (which tops out at coin-t/2): without that gap the two sit at the same depth and the browser can paint the opaque rim disc over the face */
.coin-face.back{transform:rotateY(180deg) translateZ(calc(var(--coin-t) / 2 + 3px))}
/* the rim: 20 solid gold discs, the same size and orientation as the coin faces,
   packed tightly through the coin's (now slimmer) thickness. Full-on and from the
   back they sit exactly behind whichever face is showing, so they stay hidden;
   turned edge-on, where both faces vanish to a line, this stack of discs reads
   instead as one solid gold bar the height of the coin and the width of its
   thickness, which is what makes the coin look like it has real depth. 20 discs
   over a thinner range (was 12 over a thicker one) closes the gap that showed up
   as two separate hairlines at 90/270 instead of one solid edge, and keeps the
   coin reading as slim rather than chunky at the in-between angles. They carry no
   rotation of their own and no backface-visibility: they must keep rendering
   through the whole spin, including the exact moment the faces don't. */
.rim{position:absolute;top:50%;left:50%;width:var(--coin-d);height:var(--coin-d);margin:calc(var(--coin-d) / -2) 0 0 calc(var(--coin-d) / -2);border-radius:50%;background:radial-gradient(circle at 42% 38%,#e9cf8c,#c7a44d 45%,#8a6c2f 78%,#6e5424)}
.rim:nth-of-type(1){transform:translateZ(calc(var(--coin-t) * -.5))}
.rim:nth-of-type(2){transform:translateZ(calc(var(--coin-t) * -.447))}
.rim:nth-of-type(3){transform:translateZ(calc(var(--coin-t) * -.395))}
.rim:nth-of-type(4){transform:translateZ(calc(var(--coin-t) * -.342))}
.rim:nth-of-type(5){transform:translateZ(calc(var(--coin-t) * -.289))}
.rim:nth-of-type(6){transform:translateZ(calc(var(--coin-t) * -.237))}
.rim:nth-of-type(7){transform:translateZ(calc(var(--coin-t) * -.184))}
.rim:nth-of-type(8){transform:translateZ(calc(var(--coin-t) * -.132))}
.rim:nth-of-type(9){transform:translateZ(calc(var(--coin-t) * -.079))}
.rim:nth-of-type(10){transform:translateZ(calc(var(--coin-t) * -.026))}
.rim:nth-of-type(11){transform:translateZ(calc(var(--coin-t) * .026))}
.rim:nth-of-type(12){transform:translateZ(calc(var(--coin-t) * .079))}
.rim:nth-of-type(13){transform:translateZ(calc(var(--coin-t) * .132))}
.rim:nth-of-type(14){transform:translateZ(calc(var(--coin-t) * .184))}
.rim:nth-of-type(15){transform:translateZ(calc(var(--coin-t) * .237))}
.rim:nth-of-type(16){transform:translateZ(calc(var(--coin-t) * .289))}
.rim:nth-of-type(17){transform:translateZ(calc(var(--coin-t) * .342))}
.rim:nth-of-type(18){transform:translateZ(calc(var(--coin-t) * .395))}
.rim:nth-of-type(19){transform:translateZ(calc(var(--coin-t) * .447))}
.rim:nth-of-type(20){transform:translateZ(calc(var(--coin-t) * .5))}
@keyframes motifRise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes coinSpin{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
@media (prefers-reduced-motion:reduce){.hero-art .coin{animation:none}.coin-edge{animation:none;opacity:0}}

:root{--ground:#f3f0e8;--panel:#eae5da;--panel-2:#e2dccf;--ink:#252622;--ink-2:#52534c;--muted:#64655d;--gold:#806322;--gold-hi:#71551a;--line:#d8d2c5;--line-2:#b7b1a4;--serif:"Newsreader",Georgia,serif;--sans:"Inter",Arial,sans-serif;--gut:24px;--gut-r:24px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ac8538;outline-offset:4px}button:disabled{cursor:default}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.1;letter-spacing:-.018em;text-wrap:balance}h2{font-size:clamp(30px,3.6vw,44px)}h3{font-size:27px}.wrap{max-width:1264px;margin-inline:auto;padding-inline:32px}.prose-w,.prose{max-width:780px;padding-inline:28px;margin-inline:auto}.eyebrow,.label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold);line-height:1.6}.eyebrow+h1,.eyebrow+h2{margin-top:14px}.text-link{font-size:14px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;display:inline-block;line-height:1.8}.text-link:hover{text-decoration-thickness:2px;color:var(--gold)}.micro{font-size:12px;color:var(--muted);margin-top:12px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}.skip{position:absolute;left:-9999px;top:10px;z-index:100;background:#d1ae5e;color:#0d1118;padding:12px}.skip:focus{left:12px}.btn{display:inline-block;text-decoration:none;font-size:14px;font-weight:600;padding:12px 20px;border:1px solid var(--line-2);border-radius:2px;line-height:1.5}.btn-gold{background:#c9a44e;color:#11161b;border-color:#c9a44e}.btn:hover{background:#dfbf72;color:#11161b}.section-rule{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line-2);padding-top:18px;margin-bottom:24px}.section-rule h2{font-size:26px}.section-rule time{font-size:12px;color:var(--muted)}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:36px}.section-heading>p{max-width:48ch;color:var(--ink-2);font-size:16px}.story-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted)}
/* A dark masthead and the original dimensional coin anchor the paper layouts. */
.topbar{position:sticky;top:0;z-index:30;background:#0b1017;color:#eceae2;border-bottom:1px solid #ffffff1c}.topbar-in{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:8px;font:500 24px/1 var(--serif);text-decoration:none;white-space:nowrap}.brand img{width:42px;height:42px}.topbar nav{display:flex;align-items:center;gap:23px}.topbar nav a{font-size:13px;text-decoration:none;color:#d0d0c9;padding-block:10px}.topbar nav a:hover,.topbar nav a[aria-current]{color:#e3bf68}.topbar nav .nav-sub{background:#c9a44e;color:#10151a;padding:10px 18px;font-weight:600;border-radius:2px}.menu-toggle{border:1px solid #8c8b80;background:transparent;color:#eceae2;padding:8px 12px;border-radius:2px;font-size:13px}.hero{background:#0b1017;color:#eceae2}.hero-in{display:grid;grid-template-columns:minmax(0,760px) 260px;align-items:center;justify-content:space-between;gap:64px;padding-block:42px 46px}.hero .eyebrow{color:#d4b469}.hero h1{font-size:clamp(37px,4.1vw,54px);max-width:24ch;margin:14px 0 19px}.hero .lede{font-size:16px;color:#c5c7c8;line-height:1.7}.hero-links{display:flex;align-items:center;gap:26px;margin-top:24px}.hero .text-link:hover{color:#e3bf68}.coin-display{display:flex;align-items:center;flex-direction:column;gap:8px}.hero-art{width:250px!important;height:250px!important;--coin-d:216px!important;--coin-t:12px!important}.motion-control{background:transparent;border:0;border-bottom:1px solid #6b6657;color:#c3b795;padding:5px 0;font-size:11px;letter-spacing:.03em;min-height:30px}.coin-paused .coin,.coin-paused .coin-edge{animation-play-state:paused!important}
/* Editorial front page. */
.lead-section{padding-block:38px 54px}.lead-story{display:grid;grid-template-columns:1.38fr 1fr;gap:48px;align-items:center}.lead-image{overflow:hidden;background:var(--panel)}.lead-image img{width:100%;aspect-ratio:1.5;object-fit:cover}.lead-story h2{font-size:clamp(34px,4vw,48px);margin:14px 0 20px}.lead-story h2 a,.story-card h3 a{text-decoration:none}.lead-story h2 a:hover,.story-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.lead-story .dek{font-size:17px;color:var(--ink-2);line-height:1.65}.lead-story .story-meta{margin:18px 0}.recent-section{padding-bottom:64px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.story-image{display:block;overflow:hidden;background:var(--panel);margin-bottom:18px}.story-image img{width:100%;aspect-ratio:1.5;object-fit:cover;transition:transform .3s}.story-image:hover img{transform:scale(1.025)}.story-card h3{font-size:29px;margin:11px 0 12px}.story-card>p{font-size:14px;color:var(--ink-2)}.reading-paths{border-top:1px solid var(--line);padding-block:56px;display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.reading-paths>div>p:not(.eyebrow){margin:20px 0;color:var(--ink-2)}.entry-list>a{display:flex;gap:26px;text-decoration:none;padding:23px 0;border-bottom:1px solid var(--line)}.entry-list>a:first-child{padding-top:0}.entry-number{font-family:var(--serif);font-size:32px;color:var(--gold);flex:none;line-height:1.2}.entry-list h3{font-size:26px}.entry-list p{font-size:14px;color:var(--ink-2);margin-top:9px}.entry-list>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.framework-feature{padding-block:60px 64px;border-top:1px solid var(--line)}.framework-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:26px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.framework-card{padding:24px 24px 26px;text-decoration:none;border-right:1px solid var(--line)}.framework-card:first-child{padding-left:0}.framework-card:last-child{border-right:0}.framework-number{font-size:12px;color:var(--gold);letter-spacing:.1em}.framework-card h3{margin:17px 0 14px;font-size:29px}.framework-card p{font-size:14px;color:var(--ink-2);min-height:88px}.framework-card .text-link{font-size:12px;margin-top:20px}.framework-card:hover{background:#eae5da}.case-section{background:#111820;color:#eceae2;padding-block:64px}.case-section .eyebrow{color:#d3af60}.case-section .section-heading>p{color:#bfc5ca}.case-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:start}.case-image{position:relative}.case-figure figcaption{color:#b7bfc4;font-size:11px;margin-top:14px;max-width:65ch}.case-panel{border-top:1px solid #ffffff30}.case-panel summary::-webkit-details-marker{display:none}.case-panel summary>span{color:#d0ab59;font-size:12px}.case-panel[open] summary{color:#dfbe78}.case-panel p{color:#c6cbd0;font-size:14px;line-height:1.75}.case-panels>.text-link{margin-top:25px;color:#dfbe78}.questions-section{padding-block:64px}.questions-section h2{margin-bottom:26px}.question-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}.question-links a{padding:18px 0;border-top:1px solid var(--line);font-size:14px;text-decoration:none}.question-links a:hover{color:var(--gold);text-decoration:underline}.author-feature{display:grid;grid-template-columns:150px minmax(0,620px);gap:36px;padding-block:18px 64px;align-items:center}.author-feature img{width:150px;height:182px;object-fit:cover;object-position:50% 20%;filter:grayscale(1)}.author-feature h2{font-size:34px;margin:10px 0 14px}.author-feature p:not(.eyebrow){color:var(--ink-2);margin-bottom:16px}.newsletter{background:#e6e0d3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.newsletter-in{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-block:44px;align-items:center}.newsletter h2{font-size:36px;margin:9px 0 12px}.newsletter p:not(.eyebrow):not(.micro){font-size:14px;color:var(--ink-2)}.subscribe{display:flex;gap:8px}.subscribe input{min-width:0;flex:1;border:1px solid #aaa291;border-radius:2px;background:#f8f5ee;padding:12px;color:#252622;font-size:16px;width:100%}.subscribe input::placeholder{color:#66665d}.subscribe button{border:1px solid #222824;background:#222824;color:#fff;padding:12px 20px;font-size:14px;border-radius:2px}.subscribe button:hover{background:#41453e}
/* Library: search comes before the theme descriptions. */
.lib-head-in{padding-block:48px 28px}.lib-head h1,.page-intro h1{font-size:clamp(38px,5vw,58px);margin:14px 0 20px}.lib-head .lede,.page-intro .lede{color:var(--ink-2);font-size:18px;max-width:60ch}.lib-tools{padding-block:22px;display:flex;flex-direction:column;gap:15px;scroll-margin-top:96px}.search input{width:100%;background:#faf8f2;color:var(--ink);font-size:16px;padding:14px 16px;border:1px solid var(--line-2);border-radius:2px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line-2);background:transparent;color:var(--ink-2);border-radius:2px;padding:9px 12px;font-size:12px;min-height:40px}.chip[aria-pressed=true]{background:#282e29;color:#fff;border-color:#282e29}.count{font-size:13px;color:var(--muted)}.count:empty{display:none}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-block:10px 30px}.t-card{text-decoration:none;font-size:13px;border-top:1px solid var(--line);padding-top:14px}.t-card strong{display:block}.t-card span{display:block;color:var(--muted);margin-top:6px}.lib-list{padding-bottom:50px}.month{padding-top:25px}.month-h{font:600 11px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}.register{list-style:none;margin:0;padding:0}.r{border-top:1px solid var(--line)}.r-link{display:grid;grid-template-columns:76px minmax(0,1fr) 150px;gap:25px;padding:22px 0;text-decoration:none}.r-md,.r-y{display:block;font-size:12px;color:var(--muted)}.r-main{display:block}.r-title{display:block;font:500 26px/1.18 var(--serif)}.r-dek{display:block;color:var(--ink-2);font-size:14px;margin-top:9px;max-width:67ch}.r-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);margin-top:12px}.r-img{width:150px;height:100px;object-fit:cover}.r-link:hover .r-title{text-decoration:underline;text-decoration-thickness:1px}.empty{padding-block:20px 50px}.onj{padding-block:24px 50px}.onj h2{font-size:28px;margin-bottom:15px}.onj p{max-width:65ch}.hit{background:#e8ce8c}
/* Article reading surfaces. */
.essay-head{max-width:850px;margin:auto;padding:52px 28px 34px}.essay-head .kicker{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.13em}.kicker a{text-decoration:none}.kicker span{display:block;margin-top:6px}.essay-head h1{font-size:clamp(37px,5.5vw,62px);margin:18px 0 22px}.essay-head .dek{font:400 24px/1.4 var(--serif);color:var(--ink-2);max-width:55ch}.byline{font-size:12px;color:var(--muted);margin-top:22px}.article-tools{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:18px}.copy-link{background:transparent;border:1px solid var(--line-2);border-radius:2px;padding:7px 12px;font-size:12px;min-height:38px}.copy-status{font-size:12px;color:var(--muted)}.copy-fallback{flex-basis:100%;font-size:14px;padding:8px;border:1px solid var(--line-2);background:var(--ground);color:var(--ink)}.cover{max-width:980px;margin:auto}.cover img{width:100%;aspect-ratio:1.7;object-fit:cover}.cover figcaption{font-size:11px;color:var(--muted);margin-top:9px}.prose{font-size:18px;line-height:1.85;padding-block:36px 46px;overflow-wrap:break-word}.prose>*+*{margin-top:1.15em}.prose h2{font-size:32px;margin-top:1.6em;line-height:1.2}.prose h3{font-size:26px;margin-top:1.5em}.prose h4,.prose h5{font:600 15px/1.4 var(--sans);margin-top:1.8em}.prose a{color:var(--gold-hi);overflow-wrap:anywhere;text-decoration-thickness:1px}.prose strong{font-weight:600}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.5em}.prose li p{margin:0}.prose blockquote{margin:1.8em 0;padding:4px 0 4px 23px;border-left:2px solid var(--gold);font:400 25px/1.5 var(--serif)}.prose blockquote p+p{margin-top:1em}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}.prose .fig{margin:2em 0}.prose figcaption{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.6}.prose .video{display:block}.prose .video span{display:inline-block;font-size:14px;margin-top:10px}.prose table{display:block;overflow:auto;border-collapse:collapse;font-size:14px}.prose td,.prose th{border:1px solid var(--line);padding:8px 10px}.prose pre{overflow:auto;font-size:14px}.reading-note{font-size:12px;color:var(--muted);padding-block:22px 36px;border-top:1px solid var(--line)}.reading-note p+p{margin-top:12px}.related{padding-bottom:44px}.related .r-link{grid-template-columns:76px minmax(0,1fr) 120px}.related .r-img{width:120px;height:80px}.related .r-title{font-size:24px}.next-step{padding-block:30px 40px;font-size:14px}.next-step>p+p{margin-top:12px}.material-update{margin-top:10px;font-size:13px;color:var(--muted)}
/* About, starting points and publication information. */
.about-hero{display:grid;grid-template-columns:1fr 270px;gap:80px;align-items:center;padding-block:60px}.about-hero h1{font-size:clamp(42px,5vw,66px);margin:14px 0}.tag{font:italic 26px/1.4 var(--serif);color:var(--gold);margin-bottom:20px}.about-hero .lede{font-size:18px;max-width:58ch;color:var(--ink-2)}.portrait{width:270px;max-height:360px;object-fit:cover;object-position:50% 20%}.about-story{padding-block:40px 60px}.about-story h2{margin-bottom:24px}.about-story>p:not(.eyebrow){font-size:17px;color:var(--ink-2);margin-top:20px}.appearances{padding-block:25px 60px}.appearance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.appearance-grid>a{text-decoration:none;padding:24px;background:#eae5da}.appearance-grid h3{margin:14px 0 22px;font-size:28px}.appearance-grid .eyebrow{font-size:10px}.other-work{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-block:60px}.work-list>div{padding:0 0 26px;margin-bottom:24px;border-bottom:1px solid var(--line)}.work-list p{color:var(--ink-2);font-size:15px;margin:12px 0}.page-intro{padding-block:52px 36px}.start-list{max-width:1000px;padding-bottom:45px}.start-list>h2{padding-top:30px;border-top:1px solid var(--line);margin-bottom:24px}.start-entry{display:flex;gap:35px;padding:30px 0;border-top:1px solid var(--line)}.start-entry h2{font-size:35px;margin:13px 0}.start-entry h2 a{text-decoration:none}.start-entry h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}.start-entry p:not(.eyebrow){color:var(--ink-2);max-width:65ch;margin-bottom:15px}.policy-page .page-intro{padding-bottom:12px}.policy-page .prose{padding-top:10px;padding-bottom:70px}.page-privacy .wrap,.page-404 .wrap{max-width:780px;padding:50px 28px 70px}.page-privacy h1,.page-404 h1{font-size:48px;margin-bottom:24px}.page-privacy h2{font-size:28px;margin:30px 0 15px}.page-privacy p+p,.page-404 p+p{margin-top:18px}.page-privacy .eff{font-size:13px;color:var(--muted)}.page-404 .links{display:flex;gap:20px;margin-top:20px}
/* A publication footer, with the advisory relationship kept concise. */
.foot{background:#0b1017;color:#d1d2cb;border-top:1px solid #ffffff20}.foot-in{padding-block:48px 25px;display:grid;grid-template-columns:1fr 1.9fr;gap:40px}.foot-brand>a{display:flex;align-items:center;gap:8px;text-decoration:none}.foot-brand strong{font:500 23px/1.1 var(--serif);color:#eceae2}.foot-brand p{font-size:12px;color:#a6adb1;line-height:1.8;margin-top:15px}.foot-cols{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px}.foot-cols>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.foot-cols h2{font:600 10px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#d5b366;margin-bottom:6px}.foot-cols a{font-size:12px;text-decoration:none;line-height:1.7;max-width:24ch;padding-block:3px}.foot-cols a:hover,.legal a:hover{color:#e2bf6a;text-decoration:underline}.legal{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#a6adb1}.legal a{text-decoration:none}.legal span{padding-inline:8px}
@media(min-width:1500px){.wrap{max-width:1340px}.hero-in{grid-template-columns:800px 300px}.hero h1{font-size:58px}.lead-story{gap:60px}}
@media(max-width:1000px){.topbar-in{gap:15px}.brand{font-size:21px}.topbar nav{gap:14px}.hero-in{grid-template-columns:minmax(0,1fr) 210px;gap:28px}.hero-art{width:210px!important;height:210px!important;--coin-d:181px!important;--coin-t:10px!important}.lead-story{gap:30px}.lead-story h2{font-size:37px}.reading-paths,.other-work{gap:40px}.section-heading{gap:36px}.framework-card{padding-inline:16px}.framework-card h3{font-size:26px}.framework-card p{min-height:110px}.case-grid{gap:25px}.foot-in{grid-template-columns:1fr}.foot-cols{max-width:800px}.about-hero{gap:45px;grid-template-columns:1fr 230px}.portrait{width:230px}.newsletter-in{gap:28px}.newsletter h2{font-size:31px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{padding-inline:22px}.topbar-in{min-height:67px;flex-wrap:wrap;padding-block:10px}.brand{font-size:22px}.brand img{width:36px;height:36px}.topbar nav{width:100%;padding-block:10px;gap:12px;flex-wrap:wrap}.topbar nav a{padding:9px 8px;font-size:14px}.topbar.menu-ready:not(.menu-open) nav{display:none}.topbar.menu-open nav{display:grid;grid-template-columns:1fr 1fr}.topbar .nav-sub{text-align:center}.menu-toggle{margin-left:auto;min-height:42px}.hero-in{grid-template-columns:1fr 165px;gap:20px;padding-block:32px}.hero h1{font-size:39px}.hero-art{width:165px!important;height:165px!important;--coin-d:142px!important;--coin-t:8px!important}.hero .lede{font-size:14px}.hero-links{gap:20px}.hero .btn{font-size:12px;padding:10px 13px}.hero .text-link{font-size:12px}.lead-section{padding-block:28px 40px}.lead-story{grid-template-columns:1fr;gap:25px}.lead-story h2{font-size:40px;max-width:22ch}.lead-story .dek{font-size:16px}.lead-story .story-meta{display:inline-flex;margin-right:20px}.story-grid{gap:22px}.story-card h3{font-size:25px}.story-card>p{font-size:13px}.reading-paths,.other-work{grid-template-columns:1fr;gap:30px;padding-block:40px}.section-heading{grid-template-columns:1fr;gap:22px}.framework-feature{padding-block:42px}.framework-grid{grid-template-columns:1fr 1fr}.framework-card{padding:22px!important}.framework-card:nth-child(2){border-right:0}.framework-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.framework-card p{min-height:70px}.case-section{padding-block:44px}.case-grid{grid-template-columns:1fr;gap:28px}.questions-section{padding-block:42px}.question-links{grid-template-columns:1fr 1fr;gap:0 20px}.author-feature{padding-block:10px 44px;grid-template-columns:120px 1fr;gap:25px}.author-feature img{width:120px;height:150px}.author-feature h2{font-size:30px}.author-feature p:not(.eyebrow){font-size:14px}.newsletter-in{grid-template-columns:1fr;gap:24px;padding-block:34px}.newsletter-in>div{max-width:570px}.themes{grid-template-columns:1fr 1fr}.r-link{grid-template-columns:64px minmax(0,1fr) 100px;gap:18px}.r-img{width:100px;height:74px}.r-title{font-size:23px}.r-dek{font-size:13px}.essay-head{padding-top:36px}.essay-head .dek{font-size:22px}.prose{font-size:17px;line-height:1.8}.cover img{aspect-ratio:1.5}.prose h2{font-size:29px}.about-hero{grid-template-columns:1fr 180px;gap:30px;padding-block:40px}.about-hero h1{font-size:45px}.about-hero .lede{font-size:16px}.portrait{width:180px}.appearance-grid h3{font-size:25px}.appearance-grid{gap:18px}.related .r-link{grid-template-columns:60px 1fr 90px}.related .r-img{width:90px;height:67px}.foot-in{gap:30px}.legal{align-items:flex-start}.page-intro{padding-top:36px}.start-entry{gap:22px}}
@media(max-width:540px){.hero-in{grid-template-columns:minmax(0,1fr) 90px;gap:14px;padding-block:28px 33px;align-items:start}.hero h1{font-size:35px;max-width:17ch}.hero-art{width:105px!important;height:105px!important;--coin-d:90px!important;--coin-t:5px!important}.coin-display{margin-top:25px;gap:8px}.motion-control{font-size:9px;min-height:34px;max-width:92px}.hero .lede{font-size:14px}.hero-links{flex-wrap:wrap;gap:13px}.hero-links .btn{padding:10px 12px}.hero-links .text-link{font-size:13px}.lead-story h2{font-size:36px}.section-rule h2{font-size:24px}.section-rule .text-link{font-size:12px}.story-grid{grid-template-columns:1fr}.story-card{padding-bottom:26px;border-bottom:1px solid var(--line)}.story-card h3{font-size:30px}.story-card>p{font-size:14px}.story-image{margin-bottom:14px}.recent-section{padding-bottom:36px}.framework-card{padding:19px 14px!important}.framework-card h3{font-size:26px}.framework-card p{font-size:13px;min-height:90px}.framework-card .text-link{font-size:11px}.question-links{grid-template-columns:1fr}.author-feature{grid-template-columns:88px 1fr;gap:22px}.author-feature img{width:88px;height:124px}.author-feature h2{font-size:27px}.author-feature .eyebrow{font-size:10px}.author-feature .text-link{font-size:12px}.newsletter h2{font-size:32px}.subscribe{flex-wrap:wrap}.subscribe input{flex-basis:200px}.subscribe button{flex-grow:1}.themes{display:none}.lib-head h1{font-size:40px}.lib-head .lede{font-size:16px}.r-link,.related .r-link{grid-template-columns:minmax(0,1fr) 90px;gap:12px}.r-link time{grid-column:1/-1;display:flex;gap:7px}.r-md,.r-y{font-size:11px}.r-title,.related .r-title{font-size:23px}.r-dek{font-size:12px}.r-img{width:90px;height:70px}.r-meta{font-size:10px}.prose,.prose-w{padding-inline:22px}.essay-head{padding-inline:22px}.essay-head h1{font-size:39px}.essay-head .dek{font-size:21px}.prose .fig{margin-inline:0}.prose table{max-width:calc(100vw - 44px)}.related .r-dek{display:none}.about-hero{grid-template-columns:1fr 95px;gap:20px;align-items:start}.about-hero h1{font-size:40px}.portrait{width:95px;height:142px;margin-top:32px}.about-hero .lede{font-size:16px}.tag{font-size:23px}.about-story{padding-top:10px}.appearance-grid{grid-template-columns:1fr}.appearance-grid>a{padding:22px}.foot-cols{grid-template-columns:1fr 1.3fr;gap:28px 18px}.foot-cols>div:last-child{grid-column:1/-1}.foot-cols a{font-size:12px;min-height:32px}.foot-brand strong{font-size:23px}.legal{flex-direction:column;gap:14px;line-height:1.9}.legal span{padding-inline:4px}.start-entry h2{font-size:29px}.start-entry .eyebrow{font-size:10px}.case-panel>div{padding-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.coin-edge{opacity:0!important}.motion-control{display:none!important}}
@media print{.topbar,.foot,.hero,.article-tools,.newsletter,.related,.next-step,.case-node{display:none!important}body{background:white;color:#111}.prose{max-width:none;font-size:11pt;line-height:1.55}.cover{max-width:650px}.essay-head{max-width:none;padding-top:0}.essay-head h1{font-size:30pt}.prose a{color:#111}.prose h2{break-after:avoid}.prose figure{break-inside:avoid}}

.home .questions-section{padding-bottom:36px}
@media(max-width:760px){.home .questions-section{padding-bottom:24px}}
.framework-teaser{border-top:1px solid var(--line);padding-block:48px 54px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.framework-teaser h2{font-size:clamp(30px,3vw,42px);margin-top:12px}
.framework-teaser>div:last-child>p{color:var(--ink-2);margin:6px 0 22px}
.framework-areas{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-bottom:22px}
.framework-areas a{padding:10px 0;border-top:1px solid var(--line);text-decoration:none;font-size:14px}
.framework-areas a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.framework-teaser{grid-template-columns:1fr;gap:16px;padding-block:36px 40px}}
.menu-toggle{display:none}@media(max-width:760px){.menu-toggle{display:block}}
.menu-toggle,.copy-link{min-height:44px}.motion-control{font-size:12px;min-height:44px}
@media(max-width:540px){.about-hero>div{display:contents}.about-hero{row-gap:12px}.about-hero .eyebrow{grid-column:1/-1}.about-hero h1{grid-column:1;grid-row:2;font-size:clamp(30px,9vw,40px);margin:0}.about-hero .tag{grid-column:1;grid-row:3;margin:0}.about-hero .portrait{grid-column:2;grid-row:2/4;margin:0}.about-hero .lede{grid-column:1/-1;grid-row:4;margin-top:12px}}
@media(max-width:360px){.brand{font-size:18px;gap:5px}.brand img{width:29px;height:29px}.topbar-in{gap:8px}.menu-toggle{padding-inline:9px}.framework-grid{grid-template-columns:minmax(0,1fr)}.framework-card{border-right:0;border-bottom:1px solid var(--line)}.framework-card:last-child{border-bottom:0}.framework-card p{min-height:0}.framework-card .text-link{margin-top:14px}.framework-card h3{font-size:28px}.framework-card .text-link{font-size:13px}}
@media(max-width:540px){.hero-copy{display:contents}.hero-copy>.eyebrow{grid-column:1/-1}.hero-copy>h1{grid-column:1/-1;grid-row:2;margin:0;max-width:22ch}.hero-copy>.lede{grid-column:1;grid-row:3}.hero-links{grid-column:1/-1;grid-row:4;margin-top:2px}.coin-display{grid-column:2;grid-row:3;margin-top:0}.hero-in{row-gap:18px}}

.ext{display:inline-block;margin-left:3px;font-size:.8em;opacity:.7}
@media(max-width:540px){.hero .lede br{display:none}.motion-control{white-space:nowrap;max-width:none;font-size:10px}}

/* Case explorer: numbered pins on the artwork, accordion beside it */
.case-image>img{aspect-ratio:1.5;width:100%;object-fit:cover}
.case-node{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;background:none;display:grid;place-items:center;color:#f6f1e4}
.case-node:focus{outline:none}
.case-node .pin{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#101820e8;border:1px solid #e1c88d;color:#e1c88d;font-size:11px;font-weight:600;letter-spacing:.02em;box-shadow:0 0 0 6px #1018202e,0 4px 14px #0007;transition:background .2s,color .2s,box-shadow .2s}
.case-node:hover .pin{background:#1f2a35}
.case-node:focus-visible .pin{outline:2px solid #f6f1e4;outline-offset:3px}
.case-node[aria-expanded=true] .pin{background:#d0ab59;color:#111820;box-shadow:0 0 0 7px #d0ab5940,0 4px 14px #0007}
.case-node .pin-label{position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#101820f0;border:1px solid #e1c88d66;color:#f6f1e4;padding:5px 10px;font-size:12px;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .2s}
.case-node[aria-expanded=true] .pin-label,.case-node:hover .pin-label,.case-node:focus-visible .pin-label{opacity:1}
.node-1{left:60%;top:47%}.node-2{left:54%;top:22%}.node-3{left:17%;top:68%}.node-4{left:35%;top:44%}
.node-3 .pin-label{left:0;transform:none}
.case-panel summary{list-style:none;cursor:pointer;padding:17px 0;display:flex;align-items:baseline;gap:20px;font-size:15px;transition:color .2s}
.case-panel summary::after{content:"+";margin-left:auto;color:#d0ab59;font-size:18px;line-height:1}
.case-panel[open] summary::after{content:"\2212"}
.case-panel summary:hover{color:#dfbe78}
.case-panel summary:focus{outline:none}
.case-panel summary:focus-visible{outline:2px solid #d0ab59;outline-offset:-2px}
.case-panel>div{padding:0 0 24px 37px}
.case-panel h3{font-size:24px;margin-bottom:10px}
@media(max-width:540px){.case-panel>div{padding-left:0}.case-node .pin-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.case-node .pin,.case-node .pin-label,.case-panel summary{transition:none}}

/* Homepage: one browsing prompt */
.path-links{display:flex;flex-wrap:wrap;gap:8px 24px}
/* Library: questions lead */
.lib-questions{padding-block:6px 26px}
.lib-questions h2{font:600 11px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.lib-questions .themes{padding-block:0}
.lib-questions .t-card strong{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.2;letter-spacing:-.01em}
.lib-questions .t-card b{font-weight:600;color:var(--ink-2)}
.lib-questions .t-card:hover strong{color:var(--gold)}
@media(max-width:540px){.lib-questions .themes{display:grid;grid-template-columns:1fr;gap:0}.lib-questions .t-card{padding-block:12px}.lib-questions .t-card strong{font-size:19px}.lib-questions .t-card span{display:none}}
/* Case explorer, narrow screens: drop the pins, keep the picture and the four parts */
@media(max-width:760px){.case-section{padding-block:36px}.case-section .section-heading{margin-bottom:22px}.case-grid{gap:18px}.case-node{display:none!important}.case-image>img{aspect-ratio:2}.case-figure figcaption{margin-top:10px}.case-panel summary{padding:14px 0}.case-panel h3{font-size:20px;margin-bottom:8px}.case-panel>div{padding-bottom:18px}.case-panels>.text-link{margin-top:16px}}

/* Start Here: use the edition artwork as a restrained visual index. */
.start-entry{display:grid;grid-template-columns:44px minmax(0,1fr) 220px;gap:30px;align-items:center}
.start-entry>.entry-number{align-self:start;padding-top:4px}
.start-entry>div{min-width:0}
.start-image{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;background:var(--panel)}
@media(max-width:760px){.start-entry{grid-template-columns:40px minmax(0,1fr) 150px;gap:20px}}
@media(max-width:540px){.start-entry{grid-template-columns:minmax(0,1fr) 96px;gap:10px 18px;align-items:start}.start-entry>.entry-number{grid-column:1;grid-row:1;padding-top:0}.start-entry>div{grid-column:1;grid-row:2}.start-image{grid-column:2;grid-row:1 / span 2}}