:root{--ink:#0b0c0d;--paper:#f2f0ea;--muted:#96948d;--line:#cbc9c1;--accent:#c9ff54;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 48px);margin:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.wordmark span{background:var(--ink);width:31px;height:31px;color:var(--paper);letter-spacing:0;border-radius:50%;place-items:center;font-size:10px;display:grid}.wordmark i{font-style:normal}.nav-links{color:#5f5d58;gap:34px;font-size:13px;display:flex}.nav-links a:hover,.text-link:hover,.project-meta a:hover{color:#637e26}.nav-cta{border-bottom:1px solid var(--ink);align-items:center;gap:8px;padding-bottom:5px;font-size:13px;display:flex}.hero{min-height:640px;padding:128px 0 78px;position:relative;overflow:hidden}.hero-kicker,.eyebrow,.section-label,.footer-kicker,.now-tag{letter-spacing:.16em;font-size:10px;font-weight:700}.hero-kicker{color:#68665f;align-items:center;gap:9px;display:flex}.pulse{background:#7b9d27;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 5px #dce4c2}.hero h1{letter-spacing:-.075em;max-width:900px;margin:34px 0 45px;font-size:clamp(60px,9vw,130px);font-weight:700;line-height:.89}.hero h1 em,.section-intro h2 em,.about h2 em,.notes h2 em,.footer h2 em{font-family:var(--serif);letter-spacing:-.07em;font-weight:400}.hero-bottom{justify-content:space-between;align-items:end;max-width:720px;display:flex}.hero-bottom p{color:#5b5953;max-width:420px;font-size:16px;line-height:1.5}.hero-bottom strong{color:var(--ink)}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:7px;padding-bottom:6px;font-size:13px;font-weight:700;display:inline-flex}.hero-grid{opacity:.8;grid-template-columns:repeat(4,1fr);gap:5px;width:270px;display:grid;position:absolute;bottom:42px;right:-80px;transform:rotate(-18deg)}.hero-grid span{aspect-ratio:1;border:1px solid #babcaf}.hero-grid span:nth-child(3n){background:var(--accent);border-color:var(--accent)}.section{border-top:1px solid var(--line);padding:104px 0 118px}.section-label{color:#75736c;align-items:center;gap:18px;display:flex}.section-label .line{background:var(--line);flex:1;height:1px}.section-intro{justify-content:space-between;align-items:end;margin:74px 0 65px;display:flex}.section-intro h2,.about h2,.notes h2{letter-spacing:-.07em;margin:0;font-size:clamp(40px,5vw,72px);line-height:.95}.section-intro p{color:#77746e;max-width:205px;margin:0;font-size:14px;line-height:1.45}.project{border-top:1px solid var(--line);grid-template-columns:70px minmax(0,1fr) 230px;gap:36px;padding:29px 0 34px;display:grid}.project:last-child{border-bottom:1px solid var(--line)}.project-index{color:#8a8881;font-family:Arial,Helvetica,sans-serif;font-size:12px}.eyebrow{color:#7a7972;margin-bottom:17px}.project h3{letter-spacing:-.055em;margin:0 0 15px;font-size:36px}.project-copy p{color:#5d5b55;max-width:570px;margin:0 0 26px;font-size:15px;line-height:1.55}.project-meta{color:#79766f;align-items:center;gap:26px;font-family:Arial,Helvetica,sans-serif;font-size:11px;display:flex}.project-meta a{color:var(--ink);align-items:center;gap:6px;font-family:Arial,sans-serif;font-weight:700;display:flex}.project-signal{color:#74726b;letter-spacing:.05em;align-self:center;align-items:center;gap:9px;font-family:Arial,Helvetica,sans-serif;font-size:10px;display:flex}.signal-bars{align-items:end;gap:3px;margin-left:auto;display:flex}.signal-bars i{background:#c0beb5;width:3px;height:14px;display:block}.signal-bars i:nth-child(2){background:#9dad72;height:22px}.signal-bars i:nth-child(3){height:10px}.signal-bars i:nth-child(4){background:#7f9e36;height:27px}.signal-bars i:nth-child(5){height:17px}.about{background:var(--ink);color:var(--paper);margin-left:calc(-50vw + min(1180px,100% - 48px)/2);margin-right:calc(-50vw + min(1180px,100% - 48px)/2);padding-left:max(24px,50vw - 590px);padding-right:max(24px,50vw - 590px)}.about .section-label{color:#858580}.about .section-label .line{background:#353738}.about-grid{grid-template-columns:1fr 1fr;gap:80px;margin-top:74px;display:grid}.about-copy{max-width:470px}.about-copy p{color:#b5b4ae;margin:0 0 22px;font-size:17px;line-height:1.55}.about-copy a{color:var(--accent);border-bottom:1px solid var(--accent)}.principles{border-top:1px solid #363839;margin-top:52px}.principles div{border-bottom:1px solid #363839;align-items:center;gap:26px;padding:16px 0;display:flex}.principles span{color:#777b74;font-family:Arial,Helvetica,sans-serif;font-size:11px}.principles strong{font-size:14px;font-weight:500}.notes-grid{grid-template-columns:1fr 1fr;gap:80px;margin-top:74px;display:grid}.now-tag{color:#77756d;align-items:center;gap:10px;margin-bottom:28px;display:flex}.note-card{border-left:1px solid var(--line);align-self:end;padding:4px 0 4px 30px}.note-card svg{color:#789436}.note-card p{font-family:var(--serif);letter-spacing:-.035em;max-width:370px;margin:24px 0 31px;font-size:25px;line-height:1.14}.footer{border-top:1px solid var(--line);justify-content:space-between;padding:91px 0 55px;display:flex}.footer h2{letter-spacing:-.07em;margin:22px 0 0;font-size:clamp(52px,7vw,95px);line-height:.88}.footer-right{flex-direction:column;justify-content:space-between;align-items:flex-end;min-height:175px;display:flex}.email-link{border-bottom:1px solid var(--ink);align-items:center;gap:9px;padding-bottom:7px;font-size:14px;display:flex}.socials{gap:15px;display:flex}.socials a{border:1px solid var(--line);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.socials a:hover{background:var(--ink);color:var(--paper)}.footer small{color:#8a8881;letter-spacing:.12em;font-size:9px}@media (max-width:700px){.shell{width:min(100% - 34px,1180px)}.nav{height:70px}.nav-links{display:none}.hero{min-height:600px;padding-top:92px}.hero h1{margin:27px 0 37px;font-size:clamp(53px,16vw,86px)}.hero-bottom{display:block}.hero-bottom p{margin-bottom:29px;font-size:15px}.hero-grid{opacity:.45;bottom:20px;right:-105px}.section{padding:78px 0 86px}.section-intro{margin:51px 0 48px;display:block}.section-intro p{margin-top:27px}.project{grid-template-columns:32px 1fr;gap:13px;padding:24px 0 27px}.project h3{font-size:30px}.project-signal{grid-column:2;margin-top:7px}.project-meta{line-height:1.8;display:block}.project-meta a{margin-top:10px}.about{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.about-grid,.notes-grid{grid-template-columns:1fr;gap:47px;margin-top:51px}.about-copy p{font-size:16px}.note-card{padding-left:20px}.footer{padding-top:74px;display:block}.footer-right{align-items:flex-start;gap:31px;min-height:0;margin-top:56px}.footer small{margin-top:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--ink:#18181b;--paper:#fafafa;--muted:#5f6368;--line:#e4e4e7;--accent:#2563eb;--surface:#f1f4f8;--blush:#dbeafe;--scroll-progress:0;--pointer-offset-x:0%;--pointer-offset-y:0%;--hero-lift:0px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f7fb;--paper:#101217;--muted:#b8c0cd;--line:#2c323c;--accent:#82a8ff;--surface:#181c23;--blush:#1d3056}body{background:var(--paper);color:var(--ink)}em,i{font-style:normal}::selection{background:var(--blush);color:var(--ink)}.shell{width:min(1180px,100% - 64px)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.nav{height:96px}.wordmark{font-size:17px}.wordmark span{background:var(--ink);border-radius:8px;width:38px;height:38px;font-size:18px}.wordmark i{letter-spacing:-.03em}.nav-links a,.nav-cta{align-items:center;min-height:44px;display:inline-flex}.nav-actions{align-items:center;gap:12px;display:flex}.nav-cta{border:1px solid var(--line);border-radius:30px;padding:0 18px}.theme-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:background-color .2s,border-color .2s,color .2s,transform .25s cubic-bezier(.16,1,.3,1);display:grid}.theme-toggle:hover{background:var(--blush);border-color:var(--accent);transform:rotate(12deg)}.theme-toggle:active{transform:scale(.94)rotate(0)}.nav-links a:hover,.text-link:hover,.project-meta a:hover{color:var(--ink);text-underline-offset:6px;text-decoration:underline}.nav-cta:hover{background:var(--blush)}.hero{isolation:isolate;min-height:0;padding:100px 0 90px;display:block;overflow:visible}.hero:before,.hero:after{content:"";z-index:-1;pointer-events:none;border-radius:20px;position:absolute;inset:24px -20px}.hero:before{background:radial-gradient(ellipse at calc(78% + var(--pointer-offset-x)) calc(22% + var(--pointer-offset-y)), #93c5fd7d, transparent 64%), radial-gradient(ellipse at 18% 92%, #c7d2fe78, transparent 66%);opacity:.7;background-size:120% 120%}.hero:after{background:radial-gradient(ellipse at calc(33% - var(--pointer-offset-x)) calc(20% - var(--pointer-offset-y)), #bfdbfe82, transparent 60%), radial-gradient(ellipse at 82% 82%, #dbeafe8a, transparent 56%);opacity:.38;background-size:135% 135%}html[data-theme=dark] .hero:before{background:radial-gradient(ellipse at calc(78% + var(--pointer-offset-x)) calc(22% + var(--pointer-offset-y)), #2563eb54, transparent 64%), radial-gradient(ellipse at 18% 92%, #4f46e54d, transparent 66%)}html[data-theme=dark] .hero:after{background:radial-gradient(ellipse at calc(33% - var(--pointer-offset-x)) calc(20% - var(--pointer-offset-y)), #1d4ed854, transparent 60%), radial-gradient(ellipse at 82% 82%, #312e8145, transparent 56%)}@media (prefers-reduced-motion:no-preference){.hero:before{animation:16s ease-in-out infinite alternate ambient-clay}.hero:after{animation:22s ease-in-out infinite alternate ambient-sand}.pulse{animation:2.6s ease-out infinite pulse-ring}.project-signal>svg{animation:3.4s ease-in-out infinite alternate signal-float}.off-clock-card svg{animation:4s ease-in-out infinite alternate icon-float}.off-clock-card:nth-child(2) svg{animation-delay:-.9s}.off-clock-card:nth-child(3) svg{animation-delay:-1.8s}}@keyframes ambient-clay{0%{opacity:.46;background-position:0 0}to{opacity:.8;background-position:100% 100%}}@keyframes ambient-sand{0%{opacity:.2;background-position:100% 0}to{opacity:.55;background-position:0 100%}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 4px var(--blush)}55%{box-shadow:0 0 0 8px #dbeafe00}}@keyframes signal-float{to{transform:translateY(-3px)rotate(-4deg)}}@keyframes icon-float{to{transform:translateY(-5px)rotate(3deg)}}.hero-kicker{color:var(--muted);letter-spacing:.1em;grid-column:1;font-size:11px;line-height:1.6}.pulse{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--blush);flex-shrink:0}.hero h1{letter-spacing:-.06em;grid-column:1;margin:28px 0 30px;font-size:clamp(48px,6.5vw,90px);font-weight:500;line-height:1.02}.reveal-line{margin-bottom:-.06em;padding-bottom:.06em;line-height:1.12;display:inline-block}.hero-orbit{aspect-ratio:1;z-index:-1;opacity:.78;pointer-events:none;width:clamp(125px,15vw,210px);transform:translate3d(0, var(--hero-lift), 0);transition:transform .15s linear;position:absolute;bottom:18px;right:clamp(8px,9vw,120px)}.hero-orbit span{border:1px solid #2563eb40;border-radius:50%;animation:16s linear infinite orbit-spin;position:absolute;inset:0}.hero-orbit span:nth-child(2){border-style:dashed;border-color:#2563eb60;animation-duration:10s;animation-direction:reverse;inset:20%}.hero-orbit i{background:var(--accent);transform-origin:1px 64px;border-radius:50%;width:10px;height:10px;animation:16s linear infinite orbit-spin,2.4s ease-in-out infinite orbit-beacon;position:absolute;top:2%;left:49%;box-shadow:0 0 0 7px #dbeafeb8}@keyframes orbit-spin{to{rotate:360deg}}@keyframes orbit-beacon{50%{scale:1.25}}.hero h1 em{font-family:var(--serif);letter-spacing:-.055em;color:inherit;font-weight:400;display:inline}.hero-bottom{align-items:flex-end;gap:40px;max-width:100%;display:flex}.hero-bottom p{max-width:510px;color:var(--muted);flex:1;margin:0;font-size:17px;line-height:1.65}.hero-bottom .text-link{background:var(--accent);color:var(--paper);border:0;border-radius:5px;flex-shrink:0;gap:22px;padding:15px 19px}.hero-bottom .text-link:hover{background:#1d4ed8;text-decoration:none}.section{padding:85px 0 95px}.section-label,.working-set-label{color:var(--muted);letter-spacing:.12em;font-size:11px;font-weight:600}.section-label .line,.working-set-label .line{transform-origin:0}@media (prefers-reduced-motion:no-preference){.section-label.is-visible .line,.working-set-label.is-visible .line{animation:.7s cubic-bezier(.16,1,.3,1) both line-unfurl}}@keyframes line-unfurl{0%{opacity:.15;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}.section-intro{gap:45px;margin:48px 0}.section-intro h2,.about h2,.notes h2,.footer h2{letter-spacing:-.045em;font-size:clamp(36px,4.5vw,60px);font-weight:500;line-height:1.08}.section-intro h2 em,.about h2 em,.notes h2 em,.footer h2 em{color:inherit;letter-spacing:-.045em}.section-intro p{color:var(--muted);max-width:235px;font-size:15px;line-height:1.65}.project-list{gap:14px;display:grid}.project{isolation:isolate;border:1px solid var(--line);background:#fffefa;border-radius:8px;grid-template-columns:46px minmax(0,1fr) 170px;gap:24px;padding:30px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .25s;position:relative;overflow:hidden}html[data-theme=dark] .project,html[data-theme=dark] .off-clock-card{background:#171b22}.project:after{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--shine-x,80%) var(--shine-y,30%), #93c5fd40, transparent 65%);transition:opacity .35s;position:absolute;inset:0}.project>*{z-index:1;position:relative}.project:last-child{border-bottom:1px solid var(--line)}.project:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 14px 34px #1d4ed812}.project:hover:after{opacity:1}.project-index{color:var(--muted);padding-top:2px;font-size:12px}.eyebrow{color:var(--muted);letter-spacing:.09em;margin-bottom:13px;font-size:10px;line-height:1.6}.project h3{letter-spacing:-.035em;font-size:30px;font-weight:500}.project-copy p{color:var(--muted);margin-bottom:20px;font-size:16px;line-height:1.65}.project-meta{color:var(--muted);flex-wrap:wrap;gap:10px 24px;font-size:12px}.project-meta a{min-height:44px}.project-signal{min-height:130px;color:var(--ink);background:var(--surface);letter-spacing:0;border-radius:4px;flex-wrap:wrap;padding:18px;font-size:12px;line-height:1.5}.project:nth-child(2) .project-signal,.project:nth-child(3) .project-signal{background:var(--surface)}.project-signal>svg{flex-shrink:0}.signal-bars{height:28px}.signal-bars i,.signal-bars i:nth-child(2),.signal-bars i:nth-child(4){background:var(--ink);transform-origin:bottom;animation:1.2s ease-in-out infinite alternate bars}.signal-bars i:nth-child(2n){animation-delay:-.5s}.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:0;display:grid}.signal-strip>div{grid-template-columns:24px 1fr;gap:7px 12px;padding:25px 20px;display:grid}.signal-strip>div+div{border-left:1px solid var(--line)}.signal-strip span{color:var(--muted);grid-row:1/3;font-size:11px}.signal-strip strong{font-size:13px;font-weight:600}.signal-strip small{color:var(--muted);font-size:13px;line-height:1.5}.working-set{padding:85px 0 100px}.working-set-label{align-items:center;gap:18px;display:flex}.working-set-label .line{background:var(--line);flex:1;height:1px}.working-set-grid{grid-template-columns:.85fr 1.15fr;gap:80px;margin-top:50px;display:grid}.mode-controls>p{max-width:325px;font:29px/1.25 var(--serif);letter-spacing:-.025em;margin:0 0 30px}.mode-buttons{border-top:1px solid var(--line);gap:0;display:grid}.mode-buttons button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;min-height:58px;color:var(--muted);background:0 0;border-radius:0;align-items:center;gap:18px;padding:15px 38px 15px 0;font:500 15px/1.5 Arial,Helvetica,sans-serif;transition:color .28s,transform .36s cubic-bezier(.16,1,.3,1),padding .36s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mode-buttons button span{width:26px;color:var(--muted);font-size:11px;transition:color .28s}.mode-buttons button:after{content:"";opacity:.38;border:1px solid;border-radius:50%;width:8px;height:8px;transition:background-color .28s,border-color .28s,transform .36s cubic-bezier(.16,1,.3,1),opacity .28s;position:absolute;right:2px}.mode-buttons button:hover{color:var(--ink);transform:translate(4px)}.mode-buttons button[aria-pressed=true]{color:var(--ink);padding-left:12px}.mode-buttons button[aria-pressed=true] span{color:var(--accent)}.mode-buttons button[aria-pressed=true]:after{opacity:1;border-color:var(--accent);background:var(--accent);transform:scale(1.35)}.mode-output{isolation:isolate;border:1px solid var(--line);min-height:350px;color:var(--ink);background:#fff;border-radius:12px;padding:38px;position:relative;overflow:hidden;box-shadow:0 18px 42px #1e3a8a10}html[data-theme=dark] .mode-output{color:#f5f7fb;box-shadow:0 18px 42px #00000045}html[data-theme=dark] .mode-output[data-mode=build]{background:#101c37;border-color:#315eb7}html[data-theme=dark] .mode-output[data-mode=explain]{background:#10292f;border-color:#277a86}html[data-theme=dark] .mode-output[data-mode=sidequests]{background:#30251a;border-color:#9a6e32}.mode-output:before{content:"";z-index:0;border:1px solid #bfdbfe4d;border-radius:50%;width:360px;height:360px;animation:.8s cubic-bezier(.16,1,.3,1) both mode-ripple;position:absolute;bottom:-195px;right:-170px;box-shadow:0 0 0 44px #bfdbfe15,0 0 0 88px #bfdbfe0c}.mode-output>*{z-index:1;position:relative}.mode-signal{color:var(--muted);letter-spacing:.09em;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.mode-signal i{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #2563eb2e}.mode-output h2{letter-spacing:-.045em;margin:34px 0 18px;font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.06;position:relative}.mode-output p{color:var(--muted);margin:0;font-size:16px;line-height:1.65;position:relative}.mode-output small{color:var(--muted);margin-top:25px;font-size:12px;display:block;position:relative}html[data-theme=dark] .mode-signal,html[data-theme=dark] .mode-output p{color:#e4e4e7}html[data-theme=dark] .mode-output small{color:#c7cad1}@keyframes mode-arrive{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mode-ripple{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.off-clock{color:var(--ink);background:#e8effa;padding:85px 0 95px;overflow:hidden}html[data-theme=dark] .off-clock{background:#151a23}.off-clock .section-label{color:var(--ink)}.off-clock .section-label .line{background:var(--line)}.off-clock-head{justify-content:space-between;align-items:end;gap:50px;margin:50px 0;display:flex}.off-clock-kicker{letter-spacing:.11em;margin:0 0 20px;font-size:10px;font-weight:600}.off-clock h2{letter-spacing:-.055em;margin:0;font-size:clamp(54px,7vw,96px);font-weight:500;line-height:.98}.off-clock h2 em{font-family:var(--serif);color:inherit;font-weight:400}.off-clock-head>p{max-width:310px;margin:0;font-size:17px;line-height:1.6}.off-clock-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.off-clock-card{border:1px solid var(--line);background:#fffefa;border-radius:5px;min-height:295px;padding:27px;transition:transform .25s;position:relative}.off-clock-card:nth-child(2),.off-clock-card:nth-child(3){background:#fffefa}.off-clock-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 10px 25px #1d4ed80d}html[data-theme=dark] .off-clock-card:hover{border-color:#5376bb}.off-clock-card svg{width:30px;height:30px;margin-bottom:35px}.off-clock-card>span{color:var(--muted);letter-spacing:.08em;font-size:10px;display:block}.off-clock-card h3{letter-spacing:-.04em;margin:13px 0;font-size:27px;font-weight:500}.off-clock-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.about{color:var(--ink);background:#eaf1ff;width:100%;max-width:none;margin:0;padding:85px max(32px,50vw - 590px) 95px}html[data-theme=dark] .about{color:#f5f7fb;background:#101525}html[data-theme=dark] .about h2,html[data-theme=dark] .about-copy a{color:#f5f7fb}html[data-theme=dark] .socials a:hover,html[data-theme=dark] .hero-bottom .text-link{color:#fff}.about .section-label{color:var(--muted)}.about .section-label .line,.principles,.principles div{border-color:var(--line)}.about .section-label .line{background:var(--line)}.about-grid{gap:64px;margin-top:50px}.about h2{color:var(--ink)}.about-copy p{color:var(--muted);line-height:1.7}.about-copy a{color:var(--accent);border-color:var(--accent)}.principles{margin-top:32px}.principles span{color:var(--muted)}html[data-theme=dark] .about .section-label,html[data-theme=dark] .about-copy p,html[data-theme=dark] .principles span{color:#c7cad1}html[data-theme=dark] .about .section-label .line,html[data-theme=dark] .about .principles,html[data-theme=dark] .about .principles div{border-color:#343b48}html[data-theme=dark] .about .section-label .line{background:#343b48}.notes-grid{gap:70px;margin-top:50px}.now-tag{color:var(--muted);line-height:1.6}.note-card{padding-left:30px}.note-card>svg{color:var(--ink)}.note-card p{font:26px/1.3 var(--serif);letter-spacing:-.025em;margin:20px 0 28px}.article-links{border-top:1px solid var(--line);margin-bottom:25px;display:grid}.article-links a{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:60px;padding:15px 0;font-size:14px;line-height:1.5;display:flex}.article-links a span{color:var(--muted);font-size:11px}.article-links a svg{flex-shrink:0;margin-left:auto;transition:transform .2s}.article-links a:hover svg{transform:translate(2px,-2px)}.footer{gap:50px;padding:70px 0 40px}.footer-kicker{color:var(--muted);letter-spacing:.12em;font-size:10px}.footer h2{margin-top:25px;font-size:clamp(45px,6vw,78px)}.footer-right{gap:24px;min-width:220px}.email-link{min-height:44px}.socials a{width:44px;height:44px}.socials a:hover{background:var(--ink);color:var(--paper)}.footer small{color:var(--muted);font-size:10px}.nav-cta,.text-link,.email-link,.socials a,.project-meta a{transition:background-color .2s,border-color .2s,color .2s,transform .25s cubic-bezier(.16,1,.3,1)}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .25s;position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{text-decoration:none}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.text-link svg,.nav-cta svg,.email-link svg,.project-meta a svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.text-link:hover svg,.nav-cta:hover svg,.email-link:hover svg,.project-meta a:hover svg{transform:translate(2px,-2px)}.socials a:hover{transform:translateY(-3px)}.text-link:active,.nav-cta:active,.mode-buttons button:active,.socials a:active{transform:scale(.98)}.mode-buttons button{transition:background-color .2s,color .2s,transform .15s}.off-clock-card{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s}.scroll-progress{background:var(--accent);z-index:40;height:3px;transform:scaleX(var(--scroll-progress));transform-origin:0;position:fixed;inset:0 0 auto}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bars{to{transform:scaleY(.5)}}.hero-kicker,.hero h1,.hero-bottom{animation:.65s both rise-in}.hero h1{animation-delay:80ms}.hero-bottom{animation-delay:.16s}@media (prefers-reduced-motion:no-preference){.hero h1 .reveal-line{clip-path:inset(0 100% 0 0);animation:.95s cubic-bezier(.16,1,.3,1) .12s both wordmark-reveal}.hero h1 .reveal-line+br+.reveal-line{animation-delay:.3s}}@keyframes wordmark-reveal{0%{clip-path:inset(0 100% 0 0);transform:translateY(45%)}to{clip-path:inset(0);transform:translateY(0)}}@media (max-width:1000px){.hero{gap:30px;padding-top:70px}.hero h1{font-size:clamp(44px,6vw,64px)}.project{grid-template-columns:30px minmax(0,1fr)}.project-signal{flex-wrap:nowrap;grid-column:2;min-height:0;padding:12px 16px}.working-set-grid,.about-grid,.notes-grid{gap:35px}}@media (max-width:700px){.shell{width:calc(100% - 40px)}.nav{height:78px}.nav-links{display:none}.nav-actions{gap:8px}.theme-toggle{width:40px;height:40px}.hero{grid-template-columns:1fr;row-gap:0;padding:55px 0 65px}.hero:before,.hero:after{inset:16px -8px}.hero-orbit{opacity:.45;bottom:-8px;right:8px}.hero-kicker{letter-spacing:.08em;font-size:9px}.hero h1{margin:25px 0;font-size:clamp(42px,10.7vw,70px)}.hero-bottom{display:block}.hero-bottom p{margin-bottom:25px;font-size:16px}.section{padding:60px 0}.section-intro{margin:35px 0;display:block}.section-intro p{max-width:300px;margin-top:20px}.project{grid-template-columns:20px minmax(0,1fr);gap:12px;padding:22px 16px}.project h3{font-size:27px}.project-meta{display:flex}.project-meta a{margin-top:0}.project-signal{font-size:11px}.signal-strip{grid-template-columns:1fr}.signal-strip>div{padding:20px 0}.signal-strip>div+div{border-left:0;border-top:1px solid var(--line)}.working-set{padding:60px 0}.working-set-grid,.about-grid,.notes-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.mode-controls>p{max-width:100%;font-size:27px}.mode-output{border-radius:10px;min-height:0;padding:26px}.mode-buttons button{min-height:54px;font-size:14px}.off-clock{padding:60px 0}.off-clock-head{margin:35px 0;display:block}.off-clock-head>p{margin-top:25px}.off-clock-grid{grid-template-columns:1fr}.off-clock-card{min-height:0;padding:25px}.off-clock-card svg{margin-bottom:25px}.about{width:100%;margin:0;padding:60px 20px}.note-card{border-left:0;padding-left:0}.footer{padding:60px 0 35px;display:block}.footer-right{align-items:flex-start;margin-top:35px}}@media (hover:hover){.off-clock-card:hover{background:#edf4ff}html[data-theme=dark] .off-clock-card:hover{background:#1c2942}}:root{--card:#fff;--card-hover:#e6edff;--secondary-tint:#e2f3ee;--warm-tint:#fbefda;--on-accent:#fff}html[data-theme=dark]{--card:#191e28;--card-hover:#243653;--secondary-tint:#173b39;--warm-tint:#3c3022;--on-accent:#101b30}.nav-links{color:var(--muted)}.project,.off-clock-card,.off-clock-card:nth-child(2),.off-clock-card:nth-child(3),html[data-theme=dark] .project,html[data-theme=dark] .off-clock-card{background:var(--card)}.off-clock-card{transition:background-color .35s,transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;overflow:hidden}.off-clock-card:after{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.mode-buttons button{isolation:isolate;transition:color .25s,padding .3s,transform .2s}.mode-highlight{background:var(--blush);z-index:-1;border-radius:5px;position:absolute;inset:5px 0}.mode-output[data-mode=build]{background:#edf2ff;border-color:#bcccf3}.mode-output[data-mode=explain]{background:var(--secondary-tint);border-color:#abd1c6}.mode-output[data-mode=sidequests]{background:var(--warm-tint);border-color:#e0cba1}.mode-output[data-mode=build],.mode-output[data-mode=explain],.mode-output[data-mode=sidequests]{background:#eaf1ff;border-color:#bfd0f5}html[data-theme=dark] .mode-output[data-mode=build],html[data-theme=dark] .mode-output[data-mode=explain],html[data-theme=dark] .mode-output[data-mode=sidequests]{background:#16284b;border-color:#385993}.principles strong{color:var(--ink)}.principles>div,.article-links a{transition:background-color .25s,padding .3s cubic-bezier(.16,1,.3,1)}.hero-bottom .text-link,html[data-theme=dark] .hero-bottom .text-link{color:var(--on-accent)}html[data-theme=dark] .hero-bottom .text-link:hover{background:#a6c1ff}html[data-theme=dark] .socials a:hover{color:var(--paper)}@media (hover:hover){.off-clock-card:hover,html[data-theme=dark] .off-clock-card:hover,.off-clock-card:nth-child(2):hover,html[data-theme=dark] .off-clock-card:nth-child(2):hover,.off-clock-card:nth-child(3):hover,html[data-theme=dark] .off-clock-card:nth-child(3):hover{background:var(--card-hover)}.off-clock-card:hover:after{transform:scaleX(1)}.principles>div:hover,.article-links a:hover{background:var(--blush);padding-left:10px}}.article-links a svg,.note-card>svg{color:var(--accent)}@media (max-width:700px){.theme-toggle{width:44px;height:44px}.project-signal{flex-wrap:wrap}.project-signal>span{flex:1;min-width:100px}.working-set-grid>*,.about-grid>*,.notes-grid>*{min-width:0}.hero h1{font-size:clamp(38px,10.7vw,70px)}.nav-cta{padding-inline:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.project:hover,.off-clock-card:hover,.socials a:hover,.text-link:hover svg,.nav-cta:hover svg,.email-link:hover svg,.project-meta a:hover svg{transform:none}.scroll-progress{display:none}}