/* Task023: presentation only. Deliberately excludes standalone configurator,
   dialog controls, navigation, footer and other button colors. */
/* Alex25Oct: cohesive industrial palette; white content, white hover with dark ink. */
body[data-demo-refresh-visual] .hero-mosaic>.icon-tile:nth-child(1){--demo-tile:#294e6b}
body[data-demo-refresh-visual] .hero-mosaic>.icon-tile:nth-child(2){--demo-tile:#78553f}
body[data-demo-refresh-visual] .hero-mosaic>.icon-tile:nth-child(3){--demo-tile:#3e6358}
body[data-demo-refresh-visual] .hero-mosaic>.icon-tile:nth-child(4){--demo-tile:#465873}
body[data-demo-refresh-visual] .hero-mosaic>.icon-tile:nth-child(5){--demo-tile:#32666b}
body[data-demo-refresh-visual] .hero-mosaic>.icon-tile:nth-child(6){--demo-tile:#625069}
body[data-demo-refresh-visual] .hero-mosaic>.icon-tile{background-color:var(--demo-tile);border-color:var(--demo-tile);color:#fff}
body[data-demo-refresh-visual] .hero-mosaic>.icon-tile:is(:hover,:focus-visible,:active){background-color:#fff;color:#142b40}
body[data-demo-refresh-visual] .hero-mosaic>.icon-tile:focus-visible{outline-color:#142b40}
/* The demo removes the visible company eyebrow. Reserve its original line box
   and responsive margin (site.css/homepage-fit.css) so the live15 video keeps
   exactly the same containing-block height, crop and position. */
body.home[data-demo-refresh-visual] .hero>.hero-copy:has(>[data-homepage-hero-video]):not(:has(>.eyebrow))::before{
 content:'EDMAROM PROD 2007';display:block;visibility:hidden;pointer-events:none;
 font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.19em;margin:0 0 22px;
}
@media(max-width:650px){body.home[data-demo-refresh-visual] .hero>.hero-copy:has(>[data-homepage-hero-video]):not(:has(>.eyebrow))::before{margin-bottom:20px}}
@media(min-width:921px){body.home[data-demo-refresh-visual] .hero>.hero-copy:has(>[data-homepage-hero-video]):not(:has(>.eyebrow))::before{margin-bottom:14px}}
@media(min-width:921px) and (max-height:700px){body.home[data-demo-refresh-visual] .hero>.hero-copy:has(>[data-homepage-hero-video]):not(:has(>.eyebrow))::before{margin-bottom:10px}}
/* Viewport fitting is for non-video heroes only. Video heroes inherit the
   pinned responsive layout so their containing columns and video stay aligned.
   Short/zoomed windows retain the original natural-flow accessibility fallback. */
@media(min-width:921px){
 body.home[data-demo-refresh-visual] .hero:not(:has(>.hero-copy>[data-homepage-hero-video])){
  --demo-header-height:159px;--demo-launch-height:96px;
  --demo-hero-pad:16px;
  min-height:calc(100dvh - var(--demo-header-height));
 }
 body.home[data-demo-refresh-visual] .hero:not(:has(>.hero-copy>[data-homepage-hero-video])) .home-mosaic-stack{align-self:end}
}
@media(min-width:921px) and (min-height:600px){
 body.home[data-demo-refresh-visual] .hero:not(:has(>.hero-copy>[data-homepage-hero-video])){width:94%;max-width:none;padding-block:var(--demo-hero-pad);align-items:center}
 body.home[data-demo-refresh-visual] .hero:not(:has(>.hero-copy>[data-homepage-hero-video])) .home-mosaic-stack{
  width:min(100%,max(420px,calc((100dvh - var(--demo-header-height) - var(--demo-launch-height) - 12px - 2 * var(--demo-hero-pad) - 10px) * 1.5 + 20px)));
  align-self:end;gap:12px;
 }
 body.home[data-demo-refresh-visual] .hero:not(:has(>.hero-copy>[data-homepage-hero-video])) .hero-mosaic{flex-shrink:0}
}
body[data-demo-refresh-visual] .project-filter-bar{flex-wrap:wrap}
body[data-demo-refresh-visual] .project-filter-bar>.project-view-all{margin-left:auto;max-width:100%;white-space:normal;text-align:left}
@media(max-width:650px){body[data-demo-refresh-visual] .project-filter-bar>.project-view-all{margin-top:12px}}
body[data-demo-refresh-visual]{--demo-paper-grid:rgba(32,64,112,.035)}
body[data-demo-refresh-visual] :is(.hero,.page-heading,.about-section,.quote-cta,.client-strip,.buyer-enquiry,.launch-enquiry,.mosaic-intro,.mosaic-section,.sidebar-contact,.media-consent-placeholder,.angajari>p){
  background-color:#fff;
  background-image:linear-gradient(var(--demo-paper-grid) 1px,transparent 1px),linear-gradient(90deg,var(--demo-paper-grid) 1px,transparent 1px);
  background-size:24px 24px;
}
body[data-demo-refresh-visual] :is(.project-visual,.project-card--text,.launch-product-hero,.mosaic-photo,.produse img,.curated-gallery-grid img,.sp-slide a,.certificate-image,.home-certificate-document,.catalogue-card-media){
  background-color:#fff;
  background-image:linear-gradient(var(--demo-paper-grid) 1px,transparent 1px),linear-gradient(90deg,var(--demo-paper-grid) 1px,transparent 1px);
  background-size:24px 24px;
}
/* All path coordinates/fills remain the approved originals. Non-scaling strokes
   keep the line hierarchy readable at different DPR/viewport sizes. No filters,
   rasterization, geometric scaling or crispEdges (which aliases CAD diagonals). */
body[data-demo-refresh-visual] .hero-mosaic .edmarom-mosaic-icon{object-fit:contain;flex-shrink:0;shape-rendering:geometricPrecision}
body[data-demo-refresh-visual] .hero-mosaic .edmarom-mosaic-icon [stroke-width="0.18"]{stroke-width:.36px}
body[data-demo-refresh-visual] .hero-mosaic .edmarom-mosaic-icon [stroke-width="0.3"]{stroke-width:.6px}
body[data-demo-refresh-visual] .hero-mosaic .edmarom-mosaic-icon [stroke-width="0.5"]{stroke-width:1px}
body[data-demo-refresh-visual] .client-strip-header{flex-wrap:wrap;gap:24px}
body[data-demo-refresh-visual] .client-strip-header h2{margin-bottom:0}
.edmarom-production-counter{display:flex;align-items:center;gap:22px;margin-left:auto;padding-left:28px;border-left:1px solid #20407030;color:#204070;max-width:100%;box-sizing:border-box}
.edmarom-production-counter-number{font:500 clamp(42px,4vw,62px)/1 Oswald,'Arial Narrow',sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;min-width:150px;white-space:nowrap}
.edmarom-production-counter-plus{font-size:.65em;vertical-align:top;margin-left:3px;color:#6c8199}
.edmarom-production-counter-copy{max-width:320px;min-width:0}
.edmarom-production-counter-label{font-weight:650;font-size:14px;margin:0 0 5px;line-height:1.4;overflow-wrap:anywhere}
.edmarom-production-counter-message{font-size:13px;line-height:1.5;color:#586c80;margin:0}
.demo-refresh-information{margin-block:1.5rem;padding-block:1rem;border-top:1px solid #20407020;line-height:1.6}
.demo-refresh-information ul{display:flex;flex-wrap:wrap;gap:.65rem 1.5rem;list-style:none;padding:0}
.demo-refresh-information a{color:#204070;text-underline-offset:.2em;overflow-wrap:anywhere}
.demo-refresh-information a:focus-visible{outline:2px solid #204070;outline-offset:4px}
.demo-refresh-information section{margin-block:1rem}
@media(max-width:1000px){.edmarom-production-counter{order:3;flex-basis:100%;margin-left:0;padding:20px 0 0;border-left:0;border-top:1px solid #20407020}}
@media(max-width:480px){.edmarom-production-counter{gap:15px;align-items:flex-start}.edmarom-production-counter-number{min-width:115px;font-size:44px}.edmarom-production-counter-label{font-size:12px}.edmarom-production-counter-message{font-size:11px}}