@font-face{font-family:DM;src:url(assets/body.woff) format("woff");font-weight:100 900;font-display:swap}@font-face{font-family:Space;src:url(assets/display.woff) format("woff");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#ebe6d9;color:#272a23;font-family:DM,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #866044;outline-offset:5px}.skip{position:fixed;z-index:30;top:-100px;background:white;padding:15px}.skip:focus{top:5px}.concept{background:#262a24;color:#eee8d9;padding:10px 4%;font-size:11px;letter-spacing:.04em;display:flex;justify-content:space-between;gap:12px}header{padding:28px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9b7aa}.brand{display:flex;align-items:center;gap:13px;font:600 22px Space,Arial,sans-serif;letter-spacing:-.04em}.brand svg{width:47px;fill:none;stroke:currentColor;stroke-width:3}.brand small{display:block;font:500 8px DM;letter-spacing:.18em;margin-top:5px}nav{display:flex;gap:46px;font-size:13px}nav a:last-child{border-bottom:1px solid;padding-bottom:8px}nav span{margin-left:25px}.hero{padding:42px 4% 0}.hero-top,.hero-lower{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow,.coordinate,.section-label,.hero-index{font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1.6}.coordinate{text-align:right}.dot{display:inline-block;background:#94694a;width:7px;height:7px;border-radius:50%;margin-right:10px}h1{font:500 clamp(70px,10.8vw,175px)/.9 Space,Arial,sans-serif;letter-spacing:-.075em;margin:45px 0 30px}h1 span{color:#7b664e}p{line-height:1.6}.hero-lower{margin:35px 0}.hero-lower p{font-size:14px}.round-link{border:1px solid #77796c;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;font-size:26px;margin-left:auto;margin-right:14vw}.hero-image{margin:0;position:relative;overflow:hidden;background:#7b664e}.hero-image img{display:block;width:100%;height:620px;object-fit:cover;transform:scale(1.035);will-change:transform}.hero-image figcaption{position:absolute;bottom:0;left:0;right:0;background:#252820e8;color:#eee8dc;padding:13px 20px;font-size:9px;letter-spacing:.08em;line-height:1.6}.image-mark{position:absolute;top:25px;right:30px;color:#fff;font:500 70px Space}.craft{padding:105px 4% 110px}.section-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #aaa99c;padding-top:18px}.craft-head{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:65px 0}h2{font:500 clamp(48px,6.5vw,100px)/.98 Space;letter-spacing:-.065em;margin:0}h2 em{font-style:normal;color:#8a694e}.craft-copy{align-self:end;max-width:410px}.lead{font-size:clamp(21px,2.4vw,34px);line-height:1.35;letter-spacing:-.035em}.craft-copy>p:last-child{max-width:340px;color:#55594e;font-size:14px}.workbench{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid #aaa99c;border-bottom:1px solid #aaa99c}.service-menu{border-right:1px solid #aaa99c;padding:16px 35px 16px 0}.service-menu button{border:0;border-bottom:1px solid #bbbbae;background:none;width:100%;padding:30px 0;display:flex;gap:22px;align-items:center;text-align:left;font:500 30px Space;letter-spacing:-.04em;color:#55594e}.service-menu button span{font:500 10px DM;letter-spacing:.05em}.service-menu button i{font-style:normal;margin-left:auto;font-size:24px}.service-menu button[aria-pressed=true]{color:#292c24}.service-menu button[aria-pressed=true] i{color:#966d4d;transform:rotate(45deg)}.service-stage{padding:15px 0 35px 45px}.drawing{position:relative;background:#dedccc;min-height:260px;padding:5px 10px 25px;overflow:hidden}.drawing svg{width:100%;height:240px;stroke:#66523d;stroke-width:2;fill:none}.stair-lines,.pergola-lines{display:none}.drawing[data-mode=stairs] .roof-lines,.drawing[data-mode=pergolas] .roof-lines{display:none}.drawing[data-mode=stairs] .stair-lines,.drawing[data-mode=pergolas] .pergola-lines{display:block}.drawing-caption{position:absolute;bottom:12px;left:20px;font-size:8px;letter-spacing:.13em}.service-description{padding:30px 0 0;max-width:560px}.service-description h3{font:500 35px Space;letter-spacing:-.04em;margin:12px 0}.service-description p{font-size:14px;color:#55594e}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #737666;padding:18px 0;font-size:13px}.material{background:#292d26;color:#e9e4d6;padding:55px 4% 70px;overflow:hidden}.material-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:30px}.material-top p{font:400 25px/1.2 Space;margin:0}.material-window{width:72%;height:440px;overflow:hidden;position:relative;margin:0 0 0 auto}.material-window img{width:160%;height:160%;object-fit:cover;object-position:80% 10%;transform:translate(-28%,-12%)}.material-window span{position:absolute;bottom:16px;left:18px;font-size:9px;background:#242a23dc;padding:8px 10px;letter-spacing:.1em}.material-bottom{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:8%;margin-top:-10px;position:relative}.material-bottom h2{font-size:clamp(42px,5.4vw,82px);padding-top:32px}.material-bottom em{color:#c4a57f}.material-bottom p{font-size:14px;max-width:360px;color:#d3d6c8}.enquiry{padding:100px 4%}.enquiry-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;align-items:end;margin:65px 0}.enquiry-heading p{font-size:14px;max-width:330px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:38px}.fields label{display:grid;gap:18px;font-size:10px;font-weight:600;letter-spacing:.1em}.fields input,.fields select,.fields textarea{width:100%;color:#292d26;background:transparent;border:0;border-bottom:1px solid #909483;border-radius:0;padding:10px 0 17px;font-size:18px;letter-spacing:normal;resize:vertical}.fields input::placeholder,.fields textarea::placeholder{color:#616453;opacity:1}.fields .wide{grid-column:1/-1}.form-footer{display:flex;gap:40px;justify-content:space-between;align-items:center;margin-top:22px}.form-footer p{max-width:440px;font-size:12px;color:#53594a}.submit{background:#292d26;color:#eee8d9;border:0;padding:24px 28px;min-width:240px;display:flex;justify-content:space-between;gap:35px}#form-status{font-size:13px}.contact{padding:65px 4%;border-top:1px solid #aaa99c}.contact-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:6%;margin-top:32px}.phone{font:500 clamp(27px,3.8vw,58px) Space;letter-spacing:-.055em}.phone span{color:#866044}.contact-grid>div{font-size:14px}.contact-note{max-width:300px;color:#55594e;font-size:12px}footer{padding:40px 4%;background:#dedccc;border-top:1px solid #aaa99c;display:grid;grid-template-columns:1fr 1.3fr;gap:28px}.footer-brand{font-size:35px;align-self:start}.footer-brand span{font:500 12px DM;letter-spacing:.02em}footer>p{font-size:11px;max-width:480px;margin:0}footer a{text-decoration:underline;text-underline-offset:4px}#sources-toggle{background:none;border:0;padding:0;text-align:left;font-size:12px;width:max-content}#sources{grid-column:1/-1;max-width:900px;font-size:12px;line-height:1.7}#sources>a{display:inline-block;margin-right:25px}button:hover,a:hover{opacity:.78}@media(min-width:1700px){body{max-width:2000px;margin:auto}}@media(max-width:750px){.concept{font-size:9px;display:block}.concept span{display:block;margin-top:4px}header{padding:22px 5%}.brand{font-size:17px}.brand svg{width:36px}.brand small{font-size:6px}nav{gap:12px;font-size:11px}nav a:first-child{display:none}nav span{margin-left:12px}.hero{padding:25px 5% 0}.coordinate{display:none}.hero-top .eyebrow{font-size:9px}h1{font-size:clamp(55px,11.5vw,86px);margin:30px 0;line-height:.96}.hero-lower{margin:22px 0}.hero-lower p{font-size:12px}.hero-index{display:none}.round-link{margin:0;width:49px;height:49px;flex-shrink:0}.hero-image img{height:430px;object-position:50%}.hero-image figcaption{font-size:8px;padding:11px 13px}.image-mark{font-size:45px;right:15px;top:15px}.craft,.enquiry{padding:65px 5%}.section-label{font-size:8px}.section-label span:last-child{text-align:right;max-width:150px}.craft-head{grid-template-columns:1fr;gap:24px;margin:38px 0}h2{font-size:62px}.craft-head h2 br{display:none}.craft-head h2 br:after{content:' '}.craft-head h2{line-height:1.02;max-width:340px}.craft-copy .lead{font-size:24px}.workbench{grid-template-columns:1fr}.service-menu{display:flex;border-right:0;padding:0;gap:18px}.service-menu button{font-size:20px;gap:9px;padding:22px 0}.service-menu button span{font-size:8px}.service-menu button i{display:none}.service-stage{padding:22px 0 25px}.drawing{min-height:210px}.drawing svg{height:200px}.service-description h3{font-size:30px}.material{padding:35px 5% 45px}.material-top .eyebrow{font-size:8px}.material-top p{font-size:20px}.material-window{width:100%;height:330px}.material-bottom{grid-template-columns:1fr;gap:20px;margin:0}.material-bottom h2{font-size:43px}.enquiry-heading{grid-template-columns:1fr;gap:22px;margin:40px 0}.enquiry-heading h2{font-size:62px}.fields{grid-template-columns:1fr;gap:30px}.fields .wide{grid-column:auto}.fields input,.fields select,.fields textarea{font-size:16px}.form-footer{align-items:stretch;flex-direction:column;gap:10px}.submit{width:100%}.contact{padding:45px 5%}.contact-grid{grid-template-columns:1fr;gap:30px}.phone{font-size:35px}footer{grid-template-columns:1fr;padding:35px 5%}.footer-brand{font-size:30px}#sources{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image img{will-change:auto;transform:none!important}*{transition:none!important;animation:none!important}}
@media(min-width:751px){.hero{padding-top:26px}.hero h1{margin:28px 0 22px;font-size:clamp(70px,9.5vw,165px)}.hero-lower{margin:20px 0 26px}}
@media(max-width:750px){.craft-head h2 br{display:block}}