/* Replace only the photographic/animation content inside existing media slots. */
.skc-business-visual{position:relative;width:100%;height:100%;font-family:Gilroy,Arial,sans-serif}
.skc-photo-navy{position:absolute;right:2%;bottom:0;width:59%;height:88%;background:#001f4c;border-radius:24px 24px 0 0;overflow:hidden}
.skc-photo-navy img{height:100%;width:100%;object-fit:contain;object-position:center bottom}
.skc-explainer{position:absolute;left:1%;top:16%;width:53%;padding:22px 18px;background:#fff;border:1px solid #e8e5dd;border-radius:16px;color:#001f4c;box-shadow:0 12px 32px #001f4c0a;z-index:2}
.skc-explainer-title{font-weight:700;font-size:20px;line-height:1.25;margin:0 0 18px}
.skc-explainer-row{display:flex;align-items:center;gap:10px;padding:12px 8px;margin-top:8px;border-radius:9px;background:#f4f6f9;animation:skc-step-emphasis 9s ease-in-out infinite}
.skc-explainer-row:nth-of-type(2){animation-delay:3s}.skc-explainer-row:nth-of-type(3){animation-delay:6s}
.skc-explainer-row b{font-size:12px;color:#95651b;flex-shrink:0}
.skc-explainer-row span{font-size:15px;line-height:1.25;font-weight:600}
.skc-explainer-row small{display:block;font-size:11px;line-height:1.4;margin-top:4px;font-weight:500;color:#4b5563}
.skc-explainer-footer{font-size:10px;line-height:1.4;margin:18px 0 0;color:#95651b}
@keyframes skc-step-emphasis{0%,28%{background:#f7edd9;box-shadow:inset 3px 0 #c48d30}34%,100%{background:#f4f6f9;box-shadow:inset 3px 0 transparent}}
.skc-reference-site .lower-benefit-media{background:#001f4c}
.skc-reference-site .lower-benefit-media img{position:absolute;inset:0;height:100%;width:100%;max-width:100%;object-fit:contain;object-position:center bottom}
.skc-about-photo{background:#001f4c;border-radius:24px;overflow:hidden;aspect-ratio:1/1}
.skc-about-photo img{height:100%;width:100%;object-fit:contain;object-position:center bottom}
@media(max-width:1023px){.skc-explainer{padding:16px 12px}.skc-explainer-title{font-size:17px;margin-bottom:12px}.skc-explainer-row{padding:9px 7px;gap:7px}.skc-explainer-row span{font-size:13px}.skc-explainer-row small{font-size:10px}.skc-explainer-footer{margin-top:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.skc-explainer-row{animation:none}}
.skc-reference-site .skc-explainer .skc-explainer-title{color:#001f4c}
.hero-animation .skc-explainer{left:10%;width:46%;top:26%}
@media(min-width:768px) and (max-width:1023px){.hero-animation .skc-explainer{top:34%;left:10%;width:46%}}