/* Homepage content after the case studies. Footer styles live in site-footer.css. */
.sdl-hero-preview #company-introduction .company-left-image{width:580px}
.sdl-hero-preview #company-introduction .company-right-image{width:400px}
/* Keep the two company photographs together on smaller screens. */
@media(max-width:768px){
 .sdl-hero-preview #company-introduction{height:auto;min-height:0;margin-bottom:0;padding:56px 0 44px;overflow:hidden}
 .sdl-hero-preview #company-introduction .company-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px 14px;box-sizing:border-box;width:100%;max-width:600px;height:auto;padding:0 22px}
 .sdl-hero-preview #company-introduction .company-left-image,.sdl-hero-preview #company-introduction .company-right-image{position:relative;inset:auto;width:100%;max-width:none;margin:0;min-width:0}
 .sdl-hero-preview #company-introduction .company-left-image{grid-column:1;grid-row:1}
 .sdl-hero-preview #company-introduction .company-right-image{grid-column:2;grid-row:1;margin-top:24px}
 .sdl-hero-preview #company-introduction .company-image-wrapper{display:block;width:100%;margin:0}
 .sdl-hero-preview #company-introduction .company-left-image img,.sdl-hero-preview #company-introduction .company-right-image img{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px;box-shadow:0 6px 18px #20232910}
 .sdl-hero-preview #company-introduction .company-left-image img{object-position:50% 43%}
 .sdl-hero-preview #company-introduction .company-right-image img{object-position:50% 38%}
 .sdl-hero-preview #company-introduction .company-large-text{top:-34px;right:0;left:auto;width:auto;margin:0;font-size:26px;line-height:1.1;letter-spacing:.02em;transform:none;color:#b9b9b9}
 .sdl-hero-preview #company-introduction .company-content{grid-column:1/-1;grid-row:2;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:0}
 .sdl-hero-preview #company-introduction .company-intro{margin-bottom:24px}
 .sdl-hero-preview #company-introduction .company-intro-text{font-size:17px;line-height:1.9;letter-spacing:.015em;text-align:left;overflow-wrap:anywhere}
 .sdl-hero-preview #company-introduction .company-menu{width:100%;gap:12px}
 .sdl-hero-preview #company-introduction .company-menu-item{box-sizing:border-box;width:100%;min-height:58px;padding:15px 54px 15px 22px}
 .sdl-hero-preview #company-introduction .company-menu-title{font-size:15px}
}
@media(max-width:350px){
 .sdl-hero-preview #company-introduction .company-container{padding:0 18px;column-gap:12px}
 .sdl-hero-preview #company-introduction .company-intro-text{font-size:15px}
}
.sdl-hero-preview .sdl-home-container{max-width:1250px;margin:auto;padding:0 40px;box-sizing:border-box}
.sdl-hero-preview .sdl-home-resources{padding:68px 0;background:#fff}
.sdl-hero-preview .sdl-home-resources__heading{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:32px}
.sdl-hero-preview .sdl-home-resources h2{margin:0 0 6px;padding:0;border:0;background:none;color:#333;font-size:30px;line-height:1.5;letter-spacing:.02em}
.sdl-hero-preview .sdl-home-resources h2::before,.sdl-hero-preview .sdl-home-resources h2::after{content:none}
.sdl-hero-preview .sdl-home-eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:#de3545;font-size:15px;font-weight:600}
.sdl-hero-preview .sdl-home-eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.sdl-hero-preview .sdl-home-resources__heading>p{margin:0;color:#666;font-size:13px;line-height:1.9}
.sdl-hero-preview .sdl-home-diagnostics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sdl-hero-preview .sdl-home-diagnostics .footer-banner-image{height:auto;aspect-ratio:auto}
.sdl-hero-preview .sdl-home-diagnostics img{width:100%;height:auto;object-fit:contain}
.sdl-hero-preview .sdl-home-learning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px}
.sdl-hero-preview .sdl-home-resource{display:flex;align-items:center;gap:22px;min-width:0;padding:24px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;color:#333;text-decoration:none}
.sdl-hero-preview .sdl-home-resource>img{width:130px;height:auto;flex:0 0 130px;border-radius:4px}
.sdl-hero-preview .sdl-home-resource>div{min-width:0;flex:1}
.sdl-hero-preview .sdl-home-resource h3{margin:0 0 7px;padding:0;border:0;background:none;font-size:19px;line-height:1.6;color:inherit}
.sdl-hero-preview .sdl-home-resource h3::before,.sdl-hero-preview .sdl-home-resource h3::after{content:none}
.sdl-hero-preview .sdl-home-resource p{margin:0;color:#777;font-size:12px;line-height:1.8}
.sdl-hero-preview .sdl-home-resource .sdl-home-resource__label{margin-bottom:4px;color:#de3545;font-size:10px;letter-spacing:.1em}
.sdl-hero-preview .sdl-home-arrow{flex:0 0 22px;font:22px/1 Arial,sans-serif;transition:transform .2s ease}
.sdl-hero-preview .sdl-home-resource:hover{color:#de3545}
.sdl-hero-preview .sdl-home-resource:hover .sdl-home-arrow,.sdl-hero-preview .sdl-home-text-link:hover .sdl-home-arrow{transform:translateX(3px)}
.sdl-hero-preview #top-main>.news{margin-top:0;padding:42px 0}
.sdl-hero-preview .sdl-home-final-contact{margin:34px 0 0;padding:30px 0 40px;background:#fff}
.sdl-hero-preview .sdl-home-final-contact>.sdl-home-container{max-width:1200px}
.sdl-hero-preview .sdl-home-contact-button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:48px;box-sizing:border-box;width:100%;min-height:176px;padding:28px 48px;overflow:hidden;border:0;border-radius:20px;background:linear-gradient(100deg,#cc3d4b 0%,#d4664d 100%);box-shadow:0 8px 24px rgba(190,57,70,.16);color:#fff;font-weight:700;line-height:1.6;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.sdl-hero-preview .sdl-home-contact-button::before{content:"";position:absolute;z-index:-1;top:50%;right:27%;width:230px;height:230px;transform:translateY(-50%);background:url("assets/sdl-brand-arrow.svg") center/contain no-repeat;opacity:.16;pointer-events:none}
.sdl-hero-preview .sdl-home-contact-button__copy{display:block;min-width:0}
.sdl-hero-preview .sdl-home-contact-button__eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:9px;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.08em}
.sdl-hero-preview .sdl-home-contact-button__eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.sdl-hero-preview .sdl-home-contact-button__message{display:block;font-size:31px;line-height:1.5;letter-spacing:.03em}
.sdl-hero-preview .sdl-home-contact-button__message>span{display:block}
.sdl-hero-preview .sdl-home-contact-button__action{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:24px;padding:10px 0 10px 36px;border-left:1px solid rgba(255,255,255,.3);font-size:19px;line-height:1.6}
.sdl-hero-preview .sdl-home-contact-button__arrow{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:#fff;color:#c73a49;font:26px/1 Arial,sans-serif;transition:transform .2s ease}
.sdl-hero-preview .sdl-home-contact-button:hover{background:linear-gradient(100deg,#be3142 0%,#c6553c 100%);box-shadow:0 12px 28px rgba(190,57,70,.22);color:#fff;transform:translateY(-2px)}
.sdl-hero-preview .sdl-home-contact-button:hover .sdl-home-contact-button__arrow{transform:translateX(3px)}
.sdl-hero-preview .sdl-home-contact-button:focus-visible{outline:2px solid #a52635;outline-offset:4px}
.sdl-hero-preview .sdl-home-text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:6px 0;flex-shrink:0;color:#333;font-size:13px;line-height:1.8;text-decoration:none}
.sdl-hero-preview .sdl-home-text-link>span:first-child{border-bottom:1px solid #cbd0d6}
.sdl-hero-preview .sdl-home-text-link:hover{color:#de3545}
.sdl-hero-preview .sdl-home-text-link:hover>span:first-child{border-bottom-color:currentColor}
.sdl-hero-preview .sdl-home-resource:focus-visible,.sdl-hero-preview .sdl-home-text-link:focus-visible{outline:2px solid #de3545;outline-offset:5px}
@media(max-width:1000px){
 .sdl-hero-preview .sdl-home-contact-button{padding:28px 32px;gap:24px}
 .sdl-hero-preview .sdl-home-contact-button__message{font-size:25px}
 .sdl-hero-preview .sdl-home-contact-button__action{padding-left:24px;gap:18px}
 .sdl-hero-preview .sdl-home-contact-button__arrow{width:46px;height:46px;flex-basis:46px}
 .sdl-hero-preview .sdl-home-resource{gap:16px}
 .sdl-hero-preview .sdl-home-resource>img{width:90px;flex-basis:90px}
}
@media(max-width:768px){
 .sdl-hero-preview .sdl-home-container{padding:0 20px}
 .sdl-hero-preview .sdl-home-resources{padding:44px 0}
 .sdl-hero-preview .sdl-home-resources__heading{display:block;margin-bottom:24px}
 .sdl-hero-preview .sdl-home-resources h2{font-size:26px}
 .sdl-hero-preview .sdl-home-eyebrow{font-size:13px}
 .sdl-hero-preview .sdl-home-resources__heading>p{margin-top:18px;font-size:12px}
 .sdl-hero-preview .sdl-home-diagnostics{grid-template-columns:1fr;gap:14px}
 .sdl-hero-preview .sdl-home-learning{grid-template-columns:1fr;gap:0;margin-top:22px}
 .sdl-hero-preview .sdl-home-resource+.sdl-home-resource{border-top:0}
 .sdl-hero-preview .sdl-home-resource h3{font-size:17px}
 .sdl-hero-preview .sdl-home-resource>img{width:100px;flex-basis:100px}
 .sdl-hero-preview #top-main>.news{padding:32px 0}
 .sdl-hero-preview .sdl-home-final-contact{margin-top:24px;padding:24px 0;background:#fdf5f6}
 .sdl-hero-preview .sdl-home-contact-button,.sdl-hero-preview .sdl-home-contact-button:hover{align-items:stretch;flex-direction:column;gap:18px;min-height:0;padding:0;overflow:visible;border-radius:0;background:none;box-shadow:none;color:#333;transform:none}
 .sdl-hero-preview .sdl-home-contact-button::before,.sdl-hero-preview .sdl-home-contact-button__eyebrow{display:none}
 .sdl-hero-preview .sdl-home-contact-button__message{font-size:17px;font-weight:600;line-height:1.8;letter-spacing:0}
 .sdl-hero-preview .sdl-home-contact-button__message>span{display:inline}
 .sdl-hero-preview .sdl-home-contact-button__action{box-sizing:border-box;width:100%;min-height:68px;padding:16px 18px;gap:14px;border:0;border-radius:14px;background:linear-gradient(90deg,#d54d5a 0%,#d4664d 100%);box-shadow:0 5px 16px rgba(213,77,90,.2);color:#fff}
 .sdl-hero-preview .sdl-home-contact-button__arrow{width:34px;height:34px;flex-basis:34px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .sdl-hero-preview .sdl-home-contact-button,.sdl-hero-preview .sdl-home-contact-button__arrow{transition:none}
 .sdl-hero-preview .sdl-home-contact-button:hover,.sdl-hero-preview .sdl-home-contact-button:hover .sdl-home-contact-button__arrow{transform:none}
 .sdl-hero-preview .sdl-home-arrow{transition:none}
 .sdl-hero-preview .sdl-home-resource:hover .sdl-home-arrow,.sdl-hero-preview .sdl-home-text-link:hover .sdl-home-arrow{transform:none}
}
