:root{--ink:#22241e;--paper:#f1eee7;--clay:#c66d4d;--line:#cfcac0;--muted:#77746d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}.example-bar{padding:10px 24px;background:var(--ink);color:#f8f6ef;display:flex;justify-content:center;gap:24px;font-size:12px;letter-spacing:.02em}.example-bar b{color:#e6a083;font-size:10px;letter-spacing:.14em}.example-bar a{text-decoration:underline;text-underline-offset:3px}.site-head{padding:30px 0;display:flex;align-items:center;justify-content:space-between}.logo{font:600 27px/ .8 Fraunces,serif;letter-spacing:-.08em}.logo i{font-weight:500;margin-left:28px}.site-head nav{display:flex;gap:34px;color:#69665f}.site-head nav a:hover,.text-link:hover{color:var(--clay)}.menu{display:none;background:none;border:0;font:inherit}.hero{display:grid;grid-template-columns:44% 56%;min-height:630px;align-items:center;gap:40px;padding:70px 0 110px}.kicker,.meta{color:var(--clay);text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:600;margin:0 0 22px}.hero h1,.statement h2,.contact h2{font:500 clamp(55px,8vw,104px)/.9 Fraunces,serif;letter-spacing:-.07em;margin:0}.hero h1 em,.statement h2 em,.contact h2 em{color:var(--clay);font-style:italic}.intro{color:var(--muted);max-width:330px;font-size:17px;margin:35px 0}.arrow-link,.text-link{font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:6px}.arrow-link span{margin-left:28px;color:var(--clay)}.hero-image{height:590px;position:relative}.hero-image img{height:100%;width:100%;object-fit:cover}.hero-image span{position:absolute;bottom:16px;left:16px;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.statement{border-top:1px solid var(--line);padding:100px 0;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:34px}.statement h2{font-size:clamp(42px,5vw,70px)}.statement-text{color:var(--muted);max-width:290px}.statement-text p{margin:0 0 26px}.work{padding:0 0 120px}.section-top{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between}.section-top .kicker{margin:0}.project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px 28px;align-items:start}.project-large{grid-row:span 2}.project-image{min-height:360px;background-size:cover;background-position:center}.project-large .project-image{min-height:650px}.img-one{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1200&q=85')}.img-two{background-image:url('https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=1000&q=85')}.img-three{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1000&q=85')}.project h3,.process h3{font:500 30px/1.1 Fraunces,serif;margin:10px 0}.project p:not(.meta),.process p{color:var(--muted);margin:0}.meta{margin:18px 0 0;font-size:10px}.process{border-top:1px solid var(--line);padding:30px 0 110px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.process-grid span{font:italic 22px Fraunces;color:var(--clay)}.process h3{margin-top:28px}.contact{border-top:1px solid var(--line);padding:80px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(48px,6vw,82px)}form{display:grid;gap:20px}label{font-size:12px;color:var(--muted)}input,textarea{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;font:inherit;color:var(--ink);resize:vertical}input:focus,textarea:focus{outline:0;border-color:var(--clay)}button{justify-self:start;margin-top:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;padding:14px 18px;font:600 14px inherit;cursor:pointer}button span{margin-left:25px;color:#e6a083}.form-status{color:var(--clay);font-size:13px}footer{border-top:1px solid var(--line);padding:24px 0 50px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer a{color:var(--ink);text-decoration:underline}@media(max-width:760px){.wrap{width:calc(100% - 28px)}.example-bar{padding:10px 14px;flex-direction:column;align-items:center;gap:2px;text-align:center}.site-head{padding:22px 0}.site-head nav{display:none}.menu{display:block}.hero{display:flex;flex-direction:column;padding:46px 0 72px;align-items:stretch}.hero-image{height:420px;order:-1}.hero h1{font-size:64px}.statement,.contact{display:block;padding:70px 0}.statement h2{margin:8px 0 28px}.process{padding-bottom:75px}.process-grid{grid-template-columns:1fr;gap:36px}.project-grid{display:block}.project{margin-bottom:50px}.project-large .project-image{min-height:430px}.project-image{min-height:300px}.contact form{margin-top:50px}footer{display:block}footer span{display:block;margin-bottom:8px}}
.site-head{position:relative}
@media(max-width:760px){.site-head nav.open{display:flex;position:absolute;z-index:5;top:68px;right:0;background:var(--paper);padding:18px;flex-direction:column;gap:14px;border:1px solid var(--line)}}
.dashboard-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:4px;font-weight:600}.profile-builder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:95px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.profile-builder h2{font:500 clamp(48px,6vw,82px)/.9 Fraunces,serif;letter-spacing:-.07em;margin:0}.profile-builder h2 em{color:var(--clay);font-style:italic}.profile-intro{color:var(--muted);max-width:320px;font-size:17px;margin-top:28px}.profile-builder form{display:grid;gap:18px}.profile-builder label{font-size:12px;color:var(--muted)}.profile-builder select{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;font:inherit;color:var(--ink)}.profile-result{border-left:3px solid var(--clay);background:#fff;padding:16px;font-size:14px}.profile-result p{margin:8px 0;color:var(--muted)}.profile-result small{color:var(--muted)}.save-project{margin-top:16px;border:0;background:transparent;padding:0;font:600 13px inherit;color:var(--clay);cursor:pointer}.save-project:hover{text-decoration:underline}@media(max-width:760px){.dashboard-link{display:none}.profile-builder{display:block;padding:70px 0}.profile-builder form{margin-top:45px}}
 .project-detail{margin-top:16px;padding:16px;border-top:1px solid currentColor}.project-detail p{margin:8px 0;color:#6f625c}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:38px!important}select:focus{outline:3px solid #c66d4d2e!important;border-color:var(--clay)!important}