@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f7f0;--ink:#20251e;--muted:#73776c;--line:#dbded2;--green:#d6ef80}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #658130;outline-offset:6px}.wrap{width:min(1180px,88%);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:30px 0}.logo{font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-4px;font-weight:800}.logo span{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:7px}nav{display:flex;align-items:center;gap:35px;font-size:14px}.nav-contact{border:1px solid var(--line);border-radius:30px;padding:10px 21px}.nav-contact span{margin-left:18px}.hero{padding-top:66px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.7px;text-transform:uppercase}.dot{display:inline-block;background:#6e8f39;width:7px;height:7px;border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(55px,7.8vw,108px);line-height:1.08;letter-spacing:-6px;font-weight:500;margin:28px 0 32px}em{font-family:Georgia,serif;font-weight:400}h1 em{background:linear-gradient(transparent 69%,var(--green) 69%,var(--green) 91%,transparent 91%)}.hero-bottom{display:flex;align-items:center;justify-content:space-between}.hero-bottom p{color:var(--muted);max-width:500px;font-size:16px}.round-link{display:grid;place-items:center;width:72px;height:72px;border:1px solid #b9bfb0;border-radius:50%;font-size:29px;transition:background .2s}.round-link:hover{background:var(--green)}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;margin-top:58px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.section{padding-top:95px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1.15;letter-spacing:-2px;margin-bottom:0}.muted{color:var(--muted);font-size:14px}.section-heading .muted{margin-bottom:3px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-art{height:300px;display:grid;place-items:center;overflow:hidden;border-radius:3px}.studio{background:#e5e6dd}.store{background:#e7dcca}.dashboard{background:#dce2eb}.mock{width:81%;height:77%;box-shadow:0 15px 30px #20251e15;padding:20px;position:relative;overflow:hidden;transition:transform .3s}.project:hover .mock{transform:translateY(-5px) rotate(-1deg)}.mock small{font-size:7px;letter-spacing:1px;display:block}.studio-mock{background:#d3ea84}.studio-mock strong{font-size:36px;line-height:.95;letter-spacing:-2px;display:block;margin-top:22px;font-family:Manrope,sans-serif}.mock span{display:block;font-size:7px;margin-top:17px}.studio-mock i{font-family:Georgia,serif}.store-mock{background:#f7f2e9;text-align:center}.store-mock strong{font-family:Georgia,serif;font-weight:400;font-size:24px;position:relative}.store-mock span{margin-top:4px}.vase{margin:16px auto 5px;width:65px;height:95px;background:linear-gradient(90deg,#ac6f41,#d0a77e 45%,#a66c3e);border-radius:30% 30% 40% 40%;transform:rotate(-7deg);box-shadow:12px 7px 10px #79604122}.dash-mock{background:#fafbf9}.dash-mock strong{font-size:19px;display:block;line-height:1.2;margin-top:24px;letter-spacing:-.8px}.bars{height:76px;display:flex;align-items:end;gap:9px;margin-top:14px;border-bottom:1px solid #dce1d6}.bars i{background:#a3b4da;flex:1;height:45%}.bars i:nth-child(2){height:70%}.bars i:nth-child(3){height:55%;background:#d3ea84}.bars i:nth-child(4){height:90%}.bars i:nth-child(5){height:78%;background:#788db9}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.project-title h3{font-size:19px;letter-spacing:-.6px;font-weight:600;margin:0}.project-title>span{font-size:11px;color:var(--muted)}.project-type{font-size:10px;color:var(--muted);margin:7px 0 12px}.project-description{font-size:13px;color:#686e60;line-height:1.7}.about{background:#ebeee2}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px}.about-copy{font-size:20px;line-height:1.7;max-width:630px;margin:29px 0 18px}.about .muted{max-width:570px}.skills{display:flex;flex-wrap:wrap;gap:9px;margin-top:29px}.skills span{font-size:12px;padding:7px 15px;border:1px solid #cdd3c1;border-radius:25px}.contact h2{font-size:clamp(45px,6vw,78px);letter-spacing:-3px;margin:26px 0 30px}.email{display:inline-block;font-size:clamp(19px,3vw,30px);border-bottom:1px solid var(--ink);padding-bottom:5px;margin-bottom:18px}.email span{margin-left:30px}footer{border-top:1px solid var(--line);padding-top:24px!important;padding-bottom:24px!important;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.skip{position:absolute;left:12px;top:-70px;padding:12px;background:var(--green)}.skip:focus{top:12px}@media(max-width:850px){.projects{grid-template-columns:1fr 1fr}.projects .project:last-child{grid-column:1/-1;max-width:calc(50% - 12px)}h1{letter-spacing:-3px}.about-grid{grid-template-columns:1fr;gap:20px}.section{padding-top:65px;padding-bottom:65px}}@media(max-width:550px){.header{padding:20px 0}nav{gap:17px;font-size:12px}.nav-contact{padding:8px 12px}.nav-contact span{margin-left:5px}.hero{padding-top:45px}h1{font-size:51px;letter-spacing:-2.8px}.hero-bottom p{font-size:14px;max-width:78%}.round-link{width:48px;height:48px;flex-shrink:0}.hero-foot{margin-top:35px;font-size:7px;letter-spacing:.7px}.section-heading{display:block}.section-heading .muted{margin-top:20px}.projects{grid-template-columns:1fr;gap:28px}.projects .project:last-child{grid-column:auto;max-width:none}.project-art{height:315px}.mock{max-width:290px}.about-copy{font-size:18px}footer{flex-wrap:wrap;gap:16px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}