@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101113;--surface:#16181b;--text:#f2f1ec;--muted:#a1a2a8;--line:#303136;--accent:#7093ff;--button:#b4c6ff;--button-text:#121624;--font-sans:Arial, Helvetica, sans-serif;--font-mono:"Cascadia Code", "Consolas", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{color:#101113;background:#b4c6ff}.wrap{width:min(1344px,100% - 112px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:110px;display:flex}.wordmark{letter-spacing:-1.3px;white-space:nowrap;font-size:26px;font-weight:700}.brand-mark{color:var(--accent);margin:0 5px;font-weight:400;display:inline-block}.wordmark-dot{color:var(--accent)}.site-header nav{gap:34px;font-size:13px;display:flex}.site-header nav a{color:var(--muted);transition:color .2s}.site-header nav a:hover{color:var(--text)}.header-tools{font-family:var(--font-mono);align-items:center;gap:28px;font-size:12px;display:flex}.language span{color:var(--muted)}.theme-preview{font-size:24px}.hero{padding-top:44px}.hero-eyebrow{font:11px var(--font-mono);letter-spacing:1.5px;justify-content:space-between;align-items:center;display:flex}.hero-eyebrow>span:first-child{align-items:center;gap:10px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.hero-index{color:var(--muted)}.hero-grid{grid-template-columns:1.35fr 1fr;align-items:center;gap:30px;padding:55px 0 65px;display:grid}.hero h1{letter-spacing:-.072em;margin:0 0 30px;font-size:clamp(55px,6.8vw,99px);font-weight:500;line-height:1.04}.hero h1 span{color:var(--accent)}.hero-copy>p{color:var(--muted);max-width:480px;font-size:15px;line-height:1.75}.hero-actions{align-items:center;gap:30px;margin-top:32px;display:flex}.button{border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:36px;min-height:52px;padding:15px 23px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--button);color:var(--button-text)}.button-primary:hover{background:#c6d3ff}.button span,.text-link span{font-size:20px}.text-link{align-items:center;gap:22px;font-size:13px;display:inline-flex}.system-art{isolation:isolate;border:1px solid var(--line);background:radial-gradient(#242d4d66,#0000 63%),linear-gradient(#25262c44 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#25262c44 1px,#0000 1px) 0 0/36px 36px,#141519;border-radius:4px;height:405px;margin-left:10px;position:relative;overflow:hidden;transform:rotate(-3deg)}.art-topline,.art-bottomline{font:9px var(--font-mono);letter-spacing:1px;color:#9698a4;justify-content:space-between;display:flex;position:absolute;left:20px;right:20px}.art-topline{top:19px}.art-bottomline{bottom:20px}.art-status{align-items:center;gap:7px;display:flex}.art-status i{background:#91aaff;border-radius:50%;width:4px;height:4px}.orbital{border:1px solid #485b9066;border-radius:50%;width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbital-two{border-color:#6381c988;width:355px;height:160px;transform:translate(-50%,-50%)rotate(-38deg)}.system-core{background:#212b48;border:1px solid #617fc2;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;width:174px;height:174px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 38px #a8beff10,0 20px 80px #0005}.system-core>span{color:#b4c6ff;letter-spacing:-5px;font-size:63px;font-weight:500}.system-core>small{font:7px var(--font-mono);letter-spacing:1px;color:#a6b7e3;margin-top:12px}.code-chip{font:11px var(--font-mono);color:#d3d9ed;white-space:nowrap;background:#191c24;border:1px solid #414657;border-radius:4px;align-items:center;gap:10px;padding:13px 18px;display:flex;position:absolute;box-shadow:0 8px 22px #0003}.chip-one{top:80px;left:22px;transform:rotate(6deg)}.chip-two{bottom:70px;right:20px;transform:rotate(6deg)}.chip-two>span{color:#9babdc}.chip-indicator{background:#9caedf;border-radius:50%;width:6px;height:6px}.art-cross{color:#5b6a93;font:23px var(--font-mono);position:absolute}.cross-one{top:80px;right:55px}.cross-two{bottom:81px;left:68px}.hero-bottom{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:55px;padding:28px 0;display:flex}.hero-bottom>div{align-items:baseline;gap:13px;display:flex}.hero-bottom strong{letter-spacing:-1px;font-size:30px;font-weight:500}.hero-bottom>div>span{color:var(--muted);font-size:11px}.hero-bottom .hero-stack{font-family:var(--font-mono);gap:24px;margin-left:auto}.scroll-link{color:var(--muted);align-items:center;gap:25px;font-size:11px;display:flex}.scroll-link span{color:var(--text);font-size:21px}.section{padding-block:100px}.section-kicker{color:var(--muted);font:10px var(--font-mono);letter-spacing:1.5px;justify-content:space-between;margin-bottom:44px;display:flex}.section h2{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.1}.accent{color:var(--accent)}.large-copy{max-width:760px;color:var(--muted);font-size:22px;line-height:1.6}.skip-link{z-index:100;background:var(--button);color:var(--button-text);padding:15px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}@media (min-width:1600px){.hero h1{font-size:108px}.hero-grid{padding-block:70px}.system-art{height:460px}}@media (max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-grid{grid-template-columns:1.2fr 1fr;gap:20px}.hero h1{font-size:6.8vw}.system-art{height:340px}.system-core{width:145px;height:145px}.system-core>span{font-size:50px}.orbital-one{width:230px;height:230px}.orbital-two{width:285px;height:145px}.code-chip{padding:10px;font-size:9px}.chip-one{top:66px;left:12px}.chip-two{bottom:60px;right:12px}.art-status{display:none}.hero-bottom{gap:28px}.hero-bottom .hero-stack{display:none}.scroll-link{margin-left:auto}.hero-actions{gap:20px}.button{gap:22px}}@media (max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:82px}.wordmark{font-size:23px}.site-header nav{display:none}.header-tools{gap:18px}.hero{padding-top:29px}.hero-eyebrow{letter-spacing:.9px;font-size:9px}.hero-index{display:none}.hero-grid{grid-template-columns:1fr;gap:42px;padding:35px 0 42px}.hero h1{margin-bottom:24px;font-size:clamp(52px,11vw,76px)}.hero-copy>p{font-size:14px}.hero-actions{gap:25px}.button{gap:21px;padding-inline:17px;font-size:12px}.text-link{gap:12px;font-size:12px}.system-art{width:min(100% - 20px,420px);height:340px;margin-inline:auto;transform:rotate(-2deg)}.hero-bottom{flex-wrap:wrap;justify-content:space-between;gap:22px;padding-block:22px}.hero-bottom>div{gap:8px}.hero-bottom strong{font-size:25px}.hero-bottom>div>span{font-size:10px}.scroll-link{display:none}.section{padding-block:65px}.section-kicker{letter-spacing:.6px;margin-bottom:30px;font-size:9px}.section-kicker>span:last-child{display:none}.large-copy{font-size:19px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}:root{--font-sans:"Manrope Variable", Arial, Helvetica, sans-serif;--error:#ffa9a9;--success:#a2d7b5}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f2;--surface:#edeee9;--text:#181b22;--muted:#626773;--line:#d6d9d5;--accent:#3457c5;--button:#304fa9;--button-text:#fff;--error:#a72634;--success:#2e6942}body{overflow-x:clip}.muted{color:var(--muted)}.icon-button{width:42px;height:42px;color:var(--text);background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface)}.language{align-items:center;gap:8px;min-height:44px;display:flex}.language b{font-weight:500}.menu-button{display:none}.mobile-nav{display:none!important}.site-header{position:relative}.header-tools{gap:16px}.hero-en h1{font-size:clamp(46px,5.65vw,82px)}.hero-copy>p{max-width:445px}.micro-label{font:10px var(--font-mono);letter-spacing:1.3px;text-transform:uppercase}.body-copy{color:var(--muted);font-size:15px;line-height:1.9}.draft-note{color:var(--muted);border-left:2px solid var(--line);margin-top:24px;padding-left:12px;font-size:11px!important;line-height:1.7!important}.about-grid{grid-template-columns:.82fr 1.3fr;align-items:center;gap:110px;display:grid}.portrait{max-width:380px}.portrait-image{aspect-ratio:4/4.65;background:var(--surface);border:1px solid var(--line);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.portrait-real{object-fit:cover}.portrait-corner{font:10px var(--font-mono);color:var(--muted);position:absolute;top:22px;left:22px}.portrait-monogram{letter-spacing:-26px;color:var(--text);font-size:230px;font-weight:500;line-height:1;transform:translate(-5px)}.portrait-monogram span{color:var(--accent)}.portrait-placeholder{font:10px var(--font-mono);color:var(--muted);position:absolute;bottom:24px;left:22px}.portrait-caption{font:10px var(--font-mono);color:var(--muted);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.about-copy h2{font-size:clamp(34px,3.5vw,52px)}.about-lead{letter-spacing:-.8px;margin:0 0 23px;font-size:25px;line-height:1.5}.values-list{margin:28px 0 0;padding:0;list-style:none}.values-list li{border-top:1px solid var(--line);align-items:center;gap:23px;padding:15px 0;font-size:12px;display:flex}.values-list li>span{font:10px var(--font-mono);color:var(--accent)}.skills-section{background:var(--surface);border-block:1px solid var(--line);padding-block:75px}.section-heading{justify-content:space-between;align-items:flex-start;gap:50px;margin-bottom:45px;display:flex}.section-heading h2{max-width:630px;margin-bottom:0}.section-heading>p{color:var(--muted);max-width:360px;margin-top:5px;font-size:12px;line-height:1.8}.skills-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.skill-group{border-right:1px solid var(--line);margin-right:26px;padding:28px 22px 8px 0}.skill-group:last-child{border-right:0;margin-right:0}.skill-number{font:10px var(--font-mono);color:var(--muted)}.skill-group h3{letter-spacing:-.6px;margin:22px 0 18px;font-size:19px;font-weight:500}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tags>span{font:10px var(--font-mono);border:1px solid var(--line);color:var(--text);border-radius:3px;padding:9px 11px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{min-width:0}.project-art{aspect-ratio:1.55;border:1px solid var(--line);background:var(--surface);border-radius:3px;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:relative;overflow:hidden}.project-card:hover .project-art{transform:translateY(-4px)}.project-art-api{background:#20283d}.project-core{color:#b4c6ff;background:#293854;border:1px solid #7c92c5;border-radius:14px;justify-content:center;align-items:center;width:82px;height:82px;display:flex;transform:rotate(-8deg)}.endpoint,.response-code{font:9px var(--font-mono);color:#c3cce5;z-index:1;background:#1b2030;border:1px solid #536181;border-radius:3px;padding:10px 14px;position:absolute}.endpoint{top:24px;left:20px;transform:rotate(-4deg)}.endpoint span{color:#a8c6a8;margin-right:10px}.response-code{align-items:center;gap:8px;display:flex;bottom:28px;right:25px;transform:rotate(3deg)}.response-code i{background:#a8c6a8;border-radius:50%;width:5px;height:5px;display:block}.project-art-events{background:#222b29}.flow-node{width:42px;height:42px;font:10px var(--font-mono);color:#a1c0b0;background:#283a33;border:1px solid #506e60;border-radius:50%;justify-content:center;align-items:center;display:flex}.flow-main{color:#bddacc;border-radius:13px;width:72px;height:72px}.flow-line{border-top:1px dashed #6d8a7d;width:28px}.flow-label{font:9px var(--font-mono);color:#a3b3aa;letter-spacing:1px;position:absolute;bottom:30px}.project-art-platform{background:#2d2823}.platform-window{background:#302d28;border:1px solid #746858;border-radius:5px;width:190px;height:135px;padding:13px;transform:rotate(-6deg)}.window-dots{border-bottom:1px solid #574f44;gap:4px;padding-bottom:10px;display:flex}.window-dots i{background:#a8967d;border-radius:50%;width:4px;height:4px}.platform-columns{gap:8px;height:44px;margin-top:12px;display:flex}.platform-columns>div{background:#574c3d;border:1px solid #746653;border-radius:2px;flex:1}.platform-line{background:#5e5343;width:75%;height:5px;margin-top:13px;display:block}.platform-badge{color:#d6c8b2;background:#5a4e3f;border:1px solid #9b8970;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;bottom:35px;right:35px;transform:rotate(8deg)}.project-info{padding-top:23px}.project-meta{font:8px var(--font-mono);letter-spacing:.5px;color:var(--muted);flex-direction:column;align-items:flex-start;gap:10px;display:flex}.template-badge{border:1px solid var(--line);letter-spacing:.4px;border-radius:2px;padding:5px 6px}.project-info h3{letter-spacing:-.8px;margin:17px 0 12px;font-size:22px;font-weight:500}.project-info>p{color:var(--muted);min-height:44px;font-size:12px;line-height:1.8}.project-tags{color:var(--muted);font:9px var(--font-mono);flex-wrap:wrap;gap:12px;margin:18px 0 24px;display:flex}.project-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:11px;list-style:none;display:flex}.project-details summary::-webkit-details-marker{display:none}.project-details[open] summary>svg{transform:rotate(180deg)}.project-details dl{margin:0 0 20px}.project-details dl>div{margin-bottom:17px}.project-details dt{margin-bottom:5px;font-size:11px;font-weight:600}.project-details dd{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.experience-section{border-block:1px solid var(--line)}.experience-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.experience-grid>div:first-child>.body-copy{max-width:350px}.experience-entry{border-left:1px solid var(--line);padding:2px 0 0 24px}.experience-top{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;display:flex}.experience-top .micro-label{letter-spacing:.5px;font-size:9px}.role-badge{color:var(--accent);font:9px var(--font-mono);border:1px solid var(--line);border-radius:3px;padding:6px 9px}.experience-entry h3{letter-spacing:-.5px;margin:27px 0 9px;font-size:21px;font-weight:500}.company-name{color:var(--muted);margin:0;font-size:12px}.experience-entry ul{margin-top:26px;padding:0;list-style:none}.experience-entry li{color:var(--muted);margin-bottom:9px;padding-left:17px;font-size:12px;line-height:1.9;position:relative}.experience-entry li:before{content:"—";color:var(--accent);position:absolute;left:0}.services-section>h2{max-width:650px;margin-bottom:40px}.service-row{border-top:1px solid var(--line);grid-template-columns:45px 1.1fr 1fr 30px;align-items:center;gap:25px;padding:30px 0;transition:padding .2s;display:grid}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:hover{padding-inline:12px}.service-number{font:11px var(--font-mono);color:var(--muted)}.service-row h3{letter-spacing:-.7px;margin:0;font-size:24px;font-weight:500}.service-row p{color:var(--muted);max-width:340px;margin:0;font-size:12px;line-height:1.8}.service-row>svg{color:var(--accent)}.resume-section{color:#17213b;background:#b4c6ff;border-radius:4px;grid-template-columns:1fr auto;align-items:center;gap:55px;padding:43px 45px;display:grid}.resume-section h2{letter-spacing:-1.3px;margin:18px 0 13px;font-size:34px;font-weight:500;line-height:1.2}.resume-section>div>p:not(.micro-label){color:#364970;max-width:550px;font-size:12px;line-height:1.8}.resume-section .resume-draft{margin-bottom:0;max-width:490px!important;font-size:10px!important}.resume-download{border:1px solid #697fae;border-radius:3px;align-items:center;gap:18px;min-width:244px;padding:21px 25px;font-size:13px;transition:background .2s;display:flex}.resume-download:hover{background:#c6d3ff}.resume-download>span{flex:1}.resume-download small{font:9px var(--font-mono);color:#364970;margin-top:8px;display:block}.contact-section{padding-top:110px}.contact-grid{grid-template-columns:1fr 1fr;gap:85px;display:grid}.contact-copy h2{font-size:clamp(35px,3.6vw,52px);line-height:1.2}.contact-copy>.body-copy{max-width:340px;font-size:13px}.social-links{flex-direction:column;gap:15px;margin-top:30px;display:flex}.social-links>a,.contact-placeholder{align-items:center;gap:12px;width:fit-content;min-height:30px;font-size:12px;display:flex}.social-links>a>svg:last-child{margin-left:8px}.contact-placeholder{color:var(--muted)}.contact-placeholder small{color:var(--muted);border-left:1px solid var(--line);margin-left:8px;padding-left:12px;font-size:9px}.contact-form{border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:30px}.contact-form h3{letter-spacing:-.5px;margin:0 0 32px;font-size:19px;font-weight:500}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-field{flex-direction:column;gap:11px;min-width:0;margin-bottom:24px;display:flex}.form-field label{font-size:11px}.form-field input,.form-field textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);background:0 0;border-radius:0;padding:0 0 12px;font-size:12px;line-height:1.8}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted);opacity:.8}.form-field textarea{resize:vertical;min-height:100px;max-height:360px}.form-field [aria-invalid=true]{border-color:var(--error)}.consent-label{color:var(--muted);align-items:flex-start;gap:11px;font-size:10px;line-height:1.7;display:flex}input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0;margin:0}.consent-label input{margin-top:2px}.inline-button,.policy-link,.cookie-settings{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.inline-button:hover,.policy-link:hover,.cookie-settings:hover{text-underline-offset:4px;text-decoration:underline}.policy-link{color:var(--text);text-underline-offset:3px;min-height:27px;margin:7px 0 0 28px;font-size:10px;text-decoration:underline;display:block}.submit-button{width:100%;margin-top:24px}.submit-button:disabled{opacity:.52;transform:none}.form-notice{color:var(--muted);margin-top:15px;margin-bottom:0;font-size:10px;line-height:1.8}.field-error{color:var(--error);font-size:11px;line-height:1.6}.success-message{color:var(--success);align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;display:flex}.success-message svg{flex-shrink:0;margin-top:1px}.form-feedback:empty{display:none}.honeypot{width:1px;height:1px;top:auto;overflow:hidden;position:absolute!important;left:-10000px!important}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{border-top:1px solid var(--line);padding:32px 0 24px}.footer-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-top p{color:var(--muted);font-size:11px}.back-top{align-items:center;gap:20px;min-height:44px;font-size:11px;display:flex}.footer-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:28px;margin-top:35px;font-size:9px;display:flex}.footer-bottom>div{gap:20px;display:flex}.footer-bottom .inline-button{min-height:38px}.footer-draft{font-size:8px}.cookie-banner{z-index:40;border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:20px;width:min(1180px,100% - 40px);padding:20px 24px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 70px #0004}.cookie-symbol{color:var(--accent);padding-inline:4px;font-size:45px;line-height:1}.cookie-copy{flex:1}.cookie-copy strong{font-size:13px;font-weight:600}.cookie-copy p{color:var(--muted);max-width:450px;margin:6px 0 0;font-size:10px;line-height:1.8}.cookie-actions{grid-template-columns:auto auto;align-items:center;gap:10px;display:grid}.cookie-actions .button{white-space:nowrap;gap:0;min-height:42px;padding:11px 15px;font-size:10px}.button-outline{color:var(--text);border:1px solid var(--line);background:0 0}.button-outline:hover{background:var(--bg)}.cookie-settings{color:var(--muted);grid-column:1/-1;justify-self:end;min-height:22px;font-size:9px}.privacy-dialog{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;width:min(650px,100% - 32px);max-height:85dvh;margin:auto;padding:0;overflow:auto}.privacy-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080b12a8}.dialog-content{padding:40px;position:relative}.dialog-close{position:absolute;top:15px;right:16px}.dialog-content>.micro-label{color:var(--accent);margin-top:0}.dialog-content>h2{letter-spacing:-1px;margin:24px 40px 25px 0;font-size:32px;font-weight:500;line-height:1.2}.dialog-content section{margin-block:26px}.dialog-content h3{margin:0 0 10px;font-size:14px;font-weight:600}.dialog-content p:not(.micro-label){color:var(--muted);font-size:12px;line-height:1.8}.policy-draft{background:var(--surface);border-left:2px solid var(--accent);padding:14px 16px}.privacy-option{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:23px 0;display:flex}.privacy-option p{margin-bottom:0}.required-check{color:var(--accent)}.dialog-actions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.dialog-actions .button{gap:10px;padding-inline:18px;font-size:11px}.privacy-option input{width:22px;height:22px}html:has(dialog[open]){overflow:hidden}body:has(.cookie-banner){padding-bottom:140px}:root[data-theme=light] .button-primary:hover{background:#263f8b}:root[data-theme=light] .system-art{box-shadow:0 22px 50px #13204012}:root[data-theme=light] .project-art{border-color:#0000}@media (max-width:1150px){.about-grid{gap:65px}.contact-grid{gap:45px}.experience-grid{gap:60px}.hero-bottom>div{gap:8px}.hero-bottom{gap:28px}.hero-bottom .hero-stack{gap:15px}.footer-draft{display:none}.contact-placeholder small{font-size:8px}.projects-grid{gap:18px}.project-meta{font-size:7px}.endpoint{padding:8px 9px;left:12px}.platform-badge{right:20px}}@media (max-width:950px){.about-grid{gap:40px}.about-lead{font-size:21px}.portrait-monogram{font-size:185px}.contact-grid{gap:32px}.contact-form{padding:24px}.form-row{grid-template-columns:1fr;gap:0}.resume-section{gap:30px;padding:35px}.resume-section h2{font-size:28px}.resume-download{min-width:220px;padding:19px}.service-row{grid-template-columns:30px 1fr 1fr 25px;gap:20px}.service-row h3{font-size:21px}.cookie-symbol{display:none}.cookie-banner{gap:20px}.project-info h3{font-size:19px}.flow-node{width:33px;height:33px}.flow-main{width:60px;height:60px}.flow-line{width:17px}.platform-window{width:150px;height:120px}.platform-badge{width:44px;height:44px;bottom:20px}.project-art{aspect-ratio:1.25}.skill-group{margin-right:17px;padding-right:14px}.skill-group h3{font-size:17px}.skill-tags>span{font-size:9px}.site-header .desktop-nav{gap:21px}}@media (max-width:820px){.site-header .desktop-nav{display:none}.menu-button{display:inline-flex}.site-header .mobile-nav{z-index:30;background:var(--bg);border:1px solid var(--line);flex-direction:column;gap:0;padding:14px 24px;position:absolute;top:calc(100% + 1px);left:0;right:0;display:flex!important}.mobile-nav a{border-bottom:1px solid var(--line);justify-content:space-between;padding-block:16px;display:flex}.mobile-nav a:last-child{border-bottom:0}.hero-bottom .hero-stack{display:none}.hero-en h1{font-size:5.7vw}.section-heading{gap:28px}.section-heading>p{max-width:300px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-copy{grid-template-columns:1fr 1fr;column-gap:25px;display:grid}.contact-copy h2{grid-row:span 2}.contact-copy>.body-copy{margin-top:0}.social-links{margin-top:6px}.form-row{grid-template-columns:1fr 1fr;gap:20px}.cookie-banner{flex-direction:column;align-items:stretch;gap:15px;padding:19px 22px}.cookie-copy p{max-width:none}.cookie-actions{grid-template-columns:auto auto 1fr}.cookie-settings{grid-column:auto;justify-self:end}.cookie-actions .button{min-height:44px}body:has(.cookie-banner){padding-bottom:190px}.experience-grid{gap:40px}.footer-top p{display:none}}@media (max-width:700px){.hero-en h1{font-size:clamp(31px,7.5vw,53px)}.hero-en .hero-actions{gap:20px}.hero-en .button{gap:12px}.header-tools{gap:4px}.language{gap:5px;margin-right:7px;font-size:10px}.icon-button{width:37px}.wordmark{font-size:22px}.hero-copy>p{max-width:350px}.hero-bottom>div>span{max-width:80px;line-height:1.6}.hero-bottom{gap:12px}.about-grid{grid-template-columns:1fr;gap:38px}.portrait{grid-template-columns:1fr;width:100%;max-width:none;display:grid}.portrait-image{aspect-ratio:1.2;max-height:340px}.portrait-monogram{font-size:210px}.about-copy h2{font-size:35px}.about-lead{font-size:22px}.section-heading{flex-direction:column;gap:18px;margin-bottom:30px}.section-heading>p{max-width:100%;margin:0;font-size:12px}.skills-section{padding-block:55px}.skills-grid{grid-template-columns:1fr 1fr;row-gap:27px}.skill-group:nth-child(2){border-right:0;margin-right:0}.skill-group{margin-right:20px;padding-top:22px}.skill-group h3{margin-top:17px;font-size:18px}.projects-grid{grid-template-columns:1fr;gap:40px}.project-art{aspect-ratio:1.65;max-height:270px}.project-meta{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;font-size:8px}.project-info h3{font-size:25px}.project-info>p{min-height:0;font-size:13px}.project-tags{font-size:10px}.endpoint{padding:12px 15px;font-size:10px;top:28px;left:32px}.project-core{width:95px;height:95px}.response-code{font-size:10px;bottom:28px;right:30px}.flow-node{width:45px;height:45px}.flow-main{width:78px;height:78px}.flow-line{width:30px}.flow-label{font-size:10px;bottom:25px}.platform-window{width:200px;height:145px}.platform-columns{height:56px}.platform-badge{width:56px;height:56px;bottom:32px;right:50px}.experience-grid{grid-template-columns:1fr;gap:28px}.experience-entry{padding-left:20px}.experience-grid>div:first-child>.body-copy{max-width:none}.service-row{grid-template-columns:25px 1fr 25px;gap:15px;padding-block:25px}.service-row h3{font-size:21px}.service-row p{grid-area:2/2;font-size:12px}.service-row>svg{grid-area:1/3;width:22px}.service-row:hover{padding-inline:0}.services-section>h2{margin-bottom:30px;font-size:36px}.resume-section{grid-template-columns:1fr;gap:25px;padding:30px 25px}.resume-section h2{font-size:31px}.resume-download{gap:25px;width:fit-content;min-width:0;padding:19px 21px}.contact-section{padding-top:70px}.contact-copy{display:block}.contact-copy h2{letter-spacing:-1.6px;font-size:39px}.contact-copy>.body-copy{font-size:13px}.social-links{margin-top:25px}.contact-placeholder small{font-size:9px}.contact-form{padding:25px 21px}.contact-form h3{font-size:20px}.form-row{grid-template-columns:1fr;gap:0}.form-field input,.form-field textarea{font-size:16px}.form-field label{font-size:12px}.consent-label,.policy-link{font-size:11px}.submit-button{font-size:13px}.form-notice{font-size:11px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:23px;font-size:10px}.footer-bottom>div{gap:25px}.footer-top .wordmark{font-size:23px}.back-top{gap:10px;font-size:10px}.cookie-banner{gap:13px;width:calc(100% - 24px);padding:17px;bottom:12px}.cookie-copy p{font-size:10px}.cookie-actions{grid-template-columns:1fr 1fr;gap:8px}.cookie-actions .button{padding-inline:10px;font-size:10px}.cookie-settings{grid-column:1/-1;min-height:26px}.dialog-content{padding:30px 24px}.dialog-content>h2{font-size:28px}.privacy-option{gap:18px}.dialog-actions{flex-direction:column}.dialog-actions .button{justify-content:center}body:has(.cookie-banner){padding-bottom:260px}}@media (max-width:370px){.hero h1{font-size:11.8vw}.hero-en h1{font-size:7.4vw}.hero-actions{gap:16px}.button{gap:12px;padding-inline:13px}.hero-actions .text-link{gap:8px;font-size:10px}.wordmark{font-size:19px}.brand-mark{margin-inline:3px}.header-tools{gap:0}.theme-button,.menu-button{width:33px}.language{margin-right:4px}.project-meta{font-size:7px}.contact-copy h2{font-size:34px}.hero-bottom strong{font-size:22px}}
