*{box-sizing:border-box}html{background:var(--ds-ground);scroll-behavior:smooth}body{margin:0;color:var(--ds-body);background:var(--ds-ground);font:300 19px/1.72 var(--ds-font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--ds-accent)}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--ds-focus);outline-offset:5px}::selection{background:var(--ds-accent-soft);color:var(--ds-ink)}.skip{position:absolute;left:-10000px;top:12px}.skip:focus{left:20px;background:var(--ds-ground);z-index:100;padding:10px}.header,.footer{max-width:1360px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:13px;color:var(--ds-ink);font-weight:500;font-size:18px;line-height:1;text-decoration:none}.brand svg{width:31px;height:31px}.brand svg title{display:none}.header-right{display:flex;gap:30px;align-items:center}.series,.leaf-label,.schematic,.figure-controls button,.sources h2{font:400 10px/1.55 var(--ds-font-mono);letter-spacing:.15em;text-transform:uppercase}.series{color:var(--ds-muted)}.theme{border:0;border-left:1px solid var(--ds-rule-strong);padding:7px 0 7px 26px;background:none;color:var(--ds-ink);line-height:0;min-width:48px;min-height:44px}.theme svg{width:22px;height:22px}.enhancement{display:none}.js-ready .theme{display:block}.intro{max-width:1040px;margin:0 auto;padding:60px 24px 60px;text-align:center}.intro h1{margin:0;color:var(--ds-ink);font-weight:300;letter-spacing:-.045em;font-size:clamp(50px,6.2vw,82px);line-height:1.06}.intro p{font-size:25px;color:var(--ds-muted);font-weight:300;line-height:1.5;margin:20px 0 0}.specimen{max-width:1130px;margin:0 auto 65px;padding:0 24px}.leaves{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}.leaf{position:relative;height:235px;border:1px solid var(--ds-rule-strong);padding:32px 35px;color:var(--ds-ink)}.leaf:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:4px;background:var(--ds-ground);clip-path:polygon(0 50%,3% 0,7% 80%,12% 40%,18% 95%,22% 30%,29% 65%,34% 5%,39% 70%,45% 30%,50% 80%,57% 0,62% 60%,67% 20%,72% 90%,79% 25%,84% 70%,90% 10%,95% 80%,100% 30%,100% 100%,0 100%)}.rules{display:flex;flex-direction:column;gap:25px;padding-top:8px}.rules i{display:block;border-top:1px solid var(--ds-rule-strong)}.word{font:400 31px/1.25 Georgia,'Times New Roman',serif;color:var(--ds-accent-text);position:relative}.first-leaf>.word{position:absolute;bottom:22px;right:35px}.next-leaf p{margin:0;font:400 27px/1.5 Georgia,'Times New Roman',serif}.next-leaf .word{font-size:inherit}.leaf-label{position:absolute;bottom:-40px;left:0;width:100%;text-align:center;color:var(--ds-muted);font-size:9px;letter-spacing:.14em}.trace-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.trace-path path{stroke:var(--ds-accent);stroke-width:1.4;opacity:0}.figure-controls{justify-content:center;margin:78px auto 0}.js-ready .figure-controls{display:flex}.figure-controls button{display:inline-flex;align-items:center;gap:14px;background:var(--ds-ground);color:var(--ds-accent-text);border:1px solid var(--ds-accent);border-radius:0;padding:13px 20px;min-height:46px;font-size:10px;transition:background 160ms ease}.figure-controls button:hover{background:var(--ds-accent-soft)}.figure-controls button:disabled{cursor:default}.figure-controls button svg{width:18px;height:18px}.specimen figcaption{text-align:center;font-size:15px;line-height:1.5;color:var(--ds-muted);margin:65px auto 0;min-height:23px}.js-ready .specimen figcaption{margin-top:12px}.schematic{color:var(--ds-muted);font-size:9px;letter-spacing:.1em;text-align:right;margin:18px 0 0}.prose{max-width:720px;padding:0 24px;margin-left:auto;margin-right:auto}.essay p{margin:0 0 1.45em}.sources{border-top:1px solid var(--ds-rule);margin-top:40px;padding-top:24px;padding-bottom:25px}.sources h2{color:var(--ds-muted);font-size:10px;font-weight:400;margin:0 0 16px}.sources ol{list-style:none;padding:0;margin:0;font-size:15px;line-height:1.65}.sources li{margin:6px 0}.sources a{overflow-wrap:anywhere}.footer{border-top:1px solid var(--ds-rule);margin-top:50px;padding-top:25px;padding-bottom:30px;font-size:14px}.footer .brand{font-size:15px}.footer .brand svg{width:26px;height:26px}.footer>a:last-child{display:flex;align-items:center;gap:10px;text-decoration:none}.footer>a:last-child svg{width:18px;height:18px}
@media(max-width:700px){body{font-size:18px;line-height:1.75}.header,.footer{padding:20px}.header{gap:12px}.brand{font-size:16px;gap:9px}.brand svg{width:26px;height:26px}.header-right{gap:14px}.series{font-size:9px;letter-spacing:.1em}.theme{padding-left:12px;min-width:38px}.intro{padding-top:46px;padding-bottom:40px}.intro h1{font-size:clamp(43px,10vw,65px)}.intro p{font-size:21px;max-width:28ch;margin:20px auto 0}.specimen{padding:0 16px;margin-bottom:45px}.leaves{gap:12px}.leaf{height:215px;padding:22px 16px}.rules{gap:25px;padding-top:8px}.first-leaf>.word{right:16px;bottom:21px;font-size:28px}.next-leaf p{font-size:23px;line-height:1.4}.leaf-label{font-size:8px;letter-spacing:.03em;bottom:-38px;padding:0 4px}.figure-controls{margin-top:72px}.figure-controls button{font-size:9px;letter-spacing:.11em;padding:12px 15px}.schematic{font-size:8px;text-align:center;line-height:1.7;max-width:45ch;margin:20px auto 0}.specimen figcaption{font-size:14px}.prose{padding-left:23px;padding-right:23px}.sources{margin-top:35px}.sources ol{font-size:14px}.footer{margin-top:30px;gap:15px}.footer .brand svg{display:none}.footer>a:last-child{font-size:12px}}
@media(max-width:360px){.series{font-size:8px}.header-right{gap:8px}.intro h1{font-size:43px}.intro p{font-size:19px}.leaf{padding:18px 12px;height:225px}.next-leaf p{font-size:21px}.prose{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:0ms!important;transition:none!important}}
@media print{body{color:#000;background:#fff}.header-right,.figure-controls{display:none!important}.intro{padding:20px 0}.intro h1{font-size:36px}.intro p{font-size:18px}.specimen{break-inside:avoid;margin-bottom:30px}.prose{max-width:100%;font-size:12pt}.leaf{height:160px}.rules{gap:18px}.next-leaf p{font-size:19px}.word{font-size:24px}.footer{margin-top:20px}a{color:inherit}}
