/* Prestige's graphite theme. Product photographs keep neutral display canvases. */
:root {
  color-scheme: dark;
  --paper: #0c1418;
  --ink: #edf5f2;
  --muted: #a3b6b1;
  --line: #2a3c3e;
  --green: #70dfb3;
  --blue: #83c9ee;
  --dark: #081113;
  --surface: #131f24;
  --surface-raised: #19282d;
  font-family: Arial, Helvetica, sans-serif;
}

body { background: var(--paper); color: var(--ink); }
::selection { background: #70dfb3; color: #08231a; }
.serif { font-family: inherit; font-style: normal; font-weight: 500; }
.eyebrow { color: var(--green); }
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible, summary:focus-visible {
  outline-color: #83c9ee;
}

.site-header {
  background: #0d171bed;
  border-bottom-color: #334342;
  backdrop-filter: blur(18px);
}
.site-header.scrolled { box-shadow: 0 8px 30px #00000040; }
.brand {
  background: #f4f7f3;
  padding: 8px 10px;
  border-radius: 8px;
}
.site-header nav a { color: #dbe8e3; }
.site-header nav a:hover { color: var(--green); }
.icon-action { background: #17252a; border-color: #3a504e; color: var(--ink); }
.icon-action:hover { background: #254039; color: var(--green); }
.button { border-radius: 8px; font-weight: 600; }
.button-dark, .button-light {
  background: var(--green);
  border-color: var(--green);
  color: #08231a;
}
.button-dark:hover, .button-light:hover {
  background: #99efc9;
  border-color: #99efc9;
  color: #08231a;
  box-shadow: 0 8px 25px #70dfb318;
}
.button-outline { color: var(--ink); border-color: #48645b; }
.button-outline:hover { background: #20382f; border-color: #70dfb3; }
.text-link:hover { color: var(--green); }

.hero { background: linear-gradient(120deg, #101c20, #0c1418 70%); }
.hero h1 { font-weight: 600; letter-spacing: -.065em; }
.hero h1 .serif { font-size: 1em; }
.hero-intro { color: #b1c5bf; }
.hero-object {
  background: radial-gradient(ellipse at 54% 43%, #284b46 0%, #162c2d 42%, #101c20 75%);
}

.object-coordinates, .object-annotation { color: #a4c0b7; }
.object-annotation i, .object-annotation i:after { background: #77b399; }
.product-stage:after { background: radial-gradient(ellipse, #00000088, transparent 70%); }
.product-stage img { transform: none; filter: drop-shadow(5px 16px 12px #00000065); }
.product-stage img.changing { transform: translateY(5px); }
.hero-product-caption a { border-color: #5b8071; color: var(--green); background: #162a28; }
.hero-selector button { color: #a6bbb2; }
.hero-selector button:hover { background: #25413a; }
.hero-selector button[aria-selected="true"] { background: #1c332c; color: var(--green); }
.chapter-strip { background: #131f23; color: #b5cac2; }
.chapter-strip strong { color: var(--ink); font-weight: 600; }
.chapter-strip a { color: var(--green); }

.product-filters button { border-color: #3a504c; color: #c0d4cb; }
.product-filters button[aria-pressed="true"], .product-filters button:hover {
  background: var(--green); color: #08231a; border-color: var(--green);
}
.product-search input, .global-search-field input { color: var(--ink); }
.product-search input::placeholder, .global-search-field input::placeholder { color: var(--muted); }
.product-card {
  background: #162329;
  border-color: #314744;
  border-radius: 12px;
}
.product-card:hover { border-color: #68b393; box-shadow: 0 14px 35px #00000035; }
.card-top { color: #afc6bd; }
.card-top span:last-child { color: #a5b9b0; }
.card-image { background: linear-gradient(145deg, #26333b, #152128 75%); }
.card-body { border-top-color: #344b45; }
.card-body .card-arrow { border-color: #588574; color: var(--green); background: #1d342e; }
.card-body p { color: #b1c3bc; }

.industry-showcase { background: #101b1f; }
.industry-introduction h2 .serif { color: var(--green); }
.industry-introduction > p { color: var(--muted); }
.industry-carousel { border: 1px solid #334a47; box-shadow: 0 18px 50px #00000025; }
.industry-slide-copy h3 em { font-family: inherit; font-style: normal; font-weight: 500; }
.industry-product { background: linear-gradient(145deg, #203039f2, #111e25f5); border-color: #52675f; backdrop-filter: none; }
.industry-product img, .industry-slide.is-active .industry-product img { transform: none; }
.industry-tabs { background: #102126; }
.industry-tab[aria-selected="true"] { background: #1c3830; border-top-color: var(--green); }
.industry-tab[aria-selected="true"] > span { color: var(--green); }
.industry-ticker { border-color: var(--line); background: #132225; color: #c0d7cc; }
.industry-ticker-icon { color: var(--green); }
.industry-ticker a:hover, .industry-ticker a:focus-visible,
.industry-ticker a:hover .industry-ticker-icon,
.industry-ticker a:focus-visible .industry-ticker-icon { color: #a8f3d2; }
.industry-footnote { color: var(--muted); }

.company-section { background: #101b20; }
.capability-grid { border-color: #38544a; border-radius: 12px; }
.capability-main { background: linear-gradient(145deg, #213b32, #15292b); }
.capability-main p { color: #b6ccc0; }
.capability-facts { border-color: #41644f; }
.capability-detail { background: #152328; }
.capability-detail p { color: var(--muted); }
.person-image {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 5;
  height: auto;
  background: var(--surface-raised);
  border: 1px solid var(--line);
  border-radius: 10px;
}
.person-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}
.people-grid article:hover img { transform: none; }
@media (max-width: 650px) {
  .people-grid { grid-template-columns: 1fr; max-width: 360px; width: 100%; margin-inline: auto; gap: 28px; }
  .people-grid h4 { font-size: 17px; margin-top: 15px; }
}
.company-journey > div { border-left-color: #588774; }
.quality-icon { background: #17372c; border-color: #447661; }

.catalogue-section {
  background: radial-gradient(ellipse at 80% 40%, #264237, transparent 55%), #15262a;
  border-top: 1px solid #38504a;
  border-bottom: 1px solid #38504a;
}
.catalogue-copy h2 .serif { color: var(--green); }
.catalogue-copy > p:not(.eyebrow), .catalogue-format { color: #b5cbbf; }
.catalogue-cover { background: #0b1c21; border-left-color: #5d8875; }
.catalogue-cover strong em { font-family: inherit; font-style: normal; }
.catalogue-open-label { color: #c0d8ca; }

.contact-section { background: #0e191d; }
.contact-copy h2 .serif { color: var(--green); }
.contact-icon { background: #14262b; border: 1px solid #345a59; }
.contact-icon.whatsapp { background: #173028; border-color: #38624e; }
.contact-icon:hover { background: #244a3c; }
.contact-icon:after { background: #e0eee5; color: #14372b; }
.quote-panel {
  background: linear-gradient(140deg, #1a2c30, #142126);
  border-color: #3b564e;
  border-radius: 14px;
  box-shadow: 0 20px 50px #00000030;
}
.quote-panel label { color: #d3e6dd; }
.quote-panel input:not([type="hidden"]), .quote-panel textarea, .quote-panel select {
  background: #0e1b20;
  border-color: #425c54;
  color: var(--ink);
  border-radius: 7px;
}
.quote-panel input::placeholder, .quote-panel textarea::placeholder { color: #a1b9ad; }
.quote-panel :is(input,textarea,select):focus { border-color: #80d6b2; }
.quote-panel input[type="file"]::file-selector-button {
  background: #294638; color: #e4f3eb; border: 1px solid #4b7862;
  border-radius: 5px; padding: 8px 10px; margin-right: 10px; cursor: pointer;
}
#enquiry-status { color: #b9e8cb; }

.site-footer { background: #070f12; border-top: 1px solid #2c403c; }
.footer-top { grid-template-columns: 1.2fr 1fr 1fr; }
.footer-top .mini-label { color: #91c2ac; }
.footer-top a:hover, .footer-top button:hover { color: var(--green); }
.footer-bottom { border-color: #30413d; color: #afc1b9; }
.back-to-top { background: #1b3032; border-color: #507c6d; color: var(--green); }

dialog { background: #131f24; color: var(--ink); border-color: #425c54; }
dialog::backdrop { background: #02070bc4; }
.search-result:hover, .search-result.active { background: #244136; }
.search-result img { background: #24323a; border-radius: 6px; padding: 5px; }
.certificate-dialog > img { background: #f8faf4; border-radius: 5px; }
.product-detail-photo { background: linear-gradient(145deg, #26333b, #152128 75%); border-color: #496159; }
.product-detail-photo span { color: #aac4b8; }
.product-inquiry-strip { background: #17332a; border-block: 1px solid #365d49; }
.product-inquiry-strip h2 { color: var(--ink); }
.product-inquiry-strip p { color: #bed5c8; }

@media (max-width: 900px) {
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-top > div:last-child { grid-column: 1 / -1; }
}
@media (max-width: 650px) {
  .site-header nav { background: #111e23; box-shadow: 0 12px 20px #00000030; }
  .hero-object { background: radial-gradient(ellipse at center, #284b46, #14282b 66%, #101c20); }
  .brand { padding: 6px 8px; }
  .industry-carousel { border-radius: 8px; }
}