:root{--bg:#eeeee8;--ink:#181b1c;--accent:#e3422c;--line:#a8aaa4;--font:Arial,Helvetica,sans-serif}html[data-theme=dark]{--bg:#171a1c;--ink:#eceee8;--line:#595c5d;--accent:#ff795d}.nav{padding:30px 4vw;border-bottom:1px solid var(--ink)}.wordmark{font-size:21px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.red-square{display:inline-block;background:var(--accent);width:15px;height:15px}.index-hero{padding:30px 4vw 0}.index-meta,.index-rule{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:9px;letter-spacing:1px}.index-meta span:last-child,.index-rule span:last-child{text-align:right}.index-title{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:55px 0 50px}.index-title h1{font-size:clamp(110px,19vw,280px);line-height:.82;letter-spacing:-.085em;margin:0;position:relative}.index-title h1>span{position:absolute;font-size:40px;top:54%;color:var(--accent);margin-left:20px}.index-title>div{align-self:end;border-top:8px solid var(--accent);padding-top:22px}.index-title p{font-size:26px;line-height:1.25;letter-spacing:-1px}.index-title a{display:block;font-size:12px;margin-top:60px}.index-rule{border-block:1px solid var(--ink);padding:20px 0}.index-work{display:grid;grid-template-columns:1fr 3fr;padding:55px 4vw;gap:30px}.index-section-label{font-size:10px;letter-spacing:1px}.project-list{gap:15px}.project-list>a{border:0;padding:0}.project-list>a:before{content:'↗';background:var(--accent);display:flex;align-items:center;justify-content:center;height:240px;color:#eceee8;font-size:120px;line-height:1;margin-bottom:25px}.project-list>a:nth-child(2):before{content:'+';background:#c3c7b8;color:#2b2f27}.project-list>a:nth-child(3):before{content:'A';background:#c4cfda;color:#344251;font-weight:bold}.project-list h3{font-size:30px;margin:22px 0 12px}.project-list p{font-size:12px}.section{padding:75px 4vw;border-bottom:1px solid var(--ink)}.wins>h2{font-size:80px}.win-items{gap:30px}.win-items h3{font-weight:bold;font-size:40px}.about{display:grid;grid-template-columns:1fr 2fr;column-gap:50px}.about .overline{grid-column:1}.about h2{grid-column:2;font-size:65px}.about>p:not(.overline){grid-column:2;margin-left:0}.contact{background:var(--accent);color:#171a1c}.contact h2{font-size:15vw;margin-bottom:60px}.foot{border:0}
@media(max-width:760px){.index-meta,.index-rule{font-size:7px;gap:15px}.index-title{grid-template-columns:1fr;padding:40px 0;gap:35px}.index-title h1{font-size:27vw}.index-title h1>span{font-size:25px;margin-left:15px}.index-title>div{max-width:220px;margin-left:auto}.index-title p{font-size:21px}.index-title a{margin-top:25px}.index-work{grid-template-columns:1fr;padding:45px 20px}.project-list{gap:40px}.project-list>a:before{height:240px}.about{display:block}.about h2,.wins>h2{font-size:46px}.contact h2{font-size:18vw}.section{padding-inline:20px}.wordmark{font-size:18px}}