:root{--ink:#f0f0f2;--muted:#a9a9b0;--blue:#91b9ee;--line:#343438;--paper:#171719;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Helvetica,Arial,sans-serif;--display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#415367}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.15;letter-spacing:-.04em}p{color:var(--muted)}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:12px}.skip:focus{top:12px}.menubar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#222225e8;border-bottom:1px solid #ffffff12;position:relative;z-index:10;font-size:12px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{height:28px;width:28px;display:grid;place-items:center;background:var(--ink);color:white;border-radius:8px;font-size:10px}.brand strong{font-weight:600}.menubar nav{display:flex;gap:30px}.menu-status{display:flex;align-items:center;gap:10px;color:#a0a0aa}.status-dot{width:6px;height:6px;border-radius:50%;background:#52a585}.desktop{min-height:730px;height:calc(100svh - 64px);max-height:950px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 18%,#343943 0%,transparent 55%),radial-gradient(ellipse at 18% 100%,#292d35 0%,transparent 55%),#18191d;padding:28px 4% 24px}.desktop:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 45%,#ffffff03 45.1%,transparent 80%);pointer-events:none}.desktop-top,.desktop-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:#a5a5b0}.resume-pill{padding:7px 14px;border:1px solid #ffffff22;border-radius:40px;background:#ffffff08;font-size:12px;letter-spacing:0}.resume-pill span{margin-left:15px}.glass{background:#29292c9c;border:1px solid #ffffff22;box-shadow:0 10px 30px #00000040,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(18px);border-radius:19px}.clock-widget{position:absolute;top:113px;left:5%;padding:20px 24px;width:188px;transform:rotate(-3deg)}.clock-widget span{display:block;font-size:9px;letter-spacing:.1em;color:#a5a5b0}.clock-widget strong{display:block;font-family:var(--display);font-size:44px;line-height:1.45;font-weight:500;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.hero-copy{position:absolute;left:50%;top:43%;width:650px;transform:translate(-50%,-50%);text-align:center}.eyebrow{font-size:10px;letter-spacing:.17em;color:#a5a5af;margin-bottom:22px}.hero-copy h1{font-size:clamp(65px,7.4vw,108px);font-weight:500;letter-spacing:-.075em}.hero-copy em{font-style:normal;color:#f0f0f2}.hero-description{color:#bdbdc5;font-size:21px;line-height:1.55;margin-top:22px;letter-spacing:-.025em}.hero-sub{font-size:11px;color:#9a9aa5;margin-top:16px}.hero-link{display:inline-block;margin-top:26px;font-size:12px;border-bottom:1px solid #707079;padding-bottom:5px}.hero-link span{margin-left:16px}.desktop-folders{position:absolute;bottom:139px;left:50%;transform:translateX(-50%);display:flex;gap:40px}.desktop-folder{width:120px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:11px;color:#d2d2da;font-weight:500;line-height:1.35}.desktop-folder svg{width:78px;height:65px;filter:drop-shadow(0 5px 6px #00000050);transition:transform .2s}.desktop-folder span{padding:4px 7px;border-radius:5px;max-width:120px}.desktop-folder:hover svg{transform:translateY(-6px) rotate(-3deg)}.desktop-folder:hover span{background:#ffffff10}.desktop-bottom{position:absolute;bottom:25px;left:4%;right:4%;height:70px}.dock{display:flex;align-items:center;padding:8px 12px;gap:9px;border-radius:21px;letter-spacing:0}.dock a{position:relative;width:39px;height:39px;background:#454549;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:20px;color:#e7e7ed;box-shadow:0 2px 4px #00000040;transition:transform .2s}.dock a:nth-of-type(3){background:#343438;color:white;font-size:13px}.dock a:nth-of-type(4){background:#345879;color:white;font-size:19px}.dock a:last-child{color:#dda28f}.dock a:hover{transform:translateY(-5px)}.dock a:before{content:attr(data-tip);position:absolute;bottom:51px;font-size:10px;background:var(--ink);color:white;padding:4px 8px;border-radius:5px;opacity:0;pointer-events:none}.dock a:hover:before,.dock a:focus-visible:before{opacity:1}.dock-divider{height:27px;width:1px;background:#ffffff22;margin:0 3px}.section-wrap{max-width:1240px;margin:auto;padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:30px}.section-label{display:block;font-size:10px;font-weight:600;letter-spacing:.15em;color:#a0a0ab;margin-bottom:20px}.section-heading h2,.about h2{font-size:43px;font-weight:500}.section-heading>p{font-size:13px;line-height:1.7}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project-visual{height:235px;border-radius:13px;display:flex;position:relative;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:transform .25s}.project-visual:hover{transform:translateY(-4px)}.visual-01{background:#292c33}.visual-02{background:#272e2b}.visual-03{background:#2d2c32}.visual-note{position:absolute;bottom:13px;left:15px;font-size:7px;letter-spacing:.14em;color:#b0b0ba}.mini-transcript,.mini-summary{background:#40444be6;padding:17px 12px;width:107px;border-radius:6px;box-shadow:0 9px 25px #00000030;transform:rotate(-6deg)}.mini-summary{transform:rotate(6deg);width:114px}.mini-transcript span,.mini-summary span{font-size:7px;color:#c0c5d0;display:block;margin-bottom:12px;letter-spacing:.1em}.mini-transcript i,.mini-summary i{display:block;background:#858c9c;height:4px;margin:7px 0;border-radius:4px}.mini-transcript i:nth-child(3),.mini-summary i:nth-child(3){width:75%}.mini-summary small{font-size:7px;display:block;color:#bdc2ce;margin-top:15px}.visual-arrow{color:#949fb5;font-size:19px}.house-art{text-align:center}.house-art>span{display:block;font-size:126px;color:#9aad9f;line-height:1;text-shadow:5px 7px #39463f}.house-art>div{background:#40444be6;padding:11px 24px;border-radius:8px;transform:rotate(-4deg);box-shadow:0 10px 25px #00000030}.house-art small{display:block;font-size:7px;letter-spacing:.13em;color:#bacabe}.house-art strong{font-size:13px;color:#cbd9d0}.pixel-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;width:102px;transform:rotate(-7deg);background:#ffffff0a;padding:8px;border-radius:5px}.pixel-grid i{aspect-ratio:1;background:#8290ae}.pixel-grid i:nth-child(3n){background:#5b6377}.pixel-grid i:nth-child(5n){background:#c0c8df}.pixel-grid i:nth-child(7n){background:#3b3f4c}.classification{padding:10px}.classification small{font-size:6px;letter-spacing:.08em}.classification strong{display:block;font-size:13px;margin:8px 0;color:#dbdbe4}.classification>span{font-size:7px;color:#b5b5c3}.project-meta{font-size:9px;color:#a9a9b3;display:block;margin:22px 0 12px}.project-copy h3{font-size:20px;font-weight:600;letter-spacing:-.035em;min-height:47px}.project-copy h3 a{display:flex;justify-content:space-between;gap:10px}.project-copy h3 span{font-size:18px;color:#a6a6b1}.project-copy p{font-size:12px;line-height:1.85;margin:13px 0 18px}.text-link{font-size:12px;border-bottom:1px solid #676773;padding-bottom:5px}.text-link span{margin-left:12px}.all-repos{display:inline-block;margin-top:42px}.experience{border-top:1px solid var(--line)}.experience-row{display:grid;grid-template-columns:200px 1fr;gap:28px;padding:32px 0;border-top:1px solid var(--line)}.experience-date{font-size:10px;letter-spacing:.07em;color:#a5a5b0;padding-top:6px}.experience-row h3{font-size:22px;font-weight:500}.company{display:inline-block;font-size:13px;color:#9cb9d8;margin:9px 0 14px}.experience-row p{max-width:670px;font-size:13px;line-height:1.85}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{border:1px solid #ffffff1c;border-radius:5px;font-size:9px;padding:4px 9px;color:#babac4;background:#ffffff05}.skills{padding-top:28px}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.skill-grid>div{border-top:1px solid var(--line);padding-top:24px}.skill-icon{color:#adb2c3;font-size:23px;display:block;height:44px}.skill-grid h3{font-size:17px;font-weight:600;margin:12px 0}.skill-grid p{font-size:11px;line-height:1.9}.about{padding-top:35px;padding-bottom:100px}.about-card{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;padding:50px;background:#222225;border-radius:18px}.about-monogram{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#35383f,#292c31);border-radius:12px;min-height:370px;font-family:Georgia,serif;font-size:230px;line-height:1;color:#b1b5c2}.about-monogram>span{color:#dedee4}.about-monogram small{position:absolute;bottom:25px;font-size:8px;letter-spacing:.18em;font-family:var(--font)}.about-copy{padding:10px 0}.about-copy .section-label{font-size:8px}.about-copy p{font-size:12px;line-height:1.85;margin-top:20px}.about-facts{display:flex;gap:30px;margin-top:30px;border-top:1px solid #ffffff15;padding-top:20px}.about-facts strong{display:block;font-size:19px;font-family:var(--display);font-weight:500}.about-facts span{font-size:9px;color:#a5a5af}footer{padding:70px max(5%,calc((100vw - 1116px)/2));background:#202023}footer h2{font-size:45px;font-weight:500;line-height:1.2}.email{display:inline-block;margin-top:27px;font-size:18px;border-bottom:1px solid #686873;padding-bottom:8px}.email span{margin-left:25px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:70px;border-top:1px solid #ffffff15;padding-top:23px;font-size:10px;color:#a4a4ae;gap:20px}.footer-bottom>div{display:flex;gap:22px}.case-body{background:var(--paper)}.case-main{max-width:1100px;margin:auto;padding:45px 5% 80px}.back-link{font-size:12px;color:#b3b3be}.case-hero{padding:65px 0 50px;border-bottom:1px solid var(--line)}.case-hero h1{font-size:clamp(42px,6vw,74px);font-weight:500;max-width:850px}.case-hero>p{font-size:20px;margin-top:22px}.case-hero .tags{margin:25px 0}.button{display:inline-block;background:#e4e4e9;color:white;padding:12px 20px;border-radius:7px;font-size:12px}.button:hover{background:#ffffff;color:white}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:55px 0}.case-intro h2{font-size:26px;font-weight:500;margin-bottom:20px}.case-intro p,.case-details p,.limits p{font-size:13px;line-height:1.9}.workflow{padding:30px;background:#26282d;border-radius:12px}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.flow-steps>div{position:relative;border:1px solid #ffffff18;border-radius:9px;background:#ffffff05;padding:20px 15px}.flow-steps>div:not(:last-child):after{content:'→';position:absolute;right:-17px;top:39%;color:#b2b8c8}.flow-steps span{display:block;color:#a6a6b2;font-size:10px;margin-bottom:13px}.flow-steps strong{font-size:12px;font-weight:500}.workflow>p{font-size:10px;margin-top:18px}.case-details{padding:55px 0}.case-details>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.case-details article>span{font-size:11px;color:#aaaab8}.case-details h3{font-size:20px;font-weight:500;margin:15px 0}.limits{padding:25px 30px;border-left:3px solid #8d96a5;background:#242428}.limits h2{font-size:20px;font-weight:500;margin-bottom:13px}.case-next{display:flex;flex-wrap:wrap;gap:20px;padding-top:40px;font-size:12px}.case-next>span{width:100%;font-size:9px;color:#74889a;letter-spacing:.12em}
@media(min-width:1450px){.clock-widget{left:10%}}
@media(max-width:1050px){.clock-widget{width:155px;padding:15px;left:4%}.clock-widget strong{font-size:38px}.hero-copy{top:44%}.desktop-bottom>span:first-child{max-width:150px}.desktop-bottom>span:last-child{max-width:110px;text-align:right}.project-visual{height:210px;gap:4px}.mini-transcript,.mini-summary{width:87px;padding:12px 9px}.classification{padding:6px}.pixel-grid{width:83px}.classification strong{font-size:11px}.experience-row{grid-template-columns:150px 1fr}.about-card{gap:35px;padding:35px}.about-facts{gap:20px}}
@media(max-width:760px){.menubar{height:60px;padding:0 5%}.brand strong{font-size:11px}.menubar nav{gap:16px;font-size:11px}.menubar nav a:nth-child(2),.menu-status{display:none}.desktop{height:auto;min-height:0;padding:22px 5% 25px;display:flex;flex-direction:column;align-items:center;gap:0}.desktop-top{width:100%;font-size:8px}.clock-widget{position:relative;top:auto;left:auto;align-self:start;width:140px;margin-top:25px;padding:12px 16px;transform:rotate(-3deg)}.clock-widget strong{font-size:32px}.clock-widget span{font-size:7px}.hero-copy{position:relative;left:auto;top:auto;transform:none;width:100%;margin-top:55px}.hero-copy h1{font-size:clamp(58px,12vw,90px)}.eyebrow{font-size:8px;margin-bottom:17px}.hero-description{font-size:18px;margin-top:18px}.hero-sub{font-size:10px}.hero-link{margin-top:23px}.desktop-folders{position:relative;bottom:auto;left:auto;transform:none;margin:42px 0 31px;gap:15px;width:100%;justify-content:center}.desktop-folder{width:100px;font-size:10px}.desktop-folder svg{width:64px;height:53px}.desktop-bottom{position:relative;bottom:auto;left:auto;right:auto;flex-direction:column;width:100%;height:auto;gap:22px}.desktop-bottom>span:first-child{display:none}.desktop-bottom>span:last-child{max-width:none;font-size:8px}.dock{padding:8px 10px;gap:8px}.dock a{width:36px;height:36px}.section-wrap{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.about h2{font-size:34px}.section-heading>p{margin-top:18px;font-size:12px}.section-label{font-size:9px;margin-bottom:16px}.projects{grid-template-columns:1fr;gap:40px}.project-visual{height:260px}.mini-transcript,.mini-summary{width:125px;padding:22px 15px}.mini-transcript span,.mini-summary span{font-size:9px}.mini-summary small{font-size:9px}.visual-arrow{margin:0 10px}.project-copy h3{min-height:0;font-size:23px}.project-copy p{font-size:13px}.project-meta{font-size:10px}.house-art>span{font-size:145px}.pixel-grid{width:120px}.classification strong{font-size:17px}.classification small{font-size:8px}.classification>span{font-size:9px}.classification{padding:15px}.experience-row{grid-template-columns:1fr;gap:12px;padding:27px 0}.experience-row h3{font-size:21px}.experience-date{font-size:9px}.skill-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.skill-grid h3{font-size:16px}.skill-grid p{font-size:11px}.about{padding-top:10px}.about-card{grid-template-columns:1fr;gap:30px;padding:25px}.about-monogram{min-height:230px;font-size:170px}.about-copy .section-label{font-size:8px}.about-facts{justify-content:space-between;gap:10px}.about-facts strong{font-size:17px}.about-facts span{font-size:8px}footer{padding:55px 6% 25px}footer h2{font-size:34px}.email{font-size:14px}.email span{margin-left:10px}.footer-bottom{flex-direction:column;align-items:start;gap:16px;margin-top:45px}.case-main{padding:30px 6% 55px}.case-hero{padding:42px 0 35px}.case-hero h1{font-size:42px}.case-hero>p{font-size:17px}.case-intro{grid-template-columns:1fr;gap:30px;padding:35px 0}.workflow{padding:22px}.flow-steps{grid-template-columns:1fr;gap:16px}.flow-steps>div:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-19px}.flow-steps>div{padding:14px;display:flex;align-items:center;gap:14px}.flow-steps span{margin-bottom:0}.case-details{padding:35px 0}.case-details>div{grid-template-columns:1fr;gap:24px}.limits{padding:20px}.case-next{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:380px){.clock-widget{width:125px;padding:12px}.desktop-folder{width:90px}.desktop-folders{gap:7px}.hero-sub{font-size:9px}.brand strong{font-size:10px}.menubar nav{gap:12px}.email{font-size:12px}}

/* Dark surfaces and restrained typography. */
:root{color-scheme:dark}h1,h2,h3{letter-spacing:-.035em}.desktop-top{justify-content:flex-end}.desktop-bottom{justify-content:center}.glass{box-shadow:0 12px 36px #00000025,inset 0 1px 0 #ffffff08}.clock-widget{transform:none}.clock-widget span{font-size:11px;letter-spacing:0}.clock-widget strong{font-weight:400}.hero-copy h1{font-weight:600;letter-spacing:-.065em}.hero-copy em{font-weight:600}.eyebrow{font-size:13px;letter-spacing:0;margin-bottom:20px}.hero-sub{font-size:13px}.desktop-folder{font-size:12px}.desktop-folder svg{filter:drop-shadow(0 4px 7px #00000030)}.dock a:nth-of-type(4){background:#345879}.hero-link{font-size:14px}.section-heading h2,.about h2,footer h2{font-weight:600;letter-spacing:-.035em}.section-heading{margin-bottom:36px}.project-meta{font-size:12px;letter-spacing:0;color:#b2b2bd}.project-copy p{font-size:14px;line-height:1.7}.project-copy h3{font-weight:600}.text-link{font-size:13px}.experience-date{font-size:12px;letter-spacing:0}.company{font-size:14px}.experience-row p{font-size:14px}.tags span{font-size:11px}.skill-grid p{font-size:13px}.skill-icon{font-size:22px}.about-monogram{font-family:var(--display);font-size:95px;font-weight:500;letter-spacing:-.08em}.about-copy p{font-size:14px}.about-facts span{font-size:11px}.about-facts strong{font-size:23px}.footer-bottom{font-size:12px}.section-label{font-size:12px;letter-spacing:0;color:#b4b4be;text-transform:none}.case-hero h1{font-weight:600}.case-intro p,.case-details p,.limits p{font-size:14px}.button{color:#19191d;font-weight:600}.button:hover{color:#19191d}.case-next>span{font-size:12px;letter-spacing:0}.flow-steps strong{font-size:13px}.flow-steps span{font-size:12px}.workflow>p{font-size:12px}.mini-transcript span,.mini-summary span{font-size:9px}.house-art small{font-size:9px}.classification small{font-size:8px}.classification>span{font-size:10px}.about-card{border:1px solid #ffffff08}.skill-grid>div{border-top:1px solid var(--line)}footer .section-label{display:none}.brand-mark{background:#e4e4e9;color:#222226}.status-dot{background:#87aa91}.tags{margin-top:20px}
@media(max-width:760px){.hero-copy{margin-top:46px}.eyebrow{font-size:12px}.hero-sub{font-size:12px}.desktop-folder{font-size:11px}.clock-widget{margin-top:16px}.clock-widget span{font-size:10px}.desktop-bottom{flex-direction:row;justify-content:center}.experience-date{font-size:11px}.about-monogram{font-size:80px;min-height:200px}.about-facts span{font-size:10px}.about-facts strong{font-size:20px}.footer-bottom{font-size:11px}.case-hero h1{font-size:40px}}
@media(max-width:380px){.hero-sub{font-size:11px}.desktop-folder{font-size:10px}}