:root{--bg: #0b0d0c;--text: #f3f1e8;--muted: #9da397;--surface: #141714;--surface-2: #1a1e1a;--line: rgba(243, 241, 232, .16);--line-strong: rgba(243, 241, 232, .3);--reverse: #ebe8de;--reverse-text: #10130f;--reverse-muted: #60655c;--reverse-line: rgba(16, 19, 15, .18);--accent: #3d7cff;--accent-contrast: #ffffff;--accent-soft: rgba(61, 124, 255, .16);--spotlight: rgba(61, 124, 255, .16);--danger: #ff6a5c;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--page-x: clamp(20px, 4.2vw, 72px);--section-y: clamp(88px, 11vw, 164px);color-scheme:dark}[data-theme=light]{--bg: #ebe8de;--text: #10130f;--muted: #686d64;--surface: #f6f3ea;--surface-2: #dedbd1;--line: rgba(16, 19, 15, .16);--line-strong: rgba(16, 19, 15, .3);--reverse: #111410;--reverse-text: #f3f1e8;--reverse-muted: #a5aa9f;--reverse-line: rgba(243, 241, 232, .16);--accent: #155eef;--accent-contrast: #ffffff;--accent-soft: rgba(21, 94, 239, .15);--spotlight: rgba(21, 94, 239, .14);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);overflow-x:clip}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}.icon-17{width:17px;height:17px}.icon-19{width:19px;height:19px}::selection{background:var(--accent);color:var(--accent-contrast)}.sr-only,.sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{position:relative;width:min(100%,1600px);margin-inline:auto;padding:var(--section-y) var(--page-x)}.section-head{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.section-head-invert{border-color:var(--reverse-line)}.section-index{color:var(--muted)}.section-head-invert .section-index{color:var(--reverse-muted)}.section-kicker{margin:0}.scroll-progress{position:fixed;inset:0 0 auto;z-index:1001;height:3px;pointer-events:none}.scroll-progress-bar{width:100%;height:100%;background:var(--accent);transform-origin:left}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:10000;pointer-events:none;border-radius:999px}.cursor-dot{width:5px;height:5px;background:var(--accent)}.cursor-ring{width:30px;height:30px;border:1px solid var(--accent)}@media(pointer:fine){body,a,button,select,input,textarea{cursor:none}}.topbar{position:fixed;inset:0 0 auto;z-index:200;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:12px var(--page-x);border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease}.topbar-scrolled{border-color:var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}.brand{display:flex;align-items:center;gap:12px;width:fit-content}.brand-mark{display:grid;place-items:center;width:42px;aspect-ratio:1;border-radius:50%;background:var(--accent);color:var(--accent-contrast);font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:-.05em;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.brand:hover .brand-mark{transform:rotate(-10deg) scale(1.05)}.brand-copy{font-family:var(--font-display);font-size:13px;font-weight:600;line-height:1.05;text-transform:uppercase}.topbar-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.12em}.meta-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.language-select,.theme-button{height:38px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text)}.language-select{width:64px;padding:0 11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em}.theme-button{display:grid;place-items:center;width:38px;padding:0;transition:color .2s,border-color .2s,transform .2s}.theme-button:hover{color:var(--accent);border-color:var(--accent);transform:rotate(12deg)}.dock{position:fixed;z-index:500;left:50%;bottom:20px;display:flex;align-items:center;gap:5px;height:56px;padding:5px;border:1px solid var(--line-strong);border-radius:20px;background:color-mix(in srgb,var(--surface) 76%,transparent);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 16px 48px #00000047}.dock-item{position:relative;display:grid;place-items:center;flex:0 0 auto;aspect-ratio:1;min-width:42px;max-width:58px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--muted);transition:color .2s ease,background .2s ease,border-color .2s ease}.dock-item:hover{color:var(--accent);background:var(--surface);border-color:var(--accent)}.dock-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px);opacity:0;visibility:hidden;white-space:nowrap;padding:6px 9px;border-radius:7px;background:var(--text);color:var(--bg);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;transition:opacity .18s,transform .18s,visibility .18s}.dock-item:hover .dock-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.hero{min-height:100svh;overflow:hidden}.spotlight-area{position:relative}.hero-spotlight{min-height:100svh;display:flex;align-items:stretch;overflow:hidden}.spotlight-follow{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:clamp(46px,6vw,92px) clamp(46px,6vw,92px);-webkit-mask-image:linear-gradient(to bottom,black,transparent 93%);mask-image:linear-gradient(to bottom,black,transparent 93%)}.hero-content{position:relative;z-index:2;align-self:flex-end;width:100%;padding:140px var(--page-x) clamp(88px,9vw,128px);transform-origin:center bottom}.hero-kicker{display:flex;justify-content:space-between;margin-bottom:clamp(22px,3vw,38px);color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em}.hero-title{margin:0;font-family:var(--font-body);font-size:clamp(66px,11.7vw,190px);font-weight:600;line-height:.92;letter-spacing:-.01em;font-kerning:none;text-transform:uppercase}.hero-title-first,.hero-title-last{display:block}.hero-title-first{word-spacing:.16em}.hero-title-last{margin-top:.04em;margin-left:clamp(0px,14vw,220px);color:transparent;-webkit-text-stroke:1.5px var(--text)}.title-dot{color:var(--accent);-webkit-text-stroke:0}.hero-bottom{display:grid;grid-template-columns:1fr minmax(280px,440px) auto;align-items:end;gap:clamp(28px,5vw,80px);margin-top:clamp(38px,5vw,72px);padding-top:22px;border-top:1px solid var(--line)}.hero-role-block{display:flex;flex-direction:column;gap:8px;min-width:220px}.hero-role-label{color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.15em}.hero-role{font-family:var(--font-display);font-size:clamp(18px,2vw,27px);font-weight:600}.typewriter-wrap,.typewriter-line{display:inline}.typewriter-line .cursor{display:inline-block;width:.08em;height:.82em;margin-left:.14em;background:var(--accent);vertical-align:-.05em}.hero-tagline{max-width:440px;margin:0;color:var(--muted);font-size:clamp(15px,1.35vw,19px);line-height:1.55}.hero-actions{display:flex;gap:9px}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:transform .22s,background .22s,color .22s,border-color .22s}.button:hover{transform:translateY(-3px)}.button-solid{background:var(--accent);color:var(--accent-contrast)}.button-line{border:1px solid var(--line-strong)}.button-line:hover{border-color:var(--accent);color:var(--accent)}.button-corner{position:absolute;top:7px;right:7px;opacity:0;transition:opacity .2s}.button-line:hover .button-corner{opacity:1}.hero-scroll{position:absolute;z-index:2;right:18px;top:44%;display:flex;align-items:center;gap:12px;color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;writing-mode:vertical-rl}.scroll-line{width:1px;height:64px;background:linear-gradient(var(--accent),transparent)}.about-section{padding-bottom:calc(var(--section-y) * 1.12)}.text-reveal{max-width:1350px;margin:clamp(72px,9vw,130px) 0;font-family:var(--font-display);font-size:clamp(36px,5.7vw,91px);font-weight:600;line-height:1.03;letter-spacing:-.045em}.text-reveal span{display:inline}.about-grid{display:grid;grid-template-columns:minmax(250px,.72fr) 1.7fr;gap:clamp(40px,8vw,130px);align-items:stretch}.about-note{display:grid;grid-template-columns:35px 1fr;gap:16px;align-content:end;color:var(--muted)}.about-note p{max-width:440px;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.65}.about-note-mark{color:var(--accent);font-family:var(--font-display);font-size:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.stat-card{display:flex;min-height:185px;padding:20px;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s,color .25s}.stat-card:hover{background:var(--accent);color:var(--accent-contrast)}.stat-number{font-family:var(--font-display);font-size:clamp(31px,3vw,52px);font-weight:700;letter-spacing:-.06em}.stat-label{color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.stat-card:hover .stat-label{color:currentColor}.skills-section{width:100%;max-width:none;overflow:hidden;background:var(--reverse);color:var(--reverse-text)}.skills-section>*:not(.skill-marquee){width:min(100%,calc(1600px - var(--page-x) * 2));margin-inline:auto}.skills-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-block:clamp(65px,8vw,110px) 50px!important}.skills-title-row h2{margin:0;font-family:var(--font-display);font-size:clamp(54px,9vw,145px);line-height:.8;letter-spacing:-.07em;text-transform:uppercase}.skills-title-row p{margin:0;color:var(--reverse-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;white-space:nowrap}.skills-title-row p span{color:var(--accent)}.skill-marquee{position:relative;width:calc(100% + 2px);margin-left:-1px;overflow:hidden;border-block:1px solid var(--reverse-line)}.skill-marquee:before,.skill-marquee:after{content:"";position:absolute;z-index:2;inset-block:0;width:8vw;pointer-events:none}.skill-marquee:before{left:0;background:linear-gradient(90deg,var(--reverse),transparent)}.skill-marquee:after{right:0;background:linear-gradient(-90deg,var(--reverse),transparent)}.skill-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.skill-track:hover{animation-play-state:paused}.skill-chip{display:flex;align-items:center;gap:15px;min-width:210px;padding:22px 28px;border-right:1px solid var(--reverse-line)}.skill-chip img{border-radius:7px}.skill-chip div{display:flex;flex-direction:column;gap:2px}.skill-chip span{color:var(--reverse-muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.14em}.skill-chip strong{font-family:var(--font-display);font-size:17px}@keyframes marquee{to{transform:translate(-50%)}}.skill-panels{display:grid;grid-template-columns:1.3fr 1fr;margin-top:clamp(55px,7vw,95px)!important}.skill-panel{position:relative;min-height:clamp(300px,35vw,500px);padding:clamp(25px,3vw,44px);border:1px solid var(--reverse-line);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.skill-panel+.skill-panel{border-left:0}.skill-panel:after{content:"✳";position:absolute;right:-4%;bottom:-22%;color:color-mix(in srgb,var(--reverse-text) 6%,transparent);font-size:clamp(160px,25vw,390px);line-height:1;transition:transform .6s ease}.skill-panel:hover:after{transform:rotate(20deg) scale(1.08)}.skill-panel-primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.skill-panel>span{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em}.skill-panel h3{position:relative;z-index:1;margin:0;font-family:var(--font-display);font-size:clamp(35px,4.7vw,72px);line-height:.95;letter-spacing:-.055em}.timeline-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-block:clamp(64px,8vw,110px) 42px}.timeline-heading h2{max-width:900px;margin:0;font-family:var(--font-display);font-size:clamp(51px,8vw,125px);line-height:.83;letter-spacing:-.07em;text-transform:uppercase}.timeline-heading>span{color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em}.timeline-list{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:50px minmax(120px,.8fr) 1.1fr 1.5fr 28px;gap:clamp(16px,2.5vw,42px);align-items:center;min-height:156px;padding:28px 12px 28px 0;border-bottom:1px solid var(--line);transition:padding .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}.timeline-row:hover{padding-inline:22px;background:var(--accent);color:var(--accent-contrast)}.timeline-number,.timeline-row time,.timeline-name span{color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.timeline-row:hover :is(.timeline-number,time,.timeline-name span){color:currentColor;opacity:.68}.timeline-name h3{margin:0 0 6px;font-family:var(--font-display);font-size:clamp(24px,3vw,45px);line-height:1;letter-spacing:-.04em}.timeline-row p{max-width:500px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}.timeline-row:hover p{color:currentColor;opacity:.78}.timeline-arrow{opacity:.25;transition:transform .25s,opacity .25s}.timeline-row:hover .timeline-arrow{opacity:1;transform:rotate(45deg)}.projects-section{width:100%;max-width:none;background:var(--reverse);color:var(--reverse-text)}.projects-section>*{width:min(100%,calc(1600px - var(--page-x) * 2));margin-inline:auto}.projects-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-block:clamp(65px,8vw,105px) 48px!important}.projects-heading h2{margin:0;font-family:var(--font-display);font-size:clamp(60px,11vw,175px);font-weight:700;line-height:.72;letter-spacing:-.085em;text-transform:uppercase}.projects-heading h2 span{color:var(--accent)}.projects-heading a{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid currentColor;font-family:var(--font-mono);font-size:9px;letter-spacing:.11em}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--reverse-line);border:1px solid var(--reverse-line)}.project-card{--mouse-x: 50%;--mouse-y: 50%;position:relative;display:flex;flex-direction:column;min-height:490px;padding:25px;overflow:hidden;background:var(--reverse);isolation:isolate}.project-card-featured{grid-column:span 2}.project-glow{position:absolute;z-index:-1;inset:0;opacity:0;background:radial-gradient(360px circle at var(--mouse-x) var(--mouse-y),var(--accent-soft),transparent 62%);transition:opacity .35s}.project-card:hover .project-glow{opacity:1}.project-topline{display:flex;justify-content:space-between;color:var(--reverse-muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.12em}.project-visual{position:relative;display:grid;place-items:center;min-height:205px;margin:22px 0 30px;overflow:hidden;border:1px solid var(--reverse-line);background:linear-gradient(var(--reverse-line) 1px,transparent 1px),linear-gradient(90deg,var(--reverse-line) 1px,transparent 1px);background-size:22px 22px;transition:background-color .3s,color .3s}.project-card-featured .project-visual{min-height:255px}.project-card:hover .project-visual{background-color:var(--accent);color:var(--accent-contrast)}.project-visual>span{position:absolute;right:14px;bottom:7px;font-family:var(--font-display);font-size:clamp(60px,9vw,135px);font-weight:800;line-height:1;letter-spacing:-.1em;opacity:.08}.project-visual-lines{position:absolute;top:14px;left:14px;display:flex;gap:4px}.project-visual-lines i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.3}.project-copy{flex:1}.project-copy h3{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(25px,2.3vw,38px);line-height:1;letter-spacing:-.04em}.project-copy p{max-width:560px;margin:0;color:var(--reverse-muted);font-size:13px;line-height:1.55}.project-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding-top:18px;border-top:1px solid var(--reverse-line)}.project-tech{display:flex;align-items:center}.project-tech img{width:26px;height:26px;padding:3px;margin-left:-5px;border-radius:50%;background:var(--reverse);border:1px solid var(--reverse-line)}.project-tech img:first-child{margin-left:0}.project-links{display:flex;align-items:center;gap:13px}.project-links a{transition:color .2s,transform .2s}.project-links a:hover{color:var(--accent);transform:translateY(-2px)}.project-stat{display:flex;align-items:center;gap:4px;color:var(--reverse-muted);font-family:var(--font-mono);font-size:9px}.project-loading,.project-error{padding:40px 0;color:var(--reverse-muted);font-family:var(--font-mono);font-size:11px}.project-error{color:var(--danger)}.loading-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--accent);animation:pulse 1.1s ease infinite}@keyframes pulse{50%{opacity:.2;transform:scale(.6)}}.live-sites{margin-top:clamp(60px,7vw,100px)!important;border-top:1px solid var(--reverse-line)}.live-sites-label{padding:18px 0;color:var(--reverse-muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.live-site-row{display:grid;grid-template-columns:16px 1.4fr 1fr auto;align-items:center;gap:18px;min-height:105px;border-top:1px solid var(--reverse-line);transition:padding .25s,color .25s}.live-site-row:hover{padding-inline:18px;color:var(--accent)}.live-site-row strong{font-family:var(--font-display);font-size:clamp(21px,2.5vw,37px);letter-spacing:-.035em}.live-site-row>span:not(.live-pulse){color:var(--reverse-muted);font-family:var(--font-mono);font-size:9px}.live-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.contact-section{background:var(--bg);color:var(--text)}.contact-inner{padding-bottom:45px}.contact-heading{display:grid;grid-template-columns:150px 1fr minmax(250px,380px);align-items:end;gap:clamp(25px,5vw,80px);margin-block:clamp(70px,9vw,125px)}.contact-heading>span{align-self:start;color:var(--muted);font-family:var(--font-mono);font-size:9px;letter-spacing:.13em}.contact-heading h2{margin:0;font-family:var(--font-display);font-size:clamp(62px,10.5vw,168px);font-weight:700;line-height:.73;letter-spacing:-.08em}.contact-heading h2 em{color:var(--accent);font-style:normal}.contact-heading p{margin:0;color:var(--muted);font-size:clamp(15px,1.3vw,18px);line-height:1.65}.contact-layout{display:grid;grid-template-columns:minmax(280px,.85fr) 1.65fr;gap:clamp(40px,8vw,130px);align-items:start}.contact-links{border-top:1px solid var(--line)}.contact-link{display:grid;grid-template-columns:42px 1fr auto;gap:15px;align-items:center;min-height:92px;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.contact-link:hover{padding-inline:12px;color:var(--accent)}.contact-link-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%}.contact-link>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.contact-link small{color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.contact-link strong{font-family:var(--font-display);font-size:clamp(15px,1.5vw,20px)}.contact-form{display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:1fr 1fr}.field{position:relative;display:flex;flex-direction:column;min-height:116px;padding:20px 0 14px;border-top:1px solid var(--line)}.form-row .field:first-child{padding-right:25px}.form-row .field:last-child{padding-left:25px;border-left:1px solid var(--line)}.field label{color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.field input,.field textarea{width:100%;margin-top:13px;padding:0;resize:vertical;border:0;outline:0;background:transparent;color:var(--text);font-family:var(--font-display);font-size:clamp(19px,2vw,28px);line-height:1.3}.field input:focus,.field textarea:focus{box-shadow:0 2px 0 var(--accent)}.field-error{margin-top:6px;color:var(--danger);font-size:11px}.form-status{margin:15px 0;padding:12px;border:1px solid var(--line);font-size:13px}.form-success{color:var(--accent)}.form-failure{color:var(--danger)}.submit-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:76px;margin-top:18px;padding:0 26px;border:0;border-radius:0;background:var(--accent);color:var(--accent-contrast);font-family:var(--font-display);font-size:clamp(19px,2vw,27px);font-weight:700;transition:transform .25s,filter .25s}.submit-button:hover:not(:disabled){transform:translateY(-4px);filter:brightness(1.04)}.submit-button:disabled{opacity:.55}.footer{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;margin-top:clamp(90px,10vw,150px);padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:8px;letter-spacing:.11em}.footer a{color:var(--text)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1100px){.topbar-meta{display:none}.topbar{grid-template-columns:1fr auto}.hero-bottom{grid-template-columns:1fr 1.3fr}.hero-actions{grid-column:1 / -1}.stats-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card-featured{grid-column:span 2}.contact-heading{grid-template-columns:95px 1fr}.contact-heading p{grid-column:2;max-width:520px}}@media(max-width:780px){:root{--page-x: 20px;--section-y: 92px}.cursor-dot,.cursor-ring{display:none}.topbar{min-height:68px}.brand-copy{display:none}.brand-mark{width:38px}.dock{bottom:10px;max-width:calc(100vw - 20px);height:52px;padding:4px;border-radius:17px}.dock-item{width:42px!important;min-width:39px;border-radius:12px}.dock-tooltip{display:none}.hero-content{padding-top:112px;padding-bottom:95px}.hero-kicker{margin-bottom:30px}.hero-title{font-size:clamp(55px,18.5vw,104px);line-height:.98;letter-spacing:0}.hero-title-last{margin-left:0}.hero-bottom{grid-template-columns:1fr;gap:30px;margin-top:44px}.hero-actions{grid-column:auto;flex-wrap:wrap}.hero-scroll{display:none}.section-head{grid-template-columns:38px 1fr auto}.text-reveal{margin-block:70px;font-size:clamp(33px,10.4vw,54px)}.about-grid{grid-template-columns:1fr}.about-note{order:2}.stat-card{min-height:145px;padding:16px}.skills-title-row{align-items:flex-start;flex-direction:column}.skills-title-row h2{font-size:clamp(50px,16vw,95px)}.skill-panels{grid-template-columns:1fr}.skill-panel{min-height:340px}.skill-panel+.skill-panel{border-left:1px solid var(--reverse-line);border-top:0}.timeline-heading{align-items:flex-start;flex-direction:column}.timeline-row{grid-template-columns:36px 1fr 24px;gap:12px;padding-block:26px}.timeline-row time{grid-column:2;grid-row:1}.timeline-name,.timeline-row p{grid-column:2}.timeline-number{grid-row:1 / 4;align-self:start}.timeline-arrow{grid-column:3;grid-row:1 / 4}.projects-heading{align-items:flex-start;flex-direction:column}.projects-grid{grid-template-columns:1fr}.project-card-featured{grid-column:auto}.project-card{min-height:460px}.project-card-featured .project-visual{min-height:205px}.live-site-row{grid-template-columns:14px 1fr auto;padding-block:18px}.live-site-row>span:not(.live-pulse){grid-column:2}.live-site-row svg{grid-column:3;grid-row:1 / 3}.contact-heading{grid-template-columns:1fr}.contact-heading>span{display:none}.contact-heading p{grid-column:auto}.contact-layout,.form-row{grid-template-columns:1fr}.form-row .field:first-child{padding-right:0}.form-row .field:last-child{padding-left:0;border-left:0}.footer{grid-template-columns:1fr auto;padding-bottom:75px}.footer span:nth-child(2){display:none}}@media(max-width:430px){.language-select{width:58px}.hero-title{font-size:18.6vw}.button{flex:1;padding-inline:14px}.stats-grid{grid-template-columns:1fr 1fr}.stat-number{font-size:32px}.dock{gap:3px}.dock-item{min-width:37px;width:37px!important}}