/* About Quix */
.about-company{background:#171714;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:4vw 10vw;position:relative;overflow:hidden}
.about-company:after{content:"Q";position:absolute;right:-3vw;top:-13vw;font:34vw/1 "Playfair Display",serif;color:rgba(255,255,255,.018);pointer-events:none}
.about-heading,.about-body,.about-values{position:relative;z-index:1}
.about-heading h2{font-size:clamp(42px,5vw,70px);margin-bottom:0}
.about-body{padding-top:44px;color:#aaa;line-height:1.8}
.about-lead{font:24px/1.55 "Playfair Display",serif;color:#eee;margin-top:0}
.about-signature{display:flex;align-items:baseline;gap:14px;margin-top:38px;padding-top:24px;border-top:1px solid #383833}
.about-signature span,.about-signature small{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#777}
.about-signature strong{font:46px "Playfair Display",serif;color:#c7a36a}
.about-signature small{margin-left:auto}
.about-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid #383833}
.about-values>div{padding:35px 4vw 0 0;border-right:1px solid #383833;min-height:175px}
.about-values>div+div{padding-left:4vw}.about-values>div:last-child{border-right:0}
.about-values b,.service-card>span{font-size:9px;letter-spacing:.15em;color:#c7a36a}
.about-values h3{font:22px "Playfair Display",serif;margin:15px 0 10px}.about-values p{font-size:13px;line-height:1.7;color:#888}

/* Services */
.services{background:#e8e3da}
.services-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:end;margin-bottom:65px}
.services-intro h2{font-size:clamp(42px,5vw,70px);margin-bottom:0}.services-intro>div:last-child>p{line-height:1.8;color:#666;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#c9c1b5;border:1px solid #c9c1b5}
.service-card{grid-column:span 2;min-height:390px;background:#f4f1eb;padding:40px 34px;position:relative;transition:.35s}
.service-card:nth-child(4){grid-column:2/span 2}.service-card:nth-child(5){grid-column:4/span 2}
.service-card:hover{background:#fff;transform:translateY(-8px);box-shadow:0 18px 40px rgba(35,29,20,.1);z-index:2}
.service-card.featured{background:#1a1a17;color:#fff}.service-card.featured p{color:#999}
.service-icon{width:56px;height:56px;border:1px solid #cfc7bb;display:grid;place-items:center;margin-bottom:35px;color:#8b6c3d}
.service-icon svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{font:26px/1.2 "Playfair Display",serif;margin:20px 0 15px;max-width:240px}
.service-card p{font-size:13px;line-height:1.75;color:#716c64;margin:0}
.service-card>a{position:absolute;bottom:28px;right:30px;width:36px;height:36px;border:1px solid #cfc7bb;display:grid;place-items:center;color:#8b6c3d;transition:.25s}
.service-card:hover>a{background:#c7a36a;border-color:#c7a36a;color:#111}
@media(max-width:900px){.about-company,.services-intro{grid-template-columns:1fr}.about-body{padding-top:0}.about-values{grid-template-columns:1fr}.about-values>div,.about-values>div+div{padding:28px 0;border-right:0;border-bottom:1px solid #383833;min-height:0}.service-grid{grid-template-columns:1fr 1fr}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:auto}}
@media(max-width:560px){.service-grid{grid-template-columns:1fr}.service-card{min-height:350px}.services-intro{margin-bottom:40px}}

/* Brand alignment and industries from the company profile */
:root{--gold:#078171}
.brand-mark{border-color:#078171;color:#30a895}.button-gold{background:#078171;color:#fff}.hero h1 em,h2 em{color:#55ad99}.about-signature strong,.about-values b,.service-card>span{color:#38a38f}.service-card:hover>a{background:#078171;border-color:#078171;color:#fff}
.material-visual.porcelain{background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.25)),repeating-linear-gradient(45deg,#d7d1c4 0 85px,#aea89c 86px 88px,#ebe7df 89px 174px,#aaa398 175px 177px)}
.industries{background:#f2efe8}.industries-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;margin-bottom:55px}.industries-heading h2{font-size:clamp(42px,5vw,70px);margin-bottom:0}.industries-heading>p{line-height:1.8;color:#6c6861;margin:0}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc8bd;border:1px solid #cfc8bd}.industry-card{min-height:310px;padding:30px;position:relative;display:flex;flex-direction:column;justify-content:space-between;color:#fff;overflow:hidden;background:#20201d}.industry-card:before{content:"";position:absolute;inset:0;opacity:.45;transition:.5s;background:url("assets/hero-luxury-flooring.webp") center/cover}.industry-card:after{content:"";position:absolute;inset:0;background:linear-gradient(20deg,rgba(7,22,19,.92),rgba(7,22,19,.05))}.industry-card:nth-child(2):before{background-position:80% center}.industry-card:nth-child(3):before{background-position:55% 80%;filter:saturate(.6)}.industry-card:nth-child(4):before{background-position:25% center;filter:hue-rotate(30deg) saturate(.45)}.industry-card:nth-child(5):before{background-position:center bottom}.industry-card:nth-child(6):before{background-position:70% bottom;filter:saturate(.55)}.industry-card:hover:before{transform:scale(1.07);opacity:.62}.industry-card>span,.industry-card>div{position:relative;z-index:2}.industry-card>span{font-size:10px;letter-spacing:.16em;color:#8dd4c3}.industry-card h3{font:31px "Playfair Display",serif;margin:0 0 8px}.industry-card p{margin:0;color:#c8d1cd;font-size:12px}.why-quix{margin-top:45px;padding-top:35px;border-top:1px solid #cfc8bd;display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:25px}.why-quix div{border-left:1px solid #cfc8bd;padding-left:20px}.why-quix strong{display:block;font:18px "Playfair Display",serif;margin-bottom:8px}.why-quix span{font-size:11px;color:#77736c}
@media(max-width:900px){.industries-heading{grid-template-columns:1fr;gap:15px}.industry-grid{grid-template-columns:1fr 1fr}.why-quix{grid-template-columns:1fr 1fr}.why-quix>.section-label{grid-column:1/-1}}
@media(max-width:560px){.industry-grid,.why-quix{grid-template-columns:1fr}.industry-card{min-height:270px}.why-quix>.section-label{grid-column:auto}}