:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030c19;--surface:#07172b;--text:#f5f8ff;--muted:#b8cce1;--cyan:#10d2f5;--blue:#0767ff;--border:#1664a5;--font:Arial,Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 0 25%,#0051b914,#0000 42%),radial-gradient(at 90% 70%,#004bc714,#0000 48%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a,button,input,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan)}::selection{color:#fff;background:#006cff}h1,h2,h3,p,pre{margin:0}h1,h2,h3{font-weight:800;line-height:1.08}img{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}address{font-style:normal}[hidden]{display:none!important}.icon-definitions{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;width:24px;height:24px}.skip-link{z-index:1000;background:var(--blue);border-radius:6px;padding:12px 20px;position:fixed;top:8px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.container,.nav-shell{width:min(100% - 112px,1400px);margin-inline:auto}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030c19e8;border-bottom:1px solid #0c386342;height:86px;transition:box-shadow .3s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:#115b8c55;box-shadow:0 10px 40px #0005}.nav-shell{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.brand{white-space:nowrap;font-family:var(--mono);letter-spacing:.025em;align-items:center;gap:16px;font-size:22px;font-weight:700;display:flex}.brand-symbol{width:42px;height:42px;color:var(--cyan);filter:drop-shadow(0 0 9px #0075ff)}nav{align-items:center;gap:36px;display:flex}.nav-link{padding:27px 0 25px;font-size:16px;font-weight:600;position:relative}.nav-link:after{content:"";background:var(--cyan);height:2px;transition:transform .25s;position:absolute;bottom:12px;left:-8px;right:-8px;transform:scaleX(0)}.nav-link:hover,.nav-link.active{color:var(--cyan)}.nav-link.active:after{transform:scaleX(1)}.nav-contact{border:1px solid #27bcfa;border-radius:9px;padding:10px 26px;font-weight:600;transition:background .25s,box-shadow .25s}.nav-contact:hover{background:#083258;box-shadow:0 0 20px #006dff28}.menu-toggle{color:var(--cyan);background:0 0;border:1px solid #1874ac;border-radius:8px;padding:9px;display:none}.section-grid{isolation:isolate;background:radial-gradient(at 50% 110%,#06326340,#0000 60%);position:relative;overflow:hidden}.section-grid:after{content:"";z-index:-1;transform-origin:50% 0;pointer-events:none;background-image:linear-gradient(#0b70ca4d 1px,#0000 1px),linear-gradient(90deg,#0b70ca4d 1px,#0000 1px);background-size:65px 55px;width:150%;height:390px;position:absolute;bottom:-185px;left:-25%;transform:perspective(400px)rotateX(59deg);-webkit-mask-image:linear-gradient(#0000,#000 25% 65%,#0000);mask-image:linear-gradient(#0000,#000 25% 65%,#0000)}.section-grid:before{content:"";z-index:-1;pointer-events:none;opacity:.6;background-image:radial-gradient(circle at 6% 30%,#2a8eff 0 1px,#0000 3px),radial-gradient(circle at 42% 12%,#0681df 0 1px,#0000 3px),radial-gradient(circle at 94% 42%,#00a0e6 0 2px,#0000 4px),radial-gradient(circle at 16% 72%,#0075ff 0 1px,#0000 4px);background-size:580px 700px,850px 600px,930px 800px,610px 630px;position:absolute;inset:0}.ambient-code{z-index:-1;pointer-events:none;color:#1776e1;opacity:.115;font-family:var(--mono);-webkit-user-select:none;user-select:none;font-size:23px;font-weight:700;line-height:1.75;position:absolute;top:48px;right:3%;transform:rotate(-8deg)}.hero-layout{grid-template-columns:47% 53%;align-items:center;min-height:650px;display:grid;position:relative}.hero-copy{z-index:2;padding:58px 0 85px;position:relative}.eyebrow{font-family:var(--mono);color:var(--cyan);letter-spacing:.025em;font-size:15px;font-weight:500;line-height:1.6}.hero-copy>.eyebrow{color:#bacfe3;letter-spacing:.055em;margin-bottom:20px;font-size:14px}.hero h1{letter-spacing:-.065em;font-size:clamp(82px,8.1vw,134px);font-weight:900;line-height:.89}.blue-dot{color:#1178ff}.hero-tagline{color:var(--cyan);letter-spacing:-.045em;margin-top:18px;font-size:clamp(24px,2.65vw,42px);line-height:1.15}.hero-description{color:var(--muted);margin:22px 0 24px;font-size:21px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.button{white-space:nowrap;min-height:50px;transition:transform .25s var(--ease),background .25s,box-shadow .25s,border-color .25s;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:13px 22px;font-size:15px;font-weight:600;line-height:1.5;display:inline-flex}.button .icon{width:20px;height:20px}.primary{color:#fff;background:linear-gradient(135deg,#0579ff,#0859f2);border-color:#23c2ff;box-shadow:0 0 0 1px #0067ff50,0 0 25px #0067ff38,inset 0 1px #9accff55}.primary:hover{background:linear-gradient(135deg,#1d8dff,#216fff);transform:translateY(-2px);box-shadow:0 0 32px #006eff77}.secondary{color:var(--text);background:#031020aa;border-color:#19bceb}.secondary:hover{background:#093054;border-color:#63e7ff;transform:translateY(-2px);box-shadow:0 0 20px #008cff22}.location{color:var(--muted);align-items:center;gap:9px;margin-top:22px;font-size:16px;display:flex}.location .icon{color:#2da7ff;width:20px;height:20px}.hero-scene{z-index:1;will-change:transform;width:calc(65% + 20px);transform:perspective(1200px) rotateY(var(--rx,0deg)) rotateX(var(--ry,0deg));transition:transform .7s var(--ease);position:absolute;top:3px;right:-75px}.hero-art{filter:drop-shadow(0 20px 40px #0058ff0c);-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 94%,#0000)}.art-window{width:100%;aspect-ratio:var(--w)/var(--h);isolation:isolate;position:relative;overflow:hidden}.art-window>img{max-width:none;width:calc(1672 / var(--w) * 100%);height:auto;transform:translate(calc(var(--x) / 1672 * -100%),calc(var(--y) / 941 * -100%));-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;left:0}.hero-code{font-size:18px;top:12px;left:5%;right:auto;transform:none}.scroll-cue{z-index:4;color:#e4f3ff;border-radius:50%;padding:10px;animation:2.7s ease-in-out infinite nudge;position:absolute;bottom:20px;left:50%}.scroll-cue .icon{width:22px;height:22px}.stack-ribbon{z-index:2;background:#020c18;border-block:1px solid #1874aa;padding:25px 0;position:relative}.stack-items{justify-content:space-between;align-items:center;gap:28px;display:flex}.stack-items>span{white-space:nowrap;align-items:center;gap:13px;font-size:16px;display:flex}.stack-items>span:not(:first-child){position:relative}.stack-items>span:not(:first-child):before{content:"";opacity:.6;background:#176d9f;width:1px;height:31px;position:absolute;left:-24px}.stack-items .icon{width:32px;height:32px}.stack-items .stack-label{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:13px}.stack-label:before{content:"";background:var(--cyan);width:23px;height:3px;display:block;box-shadow:0 0 8px #006cff}.section{border-bottom:1px solid #0d365846;padding:96px 0 82px;scroll-margin-top:84px}.section-heading{z-index:1;margin-bottom:44px;position:relative}.section-heading .eyebrow{margin-bottom:16px}.section-heading h2{letter-spacing:-.045em;max-width:1100px;font-size:clamp(34px,3.7vw,60px);line-height:1.1}.cyan-text{color:var(--cyan)}.section-description{color:var(--muted);margin-top:13px;font-size:20px;line-height:1.6}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.editor-stage{perspective:1200px;padding:12px 5px 32px;position:relative}.code-editor{transition:transform .6s var(--ease);background:linear-gradient(120deg,#061023,#0a1a31);border:1px solid #55c3ff;border-radius:18px;position:relative;overflow:hidden;transform:rotateY(7deg)rotate(3deg);box-shadow:-2px -2px #b1f3ff,0 0 7px #36b5ff,0 0 25px #0667ff74,inset 0 0 40px #005bcd25}.editor-bar{font-family:var(--mono);background:linear-gradient(90deg,#071831,#0a2140);border-bottom:1px solid #145694;justify-content:space-between;align-items:center;gap:20px;padding:16px 23px;font-size:14px;display:flex}.editor-tab{align-items:center;gap:12px;display:flex}.editor-tab .icon{color:#3cbdff;width:19px;height:19px}.window-controls{color:#43baff;white-space:nowrap}.editor-code{font-family:var(--mono);scrollbar-color:#0067ff transparent;padding:26px 20px 31px;font-size:clamp(12px,1.08vw,16px);line-height:2.1;overflow-x:auto}.code-line{white-space:pre;display:block}.code-line b{color:#609cc7;-webkit-user-select:none;user-select:none;width:27px;margin-right:12px;font-weight:400;display:inline-block}.editor-code code{white-space:normal;font-family:inherit;display:block}.syntax-purple{color:#d282f9}.syntax-cyan{color:#19d6ff}.syntax-yellow{color:#ffd575}.editor-status{color:#91b9e2;font-family:var(--mono);background:#07234b;justify-content:space-between;padding:6px 22px;font-size:12px;display:flex}.editor-orbit{z-index:-1;opacity:.8;border:1px solid #73dcff;border-radius:50%;height:90px;position:absolute;bottom:0;left:-30px;right:-30px;transform:rotate(-5deg);box-shadow:0 0 9px #22adff,inset 0 0 10px #007bff}.about-copy h3{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(28px,2.8vw,42px)}.about-copy>p{color:var(--muted);margin-bottom:20px;font-size:17px;line-height:1.65}.values{grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 16px;display:grid}.values>span{background:#02101f;border:1px solid #069ccb;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 8px;font-size:14px;display:flex}.values .icon{color:var(--cyan);width:25px;height:25px}.text-link{color:var(--cyan);text-underline-offset:7px;background:0 0;border:0;align-items:center;gap:12px;padding:5px 0;font-size:16px;font-weight:500;text-decoration-color:#027bcf;transition:color .2s;display:inline-flex}.text-link:hover{color:#88edff;text-decoration:underline}.text-link .icon{width:18px;height:18px}.journey{margin-top:66px}.journey>.eyebrow{margin-bottom:30px;font-size:14px}.timeline{grid-template-columns:repeat(3,1fr);gap:24px;display:grid;position:relative}.timeline:before{content:"";background:#04c6ff;height:1px;position:absolute;top:-15px;left:15%;right:15%;box-shadow:0 0 7px #0078ff}.timeline>li{background:linear-gradient(135deg,#031326e8,#071c36d9);border:1px solid #1595de;border-radius:12px;align-items:center;gap:20px;padding:24px 22px;display:flex;position:relative;box-shadow:inset 0 0 22px #096fff13}.timeline>li:before{content:"";border:2px solid var(--cyan);background:#072955;border-radius:50%;width:12px;height:12px;position:absolute;top:-22px;left:50%;box-shadow:0 0 10px #008dff}.timeline>li>.icon{width:37px;height:37px;color:var(--cyan)}.timeline>li>div{border-left:1px solid #175375;padding-left:18px}.timeline-date{color:var(--cyan);font-family:var(--mono);margin-bottom:7px;font-size:13px}.timeline h3{letter-spacing:-.02em;margin-bottom:7px;font-size:17px;line-height:1.25}.timeline li div>p:last-child{color:var(--muted);font-size:14px;line-height:1.6}.heading-with-action{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px;display:flex}.heading-with-action .section-heading{margin-bottom:0}.heading-with-action>.button{flex-shrink:0;margin-bottom:4px}.heading-with-action h2{font-size:clamp(34px,3.35vw,55px)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;background:linear-gradient(160deg,#061a35,#02101f 75%);border:1px solid #48aaff;border-radius:13px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 3px #38acff,0 0 18px #006eff20,inset 0 0 16px #1174ff18}.project-card:hover{border-color:#74d9ff;transform:translateY(-8px);box-shadow:0 0 10px #157dff66,0 18px 36px #006aff22}.project-art{aspect-ratio:1.56;width:100%}.project-art img{transition:filter .4s}.project-card:hover .project-art img{filter:brightness(1.08)}.project-body{flex-direction:column;flex:1;padding:21px 22px 23px;display:flex}.project-body>.eyebrow{margin-bottom:5px;font-size:13px}.project-body h3{letter-spacing:-.025em;margin-bottom:10px;font-size:30px}.project-description{color:var(--muted);min-height:52px;margin-bottom:18px;font-size:16px;line-height:1.6}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags li{white-space:nowrap;background:#020f1c;border:1px solid #1b819e;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:9px 13px;font-size:14px;line-height:1.3;display:flex}.tags .icon{width:23px;height:23px;color:var(--cyan)}.tags .tech-java,.tech-java{color:#ffc62c}.tags .tech-spring,.tech-spring{color:#79c643}.tags .tech-react,.tech-react{color:#2fdbf5}.tags .tech-mysql,.tech-mysql{color:#17badf}.tags .tech-docker,.tech-docker{color:#2bbdf7}.tags .tech-git,.tech-git{color:#fc603f}.tech-letter{width:22px;height:22px;font-weight:800;font-family:var(--mono);background:var(--tech-color,#25bee7);color:#051121;border-radius:4px;flex-shrink:0;place-items:center;font-size:13px;line-height:1;display:inline-grid}.maven{--tech-color:#d95d89}.postman{--tech-color:#ff7848;border-radius:50%}.poi{--tech-color:#c2d4ea}.javascript{--tech-color:#f8df43}.html{--tech-color:#ff662d}.css{--tech-color:#538aff}.mui{--tech-color:#10bcf4}.prometheus{--tech-color:#fb784c}.grafana{--tech-color:#fa9b22}.loki{--tech-color:#eec728}.alertmanager{--tech-color:#fa6548}.swagger{--tech-color:#87d04e}.figma{--tech-color:#b77afa}.project-tags{grid-template-columns:repeat(2,1fr);margin-top:auto;margin-bottom:16px;display:grid}.project-tags li{justify-content:flex-start;padding:9px 14px}.source-link{width:100%;min-height:44px;padding:10px 12px;font-size:14px}.source-link>.icon:first-child{color:var(--cyan);width:22px;height:22px}.source-link>.icon:last-child{width:17px;height:17px;color:var(--cyan)}.section-signature{text-align:center;font-family:var(--mono);color:var(--cyan);letter-spacing:.03em;justify-content:center;align-items:center;gap:13px;margin:42px auto 0;font-size:13px;line-height:1.8;display:flex}.section-signature:before,.section-signature:after{content:"";background:linear-gradient(90deg,transparent,var(--cyan));flex-shrink:1;width:100px;height:1px}.section-signature:after{transform:rotate(180deg)}.section-signature b{font-weight:400}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.skill-card{background:linear-gradient(135deg,#081930,#041020);border:1px solid #358eec;border-radius:12px;grid-template-columns:30% 1fr;align-items:center;gap:20px;padding:25px 24px 25px 5px;transition:border-color .3s,box-shadow .3s;display:grid;box-shadow:0 0 5px #2276ff5a,inset 0 0 24px #0761ff0f}.skill-card:hover{border-color:#70d9ff;box-shadow:0 0 20px #0563e62c}.skill-body{border-left:1px solid #15719e;flex-direction:column;align-self:stretch;min-width:0;padding-left:19px;display:flex}.skill-body h3{letter-spacing:-.03em;margin:2px 0 20px;font-size:24px;line-height:1.2}.skill-visual .art-window{-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.skill-body .tags{gap:7px;margin-bottom:17px}.skill-body .tags li{gap:7px;min-height:40px;padding:8px 10px;font-size:13px}.skill-body .tags .icon{width:20px;height:20px}.skill-note{color:var(--muted);border-top:1px solid #174b78;margin-top:auto;padding-top:15px;font-size:14px;line-height:1.5}.contact-grid{grid-template-columns:43% 57%;align-items:start;gap:0;display:grid}.contact-details{padding-right:65px}.contact-visual{max-width:530px;margin:0 auto 15px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.contact-row{border-bottom:1px solid #116797;align-items:center;gap:21px;min-width:0;padding:10px 0;display:flex}.contact-row>span:last-child{min-width:0}.contact-row:last-child{border-bottom:0}.contact-icon{width:55px;height:55px;color:var(--cyan);background:#041024;border:1px solid #16bcf0;border-radius:11px;flex-shrink:0;place-items:center;display:grid}.contact-icon .icon{width:30px;height:30px}.contact-label{color:var(--muted);font-size:14px;line-height:1.5;display:block}.contact-row strong{overflow-wrap:anywhere;font-size:20px;line-height:1.5;display:block}.contact-row[href]:hover strong{color:var(--cyan)}.social-links{grid-template-columns:1fr 1fr;gap:14px;margin-top:9px;display:grid}.social-links .button{padding:12px 10px}.social-links .icon:last-child{width:16px;height:16px}.contact-form{background:linear-gradient(140deg,#081a36da,#02101dee);border:1px solid #62baff;border-radius:14px;padding:32px 36px;box-shadow:0 0 6px #2494ff,0 0 30px #0761ff20,inset 0 0 30px #0761ff12}.contact-form h3{letter-spacing:-.03em;margin-bottom:25px;font-size:clamp(28px,3vw,43px)}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{margin-bottom:18px}.field label{margin-bottom:7px;font-size:15px;display:block}.field input,.field textarea{width:100%;min-width:0;color:var(--text);background:#05162bee;border:1px solid #279ace;border-radius:8px;padding:13px 15px;font-size:16px;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block}.field input::placeholder,.field textarea::placeholder{color:#90a9c9;opacity:1}.field input:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 15px #037cff25}.field textarea{resize:vertical;min-height:125px;max-height:500px}.contact-form .primary{width:100%;min-height:55px;font-size:17px}.form-note{color:#9fb6ce;text-align:center;margin-top:11px;font-size:12px;line-height:1.5}.form-feedback{background:#06304977;border:1px solid #1c718f;border-radius:8px;margin-top:16px;padding:14px 16px;font-size:14px;line-height:1.6}.form-feedback .text-link{margin-top:6px;font-size:14px}.site-footer{background:#020c18;border-top:1px solid #157faa;padding:32px 0}.footer-content{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-brand{gap:15px;font-size:19px}.footer-brand small{color:var(--muted);font-size:13px;font-family:var(--font);letter-spacing:0;margin-top:3px;font-weight:400;display:block}.footer-content>p{color:var(--muted);font-size:14px}.footer-content>.text-link{font-size:14px}.icon-up{transform:rotate(180deg)}.mobile-break{display:none}.js-motion .reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(22px)}.js-motion .reveal.is-visible{opacity:1;transform:none}.js-motion .project-card.reveal.is-visible:hover{transform:translateY(-8px)}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@media (min-width:1600px){.hero-layout{min-height:735px}.hero-scene{width:70%;top:8px;right:-80px}.hero-copy{padding-top:75px}.hero-actions .button{padding:15px 25px}.hero-description{font-size:24px}}@media (max-width:1199px){.container,.nav-shell{width:calc(100% - 64px)}.brand{gap:12px;font-size:18px}.brand-symbol{width:34px;height:34px}nav{gap:24px}.nav-contact{padding:10px 18px}.hero-layout{min-height:585px}.hero h1{font-size:clamp(72px,8.9vw,108px)}.hero-copy>.eyebrow{font-size:12px}.hero-tagline{font-size:30px}.hero-description{font-size:18px}.hero-actions{gap:10px}.hero-actions .button{gap:9px;padding:12px 15px;font-size:13px}.hero-scene{width:65%;top:35px;right:-44px}.stack-items{gap:24px}.stack-items>span{gap:9px;font-size:14px}.stack-items>span:not(:first-child):before{left:-14px}.stack-items .icon{width:26px;height:26px}.section{padding:76px 0 66px}.about-grid{gap:35px}.about-copy>p{font-size:16px}.values{gap:7px}.values>span{gap:6px;font-size:12px}.values .icon{width:19px;height:19px}.timeline{gap:15px}.timeline>li{gap:12px;padding:21px 13px}.timeline>li>.icon{width:27px;height:27px}.timeline>li>div{padding-left:12px}.timeline h3{font-size:16px}.timeline li div>p:last-child{font-size:13px}.heading-with-action{align-items:flex-start}.heading-with-action>.button{margin-top:42px;padding:11px 15px;font-size:13px}.heading-with-action .section-description{font-size:17px}.project-grid{gap:18px}.project-body{padding:18px}.project-body h3{font-size:27px}.project-description{min-height:73px;font-size:15px}.project-tags li{gap:6px;padding:8px 9px;font-size:12px}.skill-card{grid-template-columns:27% 1fr;gap:11px;padding:20px 16px 20px 4px}.skill-body{padding-left:14px}.skill-body h3{font-size:22px}.skill-body .tags li{gap:6px;padding:8px;font-size:12px}.skill-body .tags .icon{width:18px;height:18px}.skill-note{font-size:13px}.contact-details{padding-right:36px}.contact-form{padding:28px}.contact-row{gap:15px}.contact-row strong{font-size:17px}.contact-icon{width:48px;height:48px}.contact-form h3{font-size:35px}}@media (max-width:900px){.site-header{height:76px}.nav-shell{gap:20px}nav{gap:18px}.nav-link{font-size:14px}.nav-contact{padding:9px 14px;font-size:14px}.hero-layout{min-height:570px}.hero-copy{padding-top:40px}.hero-scene{width:64%;top:87px}.hero-actions{max-width:340px}.hero-actions .button{justify-content:space-between;width:100%;font-size:14px}.hero-tagline{font-size:27px}.hero-description{font-size:17px}.stack-items{flex-wrap:wrap;justify-content:center;gap:20px 40px}.stack-items .stack-label{justify-content:center;width:100%}.stack-items>span:not(:first-child):before{display:none}.about-grid{grid-template-columns:1fr;gap:27px}.editor-stage{width:100%;max-width:680px;margin:0 auto 15px;padding-inline:15px}.editor-code{font-size:16px}.about-copy h3{font-size:34px}.about-copy>p{font-size:17px}.values{max-width:550px}.values>span{padding:15px 8px;font-size:14px}.values .icon{width:23px;height:23px}.timeline{grid-template-columns:1fr;gap:17px;padding-left:27px}.timeline:before{width:1px;height:auto;inset:0 auto 0 6px}.timeline>li{gap:22px;padding:22px}.timeline>li:before{top:calc(50% - 6px);left:-28px}.timeline>li>.icon{width:35px;height:35px}.timeline h3{font-size:19px}.timeline li div>p:last-child{font-size:15px}.timeline-date{font-size:14px}.heading-with-action{display:block}.heading-with-action>.button{margin-top:20px}.project-grid{gap:16px}.project-body{padding:15px}.project-body>.eyebrow{font-size:11px}.project-tags{display:flex}.project-tags li{justify-content:center;width:100%;font-size:13px}.project-description{min-height:96px}.project-body h3{font-size:25px}.skills-grid{grid-template-columns:1fr}.skill-card{grid-template-columns:29% 1fr;gap:25px;padding:24px}.skill-body{padding-left:24px}.skill-body h3{font-size:27px}.skill-body .tags li{gap:8px;padding:11px;font-size:14px}.skill-body .tags .icon{width:23px;height:23px}.skill-note{font-size:15px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-details{grid-template-columns:43% minmax(0,1fr);align-items:center;column-gap:18px;padding:0;display:grid}.contact-visual{grid-area:1/1/3;width:100%}.contact-details address,.social-links{grid-column:2}.contact-row strong{font-size:18px}.contact-form h3{font-size:38px}.footer-content{flex-wrap:wrap}.footer-brand{font-size:17px}.footer-brand small{font-size:12px}}@media (max-width:700px){html{scroll-padding-top:80px}.container,.nav-shell{width:calc(100% - 40px)}.site-header{height:70px}.brand{gap:11px;font-size:17px}.brand-symbol{width:30px;height:30px}.menu-toggle{display:inline-flex}nav{background:#041225fa;border-bottom:1px solid #1b86b9;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 22px;display:none;position:absolute;top:69px;left:0;right:0;box-shadow:0 20px 30px #0007}nav.is-open{display:flex}.nav-link{padding:13px 0;font-size:16px}.nav-link:after{bottom:5px;left:0;right:calc(100% - 36px)}.nav-contact{text-align:center;margin-top:10px;padding:12px}.hero-layout{flex-direction:column;align-items:stretch;min-height:0;display:flex}.hero-copy{padding:43px 0 0}.hero-copy>.eyebrow{letter-spacing:.02em;margin-bottom:20px;font-size:12px}.hero h1{letter-spacing:-.07em;font-size:clamp(78px,17vw,116px)}.hero-tagline{margin-top:18px;font-size:clamp(26px,6.1vw,39px)}.hero-description{max-width:400px;margin:19px 0 23px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:nowrap;gap:10px;max-width:none}.hero-actions .button{flex:1;justify-content:center;gap:8px;width:auto;padding:13px 14px;font-size:13px}.hero-actions .icon{width:17px;height:17px}.location{margin-top:19px;font-size:15px}.hero-scene{width:calc(100% + 50px);max-width:none;margin:0 -25px -2px;position:relative;top:auto;right:auto;transform:none!important}.hero-art{-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 96%,#0000)}.hero-code{opacity:.12;font-size:13px;line-height:2;top:10px;left:30%}.scroll-cue{display:none}.stack-ribbon{padding:22px 0}.stack-items{gap:18px 29px}.stack-items>span{font-size:13px}.stack-items .icon{width:25px;height:25px}.stack-items .stack-label{font-size:12px}.section{padding:64px 0 56px;scroll-margin-top:68px}.section-heading{margin-bottom:30px}.section-heading h2{letter-spacing:-.045em;font-size:clamp(31px,7.5vw,46px);line-height:1.12}.section-heading .eyebrow{margin-bottom:13px;font-size:13px}.section-description{margin-top:15px;font-size:17px;line-height:1.6}.ambient-code{opacity:.085;font-size:16px;top:50px;right:-75px}.editor-stage{padding:8px 6px 18px}.code-editor{transform:rotateY(3deg)rotate(2deg)}.editor-bar{padding:13px 15px;font-size:13px}.editor-code{padding:21px 12px;font-size:clamp(11px,2.5vw,15px)}.code-line b{width:15px;margin-right:7px}.editor-status{font-size:11px}.editor-orbit{height:63px;bottom:0;left:-9px;right:-9px}.about-grid{gap:30px}.about-copy h3{font-size:30px}.about-copy>p{font-size:16px;line-height:1.7}.values>span{gap:7px;padding:13px 6px;font-size:12px}.values .icon{width:19px;height:19px}.journey{margin-top:44px}.timeline>li{gap:16px;padding:20px 16px}.timeline h3{font-size:17px}.timeline li div>p:last-child{font-size:14px}.heading-with-action h2{font-size:36px}.heading-with-action .section-description{font-size:16px}.heading-with-action>.button{margin-top:19px}.project-grid{grid-template-columns:1fr;gap:25px}.project-card{width:100%;max-width:540px;margin:auto}.project-art{aspect-ratio:1.6}.project-body{padding:23px}.project-body h3{font-size:31px}.project-body>.eyebrow{font-size:13px}.project-description{min-height:0;margin-bottom:18px;font-size:16px}.project-tags{grid-template-columns:1fr 1fr;display:grid}.project-tags li{justify-content:flex-start;gap:11px;width:auto;padding:12px 16px;font-size:14px}.source-link{min-height:49px;font-size:15px}.section-signature{flex-wrap:wrap;gap:8px;margin-top:30px;font-size:11px}.section-signature:before,.section-signature:after{display:none}.skills-grid{gap:20px}.skill-card{grid-template-columns:26% 1fr;gap:13px;padding:20px 15px 20px 4px}.skill-body{padding-left:13px}.skill-body h3{margin-bottom:15px;font-size:22px}.skill-body .tags li{gap:6px;min-height:36px;padding:8px;font-size:12px}.skill-body .tags .icon{width:18px;height:18px}.skill-note{font-size:13px}.skill-body .tech-letter{width:18px;height:18px;font-size:11px}.contact-grid{gap:31px}.contact-details{display:block}.contact-visual{width:100%;max-width:460px;margin-bottom:16px}.contact-row{gap:17px;padding:11px 0}.contact-icon{width:49px;height:49px}.contact-row strong{font-size:18px}.contact-label{font-size:14px}.social-links{gap:14px;margin-top:16px}.contact-form{padding:25px 20px}.contact-form h3{margin-bottom:22px;font-size:30px}.form-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:17px}.field input,.field textarea{padding:13px 12px;font-size:16px}.field label{font-size:14px}.contact-form .primary{font-size:16px}.form-note{text-align:left;font-size:12px}.footer-content{flex-direction:column;align-items:flex-start;gap:22px}.footer-brand{font-size:20px}.footer-brand .brand-symbol{width:38px;height:38px}.footer-brand small{font-size:13px}.site-footer{padding:30px 0}.footer-content>p{font-size:13px}.footer-content>.text-link{font-size:14px}.desktop-break{display:none}.mobile-break{display:block}}@media (max-width:374px){.container,.nav-shell{width:calc(100% - 32px)}.hero-copy>.eyebrow{font-size:11px}.hero h1{font-size:76px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%;font-size:14px}.skill-card{padding:20px;display:block}.skill-visual{float:right;width:110px;margin-bottom:10px;margin-left:10px}.skill-body{border-left:0;padding:0;display:block}.skill-body h3{margin-bottom:20px;font-size:23px}.skill-body .tags{clear:both}.contact-row strong{font-size:16px}.values{grid-template-columns:1fr}.values>span{justify-content:flex-start;padding-left:16px;font-size:14px}.contact-form h3{font-size:27px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero-scene{transform:none!important}.js-motion .reveal{opacity:1;transform:none}.code-editor{transform:none}}.not-found{align-items:center;min-height:100svh;padding:64px 0;display:flex}.not-found h1{letter-spacing:-.05em;margin:22px 0;font-size:clamp(40px,7vw,80px)}.not-found p:not(.eyebrow){color:var(--muted);margin-bottom:28px;font-size:18px}