:root{--paper: #F3F1EC;--paper-2: #E9E6DF;--ink: #1C1C1A;--pencil: #4A4843;--faint: #8C8880;--dot: #D6D2C9;--band-bg: #1C1C1A;--band-fg: #F3F1EC;--band-sub: #B8B3A8;--band-line: #4A4843;--band-dot: transparent;--display: "Saira Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;--body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--maxw: 1180px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #1C1C1A;--paper-2: #232321;--ink: #F3F1EC;--pencil: #B8B3A8;--faint: #6E6B64;--dot: transparent;--band-bg: #F3F1EC;--band-fg: #1C1C1A;--band-sub: #4A4843;--band-line: #B8B3A8;--band-dot: #D6D2C9;color-scheme:dark}}:root[data-theme=dark]{--paper: #1C1C1A;--paper-2: #232321;--ink: #F3F1EC;--pencil: #B8B3A8;--faint: #6E6B64;--dot: transparent;--band-bg: #F3F1EC;--band-fg: #1C1C1A;--band-sub: #4A4843;--band-line: #B8B3A8;--band-dot: #D6D2C9;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:3px}.wrap{max-width:var(--maxw);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pencil)}.sketch{color:inherit;display:block;width:100%;height:auto}.sketch svg{display:block;width:100%;height:auto}h1,h2,h3{font-family:var(--display);font-weight:700;text-transform:uppercase;margin:0;text-wrap:balance}.page{position:relative;background-color:var(--paper)}.page.alt{background-color:var(--paper-2)}.page.band{background-color:var(--band-bg);color:var(--band-fg)}.page.band .mono{color:var(--band-sub)}.strip{border-bottom:1.5px solid currentColor}.strip .wrap{display:grid;grid-template-columns:90px 1fr auto;gap:16px;padding-block:14px;align-items:center}.strip .num{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.04em;color:inherit}.page-body{padding-block:72px 88px}.sec-head{display:grid;grid-template-columns:1fr minmax(0,1.1fr);gap:40px;align-items:end;margin-bottom:48px}.sec-head h2{font-size:clamp(42px,5.6vw,78px);line-height:.9;position:relative;padding-bottom:14px}.sec-head h2:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:72px;background:currentColor;transform-origin:left;transform:scaleX(.25);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.seen .sec-head h2:after{transform:scaleX(1)}.sec-head p{margin:0;color:var(--pencil);max-width:36em;font-size:18px}.band .sec-head p{color:var(--band-sub)}header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--paper);border-bottom:1.5px solid var(--ink)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--paper)}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}.logo{font-family:var(--display);font-size:25px;letter-spacing:.06em;text-decoration:none;line-height:1;white-space:nowrap}.logo b{font-weight:700}.logo span{font-weight:400}.where{flex:1;min-width:0;display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap}.where .bar{flex:1;height:1px;background:var(--faint);position:relative;max-width:260px}.where .bar i{position:absolute;left:0;top:-1px;height:3px;background:var(--ink);width:0;transition:width .3s}nav.links{display:flex;gap:22px;align-items:center}nav.links a{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--pencil)}nav.links a:hover{color:var(--ink)}nav.links a.cta{color:var(--ink);border:1.5px solid var(--ink);padding:9px 14px;border-radius:4px}nav.links a.cta:hover{background:var(--ink);color:var(--paper)}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:15px 20px;border:1.5px solid currentColor;border-radius:4px;display:inline-flex;gap:10px;align-items:center;background:none;color:inherit;cursor:pointer;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.band .btn.solid{background:var(--band-fg);color:var(--band-bg);border-color:var(--band-fg)}.actions{display:flex;flex-wrap:wrap;gap:14px}.hero .page-body{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center;padding-block:64px 72px}.hero h1{font-size:clamp(58px,8.8vw,128px);line-height:.88;letter-spacing:.005em;margin:18px 0 26px}.hero p.lead{font-size:21px;line-height:1.5;color:var(--pencil);max-width:34em;margin:0 0 32px}.hero figure{margin:0}.hero figcaption{margin-top:10px;display:flex;justify-content:space-between;gap:12px}.clock{font-variant-numeric:tabular-nums}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--faint)}.beat{padding:26px 26px 0 0;border-right:1px solid var(--faint);display:grid;gap:10px;align-content:start}.beat+.beat{padding-left:26px}.beat:last-child{border-right:0}.beat h3{font-size:28px;line-height:1}.beat p{margin:0;color:var(--pencil)}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.tab{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.field-card{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;border:1.5px solid var(--ink);border-radius:8px;padding:32px;background:var(--paper)}.field-card h3{font-size:clamp(32px,4vw,52px);line-height:.95;margin:8px 0 18px}.field-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}.field-cols p{margin:6px 0 0;color:var(--pencil)}.swap{animation:swap .45s cubic-bezier(.2,.7,.2,1)}@keyframes swap{0%{transform:translateY(8px)}to{transform:none}}.notes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:start}.letters{border-top:1.5px solid var(--band-fg)}.letter{width:100%;display:grid;grid-template-columns:70px 1fr 24px;gap:18px;align-items:center;padding:16px 0;background:none;border:0;border-bottom:1px solid var(--band-line);color:var(--band-fg);text-align:left;cursor:pointer;font:inherit}.letter .l{font-family:var(--display);font-weight:700;font-size:56px;line-height:.8;opacity:.45;transition:opacity .2s}.letter .w{font-family:var(--display);font-weight:700;font-size:30px;text-transform:uppercase;letter-spacing:.02em}.letter .arr{font-family:var(--mono);opacity:0;transition:opacity .2s,transform .2s}.letter:hover .l,.letter[aria-selected=true] .l{opacity:1}.letter[aria-selected=true] .arr{opacity:1;transform:translate(4px)}.note-panel{border:1.5px solid var(--band-fg);border-radius:8px;padding:32px;position:sticky;top:96px}.note-panel .big{font-family:var(--display);font-weight:700;font-size:140px;line-height:.8}.note-panel h3{font-size:40px;margin:14px 0 12px}.note-panel p{margin:0 0 18px;color:var(--band-sub);font-size:18px}.note-panel .eg{border-top:1px solid var(--band-line);padding-top:16px}.note-panel .eg p{color:var(--band-fg);margin:6px 0 0}.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--paper)}.calc .in{padding:32px;display:grid;gap:26px;border-right:1.5px solid var(--ink)}.calc label{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pencil)}.calc label b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.calc input[type=range]{width:100%;accent-color:var(--ink);margin-top:10px}.calc .out{padding:32px;display:grid;gap:22px;align-content:center}.calc .fig{font-family:var(--display);font-weight:700;font-size:clamp(56px,7vw,96px);line-height:.85;font-variant-numeric:tabular-nums}.calc .row{display:grid;gap:6px}.calc .note{color:var(--pencil);font-size:15px;margin:0}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.svc{border:1.5px solid var(--ink);border-radius:8px;padding:26px;display:grid;gap:14px;align-content:start;background:var(--paper);transition:transform .2s,box-shadow .2s}.svc:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--ink)}.svc .sketch{width:96px;transition:transform .4s}.svc:hover .sketch{transform:rotate(-4deg)}.svc h3{font-size:32px;line-height:1}.svc p{margin:0;color:var(--pencil)}.svc ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:15px}.svc li:before{content:"— ";color:var(--faint)}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post{border-top:1.5px solid var(--ink);padding-top:22px;display:grid;gap:12px;text-decoration:none;align-content:start}.post .sketch{width:110px;transition:transform .4s}.post:hover .sketch{transform:translate(6px)}.post h3{font-size:30px;line-height:1}.post p{margin:0;color:var(--pencil);font-size:16px}.post:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.more{margin-top:36px}.cta .page-body{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.cta h2{font-size:clamp(56px,8.4vw,118px);line-height:.88;margin:14px 0 22px}.cta p{color:var(--band-sub);font-size:19px;max-width:30em;margin:0 0 28px}.cta .sketch{max-width:360px;justify-self:end}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding-block:26px 40px}footer{border-top:1.5px solid var(--ink)}@media(max-width:960px){.hero .page-body,.cta .page-body,.notes,.calc,.field-card,.sec-head{grid-template-columns:1fr}.sec-head{gap:16px}.hero figure{max-width:420px}.cta .sketch{justify-self:start;max-width:280px}.services,.posts,.story-grid{grid-template-columns:1fr}.beat,.beat+.beat{padding:22px 0;border-right:0;border-bottom:1px solid var(--faint)}.calc .in{border-right:0;border-bottom:1.5px solid var(--ink)}.field-card .sketch{max-width:180px}.note-panel{position:static}nav.links a:not(.cta){display:none}.page-body{padding-block:56px 64px}}@media(max-width:560px){.where{display:none}.logo{font-size:21px}nav.links a.cta{padding:8px 10px;font-size:11.5px}.strip .wrap{grid-template-columns:56px 1fr}.strip .r{display:none}.field-cols{grid-template-columns:1fr}.field-card,.calc .in,.calc .out,.note-panel{padding:22px}.note-panel .big{font-size:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}[hidden]{display:none!important}nav.links a[aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1.5px}.crumbs{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.subhero .page-body{padding-block:56px 48px;display:grid;gap:18px}.subhero h1{font-size:clamp(54px,8vw,112px);line-height:.88}.subhero p.lead{font-size:20px;color:var(--pencil);max-width:40em;margin:0}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1.5px solid var(--ink)}.timeline li{display:grid;grid-template-columns:110px 1fr 1.4fr;gap:28px;padding:24px 0;border-bottom:1px solid var(--faint);align-items:baseline}.timeline .when{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--pencil)}.timeline h3{font-size:32px;line-height:1}.timeline p{margin:0;color:var(--pencil)}.faq{border-top:1.5px solid var(--ink)}.faq details{border-bottom:1px solid var(--faint);padding:18px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:28px;line-height:1.05}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono);font-weight:400;font-size:22px;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{margin:12px 0 4px;color:var(--pencil);max-width:46em}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.lib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.post.soon{opacity:.55;pointer-events:none}.chip{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:2px 8px;margin-left:8px}.featured{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center;border:1.5px solid var(--ink);border-radius:8px;padding:32px;text-decoration:none;margin-bottom:48px;background:var(--paper);transition:box-shadow .2s,transform .2s}.featured:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--ink)}.featured h2{font-size:clamp(38px,5vw,64px);line-height:.92;margin:10px 0 14px}.featured p{margin:0;color:var(--pencil);font-size:18px}.article .page-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}.meta-col{position:sticky;top:96px;display:grid;gap:22px}.meta-col .sketch{width:160px}.toc{display:grid;gap:8px;border-top:1.5px solid var(--ink);padding-top:14px}.toc a{font-size:15px;text-decoration:none;color:var(--pencil)}.toc a:hover{color:var(--ink);text-decoration:underline}.prose{max-width:680px;font-size:19px;line-height:1.7}.prose>*+*{margin-top:1.1em}.prose h1{font-size:clamp(48px,6.4vw,88px);line-height:.9;margin:10px 0 18px}.prose .standfirst{font-size:23px;line-height:1.5;color:var(--pencil);margin:0}.prose h2{font-size:38px;line-height:1;margin-top:1.8em}.prose p,.prose li{color:var(--ink)}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.4em}.prose blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:3px solid var(--ink);font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:34px;line-height:1.02}.callout{border:1.5px solid var(--ink);border-radius:8px;padding:22px 24px;display:grid;gap:8px}.callout p{margin:0;color:var(--pencil);font-size:17px}.checklist{list-style:none;padding:0!important;display:grid;gap:10px}.checklist label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.checklist input{width:20px;height:20px;margin-top:5px;accent-color:var(--ink);flex:none}.figure{margin:2em 0;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--faint);padding:20px 0;display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.figure p{margin:0;color:var(--pencil);font-size:16px}.table-wrap{overflow-x:auto}.prose table{width:100%;border-collapse:collapse;font-size:16px}.prose th,.prose td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--faint);vertical-align:top}.prose th{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--pencil);font-weight:500;border-bottom:1.5px solid var(--ink)}.share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1.5px solid var(--ink);padding-top:20px;margin-top:2.4em}.copied{font-family:var(--mono);font-size:12px;color:var(--pencil)}.next-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:start}form.cf{display:grid;gap:20px;border:1.5px solid var(--ink);border-radius:8px;padding:32px;background:var(--paper)}.cf .two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cf label{display:grid;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--pencil)}.cf input[type=text],.cf input[type=email],.cf select,.cf textarea{font:inherit;font-family:var(--body);font-size:17px;text-transform:none;letter-spacing:0;color:var(--ink);background:transparent;border:0;border-bottom:1.5px solid var(--ink);border-radius:0;padding:8px 0;width:100%}.cf textarea{min-height:120px;resize:vertical;border:1.5px solid var(--ink);border-radius:4px;padding:10px 12px}.cf input:focus,.cf select:focus,.cf textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 2px 0 var(--ink)}.cf .choice{display:flex;flex-wrap:wrap;gap:8px}.cf .choice input{position:absolute;opacity:0;pointer-events:none}.cf .choice span{display:inline-block;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:10px 14px;border:1.5px solid var(--ink);border-radius:999px;cursor:pointer}.cf .choice input:checked+span{background:var(--ink);color:var(--paper)}.cf .choice input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.cf .err{color:var(--ink);font-family:var(--mono);font-size:12px;text-transform:none;letter-spacing:0}.cf .turnstile{border:1px dashed var(--faint);border-radius:4px;padding:12px 14px;display:flex;gap:10px;align-items:center;color:var(--pencil);font-size:14px}.sent{border:1.5px solid var(--ink);border-radius:8px;padding:32px;display:grid;gap:14px;background:var(--paper)}.sent h3{font-size:44px;line-height:.95}.sent p{margin:0;color:var(--pencil)}.side{display:grid;gap:24px}.side .box{border-top:1.5px solid var(--ink);padding-top:16px;display:grid;gap:8px}.side .box p{margin:0;color:var(--pencil)}.copyline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:18px}.copyline code{font-family:var(--mono);font-size:15px;user-select:all}.small-btn{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--ink);border-radius:4px;background:none;color:var(--ink);padding:6px 10px;cursor:pointer}.steps-mini{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:s}.steps-mini li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;gap:10px;color:var(--pencil)}.steps-mini li:before{content:"0" counter(s);font-family:var(--display);font-weight:700;font-size:22px;color:var(--ink);line-height:1.1}@media(max-width:960px){.timeline li{grid-template-columns:1fr;gap:6px}.lib-grid,.next-up,.featured,.contact-grid,.figure{grid-template-columns:1fr}.featured .sketch{max-width:200px}.article .page-body{grid-template-columns:1fr;gap:28px}.meta-col{position:static}.meta-col .sketch{width:120px}.toc{display:none}}@media(max-width:560px){.cf .two{grid-template-columns:1fr}form.cf,.sent,.featured{padding:22px}.prose{font-size:18px}.prose blockquote{font-size:28px}}.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:10px 14px;z-index:50}.skip:focus{left:12px;top:12px}.text-body{max-width:720px;font-size:18px;line-height:1.7}.text-body>*+*{margin-top:1em}.text-body p{margin:0}.big-quote{margin:0;font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(38px,5.4vw,76px);line-height:.95;text-wrap:balance;border-left:4px solid currentColor;padding-left:28px;max-width:18ch}.quote-cap{margin-top:18px}.media{margin:0;display:grid;gap:12px}.media img,.media video{width:100%;height:auto;display:block;border:1.5px solid var(--ink);border-radius:8px}.yt{position:relative;aspect-ratio:16 / 9;max-width:100%;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--paper-2)}.yt button{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:var(--ink);cursor:pointer;display:grid;place-items:center;gap:10px;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase}.yt button .play{width:84px;height:84px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:28px}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.legal .prose h2{font-size:30px}.form-note{font-size:13px;color:var(--pencil);margin:0}.form-note a{color:inherit}.notfound{padding-block:120px;display:grid;gap:18px}.cta .page-body{display:block}.cta-in{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.cta-in .sketch{max-width:360px;justify-self:end}.hero .hero-h{font-size:clamp(54px,8vw,116px);line-height:.88;margin:18px 0 26px}@media(max-width:960px){.cta-in{grid-template-columns:1fr}.cta-in .sketch{justify-self:start;max-width:260px}}.svc .sketch,.post .sketch{color:inherit}.field-card .sketch{max-width:260px}
