.commission-hero{position:relative;min-height:85svh;overflow:hidden;isolation:isolate;background:#c9c7b6;color:#24382b;padding:100px 8% 130px;display:flex;align-items:center}.commission-heading{position:relative;z-index:1;max-width:1000px}.commission-heading>.eyebrow{color:#6e5239}.commission-heading h1{font:clamp(65px,7.8vw,125px)/.97 var(--serif);letter-spacing:-.055em;margin:35px 0}.commission-heading h1 em{color:#7e533c}.commission-heading p{font-size:16px;line-height:1.8;max-width:490px}.commission-heading .text-link{color:#28412e;margin-top:20px;display:inline-block}.commission-axis{position:absolute;left:8%;right:8%;bottom:35px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #84917b;padding-top:20px}.commission-axis>span{font:22px var(--serif)}.commission-axis small{font-size:8px;letter-spacing:.15em;align-self:center}.spatial-lines{position:absolute;inset:-15% -10% -15% 40%;transform:translateY(calc(var(--commission-shift,0)*1px)) rotate(-20deg);opacity:.45;pointer-events:none}.spatial-lines i{position:absolute;border:1px solid #65775e;width:60%;height:70%;top:15%;left:20%;transform:skewY(12deg)}.spatial-lines i:nth-child(2){transform:translate(50px,-45px) skewY(12deg)}.spatial-lines i:nth-child(3){transform:translate(100px,-90px) skewY(12deg)}.spatial-lines i:nth-child(4){transform:translate(150px,-135px) skewY(12deg)}.commission-residence{background:#d6c9b6}.commission-commercial{background:#c1c8bf}.commission-community{background:#c3c9ad}.commission-commercial .spatial-lines{transform:translateY(calc(var(--commission-shift,0)*1px)) rotate(0);inset:-10% -15% -10% 40%}.commission-community .spatial-lines i{width:35%;height:40%}.commission-community .spatial-lines i:nth-child(2){transform:translate(180px,0) skewY(12deg)}.commission-community .spatial-lines i:nth-child(3){transform:translate(0,220px) skewY(12deg)}.commission-community .spatial-lines i:nth-child(4){transform:translate(180px,220px) skewY(12deg)}.project-rail{display:flex;justify-content:space-between;gap:20px;padding:22px 8%;background:#26372b;border-bottom:1px solid #5d6c52}.project-rail a{font-size:11px;padding:8px 0;border-bottom:1px solid transparent}.project-rail a:hover{border-color:#dba37d}.commission-question{padding-top:120px;padding-bottom:120px}.project-onward{padding:80px 8%;background:#dbd7c8;color:#293c2d}.project-onward>.eyebrow{color:#785139}.project-onward>a:first-of-type{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid #9da78f;border-bottom:1px solid #9da78f;padding:35px 0;margin:25px 0}.project-onward a span{font:clamp(34px,4vw,64px) var(--serif);letter-spacing:-.035em}.project-onward small{font-size:11px}.project-onward .text-link{color:#293c2d}.contact-opening h1 em{font-weight:400;color:#eed1b3}.contact-grid .contact-side{position:sticky;top:45px;align-self:start}.brief-heading{border-bottom:1px solid #728063;padding-bottom:25px;margin-bottom:10px}.brief-heading h2{font:clamp(43px,4vw,65px)/1.05 var(--serif);letter-spacing:-.04em;margin:20px 0}.brief-heading p{font-size:13px;color:#c6cdbd}.brief-progress{height:3px;background:#4b5c44;margin-top:30px}.brief-progress span{height:100%;display:block;background:#d89a70;transform:scaleX(var(--brief-progress,0));transform-origin:left;transition:transform .3s}.brief-completion{font-size:10px!important;margin:12px 0 0}.contact-grid form label{transition:border-color .3s}.contact-grid form input:focus,.contact-grid form textarea:focus,.contact-grid form select:focus{outline:2px solid #d19b73;outline-offset:3px}#your-project,[id^=project-]{scroll-margin-top:25px}
@media(max-width:760px){.commission-hero{padding:70px 24px 120px;min-height:80svh}.commission-heading h1{font-size:59px;margin:25px 0}.commission-heading p{font-size:14px}.commission-heading>.eyebrow{font-size:8px}.commission-axis{left:24px;right:24px;bottom:25px;flex-direction:column;gap:12px}.commission-axis>span{font-size:20px}.commission-axis small{align-self:flex-start;font-size:7px}.spatial-lines{inset:10% -60% 0 35%;opacity:.24}.project-rail{padding:15px 24px;gap:15px;overflow:auto}.project-rail a{font-size:10px;white-space:nowrap}.commission-question{padding-top:65px;padding-bottom:65px}.project-onward{padding:55px 24px}.project-onward>a:first-of-type{align-items:flex-start;flex-direction:column;gap:15px}.project-onward a span{font-size:38px}.contact-grid .contact-side{position:static}.brief-heading h2{font-size:45px}.contact-opening .experience-heading h1{font-size:68px}}
@media(prefers-reduced-motion:reduce){.spatial-lines{transform:none!important}.brief-progress span{transition:none}}