/* UPGRADE brand revision: natural walnut, direct service hierarchy. */
:root{--wood:url('assets/optimized/walnut-texture.webp');--wood-ink:#281b13;--wood-gold:#e5c69a}
.header{background-color:var(--wood-ink);background-image:linear-gradient(#21160f88,#21160f88),var(--wood);background-size:cover;background-position:center 45%;border-bottom:1px solid #c8aa7544;color:#f7f1e7}
.header-inner{height:100px}.header .brand-image{box-shadow:0 0 0 1px #cfb78744}.nav{font-size:15px;gap:28px}.nav a:hover,.nav a[aria-current]{color:#e8c38d}.nav .custom-link{color:#e4c59e;border-color:#c6a67855}.menu-toggle{border-color:#cfb38988;color:#fff}.menu-toggle span{background:#f6e9d5}
.hero{position:relative;grid-template-columns:1.08fr 1fr;padding:40px 40px 40px 46px;gap:34px;margin-top:28px;overflow:hidden;background-color:#4a2d1a;background-image:linear-gradient(95deg,#1b1008a3 0%,#20140b55 53%,#291b1222 100%),var(--wood);background-size:cover;background-position:center;color:#fff6e8;border-radius:28px;box-shadow:0 18px 45px #3c291518}
.hero-copy{padding:28px 0 16px;position:relative;z-index:1;min-width:0}.hero h1{font-size:clamp(49px,4.65vw,72px);line-height:1.12;white-space:normal;letter-spacing:-.048em}.hero h1 em{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#edcc98;font-size:1.035em;letter-spacing:-.045em}.hero .eyebrow{color:#dfc6a3;font-size:11px}.hero .dot{background:#edc78c}.hero-copy>p:not(.eyebrow){color:#f4e7d4;font-size:18px;line-height:1.7;margin:28px 0 31px}.hero-buttons{gap:25px}.hero-buttons .button{background:#f6ebd8;border-color:#f6ebd8;color:#302014;box-shadow:0 6px 20px #160c0929}.hero-buttons .button:hover{background:#dfbb83;border-color:#dfbb83}.hero-buttons .text-link{color:#fff3df;font-size:16px;gap:22px;border-color:#d5b28499}.hero-buttons .text-link:hover{color:#efc68e}.hero-foot{color:#ddc5a6;margin-top:43px;font-size:12px}.hero-foot strong{color:#f5e8d2}.outline-icon{color:#e5c393;border-color:#d8b78688}.hero-image{min-height:543px;border-radius:18px;box-shadow:0 15px 35px #120a0640}.hero-photo-note{font-size:20px;padding:17px 19px;left:16px;right:16px;bottom:16px;color:#39271a;gap:12px}.hero-photo-note .round-arrow{background:#3d291c}.image-dot:hover{box-shadow:0 0 0 12px #ffffff40}.service-ribbon{margin-top:24px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #cdbfae;border-radius:18px;background:#ede5d9;overflow:hidden;gap:0}.service-ribbon>a{display:flex;align-items:center;gap:16px;padding:23px 22px;border-right:1px solid #cdbfae;min-height:100px;font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.025em}.service-ribbon>a:last-child{border-right:0}.service-ribbon>a:hover{background:#ded0ba}.service-ribbon .ribbon-number{font-size:11px;font-weight:400;color:#8b6b49;letter-spacing:.03em;align-self:flex-start;padding-top:3px}.service-ribbon i{font-size:24px;color:#6f4f2f;margin-left:auto;flex-shrink:0}.service-ribbon span:before{content:none}
#services{margin-top:77px}#services .section-head h2{font-size:clamp(36px,4.3vw,64px)}#services .section-head>p{font-size:17px;max-width:330px}.service-grid{grid-template-columns:1.14fr .86fr;gap:20px}.service-card{min-height:310px}.service-card .small-label{font-size:11px;letter-spacing:.1em}.service-card h3{font-size:clamp(32px,3.2vw,47px);line-height:1.06;margin-top:21px}.service-card p{font-size:17px}.facade-card{min-height:470px;background-color:#51371f;background-image:linear-gradient(110deg,#160e08a8,#2d1b0d22),var(--wood);background-size:cover;background-position:50% 25%;color:#fff7e8}.facade-card .small-label{color:#e1bf8f}.facade-card p{color:#eddfcc;max-width:340px}.facade-art{right:12%;bottom:-40px;width:40%;height:240px;transform:rotate(-12deg) scale(1.08)}.facade-art i{box-shadow:12px 18px 25px #160b0955}.facade-card .round-arrow{background:#f3e5cf}.top-card{background:#e5d3b7;min-height:470px}.top-card .slab-art{height:180px;bottom:-9px;width:100%;left:-6%;background:linear-gradient(#f0e7d1aa,#eadfc888),url('assets/optimized/kitchen-concept.webp');background-size:130%;background-position:center 43%;box-shadow:8px 18px 0 #ac916b,18px 35px 27px #6d4b3b55}.hardware-card{background:#e4e0d6;min-height:320px}.hardware-card p{max-width:330px}.handle-art{right:95px;bottom:55px;transform:rotate(-32deg) scale(1.25)}.structure-card{background:#d7d4c4;color:#30281f;min-height:320px}.structure-card .small-label{color:#776043}.structure-card p{color:#625d50}.structure-card .big-plus{color:#85664644;font-size:180px;right:60px;bottom:30px}.structure-card .round-arrow{background:#f5eddf}
.walnut{background-image:linear-gradient(90deg,#61391822,#d19c5722),var(--wood);background-size:auto 170%;background-position:center;transform-origin:center}.smoked{background-image:linear-gradient(#413c3680,#413c3680),var(--wood);background-size:cover}.materials-section{background:#e9dfd0;border-top:1px solid #d9c9b3;border-bottom:1px solid #d9c9b3}.material-visual{background:#dcd0bf}.materials-section .material-visual{background:#d5c7b1}.material-copy h3{color:#4c3322}.contact-panel{background-color:#382414;background-image:linear-gradient(90deg,#1c1008b0,#1b10086b),var(--wood);background-size:cover;background-position:center 65%;box-shadow:0 16px 36px #3c291513;border:1px solid #ad835955}.contact-panel .eyebrow{color:#e0bd89}.contact-panel p{color:#eddcc5}.contact-panel .button.light{background:#f3e5cf}.sample-stack i{box-shadow:8px 15px 22px #0005}.footer{margin-top:35px;padding:32px 32px 23px;background-color:#302015;background-image:linear-gradient(#20150da6,#20150da6),var(--wood);background-size:cover;color:#f0dfc6;border-radius:22px 22px 0 0}.footer p,.footer-bottom{color:#ddc7a7}.footer-bottom{border-color:#b99a6b55}.footer .brand-image{box-shadow:0 0 0 1px #a98c5a66}.footer a:hover{color:#ffe1af}
body[data-page=services] .page-intro{margin-top:30px;padding:45px;background-color:#3f2a1a;background-image:linear-gradient(90deg,#1a1009bf,#26170b66),var(--wood);background-size:cover;color:#fff4e3;border-radius:24px}body[data-page=services] .page-intro .eyebrow{color:#dec194}body[data-page=services] .page-intro .lead{color:#ead7bc}body[data-page=services] .page-intro h1{font-size:clamp(43px,4.7vw,70px)}.service-detail h2{font-size:clamp(38px,4vw,57px)}.service-detail-art.facades{background:#d8c6ab}.service-detail-art.structure{background-color:#4d331f;background-image:linear-gradient(#24170944,#24170944),var(--wood);background-size:cover}.service-detail-art.structure>span{color:#eed7b5}.service-detail-art.hardware{background:#d6d2c6}.nav a[href="services.html"]{font-weight:600}
@media(min-width:1600px){.hero{padding:45px 45px 45px 52px}.hero-copy{padding-top:40px}.hero-image{min-height:575px}.hero-foot{margin-top:50px}}
@media(max-width:1200px){.nav{gap:18px;font-size:13px}.hero{padding:30px;gap:26px}.hero h1{font-size:5vw}.hero-copy{padding-top:20px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero .eyebrow{font-size:10px}.hero-buttons{gap:16px}.hero-buttons .button{font-size:15px;padding:16px 20px;gap:20px}.hero-buttons .text-link{font-size:14px}.hero-image{min-height:525px}.hero-photo-note{font-size:18px;padding:15px}.hero-foot{font-size:11px;margin-top:29px}.service-ribbon>a{padding:20px 16px;gap:10px;font-size:16px}.service-ribbon i{font-size:21px}.service-card{padding:28px}.service-card p{font-size:16px}.facade-art{right:5%;bottom:-50px;transform:scale(.95) rotate(-12deg)}.handle-art{right:70px;bottom:60px;transform:rotate(-32deg) scale(1)}.service-card h3{font-size:38px}.service-card .small-label{font-size:10px}}
@media(max-width:960px){.header-inner{height:84px}.nav{background:#302014;color:#fff3df;font-size:20px}.nav>a{border-color:#a88b6155}.nav .custom-link{color:#e8c590;font-size:16px}.hero{grid-template-columns:1fr;padding:34px;gap:30px}.hero-copy{padding:5px 0 0}.hero h1{font-size:clamp(50px,7.8vw,73px)}.hero-copy>p:not(.eyebrow){font-size:19px;margin:25px 0}.hero-buttons{max-width:none}.hero-buttons .button{font-size:17px}.hero-buttons .text-link{font-size:16px}.hero-foot{position:static;max-width:none;font-size:12px;margin-top:25px}.hero-image{min-height:420px}.hero-photo-note{font-size:21px;max-width:none}.hero-photo-note .round-arrow{width:45px;height:45px}.service-ribbon{grid-template-columns:1fr 1fr}.service-ribbon>a{font-size:18px;padding:20px 24px;min-height:92px}.service-ribbon>a:nth-child(2){border-right:0}.service-ribbon>a:nth-child(-n+2){border-bottom:1px solid #cdbfae}.service-ribbon i{display:block;font-style:normal}.facade-card,.top-card{min-height:430px}.service-card{padding:25px}.service-card h3{font-size:33px}.service-card p{font-size:15px}.facade-art{right:0;bottom:-60px;transform:scale(.85) rotate(-12deg)}.hardware-card,.structure-card{min-height:310px}.handle-art{right:62px;bottom:45px;transform:rotate(-32deg) scale(.8)}.structure-card .big-plus{font-size:135px;right:50px;bottom:30px}#services .section-head>p{font-size:15px;max-width:250px}.footer{padding:30px 25px 22px}}
@media(max-width:600px){.header-inner{height:76px}.hero{width:calc(100% - 20px);margin-top:10px;padding:27px 20px 16px;border-radius:20px;gap:24px;background-size:auto 100%;background-position:30% center}.hero-copy{padding:0}.hero h1{font-size:clamp(37px,10.1vw,57px);line-height:1.15;letter-spacing:-.05em}.hero h1 em{font-size:1.045em}.hero .eyebrow{font-size:9px;margin-bottom:21px}.hero-copy>p:not(.eyebrow){font-size:15px;margin:22px 0 25px;line-height:1.7}.hero-copy>p:not(.eyebrow) br{display:none}.hero-buttons{width:100%;gap:12px}.hero-buttons .button{font-size:16px;width:100%;min-height:58px;padding:16px 20px}.hero-buttons .text-link{font-size:15px;gap:25px;padding:9px 0}.hero-foot{font-size:10.5px;margin-top:23px;gap:10px}.hero-foot .outline-icon{width:38px;height:38px;font-size:26px}.hero-image{min-height:320px;border-radius:14px}.hero-photo-note{font-size:17px;left:11px;right:11px;bottom:11px;padding:14px;border-radius:11px}.hero-photo-note .round-arrow{width:36px;height:36px;font-size:22px}.hero .image-caption{left:12px;top:12px;font-size:8px}.service-ribbon{margin-top:17px;border-radius:15px;gap:0;padding:0}.service-ribbon>a{font-size:15px;padding:15px 12px;min-height:91px;gap:8px;align-items:center}.service-ribbon>a>span:not(.ribbon-number){line-height:1.25}.service-ribbon .ribbon-number{font-size:8px;align-self:flex-start;padding-top:4px}.service-ribbon i{font-size:18px;display:block}.service-ribbon span:before{content:none}#services{margin-top:52px}#services .section-head h2{font-size:36px}#services .section-head>p{max-width:none;font-size:15px}#services .section-head>p br{display:none}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:27px}.service-card h3{font-size:39px;letter-spacing:-.035em;margin-top:20px}.service-card p{font-size:16px;max-width:270px}.facade-card{min-height:430px}.facade-art{right:22%;bottom:-50px;transform:scale(1) rotate(-10deg)}.top-card{min-height:360px}.top-card .slab-art{height:130px;bottom:-5px}.hardware-card{min-height:310px}.hardware-card h3 br{display:none}.hardware-card p{max-width:220px}.handle-art{right:65px;bottom:40px;transform:rotate(-32deg) scale(.95)}.structure-card{min-height:300px}.structure-card h3{font-size:35px}.structure-card .big-plus{font-size:140px;right:50px;bottom:30px}.service-card .small-label{font-size:10px}.contact-panel{background-size:auto 120%;background-position:center}.contact-panel .eyebrow{font-size:9px}.footer{padding:28px 20px 22px;margin-top:28px}.footer-main{gap:17px}.footer-main>p{font-size:10px}.footer-phone{font-size:23px}.footer-bottom{font-size:10px;gap:15px 20px}body[data-page=services] .page-intro{margin-top:24px;padding:30px 25px;border-radius:22px}body[data-page=services] .page-intro h1{font-size:39px}body[data-page=services] .page-intro .lead{font-size:16px}.service-detail h2{font-size:39px}.service-detail-art.structure{background-size:auto 100%}}
@media(max-width:360px){.hero{padding:25px 17px 15px}.hero h1{font-size:34px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-buttons .button{font-size:15px}.hero-foot{font-size:9px}.hero-photo-note{font-size:15px;padding:12px}.service-ribbon>a{font-size:13px;padding:15px 10px;gap:7px}.service-ribbon .ribbon-number{display:none}.service-card h3{font-size:35px}.service-card p{font-size:15px}.structure-card h3{font-size:31px}.facade-art{right:15%;transform:scale(.9) rotate(-10deg)}.footer-phone{font-size:20px}.footer .brand-image{width:120px}.footer-main>p{font-size:9px}.footer-main{gap:13px}}

/* Fine mineral grain for the worktop illustration. */
.top-card .slab-art{background:linear-gradient(112deg,transparent 28%,#bbaa9277 29%,#e8dcc766 30%,transparent 32% 72%,#b6a68a66 73%,transparent 75%),radial-gradient(ellipse at 30% 40%,#99836640 0 1px,transparent 2px),linear-gradient(20deg,#d4c4a8,#f2e8d5);background-size:auto,7px 11px,auto}
@media(max-width:600px){.hardware-card h3 br{display:initial}}