@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap";:root{color:#f2f0e9;font-synthesis:none;background:#0a0a0a;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0a0a0a;min-width:320px;margin:0}a{color:inherit;text-decoration:none}main{width:min(100%,1440px);margin:0 auto;padding:0 5.5vw;overflow:hidden}nav{border-bottom:1px solid #2b2b28;justify-content:space-between;align-items:center;height:112px;display:flex}.mark{letter-spacing:-.04em;font-size:17px;font-weight:600}.mark span,h1 span{color:#cbff42}.nav-links{color:#aaa9a3;gap:38px;font-size:13px;display:flex}.nav-links a,.footer-bottom a{transition:color .2s}.nav-links a:hover,.footer-bottom a:hover{color:#cbff42}.hero{flex-direction:column;justify-content:center;height:calc(100vh - 112px);min-height:720px;max-height:890px;display:flex;position:relative}.hero:after{content:"";z-index:-1;border:1px solid #1b1b19;border-radius:50%;width:430px;height:430px;position:absolute;top:14%;right:-15%;box-shadow:0 0 0 90px #0d0d0c,0 0 0 91px #171715}.eyebrow,.section-heading,.project-meta{text-transform:uppercase;letter-spacing:.12em;color:#85857f;font-family:DM Mono,monospace;font-size:10px}.eyebrow{align-items:center;gap:11px;margin-bottom:34px;display:flex}.eyebrow span{background:#cbff42;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #cbff4266}h1{letter-spacing:-.075em;margin:0;font-size:clamp(76px,11.5vw,164px);font-weight:300;line-height:.82}.lede{letter-spacing:-.035em;margin:52px 0 9px;font-size:clamp(19px,2.1vw,28px);font-weight:300}.bio{color:#8f8f89;margin:0;font-size:14px}.bio span{color:#bbb9b2}.email-link{border-bottom:1px solid #696961;align-self:flex-start;align-items:center;gap:8px;margin-top:35px;padding-bottom:6px;font-family:DM Mono,monospace;font-size:12px;display:flex}svg{fill:none;stroke:currentColor;stroke-width:1.25px;width:15px;height:15px;transition:transform .2s}a:hover svg{transform:translate(2px,-2px)}.work,.about{border-top:1px solid #2b2b28;padding:120px 0}.section-heading{justify-content:space-between;margin-bottom:53px;display:flex}.section-heading p{color:#dedcd5;margin:0}.project-grid{border-top:1px solid #30302d;border-left:1px solid #30302d;grid-template-columns:repeat(2,1fr);display:grid}.project-card{background:#0a0a0a;border-bottom:1px solid #30302d;border-right:1px solid #30302d;flex-direction:column;justify-content:space-between;min-height:340px;padding:28px 30px 32px;transition:background .25s;display:flex}.project-card:hover{background:#11110f}.project-top{color:#7d7d77;justify-content:space-between;font-family:DM Mono,monospace;font-size:10px;display:flex}.project-card:hover .project-top{color:#cbff42}.project-meta{color:#7d7d77;margin:0 0 13px}.project-card h3{letter-spacing:-.055em;margin:0;font-size:clamp(29px,3.2vw,44px);font-weight:300}.project-description{color:#8e8e88;max-width:390px;margin:19px 0 0;font-size:13px;line-height:1.65}.about-grid{grid-template-columns:1.4fr 1fr;gap:12vw;display:grid}.statement{letter-spacing:-.055em;max-width:680px;margin:0;font-size:clamp(32px,4.5vw,64px);font-weight:300;line-height:1.1}.skills{padding-top:8px}.skills>p{color:#7d7d77;text-transform:uppercase;letter-spacing:.12em;font-family:DM Mono,monospace;font-size:10px}.skills ul{margin:30px 0 0;padding:0;list-style:none}.skills li{border-top:1px solid #292927;padding:13px 0;font-size:14px}.skills li:last-child{border-bottom:1px solid #292927}footer{border-top:1px solid #2b2b28;padding:125px 0 38px}footer>p{color:#868680;text-transform:uppercase;letter-spacing:.12em;font-family:DM Mono,monospace;font-size:10px}.footer-email{letter-spacing:-.075em;align-items:center;gap:20px;width:fit-content;font-size:clamp(58px,10vw,140px);font-weight:300;line-height:1.15;display:flex}.footer-email svg{color:#cbff42;width:.5em;height:.5em}.footer-bottom{color:#7d7d77;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #292927;justify-content:space-between;align-items:flex-end;margin-top:125px;padding-top:25px;font-family:DM Mono,monospace;font-size:10px;display:flex}.footer-bottom div{gap:30px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){main{padding:0 22px}nav{height:84px}.hero{height:calc(100svh - 84px);min-height:660px}h1{font-size:clamp(68px,22vw,108px)}.hero:after{width:260px;height:260px;right:-42%}.project-grid{grid-template-columns:1fr}.project-card{min-height:285px}.work,.about{padding:85px 0}.about-grid{grid-template-columns:1fr;gap:65px}.footer-email{font-size:19vw}.footer-bottom{flex-direction:column-reverse;align-items:flex-start;gap:24px;margin-top:90px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
