
.page.leopards-case{box-sizing:border-box!important;width:100%!important;max-width:1200px!important;margin:0 auto!important;padding:40px 32px 60px!important}
.leopards-case h1{font-family:Poppins,Arial,sans-serif!important;font-size:clamp(36px,5.5vw,72px);font-weight:700;line-height:1.12;letter-spacing:-.04em;margin:0 0 36px}
.leopards-case .leo-media{display:block;width:100%;margin:0}
.leopards-case .leo-media img{display:block;width:100%;max-width:100%;height:auto;margin:0}
.leopards-case .leo-copy{max-width:720px;margin:48px auto 60px;font:18px/1.65 Arial,Helvetica,sans-serif}
.leopards-case .leo-copy h2{font-family:Poppins,Arial,sans-serif!important;font-size:24px;line-height:1.35;font-weight:700;margin:0 0 20px}
.leopards-case .leo-copy p{margin:0 0 20px}.leopards-case .leo-copy p:last-child{margin-bottom:0}
.leo-motion{margin:0 0 60px}.leo-motion .leo-copy{margin-bottom:32px}
.leo-sequence-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.leo-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#2e54a2}
.leo-sequence img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0}
.leo-sequence-scroll:focus-visible{outline:2px solid #2e54a2;outline-offset:5px}.leo-scroll-hint{display:none}
@media(max-width:650px){.page.leopards-case{padding:28px 20px 40px!important}.leopards-case h1{margin-bottom:26px}.leopards-case .leo-copy{font-size:16px;line-height:1.6;margin:30px auto 38px}.leopards-case .leo-copy h2{font-size:21px;margin-bottom:16px}.leo-motion{margin-bottom:38px}.leo-sequence{min-width:640px}.leo-scroll-hint{display:block;font:11px/1.5 Arial,sans-serif;color:#62625a;margin:10px 0 0}}

/* The yellow opening visual extends to both viewport edges. */
.leopards-case .leo-media.leo-hero-full{position:relative;width:100vw;max-width:none;left:50%;transform:translateX(-50%);margin:0}
.leopards-case .leo-hero-full img{width:100%;max-width:none;height:auto}
