@charset "UTF-8";
:root{--bg:#080d15;--surface:#101925;--line:#24303e;--text:#edf2f8;--muted:#9aa9ba;--accent:#9fdbf3;--mint:#81dfb4;--purple:#b0a2eb;--font:"Segoe UI",Arial,sans-serif;--mono:"Cascadia Code",Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;top:0;left:0;right:0;height:850px;z-index:-1;background:radial-gradient(ellipse at 82% 45%,#14263366,transparent 57%)}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:cover}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.05;letter-spacing:-.055em}h1{font-size:clamp(56px,6.8vw,102px)}h2{font-size:clamp(44px,5.1vw,76px)}h3{font-size:25px;line-height:1.2;letter-spacing:-.035em}.text-accent{color:var(--accent)}.section-wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.small-label,.section-kicker,.chapter-label,.eyebrow,.scroll-note,.stage-topline,.stage-bottomline,.stage-hint,.instrument-index,.instrument-caption,.project-status,.art-index,.experience-date{font-family:var(--mono);font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.12em}.section-kicker{color:var(--accent);margin-bottom:23px}.small-label{color:var(--muted);letter-spacing:.06em}.status-dot,.live-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #81dfb433}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--mint);font-size:10px;letter-spacing:.075em}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:10px 20px;z-index:100}.skip-link:focus{top:15px}
.site-header{height:96px;position:relative;z-index:20;border-bottom:1px solid #ffffff0c}.header-inner{height:100%;width:min(1440px,calc(100% - 112px));margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{display:inline-flex;align-items:baseline;font-size:32px;font-weight:700;line-height:1;letter-spacing:-.07em}.wordmark-dot{color:var(--accent)}.wordmark-name{font-family:var(--mono);font-size:11px;letter-spacing:.15em;font-weight:400;margin-left:22px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#b6c0cc}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--accent)}.nav-contact{border:1px solid #3c4b5b;padding:11px 17px;color:var(--text)}.nav-contact span{color:var(--accent);margin-left:19px}.menu-toggle{display:none}
.journey-shell{width:min(1440px,calc(100% - 112px));margin-inline:auto;display:grid;grid-template-columns:1fr 1.04fr;column-gap:20px;position:relative}.story-column{min-width:0}.story-step{min-height:94vh;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;padding:95px 20px 95px 0;scroll-margin-top:0}.hero{min-height:max(760px,calc(100svh - 96px));padding-top:75px;padding-bottom:85px}.intro-name{font-size:16px;color:#c3ced9;margin:30px 0 17px}.hero h1{margin-left:-5px;line-height:1.01;letter-spacing:-.065em}.hero-copy{font-size:17px;color:#c1cbd7;line-height:1.6;margin-top:25px}.body-copy{font-size:15px;line-height:1.85;color:var(--muted);max-width:445px;margin-top:17px}.hero .body-copy{max-width:390px;font-size:14px;margin-top:13px}.actions{display:flex;align-items:center;gap:28px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:13px 18px;font-size:12px;font-weight:600;border:1px solid var(--line);transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);border-color:var(--accent);color:#0d1b28}.button.primary:hover{background:#c7ecfb}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:500}.text-link span{color:var(--accent)}.text-link:hover{color:var(--accent)}.portrait-intro{display:flex;gap:13px;align-items:center;margin-top:34px;font-size:10px;line-height:1.7;color:var(--muted)}.portrait-intro img{border-radius:50%;object-position:50% 31%;border:1px solid #5c6b77}.portrait-intro strong{font-weight:400;color:#c4d0dc}.portrait-arrow{margin-left:10px;color:var(--accent);font-size:15px}.scroll-note{font-size:9px;letter-spacing:.12em;color:#75889b;margin-top:45px}.scroll-note span{display:inline-block;font-size:16px;color:var(--accent);margin-right:9px}.chapter-label{color:#a3b0be;margin-bottom:30px}.chapter-label>span{color:var(--accent);border:1px solid #475769;padding:6px 8px;margin-right:14px}.story-step h2{font-size:clamp(48px,5.2vw,78px);line-height:1.07}.chapter-lead{font-size:18px;line-height:1.6;max-width:425px;color:#d0dae4;margin-top:27px}.skill-lines{margin:26px 0 0;padding:0;list-style:none;width:min(425px,100%);font-size:13px;color:#b8c6d5}.skill-lines li{border-bottom:1px solid var(--line);padding:12px 0}.skill-lines li:first-child{border-top:1px solid var(--line)}.skill-lines span{font-family:var(--mono);font-size:10px;color:#6d8498;margin-right:20px}.tool-annotation{display:flex;align-items:center;gap:13px;margin-top:33px;font-size:11px;color:#7e90a2;line-height:1.7}.tool-annotation strong{font-size:12px;font-weight:500;color:#c3d0dc}.mini-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #334354;border-radius:50%;font-size:22px;color:var(--accent)}.service-facts{display:flex;gap:54px;margin-top:32px}.service-facts>div{display:flex;flex-direction:column;gap:7px}.service-facts strong{font-size:48px;font-weight:400;letter-spacing:-.05em;line-height:1}.service-facts span{font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--muted)}.coursework{margin-top:30px;max-width:425px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chips span{font-size:11px;color:#bfccd9;border:1px solid #344254;padding:6px 10px}.coursework p{font-size:11px;color:#7e91a3;margin-top:14px}.prominent{font-size:14px;margin-top:28px;border-bottom:1px solid #536d7e;padding-bottom:8px}.last-step{padding-bottom:145px}
.tool-column{position:relative;min-width:0}.tool-stage{position:sticky;top:38px;height:min(800px,calc(100svh - 76px));min-height:580px;display:flex;flex-direction:column;justify-content:center;margin-top:35px;padding:26px 12px 20px 25px}.stage-topline{display:flex;justify-content:space-between;align-items:center;color:#7b8b9d;font-size:9px;letter-spacing:.1em}.stage-plus{font-size:23px;line-height:1;color:#52697e}.instrument{position:relative;flex:1;min-height:400px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbital{position:absolute;width:91%;aspect-ratio:1;border:1px solid #526d8826;border-radius:50%;z-index:-1}.orbital-one:before,.orbital-one:after{content:"";height:6px;width:6px;background:#6689a6;position:absolute;border-radius:50%;left:50%;top:-3px}.orbital-one:after{left:auto;top:50%;right:-3px;background:#567187}.orbital-two{width:70%;border-style:dashed;opacity:.5;transform:rotate(25deg)}.tool-glow{position:absolute;width:75%;aspect-ratio:1;background:radial-gradient(circle,#2879951c,transparent 68%);z-index:-1}.crosshair{position:absolute;color:#526d88;font-size:20px;font-family:var(--mono)}.crosshair-tl{top:18%;left:6%}.crosshair-br{bottom:17%;right:5%}.tool-art{position:absolute;width:126%;max-width:810px;transform:translate(-1%,1%);filter:drop-shadow(0 24px 22px #0008);will-change:transform}.tool-art svg{width:100%;height:auto;overflow:visible;display:block}.instrument-index{position:absolute;left:5%;bottom:9%;color:#638097;font-size:9px;writing-mode:vertical-rl}.instrument-caption{position:absolute;bottom:12%;right:2%;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.07em;color:#8aa3b6}.caption-line{width:30px;height:1px;background:#638498}.stage-bottomline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;color:#8399ab;font-size:9px}.stage-bottomline strong{font-weight:400;color:var(--accent)}.live-dot{width:5px;height:5px;background:var(--accent)}.chapter-controls{display:flex;margin-top:18px;gap:8px}.chapter-controls a{flex:1;border-top:2px solid #2d3d4d;padding-top:9px;font-family:var(--mono);font-size:9px;color:#5c7186;transition:color .2s,border-color .2s}.chapter-controls a[aria-current]{color:var(--accent);border-color:var(--accent)}.chapter-controls a:hover{color:var(--text);border-color:var(--text)}.stage-hint{font-size:8px;letter-spacing:.16em;color:#637b8f;margin-top:16px;text-align:center}
.identity-strip{border-block:1px solid var(--line);background:#0b131d}.identity-strip .section-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:26px;font-family:var(--mono);font-size:11px;letter-spacing:.15em;color:#b1c1ce}.identity-strip span:nth-child(even){color:#4e7087;font-size:16px}.about-section{display:grid;grid-template-columns:.8fr 1fr;gap:11%;align-items:center;padding-block:150px}.portrait-frame{position:relative;max-width:440px;background:#151b22}.portrait-frame>img{width:100%;aspect-ratio:4/5;height:auto;object-position:50% 24%;filter:saturate(.83)}.portrait-frame:after{content:"";position:absolute;inset:12px;border:1px solid #ffffff1a;pointer-events:none}.portrait-location{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#080d15d9);padding:60px 25px 24px;font-family:var(--mono);letter-spacing:.1em;font-size:9px;display:flex;gap:10px;align-items:center}.about-copy h2{font-size:clamp(42px,4.3vw,64px);margin-bottom:28px;line-height:1.12}.about-copy>p:not(.section-kicker){color:var(--muted);font-size:15px;line-height:1.9;max-width:480px;margin-top:17px}.about-copy .text-link{margin-top:25px}
.projects-section{padding-block:45px 140px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}.section-heading h2{font-size:clamp(42px,4.6vw,68px);line-height:1.12}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;padding-bottom:7px}.project-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px;border-bottom:1px solid var(--line)}.project-filters button{background:none;color:#8b9cab;font-size:11px;padding:12px 18px 15px;border-bottom:2px solid transparent}.project-filters button:first-child{padding-left:0;padding-right:24px}.project-filters button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--accent)}.project-filters button:hover{color:var(--accent)}.project-filters span{font-family:var(--mono);color:#7a8e9f;font-size:8px;margin-left:8px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}.project-card{min-width:0;border:1px solid #263544;background:#0d1520;transition:border-color .25s,transform .25s;align-self:start}.project-card:hover{border-color:#52728b;transform:translateY(-3px)}.project-card[hidden]{display:none}.project-art{height:220px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#1c364750,transparent 72%),#0e1a26;position:relative;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #243341}.project-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#9fdbf305 1px,transparent 1px),linear-gradient(90deg,#9fdbf305 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.art-index{position:absolute;bottom:14px;left:17px;color:#66859a;z-index:1;font-size:8px}.project-info{padding:23px 22px 0}.project-status{font-size:8px;letter-spacing:.08em;color:#9dbac8;display:flex;align-items:center;gap:7px}.project-status i{height:4px;width:4px;border-radius:50%;background:var(--mint)}.project-status.concept i{background:var(--purple)}.project-status.exploration i{background:var(--accent)}.project-info h3{font-size:20px;line-height:1.25;margin-top:12px;letter-spacing:-.025em}.project-info>p{font-size:12px;line-height:1.8;color:#92a5b7;margin-top:11px;min-height:44px}.project-info details{border-top:1px solid #283746;margin-top:24px;font-size:11px}.project-info summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 0;color:#c6d7e4}.project-info summary::-webkit-details-marker{display:none}.project-info summary span{font-size:18px;color:var(--accent);line-height:1}.project-info details[open] summary span{transform:rotate(45deg)}.project-info details>p{font-size:12px;color:var(--muted);line-height:1.85;padding-bottom:23px}.device-monitor{width:160px;height:102px;border:2px solid #7395ac;border-radius:7px;position:relative;background:linear-gradient(135deg,#25445b,#162635);transform:rotate(-7deg);box-shadow:8px 14px 0 #050a1060}.device-monitor:before{content:"";position:absolute;bottom:-22px;left:68px;width:22px;height:20px;background:#557287}.device-monitor:after{content:"";position:absolute;bottom:-26px;left:45px;width:70px;height:5px;background:#8ba8b9}.device-monitor>span{position:absolute;font-size:35px;color:#98e3c7;left:57px;top:18px}.device-monitor i{position:absolute;inset:8px;border:1px solid #accde51a}.device-phone{width:43px;height:77px;border:2px solid #88a3b6;border-radius:7px;background:linear-gradient(130deg,#345166,#0d1b28);position:absolute;left:calc(50% + 59px);top:91px;transform:rotate(9deg);box-shadow:5px 6px 20px #0007}.device-phone:after{content:"";position:absolute;bottom:4px;left:16px;width:6px;height:2px;background:#b3c2cc}.dashboard-art{background:radial-gradient(ellipse at 40% 50%,#48336755,transparent 75%),#151624}.mini-dashboard{width:190px;height:119px;border:1px solid #6a6187;background:#171e30;padding:13px 16px;transform:perspective(500px) rotateY(-12deg) rotateZ(-5deg);box-shadow:10px 10px 0 #090c1666}.dash-top{display:flex;gap:5px}.dash-top i{width:4px;height:4px;border-radius:50%;background:#7c709e}.dash-bars{height:62px;display:flex;gap:10px;align-items:flex-end;margin-top:11px}.dash-bars b{width:17px;height:28px;background:#7164a5}.dash-bars b:nth-child(2){height:42px;background:#8d7dc4}.dash-bars b:nth-child(3){height:34px}.dash-bars b:nth-child(4){height:48px;background:#a899de}.dash-bars b:nth-child(5){height:40px}.dash-bars b:nth-child(6){height:57px;background:#c2b3f5}.dash-rule{height:1px;background:#766795;margin-top:5px}.circuit-art{background:radial-gradient(ellipse at 50% 50%,#194f4955,transparent 70%),#0e1c20}.circuit-board{position:relative;width:168px;height:110px;background:linear-gradient(130deg,#164740,#10352f);border:2px solid #4a8e7b;border-radius:5px;transform:rotate(-11deg);box-shadow:6px 10px 0 #050a0c66}.circuit-board:before,.circuit-board:after{content:"";position:absolute;inset:15px;border:1px solid #5ca38d33}.circuit-board:after{inset:23px;transform:rotate(15deg)}.circuit-board>span{font-family:var(--mono);font-size:8px;color:#9cc9b2;position:absolute;top:10px;left:10px}.chip-core{position:absolute;left:57px;top:37px;width:48px;height:40px;background:#0e1919;border:4px dashed #9da79c;box-shadow:0 0 0 3px #101b1a}.led{position:absolute;top:18px;right:20px;width:5px;height:5px;background:#98f1bd;border-radius:50%;box-shadow:0 0 8px #79ffb6}.led.two{right:32px;background:#b4a767;box-shadow:none}.pins{position:absolute;bottom:-6px;left:13px;right:13px;height:13px;border-block:4px solid #161e1b;background:repeating-linear-gradient(90deg,#bcae6f 0 3px,#182820 3px 9px)}.fabrication-art{background:radial-gradient(ellipse at 50% 50%,#33486c55,transparent 70%),#101a2b}.wire-cube{width:102px;height:102px;border:1px solid #9fbadc;transform:rotate(-30deg) skew(4deg,4deg);position:relative;background:repeating-linear-gradient(0deg,transparent 0 7px,#9fbadc1a 7px 8px);box-shadow:inset 0 0 40px #668ab226}.wire-cube:before{content:"";position:absolute;left:100%;top:-33px;width:43px;height:101px;border:1px solid #7b99ba;transform:skewY(-37deg);background:#22415e33}.wire-cube:after{content:"";position:absolute;left:21px;top:-33px;height:31px;width:102px;border:1px solid #7b99ba;transform:skewX(-53deg);background:#37526c33}.mini-browser{width:205px;height:126px;border:1px solid #536e82;background:#0b1420;transform:rotate(5deg);box-shadow:9px 9px 0 #0003;padding:10px 15px}.browser-dots{font-size:14px;letter-spacing:3px;color:#6a7f90;line-height:1;border-bottom:1px solid #354a59;padding-bottom:5px}.mini-browser>span{display:block;font-size:30px;font-weight:600;letter-spacing:-.08em;line-height:1.5}.mini-browser>span>span{color:var(--accent)}.browser-line{height:3px;width:85px;background:#5a7488}.mini-browser code{display:block;color:#7d9db4;font-size:9px;margin-top:9px}.workflow-art{gap:9px;background:radial-gradient(ellipse at 50% 50%,#2c4c5455,transparent 75%),#101b22}.flow-node{border:1px solid #587c8a;background:#183039;font-family:var(--mono);font-size:8px;padding:18px 8px;color:#b1d5df;transform:translateY(-6px)}.workflow-art>span:not(.art-index){font-size:18px;color:#6f9bac;transform:translateY(-6px)}
.experience-section{padding-block:20px 140px}.experience-list{border-top:1px solid #3c4d5d}.experience-list article{display:grid;grid-template-columns:.56fr 1fr 35px;gap:30px;padding:37px 0 35px;border-bottom:1px solid var(--line)}.experience-date{color:#93aabe;font-size:9px;padding-top:4px;display:flex;align-items:flex-start;gap:10px}.experience-date .status-dot{margin-top:4px}.experience-list h3{font-size:25px;margin-top:8px}.experience-list p{font-size:13px;color:var(--muted);line-height:1.85;margin-top:13px;max-width:590px}.experience-index{font-family:var(--mono);font-size:10px;color:#496276;justify-self:end;padding-top:4px}.contact-section{border-top:1px solid #2e414f;background:radial-gradient(ellipse at 85% 70%,#24445e26,transparent 65%),#0e1823;padding:80px 0 85px}.contact-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.contact-symbol{font-size:55px;color:#678398;line-height:1}.contact-section h2{font-size:clamp(60px,8.6vw,124px);line-height:1.03;letter-spacing:-.065em}.contact-bottom{display:flex;justify-content:space-between;gap:40px;margin-top:50px;align-items:flex-start}.contact-bottom>p{font-size:13px;color:#a0b0be;line-height:1.9}.contact-actions{display:flex;flex-wrap:wrap;gap:13px 20px;align-items:center;justify-content:flex-end;max-width:510px}.email-link{font-size:clamp(17px,2.05vw,29px);line-height:1.5;letter-spacing:-.035em;border-bottom:1px solid #567284;padding-bottom:6px}.email-link span{margin-left:15px;color:var(--accent)}.email-link:hover{color:var(--accent)}.copy-button{display:flex;align-items:center;gap:15px;font-family:var(--mono);letter-spacing:.05em;font-size:9px;background:none;color:#98acbd;padding:0}.copy-button:hover{color:var(--accent)}#copy-status{font-size:11px;color:var(--mint);width:100%;text-align:right;min-height:18px}footer.section-wrap{display:flex;align-items:center;gap:35px;padding-block:36px;color:#768b9e;font-size:10px}footer .wordmark{font-size:25px;color:var(--text)}footer>p:nth-of-type(2){margin-left:auto}.back-top{font-family:var(--mono);font-size:9px;margin-left:25px}.back-top:hover{color:var(--accent)}
body{overflow-x:clip}
.site-header{position:sticky;top:0;background:#080d15eb;backdrop-filter:blur(16px)}
.tool-stage{top:110px;height:min(800px,calc(100svh - 140px))}
.tool-column{overflow-x:clip;overflow-y:visible}
.motion-toggle{font-family:var(--mono);font-size:9px;letter-spacing:.02em;background:transparent;padding:5px 0;color:#8fa8ba;white-space:nowrap}.motion-toggle:hover,.motion-toggle[aria-pressed=true]{color:var(--accent)}
html[data-reduced-motion=true]{scroll-behavior:auto}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{transition:none!important;animation:none!important}
/* Keep the hero’s first phrase together without making the first screen overly tall. */
.hero h1{font-size:clamp(54px,5.7vw,88px)}
@media(min-width:1600px){.journey-shell{column-gap:65px}.hero{padding-bottom:100px}.tool-art{width:120%}.hero-copy{font-size:19px}.body-copy{font-size:16px}.hero .body-copy{font-size:15px}.tool-stage{margin-top:55px}}
@media(max-width:1100px){.section-wrap,.journey-shell,.header-inner{width:calc(100% - 64px)}.wordmark-name{display:none}.site-header nav{gap:24px}.journey-shell{column-gap:15px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:clamp(58px,7.3vw,80px)}.story-step h2{font-size:clamp(48px,5.3vw,67px)}.hero-copy{font-size:15px}.tool-stage{padding-left:10px;min-height:550px}.tool-art{width:139%;transform:translate(-3%,1%)}.stage-topline{font-size:8px}.instrument-caption{font-size:7px;right:0}.project-art{height:185px}.project-info{padding-inline:17px}.project-info h3{font-size:18px}.project-info>p{font-size:11px}.project-status{font-size:7px}.about-section{gap:8%;padding-block:110px}.about-copy h2{font-size:46px}.about-copy>p:not(.section-kicker){font-size:13px}.identity-strip .section-wrap{font-size:9px;letter-spacing:.09em}.experience-list article{grid-template-columns:.48fr 1fr 20px}.contact-actions{max-width:420px}.contact-bottom{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:80px}.section-wrap,.journey-shell,.header-inner{width:calc(100% - 40px)}.site-header{height:75px}.wordmark{font-size:29px}.wordmark-name{display:inline;font-size:9px;margin-left:16px}.menu-toggle{display:flex;gap:13px;align-items:center;padding:8px 0;background:none;font-size:12px}.menu-toggle span{color:var(--accent);font-size:20px}.site-header nav{display:none;position:absolute;left:0;right:0;top:75px;background:#0c1521;border-bottom:1px solid #3b4d5e;padding:23px 20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 25px #0005}.site-header nav.is-open{display:flex}.site-header nav>a{padding:13px 0}.site-header nav>.nav-contact{padding:13px 15px;margin-top:10px}.journey-shell{display:block}.tool-column{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none;z-index:0}.tool-stage{position:sticky;top:70px;height:250px;min-height:0;margin-top:0;padding:0;margin-left:42%;width:58%;opacity:.75}.stage-topline,.stage-bottomline,.chapter-controls,.stage-hint,.instrument-index,.instrument-caption,.crosshair{display:none}.instrument{min-height:0;height:250px;flex:0 0 250px}.tool-art{width:125%;transform:translate(0,-2%);opacity:.85}.orbital-one{width:102%}.orbital-two{width:80%}.story-column{position:relative;z-index:1}.story-step{min-height:850px;padding:245px 0 90px;justify-content:center;scroll-margin-top:50px}.hero{min-height:880px;justify-content:flex-start;padding-top:38px}.hero .eyebrow{font-size:8px;letter-spacing:.035em;max-width:100%;white-space:nowrap}.intro-name{margin-top:31px;font-size:14px}.hero h1{font-size:clamp(59px,12vw,89px);max-width:100%;margin-top:135px;line-height:1.02;letter-spacing:-.06em}.hero-copy{margin-top:23px;font-size:15px}.hero .body-copy{max-width:350px;font-size:13px}.body-copy{max-width:530px;font-size:14px}.actions{gap:22px;margin-top:24px}.button{font-size:11px;padding:13px 15px;gap:20px}.text-link{font-size:11px}.portrait-intro{margin-top:30px}.scroll-note{margin-top:29px;font-size:8px}.story-step h2{font-size:clamp(49px,10vw,72px);max-width:100%;line-height:1.06}.chapter-label{margin-bottom:24px;font-size:9px}.chapter-lead{font-size:17px;max-width:420px}.skill-lines{max-width:530px}.tool-annotation{margin-top:26px}.last-step{padding-bottom:100px}.identity-strip .section-wrap{padding-block:23px;gap:14px;font-size:7px;letter-spacing:0;line-height:1.7}.identity-strip span:nth-child(even){font-size:13px}.about-section{grid-template-columns:1fr;gap:45px;padding-block:80px}.portrait-frame{width:100%;max-width:none}.portrait-frame>img{aspect-ratio:1/1;object-position:50% 28%}.about-copy h2{font-size:44px}.about-copy>p:not(.section-kicker){font-size:14px;max-width:100%}.section-kicker{font-size:9px;margin-bottom:20px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:43px}.section-heading>p{margin-top:20px;font-size:12px}.projects-section{padding-block:20px 85px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-art{height:180px}.project-info{padding-inline:16px}.project-info h3{font-size:19px;min-height:48px}.project-info>p{font-size:11px;min-height:60px}.project-status{font-size:7px;letter-spacing:.02em;line-height:1.6;min-height:24px}.project-info details{margin-top:18px}.project-info summary{font-size:10px}.project-filters{gap:2px}.project-filters button{font-size:10px;padding:11px 10px 13px}.project-filters button:first-child{padding-right:13px}.project-filters span{display:none}.device-monitor{transform:scale(.8) rotate(-7deg)}.device-phone{left:calc(50% + 35px);transform:scale(.8) rotate(9deg)}.mini-dashboard{transform:scale(.82) rotate(-5deg)}.circuit-board{transform:scale(.82) rotate(-11deg)}.wire-cube{transform:scale(.8) rotate(-30deg) skew(4deg,4deg)}.mini-browser{transform:scale(.8) rotate(5deg);flex-shrink:0}.workflow-art{gap:3px}.flow-node{font-size:6px;padding:14px 5px}.workflow-art>span:not(.art-index){font-size:12px}.art-index{font-size:7px;left:13px}.experience-section{padding-block:10px 80px}.experience-list article{grid-template-columns:1fr 18px;gap:17px 10px;padding-block:28px}.experience-date{grid-column:1;grid-row:1}.experience-list article>div:nth-child(2){grid-column:1;grid-row:2}.experience-index{grid-column:2;grid-row:1}.experience-list h3{font-size:23px}.experience-list p{font-size:12px}.experience-list .small-label{font-size:8px}.contact-section{padding-block:55px}.contact-top{margin-bottom:25px}.contact-top .eyebrow{font-size:8px}.contact-symbol{font-size:38px}.contact-section h2{font-size:clamp(52px,10vw,75px)}.contact-bottom{display:block;margin-top:32px}.contact-bottom>p{font-size:12px}.contact-actions{justify-content:flex-start;max-width:none;margin-top:28px;gap:16px}.email-link{font-size:clamp(16px,4.8vw,27px)}#copy-status{text-align:left}.contact-actions .email-link{flex-basis:100%;width:max-content;flex-grow:0}.copy-button{font-size:9px}footer.section-wrap{gap:16px;flex-wrap:wrap;padding-block:27px}footer>p:nth-of-type(2){order:4;flex-basis:100%;font-size:9px;margin-left:0}.back-top{margin-left:auto;font-size:8px}footer .wordmark{font-size:23px}}
@media(max-width:390px){.wordmark-name{font-size:8px;margin-left:12px}.hero h1{font-size:54px}.hero .eyebrow{font-size:7px}.story-step h2{font-size:46px}.project-grid{grid-template-columns:1fr;gap:25px}.project-art{height:220px}.project-status{font-size:8px;min-height:0}.project-info h3{min-height:0;font-size:22px}.project-info>p{min-height:0;font-size:12px}.project-info summary{font-size:11px}.tool-stage{margin-left:39%;width:61%}.identity-strip .section-wrap{gap:8px;font-size:6px}.email-link{font-size:16px}}
@media(max-width:760px){.tool-stage{top:90px}.hero h1{margin-top:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.tool-art{will-change:auto}.project-card:hover,.button:hover{transform:none}}