@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/fonts/cormorant-garamond-400-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--media-glass:linear-gradient(130deg,#ffffff14,#ffffff03 48%,#ffffff0b);--paper:#f4f3ed;--ink:#202721;--green:#203d31;--muted:#60675f;--rule:#c9cec5;--white:#fff;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--gutter:clamp(24px,4.2vw,72px);--section:clamp(72px,8vw,128px)}
@media (max-width: 700px) and (max-aspect-ratio: 3/4){:root{--portrait-atmosphere:url('/assets/showcase/glass-atmosphere-portrait.webp')}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.03;letter-spacing:-.035em}h1{font-size:clamp(58px,6.25vw,96px)}h2{font-size:clamp(48px,4.6vw,72px)}h3{font-size:clamp(32px,3.25vw,50px)}p+p{margin-top:1em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;border-radius:0;background:none}button:disabled{cursor:default}img{display:block;width:100%;object-fit:cover}svg{flex-shrink:0}::selection{background:#c5d3bd;color:var(--green)}:focus-visible{outline:2px solid #ae6c32;outline-offset:5px}button:focus-visible{outline-offset:5px}[hidden]{display:none!important}.arrow{height:20px;width:20px;vertical-align:middle;flex-shrink:0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:var(--green);color:var(--paper);padding:17px 25px;font-size:15px;line-height:1.4;min-height:56px;font-weight:500;border:1px solid var(--green);transition:background .2s,color .2s,border-color .2s}.button:hover{background:#345544;border-color:#345544}.button .arrow{transition:transform .2s}.button:hover .arrow{transform:translate(2px,-2px)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid currentColor;line-height:1.6;padding-bottom:3px;font-size:15px}.text-link:hover{color:#608063}.eyebrow{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;line-height:1.4;margin-bottom:25px}.section{padding:var(--section) var(--gutter);max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;gap:64px;align-items:end;margin-bottom:48px}.section-heading>p,.section-heading>div:last-child:not(:first-child){max-width:390px}.section-heading p{color:var(--muted);font-size:17px;line-height:1.6}.section-heading .eyebrow{color:var(--green);font-size:11px}.section-heading .text-link{margin-top:20px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.skip-link{position:fixed;z-index:1000;left:12px;top:-100px;padding:12px;background:var(--green);color:white}.skip-link:focus{top:12px}
/* Clear, quiet navigation. */
.site-header{padding:0 var(--gutter);height:94px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:7vw;position:relative;z-index:20;background:var(--paper)}.brand{display:inline-block;line-height:1}.wordmark{font-family:var(--sans);font-size:35px;font-weight:600;letter-spacing:-1.8px;color:var(--green)}.brand-dot{display:none}.site-header nav{display:flex;align-items:center;gap:40px;flex:1;height:100%}.site-header nav>a:not(.button){font-size:15px;position:relative}.site-header nav>a:not(.button)::after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav>a:hover::after,.site-header nav>a[aria-current]::after{transform:scaleX(1)}.nav-quote{margin-left:auto;min-width:175px}.menu-toggle{display:none}
/* First impression: text and a real aWindow installation. */
.hero{display:grid;grid-template-columns:45% 55%;min-height:660px;height:calc(100svh - 194px);max-height:820px;max-width:1600px;margin:auto}.hero-copy{padding:70px 34px 60px var(--gutter);display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(64px,6.05vw,96px);line-height:.99;letter-spacing:-.045em}.hero-description{font-size:clamp(17px,1.35vw,21px);line-height:1.5;margin-top:34px;letter-spacing:-.015em}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:39px;flex-wrap:wrap}.hero-actions .button{padding:18px 22px;gap:26px}.hero-actions .text-link{font-size:13px}.hero-location{font-size:12px;line-height:1.6;color:var(--muted);max-width:380px;margin-top:49px}.hero-media{height:100%;overflow:hidden}.hero-media img{height:100%;object-position:52% 50%}.service-band{margin:0 auto;max-width:1600px;padding:28px var(--gutter);display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--rule);gap:35px}.service-band p{margin:0;display:flex;align-items:center;gap:35px;font-size:17px}.service-band p+p{border-left:1px solid var(--rule);padding-left:50px}.service-band span{font-size:11px;color:var(--muted)}
/* Product explorer. */
.product-section{padding-top:105px}.product-section .section-heading h2{font-size:clamp(46px,4.55vw,70px)}.product-tabs{display:flex;border-bottom:1px solid var(--rule);gap:24px;margin-bottom:35px;overflow:auto;scrollbar-width:thin}.product-tabs button{padding:16px 16px 18px;white-space:nowrap;font-size:16px;line-height:1.4;color:var(--muted);position:relative;border-bottom:2px solid transparent;margin-bottom:-1px}.product-tabs button:first-child{padding-left:12px}.product-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);font-weight:600}.product-tabs button:hover{color:var(--green);background:#eaece4}.product-panel{display:grid;grid-template-columns:1.58fr 1fr;gap:58px;align-items:stretch}.product-panel>img{height:100%;min-height:490px;max-height:640px;aspect-ratio:1.4;object-fit:cover}.product-copy{padding:5px 0 0;display:flex;flex-direction:column;align-items:start}.product-copy .eyebrow{margin-bottom:24px}.product-copy h3{font-size:clamp(42px,4.15vw,64px);max-width:430px;line-height:1.02}.product-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:23px 0 30px}.ruled-links{width:100%;margin-bottom:30px}.ruled-links a{display:flex;border-bottom:1px solid var(--rule);padding:14px 0;font-size:15px}.ruled-links a:first-child{border-top:1px solid var(--rule)}.product-copy>.button{margin-top:auto;width:100%;justify-content:center}
/* Photographs stay unaltered; detail is available in a lightbox. */
.work-section{padding-top:12px}.featured-projects{display:grid;grid-template-columns:1.45fr 1fr;gap:34px;align-items:start}.featured-projects .project-card:nth-child(2){padding-top:65px}.project-image{padding:0;display:block;width:100%;overflow:hidden;position:relative;text-align:left}.project-image img{aspect-ratio:1.35;transition:transform .65s}.project-image:hover img{transform:scale(1.025)}.image-action{position:absolute;right:15px;bottom:15px;display:flex;align-items:center;gap:16px;padding:10px 14px;color:var(--green);background:var(--paper);font-size:12px;opacity:0;transform:translateY(7px);transition:opacity .2s,transform .2s}.project-image:hover .image-action,.project-image:focus-visible .image-action{opacity:1;transform:none}.project-caption{border-top:1px solid var(--rule);margin-top:22px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.project-caption h3{font-size:33px;letter-spacing:-.02em}.project-caption p{font-size:13px;color:var(--muted);margin-top:7px}.project-caption>.arrow{width:18px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px}.project-grid .project-image img{aspect-ratio:1.35}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);margin:48px 0 40px;gap:20px}.gallery-filters{display:flex;gap:22px;overflow:auto}.gallery-filters button{border-bottom:2px solid transparent;padding:12px 1px;font-size:15px;white-space:nowrap}.gallery-filters button[aria-pressed=true]{border-color:var(--green);color:var(--green);font-weight:600}.gallery-toolbar>p{font-size:12px;color:var(--muted);white-space:nowrap}.gallery-heading{align-items:center}.gallery-section{padding-top:80px}.project-card[hidden]{display:none}
dialog{border:0;background:var(--paper);color:var(--ink);padding:0;max-width:min(1000px,90vw);width:100%;max-height:90svh;overflow:auto}dialog::backdrop{background:rgba(15,26,20,.82);backdrop-filter:blur(4px)}dialog>img{max-height:65svh;object-fit:contain;background:#e8e9e2}.dialog-close{display:flex;align-items:center;gap:14px;padding:10px 18px;font-size:13px;margin-left:auto}.dialog-close span{font-size:27px;line-height:1}.dialog-caption{padding:25px 35px 35px}.dialog-caption h2{font-size:40px}.dialog-caption p{font-size:14px;color:var(--muted);margin:8px 0 22px}
/* The company and its process. */
.approach{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1.12fr 1fr;gap:80px;max-width:none;padding-top:100px;padding-bottom:100px}.approach-title{display:flex;flex-direction:column;align-items:start}.approach-title h2{font-size:clamp(48px,5.45vw,84px);line-height:1.05;margin-top:35px}.approach-title .button{margin-top:auto;min-width:185px}.button-outline{background:transparent;border:1px solid #a7b4a8;color:var(--paper)}.button-outline:hover{background:var(--paper);color:var(--green);border-color:var(--paper)}.approach-intro{font-size:20px;line-height:1.55;max-width:510px;margin-bottom:38px}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:65px 1fr;gap:20px;border-bottom:1px solid #536b5d;padding:25px 0}.steps li:last-child{border:0;padding-bottom:0}.step-number{font-family:var(--serif);font-size:48px;line-height:1}.steps h3{font-size:31px;line-height:1.1;letter-spacing:-.02em}.steps p{font-size:14px;color:#cdd6cd;margin-top:10px;max-width:380px}
/* Enquiry draft form. */
.enquiry-section{display:grid;grid-template-columns:1fr 1.02fr;gap:85px;align-items:start}.enquiry-intro h1,.enquiry-intro h2{font-size:clamp(52px,5.1vw,80px);line-height:1.02}.enquiry-intro>p:not(.eyebrow){font-size:18px;line-height:1.6;margin-top:28px;max-width:430px}.contact-links{display:flex;align-items:start;flex-direction:column;gap:10px;margin-top:38px}.contact-links a{font-size:22px;line-height:1.4;border-bottom:1px solid var(--green);color:var(--green)}.contact-details{margin-top:40px;color:var(--muted);font-size:14px}form fieldset{border:0;margin:0 0 20px;padding:0;min-width:0}form legend,form label{display:block;font-size:13px;line-height:1.4;margin:0 0 8px}.audience-options{display:flex;gap:12px}.audience-options label{display:flex;align-items:center;gap:12px;flex:1;border:1px solid #a9b1a5;padding:13px 14px;cursor:pointer;margin:0;font-size:13px;min-height:52px}.audience-options label:has(input:checked){border-color:var(--green);background:#e6eae2}.audience-options input{height:16px;width:16px;accent-color:var(--green);margin:0}.audience-options label:focus-within{outline:2px solid #ae6c32;outline-offset:3px}.enquiry-form input:not([type=radio]),select,textarea{background:transparent;border:1px solid #adb4a9;border-radius:0;padding:13px 14px;width:100%;min-height:50px;font-size:14px;box-shadow:none;line-height:1.5}.enquiry-form input:focus,textarea:focus,select:focus{outline:2px solid var(--green);outline-offset:1px;background:#fafaf6}form label span{color:var(--muted)}form select{margin-bottom:20px}form textarea{resize:vertical;min-height:136px}::placeholder{color:#7a8277;opacity:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.form-note{font-size:12px;line-height:1.6;margin-top:10px;color:var(--muted)}.enquiry-form form>.button{margin-top:25px;min-width:210px}.form-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin-top:15px}.form-footnote .text-link{font-size:11px;gap:4px}.form-footnote .arrow{width:11px;height:11px}.enquiry-result{border-top:1px solid var(--rule);padding-top:30px;margin-top:35px}.enquiry-result h3{font-size:39px;line-height:1.1;margin-bottom:20px}.enquiry-result>p{font-size:14px}.enquiry-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--sans);font-size:13px;line-height:1.7;padding:20px;background:#e7eae2;margin:25px 0}.enquiry-result .actions{gap:18px}.enquiry-result .button{font-size:13px}.registered-office{border-top:1px solid var(--rule);padding-top:50px;padding-bottom:60px}.registered-office h2{font-size:32px;margin-bottom:15px}.registered-office p{font-size:14px;color:var(--muted)}
/* Secondary pages use the same editorial frame. */
.page-intro{padding-top:80px;padding-bottom:25px}.page-intro h1{max-width:950px;font-size:clamp(54px,6.2vw,94px)}.page-intro>p:not(.eyebrow){max-width:650px;margin-top:30px;font-size:19px;color:var(--muted)}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:28px;gap:30px}.intro-bottom p{font-size:18px;color:var(--muted)}.category-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center;padding-top:70px;padding-bottom:75px}.category-hero>img{height:570px;object-fit:cover}.category-hero .breadcrumb{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:45px}.category-hero .eyebrow{margin-bottom:20px}.category-hero h1{font-size:clamp(56px,5.75vw,88px)}.category-hero p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--muted);margin-top:25px;max-width:510px}.category-hero .button{margin-top:30px}.range-section{padding-top:40px}.product-range{border-top:1px solid var(--rule)}.product-range article{padding:32px 0;border-bottom:1px solid var(--rule);display:flex;align-items:start;gap:40px;scroll-margin-top:30px}.range-number{font-size:12px;color:var(--muted);padding-top:8px;width:35px;flex-shrink:0}.product-range h3{font-size:37px;line-height:1.1}.product-range p{color:var(--muted);font-size:16px;max-width:720px;margin-top:12px}.product-range .text-link{margin-left:auto;flex-shrink:0;margin-top:8px}.product-range h2{font-size:37px}.faq-section{border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding-top:75px;padding-bottom:85px}.faq-section h2{font-size:54px}.faq-list{border-top:1px solid var(--rule)}details{border-bottom:1px solid var(--rule)}summary{list-style:none;padding:22px 0;cursor:pointer;font-size:16px;display:flex;justify-content:space-between;gap:24px;align-items:center}summary::-webkit-details-marker{display:none}summary>span{font-size:24px;line-height:1;font-weight:400;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{padding:0 35px 24px 0;color:var(--muted);font-size:15px}.callout{border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:60px;padding-top:65px;padding-bottom:75px}.callout h2{max-width:530px;font-size:clamp(50px,4.5vw,72px)}.callout p{font-size:16px;color:var(--muted);margin-bottom:23px}.about-hero .eyebrow{margin-bottom:25px}.audience-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--rule);padding-top:70px}.audience-section article+article{border-left:1px solid var(--rule);padding-left:85px}.audience-section h2{font-size:54px}.audience-section p:not(.eyebrow){margin:25px 0;font-size:16px;color:var(--muted);max-width:490px}.bridge-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:50px}.bridge-grid img{aspect-ratio:1.3}.bridge-grid h2{margin:24px 0 15px}.bridge-grid p{max-width:550px;color:var(--muted);margin-bottom:25px}.legal-page{max-width:1000px;padding-top:85px}.legal-page h1{margin-bottom:35px}.legal-page .lead{font-size:21px}.legal-page h2{font-size:38px;margin-top:45px;margin-bottom:20px}.legal-page p{color:var(--muted)}.legal-page p a{border-bottom:1px solid currentColor}.legal-note{border-top:1px solid var(--rule);margin-top:35px;padding-top:25px;font-size:13px}.not-found{padding-top:110px;padding-bottom:130px}.not-found h1{margin-bottom:25px}.not-found p:not(.eyebrow){color:var(--muted);margin-bottom:35px}
/* Footer. */
.site-footer{background:var(--green);color:var(--paper);padding:45px var(--gutter) 25px}.site-footer .wordmark{color:var(--paper);font-size:34px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:30px}.footer-top p{font-size:12px;margin-top:12px;color:#cbd5ca}.footer-top nav{display:flex;gap:34px;font-size:14px}.footer-top nav a:hover,.footer-bottom a:hover{text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #647968;padding-top:22px;font-size:11px;color:#cbd5ca}
@media(min-width:1600px){.approach,.site-header,.site-footer{padding-left:max(72px,calc((100vw - 1456px)/2));padding-right:max(72px,calc((100vw - 1456px)/2))}.hero{border-left:1px solid var(--rule);border-right:1px solid var(--rule)}}
@media(max-width:1100px){.site-header{gap:50px;height:82px}.site-header nav{gap:24px}.wordmark{font-size:30px}.hero{min-height:620px;height:auto;grid-template-columns:47% 53%}.hero h1{font-size:65px}.hero-copy{padding-right:25px}.hero-description br{display:none}.hero-actions{gap:21px}.hero-location{margin-top:35px}.service-band p{gap:18px;font-size:15px}.service-band p+p{padding-left:25px}.product-panel{gap:35px;grid-template-columns:1.2fr 1fr}.product-copy h3{font-size:50px}.product-copy>p:not(.eyebrow){font-size:15px}.product-panel>img{min-height:540px}.section-heading{gap:35px}.section-heading>p{max-width:300px}.product-section .section-heading h2{font-size:54px}.approach{gap:50px}.approach-title h2{font-size:64px}.steps li{grid-template-columns:50px 1fr;gap:14px}.steps h3{font-size:28px}.enquiry-section{gap:45px}.enquiry-intro h1,.enquiry-intro h2{font-size:61px}.contact-links a{font-size:19px}.audience-options label{padding:12px 9px;font-size:12px;gap:8px}.category-hero{gap:40px}.category-hero h1{font-size:66px}.faq-section{gap:45px}.faq-section h2{font-size:48px}.audience-section{gap:50px}.audience-section article+article{padding-left:50px}}
@media(max-width:760px){:root{--gutter:24px;--section:70px}html{scroll-padding-top:20px}body{font-size:15px}.site-header{height:76px;justify-content:space-between;gap:20px}.wordmark{font-size:30px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;padding:10px;order:3}.menu-toggle span{width:24px;height:1px;background:var(--green);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{display:none;position:absolute;left:0;right:0;top:75px;height:auto;padding:20px var(--gutter) 28px;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:0 15px 18px #203d310d}.site-header nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:0}.site-header nav>a:not(.button){padding:14px 0;font-size:18px}.site-header nav>a:not(.button)::after{display:none}.nav-quote{margin:18px 0 0;align-self:start}.hero{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0}.hero-copy{padding:54px var(--gutter) 40px}.hero h1{font-size:clamp(60px,10vw,76px);line-height:.98}.hero-description{font-size:17px;margin-top:26px;max-width:410px}.hero-description br{display:block}.hero-actions{margin-top:27px;gap:23px}.hero-actions .button{font-size:13px;min-height:51px;padding:15px 17px;gap:22px}.hero-actions .text-link{font-size:12px}.hero-location{font-size:11px;margin-top:27px;max-width:310px}.hero-media{height:410px;max-height:100vw;margin:0 var(--gutter);width:auto}.hero-media img{object-position:center}.service-band{padding:27px var(--gutter);gap:14px;border-bottom:1px solid var(--rule)}.service-band p{display:block;font-size:12px;line-height:1.5}.service-band p+p{padding-left:16px}.service-band span{display:block;font-size:10px;margin-bottom:7px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.product-section .section-heading h2{font-size:48px}.section-heading>p,.section-heading>div:last-child:not(:first-child){margin-top:23px;max-width:460px}.section-heading p{font-size:15px}.eyebrow{font-size:10px;margin-bottom:19px}.product-section{padding-top:68px}.product-tabs{gap:9px;margin-right:calc(-1 * var(--gutter));padding-right:24px;margin-bottom:28px}.product-tabs button{font-size:13px;padding:13px 11px 14px}.product-panel{display:flex;flex-direction:column;gap:29px}.product-panel>img{height:340px;min-height:0;max-height:none;aspect-ratio:auto}.product-copy{padding:0}.product-copy .eyebrow{font-size:10px;margin-bottom:16px}.product-copy h3{font-size:48px;max-width:400px}.product-copy>p:not(.eyebrow){font-size:15px;max-width:430px;margin:19px 0 25px}.ruled-links{margin-bottom:25px}.ruled-links a{font-size:14px;padding:15px 0}.product-copy>.button{justify-content:space-between;width:100%;font-size:14px}.work-section{padding-top:12px}.featured-projects{grid-template-columns:1fr;gap:36px}.featured-projects .project-card:nth-child(2){padding-top:0}.project-image img{aspect-ratio:1.25}.project-caption{margin-top:17px;padding-top:14px}.project-caption h3{font-size:31px}.project-caption p{font-size:12px}.image-action{opacity:1;transform:none;font-size:10px;right:10px;bottom:10px;padding:8px 11px}.image-action .arrow{width:15px;height:15px}.approach{display:block;padding-top:66px;padding-bottom:65px}.approach-title h2{font-size:58px;margin-top:10px}.approach-title .button{margin-top:33px;font-size:14px}.approach-content{margin-top:46px}.approach-intro{font-size:18px;margin-bottom:17px}.steps li{grid-template-columns:48px 1fr;padding:25px 0;gap:17px}.step-number{font-size:45px}.steps h3{font-size:29px}.steps p{font-size:14px;margin-top:9px}.enquiry-section{display:block}.enquiry-intro h1,.enquiry-intro h2{font-size:58px}.enquiry-intro>p:not(.eyebrow){font-size:16px;margin-top:24px;max-width:380px}.contact-links{margin-top:26px;gap:11px}.contact-links a{font-size:19px}.enquiry-form{margin-top:42px}.audience-options label{font-size:12px;padding:12px 10px;gap:8px}.form-row{gap:13px}.enquiry-form input:not([type=radio]),select,textarea{font-size:16px;padding:11px 12px}form label,form legend{font-size:12px}.form-note{font-size:11px}.form-footnote{font-size:11px}.enquiry-form form>.button{width:100%;justify-content:space-between;margin-top:21px}.enquiry-result h3{font-size:36px}.enquiry-result .actions{align-items:start;flex-direction:column}.enquiry-result .button{width:100%}.page-intro{padding-top:55px;padding-bottom:10px}.page-intro h1{font-size:58px}.intro-bottom{display:block;margin-top:25px}.intro-bottom p{font-size:16px}.intro-bottom .text-link{margin-top:24px}.category-hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-top:40px;padding-bottom:55px}.category-hero .breadcrumb{margin-bottom:30px;font-size:11px}.category-hero h1{font-size:60px}.category-hero p:not(.eyebrow){font-size:16px;margin-top:22px}.category-hero>img{height:365px;aspect-ratio:1}.category-hero .button{font-size:14px;margin-top:28px}.range-section{padding-top:10px}.range-section .section-heading h2{font-size:45px}.product-range article{gap:15px;flex-wrap:wrap;padding:26px 0}.range-number{width:22px;font-size:10px}.product-range article>div{flex:1}.product-range h3,.product-range h2{font-size:31px;line-height:1.1}.product-range p{font-size:14px;margin-top:13px}.product-range .text-link{margin-left:37px;margin-top:4px;font-size:13px}.faq-section{display:block;padding-top:60px;padding-bottom:65px}.faq-section h2{font-size:48px}.faq-list{margin-top:35px}summary{font-size:14px;padding:20px 0}details p{font-size:14px}.callout{display:block;padding-top:55px;padding-bottom:60px}.callout h2{font-size:52px}.callout>div{margin-top:24px}.callout p{font-size:15px}.callout .button{font-size:14px}.audience-section{display:block;padding-top:55px}.audience-section h2{font-size:47px}.audience-section article+article{border-left:0;border-top:1px solid var(--rule);padding:40px 0 0;margin-top:42px}.audience-section p:not(.eyebrow){font-size:15px;margin:22px 0}.gallery-section{padding-top:50px}.gallery-heading h1{font-size:61px}.gallery-toolbar{display:block;margin-top:33px;margin-bottom:30px}.gallery-toolbar>p{font-size:11px;margin:7px 0 15px}.gallery-filters{gap:24px}.gallery-filters button{font-size:13px}.project-grid{grid-template-columns:1fr;gap:35px}.bridge-grid{grid-template-columns:1fr;padding-top:35px;gap:50px}.legal-page{padding-top:55px}.legal-page h1{font-size:58px}.legal-page .lead{font-size:18px}.legal-page h2{font-size:34px}.legal-page p{font-size:15px}.legal-note{font-size:12px!important}.not-found{padding-top:70px;padding-bottom:85px}.not-found h1{font-size:65px}.footer-top{display:block;padding-bottom:26px}.site-footer{padding-top:35px}.site-footer .wordmark{font-size:30px}.footer-top nav{margin-top:30px;gap:23px;flex-wrap:wrap;font-size:13px}.footer-bottom{font-size:10px;gap:18px;align-items:start}.footer-bottom p{max-width:235px}dialog{max-width:calc(100vw - 24px);max-height:92svh}.dialog-caption{padding:22px}.dialog-caption h2{font-size:34px}.dialog-caption p{font-size:12px}dialog>img{max-height:55svh}.registered-office h2{font-size:30px}}
@media(max-width:380px){:root{--gutter:20px}.hero h1{font-size:54px}.hero-actions{gap:19px}.hero-actions .text-link{font-size:12px}.hero-description{font-size:16px}.enquiry-intro h1,.enquiry-intro h2{font-size:50px}.audience-options{gap:8px}.audience-options label{font-size:11px}.form-row{grid-template-columns:1fr}.service-band p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Tablet widths retain a generous reading measure. */
.journal-list{padding-top:50px}.journal-list article{display:flex;align-items:start;gap:35px;padding:34px 0;border-top:1px solid var(--rule)}.journal-list article>div{max-width:900px}.journal-list .eyebrow{margin-bottom:10px}.journal-list h2{font-size:40px;line-height:1.12}.journal-list h2 a:hover{color:#527557}.journal-list article>div>p:not(.eyebrow){margin-top:14px;color:var(--muted);font-size:15px}.journal-list .text-link{margin-left:auto;flex-shrink:0;margin-top:25px}.article-page{max-width:1000px;padding-top:75px}.article-page .breadcrumb{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:32px}.article-page h1{font-size:72px;line-height:1.02}.article-lead{font-size:21px;color:var(--muted);margin-top:28px}.article-body{margin-top:45px;border-top:1px solid var(--rule)}.article-body section{margin-top:35px}.article-body h2{font-size:38px;margin-bottom:18px}.article-body p{font-size:17px;color:var(--muted)}.article-page>.text-link{margin-top:45px}
@media(max-width:760px){.journal-list article{gap:18px;flex-wrap:wrap}.journal-list article>div{flex:1}.journal-list h2{font-size:32px}.journal-list article>.text-link{margin-top:0;margin-left:53px}.article-page{padding-top:45px}.article-page h1{font-size:51px}.article-lead{font-size:18px}.article-body h2{font-size:33px}.article-body p{font-size:15px}.journal-list .range-number{width:35px}}
.product-tabs{overflow-x:auto;overflow-y:hidden}.product-tabs button:focus-visible{outline-offset:-5px}
@media(min-width:761px) and (max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:52px var(--gutter) 42px}.hero h1{font-size:77px}.hero-description{max-width:480px}.hero-actions{flex-wrap:nowrap}.hero-media{height:540px;margin:0 var(--gutter)}.hero-media img{object-position:center 56%}.hero-description br::after{content:' '}.product-panel{grid-template-columns:1fr}.product-panel>img{height:470px;min-height:0}.product-copy h3{max-width:500px}.product-copy>.button{margin-top:0;width:auto}.product-copy>p:not(.eyebrow){max-width:550px}.enquiry-section{gap:30px}.enquiry-intro h1,.enquiry-intro h2{font-size:52px}.approach{gap:30px}.approach-title h2{font-size:52px}.audience-options{flex-direction:column}}
/* Useful navigation and email fallback when scripting is unavailable. */
html:not(.js) .product-tabs{display:none}html:not(.js) .product-panel[hidden]{display:grid!important}html:not(.js) .product-panel{margin-bottom:50px}html:not(.js) .gallery-filters{display:none}html:not(.js) #quote-form>.button,html:not(.js) .form-footnote{display:none}
@media(max-width:760px){html:not(.js) .menu-toggle{display:none}html:not(.js) .site-header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:22px;padding-bottom:20px}html:not(.js) .site-header nav{position:static;display:flex;flex-wrap:wrap;flex-direction:row;flex:auto;gap:20px;padding:0;box-shadow:none;border:0;margin-top:16px}html:not(.js) .site-header nav>a:not(.button){font-size:13px;padding:0}html:not(.js) .nav-quote{display:none}html:not(.js) .product-panel[hidden]{display:flex!important}}

/* Neutral media surrounds keep the page atmosphere visible without another blur layer. */
@media(prefers-reduced-transparency:reduce){:root{--media-glass:#27292d}}

/* Premium showcase: material warmth, fine rules and architectural scale. */
html{scroll-padding-top:0}
@media(min-width:761px) and (max-width:900px){.site-header{gap:20px!important;padding-left:25px!important;padding-right:25px!important}.site-header nav{gap:20px!important}.site-header nav>a{white-space:nowrap!important;font-size:12px!important}.site-header .wordmark{font-size:36px!important}.site-header .nav-quote{padding:12px!important;gap:12px!important;margin-left:0!important;min-height:46px!important}.site-header .arrow{width:15px!important;height:15px!important}}
:root{--paper:#eee9df;--ink:#151a18;--green:#151a18;--muted:#65665f;--rule:#c8c4b9;--bronze:#b99a6a;--gutter:clamp(24px,4.2vw,82px)}
html{scroll-behavior:auto}h1,h2,h3{letter-spacing:-.045em}.wordmark{font-family:var(--serif);font-weight:400;font-size:44px;letter-spacing:-2px}.brand-dot{display:inline}.button:hover{background:#9c8054;border-color:#9c8054;color:#fff}.text-link:hover{color:#9c8054}.site-header{gap:5vw;height:100px}.site-header nav{justify-content:flex-end;gap:42px}.nav-quote{margin-left:12px;min-width:0;background:transparent;color:inherit;border-color:currentColor}.site-header nav>a:not(.button)::after{background:currentColor}body[data-page="/"] .site-header{position:absolute;inset:0 0 auto;background:transparent;color:var(--paper);border-bottom:1px solid #ffffff30}body[data-page="/"] .wordmark{color:var(--paper)}body[data-page="/"] .menu-toggle span{background:var(--paper)}
.premium-hero{height:100svh;min-height:730px;max-height:1180px;position:relative;background:#151a18;color:var(--paper);isolation:isolate;overflow:hidden}.premium-hero-image{position:absolute;inset:0;height:100%;object-position:62% 48%;z-index:-2}.premium-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,15,12,.65),rgba(10,15,12,.12) 58%,transparent),linear-gradient(0deg,#10171366,transparent 25%)}.premium-hero-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-43%);width:650px;max-width:55%}.premium-hero h1{font-size:clamp(90px,8.9vw,154px);line-height:.84;letter-spacing:-.045em}.premium-hero h1 em{font-weight:400;font-style:normal}.premium-hero-copy>p{font-size:clamp(16px,1.25vw,21px);line-height:1.5;max-width:370px;margin-top:32px}.premium-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.premium-hero-actions .button{background:var(--paper);border-color:var(--paper);color:var(--ink);gap:40px}.premium-hero-actions .button:hover{background:var(--bronze);border-color:var(--bronze)}.premium-hero-actions .text-link{font-size:13px}.premium-hero-bottom{position:absolute;bottom:27px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:11px;letter-spacing:.035em}.premium-hero-bottom a{display:flex;gap:22px;align-items:center}.premium-hero-bottom a span{font-size:24px}.premium-hero-bottom>span:last-child{color:#dfdfd2;font-size:10px}
.intro-manifesto{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:24px 9%;padding-top:100px;padding-bottom:110px}.intro-manifesto .eyebrow{grid-column:1/-1;margin:0;color:#866c46}.intro-manifesto h2{font-size:clamp(58px,5.9vw,94px)}.intro-manifesto h2 em{color:#82765f;font-style:normal}.intro-manifesto>p:last-child{max-width:400px;color:var(--muted);line-height:1.8;padding-bottom:9px}
.assembly-section{background:#151a18;color:#eee9df;position:relative;border-bottom:1px solid #a99d7b30;scroll-margin-top:0}.assembly-section.assembly-enhanced:not(.motion-disabled){height:340svh}.assembly-sticky{position:relative;display:grid;grid-template-columns:30% 70%;padding:62px var(--gutter) 35px;min-height:790px;max-width:1800px;margin:auto}.assembly-enhanced:not(.motion-disabled) .assembly-sticky{position:sticky;top:0;height:100svh;min-height:690px;max-height:1150px}.assembly-copy{align-self:center;position:relative;z-index:2;padding-right:25px}.assembly-copy .eyebrow{color:var(--bronze);font-size:9px;letter-spacing:.16em;line-height:1.8;margin-bottom:24px}.assembly-copy .eyebrow span{margin-right:15px}.assembly-copy h2{font-size:clamp(62px,6.1vw,96px);line-height:.9;letter-spacing:-.04em}.assembly-subtitle{font-size:17px;line-height:1.5;margin-top:24px}.assembly-description{font-size:13px;color:#aab0a9;margin-top:13px;max-width:270px;line-height:1.65}.component-list{list-style:none;padding:0;margin:30px 0 26px;max-width:295px}.component-list li{display:flex;gap:18px;padding:12px 0;border-top:1px solid #b99a6a30;align-items:baseline}.component-list li>span{font-size:10px;color:var(--bronze)}.component-list strong{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.1}.component-list p{font-size:10px;color:#b2b7af;line-height:1.5;margin-top:3px}.assembly-copy>.text-link{font-size:12px;color:#d0b489}.assembly-visual{display:flex;flex-direction:column;min-width:0;position:relative}.scene-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#aab0a9;margin-left:4%}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--bronze)}.assembly-stage{position:relative;flex:1;min-height:460px;isolation:isolate}.assembly-stage::before{content:'';position:absolute;inset:5%;background:radial-gradient(ellipse at 50% 50%,#94a79312,transparent 67%);pointer-events:none;z-index:-1}.assembly-stage canvas{width:100%;height:100%;position:absolute;inset:0;display:block;opacity:0;pointer-events:none}.assembly-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.poster-exploded{display:none}.assembly-section[data-view="exploded"] .poster-exploded{display:block}.assembly-section[data-view="exploded"] .poster-assembled{display:none}.is-ready .assembly-stage canvas{opacity:1}.is-ready .assembly-poster{display:none}.scene-coordinate{position:absolute;right:0;bottom:12px;color:#b99a6a80;font-family:var(--serif);font-size:30px}.assembly-ui{padding:5px 0 0 4%;position:relative}.assembly-controls{display:flex;gap:0;border:1px solid #9e9c8e50;width:fit-content}.assembly-controls button{font-size:11px;letter-spacing:.02em;padding:12px 20px;min-height:44px;border-right:1px solid #9e9c8e50;color:#c5c9c1}.assembly-controls button:last-child{border-right:0}.assembly-controls button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.assembly-controls button:hover{background:#b99a6a30}.assembly-controls button[aria-pressed=true]:hover{background:var(--paper)}.assembly-controls span{margin-left:10px}.assembly-bottom{display:flex;justify-content:space-between;font-size:10px;color:#b7bbaf;margin-top:25px;gap:10px}.assembly-bottom a{color:#d7c4a4}.assembly-progress{height:1px;background:#6e756b66;margin-top:13px;position:relative}.assembly-progress::after{content:'';position:absolute;inset:0;background:var(--bronze);transform:scaleX(var(--progress,0));transform-origin:left}.illustrative-note{font-size:9px!important;color:#a4aaa2;margin-top:12px!important;letter-spacing:.015em}.static-toggle{font-size:9px;color:#b9bcae;border-bottom:1px solid #b9bcae66;padding:0;margin-top:6px}.open-demo{position:absolute;right:0;top:10px;font-size:11px;border-bottom:1px solid #b99a6a;padding:7px 0;color:#d0b489}.open-demo:disabled{opacity:.4}.assembly-section:not(.assembly-enhanced) .assembly-controls,.assembly-section:not(.assembly-enhanced) .static-toggle,.assembly-section:not(.assembly-enhanced) .open-demo{display:none}
.collection-index{display:grid;grid-template-columns:40% 1fr;gap:8%;padding-top:110px;padding-bottom:120px}.collection-intro h2{font-size:clamp(60px,6vw,96px);line-height:.9}.collection-intro>p:not(.eyebrow){margin-top:26px;max-width:330px;font-size:17px}.collection-intro img{margin-top:35px;aspect-ratio:1.05;object-position:45% 50%}.collection-intro>.text-link{margin-top:20px;font-size:12px}.collection-list{align-self:start}.collection-list>a{display:grid;grid-template-columns:45px 1fr 32px;gap:18px;padding:27px 0 33px;border-bottom:1px solid var(--rule);align-items:baseline;transition:color .2s}.collection-list>a:first-child{padding-top:0}.collection-list>a:hover{color:#977545}.collection-number{font-family:var(--serif);font-size:24px;color:#92774b}.collection-list h3{font-size:clamp(52px,5.4vw,85px);line-height:1}.collection-list a p{font-size:14px;margin-top:9px;letter-spacing:-.01em}.collection-arrow{font-size:30px;font-weight:400;transition:transform .25s}.collection-list>a:hover .collection-arrow{transform:translate(4px,-4px)}.collection-more{font-size:12px;color:var(--muted);margin-top:25px;line-height:1.8}.collection-more a{border-bottom:1px solid var(--rule)}
.work-section{padding-top:30px}.work-section .section-heading h2{font-size:clamp(58px,5.4vw,84px);max-width:900px}.work-section .section-heading>div:first-child{max-width:75%}.featured-projects{grid-template-columns:1.15fr 1fr;gap:25px}.featured-projects .project-card:nth-child(2){padding-top:70px}.project-caption{margin-top:15px}.project-caption h3{font-size:32px}.material-story{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;border-top:1px solid var(--rule);padding-top:55px;padding-bottom:90px}.material-story h2{font-size:clamp(50px,4.7vw,72px)}.material-story>div>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:20px;max-width:390px}.material-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.swatch{display:block;aspect-ratio:.9;border:1px solid #00000008}.material-swatches p{font-size:11px;margin-top:9px}.timber-swatch{background:repeating-linear-gradient(92deg,#a17c4f33 0 1px,transparent 2px 5px),repeating-linear-gradient(2deg,#c9aa7e,#b49367 3px,#d5b78c 8px)}.painted-swatch{background:#d5d0c4;box-shadow:inset 0 0 50px #eee9df}.metal-swatch{background:repeating-linear-gradient(0deg,#323936,#3c4540 2px,#353d39 3px)}.brass-swatch{background:repeating-linear-gradient(0deg,#b69b6f70,#d5bd8d40 1px,#ac8c5840 2px),linear-gradient(115deg,#947749,#dcc59c,#a58652)}.material-swatches .swatch-note{grid-column:1/-1;font-size:10px;margin:0;color:var(--muted)}.service-editorial{max-width:none;background:#222923;color:var(--paper);display:grid;grid-template-columns:1.3fr 1fr;gap:25px 12%;padding-top:75px;padding-bottom:80px}.service-editorial>.eyebrow{grid-column:1/-1;color:var(--bronze);margin:0}.service-editorial h2{font-size:clamp(58px,5.5vw,86px)}.service-editorial>div{max-width:420px;color:#c8cdc3;font-size:15px;align-self:end}.service-editorial .text-link{margin-top:28px;color:#deceb1}.enquiry-section{padding-top:100px;gap:8%}.enquiry-intro h1,.enquiry-intro h2{font-size:clamp(58px,6.3vw,98px)}.enquiry-intro>p:not(.eyebrow){font-size:17px;max-width:380px}.enquiry-form input:not([type=radio]),select,textarea{border:0;border-bottom:1px solid #92988b;padding:14px 0;background:transparent}.enquiry-form form>.button{width:100%}.audience-options label{justify-content:center;border-color:#8d9387}.audience-options label:has(input:checked){background:var(--ink);color:var(--paper)}.audience-options input{accent-color:var(--bronze)}.contact-links a{font-size:19px}.site-footer{padding-top:60px}.site-footer .wordmark{font-size:70px}.footer-top{padding-bottom:45px}.footer-bottom{border-color:#b99a6a44;color:#b8bdb3}
.availability-note{border-left:2px solid #a1875c;padding:16px 22px;margin-bottom:35px;max-width:860px;color:var(--muted);font-size:14px;background:#e4dfd5}.product-options{display:flex;gap:10px 24px;flex-wrap:wrap;padding-left:17px;margin:18px 0 0;color:#696857;font-size:12px}.product-range .confirmation-note{font-size:12px;color:#746548;max-width:680px}.door-templates{margin-top:65px}.door-templates h2{font-size:55px}.door-templates>p{max-width:650px;color:var(--muted);margin-top:20px}.door-templates ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 30px;margin-top:35px}.door-templates li{padding:14px 0;border-bottom:1px solid var(--rule);font-family:var(--serif);font-size:28px}.collection-service{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--rule)}.collection-service p{max-width:500px;color:var(--muted)}.collection-service a{margin-top:25px;margin-right:25px}.steel-letterform{background:var(--ink);color:var(--bronze);height:570px;display:flex;align-items:center;justify-content:center;flex-direction:column}.steel-letterform>span{font-family:var(--serif);font-size:320px;line-height:1}.steel-letterform p{color:var(--paper)!important;font-size:14px!important;letter-spacing:.15em}
@media(min-width:1600px){.premium-hero-copy{left:max(72px,calc((100vw - 1456px)/2))}.assembly-sticky{padding-left:80px;padding-right:80px}}
@media(max-width:1100px){.site-header nav{gap:24px}.premium-hero-copy{max-width:65%;width:600px}.premium-hero h1{font-size:110px}.premium-hero-actions{gap:18px}.assembly-sticky{grid-template-columns:32% 68%;padding-top:45px}.assembly-copy h2{font-size:68px}.assembly-description{font-size:12px}.component-list{margin:22px 0}.component-list li{padding:10px 0}.assembly-controls button{padding:10px 14px}.assembly-stage{min-height:410px}.open-demo{position:static;margin-top:12px}.assembly-bottom{margin-top:17px}.intro-manifesto{gap:25px 6%}.collection-index{gap:6%;grid-template-columns:40% 1fr}.collection-list>a{grid-template-columns:30px 1fr 25px;gap:12px}.collection-list h3{font-size:62px}.collection-intro h2{font-size:70px}.collection-list a p{font-size:12px}.material-story{gap:5%}.material-swatches{gap:10px}}
@media(max-width:760px){.site-header{height:82px}.wordmark{font-size:39px}.site-header nav{top:81px;color:var(--ink)}body[data-page="/"] .site-header nav .nav-quote{color:var(--ink)}.premium-hero{height:100svh;min-height:760px;max-height:1000px}.premium-hero-image{object-position:59% center}.premium-hero::after{background:linear-gradient(90deg,#0b110eb8,#0b110e30 90%),linear-gradient(0deg,#0b110e80,transparent 40%)}.premium-hero-copy{left:var(--gutter);right:var(--gutter);max-width:none;width:auto;top:49%;transform:translateY(-40%)}.premium-hero h1{font-size:clamp(78px,13.5vw,108px);line-height:.88}.premium-hero-copy>p{font-size:16px;max-width:320px;margin-top:27px}.premium-hero-actions{align-items:stretch;flex-direction:column;gap:17px;max-width:325px;margin-top:26px}.premium-hero-actions .button{padding:15px 19px;min-height:52px}.premium-hero-actions .text-link{align-self:start;font-size:13px}.premium-hero-bottom{bottom:22px;display:grid;grid-template-columns:1fr auto;gap:12px;font-size:9px}.premium-hero-bottom>span:last-child{font-size:9px;grid-row:2}.premium-hero-bottom a{grid-column:2;grid-row:1/3;font-size:10px;gap:8px}.intro-manifesto{display:block;padding-top:64px;padding-bottom:64px}.intro-manifesto h2{font-size:58px;margin-top:23px}.intro-manifesto>p:last-child{font-size:14px;margin-top:25px;max-width:450px}.assembly-sticky{display:flex;flex-direction:column;padding:52px var(--gutter) 30px;min-height:0}.assembly-enhanced:not(.motion-disabled) .assembly-sticky{min-height:0;max-height:none;height:100svh;padding-top:28px;padding-bottom:20px}.assembly-section.assembly-enhanced:not(.motion-disabled){height:280svh}.assembly-copy{padding:0;align-self:stretch}.assembly-copy .eyebrow{font-size:8px;margin-bottom:15px}.assembly-copy h2{font-size:clamp(45px,8.8vw,67px);line-height:.95}.assembly-copy h2 br{display:none}.assembly-copy h2 br::after{content:' '}.assembly-subtitle{font-size:14px;margin-top:12px}.assembly-description{font-size:11px;max-width:400px;margin-top:8px}.component-list{display:none}.assembly-copy>.text-link{display:inline-flex;font-size:10px;margin-top:14px}.assembly-visual{flex:1;margin-top:22px;min-height:0}.scene-caption{font-size:8px;margin-left:0}.assembly-stage{min-height:250px;flex:1}.assembly-sticky .assembly-stage{height:330px}.assembly-enhanced:not(.motion-disabled) .assembly-stage{height:auto;min-height:210px}.assembly-ui{padding-left:0}.assembly-controls{width:100%}.assembly-controls button{padding:9px 10px;flex:1;font-size:10px;white-space:nowrap}.assembly-controls span{margin-left:4px}.scene-coordinate{font-size:23px;right:0;bottom:8px}.assembly-bottom{font-size:9px;margin-top:16px}.illustrative-note{font-size:8px!important}.static-toggle{font-size:8px}.open-demo{position:static;padding:6px 0;font-size:10px;margin-top:5px}.assembly-progress{margin-top:10px}.collection-index{display:block;padding-top:65px;padding-bottom:65px}.collection-intro h2{font-size:65px}.collection-intro .eyebrow{margin-bottom:22px}.collection-intro>p:not(.eyebrow){font-size:15px;max-width:360px}.collection-intro img{aspect-ratio:1.5;max-height:400px;margin-top:28px}.collection-list{margin-top:45px}.collection-list>a{padding:23px 0;grid-template-columns:27px 1fr 25px;gap:12px}.collection-list h3{font-size:53px}.collection-number{font-size:19px}.collection-list a p{font-size:12px}.collection-arrow{font-size:27px}.collection-more{font-size:11px}.work-section{padding-top:15px}.work-section .section-heading>div:first-child{max-width:none}.work-section .section-heading h2{font-size:55px}.featured-projects{grid-template-columns:1fr}.featured-projects .project-card:nth-child(2){padding-top:0}.material-story{display:block;padding-top:50px;padding-bottom:60px}.material-story h2{font-size:54px}.material-story>div>p:not(.eyebrow){font-size:14px}.material-swatches{margin-top:30px;gap:12px}.material-swatches p{font-size:9px}.material-swatches .swatch-note{font-size:9px}.service-editorial{display:block;padding-top:55px;padding-bottom:60px}.service-editorial h2{font-size:57px;margin-top:25px}.service-editorial>div{font-size:14px;margin-top:27px}.enquiry-section{padding-top:65px}.enquiry-intro h1,.enquiry-intro h2{font-size:60px}.enquiry-intro>p:not(.eyebrow){font-size:15px}.enquiry-form input:not([type=radio]),select,textarea{font-size:16px;padding:12px 0}.site-footer .wordmark{font-size:60px}.footer-top{padding-bottom:35px}.door-templates ul{grid-template-columns:1fr 1fr;gap:0 20px}.door-templates li{font-size:25px}.door-templates h2{font-size:45px}.collection-service{display:block}.collection-service p{margin-top:25px}.steel-letterform{height:350px}.steel-letterform>span{font-size:240px}.availability-note{font-size:12px;padding:14px 18px}html:not(.js) body[data-page="/"] .site-header{position:relative;background:var(--ink)}html:not(.js) body[data-page="/"] .site-header nav{background:transparent;color:var(--paper)}}
@media(max-width:380px){.premium-hero{min-height:740px}.premium-hero h1{font-size:76px}.premium-hero-copy>p{font-size:15px}.premium-hero-actions .button{font-size:13px}.intro-manifesto h2{font-size:50px}.assembly-copy h2{font-size:43px}.assembly-controls button{font-size:9px;padding:8px}.collection-list h3{font-size:46px}.collection-intro h2{font-size:58px}.material-swatches{grid-template-columns:1fr 1fr}.swatch{aspect-ratio:1.4}.enquiry-intro h1,.enquiry-intro h2{font-size:51px}.site-header .wordmark{font-size:36px}}
@media(max-height:700px){.assembly-section.assembly-enhanced:not(.motion-disabled){height:auto}.assembly-enhanced:not(.motion-disabled) .assembly-sticky{position:relative;height:auto;min-height:0}.assembly-stage{height:480px;flex:none}}
@media(prefers-reduced-motion:reduce){.assembly-section.assembly-enhanced:not(.motion-disabled){height:auto}.assembly-enhanced:not(.motion-disabled) .assembly-sticky{position:relative;height:auto;min-height:0}}
/* Keep the component story beneath the model on narrow screens, including fallbacks. */
@media(max-width:760px){.assembly-copy{display:contents}.assembly-copy .component-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;order:2;max-width:none;width:100%;margin:20px 0 0}.component-list li{gap:8px;padding:8px 0}.component-list strong{font-size:18px}.component-list p{font-size:9px}.component-list li>span{font-size:8px}.assembly-copy>.text-link{align-self:flex-start}.assembly-visual{order:1}.assembly-enhanced:not(.motion-disabled) .assembly-stage{min-height:170px}.assembly-enhanced:not(.motion-disabled) .assembly-sticky{padding-top:24px;padding-bottom:18px}.assembly-visual{margin-top:16px}.assembly-description{margin-top:7px}.assembly-copy .eyebrow{margin-bottom:12px}.assembly-copy h2{flex-shrink:0}}
@media(max-width:760px) and (max-height:819px){.assembly-section.assembly-enhanced:not(.motion-disabled){height:auto}.assembly-enhanced:not(.motion-disabled) .assembly-sticky{position:relative;height:auto;min-height:0}.assembly-enhanced:not(.motion-disabled) .assembly-stage{height:350px;min-height:350px;flex:none}}
.enquiry-intro::after{content:'';display:block;width:100%;aspect-ratio:1.8;margin-top:45px;background:url('/assets/awindow-new-slide4.webp') center/cover no-repeat}

/* Approved editorial direction, below the unchanged header and hero. */
.real-story{display:grid;grid-template-columns:.8fr 1.4fr;gap:8%;padding-top:110px;padding-bottom:110px;align-items:center;background:#eee9df}
.real-story-copy h2{font-size:clamp(56px,6vw,94px);line-height:.96}
.real-story-copy .eyebrow,.real-sliding .eyebrow{font-size:10px;letter-spacing:.16em;color:#8d7652;margin-bottom:30px}
.real-story-copy .eyebrow span,.real-sliding .eyebrow span{margin-right:25px}
.real-story-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:280px;margin-top:32px}
.real-story-copy>.text-link{font-size:12px;margin-top:26px;gap:25px;min-height:44px}
.real-story-note{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#6c675d;border-top:1px solid var(--rule);padding-top:20px;margin-top:65px;max-width:280px}
.real-story-photo{margin:0;min-width:0}.real-photo-frame{overflow:hidden;position:relative}
.real-story-photo .real-photo-frame{aspect-ratio:1.1}.real-photo{height:100%;width:100%;object-fit:cover;transform:scale(calc(1.04 - var(--photo-progress,1)*.04));transform-origin:center;display:block}
.real-story-photo figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding-top:20px}.real-story-photo figcaption>a{display:flex;gap:18px;align-items:center}.real-story-photo .arrow{height:16px;width:16px}
.real-sliding{background:#1b221e;color:#eee9df;padding:0 0 15px}.real-sliding-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-top:95px;padding-bottom:55px}.real-sliding-heading h2{font-size:clamp(68px,8vw,124px);line-height:.86}.real-sliding-heading>div:last-child{max-width:320px;padding-bottom:6px}.real-sliding-heading>div>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#d2d4ca}.real-sliding-heading .text-link{font-size:12px;margin-top:28px;gap:48px;min-height:44px;color:#d5b98d}
.real-sliding-photo{margin:0 auto;width:calc(100% - 2*var(--gutter));max-width:1456px}.real-sliding-photo .real-photo-frame{aspect-ratio:1.62}.real-sliding-photo .real-photo{object-position:50% 62%}.real-sliding-photo figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.035em;color:#c7c8bb;padding:20px 0;border-bottom:1px solid #bbb49140}
.real-sliding-footer{display:flex;justify-content:space-between;align-items:start;gap:45px;padding-top:50px;padding-bottom:70px}.real-sliding-footer>p{font-family:var(--serif);font-size:clamp(46px,5vw,72px);line-height:1}.real-sliding-footer em{font-style:normal;color:#b4a386}.real-sliding-footer>div{font-size:13px;line-height:1.8;color:#c0c5ba;max-width:330px;padding-top:8px}.real-sliding-footer .text-link{display:flex;width:fit-content;font-size:12px;margin-top:20px;gap:45px;color:#e0c7a2;min-height:44px}
.real-outlook{position:relative;isolation:isolate;height:800px;max-height:100svh;min-height:600px;background:#5e655d;color:#fff;overflow:hidden}.real-outlook>.real-photo-frame{position:absolute;inset:0;z-index:-2}.real-outlook::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111b16d9,#111b1680 45%,#111b1620)}.real-outlook-copy{position:relative;top:50%;transform:translateY(-50%);padding:0 var(--gutter);max-width:740px}.real-outlook h2{font-size:clamp(62px,7vw,106px);line-height:.93}.real-outlook .eyebrow{font-size:10px;color:#e0ccb1;margin-bottom:30px}.real-outlook-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:25px;max-width:310px;color:#e1e5da}.real-outlook .text-link{font-size:12px;margin-top:26px;gap:50px;min-height:44px}
@media(max-width:1000px){.real-story{gap:5%;grid-template-columns:1fr 1.2fr}.real-story-copy h2{font-size:65px}.real-story-photo .real-photo-frame{aspect-ratio:.85}.real-sliding-heading h2{font-size:86px}}
@media(max-width:760px){.real-story{display:block;padding-top:65px;padding-bottom:60px}.real-story-copy h2{font-size:64px}.real-story-copy h2 br:first-of-type{display:none}.real-story-copy>p:not(.eyebrow){max-width:340px;margin-top:25px}.real-story-copy .eyebrow{margin-bottom:23px}.real-story-note{margin-top:25px;max-width:none;flex-direction:row;justify-content:space-between;font-size:9px}.real-story-photo{margin-top:30px}.real-story-photo .real-photo-frame{aspect-ratio:1.05}.real-story-photo figcaption{font-size:10px;padding-top:16px}.real-sliding-heading{display:block;padding-top:62px;padding-bottom:32px}.real-sliding-heading h2{font-size:76px}.real-sliding-heading>div:last-child{margin-top:30px}.real-sliding-heading .text-link{margin-top:15px}.real-sliding-photo .real-photo-frame{aspect-ratio:.95}.real-sliding-photo .real-photo{object-position:55% 65%}.real-sliding-photo figcaption{font-size:9px;line-height:1.6}.real-sliding-photo figcaption>span:last-child{text-align:right;max-width:115px}.real-sliding-footer{display:block;padding-top:35px;padding-bottom:48px}.real-sliding-footer>p{font-size:50px}.real-sliding-footer>div{margin-top:25px}.real-outlook{height:680px;min-height:600px;max-height:none}.real-outlook-copy{max-width:none}.real-outlook h2{font-size:69px}.real-outlook .real-photo{object-position:57% center}.real-outlook::after{background:linear-gradient(90deg,#111b16cc,#111b1660)}}
@media(prefers-reduced-motion:reduce){.real-photo{transform:none}}
.product-study{position:relative;background:#e9e3d8;scroll-margin-top:0}
.study-pin{position:relative;padding:54px var(--gutter) 32px;max-width:1800px;margin:auto;min-height:760px}
.study-timber .study-pin{display:grid;grid-template-columns:34% 66%;background:url('/assets/premium-v2/studio-backdrop.png') center/cover no-repeat}
.product-study.assembly-enhanced:not(.motion-disabled){height:240svh}
.product-study.assembly-enhanced:not(.motion-disabled) .study-pin{position:sticky;top:0;height:100svh;min-height:0;max-height:1200px}
.product-study.assembly-enhanced:not(.motion-disabled) .study-stage{min-height:0}
.study-copy{position:relative;z-index:1;align-self:center;padding:0 24px 0 0}
.study-copy .eyebrow,.slider-heading .eyebrow{font-size:10px;color:#6d604b;margin-bottom:21px;letter-spacing:.16em}
.study-copy h2{font-size:clamp(48px,4.45vw,72px);line-height:.98;max-width:450px}
.study-lead{font-family:var(--serif);font-size:26px;line-height:1.16;margin-top:25px}
.study-description{font-size:14px;line-height:1.75;max-width:300px;margin-top:15px;color:#5b5b53}
.study-copy>.text-link{font-size:12px;margin-top:22px;min-height:38px;gap:42px}
.study-macro{margin:30px 0 0;max-width:270px}
.study-macro img{aspect-ratio:2.1;object-position:52% 48%;border-radius:0}
.study-macro figcaption{font-size:10px;color:#625a4e;margin-top:9px}
.study-visual{display:flex;flex-direction:column;min-height:0;min-width:0}
.study-stage{position:relative;flex:1;min-height:520px;isolation:isolate}
.study-stage canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;display:block;pointer-events:none}
.study-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.study-detail{display:none;object-fit:contain;padding:8%}
.product-study[data-view="exploded"] .study-assembled{display:none}
.product-study[data-view="exploded"] .study-detail{display:block}
.product-study.is-ready .study-stage canvas{opacity:1}
.product-study.is-ready .study-poster{display:none}
.study-controls{position:relative;padding-top:15px}
.study-views{display:flex;gap:26px;align-items:center;border-top:1px solid #91867460}
.study-views button{font-size:11px;line-height:1.3;min-height:44px;padding:8px 0;border-bottom:1px solid transparent;color:#646055}
.study-views button[aria-pressed="true"]{color:#171b17;border-color:#171b17}
.study-views button:hover{color:#8c6636}
.study-views .study-open{margin-left:auto;color:#443d30}
.study-views .study-open:disabled{color:#77746c;opacity:.65}
.study-state{display:flex;justify-content:space-between;gap:16px;font-size:10px;color:#605b52;margin-top:10px;min-height:24px;align-items:center}
.study-state a{color:#292c26;min-height:30px;display:flex;align-items:center;gap:15px}
.study-progress{height:1px;background:#91867440;margin-top:4px}
.study-progress::after{content:'';display:block;height:1px;background:#8c6e42;transform:scaleX(var(--progress,0));transform-origin:left}
.study-footnote{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:9px;line-height:1.4;color:#645f54;margin-top:8px}
.study-footnote button{font-size:10px;text-decoration:underline;text-underline-offset:4px;min-height:32px;padding:0;white-space:nowrap}
.product-study:not(.assembly-enhanced) .study-views,.product-study:not(.assembly-enhanced) .study-footnote button{display:none}
.architectural-feature{position:relative;height:90svh;min-height:680px;max-height:1100px;isolation:isolate;background:#b6afa1;color:#fff;overflow:hidden}
.architectural-image{position:absolute;inset:0;height:100%;object-position:center;z-index:-2}
.architectural-feature::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111c17b8,transparent 72%),linear-gradient(0deg,#131b173d,transparent 65%)}
.architectural-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-45%);max-width:520px}
.architectural-copy h2{font-size:clamp(65px,6.7vw,110px);line-height:.91}
.architectural-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:300px;margin-top:28px}
.architectural-copy .text-link{margin-top:28px;font-size:13px;min-height:40px;gap:60px}
.image-credit{position:absolute;bottom:24px;right:var(--gutter);font-size:10px;color:#fff}
.study-slider{background:#e7e2d9}
.study-slider.assembly-enhanced:not(.motion-disabled){height:210svh}
.study-slider .study-pin{display:flex;flex-direction:column;background:url('/assets/premium-v2/studio-backdrop.png') center/cover no-repeat;padding-top:45px}
.slider-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:20px}
.slider-heading h2{font-size:clamp(50px,4.5vw,72px);line-height:1}
.slider-heading .eyebrow{margin-bottom:14px}
.slider-heading>p{font-size:13px;line-height:1.7;color:#5b5b53;max-width:335px;margin-bottom:4px}
.study-manual-hint{display:none}.motion-disabled .study-scroll-hint{display:none}.motion-disabled .study-manual-hint{display:inline}
@media(max-height:599px){.study-scroll-hint{display:none}.study-manual-hint{display:inline}}
.study-slider .study-visual{flex:1;max-width:1350px;width:100%;margin:auto}
.slider-mobile-macro{display:none}
.study-slider .study-stage{min-height:400px}
.study-slider .study-controls,.study-slider .study-footnote{width:85%;margin-left:auto;margin-right:auto}
.editorial-collections{padding-top:100px;padding-bottom:100px}
.editorial-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}
.editorial-heading h2{font-size:clamp(50px,4.6vw,74px);max-width:720px;line-height:1}
.editorial-heading>p{font-size:14px;color:var(--muted);max-width:315px;flex-shrink:0}
.editorial-gallery{display:grid;grid-template-columns:1.03fr .73fr 1.25fr;grid-template-rows:1fr 1fr;gap:18px;height:610px}
.editorial-gallery>a{position:relative;overflow:hidden;background:#d0c8ba}
.editorial-gallery img{height:100%;transition:transform .7s cubic-bezier(.2,.65,.3,1)}
.editorial-gallery>a:hover img{transform:scale(1.025)}
.editorial-gallery>a::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#131a168a)}
.editorial-gallery>a>span{position:absolute;bottom:22px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-family:var(--serif);font-size:34px;z-index:1}
.gallery-steel{grid-column:1;grid-row:1/3}.gallery-upvc{grid-column:2;grid-row:1}.gallery-aluminium{grid-column:2;grid-row:2}.gallery-rooflights{grid-column:3;grid-row:1/3}
.gallery-rooflights img{object-position:48% center}.gallery-upvc img{object-position:54% center}
.editorial-gallery .gallery-upvc>span,.editorial-gallery .gallery-aluminium>span{font-size:27px;left:20px;right:20px;bottom:18px}
.material-navigation{display:grid;grid-template-columns:repeat(5,1fr);margin-top:35px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.material-navigation a{font-family:var(--serif);font-size:26px;padding:22px 16px;border:0;gap:12px}
.material-navigation a:first-child{padding-left:0}.material-navigation a:last-child{padding-right:0}
.material-navigation a+a{border-left:1px solid var(--rule)}
.collection-afterword{display:flex;gap:30px;justify-content:space-between;margin-top:22px;align-items:baseline;color:var(--muted)}
.collection-afterword p{font-size:12px}.collection-afterword a{text-decoration:underline;text-underline-offset:4px}.collection-afterword small{font-size:9px;white-space:nowrap}
.tactile-story{display:grid;grid-template-columns:1.2fr 1fr;background:#22231e;color:#f3eee3;min-height:650px}
.tactile-timber{position:relative;min-height:650px;isolation:isolate}
.tactile-timber>img{position:absolute;inset:0;height:100%;z-index:-2;object-position:60% center}
.tactile-timber::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171b17d1,#151a1880 55%,#151a180a)}
.tactile-copy{padding:90px var(--gutter);max-width:650px}
.tactile-copy .eyebrow{font-size:10px;color:#ddcba8;margin-bottom:30px}
.tactile-copy h2{font-size:clamp(58px,5.8vw,91px);line-height:.94}
.tactile-copy .tactile-lead{font-family:var(--serif);font-size:28px;margin-top:30px;color:#eee3cf}
.tactile-copy>p:not(.eyebrow):not(.tactile-lead){font-size:14px;max-width:290px;line-height:1.75;color:#e0dbcd;margin-top:16px}
.tactile-copy>.text-link{font-size:12px;min-height:40px;margin-top:25px;gap:55px}
.tactile-metal{position:relative;margin:0;overflow:hidden;min-height:650px}
.tactile-metal img{height:100%;position:absolute;inset:0;object-position:53% center}
.tactile-metal::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#101612b3)}
.tactile-metal figcaption{position:absolute;bottom:35px;left:35px;right:35px;font-family:var(--serif);font-size:31px;line-height:1.1;z-index:1}
.tactile-metal figcaption span{display:block;font-family:var(--sans);font-size:9px;margin-top:14px;color:#e4e1d7}
.editorial-enquiry{display:grid;grid-template-columns:1.08fr 1fr;gap:8%;align-items:center;padding-top:110px;padding-bottom:110px}
.enquiry-project>a>img{aspect-ratio:1.04;object-position:center}
.enquiry-project>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}
.enquiry-project>div>span{font-size:10px;color:var(--muted)}
.enquiry-project .text-link{font-size:11px;min-height:35px}
.enquiry-conversation h2{font-size:clamp(58px,5.25vw,83px);line-height:.96}
.enquiry-conversation>p:not(.enquiry-audience){font-size:14px;line-height:1.8;margin-top:28px;max-width:380px;color:var(--muted)}
.enquiry-disclosure{margin-top:29px}
.enquiry-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:var(--paper);padding:18px 24px;font-size:13px;list-style:none;cursor:pointer;max-width:300px;min-height:58px}
.enquiry-disclosure summary::-webkit-details-marker{display:none}
.enquiry-disclosure summary:hover{background:#4b4938}
.enquiry-disclosure[open] .enquiry-form{margin-top:35px}
.enquiry-disclosure .form-row{gap:20px}.enquiry-disclosure .audience-options{gap:8px}.enquiry-disclosure .audience-options label{font-size:12px;padding:12px 8px}
.editorial-contact{display:flex;gap:12px 25px;flex-wrap:wrap;margin-top:28px;font-size:13px}
.editorial-contact a{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--rule)}
.enquiry-audience{font-size:11px;line-height:1.8;margin-top:22px;color:var(--muted)}
@media(min-width:1600px){.study-copy{padding-right:40px}.study-macro{max-width:320px}.study-macro img{aspect-ratio:1.9}}
@media(min-width:761px) and (max-width:1000px){.study-timber .study-pin{grid-template-columns:42% 58%}.study-copy h2{font-size:45px!important}.study-lead{font-size:22px}.study-description{max-width:260px}.study-macro{max-width:215px}}
@media(max-width:1100px){.study-copy h2{font-size:48px}.study-copy{padding-right:12px}.study-lead{font-size:23px}.study-description{font-size:13px}.study-macro{max-width:210px}.editorial-heading{gap:25px}.editorial-heading>p{font-size:12px}.editorial-gallery{height:510px;gap:12px}.editorial-gallery>a>span{left:18px;right:18px}.editorial-gallery .gallery-aluminium>span{font-size:24px;left:14px;right:14px}.tactile-copy{padding-top:70px}.collection-afterword{display:block}.collection-afterword small{display:block;margin-top:10px}.material-navigation a{font-size:23px}.enquiry-project>div{flex-wrap:wrap;gap:8px}.editorial-enquiry{gap:6%}}
@media(max-width:760px){
 .study-pin{padding:36px var(--gutter) 24px;min-height:0}.study-timber .study-pin{display:flex;flex-direction:column;background-position:center}
 .product-study.assembly-enhanced:not(.motion-disabled){height:230svh}.product-study.assembly-enhanced:not(.motion-disabled) .study-pin{height:100svh;min-height:0;padding-top:28px;padding-bottom:20px}
 .study-copy{padding:0;align-self:stretch}.study-copy .eyebrow{font-size:9px;margin-bottom:12px}.study-copy h2{font-size:44px;line-height:.97;max-width:380px}.study-copy h2 br{display:none}.study-copy h2 br::after{content:' '}
 .study-lead{font-size:20px;margin-top:14px}.study-lead br{display:none}.study-lead br::after{content:' '}.study-description{display:none}.study-copy>.text-link{font-size:11px;margin-top:10px;min-height:30px}.study-macro{display:none}
 .study-visual{flex:1;margin-top:12px}.study-stage{min-height:280px}.study-controls{padding-top:5px}.study-views{gap:23px}.study-views button{font-size:10px}.study-footnote{font-size:8px;margin-top:6px;gap:15px}.study-footnote button{font-size:9px}.study-state{font-size:9px;margin-top:5px}
 .architectural-feature{height:86svh;min-height:650px}.architectural-image{object-position:59% center}.architectural-copy{right:var(--gutter);max-width:none;top:auto;bottom:65px;transform:none}.architectural-copy h2{font-size:67px}.architectural-copy>p:not(.eyebrow){font-size:14px;max-width:285px;margin-top:22px}.architectural-copy .eyebrow{font-size:9px}.architectural-copy .text-link{margin-top:22px}.architectural-feature::after{background:linear-gradient(0deg,#101c17cf,transparent 90%)}.image-credit{font-size:9px;bottom:20px}
 .study-slider.assembly-enhanced:not(.motion-disabled){height:210svh}.study-slider .study-pin{padding-top:36px}.slider-heading{display:block;margin-bottom:14px}.slider-heading h2{font-size:45px}.slider-heading .eyebrow{font-size:9px;margin-bottom:12px}.slider-heading>p{font-size:11px;margin-top:15px;line-height:1.7}.study-slider .study-stage{min-height:250px}.study-slider .study-controls,.study-slider .study-footnote{width:100%}.study-slider .study-views{gap:18px}.study-slider .study-views button{font-size:9px}
 .editorial-collections{padding-top:62px;padding-bottom:62px}.editorial-heading{display:block;margin-bottom:26px}.editorial-heading h2{font-size:49px;max-width:360px}.editorial-heading>p{font-size:13px;margin-top:20px}.editorial-gallery{grid-template-columns:1fr 1fr;grid-template-rows:270px 190px 245px;height:auto;gap:12px}.gallery-steel{grid-column:1;grid-row:1/3}.gallery-upvc{grid-column:2;grid-row:1}.gallery-aluminium{grid-column:2;grid-row:2}.gallery-rooflights{grid-column:1/3;grid-row:3}.editorial-gallery>a>span{font-size:28px;left:17px;right:17px;bottom:17px}.editorial-gallery .gallery-upvc>span,.editorial-gallery .gallery-aluminium>span{font-size:24px;left:13px;right:13px}.editorial-gallery .arrow{width:16px;height:16px}.material-navigation{grid-template-columns:1fr 1fr;margin-top:25px}.material-navigation a{font-size:25px;padding:15px 0;border-bottom:1px solid var(--rule)}.material-navigation a+a{border-left:0}.material-navigation a:nth-child(odd){padding-right:20px}.material-navigation a:nth-child(even){padding-left:20px;border-left:1px solid var(--rule)}.material-navigation a:last-child{border-bottom:0;grid-column:1/-1;padding-right:0}.collection-afterword{margin-top:20px}.collection-afterword p{font-size:11px;line-height:1.8}.collection-afterword small{font-size:8px}
 .tactile-story{display:block;min-height:0}.tactile-timber{min-height:610px}.tactile-copy{padding:65px var(--gutter)}.tactile-copy h2{font-size:68px}.tactile-copy .tactile-lead{font-size:26px;margin-top:25px}.tactile-copy>p:not(.eyebrow):not(.tactile-lead){font-size:13px;max-width:280px}.tactile-metal{min-height:350px}.tactile-metal img{object-position:50% 65%}.tactile-metal figcaption{left:var(--gutter);right:var(--gutter);bottom:28px;font-size:29px}
 .editorial-enquiry{display:flex;flex-direction:column;gap:40px;padding-top:60px;padding-bottom:65px}.enquiry-project,.enquiry-conversation{width:100%}.enquiry-project>a>img{aspect-ratio:1.2}.enquiry-project>div{flex-wrap:nowrap}.enquiry-project>div>span{font-size:9px}.enquiry-project .text-link{font-size:10px}.enquiry-conversation h2{font-size:58px}.enquiry-conversation>p:not(.enquiry-audience){font-size:13px;margin-top:23px}.enquiry-disclosure{margin-top:23px}.enquiry-disclosure summary{max-width:none}.editorial-contact{font-size:12px}.enquiry-audience{font-size:10px}
}
@media(max-width:380px){.study-copy h2{font-size:40px}.study-lead{font-size:18px}.study-views{gap:18px}.study-slider .study-views{gap:12px}.study-slider .study-views button{font-size:8px}.slider-heading h2{font-size:40px}.editorial-gallery{grid-template-rows:240px 170px 220px;gap:10px}.editorial-gallery .gallery-aluminium>span{font-size:20px}.enquiry-project>div{flex-wrap:wrap}.enquiry-conversation h2{font-size:51px}}
@media(max-width:760px){.slider-mobile-macro{display:block;margin:0 0 20px;flex-shrink:0}.slider-mobile-macro img{height:100px;object-position:50% 75%}.slider-mobile-macro figcaption{font-size:9px;margin-top:6px;color:#605b52}.study-slider.is-static .slider-mobile-macro{display:none}}
@media(min-width:761px) and (max-height:850px){.study-macro{max-width:210px;margin-top:20px}.study-copy h2{font-size:clamp(45px,4vw,61px)}.study-lead{margin-top:20px}.study-description{font-size:13px}.study-copy>.text-link{margin-top:15px}}
@media(max-height:599px){.product-study.assembly-enhanced:not(.motion-disabled){height:auto}.product-study.assembly-enhanced:not(.motion-disabled) .study-pin{position:relative;height:auto;min-height:0;max-height:none}.study-stage{height:520px;flex:none}.study-slider .study-stage{height:350px}.study-views [data-assembly-view="scroll"]{display:none}}
@media(max-width:760px) and (max-height:599px){.study-stage{height:410px}.study-slider .study-stage{height:290px}}
@media(prefers-reduced-motion:reduce){.product-study.assembly-enhanced:not(.motion-disabled){height:auto}.product-study.assembly-enhanced:not(.motion-disabled) .study-pin{position:relative;height:auto;min-height:0}.editorial-gallery img{transition:none}}
.real-story-photo .real-photo-frame{aspect-ratio:1.334}
.gallery-steel img{object-position:22% center}
/* Reference-based component studies. Scoped to preserve the approved hero. */
.reference-study{position:relative;background:#eee9df;color:#252c27;border-bottom:1px solid #c8c1b5}
.reference-study .study-pin{background:none}
.reference-study.study-timber .study-pin{grid-template-columns:31% 69%;padding-top:50px;padding-bottom:28px}
.reference-study.assembly-enhanced:not(.motion-disabled){height:320svh}
.reference-study.assembly-enhanced:not(.motion-disabled) .study-pin{height:100svh;max-height:none;overflow:hidden}
.reference-study .study-stage{background:radial-gradient(ellipse at 54% 45%,#ffffff8a,transparent 66%)}
.reference-study .study-copy h2{font-size:clamp(50px,5.2vw,82px);line-height:.94;letter-spacing:-.035em}
.reference-study em{font-style:normal;color:#81725b}
.reference-study .study-description{font-size:13px;max-width:270px;margin-top:15px;line-height:1.75}
.reference-study .study-lead{font-size:23px;margin-top:25px}
.reference-parts{list-style:none;margin:25px 0 0;padding:0;max-width:265px;font-size:11px;letter-spacing:.025em}
.reference-parts li{padding:11px 0;border-top:1px solid #9c91734d;display:flex;gap:20px}
.reference-parts span{font-size:9px;color:#8c795c}
.reference-source{margin-top:17px;max-width:320px;font-size:10px;color:#635e53;position:relative;z-index:3}
.reference-source summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:26px}
.reference-source p{font-size:11px;line-height:1.65;margin:10px 0}.reference-source a{display:inline-flex;align-items:center;gap:10px;text-decoration:underline}
.reference-source[open]{background:#eee9dff5;padding:14px;box-shadow:0 8px 30px #252c271a}
.reference-source .arrow{width:12px;height:12px}
.model-caption{position:absolute;left:4%;top:6%;font-size:9px;color:#777565;letter-spacing:.13em;text-transform:uppercase;pointer-events:none}
.reference-study .study-controls{padding:8px 20px 0}
.reference-study .study-footnote{padding:0 20px}
.reference-study .study-views{gap:25px}
.reference-study .study-views button{font-size:11px}
.reference-study .study-open{margin-left:auto}
.reference-study .study-footnote{font-size:10px}
.reference-study .study-footnote [data-assembly-detail]{margin-left:auto;margin-right:22px;letter-spacing:.015em}
.reference-study .study-footnote [data-assembly-detail][aria-pressed="true"]{color:#252c27;font-weight:600}
.reference-study .study-footnote button:disabled{opacity:.35;cursor:default}
.reference-study.study-slider{background:#dce0dc}
.reference-study.study-slider .study-pin{padding-top:50px;padding-bottom:25px}
.reference-study .slider-heading{margin-bottom:0;align-items:center}
.reference-study .slider-heading h2{font-size:clamp(48px,5vw,78px);line-height:.94}
.slider-intro{font-size:13px;line-height:1.65;max-width:300px}.slider-intro>.text-link{font-size:11px;margin-top:15px}
.study-slider.reference-study .study-stage{background:radial-gradient(ellipse at 50% 50%,#f7faf790,transparent 65%)}
.study-slider.reference-study .reference-source{margin:5px auto 0;text-align:center;max-width:700px;font-size:9px}
.study-slider.reference-study .reference-source[open]{position:absolute;bottom:100px;left:15%;right:15%;max-width:none;background:#edf0ecf5;text-align:left}
.reference-study .study-poster{padding:35px;object-fit:contain;mix-blend-mode:multiply}
.reference-study .study-poster.study-assembled[src$="sash-hero.png"]{padding:45px 16%;image-rendering:auto}
.installation-interlude{padding:70px 0;background:#1b221e}.installation-interlude .real-sliding-photo .real-photo-frame{aspect-ratio:2.05}
.reference-study.motion-disabled .study-stage{height:500px;min-height:350px;flex:none}
@media(min-width:761px){
 .reference-study.study-slider .study-pin{display:grid;grid-template-columns:31% 69%;gap:0}
 .reference-study .slider-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:35px}
 .reference-study .slider-heading h2{font-size:clamp(46px,5vw,76px);line-height:.96}
 .reference-study .slider-intro{margin-top:30px;font-size:13px}
 .reference-study.study-slider .study-visual{margin:0;max-width:none}
 .reference-study.study-slider .study-controls,.reference-study.study-slider .study-footnote{width:100%}
 .reference-study.study-slider .reference-source{margin-top:10px;margin-bottom:0;font-size:10px}
}
@media(max-width:1100px){.reference-study.study-timber .study-pin{grid-template-columns:35% 65%}.reference-study .study-copy h2{font-size:57px}.reference-study .study-description{font-size:12px}.reference-parts{margin-top:20px}}
@media(min-width:761px) and (max-height:820px){
 .reference-study.study-timber .study-pin,.reference-study.study-slider .study-pin{padding-top:32px;padding-bottom:20px}
 .reference-study .study-copy h2{font-size:clamp(45px,4.6vw,64px)}
 .reference-study .study-copy .eyebrow{margin-bottom:18px}
 .reference-study .study-lead{font-size:21px;margin-top:18px}
 .reference-study .study-description{font-size:12px;line-height:1.6;margin-top:10px}
 .reference-parts{margin-top:17px}.reference-parts li{padding:8px 0}
 .reference-study .study-copy>.text-link{margin-top:18px}
 .reference-study .reference-source{margin-top:12px}
}
@media(max-width:760px){
 .reference-study.study-timber .study-pin,.reference-study.study-slider .study-pin{display:flex;flex-direction:column;padding:28px var(--gutter) 15px}
 .reference-study .study-copy h2,.reference-study .slider-heading h2{font-size:42px;max-width:none;line-height:.97}
 .reference-study .study-copy h2 br{display:none}.reference-study .study-copy h2 br::after{content:' '}
 .reference-study .study-copy h2 em{white-space:nowrap}.reference-study .study-lead{font-size:18px;margin-top:10px}
 .reference-study .study-copy .eyebrow{font-size:8px;margin-bottom:12px}
 .reference-parts,.reference-study .study-description,.reference-study .study-copy>.text-link,.slider-intro{display:none}
 .reference-study .study-visual{margin-top:5px;min-height:0;flex:1}
 .reference-study .study-controls,.reference-study .study-footnote{width:100%;padding-left:0;padding-right:0}
 .reference-study .study-views{gap:18px;justify-content:space-between}
 .reference-study .study-views button{font-size:10px}.reference-study .study-open{margin-left:0}
 .reference-study .study-footnote{font-size:9px}.reference-study .study-state{font-size:9px}
 .reference-study .study-footnote [data-assembly-detail]{margin-right:0;font-size:9px}
 .reference-study .study-copy .reference-source{position:absolute;top:0;right:0;max-width:85%;margin-top:0}
 .reference-study .study-copy .reference-source summary{font-size:9px;text-align:right}.reference-study .study-copy .reference-source[open]{top:0;width:95%;max-width:95%}
 .reference-study .study-copy .reference-source:not([open]){top:auto;bottom:-25px}
 .model-caption{font-size:8px;left:2%;top:5%}
 .reference-study.study-slider .reference-source{font-size:9px;margin-top:5px}
 .reference-study.study-slider .reference-source[open]{left:20px;right:20px;bottom:130px}
 .reference-study .study-stage{min-height:0}.reference-study.assembly-enhanced:not(.motion-disabled){height:300svh}
 .installation-interlude{padding:35px 0}.installation-interlude .real-sliding-photo .real-photo-frame{aspect-ratio:1.15}
}
@media(max-height:599px){.reference-study.assembly-enhanced:not(.motion-disabled){height:auto}.reference-study.assembly-enhanced:not(.motion-disabled) .study-pin{position:relative;height:auto;overflow:visible}.reference-study .study-stage{height:450px;min-height:350px;flex:none}.reference-study.study-slider .study-stage{height:350px}}
@media(prefers-reduced-motion:reduce){.reference-study.assembly-enhanced:not(.motion-disabled){height:auto}.reference-study.assembly-enhanced:not(.motion-disabled) .study-pin{position:relative;height:auto;overflow:visible}.reference-study .study-stage{height:500px;flex:none}}

/* Original camera photography: no glass shader, synthetic product or tint. */
.photo-study{background:#eee9df}
.photo-study .study-stage{background:none;overflow:hidden}
.photo-study .study-poster{padding:24px;mix-blend-mode:normal}
.photo-study .study-poster.study-detail{object-fit:contain;padding:12%}
.photo-study .model-caption{left:20px;top:5px;color:#686155;font-size:9px;letter-spacing:.11em}
.photo-study .study-copy h2{max-width:390px}
.photo-study .study-footnote{flex-wrap:wrap;justify-content:flex-start;gap:6px 18px;font-size:9px}
.photo-study .study-footnote>span{flex:1;min-width:160px}
.photo-study .study-footnote [data-assembly-detail]{margin:0}
.photo-study .study-views{gap:35px}
.camera-detail{margin:27px 0 0;max-width:265px}
.camera-detail img{height:86px;object-fit:cover}
.camera-detail figcaption{font-size:9px;color:#72685a;margin-top:8px;letter-spacing:.03em}
.photo-study .reference-source{font-size:9px;margin-top:13px}
.photo-study .reference-source summary{font-family:var(--sans);font-size:10px;padding:5px 0;border:0;line-height:1.5;min-height:26px;list-style:none}
.photo-study .reference-source summary::after{display:none}
.photo-study .reference-source summary::-webkit-details-marker{display:none}
.photo-study .model-caption{z-index:2;left:0;top:0;padding:7px 10px;background:#eee9dfe8}
.photo-study.study-slider{background:#1c2421;color:#eee9df}
.photo-study.study-slider .study-pin{display:flex;flex-direction:column;padding-top:38px}
.photo-study.study-slider .slider-heading{width:100%;display:flex;flex-direction:row;align-items:end;justify-content:space-between;padding:0;margin-bottom:15px;gap:35px}
.photo-study.study-slider .slider-heading h2{font-size:clamp(45px,4.5vw,70px);line-height:.92}
.photo-study.study-slider .slider-heading h2 br{display:none}
.photo-study.study-slider em{color:#bca88a}
.photo-study.study-slider .eyebrow{color:#bca88a;font-size:9px;margin-bottom:15px}
.photo-study.study-slider .slider-intro{margin:0;font-size:11px;color:#c6cbc3;max-width:290px}
.photo-study.study-slider .slider-intro .text-link{margin-top:10px;color:#e5d7bf}
.photo-study.study-slider .study-visual{width:100%;flex:1;min-height:0;max-width:1400px;margin:0 auto}
.photo-study.study-slider .study-stage{background:none;min-height:0}
.photo-study.study-slider .model-caption{color:#c3c7bd;left:2%;top:2px}
.photo-study.study-slider .model-caption{background:#1c2421e8}
.photo-study.study-slider .study-controls,.photo-study.study-slider .study-footnote{width:100%;padding-left:2%;padding-right:2%}
.photo-study.study-slider .study-views{border-color:#b6bdb344}
.photo-study.study-slider .study-views button,.photo-study.study-slider .study-state,.photo-study.study-slider .study-footnote,.photo-study.study-slider .reference-source{color:#bbc1b7}
.photo-study.study-slider .study-views button[aria-pressed=true]{color:#f4eee3;border-color:#d9c7a9}
.photo-study.study-slider .study-progress{background:#b6bdb333}
.photo-study.study-slider .study-progress::after{background:#d9c7a9}
.photo-study.study-slider .reference-source{max-width:850px;font-size:9px}
.photo-study.study-slider .reference-source[open]{background:#27322ef7;color:#eee9df;bottom:135px}
.photo-study.study-slider .study-footnote [data-assembly-detail][aria-pressed=true]{color:#fff}
@media(min-width:761px) and (max-height:820px){.photo-study .camera-detail{margin-top:18px;max-width:230px}.photo-study .camera-detail img{height:64px}.photo-study .study-description{font-size:11px}.photo-study.study-slider .slider-heading h2{font-size:48px}.photo-study.study-slider .study-pin{padding-top:27px;padding-bottom:18px}}
@media(max-width:760px){
 .photo-study .camera-detail{display:none}
 .photo-study .study-copy h2{font-size:39px}
 .photo-study .study-lead{font-size:18px;margin-top:12px}
 .photo-study .study-copy .reference-source:not([open]){bottom:-24px}
 .photo-study .study-visual{margin-top:28px}
 .photo-study .study-footnote{font-size:8px;gap:2px 12px}
 .photo-study .study-footnote>span{flex-basis:100%}
 .photo-study .study-footnote [data-static-toggle]{margin-left:auto}
 .photo-study .study-views{gap:16px}
 .photo-study .model-caption{left:0;top:0;font-size:8px}
 .photo-study.study-slider .study-pin{padding-top:30px}
 .photo-study.study-slider .slider-heading{display:block;margin-bottom:2px}
 .photo-study.study-slider .slider-heading h2{font-size:43px;max-width:300px}
 .photo-study.study-slider .slider-heading h2 br{display:block}
 .photo-study.study-slider .study-visual{margin-top:25px}
 .photo-study.study-slider .study-controls,.photo-study.study-slider .study-footnote{padding-left:0;padding-right:0}
 .photo-study .study-poster{padding:0}
}
@media(max-height:599px){.photo-study.study-slider .study-stage{height:360px;flex:none}.photo-study .model-caption{top:0}}
@media(max-width:760px){.editorial-gallery{grid-template-rows:260px 220px 245px}.gallery-steel{grid-column:1/3;grid-row:1}.gallery-upvc{grid-column:1;grid-row:2}.gallery-aluminium{grid-column:2;grid-row:2}.gallery-rooflights{grid-column:1/3;grid-row:3}.editorial-gallery .gallery-steel img{object-position:center}.editorial-gallery .gallery-steel>span{font-size:30px}}

/* Product-first design. Deliberately scoped away from the approved homepage header/hero. */
body:not([data-page="/"]) main{background:#fff}body[data-page="/contact/"] .enquiry-form{background:#f5f8fa;border-color:#e1e7eb}.site-footer{background:#20292f;color:#eef3f6}.site-footer .footer-bottom{border-color:#ffffff26}
.pc-page,.pd-page,.dd-page{--pc-ink:#191e21;--pc-muted:#606a70;--pc-line:#dce2e5;--pc-accent:#897452;background:#fff;color:var(--pc-ink)}
.pc-page .section,.pd-page .section,.dd-page .section{padding:72px max(28px,calc((100% - 1320px)/2));margin:0;max-width:none}
:is(.pc-page,.pd-page,.dd-page) h1{font:400 clamp(48px,5.4vw,78px)/1.02 var(--serif);letter-spacing:-.035em}
:is(.pc-page,.pd-page,.dd-page) h2{font:400 clamp(38px,3.6vw,54px)/1.07 var(--serif);letter-spacing:-.025em}
:is(.pc-page,.pd-page,.dd-page) h3{font:400 29px/1.1 var(--serif);letter-spacing:-.015em}
:is(.pc-page,.pd-page,.dd-page) p{font-size:15px;line-height:1.75}
:is(.pc-page,.pd-page,.dd-page) .eyebrow{font:500 10px/1.5 var(--sans);letter-spacing:.15em;color:#756345;margin-bottom:19px}
:is(.pc-page,.pd-page,.dd-page) .button{background:#20282d;border:1px solid #20282d;color:white;border-radius:4px;font-size:13px;min-height:48px;padding:16px 23px;gap:24px;white-space:normal}
:is(.pc-page,.pd-page,.dd-page) .button:hover{background:#3b4a52;border-color:#3b4a52}
:is(.pc-page,.pd-page,.dd-page) .text-link{min-height:44px;font-size:13px;gap:22px;border-color:#aeb8bd;align-items:center}
:is(.pc-page,.pd-page,.dd-page) :is(a,button,input,select):focus-visible{outline:2px solid #987444;outline-offset:4px}
.pc-intro{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:6%;padding-top:60px!important;padding-bottom:45px!important}
.pc-intro-copy{max-width:560px}.pc-intro-text{margin-top:24px;color:var(--pc-muted);max-width:440px}.pc-intro-links{display:flex;flex-wrap:wrap;gap:10px 27px;margin-top:20px}
.pc-intro-media{margin:0;position:relative;min-width:0;align-self:stretch;background:#ecf0f2;min-height:380px;overflow:hidden;border-radius:3px}
.pc-intro-media img{display:block;width:100%;height:100%;max-height:500px;object-fit:cover}
.pc-intro-media .pc-credit{position:absolute;bottom:0;left:0;right:0;font:400 10px/1.5 var(--sans);color:white;padding:34px 18px 12px;background:linear-gradient(transparent,#111b25ba)}
.pc-group-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 25px;border-top:1px solid var(--pc-line);padding-top:22px;margin-top:12px}
.pc-group-links a{display:inline-flex;align-items:center;min-height:40px;font-size:12px;color:#414d55;border-bottom:1px solid transparent}.pc-group-links a:hover{border-color:#9f8964;color:#171d21}
.pc-page .pc-group-links{padding-top:14px;padding-bottom:14px;margin:0;border-bottom:0}
.pc-page .pc-controls{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:16px;align-items:end;padding-top:20px;padding-bottom:20px;position:sticky;top:0;z-index:32;background:#f5f7f8f2;border-block:1px solid #dce2e5;box-shadow:0 7px 22px #17212c06;backdrop-filter:blur(25px) saturate(1.3);-webkit-backdrop-filter:blur(25px) saturate(1.3)}
.pc-filter{min-width:0}.pc-filter label{display:block;margin:0 0 7px;font:500 10px/1.5 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:#5c6870}
.pc-filter :is(input,select){width:100%;min-width:0;min-height:48px;margin:0;border:1px solid #cbd4d9;background:#fffffff0;border-radius:5px;padding:12px 14px;color:#1c252b;font:400 14px/1.4 var(--sans)}
.pc-filter select{padding-right:29px}.pc-filter input::placeholder{color:#6a757c;opacity:1}
[data-catalogue-reset]{min-height:48px;padding:12px 6px;color:#3b484f;background:none;border:0;font:500 12px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.pc-page .pc-results{padding-top:43px}.pc-results-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.pc-results-heading h2{font-size:38px}.pc-results-heading p{font-size:12px;color:var(--pc-muted);white-space:nowrap}
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 26px}.pc-card{min-width:0;border-bottom:1px solid var(--pc-line);padding-bottom:22px}.pc-card[hidden]{display:none!important}
.pc-card-link{display:block;height:100%;color:inherit;text-decoration:none}.pc-card-media{aspect-ratio:1.35;background:#eff2f3;overflow:hidden;border-radius:3px;position:relative}
.pc-card-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.pc-card-media img[src*="timber-sash-installation"],.pc-card-media img[src*="door-entrance"],.pc-card-media img[src*="4700"]{object-fit:contain}
.pc-card-link:hover .pc-image--photo{transform:scale(1.035)}.pc-card-link:hover h3{color:#806c49}
.pc-spec-cover{padding:26px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#eaf0f3,#f5f8f9);border:1px solid #e0e8ed;color:#43525b}.pc-spec-label{font:500 9px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.12em;color:#7a898f}.pc-spec-cover-title{font:400 32px/1.1 var(--serif);margin:16px 0!important}.pc-spec-features{margin:0;padding:0;list-style:none;font:400 11px/1.7 var(--sans)}.pc-spec-features li+li{margin-top:5px}.pd-spec-cover{padding:40px;min-height:430px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#e8eff3,#f7f9fa)}.pd-image-note{color:#66757e;font-size:14px!important}.pd-spec-features{padding-left:18px;margin:26px 0;font-size:14px;line-height:2;color:#30424c}
.pc-media--artwork{background:#f5f6f6}.pc-media--artwork img.pc-image--artwork{object-fit:contain;padding:20px;width:100%;height:100%;max-height:100%}.pc-card-media.pc-media--artwork{display:flex;align-items:center;justify-content:center}.pc-card-media img[src*="/timber-"]{max-width:var(--asset-width);max-height:var(--asset-height)}.pd-hero-media.pc-media--artwork{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:430px}.pd-hero-media.pc-media--artwork img[src*="/timber-"]{width:auto;height:auto;max-width:100%;max-height:var(--asset-height);padding:15px}.pd-hero-media.pc-media--artwork .pd-credit{width:100%;margin-top:25px}.pc-media-label{position:absolute;bottom:12px;left:12px;font:500 9px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:#5e6e77;background:#ffffffe8;border:1px solid #dbe3e8;padding:7px 9px;border-radius:3px}
.pc-card-body{padding-top:21px}.pc-card-body .pc-card-meta{font:500 9px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#6b7276;margin:0 0 9px}.pc-card-meta span{padding:0 5px;color:#9aa1a4}
.pc-card-body h3{font-size:28px}.pc-card-body .pc-card-summary{font-size:13px;line-height:1.75;color:var(--pc-muted);margin:12px 0 17px;max-width:38ch}
.pc-card-action{display:flex;justify-content:space-between;align-items:center;font:500 11px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.06em}.pc-card-action>span{font-size:21px;font-weight:400}
.pc-empty{padding:70px 20px;text-align:center;border:1px solid var(--pc-line);background:#f8fafb}.pc-empty p{color:var(--pc-muted);margin:15px 0}.pc-empty[hidden]{display:none}
.pc-page .pc-material-links{padding-top:32px;padding-bottom:48px;border-top:1px solid var(--pc-line)}.pc-material-links h2{font-size:29px}.pc-material-links>div{display:flex;flex-wrap:wrap;gap:15px 40px;margin-top:20px}.pc-material-links .text-link{min-width:120px}
.pc-page .pc-guidance,.pd-page .pd-enquiry,.dd-page .pd-enquiry{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#20292f;color:#f5f7f8;padding-top:70px;padding-bottom:75px}
.pc-guidance .eyebrow,.pd-enquiry .eyebrow{color:#c4b390!important}.pc-guidance p:not(.eyebrow),.pd-enquiry p:not(.eyebrow){color:#c4cdd2;max-width:450px}.pc-guidance .button,.pd-enquiry .button{background:#f5f7f8;color:#20292f;border-color:white;margin-top:25px}.pc-guidance .button:hover,.pd-enquiry .button:hover{background:#dce4e8;color:#20292f}
.pd-page .pd-breadcrumb,.dd-page .pd-breadcrumb{padding-top:28px;padding-bottom:0}.pd-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:0;font:400 11px/1.7 var(--sans);color:#737d84}.pd-breadcrumb li+li::before{content:'/';margin-right:20px;color:#b4bbc0}.pd-breadcrumb a:hover{color:#20292f;text-decoration:underline}
.pd-page .pd-hero,.dd-page .dd-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6%;padding-top:32px;padding-bottom:58px}
.pd-hero-media{margin:0;background:#f0f3f4;min-width:0;border-radius:3px;overflow:hidden;position:relative}
.pd-hero-media img{width:100%;height:clamp(360px,43vw,620px);object-fit:contain;display:block}.pd-hero-media .pc-image--artwork{padding:36px}
.pd-hero-media>img.pc-image--photo{height:auto;max-height:620px}.pd-gallery-item img[src*="/timber-"]{max-width:var(--asset-width);max-height:var(--asset-height);margin-inline:auto}
.pd-credit,.dd-credit{font:400 10px/1.65 var(--sans);color:#67737a;padding:14px 18px;border-top:1px solid #dce3e7;background:#f4f6f7}
.pd-hero-copy h1{font-size:clamp(47px,4.5vw,67px)}.pd-summary,.dd-summary{margin-top:22px;color:#56646c;font-size:17px!important;line-height:1.65!important}.pd-features{list-style:none;padding:0;margin:25px 0}.pd-features li{font-size:12px;line-height:1.65;padding:10px 0 10px 21px;border-bottom:1px solid #e0e5e8;position:relative}.pd-features li::before{content:'+';position:absolute;left:0;color:#9b845b}
.pd-hero-actions,.dd-hero-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:30px;align-items:center}.pd-hero-actions .text-link{font-size:12px}
.pd-page .pd-jump-links{display:flex;flex-wrap:wrap;gap:10px 36px;padding-top:13px;padding-bottom:13px;border-block:1px solid var(--pc-line);background:#f5f7f8e8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.pd-jump-links a{min-height:44px;display:flex;align-items:center;font:500 12px var(--sans)}.pd-jump-links a:hover{color:#8c7351}
.pd-overview,.pd-specifications{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;scroll-margin-top:25px}.pd-prose>p{margin:0 0 20px;color:#56636b}.pd-notes{border-left:2px solid #b4a17a;padding:5px 0 5px 22px;margin-top:32px}.pd-notes p{font-size:12px;color:#68747b;line-height:1.7}.pd-notes p+p{margin-top:12px}
.pd-page .pd-options,.dd-page .dd-options{background:#f2f5f6}.pd-section-heading,.dd-section-heading{margin-bottom:34px}.pd-section-heading>p:last-child,.dd-section-heading>p:last-child{color:#627078;max-width:600px;margin-top:18px}
.pd-option-grid,.dd-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pd-option,.dd-option{padding:28px 30px;background:white;border:1px solid #e0e7ea;border-radius:4px}.pd-option h3,.dd-option h3{font-size:29px}.pd-option p,.dd-option p{margin-top:14px;color:#657178;font-size:14px}
.pd-specifications>div>p:last-child{color:#657178;font-size:13px;max-width:330px;margin-top:20px}.pd-spec-list{margin:0}.pd-spec-list>div{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;padding:17px 0;border-bottom:1px solid var(--pc-line);font-size:13px;line-height:1.65}.pd-spec-list dt{color:#6a747b}.pd-spec-list dd{margin:0;color:#212d34}
.pd-page .pd-gallery{background:#f7f9fa}.pd-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.pd-gallery-item{margin:0;background:white;overflow:hidden}.pd-gallery-item img{height:350px;width:100%;object-fit:contain;display:block}.pd-gallery-item.pc-media--artwork img{padding:30px;height:350px}
.pd-related-heading,.dd-gallery-heading{display:flex;justify-content:space-between;gap:40px;align-items:end}.pd-related-heading .text-link{white-space:nowrap}
.pd-page .dd-gallery{border-top:1px solid var(--pc-line)}.dd-gallery-heading{margin-bottom:35px}.dd-gallery-heading>p{max-width:440px;color:#626e75}.dd-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 17px}.dd-card{border:1px solid #dce3e6;border-radius:4px;overflow:hidden;background:white;min-width:0;transition:border-color .25s,box-shadow .25s}.dd-card:hover{border-color:#a29478;box-shadow:0 8px 25px #1a2c3410}.dd-card-media{height:294px;display:flex;align-items:center;justify-content:center;background:#fff}.dd-card-media img.pc-image--artwork{width:auto;height:auto;max-width:100%;max-height:270px;padding:12px;object-fit:contain}
.dd-card-body{padding:16px 13px;border-top:1px solid #e6ebed;background:#f7f9fa}.dd-card-body h3{font-size:23px}.dd-card-action{display:flex;justify-content:space-between;font-size:10px;margin-top:12px}.dd-gallery-note{margin-top:25px;color:#768086;font-size:11px!important}
.dd-hero-media{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f5f7f8;min-height:460px;margin:0;border:1px solid #e0e6e9;border-radius:4px}.dd-hero-media img.pc-image--artwork{width:auto;height:auto;max-width:100%;max-height:270px;padding:0;image-rendering:auto}.dd-credit{background:transparent;border:0;text-align:center;max-width:360px;margin-top:35px}.dd-hero-copy>p:not(.eyebrow){color:#657178;margin-top:22px}.dd-related .dd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.dd-card-media{position:relative;padding-bottom:20px}.dd-card-media .pc-media-label{bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 6px;font-size:8px}
.legacy-product-links{background:#f6f8f9;padding:30px max(28px,calc((100% - 1320px)/2))}.legacy-product-links>div{display:flex;gap:12px 25px;flex-wrap:wrap}.legacy-product-links a{font-size:12px;min-height:36px;display:flex;align-items:center}.legacy-product-links h2{font:400 28px var(--serif);margin-bottom:17px}.legacy-product-links [id]{scroll-margin-top:30px}
.fade-ready{opacity:0;transform:translate3d(0,18px,0);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.65,.25,1)}.fade-ready.is-in-view,.fade-ready:focus-within{opacity:1;transform:none}
@media(min-width:761px) and (max-width:1050px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-page .pc-controls{grid-template-columns:1fr 1fr 1.2fr}.pc-controls>[data-catalogue-reset]{grid-column:1/-1;justify-self:end;min-height:24px;padding:0}.dd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pc-intro{gap:4%}.pc-intro-media{min-height:370px}}
@media(max-width:760px){
 .pc-page .section.pc-group-links{padding:14px 22px}
 .pc-page .section,.pd-page .section,.dd-page .section{padding:48px 22px}.pc-page .pc-intro{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding-top:34px!important;padding-bottom:28px!important}.pc-intro h1{font-size:49px}.pc-intro-text{margin-top:18px;font-size:14px}.pc-intro-links{margin-top:13px;gap:8px 22px}.pc-intro-media{min-height:0;aspect-ratio:1.3;align-self:auto}.pc-intro-media img{height:100%;max-height:none}.pc-intro-media .pc-credit{font-size:9px}.pc-group-links{margin-top:0;padding-top:14px;gap:4px 18px}.pc-group-links a{font-size:11px;min-height:36px}
 .pc-page .pc-controls{position:relative;grid-template-columns:1fr 1fr;gap:14px 12px;padding:19px 22px;top:auto}.pc-filter-search{grid-column:1/-1}.pc-filter :is(input,select){font-size:16px;min-height:48px;padding-left:10px}.pc-filter label{font-size:9px}.pc-controls>[data-catalogue-reset]{grid-column:1/-1;min-height:28px;padding:0;justify-self:end}.pc-page .pc-results{padding-top:30px}.pc-results-heading{margin-bottom:24px}.pc-results-heading h2{font-size:31px}.pc-grid{grid-template-columns:1fr;gap:30px}.pc-card{padding-bottom:20px}.pc-card-media{aspect-ratio:1.28}.pc-card-body{padding-top:18px}.pc-card-body .pc-card-meta{font-size:10px}.pc-card-body h3{font-size:32px}.pc-card-body .pc-card-summary{font-size:14px;max-width:none;margin-top:10px}.pc-card-action{font-size:11px}
 .pc-page .pc-guidance,.pd-page .pd-enquiry,.dd-page .pd-enquiry{grid-template-columns:1fr;gap:25px;padding-top:48px;padding-bottom:50px}.pc-guidance h2,.pd-enquiry h2{font-size:46px}.pc-guidance .button,.pd-enquiry .button{margin-top:21px}
 .pd-page .pd-breadcrumb,.dd-page .pd-breadcrumb{padding-top:22px}.pd-breadcrumb ol{font-size:10px;gap:5px 11px}.pd-breadcrumb li+li::before{margin-right:11px}.pd-page .pd-hero,.dd-page .dd-hero{display:flex;flex-direction:column;align-items:stretch;gap:29px;padding-top:24px;padding-bottom:35px}.pd-hero-media img{height:330px}.pd-hero-copy h1{font-size:50px}.pd-summary{font-size:16px!important;margin-top:19px}.pd-hero-copy .eyebrow{margin-bottom:13px}.pd-features{margin:19px 0}.pd-hero-actions{margin-top:24px;gap:10px 20px}.pd-credit{padding:12px 14px;font-size:10px}.pd-page .pd-jump-links{padding:12px 22px;gap:4px 23px}.pd-jump-links a{font-size:11px}
 .pd-overview,.pd-specifications{display:block}.pd-prose{margin-top:25px}.pd-page h2,.dd-page h2{font-size:40px}.pd-option-grid,.dd-option-grid{grid-template-columns:1fr;gap:12px}.pd-option,.dd-option{padding:24px}.pd-spec-list{margin-top:25px}.pd-spec-list>div{gap:17px;font-size:12px}.pd-gallery-grid{grid-template-columns:1fr}.pd-gallery-item img,.pd-gallery-item.pc-media--artwork img{height:300px}.pd-related-heading{align-items:start;flex-direction:column;gap:10px}.dd-gallery-heading{display:block}.dd-gallery-heading>p{margin-top:20px;font-size:14px}.dd-grid,.dd-related .dd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.dd-card-media{height:294px}.dd-card-body{padding:15px 12px}.dd-card-body h3{font-size:25px}.dd-hero-media{min-height:390px}.dd-hero-copy h1{font-size:56px}
 .legacy-product-links{padding:30px 22px}
}
@media(prefers-reduced-motion:reduce){.fade-ready{opacity:1!important;transform:none!important;transition:none!important}.pc-card-media img{transition:none!important}.pc-card-link:hover .pc-image--photo{transform:none}:is(.pc-page,.pd-page,.dd-page) *{scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.pc-page .pc-controls,.pd-page .pd-jump-links{background:#f5f7f8;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.pc-page,.pd-page,.dd-page{background:Canvas;color:CanvasText}.pc-card,.pd-option,.dd-option,.dd-card{border:1px solid CanvasText}.pc-page .pc-controls,.pd-page .pd-jump-links{background:Canvas;backdrop-filter:none}.fade-ready{opacity:1;transform:none}}

/* Direct product categories; page and hero geometry remain independent. */
.site-header {
  --nav-ink: #e5e1d9; --nav-muted: #d3cec6; --nav-accent: #f4f3ed;
  --nav-rule: #ffffff28; --nav-hover: #ffffff0c; --nav-edge: #ffffff75;
  --nav-opaque-fill: #27292d;
  --nav-glass-fill: var(--nav-opaque-fill);
  --nav-glass-filter: none;
  --nav-text-shadow: 0 1px 2px #0006;
  --nav-glass-shadow: 0 18px 48px #07090c26, inset 0 1px 1px #ffffffa6, inset 0 -1px 1px #ffffff30;
  gap: clamp(22px, 2.2vw, 34px); height: 100px;
}
/* Continue the homepage's light wordmark and dark architectural atmosphere.
   Keep blur on the panels, not this ancestor, so dropdowns can sample the page. */
body:not([data-page='/']) .site-header {
  color: var(--paper); background: #1c2423;
  background: linear-gradient(#151e1db8, #151e1dd1),
    url('/assets/showcase/glass-atmosphere.webp') center 45% / cover no-repeat;
  border-bottom-color: #ffffff30;
}
body:not([data-page='/']) .site-header .wordmark { color: var(--paper); }
@supports ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))) {
  .site-header {
    --nav-glass-fill: linear-gradient(140deg, #ffffff22, #ffffff08 45%, #ffffff14);
    --nav-glass-filter: blur(8px) saturate(1.25) brightness(.7);
  }
  /* Inner pages can put white photographs and buttons behind the menu.
     Attenuate that light, rather than covering the scene with a coloured fill. */
  body:not([data-page='/']) .site-header {
    --nav-glass-fill: linear-gradient(140deg, #ffffff08, #ffffff02 45%, #ffffff05);
    --nav-glass-filter: blur(12px) saturate(1.08) brightness(.4);
  }
}
body:not([data-page='/']) .site-header {
  --nav-ink: #f7f6f2;
  --nav-muted: #f5f4ef;
  --nav-text-shadow: 0 1px 2px #000b;
}
body:not([data-page='/']) .category-panel :is(.nav-family-links > a, .nav-family-links > a > strong, .nav-product-card strong) {
  font-weight: 500;
}
.site-header > .brand { flex-shrink: 0; }
.site-header > #primary-nav { flex: 0 0 auto; gap: 24px; }
.site-header > #primary-nav > a:not(.button) { font-size: 13px; white-space: nowrap; }
.site-header > #primary-nav > .nav-quote {
  gap: 18px; min-height: 48px; margin-left: 0; padding: 13px 18px;
  font-size: 15px; white-space: nowrap;
}
.site-header.products-open,
.site-header:has(.product-category[open]) { z-index: 60; }

.product-nav {
  display: flex; align-items: center; justify-content: flex-end; flex: 1 0 auto;
  gap: clamp(14px, 1.5vw, 24px); min-width: 0; margin-left: auto; color: inherit;
}
.product-category { min-width: 0; margin: 0; padding: 0; border: 0; }
.product-category > .category-trigger {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  min-width: 44px; min-height: 44px; padding: 10px 0; color: inherit; border: 0;
  font-family: var(--sans); font-size: 15px; font-weight: 400; line-height: 1.4;
  white-space: nowrap; list-style: none; cursor: pointer;
  text-underline-offset: 8px; text-decoration-thickness: 1px;
}
.product-category > .category-trigger::-webkit-details-marker { display: none; }
.product-category > .category-trigger::marker { content: ''; }
.product-category > .category-trigger > span,
.product-category[open] > .category-trigger > span {
  font: inherit; line-height: inherit; transform: none;
}
.category-trigger > .nav-chevron {
  width: 10px; height: 10px; opacity: .65;
  transition: transform 180ms ease, opacity 180ms ease;
}
.product-category[open] > .category-trigger > .nav-chevron {
  opacity: 1; transform: rotate(180deg);
}
.product-category > .category-trigger:hover,
.product-category[open] > .category-trigger {
  text-decoration: underline; text-decoration-color: #cbb186;
}

.category-panel {
  position: absolute; top: calc(100% + 10px); left: var(--gutter); right: var(--gutter);
  z-index: 2; width: auto; max-width: 1100px;
  max-height: min(460px, calc(100svh - 124px));
  max-height: min(460px, calc(100dvh - 124px));
  margin: 0 auto; padding: 10px 20px 8px;
  overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
  color: var(--nav-ink); background: var(--nav-glass-fill);
  border: 1px solid var(--nav-edge); border-radius: 20px;
  box-shadow: var(--nav-glass-shadow); text-shadow: var(--nav-text-shadow);
  -webkit-backdrop-filter: var(--nav-glass-filter);
  backdrop-filter: var(--nav-glass-filter);
  scrollbar-width: thin; scrollbar-color: var(--nav-rule) transparent;
  -webkit-overflow-scrolling: touch;
}
#nav-windows .category-panel { max-width: 1220px; }
.product-category:not([open]) > .category-panel,
.product-nav [hidden] { display: none !important; }
.product-category p { margin: 0; padding: 0; }

.category-panel-top {
  display: flex; align-items: center; gap: 14px; min-height: 44px;
  margin-bottom: 10px; padding-bottom: 4px; border-bottom: 1px solid var(--nav-rule);
}
.category-panel-top > p {
  margin-right: auto; color: var(--nav-accent);
  font-size: 12px; font-weight: 500; line-height: 1.4;
  letter-spacing: .14em; text-transform: uppercase;
}
.category-panel-top > a {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px;
  color: var(--nav-ink); font-size: 14px; line-height: 1.45;
  text-decoration: underline; text-decoration-color: var(--nav-rule); text-underline-offset: 4px;
}
.category-panel-top > a > svg { width: 13px; height: 13px; }
.product-nav [data-category-close] {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px;
  width: 44px; height: 44px; padding: 13px; color: var(--nav-muted);
  background: transparent; border: 1px solid var(--nav-rule); border-radius: 50%;
  transition: color 160ms ease, background-color 160ms ease;
}
.product-nav [data-category-close] > svg { width: 16px; height: 16px; }
.product-nav [data-category-close]:hover { color: var(--nav-accent); background: var(--nav-hover); }
.product-nav:not(.navigation-ready) [data-category-close] { display: none; }

.category-panel-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start; gap: 16px 20px;
}
.nav-family { min-width: 0; }
.nav-family-heading {
  display: flex; align-items: center; gap: 9px; min-height: 40px; margin-bottom: 4px;
}
.nav-family-heading > .nav-family-image {
  flex: 0 0 48px; width: 48px; height: 38px; object-fit: cover;
  border: 1px solid #ffffff40; border-radius: 8px; background: #e9eaec;
}
.nav-family-heading > h2 {
  margin: 0; color: var(--nav-ink); font-family: var(--serif); font-size: 23px;
  font-weight: 400; line-height: 1.08; letter-spacing: -.025em;
}
.nav-family-links { display: grid; }
.nav-family-links > a {
  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
  gap: 4px; min-width: 0; min-height: 44px; margin: 0 -6px; padding: 7px 6px;
  color: var(--nav-ink); border-bottom: 1px solid var(--nav-rule); border-radius: 2px;
  font-family: var(--sans); font-size: 16px; line-height: 1.45; overflow-wrap: anywhere;
  transition: color 160ms ease, background-color 160ms ease;
}
.nav-family-links > a:last-child { border-bottom-color: transparent; }
.nav-family-links > a > strong,
.nav-product-card strong { font-weight: 400; }
.nav-family-links > a > small,
.nav-product-card small {
  color: var(--nav-muted); font-size: 14px; font-weight: 400; line-height: 1.45;
}

.nav-product-cards {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 12px;
}
.category-panel-grid > .nav-product-cards { grid-column: 1 / -1; }
.nav-product-card {
  display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 74px;
  padding: 8px; color: var(--nav-ink); border: 1px solid var(--nav-rule); border-radius: 10px;
  font-family: var(--sans); font-size: 16px; line-height: 1.45;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}
.nav-product-card > img {
  flex: 0 0 84px; width: 84px; height: 56px; object-fit: cover;
  background: #eceef0; border-radius: 7px;
}
.nav-product-card > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.product-nav img.nav-image--reference { object-fit: contain; padding: 4px; }
#nav-sash .nav-family-image,
.nav-product-card > img[src*="4700"] { object-fit: contain; }
.nav-family-links > a:hover,
.nav-product-card:hover { color: var(--nav-accent); background: var(--nav-hover); }
.nav-product-card:hover { border-color: var(--nav-edge); }

.category-panel-footer {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0 22px;
  margin-top: 8px; padding-top: 0; border-top: 1px solid var(--nav-rule);
}
.category-panel-footer > a {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px;
  color: var(--nav-muted); font-size: 14px; line-height: 1.45;
}
.category-panel-footer > a > svg { width: 12px; height: 12px; }
.category-panel-footer > :is(p, span, small) {
  color: var(--nav-muted); font-size: 14px; line-height: 1.45;
}
.category-panel-top > a:hover,
.category-panel-footer > a:hover { color: var(--nav-accent); }
.product-nav :is(a, button, summary):focus-visible {
  outline: 2px solid #d0b58c; outline-offset: 3px;
}

@media (min-width: 1301px) {
  #nav-windows .category-panel-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px;
  }
  #nav-doors .category-panel-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px;
  }
  #nav-windows .nav-family-heading { gap: 9px; }
}

/* Keep secondary links in the menu at every width, so the brand slot does not
   collapse when a second navigation row appears at 1301px. */
@media all {
  .site-header > .menu-toggle {
    display: flex; flex: 0 0 44px; flex-direction: column; align-items: center;
    justify-content: center; gap: 7px; width: 44px; height: 44px; padding: 10px;
    margin-left: 0; order: 3;
  }
  .site-header > .menu-toggle > span {
    width: 24px; height: 1px; background: currentColor; transition: transform 180ms ease;
  }
  .site-header > .menu-toggle[aria-expanded='true'] > span:first-child {
    transform: translateY(4px) rotate(45deg);
  }
  .site-header > .menu-toggle[aria-expanded='true'] > span:last-child {
    transform: translateY(-4px) rotate(-45deg);
  }
  .site-header > #primary-nav {
    display: none; position: absolute; top: calc(100% + 10px); left: auto;
    right: var(--gutter); width: min(320px, calc(100vw - 32px)); height: auto;
    max-height: calc(100dvh - 124px); margin: 0; padding: 10px 18px 14px;
    overflow-y: auto; color: var(--nav-ink); background: var(--nav-glass-fill);
    border: 1px solid var(--nav-edge); border-radius: 20px; box-shadow: var(--nav-glass-shadow);
    text-shadow: var(--nav-text-shadow);
    -webkit-backdrop-filter: var(--nav-glass-filter); backdrop-filter: var(--nav-glass-filter);
  }
  .site-header > #primary-nav.is-open {
    display: flex; flex-direction: column; align-items: stretch; gap: 0 !important;
  }
  .site-header > #primary-nav > a:not(.button) {
    display: flex; align-items: center; min-height: 44px; padding: 8px 0; font-size: 16px;
  }
  .site-header > #primary-nav > a::after { display: none; }
  .site-header > #primary-nav > .nav-quote,
  body[data-page='/'] .site-header > #primary-nav > .nav-quote {
    align-self: stretch; margin: 8px 0 0; color: var(--nav-ink);
  }
  html:not(.js) .site-header > #primary-nav {
    display: flex; position: static; flex-direction: row; align-items: center; gap: 18px;
    width: auto; height: auto; max-height: none; margin: 0; padding: 0; overflow: visible;
    color: inherit; background: transparent; border: 0; box-shadow: none;
    -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  html:not(.js) .site-header > #primary-nav > .nav-quote {
    align-self: center; min-height: 44px; margin: 0; padding: 10px 14px;
    color: inherit; font-size: 13px;
  }
  html:not(.js) .site-header > .menu-toggle { display: none; }
}

@media (min-width: 761px) and (max-width: 1300px) {
  html:not(.js) .site-header {
    display: grid; grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 56px 44px; gap: 0 !important;
  }
  html:not(.js) .site-header > .brand { grid-column: 1; grid-row: 1; justify-self: start; }
  html:not(.js) .site-header > #primary-nav { grid-column: 2; grid-row: 1; justify-self: end; }
  html:not(.js) .site-header > .product-nav {
    grid-column: 1 / -1; grid-row: 2; align-self: stretch;
    justify-content: center; margin: 0;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .product-nav { gap: clamp(13px, 2vw, 24px); }
  .product-category > .category-trigger { gap: 5px; font-size: 14px; }
  .category-panel { left: 24px; right: 24px; padding: 10px 18px 8px; }
  .nav-product-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
  .nav-product-card { gap: 10px; }
  .nav-product-card > img { flex-basis: 76px; width: 76px; height: 52px; }
}

@media (max-width: 760px) {
  .site-header {
    display: grid; grid-template-columns: minmax(0, 1fr) 44px;
    grid-template-rows: 82px 44px; gap: 0; height: 126px; padding-top: 0; padding-bottom: 0;
  }
  .site-header > .brand { grid-column: 1; grid-row: 1; justify-self: start; }
  .site-header > .menu-toggle { grid-column: 2; grid-row: 1; justify-self: end; }
  .product-nav {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1.1fr) minmax(0, .7fr);
    grid-column: 1 / -1; grid-row: 2; align-self: stretch; align-items: stretch; gap: 0;
    margin: 0 calc(-1 * var(--gutter)); padding: 0 10px;
    border-top: 1px solid #969c9240; background: #151a1807;
  }
  body[data-page='/'] .product-nav { border-top-color: #ffffff20; background: #17191d42; }
  body:not([data-page='/']) .product-nav { border-top-color: #ffffff20; background: #17191d42; }
  .product-category > .category-trigger {
    gap: 3px; height: 44px; min-width: 0; padding: 5px 3px;
    font-size: 14px; line-height: 1.2; text-align: center; white-space: normal;
    text-underline-offset: 5px;
  }
  .category-trigger > .nav-chevron { width: 8px; height: 8px; }
  .product-category[open] > .category-trigger {
    background: #b99a6a16; box-shadow: inset 0 -2px #cbb186; text-decoration: none;
  }
  .category-panel {
    top: calc(100% + 6px); left: 10px; right: 10px;
    max-height: min(480px, 64svh, calc(100svh - 142px));
    max-height: min(480px, 64dvh, calc(100dvh - 142px));
    padding: 8px 14px; border-radius: 18px;
  }
  .category-panel-top { gap: 10px; margin-bottom: 10px; padding-bottom: 4px; }
  .category-panel-top > p { display: none; }
  .category-panel-top > a { gap: 6px; margin-right: auto; }
  .category-panel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
  .nav-family-heading { flex-direction: row; align-items: center; gap: 8px; min-height: 44px; margin-bottom: 4px; }
  .nav-family-heading > .nav-family-image { flex-basis: 36px; width: 36px; height: 36px; }
  .nav-family-heading > h2 { font-size: 22px; }
  .nav-family-links > a { margin: 0 -4px; padding: 7px 4px; }
  .nav-product-cards { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .nav-product-card { gap: 12px; min-height: 70px; padding: 7px; }
  .nav-product-card > img { flex-basis: 76px; width: 76px; height: 52px; }
  .category-panel-footer { gap: 0 18px; margin-top: 8px; padding-top: 0; }
  .site-header > #primary-nav {
    top: calc(100% + 6px); right: 10px; max-height: calc(100dvh - 142px);
  }
  html:not(.js) .site-header {
    grid-template-columns: minmax(0, 1fr) auto;
    height: 126px; min-height: 126px; padding-top: 0; padding-bottom: 0;
  }
  html:not(.js) body[data-page='/'] .site-header { position: absolute; background: transparent; }
  html:not(.js) .site-header > #primary-nav {
    position: static; grid-column: 2; grid-row: 1; justify-self: end; gap: 14px;
    width: max-content; margin: 0; padding: 0; overflow: visible; color: inherit;
    background: transparent; border: 0; box-shadow: none;
    -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  html:not(.js) .site-header > #primary-nav > a:not(.button) { font-size: 11px; }
  html:not(.js) .site-header > .menu-toggle { display: none; }
}

@media (max-width: 380px) {
  .product-nav { padding-right: 4px; padding-left: 4px; }
  .product-category > .category-trigger {
    position: relative; padding: 2px 1px 11px; line-height: 1.05;
  }
  .category-trigger > .nav-chevron {
    position: absolute; bottom: 3px; left: calc(50% - 4px); height: 6px;
  }
  .category-panel { padding-right: 13px; padding-left: 13px; }
  .category-panel-grid { grid-template-columns: minmax(0, 1fr); column-gap: 18px; }
  .nav-product-card { gap: 10px; }
  .nav-product-card > img { flex-basis: 64px; width: 64px; }
}

/* Override the legacy tablet anchor rule without changing the hero or its links. */
@media (min-width: 761px) and (max-width: 900px) {
  .site-header > #primary-nav > .nav-quote { font-size: 15px !important; }
  .site-header > #primary-nav > a:not(.button) { font-size: 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .category-trigger > .nav-chevron,
  .product-nav :is(a, button),
  .site-header > .menu-toggle > span { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .category-panel,
  .site-header > #primary-nav.is-open {
    background: var(--nav-opaque-fill); -webkit-backdrop-filter: none; backdrop-filter: none;
  }
}
@media (forced-colors: active) {
  .category-panel, .site-header > #primary-nav.is-open {
    --nav-ink: CanvasText; --nav-muted: CanvasText; --nav-accent: LinkText; --nav-rule: CanvasText;
    background: Canvas; color: CanvasText; border-color: CanvasText;
    box-shadow: none; text-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
  }
}

/* Shared editorial treatment for real products and door designs.
   Deliberately scoped away from the homepage, header and enquiry form. */
.pp-page .pc-installation-context{display:block;padding:10px 14px;font-size:14px;line-height:1.5;color:#f3f4f1;background:#20262b}
.pd-page.pp-page,.dd-page.pp-page {
  --pp-ink:#f4f6f3;--pp-muted:#dbe1dd;--pp-line:#ffffff35;
  --pp-gutter:max(28px,calc((100% - 1280px)/2));
  --pc-line:var(--pp-line);--pc-muted:var(--pp-muted);
  --fp-ink:var(--pp-ink);--fp-muted:var(--pp-muted);--fp-line:var(--pp-line);
  position:relative;isolation:isolate;background:#1c2423;color:var(--pp-ink);
}
.pp-page .pp-atmosphere {
  position:sticky;top:0;height:100vh;margin-bottom:-100vh;z-index:0;pointer-events:none;
  background:linear-gradient(#151e1dc2,#151e1d94),url('/assets/showcase/glass-atmosphere.webp') center/cover no-repeat;
}
@supports(height:100lvh){.pp-page .pp-atmosphere{height:100lvh;margin-bottom:-100lvh}}
.pp-page>.section {position:relative;z-index:1;padding:64px var(--pp-gutter);background:transparent;border:0}
.pp-page :is(h1,h2,h3){color:var(--pp-ink);text-wrap:balance}
.pp-page h2{font-size:clamp(36px,3.8vw,54px);line-height:1.08;max-width:18ch}
.pp-page h3{font-size:30px;line-height:1.15}
.pp-page p{font-size:18px;line-height:1.7}
.pp-page .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.1em;color:#d9e1dc;margin-bottom:20px}
.pp-page :is(.button,.text-link){font-size:16px;line-height:1.5;min-height:48px;max-width:100%;gap:18px}
.pp-page .button{padding:14px 22px;border-radius:9px;background:#f2f4ef;border:1px solid #f2f4ef;color:#222c28}
.pp-page .button:hover{background:#fff;border-color:#fff;color:#111d17}
.pp-page .text-link{color:#f0f4ee;border-color:#ffffff65}
.pp-page .text-link:hover{color:#fff;border-color:#fff}
.pp-page :is(.button,.text-link) .arrow{flex:none}
.pp-page :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:5px}
.pp-page [id]{scroll-margin-top:110px}
.pp-page .pp-glass {
  border:1px solid #ffffff54;border-radius:18px;background:#2c3532;
  box-shadow:0 20px 55px #07120d24,inset 0 1px 1px #ffffff66,inset 0 -1px 1px #ffffff14;
}
@supports ((backdrop-filter:blur(4px)) or (-webkit-backdrop-filter:blur(4px))){
  .pp-page .pp-glass{background:linear-gradient(130deg,#ffffff1c,#ffffff06 50%,#ffffff10);backdrop-filter:blur(7px) saturate(1.12);-webkit-backdrop-filter:blur(7px) saturate(1.12)}
}
.pp-page>.pd-breadcrumb{padding-top:26px;padding-bottom:0}
.pp-page .pd-breadcrumb ol{font-size:14px;line-height:1.6;color:#dbe3dd;gap:6px 16px}
.pp-page .pd-breadcrumb li+li::before{margin-right:16px;color:#aab9b1}
.pp-page .pd-breadcrumb a:hover{color:#fff}

/* Media retains its real proportions. Portraits and drawings never get cropped. */
.pd-page.pp-page .pd-hero,.dd-page.pp-page .dd-hero {
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0;
  align-items:center;padding-top:32px;padding-bottom:46px;
}
.pp-page :is(.pd-hero-media,.dd-hero-media){grid-column:1;grid-row:1;min-width:0;width:100%;margin:0;border:1px solid #ffffff45;border-radius:18px;overflow:hidden;background:#e9eeea;box-shadow:0 22px 58px #0003}
.pp-page .pd-hero-media>img.pc-image--photo{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;padding:0;transform:none}
.pp-page :is(.pd-hero-copy,.dd-hero-copy){grid-column:2;grid-row:1;position:relative;z-index:2;margin:0 0 0 -26px;padding:clamp(28px,3.2vw,46px);min-width:0}
.pp-page :is(.pd-hero-copy,.dd-hero-copy) h1,.pp-page .fp-hero-heading h1{font-size:clamp(42px,4.3vw,65px);line-height:1.04;letter-spacing:-.035em;max-width:16ch}
.pp-page .fp-hero-heading{display:block}
.pp-page .fp-hero-intro{padding-top:22px;max-width:none}
.pp-page :is(.pd-summary,.dd-summary){margin-top:22px;color:var(--pp-muted);font-size:19px!important;line-height:1.6!important}
.pp-page .fp-hero-intro .pd-summary{margin:0}
.pp-page .dd-hero-copy>p:not(.eyebrow){color:var(--pp-muted);font-size:18px}
.pp-page .pd-features{margin:24px 0}
.pp-page .pd-features li{font-size:16px;line-height:1.6;border-color:var(--pp-line);padding:10px 0 10px 22px}
.pp-page .pd-features li::before{color:#ccd8ce}
.pp-page :is(.pd-hero-actions,.dd-hero-actions){margin-top:28px;gap:12px 22px}
.pp-page .pd-hero-actions .text-link{font-size:15px}
.pp-page .pp-hero--portrait .pd-hero-media{width:fit-content;max-width:100%;justify-self:center}
.pp-page .pp-hero--portrait .pd-hero-media>img.pc-image--photo{width:auto;max-width:100%;height:auto;max-height:640px}
.pd-page.pp-page :is(.pp-hero--portrait,.pp-hero--artwork) .fp-hero-heading h1{font-size:clamp(42px,4.3vw,62px);line-height:1.04;max-width:none}
.pp-page .pp-hero--artwork :is(.pd-hero-media,.dd-hero-media){min-height:450px;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:32px;background:#eef1ed}
.pp-page .pp-hero--artwork .pd-hero-media>img.pc-image--artwork{width:auto;height:auto;max-width:min(100%,var(--asset-width,100%));max-height:min(520px,var(--asset-height,520px));padding:0;object-fit:contain;transform:none}
.pp-page .dd-hero-media img.pc-image--artwork{width:auto;height:auto;max-width:100%;max-height:270px;padding:0;transform:none}
.dd-page.pp-page .dd-hero{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:42px}
.dd-page.pp-page .dd-hero .dd-hero-media{width:100%;max-width:320px;min-height:370px;align-self:center;justify-self:center;padding:32px}
.dd-page.pp-page .dd-hero-copy{margin-left:0}

/* The panoramic COR Vision photograph carries the same layered composition as home. */
.pd-page.pp-page .fp-hero--landscape{grid-template-columns:minmax(0,1fr);align-items:end}
.pp-page .fp-hero--landscape .pd-hero-media{grid-column:1;grid-row:1;aspect-ratio:auto;min-height:620px;background:#1c2423}
.pp-page .fp-hero--landscape .pd-hero-media>img{height:620px;max-height:none;object-fit:cover;object-position:center}
.pp-page .fp-hero--landscape .fp-hero-heading{grid-column:1;grid-row:1;width:min(500px,45%);margin:32px;padding:34px;background:#192522a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.pp-page .fp-hero--landscape .fp-hero-heading h1{font-size:clamp(48px,4.8vw,70px)}
.pp-page>.fp-highlights{padding-top:0;padding-bottom:30px;background:transparent}
.pp-page .fp-highlights ul{border-block:1px solid var(--pp-line);padding:22px 0;gap:28px}
.pp-page .fp-highlights li{font-size:16px;line-height:1.6;border-color:var(--pp-line)}

/* A compact on-page glass dock, rather than a second large navigation bar. */
.pd-page.pp-page>.pd-jump-links,.dd-page.pp-page>.pd-jump-links {
  position:sticky;top:14px;z-index:9;display:flex;flex-wrap:nowrap;align-items:center;gap:5px 24px;
  width:max-content;max-width:calc(100% - 2 * var(--pp-gutter));margin:0 auto;
  padding:6px 22px;border:1px solid #ffffff65;border-radius:999px;background:#293631ed;
  box-shadow:0 12px 35px #08130f24,inset 0 1px 1px #ffffff66;
  overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;
  backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);
}
.pp-page .pd-jump-links a{flex:none;color:#eff4ec;font-size:14px;font-weight:500;line-height:1.5;min-height:44px;white-space:nowrap;padding:0 3px;display:flex;align-items:center}
.pp-page .pd-jump-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.pp-page .pd-jump-links .pp-nav-enquiry{border-left:1px solid #ffffff40;padding-left:24px;color:#fff}
.pp-page :is(.pd-overview,.pd-specifications){display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;align-items:start}
.pp-page .pd-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%;align-items:center}
.pp-page .pd-overview-visual{min-width:0}
.pp-page .pd-overview-media{width:fit-content;max-width:100%;margin:28px 0 0;border:1px solid #ffffff45;border-radius:16px;overflow:hidden;background:var(--media-glass);box-shadow:0 18px 40px #0002}
.pp-page .pd-overview-media img{display:block;width:auto;height:auto;max-width:100%;max-height:480px;object-fit:contain;transform:none;padding:0}
.pp-page .pd-overview-media--landscape img{width:100%}
.pp-page .pd-overview-media--portrait{max-width:min(100%,400px)}
.pp-page .pd-overview-media--artwork{padding:24px;background:#eef1ed}
.pp-page .pd-overview-media--artwork img{max-width:min(100%,var(--asset-width,100%));max-height:min(420px,var(--asset-height,420px))}
.pp-page .pd-prose{padding:32px;margin:0}
.pp-page .pd-prose>p{color:var(--pp-muted);font-size:18px;line-height:1.75;margin:0 0 22px}
.pp-page .pd-prose>p:last-child{margin-bottom:0}
.pp-page .pd-notes{border-left:1px solid #ffffff6b;margin-top:26px;padding:0 0 0 20px}
.pp-page .pd-notes p{font-size:16px;color:#d1dbd4;line-height:1.7}
.pp-page :is(.pd-section-heading,.dd-section-heading){margin-bottom:30px}
.pp-page :is(.pd-section-heading,.dd-section-heading)>p:last-child{color:var(--pp-muted);font-size:18px}
.pp-page :is(.pd-option-grid,.dd-option-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pp-page :is(.pd-option,.dd-option){padding:28px;border:1px solid #ffffff54;border-radius:16px}
.pp-page :is(.pd-option,.dd-option):first-child,.pp-page :is(.pd-option,.dd-option):last-child{padding:28px;border:1px solid #ffffff54}
.pp-page :is(.pd-option,.dd-option) h3{font-size:30px;color:var(--pp-ink)}
.pp-page :is(.pd-option,.dd-option) p{font-size:17px;line-height:1.7;color:var(--pp-muted);margin-top:14px}
.pp-page .pd-specifications>div>p:last-of-type{font-size:17px;color:var(--pp-muted);max-width:34ch;margin-top:22px}
.pp-page .pd-specifications .text-link{margin-top:20px}
.pp-page .pd-spec-list{padding:10px 28px;margin:0;border:1px solid #ffffff54;min-width:0}
.pp-page .pd-spec-list>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;padding:19px 0;font-size:17px;line-height:1.6;border-color:var(--pp-line);overflow-wrap:anywhere}
.pp-page .pd-spec-list>div:last-child{border-bottom:0}
.pp-page .pd-spec-list dt{color:#cdd8d0;font-size:16px}
.pp-page .pd-spec-list dd{color:var(--pp-ink);margin:0}
.pp-page .fp-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:5%;border:0}
.pp-page .fp-detail-layout--single{grid-template-columns:1fr}
.pp-page .fp-detail-layout :is(.pd-gallery,.pd-options){background:transparent;min-width:0}
.pp-page .fp-detail-layout h2{font-size:clamp(36px,3vw,46px)}
.pp-page .fp-detail-layout .pd-option-grid{grid-template-columns:1fr;gap:16px}
.pp-page .pd-gallery-grid{gap:24px}
.pp-page .fp-detail-layout .pd-gallery-grid{grid-template-columns:1fr}
.pp-page .pd-gallery-item{display:flex;align-items:center;justify-content:center;min-height:320px;padding:24px;background:#eef1ed;border:1px solid #ffffff4d;border-radius:16px}
.pp-page .pd-gallery-item img,.pp-page .pd-gallery-item.pc-media--artwork img{width:100%;height:auto;max-width:var(--asset-width,100%);max-height:480px;padding:0;margin:auto;object-fit:contain;transform:none}
/* Product guidance and named glass samples; no photo/source captions. */
.pd-page.pp-page .pd-pattern-sample{flex-direction:column;align-items:stretch;gap:20px}
.pd-page.pp-page .pd-gallery-item.pd-pattern-sample .pd-pattern-label h3{color:#23302a;font-size:30px}
.pd-page.pp-page .pd-gallery-item.pd-pattern-sample .pd-pattern-label p{color:#4d5c54;font-size:16px;margin-top:6px}
.pd-page.pp-page .pd-glazing-guidance{margin-top:28px;padding-top:24px;border-top:1px solid var(--pp-line)}
.pd-page.pp-page .pd-glazing-guidance h3{font-size:28px}
.pd-page.pp-page .pd-glazing-guidance p{font-size:16px;color:var(--pp-muted);margin-top:12px}
.pd-page.pp-page .pd-glazing-guidance ul{list-style:none;margin:14px 0 0;padding:0}
.pd-page.pp-page .pd-glazing-guidance .text-link{margin-top:0;min-height:44px;font-size:16px}
.pp-page .fp-comparison-heading{gap:7%;margin-bottom:30px}
.pp-page .fp-comparison-heading>p{color:var(--pp-muted)}
.pp-page .fp-compare-card{padding:28px;border-color:#ffffff54;border-radius:16px}
.pp-page .fp-compare-card--current{border-color:#d9e6da;box-shadow:inset 0 3px #d9e6da,0 12px 35px #07120d26}
.pp-page .fp-compare-status{font-size:14px;color:#d9e6da;letter-spacing:.04em}
.pp-page .fp-compare-card h3{font-size:32px}
.pp-page .fp-compare-card h3 a span{color:#d0dccf}
.pp-page .fp-compare-card h3 a:hover{color:#fff}
.pp-page .fp-compare-summary{font-size:17px;color:var(--pp-muted)}
.pp-page .fp-compare-card dl>div{border-color:var(--pp-line)}
.pp-page .fp-compare-card dt{font-size:14px;color:#cad6ce}
.pp-page .fp-compare-card dd{font-size:17px;color:var(--pp-ink)}
.pp-page .fp-comparison-note{font-size:16px;color:#d2dcd5}

/* Related products and door styles use the same readable card language. */
.pp-page .pd-related-heading{margin-bottom:30px}
.pp-page .pc-grid{gap:24px}
.pp-page .pc-card{padding:0;border:1px solid #ffffff50;border-radius:16px;overflow:hidden;background:#ffffff0c}
.pp-page :is(.pc-card,.dd-card):focus-within{outline:2px solid #fff;outline-offset:5px}
.pp-page .pc-card-media{aspect-ratio:1.3;border-radius:0;background:#edf0eb;display:flex;align-items:center;justify-content:center}
.pp-page .pc-card-media img{object-fit:contain;max-width:100%;max-height:100%;transform:none}
.pp-page .pc-card-media img.pc-image--artwork{padding:24px;max-width:min(100%,var(--asset-width,100%));max-height:min(100%,var(--asset-height,100%))}
.pp-page .pc-card-body{padding:24px}
.pp-page .pc-card-body .pc-card-meta{font-size:13px;color:#cfdbd1;letter-spacing:.07em}
.pp-page .pc-card-body h3{font-size:31px}
.pp-page .pc-card-body .pc-card-summary{font-size:16px;line-height:1.7;color:var(--pp-muted)}
.pp-page .pc-card-action{font-size:14px;letter-spacing:.02em;text-transform:none;color:#edf3ec}
.pp-page .pc-card-link:hover h3{color:#fff}
.pp-page .dd-gallery-heading>p{font-size:17px;color:var(--pp-muted)}
.pp-page .dd-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pp-page .dd-card{border:1px solid #ffffff50;border-radius:14px;background:#ffffff0c}
.pp-page .dd-card:hover{border-color:#d8e4d8;box-shadow:0 10px 30px #0002}
.pp-page .dd-card-media{background:#eef1ed}
.pp-page .dd-card-body{padding:20px;border-color:#ffffff35;background:transparent}
.pp-page .dd-card-body h3{font-size:29px}
.pp-page .dd-card-action{font-size:14px;line-height:1.5;color:#dce6dc}
.pp-page .dd-gallery-note{color:#cedbd1;font-size:15px!important}
.pd-page.pp-page>.pd-enquiry,.dd-page.pp-page>.pd-enquiry{display:grid;grid-template-columns:1fr 1fr;gap:7%;width:calc(100% - 2 * var(--pp-gutter));margin:20px auto 0;padding:42px;background:linear-gradient(130deg,#ffffff1c,#ffffff06);border:1px solid #ffffff54;border-radius:18px}
.pp-page:has(>.pd-enquiry){padding-bottom:64px}
.pp-page .pd-enquiry .eyebrow{color:#d9e6da!important}
.pp-page .pd-enquiry h2{font-size:clamp(38px,4vw,56px)}
.pp-page .pd-enquiry p:not(.eyebrow){font-size:18px;color:var(--pp-muted)}
.pp-page .pd-enquiry .button{margin-top:24px;color:#222c28}
.pp-page .fade-ready{transition:opacity .85s ease,transform .9s cubic-bezier(.2,.65,.25,1)}

/* Product-specific technical drawings stay uncropped and open at their native resolution. */
.pp-page .pd-cross-sections .pd-section-heading{max-width:760px}
.pp-page .pd-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pp-page .pd-section-card{min-width:0;overflow:hidden;border-radius:16px}
.pp-page .pd-section-card:only-child{grid-column:1/-1}
.pp-page .pd-section-card:only-child .pd-section-copy{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}
.pp-page .pd-section-copy{padding:30px}
.pp-page .pd-section-copy h3{font-size:30px;line-height:1.2;margin:0 0 12px}
.pp-page .pd-section-copy p{font-size:17px;line-height:1.65;margin:0;color:var(--pp-muted)}
.pp-page .pd-section-drawing{display:flex;flex-direction:column;align-items:stretch;min-width:0;background:#fff;padding:24px;color:#242824}
.pp-page .pd-section-drawing img{width:100%;height:420px;object-fit:contain}
.pp-page .pd-section-card:only-child .pd-section-drawing img{height:500px}
.pp-page .pd-section-drawing>span{display:flex;justify-content:space-between;align-items:center;margin-top:18px;border-top:1px solid #24282430;padding-top:14px;font-size:15px;font-weight:500;color:#242824}
.pp-page .pd-section-drawing:hover{background:#f7f8f8}
.pp-page .pd-section-drawing:focus-visible{outline:3px solid #556878;outline-offset:-6px}
@media(max-width:760px){
  .pp-page .pd-section-grid{grid-template-columns:1fr}
  .pp-page .pd-section-card:only-child{display:block}
  .pp-page .pd-section-card:only-child .pd-section-copy{display:block}
  .pp-page .pd-section-copy{padding:24px}
  .pp-page .pd-section-copy h3{font-size:28px}
  .pp-page .pd-section-drawing{padding:18px}
  .pp-page .pd-section-drawing img,.pp-page .pd-section-card:only-child .pd-section-drawing img{height:auto;max-height:500px}
}

@media(max-width:1050px){
  .pd-page.pp-page,.dd-page.pp-page{--pp-gutter:28px}
  .pp-page>.section{padding-top:50px;padding-bottom:50px}
  .pp-page>.pd-breadcrumb{padding-top:22px;padding-bottom:0}
  .pp-page :is(.pd-hero-copy,.dd-hero-copy){padding:28px;margin-left:-16px}
  .pp-page :is(.pd-hero-copy,.dd-hero-copy) h1{font-size:46px}
  .pp-page .fp-hero--landscape .fp-hero-heading{width:min(480px,58%);margin:26px;padding:28px}
  .pp-page .pd-jump-links{gap:4px 18px}
  .pp-page :is(.pd-overview,.pd-specifications){gap:5%}
  .pp-page .pd-prose{padding:26px}
  .pp-page .dd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pp-page .pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .pd-page.pp-page,.dd-page.pp-page{--pp-gutter:20px}
  .pp-page>.section{padding:32px var(--pp-gutter)}
  .pp-page>.pd-breadcrumb{padding-top:16px;padding-bottom:0}
  .pp-page .pd-breadcrumb ol{font-size:13px;gap:5px 10px}
  .pp-page .pd-breadcrumb li+li::before{margin-right:10px}
  .pd-page.pp-page .pd-hero,.dd-page.pp-page .dd-hero{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding-top:16px;padding-bottom:22px}
  /* Keep the decision and enquiry first; photographs use their own proportions without empty bands. */
  .pp-page :is(.pd-hero-copy,.dd-hero-copy),.pp-page .fp-hero--landscape .fp-hero-heading{order:1;width:auto;max-width:none;margin:0;padding:22px}
  .pd-page.pp-page :is(.pp-hero--portrait,.pp-hero--artwork) .fp-hero-heading{margin:0}
  .pp-page :is(.pd-hero-media,.dd-hero-media),.pp-page .pp-hero--portrait .pd-hero-media{order:2;align-self:center;width:100%;max-width:100%;height:220px;min-height:0;border-radius:14px;background:#1e2924}
  .pp-page :is(.pp-hero--portrait,.pp-hero--landscape) figure.pd-hero-media{height:auto;min-height:0;aspect-ratio:auto}
  .pp-page .pp-hero--portrait figure.pd-hero-media{max-width:360px}
  .pp-page .pd-hero-media>img.pc-image--photo,.pp-page .pp-hero--portrait .pd-hero-media>img.pc-image--photo{width:100%;height:auto;max-height:none;object-fit:contain}
  .pp-page .fp-hero--landscape .pd-hero-media>img{width:100%;height:auto;max-height:none;object-fit:contain}
  .pp-page .pp-hero--artwork :is(.pd-hero-media,.dd-hero-media){height:220px;min-height:0;padding:16px}
  .dd-page.pp-page .dd-hero .dd-hero-media{width:100%;max-width:100%;height:220px;min-height:0;padding:16px}
  .pp-page .pd-spec-cover{height:auto;min-height:220px}
  .pp-page .pp-hero--artwork .pd-hero-media>img.pc-image--artwork,.pp-page .dd-hero-media img.pc-image--artwork{max-height:min(186px,var(--asset-height,186px));max-width:100%;width:auto;height:auto;object-fit:contain}
  .pp-page :is(.pd-hero-copy,.dd-hero-copy) h1,.pp-page .fp-hero--landscape .fp-hero-heading h1{font-size:clamp(34px,9vw,44px);line-height:1.07;max-width:none}
  .pd-page.pp-page :is(.pp-hero--portrait,.pp-hero--artwork) .fp-hero-heading h1{font-size:clamp(34px,9vw,44px);line-height:1.07;max-width:none}
  .pp-page .eyebrow{font-size:13px;margin-bottom:12px}
  .pp-page .fp-hero-heading .eyebrow{margin-bottom:12px}
  .pp-page :is(.pd-summary,.dd-summary){font-size:18px!important;line-height:1.55!important;margin-top:14px}
  .pd-page.pp-page .fp-hero-intro{padding-top:14px}
  .pp-page .pd-hero-copy:not(.fp-hero-heading),.pp-page .dd-hero-copy{display:flex;flex-direction:column}
  .pp-page :is(.pd-hero-copy,.dd-hero-copy)>.eyebrow{order:0}
  .pp-page :is(.pd-hero-copy,.dd-hero-copy)>h1{order:1}
  .pp-page :is(.pd-summary,.dd-summary){order:2}
  .pp-page :is(.pd-hero-actions,.dd-hero-actions){order:3;margin-top:18px;gap:8px 16px}
  .pp-page .pd-features,.pp-page .dd-hero-copy>p:not(.eyebrow):not(.dd-summary){order:4;margin-top:16px;margin-bottom:0}
  .pp-page .pd-features li{font-size:16px;line-height:1.5;padding-block:7px}
  .pp-page .dd-hero-copy>p:not(.eyebrow):not(.dd-summary){font-size:17px;line-height:1.6}
  .pp-page :is(.pd-hero-actions,.dd-hero-actions) .button{width:100%;justify-content:space-between;padding-inline:16px}
  .pp-page>.fp-highlights{padding-top:0;padding-bottom:18px}
  .pp-page .fp-highlights ul{grid-template-columns:1fr;gap:0;padding:5px 0}
  .pp-page .fp-highlights li,.pp-page .fp-highlights li:first-child{font-size:16px;padding:9px 0;border:0}
  .pp-page .fp-highlights li+li{border-top:1px solid var(--pp-line)}
  .pd-page.pp-page>.pd-jump-links,.dd-page.pp-page>.pd-jump-links{top:8px;max-width:calc(100% - 24px);padding:4px 15px;gap:4px 22px}
  .pp-page .pd-jump-links a{font-size:14px;min-height:44px}
  .pp-page .pd-jump-links .pp-nav-enquiry{padding-left:22px}
  .pp-page :is(.pd-overview,.pd-specifications,.fp-detail-layout,.fp-comparison-heading){display:grid;grid-template-columns:1fr;gap:26px}
  .pp-page .pd-overview-media{margin-top:22px;border-radius:14px}
  .pp-page .pd-overview-media:not(.pd-overview-media--artwork){width:100%;max-width:min(100%,var(--overview-native-width,100%))}
  .pp-page .pd-overview-media img.pc-image--photo{width:100%;max-height:none}
  .pp-page .pd-overview-media--portrait{max-width:100%}
  .pp-page .pd-overview-media--artwork{padding:20px}
  .pp-page .pd-overview-media--artwork img{max-height:min(320px,var(--asset-height,320px))}
  .pp-page h2,.pp-page .fp-detail-layout h2{font-size:39px;max-width:none}
  .pp-page .pd-prose{padding:24px;margin:0}
  .pp-page :is(.pd-prose>p,.pd-option p,.dd-option p){font-size:17px}
  .pp-page :is(.pd-option-grid,.dd-option-grid){grid-template-columns:1fr;gap:15px}
  .pp-page :is(.pd-option,.dd-option),.pp-page :is(.pd-option,.dd-option):first-child,.pp-page :is(.pd-option,.dd-option):last-child{padding:24px}
  .pp-page .pd-spec-list{padding:6px 23px}
  .pp-page .pd-spec-list>div{grid-template-columns:1fr;gap:7px;padding:18px 0;font-size:17px}
  .pp-page .pd-spec-list dt{font-size:15px}
  .pp-page .pd-gallery-grid,.pp-page .fp-comparison-grid,.pp-page .pc-grid{grid-template-columns:1fr}
  .pp-page .pd-gallery-item{min-height:240px;padding:20px}
  .pp-page .pd-gallery-item img,.pp-page .pd-gallery-item.pc-media--artwork img{max-height:400px}
  .pp-page .fp-detail-layout{gap:42px}
  .pp-page .fp-comparison-heading{margin-bottom:26px}
  .pp-page .fp-compare-card{padding:26px}
  .pp-page .pd-related-heading{gap:16px}
  .pp-page .dd-grid,.pp-page .dd-related .dd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .pp-page .dd-card-body{padding:16px 13px}
  .pp-page .dd-card-body h3{font-size:25px}
  .pp-page .dd-card-action{font-size:13px}
  .pd-page.pp-page>.pd-enquiry,.dd-page.pp-page>.pd-enquiry{grid-template-columns:1fr;padding:28px 24px;gap:24px;margin-top:10px}
  .pp-page .pd-enquiry h2{font-size:39px}
  .pp-page .pd-enquiry .button{width:100%;justify-content:space-between;padding-inline:16px}
  .pp-page:has(>.pd-enquiry){padding-bottom:42px}
}
@media(max-width:380px){
  .pd-page.pp-page,.dd-page.pp-page{--pp-gutter:16px}
  .pp-page :is(.pd-hero-copy,.dd-hero-copy),.pp-page .fp-hero--landscape .fp-hero-heading{margin-inline:0;padding:20px 18px}
  .pp-page .pd-hero-copy h1,.pp-page .dd-hero-copy h1{font-size:34px}
  .pp-page .pd-prose{padding:22px}
  .pp-page .dd-grid,.pp-page .dd-related .dd-grid{gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .pp-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .pp-page .fade-ready{opacity:1!important;transform:none!important}
}
@media(prefers-reduced-transparency:reduce){
  .pp-page .pp-glass,.pp-page .fp-hero--landscape .fp-hero-heading,.pd-page.pp-page>.pd-jump-links,.dd-page.pp-page>.pd-jump-links,.pd-page.pp-page>.pd-enquiry,.dd-page.pp-page>.pd-enquiry{background:#293630;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(forced-colors:active){
  .pd-page.pp-page,.dd-page.pp-page{background:Canvas;color:CanvasText}
  .pp-page .pp-atmosphere{display:none}
  .pp-page :is(.pp-glass,.pd-jump-links,.fp-hero-heading,.pd-enquiry,.pc-card,.dd-card){background:Canvas!important;border:1px solid CanvasText!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  .pp-page :is(h1,h2,h3,p,li,dt,dd,a,.eyebrow){color:CanvasText!important}
  .pp-page .button{background:ButtonFace;color:ButtonText!important;border:1px solid ButtonText}
  .pp-page .fade-ready{opacity:1;transform:none}
}

/* One homepage atmosphere across every public inner page.
   The historical filename is retained so cached links remain compatible. */
body[data-material-theme]:not([data-page='/']) {
  --mt-base: #1a211f;
  --mt-ink: #f6f7f2;
  --mt-muted: #e6e9e1;
  --mt-subtle: #d5ddd2;
  --mt-accent: #edf2e8;
  --mt-line: #ffffff40;
  --mt-edge: #ffffff60;
  --mt-field-edge: #ffffff7a;
  --mt-surface: #27292d;
  --mt-glass: linear-gradient(130deg, #ffffff24, #ffffff06 48%, #ffffff10);
  --mt-dense: linear-gradient(140deg, #ffffff22, #ffffff08 45%, #ffffff14);
  --mt-static-fill: var(--mt-glass), #10141933;
  --mt-hover: #ffffff14;
  --mt-input: #17191db3;
  --mt-input-focus: #232629;
  --mt-media: var(--media-glass);
  --mt-artwork: #f1f4ef;
  --mt-button: #eef3eb;
  --mt-button-ink: #1e2923;
  --mt-button-hover: #fff;
  --mt-focus: #e1cfaa;
  --mt-shadow: 0 18px 55px #07120d33, inset 0 1px 1px #ffffff90, inset 0 -1px 1px #ffffff20;
  --mt-surface-fill: var(--mt-surface);
  --mt-panel-fill: var(--mt-surface);
  --mt-filter: none;
  --mt-scheme: dark;
  --mt-text-shadow: 0 1px 2px #0004;
  --mt-background: linear-gradient(#1019166b, #1019166b),
    var(--portrait-atmosphere, url('/assets/showcase/glass-atmosphere.webp')) center / cover no-repeat;
  isolation: isolate;
  background: var(--mt-base);
  color: var(--mt-ink);
}
/* A single viewport backdrop continues behind the header, content and footer. */
body[data-material-theme]:not([data-page='/'])::before {
  content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: var(--mt-background);
}

@supports ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  body[data-material-theme]:not([data-page='/']) {
    --mt-surface-fill: var(--mt-glass);
    --mt-panel-fill: var(--mt-dense);
    --mt-filter: blur(4px) saturate(1.25) brightness(.8);
  }
}

/* Keep existing content geometry; the shared backdrop belongs to the body. */
body[data-material-theme]:not([data-page='/']) main,
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) {
  --pp-ink: var(--mt-ink);
  --pp-muted: var(--mt-muted);
  --pp-line: var(--mt-line);
  --pc-ink: var(--mt-ink);
  --pc-muted: var(--mt-muted);
  --pc-line: var(--mt-line);
  --pc-accent: var(--mt-accent);
  --fp-ink: var(--mt-ink);
  --fp-muted: var(--mt-muted);
  --fp-line: var(--mt-line);
  --fp-paper: var(--mt-surface);
  background: transparent;
  color: var(--mt-ink);
}
body[data-material-theme]:not([data-page='/']) .pp-page .pp-atmosphere,
body[data-material-theme]:not([data-page='/']) .pc-page::before {
  background: none;
}

/* The atmosphere continues behind the logo. Navigation deliberately keeps the
   homepage tokens from product-navigation.css, not the content-surface palette.
   Blur stays off this ancestor so each glass menu samples the actual page. */
body[data-material-theme]:not([data-page='/']) .site-header {
  background: transparent;
  color: var(--mt-ink);
  border-bottom-color: var(--mt-line);
}
body[data-material-theme]:not([data-page='/']) .site-header :is(.wordmark, .menu-toggle) {
  color: var(--mt-ink);
}
body[data-material-theme]:not([data-page='/']) .product-category > .category-trigger:hover,
body[data-material-theme]:not([data-page='/']) .product-category[open] > .category-trigger {
  text-decoration-color: var(--mt-accent);
}
body[data-material-theme]:not([data-page='/']) .site-header .nav-quote:hover {
  background: var(--mt-hover);
  color: var(--mt-ink);
  border-color: var(--mt-edge);
}
@media (max-width: 760px) {
  body[data-material-theme]:not([data-page='/']) .product-nav {
    background: var(--mt-hover);
    border-top-color: var(--mt-line);
  }
  body[data-material-theme]:not([data-page='/']) .product-category[open] > .category-trigger {
    background: var(--mt-hover);
    box-shadow: inset 0 -2px var(--mt-accent);
  }
}

/* Large scrolling panels use a translucent tint and highlights rather than
   repeatedly sampling the backdrop. The hero and compact navigation keep live glass. */
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .pp-glass, .fp-hero-heading, .pd-enquiry, .pc-intro-copy, .pc-card,
  .pc-empty, .dd-card, .pc-guidance > div
) {
  background: var(--mt-static-fill);
  color: var(--mt-ink);
  border-color: var(--mt-edge);
  box-shadow: var(--mt-shadow);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .pd-hero-copy, .dd-hero-copy, .fp-hero-heading, .pc-intro-copy
) {
  background: var(--mt-surface-fill);
  -webkit-backdrop-filter: var(--mt-filter);
  backdrop-filter: var(--mt-filter);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(.pd-jump-links, .pc-controls) {
  background: var(--mt-panel-fill);
  color: var(--mt-ink);
  border-color: var(--mt-edge);
  box-shadow: var(--mt-shadow);
  -webkit-backdrop-filter: var(--mt-filter);
  backdrop-filter: var(--mt-filter);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .pd-hero-media, .pc-intro-media, .pc-card-media
) {
  background: var(--mt-media);
  border-color: var(--mt-line);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .pc-media--artwork, .pd-gallery-item, .dd-hero-media, .dd-card-media
) {
  background: var(--mt-artwork);
  border-color: var(--mt-line);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(.pd-spec-cover, .pc-spec-cover) {
  background: var(--mt-surface-fill);
  color: var(--mt-ink);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(.pc-card:hover, .dd-card:hover, .fp-compare-card--current) {
  border-color: var(--mt-accent);
}
body[data-material-theme]:not([data-page='/']) .pp-page .fp-compare-card--current {
  box-shadow: inset 0 3px var(--mt-accent), var(--mt-shadow);
}
body[data-material-theme]:not([data-page='/']) .pp-page .dd-card-body {
  background: transparent;
  border-color: var(--mt-line);
}

/* Text hierarchy, including hardcoded flagship and card text from the older layers. */
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(h1, h2, h3, .pc-spec-cover-title),
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(.pc-card-link:hover h3, .fp-compare-card h3 a:hover),
body[data-material-theme]:not([data-page='/']) .pp-page :is(.fp-highlights, .pd-features, .pd-spec-list dd, .fp-compare-card dd) {
  color: var(--mt-ink);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .eyebrow, .pc-spec-label, .fp-compare-status,
  .pc-card-action, .dd-card-action, .fp-compare-card h3 a span
),
body[data-material-theme]:not([data-page='/']) .pp-page .pd-features li::before {
  color: var(--mt-accent);
}
/* Existing enquiry eyebrow colours are !important in both product stylesheets. */
body[data-material-theme]:not([data-page='/']) .pp-page .pd-enquiry .eyebrow,
body[data-material-theme]:not([data-page='/']) .pc-page .pc-guidance .eyebrow {
  color: var(--mt-accent) !important;
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .pd-summary, .dd-summary, .dd-hero-copy > p:not(.eyebrow), .pd-prose > p,
  .pd-notes p, .pd-section-heading > p:last-child, .dd-section-heading > p:last-child,
  .pd-option p, .dd-option p, .pd-specifications > div > p:last-of-type,
  .fp-comparison-heading > p, .fp-compare-summary, .fp-comparison-note,
  .dd-gallery-heading > p, .dd-gallery-note, .pd-enquiry p:not(.eyebrow),
  .pc-intro-text, .pc-card-summary, .pc-results-heading p, .pc-empty p,
  .pc-guidance p:not(.eyebrow), .pc-spec-features, .pd-spec-features
) {
  color: var(--mt-muted);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .pd-breadcrumb ol, .pd-spec-list dt,
  .fp-compare-card dt, .pc-card-meta, .pc-card-meta span
),
body[data-material-theme]:not([data-page='/']) .pp-page .pd-breadcrumb li + li::before {
  color: var(--mt-subtle);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .pd-notes, .pd-features li, .fp-highlights ul, .fp-highlights li,
  .pd-spec-list > div, .fp-compare-card dl > div, .pc-card-action,
  .pc-material-links, .pd-jump-links .pp-nav-enquiry
) {
  border-color: var(--mt-line);
}
body[data-material-theme]:not([data-page='/']) .pp-page :is(.pd-option, .dd-option):is(:first-child, :last-child) {
  border-color: var(--mt-edge);
}

/* Actions retain their current sizes and positions. */
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .text-link, .pd-jump-links a, .pd-breadcrumb a, [data-catalogue-reset]
) {
  color: var(--mt-ink);
  border-color: var(--mt-edge);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .text-link:hover, .pd-jump-links a:hover, .pd-breadcrumb a:hover, [data-catalogue-reset]:hover
) {
  color: var(--mt-accent);
  border-color: var(--mt-accent);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) .button {
  background: var(--mt-button);
  color: var(--mt-button-ink);
  border-color: var(--mt-button);
  box-shadow: none;
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) .button:hover {
  background: var(--mt-button-hover);
  color: var(--mt-button-ink);
  border-color: var(--mt-button-hover);
}
body[data-material-theme]:not([data-page='/']) .pc-page .pc-group-links a {
  background: var(--mt-surface-fill);
  color: var(--mt-ink);
  border-color: var(--mt-edge);
}
body[data-material-theme]:not([data-page='/']) .pc-page .pc-group-links :is(a:hover, a[aria-current]) {
  background: var(--mt-hover);
  color: var(--mt-accent);
  border-color: var(--mt-accent);
}

/* Native controls need their own colour-scheme when the catalogue changes theme. */
body[data-material-theme]:not([data-page='/']) .pc-page .pc-filter label {
  color: var(--mt-muted);
}
body[data-material-theme]:not([data-page='/']) .pc-page .pc-filter :is(input, select) {
  background: var(--mt-input);
  color: var(--mt-ink);
  border-color: var(--mt-field-edge);
  color-scheme: var(--mt-scheme);
}
body[data-material-theme]:not([data-page='/']) .pc-page .pc-filter :is(input, select):focus {
  background: var(--mt-input-focus);
}
body[data-material-theme]:not([data-page='/']) .pc-page .pc-filter option {
  background: var(--mt-surface);
  color: var(--mt-ink);
}
body[data-material-theme]:not([data-page='/']) .pc-page .pc-filter input::placeholder {
  color: var(--mt-subtle);
}
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page, .site-header, .legacy-product-links) :is(a, button, input, select, summary):focus-visible,
body[data-material-theme]:not([data-page='/']) .pp-page :is(.pc-card, .dd-card):focus-within {
  outline-color: var(--mt-focus);
}

body[data-material-theme]:not([data-page='/']) :is(.legacy-product-links, .site-footer) {
  background: transparent;
  color: var(--mt-ink);
  border-color: var(--mt-line);
}
body[data-material-theme]:not([data-page='/']) .site-footer .wordmark {
  color: var(--mt-ink);
}
body[data-material-theme]:not([data-page='/']) .site-footer :is(.footer-top p, .footer-bottom) {
  color: var(--mt-muted);
  border-color: var(--mt-line);
}
body[data-material-theme]:not([data-page='/']) .site-footer a:hover {
  color: var(--mt-accent);
}


/* Text overlapping a bright product photograph needs its own contrast veil. */
body[data-material-theme]:not([data-page='/']) .pp-page .fp-hero--landscape .fp-hero-heading {
  background: #1b1d20d1;
}

@media (prefers-reduced-transparency: reduce) {
  body[data-material-theme]:not([data-page='/']) {
    --mt-static-fill: var(--mt-surface);
    --mt-surface-fill: var(--mt-surface);
    --mt-panel-fill: var(--mt-surface);
    --mt-filter: none;
  }
}

/* Let the operating-system contrast palette own every themed surface and control. */
@media (forced-colors: active) {
  body[data-material-theme]:not([data-page='/']) {
    --mt-base: Canvas;
    --mt-ink: CanvasText;
    --mt-muted: CanvasText;
    --mt-subtle: CanvasText;
    --mt-accent: LinkText;
    --mt-line: CanvasText;
    --mt-edge: CanvasText;
    --mt-field-edge: CanvasText;
    --mt-surface: Canvas;
    --mt-static-fill: Canvas;
    --mt-surface-fill: Canvas;
    --mt-panel-fill: Canvas;
    --mt-hover: Canvas;
    --mt-input: Field;
    --mt-input-focus: Field;
    --mt-media: Canvas;
    --mt-artwork: Canvas;
    --mt-button: ButtonFace;
    --mt-button-hover: ButtonFace;
    --mt-button-ink: ButtonText;
    --mt-focus: Highlight;
    --mt-background: Canvas;
    --mt-shadow: none;
    --mt-filter: none;
    --mt-text-shadow: none;
  }
  body[data-material-theme]:not([data-page='/']) .pp-page .pp-atmosphere,
  body[data-material-theme]:not([data-page='/']) .pc-page::before {
    background: Canvas;
  }
  body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) .button {
    color: ButtonText !important;
    border-color: ButtonText;
  }
  body[data-material-theme]:not([data-page='/']) .pc-page .pc-filter :is(input, select) {
    color: FieldText;
  }
}

/* Only inner pages load this file. Homepage markup and styling stay unchanged. */
body:not([data-page='/']) .contact-support{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-top:24px;padding-bottom:48px;border-top:1px solid var(--mt-line)}
body:not([data-page='/']) .contact-support h2{font-size:32px;margin-bottom:14px}
body:not([data-page='/']) .contact-support p{font-size:17px;line-height:1.7;color:var(--mt-muted);margin-top:12px}
body:not([data-page='/']) .contact-support a{color:inherit;text-decoration:underline;text-underline-offset:4px}
body[data-page='/contact/'] .enquiry-intro::after{content:none}
body[data-page='/contact/'] .contact-service-link a{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:16px;color:var(--mt-ink);text-decoration:underline;text-underline-offset:5px}
body[data-page='/contact/'] .contact-service-link .arrow{width:18px;flex-shrink:0}
body[data-page='/contact/'] .enquiry-section{padding-top:48px;padding-bottom:48px;gap:5%}
body[data-page='/contact/'] .enquiry-intro h1{font-size:clamp(44px,5.4vw,76px)}
body[data-page='/contact/'] .enquiry-form{margin-top:0;min-width:0}
body[data-page='/contact/'] .enquiry-form :is(label,legend){font-size:16px;line-height:1.5}
body[data-page='/contact/'] .enquiry-form :is(input,select,textarea){font-size:16px;min-width:0}
body[data-page='/contact/'] .audience-options label{justify-content:flex-start}
body[data-page='/contact/'] .audience-options input{flex:0 0 18px;width:18px;height:18px}
body[data-page='/contact/'] .form-row>div{min-width:0}
body[data-page='/contact/'] .form-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
body[data-page='/contact/'] :is(.form-note,.form-footnote){font-size:15px!important;line-height:1.65}
body[data-page='/contact/'] #attachment-list{overflow-wrap:anywhere}
body[data-page='/contact/'] .enquiry-reference{overflow-wrap:anywhere}
body[data-page='/contact/'] .enquiry-upload input[type=file]{font-size:16px;max-width:100%}
body[data-page='/contact/'] .enquiry-upload input::file-selector-button{max-width:100%;white-space:normal}
body:not([data-page='/']) .faq-list p{font-size:17px;line-height:1.7}
body:not([data-page='/']) .faq-list summary{font-size:18px;line-height:1.5}
body:not([data-page='/']) .faq-list summary>span{flex-shrink:0}
body:not([data-page='/']) :is(.contact-support,.contact-service-link) a:focus-visible{outline:2px solid var(--mt-focus);outline-offset:4px}

@media(min-width:761px) and (max-width:1000px){
 body[data-page='/contact/'] .enquiry-section{grid-template-columns:minmax(0,1fr);gap:28px}
 body[data-page='/contact/'] .enquiry-intro>p:not(.eyebrow){max-width:620px}
 body[data-page='/contact/'] .contact-links{flex-direction:row;flex-wrap:wrap;gap:16px 28px;margin-top:22px}
}

@media(max-width:760px){
 body[data-page='/contact/'] .enquiry-section{display:grid;grid-template-columns:minmax(0,1fr);padding-top:28px;padding-bottom:32px;gap:24px}
 body[data-page='/contact/'] .enquiry-intro h1{font-size:44px;line-height:1.06}
 body[data-page='/contact/'] .enquiry-intro>.eyebrow{margin-bottom:16px}
 body[data-page='/contact/'] .enquiry-intro>p:not(.eyebrow){font-size:17px;line-height:1.6;margin-top:16px;max-width:none}
 body[data-page='/contact/'] .contact-links{margin-top:18px;gap:8px}
 body[data-page='/contact/'] .contact-links a{font-size:18px;min-height:36px;display:flex;align-items:center}
 body[data-page='/contact/'] .enquiry-form{margin-top:0;padding:24px 18px}
 body[data-page='/contact/'] .enquiry-intro{display:contents}
 body[data-page='/contact/'] .enquiry-intro>.eyebrow{order:0;margin:0}
 body[data-page='/contact/'] .enquiry-intro>h1{order:1;font-size:38px;margin:0}
 body[data-page='/contact/'] .enquiry-intro>p:not(.eyebrow):not(.contact-service-link){order:2;margin:0;font-size:16px}
 body[data-page='/contact/'] .enquiry-form{order:3}
 body[data-page='/contact/'] .contact-links{order:4;display:flex;flex-wrap:wrap;flex-direction:row;gap:8px 24px;margin:0}
 body[data-page='/contact/'] .enquiry-intro>.contact-service-link{order:5;margin:0}
 body[data-page='/contact/'] .enquiry-section{gap:16px}
 body[data-page='/contact/'] .form-row{grid-template-columns:minmax(0,1fr);gap:20px}
 body[data-page='/contact/'] .audience-options{flex-wrap:wrap}
 body[data-page='/contact/'] .audience-options label{flex:1 1 120px;min-height:44px;padding:10px}
 body[data-page='/contact/'] .enquiry-upload{padding:14px}
 body:not([data-page='/']) .contact-support{grid-template-columns:1fr;gap:28px;padding-top:28px;padding-bottom:32px}
 body:not([data-page='/']) .faq-section{padding-top:36px;padding-bottom:40px;gap:24px}
 body:not([data-page='/']) .faq-list p{padding-right:0}
 body:not([data-page='/']) .faq-list summary{gap:14px}
 /* Motion remains readable for visitors who disable animation. */
 body:not([data-page='/']) .pd-jump-links{scroll-padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){
 body:not([data-page='/']) .fade-ready{opacity:1!important;transform:none!important;transition:none!important}
}

/* Product and catalogue finishing rules. This file is never loaded by the homepage. */
.pp-page .pd-overview {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  column-gap: clamp(28px, 4vw, 56px);
  row-gap: 28px;
  align-items: start;
}
.pp-page .pd-overview-heading { grid-column: 1 / -1; }
.pp-page .pd-overview-heading h2 { max-width: 26ch; }
.pp-page .pd-overview-heading h2 br { display: none; }
.pp-page .pd-overview-heading .eyebrow { margin-bottom: 14px; }
.pp-page .pd-overview .pd-overview-media {
  margin: 0;
  justify-self: center;
  max-width: min(100%, var(--overview-native-width, 100%));
}
.pp-page .pd-overview .pd-prose { min-width: 0; align-self: center; }
.pp-page .pd-overview:not(:has(.pd-overview-media)) .pd-prose { grid-column: 1 / -1; }
.pp-page .pd-overview .pd-overview-media--portrait img { max-height: 520px; }
.pp-page .pd-overview .pd-overview-media--landscape { width: 100%; }
.pp-page .pd-prose > p { max-width: 58ch; }
.pp-page :is(.pd-section-heading, .dd-section-heading) { margin-bottom: 26px; }
.pp-page :is(.pd-section-heading, .dd-section-heading) > p:last-child { max-width: 65ch; }

/* A complete illustration gets a frame sized to the artwork, not the adjacent copy. */
.pp-page .pp-hero--artwork .pd-hero-media {
  width: fit-content;
  max-width: 100%;
  min-height: 0;
  align-self: center;
  justify-self: center;
  padding: 26px;
}
.pp-page .pd-gallery-item.pc-media--artwork { min-height: 0; padding: 24px; }
.pp-page .pd-gallery-grid--collections { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pd-page.pp-page .pd-collection-example { display: flex; flex-direction: column; align-items: stretch; justify-content: start; min-height: 0; padding: 0; overflow: hidden; background: var(--media-glass); }
.pd-page.pp-page .pd-collection-example img { display: block; width: 100%; height: auto; max-height: none; margin: 0; }
.pd-collection-copy { padding: 24px; }
.pd-collection-copy h3 { font-size: 30px; margin: 0 0 12px; }
.pd-collection-copy p { font-size: 17px; line-height: 1.65; margin: 0; }

/* Keep specification rows readable and place shared glazing guidance below the facts. */
.pp-page .pd-specifications { column-gap: 5%; row-gap: 28px; }
.pd-page.pp-page .pd-specifications > .pd-glazing-guidance {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  column-gap: 5%;
  row-gap: 12px;
  margin-top: 0;
  padding-top: 24px;
}
.pd-page.pp-page .pd-specifications > .pd-glazing-guidance h3 { font-size: 28px; }
.pd-page.pp-page .pd-specifications > .pd-glazing-guidance p { margin: 0; max-width: 65ch; }
.pd-page.pp-page .pd-specifications > .pd-glazing-guidance ul {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 24px;
  margin: 0;
}
.pp-page .pd-spec-list > div { overflow-wrap: normal; word-break: normal; }
.pp-page .pd-spec-list dd { overflow-wrap: break-word; }

/* Related ranges use the same aligned actions and type hierarchy as the catalogue. */
.pp-page .pc-card-link { display: flex; flex-direction: column; height: 100%; }
.pp-page .pc-card-body { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.pp-page .pc-card-action { margin-top: auto; min-height: 44px; padding-top: 14px; border-top: 1px solid #ffffff35; }
.pp-page .pc-card-body .pc-card-meta { font-size: 14px; line-height: 1.5; letter-spacing: .025em; text-transform: none; }
.pp-page .pc-card-body h3 { font-size: clamp(27px, 2.4vw, 32px); line-height: 1.14; }
.pp-page .pc-card-body .pc-card-summary { margin-bottom: 22px; }
.pp-page .pc-card-action, .pp-page .dd-card-action { font-size: 15px; }
.pp-page .pd-related-heading { align-items: end; }
.pp-page .pd-related-heading > .text-link { flex-shrink: 0; }
.pp-page .dd-card-body h3 { overflow-wrap: break-word; }

/* Transparent neutral shading keeps text distinct without live filters on
   every specification, cross-section and catalogue card during scrolling. */
body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
  .pd-prose, .pd-option, .dd-option, .pd-spec-list, .pd-section-copy,
  .pc-card, .pc-guidance > div
) {
  background: var(--mt-static-fill);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.pp-page .pd-notes p { font-size: 16px; line-height: 1.7; }
.pp-page .pd-jump-links a { font-size: 15px; }
.pp-page .pd-jump-links { scrollbar-width: thin; }

@media (max-width: 1000px) {
  /* The contrast veil is only needed while this panel overlays a photograph. */
  body[data-material-theme]:not([data-page='/']) .pp-page .fp-hero--landscape .fp-hero-heading {
    background: var(--mt-surface-fill);
  }
}

/* At tablet widths, show the product intact and put the decision before the image. */
@media (min-width: 761px) and (max-width: 1000px) {
  .pd-page.pp-page .pd-hero, .dd-page.pp-page .dd-hero {
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: stretch;
    padding-top: 26px;
    padding-bottom: 34px;
  }
  .pp-page :is(.pd-hero-copy, .dd-hero-copy), .pp-page .fp-hero--landscape .fp-hero-heading {
    order: 1;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 28px 32px;
  }
  .pp-page :is(.pd-hero-copy, .dd-hero-copy) h1,
  .pd-page.pp-page :is(.pp-hero--portrait, .pp-hero--artwork) .fp-hero-heading h1 {
    font-size: clamp(40px, 5.6vw, 52px);
    max-width: 24ch;
  }
  .pp-page :is(.pd-hero-media, .dd-hero-media), .pp-page .fp-hero--landscape .pd-hero-media {
    order: 2;
    align-self: center;
    min-height: 0;
    max-width: 100%;
  }
  .pp-page .fp-hero--landscape .pd-hero-media > img {
    width: 100%; height: auto; max-height: none; object-fit: contain;
  }
  .pp-page .pp-hero--portrait .pd-hero-media > img.pc-image--photo { max-height: 520px; }
  .pp-page .pd-hero-copy:not(.fp-hero-heading) { display: flex; flex-direction: column; }
  .pp-page .pd-hero-copy > .eyebrow { order: 0; }
  .pp-page .pd-hero-copy > h1 { order: 1; }
  .pp-page .pd-summary { order: 2; }
  .pp-page .pd-hero-actions { order: 3; margin-top: 20px; }
  .pp-page .pd-features { order: 4; display: flex; flex-wrap: wrap; gap: 0 26px; margin: 16px 0 0; }
  .pp-page .pd-features li { flex: 1 1 190px; padding-block: 8px; }
  .pp-page .pd-specifications, .pp-page .fp-detail-layout { grid-template-columns: 1fr; gap: 28px; }
  .pp-page .pd-specifications > div > p:last-of-type { max-width: 62ch; margin-top: 16px; }
  .pp-page .pd-spec-list > div { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
  .pp-page .fp-detail-layout .pd-option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pp-page .pd-overview { column-gap: 24px; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
  .pp-page .pd-overview .pd-prose { padding: 24px; }
}

@media (max-width: 760px) {
  .pp-page .pd-gallery-grid--collections { grid-template-columns: 1fr; }
  .pp-page .pd-overview { grid-template-columns: 1fr; gap: 22px; }
  .pp-page .pd-overview-heading h2 { font-size: clamp(32px, 8.3vw, 39px); max-width: 22ch; }
  .pp-page .pd-overview .pd-overview-media--portrait { width: fit-content; }
  .pp-page .pd-overview .pd-overview-media--portrait img { width: auto; max-height: 460px; }
  .pd-page.pp-page .pd-specifications > .pd-glazing-guidance { grid-template-columns: 1fr; gap: 12px; }
  .pd-page.pp-page .pd-specifications > .pd-glazing-guidance ul { grid-column: 1; gap: 4px 20px; }
  .pp-page .pd-related-heading { flex-wrap: wrap; align-items: start; }
  .pp-page .pd-related-heading > .text-link { min-height: 44px; }
  .pp-page .pp-hero--artwork .pd-hero-media { width: 100%; padding: 18px; }
  .pp-page .pc-card-media { aspect-ratio: 4 / 3; }
  .pp-page .pc-card-body { padding: 22px; }
  .pp-page .pc-card-body h3 { font-size: 30px; }
  .pp-page .pd-section-copy h3 { font-size: 27px; }
}

@media (prefers-reduced-transparency: reduce) {
  body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
    .pd-prose, .pd-option, .dd-option, .pd-spec-list, .pd-section-copy, .pc-card, .pc-guidance > div
  ) { background: #27292d; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (forced-colors: active) {
  body[data-material-theme]:not([data-page='/']) :is(.pp-page, .pc-page) :is(
    .pd-prose, .pd-option, .dd-option, .pd-spec-list, .pd-section-copy, .pc-card, .pc-guidance > div
  ) { background: Canvas; color: CanvasText; -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* Product-only visual detail system. The homepage does not load this file. */
.pp-page .pv-overview{row-gap:24px;align-items:start}
.pp-page .pv-overview .pd-overview-heading{margin-bottom:4px}
.pp-page .pv-overview .pd-overview-media{grid-column:1;grid-row:2 / 4;position:sticky;top:88px;align-self:start;border-radius:16px;overflow:hidden}
.pp-page .pv-overview .pd-overview-media img{max-height:600px}
.pp-page .pv-overview .pd-prose{grid-column:2;grid-row:2;padding:26px;align-self:start}
.pp-page .pv-overview .pd-prose>p{font-size:17px;line-height:1.7;margin-bottom:18px}
.pp-page .pv-overview .pd-notes{margin-top:18px;padding-left:16px}
.pp-page .pv-overview .pd-notes p{font-size:15px;line-height:1.65}
.pp-page .pv-decisions{grid-column:2;grid-row:3;min-width:0;background:transparent}
/* When the detail is already shown elsewhere, pair the explanation with the
   choices instead of reserving an empty image column. */
.pp-page .pv-overview.pd-overview--copy .pd-prose{grid-column:1;grid-row:2}
.pp-page .pv-overview.pd-overview--copy .pv-decisions{grid-column:2;grid-row:2}
.pp-page .pv-decisions>.eyebrow{margin:0 0 8px}
.pp-page .pv-decisions>h2{font-size:30px;line-height:1.15;max-width:30ch;margin:0 0 20px}
.pp-page .pv-decision-list{display:block;border:1px solid #ffffff48;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#ffffff12,#ffffff03 55%,#ffffff08),#15191c65;-webkit-backdrop-filter:none;backdrop-filter:none}
.pp-page .pv-decision-list :is(.pd-option,.dd-option){padding:0!important;margin:0;border:0!important;border-bottom:1px solid #ffffff35!important;border-radius:0;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none}
.pp-page .pv-decision-list :is(.pd-option,.dd-option):last-child{border-bottom:0!important}
.pv-decision-list summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;min-height:68px;padding:18px 22px;font-size:18px;line-height:1.4;font-weight:500}
.pv-decision-list summary::-webkit-details-marker{display:none}
.pv-decision-list summary:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.pv-decision-list summary>span{transform:none;font-size:inherit;line-height:inherit}
.pv-decision-list details[open] summary>span{transform:none}
.pv-decision-list summary>.pv-decision-index{flex:none;font-size:13px;letter-spacing:.04em;color:#c2c4c3;font-variant-numeric:tabular-nums}
.pv-decision-list summary>.pv-decision-toggle{margin-left:auto;flex:none;font-size:24px;font-weight:300}
.pv-decision-list details[open] .pv-decision-toggle{transform:rotate(45deg)}
.pp-page .pv-decision-list :is(.pd-option,.dd-option) p{padding:0 22px 22px 52px;margin:0;font-size:16px;line-height:1.7;color:#e3e4e2}
.pv-open-image{display:block;position:relative;color:#fff;overflow:hidden;border-radius:inherit}
.pv-image-action{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:24px;min-height:44px;padding:10px 15px;border:1px solid #ffffff6b;border-radius:30px;background:#15191cc9;backdrop-filter:blur(12px);color:#fff;font-size:14px;line-height:1.4}
.pv-open-image:focus-visible{outline:3px solid #fff;outline-offset:5px}
.pv-heading{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:end;margin-bottom:28px}
.pv-heading h2{margin:0}
.pv-heading>p{font-size:17px!important;line-height:1.7;margin:0;max-width:58ch;color:#e3e4e1}
.pp-page .pv-finishes{padding-top:32px}
.pv-finish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}
.pv-finish-more{margin-top:26px;border-top:1px solid #ffffff45}
.pv-finish-more>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:16px 2px;list-style:none;cursor:pointer;font-size:17px;line-height:1.5;color:#f3f4f1}
.pv-finish-more>summary::-webkit-details-marker{display:none}
.pv-finish-more>summary:focus-visible{outline:2px solid #fff;outline-offset:4px}
.pv-finish-more-icon{flex:none;font-size:26px;line-height:1}
.pv-finish-more[open] .pv-finish-more-icon{transform:rotate(45deg)}
.pv-finish-more>.pv-finish-grid{padding-top:10px}
.pv-finish{display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.pv-finish-image{display:flex;width:100%;height:145px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ffffff50;border-radius:12px;background:#f0efed}
.pv-finish-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
[data-finish-family=liniar] .pv-finish-image{height:auto;aspect-ratio:1.8}
[data-finish-family=ecoslide] .pv-finish-image img{object-fit:contain;max-width:var(--finish-width);padding:12px}
[data-finish-family=smart] .pv-finish-image img{width:auto;height:auto;max-width:min(100%,var(--finish-width));max-height:123px}
.pv-finish-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 2px 0;font-size:17px;line-height:1.4}
.pv-finish-label>span{flex:none;opacity:.7}
.pv-finish:hover .pv-finish-image{border-color:#fff;box-shadow:0 8px 26px #0003}
.pv-finish.is-saved .pv-finish-image{outline:2px solid #fff;outline-offset:3px}
.pv-finish:focus-visible{outline:2px solid #fff;outline-offset:6px}
.pv-finish-guidance{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:24px;margin-top:28px;border-top:1px solid #ffffff45}
.pv-finish-guidance p{font-size:15px!important;line-height:1.7;margin:0;color:#e1e3df}
.pv-finish-selection{border-left:1px solid #ffffff45;padding-left:28px}
.pv-finish-selection button{font:inherit;font-size:15px;color:#fff;border:0;border-bottom:1px solid #ffffff60;background:none;padding:12px 0;cursor:pointer;min-height:44px}
.pv-finish-selection button[hidden]{display:none}
.pp-page .pv-installations{padding-top:40px}
.pv-installation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.pv-installation-grid figure{margin:0;min-width:0;border:1px solid #ffffff55;border-radius:16px;overflow:hidden;background:var(--media-glass)}
.pv-installation-grid img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;margin:auto}
.pv-installation-grid--single{grid-template-columns:1fr}
.pv-installation-grid--single figure{width:100%;max-width:980px;justify-self:center}
.pv-installation-grid--single img{max-height:660px}
.pp-page .pv-design-choices{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:start;background:transparent}
.pp-page .pv-design-choices .dd-section-heading{margin:0}
.pp-page .pv-design-choices .dd-section-heading>p:last-child{margin-top:20px}
.pv-finish-dialog,.pv-media-dialog{position:fixed;inset:0;margin:auto;padding:0;color:#f5f5f2;background:#25292c;border:1px solid #ffffff66;border-radius:18px;max-height:calc(100dvh - 32px);box-shadow:0 30px 100px #0009;overflow:auto}
.pv-finish-dialog{width:min(880px,calc(100vw - 32px))}
.pv-finish-dialog[open]{display:grid;grid-template-columns:1.12fr 1fr}
.pv-finish-dialog::backdrop,.pv-media-dialog::backdrop{background:#090c10cf;-webkit-backdrop-filter:none;backdrop-filter:none}
.pv-dialog-visual{display:flex;align-items:center;justify-content:center;min-height:300px;padding:26px;background:#eeedeb}
.pv-dialog-visual img{display:block;width:100%;height:auto;max-height:60dvh;object-fit:contain}
.pv-finish-dialog[data-finish-family=liniar] .pv-dialog-visual{margin:auto 0;min-height:0;aspect-ratio:1.7;padding:0;overflow:hidden}
.pv-finish-dialog[data-finish-family=liniar] .pv-dialog-visual img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top}
.pv-dialog-copy{padding:68px 28px 30px;align-self:center}
.pv-dialog-copy h3{font-size:34px!important;line-height:1.12;margin:12px 0 18px}
.pv-dialog-copy p:not(.eyebrow){font-size:16px;line-height:1.7;color:#e2e5e3}
.pv-dialog-copy .eyebrow{font-size:12px!important;margin:0}
.pv-dialog-copy .button{margin-top:24px;width:100%;white-space:normal}
.pv-dialog-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:18px;z-index:2;min-height:44px;padding:9px 15px;border:1px solid #ffffff70;border-radius:30px;background:#25292cf5;color:#fff;font:inherit;font-size:15px;cursor:pointer}
.pv-media-dialog{width:fit-content;max-width:calc(100vw - 32px)}
.pv-media-dialog figure{margin:0;padding:0}
.pv-media-dialog img{display:block;max-width:100%;max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain}
.pv-media-dialog figcaption{font-size:17px;line-height:1.5;padding:16px 22px;color:#f4f5f1}
.pv-media-dialog :focus-visible,.pv-finish-dialog :focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1000px){.pp-page .pv-overview{grid-template-columns:1fr 1fr;column-gap:28px}.pp-page .pv-overview .pd-prose{padding:22px}.pv-decision-list summary{padding:16px;font-size:17px;gap:10px}.pp-page .pv-decision-list :is(.pd-option,.dd-option) p{padding:0 18px 20px 44px}.pv-finish-grid{gap:22px 16px}.pv-finish-label{font-size:16px}.pv-heading{gap:28px}.pp-page .pv-design-choices{gap:32px}}
@media(max-width:760px){
 .pp-page .pv-overview{display:flex;flex-direction:column;gap:22px}.pp-page .pv-overview>.pd-overview-heading{order:0}.pp-page .pv-overview .pd-overview-media{order:1;position:relative;top:auto;width:100%;max-width:100%;align-self:center}.pp-page .pv-overview .pd-overview-media img{max-height:420px;width:100%;height:auto;object-fit:contain}.pp-page .pv-overview .pd-prose{order:2;width:100%;padding:22px}.pp-page .pv-overview .pv-decisions{order:3;width:100%}.pp-page .pv-decisions>h2{font-size:29px;max-width:27ch}.pv-heading{grid-template-columns:1fr;gap:18px}.pv-heading h2{font-size:34px}.pv-finish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.pv-finish-image{height:120px}.pv-finish-guidance{grid-template-columns:1fr;gap:18px}.pv-finish-selection{border-left:0;border-top:1px solid #ffffff35;padding:18px 0 0}.pv-installation-grid{grid-template-columns:1fr;gap:20px}.pv-installation-grid img,.pv-installation-grid--single img{max-height:520px}.pv-image-action{right:10px;bottom:10px;padding:9px 13px;gap:18px;font-size:13px}.pp-page .pv-design-choices{display:block}.pp-page .pv-design-choices .dd-section-heading{margin-bottom:24px}.pv-finish-dialog[open]{display:block}.pv-dialog-visual{min-height:0;padding:60px 20px 20px}.pv-dialog-visual img{max-height:32dvh}.pv-finish-dialog[data-finish-family=liniar] .pv-dialog-visual{margin-top:62px}.pv-dialog-copy{padding:24px}.pv-dialog-copy h3{font-size:30px!important}.pv-dialog-copy .button{margin-top:20px}.pv-media-dialog figcaption{font-size:15px;padding:14px 18px}
}
@media(prefers-reduced-transparency:reduce){.pp-page .pv-decision-list{background:#25292c;backdrop-filter:none}.pv-image-action{background:#25292c;backdrop-filter:none}}
@media(forced-colors:active){.pv-finish-image,.pv-decision-list{border-color:CanvasText}.pv-finish.is-saved .pv-finish-image{outline-color:Highlight}}

/* Context labels distinguish owned installations from model-specific technical views. */
.pv-installation-caption{padding:13px 18px;background:#20262ba3;color:#f3f4f1;font-size:15px;line-height:1.6}
.pv-installation-caption strong{display:block;font-weight:500;font-size:16px}.pv-installation-caption span{display:block;margin-top:5px;color:#e0e3df}
.pp-page .pd-hero-media:has(.pv-installation-caption){display:flex;flex-direction:column;align-items:stretch}.pp-page .pd-hero-media:has(.pv-installation-caption)>img{flex:1;min-height:0}.pv-installation-caption{flex:none}
@media(max-width:760px){.pv-installation-caption{padding:14px 16px;font-size:15px}.pv-installation-caption strong{font-size:16px}}

/* Only pages with a real product photo collection load this component. */
@media(min-width:1001px){.pd-page.pp-page .pd-hero:has(.pv-photo-carousel){gap:24px}.pp-page .pd-hero:has(.pv-photo-carousel)>.pd-hero-copy{margin-left:0}}
/* Photographs cover this surface; keep live glass on the small controls only. */
.pp-page .pd-hero-media.pv-photo-carousel{height:auto;min-height:0;align-self:start;max-width:100%;background:var(--media-glass);border-color:#ffffff55;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px #ffffff35,0 20px 50px #0003}
.pv-photo-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ffffff70 transparent;overscroll-behavior-x:contain;position:relative;outline-offset:-3px}
.pv-photo-track[data-enhanced]{scrollbar-width:none}
.pv-photo-track[data-enhanced]::-webkit-scrollbar{display:none}
.pv-photo-slide{flex:0 0 100%;width:100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.pv-photo-open{display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:4/3;background:transparent;color:#fff}
/* With scripting enabled noscript contains raw text, not an image element. */
.pv-photo-open>noscript{display:none}
.pp-page .pd-hero-media.pv-photo-carousel .pv-photo-open>img,.pp-page .pd-hero-media.pv-photo-carousel .pv-photo-open>noscript>img{display:block;position:static;inset:auto;flex:none;width:100%;height:100%;max-width:min(100%,var(--asset-width));max-height:min(100%,var(--asset-height));min-height:0;padding:0;object-fit:contain;transform:none}
.pv-photo-enlarge{position:absolute;right:12px;bottom:12px;display:flex;gap:20px;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #ffffff70;border-radius:30px;background:#15191ccc;backdrop-filter:blur(12px);color:#fff;font-size:14px;line-height:1.4}
.pv-photo-slide figcaption{padding:16px 20px 0;margin:0;font-size:16px;line-height:1.5;color:#f3f4f2}
.pv-photo-toolbar{display:flex;align-items:center;gap:16px;min-height:64px;padding:8px 18px;color:#f3f4f2}
.pv-photo-toolbar .pv-photo-count{margin:0;font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap}
.pv-photo-hint{font-size:13px;color:#e0e3e1;line-height:1.4;margin-left:auto}
.pv-photo-arrows{display:flex;gap:8px;margin-left:auto}
.pv-photo-arrows[hidden]{display:none}
.pv-photo-arrows button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff6b;border-radius:50%;background:#ffffff0d;color:#fff;font:inherit;font-size:23px;cursor:pointer;transition:background .18s,border-color .18s}
.pv-photo-arrows button:hover:not(:disabled){background:#ffffff20;border-color:#ffffffb0}
.pv-photo-arrows button:disabled{opacity:.35;cursor:default}
.pv-photo-thumbnails{display:grid;grid-template-columns:repeat(var(--photo-columns,6),minmax(0,1fr));gap:8px;padding:2px 18px 18px}
.pv-photo-thumbnail{display:flex;align-items:center;justify-content:center;position:relative;min-width:0;min-height:44px;aspect-ratio:4/3;border:1px solid #ffffff45;border-radius:7px;overflow:hidden;background:transparent;color:#fff;text-decoration:none;opacity:.66;transition:opacity .18s,border-color .18s}
.pp-page .pd-hero-media.pv-photo-carousel .pv-photo-thumbnail img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;transform:none;padding:0}
.pv-photo-thumbnail:hover,.pv-photo-thumbnail[aria-current=true]{opacity:1;border-color:#fff}
.pv-photo-thumbnail[aria-current=true]{box-shadow:0 0 0 1px #fff}
.pv-photo-thumbnail-number{position:absolute;right:3px;bottom:3px;padding:0 4px;border-radius:3px;background:#111a;font-size:11px;line-height:16px;color:white}
.pv-photo-carousel :focus-visible{outline:2px solid #fff;outline-offset:-3px}
.pv-photo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.pp-page .pd-hero-media.pv-photo-carousel{align-self:center;order:2}.pv-photo-slide figcaption{padding:14px 14px 0;font-size:15px}.pv-photo-toolbar{padding:8px 12px;gap:10px}.pv-photo-thumbnails{gap:6px;padding:2px 12px 14px}.pv-photo-enlarge{right:10px;bottom:10px;font-size:13px;padding:9px 12px}.pv-photo-hint{font-size:12px}.pv-photo-thumbnail{border-radius:5px}}
@media(max-width:360px){.pv-photo-thumbnails{gap:4px;padding-inline:8px}.pv-photo-hint{display:none}}
@media(prefers-reduced-motion:reduce){.pv-photo-carousel *{scroll-behavior:auto!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.pp-page .pd-hero-media.pv-photo-carousel,.pv-photo-enlarge{background:#25292c;backdrop-filter:none}}
@media(forced-colors:active){.pv-photo-thumbnail,.pv-photo-arrows button{border-color:ButtonText}.pv-photo-thumbnail[aria-current=true]{outline:2px solid Highlight}.pv-photo-enlarge{background:Canvas;color:CanvasText}}

/* Additional project photographs on flagship pages retain the existing product hero. */
.pp-page .pv-installation-gallery{padding-bottom:36px}
.pp-page .pv-installation-gallery .pd-section-heading{margin-bottom:24px}
.pp-page .pv-installation-gallery .pv-photo-carousel{max-width:1040px;margin-inline:auto}
.pp-page .pv-installation-gallery .pv-photo-open{aspect-ratio:auto;height:clamp(240px,54vw,620px)}
@media(min-width:761px){.pp-page .pv-installation-gallery .pv-photo-thumbnails{grid-template-columns:repeat(7,minmax(0,1fr))}}

/* Approved Ribbon 14: separate corner mark and centred traditional name.
   Website uses the approved recessed steel; sandblasted glass belongs to
   documents. The ribbon and name stay independently positioned. */
.site-header { gap:clamp(18px,1.65vw,24px); }
.site-header > .brand-ribbon {
  display:flex;align-items:center;justify-content:center;
  flex:0 0 95px;width:95px;min-height:44px;line-height:1;
}
.site-header > .brand-ribbon img { display:block;width:100%;height:auto; }
.site-header > .brand-name {
  display:flex;align-items:center;justify-content:center;
  flex:1 0 158px;min-width:158px;min-height:44px;line-height:1;
}
.site-header > .brand-name img {
  display:block;width:158px;height:auto;
  /* Lift the satin face above photography without a glossy highlight. */
  filter:brightness(1.32) drop-shadow(0 1px 1px #0008);
}
.site-header > .product-nav { flex:0 0 auto;margin-left:0; }
.site-header > :is(.brand-ribbon,.brand-name):focus-visible {
  outline:2px solid #f4f3ed;outline-offset:5px;border-radius:2px;
}

@media (max-width:1000px) {
  .site-header {
    display:grid;grid-template-columns:95px minmax(0,1fr) 44px;
    grid-template-rows:76px 44px;height:120px;gap:0!important;
    padding-top:0;padding-bottom:0;
  }
  .site-header > .brand-ribbon { grid-column:1;grid-row:1;justify-self:start; }
  .site-header > .brand-name { grid-column:2;grid-row:1;min-width:0;justify-self:stretch; }
  .site-header > .menu-toggle { grid-column:3;grid-row:1;justify-self:end; }
  .site-header > .product-nav {
    grid-column:1/-1;grid-row:2;align-self:stretch;justify-content:center;
  }
  html:not(.js) .site-header {
    grid-template-columns:95px minmax(0,1fr) 44px;
    grid-template-rows:76px 44px auto;height:auto;min-height:168px;
  }
  html:not(.js) .site-header > .brand-name { grid-column:2;grid-row:1;justify-self:stretch; }
  html:not(.js) .site-header > #primary-nav {
    grid-column:1/-1;grid-row:3;justify-self:stretch;justify-content:center;
    flex-wrap:wrap;width:auto;min-height:48px;gap:12px 22px;padding:6px 0;
  }
}
@media (max-width:760px) {
  .site-header,html:not(.js) .site-header {
    grid-template-columns:clamp(68px,22vw,86px) minmax(0,1fr) 44px;
    grid-template-rows:82px 44px;height:126px;
  }
  .site-header > .brand-ribbon { width:clamp(68px,22vw,86px); }
  .site-header > .brand-name img { width:clamp(122px,36vw,158px);max-width:100%; }
  .site-header > .product-nav { margin:0 calc(-1 * var(--gutter)); }
  html:not(.js) .site-header { grid-template-rows:82px 44px auto;height:auto;min-height:174px; }
}

/* Without JavaScript, keep the secondary links on their own row. */
@media (min-width:1001px) {
  html:not(.js) .site-header {
    display:grid;grid-template-columns:95px minmax(158px,1fr) auto;
    grid-template-rows:100px auto;height:auto;gap:0 24px!important;
  }
  html:not(.js) .site-header > .brand-ribbon {grid-column:1;grid-row:1}
  html:not(.js) .site-header > .brand-name {grid-column:2;grid-row:1;justify-self:stretch}
  html:not(.js) .site-header > .product-nav {grid-column:3;grid-row:1}
  html:not(.js) .site-header > #primary-nav {grid-column:1/-1;grid-row:2;justify-self:end;padding-bottom:16px}
}