@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#20201e;--paper:#faf9f6;--lime:#c4f04d;--line:#d8d8d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5944df;outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:10px;z-index:10}.skip:focus{top:5px}header,footer{max-width:1440px;margin:auto;padding:25px 5.5%;display:flex;align-items:center;justify-content:space-between}header{border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk',sans-serif;font-size:38px;font-weight:700;letter-spacing:-3px;text-decoration:none;line-height:1}.brand span{display:inline-block;color:#7760d8;font-size:35px;margin-left:4px}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px;font-weight:600}.nav-resume{border:1.5px solid var(--ink);border-radius:30px;padding:9px 22px}.hero{max-width:1440px;margin:auto;padding:55px 5.5% 65px;position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:700}.hero>.eyebrow{display:flex;justify-content:space-between;gap:20px}h1,h2,h3,h4{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.06;letter-spacing:-.055em;margin:0}h1{font-size:clamp(48px,7.5vw,108px);font-weight:600;margin:44px 0 40px;position:relative;z-index:1}.highlight{background:var(--lime);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 10px 5px;margin-left:-10px}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-bottom p{max-width:490px;margin:0;color:#56564e}.button{background:var(--ink);color:white;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:40px;padding:17px 25px;white-space:nowrap}.button span{color:var(--lime);font-size:24px}.hero-sticker{position:absolute;right:8%;top:180px;background:#bca6ef;border:2px solid var(--ink);border-radius:50%;height:142px;width:142px;display:grid;place-content:center;text-align:center;line-height:1.2;font-family:'Space Grotesk',sans-serif;font-weight:700;transform:rotate(13deg);font-size:20px;box-shadow:5px 6px 0 var(--ink)}.ticker{display:flex;justify-content:center;gap:38px;white-space:nowrap;overflow:hidden;background:var(--ink);color:var(--paper);padding:17px 0;font-family:'Space Grotesk',sans-serif;font-size:15px;letter-spacing:2px}.ticker span:nth-child(4){color:var(--lime)}.section{max-width:1440px;margin:auto;padding:90px 5.5%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}h2{font-size:clamp(38px,4.8vw,64px);font-weight:500}.section-head>p{font-size:15px;color:#686860}.section-head .eyebrow{margin:0 0 23px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:36px 0 30px}.filters button{background:transparent;border:1px solid #b9b9b0;border-radius:30px;padding:9px 20px;font-size:14px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters span{margin-left:10px;font-size:12px;color:var(--lime)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project{border:1.5px solid var(--ink);border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-4px);box-shadow:6px 7px 0 var(--ink)}.project[hidden]{display:none}.lime{--card:#c4f04d}.lilac{--card:#c5b2ef}.peach{--card:#ffb693}.blue{--card:#9fc9f6}.card-top{display:flex;justify-content:space-between;gap:15px;background:var(--card);padding:22px 26px 0;font-size:12px;text-transform:uppercase;letter-spacing:1px}.project-art{background:var(--card);height:210px;display:flex;align-items:center;justify-content:center;padding:28px;color:var(--ink)}.pipeline span{border:2px solid var(--ink);padding:14px 9px;border-radius:8px;background:#ffffff3d;font-family:monospace;font-size:13px;font-weight:700}.pipeline i{width:25px;height:2px;background:var(--ink)}.timer{flex-direction:column;gap:7px}.timer strong{font-size:clamp(38px,5vw,68px);font-family:monospace;line-height:1.2;font-weight:500;letter-spacing:-3px}.timer-label{font-family:monospace;font-size:12px;letter-spacing:2px}.code-art{flex-direction:column;align-items:flex-start;padding-left:12%;gap:3px;font-family:monospace;font-size:29px;line-height:1.3}.code-bottom{font-size:12px;letter-spacing:2px;margin-top:17px}.blocks{gap:10px}.blocks span{width:58px;height:58px;border:2px solid var(--ink);display:grid;place-items:center;border-radius:8px;font-family:monospace;font-size:18px;background:#ffffff3d}.blocks b{font-size:20px}.card-body{padding:30px;background:var(--paper)}.project-kicker{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 15px;color:#65655e}.card-body h3{font-size:37px;font-weight:500;letter-spacing:-1.5px}.card-body>p:not(.project-kicker){color:#56564e;min-height:77px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.tags span{font-size:12px;padding:4px 10px;background:#ecece5;border-radius:5px}details{border-top:1px solid var(--line);padding-top:18px}summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-size:22px;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}.detail p{font-size:15px;color:#56564e}.detail .small{font-size:13px}.github-note{text-align:center;margin:40px 0 0;color:#5b5b53;font-size:14px}.github-note a{font-weight:700}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-intro h2{margin:23px 0 30px}.about-intro>p:not(.eyebrow){color:#606058;max-width:480px}.text-link{display:inline-block;font-weight:600;margin-top:20px}.experience h3{font-size:24px;letter-spacing:-.8px;margin:7px 0 35px}.experience article{border-top:1px solid var(--line);padding:24px 0 10px}.date{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#707068}.experience h4{font-size:24px;letter-spacing:-.8px;line-height:1.25;margin-top:10px}.company{font-weight:600;font-size:14px;margin:7px 0}.experience article>p:last-child{font-size:14px;color:#606058}.toolkit{padding-top:0}.skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.skills span{font-family:'Space Grotesk',sans-serif;border:1px solid #c0c0b6;padding:10px 19px;border-radius:30px;font-size:17px}.skills span:nth-child(3n+1){background:#e7edcc}.skills span:nth-child(4n+2){background:#e9e0f8}.contact{max-width:none;background:var(--ink);color:var(--paper);padding-top:75px;padding-bottom:75px}.contact h2{max-width:1000px;font-size:clamp(42px,6.5vw,88px);margin:25px 0}.contact h2 span{color:var(--lime)}.contact>p:not(.eyebrow){color:#c1c1b8}.email{display:inline-block;font-size:clamp(17px,2.7vw,34px);color:var(--lime);margin:18px 0 32px;overflow-wrap:anywhere}.socials{display:flex;gap:30px;font-size:14px}footer p,footer>a:last-child{font-size:12px;color:#66665e}footer{gap:20px}::selection{background:#c5b2ef;color:#20201e}@media(min-width:1500px){.contact{padding-left:calc((100vw - 1280px)/2)}}@media(max-width:850px){.hero-sticker{display:none}.hero>.eyebrow{flex-direction:column;gap:3px}.hero-bottom{align-items:flex-start}.section{padding-top:65px;padding-bottom:65px}.projects{gap:18px}.card-body{padding:23px}.card-body h3{font-size:30px}.pipeline span{padding:10px 6px;font-size:11px}.project-art{padding:18px;height:180px}.blocks{gap:5px}.blocks span{width:45px;height:48px;font-size:15px}.code-art{font-size:24px}.about{gap:7%}}@media(max-width:600px){header{padding:20px 6%}nav{gap:17px}nav a{font-size:13px}.nav-resume{padding:7px 12px}.brand{font-size:31px}.brand span{font-size:28px}.hero{padding:35px 6% 42px}h1{font-size:clamp(39px,9vw,54px);margin:32px 0;letter-spacing:-.06em}.hero-bottom{flex-direction:column;gap:25px}.hero-bottom p{font-size:15px}.button{padding:13px 22px}.ticker{font-size:12px;gap:24px}.section{padding:52px 6%}.section-head{display:block}.section-head>p{margin-top:22px}.projects{grid-template-columns:1fr;gap:24px}.project-art{height:190px}.pipeline span{font-size:13px;padding:14px 10px}.pipeline i{width:25px}.timer strong{font-size:58px}.card-body h3{font-size:35px}.card-body>p:not(.project-kicker){min-height:0}.about{grid-template-columns:1fr;gap:48px}.toolkit{padding-top:0}.skills span{font-size:15px;padding:8px 14px}.contact h2{font-size:45px}.contact>p:not(.eyebrow){font-size:15px}footer{flex-wrap:wrap;padding:25px 6%}footer p{order:3;width:100%;margin:0}.filters button{padding:8px 15px}.hero>.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}