@charset "UTF-8";
:root{--paper:#f2efe7;--ink:#20211e;--red:#9b382b;--line:#c8c3b8;--muted:#625f56;--display:Arial,Helvetica,sans-serif;--reading:Georgia,'Times New Roman',serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
a:hover{color:var(--red)}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--red);outline-offset:5px}
::selection{color:var(--paper);background:var(--red)}
.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}
.skip{position:absolute;top:-70px;left:24px;z-index:10;background:var(--ink);color:var(--paper);padding:14px}
.skip:focus{top:12px}
.topbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ink)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;font-size:24px;letter-spacing:-1px}
.brand img{width:26px;height:26px}
.nav{display:flex;gap:28px;align-items:center;font-size:13px}
.nav a{text-decoration:none;padding-block:10px}
.nav a[aria-current=page]{color:var(--red)}
.nav a[aria-current=page]::before{content:'•';margin-right:7px}
.eyebrow{font:11px/1.5 var(--mono);letter-spacing:1px;text-transform:uppercase}
.muted{color:var(--muted)}
.red{color:var(--red)}
.masthead{padding-top:28px}
.masthead-meta{display:flex;justify-content:space-between;gap:24px}
.masthead-word{font-size:clamp(100px,18.8vw,270px);font-weight:800;letter-spacing:-.085em;line-height:.94;margin:22px 0 27px -.055em}
.masthead-bottom{border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px}
.masthead-bottom p{font:italic 17px/1.5 var(--reading);margin:0}
.tiny-grid{display:grid;grid-template-columns:repeat(3,5px);gap:3px}
.tiny-grid i{width:5px;height:5px;background:var(--red)}
.tiny-grid i:nth-child(5){background:transparent}
.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;padding:66px 0 76px}
.hero h1{font-size:clamp(38px,4.8vw,67px);font-weight:500;letter-spacing:-.06em;line-height:1.03;margin:16px 0 26px}
.hero .intro{font:19px/1.65 var(--reading);max-width:420px;margin:0 0 28px}
.arrow-link{font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid var(--ink);padding-bottom:9px}
.arrow-link span{font-size:21px;font-weight:400}
.experiment{border-top:2px solid var(--red);margin-top:6px;display:flex;flex-direction:column;min-width:0}
.experiment-header{display:flex;justify-content:space-between;gap:12px;padding-top:14px}
.specimen{position:relative;min-height:197px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.pair{display:contents}
.word{font-weight:500;font-size:clamp(17px,2.1vw,29px);letter-spacing:-1px;line-height:1}
.word small{font:10px var(--mono);color:var(--red);display:block;margin-bottom:15px;letter-spacing:0}
.specimen[data-mode=paired] .pair{display:flex;gap:clamp(14px,2vw,30px)}
.experiment-controls{display:flex;justify-content:space-between;gap:16px;align-items:center}
.button-group{display:flex;border:1px solid var(--line);padding:3px;gap:3px}
.button-group button{border:0;background:transparent;color:var(--muted);font:12px var(--display);padding:9px 14px;cursor:pointer}
.button-group button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.experiment-caption{font:italic 15px/1.6 var(--reading);color:var(--muted);margin:21px 0 0;max-width:310px}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--ink);padding:18px 0 28px;gap:24px}
.section-heading h2{font-size:21px;font-weight:400;letter-spacing:-.5px;margin:0}
.observation{display:grid;grid-template-columns:110px 1fr 1fr 32px;gap:28px;align-items:start;padding:31px 0;border-bottom:1px solid var(--line);text-decoration:none}
.observation .number{font:13px var(--mono);color:var(--red);padding-top:9px}
.observation h3{font-size:32px;line-height:1.1;font-weight:400;letter-spacing:-1.1px;margin:0}
.observation p{font:16px/1.65 var(--reading);margin:1px 0 0;max-width:390px}
.observation .go{font-size:26px;line-height:1}
.closing-note{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px 0 80px}
.closing-note h2{font-size:34px;font-weight:400;letter-spacing:-1.3px;line-height:1.15;max-width:330px;margin:0}
.closing-note p{font:18px/1.7 var(--reading);margin:0;max-width:480px}
.footer{border-top:1px solid var(--ink);padding:24px 0 30px;display:flex;justify-content:space-between;gap:24px;font:11px/1.65 var(--mono);color:var(--muted)}
.footer p{margin:0}
.footer a{text-decoration:none}
.article-heading{padding:48px 0 46px;border-bottom:1px solid var(--ink)}
.breadcrumbs{font:11px var(--mono);display:flex;justify-content:space-between;gap:24px;color:var(--muted)}
.breadcrumbs a{text-decoration:none}
.article-heading h1{font-size:clamp(68px,10vw,140px);font-weight:500;line-height:1;letter-spacing:-.075em;margin:36px 0 18px}
.article-heading .dek{font:25px/1.45 var(--reading);max-width:650px;margin:0}
.article-body{display:grid;grid-template-columns:230px 1fr;gap:7%;padding:45px 0 70px}
.margin-note{font:12px/1.8 var(--mono);color:var(--muted);max-width:180px}
.margin-note strong{color:var(--red);font-weight:400;display:block;margin-bottom:12px}
.prose{max-width:780px;min-width:0}
.prose>p{font:20px/1.75 var(--reading);max-width:640px;margin:0 0 26px}
.prose h2{font-size:30px;letter-spacing:-1px;font-weight:500;line-height:1.15;margin:48px 0 20px}
.diagram{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;margin:36px 0}
.diagram figcaption{font:11px/1.5 var(--mono);color:var(--muted);margin-bottom:24px}
.diagram-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:100px}
.diagram-row span{font-size:clamp(19px,2.6vw,36px);letter-spacing:-1px}
.diagram-row .cluster{display:flex;gap:clamp(12px,2.5vw,36px)}
.diagram-row+.diagram-row{border-top:1px dashed var(--line);margin-top:16px;padding-top:16px}
.exercise{border-left:2px solid var(--red);padding:4px 0 4px 25px;margin:40px 0}
.exercise h2{font:11px var(--mono);letter-spacing:1px;color:var(--red);margin:0 0 14px;text-transform:uppercase}
.exercise p{font:19px/1.65 var(--reading);margin:0;max-width:590px}
.next-reading{border-top:1px solid var(--ink);padding:25px 0 40px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.next-reading .next-title{font-size:29px;font-weight:400;letter-spacing:-1px;display:block;margin-top:8px}
.next-reading a{text-decoration:none}
.aligned-list,.loose-list{list-style:none;padding:0;margin:15px 0}
.aligned-list li{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);font:20px var(--reading)}
.aligned-list li span:first-child{font:11px var(--mono);color:var(--red)}
.aligned-list li span:last-child{text-align:right;font:12px var(--mono);color:var(--muted)}
.loose-list{display:flex;gap:30px;flex-wrap:wrap;align-items:baseline;padding:20px 0;font:20px/2 var(--reading)}
.loose-list li:nth-child(2){padding-top:28px}
.loose-list li:nth-child(3){padding-left:45px}
.exception-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;padding:30px 0}
.exception-grid span{aspect-ratio:1;border:1px solid var(--ink);display:flex;justify-content:center;align-items:center;font:18px var(--mono)}
.exception-grid .marked{background:var(--red);color:var(--paper);border-color:var(--red)}
.quiet-rule{border:0;border-top:1px solid var(--line);margin:35px 0}
.not-found{padding:100px 0 120px;max-width:700px}
.not-found h1{font-size:clamp(70px,12vw,160px);line-height:1;letter-spacing:-.075em;font-weight:400;margin:18px 0 30px}
.not-found p{font:22px/1.6 var(--reading);max-width:440px;margin:0 0 30px}
@media(min-width:1600px){.masthead-word{font-size:270px}}
@media(max-width:950px){.wrap{width:calc(100% - 64px)}.hero{gap:6%;padding-top:48px}.hero .intro{font-size:18px}.observation{grid-template-columns:60px 1fr 1.2fr 24px;gap:20px}.observation h3{font-size:28px}.article-body{grid-template-columns:150px 1fr;gap:6%}.exception-grid{gap:9px}.experiment-controls{align-items:start;flex-direction:column;gap:10px}.specimen{min-height:185px}.word{font-size:clamp(15px,2.35vw,25px)}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.topbar{min-height:105px;align-items:start;flex-direction:column;gap:12px;padding:20px 0 14px}.brand{font-size:23px}.nav{gap:21px;flex-wrap:wrap;font-size:12px}.nav a{padding-block:3px}.masthead{padding-top:21px}.masthead-meta{font-size:9px;letter-spacing:.4px}.masthead-word{font-size:21vw;margin:22px 0 24px -.05em}.masthead-bottom p{font-size:14px}.hero{grid-template-columns:1fr;padding:36px 0 46px;gap:38px}.hero h1{font-size:52px;max-width:360px;margin-top:15px}.hero .intro{font-size:19px;max-width:440px}.experiment{margin-top:0}.experiment-header{font-size:10px}.specimen{min-height:145px;margin-block:18px}.word{font-size:clamp(18px,5.3vw,32px)}.experiment-controls{flex-direction:row;align-items:center}.experiment-caption{max-width:none;font-size:15px;margin-top:17px}.section-heading{padding:16px 0 10px}.section-heading h2{font-size:19px}.section-heading>.eyebrow{font-size:9px}.observation{grid-template-columns:35px 1fr 20px;gap:13px;padding:26px 0}.observation h3{font-size:31px}.observation p{grid-column:2;grid-row:2;font-size:17px;max-width:none}.observation .number{padding-top:7px;font-size:11px}.observation .go{grid-column:3;grid-row:1}.closing-note{grid-template-columns:1fr;gap:23px;padding:43px 0 50px}.closing-note h2{font-size:32px}.closing-note p{font-size:18px}.footer{flex-direction:column;gap:12px;padding-top:20px}.article-heading{padding:28px 0 32px}.article-heading h1{font-size:clamp(62px,15vw,100px);margin-top:30px}.article-heading .dek{font-size:23px}.article-body{grid-template-columns:1fr;gap:25px;padding:28px 0 42px}.margin-note{max-width:none;font-size:11px}.margin-note strong{margin-bottom:5px}.prose>p{font-size:19px}.diagram{margin:30px 0;padding-block:20px}.diagram-row span{font-size:clamp(17px,5.1vw,30px)}.diagram-row .cluster{gap:12px}.diagram-row{min-height:90px;gap:9px}.exercise{padding-left:19px}.next-reading{align-items:start}.next-reading .next-title{font-size:25px}.next-reading>a:last-child{font-size:12px}.aligned-list li{grid-template-columns:60px 1fr 65px;font-size:17px}.loose-list{gap:15px;font-size:17px}.exception-grid{gap:6px}.exception-grid span{font-size:13px}.not-found{padding:65px 0 90px}.not-found h1{font-size:90px}.not-found p{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}