/* A connected service-led opening. Public homepage only. */
body.kinetic-site.page-home.atlas-home .home-service-atlas { padding: 0; background: #0d3028; color: #f4f0e4; }
body.atlas-home .home-service-atlas::before { display: none; }
body.atlas-home .home-atlas-intro { display: grid; grid-template-columns: 1.2fr 1fr; gap: 70px; align-items: center; padding-block: 34px 38px; }
body.atlas-home .home-service-atlas .home-atlas-intro h1 { grid-column: auto; max-width: none; margin: 0; color: #f4f0e4; font: 700 clamp(30px, 3.4vw, 48px)/1.05 Archivo, Arial, sans-serif; letter-spacing: -.03em; }
body.atlas-home .home-atlas-intro h1 > span { display: block; color: #e6bc74; }
body.atlas-home .home-atlas-intro p { max-width: 47ch; margin: 0 0 10px; color: #c5d2c4; font-size: 16px; line-height: 1.6; }
body.atlas-home .home-atlas-intro .text-link { min-height: 44px; color: #f4f0e4; border-color: #e6bc74; font-size: 14px; }
body.atlas-home .home-atlas-grid { display: block; }
body.atlas-home .home-atlas-panel { position: relative; isolation: isolate; display: flex; align-items: center; min-height: 280px; padding: 32px max(56px, calc((100vw - 1328px) / 2)); overflow: hidden; background: #173e33; color: #f4f0e4; text-decoration: none; border-top: 1px solid #527265; }
body.atlas-home .home-atlas-panel > img { position: absolute; inset: 0 0 0 auto; width: 72%; height: 100%; max-width: none; object-fit: cover; object-position: center 33%; z-index: -2; }
body.atlas-home .home-atlas-panel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #173e33 0%, #173e33 20%, rgb(23 62 51 / .96) 32%, rgb(23 62 51 / .3) 58%, rgb(23 62 51 / 0) 78%); }
body.atlas-home .home-atlas-copy { min-width: 0; max-width: 620px; }
body.atlas-home .home-atlas-panel h2 { margin: 0 0 13px; color: inherit; font: 650 clamp(40px, 4.1vw, 62px)/1 Archivo, Arial, sans-serif; letter-spacing: -.035em; }
body.atlas-home .home-atlas-panel p { margin: 0 0 14px; max-width: 42ch; color: #f4f0e4; font-size: 16px; line-height: 1.5; }
body.atlas-home .home-atlas-action { display: inline-flex; align-items: center; gap: 24px; padding-block: 8px; min-height: 44px; color: #e6bc74; font-size: 14px; font-weight: 600; }
body.atlas-home .home-atlas-action svg { width: 20px; height: 20px; flex-shrink: 0; }
body.atlas-home .home-atlas-panel--automation { justify-content: flex-end; min-height: 240px; background: #e8e7d8; color: #173e33; }
body.atlas-home .home-atlas-panel--automation > img { left: 0; right: auto; width: 68%; object-position: center 42%; }
body.atlas-home .home-atlas-panel--automation::before { background: linear-gradient(270deg, #e8e7d8 0%, #e8e7d8 24%, rgb(232 231 216 / .96) 37%, rgb(232 231 216 / .1) 68%, rgb(232 231 216 / 0)); }
body.atlas-home .home-atlas-panel--automation .home-atlas-copy { width: 43%; }
body.atlas-home .home-atlas-panel--automation :is(p, .home-atlas-action) { color: #173e33; }
body.atlas-home .home-atlas-panel--software { min-height: 260px; background: #0d211c; }
body.atlas-home .home-atlas-panel--software > img { width: 74%; object-position: center 65%; }
body.atlas-home .home-atlas-panel--software::before { background: linear-gradient(90deg, #0d211c 0%, #0d211c 21%, rgb(13 33 28 / .94) 36%, rgb(13 33 28 / .25) 64%, rgb(13 33 28 / 0)); }
body.atlas-home .home-atlas-panel--websites { min-height: 250px; justify-content: flex-end; background: #e6bc74; color: #173e33; }
body.atlas-home .home-atlas-panel--websites > img { left: 0; right: auto; width: 68%; object-fit: cover; object-position: center 21%; }
body.atlas-home .home-atlas-panel--websites::before { background: linear-gradient(270deg, #e6bc74 0%, #e6bc74 24%, rgb(230 188 116 / .97) 39%, rgb(230 188 116 / .35) 63%, rgb(230 188 116 / 0)); }
body.atlas-home .home-atlas-panel--websites .home-atlas-copy { width: 43%; }
body.atlas-home .home-atlas-panel--websites :is(p, .home-atlas-action) { color: #173e33; }
body.atlas-home .home-service-atlas :focus-visible { outline: 3px solid #e6bc74; outline-offset: -5px; }
body.atlas-home .home-atlas-panel:is(.home-atlas-panel--automation, .home-atlas-panel--websites):focus-visible { outline-color: #173e33; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.atlas-home .home-atlas-panel > img { transition: transform 350ms cubic-bezier(.16, 1, .3, 1); }
  body.atlas-home .home-atlas-panel:hover > img { transform: scale(1.025); }
  body.atlas-home .home-atlas-action svg { transition: transform 220ms ease-out; }
  body.atlas-home .home-atlas-panel:hover .home-atlas-action svg { transform: translateX(5px); }
}
@media (prefers-reduced-motion: reduce) {
  body.atlas-home .home-atlas-panel > img { transform: none; transition: none; }
}