@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#292b28;--paper:#faf9f6;--muted:#686c64;--olive:#596249;--line:#d9dcd2;--photo:#e9eae2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--olive);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(3rem,6.5vw,6.6rem);letter-spacing:-.055em}h2{font-size:clamp(2.6rem,4.5vw,4.6rem);letter-spacing:-.04em}h3{font-size:2rem;letter-spacing:-.03em}.wrap{max-width:1440px;margin:auto;padding:0 6%}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:600;color:var(--olive)}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{font-family:Georgia,serif;font-size:30px;line-height:1.05;letter-spacing:-.04em}.brand small{font-family:'DM Sans',sans-serif;display:block;text-transform:uppercase;font-size:10px;letter-spacing:.3em;margin-top:9px}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav a.active{border-bottom:1px solid var(--olive)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;background:var(--olive);color:white;font-size:14px;border:1px solid var(--olive);cursor:pointer;transition:background .2s}.btn:hover{background:#424b34}.btn.outline{color:var(--ink);background:transparent;border-color:var(--line)}.btn.outline:hover{background:#eceee6}.menu{display:none;background:none;border:1px solid var(--line);padding:8px 15px}.hero{padding:64px 0 52px;display:grid;grid-template-columns:.94fr 1.06fr;gap:7%;align-items:center}.hero h1{margin:22px 0 30px}.hero p{max-width:425px;color:var(--muted);margin-bottom:30px}.hero .photo{height:570px}.photo{background:var(--photo);position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;border:1px solid #dde0d4;overflow:hidden}.photo:before{content:'';position:absolute;inset:20px;border:1px solid #cbd0c1}.photo span{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#77816a;text-align:center;padding:28px}.photo span:before{content:'+';display:block;font-size:30px;line-height:1;margin-bottom:14px;font-weight:400}.caption{display:flex;justify-content:space-between;gap:20px;margin-top:13px;color:var(--muted);font-size:12px;letter-spacing:.03em}.intro-line{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:23px 0;font-size:12px;text-transform:uppercase;letter-spacing:.13em}.section{padding:100px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head .eyebrow{margin-bottom:17px}.section-head p{max-width:390px;color:var(--muted)}.underlink{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:4px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:45px}.project .photo{height:390px;transition:background .25s}.project:hover .photo{background:#dce1d2}.project h3{margin:22px 0 7px;font-size:27px}.project p{font-size:14px;color:var(--muted)}.project:nth-child(2){padding-top:100px}.story{display:grid;grid-template-columns:.85fr 1fr;gap:12%;align-items:center}.story .photo{height:520px}.story h2{margin:19px 0 30px}.story p{color:var(--muted);margin-bottom:20px}.signature{font-family:Georgia,serif;font-style:italic;font-size:28px;margin:26px 0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service{padding:30px 28px;border:1px solid var(--line);display:flex;flex-direction:column}.service .num{font-size:13px;letter-spacing:.08em;color:var(--muted);margin-bottom:30px}.service h3{margin-bottom:18px}.service p{color:var(--muted);font-size:14px}.service ul{padding-left:18px;color:var(--muted);font-size:14px;margin:25px 0;flex:1}.service li{padding:4px 0}.price{font-size:14px;padding-top:20px;border-top:1px solid var(--line);margin-bottom:22px}.price strong{font-size:26px;font-weight:400;color:var(--ink);margin-left:8px}.cta{background:var(--olive);color:#fff;padding:76px 7%;display:flex;justify-content:space-between;align-items:center;gap:40px;margin:0 0 80px}.cta h2{font-size:clamp(2.5rem,4vw,4rem);max-width:650px}.cta .btn{background:var(--paper);color:var(--ink);border-color:var(--paper);flex-shrink:0}footer{border-top:1px solid var(--line);padding:45px 0 30px}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer-links{display:flex;gap:28px;font-size:14px}.footer-bottom{margin-top:50px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.page-intro{padding:75px 0 60px;max-width:900px}.page-intro h1{margin:20px 0 28px}.page-intro p{color:var(--muted);max-width:670px}.project-detail{display:grid;grid-template-columns:.6fr 1fr;gap:8%;margin-bottom:100px}.project-detail h2{font-size:3rem;margin:20px 0}.project-detail p{color:var(--muted)}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px}.before-after .photo{height:380px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:100px}.contact-card{padding:40px;border:1px solid var(--line)}.contact-card h3{margin:20px 0}.contact-card p{color:var(--muted);margin-bottom:28px}.contact-card .btn{margin-top:10px}.contact-card ul{color:var(--muted);padding-left:20px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;z-index:10;padding:10px}.reveal{animation:rise .65s ease both}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}@media(max-width:900px){.wrap{padding:0 5%}header{height:90px}.brand{font-size:25px}nav{gap:20px}.hero{gap:6%;padding:45px 0}.hero .photo{height:430px}.services{grid-template-columns:1fr}.service{padding:30px}.story{gap:7%}.section{padding:70px 0}.project .photo{height:300px}.project-detail{grid-template-columns:1fr}.cta{padding:45px;display:block}.cta .btn{margin-top:30px}}@media(max-width:620px){.menu{display:block}header{position:relative}nav{display:none;position:absolute;top:89px;left:-5.6%;right:-5.6%;z-index:5;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{grid-template-columns:1fr;gap:40px}.hero h1{font-size:3.6rem}.hero .photo{height:400px}.intro-line{font-size:10px;gap:12px;flex-wrap:wrap}.section-head{display:block}.section-head p,.section-head>a{display:inline-block;margin-top:25px}.projects,.story,.contact-grid{grid-template-columns:1fr}.project:nth-child(2){padding-top:0}.projects{gap:40px}.story .photo{height:400px}.story>div+div{margin-top:25px}.footer-top{display:block}.footer-links{flex-wrap:wrap;margin-top:30px}.footer-bottom{gap:20px}.cta{padding:35px 25px;margin-bottom:55px}.page-intro{padding:55px 0}.before-after .photo{min-height:180px;height:260px}.project-detail{margin-bottom:60px}.contact-card{padding:28px}}

.photo.filled{border:0}.photo.filled:before{display:none}.photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.photo.portrait img{object-position:50% 35%}.before-after .photo img{object-fit:contain}.before-after .photo{background:#ecece7}