:root{color-scheme:light;--bg:#f8faf9;--ink:#1c2422;--muted:#626e69;--line:#dce3df;--accent:#416d5a;--soft:#edf2ee;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#d8e9dd}.container{width:min(1120px,calc(100% - 80px));margin-inline:auto}.mono,.eyebrow{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12px;letter-spacing:.06em}.eyebrow{font-weight:500;color:var(--muted);margin:0 0 22px}.header{position:sticky;top:0;z-index:10;background:rgba(248,250,249,.98);border-bottom:1px solid var(--line)}.header-inner{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:21px;font-weight:650;letter-spacing:-.8px;display:inline-flex;align-items:center;gap:12px}.brand-mark{height:32px;width:32px;border-radius:7px;background:var(--ink);color:white;font-size:27px;font-weight:600;line-height:26px;text-align:center;letter-spacing:-3px;padding-right:3px}.brand-mark span{color:#a8c9b5}nav{display:flex;gap:34px}nav a{font-size:14px;color:var(--muted)}nav a:hover{color:var(--ink)}.menu-toggle{display:none}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);background:white;padding:10px 18px;z-index:30}.skip-link:focus{transform:translateY(0)}.hero{padding-top:86px}.hero>.eyebrow{display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,7.7vw,98px);font-weight:600;line-height:1.04;letter-spacing:-6px;margin-bottom:32px}h1>span{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;gap:40px;align-items:end}.hero-description{font-size:20px;line-height:1.65;color:var(--muted);margin-bottom:28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:11px 20px;border-radius:6px;font-size:14px;font-weight:550;border:1px solid var(--line);transition:transform .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white;border-color:var(--ink)}.secondary{background:transparent}.hero-aside{border-left:1px solid var(--line);padding-left:28px;margin-bottom:3px}.hero-aside .mono{font-size:11px;color:var(--muted)}.hero-aside p{font-size:16px;line-height:1.8;margin:10px 0 0}.hero-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;margin-top:68px;padding:22px 0;color:var(--muted);font-size:11px}.section{padding-block:82px}.projects-section{background:#f0f4f1;border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:34px;line-height:1.2;letter-spacing:-1.4px;font-weight:550;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:0}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:28px;box-shadow:0 3px 9px #182b2103;display:flex;flex-direction:column;transition:transform .2s}.project-card:hover{transform:translateY(-4px);border-color:#aabdb2}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.card-top>.mono{color:#738179}.icon{width:40px;height:40px;background:var(--soft);border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--accent);font-family:monospace;font-size:20px}.project-card h3{font-size:20px;font-weight:550;letter-spacing:-.5px;margin-bottom:10px}.project-card p{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:29px}.card-link{font-size:13px;display:flex;justify-content:space-between;gap:12px;margin-top:auto}.notes-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);scroll-margin-top:105px}summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:190px 1fr 24px;gap:20px;align-items:center;padding:27px 0}summary::-webkit-details-marker{display:none}.note-category{color:var(--muted);font-size:11px}.note-title{font-size:19px;letter-spacing:-.4px}.note-toggle{font-size:24px;text-align:center;color:var(--accent)}details[open] .note-toggle{font-size:0}details[open] .note-toggle:after{content:"−";font-size:24px}.note-body{max-width:760px;margin-left:210px;padding:0 0 24px;color:var(--muted)}.note-body p{margin-bottom:16px}.note-body .takeaway{color:var(--accent);border-left:2px solid #91b09c;padding-left:18px}.about-section{padding-bottom:80px}.about-panel{background:var(--soft);border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;padding:48px}.about-panel h2{font-size:42px;line-height:1.15}.about-copy{padding-top:3px}.about-copy p{color:var(--muted);margin-bottom:18px}.about-copy p:first-child{font-size:19px;color:var(--ink)}.principles{display:flex;gap:24px;color:var(--accent);margin-top:27px;font-size:11px}.footer{border-top:1px solid var(--line);padding-block:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand{font-size:18px;gap:0}.footer-dot{color:var(--accent)}.footer p{font-size:13px;color:var(--muted);margin:5px 0 0}.footer-meta,.back-top{font-size:13px;color:var(--muted)}.error-main{min-height:calc(100svh - 230px);display:flex;align-items:center;padding-block:80px}.error-content{max-width:650px}.error-code{font-size:14px;letter-spacing:.1em;color:var(--accent)}.error-content h1{font-size:clamp(48px,7vw,80px);letter-spacing:-3px}.error-content>p{color:var(--muted);margin-bottom:28px}.error-nav{font-size:14px;color:var(--muted)}@media(min-width:1800px){h1{font-size:98px}}@media(max-width:900px){.container{width:calc(100% - 48px)}.hero{padding-top:66px}h1{letter-spacing:-4px}.hero-aside{display:none}.section{padding-block:60px}.section-heading{align-items:start;flex-direction:column;gap:18px}.section-heading>p br{display:none}.project-card{padding:22px}.projects-grid{gap:12px}.project-card h3{font-size:18px}.card-link{font-size:12px}.about-panel{gap:32px;padding:32px}summary{grid-template-columns:145px 1fr 24px;gap:16px}.note-body{margin-left:161px}}@media(max-width:640px){html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.header-inner{min-height:72px;flex-wrap:wrap;gap:0;padding-block:17px}.brand{font-size:19px}.brand-mark{width:28px;height:28px;font-size:24px;line-height:24px}nav{width:100%;justify-content:space-between;gap:12px;padding:22px 0 5px}nav a{font-size:14px}.menu-toggle:not([hidden]){display:flex;align-items:center;gap:18px;border:1px solid var(--line);padding:6px 12px;border-radius:5px;background:transparent;font-size:14px}.has-menu nav{display:none}.has-menu nav.is-open{display:flex}.hero{padding-top:52px}h1{font-size:clamp(46px,11.7vw,74px);letter-spacing:-2.7px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.04em}.hero-description{font-size:17px}.desktop-break{display:none}.hero-foot{margin-top:46px;font-size:9px;padding:18px 0}.hero-foot span:last-child{display:none}.section{padding-block:48px}h2{font-size:29px}.projects-grid{grid-template-columns:1fr;gap:14px}.project-card{padding:26px}.card-top{margin-bottom:22px}.project-card h3{font-size:21px}.project-card p{font-size:16px;margin-bottom:22px}.card-link{font-size:14px}.section-heading{margin-bottom:26px}summary{grid-template-columns:1fr 24px;gap:8px;padding:24px 0}.note-category{grid-column:1;font-size:10px}.note-title{grid-column:1;font-size:18px}.note-toggle{grid-column:2;grid-row:1 / 3}.note-body{margin-left:0;font-size:16px}.about-panel{grid-template-columns:1fr;gap:28px;padding:28px}.about-panel h2{font-size:36px}.about-section{padding-bottom:48px}.principles{gap:20px;font-size:10px}.footer{flex-wrap:wrap;padding-block:28px;gap:18px}.footer>div{width:100%}.footer-meta{margin-right:auto}.error-main{padding-block:60px}.error-content h1{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}