@font-face{font-family:DM Sans;src:url('assets/dm-sans-latin-v1.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM Serif;src:url('assets/dm-serif-latin-v1.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM Serif;src:url('assets/dm-serif-italic-latin-v1.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/caveat-latin-v1.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--paper:#f8f7f2;--ink:#272722;--blue:#352abd;--muted:#686861;--line:#d9d8ce;--wash:#eeedf6;--serif:'DM Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--hand:Caveat,'Segoe Print',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#d7d1fc;color:#211685}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button,summary{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h2{font-family:var(--serif);font-size:clamp(2.9rem,4.5vw,4.25rem);line-height:1.09;letter-spacing:-.045em}h2 em{color:var(--blue)}p{overflow-wrap:break-word}.hand{font-family:var(--hand);font-weight:500;letter-spacing:-.025em;color:var(--blue)}.section-wrap{width:min(1220px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:105px;border-bottom:1px solid var(--line)}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--blue);color:white;padding:12px 20px}.skip-link:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;z-index:60}
.site-header{height:105px;width:calc(100% - 112px);max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:relative}.signature{font-family:var(--hand);color:var(--blue);font-size:3rem;line-height:1;letter-spacing:-3px;display:inline-block;transform:rotate(-5deg)}.signature span{color:var(--ink)}.desktop-nav{display:flex;gap:34px;font-size:.875rem}.desktop-nav a,.back-top{position:relative}.desktop-nav a:after,.back-top:after{content:'';position:absolute;left:0;bottom:-7px;height:2px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after,.back-top:hover:after{transform:scaleX(1)}.header-note{font-family:var(--hand);font-size:1.35rem;color:var(--blue);white-space:nowrap}.ink-dot{font-size:1.8rem}.menu-toggle,.mobile-nav{display:none}
.hero{padding-top:43px;position:relative}.hero-meta{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.16em;color:var(--muted)}.hero-name{font-size:1rem;margin-top:36px;letter-spacing:.015em}.hero-layout{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center}.hero h1{font-family:var(--serif);font-size:clamp(4.2rem,7.6vw,7rem);line-height:1.1;letter-spacing:-.058em;margin-top:15px}.hero-building{font-size:1.28em;letter-spacing:-.065em;display:inline-block;position:relative;line-height:.85;transform:rotate(-3deg);padding-right:12px}.hero-building svg{position:absolute;width:100%;bottom:-24px;left:0;height:24px;overflow:visible;stroke:var(--blue);stroke-width:2.4;fill:none;stroke-linecap:round}.hero-description{max-width:490px;margin-top:45px;font-size:1.0625rem;line-height:1.8;color:var(--muted)}.sketch-button{display:inline-flex;align-items:center;justify-content:space-between;gap:43px;margin-top:29px;background:var(--blue);color:#fff;padding:12px 25px;border:2px solid var(--blue);border-radius:5px 9px 5px 7px/7px 5px 9px 6px;box-shadow:2px 2px 0 var(--paper),3px 3px 0 var(--blue);font-size:.9375rem;transition:transform .2s,box-shadow .2s}.sketch-button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--paper),5px 5px 0 var(--blue)}.sketch-button span{font-size:1.5rem;line-height:1}.hero-note{transform:rotate(5deg);padding:20px 4px 25px 23px;position:relative;margin-top:35px}.hero-note:before{content:'';height:100%;width:1px;background:#d8d4e6;position:absolute;left:0;top:0;transform:rotate(-2deg)}.tiny-label{font-size:.75rem;letter-spacing:.19em;color:var(--muted)}.hero-note>.hand{font-size:2.7rem;line-height:1.1;margin:18px 0 28px}.circled{position:relative;white-space:nowrap}.circled svg{position:absolute;width:115%;height:145%;left:-8%;top:-19%;stroke:var(--blue);stroke-width:1.8;fill:none}.note-caption{font-size:.8125rem;line-height:1.65;color:var(--muted)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:71px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.75rem;letter-spacing:.11em}.hero-bottom p span{color:#b5b4ac;margin:0 15px}.hero-bottom a{font-size:.8125rem;letter-spacing:0}.hero-bottom a span{margin-left:15px;color:var(--blue)}
.section-index{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:48px;font-size:.75rem;letter-spacing:.15em;color:var(--muted)}.section-index>.hand{font-size:1.5rem;letter-spacing:-.02em}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.prose p+p{margin-top:20px}.prose p{color:var(--muted)}.prose .lead{font-size:1.25rem;line-height:1.65;color:var(--ink)}.prose .prose-signoff{font-size:1.8rem;color:var(--blue);margin-top:26px}.principle-strip{display:flex;justify-content:space-around;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:57px;padding-top:31px;font-size:1.15rem}.principle-strip .hand{font-size:1.85rem;transform:rotate(-2deg)}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:56px}.section-heading>p{max-width:320px;color:var(--muted)}
.timeline{position:relative}.timeline:before{content:'';position:absolute;left:22px;top:24px;bottom:35px;width:1px;background:#bdb8db}.chapter{display:grid;grid-template-columns:46px 185px 1fr;gap:32px;position:relative;padding:32px 0}.chapter:first-child{padding-top:0}.chapter:last-child{padding-bottom:0}.chapter-marker{z-index:1;align-self:start;background:var(--paper);padding-block:5px}.chapter-marker span{display:grid;place-items:center;border:1px solid #b9b5d5;border-radius:48% 45% 48% 43%;height:42px;width:42px;color:var(--blue);font-family:var(--hand);font-size:1.4rem;transform:rotate(-7deg)}.chapter:last-child .chapter-marker span{color:var(--paper);background:var(--blue);border-color:var(--blue)}.chapter-period{font-size:.75rem;letter-spacing:.12em;padding-top:16px;color:var(--muted)}.chapter-content h3{font-family:var(--serif);font-size:1.875rem;letter-spacing:-.02em;margin-bottom:12px;line-height:1.2}.chapter-content p{color:var(--muted);max-width:730px}.chapter-footnote{display:block;color:var(--blue);font-size:.75rem;margin-top:17px}.chapter-current{display:block;font-size:1.65rem;margin-top:17px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project{border:1px solid var(--line);border-radius:4px 5px 6px 3px;overflow:hidden;align-self:start;background:#fcfbf7}.project-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:23px 26px 0;font-size:.75rem;letter-spacing:.075em}.status{font-size:.75rem;letter-spacing:0;white-space:nowrap;border:1px solid currentColor;padding:3px 8px;border-radius:3px 5px 3px 5px}.project-wordmark{height:208px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}.project-wordmark .hand{font-size:1.3rem;margin-top:17px;transform:rotate(-4deg)}.discuss-wordmark{font-family:var(--sans);font-size:3.3rem;letter-spacing:-.08em}.project-discuss{background:var(--wash);border-color:#d7d2ed;color:#30268f}.bunk-wordmark{font-family:var(--serif);font-size:3.6rem;letter-spacing:-.045em}.project-bunkbuddy{background:#f0f1e9}.ledger-wordmark{font-family:var(--serif);font-size:3.4rem;letter-spacing:-.045em}.project-ledger{background:#eeece5}.onyiix-wordmark{font-family:var(--sans);font-size:3.5rem;letter-spacing:.14em;padding-left:.14em}.project-onyiix{background:#eeedf0}.project-body{padding:27px 29px 13px;background:#fcfbf7;color:var(--ink);border-top:1px solid var(--line)}.project-body h3{font-family:var(--serif);font-size:1.7rem;letter-spacing:-.02em;line-height:1.25;margin-bottom:12px}.project-body p{font-size:.9375rem;color:var(--muted);line-height:1.8}.project-body details{border-top:1px solid var(--line);margin-top:24px}.project-body summary{display:flex;justify-content:space-between;gap:20px;padding:15px 0 8px;color:var(--blue);font-size:.8125rem;list-style:none}.project-body summary>span{font-size:1.4rem;line-height:1}.detail-copy{padding:11px 0 16px}.detail-copy p+p{margin-top:12px}summary::-webkit-details-marker{display:none}details[open]>summary>span:last-child>span:last-child,details[open]>summary>span[aria-hidden]{transform:rotate(45deg)}.other-work{margin-top:29px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.other-work>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:26px 0}.other-work>summary .hand{font-size:1.9rem}.other-subtitle{display:block;font-size:.8125rem;color:var(--muted);margin-top:2px}.expand-label{font-size:.8125rem;color:var(--blue);white-space:nowrap;display:flex;gap:24px;align-items:center}.expand-label>span{font-size:1.5rem;display:inline-block}.other-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:12px 0 32px}.other-grid h3{font-family:var(--serif);font-size:1.5rem;margin-bottom:16px}.other-grid p{font-size:.9375rem;color:var(--muted);margin-bottom:16px}.other-grid strong{color:var(--ink)}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 42px}.personal-note{border-top:1px solid var(--line);padding:26px 0 35px}.note-number{font-family:var(--hand);font-size:1.8rem;color:var(--blue)}.personal-note h3{font-family:var(--serif);font-size:1.5rem;line-height:1.3;letter-spacing:-.02em;margin:10px 0 15px}.personal-note p{font-size:.9375rem;color:var(--muted)}.personal-note>.hand{display:inline-block;font-size:1.4rem;margin-top:19px;transform:rotate(-3deg)}.toolbox-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.toolbox-intro{color:var(--muted);max-width:320px;margin:25px 0}.toolbox-layout>div>.hand{font-size:1.5rem}.tool-row{padding:20px 0;border-top:1px solid var(--line)}.tool-row:first-child{padding-top:0;border:0}.tool-row h3{font-size:1rem;margin-bottom:10px;color:var(--blue)}.tool-row p{font-size:.9375rem;line-height:1.9;color:var(--muted)}.tool-context{font-size:.75rem;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}
.next{text-align:center;padding-top:70px;padding-bottom:80px}.next .section-index{text-align:left;margin-bottom:75px}.next-pretitle{font-size:.75rem;letter-spacing:.15em;color:var(--muted);margin-bottom:28px}.next h2{font-size:clamp(4.5rem,7.5vw,7rem);line-height:1.08}.next h2 .hand{font-size:1.23em;display:inline-block;transform:rotate(-4deg);line-height:1}.next-copy{max-width:610px;margin:32px auto 37px;color:var(--muted);font-size:1.0625rem}.closing-signature{display:flex;flex-direction:column;align-items:center;gap:9px}.closing-signature .hand{font-size:2rem}.closing-signature>span:last-child{font-size:.75rem;letter-spacing:.16em;color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:35px 40px}footer .signature{font-size:2.4rem}footer p{font-size:.75rem;color:var(--muted);margin-top:8px}.source-note{line-height:1.8;margin:0}.back-top{font-size:.75rem;white-space:nowrap}.back-top span{color:var(--blue);margin-left:14px}
@media(min-width:1500px){.hero{padding-top:55px}.hero h1{font-size:7.4rem}.hero-bottom{margin-top:90px}.hero-layout{gap:55px}.hero-name{margin-top:48px}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 72px)}.site-header{width:calc(100% - 72px)}.header-note{display:none}.hero-layout{grid-template-columns:1fr 205px}.hero-note>.hand{font-size:2.2rem}.hero h1{font-size:clamp(3.5rem,7.4vw,5.5rem)}.intro-grid{gap:45px}.chapter{grid-template-columns:46px 145px 1fr;gap:25px}.project-top{padding:20px 20px 0;flex-wrap:wrap}.project-body{padding:25px 23px 13px}.notes-grid{gap:0 27px}.toolbox-layout{gap:50px}.section-space{padding-block:80px}.section-heading{gap:35px}.section-heading>p{max-width:285px}}
@media(max-width:800px){html{scroll-padding-top:35px}.section-wrap{width:calc(100% - 48px)}.site-header{width:calc(100% - 48px);height:88px}.desktop-nav{gap:24px;font-size:.8125rem}.hero-meta{font-size:.75rem;letter-spacing:.09em}.hero-name{margin-top:30px}.hero-layout{grid-template-columns:1fr 180px;gap:15px}.hero h1{font-size:clamp(3.5rem,7.7vw,4.5rem)}.hero-note{padding-left:16px}.hero-note>.hand{font-size:2rem}.hero-description{font-size:1rem;max-width:410px}.hero-bottom{gap:20px;margin-top:54px}.hero-bottom p{font-size:.75rem;letter-spacing:.06em}.hero-bottom p span{margin-inline:6px}.hero-bottom a{font-size:.75rem;white-space:nowrap}.section-index{margin-bottom:36px}.section-index>.hand{font-size:1.25rem}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-grid h2{max-width:500px}.prose{max-width:620px}.section-heading{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:40px}.section-heading>p{max-width:480px}.chapter{grid-template-columns:42px 1fr;gap:6px 25px;padding-block:26px}.chapter-marker{grid-row:span 2}.chapter-period{padding:7px 0 10px}.chapter-content{grid-column:2}.chapter-content h3{font-size:1.7rem}.project-grid{gap:20px}.project-top{font-size:.75rem;letter-spacing:.02em}.status{font-size:.75rem}.project-wordmark{height:170px;font-size:2.65rem}.project-wordmark .hand{font-size:1.1rem}.project-body h3{font-size:1.45rem}.notes-grid{grid-template-columns:repeat(2,1fr);gap:0 35px}.toolbox-layout{grid-template-columns:1fr;gap:40px}.toolbox-intro{max-width:500px}.tool-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.tool-row:first-child{padding-top:20px;border-top:1px solid var(--line)}.tool-context{grid-column:1/-1}.next .section-index{margin-bottom:58px}footer{flex-wrap:wrap}.source-note{order:3;width:100%;border-top:1px solid var(--line);padding-top:20px}.other-grid{gap:30px}}
@media(max-width:600px){.section-wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 40px);height:80px}.signature{font-size:2.65rem}.desktop-nav{display:none}.menu-toggle{display:block;background:transparent;color:var(--blue);border:1px solid var(--blue);border-radius:4px 6px 3px 5px;padding:7px 16px;min-height:44px;font-size:.875rem}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:30;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 22px #2727220d;padding:12px 22px}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:1rem}.mobile-nav a:last-child{border:0}.hero{padding-top:28px}.hero-meta{font-size:.75rem;letter-spacing:.11em}.hero-meta>span:last-child{display:none}.hero-name{font-family:var(--hand);color:var(--blue);font-size:1.75rem;margin-top:22px}.hero-layout{display:block}.hero h1{font-size:clamp(2.95rem,10.9vw,4.6rem);letter-spacing:-.045em;line-height:1.12;margin-top:17px}.hero-building{font-size:1.26em}.hero-building svg{bottom:-17px;height:19px}.hero-description{font-size:1rem;line-height:1.8;margin-top:36px;max-width:450px}.sketch-button{margin-top:25px;padding:10px 21px;min-height:48px}.hero-note{margin:45px 0 0 18px;padding:0 0 0 22px;transform:rotate(-3deg);display:grid;grid-template-columns:1.1fr 1fr;gap:4px 25px;align-items:center}.hero-note .tiny-label{font-size:.75rem;grid-column:1/-1}.hero-note>.hand{font-size:1.65rem;line-height:1.1;margin:9px 0}.hero-note>.hand br{display:none}.hero-note .circled{display:inline-block;margin-top:5px}.hero-note .note-caption{font-size:.75rem;line-height:1.75}.hero-bottom{margin-top:35px;padding:20px 0;display:block}.hero-bottom p{font-size:.75rem;letter-spacing:.045em;line-height:1.8}.hero-bottom p span{margin-inline:5px}.hero-bottom a{display:none}.section-space{padding-block:58px}h2{font-size:2.75rem;letter-spacing:-.035em;line-height:1.12}.section-index{align-items:flex-start;margin-bottom:28px;font-size:.75rem;letter-spacing:.1em;gap:16px}.section-index>span:last-child:not(:first-child){display:none}.intro-grid{gap:25px}.prose .lead{font-size:1.125rem;line-height:1.7}.prose p{font-size:1rem}.prose .prose-signoff{font-size:1.55rem}.principle-strip{margin-top:35px;flex-wrap:wrap;justify-content:flex-start;gap:10px 23px;padding-top:25px;font-size:.875rem}.principle-strip .hand{font-size:1.5rem}.section-heading{gap:22px;margin-bottom:31px}.section-heading>p{font-size:1rem}.timeline:before{left:17px}.chapter{grid-template-columns:35px 1fr;gap:4px 20px;padding-block:23px}.chapter-marker span{height:35px;width:35px;font-size:1.2rem}.chapter-period{font-size:.75rem;letter-spacing:.08em;padding-top:9px}.chapter-content h3{font-size:1.5rem;margin-bottom:10px}.chapter-content p{font-size:1rem;line-height:1.75}.chapter-footnote{font-size:.75rem;line-height:1.7}.chapter-current{font-size:1.4rem}.project-grid{grid-template-columns:1fr;gap:24px}.project-top{padding:20px 22px 0;font-size:.75rem;letter-spacing:.03em}.status{font-size:.75rem}.project-wordmark{height:180px;font-size:3rem}.project-wordmark .hand{font-size:1.25rem}.project-body{padding:24px 23px 12px}.project-body h3{font-size:1.65rem}.project-body p{font-size:1rem}.project-body summary{font-size:.875rem;padding-block:15px 10px;min-height:48px}.other-work>summary .hand{font-size:1.45rem}.other-subtitle{font-size:.75rem;max-width:230px;margin-top:5px}.expand-label{font-size:0;gap:0}.expand-label>span{font-size:1.5rem}.other-grid{grid-template-columns:1fr;gap:15px;padding-top:0}.other-grid p{font-size:1rem}.notes-grid{grid-template-columns:1fr;gap:0}.personal-note{padding-block:24px 28px;position:relative;padding-left:44px}.note-number{position:absolute;top:25px;left:0;font-size:1.55rem}.personal-note h3{font-size:1.55rem;margin:5px 0 13px}.personal-note p{font-size:1rem}.personal-note>.hand{font-size:1.35rem;margin-top:14px}.toolbox-layout{gap:35px}.toolbox-intro{margin:20px 0}.toolbox-layout>div>.hand{font-size:1.35rem}.tool-rows{grid-template-columns:1fr}.tool-row p{font-size:1rem}.tool-context{font-size:.8125rem}.next{text-align:left}.next .section-index{margin-bottom:40px}.next-pretitle{font-size:.75rem;line-height:1.8;max-width:250px;margin-bottom:24px}.next h2{font-size:clamp(3.5rem,12.3vw,4.75rem);line-height:1.1}.next-copy{font-size:1rem;margin:30px 0}.closing-signature{align-items:flex-start}.closing-signature .hand{font-size:1.8rem}footer{gap:25px;padding-block:30px}footer p{font-size:.75rem}.back-top{font-size:.75rem}.back-top span{margin-left:6px}.source-note{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.reading-progress,.sketch-button,.hero-bottom,.back-top{display:none}.section-wrap{width:100%}.section-space{padding-block:30px}.project,.chapter,.personal-note{break-inside:avoid}body{background:#fff}.hero h1{font-size:52pt}.hero-note{display:none}.hero-layout{display:block}.section-index{margin-bottom:20px}.next h2{font-size:48pt}}