:root{--paper:#f5f1e8;--ink:#303b31;--muted:#6c7064;--line:#cfcfc0;--rust:#82523b;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:7px}.skip{position:fixed;top:-70px;background:white;padding:12px;z-index:10}.skip:focus{top:0}.demo{background:#303b31;color:#f5f1e8;padding:8px 5%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.demo a{text-decoration:underline;text-underline-offset:4px}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;gap:30px}.logo{font-family:var(--serif);font-size:29px;letter-spacing:-1.8px}.nav nav{display:flex;gap:30px;font-size:12px}.nav nav a[aria-current=page]{border-bottom:1px solid}.nav .contact{border-bottom:1px solid;padding-bottom:4px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;margin:0 0 22px}.wrap{padding:0 8%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.03;letter-spacing:-2.5px}h1{font-size:clamp(50px,7.8vw,118px)}h2{font-size:clamp(38px,4.8vw,72px)}h3{font-size:29px;letter-spacing:-.6px}p{max-width:590px}em{font-weight:400}.hero{padding:45px 8% 55px;display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:12%}.hero h1{margin-bottom:0}.hero p{font-size:15px;margin-bottom:23px}.arrow{font-size:12px;display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid;padding:8px 0}.arrow span{font-size:23px;line-height:1}.hero-image{margin:0 3%;position:relative;overflow:hidden;height:560px}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.caption{font-size:10px;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:space-between;padding:14px 3%;color:var(--muted)}.section{padding:100px 8%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:10%}.intro h2{max-width:790px}.intro p{max-width:600px;margin-left:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2{margin:0}.projects{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:start}.project:nth-child(2){padding-top:120px}.project img{width:100%;aspect-ratio:4/4.4;object-fit:cover;display:block;transition:transform .8s}.project figure{margin:0;overflow:hidden}.project:hover img{transform:scale(1.025)}.project h3{margin:20px 0 7px}.meta{font-size:11px;letter-spacing:.8px;color:var(--muted);text-transform:uppercase}.dark{background:#303b31;color:var(--paper)}.dark .eyebrow{color:#c9ceb8}.split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.steps{counter-reset:steps}.step{display:grid;grid-template-columns:42px 1fr;border-top:1px solid #6a7467;padding:25px 0;gap:15px}.step:before{counter-increment:steps;content:'0' counter(steps);font-size:11px;padding-top:7px;color:#c2c7b8}.step h3{font-size:26px;margin:0 0 12px}.step p{font-size:14px;opacity:.8;margin-bottom:0}.cta{padding:95px 8%;text-align:center}.cta h2{max-width:850px;margin:0 auto 24px}.button{display:inline-flex;justify-content:center;gap:35px;background:var(--ink);color:var(--paper);padding:17px 26px;font-size:12px;min-height:52px}.button:hover{background:#4f5b48}.button.light{background:var(--paper);color:var(--ink)}.fine{font-size:12px;color:var(--muted);margin:18px auto 0}.footer{border-top:1px solid var(--line);padding:40px 5% 25px}.footer-top{display:flex;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:25px;font-size:12px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:25px}.page-title{padding:65px 8%}.page-title h1{margin-bottom:24px;max-width:1000px}.page-title p{max-width:620px;font-size:17px}.wide-image{width:100%;height:610px;object-fit:cover}.gallery{display:grid;grid-template-columns:1.5fr 1fr;gap:4%;align-items:center}.gallery img{width:100%}.gallery .detail{aspect-ratio:3/4;object-fit:cover;object-position:right}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:30px;border-top:1px solid var(--line)}.fact-grid strong{font-weight:400;display:block;font-family:var(--serif);font-size:25px}.fact-grid span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.quote{font-family:var(--serif);font-size:clamp(28px,4vw,58px);line-height:1.2;letter-spacing:-1px}.service{display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:5%;padding:38px 0;border-top:1px solid var(--line)}.service h3{font-size:35px}.service p{font-size:14px}.service ul{margin:0;padding-left:20px;font-size:13px}.service .price{font-size:12px;color:var(--rust)}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-family:var(--serif);font-size:23px}details p{padding-top:16px;font-size:14px}.note{border-left:2px solid #a28d67;padding:15px 22px;background:#ece8de;font-size:13px}.swatches{display:flex;gap:12px;margin-top:30px}.swatch{width:75px;height:75px;border-radius:50%}.reveal{animation:rise .7s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:800px){.nav{padding:22px 5%;flex-wrap:wrap;gap:17px}.nav nav{gap:20px;order:3;width:100%;justify-content:space-between}.nav .contact{font-size:11px}.hero{grid-template-columns:1fr;gap:28px;padding:40px 6%}.hero h1{max-width:670px}.hero p{max-width:450px}.hero-image{height:440px}.section{padding:65px 6%}.intro,.split{grid-template-columns:1fr;gap:35px}.intro p{margin-left:0}.project:nth-child(2){padding-top:65px}.section-heading{gap:20px}.section-heading .arrow{white-space:nowrap}.page-title{padding:45px 6%}.wide-image{height:450px}.service{grid-template-columns:1fr 1fr}.service>div:first-child{grid-column:1/-1}.footer-top{flex-direction:column}.footer-bottom{flex-direction:column;gap:10px}.cta{padding:65px 6%}}@media(max-width:500px){.demo{font-size:8px;letter-spacing:.7px}.logo{font-size:26px}.nav nav{gap:15px;font-size:11px}h1{font-size:57px;letter-spacing:-2px}h2{letter-spacing:-1.7px}.hero-image{height:340px;margin:0}.caption{font-size:8px;padding:12px 5%}.projects{grid-template-columns:1fr;gap:35px}.project:nth-child(2){padding-top:0}.project img{aspect-ratio:4/3.7}.section-heading{align-items:start;flex-direction:column;gap:12px}.service{grid-template-columns:1fr;gap:20px}.service>div:first-child{grid-column:auto}.service h3{margin-bottom:0}.gallery{grid-template-columns:1fr;gap:25px}.gallery .detail{aspect-ratio:4/3}.fact-grid{grid-template-columns:1fr;gap:18px}.fact-grid strong{font-size:22px}.footer-links{flex-wrap:wrap}.wide-image{height:350px}.quote{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Comfortable pointer targets without collapsing the always-visible mobile navigation. */
.nav nav a{min-height:44px;display:inline-flex;align-items:center}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.demo a{padding:3px 0}.arrow{min-height:44px}