/* Home-only atlas adaptation and optional per-visit entrance. Load last. */
.storefront-intro {
  --storefront-intro-ready: 1;
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100;
  overflow: hidden;
  isolation: isolate;
  pointer-events: none;
  contain: layout paint;
}
.storefront-intro__field { position: absolute; inset: 0; background: #0d3028; }
.storefront-intro__field::before,
.storefront-intro__field::after { content: ""; position: absolute; inset: 0; }
.storefront-intro__field::before { background: #f4f0e4; clip-path: polygon(62% 0, 100% 0, 100% 48%, 86% 58%); }
.storefront-intro__field::after { background: #e6bc74; clip-path: polygon(0 74%, 22% 64%, 66% 100%, 0 100%); }
.storefront-intro__shield {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: clamp(144px, 42vw, 188px);
  max-width: none;
  height: auto;
  object-fit: contain;
  transform: translate(-50%, -50%);
  transform-origin: center;
}
@media (max-width: 899px) and (pointer: coarse) and (prefers-reduced-motion: no-preference) {
  html.storefront-intro-active > .storefront-intro {
    display: block;
    animation: storefront-intro-expire 1ms 1950ms step-end forwards;
  }
}
@keyframes storefront-intro-expire { to { visibility: hidden; opacity: 0; } }

@media (max-width: 899px) {
  body.kinetic-site.page-home.atlas-home .home-service-atlas {
    --ink: #f4f0e4;
    --muted: #c5d2c4;
    padding: 0;
    background: #0d3028;
    color: #f4f0e4;
  }
  body.kinetic-site.page-home.atlas-home .home-atlas-intro { display: block; padding-block: 24px 18px; }
  body.kinetic-site.page-home.atlas-home .home-service-atlas .home-atlas-intro h1 { margin: 0; font-size: clamp(26px, 7.7vw, 34px); line-height: 1.12; }
  body.kinetic-site.page-home.atlas-home .home-atlas-intro p { max-width: 52ch; margin-block: 14px 4px; font-size: 16px; line-height: 1.6; }
  body.kinetic-site.page-home.atlas-home .home-atlas-intro .text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 16px; }
  body.kinetic-site.page-home.atlas-home .home-atlas-grid { display: block; margin: 0; padding: 0; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel {
    --atlas-panel-rgb: 23 62 51;
    justify-content: flex-start;
    min-height: 230px;
    padding: 22px max(var(--mobile-gutter), env(safe-area-inset-right)) 22px max(var(--mobile-gutter), env(safe-area-inset-left));
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel > img { inset: 0; width: 100%; height: 100%; object-fit: cover; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel--operations > img { object-position: center top; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel--websites > img { object-position: center top; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel::before {
    background: linear-gradient(90deg, rgb(var(--atlas-panel-rgb) / .98), rgb(var(--atlas-panel-rgb) / .94) 48%, rgb(var(--atlas-panel-rgb) / .86) 85%, rgb(var(--atlas-panel-rgb) / .12));
  }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel--automation { --atlas-panel-rgb: 232 231 216; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel--software { --atlas-panel-rgb: 13 33 28; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel--websites { --atlas-panel-rgb: 230 188 116; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel .home-atlas-copy { width: min(88%, 430px); max-width: none; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel h2 { margin-bottom: 10px; font-size: clamp(30px, 7.7vw, 36px); line-height: 1.08; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel p { max-width: 32ch; margin-bottom: 8px; font-size: 16px; line-height: 1.5; }
  body.kinetic-site.page-home.atlas-home .home-atlas-action { max-width: 100%; min-height: 44px; gap: 12px; font-size: 16px; line-height: 1.5; }
  body.kinetic-site.page-home.atlas-home .home-atlas-action svg { flex-shrink: 0; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel:focus-visible { outline: 3px solid #e6bc74; outline-offset: -5px; }
  body.kinetic-site.page-home.atlas-home .home-atlas-panel:is(.home-atlas-panel--automation, .home-atlas-panel--websites):focus-visible { outline-color: #173e33; }
}