@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2) format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff) format("woff")}.visible{visibility:visible}.resize{resize:both}.rounded{border-radius:.25rem}:root{--green: #38cb00;--canvas: #e8e8e8;--paper: #f4f6f8;--paper-strong: #ffffff;--ink: #151c24;--blue-ink: #42454a;--muted: #686d73;--faint: #a9adb2;--line: #d6dce1;--shadow: 0 2px 5px rgba(181, 186, 203, .28), 0 18px 14px rgba(181, 187, 203, .14), inset 0 7px 32px rgba(255, 255, 255, .95)}*{box-sizing:border-box}html{min-height:100%;background:var(--green);scroll-behavior:smooth}body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink);font-family:Inter Variable,Arial,Helvetica,sans-serif;line-height:1.45;text-rendering:geometricPrecision}body,button,input,textarea{letter-spacing:0}body{text-align:left}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100dvh;background:var(--canvas)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between;height:100dvh;padding:20px}.sidebar-top,.sidebar-bottom{display:flex;flex-direction:column;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:70px;height:56px;border-radius:8px;color:var(--blue-ink);font-size:13px;font-weight:800}.brand-text{color:var(--blue-ink);font-size:24px;font-weight:900;line-height:1.08}.rule{width:100%;height:2px;border-top:1px solid var(--line);border-bottom:1px solid rgba(255,255,255,.75)}.rail-nav{display:grid;gap:5px}.rail-link,.side-action{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 18px;border:1px solid transparent;border-radius:999px;color:#575b60;font-size:15px;font-weight:620;transition:opacity .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.rail-link:hover,.side-action:hover,.rail-link.is-active{border-color:#ffffffb3;background:#f0f2f5;box-shadow:var(--shadow);opacity:1}.rail-link:hover,.side-action:hover{transform:translate(5px)}.rail-link:after,.side-action:after,.text-link:after{content:"";width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);opacity:.36}.sidebar-contact-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin-top:8px;padding:0 18px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#f0f2f5;box-shadow:var(--shadow);color:var(--blue-ink);font-size:15px;font-weight:760;text-align:center;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .34s ease,background-color .26s ease}.sidebar-contact-button:hover{background:#f7f8fa;transform:translateY(-3px) scale(1.012);box-shadow:0 6px 10px #b5bacb3d,0 28px 24px #b5bbcb33,inset 0 7px 32px #fffffff2}.social-links,.mobile-social-links{display:flex;align-items:center;gap:10px}.social-links{justify-content:center;padding:14px 18px 0}.social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#f0f2f5;box-shadow:var(--shadow);color:var(--blue-ink);transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .34s ease,background-color .26s ease,color .22s ease}.social-link:hover{background:#f7f8fa;color:var(--ink);transform:translateY(-4px) scale(1.035) rotate(-2deg);box-shadow:0 6px 10px #b5bacb3d,0 28px 24px #b5bbcb33,inset 0 7px 32px #fffffff2}.social-link svg{width:20px;height:20px;fill:currentColor}.rail-label{margin:0 0 -10px;padding-left:18px;font-size:12px;font-weight:800;text-transform:uppercase}.rail-label-lighter{color:#42454a85}.rail-meta{margin:0;padding:8px 18px 0;color:var(--muted);font-size:10px}.sidebar-companies{display:grid;gap:14px}.sidebar-companies .rail-label{margin-bottom:0}.company-logo-grid{display:flex;align-items:center;padding:0 18px}.company-logo-grid img{display:block;flex:0 0 auto;width:42px;height:42px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:saturate(.9);transform-origin:50% 85%}.company-logo-grid.is-animating img{animation:logo-letter-lift .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--logo-index) * 42ms);filter:saturate(1.02)}.company-logo-grid img+img{margin-left:-9px}.company-logo-grid img:nth-child(1){z-index:1}.company-logo-grid img:nth-child(2){z-index:2}.company-logo-grid img:nth-child(3){z-index:3}.company-logo-grid img:nth-child(4){z-index:4}.company-logo-grid img:nth-child(5){z-index:5}.company-logo-grid img:nth-child(6){z-index:6}.company-logo-grid img.logo-rounded{border-radius:12px}.company-logo-grid img.logo-white{background-color:#fff}.mobile-header,.mobile-menu{display:none}@media(min-width:821px){.mobile-header,.mobile-menu{display:none!important}}.content{min-width:0;height:100dvh;overflow-y:auto;padding:58px 20px 28px}.main-panel{--panel-padding-x: 82px;width:min(1180px,100%);min-height:calc(100dvh - 86px);margin:0 auto;padding:88px var(--panel-padding-x) 54px;border:1px solid rgba(214,220,225,.7);border-radius:28px;background:#f4f6f894;box-shadow:0 2px 7px #b5bacb3d,0 34px 70px #b5bbcb47,0 70px 140px #6e747e1f,inset 0 8px 34px #ffffffe6}.hero,.section,.logo-strip,.footer{width:min(1120px,100%);margin:0 auto}.hero{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 260px);padding:18px 0 58px;text-align:center}.eyebrow{margin:0 0 18px;color:#42454a9e;font-size:13px;font-weight:800;text-transform:uppercase}.portfolio-label{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;padding:10px 14px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#f4f6f8c7;box-shadow:var(--shadow);color:#575b60;font-size:13px;font-weight:760;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .34s ease,background-color .26s ease}.portfolio-label:hover{background:#f9fafbe6;transform:translateY(-3px);box-shadow:0 6px 10px #b5bacb33,0 24px 22px #b5bbcb24,inset 0 7px 32px #fffffff2}.availability-dot{width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 0 5px #38cb0021}.portfolio-label.is-visible .availability-dot{animation:availability-pulse 1.8s ease-out .28s 2}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;color:var(--ink);line-height:.98}h1{max-width:650px;font-size:54px;font-weight:840;letter-spacing:0}h1 span{display:inline}.hero-sketch{display:flex;flex-direction:column;align-items:center;width:min(980px,100%);margin:0 auto}.hero-sketch .portfolio-label{margin-bottom:10px}.portfolio-wordmark{position:relative;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:330px;margin:8px auto 4px}.portfolio-wordmark h1{position:relative;z-index:2;display:inline-flex;align-items:baseline;max-width:none;color:#20252b;font-size:178px;font-weight:900;line-height:.8;letter-spacing:0}.hero-title-letter{display:inline-block;transform-origin:50% 80%;transition:color .28s ease,text-shadow .28s ease,transform .32s cubic-bezier(.22,1,.36,1)}.portfolio-wordmark .is-animating .hero-title-letter{animation:title-letter-lift .72s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--letter-index) * 34ms);color:#151c24;text-shadow:0 12px 22px rgba(66,69,74,.12)}.portfolio-owner{position:absolute;top:-4px;left:50%;z-index:3;display:inline-flex;align-items:baseline;color:#42454a61;font-size:86px;font-weight:860;line-height:.9;transform:translate(-50%)}.sketch-word,.doodle-braces{position:absolute;z-index:4;color:#5659a9;font-family:Caveat,Comic Sans MS,cursive;font-size:36px;font-weight:700;line-height:.9;text-transform:uppercase}.sketch-word{display:block;width:98px;height:auto;filter:drop-shadow(0 0 1px rgba(255,255,255,.62))}.word-frontend{top:8px;left:36px;width:116px;transform:rotate(-8deg)}.word-product{top:4px;right:24px;width:170px;transform:rotate(8deg)}.word-api{bottom:-8px;left:172px;width:182px;transform:rotate(10deg)}.word-react{right:156px;bottom:-18px;width:160px;transform:rotate(-7deg)}.word-founder{top:150px;left:-104px;width:184px;transform:rotate(-13deg)}.word-macos{top:134px;left:54px;font-size:28px;text-transform:none;transform:rotate(-16deg)}.word-ship{top:138px;right:-88px;width:156px;transform:rotate(13deg)}.doodle{position:absolute;z-index:5;color:#5659a9}.doodle-x{width:46px;height:46px}.doodle-x:before,.doodle-x:after{position:absolute;top:50%;left:0;width:100%;height:5px;border-radius:999px;background:currentColor;content:""}.doodle-x:before{transform:rotate(45deg)}.doodle-x:after{transform:rotate(-45deg)}.doodle-x.one{top:126px;left:16px;width:56px;height:56px;transform:rotate(-12deg)}.doodle-x.two{top:96px;left:465px;width:40px;height:34px;transform:rotate(8deg)}.doodle-circle{width:34px;height:34px;border:4px solid currentColor;border-radius:999px}.doodle-circle:after{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:999px;background:currentColor;content:"";transform:translate(-50%,-50%)}.doodle-flower-mark{bottom:108px;left:62px;width:56px;height:56px;transform:rotate(-12deg)}.doodle-flower-mark:after{position:absolute;content:"";top:50%;left:50%;width:9px;height:9px;border:4px solid currentColor;border-radius:999px;transform:translate(-50%,-50%)}.doodle-flower-mark{background:radial-gradient(ellipse 12px 17px at 50% 12%,transparent 46%,currentColor 48% 61%,transparent 63%),radial-gradient(ellipse 12px 17px at 80% 38%,transparent 46%,currentColor 48% 61%,transparent 63%),radial-gradient(ellipse 12px 17px at 68% 79%,transparent 46%,currentColor 48% 61%,transparent 63%),radial-gradient(ellipse 12px 17px at 32% 79%,transparent 46%,currentColor 48% 61%,transparent 63%),radial-gradient(ellipse 12px 17px at 20% 38%,transparent 46%,currentColor 48% 61%,transparent 63%)}.doodle-circle.two{top:160px;right:92px;width:28px;height:28px;transform:rotate(14deg)}.doodle-check{bottom:70px;left:525px;width:42px;height:24px;border-right:5px solid currentColor;border-bottom:5px solid currentColor;transform:rotate(36deg)}.doodle-cursor{top:206px;left:210px;width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:30px solid currentColor;transform:rotate(-24deg)}.doodle-braces{right:246px;bottom:34px;width:82px;height:auto;filter:drop-shadow(0 0 1px rgba(255,255,255,.62));transform:rotate(10deg)}.svg-doodle{position:absolute;z-index:5;display:block;width:72px;height:auto;opacity:.96;pointer-events:none}.svg-doodle.flower{right:42px;bottom:12px;width:74px;transform:rotate(10deg)}.svg-doodle.happy-face{top:70px;left:228px;width:70px;filter:drop-shadow(0 0 1px rgba(255,255,255,.62));transform:rotate(-9deg)}.svg-doodle.laptop{top:50px;left:92px;width:106px;transform:rotate(-10deg)}.hero-sketch .hero-text{max-width:660px;margin:6px auto 0;text-align:center}.hero-sketch .hero-actions{justify-content:center}.tone-soft{color:#42454a80;font-weight:680}.tone-strong{color:var(--ink);font-weight:850}.hero-text,.section-heading p,.story-copy p,.contact-section p,.project-body p,.timeline-body p{color:var(--muted);font-size:18px}.hero-text{max-width:560px;margin:20px 0 0}.tool-row{display:flex;flex-wrap:wrap;gap:8px;max-width:560px;margin-top:22px}.tool-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:#f0f2f5d1;box-shadow:var(--shadow);color:var(--blue-ink);font-size:14px;font-weight:720}.meet-icon{position:relative;width:19px;height:16px;border-radius:4px;background:#34a853}.meet-icon:before,.meet-icon:after{position:absolute;content:""}.meet-icon:before{top:3px;right:7px;bottom:3px;left:3px;border-radius:2px;background:#fff}.meet-icon:after{right:-5px;top:4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #4285f4}.folder-icon{position:relative;width:20px;height:15px;border-radius:4px;background:#69b7ff}.folder-icon:before{position:absolute;top:-4px;left:2px;width:9px;height:5px;border-radius:4px 4px 0 0;background:#4da6f7;content:""}.github-icon,.code-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--ink);color:#fff;font-size:9px;font-weight:850}.code-icon{width:auto;min-width:28px;padding:0 5px;border-radius:6px;background:#d7e7ff;color:var(--blue-ink)}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:720;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .34s ease,background-color .26s ease,color .22s ease}.button:hover{transform:translateY(-4px) scale(1.018)}.button.primary{background:var(--ink);color:#fff;box-shadow:0 12px 24px #151c2429}.button.primary:hover{background:#0f151c;box-shadow:0 18px 34px #151c243d}.button.secondary{border:1px solid rgba(255,255,255,.7);background:#f0f2f5;color:var(--blue-ink);box-shadow:var(--shadow)}.button.secondary:hover{background:#f7f8fa;box-shadow:0 6px 10px #b5bacb3d,0 28px 24px #b5bbcb33,inset 0 7px 32px #fffffff2}.button-dot{width:9px;height:9px;border-radius:999px;background:var(--green)}.button-arrow{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);transition:translate .32s cubic-bezier(.22,1,.36,1)}.button:hover .button-arrow{translate:3px 0}.hero-showcase{position:relative;min-height:612px;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:linear-gradient(135deg,#f5f7f9f0,#dde3e7b8);box-shadow:var(--shadow);overflow:hidden}.showcase-topbar{position:absolute;top:18px;left:18px;right:18px;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 10px 0 16px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:#f0f2f5d6;box-shadow:var(--shadow);color:var(--blue-ink);font-size:13px;font-weight:760;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.window-dots{display:inline-flex;gap:6px}.window-dots span{width:9px;height:9px;border-radius:999px;background:#b8c4ce}.window-dots span:nth-child(1){background:#ff5f57}.window-dots span:nth-child(2){background:#ffbd2e}.window-dots span:nth-child(3){background:#28c840}.showcase-logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:850}.showcase-card{position:absolute;display:block;overflow:hidden;border:1px solid rgba(214,220,225,.95);border-radius:8px;background:#dfe3e6;box-shadow:0 18px 48px #42454a2e;transition:transform .18s ease,box-shadow .18s ease}.showcase-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px #42454a38}.showcase-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.showcase-card span{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#151c24db;color:#fff;font-size:13px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.showcase-main{top:86px;left:32px;width:72%;height:292px}.showcase-secondary{right:28px;bottom:34px;width:48%;height:232px}.showcase-accent{left:42px;bottom:52px;width:42%;height:198px}.showcase-stack{position:absolute;right:36px;top:228px;display:grid;gap:10px;width:160px;z-index:3}.showcase-stack img{width:100%;height:96px;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(255,255,255,.86);border-radius:8px;box-shadow:0 18px 38px #42454a30}.logo-strip{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0 78px}.logo-strip span,.skill-cloud span{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#f4f6f8c7;box-shadow:var(--shadow);color:#575b60;font-size:14px;font-weight:680;transition:opacity .68s cubic-bezier(.22,1,.36,1),translate .68s cubic-bezier(.22,1,.36,1),filter .68s ease,transform .36s cubic-bezier(.22,1,.36,1),background-color .26s ease,color .22s ease}.skill-cloud span:hover{background:#f7f8fa;color:var(--ink);transform:translateY(-3px) scale(1.018)}.section{padding:0 0 98px}.section-heading{--section-rule-edge-padding: 18px;display:flex;align-items:center;gap:12px;width:calc(100% + (var(--panel-padding-x) * 2) - (var(--section-rule-edge-padding) * 2));margin-left:calc((var(--panel-padding-x) * -1) + var(--section-rule-edge-padding));margin-bottom:28px;text-align:center}.section-heading:before,.section-heading:after{content:"";height:2px;border-top:1px solid var(--line);border-bottom:1px solid rgba(255,255,255,.75)}.section-heading:before{flex:0 0 calc(var(--panel-padding-x) - var(--section-rule-edge-padding) - 12px)}.section-heading:after{flex:1 1 auto}.section-heading h2{flex:0 1 auto;margin:0;color:#42454a85;font-size:13px;font-weight:800;line-height:1.1;text-transform:uppercase}.contact-section h2{font-size:54px;font-weight:820}.section-heading p{margin:0;max-width:640px;text-align:left}.project-grid{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:104px;gap:10px 16px;align-items:start;min-height:1120px;overflow:hidden;padding:58px 38px 54px;border:1px solid rgba(190,177,154,.42);border-radius:18px;background:radial-gradient(circle at 18% 22%,rgba(133,102,62,.08) 0 1px,transparent 2px),radial-gradient(circle at 72% 48%,rgba(133,102,62,.07) 0 1px,transparent 2px),linear-gradient(135deg,#e1d7c46b,#ece7dc94);background-size:28px 28px,34px 34px,100% 100%;box-shadow:inset 0 1px #ffffffb8,inset 0 -18px 44px #725b3a12}.project-card{position:relative;grid-column:span 4;display:flex;flex-direction:column;height:auto;min-height:0;padding:12px 12px 18px;overflow:visible;border:0;border-radius:6px;background:#fff;box-shadow:0 2px 4px #151c241a,0 20px 34px #42454a24;text-align:left;transform-origin:50% 18px;transition:transform .18s ease,box-shadow .18s ease}.project-card.large{grid-column:span 4}.project-card:before{position:absolute;top:-38px;left:40%;z-index:4;width:78px;height:56px;background:url(/assets/red-pin-DPukJEZ_.webp) center / contain no-repeat;content:"";transform:translate(-50%)}.project-card:nth-child(1){grid-column:1 / span 5;grid-row:1 / span 4;transform:rotate(-3.5deg)}.project-card:nth-child(2){grid-column:7 / span 5;grid-row:1 / span 3;transform:rotate(2.5deg)}.project-card:nth-child(3){grid-column:1 / span 6;grid-row:6 / span 3;transform:rotate(-1deg)}.project-card:nth-child(4){grid-column:8 / span 5;grid-row:5 / span 3;transform:rotate(2deg)}.project-card:nth-child(2):before{top:-48px;left:50%;width:198px;height:108px;background-image:url(/assets/tape-Bnt0accT.webp);transform:translate(-50%) rotate(-7deg)}.project-card:nth-child(3):before{top:-10px;left:8px;width:46px;height:62px;background-image:url(/assets/clip-uxlY2JDA.webp);transform:rotate(-14deg)}.project-card:nth-child(4):before{top:-30px;left:50%;width:58px;height:54px;background-image:url(data:image/webp;base64,UklGRlQOAABXRUJQVlA4WAoAAAAQAAAAbQAAbQAAQUxQSKIGAAABGTNt26aUeWcj+h/4cRtV2hEIJO3vPUNEhGpASZIkR5IDjv9/mFZNd8+A46QQnF3qXmIPwJU9IGICJsDDbVunbdu2NW3btm3btm3PuWzbtm3btm1N21ZjrfX7AalOK68yjS/kZdVl9TY9Z4iICfik30yHRTDcaGOMOkKLEieY6sEfP+qY40487awLv/2EhUFK18BjPuYbD1p8rAHAODPv9yn7g/OSlaZ85igvuOdFQfdLf84/XSaGTdHwsfEG9nB0r8zk7/dzpz6zSY7ZmzMyfczMEL/fnpwYNzPWDX3OwMY4KapHRhSY62n/nhSON0WPmJCaPzQU7jNPTYWbJyuKg0MiEbyLoIz549QJUPD0TCmdH9G4YhI0e+YoB2ec/JVqCSDyvzJlbR6oqIwEIPG4A6M0wZOGrYYEIDmC+YejvNqnjh+BAKSIcdZ/7Ie/fPLpJfIJT/WHE6DsMxd9649ff4+lJ/77CJR52EX1wQRI9XgvfP+aY1FBv/LrH0oATT3J+duOairp4zf/QALIZ4z4omXCoqKa7AMBauK6VYLhqO4SH0WAFHkvzspU+eaP0jamn7XOVPu2jyABQv5Ntqj4Oz8CICRPSQI//kEQ+URS+Pn3GhCC5mck8X3vdSop/5A0vvFdJkPAiAdfrzR88z0WS0g1H8qk8UvvsJi13PpwRSK+8LplIBjpM78lkfVPXjVZM1Lc+ricCP+fFy/WDdJFj6ROhO6j1yzWnZl80b2HJ43Be3npYt2NYfTHnBSJ4En4FYtZ62ZMsmkmjWfkfzW8cDGsu1nz3s86Ec0DT6/7sBhmbUy8mhJRH/+w4eh9MQxbc8dWIomnNzOPHL0t1qzZmr37zSQxBn89zPS8WHfcjZkLDk1C5Btecz49L9ZnsjVrWIwUDuUD/jlG9LRY97XBrLFSCmKw8lPuqO0eFmvdMAz/75MA/2jMT/62dk9Ys+zM8s/FCdAWo54fNj0uGNPWJlxvSgCz/9dhu7vFusOsaYv/35+Cf0U4bHezWGsGg6Y/r0vBuGHbdHU6ult3WNg+nYKhiLBNl4s11po3W39fkYLDsU03i7XGGkzI329OwTGEbdzpfNoy3YXRXxen4OfYmM6LtQZrGqR97R4p+L5s407n0zQsp829XgJ8pVvpuFhrWJbTTO509a48DZuep8FyzIS5Dq7eRwnjTou1Bq2dELThrdV76fC2Abc5X46jdYLmOXtV7xMygOl+DZqsQ9Munu90V8s/ODIwmC7Xsg6L5bSJUa5epFKafidaRa9rh9g1ZILxn7hNpXzBqLml1+XBRizM3D77GLk6incMqR/PZrRITPngA6huXnrqYel5rfUQoTkOXrXWSLky8eaaolse928ecAWVnefCXEyjtQ6rGV356iUnyNXI8fiaQvtUjeXYJOwZ13xR5ErUG9EU0hrRTgyWffQdF1PFhsUptJG3M7JA4x1w8aS5fNm7n66+NbSssyYIY2b59R1nNKWrl6Ghz41YlmMsa7aAMydd7iNDI5RME1Lwt6bPfIPV0FxLWJjGm76+bkrlwa9cQGui0dCCGSysv//wnq+pmzLFgL43NFqLlrWsEBiZMb978YdiuLI4n3AShWcEWZpTCwy+6L/zf3C8yKWo89eDYrPrVmuOraXBMsjA4IopHrlG5BKI2yi2OWY5Zi2krYWBmGO1A180euSC6uZ3bxo2ikHTZMnkUYMRhrjly//bZ28iFxDNyVce2QQFN61l11rOWwfAMoDFjfs//AG70W87H7f923NQxnzqul13a+mwa7XDtDUxzvX7XbjjLtP1Rbp6nVdmBSVskIXWIgODQWDT6rh+vKddcfeW6/5y0MPx795shaFMTVmzll3TWgiwLGyQAQs80mS/eNaLvzbt7AssfP0PDtR3P/+vS5edftVXnZLP8jDF96lDk1133de00JrBMmAZsEzb0cbk23+++uNHTf63mRdc858fOTxnzsKUvdV9Lact2hpkwHS0QIMRBx5l5PMHA4EpbTs0WVbrviykrWVMt7Is5GwFGEz5myyLJsdksEyrEQYZIUAWDmMAl6cdNFmW1iIzWKatDCALQBbIYABT5nbQZHW3azm1LNPWyEIGEM4GsgFMNZvMNTItWKa9DGAhZGQkU812oqmttoKE1WI6io6SEeAKaCcasXInM7hFYCHLyCAZBDYV3QkGGwxzGkJCjvlR74w5zjyZHHOaH/veYN7eoeU85/kp3FvHnTza4TQ/mXvk9flJ3fvkJ3ivyk/5Hunsj+tWUDggjAcAAFAkAJ0BKm4AbgA+kUCbSaWjoqEpMktosBIJZADVtexa/kt+W5BjkbxTzAh17fXoT8VXpweY/9mfXC9Mf+g9QD+2f3TrM/QA8tn2RP259Ke6VSNlavEE5Ecn7/S+EJ5V6in9r9E7OB9Y+wP+rfpfewb9wPZE/Ylpz7apQn+8cumspLwCHfOchSK+42L0L7d+h/piqUF9leARX+C9RuYJL8AR1/I2/FezzP4YfwWXV2XDU/xqn7nHOBr/MXlBOJcqcqx3SUaEM5r2DHPVPUCUlnKtSO5K8QGNXuaY5uX+P3ihUrSC5rOusBpNoC34O+3L4XIUPdC9vmG3do32u85eQYFzNRSKme9vZ+GwpUwime9FkUk4VzYdueBLD8sLUfObGIBJzFodjyCiDCJAAP79NmyPBUQuXS2bVVPvrHhrGwxgBcj6PCRz4kjdeeT+wtpjcp+QpjIRCtIidAXRofJGM4gvS8isUSSIoTOWWOdrmHI+/gkTAAutVIZD5kln0+H4EyHJ0Jwq0ylkfjMuTPCp+zYp+SMdZUL8bPCGVaYN3sgDc6Qbphqe0LIBNdGnAopg8/Cc3OPbd74IT+5H6k18DKVyHy92po0LPzbzr1nBFPjszXgslERDAqejQBG2PE1D+eih0HNTSVxTheS2QCPji+eLkawxaiuTURI1d83ncbfni5Te7LdnK0wQPN0xTEerGuS9s8RomoGr16bD0QknEkp4O6dIxy3+0dDusuVwX/m4e7gwr8Ga/zaOmCe5UNFOaTE5J4JW/oyMexArLH8WNiG//u+Gfy2iZPvwcTNS3GAcuY2bXWwM2mY44XJnm0ru5Lr1Ea/h4QZT2fmSBnzy/jRdliJpLu12J2VA6SVwpSczRfgS2GrH8F1Nxsa8c3lfZN9+twGxgOJO/ijoh4Fc73ELfK5mI3ulQb1W8d5tSMQMnnqariBeFYK/fj0S7ofMc8K8rVSusfrZYQsNNDsFZzXWHp3sXePz39EqiX7yarpV2EuKGSjdYOuei852lPw5VjUayIGs77xe0c6WzTu4KcXuEvEbxNj5StgtVGWDWpDpF+5Lvh3Xu0bHPXg3va2wLUFJJSfnaXyy8cn170kgM3RXvNFzS3ZHilUcCmAfU7+Hjn6dVzNNbsKObLrOwHs5kTKsuqyoLomrJAe4iQ5ua7CZQtTiZNGxVoql7CTaQLXpHBJbH4XAAJoizm6a6f8qQhP6H2ugOtRI0cmGsTeiU/hqHGbHfZUt+DT4M+MSW2qesepWfsplzMXbbRHAF0HFGq2WblBQrmvIUyQtrBQSw0uXed91On4cLJO3UTr8AhoHXK7Dv1Ep2ths+d3ou3esRPDjiaA9tODWSZLffoxpAMRvVw30Dn6HObu2TXpbyc82+IG0cxrkXd3QnV+DBB/EcIALM250VFoGqgddMnLii1/ItgELye1Jn1z/FQKamG4BYc5Oc3IUVh50oyJrud0Pw1+XcKurO8TDFD7jYmuedgShqGkVkO8bFnuTYPtT5EkPzTykvsFE4ld+7dcmmcZntA3hn2RfTDqB9vcy2AYOeclMrg1vkU+aBJ4ZekDxswHiN10S0mbxeBWScie9QJlA1nlW+9+d/7/PHViHKoZ4kZcZ30bvxD2gnrw3YNM6iKAhm/Mqm8uDZQyAQ1jzKXQ1SFPJITJydxJjCy1cWujAZpeHNopEK60xQhuOGMf6MOaB+PNBa2AFd8Rlde0fKSq020M3T/zbHtD9ggAyDgdCRKiksdoGZmBNrgemOovcUMKwcXG2FRClcCSTMMNnr8W4G+ZJEdMDvzM0ja+eBd0ZJkIcbpkMDRwoZVHjfz1tQAyCAU4gon/YdB8Oy3GAm9AU4dH9yxY/TshtYlb9oZPMVXussKYYT2Ss96TmyDEPglKGAAzIi4b4lFF3Ul/Cj0oKRVDssyEN8zjh1ppMhjnzP9cRUAWs+HSFizjFBVH7IvP+BX0/urVDakL6tOQqDODYFVl+o716Fs/anELOxblNj9/9A0YiN8ejyFWrq2qVH9iME2tEH9GtiCXyCIAHUp6Yuz93JjEyAEJCkFvMiHimr4fTvwKwAqN1EIFsZz7hK3JeSkjqZYRxGL/MKRwzhOL6tUaXvZ3uSddz/kQ+lJB5xr5IBqDQgNjKcu+75WGn7LpLSzOlSV1rM9vEwpDaKwPRZqMDhaxo9R3/w65s5ykItAcoW0kOg25aC7l9UsSRuLBx3i/zrFF6iWuifw1+CQ/7cMGsNYvVoga+/8aJJcc5pT6GypQBDgFxeaCmFQ7jEaX5vF6VOtvkW1X9xc7zR6zZdYjPJfjvy/6MWJDljT2bFq1hNBb4ANRe6vfHOYt+60W7R7V9MQfJzZWNSLHYr9omCywmatEh9hmW6A/89Cbxj0OxivDPt3lB3RLee53dtg9PG6u8CuOpVuPM5jyQe/3M82mexhviRhjuS21n5a4god/sjpSyIXby+IAueNr6RuY5Ujd/xI9aDgkvtWSDNvMn3CtCzfUhYmf/8BkaDV3fw6aFDBIftY0tF9dT+4G6f+40I//BrkWMuSko5wNFWB+dINFivkyJ2YcgAAAAAA==);transform:translate(-50%)}.project-card:hover{z-index:8;box-shadow:0 4px 8px #151c241f,0 24px 42px #42454a2e;transform:rotate(0) translateY(-4px)}.project-image-link{display:block;overflow:hidden;border-radius:3px;background:#dfe3e6}.project-card img{width:100%;aspect-ratio:1.12;-o-object-fit:cover;object-fit:cover;transition:transform .22s ease}.project-card:nth-child(1) img{aspect-ratio:1.14}.project-card:nth-child(2) img,.project-card:nth-child(3) img{aspect-ratio:1.74}.project-card:nth-child(4) img{aspect-ratio:1.12}.project-body{display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-start;gap:0;padding:14px 6px 0;text-align:left}.project-body .project-kicker{margin:0 0 8px;color:#42454a9e;font-size:10.5px;font-weight:800;text-transform:uppercase}.project-body h3,.timeline-body h3{margin-bottom:8px;font-size:28px;font-weight:820}.project-body h3{color:var(--blue-ink);font-family:inherit;font-size:24px;font-weight:800;line-height:1.04;transform:none}.project-body p,.timeline-body p{margin:0;font-size:16px;text-align:left}.project-card .project-body>div>p:not(.project-kicker){display:block;max-width:none;margin:0;color:var(--muted);font-size:13px;line-height:1.35;text-align:left}.project-card .project-points{display:none}.experience-projects{display:grid;gap:0;margin-top:24px;border-top:1px solid rgba(214,220,225,.95)}.experience-projects-label{margin:0;padding:14px 0 2px;color:#42454a8f;font-size:12px;font-weight:840;text-transform:uppercase}.experience-project{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid rgba(214,220,225,.86);transition:translate .34s cubic-bezier(.22,1,.36,1)}.experience-project:hover{translate:4px 0}.experience-project.is-last{border-bottom:0}.experience-project-index{color:#42454a6b;font-size:12px;font-weight:840;line-height:1.2}.experience-project h4{margin:0 0 6px;color:var(--ink);font-size:17px;font-weight:820;line-height:1.15}.experience-project p{max-width:680px;margin:0;color:var(--muted);font-size:15px;line-height:1.45}.project-points{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.project-points li{position:relative;padding-left:18px;color:#506779;font-size:14px}.project-points li:before{position:absolute;top:.66em;left:0;width:7px;height:7px;border-radius:999px;background:var(--green);content:""}.project-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;margin-top:10px}.project-tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid rgba(214,220,225,.9);border-radius:999px;background:#f4f6f8c2;color:#575b60;font-size:11px;font-weight:760}.text-link{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;margin:10px 0 0;color:var(--blue-ink);font-size:13px;font-weight:760;transition:color .22s ease,translate .32s cubic-bezier(.22,1,.36,1)}.text-link:hover{color:var(--ink);translate:3px 0}.text-link:after{width:7px;height:7px;opacity:.58}.story-section{display:block;padding-top:10px}.story-copy{display:grid;gap:22px;max-width:880px}.story-copy p{margin:0;font-size:22px}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding:28px 0;border-bottom:1px solid var(--line);transition:border-color .3s ease,translate .36s cubic-bezier(.22,1,.36,1)}.timeline-item:hover{border-color:#42454a3d;translate:3px 0}.timeline-item:last-child{border-bottom:0}.timeline-date{color:#42454a9e;font-size:13px;font-weight:800;text-transform:uppercase}.certification-section{padding-top:4px}.certification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.certification-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:224px;padding:22px;border:1px solid rgba(255,255,255,.72);border-radius:8px;background:#f4f6f8c7;box-shadow:var(--shadow);transition:opacity .68s cubic-bezier(.22,1,.36,1),translate .68s cubic-bezier(.22,1,.36,1),filter .68s ease,transform .38s cubic-bezier(.22,1,.36,1),box-shadow .34s ease,background-color .26s ease}.certification-card:hover{background:#f9fafbe6;box-shadow:0 6px 10px #b5bacb3d,0 30px 26px #b5bbcb2e,inset 0 7px 32px #fffffff2;transform:translateY(-5px) scale(1.006)}.certification-card.highlight{background:linear-gradient(135deg,#933a4a1f,#f4f6f8d1),#f4f6f8c7}.certification-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:48px}.certification-date{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:31px;padding:7px 10px;border:1px solid rgba(214,220,225,.9);border-radius:999px;background:#f0f2f5cc;color:#42454ab8;font-size:12px;font-weight:800;text-transform:uppercase}.certification-logo{flex:0 0 auto;width:82px;max-height:34px;-o-object-fit:contain;object-fit:contain}.certification-card h3{margin-bottom:10px;color:var(--blue-ink);font-size:24px;font-weight:820;line-height:1.04}.certification-card p{margin:0;color:var(--muted);font-size:16px}.skill-section{padding-bottom:78px}.skill-cloud{display:flex;flex-wrap:wrap;gap:8px}.contact-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(280px,.55fr);gap:32px;align-items:end;padding:42px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.contact-section p{max-width:640px;margin:22px 0 0}.contact-actions{justify-content:flex-end;margin-top:0}.footer{display:flex;justify-content:space-between;gap:20px;padding:38px 0 10px;color:#6e8495;font-size:14px}.section-observe{scroll-margin-top:36px}@keyframes availability-pulse{0%{box-shadow:0 0 0 5px #38cb0021}56%{box-shadow:0 0 0 11px #38cb0000}to{box-shadow:0 0 0 5px #38cb0021}}@keyframes title-letter-lift{0%,to{transform:translateY(0) rotate(0)}42%{transform:translateY(-12px) rotate(-2deg)}68%{transform:translateY(3px) rotate(1deg)}}@keyframes logo-letter-lift{0%,to{transform:translateY(0) rotate(0) scale(1)}42%{transform:translateY(-9px) rotate(-3deg) scale(1.06)}68%{transform:translateY(2px) rotate(1deg) scale(.99)}}.scroll-reveal{opacity:0;filter:blur(8px);translate:0 28px;transition:opacity .76s cubic-bezier(.22,1,.36,1),translate .76s cubic-bezier(.22,1,.36,1),filter .76s ease,transform .38s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,background-color .22s ease,color .18s ease,border-color .18s ease;transition-delay:0ms;will-change:opacity,translate,filter}.scroll-reveal.is-visible{opacity:1;filter:blur(0);translate:0 0}.project-card.scroll-reveal{transition:opacity .76s cubic-bezier(.22,1,.36,1),translate .76s cubic-bezier(.22,1,.36,1),filter .76s ease,transform .18s ease,box-shadow .18s ease}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;filter:none;translate:0 0;transition:none}.button,.sidebar-contact-button,.social-link,.project-card,.certification-card,.skill-cloud span,.timeline-item,.experience-project,.text-link,.button-arrow{transition-duration:1ms}.portfolio-label.is-visible .availability-dot,.portfolio-wordmark .is-animating .hero-title-letter,.company-logo-grid.is-animating img{animation:none}}@media(min-width:1537px){h1{font-size:60px}.portfolio-wordmark h1{font-size:188px}.hero-showcase{min-height:636px}}@media(max-width:1536px)and (min-width:821px){.portfolio-wordmark{min-height:292px}.portfolio-wordmark h1{font-size:154px}.portfolio-owner{top:4px;font-size:72px}.story-section{grid-template-columns:1fr;gap:20px}.story-copy{max-width:820px}}@media(max-width:1280px)and (min-width:821px){.portfolio-wordmark{min-height:260px}.portfolio-wordmark h1{font-size:132px}.portfolio-owner{top:10px;font-size:60px}.word-api,.doodle-braces{display:none}.word-react{right:auto;bottom:18px;left:50%;transform:translate(-50%) rotate(-7deg)}.word-founder{top:126px}.word-ship{top:112px}.svg-doodle.happy-face{display:none}.project-grid{grid-template-columns:1fr;grid-auto-rows:auto;min-height:0;padding:50px clamp(30px,5vw,52px) 44px;gap:50px}.project-card,.project-card.large{grid-column:1;grid-row:auto;width:min(calc(100% - 32px),520px);margin:0 auto;transform:rotate(-1.5deg)}.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4){grid-column:1;grid-row:auto}.project-card:nth-child(2n){transform:rotate(1.5deg)}.project-card:hover,.project-card:nth-child(2n):hover{transform:rotate(0) translateY(-4px)}.project-card:nth-child(1) img,.project-card:nth-child(2) img,.project-card:nth-child(3) img,.project-card:nth-child(4) img{aspect-ratio:1.42}.certification-grid{display:flex;gap:18px;width:calc(100% + 164px);margin:-12px -82px -28px;overflow-x:auto;padding:12px 82px 36px;scroll-padding-left:82px;scroll-snap-type:x mandatory}.certification-card{flex:0 0 min(420px,82%);scroll-snap-align:start}}@media(max-width:1024px)and (min-width:821px){.timeline-item{grid-template-columns:1fr;gap:10px}}@media(max-width:1080px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:16px}.hero,.section-heading,.story-section,.contact-section{grid-template-columns:1fr}.hero{min-height:auto}.portfolio-wordmark{min-height:228px}.portfolio-wordmark h1{font-size:82px}.portfolio-owner{top:14px;font-size:52px}.sketch-word,.doodle-braces{font-size:25px}.word-frontend{top:14px;left:-28px;width:96px}.word-product{top:10px;right:-54px;width:134px}.word-api{bottom:6px;left:160px;width:148px}.word-react{right:auto;bottom:8px;left:50%;width:130px;transform:translate(-50%) rotate(-7deg)}.word-founder{top:108px;left:-98px;width:154px}.word-macos{top:126px;left:38px;font-size:23px}.word-ship{top:100px;right:-86px;width:126px}.doodle-x.one{top:116px;width:48px;height:48px}.doodle-x.two{top:98px;left:47%}.doodle-flower-mark{bottom:86px;left:42px}.doodle-circle.two{top:148px;right:74px}.doodle-check{bottom:68px;left:54%}.doodle-cursor{top:192px;left:150px}.doodle-braces{right:32%;bottom:34px;width:78px}.svg-doodle.flower{right:12px;bottom:16px;width:62px}.svg-doodle.happy-face{top:120px;left:268px;width:58px}.svg-doodle.laptop{top:58px;left:54px;width:78px}.hero-showcase{min-height:560px}.contact-actions{justify-content:flex-start}}@media(max-width:820px){html{background:var(--canvas)}.app-shell{display:block}.sidebar{display:none}.mobile-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:66px;padding:10px 14px;border-bottom:1px solid var(--line);background:#e8e8e8eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand.compact .brand-mark{width:40px;height:40px;font-size:12px}.brand.compact .brand-text{font-size:18px}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;position:relative;width:46px;height:46px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--blue-ink);cursor:pointer}.mobile-menu-toggle span{position:absolute;left:8px;top:21px;display:block;width:30px;height:4px;border-radius:999px;background:currentColor;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .18s ease}.mobile-menu-toggle span:nth-child(1){transform:translateY(-10px)}.mobile-menu-toggle span:nth-child(3){transform:translateY(10px)}.mobile-header.is-open .mobile-menu-toggle span:nth-child(1){transform:rotate(45deg)}.mobile-header.is-open .mobile-menu-toggle span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-header.is-open .mobile-menu-toggle span:nth-child(3){transform:rotate(-45deg)}.mobile-menu{position:fixed;top:66px;left:0;right:0;height:calc(100dvh - 66px);z-index:30;display:grid;align-content:space-between;gap:12px;overflow-y:auto;padding:22px 18px 36px;border-top:1px solid rgba(255,255,255,.72);background:#e8e8e8fa;opacity:0;pointer-events:none;transform:translateY(-12px);visibility:hidden;transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s}.mobile-menu-link,.mobile-menu-contact{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 18px;border:1px solid transparent;border-radius:999px;color:#575b60;font-size:18px;font-weight:720;opacity:0;transform:translateY(-6px);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.mobile-menu.is-open .mobile-menu-link,.mobile-menu.is-open .mobile-menu-contact{opacity:1;transform:translateY(0)}.mobile-menu.is-open .mobile-menu-link:nth-child(1){transition-delay:30ms}.mobile-menu.is-open .mobile-menu-link:nth-child(2){transition-delay:55ms}.mobile-menu.is-open .mobile-menu-link:nth-child(3){transition-delay:80ms}.mobile-menu.is-open .mobile-menu-link:nth-child(4){transition-delay:105ms}.mobile-menu.is-open .mobile-menu-link:nth-child(5),.mobile-menu.is-open .mobile-menu-contact{transition-delay:.13s}.mobile-menu-link:after{content:"";width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;opacity:.36;transform:rotate(45deg)}.mobile-menu-link.is-active{border-color:#ffffffb3;background:#f0f2f5;box-shadow:var(--shadow)}.mobile-menu-contact{justify-content:center;margin-top:8px;border-color:#ffffffb8;background:#f0f2f5;box-shadow:var(--shadow);color:var(--blue-ink)}.mobile-social-links{justify-content:center;padding-top:14px;opacity:0;transform:translateY(-6px);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.mobile-menu.is-open .mobile-social-links{opacity:1;transform:translateY(0);transition-delay:155ms}body.mobile-menu-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.mobile-menu,.mobile-menu.is-open,.mobile-menu-toggle span,.mobile-menu-link,.mobile-menu-contact,.mobile-social-links{transition-duration:1ms;transition-delay:0ms}}.content{height:auto;overflow:visible;padding:18px 16px 28px}.main-panel{min-height:auto;--panel-padding-x: 24px;padding:38px var(--panel-padding-x) 28px;border-radius:22px}.hero{padding-top:8px;padding-bottom:40px}h1{font-size:50px}.hero-sketch .portfolio-label{justify-content:center;max-width:100%;text-align:center}.portfolio-wordmark{min-height:240px;margin-top:4px}.portfolio-wordmark h1{font-size:92px}.portfolio-owner{top:28px;font-size:42px}.sketch-word,.doodle-braces{font-size:19px}.word-frontend{top:18px;left:26px;width:78px}.word-product{top:16px;right:10px;width:106px}.word-react{right:84px;bottom:26px;width:102px}.word-macos{top:110px;left:16px;font-size:18px}.word-api,.word-founder,.word-ship,.doodle-braces{display:none}.doodle-x.one{top:102px;left:0;width:38px;height:38px}.doodle-x.two{top:86px;left:49%;width:26px;height:26px}.doodle-x:before,.doodle-x:after{height:4px}.doodle-flower-mark{bottom:78px;left:18px;width:34px;height:34px}.doodle-circle.two{top:138px;right:18px;width:22px;height:22px}.doodle-check{bottom:60px;left:55%;width:30px;height:18px;border-right-width:4px;border-bottom-width:4px}.doodle-cursor{top:158px;left:88px;border-top-width:14px;border-bottom-width:14px;border-left-width:22px}.svg-doodle.flower{right:0;bottom:24px;width:46px}.svg-doodle.happy-face{top:150px;left:116px;width:44px}.svg-doodle.laptop{top:78px;left:48px;width:56px}.hero-sketch .hero-text{max-width:520px}.contact-section h2{font-size:38px}.hero-text,.section-heading p,.story-copy p,.contact-section p{font-size:17px}.tool-row{margin-top:22px}.hero-showcase{display:grid;gap:10px;min-height:auto;padding:78px 12px 12px}.showcase-topbar{top:12px;left:12px;right:12px}.showcase-card,.showcase-main,.showcase-secondary,.showcase-accent{position:relative;inset:auto;width:100%;height:auto}.showcase-card img{height:auto;aspect-ratio:1.44}.showcase-stack{position:relative;top:auto;right:auto;z-index:1;grid-template-columns:repeat(2,1fr);width:100%}.logo-strip{padding-bottom:54px}.project-grid{grid-template-columns:1fr;grid-auto-rows:auto;min-height:0;padding:48px 18px 34px;gap:44px}.project-card,.project-card.large{grid-column:1;grid-row:auto;width:min(100%,290px);margin:0 auto;transform:rotate(-1.5deg)}.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4){grid-column:1;grid-row:auto}.project-card:nth-child(2n){transform:rotate(1.5deg)}.project-card:hover,.project-card:nth-child(2n):hover{transform:rotate(0) translateY(-4px)}.project-card:nth-child(1) img{aspect-ratio:1.12}.project-card:nth-child(2) img,.project-card:nth-child(3) img,.project-card:nth-child(4) img{aspect-ratio:1.42}.timeline-item{grid-template-columns:1fr;gap:10px}.certification-grid{display:grid;grid-template-columns:1fr;width:auto;margin-right:0;margin-left:0;overflow-x:visible;padding:0}.certification-card{flex:initial;min-height:0}.certification-top{margin-bottom:28px}.certification-date{margin-bottom:0}.experience-project{grid-template-columns:34px minmax(0,1fr);gap:12px}.contact-section{padding:24px}.contact-actions .button{width:100%}.footer{flex-direction:column}}@media(max-width:600px){.content{padding:16px 12px 24px}.main-panel{--panel-padding-x: 18px;padding:32px var(--panel-padding-x) 24px}}@media(max-width:460px){.content{padding:14px 8px 20px}.main-panel{--panel-padding-x: 12px;padding:28px var(--panel-padding-x) 20px}h1{font-size:40px}.portfolio-label{font-size:12px}.portfolio-wordmark{min-height:206px}.portfolio-wordmark h1{font-size:68px}.portfolio-owner{top:26px;font-size:31px}.sketch-word{font-size:16px}.word-frontend{top:18px;left:8px;width:62px}.word-product{top:16px;right:-8px;width:84px}.word-react{right:48px;bottom:22px;width:82px}.word-macos{top:92px;left:8px;font-size:15px}.doodle-x.one{top:86px;width:30px;height:30px}.doodle-x.two,.doodle-circle.two{display:none}.doodle-flower-mark{bottom:66px;left:8px;width:30px;height:30px}.doodle-check{bottom:52px;left:56%}.doodle-cursor{top:132px;left:62px}.svg-doodle.flower{right:0;bottom:22px;width:38px}.svg-doodle.happy-face{top:128px;left:92px;width:40px}.svg-doodle.laptop{top:68px;left:38px;width:48px}.section-heading{gap:10px;margin-bottom:24px}.section-heading h2{font-size:12px}.contact-section h2{font-size:32px}.button{width:100%;padding:0 16px}.showcase-topbar>span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-section{padding:20px}.project-body{padding:18px}}