:root{color-scheme:light;--bg: #F2F6FA;--paper: #FAFCFE;--paper-soft: #E4ECF4;--ink: #0D1B2A;--ink-soft: #2B3A48;--muted: #4A5B6E;--faint: #6D8FAE;--line: rgba(13, 27, 42, .1);--line-strong: rgba(13, 27, 42, .18);--accent: #4A5B6E;--accent-soft: rgba(74, 91, 110, .1);--max: 1180px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{min-height:100%;margin:0;background:radial-gradient(circle at 12% 10%,rgba(74,91,110,.08),transparent 27rem),linear-gradient(90deg,rgba(13,27,42,.025) 1px,transparent 1px),var(--bg);background-size:auto,88px 88px,auto;color:var(--ink);font-family:inherit;line-height:1.58;text-rendering:optimizeLegibility}body:before{position:fixed;inset:0;z-index:20;pointer-events:none;content:"";opacity:.16;background-image:linear-gradient(rgba(13,27,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,27,42,.03) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,black 0%,transparent 82%)}a{color:inherit;text-decoration-color:#4a5b6e6b;text-underline-offset:.24em;transition:color .18s ease,text-decoration-color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}a:hover{color:var(--accent);text-decoration-color:var(--accent)}img{display:block;max-width:100%}::selection{color:var(--paper);background:var(--ink)}.site-shell{width:min(var(--max),calc(100% - 48px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.brand-mark{display:inline-flex;align-items:center;width:clamp(95px,12vw,130px);color:var(--ink);text-decoration:none}.brand-mark img{width:100%;height:auto}.site-nav{display:flex;gap:18px}.site-nav a{text-decoration:none}.kicker,.section-title,.index-number,.note-date,.note-label,.command-line,.site-footer{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.kicker{margin:0 0 14px;color:var(--accent);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(260px,.64fr);gap:clamp(42px,7vw,104px);align-items:end;min-height:calc(100dvh - 82px);padding:clamp(56px,8vw,106px) 0 clamp(72px,10vw,128px)}.hero h1,.page-title{max-width:960px;margin:0;color:var(--ink);font-family:Outfit,ui-sans-serif,sans-serif;font-size:clamp(4.3rem,12vw,10.8rem);font-weight:500;letter-spacing:-.082em;line-height:.95}.gradient-text{background-image:linear-gradient(90deg,#4a5b6e,#2f80ed,#56ccf2,#2f80ed,#4a5b6e);background-size:300% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradient-pan 6s linear infinite}@keyframes gradient-pan{0%{background-position:0% 50%}to{background-position:300% 50%}}@media(prefers-reduced-motion:reduce){.gradient-text{animation:none;background-position:50% 50%}}.like{display:flex;flex-direction:column;align-items:center;gap:10px;margin:56px 0 8px;padding-top:36px;border-top:1px solid var(--line)}.like__btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:999px;background:#f2f6fa99;color:var(--ink-soft);font-family:Outfit,ui-sans-serif,sans-serif;font-size:1.02rem;font-weight:500;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.like__btn:hover{border-color:#4a5b6e73;background:var(--accent-soft);transform:translateY(-1px)}.like__btn:focus-visible{outline:2px solid var(--faint);outline-offset:3px}.like__heart{position:relative;display:inline-flex;width:22px;height:22px}.like__heart svg{width:100%;height:100%;fill:none;stroke:var(--faint);stroke-width:1.8;transition:fill .18s ease,stroke .18s ease,transform .28s cubic-bezier(.2,.9,.3,1.4);transform-origin:center}.like__btn.is-liked .like__heart svg{fill:#e11d48;stroke:#e11d48}.like__btn.is-burst .like__heart svg{animation:like-pop .42s ease}@keyframes like-pop{0%{transform:scale(1)}35%{transform:scale(.82)}70%{transform:scale(1.28)}to{transform:scale(1)}}.like__burst{position:absolute;inset:0;pointer-events:none}.like__burst i{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:999px;background:#e11d48;opacity:0}.like__btn.is-burst .like__burst i{animation:like-particle .5s ease-out forwards}.like__burst i:nth-child(1){--tx: 0px;--ty: -16px}.like__burst i:nth-child(2){--tx: 14px;--ty: -8px}.like__burst i:nth-child(3){--tx: 14px;--ty: 8px}.like__burst i:nth-child(4){--tx: 0px;--ty: 16px}.like__burst i:nth-child(5){--tx: -14px;--ty: 8px}.like__burst i:nth-child(6){--tx: -14px;--ty: -8px}@keyframes like-particle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.4)}}.like__count{font-variant-numeric:tabular-nums;min-width:1ch}.like__label{color:var(--faint);font-size:.78rem;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.like__btn.is-burst .like__heart svg,.like__btn.is-burst .like__burst i{animation:none}}.gooey-text{position:relative;display:block;min-height:.92em;color:var(--ink)}.gooey-text__fallback{display:none}.gooey-text__stage{position:relative;display:block;min-height:.92em;isolation:isolate}.gooey-text__word{position:absolute;inset:0 auto auto 0;display:block;white-space:nowrap;will-change:filter,opacity}.gooey-text__filter{position:absolute;width:0;height:0;overflow:hidden}.hero-copy,.page-copy,.note-summary{color:var(--ink-soft);font-size:clamp(1.06rem,1.7vw,1.28rem)}.hero-copy{max-width:700px;margin:34px 0 0}.command-line{margin:0 0 24px;color:var(--faint);font-size:.82rem;letter-spacing:.04em}.portrait-frame{position:relative;align-self:center;overflow:hidden;margin:0;border:1px solid var(--line-strong);border-radius:999px 999px 30px 30px;background:var(--paper-soft);box-shadow:0 28px 80px #0d1b2a21}.portrait-frame:after{position:absolute;inset:14px;border:1px solid rgba(253,252,250,.7);border-radius:inherit;content:"";pointer-events:none}.portrait-frame img{aspect-ratio:4 / 5;width:100%;height:100%;object-fit:cover;filter:sepia(.08) saturate(.86) contrast(1.04)}.section{border-top:1px solid var(--line-strong);padding:clamp(58px,8vw,104px) 0}.section-header{display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:clamp(24px,5vw,58px);align-items:start;margin-bottom:34px}.section-title{margin:0;color:var(--faint);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.section-lede{max-width:780px;margin:0;color:var(--ink);font-family:Outfit,ui-sans-serif,sans-serif;font-size:clamp(1.7rem,3.25vw,3.1rem);font-weight:500;letter-spacing:-.048em;line-height:1}.typewriter{position:relative}.typewriter__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.typewriter__visible{white-space:pre-wrap}.typewriter__cursor{display:inline-block;width:.62ch;height:.92em;margin-left:.06em;vertical-align:-.08em;background:var(--accent);border-radius:2px;animation:typewriter-blink 1.05s steps(1) infinite}.typewriter__cursor--done{animation:typewriter-blink 1.05s steps(1) infinite}@keyframes typewriter-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.typewriter__cursor{animation:none;opacity:1}}.build-list,.life-list,.note-list{margin:0;padding:0;list-style:none}.build-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.life-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.build-item,.life-item{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto 1fr;gap:8px 16px;padding:22px 24px;background:var(--paper);border:1px solid var(--line-strong);border-radius:12px}.build-item .note-label,.life-item .note-label{grid-column:2;justify-self:start}.note-item{display:grid;grid-template-columns:82px minmax(0,1fr) minmax(118px,.22fr);gap:24px;padding:25px 0;border-top:1px solid var(--line)}.note-item:first-child{border-top:0}.index-number,.note-date,.note-label{color:var(--faint);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.note-label{justify-self:end;border:1px solid var(--line);border-radius:999px;padding:5px 9px;align-self:start;background:#f2f6facc}.build-item h3,.life-item h3,.note-item h2{margin:0 0 7px;color:var(--ink);font-size:clamp(1.08rem,1.6vw,1.38rem);letter-spacing:-.03em;line-height:1.1}.note-item h2{font-family:Outfit,ui-sans-serif,sans-serif;font-weight:500}.build-item p,.life-item p,.note-item p{max-width:680px;margin:0;color:var(--muted)}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}.badge{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);background:#f2f6facc;font-size:.82rem}.cta-link{display:inline-flex;align-items:center;margin-top:28px;border:1px solid var(--line-strong);border-radius:999px;padding:10px 16px;color:var(--ink);background:#f2f6fa99;text-decoration:none}.cta-link:hover{transform:translateY(-1px);border-color:#4a5b6e73;background:var(--accent-soft)}.page-intro{max-width:1040px;padding:clamp(60px,8vw,104px) 0 44px}.page-title{font-size:clamp(4rem,10vw,8.8rem)}.page-copy{max-width:760px;margin:28px 0 0}.note-item a{text-decoration:none}.note-article{max-width:840px;margin:0 auto;padding:clamp(64px,8vw,96px) 0 clamp(84px,10vw,124px)}.note-article h1{margin:18px 0 24px;color:var(--ink);font-family:Outfit,ui-sans-serif,sans-serif;font-size:clamp(3.15rem,7.8vw,6.9rem);font-weight:500;line-height:.9;letter-spacing:-.072em}.note-summary{margin:0 0 46px}.prose{border-top:1px solid var(--line-strong);padding-top:34px;color:var(--ink-soft);font-size:clamp(1.04rem,1.5vw,1.13rem)}.prose p,.prose ul,.prose ol{margin:0 0 1.25rem}.prose h2{margin:2.2rem 0 .8rem;color:var(--ink);font-family:Outfit,ui-sans-serif,sans-serif;font-size:1.85rem;font-weight:500;line-height:1.05;letter-spacing:-.04em}.prose strong{color:var(--ink)}.field-note-image{margin:2.1rem 0 2.3rem}.field-note-image--hero{margin-top:0}.field-note-image img{width:100%;border:1px solid var(--line-strong);border-radius:24px;background:var(--paper);box-shadow:0 26px 70px #0d1b2a21}.field-note-image figcaption{max-width:720px;margin:12px 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.author-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;align-items:center;margin:4.2rem 0 2rem;padding:18px;border:1px solid var(--line-strong);border-radius:28px;background:linear-gradient(135deg,#fafcfeeb,#e4ecf494);box-shadow:0 24px 70px #0d1b2a17}.author-card img{width:132px;height:132px;border:1px solid rgba(13,27,42,.16);border-radius:22px;object-fit:cover;box-shadow:0 18px 42px #0d1b2a24}.author-card__eyebrow{margin:0 0 8px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.author-card__copy{margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.56}.site-footer{border-top:1px solid var(--line-strong);padding:28px 0 42px;color:var(--faint);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:820px){.site-shell{width:min(100% - 28px,var(--max))}.site-header{align-items:flex-start;flex-direction:column}.hero,.section-header,.note-item,.build-list,.life-list{grid-template-columns:1fr}.hero{min-height:auto;padding:42px 0 64px}.hero h1,.page-title,.note-article h1{letter-spacing:-.065em}.portrait-frame{max-width:340px}.build-item,.life-item,.note-item{gap:8px}.author-card{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:14px}.author-card img{width:88px;height:88px;border-radius:18px}.author-card__copy{font-size:.92rem}.note-label{justify-self:start}}