@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f3ee;--ink:#272923;--muted:#787a70;--line:#d8d9d0;--orange:#bd5b31;--sand:#e8e6de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #c36b41;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1,h2{font-weight:500;letter-spacing:-3px;line-height:1.09}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px}p{line-height:1.8}.demo{display:flex;justify-content:space-between;padding:7px 4.5%;background:var(--ink);color:#e6e8df;font-size:9px;letter-spacing:1.4px}.demo a{font-size:10px;letter-spacing:.3px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 4.5%;height:105px}.wordmark{font:800 43px/1 'Manrope',sans-serif;letter-spacing:-3px}.brand-dot{color:var(--orange)}.wordmark small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:1.6px;margin-top:10px}nav{display:flex;gap:35px;font-size:12px}.nav-contact{border-bottom:1px solid #92968b;padding:5px 0;font-size:12px;display:flex;align-items:center;gap:24px}.nav-contact span{font-size:20px}.hero{position:relative;margin:0 20px;min-height:650px;height:calc(100vh - 150px);max-height:850px;color:white;background:#6c584b}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-position:center 52%}.hero-shade{background:linear-gradient(90deg,#141b17b5 0%,#11191150 58%,#11191105),linear-gradient(0deg,#1e221c80,transparent 30%)}.hero-top,.hero-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px}.hero-top{top:30px;font-size:9px;letter-spacing:1.6px}.hero-content{position:relative;padding:145px 4% 140px;max-width:1000px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;line-height:1.6;margin-bottom:25px}.hero h1{font-size:clamp(60px,7.6vw,112px);margin-bottom:36px;line-height:1.02;letter-spacing:-4px}.hero h1 em{color:#e8e0ce}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:48px;padding:17px 24px;font-size:12px;border:1px solid transparent;transition:background .2s}.button span{font-size:23px;line-height:1}.button.white{background:var(--paper);color:var(--ink)}.button.white:hover{background:white}.hero-bottom{bottom:27px;align-items:flex-end;font-size:9px;letter-spacing:1.2px}.hero-bottom>a{display:flex;gap:40px;align-items:center;border-bottom:1px solid #ffffff70;padding-bottom:8px}.hero-bottom>a span{font-size:19px}.hero-bottom p{font-size:10px;letter-spacing:.4px;text-align:right;margin:0}.hero-bottom p span{font-size:8px;opacity:.7}.vertical-label{position:absolute;right:24px;top:47%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.section{padding:100px 7%}.intro{display:grid;grid-template-columns:.65fr 1.35fr;gap:10%;padding-top:115px;padding-bottom:115px}.intro>p{padding-top:13px}.intro h2{font-size:clamp(45px,5.3vw,78px);margin-bottom:32px}.intro h2>span{color:#8e9585}.intro-bottom{display:flex;gap:40px;max-width:620px}.line-mark{font-size:65px;font-weight:400;line-height:1;color:#989b90}.intro-bottom p{font-size:14px;color:#676e61;max-width:470px;margin:0}.expertise{background:var(--sand);display:grid;grid-template-columns:1fr 1.25fr;gap:10%}.section-heading h2{font-size:45px;letter-spacing:-2px}.service-list>a{display:flex;gap:25px;border-top:1px solid #bfc3b7;padding:26px 0;align-items:start}.service-list>a:last-child{border-bottom:1px solid #bfc3b7}.service-number{font-size:9px;color:#7d8475;padding-top:10px}.service-list h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:0 0 10px}.service-list p{font-size:12px;color:#6e7567;max-width:330px;margin:0}.arrow{font-size:27px;margin-left:auto;transition:transform .2s}.service-list a:hover .arrow{transform:translate(3px,-3px)}.inspirations{padding:100px 7%;background:#262c25;color:var(--paper)}.gallery-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.gallery-head h2{font-size:48px;margin-bottom:0;letter-spacing:-2px}.gallery-head>p{font-size:12px;color:#b7beae;margin-bottom:5px}.gallery-frame{position:relative;aspect-ratio:1.9;background:#555e4f}.gallery-frame img{object-position:center 48%}.gallery-counter{position:absolute;bottom:24px;left:24px;background:#f5f3ee;color:var(--ink);padding:10px 17px;display:flex;align-items:center;gap:24px;font-size:11px}.gallery-counter>span:first-child{font-size:21px}.gallery-counter>span:last-child{color:var(--muted)}.gallery-caption{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-top:32px}.gallery-caption .eyebrow{display:block;font-size:8px;color:#aebba5;margin-bottom:8px}.gallery-caption h3{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:0 0 12px}.gallery-caption p{font-size:12px;max-width:500px;color:#bec5b7;margin-bottom:18px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px}.gallery-controls{display:flex;gap:12px;flex-shrink:0}.gallery-controls button{width:90px;background:none;border:1px solid #707b64;padding:5px;color:#c9d0c3;opacity:.55}.gallery-controls button img{height:57px}.gallery-controls button span{display:block;font-size:10px;text-align:left;padding:5px 3px 0}.gallery-controls button.active{opacity:1;border-color:#f5f3ee}.gallery-controls button:hover{opacity:1}.image-credit{color:#9eaa95;font-size:9px;margin:25px 0 0;max-width:700px}.joinery{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.joinery h2{font-size:57px}.joinery h2 em{color:#8d927e}.joinery-text>p:not(.eyebrow){color:#6e7468;max-width:360px;font-size:13px;margin:25px 0}.joinery .text-link{font-size:10px;gap:12px}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.work-pair figure{margin:0}.work-pair .stairs{padding-top:0}.work-pair .shop{padding-top:100px}.work-pair img{height:260px}.work-pair .stairs img{object-fit:cover;object-position:50% 50%}.work-pair .shop img{object-position:22% 50%}figcaption{padding-top:17px;display:flex;flex-direction:column;gap:5px;font-size:11px}figcaption>span:first-child{font-size:8px;letter-spacing:1.2px;color:#818777}.material{padding:65px 7%;display:grid;grid-template-columns:.25fr 1fr .8fr;gap:5%;background:#d9d0bd;align-items:center}.material-label{display:flex;gap:18px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:2.4px;justify-self:start;height:240px}.material-heading .eyebrow{color:#74694e}.material-heading h2{font-size:80px;margin-bottom:0;color:#4c493b}.material-story{max-width:340px}.wood-detail{display:flex;align-items:center;gap:20px;margin-bottom:25px}.wood-detail img{width:145px;height:95px}.wood-detail span{font-size:8px;letter-spacing:1px;line-height:1.9;color:#655f4e}.material-story p{font-size:12px;color:#5d5b4e}.material-story .text-link{font-size:11px}.atelier{display:grid;grid-template-columns:.65fr 1.35fr;gap:10%;border-bottom:1px solid var(--line)}.atelier h2{font-size:49px;letter-spacing:-2px}.atelier>div>p{max-width:550px;font-size:13px;color:#71786a;margin:26px 0 35px}.atelier-facts{display:flex;gap:60px;border-top:1px solid var(--line);padding-top:30px}.atelier-facts span{display:block;font-size:8px;letter-spacing:1.5px;color:#848b7a;margin-bottom:10px}.atelier-facts strong{font-size:18px;font-weight:500}.atelier-facts p{font-size:11px;color:#7b8273;margin:5px 0 0}.contact{background:#e8e5dc}.contact-top{display:flex;justify-content:space-between;align-items:start}.contact-symbol{font:80px/1 'Manrope',sans-serif;color:var(--orange)}.contact h2{font-size:clamp(50px,6.7vw,95px);letter-spacing:-4px;line-height:1.08;max-width:1000px;margin-bottom:45px}.contact h2 em{color:#797f70}.contact-bottom{display:grid;grid-template-columns:1fr .65fr;gap:70px}.contact-bottom>div>p{font-size:13px;color:#757b6e;margin:0 0 25px}.button.orange{background:var(--orange);color:white}.button.orange:hover{background:#a34925}.contact-details{display:flex;flex-direction:column;align-items:flex-start}.contact-details>a{font-size:14px}.contact-details .phone{font:500 30px 'Manrope',sans-serif;margin-bottom:15px;letter-spacing:-1px}.contact-details p{margin:22px 0 14px!important;font-size:12px!important}.contact-details .text-link{font-size:11px}footer{padding:44px 4.5% 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px}.footer-top .wordmark{font-size:56px}.footer-top>span{font-size:9px;letter-spacing:1.8px;color:#6f7667}.footer-top>a:last-child{font-size:10px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:20px;font-size:9px;color:#7e8575}.footer-bottom p{margin:0}.footer-bottom a{white-space:nowrap} @media(min-width:1600px){body{max-width:1920px;margin:auto}.hero-content{padding-top:190px}.hero{max-height:850px}}@media(max-width:1000px){.hero{min-height:620px}.hero h1{font-size:80px}.section{padding:80px 6%}.intro,.atelier{gap:6%;grid-template-columns:.45fr 1.55fr}.expertise{gap:7%}.section-heading h2{font-size:37px}.service-list h3{font-size:21px}.gallery-head h2{font-size:40px}.inspirations{padding:80px 6%}.gallery-controls button{width:70px}.gallery-controls button img{height:45px}.joinery{grid-template-columns:1fr;gap:35px}.joinery-text{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.joinery-text>.eyebrow{grid-column:1/-1}.joinery-text h2{grid-row:2/4;font-size:48px}.joinery-text p:not(.eyebrow){margin-top:0}.work-pair{max-width:700px;margin:0 auto;gap:35px;width:100%}.work-pair img{height:280px}.work-pair .shop{padding-top:50px}.material{grid-template-columns:.1fr 1fr 1fr;gap:5%}.material-heading h2{font-size:60px}.wood-detail{display:block}.wood-detail span{display:block;margin-top:10px}.atelier h2{font-size:43px}.contact-symbol{font-size:60px}}@media(max-width:700px){.demo{padding:7px 6%;font-size:7px;letter-spacing:.8px}.demo a{font-size:8px}header{height:auto;flex-wrap:wrap;padding:22px 6% 18px;gap:18px}.wordmark{font-size:36px}.wordmark small{font-size:6px;letter-spacing:1px}.nav-contact{font-size:10px;gap:10px}nav{order:3;width:100%;justify-content:space-between;font-size:10px;padding-top:15px;border-top:1px solid var(--line);margin-top:4px;gap:15px}.hero{margin:0 10px;min-height:570px;height:auto;max-height:none}.hero-top{top:22px;left:6%;right:6%;font-size:7px;letter-spacing:1px}.hero-top span:last-child{display:none}.hero-content{padding:140px 6% 155px}.hero-content .eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:54px;letter-spacing:-2.7px;line-height:1.08;margin-bottom:28px}.hero h1 em{letter-spacing:-2.6px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#192017c9,#1a21174d),linear-gradient(0deg,#1e221c80,transparent 30%)}.hero-bottom{left:6%;right:6%;font-size:7px;bottom:24px;align-items:start;flex-direction:column;gap:22px}.hero-bottom p{text-align:left;font-size:8px}.hero-bottom p span{font-size:7px}.hero-bottom>a{gap:30px;font-size:7px}.vertical-label{display:none}.button{font-size:10px;padding:14px 18px;gap:28px}.section{padding:58px 7%}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:23px}.intro,.expertise,.atelier{grid-template-columns:1fr;gap:22px}.intro>p{padding:0;margin:0}.intro h2{font-size:47px;letter-spacing:-2.7px;margin-top:8px}.intro-bottom{gap:25px}.line-mark{font-size:45px}.intro-bottom p{font-size:12px}.section-heading h2{font-size:37px}.service-list>a{gap:18px;padding:22px 0}.service-list h3{font-size:21px}.service-list p{font-size:11px}.service-number{font-size:8px}.arrow{font-size:23px}.inspirations{padding:58px 7%}.gallery-head{display:block;margin-bottom:28px}.gallery-head h2{font-size:36px;letter-spacing:-2px}.gallery-head>p{font-size:10px;margin-top:20px}.gallery-frame{aspect-ratio:1.15}.gallery-counter{left:14px;bottom:14px;padding:6px 12px;gap:18px}.gallery-counter>span:first-child{font-size:16px}.gallery-caption{flex-direction:column;align-items:stretch;gap:25px;margin-top:23px}.gallery-caption h3{font-size:24px}.gallery-caption p{font-size:11px}.gallery-controls{gap:10px}.gallery-controls button{width:85px}.gallery-controls button img{height:50px}.image-credit{font-size:8px;margin-top:20px}.joinery-text{display:block}.joinery-text h2{font-size:45px}.joinery-text>p:not(.eyebrow){font-size:12px}.work-pair{gap:17px;max-width:380px}.work-pair img{height:185px}.work-pair .shop{padding-top:60px}figcaption{font-size:9px;padding-top:12px;gap:5px}figcaption>span:first-child{font-size:6px;letter-spacing:1px}.joinery .text-link{font-size:9px;gap:10px}.material{padding:50px 7%;grid-template-columns:1fr;gap:28px}.material-label{display:none}.material-heading h2{font-size:68px;letter-spacing:-4px}.material-heading h2 em{letter-spacing:-3px}.material-heading .eyebrow{margin-bottom:18px}.material-story{max-width:100%}.wood-detail{display:flex;margin-bottom:22px}.wood-detail img{width:130px;height:86px}.wood-detail span{font-size:8px;margin:0}.material-story p{font-size:12px}.atelier{gap:0}.atelier h2{font-size:37px}.atelier>div>p{font-size:12px}.atelier-facts{gap:30px;justify-content:space-between}.atelier-facts strong{font-size:15px}.atelier-facts p{font-size:10px}.atelier-facts span{font-size:7px}.contact-top{align-items:center}.contact-top .eyebrow{font-size:7px;max-width:210px}.contact-symbol{font-size:42px;align-self:start}.contact h2{font-size:43px;letter-spacing:-2.6px;line-height:1.12;margin-top:10px}.contact h2 em{letter-spacing:-2px}.contact-bottom{grid-template-columns:1fr;gap:40px}.contact-bottom>div>p{font-size:12px}.contact-details .phone{font-size:28px}.contact-details>a{font-size:13px}footer{padding:35px 7% 25px}.footer-top{flex-wrap:wrap;gap:24px;padding-bottom:25px}.footer-top .wordmark{font-size:46px}.footer-top>span{order:3;width:100%;font-size:8px;letter-spacing:1.5px}.footer-top>a:last-child{font-size:9px}.footer-bottom{display:block;font-size:8px}.footer-bottom a{display:inline-block;margin-top:18px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.arrow{transition:none}}