@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#10110f;--panel:#171916;--panel-2:#1d201b;--line:#2a2d27;--line-soft:#232620;--text:#f0f1e9;--muted:#94988d;--subtle:#666b60;--accent:#72e2d2;--accent-ink:#171b10;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--sidebar:240px;--radius:18px;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.55;letter-spacing:-.012em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-shell{min-height:100vh}.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:30px 18px 20px;background:#141613;border-right:1px solid var(--line-soft)}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 37px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font:800 23px/1 var(--display);letter-spacing:-.1em;padding-right:3px}.brand-mark span,.footer-brand span{color:#758c3c}.brand-label{font:600 11px/1.4 var(--mono);letter-spacing:.08em}.brand-label span{display:block;color:var(--subtle);font-size:8px;letter-spacing:.1em;margin-top:3px}.side-label{padding:0 12px;margin-bottom:12px;color:#62665d;font:500 9px var(--mono);letter-spacing:.16em}.side-nav{display:grid;gap:5px}.nav-link{position:relative;display:flex;align-items:center;gap:13px;height:42px;padding:0 12px;border-radius:9px;color:#969a90;font-size:12px;transition:background .25s,color .25s,transform .25s}.nav-link:hover{color:var(--text);background:#1b1e19;transform:translateX(2px)}.nav-link.is-active{color:var(--accent);background:#23291b}.nav-icon{width:17px;font-size:17px;line-height:1;text-align:center}.nav-count{margin-left:auto;font:10px var(--mono);color:#797d72}.sidebar-bottom{margin-top:auto}.availability-card{position:relative;display:flex;align-items:center;gap:10px;padding:12px 11px;margin:0 2px 14px;border:1px solid #30342b;border-radius:11px;background:#191c17}.availability-card strong,.availability-card small{display:block}.availability-card strong{font-size:10px;font-weight:600}.availability-card small{font-size:9px;color:var(--subtle);margin-top:2px}.pulse-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #72e2d21c;animation:pulse 2.6s ease-in-out infinite}.tiny-arrow{margin-left:auto;color:#74796d;font-size:12px}.theme-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;background:transparent;border:0;color:#93978d;text-align:left;font-size:11px;cursor:pointer}.theme-icon{font-size:15px;color:#c6cabd}.toggle-track{width:27px;height:15px;margin-left:auto;border:1px solid #3b3e37;border-radius:10px;background:#20221f;padding:2px;transition:.25s}.toggle-track i{display:block;width:9px;height:9px;border-radius:50%;background:#92968a;transition:transform .25s,background .25s}.sidebar-foot{padding:22px 10px 0;color:#50544c;font:8px var(--mono);letter-spacing:.12em}.sidebar-foot span{color:var(--accent);font-size:11px;margin-left:4px}.main-content{max-width:1600px;margin-left:var(--sidebar);padding:0 52px}.topbar{height:68px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-soft);font-size:10px;color:var(--subtle)}.breadcrumb{display:flex;align-items:center;gap:10px}.breadcrumb b{font-weight:400;color:#44483f}.breadcrumb strong{color:#c6c9bf;font-weight:500}.topbar-right{display:flex;align-items:center;gap:14px}.local-time{font:9px var(--mono);letter-spacing:.05em}.topbar-divider{width:1px;height:18px;background:var(--line)}.avatar{display:grid;place-items:center;width:29px;height:29px;border:1px solid #474b40;border-radius:50%;background:#25291f;color:var(--accent);font:600 10px var(--mono);cursor:pointer}.intro{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:30px;align-items:center;padding:72px 0 58px;border-bottom:1px solid var(--line-soft);min-height:378px}.eyebrow{display:flex;align-items:center;gap:9px;color:#909489;font:9px var(--mono);letter-spacing:.14em}.eyebrow-line{display:inline-block;width:18px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}.intro h1{margin:23px 0 7px;font:600 clamp(44px,5vw,67px)/1.03 var(--display);letter-spacing:-.075em}.name-highlight{color:var(--accent)}.wave{margin-left:12px;color:#e8e9df;font-size:.52em;vertical-align:top;display:inline-block;transform-origin:50% 80%;animation:hello 3.2s ease-in-out infinite}.intro-role{margin:0;color:#b7baaf;font:500 12px var(--mono);letter-spacing:-.02em}.intro-role span{margin:0 6px;color:#5e6259}.intro-text{max-width:440px;margin:19px 0 25px;color:#898d83;font-size:13px;line-height:1.8}.intro-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:42px;padding:0 16px;border-radius:8px;font-size:11px;font-weight:600;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-2px)}.button span{font-size:14px}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-primary:hover{background:#b9fff5}.button-quiet{border:1px solid #33372e;color:#c1c4b9}.button-quiet:hover{background:#1c1f1a}.hero-art{position:relative;height:270px;overflow:hidden;border:1px solid #2a2d25;border-radius:15px;background:radial-gradient(ellipse at 50% 50%,#252b1c 0,#171a14 47%,#131512 78%)}.art-caption,.art-bottom{position:absolute;z-index:2;left:17px;right:17px;display:flex;justify-content:space-between;align-items:center;color:#83877a;font:8px var(--mono);letter-spacing:.11em}.art-caption{top:15px}.caption-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 11px #72e2d2;margin-right:7px}.art-bottom{bottom:14px;color:#62675c}.orbit{position:absolute;left:50%;top:50%;border:1px solid #474e34;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg)}.orbit-one{width:250px;height:110px;animation:orbit 16s linear infinite}.orbit-two{width:220px;height:160px;transform:translate(-50%,-50%) rotate(42deg);border-color:#343c2b;animation:orbit 22s linear infinite reverse}.orbit-three{width:160px;height:160px;border-color:#353c2c;animation:orbit 28s linear infinite}.art-core{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:76px;height:76px;border:1px solid #71854b;border-radius:50%;background:radial-gradient(circle at 38% 30%,#dfff91,#9ab84f 43%,#343d27 100%);box-shadow:0 0 54px #bdf35d33;transform:translate(-50%,-50%);color:#20251a;font:700 25px var(--display);letter-spacing:-.1em}.art-core i{position:absolute;right:-22px;top:0;font-style:normal;color:#e6ffae;font-size:18px;text-shadow:0 0 14px #72e2d2}.art-spark{position:absolute;color:var(--accent);font-size:17px}.spark-one{top:28%;left:27%;animation:float 4s ease-in-out infinite}.spark-two{right:25%;bottom:28%;color:#f2e8be;animation:float 3.2s ease-in-out infinite reverse}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:22px 0 67px}.stat-card{position:relative;min-height:139px;overflow:hidden;padding:17px 17px 14px;border:1px solid var(--line);border-radius:12px;background:#151714;transition:border-color .25s,transform .25s}.stat-card:hover{transform:translateY(-3px);border-color:#4a5139}.stat-card-accent{background:linear-gradient(130deg,#20251a,#171a15 73%);border-color:#353c2c}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#878b80;font:8px var(--mono);letter-spacing:.12em}.stat-symbol{color:var(--accent);font-size:13px}.stat-value{margin:16px 0 0;font:600 30px/1 var(--display);letter-spacing:-.06em}.stat-suffix{font:400 11px var(--sans);letter-spacing:0;color:#9b9f94}.stat-note{margin-top:7px;color:#777b71;font-size:9px}.mini-bars{position:absolute;right:17px;bottom:18px;height:30px;display:flex;align-items:flex-end;gap:3px;opacity:.8}.mini-bars i{width:3px;background:var(--accent);border-radius:3px 3px 0 0;height:35%}.mini-bars i:nth-child(3n){height:72%}.mini-bars i:nth-child(3n+1){height:52%}.mini-bars i:nth-child(4n){height:92%}.focus-dots{position:absolute;right:18px;bottom:22px;display:grid;grid-template-columns:repeat(3,7px);gap:5px;transform:rotate(-16deg)}.focus-dots i{width:7px;height:7px;border-radius:2px;background:#5a6544}.focus-dots i:nth-child(2),.focus-dots i:nth-child(4),.focus-dots i:nth-child(8){background:var(--accent)}.stat-availability{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.04em}.stat-availability .pulse-dot{width:8px;height:8px}.stat-link{position:absolute;right:16px;bottom:16px;color:#b7c691;font-size:9px}.stat-link span{margin-left:5px}.projects-section{padding:0 0 74px;border-bottom:1px solid var(--line-soft);scroll-margin-top:32px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.section-heading h2,.about-left h2,.contact-card h2{margin:14px 0 0;font:500 clamp(32px,4vw,45px)/1.12 var(--display);letter-spacing:-.065em}.section-heading h2 span{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--accent)}.project-tools{display:flex;align-items:flex-end;gap:24px}.project-count{padding-bottom:8px;color:var(--accent);font:11px var(--mono)}.project-count span{margin-left:3px;color:#6e7368;font-size:8px;letter-spacing:.1em}.filters{display:flex;gap:3px;padding:4px;background:#171916;border:1px solid var(--line);border-radius:8px}.filter-button{padding:6px 10px;border:0;border-radius:5px;background:transparent;color:#81857a;font-size:9px;cursor:pointer;transition:background .2s,color .2s}.filter-button:hover{color:var(--text)}.filter-button.is-selected{background:#292d23;color:var(--accent)}.projects-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:15px}.project-card{min-width:0;transition:opacity .25s,transform .25s}.project-card.is-hidden{display:none}.project-cover{position:relative;display:block;height:220px;overflow:hidden;border:1px solid #32352d;border-radius:12px;transition:border-color .3s,transform .3s}.project-cover:hover{border-color:#777f5c}.project-cover:hover .analytics-window,.project-cover:hover .phone-front{transform:translate(-50%,-50%) translateY(-5px)}.cover-label{position:absolute;z-index:2;top:13px;left:14px;right:14px;display:flex;justify-content:space-between;color:#a2a697;font:7px var(--mono);letter-spacing:.12em}.cover-analytics{background:radial-gradient(ellipse at 50% 90%,#3a482c,#1f251a 55%,#161914)}.analytics-window{position:absolute;left:50%;top:57%;width:78%;height:67%;overflow:hidden;border:1px solid #47503a;border-radius:8px;background:#171b16;box-shadow:0 18px 50px #0007;transform:translate(-50%,-50%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.window-top{height:25px;display:flex;justify-content:space-between;align-items:center;padding:0 9px;border-bottom:1px solid #282d24;color:#a9ad9f;font-size:7px}.window-dots{color:#65764b;font-size:12px;letter-spacing:1px}.window-pill{padding:3px 5px;border-radius:4px;background:#252a21;color:#919586;font-size:6px}.window-content{padding:12px 14px}.window-title{display:flex;justify-content:space-between;color:#b8bcaf;font-size:8px}.window-title b{color:#72e2d2;font-weight:400}.window-number{margin-top:4px;font:600 23px var(--display);letter-spacing:-.06em}.window-number small{margin-left:7px;color:#72e2d2;font:7px var(--mono);letter-spacing:0}.chart-area{position:relative;height:62px;margin-top:5px;padding-left:24px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 19px,#292e25 20px)}.chart-y{position:absolute;inset:0 auto 0 0;display:flex;flex-direction:column;justify-content:space-between;color:#70756a;font:6px var(--mono)}.chart-area svg{width:100%;height:100%;overflow:visible}.chart-fill{fill:url(#chartFill)}.chart-line{fill:none;stroke:#72e2d2;stroke-width:2;vector-effect:non-scaling-stroke}.chart-x{display:flex;justify-content:space-between;margin:4px 0 0 24px;color:#676c60;font:5px var(--mono)}.project-info{display:flex;align-items:center;justify-content:space-between;padding:13px 1px 8px}.project-info h3{margin:0 0 4px;font:600 14px var(--display);letter-spacing:-.04em}.project-info p{max-width:290px;margin:0;color:#85897e;font-size:10px;line-height:1.5}.project-arrow{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid #34372f;border-radius:50%;color:var(--accent);font-size:13px;transition:transform .25s,background .25s}.project-arrow:hover{transform:rotate(45deg);background:#252a1d}.project-tags{display:flex;gap:6px;flex-wrap:wrap}.project-tags span{padding:4px 7px;border:1px solid #2d3029;border-radius:5px;color:#85897f;font-size:8px}.cover-brand{background:#e0a75e;color:#352a1d}.cover-brand .cover-label{color:#453421}.brand-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(130deg,#e2b56f,#d28b53)}.brand-sun{position:absolute;width:125px;height:125px;left:13%;top:20%;border-radius:50%;background:#f2d59a;box-shadow:0 0 0 14px #f2d59a33,0 0 0 29px #f2d59a20}.brand-word{z-index:1;margin-top:-3px;font:800 42px/.9 var(--display);letter-spacing:-.1em;color:#334638}.brand-word span{vertical-align:top;margin-left:4px;font:9px var(--mono);letter-spacing:0}.brand-sub{z-index:1;margin-top:-34px;color:#425540;font:7px var(--mono);letter-spacing:.18em}.brand-can{position:absolute;right:17%;bottom:-8px;display:flex;flex-direction:column;justify-content:center;width:72px;height:135px;padding:10px;border:2px solid #e1ddc9;border-radius:13px 13px 17px 17px;background:linear-gradient(100deg,#223c35,#456452 48%,#233a32);box-shadow:8px 12px 20px #513a2c66;color:#e8dfbf;transform:rotate(-8deg)}.brand-can:before{content:'';position:absolute;top:-5px;left:18px;width:32px;height:5px;border-radius:5px;background:#b7b4a3}.brand-can span{font:700 15px var(--display);letter-spacing:-.08em}.brand-can small{margin-top:13px;font:5px/1.5 var(--mono);letter-spacing:.1em}.brand-sticker{position:absolute;left:15%;bottom:20px;display:grid;place-items:center;width:60px;height:60px;border:1px solid #384738;border-radius:50%;color:#384738;text-align:center;font:7px/1.35 var(--mono);letter-spacing:.05em;transform:rotate(-12deg)}.cover-index{position:absolute;right:13px;bottom:12px;color:#e5e7dd;font:7px var(--mono);letter-spacing:.1em}.cover-brand .cover-index{color:#54432e}.cover-mobile{background:radial-gradient(ellipse at 50% 100%,#334d65,#1a2631 63%,#151b21)}.phone{position:absolute;left:54%;top:59%;width:105px;height:182px;border:3px solid #343a3d;border-radius:18px;background:#f0f0e7;box-shadow:0 18px 30px #0007}.phone-front{z-index:1;transform:translate(-50%,-50%) rotate(-4deg);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.phone-back{left:74%;top:62%;background:#242c31;transform:translate(-50%,-50%) rotate(10deg);opacity:.8}.phone-topline{width:30px;height:4px;margin:6px auto 12px;border-radius:5px;background:#656960}.phone-greeting{padding:0 10px;color:#697066;font:6px/1.5 var(--sans)}.phone-greeting b{color:#252b26;font:700 11px var(--display)}.phone-balance-label{margin:13px 10px 1px;color:#80857a;font:5px var(--mono);letter-spacing:.04em}.phone-balance{padding:0 10px;color:#1e2822;font:700 17px var(--display);letter-spacing:-.06em}.phone-balance span{font-size:9px}.phone-actions{display:flex;justify-content:space-between;padding:10px 11px}.phone-actions i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#d5e6bb;color:#3c5132;font:10px var(--sans);font-style:normal}.phone-list{display:grid;gap:7px;padding:0 10px;color:#596158;font-size:6px}.phone-list i{height:13px;border-radius:4px;background:linear-gradient(90deg,#dfe3d6 25%,#eceee5 25%)}.phone-mini-chart{height:39px;margin:28px 9px 0;border-radius:6px;background:linear-gradient(150deg,transparent 45%,#72e2d2 46%,#72e2d2 50%,transparent 51%),linear-gradient(#333c3d,#232a2c)}.mobile-orb{position:absolute;left:22%;top:31%;width:83px;height:83px;border:1px solid #7399a0;border-radius:50%;box-shadow:inset 0 0 25px #7baca325,0 0 30px #7495a51c}.sample-note{display:flex;align-items:center;gap:7px;margin:15px 0 0;color:#74796e;font-size:9px}.sample-note span{color:var(--accent)}.about-section{padding:68px 0 62px;border-bottom:1px solid var(--line-soft);scroll-margin-top:32px}.about-panel{display:grid;grid-template-columns:.9fr 1.1fr;min-height:350px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#151714}.about-left{padding:34px 29px}.about-left h2{font-size:38px}.about-left h2 em{font-family:var(--serif);font-weight:400;color:var(--accent)}.about-left>p{max-width:330px;margin:18px 0 22px;color:#898d83;font-size:11px;line-height:1.8}.text-link{color:#d0d2c8;font-size:10px}.text-link span{margin-left:6px;color:var(--accent)}.about-right{position:relative;padding:28px 30px 23px;border-left:1px solid var(--line);background:radial-gradient(ellipse at 93% 95%,#272e1f,#171a16 55%)}.about-meta{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #30332c;color:#71766b;font:8px var(--mono);letter-spacing:.12em}.principle{position:relative;display:flex;align-items:flex-start;gap:15px;padding:17px 0;border-bottom:1px solid #2b2e27}.principle-number{padding-top:2px;color:var(--accent);font:9px var(--mono)}.principle h3{margin:0 0 4px;font:600 12px var(--display)}.principle p{margin:0;color:#81867b;font-size:9px}.principle-mark{margin-left:auto;color:#707668;font-size:12px}.about-stamp{position:absolute;right:12px;bottom:8px;display:grid;place-content:center;width:73px;height:73px;border:1px solid #586342;border-radius:50%;color:#a3b480;text-align:center;font:8px/1.3 var(--mono);letter-spacing:.12em;transform:rotate(12deg);opacity:.74}.about-stamp span{margin-top:2px;color:var(--accent);font-size:15px}.tool-row{display:flex;align-items:center;gap:24px;padding-top:20px}.tool-label{flex:none;color:#75796f;font:8px var(--mono);letter-spacing:.12em}.tool-list{display:flex;gap:7px;flex-wrap:wrap}.tool-list span{padding:6px 10px;border:1px solid #2e312a;border-radius:20px;color:#b3b6ab;font-size:9px}.contact-section{padding:68px 0 45px;scroll-margin-top:32px}.contact-card{position:relative;min-height:240px;overflow:hidden;padding:34px;border:1px solid #3c4530;border-radius:15px;background:radial-gradient(ellipse at 80% 28%,#303a22,#1b2017 43%,#161914 78%)}.contact-card .eyebrow{position:relative;z-index:1}.contact-card h2{position:relative;z-index:1;margin-top:13px;font-size:39px}.contact-card h2 span{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.contact-card>p{position:relative;z-index:1;margin:12px 0 17px;color:#93988b;font-size:10px}.contact-button{position:relative;z-index:1;min-height:38px;gap:18px}.contact-spark{position:absolute;z-index:1;right:17%;top:33px;color:var(--accent);font-size:22px;animation:float 4s ease-in-out infinite}.contact-grid-lines{position:absolute;inset:-25% -10% -55% 50%;opacity:.35;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 21px,#56613a 22px,#56613a 23px,transparent 24px 39px);transform:rotate(-18deg)}.footer{display:flex;align-items:center;justify-content:space-between;padding:18px 0 22px;border-top:1px solid var(--line-soft);color:#686d62;font:7px var(--mono);letter-spacing:.1em}.footer-brand{font:800 20px var(--display);letter-spacing:-.1em;color:var(--accent)}.footer a:last-child{color:#a1a598;transition:color .2s}.footer a:last-child:hover{color:var(--accent)}.toast{position:fixed;z-index:20;right:22px;bottom:22px;padding:11px 15px;border:1px solid #464d39;border-radius:8px;background:#1d2119;color:#d7e4bb;font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.is-visible{opacity:1;transform:translateY(0)}.section-reveal{animation:enter .7s both}.stats-grid.section-reveal{animation-delay:.09s}.projects-section.section-reveal{animation-delay:.14s}.about-section.section-reveal{animation-delay:.12s}.contact-section.section-reveal{animation-delay:.1s}
body.light-mode{color-scheme:light;--bg:#f3f4ee;--panel:#fff;--panel-2:#f7f8f1;--line:#dfe2d8;--line-soft:#e3e5dd;--text:#20231e;--muted:#666c60;--subtle:#83887d;--accent:#126c63;--accent-ink:#f8faef}body.light-mode .sidebar{background:#f8f9f4}body.light-mode .brand-label{color:#33382e}body.light-mode .nav-link{color:#70766b}body.light-mode .nav-link.is-active{color:#135b53;background:#e8eedb}body.light-mode .availability-card,body.light-mode .stat-card,body.light-mode .about-panel{background:#fbfcf7}body.light-mode .stat-card-accent{background:#eef2e5}body.light-mode .topbar{border-color:var(--line)}body.light-mode .intro-text,body.light-mode .about-left>p,body.light-mode .contact-card>p{color:#62675d}body.light-mode .hero-art{background:radial-gradient(ellipse at 50% 50%,#e6ecd9,#f2f3ee 75%)}body.light-mode .orbit{border-color:#a9b895}body.light-mode .art-core{color:#f7faef}body.light-mode .art-caption,body.light-mode .art-bottom{color:#62695a}body.light-mode .about-right{background:radial-gradient(ellipse at 93% 95%,#edf1e3,#f7f8f2 65%)}body.light-mode .contact-card{background:radial-gradient(ellipse at 80% 28%,#e2ebd0,#f1f4e9 75%)}body.light-mode .project-info p,body.light-mode .principle p{color:#656a60}body.light-mode .theme-toggle{color:#50564b}body.light-mode .toggle-track{background:#e4ebd5;border-color:#abb991}body.light-mode .toggle-track i{transform:translateX(11px);background:#126c63}
body.light-mode .nav-link:hover{background:#eceee7}body.light-mode .stat-top,body.light-mode .project-count span{color:#71776a}body.light-mode .filter-button.is-selected{color:#135b53;background:#e8eedb}body.light-mode .project-tags span,body.light-mode .tool-list span{border-color:#d5d9ce;color:#596052}body.light-mode .about-right,body.light-mode .contact-card{color:var(--text)}body.light-mode .about-meta,body.light-mode .principle{border-color:#dce0d4}body.light-mode .footer a:last-child{color:#50564b}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px #72e2d21c}50%{box-shadow:0 0 0 7px #72e2d20c}}@keyframes hello{0%,80%,100%{transform:rotate(0)}84%{transform:rotate(20deg)}88%{transform:rotate(-12deg)}92%{transform:rotate(12deg)}96%{transform:rotate(-5deg)}}@keyframes orbit{to{rotate:360deg}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media (max-width:1120px){:root{--sidebar:210px}.main-content{padding:0 34px}.projects-grid{grid-template-columns:1fr 1fr}.project-featured{grid-column:span 2}.project-featured .project-cover{height:250px}.projects-grid .project-card:not(.project-featured) .project-cover{height:220px}.intro{grid-template-columns:1fr .8fr;gap:20px}.hero-art{height:245px}}
@media (max-width:780px){:root{--sidebar:0px}.sidebar{position:sticky;top:0;inset:auto;width:100%;height:60px;flex-direction:row;align-items:center;justify-content:space-between;padding:0 18px;border-right:0;border-bottom:1px solid var(--line-soft)}.brand{padding:0}.brand-label{font-size:9px}.brand-label span{font-size:7px}.side-label,.sidebar-bottom{display:none}.side-nav{display:flex;gap:3px}.nav-link{height:34px;padding:0 9px;gap:0;font-size:0}.nav-icon{font-size:16px}.nav-count{display:none}.main-content{margin-left:0;padding:0 24px}.topbar{height:54px}.intro{padding:52px 0 40px;grid-template-columns:1fr .72fr;min-height:310px}.intro h1{font-size:clamp(40px,7vw,58px)}.intro-role{font-size:10px}.intro-text{font-size:12px}.hero-art{height:220px}.stats-grid{padding-bottom:54px}.stat-card{padding:14px;min-height:130px}.projects-section{padding-bottom:56px}.about-section,.contact-section{padding-top:54px}.about-panel{grid-template-columns:1fr}.about-left{padding:27px}.about-right{border-left:0;border-top:1px solid var(--line)}.about-stamp{right:23px}.contact-card{padding:29px}}
@media (max-width:560px){.main-content{padding:0 17px}.topbar{height:49px}.local-time{font-size:7px}.topbar-right{gap:9px}.intro{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:42px 0 29px}.intro h1{font-size:clamp(44px,11vw,57px);margin-top:18px}.intro-role{font-size:9px}.intro-text{margin:14px 0 18px}.hero-art{height:190px}.stats-grid{grid-template-columns:1fr;gap:9px;padding:17px 0 49px}.stat-card{min-height:112px}.stat-value{margin-top:11px}.stat-note{font-size:9px}.section-heading{display:block}.section-heading h2{font-size:37px}.project-tools{justify-content:space-between;margin-top:17px}.projects-grid{grid-template-columns:1fr;gap:25px}.project-featured{grid-column:auto}.project-featured .project-cover,.projects-grid .project-card:not(.project-featured) .project-cover{height:224px}.about-left h2{font-size:35px}.about-right{padding:22px 20px}.tool-row{display:block}.tool-list{margin-top:12px}.contact-card{min-height:270px;padding:27px 23px}.contact-card h2{font-size:35px}.contact-spark{right:25px;top:23px}.footer{gap:12px;font-size:6px}.footer span{max-width:190px;text-align:center}.footer a:last-child{font-size:6px}}
@media (max-width:390px){.brand-label{display:none}.sidebar{padding:0 13px}.nav-link{padding:0 8px}.intro-actions{gap:7px}.button{gap:12px;padding:0 12px;font-size:10px}.project-cover{height:205px!important}.footer{font-size:5px}.footer a:last-child{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.section-reveal{opacity:0;translate:0 14px;animation:none}.section-reveal.is-visible{animation:enter .7s both}.stats-grid.section-reveal.is-visible{animation-delay:.09s}.projects-section.section-reveal.is-visible{animation-delay:.14s}.about-section.section-reveal.is-visible{animation-delay:.12s}.contact-section.section-reveal.is-visible{animation-delay:.1s}
@media(prefers-reduced-motion:reduce){.section-reveal{opacity:1;translate:0 0}}
.career-section,.skills-section{padding:68px 0;border-bottom:1px solid var(--line-soft);scroll-margin-top:32px}.career-heading,.skills-heading{align-items:flex-end}.section-side-note{max-width:235px;margin:0 0 4px;color:#777c71;font-size:10px;line-height:1.7}.career-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.timeline-panel,.education-panel{position:relative;border:1px solid var(--line);border-radius:13px;background:#151714}.timeline-panel{padding:19px 21px 15px}.education-panel{padding:19px 20px;background:radial-gradient(ellipse at 90% 90%,#252c1d,#151714 65%)}.panel-overline{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);color:#777c71;font:8px var(--mono);letter-spacing:.12em}.panel-overline span:last-child{color:var(--accent)}.timeline-item{position:relative;margin-left:5px;padding:16px 0 15px 18px;border-left:1px solid #3b4430}.timeline-item:last-of-type{padding-bottom:8px}.timeline-marker{position:absolute;left:-4px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #72e2d218}.timeline-top{display:flex;justify-content:space-between;align-items:center;color:#777c71;font:7px var(--mono);letter-spacing:.09em}.timeline-status{padding:3px 6px;border:1px solid #485438;border-radius:4px;color:var(--accent);font-size:6px}.timeline-item h3,.education-item h3{margin:7px 0 2px;font:600 13px var(--display);letter-spacing:-.03em}.timeline-company{margin:0;color:#a1a598;font-size:9px}.timeline-company span{color:var(--accent)}.timeline-description{max-width:440px;margin:8px 0 0;color:#7e8378;font-size:9px;line-height:1.65}.timeline-tags{display:flex;gap:5px;margin-top:8px}.timeline-tags span{padding:3px 6px;border:1px solid #30342b;border-radius:4px;color:#858b7d;font-size:7px}.timeline-note{margin:0 0 0 18px;font-size:8px}.education-item{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--line-soft)}.education-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border:1px solid #414a34;border-radius:8px;color:var(--accent)}.education-year{color:var(--accent);font:7px var(--mono);letter-spacing:.09em}.education-item h3{margin-top:5px}.education-item p{margin:0;color:#858a7f;font-size:9px}.education-footnote{padding-top:13px;color:#74796e;font-size:8px;line-height:1.6}.skills-section{padding-top:64px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.skill-card{min-height:172px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#151714;transition:transform .25s,border-color .25s}.skill-card:hover{transform:translateY(-3px);border-color:#4a5139}.skill-card-top{display:flex;justify-content:space-between;color:var(--accent);font:9px var(--mono)}.skill-card h3{margin:16px 0 4px;font:600 13px var(--display)}.skill-card p{min-height:30px;margin:0;color:#81867b;font-size:9px;line-height:1.6}.skill-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.skill-tags span{padding:4px 7px;border:1px solid #30342b;border-radius:5px;color:#aaafa2;font-size:8px}.tool-list a{padding:6px 10px;border:1px solid #2e312a;border-radius:20px;color:#b3b6ab;font-size:9px;transition:border-color .2s,color .2s}.tool-list a:hover{border-color:#647448;color:var(--accent)}body.light-mode .timeline-panel,body.light-mode .education-panel,body.light-mode .skill-card{background:#fbfcf7}body.light-mode .education-panel{background:radial-gradient(ellipse at 90% 90%,#e8eedb,#fbfcf7 68%)}body.light-mode .timeline-description,body.light-mode .skill-card p{color:#656a60}body.light-mode .timeline-tags span,body.light-mode .skill-tags span,body.light-mode .tool-list a{border-color:#d5d9ce;color:#596052}body.light-mode .panel-overline,body.light-mode .section-side-note{color:#71776a}body.light-mode .timeline-item,body.light-mode .education-item{border-color:#dce0d4}
@media(max-width:1120px){.career-grid{grid-template-columns:1fr .85fr}.skills-grid{grid-template-columns:1fr 1fr}.tools-card{grid-column:span 2}}
@media(max-width:780px){.career-section,.skills-section{padding:54px 0}.career-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}.tools-card{grid-column:span 2}}
@media(max-width:560px){.career-heading,.skills-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.section-side-note{max-width:300px}.career-grid{gap:10px}.timeline-panel,.education-panel{padding:16px}.skills-grid{grid-template-columns:1fr}.tools-card{grid-column:auto}.skill-card{min-height:155px}}

.projects-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:stretch}.project-featured{grid-column:auto}.project-cover.cover-pelindo{height:258px;overflow:hidden;background:radial-gradient(ellipse at 70% 80%,#174746,#142b35 54%,#111c28)}.cover-pelindo .cover-label{color:#a9c8c8}.port-grid{position:absolute;inset:34px 0 0;overflow:hidden;background-image:linear-gradient(#a8e7e220 1px,transparent 1px),linear-gradient(90deg,#a8e7e220 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 90%,transparent)}.port-grid:before,.port-grid:after{position:absolute;content:"";inset:0;background:radial-gradient(ellipse at 30% 66%,#49c5b71c,transparent 44%),radial-gradient(ellipse at 85% 38%,#63d8c216,transparent 38%)}.sea-route{position:absolute;z-index:1;height:1px;background:#72e2d2;box-shadow:0 0 9px #72e2d2;transform-origin:left}.route-a{left:12%;top:63%;width:65%;transform:rotate(-18deg)}.route-b{left:34%;top:78%;width:46%;transform:rotate(-49deg);opacity:.6}.port-marker{position:absolute;z-index:2;display:grid;place-items:center;width:19px;height:19px;border:1px solid #8af4e5;border-radius:50%;background:#173a3c;color:#d8fff8;font:7px var(--mono);box-shadow:0 0 16px #72e2d280}.marker-a{left:11%;top:60%}.marker-b{right:20%;top:28%}.port-block{position:absolute;z-index:1;border:1px solid #83cabe55;background:linear-gradient(135deg,#397b7777,#1a3c44cc);box-shadow:inset 0 0 18px #79d9c51c}.block-a{left:28%;top:24%;width:49px;height:21px;transform:rotate(-20deg)}.block-b{left:40%;top:36%;width:61px;height:20px;transform:rotate(-20deg)}.block-c{left:53%;top:47%;width:42px;height:20px;transform:rotate(-20deg)}.block-d{right:13%;top:56%;width:52px;height:20px;transform:rotate(-20deg)}.block-e{right:24%;top:19%;width:38px;height:18px;transform:rotate(34deg)}.block-f{left:15%;top:35%;width:32px;height:16px;transform:rotate(32deg)}.radar-ring{position:absolute;right:18%;top:13%;width:82px;height:82px;border:1px solid #72e2d269;border-radius:50%;box-shadow:0 0 0 11px #72e2d214,0 0 0 23px #72e2d20d}.radar-dot{position:absolute;right:32%;top:28%;width:5px;height:5px;border-radius:50%;background:#b4fff3;box-shadow:0 0 10px #72e2d2}.port-caption{position:absolute;z-index:3;left:17px;bottom:15px;display:flex;align-items:flex-end;gap:10px;color:#e2f3ef}.port-caption strong{font:800 33px/.9 var(--display);letter-spacing:-.09em}.port-caption span{padding-bottom:3px;color:#83a9a8;font:7px var(--mono);letter-spacing:.13em}.project-detail-card{display:flex;flex-direction:column;min-height:100%;padding:19px 20px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#182321,#151916 75%)}.project-detail-card h3{margin:26px 0 7px;font:600 21px/1.12 var(--display);letter-spacing:-.05em}.project-detail-card>p{margin:0 0 20px;color:#91978c;font-size:10px;line-height:1.75}.project-fact{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line-soft)}.project-fact span{color:#757c71;font:7px var(--mono);letter-spacing:.1em}.project-fact strong{color:#d3d8cd;text-align:right;font-size:9px;font-weight:500}.project-detail-card .text-link{margin-top:auto;padding-top:20px}body.light-mode .project-detail-card{background:linear-gradient(145deg,#e7f2ef,#fbfcf7)}body.light-mode .project-detail-card>p{color:#656a60}body.light-mode .project-fact{border-color:#dce0d4}body.light-mode .project-fact strong{color:#32382f}
@media(max-width:1120px){.projects-grid{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}.project-featured{grid-column:auto}}
@media(max-width:780px){.projects-grid{grid-template-columns:1fr}.project-detail-card{min-height:0}.project-detail-card .text-link{margin-top:0}}
.avatar{overflow:hidden;padding:0}.avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 23%;border-radius:50%}.art-core.profile-core{width:126px;height:126px;overflow:visible;background:#143332;border:1px solid #72e2d2;box-shadow:0 0 54px #72e2d233}.profile-core img{display:block;width:100%;height:100%;border:3px solid #c6fff4;border-radius:50%;object-fit:cover;object-position:50% 22%}.profile-core i{right:-13px;top:8px;color:#bafff5;text-shadow:0 0 14px #72e2d2}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.project-featured{grid-column:auto}.project-highlights{display:grid;gap:7px;margin:13px 0 2px;padding:0;list-style:none}.project-highlights li{position:relative;padding-left:14px;color:#858c81;font-size:9px;line-height:1.55}.project-highlights li:before{position:absolute;left:0;top:5px;content:"";width:5px;height:5px;border:1px solid var(--accent);border-radius:50%}.cover-terminal{height:258px;background:radial-gradient(ellipse at 75% 85%,#144a57,#122b3d 56%,#121b2b)}.cover-terminal .cover-label{color:#aac7d0}.terminal-orbit{position:absolute;right:12%;top:23%;width:104px;height:104px;border:1px solid #6bd6cf78;border-radius:50%;box-shadow:0 0 0 14px #6bd6cf16,0 0 0 30px #6bd6cf0a;animation:orbit 24s linear infinite}.terminal-window{position:absolute;z-index:2;left:46%;top:56%;width:min(68%,330px);min-height:162px;overflow:hidden;border:1px solid #6ab5b770;border-radius:9px;background:#f0f3ec;box-shadow:0 16px 44px #0007;transform:translate(-50%,-50%);transition:transform .35s}.cover-terminal:hover .terminal-window{transform:translate(-50%,-52%)}.terminal-top{display:flex;justify-content:space-between;padding:8px 11px;background:#152a38;color:#c6e8e4;font:7px var(--mono);letter-spacing:.1em}.terminal-body{padding:11px 14px;color:#1b3035}.terminal-kicker{color:#487f7c;font:6px var(--mono);letter-spacing:.13em}.terminal-heading{margin-top:5px;font:500 16px/1.15 var(--display);letter-spacing:-.05em}.terminal-heading b{color:#176c68;font-weight:700}.terminal-rule{height:1px;margin:9px 0;background:#d7e3dd}.terminal-row{display:flex;align-items:center;gap:7px;margin-top:6px;color:#566c68;font-size:7px}.terminal-row i{width:7px;height:7px;border-radius:2px;background:#60bcb0}.terminal-row b{margin-left:auto;color:#2b8780;font-weight:500}.terminal-button{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:6px 8px;border-radius:4px;background:#17716b;color:#e7fffa;font:6px var(--mono);letter-spacing:.05em}.contact-actions{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap}.contact-downloads{position:relative;z-index:1;display:flex;gap:15px;margin-top:18px}.contact-downloads a{color:#b5c9b7;font-size:9px}.contact-downloads span{margin-left:5px;color:var(--accent)}.contact-card .contact-button{margin-top:0}body.light-mode .project-highlights li{color:#656a60}body.light-mode .contact-downloads a{color:#425649}
@media(max-width:1120px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-grid .project-cover{height:230px}}
@media(max-width:780px){.projects-grid{grid-template-columns:1fr}.project-cover.cover-pelindo,.cover-terminal{height:250px}.project-highlights{margin-bottom:3px}}
:root{--bg:#0d1721;--panel:#14212b;--panel-2:#1b2a33;--line:#2a3943;--line-soft:#202e38;--accent:#72e2d2;--accent-ink:#10211d;--signal:#ffbd69}
body{background:radial-gradient(ellipse at 74% 8%,#142934 0,transparent 34%),var(--bg)}.sidebar{background:#101b25;border-color:#20303b}.availability-card,.stat-card,.about-panel,.timeline-panel,.education-panel,.skill-card{background-color:#14202a}.availability-card{border-color:#2d4147}.stat-card-accent{background:linear-gradient(130deg,#1b2d34,#14202a 73%);border-color:#2d4b4a}.hero-art{background:radial-gradient(ellipse at 50% 50%,#16343a 0,#142630 48%,#101a23 80%)}.orbit{border-color:#39706f}.orbit-two,.orbit-three{border-color:#2b5559}.about-right{background:radial-gradient(ellipse at 93% 95%,#193137,#14212a 57%)}.contact-card{background:radial-gradient(ellipse at 80% 28%,#1c4243,#14252d 44%,#111b24 79%)}.project-detail-card{background:linear-gradient(145deg,#182a31,#14202a 75%)}
.scroll-progress{position:fixed;z-index:1000;inset:0 0 auto;height:2px;pointer-events:none;background:#72e2d21a}.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--accent),var(--signal));box-shadow:0 0 10px #72e2d280;transform:scaleX(0);transform-origin:left center;will-change:transform}
.hero-art{isolation:isolate}.hero-art:after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;opacity:.5;background:linear-gradient(115deg,transparent 20%,#72e2d20b 42%,#72e2d21a 50%,transparent 65%);background-size:220% 100%;animation:current-shift 12s ease-in-out infinite}.art-caption,.art-bottom{z-index:3}.orbit{z-index:1}.art-core{z-index:2}.profile-core{animation:portrait-float 6s ease-in-out infinite}.profile-core img{box-shadow:0 8px 28px #0005}.profile-core i{color:var(--signal);text-shadow:0 0 14px #ffbd69}.art-spark{z-index:2}.orbit-one{animation:orbit 19s linear infinite}.orbit-two{animation:orbit 28s linear infinite reverse}.orbit-three{animation:orbit 38s linear infinite}
.sea-route{overflow:visible}.sea-route:after{position:absolute;top:-3px;left:0;content:"";width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px var(--signal);animation:route-travel 5s ease-in-out infinite}.route-b:after{animation-delay:2.2s}.radar-ring{animation:radar-pulse 4.8s ease-out infinite}.radar-dot{animation:signal-blink 2.5s ease-in-out infinite}.port-block{animation:block-drift 7s ease-in-out infinite}.block-b{animation-delay:.7s}.block-c{animation-delay:1.3s}.block-d{animation-delay:1.9s}.block-e{animation-delay:2.5s}.block-f{animation-delay:3.1s}.terminal-orbit{border-color:#72e2d27a;animation:orbit 28s linear infinite}.terminal-button{background:#176e6e;transition:background .25s,letter-spacing .25s}.cover-terminal:hover .terminal-button{background:#178e85;letter-spacing:.1em}.port-marker{border-color:var(--signal);color:#fff1d8;box-shadow:0 0 15px #ffbd6966}.marker-b{animation:signal-blink 3s ease-in-out infinite}
.project-cover{transform:translateZ(0);transition:border-color .3s,box-shadow .3s,transform .35s cubic-bezier(.2,.8,.2,1)}.project-cover:hover{transform:translateY(-3px);box-shadow:0 17px 38px #0003,0 0 0 1px #72e2d224}.project-card{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.project-card:hover{transform:translateY(-3px)}.project-arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}.project-info .project-arrow:hover{transform:rotate(45deg) scale(1.08);background:#72e2d21c}.filter-button.is-selected{box-shadow:inset 0 0 0 1px #72e2d225}.timeline-item{transition:border-color .3s,padding-left .3s}.timeline-item:hover{border-left-color:var(--signal);padding-left:22px}.timeline-marker{transition:transform .35s,box-shadow .35s}.timeline-item:hover .timeline-marker{transform:scale(1.3);box-shadow:0 0 0 5px #ffbd6920,0 0 16px #ffbd6966}.timeline-status{color:var(--signal);border-color:#ffbd6955}.about-stamp{border-color:#4d827a;color:#a3d9d0}.about-stamp span{color:var(--signal)}.stat-symbol{color:var(--signal)}.stat-card-accent .stat-symbol{color:var(--accent)}.project-tags span,.skill-tags span,.tool-list a{transition:transform .22s,border-color .22s,color .22s,background .22s}.project-tags span:hover,.skill-tags span:hover,.tool-list a:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.contact-spark{color:var(--signal)}.contact-downloads a:hover{color:var(--signal)}
.stats-grid.is-visible .stat-card,.projects-grid.is-visible>.project-card,.career-grid.is-visible>*,.skills-grid.is-visible>.skill-card{animation:card-arrive .65s cubic-bezier(.18,.72,.2,1) both}.stats-grid.is-visible .stat-card:nth-child(2),.projects-grid.is-visible>.project-card:nth-child(2),.career-grid.is-visible>*:nth-child(2),.skills-grid.is-visible>.skill-card:nth-child(2){animation-delay:.09s}.stats-grid.is-visible .stat-card:nth-child(3),.skills-grid.is-visible>.skill-card:nth-child(3){animation-delay:.18s}.section-reveal.is-visible .eyebrow{animation:eyebrow-arrive .5s .08s both}.nav-link.is-active{box-shadow:inset 2px 0 0 var(--signal)}.brand-mark{box-shadow:0 0 20px #72e2d226}
body.light-mode{--signal:#c67c2d;background:radial-gradient(ellipse at 74% 8%,#e3f3ee 0,transparent 34%),var(--bg)}body.light-mode .sidebar{background:#f6f8f5;border-color:var(--line)}body.light-mode .stat-card-accent{background:linear-gradient(130deg,#e4f2ee,#fbfcf7 73%)}body.light-mode .hero-art{background:radial-gradient(ellipse at 50% 50%,#d9f0eb,#eef4f1 65%,#e8eeec)}body.light-mode .about-right{background:radial-gradient(ellipse at 93% 95%,#e3f2ed,#f7f8f2 57%)}body.light-mode .contact-card{background:radial-gradient(ellipse at 80% 28%,#d7efea,#eef4ef 68%)}body.light-mode .project-detail-card{background:linear-gradient(145deg,#e3f1ed,#fbfcf7 75%)}body.light-mode .timeline-status{color:#9b5e1c;border-color:#c67c2d66}body.light-mode .stat-symbol,body.light-mode .contact-spark{color:#9b5e1c}
@keyframes current-shift{0%,100%{background-position:120% 0}50%{background-position:-30% 0}}@keyframes portrait-float{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes route-travel{0%{left:0;opacity:0}12%{opacity:1}82%{opacity:1}100%{left:96%;opacity:0}}@keyframes radar-pulse{0%{transform:scale(.88);opacity:.55}70%,100%{transform:scale(1.16);opacity:.06}}@keyframes signal-blink{0%,100%{opacity:.45;scale:.8}50%{opacity:1;scale:1.25}}@keyframes block-drift{0%,100%{translate:0 0}50%{translate:0 -3px}}@keyframes card-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes eyebrow-arrive{from{opacity:0;translate:-8px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.hero-art:after{animation:none}.profile-core,.orbit-one,.orbit-two,.orbit-three,.terminal-orbit,.radar-ring,.radar-dot,.sea-route:after,.port-marker,.port-block{animation:none!important}.stats-grid.is-visible .stat-card,.projects-grid.is-visible>.project-card,.career-grid.is-visible>*,.skills-grid.is-visible>.skill-card,.section-reveal.is-visible .eyebrow{animation:none!important;opacity:1;translate:0 0}.timeline-item:hover{padding-left:18px}}
.projects-section.is-visible .projects-grid>.project-card,.career-section.is-visible .career-grid>*,.skills-section.is-visible .skills-grid>.skill-card{animation:card-arrive .65s cubic-bezier(.18,.72,.2,1) both}.projects-section.is-visible .projects-grid>.project-card:nth-child(2),.career-section.is-visible .career-grid>*:nth-child(2),.skills-section.is-visible .skills-grid>.skill-card:nth-child(2){animation-delay:.1s}
@media(prefers-reduced-motion:reduce){.projects-section.is-visible .projects-grid>.project-card,.career-section.is-visible .career-grid>*,.skills-section.is-visible .skills-grid>.skill-card{animation:none!important;opacity:1;translate:0 0}}
.brand-mark{width:38px;height:38px;padding:0;overflow:visible;background:transparent;box-shadow:none;letter-spacing:0;flex:none;transition:transform .3s,filter .3s}.brand-mark svg,.footer-brand svg{display:block;width:100%;height:100%;overflow:visible}.logo-base{fill:#132a35;stroke:#72e2d2;stroke-width:1.15}.logo-monogram{fill:none;stroke:#9af1e5;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.logo-route{fill:none;stroke:#ffbd69;stroke-width:1.8;stroke-linecap:round}.logo-waypoint{fill:#ffbd69;transform-box:fill-box;transform-origin:center;animation:signal-blink 2.4s ease-in-out infinite}.brand:hover .brand-mark{transform:rotate(-5deg) scale(1.05);filter:drop-shadow(0 0 8px #72e2d244)}.footer-brand{display:block;width:31px;height:31px;color:inherit;letter-spacing:0;transition:transform .25s,filter .25s}.footer-brand:hover{transform:rotate(-5deg);filter:drop-shadow(0 0 8px #72e2d244)}body.light-mode .logo-base{fill:#17363b;stroke:#65bdb0}body.light-mode .logo-monogram{stroke:#bcfff4}body.light-mode .logo-route,body.light-mode .logo-waypoint{stroke:#ffbd69;fill:#ffbd69}

/* Readability refinements for project case studies and supporting labels. */
.eyebrow{font-size:10px;color:#aab5b2}
.stat-top,.about-meta,.panel-overline,.tool-label{font-size:9px;color:#aab5b2}
.stat-note,.section-side-note,.sample-note,.education-footnote{font-size:11px;color:#aeb8b3}
.project-info p,.timeline-description,.about-left>p,.principle p{font-size:12px;color:#b5c0bc;line-height:1.7}
.project-tags span,.skill-tags span,.timeline-tags span{font-size:10px}
.project-detail-label{margin-top:13px;color:var(--signal);font:9px var(--mono);letter-spacing:.12em}
.project-highlights{gap:9px;margin-top:8px}
.project-highlights li{font-size:11px;color:#b5c0bc;line-height:1.65}
.principle{padding:18px 0}
.principle-number{font-size:11px}
.principle h3{font-size:14px}
.principle p{margin-top:3px}
.education-year{font-size:9px}
.project-info h3{font-size:16px}
body.light-mode .eyebrow,body.light-mode .stat-top,body.light-mode .about-meta,body.light-mode .panel-overline,body.light-mode .tool-label{color:#59675f}
body.light-mode .stat-note,body.light-mode .section-side-note,body.light-mode .sample-note,body.light-mode .education-footnote,body.light-mode .project-info p,body.light-mode .timeline-description,body.light-mode .about-left>p,body.light-mode .principle p,body.light-mode .project-highlights li{color:#56645c}
@media(max-width:780px){.project-info p,.project-highlights li{font-size:12px}.about-right{padding:24px 20px}}