@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-cyrillic-wght-normal.Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-greek-wght-normal.DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-vietnamese-wght-normal.usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-ext-wght-normal.Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--spot-a: rgba(116, 176, 155, .16);--spot-b: rgba(116, 176, 155, .075);--glow-a: rgba(43, 69, 58, .34);--grid-line: rgba(185, 255, 67, .032);--bg: #121b18;--bg-deep: #0a100e;--surface: rgba(39, 56, 49, .5);--surface-strong: #23322c;--surface-glass: rgba(18, 27, 24, .9);--surface-glass-strong: rgba(18, 27, 24, .94);--surface-raised: #17231f;--surface-scrim: rgba(10, 16, 14, .5);--surface-invert: #f7f9fc;--media-dark: #0a100e;--text: #edf4ef;--body: #aebcb5;--muted: #7d8f86;--accent: #b9ff43;--focus-ring: #b9ff43;--accent-soft: rgba(185, 255, 67, .1);--coral: #ff7b68;--success: #58d6c0;--line: rgba(167, 201, 184, .16);--sans: "Manrope Variable", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", sans-serif;--display: "Newsreader Variable", "Songti SC", "Noto Serif SC", Georgia, serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", "PingFang SC", "Microsoft YaHei", monospace;--shell: min(1120px, calc(100vw - 48px) )}:root[data-theme=light]{color-scheme:light;--spot-a: rgba(77, 138, 0, .1);--spot-b: rgba(77, 138, 0, .045);--glow-a: rgba(178, 205, 165, .4);--grid-line: rgba(77, 138, 0, .05);--bg: #f4f6f1;--bg-deep: #e9eee4;--surface: rgba(255, 255, 255, .6);--surface-strong: #ffffff;--surface-glass: rgba(244, 246, 241, .88);--surface-glass-strong: rgba(244, 246, 241, .94);--surface-raised: #ffffff;--surface-scrim: rgba(255, 255, 255, .55);--surface-invert: #eef1ea;--text: #16211b;--body: #46564d;--muted: #5b6d62;--accent: #3f7600;--focus-ring: #3f7600;--accent-soft: rgba(63, 118, 0, .1);--coral: #b63c29;--success: #147568;--line: rgba(43, 61, 52, .16)}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light;--spot-a: rgba(77, 138, 0, .1);--spot-b: rgba(77, 138, 0, .045);--glow-a: rgba(178, 205, 165, .4);--grid-line: rgba(77, 138, 0, .05);--bg: #f4f6f1;--bg-deep: #e9eee4;--surface: rgba(255, 255, 255, .6);--surface-strong: #ffffff;--surface-glass: rgba(244, 246, 241, .88);--surface-glass-strong: rgba(244, 246, 241, .94);--surface-raised: #ffffff;--surface-scrim: rgba(255, 255, 255, .55);--surface-invert: #eef1ea;--text: #16211b;--body: #46564d;--muted: #5b6d62;--accent: #3f7600;--focus-ring: #3f7600;--accent-soft: rgba(63, 118, 0, .1);--coral: #b63c29;--success: #147568;--line: rgba(43, 61, 52, .16)}}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;color:var(--body);background:var(--bg);font-family:var(--sans);font-size:16px;line-height:1.7;letter-spacing:0;-webkit-font-smoothing:antialiased}::selection{color:var(--bg-deep);background:var(--accent)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.shell{width:var(--shell);margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:14px;left:14px;z-index:200;transform:translateY(-180%);padding:8px 12px;color:var(--bg-deep);background:var(--accent);border-radius:3px}.skip-link:focus{transform:translateY(0)}.portfolio-body{background:var(--bg)}.portfolio-page{--spot-x: 68vw;--spot-y: 28vh;position:relative;isolation:isolate;min-height:100vh;overflow:clip;background:linear-gradient(180deg,var(--glow-a) 0%,transparent 32%),linear-gradient(90deg,rgba(255,123,104,.035) 0%,transparent 42%),var(--bg)}.portfolio-page:before,.portfolio-page:after{content:"";position:fixed;z-index:0;inset:0;pointer-events:none}.portfolio-page:before{opacity:0;background:radial-gradient(720px circle at var(--spot-x) var(--spot-y),var(--spot-a) 0%,var(--spot-b) 34%,rgba(255,123,104,.018) 55%,transparent 74%);transition:opacity .22s ease;will-change:opacity,background}.portfolio-page.spotlight-active:before{opacity:1}.portfolio-page:after{opacity:.32;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 34%,#000 100%),linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 42%,transparent 72%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 34%,#000 100%),linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 42%,transparent 72%);mask-composite:intersect}.portfolio-shell{position:relative;z-index:2;width:min(1240px,calc(100vw - 96px));margin-inline:auto;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);gap:clamp(64px,7vw,112px)}.profile-panel{position:sticky;z-index:2;top:0;height:100vh;padding:92px 0 66px;display:flex;flex-direction:column;justify-content:space-between}.profile-avatar{position:relative;width:120px;height:120px;margin-bottom:26px;display:block;border-radius:50%}.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;border:1px solid var(--line);box-shadow:0 0 0 5px var(--accent-soft),0 12px 32px #00000038}.profile-avatar:after{content:"";position:absolute;right:4px;bottom:4px;width:13px;height:13px;background:var(--coral);border:2px solid var(--bg);border-radius:50%;box-shadow:0 0 #ff7b6859;animation:signal-pulse 2.8s ease-out infinite}.profile-panel h1{margin:0;color:var(--text);font-family:var(--display);font-size:clamp(50px,5vw,68px);font-weight:650;line-height:.98;text-shadow:0 0 42px rgba(185,255,67,.055)}.profile-panel h2{margin:10px 0 0;color:var(--text);font-size:21px;font-weight:570}.profile-panel>.profile-top>p{max-width:390px;margin:18px 0 0;color:var(--body);line-height:1.55}.section-nav{margin-top:62px;display:flex;flex-direction:column;gap:0}.section-nav a{width:max-content;padding:10px 0;display:flex;align-items:center;gap:16px;color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:720;text-transform:uppercase;transition:color .18s ease}.section-nav a:before{content:"";width:22px;height:1px;flex:0 0 auto;background:var(--line);transition:width .22s ease,background .22s ease}.section-nav a:hover,.section-nav a:focus-visible{color:var(--body)}.section-nav a:hover:before,.section-nav a:focus-visible:before{width:40px;background:var(--muted)}.section-nav a.active{color:var(--text)}.section-nav a.active:before{width:64px;height:2px;background:var(--accent)}.profile-socials{display:flex;gap:8px;align-items:center}.profile-socials .theme-toggle{border-radius:50%}.profile-socials .theme-toggle:hover{transform:translateY(-3px)}.profile-socials a{width:44px;height:44px;display:grid;place-items:center;color:var(--body);border:1px solid transparent;border-radius:50%;transition:color .16s ease,transform .16s ease,background .16s ease,border-color .16s ease}.profile-socials a:hover{color:var(--accent);background:#27383194;border-color:#b9ff432e;transform:translateY(-3px)}.portfolio-content{min-width:0;padding:0 0 70px;animation:reveal-up .72s .1s cubic-bezier(.2,.75,.2,1) both}.hero{min-height:100vh;padding:54px 0 70px;display:grid;place-items:center;position:relative}.hero-visual{--character-x: 0px;--character-y: 0px;--character-rotate-x: 0deg;--character-rotate-y: 0deg;--character-rotate-z: 0deg;position:relative;isolation:isolate;width:min(100%,640px);height:clamp(540px,76vh,720px);perspective:900px;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.hero-signal{--signal-color-1: #b9ff43;--signal-color-2: #91e867;--signal-color-3: #62c8a7;--signal-color-4: #5aa5a1;--signal-color-5: #9aace8;position:absolute;z-index:1;top:0;left:50%;width:min(calc(100% + 96px),736px);height:min(72%,520px);transform:translate(-50%);filter:drop-shadow(0 14px 22px rgba(5,10,8,.18));pointer-events:none;opacity:.9}:root[data-theme=light] .hero-signal{--signal-color-1: #4d8a00;--signal-color-2: #529b36;--signal-color-3: #2d9278;--signal-color-4: #357c78;--signal-color-5: #526a9b;filter:drop-shadow(0 12px 18px rgba(47,55,78,.12))}@media(prefers-color-scheme:light){:root:not([data-theme]) .hero-signal{--signal-color-1: #4d8a00;--signal-color-2: #529b36;--signal-color-3: #2d9278;--signal-color-4: #357c78;--signal-color-5: #526a9b;filter:drop-shadow(0 12px 18px rgba(47,55,78,.12))}}.hero-character{position:absolute;z-index:3;left:50%;bottom:2%;width:min(100%,610px);transform:translate(-50%);transform-origin:50% 100%;animation:character-enter .82s .26s cubic-bezier(.2,.75,.2,1) both;pointer-events:none}.hero-character-motion{width:100%;aspect-ratio:1;transform:translate3d(var(--character-x),var(--character-y),0) rotateX(var(--character-rotate-x)) rotateY(var(--character-rotate-y)) rotate(var(--character-rotate-z));transform-style:preserve-3d;transform-origin:50% 58%;will-change:transform}.hero-model{--model-load-progress: 0;position:relative;width:100%;height:100%;outline:none;pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.hero-model:after{content:"";position:absolute;z-index:4;inset:11% 7% 5%;border:1px solid transparent;border-radius:50%;pointer-events:none;transition:border-color .18s ease,box-shadow .18s ease}.hero-model:focus-visible:after{border-color:var(--focus-ring);box-shadow:0 0 0 4px #b9ff4314}.hero-model-fallback,.hero-model-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-model-fallback{background:url(/images/myself-poster.webp) center / contain no-repeat;pointer-events:none;opacity:1;will-change:opacity;transition:opacity .42s cubic-bezier(.2,.75,.2,1),visibility 0s .42s}.hero-model-canvas{z-index:2;display:block;opacity:0;cursor:grab;touch-action:none;transition:opacity .52s 80ms cubic-bezier(.2,.75,.2,1)}.hero-model[data-interacting=true] .hero-model-canvas{cursor:grabbing}.hero-model[data-state=ready] .hero-model-canvas{opacity:1}.hero-model[data-state=ready] .hero-model-fallback{visibility:hidden;opacity:0}.hero-model[data-state=error] .hero-model-canvas{display:none}.hero-spark{--spark-color: var(--accent);--spark-x: 0px;--spark-y: 0px;--spark-rotate: 0deg;position:absolute;z-index:2;width:20px;height:20px;color:var(--spark-color);transform:translate3d(var(--spark-x),var(--spark-y),0) rotate(var(--spark-rotate));pointer-events:none;will-change:transform;animation:spark-in .6s .76s cubic-bezier(.2,.75,.2,1) both}.hero-spark:before,.hero-spark:after{content:"";position:absolute;inset:9px 0 auto;height:2px;background:currentColor;border-radius:1px}.hero-spark:after{transform:rotate(90deg)}.hero-spark-one{--spark-rotate: 20deg;top:18%;right:3%}.hero-spark-two{--spark-color: var(--coral);--spark-rotate: 45deg;top:44%;left:1%;width:14px;height:14px}.hero-spark-two:before,.hero-spark-two:after{inset-block-start:6px}.hero-spark-three{--spark-color: #58d6c0;--spark-rotate: 45deg;right:5%;bottom:25%;width:12px;height:12px}.hero-spark-three:before,.hero-spark-three:after{inset-block-start:5px}.hero-scroll{position:absolute;left:0;bottom:34px;display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:color .16s ease}.hero-scroll:hover,.hero-scroll:focus-visible{color:var(--body)}.hero-scroll-arrow{animation:hero-nudge 2.2s ease-in-out infinite}@keyframes hero-nudge{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}@keyframes character-enter{0%{opacity:0;transform:translate(-50%,24px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes character-float{0%,to{transform:translateY(1px) rotate(-.2deg)}50%{transform:translateY(-10px) rotate(.3deg)}}@keyframes spark-in{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.portfolio-section{padding:0 0 116px;scroll-margin-top:90px}.mobile-section-title{margin:0 0 34px;color:var(--text);font-family:var(--mono);font-size:12px;font-weight:750;text-transform:uppercase}.about-section{padding:30px 0 120px}.about-heading,.about-section>p{max-width:650px}.about-heading{margin:0 0 64px;color:var(--text);font-family:var(--sans);font-size:52px;font-weight:780;line-height:1.04}.about-section>p{margin:0 0 26px;color:var(--text);font-size:19px;font-weight:430;line-height:1.72}.about-section>p:last-child{margin-bottom:0}.row-group:has(.focus-row:hover) .focus-row:not(:hover){opacity:.7}.focus-row{--row-x: 50%;--row-y: 50%;position:relative;isolation:isolate;overflow:hidden;margin:0 -20px;padding:22px 20px;border:1px solid transparent;border-radius:6px;transform:translate(0);transition:opacity .18s ease,transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.focus-row:before{content:"";position:absolute;z-index:0;inset:0;opacity:0;background:radial-gradient(320px circle at var(--row-x) var(--row-y),rgba(185,255,67,.105),rgba(116,176,155,.035) 42%,transparent 72%);transition:opacity .18s ease}.focus-row>*{position:relative;z-index:1}.focus-row:hover,.focus-row:focus-visible,.focus-row:focus-within{background:var(--surface);border-color:#edf4ef0f;box-shadow:inset 0 1px #ffffff0b,0 16px 36px #0000002e;transform:translate(3px)}.focus-row:hover:before,.focus-row:focus-visible:before,.focus-row:focus-within:before{opacity:1}.focus-row:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}.experience-row{display:grid;grid-template-columns:126px minmax(0,1fr);gap:18px}.row-date{margin:3px 0 0;color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:650;text-transform:uppercase}.row-copy h3{margin:0;display:flex;align-items:center;gap:5px;color:var(--text);font-size:16px;font-weight:680;line-height:1.4}.row-copy h3 a{display:inline-flex;align-items:center;gap:5px}.row-copy h3 svg{flex:0 0 auto;transition:transform .16s ease}.focus-row:hover .row-copy h3,.focus-row:focus-visible .row-copy h3{color:var(--accent)}.focus-row:hover .row-copy h3 svg,.focus-row:focus-visible .row-copy h3 svg{transform:translate(3px,-3px)}.row-subtitle{margin:1px 0 9px!important;color:var(--text)!important;font-size:13px}.row-copy>p{margin:8px 0 0;font-size:15px;line-height:1.6}.pill-list{margin-top:13px;display:flex;flex-wrap:wrap;gap:7px}.pill-list span,.pill-list .pill-link{padding:4px 9px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:700;border-radius:999px}.pill-list .pill-link:hover,.pill-list .pill-link:focus-visible{color:var(--bg-deep);background:var(--accent)}.pill-list .pill-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.archive-link{width:max-content;margin-top:34px;display:flex;align-items:center;gap:6px;color:var(--text);font-size:14px;font-weight:650;border-bottom:1px solid transparent}.archive-link span{transition:transform .16s ease}.archive-link:hover{border-color:var(--accent)}.archive-link:hover span{transform:translate(6px)}.project-compact-row,.writing-row{display:grid;grid-template-columns:126px minmax(0,1fr);gap:18px}.project-thumb,.writing-thumb{margin-top:3px;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-strong);border:2px solid rgba(148,163,184,.18);border-radius:4px;transition:border-color .16s ease}.project-thumb img,.writing-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.05);transition:transform .28s ease,filter .28s ease}.project-thumb-contain{background:var(--surface-invert)}.project-thumb-contain img{object-fit:contain;filter:none}.focus-row:hover .project-thumb-contain img{filter:none;transform:none}.project-thumb-dark{background:var(--media-dark)}.project-thumb-dark img{padding:10px}.focus-row:hover .project-thumb,.focus-row:hover .writing-thumb{border-color:#b9ff4373}.focus-row:hover .project-thumb img,.focus-row:hover .writing-thumb img{filter:saturate(1) contrast(1.06);transform:scale(1.045)}.writing-row{align-items:start}.writing-row .row-copy .row-date{margin-bottom:7px;color:var(--coral)}.contact-section{max-width:520px;text-align:left}.contact-kicker{margin:0 0 14px;color:var(--accent);font-family:var(--mono);font-size:11px}.contact-section h2{margin:0;color:var(--text);font-family:var(--display);font-size:46px;font-weight:620;line-height:1.05}.contact-section>p:not(.contact-kicker){margin:18px 0 28px}.outline-button{display:inline-flex;padding:12px 19px;color:var(--accent);font-family:var(--mono);font-size:12px;border:1px solid var(--accent);border-radius:4px;transition:background .16s ease,transform .16s ease}.outline-button:hover{background:var(--accent-soft);box-shadow:0 10px 30px #b9ff4317;transform:translateY(-2px)}.portfolio-footer{padding-top:4px;color:var(--muted);font-family:var(--mono);font-size:10px}.portfolio-footer p{margin:5px 0}.visit-counter{min-width:8em;display:inline-flex;align-items:baseline;gap:4px;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}.visit-counter[data-state=loading],.visit-counter[data-state=error]{visibility:hidden}.site-header{position:sticky;top:0;z-index:80;color:var(--text);background:var(--surface-glass);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-inner{width:var(--shell);min-height:74px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{min-height:44px;padding:8px 3px;display:inline-flex;align-items:center;border-radius:4px}.logo-mark{position:relative;display:inline-flex;align-items:baseline;color:var(--text);font-family:var(--sans);font-size:24px;font-weight:820;line-height:1;white-space:nowrap}.logo-mark>span{display:inline-block;transform-origin:50% 80%;transition:color .18s ease,transform .26s cubic-bezier(.2,.8,.2,1)}.logo-mark>span:nth-child(1){color:var(--accent);transform:translateY(1px) rotate(-4deg)}.logo-mark>span:nth-child(2){transform:translateY(-1px) rotate(2deg)}.logo-mark>span:nth-child(3){color:var(--success);transform:translateY(1px) rotate(-2deg)}.logo-mark>span:nth-child(4){transform:rotate(1deg)}.logo-mark>span:nth-child(5){color:var(--coral);transform:translateY(-1px) rotate(4deg)}.logo-mark>span:nth-child(6){transform:translateY(1px) rotate(-3deg)}.logo-mark>span:nth-child(7){color:var(--accent);transform:rotate(2deg)}.logo-mark:after{content:"";position:absolute;top:-7px;left:56%;width:11px;height:3px;background:var(--coral);border-radius:2px;box-shadow:7px -4px 0 var(--success);transform:rotate(-13deg);transition:transform .26s cubic-bezier(.2,.8,.2,1)}.wordmark:hover .logo-mark>span:nth-child(odd){transform:translateY(-3px) rotate(-3deg)}.wordmark:hover .logo-mark>span:nth-child(2n){transform:translateY(2px) rotate(3deg)}.wordmark:hover .logo-mark:after{transform:translate(2px,-2px) rotate(-7deg)}.wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.desktop-nav{display:flex;align-items:center;gap:22px}.nav-link{min-height:44px;display:inline-flex;align-items:center;color:var(--body);font-family:var(--mono);font-size:11px}.nav-link:hover,.nav-link.active{color:var(--text)}.header-search-link{width:44px;height:44px;display:grid;place-items:center;color:var(--body);border:1px solid transparent;border-radius:4px}.header-search-link:hover,.header-search-link:focus-visible,.header-search-link.active{color:var(--accent);background:var(--accent-soft);border-color:#b9ff432e}.header-search-link:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}.header-actions{display:none;align-items:center;gap:8px}.menu-button,.mobile-nav{display:none}.page-intro{padding:56px 0 0}.eyebrow{margin:0 0 16px;color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.page-intro h1{margin:0;color:var(--text);font-size:clamp(30px,3.6vw,40px);font-weight:650;line-height:1.08;letter-spacing:-.01em}.page-intro-copy{max-width:640px;margin:14px 0 0;color:var(--body);font-size:16px;line-height:1.7}.content-section{padding:40px 0 112px}.projects-page{position:relative;background:var(--bg)}.projects-masthead{padding:58px 0 38px}.projects-masthead h1{margin:0;color:var(--text);font-family:var(--display);font-size:44px;font-weight:600;line-height:1.1}.projects-masthead-deck{max-width:680px;margin:14px 0 0;color:var(--body);font-size:16px;line-height:1.7}.projects-index{padding:0 0 122px}.project-ledger{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.project-entry-item{border-bottom:1px solid var(--line);transition:border-color .18s ease}.project-entry{display:grid;grid-template-columns:260px minmax(0,1fr) 24px;gap:28px;align-items:center;padding:28px 0;color:inherit}.project-entry:focus-visible{outline:1px solid var(--focus-ring);outline-offset:5px}.project-entry-copy{min-width:0}.project-entry-meta{margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;color:var(--muted);font-size:11px}.project-entry-meta span+span:before{margin:0 9px;content:"·";color:var(--muted)}.project-entry-meta [data-status=ongoing]{color:var(--coral)}.project-entry-meta [data-status=maintained]{color:var(--accent)}.project-entry-meta [data-status=completed]{color:var(--muted)}.project-entry-copy h2{margin:0;overflow-wrap:anywhere;color:var(--text);font-family:var(--display);font-size:28px;font-weight:600;line-height:1.18}.project-entry-description{max-width:68ch;margin:10px 0 0;color:var(--body);font-size:14px;line-height:1.68}.project-entry-details{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:5px 0;color:var(--muted);font-size:12px;line-height:1.55}.project-entry-details span+span:before{margin:0 9px;content:"·"}.project-entry-media{width:100%;aspect-ratio:16 / 10;margin:0;overflow:hidden;background:var(--surface-strong);border:1px solid var(--line);border-radius:3px;transition:border-color .18s ease}.project-entry-media img{width:100%;height:100%;display:block;object-fit:cover}.project-entry-media-contain{background:var(--surface-invert)}.project-entry-media-contain img{padding:4%;object-fit:contain}.project-entry-media-dark{background:var(--media-dark)}.project-entry-media-dark img{padding:10%;object-fit:contain}.project-entry-arrow{align-self:center;justify-self:end;color:var(--muted);transition:color .18s ease,transform .18s ease}.project-entry-item:hover,.project-entry-item:focus-within{border-color:#b9ff4357}.project-entry-item:hover .project-entry-copy h2,.project-entry-item:focus-within .project-entry-copy h2,.project-entry-item:hover .project-entry-arrow,.project-entry-item:focus-within .project-entry-arrow{color:var(--accent)}.project-entry-item:hover .project-entry-arrow,.project-entry-item:focus-within .project-entry-arrow{transform:translate(3px,-3px)}.project-entry-item:hover .project-entry-media,.project-entry-item:focus-within .project-entry-media{border-color:#b9ff433d}.tag-row{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.tag{min-height:28px;padding:5px 9px;display:inline-flex;align-items:center;color:var(--accent);background:var(--accent-soft);font-size:10px;font-weight:700;border-radius:999px}.tag:hover,.tag:focus-visible{color:var(--bg-deep);background:var(--accent)}.tag:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag[aria-current=page]{color:var(--text);background:#ff7b6829}.note-year-group,.note-year-months,.note-month-group,.note-month-entries{display:contents}.note-year-heading,.note-month-heading,.note-list-reading{display:none}.note-list-row{position:relative;display:grid;grid-template-columns:150px 190px minmax(0,1fr) 44px;gap:30px;align-items:start;padding:30px 12px 32px 0;transition:padding .18s ease,background .18s ease}.note-list-row:before{content:"";position:absolute;top:0;bottom:0;left:-18px;width:3px;transform:scaleY(0);background:var(--accent);transition:transform .18s ease}.note-list-row:hover,.note-list-row:focus-within{padding-left:14px;background:#27383142}.note-list-row:hover:before,.note-list-row:focus-within:before{transform:scaleY(1)}.note-list-row:focus-within{outline:1px solid var(--focus-ring);outline-offset:3px}.note-list-meta{display:grid;gap:7px;color:var(--muted);font-family:var(--mono);font-size:9px;text-transform:uppercase}.note-list-meta span{color:var(--coral)}.note-list-media{width:100%;aspect-ratio:3 / 2;overflow:hidden;background:var(--surface-strong);border:1px solid var(--line);border-radius:5px;transition:border-color .18s ease,box-shadow .18s ease}.note-list-media img{width:100%;height:100%;display:block;object-fit:cover}.note-list-copy h2{margin:0;color:var(--text);font-size:clamp(19px,2.3vw,24px);font-weight:640;line-height:1.22}.note-list-copy>p{max-width:680px;margin:10px 0 0;color:var(--body);font-size:15px}.note-list-copy .tag-row{margin-top:14px}.note-list-arrow{width:44px;height:44px;display:grid;place-items:center;color:var(--muted);border-radius:4px;transition:color .16s ease,transform .16s ease,background .16s ease}.note-list-arrow:focus-visible{outline:1px solid var(--focus-ring);background:var(--accent-soft)}.note-list-row:hover .note-list-copy h2,.note-list-row:focus-within .note-list-copy h2,.note-list-row:hover .note-list-arrow,.note-list-row:focus-within .note-list-arrow{color:var(--accent)}.note-list-row:hover .note-list-media,.note-list-row:focus-within .note-list-media{border-color:#b9ff433d;box-shadow:0 14px 32px #00000029}.note-list-row:hover .note-list-arrow,.note-list-row:focus-within .note-list-arrow{transform:translate(3px,-3px)}.content-hero{padding:48px 0 0}.content-hero .project-back-link{margin-bottom:34px;font-family:var(--sans);font-size:13px;font-weight:560;text-transform:none}.content-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:clamp(36px,5vw,64px);align-items:start}.content-hero-copy{min-width:0}.content-hero h1{max-width:860px;margin:0;overflow-wrap:anywhere;color:var(--text);font-family:var(--display);font-size:clamp(34px,3.8vw,48px);font-weight:600;line-height:1.12}.content-deck{max-width:740px;margin:18px 0 0;color:var(--body);font-size:17px;line-height:1.72}.content-meta-row{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:7px 0;color:var(--muted);font-size:12px}.content-meta-row>time,.content-meta-row>span{display:inline-flex;align-items:center}.content-meta-row>time+span:not(.visit-counter):before,.content-meta-row>span:not(.visit-counter)+span:not(.visit-counter):before,.content-meta-row>.visit-counter[data-state=ready]:before{width:3px;height:3px;margin:0 10px;content:"";background:currentColor;border-radius:50%;opacity:.55}.content-meta-row>script{display:none!important}.content-meta-row .visit-counter{min-width:0;font-family:inherit}.content-meta-row .visit-counter[data-state=loading],.content-meta-row .visit-counter[data-state=error]{display:none}.content-hero-tags{margin-top:17px;gap:7px}.content-hero-tags .tag{min-height:25px;padding:4px 8px;color:var(--muted);background:transparent;border:1px solid var(--line);font-size:10px;font-weight:560}.content-hero-tags .tag:hover,.content-hero-tags .tag:focus-visible{color:var(--text);background:var(--surface);border-color:var(--muted)}.content-cover{width:100%;margin-top:4px;aspect-ratio:4 / 3;overflow:hidden;background:var(--surface-strong);border:1px solid var(--line);border-radius:4px}.content-cover img{width:100%;height:100%;object-fit:cover}.content-cover-contain{background:var(--surface-invert)}.content-cover-contain img{padding:8%;object-fit:contain;filter:none}.content-cover-dark{background:var(--media-dark)}.content-facts{width:100%;margin:34px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.content-facts div{min-width:0;padding:14px 18px 0 0}.content-facts div+div{padding-left:18px;border-left:1px solid var(--line)}.content-facts dt{margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:500}.content-facts dd{margin:0;overflow-wrap:anywhere;color:var(--body);font-size:13px;font-weight:550;line-height:1.55}.content-article{width:min(860px,calc(100vw - 48px));padding:78px 0 128px}.content-article>:first-child{margin-top:0}.content-article>p:first-child{color:var(--text);font-size:21px;line-height:1.75}.content-article h2{margin:72px 0 20px;padding-top:20px;color:var(--text);border-top:1px solid var(--line);font-family:var(--display);font-size:clamp(32px,4vw,42px);font-weight:600;line-height:1.14;scroll-margin-top:100px}.content-article h3{margin:42px 0 14px;color:var(--text);font-size:21px;line-height:1.3}.content-article p,.content-article li{font-size:16px;line-height:1.82}.content-article ul,.content-article ol{margin:22px 0 32px;padding-left:23px}.content-article li+li{margin-top:8px}.content-article a{color:var(--text);border-bottom:1px solid var(--accent)}.content-article a:hover{color:var(--accent)}.content-article blockquote{margin:40px 0;padding:12px 0 12px 24px;color:var(--text);border-left:3px solid var(--coral)}.content-article blockquote p{margin:0;color:inherit;font-family:var(--display);font-size:25px;line-height:1.45}.content-article .expressive-code{margin:30px 0 38px}.lightbox-close,.back-to-top{width:44px;height:44px;padding:0;display:grid;place-items:center;color:var(--body);background:var(--surface-glass-strong);border:1px solid var(--line);border-radius:4px;cursor:pointer}.lightbox-close:focus-visible,.back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.content-article table{width:100%;margin:30px 0 42px;display:block;overflow-x:auto;border-collapse:collapse;border-top:1px solid var(--line);border-left:1px solid var(--line)}.content-article thead,.content-article tbody{min-width:680px;display:table;width:100%;table-layout:fixed}.content-article th,.content-article td{padding:15px 17px;text-align:left;vertical-align:top;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.content-article th{color:var(--accent);background:var(--surface);font-family:var(--mono);font-size:10px;text-transform:uppercase}.content-article td{color:var(--body);font-size:13px;line-height:1.65}.content-article p>img{width:min(1080px,calc(100vw - 48px));max-width:none;height:auto;margin:44px 0 44px 50%;transform:translate(-50%);background:var(--surface-invert);border:1px solid var(--line);border-radius:5px}.content-article .article-zoomable{cursor:zoom-in}.content-article .article-zoomable:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.heading-anchor{width:36px;height:36px;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;opacity:0;color:var(--muted)!important;border:0!important;border-radius:4px;vertical-align:middle;transition:opacity .16s ease,color .16s ease,background .16s ease}.content-article h2:hover .heading-anchor,.content-article h3:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.heading-anchor:hover,.heading-anchor:focus-visible{color:var(--accent)!important;background:var(--accent-soft)}.heading-anchor:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}.reading-progress{position:fixed;z-index:90;top:73px;left:0;width:100%;height:2px;pointer-events:none}.reading-progress span{width:100%;height:100%;display:block;transform:scaleX(0);transform-origin:left center;background:var(--accent)}.back-to-top{position:fixed;z-index:72;right:max(22px,calc((100vw - 1380px)/2));bottom:24px;opacity:0;pointer-events:none;transform:translateY(10px);box-shadow:0 10px 30px #0000003d;transition:opacity .16s ease,transform .16s ease,color .16s ease,border-color .16s ease}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{color:var(--accent);border-color:#b9ff436b}.article-toast{position:fixed;z-index:130;left:50%;bottom:28px;min-height:38px;padding:8px 14px;display:flex;align-items:center;opacity:0;pointer-events:none;transform:translate(-50%,8px);color:var(--text);background:var(--surface-raised);border:1px solid rgba(185,255,67,.34);border-radius:4px;box-shadow:0 14px 34px #00000052;font-family:var(--mono);font-size:11px;transition:opacity .16s ease,transform .16s ease}.article-toast.visible{opacity:1;transform:translate(-50%)}.image-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:68px clamp(18px,5vw,80px) 34px;color:#edf4ef;background:#070b09f7;border:0;overflow:auto}.image-lightbox::backdrop{background:#030605c2;backdrop-filter:blur(5px)}.image-lightbox figure{width:100%;min-height:calc(100dvh - 102px);margin:0;display:grid;place-items:center;align-content:center;gap:16px}.image-lightbox img{max-width:min(1500px,100%);max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain}.image-lightbox figcaption{max-width:900px;color:var(--body);font-size:13px;text-align:center}.lightbox-close{position:fixed;z-index:2;top:18px;right:20px;color:#edf4ef;background:#121b18e0}.lightbox-close:hover{color:var(--accent);border-color:#b9ff436b}body:has(.image-lightbox[open]){overflow:hidden}.content-reading-layout{--content-toc-width: 220px;--content-reading-gap: clamp(40px, 5vw, 68px);width:var(--shell);margin-inline:auto;display:grid;grid-template-columns:var(--content-toc-width) minmax(0,860px);gap:var(--content-reading-gap);align-items:start}.content-reading-layout .content-article{width:100%;margin-inline:0}.content-reading-layout .content-article{padding-bottom:72px}.content-toc{position:sticky;grid-row:1 / span 2;top:106px;margin-top:78px;padding-right:22px;border-right:1px solid var(--line)}.project-reading-layout .content-toc{margin-top:76px}.content-toc-heading{min-height:22px;display:flex;align-items:center;gap:8px;color:var(--text);font-family:var(--mono);font-size:10px;font-weight:720;text-transform:uppercase}.content-toc-heading svg{flex:0 0 auto;color:var(--accent)}.content-toc-count{min-width:22px;margin-left:auto;color:var(--muted);font-size:9px;text-align:right}.content-toc-viewport{max-height:calc(100vh - 166px);margin-top:18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.content-toc-list{margin:0;padding:0;list-style:none}.content-toc-list li{position:relative}.content-toc-list a{position:relative;padding:7px 0 7px 15px;display:block;overflow-wrap:anywhere;color:var(--muted);font-size:12px;line-height:1.45;transition:color .16s ease}.content-toc-list a:before{content:"";position:absolute;top:13px;left:0;width:5px;height:5px;background:transparent;border:1px solid var(--muted);border-radius:50%;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.content-toc-depth-3 a{padding-left:29px;font-size:11px}.content-toc-depth-3 a:before{left:15px;width:4px;height:4px;border-style:dashed}.content-toc-list a:hover,.content-toc-list a:focus-visible{color:var(--text)}.content-toc-list a.active{color:var(--text)}.content-toc-list a.active:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.content-toc-list a:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}.content-toc-mobile{display:none}.content-article h3{scroll-margin-top:100px}.project-back-link{width:max-content;margin-bottom:58px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase}.project-back-link svg{transition:transform .16s ease}.project-back-link:hover{color:var(--accent)}.project-back-link:hover svg{transform:translate(-4px)}.text-link{width:max-content;margin-top:auto;color:var(--text);font-size:12px;font-weight:700;border-bottom:1px solid var(--accent)}.prose{width:min(760px,calc(100vw - 48px));margin-inline:auto;padding:88px 0 120px}.prose h1{margin:12px 0 22px;color:var(--text);font-size:clamp(46px,7vw,74px);line-height:1.02}.prose h2{margin:50px 0 14px;color:var(--text);font-size:30px}.prose p,.prose li{color:var(--body);font-size:17px}.prose code{padding:2px 6px;overflow-wrap:anywhere;color:var(--accent);background:var(--accent-soft);border-radius:3px}.prose blockquote{margin:38px 0;padding:5px 0 5px 22px;color:var(--text);font-size:24px;border-left:3px solid var(--coral)}.project-article{width:min(920px,calc(100vw - 48px));padding-top:76px}.project-article h2{margin-top:76px;font-family:var(--display);font-size:38px;font-weight:600;line-height:1.12}.project-article h3{margin:42px 0 12px;color:var(--text);font-size:21px;line-height:1.3}.project-article ul,.project-article ol{margin:22px 0 32px;padding-left:24px}.project-article li+li{margin-top:9px}.project-article a{color:var(--text);border-bottom:1px solid var(--accent)}.project-article table{width:100%;min-width:680px;border-collapse:collapse}.project-article th,.project-article td{padding:16px 18px;text-align:left;vertical-align:top;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.project-article th:last-child,.project-article td:last-child{border-right:0}.project-article tbody tr:last-child td{border-bottom:0}.project-article th{color:var(--accent);background:var(--surface);font-family:var(--mono);font-size:10px;font-weight:720;text-transform:uppercase}.project-article td{color:var(--body);font-size:14px;line-height:1.6}.content-end{grid-column:2;min-width:0;padding:0 0 128px}.content-adjacent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.content-adjacent-link{min-width:0;min-height:132px;padding:22px 18px;display:flex;align-items:center;gap:14px;color:var(--body);transition:color .16s ease,background .16s ease}.content-adjacent-link.next{grid-column:2;justify-content:flex-end;text-align:right;border-left:1px solid var(--line)}.content-adjacent-link>svg{flex:0 0 auto;color:var(--muted);transition:color .16s ease,transform .16s ease}.content-adjacent-link span{min-width:0;display:grid;gap:8px}.content-adjacent-link small{color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase}.content-adjacent-link strong{overflow-wrap:anywhere;color:var(--text);font-size:14px;line-height:1.45}.content-adjacent-link:hover,.content-adjacent-link:focus-visible{color:var(--accent);background:#2738314d}.content-adjacent-link:hover strong,.content-adjacent-link:focus-visible strong,.content-adjacent-link:hover>svg,.content-adjacent-link:focus-visible>svg{color:var(--accent)}.content-adjacent-link.previous:hover>svg,.content-adjacent-link.previous:focus-visible>svg{transform:translate(-4px)}.content-adjacent-link.next:hover>svg,.content-adjacent-link.next:focus-visible>svg{transform:translate(4px)}.content-adjacent-link:focus-visible{outline:1px solid var(--focus-ring);outline-offset:3px}.related-content{margin-top:66px}.related-content-label{margin:0 0 16px;color:var(--accent);font-family:var(--mono);font-size:10px;font-weight:720;text-transform:uppercase}.related-content ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.related-content li{border-bottom:1px solid var(--line)}.related-content a{min-height:86px;padding:17px 4px;display:grid;grid-template-columns:42px minmax(0,1fr) 30px;gap:15px;align-items:center}.related-index{color:var(--coral);font-family:var(--mono);font-size:10px}.related-copy{min-width:0;display:grid;gap:5px}.related-copy strong{overflow-wrap:anywhere;color:var(--text);font-size:15px;line-height:1.4}.related-copy small{color:var(--muted);font-family:var(--mono);font-size:9px;text-transform:uppercase}.related-content a>svg{color:var(--muted);transition:color .16s ease,transform .16s ease}.related-content a:hover strong,.related-content a:focus-visible strong,.related-content a:hover>svg,.related-content a:focus-visible>svg{color:var(--accent)}.related-content a:hover>svg,.related-content a:focus-visible>svg{transform:translate(3px,-3px)}.related-content a:focus-visible{outline:1px solid var(--focus-ring);outline-offset:3px}.tag-hero,.search-hero{padding:92px 0 64px;border-bottom:1px solid var(--line)}.tag-hero .project-back-link{margin-bottom:58px}.tag-hero h1,.search-hero h1{margin:0;overflow-wrap:anywhere;color:var(--text);font-family:var(--display);font-size:clamp(58px,8vw,102px);font-weight:610;line-height:.95}.tag-hero>p:last-child{max-width:650px;margin:24px 0 0 auto;color:var(--body);font-size:16px}.tag-directory{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none}.tag-directory li{min-width:0}.tag-directory a{min-height:96px;padding:20px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;border-radius:6px;transition:background .16s ease}.tag-directory-name{overflow-wrap:anywhere;color:var(--text);font-size:19px;font-weight:650}.tag-directory-count{grid-column:1;color:var(--muted);font-family:var(--mono);font-size:9px;text-transform:uppercase}.tag-directory svg{grid-column:2;grid-row:1 / span 2;color:var(--muted);transition:color .16s ease,transform .16s ease}.tag-directory a:hover,.tag-directory a:focus-visible{background:var(--surface)}.tag-directory a:hover .tag-directory-name,.tag-directory a:focus-visible .tag-directory-name,.tag-directory a:hover svg,.tag-directory a:focus-visible svg{color:var(--accent)}.tag-directory a:hover svg,.tag-directory a:focus-visible svg{transform:translate(3px,-3px)}.tag-directory a:focus-visible{outline:1px solid var(--focus-ring);outline-offset:3px}.tag-results{padding:58px 0 112px}.tag-result-row{display:grid;grid-template-columns:130px minmax(0,1fr) 44px;gap:34px;padding:32px 0 35px;border-bottom:1px solid var(--line)}.tag-result-row:first-child{border-top:1px solid var(--line)}.tag-result-meta{display:grid;align-content:start;gap:7px;color:var(--muted);font-family:var(--mono);font-size:9px;text-transform:uppercase}.tag-result-meta span{color:var(--coral)}.tag-result-copy h2{margin:0;color:var(--text);font-size:clamp(24px,3vw,34px);line-height:1.16}.tag-result-copy h2 a:hover,.tag-result-copy h2 a:focus-visible{color:var(--accent)}.tag-result-copy>p{max-width:720px;margin:12px 0 0;color:var(--body);font-size:14px}.tag-result-copy .tag-row{margin-top:17px}.tag-result-arrow{width:44px;height:44px;display:grid;place-items:center;color:var(--muted);border-radius:4px}.tag-result-row:hover .tag-result-arrow,.tag-result-arrow:focus-visible{color:var(--accent);background:var(--accent-soft)}.tag-result-arrow:focus-visible{outline:1px solid var(--focus-ring)}.search-section{min-height:52vh;padding:54px 0 120px}body:has(.site-search-dialog[open]){overflow:hidden}.site-search-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;color:var(--body);background:transparent;border:0}.site-search-dialog::backdrop{opacity:0;background:#050a08b3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .22s ease}.site-search-dialog[data-state=open]::backdrop{opacity:1}.site-search-dialog[data-state=closing]::backdrop{opacity:0}.site-search-sheet{width:100%;max-height:min(80dvh,770px);overflow:auto;overscroll-behavior:contain;padding:34px max(24px,calc((100vw - 1120px)/2)) 28px;opacity:0;color:var(--body);background:linear-gradient(90deg,rgba(255,123,104,.035),transparent 38%),var(--surface-raised);border-bottom:1px solid rgba(185,255,67,.2);box-shadow:0 28px 72px #00000057;transform:translateY(-34px);transition:opacity .22s ease,transform .52s cubic-bezier(.16,.82,.24,1)}.site-search-dialog[data-state=open] .site-search-sheet{opacity:1;transform:translateY(0)}.site-search-dialog[data-state=closing] .site-search-sheet{opacity:0;transform:translateY(-24px);transition-duration:.18s}.site-search-sheet-inner{width:min(900px,100%);margin-inline:auto}.site-search-dialog-header{margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.site-search-dialog-header p{margin:0 0 3px;color:var(--coral);font-family:var(--mono);font-size:9px;font-weight:720}.site-search-dialog-header h2{margin:0;color:var(--text);font-family:var(--display);font-size:31px;font-weight:610;line-height:1.05}.site-search-close,.site-search-clear{width:44px;height:44px;padding:0;display:grid;place-items:center;color:var(--body);background:transparent;border:1px solid var(--line);border-radius:50%;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.site-search-close:hover,.site-search-close:focus-visible,.site-search-clear:hover,.site-search-clear:focus-visible{color:var(--accent);background:var(--accent-soft);border-color:#b9ff4347;transform:rotate(4deg)}.site-search-close:focus-visible,.site-search-clear:focus-visible{outline:1px solid var(--focus-ring);outline-offset:3px}.site-search-interface{width:100%;max-width:900px}.site-search-input-row{min-height:74px;display:grid;grid-template-columns:34px minmax(0,1fr) 44px;gap:14px;align-items:center;color:var(--muted);border-bottom:2px solid var(--line);transition:color .18s ease,border-color .18s ease}.site-search-input-row:focus-within{color:var(--accent);border-color:var(--accent)}.site-search-input-row input{width:100%;min-width:0;height:72px;padding:0;color:var(--text);caret-color:var(--accent);background:transparent;border:0;outline:0;font-family:var(--display);font-size:25px;font-weight:520;letter-spacing:0;-webkit-appearance:none;appearance:none}.site-search-input-row input::placeholder{color:var(--muted);opacity:.72}.site-search-input-row input::-webkit-search-cancel-button{display:none}.site-search-clear{align-self:center}.site-search-summary-row{min-height:42px;display:flex;align-items:center;gap:14px}.site-search-summary-row p{flex:0 0 auto;margin:0;color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:680;text-transform:uppercase}.site-search-summary-row>span{height:1px;flex:1 1 auto;background:var(--line)}.site-search-results{margin:0;padding:0;list-style:none}.site-search-dialog .site-search-results{max-height:min(calc(80dvh - 190px),560px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.site-search-result{border-bottom:1px solid var(--line)}.site-search-result:first-child{border-top:1px solid var(--line)}.site-search-result-link{min-height:116px;padding:19px 10px;display:grid;grid-template-columns:88px minmax(0,1fr) 34px;gap:22px;align-items:start;transition:color .16s ease,background .16s ease,padding .18s ease}.site-search-result-link[data-active=true],.site-search-result-link:hover,.site-search-result-link:focus-visible{padding-inline:16px 8px;background:var(--accent-soft)}.site-search-result-link:focus-visible{outline:1px solid var(--focus-ring);outline-offset:-1px}.site-search-result-meta{padding-top:2px;display:grid;gap:5px;color:var(--muted);font-family:var(--mono);font-size:9px;line-height:1.45;text-transform:uppercase}.site-search-result-meta span{color:var(--coral);font-weight:720}.site-search-result-copy{min-width:0}.site-search-result-copy h3{margin:0;overflow-wrap:anywhere;color:var(--text);font-family:var(--display);font-size:21px;font-weight:610;line-height:1.2}.site-search-result-copy p{margin:7px 0 0;display:-webkit-box;overflow:hidden;color:var(--body);font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.site-search-result-copy mark{padding:0 2px;color:var(--bg-deep);background:var(--accent);border-radius:2px}.site-search-result-tags{margin-top:11px;display:flex;flex-wrap:wrap;gap:6px}.site-search-result-tags span{padding:2px 7px;color:var(--muted);background:#a7c9b80e;border:1px solid var(--line);border-radius:3px;font-family:var(--mono);font-size:8px;line-height:1.5}.site-search-result-arrow{width:34px;height:34px;display:grid;place-items:center;color:var(--muted);font-size:18px;transition:color .16s ease,transform .18s ease}.site-search-result-link[data-active=true] .site-search-result-arrow,.site-search-result-link:hover .site-search-result-arrow,.site-search-result-link:focus-visible .site-search-result-arrow{color:var(--accent);transform:translate(3px,-3px)}.site-search-empty{min-height:110px;margin:0;padding:34px 10px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.standalone-body{background:var(--bg)}.timeline-page{--timeline-bg: var(--bg);--timeline-heading: var(--text);--timeline-text: var(--muted);--timeline-strong: var(--text);--timeline-accent: var(--accent);--timeline-line: var(--line);--timeline-tag: var(--accent-soft);min-height:100vh;color:var(--timeline-text);background:var(--timeline-bg);font-family:var(--sans)}.timeline-shell{width:min(1600px,calc(100vw - 96px));margin-inline:auto;padding:64px 0 88px}.timeline-back{min-height:36px;display:inline-flex;align-items:center;gap:9px;color:var(--timeline-accent);font-size:16px;font-weight:700;line-height:1;transition:color .16s ease,transform .16s ease}.timeline-back:hover{color:var(--timeline-strong);transform:translate(-3px)}.timeline-back:focus-visible{outline:2px solid var(--timeline-accent);outline-offset:4px}.timeline-heading h1{margin:8px 0 0;color:var(--timeline-heading);font-size:48px;font-weight:740;line-height:1.05}.timeline-ledger{margin-top:56px}.timeline-table{width:100%;border-collapse:collapse;table-layout:fixed}.timeline-col-period{width:11%}.timeline-col-entry{width:31%}.timeline-col-kind{width:18%}.timeline-col-details{width:40%}.timeline-table th{padding:0 18px 17px;color:var(--timeline-strong);border-bottom:1px solid var(--timeline-line);font-size:13px;font-weight:700;text-align:left}.timeline-table th:first-child,.timeline-table td:first-child{padding-left:0}.timeline-table th:last-child,.timeline-table td:last-child{padding-right:0}.timeline-table td{padding:25px 18px 27px;vertical-align:top;border-bottom:1px solid var(--timeline-line)}.timeline-period,.timeline-details{color:var(--timeline-text);font-size:14px;line-height:1.6}.timeline-entry strong{color:var(--timeline-strong);font-size:17px;font-weight:700;line-height:1.4}.timeline-kind span,.timeline-mobile-kind{display:inline-flex;align-items:center;padding:5px 12px 6px;color:var(--timeline-accent);background:var(--timeline-tag);border-radius:999px;font-size:12px;font-weight:650;line-height:1.35}.timeline-mobile-meta{display:none}.site-footer{border-top:1px solid var(--line);background:var(--bg-deep)}.footer-inner{width:var(--shell);min-height:250px;margin-inline:auto;padding:52px 0 30px;display:grid;grid-template-columns:1fr auto;gap:34px;align-content:space-between}.footer-mark{margin:0;color:var(--text);font-size:38px;font-weight:700}.footer-mark span{color:var(--accent)}.footer-note,.footer-meta{color:var(--muted);font-size:11px}.footer-links{display:flex;gap:8px;font-size:12px}.footer-links a{min-height:44px;padding:8px 10px;display:inline-flex;align-items:center;gap:7px}.footer-links svg{flex:0 0 auto}.footer-links a:hover,.footer-links a:focus-visible{color:var(--accent)}.footer-meta{grid-column:1 / -1;margin:0}.reveal{animation:reveal-up .65s cubic-bezier(.2,.75,.2,1) both}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes signal-pulse{0%{box-shadow:0 0 #ff7b6859}65%,to{box-shadow:0 0 0 8px #ff7b6800}}@media(min-width:1024px){.content-reading-layout .content-article p>img{width:100%;max-width:100%;margin-inline:0;transform:none}.mobile-section-title{position:static;width:auto;height:auto;margin-bottom:38px;display:flex;align-items:center;gap:14px;overflow:visible;clip:auto;white-space:normal;color:var(--muted)}.mobile-section-title:before,.mobile-section-title:after{content:"";height:1px;flex:1 1 auto;background:var(--line)}.about-section>.mobile-section-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.about-section>.mobile-section-title:before,.about-section>.mobile-section-title:after{content:none}}@media(max-width:1023px){.projects-masthead{padding:48px 0 32px}.projects-masthead h1{font-size:40px}.projects-masthead-deck{margin-top:12px}.project-entry{grid-template-columns:220px minmax(0,1fr) 24px;gap:22px;padding:26px 0}.project-entry-copy h2{font-size:26px}.portfolio-page:before{display:none}.portfolio-page:after{opacity:.2;background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}.portfolio-shell{width:min(760px,calc(100vw - 96px));display:block}.profile-panel{position:relative;height:auto;padding:74px 0 48px}.profile-panel h1{font-size:52px}.section-nav{display:none}.profile-socials{margin-top:44px}.portfolio-content{padding:0 0 60px}.hero{min-height:0;padding:0 0 72px}.hero-visual{width:min(100%,620px);height:clamp(470px,78vw,600px)}.hero-signal{top:-2%;width:calc(100% + 42px);height:74%}.hero-character{width:min(96%,570px);bottom:0}.hero-scroll{display:none}.portfolio-section{padding-bottom:88px}.mobile-section-title{position:sticky;top:0;z-index:20;margin:0 -48px 34px;padding:17px 48px;color:var(--text);background:var(--surface-glass-strong);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.row-group:has(.focus-row:hover) .focus-row:not(:hover){opacity:1}.content-hero-grid{display:block}.content-cover{width:min(620px,100%);margin-top:34px;aspect-ratio:16 / 9}.content-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.content-facts div:nth-child(3){padding-left:0;border-left:0}.content-facts div:nth-child(n+3){margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.content-reading-layout{width:auto;display:block}.note-reading-layout .note-article{width:min(860px,calc(100vw - 48px));margin-inline:auto}.project-reading-layout .project-article,.content-end{width:min(920px,calc(100vw - 48px));margin-inline:auto}.content-toc{display:none}.content-toc-mobile{width:min(920px,calc(100vw - 48px));margin:64px auto 0;display:block;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.content-toc-mobile summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none}.content-toc-mobile summary::-webkit-details-marker{display:none}.content-toc-mobile summary:focus-visible{outline:1px solid var(--focus-ring);outline-offset:3px}.content-toc-chevron{flex:0 0 auto;color:var(--muted);transition:transform .18s ease,color .18s ease}.content-toc-mobile[open] .content-toc-chevron{color:var(--accent);transform:rotate(180deg)}.content-toc-mobile-viewport{max-height:min(56vh,460px);padding:0 0 18px;overflow-y:auto}.content-toc-mobile .content-toc-list{columns:2;column-gap:42px}.content-toc-mobile .content-toc-list li{break-inside:avoid}.timeline-shell{width:min(900px,calc(100vw - 64px));padding-top:52px}.timeline-ledger{margin-top:48px}.timeline-col-period{width:12%}.timeline-col-entry{width:34%}.timeline-col-kind{width:18%}.timeline-col-details{width:36%}}@media(max-width:680px){:root{--shell: calc(100vw - 32px) }.projects-masthead{padding:36px 0 26px}.projects-masthead h1{font-size:34px;line-height:1.1}.projects-masthead-deck{font-size:15px;line-height:1.68}.projects-index{padding-bottom:82px}.project-entry{grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"media media" "copy arrow";gap:17px 12px;padding:24px 0 30px}.project-entry-media{grid-area:media}.project-entry-copy{grid-area:copy}.project-entry-copy h2{font-size:25px;line-height:1.18}.project-entry-description{font-size:14px;line-height:1.65}.project-entry-details{margin-top:10px}.project-entry-arrow{grid-area:arrow;align-self:center}.portfolio-shell{width:calc(100vw - 48px)}.profile-panel{padding:48px 0 38px}.profile-avatar{width:96px;height:96px;margin-bottom:24px}.profile-panel h1{font-size:42px}.profile-panel h2{font-size:19px}.hero{padding-bottom:24px}.hero-visual{width:calc(100% + 24px);height:clamp(320px,84vw,350px)}.hero-signal{top:-3%;width:112%;height:76%}.hero-character{width:96%;bottom:0}.hero-spark-one{top:12%;right:1%}.hero-spark-two{top:38%;left:2%}.hero-spark-three{right:2%;bottom:21%}.portfolio-section{padding-bottom:66px}.mobile-section-title{margin-inline:-24px;padding-inline:24px}.experience-row,.project-compact-row{grid-template-columns:1fr;gap:14px}.focus-row{margin-inline:-12px;padding:20px 12px}.focus-row:before{display:none}.focus-row:hover{background:transparent;border-color:transparent;box-shadow:none;transform:none}.project-compact-row .project-thumb{order:2;width:100%;max-width:320px}.writing-row{grid-template-columns:96px minmax(0,1fr);gap:14px}.writing-row .writing-thumb{width:96px}.row-copy h3{font-size:16px}.row-copy>p{font-size:15px}.contact-section h2{font-size:36px}.notes-page .page-intro{padding-top:36px}.notes-page .page-intro h1{font-size:34px}.notes-page .page-intro-copy{margin-top:12px;font-size:15px;line-height:1.68}.notes-page .content-section{padding:18px 0 82px}.notes-list{position:relative}.note-year-group,.note-year-months,.note-month-group,.note-month-entries{display:block}.note-year-heading{margin:0 0 22px;display:block;color:var(--text);font-family:var(--display);font-size:28px;font-weight:600;line-height:1}.note-year-months{position:relative;margin-left:5px;padding-left:25px}.note-year-months:before{position:absolute;top:8px;bottom:10px;left:0;width:1px;content:"";background:var(--line)}.note-month-group{position:relative;padding-bottom:28px}.note-month-group:last-child{padding-bottom:0}.note-month-group:before{position:absolute;top:6px;left:-29px;width:9px;height:9px;content:"";background:var(--bg);border:1px solid var(--muted);border-radius:50%;box-shadow:inset 0 0 0 3px var(--bg)}.note-month-heading{margin:0 0 7px;display:flex;align-items:flex-start;gap:5px;color:var(--text);font-family:var(--display);font-size:15px;font-weight:650;line-height:1.2}.note-month-heading small{color:var(--muted);font-family:var(--sans);font-size:9px;font-weight:600}.note-list-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;grid-template-areas:"copy arrow" "meta arrow";gap:7px 10px;padding:13px 0 15px;border-bottom:1px solid var(--line)}.note-list-row:before,.note-list-media,.note-list-copy .tag-row,.note-list-category{display:none}.note-list-row:hover,.note-list-row:focus-within{padding-left:0;background:transparent}.note-list-row:focus-within{outline:none}.note-list-copy{grid-area:copy}.note-list-copy h2{font-size:17px;line-height:1.3}.note-list-copy>p{margin-top:6px;display:-webkit-box;overflow:hidden;color:var(--body);font-size:13px;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-list-meta{grid-area:meta;display:flex;align-items:center;gap:0;color:var(--muted);font-family:var(--sans);font-size:10px;text-transform:none}.note-list-reading{display:inline}.note-list-reading:before{margin:0 7px;content:"·"}.note-list-arrow{grid-area:arrow;width:24px;height:32px;align-self:center;justify-self:end}.content-hero{padding-top:32px}.content-hero .project-back-link{margin-bottom:28px}.content-hero h1{font-size:clamp(29px,8vw,34px);line-height:1.18}.content-deck{margin-top:15px;font-size:15px;line-height:1.7}.content-meta-row{margin-top:17px;font-size:11px}.content-meta-row>time+span:not(.visit-counter):before,.content-meta-row>span:not(.visit-counter)+span:not(.visit-counter):before,.content-meta-row>.visit-counter[data-state=ready]:before{margin-inline:8px}.content-hero-tags{margin-top:14px}.content-cover{margin-top:30px;aspect-ratio:16 / 10}.content-facts{margin-top:20px}.content-facts div{padding-right:10px}.content-facts div+div{padding-left:10px}.content-facts div:nth-child(3){padding-left:0}.content-toc-mobile{width:calc(100vw - 32px);margin-top:42px}.content-toc-mobile .content-toc-list{columns:1}.content-toc-mobile-viewport{max-height:52vh}.content-end{width:calc(100vw - 32px);padding-bottom:92px}.content-adjacent{grid-template-columns:1fr}.content-adjacent-link{min-height:112px;padding-inline:10px}.content-adjacent-link.next{grid-column:1;border-top:1px solid var(--line);border-left:0}.related-content{margin-top:48px}.related-content a{grid-template-columns:32px minmax(0,1fr) 24px;gap:10px}.content-article{width:calc(100vw - 32px);padding:56px 0 92px}.note-reading-layout .note-article,.project-reading-layout .project-article{width:calc(100vw - 32px)}.content-article>p:first-child{font-size:18px}.content-article h2{margin-top:56px;font-size:31px}.content-article h3{font-size:19px}.content-article p,.content-article li{font-size:15px}.content-article blockquote{margin:32px 0;padding-left:18px}.content-article blockquote p{font-size:21px}.content-article p>img{width:calc(100vw - 32px)}.heading-anchor{width:44px;height:44px;margin-left:2px;opacity:.72}.back-to-top{right:16px;bottom:16px}.article-toast{bottom:18px;max-width:calc(100vw - 32px);white-space:nowrap}.image-lightbox{padding:58px 12px 22px}.image-lightbox figure{min-height:calc(100dvh - 80px)}.image-lightbox img{max-height:calc(100dvh - 130px)}.lightbox-close{top:8px;right:8px}.tag,.pill-list .pill-link{min-height:44px;padding-block:9px}.tag-hero,.search-hero{padding:64px 0 46px}.tag-hero .project-back-link{margin-bottom:42px}.tag-hero h1,.search-hero h1{font-size:58px}.tag-hero>p:last-child{margin-left:0;font-size:15px}.tag-directory{grid-template-columns:1fr}.tag-directory a{min-height:94px;padding-inline:16px}.tag-results{padding:42px 0 78px}.tag-result-row{grid-template-columns:minmax(0,1fr) 44px;gap:14px;padding:26px 0 29px}.tag-result-meta{grid-column:1 / -1;display:flex;gap:13px}.tag-result-arrow{grid-column:2;grid-row:2}.search-section{padding:38px 0 82px}.site-search-sheet{min-height:100dvh;max-height:100dvh;padding:20px 20px 24px}.site-search-dialog-header{margin-bottom:10px;align-items:center}.site-search-dialog-header p{display:none}.site-search-dialog-header h2{font-size:26px}.site-search-input-row{min-height:64px;grid-template-columns:27px minmax(0,1fr) 44px;gap:10px}.site-search-input-row input{height:62px;font-size:19px}.site-search-dialog .site-search-results{max-height:calc(100dvh - 174px)}.site-search-result-link{min-height:0;padding:17px 4px;grid-template-columns:minmax(0,1fr) 28px;gap:9px 14px}.site-search-result-link[data-active=true],.site-search-result-link:hover,.site-search-result-link:focus-visible{padding-inline:10px 4px}.site-search-result-meta{grid-column:1;display:flex;align-items:center;gap:10px}.site-search-result-copy{grid-column:1}.site-search-result-copy h3{font-size:19px}.site-search-result-copy p{font-size:12px}.site-search-result-tags span:nth-child(n+3){display:none}.site-search-result-arrow{grid-column:2;grid-row:1 / span 2;align-self:center;width:28px}.content-article.project-article table{width:100%;min-width:0;max-width:100%;display:table;table-layout:auto}.content-article thead,.content-article tbody{width:auto;min-width:0;display:table-row-group;table-layout:auto}.content-article thead{display:table-header-group}.content-article th,.content-article td{padding:11px 9px;overflow-wrap:anywhere}.about-section{padding:24px 0 72px}.about-heading{margin-bottom:42px;font-size:42px;line-height:1.05}.about-section>p{margin-bottom:25px;font-size:17px;line-height:1.7}.timeline-shell{width:calc(100vw - 32px);padding:24px 0 48px}.timeline-back{min-height:32px;font-size:14px}.timeline-heading h1{margin-top:8px;font-size:38px}.timeline-ledger{margin-top:36px}.timeline-table{table-layout:auto}.timeline-col-period{width:76px}.timeline-col-entry{width:auto}.timeline-col-kind,.timeline-col-details,.timeline-table th:nth-child(3),.timeline-table th:nth-child(4),.timeline-kind,.timeline-details{display:none}.timeline-table th{padding:0 8px 14px;font-size:11px}.timeline-table td{padding:22px 8px 24px}.timeline-table th:first-child,.timeline-table td:first-child{padding-left:0}.timeline-period{font-size:11px}.timeline-entry strong{font-size:16px}.timeline-mobile-meta{margin-top:10px;display:grid;gap:9px}.timeline-mobile-kind{width:max-content;padding:4px 8px 5px;font-size:10px}.timeline-mobile-meta p{margin:0;color:var(--timeline-text);font-size:11px;line-height:1.55}.desktop-nav{display:none}.header-actions{display:flex}.menu-button{width:44px;height:44px;padding:0;display:grid;place-items:center;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:4px}.menu-close-icon,.menu-visible .menu-open-icon{display:none}.menu-visible .menu-close-icon{display:block}.menu-visible .mobile-nav{width:var(--shell);margin-inline:auto;padding:8px 0 20px;display:block}.mobile-nav-link{min-height:48px;display:flex;align-items:center;padding:10px 0;color:var(--text);border-bottom:1px solid var(--line)}.page-intro{padding:48px 0 0}.page-intro-copy{margin-left:0;font-size:15px}.content-section{padding:36px 0 78px}.project-back-link{margin-bottom:42px}.project-article{width:calc(100vw - 32px);padding:56px 0 88px}.project-article h2{margin-top:58px;font-size:31px}.project-article h3{margin-top:36px;font-size:19px}.project-article p,.project-article li{font-size:16px}.project-article blockquote{margin-block:30px;font-size:20px}.footer-inner{min-height:320px;grid-template-columns:1fr;align-content:start}.footer-meta{margin-top:auto}.footer-links{flex-wrap:wrap}}@media(max-width:680px)and (max-height:700px){.profile-panel{padding:24px 0 18px}.profile-avatar{width:72px;height:72px;margin-bottom:14px}.profile-panel h1{font-size:36px}.profile-panel h2{margin-top:7px;font-size:15px}.profile-panel>.profile-top>p{margin-top:10px;font-size:14px}.profile-socials{margin-top:20px}.hero{padding-bottom:8px}.hero-visual{height:210px}.hero-signal{top:-5%;width:90%;height:78%}.hero-character{width:70%}.hero-spark-one{top:5%;right:11%}.hero-spark-two,.hero-spark-three{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-toggle[data-astro-cid-x3pjskd3]{width:44px;height:44px;padding:0;display:grid;place-items:center;color:var(--body);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.theme-toggle[data-astro-cid-x3pjskd3]:hover,.theme-toggle[data-astro-cid-x3pjskd3]:focus-visible{color:var(--accent);background:var(--accent-soft);border-color:var(--line)}.theme-toggle[data-astro-cid-x3pjskd3]:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.theme-icon[data-astro-cid-x3pjskd3]{grid-area:1 / 1;transition:opacity .2s ease,transform .22s ease}.theme-icon-moon[data-astro-cid-x3pjskd3]{opacity:0;transform:rotate(-70deg) scale(.6)}:root[data-theme=light] .theme-icon-sun[data-astro-cid-x3pjskd3]{opacity:0;transform:rotate(70deg) scale(.6)}:root[data-theme=light] .theme-icon-moon[data-astro-cid-x3pjskd3]{opacity:1;transform:rotate(0) scale(1)}@media(prefers-color-scheme:light){:root:not([data-theme]) .theme-icon-sun[data-astro-cid-x3pjskd3]{opacity:0;transform:rotate(70deg) scale(.6)}:root:not([data-theme]) .theme-icon-moon[data-astro-cid-x3pjskd3]{opacity:1;transform:rotate(0) scale(1)}}