@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,300;6..72,400;6..72,500;6..72,600&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--ink:#141719;--paper:#f0eee6;--paper-deep:#e6e1d5;--blue:#2855d9;--red:#ff5a45;--green:#347c61;--line:#1417192e;--serif:"Newsreader", Georgia, serif;--mono:"Space Mono", "Courier New", monospace;--scroll-progress:0;color:var(--ink);background:var(--paper);font-family:var(--serif);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}body,button,a{color:var(--ink)}button,input,textarea{font:inherit}a{text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:var(--paper);background:var(--blue)}#root{min-height:100vh}.site-shell{position:relative;overflow:hidden}.scroll-progress{z-index:100;width:calc(var(--scroll-progress) * 100%);background:var(--red);transform-origin:0;height:3px;position:fixed;top:0;left:0}.site-header{z-index:20;width:100%;height:82px;color:var(--paper);border-bottom:1px solid #f0eee642;justify-content:space-between;align-items:center;padding:0 clamp(24px,4vw,72px);display:flex;position:absolute;top:0;left:0}.brand{color:inherit;font-family:var(--mono);letter-spacing:-.04em;text-transform:uppercase;align-items:center;gap:12px;font-size:13px;font-weight:700;display:inline-flex}.brand-mark{width:28px;height:28px;color:var(--red);border:1px solid;border-radius:50%;place-items:center;padding-bottom:8px;font-size:20px;line-height:1;display:inline-grid}.site-nav{align-items:center;gap:clamp(24px,3vw,52px);display:flex}.site-nav a{color:inherit;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;position:relative}.site-nav a:after{background:var(--red);content:"";transform-origin:100%;height:1px;transition:transform .24s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.menu-button{color:var(--paper);background:0 0;border:0;padding:8px;display:none}.menu-icon{width:24px;height:16px;display:block;position:relative}.menu-icon span{background:currentColor;width:100%;height:1px;transition:transform .22s,top .22s;position:absolute;left:0}.menu-icon span:first-child{top:3px}.menu-icon span:last-child{top:12px}.menu-icon--open span:first-child{top:8px;transform:rotate(45deg)}.menu-icon--open span:last-child{top:8px;transform:rotate(-45deg)}.hero{min-height:100svh;color:var(--paper);background:#161a1d;grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);align-items:center;padding:126px clamp(24px,7vw,132px) 78px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #f0eee61a;border-radius:50%;width:100vw;height:100vw;position:absolute;bottom:-54vw;right:-17vw;box-shadow:0 0 0 12vw #f0eee605,0 0 0 24vw #f0eee604}.hero-grid{opacity:.12;background-image:linear-gradient(#f0eee626 1px,#0000 1px),linear-gradient(90deg,#f0eee626 1px,#0000 1px);background-position:50%;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 55% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 55% 100%)}.hero-copy{z-index:2;width:min(720px,100%);position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 28px;font-size:10px;font-weight:700;line-height:1.4}.eyebrow:before{background:var(--red);content:"";width:32px;height:1px;margin:0 12px 3px 0;display:inline-block}.hero h1{letter-spacing:-.065em;max-width:820px;margin:0;font-size:clamp(64px,7.15vw,134px);font-weight:300;line-height:.8}.hero h1 em{color:var(--red);font-weight:300}.maintenance{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin-top:40px;font-size:10px;display:flex}.status-dot{background:var(--red);border-radius:50%;width:7px;height:7px;animation:2.2s ease-out infinite status-pulse;box-shadow:0 0 #ff5a4580}.maintenance-separator{color:#f0eee652}.hero-description{color:#f0eee6b8;max-width:630px;margin:24px 0 0;font-size:clamp(18px,1.4vw,25px);font-weight:300;line-height:1.45}.hero-actions{align-items:center;gap:30px;margin-top:34px;display:flex}.primary-link{min-width:250px;color:var(--ink);background:var(--paper);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:22px;padding:16px 18px;font-size:10px;font-weight:700;transition:color .22s,background .22s;display:inline-flex}.primary-link svg,.chapter-row svg,.contact-list svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:18px;transition:transform .22s}.primary-link:hover,.primary-link:focus-visible{color:var(--paper);background:var(--blue)}.primary-link:hover svg,.primary-link:focus-visible svg,.contact-list a:hover svg,.contact-list a:focus-visible svg{transform:translate(5px)}.text-link{color:var(--paper);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #f0eee673;padding-bottom:6px;font-size:10px;font-weight:700;transition:border-color .2s;position:relative}.text-link:hover,.text-link:focus-visible{border-color:var(--red)}.hero-visual{z-index:1;aspect-ratio:.92;perspective:1000px;justify-self:end;width:min(38vw,580px);position:relative}.page-shadow{filter:blur(28px);background:#0000007a;position:absolute;inset:13% 1% -3% 12%;transform:rotate(4deg)}.code-page{z-index:2;color:var(--ink);background:var(--paper);flex-direction:column;padding:9% 8% 7%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:3% 5% 3% 10%;overflow:hidden;transform:rotate(3.5deg);box-shadow:0 20px 50px #00000038}.code-page:before{opacity:.28;content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 22px,#14171917 23px);position:absolute;inset:0}.hero-visual:hover .code-page{transform:rotate(1deg)translateY(-10px)}.page-meta,.page-kicker,.page-note,.page-number{font-family:var(--mono)}.page-meta{border-bottom:1px solid var(--line);letter-spacing:.12em;justify-content:space-between;padding-bottom:15px;font-size:clamp(6px,.58vw,9px);font-weight:700;display:flex;position:relative}.page-title{gap:8px;margin-top:10%;display:grid;position:relative}.page-kicker{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;font-size:clamp(7px,.7vw,10px);font-weight:700}.page-title strong{letter-spacing:-.05em;max-width:95%;font-size:clamp(27px,3vw,52px);font-weight:400;line-height:.93}.code-page pre{white-space:pre-wrap;margin:12% 0 0;font-size:clamp(7px,.78vw,12px);line-height:1.75;position:relative}.code-page code{font-family:var(--mono)}.code-blue{color:var(--blue)}.code-red{color:#c74333}.code-green{color:var(--green)}.page-note{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;margin-top:auto;font-size:clamp(6px,.65vw,9px);display:flex;position:relative}.page-note i{background:var(--red);width:14px;height:1px}.page-number{color:#1417190e;font-size:clamp(100px,12vw,190px);font-weight:700;line-height:1;position:absolute;bottom:-.22em;right:-.03em}.orbit{z-index:1;border:1px solid #f0eee629;border-radius:50%;position:absolute}.orbit--one{inset:-13% -25% 8% -8%;transform:rotate(30deg)}.orbit--two{border-color:#ff5a4559;inset:10% -40% -18% 9%;transform:rotate(-25deg)}.annotation{z-index:3;color:var(--ink);font-family:var(--serif);background:#d8ff5e;padding:7px 10px;font-size:clamp(13px,1.25vw,19px);font-style:italic;position:absolute;box-shadow:0 10px 24px #00000026}.annotation--top{top:12%;right:-5%;transform:rotate(7deg)}.annotation--bottom{color:var(--paper);background:var(--blue);bottom:10%;left:0;transform:rotate(-4deg)}.scroll-cue{z-index:3;color:#f0eee68f;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;transform-origin:0 100%;align-items:center;gap:15px;font-size:8px;display:flex;position:absolute;bottom:30px;left:clamp(24px,4vw,72px);transform:rotate(-90deg)translateY(100%)}.scroll-line{background:#f0eee647;width:48px;height:1px;position:relative;overflow:hidden}.scroll-line:after{background:var(--red);content:"";animation:2.4s ease-in-out infinite scroll-line;position:absolute;inset:0}.hero-enter{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards hero-in}.hero-enter--one{animation-delay:80ms}.hero-enter--two{animation-delay:.16s}.hero-enter--three{animation-delay:.3s}.hero-enter--four{animation-delay:.38s}.hero-enter--five{animation-delay:.48s}.hero-enter--visual{animation-delay:.26s}.status-ticker{border-bottom:1px solid var(--ink);color:var(--paper);background:var(--blue);padding:15px 0 13px;overflow:hidden}.ticker-track{width:max-content;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:24px;padding-left:24px;font-size:9px;font-weight:700;animation:30s linear infinite ticker;display:flex}.ticker-track i{color:#d8ff5e;font-style:normal}.section{padding:clamp(100px,11vw,190px) clamp(24px,7vw,132px)}.section-heading{grid-template-columns:minmax(120px,.35fr) minmax(400px,1.4fr) minmax(220px,.65fr);align-items:end;gap:clamp(30px,5vw,90px);max-width:1150px;display:grid}.section-heading .eyebrow{align-self:start}.section h2{letter-spacing:-.06em;margin:0;font-size:clamp(52px,6.3vw,110px);font-weight:300;line-height:.88}.section h2 code{color:var(--blue);font-family:var(--mono);letter-spacing:-.08em;font-size:.72em;font-weight:400}.section-intro{margin:0 0 6px;font-size:20px;line-height:1.45}.syllabus{grid-template-columns:minmax(240px,.65fr) minmax(0,1.7fr);align-items:start;gap:clamp(50px,9vw,160px);margin-top:clamp(80px,11vw,170px);display:grid}.syllabus-note{max-width:330px;position:sticky;top:40px}.note-index{border-bottom:1px solid var(--ink);color:var(--blue);font-family:var(--mono);letter-spacing:.14em;padding-bottom:14px;font-size:9px;font-weight:700;display:block}.syllabus-note>p{margin:24px 0 48px;font-size:24px;font-style:italic;line-height:1.35}.mini-code{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;gap:11px;font-size:10px;display:grid}.mini-code span{gap:18px;display:flex}.mini-code b{color:var(--red)}.chapter-list{border-top:1px solid var(--ink)}.chapter-row{border-bottom:1px solid var(--line);grid-template-columns:58px minmax(190px,.7fr) minmax(260px,1fr) 95px 28px;align-items:center;gap:24px;min-height:134px;padding:28px 0;transition:color .24s,padding .24s;display:grid}.chapter-number,.chapter-status{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.chapter-number{color:var(--blue);font-weight:700}.chapter-row h3{letter-spacing:-.04em;margin:0;font-size:clamp(26px,2.2vw,38px);font-weight:400}.chapter-row p{color:#141719a6;max-width:490px;margin:0;font-size:16px;line-height:1.45}.chapter-status{color:#1417197a}.chapter-row svg{opacity:0;transition:opacity .24s,transform .24s;transform:translate(-8px)}.chapter-row:hover{color:var(--paper);background:var(--blue);padding-left:10px;padding-right:10px}.chapter-row:hover p,.chapter-row:hover .chapter-number,.chapter-row:hover .chapter-status{color:#f0eee6bf}.chapter-row:hover svg{opacity:1;transform:translate(0)}.about{color:var(--paper);background:var(--ink);grid-template-columns:minmax(320px,.75fr) minmax(420px,1.25fr);align-items:center;gap:clamp(70px,11vw,190px);display:grid}.about-portrait{aspect-ratio:.78;background:#20262a;border:1px solid #f0eee63d;width:100%;max-width:550px;position:relative;overflow:hidden}.about-portrait:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0a0d0f14 62%,#0a0d0fd1 100%);position:absolute;inset:0}.author-photo{object-fit:cover;object-position:center;filter:saturate(.86)contrast(1.04);width:100%;height:100%;transition:filter .7s,transform .9s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.01)}.about-portrait:hover .author-photo{filter:saturate()contrast(1.02);transform:scale(1.045)}.portrait-grid{z-index:2;opacity:.14;mix-blend-mode:soft-light;pointer-events:none;background-image:linear-gradient(#f0eee62e 1px,#0000 1px),linear-gradient(90deg,#f0eee62e 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;transform:scale(1.3)rotate(12deg)}.photo-caption{z-index:3;color:var(--paper);display:grid;position:absolute;bottom:32px;left:32px;right:34px}.photo-caption small,.photo-caption span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.photo-caption small{color:#d8ff5e;margin-bottom:10px;font-size:8px}.photo-caption strong{letter-spacing:-.06em;font-size:clamp(34px,3.6vw,56px);font-weight:300;line-height:.95}.photo-caption span{color:#f0eee6b8;margin-top:8px;font-size:8px}.portrait-label{z-index:4;color:var(--ink);background:var(--paper);font-family:var(--mono);letter-spacing:.12em;padding:8px 14px;font-size:8px;font-weight:700;position:absolute;bottom:84px;right:-80px;transform:rotate(-90deg)}.about-copy .eyebrow{color:#f0eee6b3}.about-copy h2{max-width:800px;font-size:clamp(52px,5.7vw,102px)}.about-copy h2 em{color:var(--red);font-weight:300}.about-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:800px;margin-top:60px;display:grid}.about-body p{color:#f0eee6ad;margin:0;font-size:18px;line-height:1.55}.author-details{border-top:1px solid #f0eee63d;width:min(100%,800px);margin-top:46px;display:grid}.author-details div{border-bottom:1px solid #f0eee629;grid-template-columns:110px minmax(0,1fr);align-items:baseline;gap:22px;min-height:48px;padding:12px 0;display:grid}.author-details small{color:#f0eee66b;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:700}.author-details span{color:#f0eee6c2;font-size:15px}.signature-line{border-top:1px solid #f0eee63d;justify-content:space-between;align-items:baseline;width:min(100%,800px);margin-top:42px;padding-top:18px;display:flex}.signature-line span{font-size:26px;font-style:italic}.signature-line small{color:#f0eee680;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:8px}.contact{grid-template-columns:minmax(300px,1fr) minmax(240px,.6fr);column-gap:7vw;display:grid}.contact-heading h2{font-size:clamp(88px,13vw,220px);line-height:.72}.contact-heading h2 span{color:var(--red)}.contact-intro{align-self:end;max-width:430px;margin:0;font-size:24px;line-height:1.45}.contact-list{border-top:1px solid var(--ink);grid-column:1/-1;margin-top:clamp(80px,11vw,150px)}.contact-list a{border-bottom:1px solid var(--line);grid-template-columns:minmax(140px,.35fr) minmax(320px,1fr) 30px;align-items:center;gap:30px;min-height:112px;padding:20px 8px;transition:color .22s,background .22s,padding .22s;display:grid}.contact-list a>span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.contact-list strong{letter-spacing:-.04em;font-size:clamp(25px,3vw,52px);font-weight:300}.contact-list a:hover,.contact-list a:focus-visible{color:var(--paper);background:var(--blue);outline:none;padding-left:18px;padding-right:18px}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:36px clamp(24px,7vw,132px);display:grid}.site-footer p{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:8px}.site-footer p:last-child{justify-self:end}.brand--footer{color:var(--ink)}[data-reveal]{opacity:0;transition:opacity .85s cubic-bezier(.16, 1, .3, 1) var(--delay,0s), transform .85s cubic-bezier(.16, 1, .3, 1) var(--delay,0s);transform:translateY(34px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes status-pulse{0%{box-shadow:0 0 #ff5a458c}70%,to{box-shadow:0 0 0 9px #ff5a4500}}@keyframes scroll-line{0%{transform:translate(-110%)}50%,to{transform:translate(110%)}}@keyframes ticker{to{transform:translate(-50%)}}@media (width<=1100px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);padding-left:7vw;padding-right:5vw}.hero h1{font-size:clamp(62px,7.5vw,92px)}.hero-visual{width:min(42vw,500px)}.section-heading{grid-template-columns:160px minmax(0,1fr)}.section-intro{grid-column:2;max-width:520px}.chapter-row{grid-template-columns:46px minmax(165px,.7fr) minmax(200px,1fr) 24px}.chapter-status{display:none}.about{gap:7vw}.about-body{grid-template-columns:1fr;gap:24px}}@media (width<=820px){.site-header{height:70px}.menu-button{z-index:3;display:block;position:relative}.site-nav{width:min(82vw,390px);height:100svh;color:var(--paper);background:var(--blue);flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 44px;transition:transform .42s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.site-nav--open{transform:translate(0)}.site-nav a{font-family:var(--serif);letter-spacing:-.04em;text-transform:none;font-size:42px;font-weight:300}.hero{grid-template-columns:1fr;min-height:auto;padding:118px 24px 70px}.hero h1{font-size:clamp(57px,15.5vw,88px);line-height:.86}.hero-description{max-width:620px}.hero-visual{justify-self:center;width:min(88vw,570px);margin-top:80px}.scroll-cue{display:none}.section-heading{grid-template-columns:1fr}.section-intro{grid-column:auto;max-width:560px}.syllabus{grid-template-columns:1fr}.syllabus-note{max-width:560px;position:static}.chapter-row{grid-template-columns:42px minmax(0,1fr) 24px}.chapter-row p{grid-area:2/2}.chapter-row svg{grid-area:1/3/3}.about{grid-template-columns:1fr}.about-portrait{width:min(100%,520px)}.about-body{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{grid-template-columns:1fr}.contact-intro{margin-top:50px}.contact-list{grid-column:auto}.site-footer{grid-template-columns:1fr auto}.site-footer p:nth-child(2){display:none}}@media (width<=540px){.site-header{padding-left:20px;padding-right:20px}.brand{font-size:11px}.brand-mark{width:25px;height:25px}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:clamp(51px,15.3vw,78px)}.maintenance{flex-wrap:wrap;line-height:1.5}.maintenance-separator{display:none}.maintenance span:last-child{width:100%;padding-left:19px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{width:102%;margin-top:62px}.code-page{inset:3% 2% 3% 6%}.page-title strong{font-size:clamp(27px,9.4vw,45px)}.code-page pre{font-size:clamp(7px,2.5vw,11px)}.annotation--top{right:-1%}.section{padding-left:20px;padding-right:20px}.section h2,.about-copy h2{font-size:clamp(47px,14vw,70px)}.chapter-row{gap:12px;min-height:154px}.chapter-row h3{font-size:26px}.chapter-row p{font-size:15px}.about{gap:74px}.about-body{grid-template-columns:1fr}.author-details div{grid-template-columns:92px minmax(0,1fr)}.signature-line{flex-direction:column;align-items:flex-start;gap:18px}.contact-heading h2{font-size:clamp(79px,26vw,130px)}.contact-list a{grid-template-columns:1fr 24px;gap:8px;min-height:104px}.contact-list a>span{grid-column:1}.contact-list strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:23px;overflow:hidden}.contact-list svg{grid-area:1/2/3}.site-footer{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.site-footer p:last-child{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}