:root{--forest:#123b2d;--deep:#071b15;--sage:#dce5da;--ivory:#f8f4eb;--gold:#ba9555;--ink:#183126;--red:#a3162a}
body{background:var(--ivory);color:var(--ink)}
.color-hero{min-height:100svh;display:grid;background:var(--deep);color:#fff}.hero-visual{min-height:58svh;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:52px 24px 64px}.hero-copy h1{margin:10px 0 24px;color:#fff;font-size:clamp(2.8rem,9vw,6.5rem);line-height:.95}.hero-copy h1 em{display:block;margin-top:14px;color:#d6b979;font-size:.48em;font-weight:400;line-height:1.12}.hero-copy>p:not(.eyebrow){max-width:610px;color:#e7e2d8;font-size:1.08rem}.color-button{display:inline-flex;align-items:center;align-self:flex-start;min-height:54px;margin-top:24px;padding:14px 24px;background:var(--gold);color:#10251c;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}
.intro{max-width:920px;margin:auto;padding:105px 24px}.intro h2{max-width:780px}.intro>p:last-child{max-width:720px;color:#5e6c65;font-size:1.08rem}
.spotlight{display:grid;background:#e9eadf}.spotlight-image{min-height:520px}.spotlight-image img{width:100%;height:100%;object-fit:cover;object-position:center}.spotlight-copy{align-self:center;padding:68px 24px}.spotlight-copy h2{margin:8px 0;color:var(--forest);font-size:clamp(3rem,9vw,5.8rem)}.subtitle{margin:0 0 24px;color:#8f6d34;font-family:Georgia,serif;font-size:1.2rem;font-style:italic}.spotlight-copy>p:not(.kicker):not(.subtitle):not(.note){max-width:650px;color:#48594f}.spotlight-copy ul{margin:28px 0;padding:0;list-style:none}.spotlight-copy li{padding:12px 0;border-bottom:1px solid rgba(18,59,45,.18);font-weight:700}.note{margin-top:25px;color:#66736b;font-size:.82rem}
.palette{padding:105px 24px;background:var(--deep);color:#fff}.section-heading{max-width:1080px;margin:0 auto 50px}.section-heading h2{max-width:780px;color:#fff}.color-grid{max-width:1080px;margin:auto;display:grid;gap:18px}.color-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:20px;min-height:350px;padding:34px 24px 34px 30px;background:#10261e;border:1px solid rgba(214,185,121,.28)}.color-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--accent)}.color-card-copy{position:relative;z-index:1}.color-card span{color:#d6b979;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:800}.color-card h3{margin:18px 0 14px;color:#fff;font-size:clamp(1.75rem,5.5vw,2.8rem);line-height:1}.color-card p{max-width:520px;color:#ccd5d0}.color-card strong{display:block;margin-top:24px;color:#d6b979;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.product-image{align-self:center;display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin:0;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(214,185,121,.2)}.product-image img{display:block;width:100%;height:100%;object-fit:cover}.koleston{--accent:#a3162a}.xpress{--accent:#b89054}.illumina{--accent:#ceb7ad}.touch{--accent:#b57c9f}.shine{--accent:#aacbd2}
.consult{text-align:center;padding:105px 24px;background:var(--forest);color:#fff}.consult h2{max-width:820px;margin-left:auto;margin-right:auto;color:#fff}.consult>p:not(.kicker):not(.address){max-width:660px;margin-left:auto;margin-right:auto;color:#dce6df}.color-button.light{align-self:auto;background:#fff;color:var(--forest)}.address{margin-top:40px;color:#c3d3c9;font-size:.82rem}
@media(min-width:860px){.color-hero{grid-template-columns:1fr 1fr}.hero-visual{min-height:100svh}.hero-copy{padding:130px 7vw 80px}.spotlight{grid-template-columns:1fr 1fr}.spotlight-image{min-height:760px}.spotlight-copy{padding:90px 7vw}.color-grid{grid-template-columns:1fr 1fr}.color-card{grid-template-columns:minmax(0,1fr) 170px;padding:36px 26px 36px 38px}.consult{padding-top:130px;padding-bottom:130px}}
@media(max-width:430px){.color-card{grid-template-columns:minmax(0,1fr) 108px;gap:14px;padding-right:16px}.color-card h3{font-size:1.65rem}.color-card p{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}