@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";body{margin:0}#root{width:100%;max-width:100%;min-height:100vh}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f2f0e9;margin:0;font-family:Manrope,Arial,sans-serif}a{text-decoration:none}button{font:inherit}img{max-width:100%;display:block}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(2deg)}66%{transform:translateY(10px)rotate(-1deg)}}@keyframes float-reverse{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(15px)rotate(-2deg)}66%{transform:translateY(-10px)rotate(1deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #2ee6b840,0 0 50px #2ee6b81f}50%{box-shadow:0 0 32px #ffb45759,0 0 60px #2ee6b826}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--accent-cyan)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes glow-line{0%{opacity:0;transform:scaleX(0)}50%{opacity:1}to{opacity:1;transform:scaleX(1)}}body.is-framed{background:#17181b;height:100vh;overflow:hidden}body.is-framed.is-dark{background:#0b0c0e}.desk{background:radial-gradient(120% 80% at 50% -10%, var(--desk-1) 0%, var(--desk-2) 46%, var(--desk-3) 100%), var(--desk-3);flex-direction:column;align-items:center;padding:clamp(12px,2vh,26px) clamp(20px,3vw,58px) clamp(10px,2vh,24px);transition:background .45s;display:flex;position:fixed;inset:0}.desk--light{--desk-1:#34373d;--desk-2:#1f2125;--desk-3:#131417;--lamp:#ffcd8c4d}.desk--dark{--desk-1:#16181c;--desk-2:#0e0f12;--desk-3:#07080a;--lamp:#96aadc1a}.desk:after{content:"";pointer-events:none;background:radial-gradient(60% 100% at 50% 0,#f15f3c29,#0000 70%);width:min(1180px,86%);height:22vh;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.desk__rig{z-index:1;flex-direction:column;align-items:center;width:min(1560px,100%);height:100%;display:flex;position:relative}.crt{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex}.crt__case{background:linear-gradient(168deg,#42454b 0%,#33363b 34%,#26282c 66%,#191b1e 100%);border-radius:22px 22px 14px 14px;flex-direction:column;flex:1;width:100%;min-height:0;padding:13px 13px 0;display:flex;position:relative;box-shadow:0 0 0 1px #ffffff12,inset 0 2px #ffffff29,inset 0 -18px 30px -22px #000000e6,0 30px 60px -28px #000000f2}.crt__bezel{background:linear-gradient(#26282c,#1b1d20);border-radius:16px;flex:1;min-height:0;padding:11px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #0000008c,inset 0 14px 26px -18px #000000e6}.crt__tube{background:#f2f0e9;border-radius:26px/20px;flex:1;min-width:0;animation:.85s ease-out both screen-on;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0000008c,inset 0 0 44px -10px #0000008c,0 0 40px -14px #96aaff38}.crt__scanlines{pointer-events:none;opacity:.25;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}.crt__glare{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(120% 90%,#0000 58%,#00000047 100%),linear-gradient(112deg,#ffffff29 0%,#ffffff0d 22%,#0000 42%);position:absolute;inset:0}.crt__chin{align-items:center;gap:14px;height:clamp(32px,4.6vh,50px);padding:0 8px;display:flex;position:relative}.crt__brand{color:#ffffff57;letter-spacing:.22em;text-transform:uppercase;font-family:JetBrains Mono,DM Mono,monospace;font-size:clamp(.55rem,.8vw,.72rem)}.crt__knobs{gap:9px;margin-left:auto;display:flex}.crt__knobs i{background:linear-gradient(#4a4e55,#2a2d32);border-radius:4px;width:clamp(16px,1.7vw,22px);height:clamp(5px,.7vh,7px);box-shadow:inset 0 1px #ffffff38,0 1px 2px #00000080}.crt__led{background:radial-gradient(circle at 34% 30%,#bdf5c8,#37c65a 45%,#12692b 100%);border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #46d76ea6}.desk--dark .crt__led{background:radial-gradient(circle at 34% 30%,#ffe0b4,#f0913c 45%,#8a4a12 100%);box-shadow:0 0 10px #f0963c8c}.crt__neck{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:linear-gradient(#3a3d43,#24262a);width:clamp(120px,14%,190px);height:clamp(14px,2.4vh,28px);box-shadow:inset 0 1px #ffffff1f}.crt__foot{background:linear-gradient(#43464c 0%,#2c2f34 45%,#15171a 100%);border-radius:6px 6px 12px 12px;width:clamp(240px,30%,420px);height:clamp(11px,1.8vh,20px);box-shadow:inset 0 1px #ffffff29,0 26px 40px -22px #000000f2}.cord{z-index:3;cursor:pointer;background:0 0;border:0;width:42px;height:clamp(120px,20vh,210px);padding:0;position:absolute;top:0;right:clamp(12px,2.6vw,46px)}.cord:before{content:"";background:radial-gradient(circle, var(--lamp), transparent 68%);pointer-events:none;border-radius:50%;width:190px;height:190px;transition:background .45s;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.cord__pull{flex-direction:column;align-items:center;transition:transform .28s cubic-bezier(.22,1.4,.4,1);animation:.55s cubic-bezier(.22,1.4,.4,1) cord-yank;display:flex;position:absolute;inset:0}.cord:hover .cord__pull{transform:translateY(7px)}.cord:active .cord__pull{transform:translateY(16px)}.cord__line{background:linear-gradient(#ffffff1a,#ffffff6b);flex:1;width:2px}.cord__knob{background:radial-gradient(circle at 34% 30%,#fff5e2,#e7b877 45%,#a9763a 100%);border-radius:50%;width:15px;height:15px;box-shadow:0 0 14px #ffcd8c8c,0 2px 5px #0009}.desk--dark .cord__knob{background:radial-gradient(circle at 34% 30%,#eef1f6,#9aa4b5 46%,#4c5361 100%);box-shadow:0 0 12px #a0b4dc59,0 2px 5px #0009}@keyframes cord-yank{0%{transform:translateY(20px)}55%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes screen-on{0%{opacity:0;filter:brightness(3);transform:scaleY(.006)}38%{opacity:1;filter:brightness(2.4);transform:scaleY(.02)}62%{filter:brightness(1.5);transform:scaleY(1)}to{filter:brightness();transform:scaleY(1)}}.browser{background:#dedbd2;flex-direction:column;height:100%;font-family:Inter,Manrope,Arial,sans-serif;display:flex}.browser__tabs{align-items:center;gap:14px;padding:8px 14px 0;display:flex}.browser__dots{gap:7px;display:flex}.browser__dots i{background:#c9c6bd;border-radius:50%;width:11px;height:11px}.browser__dots i:first-child{background:#ec6a5e}.browser__dots i:nth-child(2){background:#f4bf4f}.browser__dots i:nth-child(3){background:#61c554}.browser__tab{background:#f2f0e9;border-radius:9px 9px 0 0;align-items:center;gap:9px;max-width:320px;padding:8px 16px;display:flex;box-shadow:inset 0 -1px #0000000f}.browser__favicon{color:#f2f0e9;letter-spacing:-.05em;background:#121513;border-radius:4px;place-items:center;width:17px;height:17px;font-family:JetBrains Mono,DM Mono,monospace;font-size:.52rem;display:grid}.browser__tabtitle{color:#4a4d47;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:600;overflow:hidden}.browser__bar{background:#f2f0e9;border-bottom:1px solid #12151314;align-items:center;gap:14px;padding:9px 16px 10px;display:flex}.browser__controls{gap:4px;display:flex}.browser__controls button{color:#4a4d47;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.76rem;transition:background .18s,color .18s;display:grid}.browser__controls button:hover:not(:disabled){color:#121513;background:#12151312}.browser__controls button:disabled{opacity:.3;cursor:default}.browser__spin{place-items:center;animation:.55s ease-in-out chrome-spin;display:grid}@keyframes chrome-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.browser__url{color:#121513;background:#1215130f;border-radius:16px;flex:1;align-items:center;gap:9px;height:30px;padding:0 15px;font-family:JetBrains Mono,DM Mono,monospace;font-size:.73rem;display:flex}.browser__url>svg{color:#6d7069;font-size:.62rem}.browser__url em{color:#6d7069;font-style:normal}.browser__progress{transform-origin:0;background:linear-gradient(90deg,#f15f3c,#f4a03c);height:2px;animation:.6s ease-out forwards chrome-load;display:block}@keyframes chrome-load{0%{opacity:1;transform:scaleX(0)}78%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.browser__viewport{scrollbar-width:thin;scrollbar-color:#c9c8bf transparent;background:#f2f0e9;flex:1;min-height:0;overflow:hidden auto;container-type:size}.browser__viewport::-webkit-scrollbar{width:11px}.browser__viewport::-webkit-scrollbar-thumb{background:#c9c8bf;border:3px solid #f2f0e9;border-radius:8px}.browser__viewport::-webkit-scrollbar-thumb:hover{background:#a9a89f}.portfolio{--vh:100svh}.browser__viewport .portfolio{--vh:100cqh;--u:min(1cqw, 1.35cqh);--gutter:clamp(48px, 9cqw, 130px);min-height:100cqh}@media (prefers-reduced-motion:reduce){.crt__tube,.browser__spin{animation:none}.browser__progress{opacity:0;animation:none}.cord__pull{animation:none}}.desk--dark .browser{background:#1a1d21}.desk--dark .browser__tab,.desk--dark .browser__bar{background:#23262b}.desk--dark .browser__tabtitle,.desk--dark .browser__controls button{color:#c2c5be}.desk--dark .browser__controls button:hover:not(:disabled){color:#f2f0e9;background:#ffffff1a}.desk--dark .browser__bar{border-bottom-color:#ffffff14}.desk--dark .browser__url{color:#ece9e1;background:#ffffff17}.desk--dark .browser__url>svg,.desk--dark .browser__url em{color:#8f938c}.desk--dark .browser__favicon{color:#14161a;background:#ece9e1}.desk--dark .browser__viewport{scrollbar-color:#3a3f45 transparent;background:#14161a}.desk--dark .browser__viewport::-webkit-scrollbar-thumb{background:#3a3f45;border-color:#14161a}.desk--dark .crt__tube{background:#14161a}.cord--loose{z-index:60;--lamp:#ffcd8c2e;height:clamp(84px,12vh,130px);position:fixed;top:0;right:14px}body.is-dark .cord--loose{--lamp:#96aadc1f}.cord--loose .cord__line{background:linear-gradient(#1215130d,#12151359)}body.is-dark .cord--loose .cord__line{background:linear-gradient(#ffffff14,#fff6)}body.is-dark .cord--loose .cord__knob{background:radial-gradient(circle at 34% 30%,#eef1f6,#9aa4b5 46%,#4c5361 100%)}.portfolio{--u:1vw;--gutter:48px;--ink:#121513;--paper:#f2f0e9;--muted:#6d7069;--line:#c9c8bf;--signal:#f15f3c;--body:#40433e;--paper-blur:#f2f0e9f0;--panel-bg:#121513;--panel-fg:#f2f0e9;--code-bg:#121513;color:var(--ink);background:var(--paper);min-height:100vh;transition:background .4s,color .4s}.portfolio *{box-sizing:border-box}.portfolio .container{width:min(1180px, calc(100% - var(--gutter)));margin:auto;padding:0}.topbar{z-index:10;background:var(--paper-blur);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.topbar__inner{justify-content:space-between;align-items:center;gap:24px;height:70px;display:flex}.wordmark{color:var(--ink);letter-spacing:-.08em;min-width:4.2rem;font-family:JetBrains Mono,DM Mono,monospace;font-size:1.05rem;font-weight:500}.wordmark__typing{color:var(--ink);white-space:nowrap;border-right:2px solid var(--signal);width:0;animation:4.8s steps(6,end) infinite wordmark-type,.7s step-end infinite wordmark-caret;display:block;overflow:hidden}.topbar nav{gap:24px;display:flex}.topbar a,.topbar button{color:var(--ink);letter-spacing:.02em;font-size:.79rem;font-weight:650}.topbar nav a:hover{color:var(--signal)}.topbar__tools{align-items:center;gap:16px;display:flex}.topbar button{cursor:pointer;background:0 0;border:0;padding:4px}.resume{border-bottom:1px solid var(--ink);align-items:center;gap:6px;padding-bottom:2px;display:flex}.resume svg,.case__bottom a svg,.archive__row a svg{font-size:.7rem}.hero-new{min-height:calc(var(--vh,100svh) - 70px);border-bottom:1px solid var(--line);align-items:center;display:grid}.hero-new__grid{gap:calc(7 * var(--u));grid-template-columns:minmax(0,1fr) minmax(0,430px);align-items:center;padding:72px 0;display:grid}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:lowercase;margin-bottom:20px;font-family:JetBrains Mono,DM Mono,monospace;font-size:.74rem;font-weight:500}.eyebrow:before{content:"// ";color:var(--signal)}.codecard{font-family:JetBrains Mono,DM Mono,monospace;font-size:clamp(.64rem, calc(.88 * var(--u)), .77rem);scrollbar-width:none;background:var(--code-bg);color:#e9e7e0;box-shadow:7px 7px 0 var(--line);white-space:pre;border-radius:2px;margin:0;padding:42px 22px 26px;line-height:1.75;position:relative;overflow-x:auto}.codecard__bar{letter-spacing:.04em;color:#8b8e85;background:#1c1f1c;border-bottom:1px solid #2c2f2b;align-items:center;height:28px;padding:0 14px;font-size:.66rem;display:flex;position:absolute;top:0;left:0;right:0}.codecard::-webkit-scrollbar{display:none}.codecard__anno{color:#f29374}.codecard__cmt{color:#7f8279;font-style:italic}.hero-new h1,.section-new h2,.footer-new h2{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500;line-height:.98}.hero-new h1{font-size:clamp(3.3rem, calc(7 * var(--u)), 6.9rem);max-width:830px}.lede{max-width:590px;font-size:clamp(1.03rem, calc(1.5 * var(--u)), 1.22rem);color:var(--body);margin:30px 0;line-height:1.55}.text-link,.email-link{color:var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:9px;padding-bottom:4px;font-weight:750;display:inline-flex}.system-flow{border-left:1px solid var(--ink);flex-direction:column;justify-content:space-around;height:410px;padding-left:25px;display:flex;position:relative;overflow:hidden}.system-flow__caption{letter-spacing:.13em;color:var(--muted);font-size:.68rem;font-weight:800}.flow-step{z-index:1;align-items:baseline;gap:14px;display:flex;position:relative}.flow-step span{color:var(--signal);font-size:.7rem;font-weight:800}.flow-step strong{font-size:1.1rem}.flow-step:before{content:"";background:var(--paper);border:1px solid var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-30px}.flow-signal{background:var(--signal);border-radius:50%;width:10px;height:10px;animation:6s ease-in-out infinite travel;position:absolute;top:55px;left:-6px}.section-new{padding:clamp(82px, calc(11 * var(--u)), 150px) 0;border-bottom:1px solid var(--line)}.section-new h2{font-size:clamp(2.5rem, calc(5 * var(--u)), 4.8rem);max-width:850px}.case-list{margin-top:64px}.case{border-top:1px solid var(--line);grid-template-columns:105px 1fr;padding:26px 0 30px;display:grid}.case:last-child{border-bottom:1px solid var(--line)}.case__index{color:var(--signal);font-size:.75rem;font-weight:800}.case__type{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}.case h3{font-family:Georgia,serif;font-size:clamp(2rem, calc(4 * var(--u)), 3.7rem);letter-spacing:-.05em;margin:8px 0 20px;font-weight:500;line-height:1}.case__description{max-width:670px;color:var(--body);margin:0;font-size:1rem;line-height:1.7}.case__bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:30px;display:flex}.case__bottom b{color:var(--signal);margin-right:14px;font-size:.78rem}.case__bottom em{border:1px solid var(--line);white-space:nowrap;margin-right:5px;padding:5px 8px;font-size:.7rem;font-style:normal}.case__bottom a,.archive__row a{color:var(--ink);white-space:nowrap;align-items:center;gap:7px;font-size:.78rem;font-weight:750;display:inline-flex}.section-new--ink{background:var(--panel-bg);color:var(--panel-fg);border-color:var(--panel-bg)}.section-new--ink .eyebrow{color:#f29374}.principles{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:70px;display:grid}.principles article{border-top:1px solid #6b6d68;padding-top:15px}.principles b{color:#f29374;font-size:.72rem}.principles h3{letter-spacing:-.03em;margin:38px 0 14px;font-family:Georgia,serif;font-size:1.65rem;font-weight:500;line-height:1.08}.principles p{color:#c8c8c2;font-size:.91rem;line-height:1.65}.story{grid-template-columns:minmax(0,760px);justify-content:end;display:grid}.story__text{max-width:650px;color:var(--body);margin:26px 0 35px;font-size:1.12rem;line-height:1.72}.learning{border-top:1px solid var(--line);padding-top:16px}.learning p{max-width:500px;color:var(--muted);margin:7px 0 0;font-size:.9rem}.archive{padding-block:76px}.archive__row{justify-content:space-between;align-items:end;gap:30px;display:flex}.archive h2{font-size:clamp(3rem, calc(6 * var(--u)), 5.6rem)}.archive p{max-width:570px;color:var(--muted);margin:16px 0 0}.footer-new{background:var(--signal);color:#161310;padding:clamp(72px, calc(10 * var(--u)), 140px) 0 70px;justify-content:space-between;align-items:end;gap:40px;display:flex}.footer-new .eyebrow,.footer-new .eyebrow:before{color:#161310}.footer-new h2{font-size:clamp(3rem, calc(6 * var(--u)), 6.6rem);max-width:790px}.footer-new p:not(.eyebrow){max-width:540px;margin-top:18px}.footer-new__actions{gap:30px;display:grid}.footer-new__actions a{color:#161310}.footer-new__actions>div{gap:16px;display:flex}.footer-new__actions>div a{gap:6px;font-size:.82rem;font-weight:700;display:flex}@keyframes travel{0%,12%{transform:translateY(0)}30%,38%{transform:translateY(94px)}55%,63%{transform:translateY(190px)}82%,to{transform:translateY(286px)}}@keyframes wordmark-type{0%,8%{width:0}30%,65%{width:6ch}84%,to{width:0}}@keyframes wordmark-caret{50%{border-color:#0000}}@media (prefers-reduced-motion:reduce){.wordmark__typing{width:6ch;animation:none}}@media (width<=780px){.portfolio{--gutter:36px}.topbar nav{display:none}.hero-new__grid{grid-template-columns:1fr;padding:62px 0 44px}.system-flow{height:270px;margin-top:8px}.flow-signal{animation-duration:5s}.case{grid-template-columns:1fr;gap:18px}.principles{grid-template-columns:1fr;gap:25px;margin-top:45px}.principles h3{margin-top:24px}.story{grid-template-columns:1fr}.archive__row,.footer-new{flex-direction:column;align-items:flex-start}.footer-new{padding-inline:18px}.case__bottom{flex-direction:column;align-items:flex-start}.hero-new h1{font-size:clamp(3rem, calc(15 * var(--u)), 4.7rem)}}.topbar nav .is-active{color:var(--signal)}.home-hello{font-family:Georgia,serif;font-size:clamp(1.2rem, calc(2.1 * var(--u)), 1.7rem);letter-spacing:-.04em;margin:0 0 3px}.hero-new h1.home-name{font-size:clamp(3.7rem, calc(8 * var(--u)), 7.7rem);max-width:900px}.home-role{max-width:640px;font-family:Georgia,serif;font-size:clamp(1.45rem, calc(2.8 * var(--u)), 2.3rem);letter-spacing:-.04em;margin:20px 0 0;line-height:1.08}.hero-actions{align-items:center;gap:24px;display:flex}.text-link--quiet{color:var(--muted);border-color:var(--muted)}.page{min-height:calc(var(--vh,100vh) - 70px);padding:clamp(80px, calc(12 * var(--u)), 150px) 0}.page h1{font-family:Georgia,serif;font-size:clamp(3.2rem, calc(7 * var(--u)), 7rem);letter-spacing:-.06em;max-width:950px;margin:0;font-weight:500;line-height:.95}.page-intro{max-width:570px;color:var(--muted);margin:28px 0 0;font-size:1.08rem;line-height:1.65}.about-page__body{margin-top:clamp(55px, calc(8 * var(--u)), 110px);grid-template-columns:minmax(0,610px) 300px;justify-content:space-between;gap:60px;display:grid}.about-page__body>div>p{font-size:clamp(1.08rem, calc(1.8 * var(--u)), 1.35rem);margin:0 0 24px;line-height:1.7}.about-page__body aside{border-top:1px solid var(--line);align-content:start;gap:8px;padding-top:14px;display:grid}.about-page__photo{aspect-ratio:4/5;object-fit:cover;object-position:top;filter:saturate(.88)contrast(1.04);width:100%;margin-bottom:14px}.about-page__body aside span{color:var(--signal);letter-spacing:.1em;margin-top:14px;font-size:.65rem;font-weight:800}.about-page__body aside b{font-size:.85rem;line-height:1.35}.about-page__note{border-left:2px solid var(--signal);max-width:550px;margin-top:38px;padding:12px 0 12px 18px;font-weight:700;line-height:1.5}.trajectory{margin-top:clamp(60px, calc(8 * var(--u)), 100px);border-top:1px solid var(--line);padding-top:30px}.trajectory__list{margin-top:12px}.trajectory__item{border-bottom:1px solid var(--line);grid-template-columns:190px 1fr;gap:20px;padding:20px 0;display:grid}.trajectory__item:last-child{border-bottom:none}.trajectory__period{color:var(--signal);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:800}.trajectory__role{margin:0 0 6px;font-size:1.02rem;font-weight:750}.trajectory__detail{color:var(--muted);max-width:560px;margin:0;font-size:.92rem;line-height:1.6}.learning--highlight{max-width:640px}.learning__topics{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.learning__topics em{color:#f29374;border:1px solid #6b6d68;padding:6px 10px;font-size:.7rem;font-style:normal;font-weight:700}@media (width<=780px){.trajectory__item{grid-template-columns:1fr;gap:6px}}.case h2{font-family:Georgia,serif;font-size:clamp(2rem, calc(4 * var(--u)), 3.7rem);letter-spacing:-.05em;margin:8px 0 20px;font-weight:500;line-height:1}.page--ink{background:var(--panel-bg);color:var(--panel-fg)}.page--ink .eyebrow{color:#f29374}.page--ink .page-intro{color:#c8c8c2}.toolkit{grid-template-columns:repeat(2,1fr);gap:0 56px;margin-top:80px;display:grid}.toolkit article{border-top:1px solid #6b6d68;padding:18px 0 40px}.toolkit>article>span{color:#f29374;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:800}.toolkit p{color:#c8c8c2;max-width:430px;margin:0;font-size:.92rem;line-height:1.6}.page--ink .learning{border-color:#6b6d68;max-width:640px;margin-top:38px}.page--ink .learning span{color:#f29374}.page--ink .learning p{color:#c8c8c2}.toolkit__chips{flex-wrap:wrap;gap:10px;margin:24px 0 20px;display:flex}.toolkit__chip{border:1px solid #6b6d68;align-items:center;gap:9px;padding:9px 14px;transition:border-color .2s,transform .2s,background .2s;display:flex}.toolkit__chip:hover{background:#f293740f;border-color:#f29374;transform:translateY(-2px)}.toolkit__chip img{object-fit:contain;width:20px;height:20px}.toolkit__chip svg{color:#f29374;width:18px;height:18px}.toolkit__chip span{color:var(--panel-fg);white-space:nowrap;font-size:.85rem;font-weight:650}@media (width<=780px){.page{padding-block:68px}.about-page__body,.toolkit{grid-template-columns:1fr;gap:26px}.about-page__body{margin-top:50px}.toolkit{margin-top:56px}.hero-actions{flex-wrap:wrap;gap:16px}}.portfolio[data-theme=dark]{--ink:#ece9e1;--paper:#14161a;--muted:#9a9d96;--line:#2e3237;--signal:#f4805c;--body:#b9bcb5;--paper-blur:#14161aeb;--panel-bg:#0e1013;--panel-fg:#ece9e1;--code-bg:#0b0d10}.portfolio[data-theme=dark] .footer-new,.portfolio[data-theme=dark] .footer-new .eyebrow,.portfolio[data-theme=dark] .footer-new .eyebrow:before{color:#161310}.portfolio[data-theme=dark] .toolkit__chip img,.portfolio[data-theme=dark] .about-page__photo{filter:brightness(.92)}