:root{--paper:#f8f8f5;--ink:#252723;--accent:#6c7360;--surface:#edede6;--line:#d9dcd3;--muted:#626b57}.brand{font-size:19px;letter-spacing:-.035em;font-weight:500}.nav{height:76px}.nav-links{font-size:12px;gap:40px}.nav-actions .plain{border-bottom:1px solid #9da48e;padding:5px 0}.sable-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-top:55px;padding-bottom:45px}.sable-intro>div:first-child{display:flex;align-items:end;gap:90px}.sable-intro h1{font-size:clamp(42px,4.5vw,65px);line-height:1.07;letter-spacing:-.045em;font-weight:400}.sable-intro p{font-size:13px;line-height:1.7;color:#616d53;margin-bottom:5px}.sable-intro-meta{display:flex;align-items:start;flex-direction:column;gap:6px;font-size:10px;color:#626f52;min-width:185px}.sable-intro-meta .text-link{color:#3e4832;font-size:11px;margin-top:25px;gap:36px;border:0}.sable-cover{padding-bottom:0}.cover-photo{height:620px;position:relative;overflow:hidden}.cover-photo>img{height:100%;object-position:center 58%}.cover-label{position:absolute;bottom:25px;left:25px;color:#fff;font-size:13px;text-shadow:0 1px 10px #0006}.cover-meta{display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#626f52;padding:20px 0;border-bottom:1px solid var(--line)}.cover-meta>span:first-child{color:#4d5840}.project-section-head{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:45px;font-size:12px}.project-section-head .filter{gap:25px}.projects{display:grid;grid-template-columns:1.15fr 1fr;gap:90px 65px;align-items:start}.project.offset{padding-top:115px}.project-open{display:block;width:100%;border:0;padding:0;text-align:left}.project-photo{height:490px;position:relative;overflow:hidden}.project.offset .project-photo{height:440px}.project-photo>img{height:100%;transition:transform .6s}.project-open:hover img{transform:scale(1.025)}.project-number{position:absolute;top:18px;left:18px;color:#fff;font-size:10px;text-shadow:0 1px 5px #0007}.project-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:20px}.project h3{font-size:21px;font-weight:400;letter-spacing:-.025em;line-height:1.25}.project-heading>span{font-size:18px;color:#7c896b}.project-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#697657;margin-top:8px}.sable-approach{background:#e9ece2;padding:80px 0}.approach-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.approach-intro>.eyebrow{color:#626f51;padding-top:7px}.approach-intro h2{font-size:48px;line-height:1.08;letter-spacing:-.04em;color:#39452d}.approach-intro p{font-size:14px;line-height:1.8;color:#626f51;max-width:440px;margin:30px 0 0}.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:70px}.approach-steps article{border-top:1px solid #c2cbb3;padding-top:20px}.approach-steps span{font-size:10px;color:#687854}.approach-steps h3{font-size:20px;line-height:1.2;letter-spacing:-.025em;margin:25px 0 15px;color:#46563a}.approach-steps p{font-size:12px;line-height:1.7;color:#62734d;max-width:280px}.sable-studio{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.studio-photo{aspect-ratio:1.1}.studio-photo>img{height:100%;object-position:35% 50%}.studio-copy{max-width:420px}.studio-copy>.eyebrow{color:#697956}.studio-copy h2{font-size:37px;line-height:1.1;margin:25px 0;letter-spacing:-.035em;color:#3e4b32}.studio-copy p{font-size:14px;line-height:1.8;color:#62734d;margin:20px 0}.studio-copy .text-link{margin-top:15px;font-size:12px;color:#4e603e}.sable-contact{padding-top:45px;padding-bottom:60px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;align-items:start}.sable-contact>span{font-size:12px;color:#62774d;padding-top:7px}.sable-contact>button{font-size:43px;font-weight:400;letter-spacing:-.04em;line-height:1.12;border:0;padding:0;text-align:left;position:relative;min-width:50%;color:#4b603b}.sable-contact button>span{position:absolute;right:0;top:0;font-size:35px;color:#71875b}.site-footer{background:#f1f3ec}.site-footer .brand{font-size:19px}.site-footer .footer-links{color:#667b51}#project-dialog{width:min(900px,95%)}#project-image{height:auto;max-height:450px;margin:20px 0;object-fit:cover}#project-dialog h2{font-size:32px}.project-open:focus-visible{outline-offset:8px}@media(max-width:1100px){.sable-intro>div:first-child{gap:45px}.sable-intro p{font-size:12px}.projects{gap:70px 40px}.project-photo{height:420px}.project.offset .project-photo{height:380px}.sable-studio{gap:60px}}@media(max-width:900px){.sable-intro>div:first-child{display:block}.sable-intro p{margin-top:25px;font-size:13px}.cover-photo{height:530px}.project-photo{height:350px}.project.offset .project-photo{height:320px}.project.offset{padding-top:80px}.approach-intro h2{font-size:40px}.studio-copy h2{font-size:32px}.sable-contact>button{font-size:36px;min-width:55%}}@media(max-width:700px){.nav{height:66px}.sable-intro{padding-top:35px;padding-bottom:30px;align-items:start;flex-direction:column;gap:25px}.sable-intro h1{font-size:45px}.sable-intro p{margin-top:22px;font-size:12px}.sable-intro-meta{width:100%;flex-direction:row;flex-wrap:wrap;gap:8px 25px;font-size:9px}.sable-intro-meta .text-link{margin-top:8px;width:100%;justify-content:space-between}.cover-photo{height:390px}.cover-label{left:18px;bottom:18px;font-size:11px}.cover-meta{font-size:9px;padding:15px 0;flex-wrap:wrap;gap:7px 20px}.cover-meta>span:nth-child(2){order:3;width:100%}.project-section-head{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.projects{grid-template-columns:1fr;gap:40px}.project.offset{padding-top:0}.project-photo,.project.offset .project-photo{height:auto;aspect-ratio:1.1}.project h3{font-size:23px}.project-heading{margin-top:16px}.sable-approach{padding:50px 0}.approach-intro{grid-template-columns:1fr;gap:25px}.approach-intro h2{font-size:36px}.approach-intro p{font-size:13px;margin-top:25px}.approach-steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.approach-steps h3{margin:15px 0 12px}.approach-steps p{max-width:100%}.sable-studio{grid-template-columns:1fr;gap:35px}.studio-copy h2{font-size:33px}.studio-copy p{font-size:13px}.sable-contact{flex-direction:column;gap:25px;padding-top:35px;padding-bottom:45px}.sable-contact>button{font-size:33px;width:100%;min-width:0;padding-right:25px}.sable-contact button>span{font-size:25px}}