.surface-index-hero,.catalogue-hero{padding:clamp(8rem,14vw,14rem) 0 clamp(4rem,8vw,8rem);background:var(--color-paper)}
.surface-index-hero__grid,.catalogue-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(3rem,9vw,10rem);align-items:end}
.surface-index-hero h1,.catalogue-hero h1,.surface-detail h1,.surface-projects h2,.related-surfaces h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.055em;line-height:.91}
.surface-index-hero h1,.catalogue-hero h1{max-width:12ch;font-size:var(--text-2xl);margin:.75rem 0 0}
.catalogue-hero h1 em{font-weight:400}.surface-index-hero__grid>p,.catalogue-hero__grid p{max-width:35rem;color:var(--color-muted);line-height:1.75}
.surface-families{display:grid;grid-template-columns:repeat(3,1fr);min-height:72vh;background:var(--color-dark)}
.surface-family{position:relative;display:block;min-height:42rem;overflow:hidden;color:#fff;border-right:1px solid rgba(255,255,255,.25)}
.surface-family img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.surface-family__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(9,9,8,.78) 100%)}
.surface-family__copy{position:absolute;inset:auto clamp(1.5rem,3vw,3.5rem) clamp(2rem,4vw,4rem);display:grid;gap:.85rem}
.surface-family__copy small,.surface-family__copy em{font:normal var(--text-xs)/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase}
.surface-family__copy strong{font:400 clamp(2.2rem,3.3vw,4.8rem)/.95 var(--font-display)}
.surface-family__copy span{max-width:29rem;line-height:1.55;color:rgba(255,255,255,.8)}
.surface-family__copy em{margin-top:1rem}.surface-family:hover img{transform:scale(1.035)}
.catalogue{padding:0 0 var(--space-8);background:var(--color-paper)}
.catalogue__tools{display:flex;justify-content:space-between;align-items:end;padding-top:2rem;padding-bottom:2rem;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.catalogue__tools label{display:grid;gap:.5rem}.catalogue__tools label span,.catalogue__tools p{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase}
.catalogue__tools input{width:min(28rem,70vw);border:0;border-bottom:1px solid var(--color-text);padding:.8rem 0;background:transparent;font:inherit;border-radius:0}
.catalogue__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,4vw,5rem) clamp(1rem,2vw,2rem);padding-top:clamp(3rem,6vw,6rem)}
.surface-card a{display:block;color:inherit}.surface-card figure{position:relative;aspect-ratio:1.08/1;overflow:hidden;background:#ddd8cf}
.surface-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow),filter var(--transition-base)}
.surface-card figcaption{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,15,13,.38);opacity:0;transition:opacity var(--transition-base);color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-xs)}
.surface-card>a>div{position:relative;padding:1.2rem 2.25rem 0 0}.surface-card h2{font:400 clamp(1.75rem,2.2vw,2.8rem)/1 var(--font-display);margin:.35rem 0}.surface-card p{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}
.surface-card>a>div>span{position:absolute;right:0;bottom:.25rem}.surface-card:hover img{transform:scale(1.035)}.surface-card:hover figcaption{opacity:1}.catalogue__empty{text-align:center;padding:5rem}
.surface-detail{background:var(--color-paper)}.surface-detail__hero{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(21rem,.58fr);gap:clamp(3rem,7vw,8rem);align-items:center;padding-top:clamp(8rem,12vw,12rem);padding-bottom:clamp(5rem,9vw,9rem)}
.surface-detail__hero figure{height:min(68rem,72vh);min-height:34rem;overflow:hidden;background:#ddd8cf}.surface-detail__hero figure img{width:100%;height:100%;object-fit:cover}
.surface-detail h1{font-size:var(--text-2xl);margin:.7rem 0 2rem}.surface-detail__intro>p:not(.eyebrow){color:var(--color-muted);line-height:1.75;max-width:34rem}
.surface-detail__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.5rem}.surface-detail__text-link{color:inherit;border-bottom:1px solid;padding-bottom:.35rem}
.surface-specs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.surface-specs>div{min-height:12rem;padding:1.5rem;display:flex;flex-direction:column;border-right:1px solid var(--color-border)}.surface-specs>div:last-child{border:0}.surface-specs span,.surface-specs small{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.surface-specs small{margin-top:auto}.surface-specs strong{font:400 1.25rem/1.3 var(--font-display);margin-top:.5rem}
.surface-projects{background:var(--color-bg)}.surface-projects__heading,.related-surfaces__heading{display:flex;align-items:end;justify-content:space-between;gap:4rem;margin-bottom:3rem}.surface-projects__heading h2,.related-surfaces h2{font-size:var(--text-xl);margin:.5rem 0}.surface-projects__heading>p{max-width:31rem;color:var(--color-muted);line-height:1.65}
.surface-projects__grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,23rem);gap:1rem}.surface-projects__grid button{position:relative;border:0;padding:0;overflow:hidden;cursor:pointer;background:#d9d5cd;text-align:left}.surface-projects__grid button:nth-child(2){grid-row:span 2}.surface-projects__grid img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.surface-projects__grid button:hover img{transform:scale(1.025)}.surface-projects__grid span{position:absolute;inset:auto 0 0;padding:1rem 1.25rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.68));display:flex;justify-content:space-between}.surface-projects__grid i{font-style:normal}
.surface-lightbox{width:min(92vw,96rem);height:min(88vh,64rem);padding:0;border:0;background:#111;color:#fff;overflow:hidden}.surface-lightbox::backdrop{background:rgba(9,9,8,.88)}.surface-lightbox figure{height:100%;display:grid;place-items:center;margin:0}.surface-lightbox figure img{max-width:100%;max-height:calc(100% - 4rem);object-fit:contain}.surface-lightbox figcaption{position:absolute;bottom:1rem}.surface-lightbox__close,.surface-lightbox__nav{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.28);color:#fff;border-radius:50%;width:3rem;height:3rem;cursor:pointer}.surface-lightbox__close{right:1rem;top:1rem;font-size:1.5rem}.surface-lightbox__nav{top:50%;transform:translateY(-50%)}.surface-lightbox__nav--prev{left:1rem}.surface-lightbox__nav--next{right:1rem}
.related-surfaces{background:var(--color-paper)}.related-surfaces__heading>a{color:inherit;border-bottom:1px solid}.related-surfaces__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related-surfaces__grid>a{color:inherit}.related-surfaces__grid img{width:100%;aspect-ratio:1.15/1;object-fit:cover}.related-surfaces__grid span{display:flex;flex-direction:column;padding-top:1rem}.related-surfaces__grid strong{font:400 1.7rem var(--font-display)}.related-surfaces__grid small{margin-top:.35rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em}
@media(max-width:64rem){.surface-families{grid-template-columns:1fr}.surface-family{min-height:34rem}.catalogue__grid{grid-template-columns:repeat(2,1fr)}.surface-detail__hero{grid-template-columns:1fr}.surface-detail__hero figure{height:60vh}.surface-specs{grid-template-columns:repeat(2,1fr)}.surface-specs>div:nth-child(2){border-right:0}.surface-specs>div:nth-child(-n+2){border-bottom:1px solid var(--color-border)}}
@media(max-width:48rem){.surface-index-hero__grid,.catalogue-hero__grid{grid-template-columns:1fr;gap:2rem}.surface-index-hero h1,.catalogue-hero h1{font-size:clamp(3.3rem,16vw,5.2rem)}.surface-family{min-height:30rem}.catalogue__grid{grid-template-columns:1fr}.catalogue__tools{align-items:center}.surface-card figcaption{display:none}.surface-detail__hero{padding-top:7rem;gap:2.5rem}.surface-detail__hero figure{height:55vh;min-height:25rem}.surface-detail h1{font-size:clamp(4rem,18vw,6.5rem)}.surface-specs{grid-template-columns:1fr}.surface-specs>div{border-right:0!important;border-bottom:1px solid var(--color-border);min-height:9rem}.surface-projects__heading,.related-surfaces__heading{display:block}.surface-projects__heading>p{margin-top:1rem}.surface-projects__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.surface-projects__grid button{flex:0 0 86%;height:30rem;scroll-snap-align:center}.related-surfaces__grid{display:flex;overflow-x:auto}.related-surfaces__grid>a{flex:0 0 78%}}

.surface-product__hero{padding-top:clamp(8rem,13vw,12rem);background:var(--color-paper)}
.surface-product__hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(22rem,1.15fr);align-items:center;gap:clamp(3rem,8vw,9rem)}
.surface-product__copy{max-width:34rem}.surface-product__copy h1{margin:.8rem 0 1.2rem;font-size:clamp(4rem,8vw,8.5rem);line-height:.84}.surface-product__copy>p:not(.eyebrow){max-width:29rem;margin:0 0 2rem;color:var(--color-muted);font-size:var(--text-lg)}
.surface-product__media{min-height:26rem;margin:0;overflow:hidden;background:var(--color-soft)}.surface-product__media img{width:100%;height:100%;min-height:26rem;object-fit:cover}
.surface-product__statement{background:var(--color-soft)}.surface-product__statement-grid{display:grid;grid-template-columns:minmax(10rem,.65fr) minmax(0,1.35fr);gap:clamp(3rem,10vw,10rem)}.surface-product__statement h2{max-width:38rem;margin:0 0 1.5rem;font-size:clamp(2.5rem,5vw,5rem);line-height:.92}.surface-product__statement p:not(.eyebrow){max-width:30rem;margin:0 0 1.5rem;color:var(--color-muted)}
.surface-product__next{background:var(--color-dark);color:var(--color-inverse)}.surface-product__next h2{max-width:42rem;margin:.8rem 0 2rem;font-size:clamp(3rem,6vw,6rem);line-height:.9}.surface-product__next .eyebrow{color:rgba(255,255,255,.55)}.surface-product__next .button{color:var(--color-inverse);border-color:rgba(255,255,255,.45)}.surface-product__next .button:hover{color:var(--color-dark);background:var(--color-inverse);border-color:var(--color-inverse)}
@media(max-width:48rem){.surface-product__hero-grid,.surface-product__statement-grid{grid-template-columns:1fr;gap:2.5rem}.surface-product__copy h1{font-size:clamp(3.8rem,16vw,6rem)}}

/* Compact entry and editorial category previews on /surfaces. */
.surface-index-hero { padding:clamp(6rem,8vw,8rem) 0 clamp(2rem,4vw,4rem); }
.surface-index-hero__grid { align-items:center; }
.surface-index-hero h1 { max-width:none; font-size:clamp(2.7rem,4vw,4.4rem); line-height:1.05; }
.surface-families { min-height:0; }
.surface-families .surface-family { height:clamp(15rem,22vw,22rem); min-height:0; }
.surface-families .surface-family__copy { inset:auto clamp(1rem,2vw,2rem) clamp(1rem,2vw,2rem); gap:.35rem; }
.surface-families .surface-family__copy strong { font-size:clamp(1.45rem,2.3vw,2.5rem); }
.surface-families .surface-family__copy span { display:none; }
.surface-families .surface-family__copy em { margin-top:.2rem; }
.surface-showcase { padding:calc(6rem + 1px + clamp(1.5rem,3vw,3rem)) 0 clamp(4rem,6vw,6rem); background:var(--color-paper); }
.surface-showcase__heading { margin-bottom:clamp(2rem,4vw,4rem); }
.surface-showcase__heading h1 { margin:.4rem 0 0; font-size:clamp(2rem,3vw,3.4rem); }
.surface-showcase__item { max-width:75rem; margin:0 auto clamp(3rem,6vw,6rem); }
.surface-showcase__item:last-child { margin-bottom:0; }
.surface-showcase__item + .surface-showcase__item { border-top:1px solid var(--color-border); padding-top:clamp(3rem,5vw,5rem); }
.surface-showcase__feature { display:grid; grid-template-columns:1fr 1fr; min-height:19rem; background:#fff; }
.surface-showcase__item:nth-of-type(even) .surface-showcase__image { order:2; }
.surface-showcase__image { display:block; min-width:0; overflow:hidden; }
.surface-showcase__image img { width:100%; height:100%; max-height:23rem; object-fit:cover; transition:transform var(--transition-slow); }
.surface-showcase__image:hover img { transform:scale(1.03); }
.surface-showcase__copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(1.5rem,3vw,3rem); }
.surface-showcase__copy h3 { margin:.4rem 0 .8rem; font-size:clamp(1.65rem,2.5vw,2.7rem); line-height:1.15; }
.surface-showcase__copy > p:not(.eyebrow) { max-width:29rem; line-height:1.65; color:var(--color-muted); }
.surface-showcase__copy > a { align-self:flex-start; margin-top:1.1rem; text-decoration:underline; text-underline-offset:.2em; }
.surface-showcase__previews { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin-top:.8rem; }
.surface-showcase__previews a { display:block; overflow:hidden; }
.surface-showcase__previews img { width:100%; height:clamp(8rem,15vw,13rem); object-fit:cover; transition:transform var(--transition-slow); }
.surface-showcase__previews a:hover img { transform:scale(1.035); }
@media(max-width:64rem) { .surface-families { grid-template-columns:repeat(2,1fr); } }
@media(max-width:48rem) {
 .surface-showcase { padding-top:calc(4.75rem + 1px + 1.5rem); }
 .surface-index-hero__grid { grid-template-columns:1fr; gap:1rem; }
 .surface-index-hero h1 { font-size:clamp(2.4rem,9vw,3.4rem); }
 .surface-families .surface-family { height:clamp(12rem,36vw,17rem); }
 .surface-showcase__feature { grid-template-columns:1fr; }
 .surface-showcase__item:nth-of-type(even) .surface-showcase__image { order:0; }
 .surface-showcase__image img { height:clamp(14rem,54vw,22rem); }
 .surface-showcase__previews { gap:.4rem; }
 .surface-showcase__previews img { height:clamp(5.5rem,24vw,9rem); }
}