/* Generated decorative hero scenery. Original products and project evidence stay separate. */
@media (min-width:1001px) {
  .hero-art { --hero-ink:#183351; --hero-copy:#455e72; --hero-accent:#2b6591; --hero-paper:#fffdf7; }
  /* A quiet sky-blue wash sits in the background, below text and controls. */
  .hero-art { --hero-blue-wash:linear-gradient(115deg,rgb(135 194 237 / 18%) 0%,rgb(178 218 247 / 12%) 55%,rgb(129 189 236 / 10%) 100%); }

  /* A bright solar neighbourhood frames the working search and categories. */
  .hero-art.home-polished .hero { background:#eaf1f5; color:var(--hero-ink); }
  .hero-art.home-polished .hero-backdrop img { object-position:center 90%; transform:none; }
  .hero-art.home-polished .hero-backdrop::before { content:none; }
  .hero-art.home-polished .hero-backdrop::after { background:var(--hero-blue-wash),radial-gradient(ellipse 190px 245px at 8% 48%,#fffdf7e8 0%,#fffdf7a6 52%,#fffdf700 100%),radial-gradient(ellipse at 50% 24%,#ffffffb8 0%,#fffffc80 31%,#fffcf024 63%,transparent 82%),linear-gradient(90deg,#f9fbf8a6,transparent 25%,transparent 80%,#f9fbf829); }
  .hero-art.home-polished .hero-eyebrow { background:#fffdf2e8; border-color:#d2e0e8; color:#466477; box-shadow:0 3px 15px #456c8710; }
  .hero-art.home-polished .hero-eyebrow .icon { color:#367893; }
  .hero-art.home-polished .hero h1 { color:#163451; text-shadow:0 2px 20px #ffffff70; }
  .hero-art.home-polished .hero h1 span { color:#2a6e9d; }
  .hero-art.home-polished .hero .hero-description { color:#38566e; }
  .hero-art.home-polished .hero-description strong { color:#183c5c; }
  .hero-art.home-polished .hero-search { background:#fffffbf5; border-color:#fff; box-shadow:0 10px 30px #29486620; }
  .hero-art.home-polished .hero-search #hero-query { color:#294b65; }
  .hero-art.home-polished .hero-search input::placeholder { color:#627383; }
  .hero-art.home-polished .hero-search-field > .icon { color:#466c88; }
  .hero-art.home-polished .hero-search .button { color:#fffdf3; background:#264d7b; }
  .hero-art.home-polished .hero-search .button:hover { background:#193c68; }
  .hero-art.home-polished .hero-search:focus-within { border-color:#6689b5; box-shadow:0 0 0 4px #729ad233; }
  .hero-art.home-polished .popular-searches { color:#294b64; }
  .hero-art.home-polished .popular-searches a { color:#345572; background:#f5f8fde8; border-color:#d5e0eb; }
  .hero-art.home-polished .popular-searches a:hover { color:#193e64; background:#deebfa; border-color:#9eb9d5; }
  .hero-art.home-polished .hero-benefits .benefits-intro { color:#3e5c70; border-color:#b18b48; }
  .hero-art.home-polished .hero-benefits li { color:#2a4b65; }
  .hero-art.home-polished .benefit-icon { background:#fffdf1e8; box-shadow:0 3px 16px #52708712; }
  .hero-art.home-polished .benefit-icon .icon { color:#3b6d85; }
  .hero-art.home-polished .hero-note { color:#315f85; }
  .hero-art.home-polished .hero-note span { border-color:#c09c5a; }
  .hero-art.home-polished .hero-category { box-shadow:0 8px 24px #2946651a; }

  /* Shared light, photographic introductions for company and enquiry pages. */
  .hero-art.interior-polished:is(.solutions-page,.about-page,.contact-page) .page-intro {
    background-color:#f5f7f4;
    background-size:cover;
    background-position:center 66%;
    border:1px solid #d8e2e8;
    color:var(--hero-ink);
    box-shadow:0 12px 30px #25476508;
  }
  .hero-art.interior-polished:is(.solutions-page,.about-page,.contact-page) .page-intro::before,
  .hero-art.interior-polished:is(.solutions-page,.about-page,.contact-page) .page-intro::after { content:none; }
  .hero-art.interior-polished .company-hero .breadcrumbs,
  .hero-art.interior-polished .company-hero .breadcrumbs a,
  .hero-art.contact-page .contact-hero .breadcrumbs,
  .hero-art.contact-page .contact-hero .breadcrumbs a { color:#496379; }
  .hero-art.interior-polished .company-hero .company-eyebrow,
  .hero-art.contact-page .contact-hero .section-label { color:#46667d; }
  .hero-art.interior-polished .company-hero h1,
  .hero-art.contact-page .contact-hero h1 { color:#183a59; text-shadow:0 1px 12px #fff7; }
  .hero-art.interior-polished .company-hero h1 > span { color:#2c7198; }
  .hero-art.interior-polished .company-hero .company-hero-copy > p,
  .hero-art.contact-page .contact-hero .page-intro-grid > div > p { color:#435f73; }
  .hero-art.interior-polished .company-hero-actions > .button,
  .hero-art.contact-page .contact-hero .hero-actions .button { background:#254e79; border-color:#254e79; color:#fffdf4; }
  .hero-art.interior-polished .company-hero-actions > .button:hover,
  .hero-art.contact-page .contact-hero .hero-actions .button:hover { background:#193d66; border-color:#193d66; }
  .hero-art.interior-polished .company-hero-actions > .text-link,
  .hero-art.contact-page .contact-hero .hero-actions .text-link { color:#294d6d; }
  .hero-art.interior-polished .company-hero-actions > .text-link:hover,
  .hero-art.contact-page .contact-hero .hero-actions .text-link:hover { color:#1b3b5e; }

  .hero-art.solutions-page.interior-polished .company-hero {
    min-height:590px;
    background-image:var(--hero-blue-wash),linear-gradient(90deg,#fffdf8f5 0%,#fffdf9e8 30%,#f8fbfbaa 48%,#ffffff1a 72%,transparent),url('/assets/hero-visuals/solutions-generated.png');
  }
  .hero-art.about-page.interior-polished .company-hero {
    min-height:555px;
    background-image:var(--hero-blue-wash),linear-gradient(90deg,#fffdf7f5 0%,#fffdf8e8 30%,#fffefba1 48%,#ffffff10 73%,transparent),url('/assets/hero-visuals/about-generated.png');
  }
  .hero-art.interior-polished:is(.solutions-page,.about-page) .company-hero .page-intro-grid.with-photo { display:block; position:static; }
  .hero-art.interior-polished .company-hero .company-hero-copy { width:54%; max-width:615px; padding:16px 0 18px; }
  .hero-art.interior-polished .company-hero .page-intro-grid h1 { font-size:54px; max-width:605px; }
  .hero-art.interior-polished .company-hero .company-hero-copy > p { max-width:555px; font-size:15px; line-height:1.85; }
  .hero-art.interior-polished .company-hero .company-hero-visual { position:absolute; display:block; min-height:0; width:320px; right:35px; bottom:30px; padding:0; margin:0; }
  .hero-art.interior-polished .company-hero .company-hero-visual img { display:none; }
  .hero-art.interior-polished .company-hero .company-hero-visual figcaption { position:static; margin:0; padding:17px 20px; border:1px solid #fff; border-radius:18px; background:#fffdf2ec; color:#34546b; box-shadow:0 7px 24px #28455912; }
  .hero-art.about-page.interior-polished .company-hero .company-hero-visual figcaption { background:#e9f1fbef; border-color:#f9fcff; color:#34546b; }

  .hero-art.contact-page .contact-hero {
    min-height:490px;
    background-position:center 66%;
    background-image:var(--hero-blue-wash),linear-gradient(90deg,#fcfdfcf2 0%,#fafcfbdb 34%,#f7fafa88 50%,transparent 73%),url('/assets/hero-visuals/contact-generated.png');
  }
  .hero-art.contact-page .contact-hero .page-intro-grid { display:block; }
  .hero-art.contact-page .contact-hero .page-intro-grid > div { width:57%; max-width:650px; padding:24px 0 45px; }
  .hero-art.contact-page .contact-hero h1 { font-size:56px; max-width:570px; }
  .hero-art.contact-page .contact-hero .contact-hero-visual { position:absolute; right:34px; bottom:30px; margin:0; padding:0; border-radius:18px; transform:none; background:#fffdf3ee; }
  .hero-art.contact-page .contact-hero-visual img { display:none; }
  .hero-art.contact-page .contact-hero-visual figcaption { padding:17px 22px; font-size:13px; color:#385a73; }

  /* The generated showroom is only a backdrop; featured equipment is original. */
  .hero-art.commerce-catalogue .commerce-intro {
    min-height:470px;
    background:var(--hero-blue-wash),linear-gradient(90deg,#fffdf6eb 0%,#fffdf5d9 33%,#fffdf3b3 53%,#fffffb50 100%),url('/assets/hero-visuals/products-generated.png') center 56% / cover no-repeat;
    border:1px solid #e0ded0;
    box-shadow:0 10px 28px #594a2908;
  }
  .hero-art.commerce-catalogue .commerce-intro::before,
  .hero-art.commerce-catalogue .commerce-intro::after { content:none; }
  .hero-art.commerce-catalogue .commerce-intro .breadcrumbs,
  .hero-art.commerce-catalogue .commerce-intro .breadcrumbs a { color:#556778; }
  .hero-art.commerce-catalogue .commerce-intro .commerce-eyebrow { color:#696244; }
  .hero-art.commerce-catalogue .commerce-intro h1 { color:#203d5a; }
  .hero-art.commerce-catalogue .commerce-intro h1 em { color:#2b6c95; }
  .hero-art.commerce-catalogue .commerce-intro-grid > .commerce-intro-copy > p { color:#435e72; }
  .hero-art.commerce-catalogue .commerce-browse { color:#2d5275; border-color:#859baf; }
  .hero-art.commerce-catalogue .commerce-browse:hover { color:#183c63; }
  .hero-art.commerce-catalogue .commerce-spotlight { background:#fffff8f2; border:1px solid #fff; box-shadow:0 8px 26px #223c5612; }
  .hero-art.commerce-catalogue .spotlight-battery { background:#e9f1faf2; }
  .hero-art.commerce-catalogue .commerce-intro-grid { padding-block:8px 18px; }

  /* Equipment detail gets a bright setting without altering the original photo. */
  .hero-art.commerce-product .product-layout { padding:22px; border:1px solid #dce5ec; border-radius:28px; background:var(--hero-blue-wash),linear-gradient(105deg,#f8fbfced,#fffaf1f2 72%),url('/assets/hero-visuals/products-generated.png') center / cover; gap:30px; }
  .hero-art.commerce-product .product-gallery { background:#e6eff5c9; border-color:#d6e2ec; padding:12px; }
  .hero-art.commerce-product .product-stage { background:#fffdf9; padding:24px; }
  .hero-art.commerce-product .detail-price-row { background:#e2edf8; border:1px solid #cfdeed; color:#234b70; }
  .hero-art.commerce-product .product-summary .detail-price { color:#234b70; }
  .hero-art.commerce-product .detail-price-row del { color:#5a7083; }
  .hero-art.commerce-product .product-summary h1 { color:#23435e; }

  /* Projects follows the About page's daylight composition with its original hero photo. */
  .hero-art.projects-page #project-list-view .project-source-hero {
    min-height:555px;
    padding:27px 40px 38px;
    margin-bottom:42px;
    justify-content:flex-start;
    border:1px solid #d8e2e8;
    border-radius:32px;
    background-color:#f5f7f4;
    background-image:var(--hero-blue-wash),linear-gradient(90deg,#fffdf7fa 0%,#fffdf8f5 30%,#fffefbe8 45%,#fffefba8 59%,#fffefb24 78%,#fffefb0d),url('/assets/company/projects-original-hero.png');
    background-position:center 28%;
    box-shadow:0 12px 30px #25476508;
  }
  .hero-art.projects-page #project-list-view .project-source-hero .breadcrumbs,
  .hero-art.projects-page #project-list-view .project-source-hero .breadcrumbs a { color:#496379; font-size:11px; text-shadow:none; }
  .hero-art.projects-page #project-list-view .project-source-hero .breadcrumbs { margin-bottom:24px; }
  .hero-art.projects-page #project-list-view .project-source-hero .project-directory-hero {
    width:54%;
    max-width:615px;
    margin:0;
    padding:16px 0 18px;
    text-align:left;
  }
  .hero-art.projects-page #project-list-view .project-source-hero .section-label { display:block; margin:0 0 21px; font-size:11px; font-weight:600; letter-spacing:.15em; color:#46667d; text-shadow:none; }
  .hero-art.projects-page #project-list-view .project-source-hero h1 { margin:0 0 25px; font-size:54px; line-height:1.05; letter-spacing:-.045em; color:#183a59; text-shadow:0 1px 12px #fff7; }
  .hero-art.projects-page #project-list-view .project-source-hero h1 > span { display:block; color:#2c7198; }
  .hero-art.projects-page #project-list-view .project-source-hero .project-directory-hero > div > p { max-width:555px; margin:0; font-size:15px; line-height:1.85; color:#435f73; text-shadow:none; }
  .hero-art.projects-page .project-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:23px; margin-top:29px; }
  .hero-art.projects-page .project-hero-actions .button { padding:16px 22px; min-height:51px; gap:16px; font-size:13px; color:#fffdf4; background:#254e79; border-color:#254e79; }
  .hero-art.projects-page .project-hero-actions .button:hover { background:#193d66; border-color:#193d66; }
  .hero-art.projects-page .project-hero-actions .text-link { color:#294d6d; font-size:12px; gap:9px; }
  .hero-art.projects-page .project-hero-actions .text-link:hover { color:#1b3b5e; }

  /* Individual case studies use their own original site photo, never a generated project. */
  .hero-art.projects-page #project-detail-target .page-intro {
    min-height:320px;
    padding:32px 44px 40px;
    background:var(--hero-blue-wash),linear-gradient(90deg,#f9fcfff7 0%,#f9fcfff0 44%,#f9fcffc7 67%,#f9fcff26),var(--project-hero-photo,none) center 50% / cover;
    border-color:#d5e1ec;
  }
  .hero-art.projects-page #project-detail-target .page-intro::after { content:none; }
  .hero-art.projects-page #project-detail-target .page-intro h1 { max-width:790px; color:#22435f; }
  .hero-art.projects-page #project-detail-target .page-intro .section-label { color:#59728a; }
  .hero-art.projects-page #project-detail-target .page-intro .breadcrumbs,
  .hero-art.projects-page #project-detail-target .page-intro .breadcrumbs a,
  .hero-art.projects-page #project-detail-target .page-intro .project-summary-line { color:#456580; }
}

@media(min-width:1001px) and (max-width:1280px) {
  .hero-art.interior-polished .company-hero .page-intro-grid h1 { font-size:47px; }
  .hero-art.interior-polished .company-hero .company-hero-copy { width:55%; }
  .hero-art.solutions-page.interior-polished .company-hero { min-height:570px; }
  .hero-art.about-page.interior-polished .company-hero { min-height:530px; }
  .hero-art.interior-polished .company-hero .company-hero-visual { width:280px; right:28px; }
  .hero-art.contact-page .contact-hero h1 { font-size:49px; }
  .hero-art.contact-page .contact-hero { min-height:455px; }
  .hero-art.commerce-product .product-layout { padding:17px; gap:24px; }
  .hero-art.projects-page #project-list-view .project-source-hero { min-height:530px; padding:25px 32px 32px; }
  .hero-art.projects-page #project-list-view .project-source-hero .project-directory-hero { width:55%; }
  .hero-art.projects-page #project-list-view .project-source-hero h1 { font-size:47px; }
  .hero-art.projects-page .project-hero-actions { gap:18px; }
  .hero-art.projects-page .project-hero-actions .button { padding:15px 18px; font-size:12px; }
  .hero-art.projects-page .project-hero-actions .text-link { font-size:11px; }
  .hero-art.projects-page #project-detail-target .page-intro h1 { max-width:740px; }
}