:root{--ivory:#f3f0e9;--ink:#262a2a;--wine:#782f3b;--stone:#a79b89;--body:'Manrope',sans-serif;--display:'Barlow Condensed','Arial Narrow',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7}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;color:inherit}img{max-width:100%;display:block}figure,p,h1,h2,blockquote{margin:0}h1,h2{font-family:var(--display);font-weight:600;line-height:.98;letter-spacing:-.025em}h2{font-size:clamp(48px,5.6vw,84px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bc7a46;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:white;color:var(--ink);padding:10px;z-index:100}.skip:focus-visible{top:10px}.header{position:absolute;top:0;left:0;right:0;z-index:5;padding:29px 4.5%;display:flex;align-items:center;justify-content:space-between;color:white}.brand{display:block;flex-shrink:0}.brand img{width:225px;height:auto}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.header nav a{padding:12px 0}.header nav a:hover{color:#e7c0bc}.header .nav-quote{border-bottom:1px solid #ffffff75}.menu-toggle{display:none}.hero{position:relative;min-height:720px;height:100svh;color:#fff;isolation:isolate;background:#66625a;overflow:hidden}.hero picture,.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;object-position:50% 57%}.hero-shade{background:linear-gradient(90deg,rgba(14,22,23,.7),rgba(20,25,25,.12) 78%),linear-gradient(180deg,rgba(12,19,20,.4),transparent 25%,transparent 60%,rgba(15,22,23,.48));z-index:1}.hero-copy{position:absolute;left:7.5%;bottom:16%;z-index:2;max-width:760px}.hero h1{font-size:clamp(80px,7.8vw,124px);line-height:.95}.hero h1 span{color:#e5b4b6}.hero-actions{margin-top:34px}.button{border:0;border-radius:0;display:inline-flex;align-items:center;justify-content:center;min-height:54px;background:var(--wine);color:#fff;padding:15px 28px;font-size:13px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#5d202c;transform:translateY(-2px)}.text-link{display:inline-block;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding:10px 0 7px;min-height:48px}.text-link:hover{color:var(--wine)}.section{padding:110px 7.5%}.jack{background:var(--ink);color:var(--ivory);display:grid;grid-template-columns:1fr 1fr;column-gap:16%;row-gap:40px;align-items:start}.jack>h2{font-size:clamp(86px,9vw,144px);grid-column:1;grid-row:1;white-space:nowrap}.jack-copy{grid-column:2;grid-row:1/span 2;align-self:center}.jack-copy p{font-size:18px;line-height:1.85;margin-bottom:23px;max-width:440px}.jack-copy .text-link{color:#ead9d6;margin-top:14px}.jack-copy .text-link:hover{color:white}.jack-material{grid-column:1;grid-row:2;width:92%}.jack-material img{width:100%;height:auto;aspect-ratio:1.85;object-fit:cover;object-position:center 70%}.jack-material figcaption{color:#c6c4bb;font-size:11px;margin-top:14px}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin-bottom:65px}.section-heading>p{font-size:15px;max-width:330px;justify-self:end;padding-bottom:8px}.work{padding-bottom:0}.work-composition{display:grid;grid-template-columns:1.2fr .8fr;gap:90px 10%;align-items:start}.photo-button{border:0;display:block;padding:0;width:100%;background:#d5d0c6;position:relative;overflow:hidden;text-align:left}.photo-button img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo-button:hover img{transform:scale(1.025)}.stone-project .photo-button{aspect-ratio:.94}.view-photo{position:absolute;bottom:16px;left:16px;color:#fff;background:rgba(26,29,29,.8);padding:8px 13px;font-size:11px;opacity:0;transition:opacity .2s}.photo-button:hover .view-photo,.photo-button:focus-visible .view-photo{opacity:1}figcaption{font-size:12px;color:#575952;line-height:1.6;margin-top:15px}.detail-project{padding-top:105px}.detail-project figure{width:100%}.detail-project .photo-button{aspect-ratio:.85}.detail-project blockquote{margin-top:35px;max-width:330px}.detail-project blockquote p{font-family:var(--display);font-size:37px;line-height:1.1}.detail-project cite{display:block;font-style:normal;font-size:11px;margin-top:14px;color:#62625a}.patio-project{grid-column:1/-1;margin:15px calc(-1 * (100vw - 100%) / 2) 0}.patio-project>.photo-button{height:clamp(500px,72svh,850px);width:100%;background:#a79b89}.patio-project img{object-position:50% 62%}.patio-project figcaption{padding:38px 7.5% 42px;margin:0;background:#e3ddd2;color:var(--ink);display:flex;justify-content:space-between;align-items:end;gap:30px;font-family:var(--display);font-size:clamp(38px,4.5vw,66px);line-height:1.05;letter-spacing:-.02em}.patio-project figcaption span:last-child{font-family:var(--body);font-size:14px;letter-spacing:0;padding-bottom:4px}.services{padding-top:100px;padding-bottom:110px}.services-head{margin-bottom:55px;max-width:800px}.services-head h2{font-size:clamp(48px,5.5vw,78px)}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.service-image img{width:100%;height:auto;aspect-ratio:.94;object-fit:cover}.service-image figcaption{font-size:12px}.service-list details{border-top:1px solid #a49f9260;padding:22px 0}.service-list details:last-of-type{border-bottom:1px solid #a49f9260}.service-list summary{font-family:var(--display);font-size:32px;line-height:1.15;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;min-height:36px}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{position:relative;width:14px;height:14px;flex-shrink:0}.service-list summary span:before,.service-list summary span:after{content:'';position:absolute;background:currentColor;top:6px;left:0;width:14px;height:1px}.service-list summary span:after{transform:rotate(90deg)}.service-list details[open] summary{color:var(--wine)}.service-list details[open] summary span:after{transform:none}.service-list details p{font-size:14px;line-height:1.85;max-width:360px;margin-top:18px}.service-list>.text-link{margin-top:25px;color:var(--wine);font-size:15px}.quote{background:#e4dfd5;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:110px;padding-bottom:110px}.quote h2{font-size:clamp(70px,8vw,120px);margin-bottom:30px}.quote h2 span{color:var(--wine)}.quote-intro>p{font-size:15px;max-width:320px}.quote-phone{font-family:var(--display);font-size:36px;display:inline-block;margin-top:32px}.quote-phone:hover{color:var(--wine)}.quote-intro .area{margin-top:10px;font-size:12px;color:#555950}form{padding-top:5px;align-self:center}form label{display:block;font-size:12px;font-weight:700;margin-bottom:22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{display:block;width:100%;min-height:52px;border:1px solid #918b80;border-radius:0;background:#f3f0e955;color:var(--ink);padding:12px;font-size:14px;margin-top:9px}input:focus,select:focus,textarea:focus{outline:2px solid var(--wine);outline-offset:3px;border-color:var(--wine);background:var(--ivory)}select{cursor:pointer}textarea{resize:vertical;min-height:112px}.optional{font-weight:400}textarea::placeholder{color:#67685f;font-size:13px}.form-note{font-size:12px;line-height:1.8;margin:8px 0 22px;color:#53564f}form .button{min-width:220px}.form-error{display:block;font-size:12px;font-weight:500;color:var(--wine);margin-top:6px;line-height:1.5}.form-error[hidden]{display:none}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--wine);border-width:2px}footer{background:var(--ink);color:var(--ivory);padding:65px 7.5% 35px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;font-size:13px}footer .brand img{width:210px}footer>a:last-of-type{justify-self:end}footer>span{grid-column:1/-1;font-size:12px;color:#d1cec6;margin-top:10px}dialog{border:0;padding:0;color:var(--ink);background:var(--ivory);max-height:90svh;max-width:92vw;overscroll-behavior:contain}dialog::backdrop{background:#192021c9;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:15px;background:var(--ivory);border:0;padding:8px 14px;min-height:44px;font-size:12px;z-index:1}.dialog-close span{font-size:23px;vertical-align:middle;margin-left:12px}.project-dialog[open]{display:grid;grid-template-columns:1.2fr 1fr;width:950px}.project-dialog>img{width:100%;height:80svh;object-fit:contain;background:#ddd8cf}.project-info{padding:100px 36px 45px;align-self:center}.project-info h2{font-size:44px}.project-info p{font-size:14px;margin:25px 0}.enquiry-dialog{padding:65px 35px 30px;width:550px}.enquiry-dialog h2{font-size:48px}.review-note{font-size:14px;margin-top:18px}.enquiry-dialog pre{white-space:pre-wrap;word-break:break-word;font-family:var(--body);font-size:13px;line-height:1.8;background:#e5e0d7;padding:18px;margin:20px 0}.copy-button{display:block;border:0;background:transparent;text-decoration:underline;font-size:12px;padding:14px 0;min-height:44px}#copy-status{font-size:12px;color:var(--wine)}body.modal-open{overflow:hidden}
@media(min-width:1600px){.section{padding-left:max(7.5%,calc((100vw - 1400px)/2));padding-right:max(7.5%,calc((100vw - 1400px)/2))}.patio-project figcaption{padding-left:max(7.5%,calc((100vw - 1400px)/2));padding-right:max(7.5%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.header nav{gap:20px}.header .nav-call{display:none}.brand img{width:205px}.section{padding:90px 6%}.hero-copy{left:6%;bottom:18%}.hero h1{font-size:92px}.jack{gap:35px 10%}.jack>h2{font-size:90px}.jack-copy p{font-size:16px}.work{padding-bottom:0}.work-composition{gap:60px 8%}.patio-project figcaption{padding-left:6%;padding-right:6%}.service-layout{gap:7%}.service-list summary{font-size:28px}.quote{gap:8%}footer{padding-left:6%;padding-right:6%;gap:30px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{padding:23px 22px;align-items:center}.brand img{width:192px}.menu-toggle{display:flex;align-items:center;gap:11px;background:transparent;color:white;border:0;font-size:12px;min-height:44px;padding:6px 0 6px 12px}.menu-toggle span{font-size:20px}.header nav{display:none;position:absolute;top:92px;left:18px;right:18px;background:var(--ivory);color:var(--ink);padding:20px 24px;box-shadow:0 20px 40px #0004}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.header nav a{padding:13px 0}.header nav .nav-call{display:block}.header .nav-quote{color:var(--wine)}.hero{min-height:650px;height:100svh}.hero-image{object-position:53% 30%}.hero-shade{background:linear-gradient(180deg,rgba(13,20,21,.52),transparent 25%,rgba(17,23,23,.04) 38%,rgba(14,22,23,.84) 95%)}.hero-copy{left:24px;right:24px;bottom:calc(65px + env(safe-area-inset-bottom));max-width:450px}.hero h1{font-size:clamp(58px,15.7vw,83px);line-height:.96}.hero-actions{margin-top:30px}.button{min-height:52px;padding:15px 22px;font-size:13px}.text-link{font-size:13px}.section{padding:76px 24px}h2{font-size:52px}.jack{display:flex;flex-direction:column;gap:28px;align-items:stretch}.jack>h2{font-size:84px;white-space:normal}.jack-copy p{font-size:16px;line-height:1.85;margin-bottom:18px}.jack-copy .text-link{margin-top:3px;font-size:14px}.jack-material{width:100%;margin-top:12px}.jack-material img{aspect-ratio:1.65}.jack-material figcaption{font-size:12px;margin-top:12px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{font-size:14px;line-height:1.85;margin-top:25px;max-width:330px;justify-self:start}.work{padding-bottom:0}.work-composition{grid-template-columns:1fr;gap:32px}.stone-project{margin-right:0}.stone-project .photo-button{aspect-ratio:.98}.view-photo{opacity:1;font-size:10px;left:12px;bottom:12px;background:#262a2ac9}figcaption{font-size:12px;line-height:1.7}.detail-project{padding:0 0 0 40px}.detail-project figure{width:100%}.detail-project .photo-button{aspect-ratio:.98}.detail-project blockquote{margin-top:26px;max-width:275px}.detail-project blockquote p{font-size:34px}.detail-project cite{font-size:12px;margin-top:13px}.patio-project{grid-column:1;margin:17px -24px 0}.patio-project>.photo-button{height:62svh;min-height:410px;max-height:650px}.patio-project img{object-position:50% 60%}.patio-project figcaption{padding:28px 24px 32px;display:block;font-size:38px}.patio-project figcaption span{display:block}.patio-project figcaption span:last-child{font-size:14px;margin-top:13px;padding:0}.services-head{margin-bottom:35px}.services-head h2{font-size:48px}.service-layout{display:flex;flex-direction:column;gap:27px}.service-image{width:100%}.service-image img{aspect-ratio:1.18;object-position:center 55%}.service-image figcaption{font-size:12px}.service-list{width:100%}.service-list details{padding:19px 0}.service-list summary{font-size:30px}.service-list details p{font-size:14px;line-height:1.85;margin-top:15px}.service-list>.text-link{margin-top:19px;font-size:14px}.quote{display:block}.quote h2{font-size:80px;margin-bottom:24px}.quote-intro>p{font-size:14px;max-width:310px}.quote-phone{font-size:34px;margin-top:23px}.quote-intro .area{font-size:12px;margin-top:6px}form{margin-top:36px}form label{font-size:12px;margin-bottom:22px}.field-row{gap:0;grid-template-columns:1fr}input,select,textarea{font-size:16px;min-height:52px}form .button{width:100%}.form-note{font-size:12px;line-height:1.8}footer{display:flex;flex-direction:column;gap:27px;padding:45px 24px 35px;font-size:13px}footer .brand img{width:192px}footer>span{margin-top:4px;font-size:12px}.project-dialog[open]{display:block;width:92vw;max-height:90svh}.project-dialog>img{height:46svh;max-height:500px}.project-info{padding:25px}.project-info h2{font-size:38px}.project-info p{font-size:14px;margin:18px 0}.project-info .button{font-size:12px}.enquiry-dialog{padding:65px 22px 22px;max-height:88svh}.enquiry-dialog h2{font-size:40px}.enquiry-dialog pre{font-size:12px}.enquiry-dialog .button{width:100%}}
@media(max-width:374px){.hero-copy{left:20px;right:20px}.hero h1{font-size:57px}.section{padding-left:20px;padding-right:20px}.brand img{width:177px}.header{padding-left:20px;padding-right:20px}.jack>h2{font-size:78px}.detail-project{padding-left:30px}.patio-project{margin-left:-20px;margin-right:-20px}.patio-project figcaption{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}