@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-regular.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-bold.ttf)format("truetype")}:root{color:#edf1ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#080b0d;--surface:#101619;--surface-raised:#151c20;--text:#edf1ef;--muted:#929d9f;--subtle:#647274;--line:#c1d7d01d;--accent:#b7ecd4;--accent-bright:#7ddcb4;--accent-soft:#6dbf9917;--button:#e1f2e9;--button-text:#15251e;--header:#0d1316d4;--shadow:0 24px 80px #0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080b0d;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=light]{--bg:#f2f4ee;--surface:#fafbf7;--surface-raised:#e9eee6;--text:#24352e;--muted:#5d6f66;--subtle:#6d7e75;--line:#31564124;--accent:#2d7756;--accent-bright:#2d7756;--accent-soft:#428f6213;--button:#274e3b;--button-text:#f3f8f0;--header:#f9fbf5e6;--shadow:0 24px 80px #253e2a12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{background:var(--bg);min-width:0;color:var(--text);margin:0}body,button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-user-drag:none}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.3}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:6px}::selection{color:#10231c;background:#95d5b6}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.mono{letter-spacing:.09em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px}.skip-link{background:var(--button);color:var(--button-text);z-index:300;border-radius:8px;padding:14px 20px;position:fixed;top:12px;left:20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-main,.site-footer{width:min(1240px,100% - 96px);margin-inline:auto}.site-main{padding-top:144px}.site-header{z-index:100;border:1px solid var(--line);background:var(--header);-webkit-backdrop-filter:blur(22px);border-radius:24px;align-items:center;gap:30px;width:min(1032px,100% - 72px);min-height:72px;padding:11px 15px 11px 23px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014}.brand{letter-spacing:.025em;white-space:nowrap;align-items:center;gap:12px;font:750 13px/1 Manrope,sans-serif;display:inline-flex}.brand-dot{color:var(--accent-bright);padding-left:3px}.brand-symbol{width:26px;height:30px;display:inline-block;position:relative}.brand-symbol>span{background:var(--text);border-radius:1px;width:3px;height:27px;position:absolute;top:1px;left:10px;transform:rotate(38deg)}.brand-symbol>span+span{transform:rotate(-38deg)}.brand-symbol i{background:var(--accent-bright);border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;right:0}.desktop-nav{align-items:center;gap:3px;margin-inline:auto;display:flex}.desktop-nav a{color:var(--muted);border-radius:12px;padding:11px 15px;font-size:12px;transition:color .2s,background .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text);background:var(--accent-soft)}.header-actions{align-items:center;gap:7px;display:flex}.icon-button{width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.nav-contact{background:var(--text);color:var(--bg);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-left:8px;padding:13px 17px;font-size:12px;font-weight:650;display:inline-flex}.menu-toggle{display:none}.mobile-nav{background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:18px;padding:12px;position:absolute;top:calc(100% + 10px);left:0}.mobile-nav a{border-radius:9px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;display:flex}.mobile-nav a:hover,.mobile-nav a[aria-current]{background:var(--accent-soft)}.hero{isolation:isolate;background:radial-gradient(ellipse at 83% 30%, #46745c1c, transparent 53%), linear-gradient(115deg, var(--surface) 15%, var(--bg) 100%);border:1px solid var(--line);min-height:660px;box-shadow:var(--shadow);border-radius:32px;grid-template-columns:1.12fr 1fr;column-gap:10px;padding:59px 58px 0;display:grid;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid var(--line);pointer-events:none;z-index:-1;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-230px;right:-180px}.hero-copy{z-index:3;align-self:center;padding:16px 0 32px;position:relative}.hero-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:34px;display:flex}.status-label{border:1px solid var(--line);background:var(--accent-soft);border-radius:20px;align-items:center;gap:8px;padding:7px 10px;font-size:10px;display:inline-flex}.status-dot{background:var(--accent-bright);width:5px;height:5px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;flex-shrink:0;display:inline-block}.hero-meta .mono{letter-spacing:.055em;font-size:9px}.hero-name{color:var(--muted);letter-spacing:.01em;margin-bottom:14px;font-size:17px;font-weight:450}.hero-name>span{color:var(--accent)}.hero h1{letter-spacing:-.055em;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(56px,5.2vw,75px);font-weight:750;line-height:1.28}.hero-emphasis{color:var(--accent)}.hero-description{color:var(--muted);margin-top:25px;font-size:14px;line-height:1.95}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:31px;display:flex}.button{border-radius:24px;justify-content:center;align-items:center;gap:17px;min-height:47px;padding:13px 19px;font-size:12px;font-weight:600;transition:transform .25s,background .25s,box-shadow .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--button);color:var(--button-text);border:1px solid #0000}.button-primary:hover{box-shadow:0 5px 25px #82cda21a}.button-secondary{background:var(--accent-soft);border:1px solid var(--line);color:var(--text)}.hero-topics{color:var(--subtle);letter-spacing:.12em;align-items:center;gap:18px;margin-top:36px;font-family:Consolas,monospace;font-size:9px;display:flex}.topic-line{background:var(--line);width:41px;height:1px}.hero-visual{perspective:1000px;align-self:center;min-width:0;height:480px;position:relative}.art-composition{height:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .45s ease-out;position:relative}.visual-orbit{border:1px solid var(--line);border-radius:50%;width:490px;height:340px;position:absolute;top:76px;left:-30px;transform:rotate(-31deg)}.visual-floor{filter:blur(20px);background:radial-gradient(#53997524,#0000 65%);border-radius:50%;width:440px;height:240px;position:absolute;bottom:0;left:-30px}.back-card{color:#b2c8bc;background:linear-gradient(150deg,#172321,#0b1114);border:1px solid #aad2bc1c;border-radius:20px;width:245px;height:331px;padding:23px;position:absolute;box-shadow:0 20px 40px #00000040}.code-card{top:69px;left:-4px;transform:rotate(-11deg)}.mini-window{gap:4px;padding-bottom:34px;display:flex}.mini-window span{background:#53665f;border-radius:50%;width:5px;height:5px}.code-card>svg{color:#84b6a0;margin:1px 0 21px}.code-card p{color:#b0c5ba;font:11px/2.1 Consolas,monospace}.code-mint{color:#a2e0bc}.code-comment{color:#5c7567}.mini-card-label{letter-spacing:.07em;color:#688479;font:8px/1.5 Consolas,monospace;position:absolute;bottom:22px;left:23px}.notes-card{background:linear-gradient(150deg,#24322c,#101a18);width:218px;height:314px;top:94px;right:-15px;transform:rotate(12deg)}.notes-card>svg{float:right;color:#92b29f}.mini-note-title{color:#d0dfd4;margin-top:52px;font-size:24px;font-weight:500;line-height:1.7}.mini-note-line{background:#43584c;width:83%;height:1px;margin-top:21px}.mini-note-line.short{width:57%;margin-top:10px}.art-card{z-index:2;background:#121b17;border:1px solid #dbefe433;border-radius:22px;width:80%;max-width:345px;height:407px;transition:transform .5s,box-shadow .5s;position:absolute;top:12px;left:47px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 34px 70px #00000080,inset 0 1px #ffffff1a}.art-card:hover{transform:rotate(-1deg)translateY(-5px);box-shadow:0 44px 80px #0000008c}.art-card>img{object-fit:cover;object-position:50% 45%;opacity:.85;width:100%;height:100%;display:block}.art-card-shade{background:linear-gradient(#01090640,#0000 45%,#030c08f0);position:absolute;inset:0}.art-label{letter-spacing:.1em;color:#d3e3d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09120d4d;border:1px solid #b7d3c133;border-radius:20px;align-items:center;gap:7px;padding:6px 9px;font:8px/1.6 Consolas,monospace;display:flex;position:absolute;top:18px;left:18px}.art-live-dot{background:#abd4bb;border-radius:50%;width:4px;height:4px}.art-card-footer{justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:24px;left:21px;right:21px}.art-card-footer .mono{color:#8da597;letter-spacing:.08em;margin-bottom:8px;font-size:8px;display:block}.art-card-footer strong{color:#e2ece5;font-size:19px;font-weight:500}.art-link-icon{color:#d5e6d9;border:1px solid #b4d2bf40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.floating-github{z-index:4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#dbe9df;background:#16231de6;border:1px solid #b3cebf30;border-radius:15px;align-items:center;gap:14px;width:269px;padding:15px 17px;transition:transform .3s;display:flex;position:absolute;bottom:18px;left:22px;transform:rotate(2deg);box-shadow:0 14px 30px #00000042}.floating-github:hover{transform:rotate(0)translateY(-3px)}.floating-github span{flex:1;min-width:0}.floating-github strong{font-size:11px;font-weight:500;display:block}.floating-github small{color:#91ab9a;margin-top:4px;font:9px/1.6 Consolas,monospace;display:block}.visual-coordinate{color:var(--subtle);letter-spacing:.13em;font-size:8px;position:absolute;bottom:-5px;right:9px}.hero-bottom{border-top:1px solid var(--line);min-width:0;color:var(--subtle);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;margin-top:23px;padding:21px 0;display:flex}.hero-bottom>.mono{letter-spacing:.04em;font-size:9px}.hero-bottom a{letter-spacing:.1em;align-items:center;gap:11px;padding-block:6px;font:8px/1.5 Consolas,monospace;display:inline-flex}.content-section{margin-top:123px}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:37px;display:flex}.eyebrow{letter-spacing:.1em;color:var(--subtle);align-items:center;gap:9px;font:10px/1.5 Consolas,monospace;display:flex}.eyebrow>span{background:var(--accent-bright);width:4px;height:4px;box-shadow:0 0 7px var(--accent-soft);border-radius:50%}.section-heading h2{letter-spacing:-.035em;margin-top:19px;font-size:37px;font-weight:650;line-height:1.4}.section-description{max-width:350px;color:var(--muted);padding-bottom:3px;font-size:13px;line-height:1.9}.entry-grid{grid-template-columns:1.12fr 1fr 1fr;gap:18px;display:grid}.entry-card{border:1px solid var(--line);background:var(--surface);border-radius:21px;min-width:0;padding:29px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.entry-card:hover{border-color:color-mix(in srgb, var(--accent) 38%, transparent);transform:translateY(-5px)}.entry-blog{background:radial-gradient(ellipse at 100% 0, var(--accent-soft), transparent 80%), var(--surface)}.entry-top{justify-content:space-between;align-items:center;display:flex}.entry-icon{border:1px solid var(--line);width:44px;height:44px;color:var(--accent);background:var(--accent-soft);border-radius:12px;justify-content:center;align-items:center;display:flex}.entry-arrow{color:var(--subtle);transition:color .3s,transform .3s}.entry-card:hover .entry-arrow{color:var(--accent);transform:translate(2px,-2px)}.entry-body{margin-top:34px}.entry-body>.mono{color:var(--subtle);letter-spacing:.09em;font-size:8px}.entry-body h3{letter-spacing:-.025em;margin-top:11px;font-size:25px;font-weight:550}.entry-body p{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.9}.entry-foot{color:var(--subtle);align-items:center;gap:16px;margin-top:29px;font-size:10px;display:flex}.entry-line{background:var(--line);flex:1;height:1px}.writing-section{border:1px solid var(--line);background:radial-gradient(ellipse at 0 100%, var(--accent-soft), transparent 60%), var(--surface);border-radius:28px;grid-template-columns:.8fr 1.3fr;gap:72px;padding:50px;display:grid}.writing-intro h2{letter-spacing:-.035em;margin-top:27px;font-size:43px;font-weight:600;line-height:1.45}.writing-intro>p:not(.eyebrow){color:var(--muted);margin-top:22px;font-size:13px;line-height:1.95}.text-link{color:var(--accent);align-items:center;gap:15px;padding:10px 0;font-size:12px;display:inline-flex}.text-link svg{transition:transform .3s}.text-link:hover svg{transform:translate(2px,-2px)}.writing-intro .text-link{margin-top:20px}.writing-bookmark{color:var(--subtle);align-items:center;gap:15px;margin-top:62px;display:flex}.writing-bookmark span{letter-spacing:.1em;font:9px/1.8 Consolas,monospace}.notes-list{min-width:0}.note-row{border-bottom:1px solid var(--line);grid-template-columns:20px 1fr 21px;gap:17px;padding:27px 0;display:grid}.note-row:first-child{padding-top:0}.note-row:last-child{border-bottom:0;padding-bottom:0}.note-number{color:var(--subtle);padding-top:2px;font-size:9px}.note-category{color:var(--accent);letter-spacing:.065em;font-size:8px}.note-content h3{letter-spacing:-.01em;margin-top:11px;font-size:19px;font-weight:500;line-height:1.65}.note-content>p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.85}.note-tag{color:var(--subtle);margin-top:12px;font-size:10px;display:inline-block}.note-arrow{color:var(--subtle);margin-top:24px;transition:color .2s,transform .2s}.note-row:hover .note-arrow{color:var(--accent);transform:translate(3px,-3px)}.journey-track{scrollbar-width:thin;scrollbar-color:var(--line) transparent;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.journey-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-raised), var(--surface) 55%);border-radius:21px;min-width:0;padding:26px;position:relative}.journey-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.journey-index{color:var(--accent);font:400 29px/1 Georgia,serif}.journey-card time{color:var(--subtle);font:9px/1.5 Consolas,monospace}.journey-node{background:var(--line);height:1px;margin:31px -26px;position:relative}.journey-node>span{border:1px solid var(--accent);background:var(--surface);width:6px;height:6px;box-shadow:0 0 0 5px var(--accent-soft);border-radius:50%;position:absolute;top:-2px;left:27px}.journey-card-content>.mono{color:var(--subtle);letter-spacing:.065em;font-size:8px}.journey-card h3{letter-spacing:-.02em;margin-top:12px;font-size:20px;font-weight:500;line-height:1.5}.journey-description{color:var(--muted);min-height:70px;margin-top:12px;font-size:12px;line-height:1.95}.journey-source{color:var(--subtle);align-items:center;gap:8px;margin-top:20px;padding-block:5px;font-size:10px;display:inline-flex}.journey-source:hover{color:var(--accent)}.journey-current{color:var(--accent);align-items:center;gap:8px;margin-top:20px;padding-block:5px;font-size:10px;display:inline-flex}.journey-current .status-dot{width:4px;height:4px;box-shadow:none}.journey-bottom{color:var(--subtle);justify-content:space-between;align-items:center;gap:20px;margin-top:21px;display:flex}.journey-bottom>.mono{font-size:8px}.journey-next-label{letter-spacing:.1em;align-items:center;gap:12px;font:8px/1.5 Consolas,monospace;display:inline-flex}.journey-controls{gap:5px;display:flex}.journey-controls .icon-button{border:1px solid var(--line);width:35px;height:35px}.contact-section{border:1px solid var(--line);background:radial-gradient(ellipse at 100% 100%, var(--accent-soft), transparent 75%), var(--surface);border-radius:28px;grid-template-columns:1.4fr .7fr;gap:20px;padding:58px;display:grid;position:relative;overflow:hidden}.contact-section h2{letter-spacing:-.035em;margin-top:24px;font-size:39px;font-weight:600;line-height:1.55}.contact-section h2>span{color:var(--accent)}.contact-section>div>p:not(.eyebrow){color:var(--muted);margin-top:18px;font-size:13px;line-height:1.95}.contact-actions{flex-wrap:wrap;align-items:center;gap:26px;margin-top:29px;display:flex}.contact-art{place-self:center;width:245px;height:260px;position:relative}.contact-orbit{border:1px solid var(--line);border-radius:50%;width:227px;height:168px;position:absolute;top:25px;left:10px}.orbit-one{transform:rotate(-38deg)}.orbit-two{transform:rotate(22deg)}.orbit-three{transform:rotate(82deg)}.contact-asterisk{color:var(--accent);text-shadow:0 0 50px var(--accent-soft);font:400 114px/1 Georgia,serif;position:absolute;top:45px;left:70px}.contact-art-caption{color:var(--subtle);text-align:right;font-size:8px;line-height:1.8;position:absolute;bottom:3px;right:15px}.site-footer{padding-top:91px;padding-bottom:30px}.footer-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-tagline{color:var(--muted);font-size:14px}.footer-tagline span{color:var(--accent)}.back-to-top{color:var(--subtle);align-items:center;gap:10px;padding-block:8px;font-size:11px;display:inline-flex}.footer-wordmark{letter-spacing:-.065em;color:color-mix(in srgb, var(--text) 13%, var(--bg));-webkit-user-select:none;user-select:none;white-space:nowrap;margin:24px 0 19px;font:750 clamp(40px,10.5vw,151px)/1.45 Manrope,sans-serif}.footer-wordmark>span{vertical-align:top;letter-spacing:0;color:var(--accent);margin-left:13px;font-size:18px;line-height:3.8}.footer-bottom{border-top:1px solid var(--line);color:var(--subtle);justify-content:space-between;align-items:center;gap:20px;padding-top:23px;font-size:10px;display:flex}.footer-bottom>div{gap:24px;display:flex}.footer-bottom a{align-items:center;gap:5px;padding-block:6px;display:inline-flex}.footer-bottom a:hover{color:var(--accent)}.reveal-ready{opacity:0;transition:opacity .7s ease var(--reveal-delay,0s), transform .7s ease var(--reveal-delay,0s);transform:translateY(18px)}.reveal-ready.is-revealed{opacity:1;transform:translateY(0)}@media (min-width:1500px){.hero{min-height:700px;padding-top:75px}.hero-visual{height:500px}.art-card{height:430px}}@media (max-width:1150px){.site-main,.site-footer{width:calc(100% - 64px)}.hero{column-gap:18px;min-height:625px;padding:43px 39px 0}.hero h1{font-size:60px}.hero-visual{height:440px}.art-card{height:370px;left:31px}.back-card{width:210px;height:300px}.notes-card{width:183px;height:287px;right:-12px}.floating-github{width:248px;bottom:16px;left:6px}.hero-description{font-size:13px}.desktop-break{display:none}.hero-meta{gap:10px;margin-bottom:27px}.entry-card{padding:25px}.entry-body p{font-size:11px}.writing-section{gap:45px;padding:40px}.writing-intro h2{font-size:38px}.contact-section{padding:44px}.contact-section h2{font-size:34px}}@media (max-width:950px){.site-header{gap:15px;padding-left:18px}.desktop-nav a{padding-inline:11px}.header-actions{gap:1px}.github-nav{display:none}.hero{grid-template-columns:1.05fr 1fr;padding-inline:30px}.hero h1{font-size:52px}.hero-name{font-size:15px}.hero-actions{gap:9px}.button{gap:12px;padding:12px 15px;font-size:11px}.hero-topics{gap:14px;font-size:8px}.hero-visual{height:399px}.art-card{height:325px;top:20px;left:25px}.back-card{width:185px;height:268px;padding:20px}.code-card{top:62px;left:-7px}.notes-card{width:160px;height:255px;top:75px;right:-18px}.art-card-footer{left:16px;right:16px}.art-card-footer strong{font-size:15px}.art-label{font-size:7px;left:12px}.floating-github{gap:10px;width:218px;padding:13px;bottom:13px;left:0}.visual-orbit{width:365px;height:285px;left:-23px}.visual-floor{width:340px}.visual-coordinate{display:none}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.entry-card{padding:22px}.entry-body h3{font-size:22px}.entry-body>.mono{font-size:7px}.entry-foot{font-size:9px;line-height:1.9}.section-description{max-width:280px;font-size:12px}.section-heading h2{font-size:32px}.writing-section{grid-template-columns:.8fr 1.2fr;gap:34px;padding:34px}.writing-intro h2{font-size:33px}.note-row{grid-template-columns:15px 1fr 18px;gap:11px}.note-content h3{font-size:17px}.note-content>p{font-size:11px}.journey-card{padding:22px}.journey-card h3{font-size:18px}.journey-node{margin-inline:-22px}.journey-card time{font-size:8px}.journey-description{min-height:94px}.contact-section{grid-template-columns:1fr .55fr;padding:36px}.contact-section h2{font-size:31px}.contact-art{transform-origin:100%;width:220px;transform:scale(.8)}}@media (max-width:760px){html{scroll-padding-top:105px}.site-main,.site-footer{width:calc(100% - 40px)}.site-main{padding-top:113px}.site-header{border-radius:21px;width:calc(100% - 40px);min-height:65px;padding:9px 12px 9px 18px;top:16px}.desktop-nav{display:none}.header-actions{gap:4px;margin-left:auto}.menu-toggle{display:inline-flex}.hero{border-radius:25px;grid-template-columns:1fr;gap:0;min-height:0;padding:38px 32px 0}.hero-copy{padding:0}.hero-meta{margin-bottom:29px}.hero-name{font-size:16px}.hero h1{font-size:clamp(53px,10vw,72px);line-height:1.3}.hero-description{max-width:430px;font-size:14px}.hero-actions{margin-top:26px}.button{min-height:45px;padding:12px 18px;font-size:12px}.hero-topics{gap:20px;margin-top:30px;font-size:9px}.hero-visual{width:100%;max-width:420px;height:405px;margin:31px auto 0}.art-card{width:74%;height:333px;top:12px;left:49px}.code-card{width:220px;height:286px;top:57px;left:5px}.notes-card{width:190px;height:275px;top:65px;right:0}.floating-github{width:251px;padding:14px;bottom:12px;left:31px}.art-card-footer strong{font-size:17px}.visual-orbit{width:440px;height:285px;top:60px;left:-10px}.hero-bottom{margin-top:18px;padding:17px 0}.hero-bottom>.mono{font-size:8px}.hero-bottom a{gap:7px;font-size:7px}.content-section{margin-top:79px}.section-heading{flex-direction:column;align-items:flex-start;gap:17px;margin-bottom:27px}.section-heading h2{margin-top:15px;font-size:31px}.section-description{max-width:350px;font-size:13px}.entry-grid{grid-template-columns:1fr;gap:14px}.entry-card{padding:25px 27px}.entry-top{float:right;flex-direction:row-reverse;gap:17px}.entry-icon{border-radius:10px;width:38px;height:38px}.entry-arrow{width:18px}.entry-body{margin-top:7px}.entry-body>.mono{font-size:9px}.entry-body h3{margin-top:11px;font-size:24px}.entry-body p{clear:both;margin-top:12px;font-size:12px}.entry-foot{margin-top:19px;font-size:10px}.writing-section{border-radius:23px;grid-template-columns:1fr;gap:32px;padding:32px 28px}.writing-intro h2{margin-top:20px;font-size:37px}.writing-intro>p:not(.eyebrow){margin-top:16px}.writing-intro .text-link{margin-top:15px}.writing-bookmark{display:none}.notes-list{border-top:1px solid var(--line)}.note-row:first-child{padding-top:26px}.note-row{grid-template-columns:17px 1fr 18px;gap:12px;padding-block:25px}.note-content h3{font-size:18px}.note-category{font-size:8px}.note-content>p{font-size:12px}.journey-track{scroll-snap-type:x mandatory;gap:15px;padding:2px 2px 15px;display:flex;overflow-x:auto}.journey-card{scroll-snap-align:start;flex:0 0 min(305px,85%);padding:25px}.journey-card h3{font-size:20px}.journey-card time{font-size:10px}.journey-description{min-height:71px}.journey-node{margin-inline:-25px}.journey-bottom{margin-top:12px}.contact-section{border-radius:23px;grid-template-columns:1fr;padding:34px 29px}.contact-section h2{margin-top:20px;font-size:clamp(25px,5.1vw,35px)}.contact-section>div>p:not(.eyebrow){font-size:12px}.contact-actions{gap:15px;margin-top:23px}.contact-art{display:none}.site-footer{padding-top:65px;padding-bottom:25px}.footer-tagline{font-size:12px}.back-to-top{font-size:10px}.footer-wordmark{margin-block:20px;font-size:10.3vw}.footer-wordmark>span{margin-left:7px;font-size:11px}.footer-bottom{flex-wrap:wrap;gap:14px;padding-top:16px}.footer-small-note{display:none}}@media (max-width:420px){.site-header{gap:8px;width:calc(100% - 32px);padding-left:15px}.brand{gap:10px;font-size:11px}.brand-symbol{transform:scale(.85)}.nav-contact{display:none}.hero{border-radius:22px;padding:30px 23px 0}.hero-meta{gap:9px}.hero-meta .mono{font-size:8px}.hero-name{font-size:14px}.hero h1{font-size:52px}.hero-description{font-size:12px;line-height:1.95}.hero-actions{gap:9px}.button{gap:10px;padding-inline:15px;font-size:11px}.hero-topics{gap:15px;font-size:8px}.topic-line{width:20px}.hero-visual{height:350px;margin-top:28px}.art-card{width:80%;height:287px;top:7px;left:29px}.back-card{width:162px;height:249px;padding:18px;top:47px}.notes-card{width:146px;height:235px;top:54px;right:-12px}.mini-note-title{margin-top:44px;font-size:20px}.code-card{left:-5px}.mini-card-label{font-size:7px;left:18px}.art-card-footer{bottom:19px;left:14px;right:14px}.art-card-footer strong{font-size:15px}.art-card-footer .mono{font-size:7px}.art-label{padding:5px 7px;font-size:7px;top:14px;left:12px}.floating-github{width:218px;bottom:5px;left:13px}.floating-github strong{font-size:10px}.hero-bottom{margin-top:14px}.hero-bottom a{font-size:0}.hero-bottom a svg{width:14px;height:14px}.entry-card{padding:23px}.entry-top{gap:9px}.entry-body>.mono{font-size:8px}.entry-icon{width:34px;height:34px}.writing-section{padding-inline:24px}.writing-intro h2{font-size:34px}.note-row{grid-template-columns:14px 1fr 17px;gap:9px}.note-content h3{font-size:16px}.note-content>p{font-size:11px}.contact-section{padding-inline:24px}.contact-section h2{font-size:25px}.contact-actions{gap:10px}.contact-actions .text-link{gap:8px;font-size:11px}}@media (min-width:421px) and (max-width:560px){.nav-contact{display:none}}@media (pointer:coarse){.icon-button{min-width:44px;min-height:44px}.journey-controls .icon-button{width:44px;height:44px}.text-link,.journey-source,.back-to-top,.footer-bottom a{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-ready{opacity:1;transform:none}.art-composition{transform:none}}@media (min-width:951px){.floating-github{bottom:0}}@media (max-width:420px){.hero h1{font-size:clamp(43px,13.4vw,52px)}}