@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{--ink:#172722;--muted:#6d7770;--paper:#f6f6f0;--line:#d8ded5;--accent:#a6b8a3;--deep:#203c32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.wordmark{font:800 28px Manrope,sans-serif;letter-spacing:-2px}.dot{color:#849f82}.nav nav{display:flex;gap:38px;font-size:13px;font-weight:600}.nav nav a{color:var(--muted);transition:color .2s}.nav nav a:hover,.nav nav .active{color:var(--ink)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.status-dot{display:inline-block;width:7px;height:7px;background:#6f9a7a;border-radius:50%;margin-right:9px}.hero{padding:124px 0 32px;min-height:710px}.hero h1,.contact-page h1{font:800 clamp(64px,8.5vw,128px)/1.04 Manrope,sans-serif;letter-spacing:-.085em;margin:27px 0 30px}.hero h1 em,.about h2 em,.contact-strip h2 em,.contact-page h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em;color:#829d82}.lead{font-size:18px;line-height:1.8;max-width:530px;color:#65736a}.hero-links{display:flex;align-items:center;gap:32px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--deep);border:1px solid var(--deep);color:white;padding:17px 22px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#355747;transform:translateY(-2px)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-index{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:110px;font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}.section{padding:115px 0}.projects{background:#eaece5}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.section-heading h2,.about h2,.contact-strip h2{font:800 clamp(50px,6vw,80px)/1.1 Manrope,sans-serif;letter-spacing:-.07em;margin:16px 0 0}.section-heading>p{color:var(--muted);font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-art{height:285px;position:relative;overflow:hidden;padding:22px;display:flex;align-items:center;justify-content:center}.art-one{background:#283f35;color:#c3d2bd}.art-two{background:#b9c9b5;color:#21382d}.art-three{background:#d7d0bf;color:#36483e}.art-label,.art-bottom{position:absolute;left:22px;font-size:10px;letter-spacing:1.5px;font-weight:700}.art-label{top:22px}.art-bottom{bottom:22px}.binary{font:500 26px/1.25 monospace;letter-spacing:10px;opacity:.75;transform:rotate(-8deg)}.cards{display:flex;transform:rotate(-8deg)}.cards span{width:85px;height:125px;background:#f7f6ee;border:1px solid #859887;border-radius:5px;margin-left:-15px;padding:12px;font:36px Georgia,serif;box-shadow:6px 8px 0 #233d3320}.cards small{display:block;font-size:16px}.cards span:nth-child(2){color:#a3534c;transform:translateY(-15px)}.queue{width:80%;display:grid;gap:9px}.queue span{background:#f0ede4;border:1px solid #b9b8aa;padding:13px;display:flex;justify-content:space-between;font:600 11px monospace}.queue b{color:#6d8775}.project-meta{display:flex;justify-content:space-between;color:#6d7770;font-size:11px;margin-top:23px}.project h3{font:800 22px Manrope,sans-serif;letter-spacing:-.04em;margin:14px 0 8px}.project p{font-size:14px;line-height:1.8;color:#69756d;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:145px;padding-bottom:145px}.about h2{margin-top:30px}.about-right{padding-top:30px}.about-right>p{font-size:15px;line-height:1.9;color:#65736a}.about-right .about-intro{font-size:22px;line-height:1.65;color:var(--ink);margin-top:0}.skills{border-top:1px solid var(--line);margin-top:40px;padding-top:20px}.skills h3{font-size:13px}.skills p,.about-note{font-size:14px;line-height:1.9;color:var(--muted)}.about-note{margin-top:28px}.contact-strip{background:var(--deep);color:#f6f6f0;padding:100px 0}.strip-inner{display:flex;justify-content:space-between;align-items:end}.contact-strip h2{margin-top:25px}.circle-link{width:90px;height:90px;border:1px solid #849c8e;border-radius:50%;display:grid;place-items:center;font-size:36px;transition:background .2s}.circle-link:hover{background:#365749}.footer{display:flex;justify-content:space-between;gap:20px;padding:34px 0;font-size:12px;color:var(--muted)}.footer a:hover{color:var(--ink)}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:110px;padding-bottom:170px;min-height:720px}.contact-page h1{font-size:clamp(60px,6vw,94px)}.contact-page .text-link{display:inline-block;margin-top:24px}.contact-form{display:flex;flex-direction:column;padding-top:22px}.contact-form label{font-size:12px;font-weight:700;margin-bottom:10px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:transparent;padding:15px 16px;color:var(--ink);border-radius:0;outline:none;margin-bottom:25px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--deep)}.contact-form .button{align-self:flex-start}.form-note,#form-status{font-size:12px;color:var(--muted);line-height:1.6}.trap{position:absolute;left:-9999px;opacity:0}.contact-form button:disabled{opacity:.6;cursor:wait}@media(max-width:760px){.wrap{width:min(100% - 36px,1160px)}.nav{height:76px}.nav nav{gap:18px}.hero{padding-top:90px;min-height:auto}.hero h1{font-size:clamp(55px,11vw,82px)}.hero-index{margin-top:90px}.section{padding:80px 0}.section-heading{display:block}.section-heading>p{margin-top:15px}.project-grid{grid-template-columns:1fr;gap:45px}.project-art{height:290px}.about,.contact-page{grid-template-columns:1fr;gap:30px}.about{padding-top:90px;padding-bottom:90px}.about-right{padding-top:0}.contact-strip{padding:75px 0}.circle-link{width:65px;height:65px;font-size:28px}.contact-page{padding-top:70px;padding-bottom:90px}.footer{flex-wrap:wrap}.lead{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}