@import "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&family=Playfair+Display:wght@400;500;600&display=swap";:root{color:#262825;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--canvas:#f6f6f2;--surface:#fff;--surface-muted:#efeee9;--ink:#262825;--muted:#747770;--line:#ddded7;--wine:#48202b;--accent:#a94d42;--accent-soft:#f3e8e3;--green:#52745a;--header:#f6f6f2d6;--code:#202923;--code-surface:#1a211e;--code-text:#e5ece5;--shadow:0 15px 45px #23292414;scroll-behavior:smooth;background:#f6f6f2;scroll-padding-top:92px;font-family:DM Sans,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#171b19;--surface:#202622;--surface-muted:#252c27;--ink:#edf0e9;--muted:#a1a79e;--line:#37403a;--wine:#e7c4c5;--accent:#e49a85;--accent-soft:#382b28;--green:#b2cfad;--header:#171b19db;--code:#101512;--code-surface:#151c18;--code-text:#e5ece5;--shadow:0 18px 46px #0003}*,:before,:after{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;transition:background .25s,color .25s}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--ink)}.site-header{z-index:30;background:var(--header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;min-height:76px;padding:0 max(4vw,50vw - 720px);transition:border-color .2s,box-shadow .2s,background .2s;display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:max-content;display:inline-flex}.brand-mark{border:1px solid var(--line);width:37px;height:37px;color:var(--accent);letter-spacing:-1px;place-items:center;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;display:grid}.brand-mark>span{color:var(--accent);display:inline}.brand-name{letter-spacing:1px;flex-direction:column;gap:3px;font-family:Manrope,sans-serif;font-size:9px;font-weight:800;display:flex}.brand-name small,.footer-brand small{color:var(--muted);letter-spacing:.4px;font:8px DM Mono,monospace}.main-nav{justify-content:center;align-items:center;gap:clamp(12px,1.65vw,27px);padding:0 14px;display:flex}.main-nav a{color:var(--muted);padding:29px 0 27px;font-size:10px;transition:color .2s;position:relative}.main-nav a.active:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:19px;left:0;right:0}.header-actions{align-items:center;gap:12px;display:flex}.header-social,.theme-toggle{width:31px;height:31px;color:var(--muted);background:0 0;border:0;place-items:center;transition:color .18s,background .18s;display:grid}.resume-nav-button{border:1px solid var(--line);background:0 0;min-height:34px;padding:0 12px;font-size:10px;transition:border .2s,color .2s}.resume-nav-button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.resume-nav-button:disabled{color:var(--muted);opacity:.6}.incomplete-link{color:var(--muted);opacity:.68;background:0 0;border:0}.incomplete-link.button{border:1px solid var(--line)}.section-wrap{width:min(100% - 9vw,1240px);margin-inline:auto}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(44px,7vw,104px);min-height:min(760px,100svh - 76px);padding-top:73px;padding-bottom:90px;display:grid;position:relative}.hero:before{z-index:-1;border-left:1px solid var(--line);background:radial-gradient(var(--line) .65px, transparent .65px) 0 0 / 19px 19px;opacity:.42;content:"";width:51%;height:100%;position:absolute;top:0;right:-7vw;-webkit-mask-image:linear-gradient(90deg,#0000,#000 34%,#000);mask-image:linear-gradient(90deg,#0000,#000 34%,#000)}.hero-copy{z-index:1;animation:.7s 80ms both fade-rise;position:relative}.hero-kicker,.section-eyebrow{color:var(--muted);letter-spacing:.6px;align-items:center;gap:9px;font:9px DM Mono,monospace;display:flex}.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--green), transparent 87%);border-radius:50%;flex:none;display:inline-block}.hero h1 span,.section-heading h2 em,.connect-copy h2 em{color:var(--accent);font-style:normal}.hero-role{color:var(--muted);margin:0 0 19px;font-size:12px}.hero-role span{color:var(--accent);padding:0 5px}.hero-lede{max-width:580px;margin:0 0 12px;font-family:Manrope,sans-serif;font-size:clamp(17px,2vw,22px);font-weight:600;line-height:1.5}.hero-description{max-width:585px;color:var(--muted);margin-bottom:25px;font-size:12px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:9px;display:flex}.button{border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:10px;font-weight:600;transition:transform .2s,background .2s,border .2s,color .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent), black 12%);background:color-mix(in srgb, var(--accent), black 12%)}.button-secondary{border-color:var(--line);background:var(--surface)}.button-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.button-quiet{color:var(--muted);background:0 0;border-color:#0000;padding-inline:9px}.button-quiet:hover:not(:disabled){color:var(--accent)}.button-disabled{border-color:var(--line);background:var(--surface-muted);color:var(--muted)}.hero-socials{border-top:1px solid var(--line);align-items:center;gap:14px;margin-top:28px;padding-top:18px;display:flex}.hero-socials>span{color:var(--muted);letter-spacing:.7px;margin-right:2px;font:8px DM Mono,monospace}.hero-socials>a,.hero-socials>button{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--muted);place-items:center;transition:color .2s,border .2s;display:grid}.hero-socials>a:hover{border-color:var(--accent);color:var(--accent)}.hero-visual{place-items:center;min-height:432px;animation:.7s .2s both fade-rise;display:grid;position:relative}.visual-grid{border:1px solid var(--line);background:repeating-linear-gradient(0deg, transparent 0 35px, color-mix(in srgb, var(--line), transparent 58%) 36px), repeating-linear-gradient(90deg, transparent 0 35px, color-mix(in srgb, var(--line), transparent 58%) 36px);position:absolute;inset:8% 1% 7% 3%;transform:rotate(-3deg)}.code-window{z-index:1;background:var(--code);width:min(100%,450px);box-shadow:var(--shadow);border:1px solid #38423b;position:relative;overflow:hidden;transform:rotate(1.4deg)}.code-titlebar{background:var(--code-surface);color:#aab1a8;border-bottom:1px solid #ffffff17;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;padding:0 13px;font:9px DM Mono,monospace;display:grid}.code-titlebar>div{gap:5px;display:flex}.code-titlebar i{background:#687168;border-radius:50%;width:7px;height:7px}.code-titlebar i:first-child{background:#a86359}.code-titlebar i:nth-child(2){background:#b39353}.code-titlebar i:nth-child(3){background:#67866b}.code-java-mark{color:#d3a66b;justify-self:end;font-size:8px}.code-content{color:var(--code-text);white-space:pre;margin:0;padding:24px clamp(14px,3vw,27px) 21px;font:clamp(9px,1vw,11px)/2 DM Mono,monospace;overflow-x:auto}.code-muted{color:#86a88b}.code-keyword{color:#d69b84}.code-type{color:#e1cb94}.code-gold{color:#b9c995}.code-function{color:#8cc6bc}.code-status{color:#9ba59b;border-top:1px solid #ffffff17;justify-content:space-between;gap:10px;padding:11px 15px;font:8px DM Mono,monospace;display:flex}.code-status>span:first-child{color:#b7ceb2;align-items:center;gap:8px;display:flex}.code-status .status-dot{width:6px;height:6px;box-shadow:none}.architecture-card{z-index:2;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:11px;padding:12px 14px;display:flex;position:absolute;bottom:7%;right:-2%}.architecture-icon{background:var(--accent-soft);width:31px;height:31px;color:var(--accent);place-items:center;display:grid}.architecture-card>div{flex-direction:column;gap:4px;display:flex}.architecture-card strong{letter-spacing:.3px;font:8px DM Mono,monospace}.architecture-card>div span{color:var(--muted);font-size:9px}.architecture-card>svg{color:var(--accent);margin-left:8px}.hero-caption{color:var(--muted);letter-spacing:.55px;justify-content:space-between;font:8px DM Mono,monospace;display:flex;position:absolute;bottom:-7px;left:1%;right:0}.hero-scroll{color:var(--muted);align-items:center;gap:9px;font:8px DM Mono,monospace;display:flex;position:absolute;bottom:23px;left:0}.section-heading{margin-bottom:45px}.section-heading>.section-eyebrow{margin-bottom:16px}.section-heading-row{justify-content:space-between;align-items:end;gap:34px;display:flex}.section-heading h2{letter-spacing:-1.9px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(39px,5vw,64px);font-weight:600;line-height:1.1}.section-heading-row>p{width:min(38%,385px);color:var(--muted);margin:0 0 4px;font-size:12px;line-height:1.8}.about-section,.projects-section,.experience-section,.achievements-section{border-top:1px solid var(--line)}.about-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:10%;display:grid}.about-copy p{max-width:590px;color:var(--muted);font-size:13px;line-height:1.95}.about-copy p:first-child{color:var(--ink);font-size:15px}.about-copy blockquote{border-left:2px solid var(--accent);color:var(--accent);margin:29px 0 0;padding:16px 0 16px 18px;font-family:Manrope,sans-serif;font-size:18px;font-weight:600}.about-focus{border:1px solid var(--line);background:var(--surface);padding:20px 22px}.focus-heading{border-bottom:1px solid var(--line);color:var(--accent);letter-spacing:.55px;align-items:center;gap:10px;padding-bottom:15px;font:9px DM Mono,monospace;display:flex}.focus-item{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;gap:10px;padding:17px 0;display:grid}.focus-item:last-child{border-bottom:0;padding-bottom:4px}.focus-item>span{color:var(--accent);font:9px DM Mono,monospace}.focus-item>div{flex-direction:column;gap:6px;display:flex}.focus-item strong{font-size:11px;font-weight:600}.focus-item small{color:var(--muted);font-size:10px;line-height:1.6}.skills-section{border-top:1px solid var(--line);background:var(--surface-muted)}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skill-group{border:1px solid var(--line);background:var(--surface);min-height:151px;padding:19px}.skill-group-heading{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding-bottom:13px;display:flex}.skill-group-heading>span{color:var(--accent);font:9px DM Mono,monospace}.skill-group-heading h3{margin:0;font-size:12px;font-weight:600}.skill-badges{flex-wrap:wrap;gap:7px;padding-top:14px;display:flex}.skill-badges>span,.technology-list>span{border:1px solid var(--line);background:var(--canvas);min-height:24px;color:var(--muted);align-items:center;padding:4px 8px;font-size:9px;display:inline-flex}.project-filters{flex-wrap:wrap;gap:7px;margin:-7px 0 24px;display:flex}.project-filters button{border:1px solid var(--line);background:var(--surface);min-height:31px;color:var(--muted);padding:0 11px;font-size:9px;transition:background .18s,color .18s,border .18s}.project-filters button:hover{border-color:var(--accent);color:var(--accent)}.project-filters button.filter-active{border-color:var(--ink);background:var(--ink);color:var(--canvas)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);transition:transform .22s,box-shadow .22s,border .22s;overflow:hidden}.project-card:hover{border-color:color-mix(in srgb, var(--accent), var(--line) 48%);box-shadow:var(--shadow);transform:translateY(-3px)}.project-artwork{color:#304238;background-color:#e9ece5;flex-direction:column;justify-content:space-between;min-height:205px;padding:14px 17px 13px;display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .project-artwork{filter:brightness(.85)}.project-artwork:after{content:"";border:1px solid #2e453830;border-radius:50%;width:189px;height:189px;position:absolute;top:-53px;right:-40px;box-shadow:0 0 0 22px #2e45380a,0 0 0 45px #2e453808}.resume-visual{color:#5c473f;background-color:#ece7df}.crm-visual{color:#3d5748;background-color:#e7ebdf}.chat-visual{color:#3c5d5a;background-color:#e4ebea}.library-visual{color:#665845;background-color:#eee7dc}.artwork-top{z-index:1;align-items:center;gap:5px;display:flex;position:relative}.artwork-dot{opacity:.38;background:currentColor;border-radius:50%;width:6px;height:6px}.artwork-file{opacity:.66;margin-left:9px;font:8px DM Mono,monospace}.artwork-grid{z-index:1;grid-template-columns:58px 1fr;align-items:center;max-width:450px;margin:auto;display:grid;position:relative}.artwork-grid>span{color:currentColor;opacity:.13;font-family:Manrope,sans-serif;font-size:59px;font-weight:700}.artwork-grid pre{color:currentColor;opacity:.86;margin:0;font:10px/1.85 DM Mono,monospace}.artwork-foot{z-index:1;gap:6px;display:flex;position:relative}.artwork-foot>span{opacity:.58;border:1px solid;padding:4px 7px;font:7px DM Mono,monospace}.project-card-kicker{color:var(--muted);letter-spacing:.35px;justify-content:space-between;gap:10px;font:8px DM Mono,monospace;display:flex}.project-card h3{margin:12px 0 8px;font-family:Manrope,sans-serif;font-size:20px;font-weight:700;line-height:1.35}.project-card-content>p{min-height:57px;color:var(--muted);margin:0 0 12px;font-size:10px;line-height:1.75}.technology-list{flex-wrap:wrap;gap:6px;display:flex}.technology-list>span{min-height:22px;font-size:8px}.project-card-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:13px;padding-top:13px;display:flex}.text-action{color:var(--accent);background:0 0;border:0;align-items:center;gap:7px;padding:4px 0;font-size:10px;font-weight:600;display:inline-flex}.text-action svg{transition:transform .18s}.text-action:hover svg{transform:translate(2px,-2px)}.icon-action{border:1px solid var(--line);color:var(--muted);background:0 0;align-items:center;gap:6px;padding:7px;display:inline-flex}.icon-action:hover{border-color:var(--accent);color:var(--accent)}.training-list{border-top:1px solid var(--line)}.training-item{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto;gap:19px;padding:24px 0;display:grid}.training-index{color:var(--accent);font:10px DM Mono,monospace}.training-label{color:var(--muted);letter-spacing:.7px;font:8px DM Mono,monospace}.training-main h3{margin:7px 0 3px;font-family:Manrope,sans-serif;font-size:18px;font-weight:700}.training-main>p{color:var(--muted);margin:0;font-size:10px}.training-focus{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.training-focus span{border:1px solid var(--line);color:var(--muted);padding:5px 8px;font-size:8px}.training-duration{color:var(--ink);padding-top:4px;font:9px DM Mono,monospace}.education-section{border-top:1px solid var(--line);background:var(--surface-muted)}.education-card{border:1px solid var(--line);background:var(--surface);grid-template-columns:46px 1fr auto;align-items:start;gap:20px;padding:27px;display:grid}.education-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);place-items:center;display:grid}.education-status{color:var(--green);align-items:center;gap:8px;font:9px DM Mono,monospace;display:inline-flex}.education-status i{background:var(--muted);border-radius:50%;width:4px;height:4px}.education-content h3{margin:12px 0 5px;font-family:Manrope,sans-serif;font-size:clamp(19px,2.4vw,28px);font-weight:700}.education-content h3 span{color:var(--muted);font-weight:500}.education-branch{color:var(--muted);margin:0 0 18px;font-size:12px}.education-institution{color:var(--muted);flex-direction:column;gap:7px;font-size:10px;display:flex}.education-side{color:var(--muted);text-align:right;flex-direction:column;align-items:end;gap:10px;font:8px DM Mono,monospace;display:flex}.education-side strong{color:var(--accent);font:700 15px/1.4 Manrope,sans-serif}.achievements-section{background:var(--surface)}.achievement-list{border-top:1px solid var(--line)}.achievement-item{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr 22px;align-items:center;gap:15px;padding:17px 4px;display:grid}.achievement-item>span{color:var(--accent);font:9px DM Mono,monospace}.achievement-item p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.achievement-item>svg{color:var(--green)}.github-section{border-top:1px solid var(--line);background:var(--surface-muted)}.github-callout{border:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;margin:0 0 13px;padding:16px 18px;display:flex}.github-callout>div{align-items:center;gap:12px;display:flex}.github-callout>div>svg{color:var(--accent)}.github-callout>div>div{flex-direction:column;gap:4px;display:flex}.github-callout strong{font-size:11px}.github-callout span{color:var(--muted);font-size:9px}.repo-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.repo-card{border:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:199px;padding:14px;display:flex}.repo-top{color:var(--muted);justify-content:space-between;align-items:center;font:8px DM Mono,monospace;display:flex}.repo-top svg{color:var(--accent)}.repo-card h3{overflow-wrap:anywhere;margin:17px 0 7px;font-size:12px;line-height:1.4}.repo-card>p{min-height:45px;color:var(--muted);margin:0 0 9px;font-size:9px;line-height:1.65}.repo-technology{color:var(--accent);font:8px/1.6 DM Mono,monospace}.repo-link,.repo-pending{color:var(--ink);align-items:center;gap:6px;margin-top:auto;padding-top:11px;font-size:9px;display:inline-flex}.repo-link:hover{color:var(--accent)}.repo-pending{color:var(--muted);font-size:8px}.connect-section{color:#eff3ea;background:#293c32;justify-content:space-between;align-items:center;gap:35px;min-height:340px;padding:62px 7%;display:flex;position:relative;overflow:hidden}.connect-section:after{content:"";background:#ffffff21;width:1px;height:240%;position:absolute;top:-70%;right:7%;transform:rotate(36deg)}.connect-copy{z-index:1;max-width:650px;position:relative}.connect-copy h2{letter-spacing:-1.5px;margin:16px 0 12px;font-family:Manrope,sans-serif;font-size:clamp(37px,5vw,57px);font-weight:600;line-height:1.12}.connect-copy h2 em{color:#d6a18b}.connect-copy>p{color:#c0cbc0;max-width:470px;margin-bottom:21px;font-size:11px;line-height:1.8}.button-light:hover{background:#ffffff14}.connect-mark{color:#eff3eaa6;border:1px solid #eff3ea42;flex:none;place-items:center;width:180px;height:180px;display:grid;position:relative}.connect-mark:before,.connect-mark:after{content:"";border:1px solid #eff3ea26;position:absolute;inset:17px;transform:rotate(45deg)}.connect-mark:after{inset:33px;transform:rotate(0)}.connect-mark>span{z-index:1;color:#d6a18b;font:8px/1.7 DM Mono,monospace;position:absolute;bottom:15px;right:15px}.resume-section{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;display:flex}.resume-copy .section-eyebrow{margin-bottom:13px}.resume-copy h2{margin:0 0 8px;font-family:Manrope,sans-serif;font-size:clamp(23px,3vw,34px);font-weight:700;line-height:1.2}.resume-copy p{color:var(--muted);margin:0;font-size:10px}.resume-actions{flex-wrap:wrap;gap:8px;display:flex}.contact-section{border-top:1px solid var(--line)}.contact-grid{grid-template-columns:.72fr 1.28fr;gap:11%;display:grid}.contact-details{flex-direction:column;display:flex}.contact-detail{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr 25px;align-items:center;gap:10px;min-height:66px;display:grid}.contact-icon{background:var(--surface-muted);width:31px;height:31px;color:var(--accent);place-items:center;display:grid}.contact-detail>div{flex-direction:column;gap:5px;min-width:0;display:flex}.contact-detail small{color:var(--muted);letter-spacing:.5px;font:8px DM Mono,monospace}.contact-detail>div>a,.contact-detail>div>span{color:var(--ink);overflow-wrap:anywhere;align-items:center;gap:5px;font-size:10px;display:inline-flex}.contact-detail>div>a:hover{color:var(--accent)}.copy-button{border:1px solid var(--line);background:var(--surface);width:26px;height:26px;color:var(--muted);place-items:center;display:grid}.pending-dot{background:var(--muted);opacity:.5;border-radius:50%;justify-self:center;width:7px;height:7px}.form-disclaimer{color:var(--muted);margin:15px 0 0;font-size:9px;line-height:1.7}.contact-form{flex-direction:column;gap:14px;display:flex}.contact-form label{color:var(--muted);flex-direction:column;gap:7px;font-size:9px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:0;outline:0;padding:11px 12px;font-size:10px;transition:border .18s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted);opacity:.75}.contact-form textarea{resize:vertical}.form-submit{align-self:flex-start;min-width:142px}.form-status{min-height:0;color:var(--accent);margin:-5px 0 0;font-size:10px;line-height:1.7}.form-status:empty{display:none}.site-footer{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:19px;padding:24px max(4vw,50vw - 720px);display:grid}.footer-brand{align-items:center;gap:9px;display:inline-flex}.footer-brand>span:last-child{flex-direction:column;gap:4px;font-family:Manrope,sans-serif;font-size:10px;font-weight:700;display:flex}.footer-brand small{font-weight:400}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.site-footer nav a{color:var(--muted);font-size:9px}.site-footer nav a:hover{color:var(--accent)}.footer-socials{gap:8px;display:flex}.footer-socials>a,.footer-socials>button{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:0 0;place-items:center;display:grid}.footer-socials>a:hover{border-color:var(--accent);color:var(--accent)}.copyright{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;padding-top:14px;font-size:8px}.back-to-top{z-index:15;border:1px solid var(--line);background:var(--surface);width:37px;height:37px;color:var(--accent);box-shadow:var(--shadow);place-items:center;transition:transform .18s;display:grid;position:fixed;bottom:18px;right:18px}.back-to-top:hover{transform:translateY(-3px)}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0e0ca6;place-items:center;padding:22px;animation:.18s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.project-dialog{border:1px solid var(--line);background:var(--surface);width:min(720px,100%);max-height:min(88vh,790px);box-shadow:var(--shadow);padding:clamp(23px,5vw,43px);animation:.22s both fade-rise;position:relative;overflow-y:auto}.dialog-close{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);place-items:center;display:grid;position:absolute;top:15px;right:15px}.dialog-heading{border-bottom:1px solid var(--line);padding:7px 35px 19px 0}.dialog-heading h2{margin:14px 0 8px;font-family:Manrope,sans-serif;font-size:clamp(23px,4vw,34px);line-height:1.2}.dialog-heading>p,.dialog-detail>p{color:var(--muted);font-size:11px;line-height:1.8}.dialog-heading>p{margin:0}.dialog-detail{padding-top:20px}.dialog-detail h3{margin:18px 0 7px;font-size:11px}.dialog-detail>p{margin:0}.dialog-detail ul{color:var(--muted);grid-template-columns:1fr 1fr;gap:9px 22px;padding-left:17px;font-size:10px;line-height:1.7;display:grid}.dialog-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;padding-top:19px;display:flex}.muted-note{color:var(--muted);font-size:9px}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(13px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes fade-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width>=1600px){.hero{min-height:790px}}@media (width<=1100px){.site-header{grid-template-columns:auto 1fr auto;padding-inline:3vw}.brand-name{display:none}.main-nav{gap:12px}.main-nav a{font-size:9px}.header-actions{gap:5px}.section-wrap{width:min(100% - 8vw,1240px)}.hero{gap:4vw}.repo-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=880px){.site-header{grid-template-columns:1fr auto auto;gap:12px;min-height:64px;padding:0 5vw}.brand-name{display:flex}.mobile-menu-toggle{border:1px solid var(--line);background:var(--surface);width:35px;height:35px;color:var(--ink);place-items:center;display:grid}.main-nav{border-bottom:1px solid var(--line);background:var(--canvas);box-shadow:var(--shadow);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:0;padding:7px 5vw 14px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:63px;left:0;right:0;transform:translateY(-7px)}.main-nav.nav-open{opacity:1;pointer-events:auto;transform:translateY(0)}.main-nav a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 0;font-size:11px;display:flex}.main-nav a:last-child{border-bottom:0}.main-nav a.active:after{display:none}.main-nav a.active>i{background:var(--accent);border-radius:50%;width:6px;height:6px;display:block}.header-actions{gap:3px}.header-social,.resume-nav-button{display:none}.theme-toggle{width:33px;height:33px}.section-wrap{width:min(100% - 10vw,620px)}.hero{grid-template-columns:1fr;gap:44px;min-height:auto;padding-top:62px;padding-bottom:79px}.hero:before{border-top:1px solid var(--line);border-left:0;width:100%;height:45%;top:auto;bottom:4%;right:-10vw;-webkit-mask-image:linear-gradient(#0000,#000 36%);mask-image:linear-gradient(#0000,#000 36%)}.hero h1{letter-spacing:-2.8px;font-size:clamp(52px,12vw,76px)}.hero-description{max-width:570px}.hero-visual{min-height:350px;margin:0 3%}.code-window{width:min(100%,470px)}.architecture-card{bottom:3%;right:-3%}.hero-caption{bottom:-11px}.hero-scroll{bottom:23px}.section-pad{padding-top:77px;padding-bottom:77px}.section-heading{margin-bottom:31px}.section-heading-row{flex-direction:column;align-items:start;gap:13px}.section-heading h2{font-size:clamp(39px,10vw,54px)}.section-heading-row>p{width:100%;max-width:450px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:27px}.about-copy p{font-size:12px}.about-focus{padding:17px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.skill-group{min-height:135px;padding:13px}.project-artwork{min-height:180px}.projects-grid{grid-template-columns:1fr;gap:14px}.project-card-content>p{min-height:0}.training-item{grid-template-columns:29px 1fr;gap:12px}.training-duration{grid-area:1/2;justify-self:end}.training-main{grid-column:2}.education-card{grid-template-columns:39px 1fr;gap:13px;padding:18px}.education-icon{width:37px;height:37px}.education-side{display:none}.achievement-item{grid-template-columns:29px 1fr 19px;gap:9px}.achievement-item p{font-size:10px}.github-callout{flex-direction:column;align-items:flex-start}.repo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.repo-card{min-height:212px;padding:12px}.repo-card h3{font-size:11px}.connect-section{min-height:330px;padding:43px 7%}.connect-mark{opacity:.42;width:155px;height:155px;position:absolute;bottom:-45px;right:-38px}.connect-copy{max-width:100%}.connect-copy h2{font-size:clamp(37px,9vw,50px)}.resume-section{flex-direction:column;align-items:flex-start;gap:20px}.contact-form{gap:12px}.site-footer{grid-template-columns:1fr auto;gap:15px;padding:21px 5vw}.site-footer nav{grid-area:2/1/auto/-1;justify-content:flex-start;gap:12px}.footer-socials{grid-area:1/2}.copyright{grid-row:3}.back-to-top{bottom:11px;right:11px}}@media (width<=420px){.brand-name{font-size:8px}.brand-name small{font-size:7px}.header-actions{gap:0}.hero-kicker{flex-wrap:wrap;font-size:8px}.hero h1{letter-spacing:-2.4px;font-size:51px}.hero-actions{gap:7px}.button{min-height:40px;padding-inline:11px;font-size:9px}.hero-visual{min-height:315px;margin-inline:1%}.code-content{padding-inline:11px;font-size:8px}.architecture-card{gap:8px;padding:10px;right:-4%}.architecture-card>div span{font-size:8px}.skills-grid{grid-template-columns:1fr}.skill-group{min-height:auto}.repo-grid{grid-template-columns:1fr}.repo-card{min-height:180px}.form-row,.dialog-detail ul{grid-template-columns:1fr}.dialog-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}:root:not([data-theme=dark]){--canvas:#f3f0e8;--surface:#f7f4ec;--surface-muted:#eae5da;--ink:#171614;--muted:#706c64;--line:#d7d1c5;--accent:#6b4b38;--accent-soft:#e7ddd1;--green:#8a6a52;--header:#11110feb}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#28241f;--surface:#312c25;--surface-muted:#393228;--ink:#f5f1e8;--muted:#c0b8aa;--line:#554b3e;--accent:#c0a486;--accent-soft:#42362a;--green:#b5a187;--header:#11110ff0;--shadow:0 18px 46px #0000003d}.site-header{z-index:30;background:var(--header);color:#f5f1e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:0;border-bottom:1px solid #f5f1e821;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:100%;height:auto;padding:0 clamp(24px,5vw,76px);transition:box-shadow .2s,background .2s;display:grid;position:sticky;inset:0 0 auto}.main-nav a{color:#ded8ce;white-space:nowrap;border:0;align-items:center;min-height:72px;padding:0 0 2px;font-size:10px;display:inline-flex}.main-nav a:hover,.main-nav a.active{color:#fffaf0;border:0;padding-left:0}.main-nav a>i{display:none}.resume-nav-button{color:#f5f1e8;border:1px solid #f5f1e859;justify-content:center;align-items:center;min-height:33px;margin:0;padding:0 12px;font-size:9px;display:inline-flex}.site-header.is-scrolled{border-bottom-color:#f5f1e838;box-shadow:0 7px 28px #0003}@media (width<=1100px) and (width>=881px){.site-header{gap:11px;padding-inline:22px}.brand-name{display:none}.main-nav{gap:8px;padding-inline:3px}.main-nav a{font-size:8px}.hero.section-wrap{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:30px}.hero h1{font-size:clamp(54px,6.3vw,72px)}}@media (width<=880px){.site-header{grid-template-columns:auto 1fr auto;gap:14px;width:100%;height:auto;min-height:66px;padding:0 5vw;display:grid;position:sticky;inset:0 0 auto}.brand-name{display:flex}.mobile-menu-toggle{color:#f5f1e8;background:0 0;border:1px solid #f5f1e840;place-items:center;width:36px;height:36px;display:grid}.main-nav{opacity:0;pointer-events:none;background:#11110ff7;border-bottom:1px solid #f5f1e826;flex-direction:column;align-items:stretch;gap:0;padding:8px 5vw 14px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px);box-shadow:0 14px 24px #0003}.main-nav.nav-open{opacity:1;pointer-events:auto;transform:translateY(0)}.main-nav a,.main-nav a:hover,.main-nav a.active{color:#f5f1e8;border:0;border-bottom:1px solid #f5f1e81f;justify-content:space-between;min-height:0;padding:12px 0;font-size:11px;display:flex}.main-nav a.active:after{display:none}.main-nav a.active>i{background:#c0a486;border-radius:50%;width:6px;height:6px;display:block}.header-actions{gap:4px}.header-social,.resume-nav-button{display:none}.hero.section-wrap{grid-template-columns:1fr;gap:27px;min-height:0;padding:58px 7vw 76px}.hero-copy{min-height:0;padding:0}.hero h1{font-size:clamp(54px,10vw,75px)}.hero-description{max-width:620px}.hero-visual{justify-self:center;width:min(100%,590px);min-height:430px}.hero-image-frame{width:53%;right:3%}.code-window{width:84%;top:25%}.hero-scroll{bottom:22px;left:7vw}}@media (width<=560px){.hero.section-wrap{gap:17px;padding-top:45px;padding-bottom:69px}.hero h1{font-size:clamp(47px,12vw,61px)}.hero-lede{font-size:19px}.hero-visual{min-height:360px}.hero-image-frame{width:62%;top:3%;bottom:8%;right:0}.code-window{width:94%;top:24%}.code-content{padding:16px 12px;font-size:8px}.architecture-card{gap:8px;padding:9px;bottom:0;right:0}.architecture-card>div span{font-size:8px}.hero-caption{font-size:6px;left:5%;right:0}.hero-scroll{bottom:18px;left:7vw}}@media (width>=881px){.hero-visual{min-height:clamp(520px,46vw,670px)}.hero-visual .hero-image-frame{border-radius:48% 48% 4px 4px/22% 22% 4px 4px;width:88%;top:1%;bottom:2%;right:0}}@media (width<=880px){.hero-visual{min-height:500px}.hero-visual .hero-image-frame{border-radius:46% 46% 4px 4px/20% 20% 4px 4px;width:78%;top:0;bottom:0;right:1%}}@media (width<=560px){.hero-visual{min-height:420px}.hero-visual .hero-image-frame{border-radius:44% 44% 4px 4px/18% 18% 4px 4px;width:88%;top:0;bottom:3%;right:0}}.hero-visual .hero-image-frame:after{background:linear-gradient(#11110f03 48%,#11110f78 100%)}.hero-visual .hero-image-frame img{object-position:center 24%;filter:saturate(.9)contrast(1.02)}.main-nav a{transition:color .2s,transform .2s;position:relative}.main-nav a:before{content:"";transform-origin:0;background:#c0a486;height:1px;transition:transform .22s;position:absolute;bottom:18px;left:0;right:0;transform:scaleX(0)}.main-nav a:hover{transform:translateY(-1px)}.main-nav a:hover:before{transform:scaleX(1)}.main-nav a.active:before{display:none}.header-social,.theme-toggle,.resume-nav-button{transition:color .2s,background .2s,border-color .2s,transform .2s}.header-social:hover,.theme-toggle:hover,.resume-nav-button:hover{transform:translateY(-2px)}.hero-image-frame{transition:box-shadow .35s,border-color .35s;overflow:hidden}.hero-image-frame img{transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .35s}.hero-visual:hover .hero-image-frame{border-color:#c0a486a6;box-shadow:0 30px 70px #0000005c}.hero-visual:hover .hero-image-frame img{filter:saturate(.82)contrast(1.04);transform:scale(1.045)}.hero-actions .button,.text-action,.icon-action,.repo-link{transition:transform .2s,color .2s,border-color .2s,background .2s,box-shadow .2s}.hero-actions .button:hover:not(:disabled),.resume-actions .button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #0000002b}.project-card{transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s,border-color .2s}.project-card:hover{transform:translateY(-6px)}.project-artwork:after{transition:transform .45s cubic-bezier(.2,.75,.25,1),border-color .3s,opacity .3s}.project-card:hover .project-artwork:after{opacity:.9;border-color:#2e453857;transform:translate(-7px,5px)scale(1.1)}.project-card:nth-child(4n+2):hover .project-artwork:after{border-color:#d5b99752}.skill-group{transition:transform .23s,border-color .23s,box-shadow .23s}.skill-group:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 26px #00000021}.focus-item{transition:transform .2s,color .2s}.focus-item:hover{transform:translate(5px)}.focus-item:hover strong{color:var(--accent)}.training-item{transition:padding .22s,background .22s}.training-item:hover{background:#ffffff08;padding-left:12px;padding-right:12px}.education-card{transition:transform .24s,box-shadow .24s,border-color .24s}.education-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-4px)}.contact-detail{transition:padding .2s,background .2s}.contact-detail:hover{background:#ffffff08;padding-left:8px;padding-right:8px}.contact-detail>div>a,.footer-socials>a{transition:color .2s,transform .2s}.contact-detail>div>a:hover,.footer-socials>a:hover{transform:translate(2px)}main{overflow:clip}.section-wrap:not(.hero){width:100%;margin-inline:0;padding-left:max(24px,50vw - 620px);padding-right:max(24px,50vw - 620px)}.section-pad{padding-top:98px;padding-bottom:98px}.section-heading h2{letter-spacing:0;font-family:Playfair Display,Georgia,serif;font-weight:400}.section-heading h2 em{color:var(--accent)}.section-heading-row>p{color:var(--muted)}.hero.section-wrap{isolation:isolate;color:#f5f1e8;background:linear-gradient(120deg,#11110f 0%,#151513 63%,#1b1a17 100%);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(28px,5vw,78px);width:100%;min-height:min(800px,max(690px,100svh));margin:0;padding:66px max(24px,50vw - 620px);display:grid;position:relative;overflow:hidden}.hero-actions .button-primary:hover{background:#c0a486;border-color:#c0a486}.hero-visual{z-index:1;background:0 0;align-self:center;min-width:0;min-height:clamp(400px,43vw,545px);margin:0;padding:0;animation:.7s .2s both fade-rise;display:block}.code-status{border-color:#ffffff1a}.architecture-card>svg{color:#c0a486}.about-section,.projects-section,.education-section,.github-section,.resume-section{z-index:1;background:var(--canvas);color:var(--ink);position:relative}.about-section{z-index:2;border-top-left-radius:clamp(64px,9vw,132px) clamp(24px,3vw,45px);padding-top:126px;margin-top:-28px!important}.skills-section,.experience-section,.achievements-section,.contact-section{z-index:1;color:#f5f1e8;--ink:#f5f1e8;--muted:#c0b8aa;--line:#454138;--surface:#24221e;--surface-muted:#2b2822;--accent:#bda487;--accent-soft:#393128;--green:#b5a187;background:#1b1a17;border-top-left-radius:clamp(54px,8vw,112px) clamp(20px,2.8vw,40px);padding-top:122px;position:relative;margin-top:-24px!important}.skills-section{background-image:radial-gradient(at 90% 0,#6b4b381f,#0000 46%)}.contact-section{background-image:radial-gradient(at 92% 8%,#6b4b381f,#0000 48%)}.connect-section{color:#f5f1e8;--muted:#c0b8aa;--accent:#c0a486;background:#151513;width:100%;min-height:340px;margin:-24px 0 0;padding:82px max(24px,50vw - 620px) 58px}.connect-section:after{background:#ffffff1a;right:16%}.connect-copy .section-eyebrow,.connect-copy>p{color:#c0b8aa}.button-light{color:#f5f1e8;border-color:#f5f1e859}.button-light:hover{color:#e1c7a8;background:#ffffff0f;border-color:#bda487}.resume-section{z-index:2;border-top-right-radius:clamp(55px,8vw,112px) clamp(20px,2.8vw,40px);padding-top:84px;padding-bottom:84px;margin-top:-20px!important}.site-footer{color:#f5f1e8;background:#11110f;border:0;width:100%;margin:0;padding:27px max(24px,50vw - 620px);display:grid}.site-footer nav a,.copyright,.footer-brand small{color:#c0b8aa}.footer-socials>a,.footer-socials>button{color:#eee7dc;border-color:#f5f1e838}.back-to-top{color:#d4b899;background:#211e19;border-color:#564b3d}.section-heading>.section-eyebrow{color:var(--muted)}.skills-section .section-heading>.section-eyebrow,.experience-section .section-heading>.section-eyebrow,.achievements-section .section-heading>.section-eyebrow,.contact-section .section-heading>.section-eyebrow{color:#bdb3a4}.skills-section .section-heading h2 em,.experience-section .section-heading h2 em,.achievements-section .section-heading h2 em,.contact-section .section-heading h2 em{color:#c0a486}.skills-section .section-heading-row>p,.experience-section .section-heading-row>p,.achievements-section .section-heading-row>p,.contact-section .section-heading-row>p{color:#c0b8aa}.skill-group{background:#24221e;border-color:#454138}.skill-group-heading{border-color:#454138}.skill-badges>span{color:#e3ddd2;background:#2d2a24;border-color:#51493e}.project-card{border-color:#d6cfc2;border-radius:5px;box-shadow:0 9px 27px #2a221914}.project-card:hover{box-shadow:0 16px 36px #2a221924}.project-card:nth-child(4n+2){--ink:#f5f1e8;--muted:#c5bdaf;--line:#4a453c;--accent:#c0a486;--surface:#24221e;color:var(--ink);background:#1b1a17;border-color:#403a32}.project-card:nth-child(4n+2) .project-card-kicker,.project-card:nth-child(4n+2) .project-year{color:var(--muted)}.project-card:nth-child(4n+2) .project-meta{border-color:var(--line)}.project-card:nth-child(4n+2) .project-meta>div span{color:#c5bdaf}.project-card:nth-child(4n+2) .project-meta>button{color:#e0c6a6;border-color:#75614c}.project-card:nth-child(4n+2) .technology-list>span{color:#e3ddd2;background:#2d2a24;border-color:#51493e}.project-card:nth-child(4n+3){background:#eae5da}.project-card-content{padding:20px 21px 17px}.project-card h3{font-family:Playfair Display,Georgia,serif;font-size:23px;font-weight:500}.project-card:nth-child(4n+2) .project-artwork{filter:brightness(.82)saturate(.82)}.project-card:nth-child(4n+2) .project-card-actions{border-color:var(--line)}.education-section{background:var(--canvas)}.education-card{border-color:var(--line);background:var(--surface-muted);border-radius:4px}.github-section{background:var(--canvas)}.github-callout,.repo-card{border-color:var(--line);background:var(--surface);border-radius:4px}.contact-form input,.contact-form textarea{color:#f5f1e8;background:#24221e;border-color:#4a453c}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#b3aa9c}.contact-detail{border-color:#454138}.contact-icon{color:#c0a486;background:#2a2721}.contact-detail>div>a,.contact-detail>div>span{color:#f0eadd}.copy-button{color:#ddd3c4;background:#24221e;border-color:#51493e}.form-disclaimer{color:#b9b1a5}.training-list,.experience-list,.experience-item,.achievement-list,.achievement-item{border-color:#454138}.training-index,.training-label,.experience-dates,.achievement-item>span{color:#c0a486}.training-main>p,.training-focus span,.experience-item>div span,.achievement-item p{color:#c0b8aa}.training-focus span{border-color:#51493e}.education-content h3,.education-institution,.education-branch{color:var(--ink)}.education-branch,.education-institution{color:var(--muted)}@media (width<=1100px) and (width>=881px){.site-header{gap:11px;padding-inline:22px}.brand-name{display:none}.main-nav{gap:10px;padding-inline:4px}.main-nav a{font-size:9px}.hero.section-wrap{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:30px}.hero h1{font-size:clamp(54px,6.3vw,72px)}}@media (width<=880px){.site-header{grid-template-columns:auto 1fr auto;gap:14px;width:100%;height:auto;min-height:66px;padding:0 5vw;display:grid;position:sticky;inset:0 0 auto}.brand-name{display:flex}.mobile-menu-toggle{color:#f5f1e8;background:0 0;border:1px solid #f5f1e840;place-items:center;width:36px;height:36px;display:grid}.main-nav{opacity:0;pointer-events:none;background:#11110ff7;border-bottom:1px solid #f5f1e826;flex-direction:column;align-items:stretch;gap:0;padding:8px 5vw 14px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px);box-shadow:0 14px 24px #0003}.main-nav.nav-open{opacity:1;pointer-events:auto;transform:translateY(0)}.main-nav a,.main-nav a:hover,.main-nav a.active{color:#f5f1e8;border:0;border-bottom:1px solid #f5f1e81f;justify-content:space-between;min-height:0;padding:12px 0;font-size:11px}.main-nav a.active:after{display:none}.main-nav a.active>i{background:#c0a486;border-radius:50%;width:6px;height:6px;display:block}.header-actions{gap:4px}.header-social,.resume-nav-button{display:none}.hero.section-wrap{grid-template-columns:1fr;gap:27px;min-height:0;padding:58px 7vw 76px}.hero-copy{min-height:0;padding:0}.hero h1{font-size:clamp(54px,10vw,75px)}.hero-description{max-width:620px}.hero-visual{justify-self:center;width:min(100%,590px);min-height:430px}.hero-image-frame{width:53%;right:3%}.code-window{width:84%;top:25%}.hero-scroll{bottom:22px;left:7vw}.section-wrap:not(.hero){padding-left:7vw;padding-right:7vw}.section-pad{padding-top:76px;padding-bottom:76px}.about-grid{grid-template-columns:minmax(0,1fr) minmax(170px,.68fr);gap:22px}.about-focus{grid-column:1/-1}.profile-photo-card{grid-area:1/2;min-height:290px}.connect-section{padding:78px 7vw 48px}.site-footer{padding-inline:7vw}}@media (width<=560px){.header-actions{gap:1px}.brand-name{font-size:8px}.brand-name small{font-size:7px}.hero.section-wrap{gap:17px;padding-top:45px;padding-bottom:69px}.hero h1{font-size:clamp(47px,12vw,61px)}.hero-lede{font-size:19px}.hero-visual{min-height:360px}.hero-image-frame{width:62%;top:3%;bottom:8%;right:0}.code-window{width:94%;top:24%}.code-content{padding:16px 12px;font-size:8px}.architecture-card{gap:8px;padding:9px;bottom:0;right:0}.architecture-card>div span{font-size:8px}.hero-caption{font-size:6px;left:5%;right:0}.about-section{padding-top:92px;margin-top:-20px!important}.skills-section,.experience-section,.achievements-section,.contact-section{padding-top:96px;margin-top:-18px!important}.section-heading{margin-bottom:30px}.section-heading h2{font-size:clamp(38px,10vw,49px)}.section-heading-row{gap:13px}.section-heading-row>p{width:100%}.about-grid{grid-template-columns:1fr}.profile-photo-card{grid-area:auto;width:min(100%,330px);height:370px;min-height:0}.profile-photo-card img{min-height:0}.skills-grid{grid-template-columns:1fr}.project-card-content{padding:16px}.connect-section{min-height:0;padding-top:75px}.connect-mark{width:132px;height:132px;bottom:-48px;right:-42px}.resume-section{gap:20px;padding-top:66px;padding-bottom:66px}.resume-actions{flex-direction:column;align-items:flex-start}.contact-grid{gap:25px}.site-footer{grid-template-columns:1fr auto;gap:14px}}.projects-grid{align-items:stretch;gap:20px}.project-card{border-radius:3px;flex-direction:column;height:100%;display:flex}.project-card-content{flex-direction:column;flex:1;padding:21px 22px 18px;display:flex}.project-card h3{min-height:2.5em;font-size:22px;line-height:1.25}.project-card-content>p{min-height:5.2em;font-size:11px;line-height:1.8}.project-card .technology-list{gap:7px}.project-card .technology-list>span{min-height:25px;padding-inline:9px;font-size:9px}.project-card-actions{margin-top:auto;padding-top:16px}.project-artwork{min-height:225px;padding:16px 18px 14px}.project-artwork:after{width:220px;height:220px;top:-76px;right:-34px}.artwork-file{letter-spacing:.8px;margin-left:9px;font:8px DM Mono,monospace}.artwork-grid{grid-template-columns:76px minmax(0,1fr);gap:12px;max-width:none}.artwork-grid>span{font-size:76px;line-height:1}.artwork-details{flex-direction:column;gap:8px;min-width:0;display:flex}.artwork-details>strong{max-width:310px;font:600 16px/1.35 Manrope,sans-serif}.artwork-category{letter-spacing:.5px;opacity:.76;font:8px DM Mono,monospace}.artwork-tech-list{flex-wrap:wrap;gap:5px;display:flex}.artwork-tech-list>span{opacity:.72;border:1px solid;padding:4px 6px;font:7px DM Mono,monospace}.artwork-foot>span{font-size:7px}.project-card:focus-within{outline:2px solid var(--accent);outline-offset:3px}.form-honeypot{display:none!important}.form-submit:disabled{cursor:wait;opacity:.72}.form-feedback{flex-wrap:wrap;align-items:center;gap:7px 14px;display:flex}.form-status{min-height:0}.email-draft-link{color:var(--accent);align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.email-draft-link:hover{text-decoration:underline}@media (width<=560px){.projects-grid{gap:15px}.project-artwork{min-height:195px}.artwork-grid{grid-template-columns:58px minmax(0,1fr);gap:8px}.artwork-grid>span{font-size:58px}.artwork-details>strong{font-size:14px}.project-card h3{min-height:0}}@media (width<=880px){.site-header{grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px}.mobile-menu-toggle{justify-self:end}.header-actions{justify-content:flex-end}.main-nav{border:1px solid #f5f1e829;border-radius:3px;width:min(280px,100vw - 24px);padding:8px 14px 14px;top:calc(100% + 8px);left:auto;right:12px}}.project-carousel-controls{justify-content:space-between;align-items:center;margin:0 0 14px;display:flex}.carousel-position{color:var(--muted);font:10px DM Mono,monospace}.carousel-position>span{color:var(--accent);padding:0 4px}.carousel-arrows{gap:7px;display:flex}.carousel-arrow{border:1px solid var(--line);background:var(--surface);width:37px;height:37px;color:var(--ink);place-items:center;transition:color .18s,border-color .18s,background .18s;display:grid}.carousel-arrow:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff}.carousel-arrow:disabled{cursor:default;opacity:.4}.projects-grid.projects-carousel{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface-muted);touch-action:pan-x;grid-template-columns:none;grid-auto-columns:calc(50% - 10px);grid-auto-flow:column;gap:20px;padding:2px 2px 14px;scroll-padding-inline:2px;overflow:auto hidden}.projects-carousel .project-card{scroll-snap-align:start;min-width:0}.projects-carousel:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.contact-email-panel{border:1px solid var(--line);background:var(--surface-muted);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:26px;min-width:0;padding:clamp(23px,4vw,38px);display:flex}.contact-email-panel>.contact-icon{width:42px;height:42px}.contact-email-panel>div{align-self:stretch}.contact-email-panel .section-eyebrow{margin-bottom:12px}.contact-email-panel h3{margin:0 0 8px;font:500 clamp(21px,2.4vw,29px)/1.2 Playfair Display,Georgia,serif}.contact-email-panel p{max-width:390px;color:var(--muted);margin:0;font-size:11px;line-height:1.8}.contact-email-panel .button{min-width:150px}@media (width<=560px){.projects-grid.projects-carousel{grid-auto-columns:100%;gap:14px}.contact-email-panel{gap:18px;padding:22px}}:root:not([data-theme=dark]){--canvas:#f4f0e7;--surface:#faf8f1;--surface-muted:#eeeae0;--ink:#24211e;--muted:#777168;--line:#d9d2c5;--accent:#9a7259;--accent-soft:#ece1d4;--header:#161513f5}.site-header{z-index:30;color:#f5f0e6;background:#161513;border-right:1px solid #ffffff1f;flex-direction:column;justify-content:space-between;align-items:stretch;width:164px;height:100dvh;padding:30px 19px 24px;display:flex;position:fixed;inset:0 auto 0 0}.site-header.is-scrolled{border-color:#ffffff26;box-shadow:5px 0 28px #00000029}.brand-name{display:none}.main-nav{flex-direction:column;justify-content:center;align-items:stretch;gap:8px;padding:0}.main-nav a{color:#f5f0e6b8;border-left:1px solid #0000;align-items:center;min-height:34px;padding:7px 0 7px 11px;font-size:11px;transition:color .2s,border-color .2s,padding .2s;display:flex}.main-nav a:hover,.main-nav a.active{color:#f7f1e6;border-left-color:#c2a787;padding-left:15px}.main-nav a.active:after,.main-nav a>i{display:none}.header-actions{border-top:1px solid #ffffff29;flex-wrap:wrap;justify-content:flex-start;gap:7px;padding-top:15px}.header-social,.theme-toggle{color:#ddd5c8;width:31px;height:31px}.header-social:hover,.theme-toggle:hover{color:#e5c9a8;background:#ffffff17}.resume-nav-button{color:#f5f0e6;border-color:#ffffff47;justify-content:center;align-items:center;min-height:31px;margin-right:auto;padding:0 9px;font-size:9px;display:inline-flex}.resume-nav-button:hover{color:#e5c9a8;border-color:#c2a787}main{margin-left:164px}.hero.section-wrap{background:var(--canvas);grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:0;width:100%;min-height:min(880px,100svh);margin:0;padding:0}.hero:before{display:none}.hero-copy{color:#f5f0e6;background:#161513;flex-direction:column;justify-content:center;align-self:stretch;padding:72px clamp(38px,5vw,76px);display:flex}.hero-copy:after{z-index:3;content:"";background:#161513;border-radius:0 52% 48% 0/0 44% 56% 0;width:92px;height:106%;position:absolute;top:-3%;right:-45px}.hero-kicker{color:#f5f0e6a1;letter-spacing:1px;flex-wrap:wrap;font-size:8px;line-height:1.7}.hero h1{z-index:4;letter-spacing:0;margin:30px 0 15px;font-family:Playfair Display,Georgia,serif;font-size:clamp(56px,5.25vw,78px);font-weight:400;line-height:.99;position:relative}.hero-role{z-index:4;color:#ded5c8;position:relative}.hero-lede{z-index:4;max-width:410px;font-family:Playfair Display,Georgia,serif;font-size:clamp(19px,1.8vw,24px);font-weight:400;line-height:1.42;position:relative}.hero-description{z-index:4;color:#f5f0e6a8;max-width:420px;font-size:11px;line-height:1.9;position:relative}.hero-actions,.hero-socials{z-index:4;position:relative}.hero-actions{gap:7px}.hero-actions .button-secondary:hover{color:#e5c9a8;border-color:#c2a787}.hero-socials>a:hover{color:#e5c9a8;border-color:#c2a787}.hero-visual{z-index:1;background:var(--canvas);flex-direction:column;justify-content:center;align-items:stretch;gap:24px;min-height:100%;padding:42px clamp(28px,3.6vw,58px) 44px clamp(50px,5vw,78px);display:flex}.hero-showcase-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.showcase-eyebrow{color:var(--muted);letter-spacing:.8px;font:8px DM Mono,monospace}.hero-showcase-heading h2{margin:9px 0 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(27px,3.2vw,43px);font-weight:400;line-height:1.05}.hero-showcase-heading h2 em{color:#8c6650;font-style:normal}.hero-portrait{background:#ded7cb;border:4px solid #faf8f1;border-radius:5px;flex:none;width:clamp(76px,8vw,108px);height:clamp(92px,9.7vw,130px);margin:0 8px 0 0;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 4px 17px #231e172e}.hero-portrait img{object-fit:cover;object-position:center 34%;width:100%;height:100%;display:block}.hero-portrait figcaption{color:#fff;text-align:center;background:linear-gradient(#0000,#12110fcc);padding:15px 3px 4px;font:6px/1.45 DM Mono,monospace;position:absolute;bottom:0;left:0;right:0}.hero-project-grid{flex:1;grid-template-rows:repeat(2,minmax(192px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-height:430px;display:grid}.hero-project-tile{color:#f4ecdf;text-align:left;background:#2b2825;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:flex-start;min-width:0;padding:17px 17px 13px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #1e191426}.hero-project-tile:hover{z-index:1;transform:translateY(-4px);box-shadow:0 15px 26px #1e191438}.hero-project-tile:before{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff12,#0000 75%);height:48%;position:absolute;top:0;left:0;right:0}.hero-project-tile.resume-visual{background:#3b2d28}.hero-project-tile.crm-visual{background:#252a26}.hero-project-tile.chat-visual{background:#242a29}.hero-project-tile.library-visual{background:#383229}.hero-project-top{z-index:1;color:#f4ecdf9e;letter-spacing:.7px;justify-content:space-between;align-items:center;width:100%;font:7px DM Mono,monospace;display:flex;position:relative}.hero-project-top svg{color:#c2a787}.hero-project-category{z-index:1;color:#cfb99e;letter-spacing:.65px;margin:auto 0 6px;font:7px DM Mono,monospace;position:relative}.hero-project-tile strong{z-index:1;max-width:300px;font:400 clamp(17px,1.8vw,23px)/1.08 Playfair Display,Georgia,serif;position:relative}.hero-project-tech{z-index:1;color:#f4ecdfa6;margin-top:7px;font-size:8px;line-height:1.5;position:relative}.hero-project-action{z-index:1;color:#f4ecdf;background:#ffffff17;border-radius:99px;align-items:center;gap:6px;margin-top:12px;padding:6px 8px;font-size:8px;display:inline-flex;position:relative}.hero-project-footer{color:var(--muted);letter-spacing:.5px;justify-content:space-between;gap:12px;font:7px DM Mono,monospace;display:flex}.hero-scroll{color:#f5f0e694;left:38px}.hero-scroll svg{color:#c2a787}.about-grid{grid-template-columns:minmax(0,1.05fr) minmax(150px,.55fr) minmax(250px,.9fr);gap:28px}.profile-photo-card{border:1px solid var(--line);background:var(--surface-muted);min-width:0;height:100%;min-height:310px;margin:0;position:relative;overflow:hidden}.profile-photo-card img{object-fit:cover;object-position:center 25%;width:100%;height:100%;min-height:310px;display:block}.profile-photo-card figcaption{color:#f7f1e6;background:linear-gradient(#0000,#131210c7);flex-direction:column;gap:4px;padding:24px 13px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.profile-photo-card figcaption span:first-child{font:500 14px Playfair Display,Georgia,serif}.profile-photo-card figcaption span:last-child{color:#f7f1e6ba;letter-spacing:.55px;font:7px DM Mono,monospace}.resume-nav-button,.resume-section .button{text-decoration:none}.site-footer{margin-left:164px}@media (width<=1100px) and (width>=881px){.site-header{width:140px;padding-left:15px;padding-right:15px}main,.site-footer{margin-left:140px}.hero.section-wrap{grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr)}.hero-copy{padding-left:34px;padding-right:34px}.hero h1{font-size:clamp(50px,6vw,67px)}.hero-visual{padding-left:47px;padding-right:22px}.hero-project-grid{gap:9px}.hero-project-tile{padding:13px 12px 11px}.hero-project-tile strong{font-size:17px}.about-grid{grid-template-columns:minmax(0,1fr) minmax(130px,.5fr)}.profile-photo-card{grid-area:1/2;min-height:250px}.about-focus{grid-column:1/-1}}@media (width<=880px){.site-header{border-bottom:1px solid #ffffff1f;border-right:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 5vw;position:sticky;inset:0 0 auto}.site-header.is-scrolled{border-color:#ffffff29}.brand-mark{font-size:21px}.main-nav{gap:0;padding:7px 5vw 14px}.main-nav a{border-bottom:1px solid #ffffff1f;border-left:0;padding:11px 0}.main-nav a:hover,.main-nav a.active{color:#f5f0e6;border-left:0;padding-left:0}.main-nav a.active>i{background:#c2a787;border-radius:50%;width:6px;height:6px;display:block}.header-actions{border:0;gap:3px;padding:0}.resume-nav-button{display:none}main,.site-footer{margin-left:0}.hero.section-wrap{grid-template-columns:1fr;gap:0;width:100%;min-height:0;padding:0}.hero-copy{min-height:620px;padding:56px 8vw 67px}.hero-copy:after{border-radius:50% 50% 0 0/100% 100% 0 0;width:108%;height:72px;top:auto;bottom:-35px;right:-4%}.hero h1{margin-top:25px;font-size:clamp(53px,12vw,76px)}.hero-lede{max-width:460px}.hero-visual{gap:19px;min-height:0;padding:56px 7vw 34px}.hero-showcase-heading h2{font-size:clamp(29px,8vw,39px)}.hero-portrait{width:78px;height:96px}.hero-project-grid{flex:none;grid-template-rows:none;grid-template-columns:1fr;gap:10px;min-height:0}.hero-project-tile{min-height:188px;padding:16px}.hero-project-tile strong{font-size:23px}.hero-project-category{font-size:8px}.hero-project-tech{font-size:9px}.hero-project-footer{flex-wrap:wrap;font-size:6px}.hero-scroll{bottom:18px;left:8vw}.about-grid{grid-template-columns:1fr;gap:20px}.profile-photo-card{width:min(100%,360px);height:360px;min-height:0}.profile-photo-card img{min-height:0}}main,.site-footer{margin-left:0}.site-header{background:var(--header);color:#f5f1e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:0;border-bottom:1px solid #f5f1e829;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;height:auto;min-height:72px;padding:0 clamp(18px,4vw,64px);display:grid;position:sticky;inset:0 0 auto}.brand{align-items:center;gap:10px;min-width:0}.brand-mark{color:#f5f1e8;letter-spacing:0;border:1px solid #f5f1e84d;place-items:center;width:36px;height:36px;font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:500}.brand-mark>span{color:#c0a486}.brand-name{color:#f5f1e8;font-size:9px;display:flex}.brand-name small{color:#c0b8aa}.main-nav{box-shadow:none;opacity:1;pointer-events:auto;background:0 0;border:0;flex-direction:row;justify-content:center;align-items:center;gap:clamp(8px,1.2vw,17px);padding:0 5px;display:flex;position:static;transform:none}.main-nav a,.main-nav a:hover,.main-nav a.active{color:#ded8ce;white-space:nowrap;border:0;align-items:center;min-height:72px;padding:0 0 2px;font-size:9px;display:inline-flex}.main-nav a:hover,.main-nav a.active{color:#fffaf0}.main-nav a.active:after{background:#c0a486;height:1px;bottom:19px}.main-nav a.active>i{display:none}.header-actions{border:0;flex-wrap:nowrap;justify-content:flex-end;gap:5px;padding:0}.header-social,.theme-toggle{color:#eee7dc}.resume-nav-button{color:#f5f1e8;border:1px solid #f5f1e857;justify-content:center;align-items:center;min-height:32px;margin:0;padding:0 10px;font-size:9px;text-decoration:none;display:inline-flex}.mobile-menu-toggle{display:none}.hero.section-wrap{color:#f5f1e8;background:linear-gradient(120deg,#11110f,#151513 63%,#1b1a17);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(28px,5vw,78px);width:100%;min-height:min(800px,max(690px,100svh));margin:0;padding:66px max(24px,50vw - 620px);overflow:hidden}.hero:before{z-index:-1;opacity:1;background:radial-gradient(at 76% 45%,#6b4b383b,#0000 67%);border:0;width:53%;height:100%;display:block;top:0;right:0;-webkit-mask-image:none;mask-image:none}.hero:after{z-index:0;background:var(--canvas);content:"";pointer-events:none;border-radius:70% 0 0/100% 0 0;width:57%;height:100px;position:absolute;bottom:-66px;right:-5%}.hero-copy{z-index:1;color:#f5f1e8;background:0 0;flex-direction:column;justify-content:center;padding:0;display:flex}.hero-copy:after{content:none;display:none}.hero-kicker{color:#c9c0b3}.hero-location{color:#c0a486}.hero h1{letter-spacing:0;margin:27px 0 16px;font-family:Playfair Display,Georgia,serif;font-size:clamp(58px,6.5vw,88px);font-weight:400;line-height:1.02}.hero h1 span{color:#e4d7c3}.hero-role{color:#d9d1c5}.hero-lede{max-width:570px;font-family:Playfair Display,Georgia,serif;font-size:clamp(20px,2vw,27px);font-weight:400;line-height:1.38}.hero-description{color:#c6bfb3;max-width:570px;font-size:12px;line-height:1.9}.hero-actions .button-primary{color:#151411;background:#a38a6e;border-color:#a38a6e}.hero-actions .button-secondary{color:#f5f1e8;background:0 0;border-color:#f5f1e84f}.hero-actions .button-quiet{color:#d9d1c5}.hero-socials{border-color:#f5f1e833}.hero-socials>span{color:#bdb5a8}.hero-socials>a,.hero-socials>button{color:#e8e1d6;background:0 0;border-color:#f5f1e840}.hero-visual{z-index:1;background:0 0;align-self:center;min-width:0;min-height:clamp(400px,43vw,545px);margin:0;padding:0;display:block;position:relative}.visual-grid{background:repeating-linear-gradient(0deg,#0000 0 38px,#f5f1e80d 39px),repeating-linear-gradient(90deg,#0000 0 38px,#f5f1e80d 39px);border-color:#f5f1e829;inset:5% 0 6% 9%;transform:rotate(2deg)}.hero-image-frame{background:#322b24;border:1px solid #f5f1e838;border-radius:48% 48% 3px 3px/29% 29% 3px 3px;width:61%;margin:0;position:absolute;top:4%;bottom:7%;right:4%;overflow:hidden;box-shadow:0 24px 60px #00000040}.hero-image-frame:after{content:"";background:linear-gradient(#11110f05 42%,#11110fab 100%);position:absolute;inset:0}.hero-image-frame img{object-fit:cover;object-position:center 29%;filter:saturate(.68)contrast(1.04);width:100%;height:100%;display:block}.hero-image-frame figcaption{z-index:1;color:#f5f1e8;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:19px;left:17px;right:17px}.hero-image-frame figcaption strong{font:500 20px Playfair Display,Georgia,serif}.hero-image-frame figcaption span{color:#ddd5c9;letter-spacing:.5px;font:8px DM Mono,monospace}.code-window{z-index:2;background:#171815;border-color:#ffffff2e;width:min(92%,450px);position:absolute;top:25%;left:0;transform:rotate(-1deg);box-shadow:0 22px 55px #00000059}.code-titlebar{background:#20211d;border-color:#ffffff1a}.architecture-card{color:#f5f1e8;background:#211f1b;border-color:#ffffff26;bottom:3%;right:1%}.architecture-icon{color:#d0b291;background:#3d3328}.architecture-card>div span{color:#c6bdb0}.hero-caption{color:#d0c8bc;bottom:-13px;left:10%;right:4%}.hero-scroll{z-index:2;color:#d0c8bc;left:max(24px,50vw - 620px)}@media (width<=1100px) and (width>=881px){.site-header{gap:11px;padding-inline:22px}.brand-name{display:none}.main-nav{gap:8px;padding-inline:3px}.main-nav a{font-size:8px}.hero.section-wrap{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:30px}.hero h1{font-size:clamp(54px,6.3vw,72px)}}@media (width<=880px){.site-header{grid-template-columns:auto 1fr auto;gap:14px;width:100%;height:auto;min-height:66px;padding:0 5vw;display:grid;position:sticky;inset:0 0 auto}.brand-name{display:flex}.mobile-menu-toggle{color:#f5f1e8;background:0 0;border:1px solid #f5f1e840;place-items:center;width:36px;height:36px;display:grid}.main-nav{opacity:0;pointer-events:none;background:#11110ff7;border-bottom:1px solid #f5f1e826;flex-direction:column;align-items:stretch;gap:0;padding:8px 5vw 14px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px);box-shadow:0 14px 24px #0003}.main-nav.nav-open{opacity:1;pointer-events:auto;transform:translateY(0)}.main-nav a,.main-nav a:hover,.main-nav a.active{color:#f5f1e8;border:0;border-bottom:1px solid #f5f1e81f;justify-content:space-between;min-height:0;padding:12px 0;font-size:11px;display:flex}.main-nav a.active:after{display:none}.main-nav a.active>i{background:#c0a486;border-radius:50%;width:6px;height:6px;display:block}.header-actions{gap:4px}.header-social,.resume-nav-button{display:none}.hero.section-wrap{grid-template-columns:1fr;gap:27px;min-height:0;padding:58px 7vw 76px}.hero-copy{min-height:0;padding:0}.hero h1{font-size:clamp(54px,10vw,75px)}.hero-description{max-width:620px}.hero-visual{justify-self:center;width:min(100%,590px);min-height:430px}.hero-image-frame{width:53%;right:3%}.code-window{width:84%;top:25%}.hero-scroll{bottom:22px;left:7vw}}@media (width<=560px){.hero.section-wrap{gap:17px;padding-top:45px;padding-bottom:69px}.hero h1{font-size:clamp(47px,12vw,61px)}.hero-lede{font-size:19px}.hero-visual{min-height:360px}.hero-image-frame{width:62%;top:3%;bottom:8%;right:0}.code-window{width:94%;top:24%}.code-content{padding:16px 12px;font-size:8px}.architecture-card{gap:8px;padding:9px;bottom:0;right:0}.architecture-card>div span{font-size:8px}.hero-caption{font-size:6px;left:5%;right:0}.hero-scroll{bottom:18px;left:7vw}}@media (width<=880px){.site-header{grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px}.mobile-menu-toggle{justify-self:end}.header-actions{justify-content:flex-end}.main-nav{border:1px solid #f5f1e829;border-radius:3px;width:min(280px,100vw - 24px);padding:8px 14px 14px;top:calc(100% + 8px);left:auto;right:12px}}