/* GLEAM SHOWCASE - warm editorial luxury inspired by the approved one-page presentation. */
:root { --ink:#322e29; --navy:#322e29; --blue:#705d43; --coral:#a77b3e; --green:#596154; --signal:#b89256; --paper:#ebe6e0; --white:#fbfaf8; --muted:#69625b; --line:#d8d0c6; --shadow:0 24px 54px rgba(50,46,41,.13); }
html { background:#322e29; }
body, main { color:#2a2622; background:#fbfaf8; }
h1, h2, h3 { color:#2a2622; }
p { color:#69625b; }
.section { padding-block:118px; }
.eyebrow { color:#8d6937; }
.eyebrow::before { background:#b89256; }
.topbar { display:none; }
body > header { position:fixed; right:0; left:0; }
.site-nav { min-height:86px; background:rgba(31,29,26,.72); border:0; box-shadow:none; backdrop-filter:blur(16px); }
.site-nav__inner { min-height:86px; }
.brand, .site-nav .nav-link { color:#f7f2eb; }
.site-nav .nav-link { transition:color .28s ease,background-color .28s ease,border-color .28s ease,transform .28s ease; }
.brand__logo { width:104px; height:58px; background:rgba(255,255,255,.08); }
.brand small { color:#d9bc89; }
.site-nav .nav-link:hover, .site-nav .nav-link.active { color:#e5c48e; }
.site-nav .nav-link:not(.nav-link--cta)::after { background:#d1ab6c; }
.site-nav .nav-link--cta { color:#322e29; background:#e7d7bf; border-color:#e7d7bf; }
.site-nav .nav-link--cta:hover { color:#fff; background:#a77b3e; border-color:#a77b3e; }
.theme-picker { --picker-bg:#fbfaf8; --picker-text:#322e29; --picker-border:#bcae9d; --picker-accent:#a77b3e; }
.theme-picker__trigger { color:#f7f2eb; background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.3); transition:color .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease; }
.theme-picker__trigger:hover,.theme-picker__trigger[aria-expanded="true"] { color:#fff; background:rgba(255,255,255,.15); border-color:#d6bd92; }
.theme-picker__menu button { border-left:3px solid transparent; transition:color .28s ease,background-color .28s ease,border-color .28s ease; }
.theme-picker__menu button:hover { color:#705d43; }
.theme-picker__menu button[aria-checked="true"] { color:#322e29; background:#eee4d5; border-left-color:#a77b3e; }
.hero { height:100vh; min-height:680px; }
.hero__image { filter:saturate(.72) contrast(1.07); animation-duration:1.5s; }
.hero__veil { background:linear-gradient(90deg,rgba(30,27,24,.9) 0%,rgba(40,35,30,.64) 48%,rgba(50,46,41,.12) 82%); }
.hero__content { padding-top:clamp(170px,24vh,230px); }
.hero h1 { max-width:780px; color:#fbf7f1; font-size:clamp(4rem,6vw,6rem); line-height:1; }
.hero__lead { color:#e7dfd5; }
.hero .eyebrow { color:#dec596; }
.button { transition:color .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease; }
.button--accent { color:#322e29; background:#d6bd92; }
.button--accent:hover { color:#fff; background:#98703a; }
.button--dark { color:#fff; background:#322e29; }
.button--dark:hover { color:#fff; background:#8d6937; }
.button--outline { color:#fff; background:transparent; border-color:rgba(255,255,255,.65); }
.button--outline:hover { color:#322e29; background:#fbfaf8; border-color:#fbfaf8; }
.button:active,.site-nav .nav-link--cta:active { box-shadow:none; transform:translateY(1px) scale(.985); transition-duration:.08s; }
.button:focus-visible,.site-nav .nav-link:focus-visible,.theme-picker__trigger:focus-visible,.theme-picker__menu button:focus-visible { outline:3px solid #d1ab6c !important; outline-offset:3px; }
.text-link { transition:color .28s ease,border-color .28s ease; }
.text-link:hover { color:#8d6937; border-color:#8d6937; }
.text-link span { transition:transform .28s ease; }
.intro, .selected-work, .home-faq { background:#fbfaf8; }
.home-benefits, .home-gallery { background:#ebe6e0; }
.home-benefit-grid article { border:0; border-radius:14px; box-shadow:0 8px 28px rgba(50,46,41,.07); }
.home-benefit-grid article:hover { box-shadow:0 24px 54px rgba(50,46,41,.15); }
.product-card { overflow:hidden; background:#fbfaf8; border:0; border-radius:14px; box-shadow:0 8px 28px rgba(50,46,41,.08); transition:transform .5s,box-shadow .5s; }
.product-card:hover { box-shadow:0 24px 54px rgba(50,46,41,.16); transform:translateY(-7px); }
.home-applications, .home-certificate { background:#322e29; }
.home-application-grid { gap:18px; background:transparent; }
.home-application-grid article, .home-gallery-grid figure, .home-certificate__grid > a { border-radius:14px; }
.faq-list details { border-color:#d8d0c6; }
.faq-list summary::after { color:#8d6937; }
.home-contact { background-image:linear-gradient(rgba(50,46,41,.72),rgba(50,46,41,.82)),url("../images/hpl-collection/project-modern-residence.jpg"); }
.home-contact .eyebrow { color:#dec596; }
.contact-ribbon { background:#8f6a3a; }
.site-footer { background:#322e29; border-color:#b89256; }
.site-footer .brand--footer small { color:#d9bc89; }
.cart-launcher, .enquiry-cart__header { color:#fff; background:#322e29; border-color:#b89256; }
.cart-launcher > b { color:#322e29; background:#e7d7bf; }
:focus-visible { outline-color:#d1ab6c !important; }
@media (max-width:991px) { body > header { position:sticky; } .site-nav,.site-nav .navbar-collapse { background:#322e29; } .navbar-toggler { background:#fbfaf8; border-color:#d6bd92; } .theme-picker__trigger { width:100%; justify-content:flex-start; } }