@font-face{font-family:Manrope;src:url(manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--paper:#f5f3e9;--ink:#172823;--blue:#2448d8;--lime:#e3f587;--line:#b6beb2;--muted:#4a5a51;--white:#fffef8}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Manrope,Arial,sans-serif}
[hidden]{display:none!important}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}
button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #be4811;outline-offset:5px}[tabindex="-1"]:focus{outline:none}
h1,h2,h3,h4,p,blockquote,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3.5rem,6.5vw,6.5rem);font-weight:750;max-width:11ch}
h2{font-size:clamp(2.6rem,4.3vw,4.1rem);font-weight:700}h3{font-size:1.45rem;line-height:1.25}h4{font-size:1.05rem}
h1 em,h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}p{margin-bottom:1.1em}p:last-child{margin-bottom:0}
.eyebrow,.tiny,.panel-label,.rig-top,.object-top{font-size:.75rem;font-weight:750;letter-spacing:.07em}.eyebrow{margin-bottom:1.4rem}.tiny{display:block;line-height:1.5}
.skip{position:absolute;top:-100px;left:20px;padding:14px;background:var(--white);z-index:30}.skip:focus{top:12px}
.masthead{max-width:1440px;margin:auto;padding:26px 5vw;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:18px;text-decoration:none;margin-right:auto}.brand strong{font-size:1.7rem;letter-spacing:-.08em}.brand span{font-size:.72rem;line-height:1.4}
.masthead nav{display:flex;gap:26px;font-size:.85rem;font-weight:700}.masthead nav a{text-decoration:none;padding:8px 0}
.presentation-toggle{border:1px solid var(--ink);background:transparent;padding:10px 15px;border-radius:2px;font-size:.8rem;min-height:44px}
main{max-width:1440px;margin:auto}.hero{padding:64px 5vw 0;display:grid;grid-template-columns:1.15fr 1fr;gap:42px 8vw;align-items:center}
.hero-copy .eyebrow{display:flex;align-items:center;gap:12px}.index-dot{width:30px;height:30px;border:1px solid var(--ink);border-radius:50%;display:inline-grid;place-items:center;font-size:.7rem}
.hero h1{margin-bottom:28px}.hero h1 em{color:var(--blue)}.hero-copy>p{max-width:40ch}.lead{font-size:1.35rem;line-height:1.5;margin-bottom:18px}
.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid transparent;padding:14px 22px;text-decoration:none;font-weight:700;font-size:.9rem;line-height:1.5;border-radius:2px;min-height:48px}
.ink{background:var(--ink);color:white}.ink:hover{background:#2c4338}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#f0ffc0}
.outline-light{color:var(--white);border-color:#94a0c8;background:transparent}.outline-light:hover{background:#223154}
.text-link,.text-button{font-size:.85rem;font-weight:700}.text-button{padding:10px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:.3em;min-height:44px;color:inherit}
.hero-object{background:var(--blue);color:white;padding:26px 32px 20px;box-shadow:12px 12px 0 #d5dccd;transform:rotate(1.5deg);margin:0 14px 14px 0}
.object-top{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #8b9ce9}.object-top>span:last-child{font-size:1.3rem}
.hero-object blockquote{font-size:clamp(2.8rem,4vw,4.3rem);line-height:1.05;letter-spacing:-.05em;padding:28px 0 12px;font-weight:650}
.object-path{display:flex;align-items:center;gap:18px;margin:8px 0 20px;color:var(--lime);font-size:2rem}.object-path span{height:1px;background:#91a2ed;flex:1}
.possibilities{display:grid;grid-template-columns:1fr 1fr;gap:20px}.possibilities>div{border-top:1px solid #91a2ed;padding-top:15px}.possibilities b{font-size:1.05rem;line-height:1.3;display:block}
.tile-word{display:flex;gap:5px;margin:18px 0;height:44px}.tile-word i{font-style:normal;display:grid;place-items:center;background:var(--lime);color:var(--ink);width:38px;font-size:1.5rem;font-weight:750;transform:rotate(-4deg)}.tile-word i:nth-child(2){transform:rotate(5deg)}.tile-word i:nth-child(3){transform:rotate(-2deg)}
.maze{height:44px;position:relative;margin:18px 0;max-width:115px;border-left:5px solid var(--lime);border-bottom:5px solid var(--lime)}.maze i{display:block;width:55%;height:25px;border-top:5px solid var(--lime);border-right:5px solid var(--lime);margin-left:20%}.maze b{position:absolute;right:0;top:-8px;font-size:2rem;color:var(--lime)}
.hero-object figcaption{font-size:.72rem;line-height:1.5;border-top:1px solid #91a2ed;margin-top:25px;padding-top:15px}
.hero-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-decoration:none;border-block:1px solid var(--ink);padding:20px 0;margin-top:25px;gap:24px}.large-acronym{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.05em;line-height:1}.hero-foot>span:last-child{font-size:.85rem;line-height:1.5}.hero-foot b{font-size:1.4rem}
.section{padding:86px 5vw}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:15px 8vw;align-items:end;margin-bottom:42px}.section-head .eyebrow{grid-column:1/-1;margin:0}.section-head>p:last-child{max-width:46ch;margin:0;font-size:1.1rem}.section-head h2 em{color:var(--blue)}
.example-note{font-size:.8rem;color:var(--muted);max-width:100ch;margin-bottom:20px}.comparison-pair{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}
.request{border:1px solid var(--line);padding:28px 30px;background:var(--white)}.panel-label{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}.panel-label b{font-size:1.3rem;font-variant-numeric:tabular-nums}
.before>blockquote{font:italic 2.8rem/1.1 Georgia,serif;letter-spacing:-.03em}.sample-response{margin-top:35px;border-top:1px solid var(--line);padding-top:22px}.sample-response h3{margin:16px 0 12px}.sample-response p{font-size:.95rem}.sample-response .annotation{font-size:.85rem;color:var(--muted);margin-top:24px}
.after{background:var(--lime);border-color:#abc354}.after blockquote{font-size:1.15rem;line-height:1.7;letter-spacing:-.015em}.after .panel-label{border-color:#a9ba62}.request-bottom{margin-top:22px;display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;font-size:.8rem}.copy-status{font-size:.8rem;display:block;flex-basis:100%;margin-top:5px}
.response-sheet{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;background:var(--white);border:1px solid var(--line);margin-top:24px;padding:32px}.response-sheet h3{margin-bottom:20px}.response-sheet p{font-size:.95rem;max-width:40ch}
table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.55}caption{font-size:.8rem;text-align:left;padding-bottom:12px;color:var(--muted)}th,td{text-align:left;vertical-align:top;padding:14px 14px;border-bottom:1px solid var(--line)}th{font-size:.75rem;letter-spacing:.02em;background:#eceee2}
.look-here{background:#fff3d9}.look-here span{display:block;color:#764614;font-size:.75rem;margin-top:8px;font-weight:700}
.bridge{max-width:85ch;margin:28px auto 0;font-size:1rem;text-align:center}.bridge a{white-space:normal;font-weight:700}
.alphabet{padding-top:40px}.letter-row{display:grid;grid-template-columns:100px 1fr 1.1fr;gap:35px;padding:26px 0;border-top:1px solid var(--line);align-items:center}.letter{font-size:5.8rem;font-weight:800;line-height:1;color:var(--blue);letter-spacing:-.07em}.letter-row h3{font-size:1.35rem;margin-bottom:10px}.letter-row p{font-size:.95rem;max-width:38ch}.letter-row blockquote{font:italic 1.4rem/1.5 Georgia,serif;max-width:40ch}
.refine-row{background:var(--lime);margin:10px -25px 0;padding:25px;border-color:transparent}.refine-row .letter{color:var(--ink)}.refine-row .tiny{margin-bottom:12px}
.experiment{padding:70px 5vw;background:#121d38;color:var(--white)}.experiment-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10px 7vw;align-items:end}.experiment-intro .eyebrow{grid-column:1/-1;color:var(--lime)}.experiment-intro h2 em{color:var(--lime)}.experiment-intro>p:last-child{max-width:42ch;font-size:1.1rem}
.demo-label{font-size:.78rem;color:#c0c9df;margin:26px 0}.test-rigs{display:grid;grid-template-columns:1fr 1fr;gap:22px}.rig{border:1px solid #67728b;padding:26px 30px}.rig.revised{background:#25365a;border-color:#9cafc8}.rig-top{display:flex;justify-content:space-between;color:#c9d1e2;margin-bottom:24px}.rig-top b{font-size:2rem;line-height:1}.rig h3{font-size:1.55rem;line-height:1.25}
.counter{display:flex;align-items:center;gap:20px;margin:24px 0;height:65px}.counter strong{font-size:4.4rem;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.counter span{font-size:.85rem;max-width:12ch}
.attempts{display:flex;gap:12px;margin:24px 0;height:65px}.attempts span{width:65px;display:grid;place-items:center;border:1px solid #a5b1cb;font-size:1.6rem;font-weight:700}.attempts .used{background:var(--lime);color:var(--ink);border-color:var(--lime)}.attempts .success{background:white;color:var(--blue);border-color:white}.attempts .unused{opacity:.35}.rig-state{font-size:.9rem;min-height:3.3em}
.experiment-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:26px}.light{color:white}.demo-status{max-width:85ch;margin:20px 0 0;color:#e6eaf4;font-size:.95rem;min-height:3.3em}
.refinement-note{display:grid;grid-template-columns:100px 1fr;gap:35px;margin-top:36px;border-top:1px solid #67728b;padding-top:32px}.refinement-letter{font:italic 6rem/1 Georgia,serif;color:var(--lime)}.refinement-note .eyebrow{margin-bottom:14px}.refinement-note blockquote{font:italic clamp(1.4rem,2.4vw,2rem)/1.45 Georgia,serif;max-width:50ch}.refinement-note p:last-child{margin-top:22px;max-width:65ch;font-size:.95rem}
.test-explanation{border-top:1px solid #67728b;margin-top:28px;padding-top:16px}.test-explanation summary{font-size:.9rem}.test-explanation p{max-width:80ch;font-size:.95rem;margin-top:18px}
.workshop-layout{display:grid;grid-template-columns:300px 1fr;gap:7vw}.workshop-aside{align-self:start;position:sticky;top:25px;font-size:.9rem}.workshop-aside h3{margin-bottom:22px}.workshop-aside ol{padding-left:20px}.workshop-aside li{margin:12px 0}.workshop-aside a{display:block;margin:18px 0}.save-status{font-size:.78rem;border-top:1px solid var(--line);padding-top:15px;color:var(--muted)}
fieldset{margin:0 0 34px;border:0;border-top:1px solid var(--ink);padding:25px 0 0;min-width:0}legend{font-size:1.4rem;font-weight:750;padding:0 15px 0 0;line-height:1.4}legend span{color:var(--blue);margin-right:12px}
form label{display:block;font-size:.9rem;font-weight:650;margin:22px 0 8px}form label b{display:inline-block;color:var(--blue);font-size:1.2rem;margin-right:10px}input,textarea{display:block;width:100%;padding:13px 15px;background:var(--white);border:1px solid #899788;border-radius:2px;color:var(--ink);font-size:1rem;line-height:1.65}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:2px}form .button{margin-top:20px}fieldset>p{font-size:.9rem;margin-top:16px}
input[aria-invalid],textarea[aria-invalid]{border:2px solid #9a2a11}.form-status{font-size:.85rem;color:#8c2710;margin:14px 0}.built-request{padding:24px;background:var(--lime);margin-top:18px}.built-request p{white-space:pre-wrap;margin-top:14px;overflow-wrap:anywhere}.field-note{color:var(--muted)}.notebook-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.notebook-actions .button{margin:0}
#clear-confirm{padding:20px;background:#f5e6ce;margin-top:20px}#clear-confirm button{margin:0 18px 0 0}#notebook-status{font-size:.85rem;margin-top:15px}
.complete{padding-top:20px}.complete details{border-block:1px solid var(--line);padding:24px 0}summary{cursor:pointer;font-weight:700;min-height:44px;line-height:1.5;padding:8px 0}
.original-prose{max-width:68ch;margin:30px auto;font-size:1.05rem;line-height:1.8}.original-prose p{margin-bottom:1.3em}.original-prose h2{font:750 1.6rem/1.3 Manrope,Arial,sans-serif;margin:30px 0 20px}.original-prose li{margin:.8em 0}.original-prose blockquote{background:#e9edda;padding:25px;margin:20px 0}.original-prose .practice{border-top:1px solid var(--line);margin-top:25px}
.next-path{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:35px}.next-path a{font-size:1.25rem;font-weight:700;text-decoration:none}.next-path a span{display:block;font-size:.8rem;color:var(--muted);font-weight:500;margin-bottom:10px}.next-path a:last-child{text-align:right}
footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:35px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:.85rem}footer nav{display:flex;justify-content:flex-end;gap:12px 25px;flex-wrap:wrap}footer>p{grid-column:1/-1;font-size:.75rem;color:var(--muted);max-width:85ch}
.presentation-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;background:var(--ink);color:white;z-index:20;box-shadow:0 -3px 20px #0002;font-size:.85rem}.presentation-bar button{background:transparent;color:white;border:1px solid #91a398;border-radius:2px;padding:9px 16px;min-height:44px}
body.presenting{padding-bottom:100px}.presenting .masthead,.presenting footer{display:none}.presenting main{max-width:1500px}.presenting .scene{min-height:calc(100vh - 95px);padding-top:45px;padding-bottom:45px}.presenting .scene:not(.active-scene){display:none}.presenting .hero.active-scene{display:grid}.presenting .hero-foot{margin-top:0}.presenting .section-head{margin-bottom:30px}
@media(max-width:1100px){.masthead{gap:20px}.masthead nav{gap:14px}.hero{gap:40px 45px}.hero-object{padding:24px}.hero h1{font-size:5rem}.workshop-layout{grid-template-columns:240px 1fr;gap:50px}.letter-row{grid-template-columns:75px 1fr 1fr;gap:25px}.letter{font-size:5rem}}
@media(max-width:800px){.masthead{flex-wrap:wrap;padding:18px 24px}.brand{flex:1}.masthead nav{order:3;justify-content:space-between;flex-basis:100%;gap:10px}.hero{padding:38px 24px 0;grid-template-columns:1fr 1fr;gap:35px}.hero h1{font-size:3.8rem}.hero-copy .lead{font-size:1.15rem}.hero-copy>p:not(.lead):not(.eyebrow){font-size:.95rem}.hero-object{padding:18px;margin-right:8px;box-shadow:8px 8px 0 #d5dccd}.hero-object blockquote{font-size:3rem}.hero-foot{margin-top:12px}.hero-foot>span:last-child{font-size:.75rem}.large-acronym{font-size:3rem}.section{padding:60px 24px}.section-head{gap:15px 30px}.section-head h2{font-size:2.8rem}.section-head>p:last-child{font-size:1rem}.comparison-pair,.response-sheet{gap:16px;grid-template-columns:1fr 1fr}.request{padding:22px}.after blockquote{font-size:1rem}.response-sheet{display:block;padding:22px}.response-sheet>div{margin-bottom:25px}.response-sheet p{max-width:65ch}.letter-row{grid-template-columns:60px 1fr;gap:20px}.letter-row>blockquote,.letter-row>div:last-child:not(:nth-child(2)){grid-column:2}.letter-row .letter{align-self:start;font-size:4.5rem}.refine-row{margin-inline:-12px;padding:25px 12px}.experiment{padding:50px 24px}.experiment-intro{gap:16px 30px}.experiment-intro h2{font-size:2.8rem}.rig{padding:22px}.workshop-layout{display:block}.workshop-aside{position:static;max-width:70ch;margin-bottom:40px}.workshop-aside ol{display:flex;gap:30px;flex-wrap:wrap}.workshop-aside li{flex:1;min-width:140px}.refinement-note{grid-template-columns:65px 1fr;gap:24px}}
@media(max-width:560px){body{font-size:16px}.masthead{padding:16px 20px}.brand strong{font-size:1.5rem}.brand span{font-size:.65rem}.presentation-toggle{font-size:.75rem;padding:8px 12px}.masthead nav{font-size:.78rem;flex-wrap:wrap}.hero{display:block;padding:32px 20px 0}.hero h1{font-size:clamp(3rem,13vw,4.7rem);max-width:12ch;line-height:1.02;margin-bottom:24px}.hero .eyebrow{font-size:.68rem}.hero .lead{font-size:1.15rem}.hero-copy>p{max-width:none}.actions{gap:15px;margin-top:24px}.button{padding:13px 16px;font-size:.85rem;gap:16px}.hero-object{margin:38px 9px 0 4px;padding:22px;transform:rotate(1deg)}.hero-object blockquote{font-size:3.5rem}.possibilities b{font-size:.95rem}.hero-foot{margin-top:40px;padding:18px 0;display:block}.large-acronym{display:block;font-size:3.7rem}.hero-foot>span:last-child{display:block;margin-top:18px;font-size:.85rem}.section{padding:52px 20px}.section-head{display:block;margin-bottom:28px}.section-head .eyebrow{margin-bottom:14px}.section-head h2{font-size:2.7rem;margin-bottom:20px}.section-head>p:last-child{font-size:1rem}.example-note{font-size:.78rem}.comparison-pair{grid-template-columns:1fr;gap:18px}.request{padding:22px}.after blockquote{font-size:1.05rem}.sample-response{margin-top:26px}.response-sheet{margin-top:18px;padding:20px}.response-sheet h3{font-size:1.3rem}th,td{padding:12px 8px;font-size:.84rem;overflow-wrap:anywhere}.bridge{text-align:left;font-size:.95rem}.alphabet{padding-top:8px}.letter-row{grid-template-columns:55px 1fr;gap:10px 18px;padding:25px 0}.letter{font-size:4.2rem}.letter-row h3{font-size:1.25rem}.letter-row p{font-size:.9rem}.letter-row blockquote{font-size:1.2rem;line-height:1.5}.refine-row{padding:25px 12px}.experiment{padding:46px 20px}.experiment-intro{display:block}.experiment-intro h2{font-size:2.7rem;margin-bottom:24px}.experiment-intro>p:last-child{font-size:1rem}.demo-label{font-size:.75rem}.test-rigs{grid-template-columns:1fr;gap:16px}.rig{padding:22px}.rig h3{font-size:1.4rem}.rig h3 br{display:none}.rig-top{margin-bottom:16px}.counter,.attempts{margin:20px 0;height:52px}.counter strong{font-size:3.5rem}.attempts span{width:52px;font-size:1.4rem}.rig-state{min-height:0}.experiment-controls{gap:12px}.experiment-controls>.button{width:100%;justify-content:center}.demo-status{font-size:.9rem}.refinement-note{grid-template-columns:38px 1fr;gap:18px}.refinement-letter{font-size:3.8rem}.refinement-note blockquote{font-size:1.4rem}.refinement-note .eyebrow{font-size:.68rem}.refinement-note p:last-child{font-size:.9rem}.workshop-aside ol{display:block}.workshop-aside li{margin:12px 0}.workshop-aside{font-size:.9rem}.workshop-layout legend{font-size:1.25rem}form label{font-size:.9rem}.notebook-actions{display:block}.notebook-actions>button{max-width:100%}.complete{padding-top:0}.original-prose{font-size:1rem}.next-path{gap:25px}.next-path a{font-size:1rem}.next-path a span{font-size:.75rem}footer{padding:28px 20px;display:block}footer nav{justify-content:flex-start;margin:25px 0;font-size:.8rem}footer>p{font-size:.75rem}.presentation-bar{gap:8px;padding:10px;flex-wrap:wrap}.presentation-bar button{font-size:.75rem;padding:8px 10px}.presentation-bar>span{flex-basis:100%;text-align:center;font-size:.75rem}.presenting .scene{padding-top:26px;padding-bottom:40px}.presenting .hero.active-scene{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{@page{size:A4;margin:16mm}body{font:11pt/1.5 Arial,sans-serif;background:white;color:#111}.masthead,.actions,.enhance,.presentation-bar,.experiment-controls,footer nav,.hero-foot,.request-bottom button{display:none!important}body.presenting{padding:0}.presenting .scene:not(.active-scene){display:block}.hero,.section-head,.experiment-intro,.workshop-layout{display:block}.hero,.section,.experiment,.presenting .scene{padding:20px 0;min-height:0}h1{font-size:36pt!important}h2{font-size:25pt!important}h3{font-size:16pt}h1 em,h2 em{color:#111!important}.hero-object{transform:none;box-shadow:none;background:#eee;color:#111;margin:25px 0;border:1px solid #888}.hero-object figcaption{color:#111}.comparison-pair,.test-rigs{display:block}.request,.rig{margin:15px 0;background:white;color:#111;border:1px solid #777;break-inside:avoid}.experiment{background:white;color:#111}.demo-label,.rig-top,.demo-status,.refinement-letter{color:#111}.rig.revised{background:#eee}.refine-row,.after,.built-request{background:#eee}.letter{font-size:38pt;color:#111}.letter-row{grid-template-columns:50px 1fr 1fr}.workshop-aside{position:static}.workshop-aside ol{display:block}fieldset{break-inside:avoid}textarea,input{border:1px solid #777;min-height:2cm}details>*{display:block!important}.original-prose{max-width:none}h2,h3,legend{break-after:avoid}p{orphans:3;widows:3}}