:root{--bg:#191d24;--surface:#222831;--surface-strong:#29313d;--text:#f2f0e9;--muted:#a5a6ad;--accent:#59a8ff;--accent-soft:#59a8ff21;--line:#f2f0e91c;--content-width:1120px;--page-heading-size:clamp(2.1rem, 3.5vw, 3rem);--font-sans:"Helvetica Neue", Arial, sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;background:var(--bg);overflow-y:scroll}body{color:var(--text);background:radial-gradient(circle at 78% 0%, #59a8ff1f, transparent 30rem), var(--bg);font-family:var(--font-sans);margin:0;overflow-x:clip}main{width:100%;min-width:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.hero,.section,.page-intro,.detail,footer{width:min(100% - 40px, var(--content-width));margin-inline:auto}.hero{padding:clamp(2rem,3vw,2.75rem) 0 clamp(1.75rem,3vw,2.25rem)}.hero>.eyebrow,.page-intro>.eyebrow{margin-bottom:1rem}.eyebrow{color:var(--accent);font:.76rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.5rem}.hero h1{max-width:1080px;font-size:var(--page-heading-size);letter-spacing:-.04em;text-wrap:balance;margin:0;line-height:1.08}.hero h1 span{color:var(--accent)}.hero-copy{max-width:590px;color:var(--muted);margin:2rem 0;font-size:1.1rem;line-height:1.75}.hero-actions{align-items:center;gap:1.5rem;display:flex}.button{border:1px solid var(--accent);background:var(--accent-soft);max-width:100%;font:.76rem var(--font-mono);letter-spacing:.04em;overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:1.4rem;padding:.9rem 1.05rem;transition:background .18s,color .18s,transform .18s;display:inline-flex}.button:hover,.button:focus-visible{background:var(--accent);color:#fff;transform:translateY(-1px)}.text-link{color:var(--muted);font:.78rem var(--font-mono)}.text-link:hover,.text-link:focus-visible{color:var(--text)}.section{border-top:1px solid var(--line);padding:clamp(3.5rem,6vw,5rem) 0}.hero+.section{border-top:0;padding-top:clamp(2.5rem,4vw,3.25rem)}.section.compact{border-top:0;padding-top:0}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.75rem;display:flex}.section-heading .eyebrow{margin-bottom:.8rem}.section h2{font-size:var(--page-heading-size);letter-spacing:-.04em;margin:0;line-height:1.08}.page-intro h1{max-width:900px;font-size:var(--page-heading-size);letter-spacing:-.04em;margin:0;line-height:1.08}.section-copy{max-width:560px;color:var(--muted);margin:1rem 0 0;line-height:1.65}.project-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.notes-preview{padding-bottom:clamp(3.5rem,6vw,5rem)}.simple-list{border-top:1px solid var(--line)}.simple-list a{border-bottom:1px solid var(--line);grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.2rem 0;font-size:1.15rem;transition:color .16s,padding .16s;display:grid}.simple-list a:hover{color:var(--accent);padding-left:.4rem}.list-index{color:var(--muted);font:.7rem var(--font-mono)}.simple-list a span:last-child{color:var(--accent)}.page-intro{padding:clamp(2.25rem,3.5vw,3.25rem) 0 4.5rem}.page-intro>p:last-child,.page-intro>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:1.05rem;line-height:1.75}.page-intro h1{margin-bottom:1.5rem}.about-page{min-height:calc(100svh - 180px)}.about-page>p:not(.eyebrow){max-width:820px;margin:1rem 0}.about-page .detail-actions{margin-top:2.5rem}.note-cards{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.note-cards a{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-strong), var(--surface));border-radius:14px;padding:1.75rem;transition:border-color .18s,transform .18s}.note-cards a:hover{border-color:#59a8ffa6;transform:translateY(-2px)}.note-cards h2{font-size:1.45rem}.note-cards p{min-height:4.5rem;color:var(--muted);line-height:1.6}.note-cards span{color:var(--accent);font:.75rem var(--font-mono)}.detail{min-width:0;min-height:calc(100svh - 180px);padding:4rem 0 7rem}.back-link{color:var(--muted);font:1rem var(--font-mono);letter-spacing:.01em;margin-bottom:5rem;padding:.45rem 0;font-weight:600;display:inline-block}.detail h1{max-width:850px;font-size:var(--page-heading-size);letter-spacing:-.04em;margin:0;line-height:1.08}.lead{max-width:720px;color:var(--muted);margin:1.5rem 0 4rem;font-size:1.2rem;line-height:1.65}.detail-grid{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,7vw,6rem);min-width:0;padding:2.25rem;display:grid}.detail-grid>*{min-width:0}.detail h2,.prose h2{font-size:1rem;font-family:var(--font-mono);margin:0 0 1rem}.detail-grid p,.detail-grid li,.prose p,.prose li{color:var(--muted);overflow-wrap:anywhere;line-height:1.75}.detail-grid ul,.prose ul{margin:0;padding-left:1.25rem}.detail-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.5rem;display:flex}.prose{border-top:1px solid var(--line);max-width:720px;padding-top:3rem}.prose h2{margin-top:2.5rem}.prose .text-link{margin-top:2.5rem;display:inline-block}.article-sections{gap:1rem;width:100%;min-width:0;max-width:820px;margin-top:4rem;display:grid}.article-sections section{border:1px solid var(--line);background:#17191ead;border-radius:12px;min-width:0;padding:1.75rem 2rem}.article-sections h2{font-size:1.35rem;font-family:var(--font-sans);letter-spacing:-.02em}.article-sections p,.article-sections li{color:var(--muted);overflow-wrap:anywhere;font-size:1rem;line-height:1.75}.article-sections p{margin:.8rem 0}.article-sections ul{margin:1rem 0 0;padding-left:1.25rem}.article-sections pre{border:1px solid var(--line);color:#c9e2ff;max-width:100%;font:.82rem/1.7 var(--font-mono);background:#151a21;border-radius:8px;margin:1.25rem 0 0;padding:1.1rem;overflow-x:auto}footer{min-height:100px;color:var(--muted);font:.72rem var(--font-mono);justify-content:space-between;align-items:center;padding:2rem 0;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a:hover,.footer-links a:focus-visible{color:var(--text)}@media (max-width:720px){:root{--page-heading-size:clamp(2rem, 8vw, 2.5rem)}.hero,.section,.page-intro,.detail,footer{width:min(100% - 28px, var(--content-width))}.hero{padding-top:2rem}.hero-actions{flex-direction:column;align-items:flex-start}.section-heading{flex-direction:column;align-items:start}.project-grid,.note-cards,.detail-grid{grid-template-columns:1fr}.detail-grid{padding:1.5rem}.article-sections section{padding:1.4rem}.article-sections pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:.9rem;font-size:.76rem}.note-cards p{min-height:0}.back-link{margin-bottom:3.5rem}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}