/* Customer proof takes the place of the large homepage product promotions. */
.home-customer-story{grid-column:3;grid-row:1;align-self:center;margin:48px 0 48px 16px;padding:38px 42px;background:#e8ece6;border-radius:18px;min-width:0}
.testimonial-logo{width:105px;height:auto;margin:0 0 28px;mix-blend-mode:multiply}
.home-customer-story blockquote{margin:0}
.home-customer-story blockquote p{font-size:clamp(27px,2.7vw,40px);line-height:1.2;letter-spacing:-.035em;font-weight:500;color:var(--ink);text-wrap:pretty}
.home-customer-story figcaption{margin-top:28px;display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.5;color:var(--muted)}
.home-customer-story figcaption strong{font-weight:550;color:var(--ink)}
.home-customer-band{grid-column:1/-1;grid-row:2;background:#f0f1eb;border-top:1px solid #dce2d9;border-bottom:1px solid #dce2d9;min-width:0;padding:19px 0 17px;overflow:hidden}
.home-opening>.business-picker{grid-row:3}
.customer-band-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.customer-band-top>h2{font-size:22px;font-weight:550;line-height:1.25;letter-spacing:-.025em;color:var(--ink)}
.customer-motion-toggle{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #c5ceca;border-radius:50%;background:transparent;color:var(--ink)}
.customer-motion-toggle:hover{background:#e3e8df}
.customer-motion-toggle .motion-play,.customer-motion-toggle[aria-pressed=true] .motion-pause{display:none}
.customer-motion-toggle[aria-pressed=true] .motion-play{display:block}
.customer-logo-window{overflow:hidden;container-type:inline-size;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);margin:7px 0 0}
.customer-logo-track{display:flex;width:max-content}
.customer-logo-set{list-style:none;padding:0 22px;margin:0;display:flex;align-items:center;gap:20px;flex-shrink:0;width:max-content}
.customer-logo-set[aria-hidden=true]{display:none}
.customer-logo{width:170px;height:90px;display:flex;align-items:center;justify-content:center;padding:12px 20px;flex-shrink:0}
.customer-logo img{width:100%;height:auto;max-width:150px;max-height:44px;object-fit:contain;filter:brightness(0);opacity:.69}
.customer-logo-bring img{max-height:60px;max-width:132px}
.customer-logo-ecus img{max-width:128px}
.customer-logo-royal-design img{max-width:185px}
.customer-logo-imi img{max-height:56px}
.customer-logo-bilglassgruppen,.customer-logo-myhre{width:250px}
.customer-logo-bilglassgruppen img,.customer-logo-myhre img{max-width:210px}
.customer-logo-kingsrod{width:220px}
.customer-logo-kingsrod img{max-width:180px}
.customer-logo-nordisk-tullservice img{width:62px;height:62px;max-height:62px;object-fit:cover;border-radius:50%;filter:grayscale(1);opacity:.85}
/* Keep the banner's relaxed pace as more customer logos are added. */
.customer-logo-window[data-motion=running] .customer-logo-track{animation:customer-drift calc(52s + (var(--customer-count,5) - 5)*4.4s) linear infinite}
.customer-logo-window[data-motion=running] .customer-logo-set[aria-hidden=true]{display:flex}
.customer-logo-window[data-paused=true] .customer-logo-track,.customer-logo-window:hover .customer-logo-track,.customer-logo-window:focus-within .customer-logo-track{animation-play-state:paused}
.customer-logo-window[data-paused=true]{overflow-x:auto;mask-image:none;scrollbar-width:thin}
@keyframes customer-drift{to{transform:translateX(-50%)}}
@media(max-width:1100px){.home-customer-story{padding:30px}}
@media(max-width:850px){.home-customer-story{max-width:590px;margin:38px auto 0;padding:32px}.home-customer-story blockquote p{font-size:32px}.customer-band-top>h2{font-size:20px}}
@media(max-width:620px){.home-customer-story{margin:28px var(--gutter) 0;padding:28px}.home-customer-story blockquote p{font-size:29px}.home-customer-story figcaption{margin-top:23px}.testimonial-logo{width:92px;margin-bottom:23px}.home-customer-band{padding:12px 0 13px}.customer-logo-set{gap:14px;padding:0 15px}.customer-logo{width:145px;height:76px;padding:12px 18px}.customer-logo img{max-height:34px}.customer-logo-bring img{max-height:48px}.customer-logo-window{margin-top:4px}}
@media(max-width:620px){.customer-logo-bilglassgruppen,.customer-logo-myhre{width:220px}.customer-logo-kingsrod{width:200px}.customer-logo-nordisk-tullservice img{width:48px;height:48px;max-height:48px}}
/* No motion without enhancement; every logo is available with reduced motion or JS off. */
.customer-logo-window:not([data-motion=running]){mask-image:none}
.customer-logo-window:not([data-motion=running]) .customer-logo-set{width:100%;flex-wrap:wrap;justify-content:center;padding:8px 0}
.customer-logo-window:not([data-motion=running]) .customer-logo-track{width:100%}
.customer-logo-window:not([data-motion=running]) .customer-logo{min-width:145px;flex:1 0 20%;max-width:240px}
@media(prefers-reduced-motion:reduce){.customer-logo-track{animation:none!important}}

.customer-motion-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.customer-logo-window:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
/* Keep every customer reachable without turning the mobile banner into a wall of logos. */
@media(max-width:620px){
  .customer-logo-window:not([data-motion=running]){overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
  .customer-logo-window:not([data-motion=running]) .customer-logo-track{width:max-content}
  .customer-logo-window:not([data-motion=running]) .customer-logo-set{width:max-content;flex-wrap:nowrap;justify-content:flex-start;padding:0 15px}
  .customer-logo-window:not([data-motion=running]) .customer-logo{flex:0 0 auto;scroll-snap-align:center}
}