/* Content is visible at first paint; movement is decorative and optional. */
@media (prefers-reduced-motion:no-preference) {
  .sdLanding .sdButton,.sdLanding .sdHeaderCta,.sdLanding .sdCase,.sdLanding .sdPieces span {
    transition:transform 200ms ease,background-color 200ms ease,border-color 200ms ease;
  }
  .sdLanding .sdButton:hover,.sdLanding .sdHeaderCta:hover {transform:translateY(-2px);}
  .sdLanding .sdCase:hover {transform:translateY(-3px);border-color:var(--color-emphasis);}
  .sdLanding .sdPieces span:hover {transform:translateY(-2px);background:#ffffff14;}

}
@keyframes sd-arrive {from {transform:translateY(12px);} to {transform:translateY(0);}}

/* Retain the one-screen layout in unusually short desktop windows. */
@media (min-width:1024px) and (max-height:599px) {
  .sdLanding .sdOverview {padding:clamp(48px,calc((100vh - 390px)/2),72px) 0;}
  .sdLanding .sdServices {padding:clamp(24px,calc((100vh - 425px)/2),72px) 0;}
}
@media (prefers-reduced-motion:reduce) {
  .sdClientCarousel > div {overflow-x:auto;}
}

@media (max-width:767px) {
/* Mobile hero: owl immediately above the two actions. */
.sdLanding .sdHero .sdHeroCopy > .sdEyebrow {order:0}
.sdLanding .sdHero .sdHeroCopy > h1 {order:1}
.sdLanding .sdHero .sdHeroCopy > .sdLead {order:2}
.sdLanding .sdHero .sdHeroCopy > .sdHeroOwl {order:3;margin-top:20px}
.sdLanding .sdHero .sdHeroCopy > .sdActions {order:4;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px;width:100%;margin-top:16px;align-items:stretch}
.sdLanding .sdHero .sdActions > a {min-width:0;min-height:48px;padding:12px 8px;font-size:clamp(10px,2.8vw,12px);line-height:1.4;text-align:center;display:flex;align-items:center;justify-content:center;white-space:normal;box-sizing:border-box}
.sdLanding .sdHero .sdActions > .sdButton {white-space:nowrap;font-size:clamp(9px,2.6vw,12px);padding-inline:6px}
.sdLanding .sdHero .sdHeroCopy > .sdMicro {order:5;margin-top:22px;padding-bottom:28px}
}

/* Digital solutions header: larger brand and directional sticky navigation. */
.sdLanding .sdHeader {position:sticky;top:0;z-index:100;transform:translateY(0);transition:transform 200ms ease;box-shadow:0 3px 16px #0600470a}
.sdLanding .sdHeader[data-scroll-hidden]:not(:focus-within) {transform:translateY(-100%);pointer-events:none}
.sdLanding .sdHeader .sdLogo {width:54px;height:54px;flex-shrink:0}
.sdLanding .sdHeader .sdBrand strong {font-size:16px}
.sdLanding .sdHeader .sdBrand small {font-size:9px}
@media (prefers-reduced-motion:reduce) {
  .sdLanding .sdHeader {transition:none}
}

@media (max-width:767px) {

.sdLanding .sdHeader .sdLogo {width:42px;height:42px}
.sdLanding .sdHeader .sdBrand {gap:10px}
.sdLanding .sdHeader .sdBrand strong {font-size:12px}
.sdLanding .sdHeader .sdBrand small {font-size:7px;letter-spacing:.08em}
.sdLanding .sdHeader .sdHeaderInner {column-gap:10px}
}

.sdLanding .sdHeaderCtaMobile {display:none}
@media (max-width:767px) {

.sdLanding .sdHeader .sdHeaderCta {flex-shrink:0;white-space:nowrap}
.sdLanding .sdHeaderCtaDesktop {display:none}
.sdLanding .sdHeaderCtaMobile {display:inline}
}