@import "https://fonts.googleapis.com/css2?family=Inter:wght@400..800&family=Space+Grotesk:wght@400..700&display=swap";
:root{--paper:#f8f9f5;--ink:#242b27;--muted:#777d76;--green:#315642;--line:#e1e5dc;--accent:#ddebca;--font-body:"Inter",Arial,sans-serif;--font-heading:"Space Grotesk",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{background:var(--accent)}.container{max-width:1180px;margin:auto;padding-left:40px;padding-right:40px}.header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f9f5ed;height:92px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.wordmark{font-family:var(--font-heading);letter-spacing:-1.3px;font-size:27px;font-weight:800}.wordmark>span{color:var(--green)}.navigation{align-items:center;gap:34px;font-size:13px;font-weight:500;display:flex}.navigation>a{transition:color .2s}.navigation>a:hover{color:#59813b}.nav-contact{border:1px solid #cdd3c8;border-radius:6px;align-items:center;gap:24px;margin-left:10px;padding:12px 17px;display:flex}.menu-toggle{display:none}.hero{grid-template-columns:1.12fr 1fr;align-items:center;min-height:678px;padding-top:68px;padding-bottom:105px;display:grid;position:relative}.eyebrow{letter-spacing:1.8px;color:var(--green);align-items:center;gap:9px;font-size:10px;font-weight:650;display:flex}.green-dot{background:#7c9b56;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #7c9b560e}.hero h1{font-family:var(--font-heading);letter-spacing:-4px;margin:28px 0 22px;font-size:clamp(52px,5.6vw,74px);font-weight:600;line-height:1.11}.heading-dot{color:#628244}.hero-statement{letter-spacing:-.65px;margin:0 0 15px;font-size:24px;font-weight:450;line-height:1.5}.hero-statement>span{color:var(--green);position:relative}.hero-statement>span:after{content:"";border-top:1px solid #98af7d;border-radius:50%;width:100%;height:6px;position:absolute;bottom:-4px;left:0;transform:rotate(-2deg)}.hero-description{color:var(--muted);max-width:410px;font-size:14px;line-height:1.85}.hero-actions{align-items:center;gap:28px;margin-top:28px;display:flex}.button{border-radius:6px;justify-content:center;align-items:center;gap:26px;padding:16px 21px;font-size:12px;font-weight:500;transition:transform .25s,background .25s;display:inline-flex}.button:hover{background:#42684f;transform:translateY(-3px)}.button-primary{background:var(--green);color:#fff}.text-link{align-items:center;gap:12px;font-size:12px;display:inline-flex}.text-link:hover svg{transform:translateY(3px)}.text-link svg{transition:transform .25s}.location{color:#7b8179;align-items:center;gap:7px;margin-top:32px;font-size:10px;display:flex}.location>span{margin:0 5px}.hero-bottom{letter-spacing:1.6px;color:#858b81;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:25px;left:40px;right:40px}.hero-bottom a{letter-spacing:.4px;align-items:center;gap:10px;font-size:10px;display:flex}.interface-art{isolation:isolate;height:425px;margin-left:16px;position:relative}.interface-art:before{content:"";z-index:-1;background:radial-gradient(#e4ebd99c,#0000 66%);position:absolute;inset:20px -20px}.orbit{border:1px solid #e0e5d9;border-radius:50%;width:355px;height:355px;position:absolute;top:40px;left:55px}.orbit-two{opacity:.65;border-style:dashed;width:438px;height:438px;top:0;left:14px}.art-cross{color:#9bab8c;font-size:21px;font-weight:300;position:absolute}.cross-one{top:44px;right:23px}.cross-two{bottom:13px;left:40px}.floating-label{background:var(--paper);z-index:3;border:1px solid #e2e7db;border-radius:20px;align-items:center;gap:9px;padding:9px 14px;font-size:10px;display:flex;position:absolute;top:2px;left:75px;transform:rotate(-5deg)}.code-window{background:#fff;border:1px solid #dfe4d8;border-radius:10px;width:365px;animation:8s ease-in-out infinite code-float;position:absolute;top:63px;left:2px;transform:rotate(-5deg);box-shadow:0 17px 55px #3144320a}.window-top{border-bottom:1px solid #edf0e8;align-items:center;gap:5px;height:38px;padding:0 13px;display:flex}.window-top>span{background:#d6ddcf;border-radius:50%;width:6px;height:6px}.window-top>span:first-child{background:#b3c29f}.window-top small{color:#91978b;text-align:center;flex:1;font-family:monospace;font-size:9px}.window-top svg{color:#929b86}.code-lines{color:#555e53;padding:15px 13px 18px;font-family:monospace;font-size:11px;line-height:1.9}.code-lines p{white-space:nowrap;margin:0}.code-lines i{color:#c1c7ba;margin-right:18px;font-size:9px;font-style:normal}.code-purple{color:#907097}.code-green{color:#638447}.code-orange{color:#b59159}.code-comment{color:#a3ae9a}.caret{color:#7c965c;animation:1.4s step-end infinite blink}.mini-preview{background:#fff;border:1px solid #e0e5d8;border-radius:12px;width:220px;padding:16px;animation:7s ease-in-out infinite card-float;position:absolute;bottom:26px;right:0;transform:rotate(7deg);box-shadow:0 16px 50px #3144320b}.mini-header{align-items:center;gap:9px;font-size:10px;line-height:1.5;display:flex}.mini-header>b{font-weight:600}.mini-logo{border:1px solid var(--line);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.mini-header>svg{color:var(--green);margin-left:auto}.mini-art{background:#ecf0e4;border-radius:6px;place-items:center;height:138px;margin-top:14px;display:grid;position:relative;overflow:hidden}.art-petal{transform-origin:60px 60px;background:#647e4e;border-radius:50% 50% 8%;width:64px;height:64px;position:absolute;top:10px;left:calc(50% - 60px)}.petal-two{background:#a5b88d;transform:rotate(90deg)}.petal-three{background:#d0dcbc;transform:rotate(180deg)}.petal-four{background:#8ca374;transform:rotate(270deg)}.petal-center{z-index:1;background:#eff2e9;border-radius:50%;width:17px;height:17px}.mini-footer{color:#8a9182;justify-content:space-between;align-items:center;margin-top:13px;font-size:8px;display:flex}.mini-footer>div{gap:3px;display:flex}.mini-footer>div>span{background:#d5ddca;border-radius:50%;width:4px;height:4px}.mini-footer>div>span:first-child{background:#6d8856}.cursor-label{color:#517040;z-index:4;animation:6s ease-in-out infinite cursor-float;position:absolute;top:160px;right:8px;transform:rotate(-8deg)}.cursor-label>span{color:#fff;background:#517040;border-radius:4px;margin-top:-5px;margin-left:22px;padding:6px 10px;font-size:9px;display:block}.craft-label{color:#869079;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:12px;left:20px}.stack-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stack-inner{align-items:center;gap:50px;min-height:87px;display:flex}.stack-label{color:#959b91;letter-spacing:1.5px;max-width:112px;font-size:8px;line-height:1.8}.stack-inner>div{flex:1;justify-content:space-between;align-items:center;gap:20px;display:flex}.stack-inner>div>span{color:#737c6d;font-family:var(--font-heading);letter-spacing:-.5px;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.react-symbol{font-size:28px;line-height:1}.next-symbol{color:var(--paper);background:#7c8576;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:500;display:grid}.ts-symbol{color:var(--paper);background:#7c8576;padding:4px 3px 1px;font-size:11px}.section{padding-top:105px;padding-bottom:100px}.section-label>span,.detail-label{letter-spacing:1.7px;color:#8b9483;font-size:9px;font-weight:500}.section-label h2{font-family:var(--font-heading);letter-spacing:-1.7px;margin:19px 0 0;font-size:36px;font-weight:500;line-height:1.35}.section-label h2>span{color:#85917c}.about-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.1fr;gap:70px;display:grid}.about-copy{padding-top:15px}.about-copy>p{color:#7a8175;margin:0 0 18px;font-size:14px;line-height:1.9}.about-copy>p:first-child{letter-spacing:-.4px;color:#4a5345;margin-bottom:22px;font-size:20px;line-height:1.65}.about-copy strong{color:var(--ink);font-weight:500}.about-notes{border-top:1px solid var(--line);gap:26px;margin-top:26px;padding-top:21px;display:flex}.about-notes>span{color:#65755c;align-items:center;gap:8px;font-size:10px;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:36px;display:flex}.section-heading>p{color:var(--muted);margin:0 0 3px;font-size:12px;line-height:1.8}.projects-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.project-visual{border-radius:9px;height:290px;transition:transform .5s;position:relative;overflow:hidden}.visual-link{border-radius:9px;display:block;overflow:hidden}.visual-link:hover .project-visual{transform:scale(1.035)}.visual-caption{letter-spacing:1.2px;z-index:2;font-size:7px;position:absolute;top:23px;left:22px}.visual-bottom{letter-spacing:1px;z-index:2;justify-content:space-between;align-items:center;font-size:7px;display:flex;position:absolute;bottom:19px;left:22px;right:22px}.fuudy-visual{color:#4a4335;background:#ede9df}.fuudy-word{font-family:var(--font-heading);letter-spacing:-4px;color:#505631;font-size:59px;font-weight:800;position:absolute;top:62px;left:23px}.fuudy-word>span{letter-spacing:0;font-size:11px;position:absolute;top:18px;right:-13px}.food-plate{background:repeating-radial-gradient(circle,#eee9d9 0 3px,#e2d9c4 4px 5px);border-radius:50%;width:155px;height:155px;position:absolute;top:81px;right:-24px;transform:rotate(-15deg);box-shadow:0 8px 20px #55452b16}.food-plate:before{content:"";background:#d6c19a;border-radius:50%;position:absolute;inset:23px;box-shadow:inset 0 0 15px #af936649}.food-leaf{z-index:1;background:#65804a;border-radius:0 85%;width:47px;height:25px;position:absolute;top:45px;left:50px;transform:rotate(20deg)}.leaf-b{background:#83955a;top:78px;left:70px;transform:rotate(110deg)}.leaf-c{background:#879961;top:85px;left:37px;transform:rotate(-15deg)}.food-dot{z-index:1;background:#b06646;border-radius:50%;width:20px;height:20px;position:absolute;top:50px;left:96px;box-shadow:inset -4px -3px #a05940}.dot-b{top:72px;left:40px}.dot-c{top:105px;left:79px}.order-chip{background:#fcfaf4;border:1px solid #ddd9ca;border-radius:7px;padding:12px;font-size:9px;position:absolute;bottom:68px;left:22px;transform:rotate(-6deg);box-shadow:0 8px 20px #514a3610}.order-chip>span{color:#74824d;margin-right:6px}.fablefy-visual{color:#66627e;background:#e7e7f1}.story-book{color:#eeedf7;background:#6e6a91;border-left:5px solid #8b85ab;border-radius:3px 9px 9px 3px;width:116px;height:143px;padding:25px 15px;font-family:Georgia,serif;font-size:16px;position:absolute;top:68px;left:50%;transform:translate(-50%)rotate(-13deg);box-shadow:6px 5px #cecbde,10px 13px 25px #5750721c}.story-book>span{line-height:1.4}.story-book em{color:#cecbeb}.story-book>svg{color:#d1c6e9;margin-top:20px;display:block}.story-star{color:#a49bbd;font-size:42px;position:absolute}.star-a{top:51px;right:43px}.star-b{font-size:29px;bottom:70px;left:41px}.fablefy-word{letter-spacing:-1.5px;color:#5c557c;font-family:Georgia,serif;font-size:34px;position:absolute;bottom:57px;right:30px}.fablefy-word>span{margin-left:4px;font-size:23px}.dertolog-visual{color:#607351;background:#e6edde}.chat-bubble{border-radius:13px;padding:16px 15px;font-size:11px;position:absolute;box-shadow:0 4px 13px #53643e08}.first-bubble{background:#fafcf6;border-bottom-left-radius:3px;top:86px;left:22px;transform:rotate(-5deg)}.first-bubble>span{color:#a9b97a;margin-left:10px}.second-bubble{color:#fff;background:#76896a;border-bottom-right-radius:3px;top:137px;right:19px;transform:rotate(4deg)}.chat-dots{gap:2px;margin-left:10px;display:inline-flex}.chat-dots>i{background:#d8e4cd;border-radius:50%;width:3px;height:3px}.dertolog-word{font-family:var(--font-heading);letter-spacing:-1.5px;font-size:33px;font-weight:650;position:absolute;bottom:55px;left:27px}.dertolog-word>span{color:#91a77d;margin-left:3px;font-size:11px}.project-meta{color:#8f9689;letter-spacing:.9px;justify-content:space-between;align-items:center;margin-top:23px;font-size:8px;display:flex}.project-title{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.project-title h3{font-size:23px;font-family:var(--font-heading);letter-spacing:-.7px;margin:0;font-weight:550}.project-title svg{color:#86917e;transition:transform .25s}.project-title:hover svg{transform:translate(3px,-3px)}.project-card>p{color:#818879;min-height:67px;margin:13px 0 20px;font-size:12px;line-height:1.85}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags>span{color:#7b8671;border:1px solid #dfe4d8;border-radius:4px;padding:5px 8px;font-size:9px}.project-note{color:#92998b;text-align:right;margin-top:22px;font-size:9px}.experience-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:90px;display:grid}.experience-intro{color:var(--muted);margin-top:22px;margin-bottom:28px;font-size:13px;line-height:1.85}.timeline{border-left:1px solid #dce2d4;margin-top:4px;padding-left:28px}.job{border-bottom:1px solid var(--line);margin-bottom:31px;padding-bottom:33px;position:relative}.job:last-child{border:0;margin-bottom:0;padding-bottom:0}.timeline-dot{border:2px solid var(--paper);background:#c5cebb;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-33px}.timeline-dot.current{background:#638347;box-shadow:0 0 0 4px #e8eddf}.job-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.job h3{font-family:var(--font-heading);letter-spacing:-.5px;margin:0;font-size:19px;font-weight:600}.job h3 small{color:#969d8e;font-size:9px;font-family:var(--font-body);letter-spacing:0;margin-left:6px;font-weight:400}.current-badge{color:#738555;white-space:nowrap;background:#e9efde;border-radius:4px;padding:5px 7px;font-size:8px}.job h4{margin:8px 0;font-size:12px;font-weight:500}.job-date{color:#92998c;font-size:10px}.job p{color:#7d8576;margin:16px 0;font-size:12px;line-height:1.85}.education-row{border-top:1px solid var(--line);grid-template-columns:1.1fr 1fr .7fr;gap:30px;margin-bottom:96px;padding-top:30px;padding-bottom:36px;display:grid}.education-row h3{margin:15px 0 8px;font-size:13px;font-weight:500}.education-row p{color:#89917f;margin:0;font-size:10px;line-height:1.7}.detail-label{letter-spacing:1.1px;font-size:8px}.contact-section{background:#edf1e6;border-top:1px solid #e2e8d9}.contact-inner{padding-top:63px;padding-bottom:43px}.contact-main{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.contact-main h2{font-family:var(--font-heading);letter-spacing:-2px;margin:0;font-size:48px;font-weight:500;line-height:1.3}.contact-main h2>span{color:#7d9070}.contact-main p{color:#87917c;margin-top:22px;font-size:13px;line-height:1.85}.contact-circle{color:#f7f9f2;background:#315642;border-radius:50%;place-items:center;width:100px;height:100px;margin-right:40px;transition:transform .3s,background .3s;display:grid}.contact-circle svg{width:42px;height:42px}.contact-circle:hover{background:#527347;transform:rotate(10deg)}.contact-links{border-top:1px solid #d9e1d0;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;display:flex}.email-group{align-items:center;gap:16px;display:flex;position:relative}.email-group>a{letter-spacing:-.4px;font-size:18px}.email-group>button{color:#839177;background:0 0;border:0;place-items:center;padding:8px;display:grid}.copy-status{color:var(--green);white-space:nowrap;font-size:10px;position:absolute;left:100%}.linkedin-link{color:#68795b;align-items:center;gap:11px;font-size:11px;display:flex}.footer{justify-content:space-between;align-items:center;gap:20px;min-height:94px;display:flex}.footer .wordmark{font-size:23px}.footer>span,.footer>a:last-child{color:#93998c;font-size:9px}.footer>a:last-child{align-items:center;gap:12px;display:flex}.skip-link{z-index:50;background:var(--green);color:#fff;padding:12px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}[data-reveal]{animation:1ms 1.5s forwards reveal-fallback}.in-view{animation:.7s both reveal}.hero-copy{animation:.85s both reveal}.interface-art{animation:1s .15s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-fallback{to{opacity:1}}@keyframes code-float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-9px)rotate(-4deg)}}@keyframes card-float{0%,to{transform:translateY(0)rotate(7deg)}50%{transform:translateY(9px)rotate(5deg)}}@keyframes cursor-float{0%,to{transform:translate(0)rotate(-8deg)}50%{transform:translate(-12px,8px)rotate(-2deg)}}@keyframes blink{50%{opacity:0}}@media (min-width:1500px){.hero{min-height:730px}.container{max-width:1260px}.hero h1{font-size:80px}}@media (max-width:1050px){.container{padding-left:30px;padding-right:30px}.hero{grid-template-columns:1.1fr 1fr;min-height:650px}.hero h1{font-size:60px}.hero-statement{font-size:21px}.interface-art{transform-origin:50%;min-width:370px;margin-left:-15px;animation:none;transform:scale(.85)}.code-window{width:325px}.code-lines{font-size:10px}.mini-preview{width:198px;right:0}.orbit-two{width:365px;height:365px;top:30px;left:0}.orbit-one{width:315px;height:315px;top:55px;left:25px}.hero-bottom{left:30px;right:30px}.stack-inner{gap:25px}.stack-inner>div>span{font-size:13px}.section{padding-top:80px;padding-bottom:80px}.about-section{gap:40px}.section-label h2{font-size:32px}.projects-grid{gap:18px}.project-visual{height:260px}.visual-caption{font-size:6px;left:17px}.visual-bottom{font-size:6px;left:17px;right:17px}.food-plate{width:145px;height:145px;right:-45px}.fuudy-word{font-size:53px;left:17px}.order-chip{font-size:8px;left:14px}.first-bubble{font-size:9px;left:13px}.second-bubble{font-size:9px;right:12px}.experience-section{gap:55px}.contact-main h2{font-size:42px}}@media (max-width:760px){.container{padding-left:24px;padding-right:24px}.header{height:74px}.wordmark{font-size:25px}.menu-toggle{border:1px solid var(--line);color:var(--green);background:0 0;border-radius:5px;place-items:center;padding:8px;display:grid}.menu-toggle svg{width:20px;height:20px}.navigation{background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;gap:0;padding:24px;display:none;position:absolute;top:73px;left:0;right:0;box-shadow:0 15px 20px #253c2010}.navigation.is-open{flex-direction:column;display:flex}.navigation>a{padding:15px 0}.navigation .nav-contact{justify-content:space-between;margin:12px 0 0;padding:13px 16px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:52px;padding-bottom:74px;overflow:hidden}.hero h1{letter-spacing:-3.7px;margin-top:25px;font-size:62px}.hero-statement{font-size:22px}.hero-description{max-width:370px;font-size:13px}.hero-actions{gap:25px}.location{flex-wrap:wrap;font-size:9px}.interface-art{transform-origin:50%;width:395px;min-width:0;max-width:100%;height:375px;margin:32px auto 0;overflow:visible;transform:scale(.95)}.code-window{width:310px;top:60px;left:0}.mini-preview{width:185px;bottom:0;right:0}.mini-art{height:124px}.art-petal{top:3px}.floating-label{top:5px;left:38px}.craft-label{font-size:8px;bottom:4px;left:0}.cursor-label{top:141px;right:0}.orbit-one{width:290px;height:290px;top:55px;left:40px}.orbit-two{width:350px;height:350px;top:25px;left:10px}.hero-bottom{letter-spacing:1px;font-size:7px;bottom:23px;left:24px;right:24px}.hero-bottom a{font-size:8px}.stack-inner{flex-direction:column;align-items:flex-start;gap:15px;padding-top:22px;padding-bottom:23px}.stack-label{max-width:none;font-size:7px}.stack-inner>div{flex-wrap:wrap;justify-content:flex-start;gap:18px 26px}.stack-inner>div>span{font-size:12px}.react-symbol{font-size:22px}.next-symbol{width:18px;height:18px;font-size:11px}.ts-symbol{font-size:9px}.section{padding-top:64px;padding-bottom:64px}.about-section{grid-template-columns:1fr;gap:22px}.section-label h2{letter-spacing:-1.5px;font-size:33px}.about-copy{padding:0}.about-copy>p:first-child{font-size:19px}.about-copy>p{font-size:13px}.about-notes{flex-wrap:wrap;gap:20px}.section-heading{margin-bottom:28px;display:block}.section-heading>p{margin-top:18px;font-size:12px}.projects-grid{grid-template-columns:1fr;gap:38px}.project-visual{height:310px}.project-card>p{min-height:0;margin-bottom:15px;font-size:13px}.project-meta{margin-top:18px}.visual-caption{font-size:8px;top:25px;left:25px}.visual-bottom{font-size:7px;bottom:21px;left:25px;right:25px}.fuudy-word{font-size:73px;top:68px;left:26px}.food-plate{width:175px;height:175px;top:89px;right:-2px}.order-chip{font-size:10px;bottom:65px;left:26px}.story-book{width:125px;height:158px;padding:28px 18px;top:65px}.fablefy-word{font-size:39px;bottom:63px;right:38px}.star-a{right:50px}.star-b{left:50px}.first-bubble{font-size:12px;top:94px;left:27px}.second-bubble{font-size:12px;top:154px;right:25px}.dertolog-word{font-size:38px;bottom:57px}.project-note{text-align:left;margin-top:26px;font-size:8px}.experience-section{grid-template-columns:1fr;gap:34px}.experience-intro{margin:18px 0}.timeline{margin-left:5px;padding-left:24px}.timeline-dot{left:-29px}.job h3{font-size:18px}.job h3 small{margin:5px 0 0;font-size:8px;display:block}.job p{font-size:12px}.education-row{grid-template-columns:1fr;gap:25px;margin-bottom:60px;padding-top:27px}.education-row h3{margin-top:9px}.education-row p{font-size:11px}.contact-inner{padding-top:48px;padding-bottom:32px}.contact-main{align-items:flex-start;gap:15px}.contact-main h2{letter-spacing:-1.5px;font-size:34px}.contact-main p{font-size:12px}.contact-circle{flex-shrink:0;width:52px;height:52px;margin:6px 0 0}.contact-circle svg{width:26px;height:26px}.contact-links{flex-direction:column;align-items:flex-start;gap:25px;margin-top:20px}.email-group{gap:6px}.email-group>a{letter-spacing:-.5px;font-size:16px}.copy-status{top:100%;left:auto;right:0}.footer{flex-wrap:wrap;gap:14px;min-height:115px;padding-top:25px;padding-bottom:25px}.footer>span{font-size:8px}.footer>a:last-child{width:100%;font-size:8px}.footer .wordmark{font-size:22px}}@media (max-width:370px){.container{padding-left:20px;padding-right:20px}.hero h1{font-size:55px}.hero-statement{font-size:19px}.button{gap:15px;padding:15px}.hero-actions{gap:18px}.interface-art{width:330px;max-width:none;margin-left:-7px;transform:scale(.85)}.contact-main h2{font-size:29px}.contact-circle{width:43px;height:43px}.about-notes{gap:12px}.about-notes>span{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1!important;transform:none!important}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#080b10;--ink:#edf2fb;--muted:#98a6bc;--green:#6aa8ff;--line:#202b3b;--accent:#18385f}body{background:var(--paper)}.header{background:#080b10ed}.header-inner{gap:24px}.wordmark{letter-spacing:-.8px;white-space:nowrap;font-size:21px}.navigation{gap:22px;margin-left:auto}.nav-contact{border-color:#2a3a51;gap:14px;margin-left:0}.navigation>a:hover{color:#8bbaff}.header-controls{align-items:center;gap:12px;display:flex}.language-switch{border:1px solid var(--line);background:#101722;border-radius:7px;gap:3px;padding:4px;display:flex}.language-switch button{color:#a4b2c7;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:7px 9px;font-size:10px;transition:background .2s,color .2s}.language-switch button[aria-pressed=true]{color:#fff;background:#245ca7}.language-switch button:hover{color:#fff;background:#1b3352}.language-switch button[aria-pressed=true]:hover{background:#2a6bc1}.green-dot{background:#6aa8ff;box-shadow:0 0 0 4px #6aa8ff0e}.heading-dot{color:#6aa8ff}.hero-statement>span:after{border-color:#4777b7}.button-primary{color:#fff;background:#2869d3}.button:hover{background:#377ce8}.location,.hero-bottom{color:#91a1b8}.orbit{border-color:#203753}.art-cross{color:#5d84b8}.floating-label{color:#b9cdeb;background:#101a29;border-color:#2a3e5b}.code-window{background:#101720;border-color:#28374b;box-shadow:0 17px 55px #0005}.window-top{border-color:#263245}.window-top>span{background:#344963}.window-top>span:first-child{background:#508edf}.window-top small,.window-top svg{color:#859dbb}.code-lines{color:#c2cfe1}.code-lines i{color:#65778e}.code-purple{color:#b1a0f7}.code-green{color:#89bdff}.code-orange{color:#edb97b}.code-comment{color:#839bb9}.caret{color:#72acff}.mini-preview{background:#111c2c;border-color:#2b405d;box-shadow:0 16px 50px #0005}.art-petal{background:#387bd8}.petal-two{background:#6a9de4}.petal-three{background:#a5c5f1}.petal-four{background:#23539b}.petal-center{background:#111c2c}.mini-footer{color:#a3b4ce}.mini-footer>div>span{background:#385476}.mini-footer>div>span:first-child{background:#79b0ff}.cursor-label{color:#5597ef}.cursor-label>span{background:#2869d3}.craft-label{color:#94afd0}.stack-label{color:#93a2b7}.stack-inner>div>span{color:#a7b9d3}.next-symbol,.ts-symbol{color:#080b10;background:#8da6c7}.section-label>span,.detail-label{color:#8da5c5}.section-label h2>span{color:#7e9fc9}.about-copy>p{color:#9caac0}.about-copy>p:first-child{color:#c2cede}.about-notes>span{color:#93b4e0}.fuudy-visual{color:#a2bfe4;background:#101f33}.fuudy-word{color:#a2c9ff}.food-plate{background:repeating-radial-gradient(circle,#253e5c 0 3px,#203650 4px 5px);box-shadow:0 8px 20px #0005}.food-plate:before{background:#38506c;box-shadow:inset 0 0 15px #14273c}.food-leaf{background:#548cc3}.leaf-b{background:#83acda}.leaf-c{background:#4373aa}.food-dot{background:#b0c7e7;box-shadow:inset -4px -3px #7f9fc9}.order-chip{color:#c3d7f0;background:#152940;border-color:#2c4564;box-shadow:0 8px 20px #0003}.order-chip>span{color:#75b0ff}.fablefy-visual{color:#a9b9e2;background:#151c35}.story-book{color:#e7efff;background:#304b88;border-color:#4e6eb0;box-shadow:6px 5px #253a65,10px 13px 25px #0003}.story-book em,.story-book>svg{color:#bed4ff}.story-star{color:#729be5}.fablefy-word{color:#adc9ff}.dertolog-visual{color:#98c1dc;background:#0f2531}.first-bubble{color:#d5e8fa;background:#1b374b}.first-bubble>span{color:#90c9ff}.second-bubble{color:#fff;background:#296193}.chat-dots>i{background:#c6e4ff}.dertolog-word>span{color:#6daff0}.project-meta{color:#93a4bd}.project-title svg{color:#85a9d9}.project-card>p,.project-note,.job p{color:#9cacc2}.tags>span{color:#a1b7d6;background:#111923;border-color:#2a3a50}.timeline{border-color:#2a3a50}.timeline-dot{background:#527098}.timeline-dot.current{background:#6aa8ff;box-shadow:0 0 0 4px #152b46}.job h3 small,.job-date{color:#94a6be}.current-badge{color:#8fbfff;background:#142f51}.education-row p{color:#98abc6}.contact-section{background:#0c1625;border-color:#20324c}.contact-main h2>span{color:#739bcf}.contact-main p{color:#9dafc8}.contact-circle{color:#fff;background:#2869d3}.contact-circle:hover{background:#377ce8}.contact-links{border-color:#263953}.email-group>button{color:#92b6e7}.linkedin-link{color:#a3bedf}.footer>span,.footer>a:last-child{color:#92a3bb}.skip-link{background:#2869d3}.copy-status{color:#8abbff}@media (max-width:1100px){.language-full{display:none}.header-inner{gap:20px}.navigation{gap:18px}.wordmark{font-size:20px}}@media (max-width:850px) and (min-width:761px){.navigation{gap:12px;font-size:11px}.header-inner{gap:14px}.nav-contact{gap:7px;padding:10px}.wordmark{font-size:18px}.language-switch button{padding:7px}}@media (max-width:760px){.header-inner{gap:12px}.header .wordmark{font-size:19px}.navigation{background:#0c131e;box-shadow:0 15px 20px #0004}.header-controls{gap:10px;margin-left:auto}.menu-toggle{color:#adcfff}.contact-main{flex-wrap:wrap}.footer .wordmark{font-size:20px}}@media (max-width:370px){.header .wordmark{letter-spacing:-.6px;font-size:16px}.header-controls{gap:6px}.language-switch{padding:3px}.language-switch button,.menu-toggle{padding:6px}.hero h1{font-size:53px}}main{isolation:isolate;background:radial-gradient(at 80% 6%,#10274980,#0000 24%),radial-gradient(at 0%,#121f4270,#0000 27%);position:relative}.ambient-art{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-glow{filter:blur(65px);opacity:.7;border-radius:50%;position:absolute}.glow-one{background:radial-gradient(circle,#1763c850,#0000 70%);width:650px;height:650px;top:80px;right:-260px}.glow-two{background:radial-gradient(#3947bf42,#0000 70%);width:650px;height:900px;top:840px;left:-390px}.glow-three{background:radial-gradient(#08799240,#0000 70%);width:750px;height:650px;top:1720px;right:-330px}.ambient-ribbons{stroke:#5d98ef;stroke-width:.7px;opacity:.12;width:100%;height:2200px;position:absolute;top:0;left:0}.hero{background:radial-gradient(at 75% 45%,#2857b00e,#0000 65%)}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(#75aafa44 .8px,#0000 .8px);background-size:23px 23px;width:55%;height:80%;position:absolute;top:28px;right:0;-webkit-mask-image:radial-gradient(#000,#0000 68%);mask-image:radial-gradient(#000,#0000 68%)}.interface-art:before{background:radial-gradient(#2674dc45,#0000 65%)}.orbit-one{border-color:#487ac34d;box-shadow:0 0 50px #357bd810,inset 0 0 40px #357bd810}.code-window{background:linear-gradient(135deg,#15243aed,#0d1522f5);box-shadow:0 20px 65px #0006,0 0 60px #417bea0a}.mini-preview{background:linear-gradient(145deg,#1b2d49,#101a2b)}.mini-art{background:radial-gradient(circle at 70% 25%,#3769a945,#0000 65%),#142942}.stack-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#0c1524a0,#13233a65,#0c1524a0)}.about-education{background:linear-gradient(110deg,#1b31543d,#12203818);border:1px solid #324d713f;border-radius:12px;gap:13px;padding:18px 20px;display:flex}.about-education svg{color:#88b6f5;flex-shrink:0;margin-top:3px}.about-education span{color:#a7b9d1;font-size:12px;line-height:1.8}.experience-section{border-top:0;border-bottom:1px solid var(--line)}.company-identity{align-items:center;gap:16px;min-width:0;display:flex}.company-logo{border:1px solid #ffffff12;border-radius:12px;flex-shrink:0;place-items:center;width:78px;height:62px;display:grid;overflow:hidden;box-shadow:0 5px 18px #0002}.company-logo img{object-fit:contain;width:100%;height:100%}.fuudy-logo{background:#3b256a;padding:10px}.turkcell-logo{background:#fff;padding:3px}.job-top{align-items:center}.job h3 small{margin:5px 0 0;display:block}.job h4{margin-top:17px}.timeline-dot{top:25px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-visual{border:1px solid #ffffff0b;height:330px}.fablefy-visual{background:radial-gradient(at 75% 10%,#4663aa55,#0000 65%),linear-gradient(140deg,#172742,#16152e)}.dertolog-visual{background:radial-gradient(at 80% 20%,#248bac38,#0000 65%),linear-gradient(135deg,#102d40,#101d32)}.project-visual:before{content:"";border:1px solid #91b8ff18;border-radius:50%;width:270px;height:270px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg);box-shadow:0 0 0 32px #80b5ff06,0 0 0 64px #80b5ff03}.story-book{width:135px;height:169px;padding:28px 18px;font-size:19px;top:63px;transform:translate(-50%)rotate(-13deg)}.story-book>svg{margin-top:24px}.fablefy-word{font-size:42px;bottom:53px;right:43px}.star-a{top:60px;right:65px}.star-b{bottom:73px;left:68px}.first-bubble{padding:19px 20px;font-size:14px;top:96px;left:40px}.second-bubble{padding:19px 20px;font-size:14px;top:164px;right:38px}.dertolog-word{font-size:41px;bottom:54px;left:40px}.project-card>p{max-width:450px;min-height:0}.visual-caption,.visual-bottom{font-size:8px}.language-switch{isolation:isolate;background:linear-gradient(140deg,#18283e,#0b1422);border-color:#39577a;border-radius:22px;gap:0;width:98px;height:38px;padding:4px;position:relative;box-shadow:inset 0 1px 4px #0005,0 0 20px #3c83ed0a}.language-switch:before{content:"";z-index:-1;background:linear-gradient(135deg,#70adff,#2869d3);border-radius:18px;width:calc(50% - 4px);transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #0005,inset 0 1px #ffffff40}.language-switch[data-language=en]:before{transform:translate(100%)}.language-switch button{letter-spacing:1px;color:#8299ba;border-radius:18px;flex:1;padding:0;font-size:11px;font-weight:650;background:0 0!important}.language-switch button[aria-pressed=true],.language-switch button:hover{color:#fff}.language-switch button:focus-visible{outline-offset:1px}.language-full{display:none}.contact-section{isolation:isolate;background:radial-gradient(at 90% 65%,#1d4a8845,#0000 60%),linear-gradient(130deg,#101c30,#0a111d 70%);position:relative;overflow:hidden}.contact-inner{padding-top:70px;padding-bottom:65px;position:relative}.contact-orbits{z-index:-1;pointer-events:none;width:470px;height:470px;position:absolute;top:-35px;right:-20px;transform:rotate(-30deg)}.contact-orbits>span{border:1px solid #72a6ee22;border-radius:50%;position:absolute;inset:30px;transform:rotateX(35deg);box-shadow:0 0 35px #4178ca0a}.contact-orbits>span:nth-child(2){inset:70px}.contact-orbits>span:nth-child(3){inset:110px}.contact-orbits>i{background:radial-gradient(circle at 30% 25%,#9ac8ff,#326abe 40%,#122442 80%);border-radius:50%;width:100px;height:100px;position:absolute;top:50px;left:95px;box-shadow:0 0 65px #4188ff35}.social-buttons{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.social-button{color:#d5e5fb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#20365370,#12213760);border:1px solid #365276;border-radius:12px;align-items:center;gap:16px;min-width:184px;padding:18px 21px;font-size:13px;transition:transform .25s,border-color .25s,background .25s;display:flex}.social-button>svg:first-child{color:#8abaff}.social-button>svg:last-child{color:#8fa9cc;margin-left:auto}.social-button:hover{background:#22447580;border-color:#6399e6;transform:translateY(-4px)}.social-mail{background:linear-gradient(120deg,#2663b9,#194886);border-color:#3c7cd2}.social-mail>svg:first-child,.social-mail>svg:last-child{color:#c9e2ff}.social-mail:hover{background:#2c6dc3}@media (max-width:1050px){.company-identity{gap:12px}.company-logo{width:66px;height:55px}.job h3{font-size:17px}.first-bubble{font-size:12px;left:24px}.second-bubble{font-size:12px;right:23px}.contact-orbits{opacity:.7;right:-140px}}@media (max-width:760px){.projects-grid{grid-template-columns:1fr;gap:38px}.project-visual{height:320px}.about-education{padding:15px}.company-logo{width:65px;height:55px}.company-identity{gap:12px}.job h3{font-size:16px}.job-top{gap:8px}.language-switch{width:82px;height:36px;padding:4px}.language-switch button{padding:0;font-size:10px}.social-buttons{gap:12px}.social-button{flex:1;min-width:140px;padding:16px}.social-mail{flex-basis:100%}.contact-inner{padding-top:48px;padding-bottom:45px}.contact-orbits{opacity:.4;top:-35px;right:-240px}.first-bubble{font-size:12px;left:23px}.second-bubble{font-size:12px;right:22px}.fablefy-word{font-size:37px;right:30px}.dertolog-word{font-size:37px;left:27px}.visual-caption,.visual-bottom{font-size:7px}.ambient-ribbons{opacity:.08}.glow-one{right:-410px}.glow-two{left:-480px}}@media (max-width:370px){.language-switch{width:72px;height:34px}.company-logo{width:54px;height:49px}.job h3{font-size:14px}.company-identity{gap:9px}.social-button{min-width:125px}.story-book{width:125px}.first-bubble,.second-bubble{padding:16px;font-size:11px}.first-bubble{left:15px}.second-bubble{right:15px}}.logo-filters{pointer-events:none;position:absolute}.company-logo.fuudy-logo,.company-logo.turkcell-logo{box-shadow:none;background:0 0;border:0;border-radius:0}.company-logo.turkcell-logo{width:78px;padding:0}.turkcell-logo img{object-fit:contain;filter:url(#remove-logo-white)}@media (max-width:1050px){.company-logo.turkcell-logo{width:66px}}@media (max-width:760px){.company-logo.turkcell-logo{width:65px}}@media (max-width:370px){.company-logo.turkcell-logo{width:54px}}.education-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:90px;display:grid}.education-list article+article{border-top:1px solid var(--line);margin-top:26px;padding-top:26px}.education-list h3{font-family:var(--font-heading);letter-spacing:-.5px;margin:0 0 10px;font-size:19px;font-weight:550}.education-list p{color:#adbed5;margin:0 0 8px;font-size:13px;line-height:1.7}.education-list article>span{color:var(--muted);font-size:11px}@media (max-width:1050px){.education-section{gap:55px}.navigation{gap:13px}}@media (max-width:760px){.education-section{grid-template-columns:1fr;gap:26px}}.project-details{width:100%}.project-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.project-heading-copy{flex:1;min-width:0}.project-heading-copy h3{margin:0 0 10px!important}.project-heading-copy p{margin:0}.project-app-logo{object-fit:contain;opacity:.9;border-radius:12px;flex-shrink:0;width:58px;height:58px;margin-top:2px}.project-downloads{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.project-downloads a{color:#b4cff3;border:1px solid #33465f;border-radius:6px;align-items:center;gap:9px;padding:9px 12px;font-size:11px;transition:background .2s,border-color .2s;display:inline-flex}.project-downloads a:hover{background:#183152;border-color:#6593d0}.project-downloads{align-items:center}.project-downloads a.store-badge{background:0 0;border:0;border-radius:5px;padding:0;line-height:0;transition:opacity .2s}.project-downloads a.store-badge:hover{opacity:.8;background:0 0}.store-badge img{object-fit:contain;width:auto;max-width:100%;height:40px;display:block}.code-background{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.code-stream{opacity:.085;width:max-content;animation:linear infinite code-stream-scroll;display:flex;position:absolute;left:0;transform:translate(0)}.code-stream:nth-child(2n){color:#82b3fc;animation-direction:reverse}.code-stream:nth-child(3n){opacity:.055}.code-stream-copy{flex-shrink:0;align-items:center;gap:140px;padding-right:140px;display:flex}.code-stream code{color:#79afff;white-space:nowrap;letter-spacing:.3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6}@keyframes code-stream-scroll{to{transform:translate(-50%)}}@media (max-width:760px){.code-stream{opacity:.06}.code-stream:nth-child(2n){display:none}.code-stream code{font-size:11px}.code-stream-copy{gap:80px;padding-right:80px}}@media (prefers-reduced-motion:reduce){.code-background{display:none}}.contact-centered{text-align:center}.contact-centered .social-buttons{justify-content:center;gap:16px;margin-top:24px}.contact-centered .social-button{border-radius:14px;flex:0 0 56px;place-items:center;width:56px;min-width:56px;height:56px;padding:0;display:grid}.contact-centered .social-button>svg{margin:0}.contact-centered .section-label h2{margin-top:0}.education-list{border-left:1px solid #2a3a50;margin-top:4px;padding-left:28px}.education-list article{position:relative}.education-list article:before{content:"";box-sizing:border-box;border:2px solid var(--paper);background:#527098;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:-33px}.education-list article+article:before{top:33px}@media (max-width:760px){.education-list{margin-left:5px;padding-left:24px}.education-list article:before{left:-29px}}.hero{min-height:520px;padding-top:60px;padding-bottom:60px}.hero-description{max-width:400px;margin-top:26px;font-size:16px;line-height:1.8}.interface-art{height:330px}.code-window{top:65px}.orbit-one{width:270px;height:270px;top:15px;left:65px}.orbit-two{width:325px;height:325px;top:-12px;left:37px}.section{padding-top:64px;padding-bottom:64px}.section-label h2{letter-spacing:-1px;margin-top:12px;font-size:30px}.about-copy{padding-top:0}.about-copy>p:first-child{margin-bottom:16px;font-size:16px;line-height:1.8}.about-copy>p:last-child{margin-bottom:0}.about-section{grid-template-columns:1fr 1.4fr;gap:90px}.projects-section{grid-template-columns:1fr 1.4fr;gap:90px;display:grid}.simple-projects{flex-direction:column;display:flex}.simple-project{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:0 0 28px;transition:color .2s;display:flex}.simple-project+.simple-project{padding-top:28px}.simple-project:last-child{border-bottom:0;padding-bottom:0}.simple-project h3{font-family:var(--font-heading);letter-spacing:-.5px;margin:0 0 10px;font-size:21px;font-weight:550}.simple-project p{color:var(--muted);margin:0 0 15px;font-size:13px;line-height:1.8}.simple-project>svg{color:#85a9d9;flex-shrink:0;margin-top:4px;transition:transform .2s}.simple-project:hover>svg{transform:translate(3px,-3px)}.simple-project:hover h3{color:#9ac5ff}.contact-inner{padding-top:32px;padding-bottom:32px}.social-buttons{margin-top:0}.contact-section{background:linear-gradient(110deg,#101d3090,#0a111d70)}.footer{justify-content:flex-end;min-height:72px}.ambient-glow{opacity:.45}@media (max-width:1050px){.about-section,.projects-section{gap:55px}.hero{min-height:490px}}@media (max-width:760px){.hero{min-height:auto;padding-top:45px;padding-bottom:35px}.hero-description{font-size:14px}.interface-art{height:285px;margin-top:32px}.orbit-one{width:235px;height:235px;top:30px;left:43px}.orbit-two{width:280px;height:280px;top:8px;left:20px}.section{padding-top:42px;padding-bottom:42px}.about-section,.projects-section{grid-template-columns:1fr;gap:26px}.section-label h2{font-size:28px}.about-copy>p:first-child{font-size:15px}.contact-inner{padding-top:26px;padding-bottom:26px}.footer{min-height:60px;padding-top:20px;padding-bottom:20px}}
.hero h1{color:#0000;background:linear-gradient(110deg,#edf2fb 20% 40%,#8bbaff 49%,#edf2fb 58% 80%) 0 0/260% 100%;-webkit-background-clip:text;background-clip:text;animation:5.5s ease-in-out infinite name-light}@keyframes name-light{0%,12%{background-position:100%}48%,to{background-position:0%}}.interface-art .orbit-one{animation:28s linear infinite orbital-light}@keyframes orbital-light{to{transform:rotate(360deg)}}.interface-art .react-orbit{opacity:1;z-index:0;pointer-events:none}.orbit-tech{transform:rotate(var(--orbit-angle));pointer-events:none;position:absolute;inset:0}.orbit-tech-counter{width:0;height:0;animation:28s linear infinite reverse orbital-light;position:absolute;top:0;left:50%}.orbit-tech-icon{color:#64d4ff;filter:drop-shadow(0 0 6px #64d4ff55);translate:-50% -50%;transform:rotate(calc(var(--orbit-angle) * -1));place-items:center;display:grid;position:absolute;top:0;left:0}.interface-art .code-window{z-index:1;background:linear-gradient(135deg,#15243a,#0d1522)}@media (max-width:760px){.orbit-tech-icon svg{width:21px;height:21px}}.navigation>a{position:relative}.navigation>a:not(.nav-contact):after{content:"";transform-origin:0;background:#80b3ff;height:1px;transition:transform .3s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.navigation>a:hover:after,.navigation>a:focus-visible:after{transform:scaleX(1)}.simple-project,.job{isolation:isolate;position:relative}.simple-project:before,.job:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(220px circle at var(--light-x,50%) var(--light-y,50%), #458bff14, transparent 85%);opacity:0;border-radius:16px;transition:opacity .4s;position:absolute;inset:-12px}[data-lit=true]:before{opacity:1}.social-button svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.social-button:hover svg,.social-button:focus-visible svg{transform:translateY(-2px)scale(1.1)}.social-mail:hover svg,.social-mail:focus-visible svg{transform:translate(2px,-3px)rotate(-10deg)}.social-button{position:relative}.social-button:after{content:"";opacity:0;pointer-events:none;border:1px solid #659fff50;border-radius:18px;transition:opacity .3s,transform .3s;position:absolute;inset:-5px;transform:scale(.9)}.social-button:hover:after,.social-button:focus-visible:after{opacity:1;transform:scale(1)}.in-view .education-list article,.in-view .simple-project,.in-view .job{animation:.7s both detail-arrive}.in-view article:nth-child(2){animation-delay:.12s}.in-view article:nth-child(3){animation-delay:.24s}@keyframes detail-arrive{0%{opacity:.3;translate:0 12px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.hero h1{color:var(--ink);background:0 0}.simple-project:before,.job:before{display:none}.social-button:hover svg,.social-button:focus-visible svg{transform:none}}
body{font-optical-sizing:auto}.nav-blog{align-items:center;gap:6px;display:inline-flex}.wordmark{letter-spacing:-.7px;opacity:0;visibility:hidden;pointer-events:none;font-weight:600;transition:opacity .35s,visibility .35s}.header .wordmark.is-visible{opacity:1;visibility:visible;pointer-events:auto}.hero h1{letter-spacing:-.055em;font-weight:500;line-height:1.08}.section-label h2{letter-spacing:-.035em;font-weight:500}.hero .eyebrow{letter-spacing:.6px;margin-top:18px;font-size:15px;font-weight:500;line-height:1.6}@media (max-width:760px){.hero-copy{padding-left:12px;padding-right:12px}}@media (max-width:370px){.hero-copy{padding-left:10px;padding-right:10px}}.experience-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.experience-heading-copy{flex:1;min-width:0}.experience-company-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.experience-company-line h3{letter-spacing:-.4px;font-size:19px;font-weight:600;line-height:1.4}.experience-heading h4{color:#b4c3d7;margin:7px 0 9px;font-size:12px;font-weight:400;line-height:1.6}.experience-heading .job-date{color:#879bb6;font-size:10px}.experience-heading .company-logo{opacity:.9;flex-shrink:0;width:58px;height:46px;margin-top:1px;padding:0}.experience-heading .company-logo.fuudy-logo{width:62px;padding:2px}.experience-heading .company-logo.turkcell-logo{width:52px;padding:0}.experience-heading .company-logo img{object-fit:contain}.experience-heading .current-badge{color:#97bdf0;background:#172d47;padding:3px 6px;font-size:8px}.job .timeline-dot{top:8px}.job>p{margin-top:19px}@media (max-width:760px){.experience-heading{gap:16px}.experience-company-line h3{font-size:17px}.experience-heading .company-logo.fuudy-logo{width:48px;height:38px}.experience-heading .company-logo.turkcell-logo{width:40px;height:38px}.experience-heading h4{font-size:11px}}@media (max-width:370px){.experience-heading{gap:10px}.experience-company-line h3{font-size:15px}.experience-company-line{gap:6px}.experience-heading .company-logo.fuudy-logo{width:42px}.experience-heading .company-logo.turkcell-logo{width:35px}}.breakout-launch{z-index:40;color:#8eb6f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101a29e6;border:1px solid #2a3e5b;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .25s,background .25s,color .25s,border-color .25s;display:grid;position:fixed;bottom:22px;right:22px;overflow:hidden;box-shadow:0 10px 30px #0006}.breakout-launch:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 36%,#fff2 46%,#d7e9ffaa 50%,#fff2 54%,#0000 64%);animation:2.8s ease-in-out infinite breakout-btn-shimmer;position:absolute;inset:-40%;transform:translate(-140%)rotate(12deg)}.breakout-launch-icon{z-index:1;color:#7eabeb;filter:drop-shadow(0 0 #0000);animation:2.8s ease-in-out infinite breakout-icon-shine;position:relative}.breakout-launch:hover,.breakout-launch:focus-visible{color:#c8dcff;background:#152338;border-color:#3d5f8a;transform:translateY(-3px)}.breakout-launch:hover .breakout-launch-icon,.breakout-launch:focus-visible .breakout-launch-icon{color:#e8f2ff;filter:drop-shadow(0 0 6px #6aa8ffaa);animation:none}@keyframes breakout-btn-shimmer{0%,40%{transform:translate(-140%)rotate(12deg)}70%,to{transform:translate(140%)rotate(12deg)}}@keyframes breakout-icon-shine{0%,35%{color:#6f9cdc;filter:drop-shadow(0 0 #0000)}48%{color:#f2f7ff;filter:drop-shadow(0 0 7px #8bb8ffcc)}58%{color:#cfe2ff;filter:drop-shadow(0 0 4px #6aa8ff88)}to{color:#6f9cdc;filter:drop-shadow(0 0 #0000)}}@media (prefers-reduced-motion:reduce){.breakout-launch:before,.breakout-launch-icon{animation:none}}.breakout-overlay{z-index:100;background:var(--paper);position:fixed;inset:0}.breakout-canvas{cursor:none;touch-action:none;width:100%;height:100%;display:block}.breakout-chrome{top:max(14px, env(safe-area-inset-top,0px));right:max(14px, env(safe-area-inset-right,0px));z-index:110;pointer-events:auto;align-items:center;gap:8px;display:flex;position:fixed}.breakout-lives{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101a29f0;border:1px solid #2a3e5b;border-radius:10px;align-items:center;gap:5px;min-height:40px;padding:0 10px;display:inline-flex;box-shadow:0 8px 24px #0005}.breakout-heart{color:#3a4d68;transition:color .2s}.breakout-heart.is-on{color:#ff6b8a}.breakout-close{color:#c8dcff;min-height:44px;font-family:var(--font-body);letter-spacing:.06em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101a29f0;border:1px solid #2a3e5b;border-radius:12px;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 8px 24px #0005}.breakout-close:hover,.breakout-close:focus-visible{background:#1a2a42;transform:scale(1.04)}.hero-copy.breakout-hidden h1,.hero-copy.breakout-hidden .eyebrow{opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}body.breakout-playing{overflow:hidden}body.breakout-playing .breakout-launch{display:none}@media (max-width:760px){.breakout-launch{width:44px;height:44px;bottom:16px;right:16px}.breakout-chrome{top:max(10px, env(safe-area-inset-top,0px));right:max(10px, env(safe-area-inset-right,0px));gap:6px}.breakout-lives{gap:4px;min-height:38px;padding:0 8px}.breakout-close{gap:6px;min-height:42px;padding:0 11px;font-size:10px}}