.etc{--etc-blue:#0a3d8f;--etc-navy:#0a1f44;background:var(--etc-blue);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:64px 20px 72px;width:100vw}.etc *,.etc :after,.etc :before{box-sizing:border-box}.etc__inner{margin:0 auto;max-width:1100px}.etc__heading{color:#fff;font-size:32px;font-weight:700;line-height:1.2;margin:0 0 48px;text-align:center}.etc__grid{display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.etc__card{position:relative}.etc__card-link{display:block;text-decoration:none}.etc__media{aspect-ratio:16/11;background:hsla(0,0%,100%,.08);border-radius:10px;overflow:hidden;position:relative}.etc__image{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.etc__card:hover .etc__image{transform:scale(1.04)}.etc__scrim{background:linear-gradient(180deg,rgba(10,31,68,.15),rgba(10,31,68,.55));inset:0;position:absolute}.etc__title{color:#fff;font-size:26px;font-weight:700;left:0;line-height:1.25;margin:0;padding:0 28px;position:absolute;right:0;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.4);top:50%;transform:translateY(-50%);transition:transform .3s ease}.etc__card:hover .etc__title{transform:translateY(-90%)}.etc__cta{align-items:center;background:#fff;border-radius:999px;color:var(--etc-navy);display:inline-flex;font-size:12px;font-weight:700;left:50%;letter-spacing:.08em;opacity:0;padding:12px 28px;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,20px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.etc__card:hover .etc__cta{opacity:1;transform:translate(-50%,10px)}.etc__image--placeholder{background:radial-gradient(circle at 50% 45%,hsla(0,0%,100%,.14) 0,hsla(0,0%,100%,.05) 100%);display:block;height:100%;width:100%}@media (max-width:700px){.etc__grid{gap:24px;grid-template-columns:1fr}.etc{padding:48px 16px 56px}.etc__heading{font-size:26px;margin-bottom:32px}.etc__title{transform:translateY(-90%)}.etc__cta{opacity:1;transform:translate(-50%,10px)}}