@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');

:root{--ink:#222522;--ink-2:#30332f;--paper:#f1efe8;--paper-2:#e7e3d9;--white:#fff;--muted:#696c66;--line:#cbc7bc;--accent:#c78b4a;--accent-dark:#9a642d;--serif:"Libre Caslon Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:var(--white);padding:10px 16px;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}section[id]{scroll-margin-top:88px}
.site-header{position:fixed;z-index:100;inset:0 0 auto;background:rgba(34,37,34,.94);color:var(--white);border-bottom:1px solid rgba(255,255,255,.11);backdrop-filter:blur(14px)}.nav-shell{height:76px;max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between}.wordmark,.footer-wordmark{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;line-height:1.05;display:flex;flex-direction:column;font-size:.73rem}.wordmark strong,.footer-wordmark strong{font-size:1rem;letter-spacing:.21em}.site-nav{display:flex;align-items:center;gap:clamp(20px,3vw,42px)}.site-nav a{text-decoration:none;font-size:.78rem;letter-spacing:.07em}.site-nav a:not(.nav-cta):hover{color:#e7b477}.nav-cta{border:1px solid rgba(255,255,255,.55);padding:10px 18px}.nav-cta:hover{background:var(--white);color:var(--ink)}.menu-toggle{display:none}
.hero{min-height:840px;background:var(--ink);color:var(--white);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:clamp(40px,6vw,100px);padding:130px max(24px,calc((100vw - 1320px)/2)) 72px}.hero-copy{padding-left:clamp(0px,3vw,42px)}.eyebrow{font-weight:700;font-size:.71rem;line-height:1.3;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);margin:0 0 24px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hero h1,.section-heading h2,.story h2,.markets h2,.availability h2,.contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:.98;margin:0}.hero h1{font-size:clamp(3.6rem,6.5vw,7.1rem);max-width:800px}.hero-lead{font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.65;color:#c8cbc5;max-width:620px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.72rem;padding:16px 22px;min-height:52px}.button-accent{background:var(--accent);color:#181a18}.button-accent:hover{background:#daa15f}.text-link{display:inline-block;text-decoration:none;font-weight:700;font-size:.78rem;letter-spacing:.06em;border-bottom:1px solid currentColor;padding:7px 0}.text-link span{margin-left:8px}.text-link.dark{color:var(--paper);margin-top:12px}.hero-product{margin:0;min-width:0}.product-frame{position:relative;border:1px solid rgba(255,255,255,.14);padding:13px}.product-frame:before,.product-frame:after{content:"";position:absolute;background:var(--accent);z-index:2}.product-frame:before{width:70px;height:2px;left:-1px;top:-1px}.product-frame:after{width:2px;height:70px;left:-1px;top:-1px}.product-frame img{width:100%;aspect-ratio:1;object-fit:cover}.hero-product figcaption{display:flex;justify-content:space-between;color:#90958f;font-size:.71rem;letter-spacing:.12em;text-transform:uppercase;padding-top:15px}.hero-product figcaption span{color:var(--accent)}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper-2);border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1320px)/2))}.proof-item{min-height:118px;padding:25px clamp(18px,3vw,42px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.proof-item:first-child{border-left:1px solid var(--line)}.proof-item strong{text-transform:uppercase;letter-spacing:.14em;font-size:.66rem;color:var(--accent-dark)}.proof-item span{font-family:var(--serif);font-size:clamp(1rem,1.35vw,1.23rem);line-height:1.2;margin-top:7px}
.section{max-width:1320px;margin:auto;padding:clamp(90px,10vw,150px) clamp(24px,5vw,70px)}.section-heading{display:grid;grid-template-columns:minmax(190px,.35fr) minmax(0,.65fr);align-items:start;margin-bottom:65px}.section-heading .eyebrow{grid-column:1}.section-heading h2{grid-column:2;font-size:clamp(2.8rem,5vw,5.1rem);max-width:780px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.intro-grid article{padding:clamp(30px,5vw,68px);min-height:390px;display:flex;flex-direction:column;align-items:flex-start}.intro-grid article+article{border-left:1px solid var(--line)}.intro-grid h3{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.65rem);font-weight:400;margin:70px 0 14px;line-height:1}.intro-grid p{color:var(--muted);max-width:520px;margin:0}.solution-card{background:var(--ink-2);color:var(--white)}.solution-card p{color:#bdc1ba}.card-number{font-size:.7rem;color:var(--accent);letter-spacing:.15em}
.method{background:var(--ink-2);color:var(--white);padding:clamp(90px,10vw,150px) max(24px,calc((100vw - 1180px)/2));position:relative}.method:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.025) 50%);background-size:25% 100%;pointer-events:none}.section-heading.light{grid-template-columns:.35fr .65fr;position:relative;z-index:1}.section-heading.light h2{font-size:clamp(3.4rem,7vw,7rem)}.section-heading.light>p:last-child{grid-column:2;color:#aeb2ab;max-width:500px;margin:20px 0 0}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #565a54;position:relative;z-index:1}.steps li{padding:38px 42px 0 0;min-height:260px}.steps li+li{border-left:1px solid #565a54;padding-left:42px}.steps>li>span{color:var(--accent);font-size:.72rem;letter-spacing:.14em}.steps h3{font-family:var(--serif);font-size:2.3rem;font-weight:400;margin:42px 0 8px}.steps p{color:#b7bbb4;margin:0;font-size:.92rem}
.benefit-list{border-top:1px solid var(--line)}.benefit{display:grid;grid-template-columns:80px minmax(220px,.7fr) 1fr;gap:25px;align-items:center;min-height:148px;border-bottom:1px solid var(--line);padding:25px 10px;transition:background .25s,padding .25s}.benefit:hover{background:#eae6dd;padding-left:22px;padding-right:22px}.benefit-no{font-size:.7rem;color:var(--accent-dark)}.benefit h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.1;margin:0}.benefit p{max-width:520px;color:var(--muted);margin:0}
.quote-band{background:var(--accent);color:#1b1c1a;padding:clamp(75px,9vw,130px) max(24px,calc((100vw - 1080px)/2));position:relative}.quote-mark{position:absolute;right:7vw;top:-30px;font-family:Georgia;font-size:260px;color:rgba(255,255,255,.15);line-height:1}.quote-band blockquote{margin:0;position:relative}.quote-band blockquote>p{font-family:var(--serif);font-size:clamp(2.2rem,4.7vw,4.8rem);line-height:1.08;letter-spacing:-.025em;margin:0;max-width:1040px}.quote-band blockquote footer{display:flex;flex-direction:column;margin-top:38px;font-size:.78rem;letter-spacing:.05em}.quote-band blockquote footer span{opacity:.72}.quote-source{position:absolute;right:5vw;bottom:38px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}
.story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,9vw,130px)}.story h2{font-size:clamp(2.8rem,4.8vw,4.7rem);margin-bottom:35px}.story-copy>p:not(.eyebrow){color:var(--muted);max-width:600px}.timeline{border-top:1px solid var(--line)}.timeline div{position:relative;border-bottom:1px solid var(--line);padding:30px 15px 30px 50px}.timeline div:before{content:"";position:absolute;left:7px;top:39px;width:9px;height:9px;background:var(--accent);border-radius:50%}.timeline div:not(:last-child):after{content:"";position:absolute;left:11px;top:49px;bottom:-31px;border-left:1px solid var(--accent)}.timeline span{text-transform:uppercase;font-weight:700;font-size:.72rem;letter-spacing:.12em}.timeline p{margin:5px 0 0;color:var(--muted)}
.markets{max-width:1320px;margin:auto;padding:0 clamp(24px,5vw,70px) clamp(90px,10vw,150px)}.markets-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.markets h2{font-size:clamp(2.8rem,5vw,5rem)}.market-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.market-grid div{grid-column:span 2;min-height:150px;padding:28px;font-family:var(--serif);font-size:1.4rem;line-height:1.15;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:end}.market-grid div:nth-child(4),.market-grid div:nth-child(5){grid-column:span 3}
.availability{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,120px)}.availability h2{font-size:clamp(2.8rem,5vw,4.8rem)}.availability-copy>p:last-child{color:var(--muted);max-width:500px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.swatches>div{display:flex;flex-direction:column}.swatch{aspect-ratio:1;display:block;border:1px solid var(--line);margin-bottom:16px}.swatch.white{background:#fff}.swatch.cream{background:#e8dfc9}.swatch.anthracite{background:#383e42}.swatches strong{font-size:.83rem}.swatches small{color:var(--muted)}
.contact{background:#191b19;color:var(--white);text-align:center;padding:clamp(95px,12vw,175px) 24px}.contact-inner{max-width:1000px;margin:auto;display:flex;flex-direction:column;align-items:center}.contact .eyebrow:before{display:none}.contact h2{font-size:clamp(3rem,6.5vw,6.4rem)}.contact p:not(.eyebrow){color:#b9bdb6}.contact-email{font-size:clamp(1rem,2vw,1.35rem);margin:15px 0 35px;text-underline-offset:7px}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:var(--accent)}.site-footer{background:#111311;color:#91958e;padding:34px max(24px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:end;font-size:.69rem}.footer-wordmark{color:var(--white)}.site-footer p{margin:0;text-align:center}.site-footer>a{justify-self:end;text-transform:uppercase;text-decoration:none;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.nav-shell{height:70px}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#fff;font:600 .72rem var(--sans);text-transform:uppercase;letter-spacing:.1em}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:22px;height:1px;background:currentColor;transition:.2s}.menu-lines{position:relative}.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0}.menu-lines:before{top:-6px}.menu-lines:after{top:6px}.menu-toggle[aria-expanded=true] .menu-lines{background:transparent}.menu-toggle[aria-expanded=true] .menu-lines:before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines:after{top:0;transform:rotate(-45deg)}.site-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ink);padding:22px 24px 28px;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav a{padding:8px 0}.nav-cta{text-align:center;margin-top:6px}.hero{grid-template-columns:1fr;min-height:auto;padding:125px 24px 65px}.hero-copy{padding:0}.hero h1{font-size:clamp(3.35rem,12vw,6rem)}.hero-product{max-width:650px;width:100%;margin:auto}.proof-strip{grid-template-columns:1fr 1fr}.proof-item:nth-child(odd){border-left:1px solid var(--line)}.proof-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-heading,.section-heading.light{display:block}.section-heading h2,.section-heading.light h2{margin-top:0}.section-heading.light>p:last-child{margin-top:20px}.steps{grid-template-columns:1fr}.steps li{display:grid;grid-template-columns:50px 1fr;min-height:auto;padding:30px 0}.steps li+li{border-left:0;border-top:1px solid #565a54;padding-left:0}.steps h3{margin:0 0 8px}.story,.availability{grid-template-columns:1fr}.markets-head{display:block}.market-grid{grid-template-columns:1fr 1fr}.market-grid div,.market-grid div:nth-child(4),.market-grid div:nth-child(5){grid-column:span 1}.site-footer{grid-template-columns:1fr auto;gap:25px}.site-footer p{grid-column:1/-1;grid-row:2;text-align:left}}
@media(max-width:620px){body{font-size:15px}.hero{gap:45px}.hero h1{font-size:3.55rem}.hero-lead{margin:24px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.button{width:100%}.proof-strip{grid-template-columns:1fr}.proof-item{min-height:95px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.section{padding-left:22px;padding-right:22px}.section-heading{margin-bottom:42px}.intro-grid{grid-template-columns:1fr}.intro-grid article{min-height:auto}.intro-grid article+article{border-left:0;border-top:1px solid var(--line)}.intro-grid h3{margin-top:40px}.benefit{grid-template-columns:45px 1fr;padding:26px 4px}.benefit p{grid-column:2}.quote-source{position:static;margin:40px 0 0}.market-grid{grid-template-columns:1fr}.market-grid div{min-height:110px}.swatches{gap:7px}.swatches strong{font-size:.7rem}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end}.site-footer p{order:3;width:100%}}

/* Clarity, accessibility and FAQ refinements */
.hero h1{font-size:clamp(3.2rem,5.4vw,6.1rem);max-width:850px}.hero-lead{font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.55;color:#d6d9d3;max-width:650px;margin:26px 0 12px}.hero-audience{color:#aeb3ac;font-size:.88rem;line-height:1.55;max-width:640px;margin:0 0 28px}.faq{border-top:1px solid var(--line)}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;min-height:72px;padding:21px 56px 21px 4px;position:relative;font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.25}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--accent-dark);font:400 1.5rem var(--sans)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);max-width:800px;margin:-5px 56px 24px 4px}.faq details a{text-underline-offset:4px}
@media(max-width:900px){.menu-toggle{justify-content:center;min-width:88px;min-height:44px}.site-nav a{display:flex;align-items:center;min-height:44px}.nav-cta{justify-content:center}.hero h1{font-size:clamp(3rem,10vw,5rem)}}
@media(max-width:620px){.hero h1{font-size:clamp(2.65rem,12vw,3.55rem)}.hero-lead{margin:20px 0 10px}.hero-audience{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.menu-lines,.menu-lines:before,.menu-lines:after{transition:none}}

.installation-gallery{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:48px}.installation-gallery figure{margin:0;background:#252824;border:1px solid rgba(255,255,255,.16);overflow:hidden}.installation-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover}.installation-gallery figcaption{display:flex;flex-direction:column;gap:4px;padding:18px 20px;color:#c9cec7}.installation-gallery figcaption strong{color:var(--white);font-size:1rem}.installation-gallery figcaption span{font-size:.86rem;line-height:1.5}
@media(max-width:900px){.installation-gallery{grid-template-columns:1fr}.installation-gallery figure{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr)}.installation-gallery figcaption{justify-content:center}}
@media(max-width:620px){.installation-gallery figure{display:block}.installation-gallery figcaption{min-height:104px}}
.footer-links{display:flex;align-items:center;justify-content:flex-end;gap:24px}.footer-links a{text-underline-offset:5px}.footer-links a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:900px){.footer-links{justify-content:flex-start;flex-wrap:wrap}}

/* Flexible colour availability, intentionally not limited to fixed swatches */
.availability{display:block}.availability-copy{max-width:1080px}.availability h2{font-family:var(--sans);font-size:clamp(3rem,6vw,6rem);font-weight:600;line-height:.96;letter-spacing:-.04em;text-transform:uppercase;max-width:1050px;margin:18px 0 28px}.availability-copy>p:last-child{max-width:760px;font-size:1.05rem}
@media(max-width:620px){.availability h2{font-size:clamp(2.7rem,12vw,4.3rem)}}