@font-face{font-family:"Archive Serif";src:local("Songti SC"),local("STSong");font-display:swap}
:root{--black:#06090d;--black-2:#0a1016;--panel:#0d151d;--paper:#eeeae0;--paper-hi:#f8f5ed;--ink:#111820;--muted:#75818a;--line:rgba(10,18,26,.15);--line-dark:rgba(222,238,236,.14);--cyan:#87f3df;--blue:#6d8cff;--gold:#d2ae72;--serif:Georgia,"Times New Roman","Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono","Microsoft YaHei",monospace;--ease:cubic-bezier(.22,1,.36,1);--shell:min(1240px,calc(100% - 64px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black);color-scheme:dark}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}::selection{background:var(--cyan);color:var(--black)}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 16px;background:#fff;color:#000;transform:translateY(-160%)}.skip-link:focus{transform:none}.no-js .boot,.no-js .cursor,.no-js canvas{display:none}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.48s;animation-timing-function:var(--ease)}
.page-grid{position:fixed;z-index:900;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(25% - .5px),rgba(126,151,161,.07) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(126,151,161,.06) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(126,151,161,.07) 75%,transparent calc(75% + .5px));opacity:.5}.boot{position:fixed;z-index:1000;inset:0;background:#05080b;display:grid;place-content:center;place-items:center;gap:22px;transition:opacity .7s var(--ease),visibility .7s}.boot.is-hidden{opacity:0;visibility:hidden}.boot__core{position:relative;width:98px;height:98px;border:1px solid rgba(135,243,223,.25);border-radius:50%;display:grid;place-items:center;font:22px/1 var(--mono);color:#dffdf7}.boot__core:before,.boot__core:after{content:"";position:absolute;inset:9px;border:1px dashed rgba(135,243,223,.2);border-radius:50%;animation:spin 5s linear infinite}.boot__core:after{inset:-10px;border-style:solid;border-color:transparent var(--cyan);animation-duration:1.5s}.boot__core i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.boot p{margin:0;font:9px/1 var(--mono);letter-spacing:.23em;color:#72898d}@keyframes spin{to{transform:rotate(360deg)}}.scroll-progress{position:fixed;z-index:950;top:0;left:0;width:100%;height:2px}.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));transform:scaleX(0);transform-origin:left}.cursor{position:fixed;z-index:1100;top:0;left:0;border-radius:50%;pointer-events:none;opacity:0;mix-blend-mode:difference}.cursor--dot{width:5px;height:5px;background:#fff}.cursor--ring{width:42px;height:42px;border:1px solid rgba(255,255,255,.7);transition:width .25s,height .25s,opacity .2s}.cursor.is-visible{opacity:1}.cursor--ring.is-active{width:64px;height:64px}
.site-header{position:fixed;z-index:800;top:0;left:0;width:100%;height:88px;padding:0 clamp(20px,4vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#eef8f6;transition:height .4s,background .4s,border-color .4s}.site-header.is-scrolled{height:70px;background:rgba(6,9,13,.78);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);border-bottom:1px solid var(--line-dark)}.brand{justify-self:start;display:flex;align-items:center;gap:12px}.brand__mark{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:12px/1 var(--mono);letter-spacing:-.08em}.brand__text{font:12px/1 var(--mono);letter-spacing:.14em}.brand__text small{display:block;margin-top:6px;font-size:7px;color:#829497;letter-spacing:.18em}.site-nav{display:flex;gap:34px;font:11px/1 var(--sans);letter-spacing:.08em}.site-nav a{position:relative;padding:12px 0;color:#aebdbe}.site-nav a:hover,.site-nav a.is-active{color:#fff}.site-nav a:after{content:"";position:absolute;left:0;bottom:3px;width:100%;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1);transform-origin:left}.command-trigger{justify-self:end;border:1px solid var(--line-dark);background:rgba(255,255,255,.04);border-radius:100px;height:38px;padding:0 12px;display:flex;align-items:center;gap:5px;cursor:pointer;color:#b8c5c5;font:9px/1 var(--mono);letter-spacing:.12em}.command-trigger kbd{border:0;border-radius:4px;background:rgba(255,255,255,.08);padding:4px 5px;font:9px/1 var(--mono)}
.hero{position:relative;min-height:100svh;background:var(--black);color:#eff5f3;overflow:hidden;display:flex;align-items:flex-end;padding:148px clamp(24px,7vw,112px) clamp(86px,10vh,116px)}.hero__image{position:absolute;inset:-8%;background:url("../../images/bg.jpg") 58% 64%/cover no-repeat;filter:saturate(.55) brightness(.58) contrast(1.2);transform:scale(1.05)}.hero__mesh{position:absolute;inset:0;background:radial-gradient(circle at 22% 35%,rgba(62,105,118,.25),transparent 32%),linear-gradient(90deg,rgba(3,8,12,.93),rgba(4,10,14,.63) 54%,rgba(4,9,12,.25)),linear-gradient(0deg,rgba(3,8,11,.82),transparent 48%)}.hero__canvas,.hero__scan{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero__canvas{z-index:2;mix-blend-mode:screen}.hero__scan{z-index:3;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.03) 4px)}.hero__content{position:relative;z-index:5;width:min(1030px,86vw)}.system-line{display:flex;align-items:center;gap:12px;margin-bottom:34px;font:9px/1 var(--mono);letter-spacing:.16em;color:#98acac}.system-line span:last-child{margin-left:auto}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(135,243,223,.6);animation:pulse 2s infinite}.hero__role{margin:0 0 16px;font:10px/1 var(--mono);letter-spacing:.28em;color:#c4d1cf}.hero__title{margin:0;font-size:clamp(62px,8.8vw,142px);font-weight:400;line-height:.89;letter-spacing:-.062em}.hero__title>span{display:block;overflow:hidden;padding:.06em 0}.hero__title>span:last-child{padding-left:.44em}.hero__title .outline{color:transparent;-webkit-text-stroke:1px rgba(232,245,241,.78)}.hero__intro{max-width:610px;margin:44px 0 0 4px;font-size:clamp(15px,1.25vw,19px);letter-spacing:.07em;color:#c2cdcb}.hero__actions{display:flex;gap:14px;margin-top:36px}.button{min-width:170px;height:52px;padding:0 22px;border-radius:100px;border:1px solid transparent;display:inline-flex;justify-content:space-between;align-items:center;gap:28px;font:11px/1 var(--sans);letter-spacing:.08em;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}.button i{font:17px/1 var(--serif);font-style:normal}.button--primary{background:var(--cyan);color:#06100f}.button--primary:hover{background:#fff}.button--ghost{border-color:rgba(255,255,255,.3);color:#e7eeee}.button--ghost:hover,.button--light:hover{background:#fff;color:#06100f;border-color:#fff}.button--light{border-color:rgba(255,255,255,.55);color:#fff}.hero__telemetry{position:absolute;z-index:5;top:50%;right:clamp(18px,3vw,50px);display:flex;gap:22px;writing-mode:vertical-rl;font:8px/1 var(--mono);letter-spacing:.15em;color:#819293}.hero__telemetry b{color:var(--cyan);font-weight:400}.scroll-cue{position:absolute;z-index:5;right:clamp(24px,7vw,112px);bottom:35px;display:flex;align-items:center;gap:12px;font:8px/1 var(--mono);letter-spacing:.2em;color:#a3b0af}.scroll-cue i{position:relative;width:70px;height:1px;background:rgba(255,255,255,.25);overflow:hidden}.scroll-cue i:after{content:"";position:absolute;inset:0;background:var(--cyan);transform:translateX(-100%);animation:scanline 2.2s infinite}
.section{position:relative;background:var(--paper)}.section--dark{background:var(--black-2);color:#edf3f1}.section-shell{width:var(--shell);margin:0 auto;padding:clamp(100px,11vw,170px) 0}.section-index{display:grid;grid-template-columns:auto 74px 1fr;align-items:center;gap:15px;margin-bottom:clamp(56px,7vw,92px);font:9px/1 var(--mono);letter-spacing:.18em;color:#707c7b}.section-index span{font-size:12px;color:#153e46}.section-index i{height:1px;background:var(--line)}.section-index p{margin:0}.section-index--dark{color:#778b8d}.section-index--dark span{color:var(--cyan)}.section-index--dark i{background:var(--line-dark)}.manifesto__grid{display:grid;grid-template-columns:1.18fr .72fr;gap:56px 9vw}.manifesto__grid>.section-index{grid-column:1/3}.display-title{margin:0;font-size:clamp(52px,6.8vw,100px);line-height:1.04;font-weight:400;letter-spacing:-.045em}.display-title em{color:#174b55;font-style:normal}.manifesto__copy{padding-top:12px}.manifesto__copy p{margin:0 0 20px;color:#53605d}.manifesto__copy .lead{font-size:20px;color:#17221f}.line-link{display:inline-flex;gap:12px;align-items:center;margin-top:14px;padding-bottom:5px;border-bottom:1px solid #7a8984;font:11px/1.4 var(--sans);letter-spacing:.06em}.line-link span{transition:transform .3s}.line-link:hover span{transform:translate(4px,-4px)}.capability-rail{grid-column:1/3;margin-top:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.capability-rail span{padding:24px 18px;border-right:1px solid var(--line);font:10px/1 var(--mono);letter-spacing:.08em;color:#4c5b57}.capability-rail span:last-child{border-right:0}.capability-rail b{margin-right:13px;color:#17707b;font-weight:400}
.section-heading{display:grid;grid-template-columns:1fr .46fr;gap:60px;align-items:end;margin-bottom:74px}.section-heading h2{margin:0;font-size:clamp(58px,7.4vw,108px);line-height:.92;font-weight:400;letter-spacing:-.05em}.section-heading h2 em{font-style:normal;color:var(--cyan)}.section-heading p{margin:0 0 6px;color:#899a9c;font-size:14px}.project-stack{display:grid;gap:22px}.project-card{position:relative;min-height:520px;border:1px solid var(--line-dark);display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;background:#0c141b;transform-style:preserve-3d;transition:transform .55s var(--ease),border-color .35s,box-shadow .35s}.project-card:hover{border-color:rgba(135,243,223,.42);box-shadow:0 28px 80px rgba(0,0,0,.28)}.project-card:before,.signal-card:before{content:"";position:absolute;inset:0;background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),rgba(135,243,223,.12),transparent 42%);opacity:0;transition:opacity .4s;pointer-events:none}.project-card:hover:before,.signal-card:hover:before{opacity:1}.project-card__visual{position:relative;overflow:hidden;display:grid;place-items:center;border-right:1px solid var(--line-dark);background:#071015}.project-card__visual>b{position:absolute;left:28px;top:26px;font:11px/1 var(--mono);color:#72888a}.project-card__visual--tree{background:radial-gradient(circle at 50% 55%,rgba(79,177,158,.36),transparent 28%),radial-gradient(circle at 50% 60%,rgba(212,170,91,.16),transparent 47%),#071317}.project-orbit{width:220px;aspect-ratio:1;border:1px solid rgba(135,243,223,.3);border-radius:50%;box-shadow:0 0 90px rgba(88,214,188,.2),inset 0 0 60px rgba(88,214,188,.12);animation:float 5s ease-in-out infinite}.project-orbit:before,.project-orbit:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:260px;background:linear-gradient(transparent,var(--cyan),transparent);transform:translate(-50%,-50%) rotate(28deg)}.project-orbit:after{transform:translate(-50%,-50%) rotate(88deg)}.project-card__body{position:relative;padding:clamp(38px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.project-card__meta{display:flex;justify-content:space-between;font:9px/1 var(--mono);letter-spacing:.15em;color:#7e9294}.project-card__body h3{margin:38px 0 26px;font-size:clamp(48px,5vw,76px);line-height:.9;font-weight:400;letter-spacing:-.045em}.project-card__body>p{max-width:560px;margin:0;color:#a9b7b6}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.tags span{border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:8px 12px;font:8px/1 var(--mono);letter-spacing:.08em;color:#92a5a5}.round-arrow{position:absolute;right:36px;bottom:32px;width:52px;height:52px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;font:20px/1 var(--serif);font-style:normal;transition:transform .4s var(--ease),background .3s,color .3s}.project-card:hover .round-arrow{transform:rotate(45deg);background:var(--cyan);color:#07100f}.mini-interface{width:68%;aspect-ratio:1.35;border:1px solid rgba(134,151,255,.42);background:rgba(10,15,25,.68);box-shadow:0 28px 70px rgba(40,68,154,.2);padding:22px;transform:perspective(700px) rotateY(-8deg) rotateX(4deg)}.mini-interface i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6d8cff;margin-right:5px}.mini-interface i:nth-child(2){background:var(--cyan)}.mini-interface i:nth-child(3){background:var(--gold)}.mini-interface span{display:block;margin-top:28%;font:clamp(18px,2vw,30px)/1.1 var(--mono);letter-spacing:.1em;color:#e3e8ff}.project-card__visual--interface{background:radial-gradient(circle at 40% 45%,rgba(74,91,183,.22),transparent 35%),#090e18}.project-card__visual--code{background:linear-gradient(135deg,#081014,#101925)}.project-card__visual--code code{font:clamp(14px,1.5vw,22px)/1.8 var(--mono);color:#c7d3d2}.project-card__visual--code code span{color:var(--cyan)}.section-cta{width:220px;height:60px;margin:52px auto 0;border:1px solid var(--line-dark);border-radius:100px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font:10px/1 var(--sans);letter-spacing:.08em}.section-cta i{font:18px/1 var(--serif);font-style:normal}
.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.signal-card{position:relative;min-height:360px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:background .4s,color .4s}.signal-card>span{position:absolute;top:30px;left:32px;font:9px/1 var(--mono);letter-spacing:.16em;color:#71807c}.signal-card h3{margin:0 0 14px;font-size:clamp(42px,4.7vw,68px);line-height:1;font-weight:400}.signal-card p{margin:0;max-width:290px;color:#63706d}.signal-card>i{position:absolute;right:30px;top:28px;font-size:22px;font-style:normal;transition:transform .35s}.signal-card:hover{background:#0a1319;color:#eff7f5}.signal-card:hover p,.signal-card:hover>span{color:#91a5a5}.signal-card:hover>i{transform:rotate(45deg)}.signal-card--life:hover{background:#17363e}.section--photo{min-height:88svh;background:#071317;color:#f1f3ee;overflow:hidden;display:grid;align-items:center}.life-preview__image{position:absolute;inset:-8%;background:url("../../images/pic01.jpg") center/cover no-repeat;filter:saturate(.62) brightness(.44);transform:scale(1.06)}.life-preview__image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,13,.88),rgba(5,12,15,.45),rgba(5,12,15,.1))}.life-preview__content{position:relative;z-index:2}.life-preview__content>p{font:9px/1 var(--mono);letter-spacing:.22em;color:#aec0bc}.life-preview h2{margin:30px 0 44px;font-size:clamp(58px,8vw,116px);line-height:.96;font-weight:400;letter-spacing:-.05em}
.site-footer{background:#05090c;color:#9aa9a9;border-top:1px solid var(--line-dark);padding:48px clamp(22px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;font:9px/1.5 var(--mono);letter-spacing:.08em}.site-footer>div{display:flex;align-items:center;gap:12px}.site-footer>div p{margin:0}.site-footer nav{display:flex;gap:24px}.site-footer nav a:hover{color:var(--cyan)}.site-footer>p{justify-self:end;margin:0;color:#657779}
.command[hidden]{display:none}.command{position:fixed;z-index:1200;inset:0;display:grid;place-items:start center;padding-top:min(18vh,160px)}.command__backdrop{position:absolute;inset:0;border:0;background:rgba(2,5,8,.72);backdrop-filter:blur(16px);cursor:default}.command__panel{position:relative;width:min(620px,calc(100% - 32px));background:#0b1218;border:1px solid rgba(135,243,223,.25);box-shadow:0 32px 120px rgba(0,0,0,.5);color:#eaf1ef}.command__head{padding:18px 20px;border-bottom:1px solid var(--line-dark);display:flex;justify-content:space-between;font:9px/1 var(--mono);letter-spacing:.15em;color:#7f9394}.command__head kbd{font:8px/1 var(--mono);border:1px solid var(--line-dark);padding:5px 7px;border-radius:4px}.command__list a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line-dark);transition:background .25s}.command__list a:hover{background:rgba(135,243,223,.07)}.command__list b{font:9px/1 var(--mono);color:var(--cyan);font-weight:400}.command__list span{font-size:17px}.command__list small{display:inline;margin-left:10px;font:8px/1 var(--mono);letter-spacing:.1em;color:#728486}.command__list i{font-style:normal}.command-open{overflow:hidden}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.hero__title>span{transform:translateY(115%);transition:transform 1.05s var(--ease)}.hero__title.is-visible>span{transform:none}.hero__title>span:nth-child(2){transition-delay:.08s}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(135,243,223,0)}}@keyframes scanline{50%,100%{transform:translateX(105%)}}@keyframes float{50%{transform:translateY(-13px) rotate(4deg)}}
/* Inner pages */
.inner-hero{position:relative;min-height:72svh;background:var(--black);color:#eef5f2;display:flex;align-items:flex-end;overflow:hidden;padding:160px 0 86px}.inner-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(92,123,255,.17),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;mask-image:linear-gradient(to bottom,#000,transparent)}.inner-hero__content{position:relative;width:var(--shell);margin:auto}.inner-hero__eyebrow{margin:0 0 24px;font:9px/1 var(--mono);letter-spacing:.22em;color:var(--cyan)}.inner-hero h1{margin:0;font-size:clamp(72px,11vw,164px);line-height:.84;font-weight:400;letter-spacing:-.065em}.inner-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(236,246,243,.7)}.inner-hero__desc{max-width:600px;margin:42px 0 0;font-size:18px;color:#9fb0ae}.inner-hero__count{position:absolute;right:0;bottom:8px;font:9px/1.8 var(--mono);letter-spacing:.14em;color:#6f8384;text-align:right}.page-section{background:var(--paper)}.page-section--dark{background:var(--black-2);color:#eef4f2}.project-index{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.case-card{position:relative;min-height:460px;border:1px solid var(--line);padding:38px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .45s var(--ease),box-shadow .35s}.case-card:nth-child(1){grid-column:span 7;background:#0b171b;color:#eff5f2}.case-card:nth-child(2){grid-column:span 5;background:#e2ddcf}.case-card:nth-child(3){grid-column:span 12;min-height:300px;background:#f7f3e9}.case-card:hover{transform:translateY(-7px);box-shadow:0 24px 70px rgba(20,30,28,.13)}.case-card__top{display:flex;justify-content:space-between;font:9px/1 var(--mono);letter-spacing:.15em;opacity:.62}.case-card h2{margin:auto 0 22px;font-size:clamp(42px,5vw,72px);line-height:.92;font-weight:400}.case-card p{max-width:520px;margin:0;opacity:.68}.case-card .tags{margin-top:24px}.case-card:nth-child(n+2) .tags span{border-color:var(--line);color:#465450}.case-card>i{position:absolute;right:34px;bottom:32px;font-size:24px;font-style:normal}.case-card--tree:before{content:"";position:absolute;width:340px;height:340px;right:-70px;top:-80px;border-radius:50%;border:1px solid rgba(135,243,223,.2);box-shadow:0 0 100px rgba(135,243,223,.12)}.content-status{margin-top:70px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font:10px/1.6 var(--mono);letter-spacing:.08em;color:#64716e}.content-status p{margin:0;max-width:620px}.content-status span{color:#177481}
.life-marquee{overflow:hidden;padding:15px 0;background:#d2cab9;border-bottom:1px solid var(--line)}.life-marquee__track{width:max-content;display:flex;gap:32px;animation:marquee 22s linear infinite;font:9px/1 var(--mono);letter-spacing:.22em}.life-marquee__track i{color:#7c6a4c;font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}.life-grid{display:grid;grid-template-columns:1.15fr .72fr .86fr;gap:22px;align-items:start}.life-card{margin:0}.life-card:nth-child(2){margin-top:120px}.life-card:nth-child(3){margin-top:40px}.life-card__image{overflow:hidden;background:#c8c0b2}.life-card__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .9s var(--ease),filter .5s}.life-card:hover img{transform:scale(1.04);filter:saturate(1)}.life-card:nth-child(1) .life-card__image{aspect-ratio:1.15}.life-card:nth-child(2) .life-card__image{aspect-ratio:.72}.life-card:nth-child(3) .life-card__image{aspect-ratio:.95}.life-card figcaption{padding-top:17px}.life-card figcaption span{font:9px/1 var(--mono);letter-spacing:.15em;color:#6d7773}.life-card figcaption h2{margin:7px 0 0;font-size:24px;font-weight:400}.life-feature{margin-top:100px;min-height:520px;background:#0a1b20;color:#eef4f0;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.life-feature__visual{background:url("../../images/bg.jpg") center/cover no-repeat;filter:saturate(.7)}.life-feature__copy{padding:clamp(44px,6vw,84px);display:flex;flex-direction:column;justify-content:center}.life-feature__copy>span{font:9px/1 var(--mono);letter-spacing:.18em;color:var(--cyan)}.life-feature__copy h2{margin:22px 0;font-size:clamp(45px,5.5vw,78px);line-height:.96;font-weight:400}.life-feature__copy p{color:#a5b4b1}.life-feature .button{margin-top:20px;align-self:flex-start}
.article-shell{display:grid;grid-template-columns:.42fr 1fr;gap:9vw}.article-aside{position:sticky;top:110px;align-self:start}.article-aside p{font:9px/1.8 var(--mono);letter-spacing:.14em;color:#6b7774}.article-aside h2{font-size:30px;font-weight:400}.article-list{border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:110px 1fr auto;gap:26px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.article-row time{font:9px/1 var(--mono);color:#72807c}.article-row h2{margin:0;font-size:clamp(24px,3vw,42px);font-weight:400}.article-row i{font-style:normal;font-size:20px}.empty-note{padding:64px 0;border-bottom:1px solid var(--line)}.empty-note h2{font-size:clamp(36px,5vw,64px);font-weight:400;margin:0 0 20px}.empty-note p{max-width:570px;color:#61706c}.about-grid{display:grid;grid-template-columns:1fr .72fr;gap:9vw}.about-grid h2{margin:0;font-size:clamp(52px,7vw,96px);line-height:1.02;font-weight:400}.about-copy p{font-size:18px;color:#53615d}.principles{margin-top:90px;border-top:1px solid var(--line)}.principle{display:grid;grid-template-columns:80px 1fr 1fr;gap:40px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}.principle>span{font:10px/1 var(--mono);color:#177481}.principle h3{margin:0;font-size:28px;font-weight:400}.principle p{margin:0;color:#66736f}.contact-panel{margin-top:90px;padding:clamp(40px,6vw,80px);background:#0a151b;color:#eef5f2;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.contact-panel p{font:9px/1 var(--mono);letter-spacing:.16em;color:var(--cyan)}.contact-panel h2{margin:18px 0 0;font-size:clamp(42px,6vw,78px);line-height:1;font-weight:400}
@media(max-width:960px){:root{--shell:min(100% - 40px,760px)}.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.hero__content{width:92vw}.hero__title>span:last-child{padding-left:.1em}.manifesto__grid,.section-heading,.about-grid{grid-template-columns:1fr}.manifesto__grid>.section-index,.capability-rail{grid-column:auto}.capability-rail{grid-template-columns:1fr 1fr}.section-heading{align-items:start}.project-card{grid-template-columns:1fr;min-height:auto}.project-card__visual{min-height:390px;border-right:0;border-bottom:1px solid var(--line-dark)}.project-card__body{min-height:420px}.signal-grid{grid-template-columns:1fr}.signal-card{min-height:280px}.site-footer{grid-template-columns:1fr auto}.site-footer>p{grid-column:1/3;justify-self:start}.project-index{display:block}.case-card{margin-bottom:18px}.life-grid{grid-template-columns:1fr 1fr}.life-card:nth-child(3){grid-column:1/3;width:60%;margin-left:auto}.article-shell{grid-template-columns:1fr}.article-aside{position:static}.cursor{display:none}}
@media(max-width:620px){:root{--shell:calc(100% - 34px)}.page-grid{background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(126,151,161,.07) 50%,transparent calc(50% + .5px))}.site-header{height:70px;padding:0 18px}.site-header.is-scrolled{height:62px}.brand__text{display:none}.command-trigger span{display:none}.hero{min-height:900px;align-items:flex-start;padding:250px 18px 80px}.hero__image{background-position:59% 70%}.system-line span:nth-child(2){max-width:160px;line-height:1.4}.system-line span:last-child{display:none}.hero__role{line-height:1.6}.hero__title{font-size:15.4vw;line-height:.94}.hero__title>span:last-child{padding-left:0}.hero__intro{margin-top:42px;font-size:15px;line-height:1.8}.hero__actions{flex-direction:column;align-items:flex-start}.hero__telemetry,.scroll-cue{display:none}.section-shell{padding:86px 0}.section-index{grid-template-columns:auto 36px 1fr;margin-bottom:50px}.display-title,.section-heading h2{font-size:14vw}.manifesto__grid{gap:38px}.capability-rail{display:block;margin-top:24px}.capability-rail span{display:block;border-right:0;border-bottom:1px solid var(--line)}.project-card__visual{min-height:300px}.project-card__body{min-height:390px;padding:30px 24px 76px}.project-card__body h3{font-size:13vw}.project-card__meta span:last-child{display:none}.project-orbit{width:160px}.round-arrow{right:24px;bottom:22px}.life-preview h2{font-size:14vw}.site-footer{display:block}.site-footer nav{margin:28px 0;flex-wrap:wrap}.site-footer>p{margin:0}.inner-hero{min-height:660px;padding:140px 0 72px}.inner-hero h1{font-size:21vw}.inner-hero__desc{font-size:16px}.inner-hero__count{display:none}.case-card{min-height:440px;padding:27px}.content-status{display:block}.content-status span{display:block;margin-bottom:12px}.life-grid{display:block}.life-card,.life-card:nth-child(2),.life-card:nth-child(3){width:auto;margin:0 0 52px}.life-feature{display:block}.life-feature__visual{height:330px}.article-row{grid-template-columns:1fr auto}.article-row time{grid-column:1/3}.principle{grid-template-columns:50px 1fr}.principle p{grid-column:2}.contact-panel{display:block}.contact-panel .button{margin-top:32px}.command{padding-top:70px}}
@media(hover:none),(pointer:coarse){.cursor{display:none}.project-card:hover,.case-card:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.boot{display:none}.reveal,.hero__title>span{opacity:1;transform:none}.hero__image,.life-preview__image{transform:none!important}}
.hero__title>span:nth-child(2){padding-left:.44em}.hero__title>span:nth-child(3){padding-left:2.05em;transition-delay:.16s}
@media(max-width:960px){.hero__title>span:nth-child(2){padding-left:.1em}.hero__title>span:nth-child(3){padding-left:1.45em}}
@media(max-width:620px){.hero__title>span:nth-child(2){padding-left:0}.hero__title>span:nth-child(3){padding-left:1.15em}}
.hero__title{font-size:clamp(60px,7vw,112px)}.hero__line-two b{font-weight:400}.hero__intro{margin-top:58px}
@media(max-width:620px){.hero__title{font-size:13vw}.hero__line-two b{display:block;padding-left:1.15em}.hero__intro{margin-top:52px}}
@media(max-width:620px){.hero__title{font-size:11.5vw}.hero__line-two{overflow:visible!important}.hero__intro{margin-top:108px}}
.signal-grid{grid-template-columns:1.15fr 1.15fr .7fr}.signal-card--life h3{font-size:clamp(36px,3.8vw,54px)}
@media(max-width:960px){.signal-grid{grid-template-columns:1fr}.signal-card--life{min-height:220px}}

/* Experience */
.experience{background:#e4ded1}.experience__head{display:grid;grid-template-columns:1fr .46fr;gap:60px;align-items:end;margin-bottom:62px}.experience__head h2{margin:0;font-size:clamp(48px,6vw,88px);line-height:1.02;font-weight:400;letter-spacing:-.045em}.experience__head h2 em{font-style:normal;color:#174b55}.experience__head p{margin:0;color:#63706c}.experience-list{border-top:1px solid var(--line)}.experience-row{display:grid;grid-template-columns:120px .9fr 1.1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}.experience-row time,.experience-row span{font:9px/1.4 var(--mono);letter-spacing:.12em;color:#19717a}.experience-row h3{margin:10px 0 0;font-size:22px;font-weight:400}.experience-row>p{margin:0;color:#5b6763}.experience__resume{width:min(360px,100%);height:62px;margin:46px 0 0 auto;padding:0 24px;border:1px solid #1b3438;border-radius:100px;display:flex;align-items:center;justify-content:space-between;font:11px/1 var(--sans);letter-spacing:.06em}.experience__resume i{font-size:20px;font-style:normal}

/* Project hover preview */
.hover-preview{position:fixed;z-index:1050;left:0;top:0;width:280px;padding:10px;background:rgba(9,15,20,.94);border:1px solid rgba(135,243,223,.24);color:#eaf4f1;pointer-events:none;opacity:0;transform:translate3d(-999px,-999px,0) scale(.92);transition:opacity .22s,transform .2s var(--ease);box-shadow:0 24px 70px rgba(0,0,0,.34);backdrop-filter:blur(14px)}.hover-preview.is-visible{opacity:1}.hover-preview__visual{height:170px;margin-bottom:14px;position:relative;overflow:hidden;background:#111b22}.hover-preview__visual:before,.hover-preview__visual:after{content:"";position:absolute}.hover-preview[data-kind="interface"] .hover-preview__visual{background:radial-gradient(circle at 38% 42%,rgba(109,140,255,.34),transparent 34%),linear-gradient(135deg,#0a1019,#17243a)}.hover-preview[data-kind="interface"] .hover-preview__visual:before{inset:30px;border:1px solid rgba(146,170,255,.45);box-shadow:20px 18px 0 rgba(109,140,255,.08)}.hover-preview[data-kind="interface"] .hover-preview__visual:after{left:48px;right:48px;top:65px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.hover-preview[data-kind="code"] .hover-preview__visual{background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(135,243,223,.07) 18px),linear-gradient(135deg,#071015,#12202c)}.hover-preview[data-kind="code"] .hover-preview__visual:before{content:"const next = build(idea);";left:22px;top:66px;font:11px/1 var(--mono);color:var(--cyan)}.hover-preview>span{display:block;font:15px/1.2 var(--serif)}.hover-preview>p{margin:7px 0 2px;font:8px/1 var(--mono);letter-spacing:.1em;color:#819596}

/* Case study */
.case-study{background:var(--paper)}.case-hero{position:relative;min-height:92svh;background:#071015;color:#edf5f2;display:flex;align-items:flex-end;overflow:hidden}.case-hero__grid{position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(92,122,255,.2),transparent 25%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;mask-image:linear-gradient(#000,transparent)}.case-hero .section-shell{position:relative;padding-top:150px;padding-bottom:74px}.case-back{display:inline-block;margin-bottom:50px;font:9px/1 var(--mono);letter-spacing:.14em;color:#87a09f}.case-hero .section-shell>p{font:9px/1 var(--mono);letter-spacing:.18em;color:var(--cyan)}.case-hero h1{margin:24px 0 58px;font-size:clamp(72px,11vw,166px);line-height:.82;font-weight:400;letter-spacing:-.065em}.case-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(235,247,243,.72)}.case-hero__summary{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:end}.case-hero__summary>p{margin:0;font-size:20px;color:#b2c1be}.case-hero dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case-hero dl div{border-top:1px solid var(--line-dark);padding-top:12px}.case-hero dt{font:8px/1 var(--mono);letter-spacing:.12em;color:#718788}.case-hero dd{margin:8px 0 0;font:11px/1.4 var(--sans);color:#d9e3e0}.case-section{padding:clamp(100px,12vw,170px) 0}.case-shell{width:var(--shell);margin:auto;display:grid;grid-template-columns:150px 1fr;gap:7vw}.case-shell aside{font:9px/1.5 var(--mono);letter-spacing:.14em;color:#677572}.case-shell aside span{color:#177481}.case-shell aside p{margin:10px 0 0}.case-shell>div>h2{margin:0 0 42px;font-size:clamp(44px,5.8vw,82px);line-height:1.03;font-weight:400;letter-spacing:-.04em}.case-lead{max-width:780px;font-size:20px;color:#4d5c58}.case-section--dark{background:#081117;color:#edf5f2}.case-section--dark aside{color:#829596}.case-section--dark .case-shell>div>h2{color:#edf5f2}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark);border-left:1px solid var(--line-dark)}.decision-grid article{min-height:240px;padding:26px;border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.decision-grid b{font:9px/1 var(--mono);color:var(--cyan);font-weight:400}.decision-grid h3{margin:68px 0 12px;font-size:26px;font-weight:400}.decision-grid p{margin:0;color:#91a3a1;font-size:14px}.case-demo{height:360px;margin-top:54px;border:1px solid var(--line);background:linear-gradient(rgba(10,20,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(10,20,24,.04) 1px,transparent 1px);background-size:40px 40px;display:grid;place-content:center;text-align:center;position:relative;overflow:hidden}.case-demo__cursor{position:absolute;width:80px;height:80px;border:1px solid #187380;border-radius:50%;left:35%;top:34%;animation:demoCursor 4s var(--ease) infinite}.case-demo__cursor:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#187380;left:50%;top:50%}.case-demo>span{font:9px/1 var(--mono);letter-spacing:.15em;color:#177481}.case-demo>p{font:18px/1.8 var(--mono);color:#52625e}.case-section--paper{background:#ded7c9}.validation-list{list-style:none;padding:0;margin:0 0 42px;border-top:1px solid var(--line)}.validation-list li{padding:21px 0;border-bottom:1px solid var(--line);font-size:17px}.validation-list span{display:inline-block;width:58px;font:9px/1 var(--mono);color:#177481}@keyframes demoCursor{0%,100%{transform:translate(0,0)}50%{transform:translate(220px,80px) scale(1.25)}}

/* Life Now and timeline */
.life-now{background:#ded7c9}.now-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.now-card{min-height:320px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.now-card>span{font:9px/1 var(--mono);letter-spacing:.14em;color:#177481}.now-card h2{margin:auto 0 18px;font-size:30px;line-height:1.15;font-weight:400}.now-card p{margin:0;color:#61706c}.life-gallery{background:var(--paper-hi)}.life-timeline{background:#0a1419;color:#edf4f1}.life-timeline .section-index{color:#7e9192}.life-timeline .section-index span{color:var(--cyan)}.life-timeline .section-index i{background:var(--line-dark)}.life-line{position:relative}.life-line:before{content:"";position:absolute;left:160px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--cyan),rgba(135,243,223,.08))}.life-event{display:grid;grid-template-columns:130px 60px 1fr;gap:0;padding:0 0 90px}.life-event time{font:10px/1 var(--mono);letter-spacing:.12em;color:#8fa1a0}.life-event>i{position:relative;width:11px;height:11px;margin-left:25px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(135,243,223,.08)}.life-event>div{max-width:680px}.life-event span{font:9px/1 var(--mono);letter-spacing:.16em;color:#789092}.life-event h2{margin:16px 0;font-size:clamp(32px,4vw,54px);line-height:1.08;font-weight:400}.life-event p{margin:0;color:#91a3a1}.life-event .line-link{color:#d7e4e0;border-color:#68817d}.life-event--future>i{background:transparent;border:1px dashed #728887;box-shadow:none}

/* Resume */
.resume-page{background:#d8d1c4;min-height:100vh;padding:120px 24px 80px}.resume-actions{width:min(900px,100%);margin:0 auto 18px;display:flex;justify-content:flex-end;gap:12px;font:10px/1 var(--sans)}.resume-actions a,.resume-actions button{border:1px solid rgba(20,30,28,.24);background:transparent;border-radius:100px;padding:11px 16px;cursor:pointer}.resume-sheet{width:min(900px,100%);margin:auto;background:#f7f4eb;color:#18201e;padding:clamp(36px,6vw,78px);box-shadow:0 30px 90px rgba(35,30,20,.13)}.resume-head{display:flex;justify-content:space-between;gap:40px;padding-bottom:28px;border-bottom:1px solid #cbc3b5}.resume-head p{margin:0 0 20px;font:8px/1 var(--mono);letter-spacing:.14em;color:#64706c}.resume-head h1{margin:0;font-size:64px;line-height:.9;font-weight:400}.resume-head h2{margin:15px 0 0;font:13px/1.4 var(--sans);letter-spacing:.06em;color:#46544f}.resume-head address{font-style:normal;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font:10px/1.4 var(--mono)}.resume-summary{padding:24px 0;border-bottom:1px solid #d4cdbf}.resume-summary p{margin:0;font-size:17px}.resume-block{padding-top:30px}.resume-block>h2{margin:0 0 20px;padding-bottom:10px;border-bottom:1px solid #d4cdbf;font:14px/1 var(--sans);letter-spacing:.08em}.resume-project header{display:flex;justify-content:space-between}.resume-project h3{margin:0;font-size:26px;font-weight:400}.resume-project time{font:9px/1 var(--mono);color:#65726e}.resume-project dl{margin:18px 0 0}.resume-project dl div{display:grid;grid-template-columns:48px 1fr;gap:14px;margin-bottom:10px}.resume-project dt{font:10px/1.6 var(--sans);color:#176d77}.resume-project dd{margin:0;color:#4f5b57}.resume-stack{font:9px/1 var(--mono);letter-spacing:.08em;color:#64716d}.resume-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resume-skills article{padding:18px;background:#ece7dc}.resume-skills h3{margin:0 0 10px;font-size:17px;font-weight:400}.resume-skills p{margin:0;font-size:13px;color:#56625e}.resume-links{display:flex;gap:12px;flex-wrap:wrap}.resume-links a{padding:10px 14px;background:#e7e2d7;font:10px/1 var(--sans)}.resume-disclosure{margin-top:34px;padding:20px;border:1px solid #cbc3b5;color:#596560}.resume-disclosure strong{font:11px/1 var(--sans);color:#173f47}.resume-disclosure p{margin:8px 0 0;font-size:13px}
.resume-project--education,.resume-project--stacked{margin-top:24px;padding-top:24px;border-top:1px solid #d4cdbf}
.resume-stack a{color:#176d77}.contact-panel__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}

/* Resume PDF */
.resume-viewer{min-height:100vh;padding:128px 24px 72px;background:#d8d1c4}.resume-viewer__head{width:min(1180px,100%);margin:0 auto 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.resume-viewer__head p{margin:0 0 12px;font:12px/1.3 var(--mono);letter-spacing:.12em;color:#2d6871}.resume-viewer__head h1{margin:0;font-size:clamp(44px,6vw,76px);line-height:1;font-weight:400}.resume-viewer__head span{display:block;margin-top:14px;font:16px/1.6 var(--sans);color:#4d5955}.resume-viewer__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.resume-viewer__actions a{min-height:46px;padding:0 20px;border:1px solid #60706b;border-radius:999px;display:inline-flex;align-items:center;font:14px/1 var(--sans);transition:background .2s,color .2s}.resume-viewer__actions a:hover{background:#0a151b;color:#eef5f2}.resume-frame{width:min(1180px,100%);height:min(1120px,calc(100svh - 250px));min-height:720px;margin:auto;background:#f7f4eb;border:1px solid rgba(20,30,28,.2);box-shadow:0 24px 70px rgba(35,30,20,.12)}.resume-frame object{display:block;width:100%;height:100%;background:#fff}.resume-frame p{padding:40px;font:16px/1.7 var(--sans);color:#26322f}.resume-frame p a{color:#176d77;text-decoration:underline}

/* Project grid: four cards in stable pairs */
.project-index .case-card:nth-child(n){grid-column:span 6;min-height:460px}.project-index .case-card:nth-child(4){background:#0b171b;color:#eff5f2}.project-index .case-card:nth-child(4) .tags span{border-color:rgba(255,255,255,.14);color:#a8bab8}

/* Readability pass */
.site-nav{font-size:14px;gap:38px}.brand__text{font-size:13px}.brand__text small{font-size:12px;letter-spacing:.14em}.command-trigger,.command-trigger kbd{font-size:12px}.system-line,.hero__role,.hero__telemetry,.scroll-cue{font-size:12px}.button{font-size:13px}.section-index,.inner-hero__eyebrow,.inner-hero__count{font-size:12px}.line-link,.section-cta{font-size:13px}.capability-rail span{font-size:12px}.project-card__meta,.case-card__top{font-size:12px}.tags span{font-size:12px}.signal-card>span,.life-preview__content>p{font-size:12px}.site-footer{font-size:12px}.command__head,.command__head kbd,.command__list b,.command__list small{font-size:12px}.case-card p,.content-status{font-size:15px}.article-aside p,.article-row time{font-size:12px}.experience-row time,.experience-row span{font-size:12px}.hover-preview>p{font-size:12px}.case-back,.case-hero .section-shell>p,.case-hero dt,.case-shell aside,.decision-grid b,.case-demo>span,.validation-list span{font-size:12px}.case-hero dd{font-size:13px}.now-card>span,.life-event time,.life-event span{font-size:12px}.reading-hero a,.reading-hero p,.reading-hero__inner>div,.reading-hero button,.reading-toc>p,.reading-toc a,.code-copy,.reading-meter span,.reading-end>p,.reading-end a{font-size:12px}.route-curtain span{font-size:12px}.boot p,.project-card__visual>b,.life-marquee__track,.life-card figcaption span,.life-feature__copy>span,.principle>span,.contact-panel p,.experience__resume,.hover-preview[data-kind="code"] .hover-preview__visual:before{font-size:12px}

/* Interactive article */
.reading-page{background:#f3efe5;color:#17201e}.reading-hero{padding:180px 24px 90px;background:#081116;color:#edf5f2}.reading-hero__inner{width:min(980px,100%);margin:auto}.reading-hero a,.reading-hero p{font:9px/1 var(--mono);letter-spacing:.14em;color:#829796}.reading-hero h1{max-width:900px;margin:40px 0 46px;font-size:clamp(50px,7vw,94px);line-height:1.04;font-weight:400;letter-spacing:-.04em}.reading-hero__inner>div{display:flex;justify-content:space-between;border-top:1px solid var(--line-dark);padding-top:18px;font:9px/1 var(--mono);color:#809494}.reading-hero button{border:0;background:none;color:var(--cyan);font:9px/1 var(--mono);cursor:pointer}.reading-layout{width:min(1180px,calc(100% - 48px));margin:auto;padding:90px 0 130px;display:grid;grid-template-columns:190px minmax(0,720px) 50px;gap:55px;justify-content:center}.reading-toc{position:sticky;top:110px;align-self:start}.reading-toc>p{font:8px/1 var(--mono);letter-spacing:.15em;color:#687571}.reading-toc nav{margin-top:18px;border-left:1px solid #c8c0b2}.reading-toc a{display:block;padding:7px 0 7px 14px;font:11px/1.35 var(--sans);color:#6a7773}.reading-toc a:hover,.reading-toc a.is-active{color:#176d77}.reading-content{font-size:18px;line-height:1.85}.reading-content>p:first-child{font-size:22px;color:#25312e}.reading-content h2{margin:80px 0 24px;font-size:42px;line-height:1.2;font-weight:400}.reading-content h3{margin:50px 0 18px;font-size:28px;font-weight:400}.reading-content p{color:#4d5b57}.reading-content pre{position:relative;margin:34px 0;padding:26px;overflow:auto;background:#0a1419;color:#dce8e5;border-radius:8px;font:13px/1.7 var(--mono)}.reading-content code{font-family:var(--mono)}.code-copy{position:absolute;right:10px;top:10px;border:1px solid rgba(255,255,255,.15);border-radius:5px;background:rgba(255,255,255,.06);color:#9fb1ae;padding:7px 9px;font:8px/1 var(--mono);cursor:pointer}.reading-meter{position:sticky;top:110px;align-self:start;height:220px;border-left:1px solid #c8c0b2}.reading-meter i{display:block;width:1px;height:var(--read,0%);background:#176d77}.reading-meter span{position:absolute;top:230px;left:-10px;font:8px/1 var(--mono);color:#687571;writing-mode:vertical-rl}.reading-end{padding:110px 24px;background:#0a1419;color:#edf4f1;text-align:center}.reading-end>p{font:9px/1 var(--mono);letter-spacing:.18em;color:#809494}.reading-end h2{margin:32px 0 42px;font-size:clamp(42px,6vw,78px);line-height:1.05;font-weight:400}.reading-end a{font:11px/1 var(--sans);color:var(--cyan)}

/* Cross-page transition */
.route-curtain{position:fixed;z-index:1400;inset:0;pointer-events:none;visibility:hidden;display:grid;grid-template-columns:1fr 1fr}.route-curtain i{background:#071015;transform:scaleY(0);transform-origin:bottom;transition:transform .42s var(--ease)}.route-curtain i:nth-child(2){transition-delay:.05s}.route-curtain span{position:absolute;left:50%;top:50%;transform:translate(-50%,-30%);font:9px/1 var(--mono);letter-spacing:.18em;color:var(--cyan);opacity:0;transition:opacity .2s .2s}.route-curtain.is-active{visibility:visible}.route-curtain.is-active i{transform:scaleY(1)}.route-curtain.is-active span{opacity:1}.route-arrived .route-curtain{visibility:visible}.route-arrived .route-curtain i{animation:curtainOut .55s var(--ease) forwards;transform-origin:top}.route-arrived .route-curtain span{opacity:0}@keyframes curtainOut{from{transform:scaleY(1)}to{transform:scaleY(0)}}

@media(max-width:960px){.experience__head{grid-template-columns:1fr}.experience-row{grid-template-columns:100px 1fr}.experience-row>p{grid-column:2}.hover-preview{display:none}.case-hero__summary{grid-template-columns:1fr}.case-shell{grid-template-columns:1fr}.case-shell aside{display:flex;gap:12px}.decision-grid{grid-template-columns:1fr 1fr}.now-grid{grid-template-columns:1fr}.reading-layout{grid-template-columns:minmax(0,720px)}.reading-toc,.reading-meter{display:none}}
@media(max-width:620px){.experience-row{grid-template-columns:1fr;gap:12px}.experience-row>p{grid-column:auto}.experience__head h2{font-size:13vw}.case-hero{min-height:760px}.case-hero h1{font-size:19vw}.case-hero dl{grid-template-columns:1fr}.case-hero__summary>p{font-size:17px}.decision-grid{display:block}.decision-grid article{min-height:210px}.case-demo__cursor{animation:none}.life-line:before{left:6px}.life-event{grid-template-columns:28px 1fr}.life-event time{grid-column:2;margin-bottom:15px}.life-event>i{grid-column:1;grid-row:1/3;margin:5px 0 0 1px}.life-event>div{grid-column:2}.resume-page{padding:90px 12px 30px}.resume-actions{justify-content:center}.resume-sheet{padding:28px 22px}.resume-head{display:block}.resume-head h1{font-size:52px}.resume-head address{align-items:flex-start;margin-top:24px}.resume-project header{display:block}.resume-project time{display:block;margin-top:8px}.resume-skills{grid-template-columns:1fr}.reading-hero{padding:130px 18px 70px}.reading-hero h1{font-size:12vw}.reading-layout{width:calc(100% - 34px);padding:65px 0 90px}.reading-content{font-size:16px}.reading-content>p:first-child{font-size:19px}.reading-content h2{font-size:34px}.route-curtain{grid-template-columns:1fr}}
@media(max-width:620px){.resume-viewer{padding:94px 12px 28px}.resume-viewer__head{display:block}.resume-viewer__head span{font-size:15px}.resume-viewer__actions{justify-content:flex-start;margin-top:22px}.resume-frame{height:76svh;min-height:560px}.project-index .case-card:nth-child(n){min-height:440px}}
@media print{.site-header,.site-footer,.page-grid,.scroll-progress,.cursor,.command,.route-curtain,.resume-actions{display:none!important}.resume-page{padding:0;background:#fff}.resume-sheet{width:100%;max-width:none;box-shadow:none;padding:12mm 14mm;background:#fff}.resume-head h1{font-size:38pt}.resume-block{break-inside:avoid}.resume-disclosure{break-inside:avoid}body{background:#fff;color:#111}}