@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#f7f7f5;--paper:#fff;--text:#242422;--muted:#6d6d68;--line:#deded8;--accent:#ef6b35;--soft:#efefea;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#ef6b3540}img{max-width:100%;height:auto;display:block}.wrap{max-width:1152px;margin:0 auto;padding:0 28px}.serif{font-family:var(--serif);font-weight:400;font-style:italic}.header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:35px;font-weight:700;letter-spacing:-3px;line-height:1}.brand span{color:var(--accent)}.nav-links{display:flex;gap:34px;font-size:13px}.nav-links a:hover,.text-link:hover,.back-top:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:24px}.theme{width:32px;height:32px;border:0;background:transparent;display:grid;place-items:center}.nav-contact{font-size:12px;font-weight:600}.nav-contact span{margin-left:12px}.hero{overflow:clip;display:grid;grid-template-columns:1.15fr 1fr;gap:30px;min-height:646px;align-items:center;padding-top:54px;padding-bottom:65px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;margin:0 0 25px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.eyebrow-divider{color:#b7b7b1;margin:0 5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(62px,6.1vw,82px);line-height:1.025;font-weight:550;letter-spacing:-4.5px;margin-bottom:26px}h1 .serif{color:var(--accent);letter-spacing:-2px}.hero-description{font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:7px;padding:13px 20px;font-size:12px;font-weight:550;border:0;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{color:var(--bg);background:var(--text)}.text-link{font-size:12px;font-weight:550;transition:color .2s}.hero-footnote{font-size:10px;color:var(--muted);margin-top:42px;letter-spacing:.3px;display:flex;align-items:center;gap:10px}.tiny-cross{font-size:19px;color:var(--accent)}.portrait-stage{height:455px;position:relative;display:grid;place-items:center;isolation:isolate}.portrait-disc{position:absolute;width:345px;height:345px;top:65px;border-radius:50%;background:linear-gradient(150deg,#f6e8d7,#ecd5b6);z-index:-1}.avatar{position:absolute;width:415px;max-width:none;top:10px;filter:drop-shadow(0 18px 14px #825c3220)}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute;z-index:-2}.orbit-one{width:425px;height:425px}.orbit-two{width:480px;height:480px;opacity:.35}.coordinate{font:9px ui-monospace,SFMono-Regular,monospace;color:var(--muted);letter-spacing:1px;position:absolute}.coordinate.top{top:0;right:15px}.coordinate.bottom{bottom:0;left:20px;font-size:8px}.portrait-tag{position:absolute;bottom:60px;right:-2px;background:var(--paper);padding:12px 17px;border:1px solid var(--line);border-radius:7px;box-shadow:0 5px 20px #00000006;font:9px ui-monospace,monospace;letter-spacing:1px;transform:rotate(-5deg)}.portrait-tag>span{font-size:17px;margin-right:9px;color:var(--accent)}.stage-spark{position:absolute;left:4px;top:71px;font-size:35px;color:var(--accent)}.capabilities{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:21px;padding-bottom:21px;display:flex;justify-content:space-between;align-items:center;gap:25px}.capabilities>span{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.capabilities>div{display:flex;gap:23px;align-items:center;font-size:11px}.capabilities b{color:#b7b7b1;font-weight:400}.section{padding-top:96px;padding-bottom:96px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:18px}h2{font-size:43px;font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin-bottom:0}.all-github{padding-bottom:5px;white-space:nowrap}.filter-bar{display:flex;gap:6px;align-items:center;margin:0 0 27px}.filter{border:1px solid transparent;background:transparent;border-radius:6px;padding:8px 13px;font-size:10px;color:var(--muted)}.filter.active{background:var(--paper);border-color:var(--line);color:var(--text)}.filter:hover{color:var(--accent)}.filter span{font-size:9px;color:var(--muted);margin-left:5px}.filter-note{margin-left:auto;font:10px var(--serif);font-size:16px;font-style:italic;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.project-card{background:var(--paper);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #00000007}.project-open{padding:0;background:none;border:0;width:100%;text-align:left;display:block}.project-visual{height:286px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-label{position:absolute;top:23px;left:25px;font:8px ui-monospace,monospace;letter-spacing:1.5px;z-index:2}.visual-pill{position:absolute;bottom:19px;left:25px;font-size:8px;color:#5c6667;padding:4px 8px;background:#ffffff9c;backdrop-filter:blur(10px);border-radius:4px;z-index:2}.hush-visual{background:#e4e9e7}.hush-visual>img{width:79%;margin-top:57px;border-radius:8px;box-shadow:0 16px 25px #24352f25;transform:rotate(-3deg);transition:transform .4s}.project-card:hover .hush-visual>img{transform:rotate(-1deg) scale(1.02)}.coffee-visual{background:#f0e5d8}.coffee-art{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;height:100%;padding-top:20px}.coffee-icon{width:110px;transform:rotate(-12deg);filter:drop-shadow(0 10px 14px #77614e20)}.coffee-panel{width:178px;max-height:216px;object-fit:contain;transform:rotate(4deg);filter:drop-shadow(0 12px 14px #77614e28)}.minio-visual{background:#e5e8ef}.mini-window{width:82%;height:199px;border-radius:8px;background:#fff;box-shadow:0 15px 25px #39475725;transform:rotate(-3deg);color:#323945;margin-top:28px;overflow:hidden;font-size:8px}.window-top{height:25px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #eef0f4;padding:0 10px}.window-top i{width:6px;height:6px;border-radius:50%;background:#ef8c84}.window-top i:nth-child(2){background:#edc367}.window-top i:nth-child(3){background:#8bc796}.window-top>span{margin:auto;transform:translateX(-18px);font-size:7px;color:#727c88}.window-content{display:flex;height:174px}.window-sidebar{width:102px;border-right:1px solid #eceff4;display:flex;flex-direction:column;padding:14px 9px;gap:10px;background:#f7f8fb}.window-sidebar>b{font-size:21px;letter-spacing:-2px;margin:0 0 3px 6px;line-height:1}.window-sidebar>b>span{color:#db526a}.window-sidebar>span{font-size:7px;padding:4px 6px}.window-sidebar .selected{background:#e6eaf4;border-radius:4px}.window-main{flex:1;padding:14px}.server-heading{font-size:10px;font-weight:600;display:flex;justify-content:space-between}.server-heading>span{font-size:6px;color:#3d8d6a;padding-top:3px}.storage-icon{font-size:30px;color:#637596;line-height:1.3}.storage-line{height:4px;background:linear-gradient(to right,#697fab 65%,#eef0f6 65%);border-radius:3px;margin:4px 0 11px}.object-row{display:flex;justify-content:space-between;border-top:1px solid #eef0f4;padding:5px 0;font-size:7px}.object-row span:last-child{color:#8c95a2;font-size:6px}.track-visual{background:#e8e5ec}.track-visual>img{width:85%;margin-top:52px;border-radius:7px;box-shadow:0 15px 25px #46385925;transform:rotate(3deg)}.project-copy{padding:24px 25px 23px}.project-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-title h3{font-size:20px;letter-spacing:-.6px;font-weight:550;margin:0}.round-arrow{width:28px;height:28px;background:var(--bg);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:13px;transition:background .2s}.project-card:hover .round-arrow{background:var(--accent);color:white;border-color:var(--accent)}.project-copy>p{color:var(--muted);font-size:11px;margin-bottom:18px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags>span{font-size:8px;border:1px solid var(--line);color:var(--muted);padding:3px 7px;border-radius:4px}.compact-card .project-open{display:flex;align-items:flex-start;padding:25px;gap:18px}.compact-card .project-copy{padding:0;flex:1}.compact-card .project-title h3{font-size:17px}.compact-card .project-copy p{max-width:310px;line-height:1.6}.compact-icon{width:44px;height:44px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;font-size:32px;line-height:1}.cube-icon{background:#edf0f6;color:#667892}.climate-icon{background:#e6eeea;color:#628d7b}.project-source{font-size:9px;color:var(--muted);text-align:center;margin:24px 0 0}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.about-intro h2{font-size:40px;margin-bottom:27px}.about-intro>p:not(.eyebrow){font-size:13px;line-height:1.85;color:var(--muted)}.about-intro>.text-link{display:inline-block;margin-top:8px}.principles{display:flex;flex-direction:column;gap:26px;padding-top:3px}.principles>div{display:flex;gap:23px;padding-bottom:24px;border-bottom:1px solid var(--line)}.principles>div:last-child{border:0;padding-bottom:0}.principle-number{font:9px ui-monospace,monospace;color:var(--accent);padding-top:6px}.principles h3{font-size:19px;font-weight:500;line-height:1.45;letter-spacing:-.4px;margin-bottom:10px}.principles p{font-size:11px;line-height:1.8;color:var(--muted);margin:0;max-width:310px}.career .section-heading{margin-bottom:38px}.career-aside{color:var(--muted);font-size:12px;max-width:265px;line-height:1.85;margin-bottom:4px}.career-row{display:grid;grid-template-columns:170px 1fr 230px 120px;align-items:center;border-top:1px solid var(--line);padding:26px 0;gap:15px}.career-row:last-child{border-bottom:1px solid var(--line)}.career-label{font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.career-row h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:0}.career-row>span:not(.career-label){font-size:11px;color:var(--muted)}.career-row a{font-size:10px;text-align:right}.career-row a:hover{color:var(--accent)}.contact{border-top:1px solid var(--line);padding-top:71px;padding-bottom:75px}.contact h2{font-size:64px;line-height:1.07;letter-spacing:-2.8px;position:relative}.contact h2 .serif{color:var(--accent)}.orange-dot{position:absolute;right:35px;top:14px;font-size:75px;color:var(--accent)}.contact-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:33px;gap:25px}.contact-bottom>p{color:var(--muted);font-size:12px;line-height:1.85;margin:0}.contact-links{display:flex;align-items:center;gap:24px}.footer{border-top:1px solid var(--line);height:103px;display:flex;align-items:center;gap:27px;font-size:9px;color:var(--muted)}.footer .brand{font-size:27px;color:var(--text);letter-spacing:-2px}.footer-note{margin-left:auto}.back-top{margin-left:30px}.skip{position:absolute;top:-100px;background:var(--text);color:var(--bg);padding:12px;z-index:99}.skip:focus{top:10px}dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--text);width:min(640px,calc(100% - 32px));max-height:90dvh;padding:45px;box-shadow:0 30px 90px #0003}dialog::backdrop{background:#17171280;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:19px;top:14px;width:34px;height:34px;border:0;border-radius:50%;font-size:25px;background:var(--soft);line-height:1}dialog h2{margin-bottom:15px}#dialog-lead{color:var(--muted);font-size:14px}.detail-sections{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.detail-sections h3{font-size:13px;margin-bottom:6px;font-weight:600}.detail-sections p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:20px}dialog .tags{margin-bottom:23px}body.modal-open{overflow:hidden}[hidden]{display:none!important}body.dark{--bg:#171817;--paper:#222421;--text:#edeee9;--muted:#a3a69c;--line:#383b34;--soft:#1d201c}.dark .portrait-disc{background:linear-gradient(150deg,#47392e,#6b4c34)}.dark .primary{color:#171817}.dark .project-visual{color:#303832}
@media(min-width:1450px){.hero{min-height:720px}.hero h1{font-size:88px}.portrait-stage{transform:scale(1.06)}}
@media(max-width:1000px){.hero{gap:5px;min-height:610px}h1{font-size:65px;letter-spacing:-3.5px}.portrait-stage{transform:scale(.87);transform-origin:center}.hero-description{font-size:14px}.capabilities>div{gap:12px;font-size:10px}.about-grid{gap:50px}.career-row{grid-template-columns:120px 1fr 160px 110px}.contact-links{gap:16px}.contact h2{font-size:57px}.filter-note{display:none}.project-visual{height:255px}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.nav{height:69px}.nav-links{gap:17px;font-size:11px}.nav-links a:last-child{display:none}.nav-actions{gap:11px}.nav-contact{font-size:0}.nav-contact span{font-size:17px;margin:0}.brand{font-size:31px}.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:36px;gap:15px;min-height:0}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:21px}h1{font-size:clamp(58px,12vw,80px);letter-spacing:-3px}.hero-description{font-size:14px;line-height:1.8;margin-bottom:24px}.hero-footnote{margin-top:24px}.portrait-stage{height:372px;width:100%;max-width:440px;justify-self:center;transform:scale(.87);margin-top:-5px;margin-bottom:-14px}.portrait-disc{top:26px}.avatar{top:-27px}.coordinate.top{top:-22px;right:8px}.coordinate.bottom{bottom:-24px}.portrait-tag{bottom:8px}.stage-spark{top:26px}.capabilities{align-items:flex-start;flex-direction:column;gap:12px;padding-top:20px;padding-bottom:20px}.capabilities>div{flex-wrap:wrap;gap:6px 10px;font-size:9px}.capabilities>span{font-size:7px}.section{padding-top:60px;padding-bottom:60px}h2{font-size:35px;letter-spacing:-1.3px}.section-heading{gap:20px}.all-github{font-size:9px;max-width:75px;white-space:normal}.filter{padding:7px 9px;font-size:9px}.filter-bar{gap:3px}.project-grid{grid-template-columns:1fr;gap:22px}.project-visual{height:290px}.hush-visual>img{max-width:370px}.track-visual>img{max-width:390px}.mini-window{max-width:370px}.project-copy>p{font-size:12px}.tags>span{font-size:9px}.compact-card .project-open{padding:23px}.about-grid{grid-template-columns:1fr;gap:40px}.about-intro h2{font-size:35px}.principles{gap:22px}.principles h3{font-size:19px}.principles p{font-size:12px}.career .section-heading{display:block}.career-aside{max-width:100%;margin-top:20px}.career-row{grid-template-columns:1fr auto;gap:8px 20px;padding:22px 0}.career-label{grid-column:1/-1;font-size:7px}.career-row h3{font-size:16px}.career-row>span:not(.career-label){grid-row:3;font-size:10px}.career-row a{grid-column:2;grid-row:2;font-size:9px}.contact h2{font-size:43px;letter-spacing:-1.8px}.orange-dot{font-size:38px;right:3px;top:68px}.contact-bottom{display:block}.contact-links{margin-top:25px;align-items:flex-start;flex-direction:column;gap:20px}.footer{height:110px;flex-wrap:wrap;gap:14px 20px;padding-top:25px;padding-bottom:25px}.footer-note{margin-left:auto;font-size:8px}.back-top{margin-left:0;width:100%;text-align:right;font-size:8px;margin-top:-8px}dialog{padding:37px 25px}.project-source{font-size:8px}.contact .eyebrow{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Vector decoration stays monochrome on platforms that render Unicode as emoji. */
.asterisk-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.12em}
.theme svg{display:block}.theme .icon-sun,.dark .theme .icon-moon{display:none}.dark .theme .icon-sun{display:block}.theme:hover{color:var(--accent)}.nav-links a.active{color:var(--accent)}