@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap";:root{color:#232429;font-synthesis:none;text-rendering:optimizelegibility;--ink:#232429;--paper:#f5f4ef;--line:#d8d7d1;--lime:#d7ff64;background:#f5f4ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{z-index:20;padding:28px 0;position:relative}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-1px;font:600 20px Manrope,sans-serif}.logo span{color:#789513}.main-nav{align-items:center;gap:34px;font-size:14px;font-weight:500;display:flex}.main-nav a{transition:opacity .2s}.main-nav a:hover{opacity:.58}.nav-cta{border:1px solid var(--ink);border-radius:999px;padding:11px 18px}.menu-button{background:0 0;border:0;padding:8px;display:none}.hero{height:calc(100svh - 90px);min-height:700px;max-height:880px;padding-top:clamp(85px,13vh,150px);position:relative}.hero-kicker{text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:10px;font-size:12px;display:flex}.hero-kicker span{background:#7f9f15;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #7f9f151f}.hero h1{letter-spacing:-.07em;max-width:950px;margin:23px 0 0;font:500 clamp(68px,9.3vw,134px)/.88 Manrope,sans-serif}.hero h1 em{color:#72736d;font-family:Georgia,serif;font-weight:400}.hero-bottom{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:58px;left:0;right:0}.hero-bottom>p{color:#555650;width:390px;margin:0;font-size:18px;line-height:1.55}.scroll-link{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:16px;font-size:13px;display:flex}.scroll-arrow{border:1px solid var(--line);border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;transition:transform .2s,background .2s;display:grid}.scroll-link:hover .scroll-arrow{background:var(--lime);transform:translateY(4px)}.hero-orbit{border:1px solid var(--line);opacity:.7;border-radius:50%;width:160px;height:160px;position:absolute;top:24%;right:10%}.orbit-dot{background:var(--lime);border-radius:50%;width:17px;height:17px;position:absolute;top:12px;left:18px}.orbit-label{letter-spacing:.2em;font-size:8px;position:absolute;top:74px;right:-48px;transform:rotate(90deg)}.projects-section{background:var(--ink);color:var(--paper);padding:120px 0 130px}.section-heading{grid-template-columns:1fr 2fr auto;align-items:end;margin-bottom:65px;display:grid}.section-heading p,.section-heading span{color:#9c9d97;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:12px}.section-heading h2{letter-spacing:-.05em;margin:0;font:500 clamp(48px,6vw,80px)/.98 Manrope}.project-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card{min-height:440px;color:var(--ink);flex-direction:column;padding:28px;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-8px)}.accent-lime{background:var(--lime)}.accent-lavender{background:#c9c6f5}.accent-peach{background:#f2c6a6}.project-top{justify-content:space-between;align-items:center;font-size:13px;display:flex}.project-arrow{border:1px solid #23242959;border-radius:50%;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.project-content{margin-top:auto}.project-content h3{letter-spacing:-.05em;margin:0 0 18px;font:500 clamp(34px,3.2vw,50px) Manrope}.project-content p{max-width:310px;margin:0;font-size:15px;line-height:1.55}.project-tags{gap:6px;margin-top:28px;display:flex}.project-tags span{text-transform:uppercase;letter-spacing:.06em;border:1px solid #23242947;border-radius:999px;padding:7px 10px;font-size:10px}.card-link{position:absolute;inset:0}.about-section{grid-template-columns:1fr 2fr;gap:40px;padding-top:150px;padding-bottom:160px;display:grid}.about-label{text-transform:uppercase;letter-spacing:.12em;margin:10px 0 0;font-size:12px}.about-copy h2{letter-spacing:-.055em;max-width:780px;margin:0;font:500 clamp(42px,5.2vw,72px)/1.06 Manrope}.about-copy p{color:#64655f;max-width:590px;margin:50px 0 0 auto;font-size:18px;line-height:1.6}.site-footer{background:#d7ff64;padding:100px 0 28px}.footer-top{padding-bottom:100px}.footer-eyebrow{text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px;font-size:12px}.footer-top>a{border-bottom:2px solid var(--ink);letter-spacing:-.06em;justify-content:space-between;align-items:center;padding-bottom:18px;font:500 clamp(46px,7.5vw,100px)/1 Manrope;display:flex}.footer-top>a span{font-size:.55em}.footer-bottom{text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #2324294d;justify-content:space-between;padding-top:24px;font-size:12px;display:flex}.footer-bottom p{margin:0}.not-found{place-content:center;justify-items:start;min-height:100vh;padding:24px;display:grid}.not-found p{text-transform:uppercase;letter-spacing:.1em}.not-found h1{letter-spacing:-.06em;max-width:650px;margin:20px 0 50px;font:500 clamp(48px,8vw,90px)/1 Manrope}.not-found a{border-bottom:1px solid;padding-bottom:5px}@media (width<=800px){.container{width:min(100% - 32px,680px)}.menu-button{z-index:2;gap:6px;display:grid;position:relative}.menu-button span{background:var(--ink);width:24px;height:1px;display:block}.main-nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:100px 24px 35px;font-size:24px;display:none;position:absolute;top:0;left:0;right:0}.main-nav.is-open{display:flex}.hero{height:auto;min-height:680px;padding-top:100px}.hero h1{font-size:clamp(57px,17.5vw,90px)}.hero-orbit{width:110px;height:110px;top:39%;right:10px}.orbit-label{display:none}.hero-bottom{flex-direction:column;align-items:flex-start;gap:35px;bottom:45px}.hero-bottom>p{width:min(100%,400px);font-size:16px}.section-heading{grid-template-columns:1fr auto;gap:28px}.section-heading p{grid-column:1/-1}.project-grid{grid-template-columns:1fr}.project-card{min-height:380px}.about-section{grid-template-columns:1fr;padding-top:100px;padding-bottom:110px}.about-copy p{margin:35px 0 0}.footer-bottom{flex-direction:column;gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}