:root{--ink:#172e39;--muted:#56656b;--paper:#f8f7f3;--line:#d8ddda;--accent:#b8d8c4;--dark:#173b32;--white:#fff;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit}button,input,select,textarea{font:inherit}button,a,label.shortlist-choice,summary{touch-action:manipulation}button,summary,.shortlist-choice{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #397d65;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2{font-weight:600;letter-spacing:-.05em;line-height:1.04}h2{font-size:clamp(32px,4.2vw,56px)}h3{font-size:21px;line-height:1.3;letter-spacing:-.025em}em{font-family:Georgia,serif;font-weight:400}p+p{margin-top:16px}[hidden]{display:none!important}.wrap{width:min(1260px,calc(100% - 40px));margin-inline:auto}.section{padding-block:64px}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;line-height:1.6;margin-bottom:18px}.small{font-size:13px;line-height:1.6}.muted{color:var(--muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-block:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:14px 24px;background:var(--dark);border:1px solid var(--dark);border-radius:100px;color:#fff;text-decoration:none;font-weight:600;line-height:1.25;transition:background .2s,box-shadow .2s}.button:hover{background:#285347;box-shadow:0 3px 0 #aecdbf}.button-small{min-height:44px;padding:11px 20px;font-size:14px}.button-light{background:var(--accent);border-color:var(--accent);color:#173b32}.button-light:hover{background:#d3e8dc}.text-link,.text-button{text-underline-offset:5px;font-size:14px;min-height:44px;display:inline-flex;align-items:center}.text-button{border:0;background:none;padding:0;text-decoration:underline}.skip-link{position:fixed;left:12px;top:-100px;padding:12px;background:white;z-index:100}.skip-link:focus{top:12px}.preview-note{padding:7px 16px;text-align:center;background:#e9ede7;font-size:11px;color:#3e5549}.order-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:85px}.wordmark{font-family:Georgia,serif;font-size:29px;line-height:1;text-decoration:none;font-weight:bold;letter-spacing:-.06em}.wordmark span{display:block;font:8px/1.8 Arial,sans-serif;letter-spacing:.16em;margin-top:5px}.order-header nav{display:flex;align-items:center;gap:30px}.order-header nav>a:not(.button){text-decoration:none;font-size:14px;min-height:44px;align-items:center;display:none}.hero{display:grid;gap:30px;padding-top:22px;padding-bottom:36px}.hero h1{font-size:clamp(44px,6vw,78px)}.hero .lead{font-size:17px;line-height:1.65;max-width:430px;margin-top:24px}.hero .eyebrow{max-width:300px}.hero-image{position:relative;min-width:0;overflow:hidden;background:#e7e7e1;border-radius:2px}.hero-image>img{width:100%;height:440px;object-fit:cover;object-position:50% 44%}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:70px 24px 24px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.75));display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:11px;letter-spacing:.04em}.image-caption>a{font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.image-tab{position:absolute;top:20px;left:20px;background:var(--paper);padding:6px 12px;font-size:10px;letter-spacing:.1em}.buying-strip{display:grid;grid-template-columns:1fr;gap:8px;padding-block:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.buying-strip b{display:inline-block;color:#39614d;margin-right:12px;font-size:11px}.section-heading{display:grid;gap:24px;margin-bottom:28px}.section-heading>p{max-width:385px;color:var(--muted)}.filter-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:30px 0 24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #aeb9b0;border-radius:100px;padding:10px 16px;min-height:44px;font-size:13px;transition:background .2s,color .2s}.filters button[aria-pressed=true]{background:var(--dark);color:#fff;border-color:var(--dark)}.product-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px 28px}.style-card{min-width:0;position:relative}.style-photo{position:relative;background:#ecece7;overflow:hidden}.photo-open{display:block}.photo-open>img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .25s}.photo-open:hover>img{transform:scale(1.025)}.style-code{position:absolute;top:16px;left:16px;background:#fff;padding:4px 10px;font-size:12px;letter-spacing:.06em;pointer-events:none}.zoom-label{position:absolute;bottom:14px;right:14px;background:rgba(255,255,255,.96);padding:10px 14px;border-radius:100px;min-height:44px;font-size:12px}.thumbnails{display:flex;gap:8px;padding-top:12px}.thumbnails button{padding:2px;background:transparent;border:1px solid transparent;border-radius:2px;width:52px;height:52px}.thumbnails img{width:46px;height:46px;object-fit:cover}.thumbnails button[aria-pressed=true]{border-color:var(--dark);background:white}.style-content{padding-top:18px}.style-content .eyebrow{font-size:10px;color:var(--muted);margin-bottom:8px}.style-content>p:not(.eyebrow){margin-top:10px;font-size:14px;color:var(--muted)}.style-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.shortlist-choice{display:flex;gap:9px;align-items:center;min-height:48px;padding:9px 15px;border:1px solid #9eafa4;border-radius:100px;font-size:14px}.shortlist-choice:has(input:checked){background:#dfecdf;border-color:var(--dark)}input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;accent-color:var(--dark)}.collection-note{font-size:13px;color:var(--muted);margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.collection-note a{display:inline-block;padding:8px 0;text-underline-offset:4px}.custom-section{background:var(--dark);color:white;padding-block:40px}.custom-grid{display:grid;gap:34px}.custom-visual{position:relative;min-width:0;overflow:hidden}.custom-visual>img{width:100%;height:340px;object-fit:cover;background:#eee}.custom-visual>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:60px 24px 24px;font-size:26px;line-height:1.05;letter-spacing:-.03em;font-weight:700}.custom-copy>p:not(.eyebrow){margin-top:24px;color:#d6e3da}.custom-copy .eyebrow{color:#c3d9cb}.custom-copy details{border-color:#557568}.custom-copy summary{font-size:16px}.custom-copy summary>span{color:#b8d8c4;margin-right:12px;font-size:11px}.custom-copy details p{color:#d6e3da;font-size:14px}.custom-copy .button{margin-top:30px}details{border-bottom:1px solid var(--line)}summary{position:relative;padding:21px 32px 21px 0;list-style:none;font-weight:600;line-height:1.4;min-height:56px}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:4px;top:20px;font-weight:400;font-size:22px}details[open]>summary::after{content:'−'}details>p{padding:0 20px 22px 0;max-width:680px}.decision-grid{display:grid;gap:32px}.decision-grid article{border-top:1px solid var(--line);padding-top:24px}.step-number{display:block;font-size:11px;letter-spacing:.09em;margin-bottom:28px;color:#39614d}.decision-grid p{font-size:15px;color:var(--muted);margin-top:12px}.enquiry-section{padding-block:50px;background:#e9ede7}.enquiry-grid{display:grid;gap:35px}.enquiry-intro>p:not(.eyebrow){margin-top:22px;max-width:400px}.enquiry-intro h2{font-size:clamp(42px,5vw,68px)}.shortlist-panel{border-top:1px solid #bcc9bd;border-bottom:1px solid #bcc9bd;margin-top:28px;padding:22px 0}.shortlist-panel h3{font-size:17px;margin-bottom:12px}.shortlist-panel p{font-size:14px}.shortlist-panel ul{list-style:none;padding:0;margin:0}.shortlist-panel li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px solid #ced8cd;padding-block:6px}.shortlist-panel li button{border:0;background:transparent;text-decoration:underline;min-height:44px;font-size:12px}.shortlist-panel .actions{gap:14px;margin:8px 0 0}#order-form{background:#fff;padding:24px;min-width:0;border-radius:3px}.form-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px}.form-top h3{font-size:23px}.form-row{display:grid;gap:18px}#order-form label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}.optional{font-size:11px;color:var(--muted);font-weight:normal}#order-form input:not([type=checkbox]):not([type=hidden]),#order-form select,#order-form textarea{display:block;width:100%;min-width:0;border:1px solid #b6c1b9;border-radius:3px;background:#fff;padding:12px;margin-top:8px;font-size:16px;min-height:48px;color:var(--ink)}#order-form textarea{resize:vertical;min-height:130px}#order-form .agreement{display:flex;align-items:start;gap:10px;font-weight:normal;font-size:12px;line-height:1.6;padding:8px 0}#order-form .agreement input{margin-top:4px}.submit-button{width:100%;margin-bottom:18px}#order-form .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#form-status{margin-top:18px;background:#edf4ec;border:1px solid #71917a;padding:16px;font-size:14px}#form-status[data-error=true]{background:#fff2ef;border-color:#ae6254}.faq{max-width:850px}.faq h2{margin-bottom:26px}.faq details p{color:var(--muted);font-size:15px}.order-footer{border-top:1px solid var(--line);padding-block:36px 100px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;font-size:13px}.order-footer>div{display:flex;gap:20px;flex-wrap:wrap}.order-footer>div>a{display:flex;min-height:44px;align-items:center}.mobile-enquiry{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);font-size:13px}.mobile-enquiry b{font-size:18px;margin-right:5px}dialog{padding:0;border:0;width:min(850px,calc(100% - 24px));max-height:92dvh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(9,21,17,.8)}.gallery-top,.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px}.gallery-top h2{font-size:21px}.gallery-top button,.gallery-bottom button{border:1px solid #b8c7bf;border-radius:50%;width:44px;height:44px;background:white}.gallery-bottom{justify-content:center}.gallery-bottom span{min-width:70px;text-align:center;font-size:13px}#gallery-image{width:100%;height:min(65dvh,650px);object-fit:contain;background:#eeeee9}.photo-open.is-loading{opacity:.7}
@media(min-width:600px){.wrap{width:min(1260px,calc(100% - 64px))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-image>img{height:580px}.buying-strip{grid-template-columns:repeat(3,1fr);gap:20px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.order-header nav>a:not(.button){display:flex}}
@media(min-width:960px){.section{padding-block:96px}.order-header{min-height:104px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding-top:24px;padding-bottom:60px}.hero-image>img{height:650px}.hero .eyebrow{max-width:none}.section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:80px}.section-heading>p{justify-self:end}.custom-section{padding-block:65px}.custom-grid{grid-template-columns:1fr 1fr;gap:80px;align-items:center}.custom-visual>img{height:600px}.custom-visual>span{font-size:42px;padding:70px 32px 32px}.decision-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.enquiry-section{padding-block:80px}.enquiry-grid{grid-template-columns:.8fr 1.2fr;gap:70px}.enquiry-intro{padding-top:20px}#order-form{padding:40px}.mobile-enquiry{display:none}.order-footer{padding-bottom:40px}}
@media(max-width:959px){.hero{gap:20px}.hero-copy{display:contents}.hero-copy>.eyebrow{grid-row:1;margin:0}.hero h1{grid-row:2}.hero-image{grid-row:3}.hero-image>img{height:360px}.hero .lead{grid-row:4;margin-top:0}.hero .actions{grid-row:5;margin:0}.hero-copy>.small{grid-row:6;margin:0}.hero h1{font-size:44px}}
@media(max-width:374px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:40px}.hero-image>img{height:340px}#order-form{padding:18px}.filters button{padding-inline:12px}.style-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.photo-open:hover>img{transform:none}}
/* Factory-first enquiry: keep the real building photograph uncropped. */
.factory-photo{margin:0;align-self:center}.hero-image.factory-photo>img{height:auto;aspect-ratio:646/505;object-fit:contain}.factory-photo .image-caption{position:static;background:var(--dark);padding:12px 20px;align-items:center}.factory-section{border-bottom:1px solid var(--line)}.factory-section .step-number{margin-bottom:18px}.factory-section .text-link{margin-top:12px}.factory-section .collection-note{margin-top:28px}.hero .lead{max-width:480px}
@media(max-width:959px){.hero-copy>.lead{grid-row:3}.hero-copy>.actions{grid-row:4}.hero-copy>.small{grid-row:5}.hero-image.factory-photo{grid-row:6}.hero h1{font-size:clamp(40px,7vw,58px)}.factory-photo .image-caption{font-size:10px;gap:8px;padding:8px 14px}.factory-photo .image-caption>a{font-size:12px}.hero .actions{gap:8px 18px}.factory-section{padding-block:44px}}