.demo-page>.nav,.demo-page>.footer{display:none}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 40px;background:#242b28;color:#f8f7f3;font-size:12px}.demo-banner>a{text-decoration:underline;text-underline-offset:4px}.demo-banner>span{color:#c6cfc5}.demo-nav{max-width:1280px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.demo-brand{font-size:18px;font-weight:600;letter-spacing:-.025em}.demo-nav>div{display:flex;gap:30px;font-size:12px}.demo-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:#384d3c;color:#fff;border-radius:4px;font-size:13px;font-weight:500;transition:background .2s}.demo-button:hover{background:#243626}.demo-hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;min-height:620px}.demo-copy{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:64px 60px 64px 40px}.demo-trade{font-size:12px;letter-spacing:.07em}.demo-copy h1{font-family:Georgia,serif;font-size:clamp(45px,5vw,70px);font-weight:400;letter-spacing:-.04em;line-height:1.05;margin-bottom:28px}.demo-copy>p:not(.demo-trade){font-size:15px;max-width:380px;line-height:1.8}.demo-copy>.demo-button{margin-top:18px}.demo-photo{overflow:hidden;min-height:620px}.demo-photo img{width:100%;height:100%;object-fit:cover;object-position:right}.demo-services{max-width:1200px;margin:auto;padding:90px 40px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.demo-services h2{font-size:40px;font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em}.demo-services p{font-size:14px;max-width:370px}.demo-service-list article{padding:22px 0;border-bottom:1px solid #d1d6cb}.demo-service-list article:first-child{padding-top:0}.demo-service-list h3{font-size:19px;margin:0 0 10px}.demo-service-list p{margin:0}.demo-work{max-width:1200px;padding:0 40px 80px;margin:auto}.demo-work h2{font:400 40px/1.1 Georgia,serif;letter-spacing:-.025em;margin-bottom:35px}.demo-work img{height:400px;width:100%;object-fit:cover;object-position:right;border-radius:5px}.demo-work>p{font-size:11px;margin-top:18px}.demo-contact{background:#e3e9de;text-align:center;padding:76px 30px}.demo-contact h2{font:400 42px/1.1 Georgia,serif;letter-spacing:-.025em}.demo-contact p{max-width:550px;margin:0 auto 26px;font-size:14px}.demo-industrial{background:#f3f1ed}.demo-industrial .demo-hero{background:#303a33;color:#fff}.demo-industrial .demo-copy{padding-left:50px}.demo-industrial .demo-copy h1{font-family:'DM Sans',sans-serif;font-weight:500}.demo-industrial .demo-copy p{color:#cbd5c8}.demo-industrial .demo-button{background:#caaa70;color:#252c25}.demo-industrial .demo-contact{background:#d9d2c5}.demo-response .demo-copy h1{font-family:'DM Sans',sans-serif;font-weight:500}.demo-response .demo-hero{background:#e8efed}.demo-response .demo-button{background:#244e54}.demo-outdoor .demo-hero{display:block;position:relative;background:#2b3f32;min-height:650px;color:#fff}.demo-outdoor .demo-photo{position:absolute;inset:0;min-height:0;opacity:.5}.demo-outdoor .demo-copy{position:relative;z-index:1;padding:90px 60px;max-width:620px;min-height:650px}.demo-outdoor .demo-copy p{color:#f0f3ec}.demo-outdoor .demo-button{background:#e5ebd8;color:#263528}.demo-studio .demo-hero{grid-template-columns:1.15fr 1fr}.demo-studio .demo-copy{padding-top:90px;padding-bottom:90px}.demo-studio .demo-photo{min-height:550px}.demo-portfolio .demo-hero{background:#eee7dc}.demo-portfolio .demo-copy h1{font-style:italic}.demo-portfolio .demo-button{background:#574c39}.demo-page .skip-link:focus{z-index:100}.demo-page a:focus-visible{outline:3px solid #a84629;outline-offset:5px}
@media(max-width:850px){.demo-nav>div{display:none}.demo-nav{padding:24px 28px}.demo-copy{padding:50px 30px}.demo-copy h1{font-size:47px}.demo-photo,.demo-hero{min-height:520px}.demo-services{gap:40px;padding:65px 30px}.demo-banner{padding:14px 25px}.demo-banner>span{display:none}}
@media(max-width:600px){.demo-banner{font-size:10px;padding-inline:20px;gap:12px}.demo-nav{padding:22px 20px;gap:15px}.demo-brand{font-size:13px;max-width:190px}.demo-nav .demo-button{padding:10px 14px;font-size:11px;white-space:nowrap}.demo-hero,.demo-studio .demo-hero{grid-template-columns:1fr}.demo-copy,.demo-industrial .demo-copy{padding:45px 24px}.demo-copy h1{font-size:43px;max-width:440px}.demo-photo,.demo-studio .demo-photo{min-height:330px;max-height:380px}.demo-services{grid-template-columns:1fr;gap:35px;padding:55px 24px}.demo-services h2,.demo-work h2{font-size:34px}.demo-work{padding:0 24px 45px}.demo-work img{height:280px}.demo-contact{padding:55px 24px}.demo-contact h2{font-size:34px}.demo-outdoor .demo-copy{padding:65px 24px;min-height:570px}.demo-outdoor .demo-photo{max-height:none;height:100%}.demo-outdoor .demo-hero{min-height:570px}}
