.showroom-page{background:var(--color-showroom-paper);color:var(--color-showroom-ink)}.showroom-page [hidden]{display:none!important}.showroom-page section[id]{scroll-margin-top:5.5rem}.showroom-wrap{width:min(100%,80rem);margin-inline:auto;padding-inline:2rem}.showroom-section{padding-block:6rem}.showroom-hero{background:#262723}.hero-content{min-height:min(49rem,92svh)}.hero-shade{background:linear-gradient(90deg,#141614b3,#14161440 45%,#0000 75%),linear-gradient(#0000 60%,#14161499)}.eyebrow{letter-spacing:.15em;align-items:center;gap:.75rem;font-size:.6875rem;font-weight:500;line-height:1.6;display:flex}.light-dash{background:var(--color-showroom-warm);width:2rem;height:2px;display:inline-block}.showroom-button{cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;gap:1.5rem;min-height:3rem;padding:.875rem 1.25rem;font-size:.8125rem;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.button-warm{background:var(--color-showroom-warm);color:var(--color-showroom-ink)}.button-warm:hover{background:#f0cfa0}.button-glass{color:#fff;background:#0000001f;border-color:#fff6}.button-glass:hover{background:#ffffff1f}.button-dark{background:var(--color-showroom-night);color:#fff}.button-dark:hover{background:#44483e}.button-line{border-color:var(--color-showroom-line)}.button-line:hover{background:#fff}.text-link{text-underline-offset:.3em;align-items:center;gap:.75rem;display:inline-flex}.text-link:hover{text-decoration:underline}.section-heading{border-bottom:1px solid var(--color-showroom-line);justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:2rem;display:flex}.section-title{letter-spacing:-.035em;margin-top:1rem;font-size:clamp(2rem,3.2vw,3rem);font-weight:500;line-height:1.15}.section-description{color:var(--color-showroom-muted);font-size:.9375rem;line-height:1.9}#custom .section-description{color:#ffffffa6}#custom .section-heading{border-color:#fff3}.filter-label{min-width:10rem;color:var(--color-showroom-muted);gap:.5rem;font-size:.6875rem;display:grid}.filter-label select{border:1px solid var(--color-showroom-line);width:100%;min-width:0;min-height:2.75rem;color:var(--color-showroom-ink);background:0 0;padding:.625rem 2rem .625rem .875rem;font-size:.8125rem}.sample-grid{margin-top:2rem}.sample{--i:var(--fallback-i,0);opacity:1;transform:none}.sample-image img{transition:transform .3s}.sample-image:hover img{transform:scale(1.035)}.process{view-timeline-name:--process;view-timeline-axis:block}.process-track{height:2rem;margin-bottom:1.5rem;position:relative}.process-track svg{fill:none;width:100%;height:100%;stroke:var(--color-showroom-line);stroke-width:1px}.process-marker{background:var(--color-accent);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.application-scroll{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem;display:grid}.application-target{min-width:0}.application-card img{transition:transform .35s}.application-card a:hover img{transform:scale(1.025)}.mobile-project-nav{padding-bottom:env(safe-area-inset-bottom,0px)}@supports (container-type:scroll-state){.application-target{container:application/scroll-state}@container application scroll-state(snapped:x){.application-card>a{outline:2px solid var(--color-accent);outline-offset:-2px}}}@media (prefers-reduced-motion:no-preference){@supports (width:calc(sibling-index() * 1px)){.sample-grid>.sample{--i:calc(sibling-index() - 1)}}@supports (animation-timeline:view()) and (animation-range:entry 0% entry 100%){.sample{animation:1s linear both sample-enter view();animation-range:entry calc(min(var(--i), 2) * 7%) entry 100%}.showroom-hero>picture{animation:1s linear both architectural-light view();animation-range:exit}@supports (offset-path:xywh(0 0 100% 100%)){.process-marker{offset-path:xywh(0 50% 100% 0);offset-rotate:0deg;animation:1s linear both process-travel --process;animation-range:entry 50% cover 60%;top:0;left:0;transform:none}}}}@keyframes sample-enter{0%{opacity:.65;transform:translateY(1rem)}to{opacity:1;transform:none}}@keyframes architectural-light{0%{opacity:1}to{opacity:.88}}@keyframes process-travel{0%{offset-distance:0%}to{offset-distance:50%}}@media (width<=767px){.showroom-wrap{padding-inline:1.25rem}.showroom-section{padding-block:3.5rem}.section-heading{flex-direction:column;align-items:flex-start;gap:1.5rem}.section-title{font-size:2rem}.application-scroll{scroll-snap-type:x mandatory;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.application-target{scroll-snap-align:start;flex:0 0 85%}.process-track{display:none}.process ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.showroom-page{padding-bottom:calc(3.25rem + env(safe-area-inset-bottom,0px))}.hero-content{min-height:53rem;padding-top:2.5rem}.hero-shade{background:linear-gradient(#141614bf,#1416141f 52%,#141614a6)}.hero-bottom{margin-top:12rem}.hero-product{max-width:none}.filter-label{flex:40%;min-width:0}.showroom-page .brand-logo-frame{width:6rem}}@media (prefers-reduced-motion:reduce){.sample,.showroom-hero>picture{opacity:1;transform:none;animation:none!important}.process-marker{display:none}}
