*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{height:100%;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.hero-image{width:100%;height:100vh;height:-webkit-fill-available;height:100svh;height:100dvh;object-fit:cover;display:block}.content-spacer{height:100vh;background-color:#f7f7f7}.finishes-section{background-color:#434343;width:100%;padding:50px 40px;min-height:100vh;scroll-margin-top:120px}.gallery-section{background-color:#d0c4b7;width:100%;padding:50px 40px;min-height:auto;scroll-margin-top:120px}.contact-section{display:flex;flex-direction:row;align-items:center;min-height:auto;padding-top:50px;padding-bottom:50px;gap:50px}.contact-left{flex:1;display:flex;justify-content:center;align-items:center;container-type:inline-size}.contact-left .finishes-title{color:#d0c4b7;text-align:center;margin:0;transform:translateY(.04em);white-space:nowrap;max-width:100%;font-size:clamp(1.8rem,8cqw,7rem)}@container (inline-size < 700px){.contact-left .finishes-title{font-size:clamp(1.8rem,6vw,5rem);letter-spacing:.12em}}@container (inline-size < 500px){.contact-left .finishes-title{font-size:clamp(1.6rem,5.5vw,4rem);letter-spacing:.1em}}.contact-right{flex:1;display:flex;justify-content:center;align-items:center;container-type:inline-size}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:14px;font-size:clamp(.9rem,6cqw,40px);flex-wrap:nowrap;min-width:0}.contact-icon{width:1em;height:1em;object-fit:contain;filter:brightness(0) saturate(100%) invert(79%) sepia(17%) saturate(357%) hue-rotate(342deg) brightness(87%) contrast(88%)}.contact-line{font-family:Montserrat,sans-serif;font-weight:300;font-size:1em;letter-spacing:.05em;color:#d0c4b7;text-align:left;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.finishes-title{font-family:Montserrat,sans-serif;font-weight:400;font-size:112px;color:#f7f7f7;letter-spacing:.15em;text-align:center;line-height:1;margin-bottom:50px}.gallery-title{font-family:Montserrat,sans-serif;font-weight:400;font-size:112px;color:#434343;letter-spacing:.15em;text-align:center;line-height:1;margin-bottom:50px}.finishes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:50px;max-width:1600px;margin:0 auto}.finish-item{background-color:transparent;border-radius:8px;overflow:visible;position:relative;display:flex;flex-direction:column;perspective:1000px;z-index:1;transition:z-index .3s;container-type:inline-size}.finish-item:hover{z-index:10;transition:z-index 0s}.finish-item img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;box-shadow:0 8px 25px #0000004d;transition:transform .15s linear,box-shadow .3s ease;transform-style:preserve-3d}.finish-label{font-family:Montserrat,sans-serif;font-weight:400;font-size:32px;color:#f7f7f7;letter-spacing:.15em;text-align:center;padding:20px 10px;background-color:#434343;white-space:nowrap}@container (inline-size < 420px){.finish-label{font-size:28px}}@container (inline-size < 360px){.finish-label{font-size:24px}}@container (inline-size < 320px){.finish-label{font-size:20px}}@container (inline-size < 280px){.finish-label{font-size:18px}}.hero-container{position:relative;width:100%;height:100vh;height:-webkit-fill-available;height:100svh;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.hero-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:350px;background:linear-gradient(to bottom,transparent 0%,rgba(67,67,67,.1) 25%,rgba(67,67,67,.3) 50%,rgba(67,67,67,.6) 70%,rgba(67,67,67,.9) 90%,#434343 100%);pointer-events:none;z-index:5}.hero-heading{position:fixed;top:0;left:0;width:100%;height:calc(120px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);z-index:1000;display:flex;align-items:center;justify-content:center}.nav-labels{display:flex;gap:50px;align-items:center}.nav-label{font-family:Montserrat,sans-serif;font-weight:600;font-size:24px;color:#f7f7f7;text-transform:uppercase;cursor:pointer;transition:opacity .3s ease;line-height:1;display:flex;align-items:center;letter-spacing:.05em;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;text-shadow:0 0 8px rgba(0,0,0,.15)}.nav-label:hover{opacity:.7}.company-name{position:absolute;top:50%;left:50px;right:50px;transform:translateY(-50%);z-index:100}.company-header{display:flex;align-items:center;margin-bottom:20px}.company-logo{height:82px;width:auto;margin-right:15px;filter:brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(0%) hue-rotate(225deg) brightness(97%) contrast(97%)}.company-text{font-family:Montserrat,sans-serif;font-weight:400;font-size:var(--font-company);color:#f7f7f7;letter-spacing:.15em;line-height:1.1;height:auto;display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;hyphens:auto;min-width:0}.company-description{font-family:Montserrat,sans-serif;font-weight:400;font-size:24px;color:#f7f7f7;line-height:1.2;max-width:917px;text-align:justify}.scroll-arrow{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:10;cursor:pointer;transition:opacity .3s ease}.scroll-arrow:hover{opacity:.7}.scroll-arrow:after{content:"";display:block;width:20px;height:20px;border-right:3px solid #f7f7f7;border-bottom:3px solid #f7f7f7;transform:rotate(45deg)}:root{--color-bg-dark: #434343;--color-text-light: #f7f7f7;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 32px;--space-xl: 50px;--space-2xl: 80px;--container-max: 1600px;--pad-x: clamp(16px, 4vw, 60px);--grid-gap: clamp(20px, 4vw, 50px);--font-display: clamp(3rem, 8vw, 7rem);--font-company: clamp(3.5rem, 10vw, 7rem);--font-finish-title: clamp(2.5rem, 7vw, 7rem);--font-finish-label: clamp(1.125rem, 4vw, 2rem);--font-body: clamp(.95rem, 1.1vw + .4rem, 1.5rem)}@media (max-width: 1439px){.finishes-title,.gallery-title{font-size:var(--font-finish-title);margin-bottom:var(--space-xl)}.company-text{font-size:var(--font-company);letter-spacing:.12em}.company-description{font-size:var(--font-body);max-width:70ch}.finishes-section,.gallery-section{padding-top:var(--space-xl);padding-bottom:var(--space-xl);padding-left:var(--pad-x);padding-right:var(--pad-x)}.finishes-grid{gap:var(--grid-gap)}}@media (max-width: 1199px){.finishes-grid{grid-template-columns:repeat(2,1fr)}.company-name{left:10px;right:10px;top:50%;transform:translateY(-50%);text-align:left;display:flex;flex-direction:column;align-items:flex-start;width:auto}.company-header{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:clamp(6px,1.2vw,12px);padding:0;width:100%;min-width:0;margin:0}.company-logo{height:clamp(3rem,12vw,7rem);margin-right:10px;margin-bottom:0;flex-shrink:0;align-self:center}.company-text{font-size:clamp(2.4rem,9vw,5.5rem);line-height:1.1;letter-spacing:clamp(.02em,.06em,.1em);text-align:left;height:auto;white-space:nowrap;flex:1 1 auto;min-width:0;display:block;max-width:100%}.company-description{width:100%;text-align:justify;text-justify:inter-word;max-width:none;font-size:clamp(1rem,2.5vw,1.8rem);line-height:1.4;margin-top:16px}}@media (max-width: 900px){.nav-labels{gap:32px}.nav-label{font-size:clamp(14px,2.2vw,18px)}}@media (max-width: 767px){.hero-container{height:100vh}.company-logo{height:clamp(2.5rem,10vw,5.5rem)}.company-text{font-size:clamp(2.2rem,9.5vw,4.8rem);height:auto;white-space:nowrap;letter-spacing:clamp(.04em,.08em,.12em);text-align:left;flex:1 1 auto;min-width:0;display:block}.company-description{font-size:clamp(.9rem,2.2vw,1.4rem)}.finishes-grid{grid-template-columns:1fr}.finishes-title,.gallery-title{margin-bottom:var(--space-lg)}.finish-label{padding:12px 8px}.nav-labels{gap:20px}.nav-label{font-size:clamp(12px,3vw,16px)}.contact-section{flex-direction:column;align-items:stretch;gap:24px}.contact-left,.contact-right{flex:none;width:100%;justify-content:center}.contact-info{align-items:center}.contact-line{text-align:center}}@media (max-width: 600px){.nav-labels{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px 15px;align-items:center;justify-items:center;width:80vw;max-width:500px;min-width:280px}.nav-label{font-size:clamp(13px,3.2vw,16px);white-space:nowrap;padding:8px 12px;border-radius:4px;transition:background-color .2s ease}.nav-label:hover{background-color:#f7f7f71a}}@media (max-width: 520px){.company-header{gap:clamp(6px,1.5vw,12px);justify-content:center;align-items:center}.company-logo{height:clamp(2rem,8vw,4.5rem);margin-right:8px}.company-text{font-size:clamp(1.8rem,10vw,4.2rem);height:auto;white-space:nowrap;letter-spacing:clamp(.04em,.06em,.1em);text-align:left;flex:1 1 auto;min-width:0;display:block}.company-description{font-size:clamp(.8rem,2vw,1.2rem)}.contact-section{padding-top:40px;padding-bottom:40px}.finishes-section,.gallery-section{padding-top:40px;padding-bottom:40px;padding-left:var(--pad-x);padding-right:var(--pad-x)}.finish-item img{box-shadow:0 6px 18px #00000059}}@media (prefers-reduced-motion: reduce){.finish-item img{transition:none!important;transform:none!important}.finish-item img:focus-visible{outline:2px solid var(--color-text-light);outline-offset:4px}}@media (hover: none){.finish-item img{transform:none!important;box-shadow:0 8px 25px #0000004d!important;transition:none!important}.nav-label:hover,.scroll-arrow:hover{opacity:1!important}.gallery-arrow:hover{color:inherit!important}}@media (pointer: coarse) and (hover: hover){.finish-item img{transition:transform .25s ease,box-shadow .4s ease}}.gallery-carousel{position:relative;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.gallery-container{width:100%;overflow:hidden;border-radius:8px}.gallery-track{display:flex;--gallery-gap: 100px;gap:var(--gallery-gap);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.gallery-item{flex:0 0 100%}.gallery-item img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;box-shadow:0 8px 25px #0000004d;display:block;transform:translateZ(0);backface-visibility:hidden}.gallery-arrow{width:48px;height:48px;background:transparent;border:none;cursor:pointer;position:relative;color:#434343;transition:color .25s ease}.gallery-arrow:after{content:"";display:block;width:20px;height:20px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-45deg);margin:0 auto}.gallery-arrow--left:after{transform:rotate(135deg)}.gallery-arrow--right:after{transform:rotate(-45deg)}.gallery-arrow:hover,.gallery-arrow:focus-visible{color:#5a5a5a}@media (max-width: 900px){.gallery-arrow{width:40px;height:40px}.gallery-carousel{gap:12px}.gallery-arrow:after{width:22px;height:22px}}@media (max-width: 600px){.gallery-carousel{gap:8px}.gallery-arrow{width:36px;height:36px}.gallery-arrow:after{width:24px;height:24px}}.site-footer{height:80px;background-color:#d0c4b7;display:flex;align-items:center;justify-content:center}.site-footer .footer-inner{font-family:Montserrat,sans-serif;font-weight:400;font-size:20px;letter-spacing:.15em;color:#434343}@media (min-width: 1180px) and (max-width: 1199px){.company-name{left:50px;right:50px;top:calc(50% + 60px);transform:translateY(-50%);text-align:center;display:block;width:auto}.company-header{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:15px;margin:0 0 20px;padding:0;min-width:0;width:100%}.company-logo{height:82px;margin-right:15px;flex-shrink:0;align-self:center}.company-text{font-size:var(--font-company);letter-spacing:.15em;white-space:normal;overflow-wrap:anywhere;word-break:normal;hyphens:auto;text-align:left;flex:1 1 auto;min-width:0;max-width:100%}.company-description{font-size:var(--font-body);max-width:70ch;margin-top:16px;text-align:justify}}
