.dnd-section:has(.carousel-cards){overflow-x:clip}.carousel-cards{--card-width:368px;--card-gap:32px;--card-ink:#011840;--card-height:476px;max-width:100%;min-width:0;.carousel-cards-heading{color:#fff;font-size:24px;font-weight:800;letter-spacing:0;line-height:30px;margin:0 0 var(--card-gap)}>ul{align-items:stretch;display:flex;gap:var(--card-gap);list-style:none;margin:0;max-width:none;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0;width:calc(50% + 50vw);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;&::-webkit-scrollbar{display:none}>li{flex:0 0 var(--card-width);margin-left:0;scroll-snap-align:start;width:var(--card-width)}@media (max-width:991px){--card-peek:24px;>li{flex:0 0 min(var(--card-width),calc(100% - var(--card-peek)));width:min(var(--card-width),calc(100% - var(--card-peek)))}>li:last-child{margin-right:max(var(--card-peek),calc(100% - var(--card-width)))}}article{background:#fff;border-radius:32px;height:100%;overflow:hidden;&:focus-within figcaption a,&:hover figcaption a{background-color:rgba(3,49,128,.15)}&:focus-within .carousel-cards-arrow-track,&:hover .carousel-cards-arrow-track{transform:translateX(0)}}figure{display:flex;flex-direction:column;justify-content:flex-end;margin:0;min-height:var(--card-height);position:relative;>img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}}figcaption{align-items:flex-start;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.85) 15%,#fff 80%);display:flex;flex-direction:column;padding:48px 32px 32px;position:relative;z-index:1;.carousel-cards-copy{display:flex;flex-direction:column;gap:8px;width:100%}h3{font-size:20px;font-weight:600;line-height:1.3}h3,p{color:var(--card-ink);margin:0}p{font-size:16px;line-height:24px}a{align-items:center;background:#fff;border:1px solid var(--card-ink);border-radius:980px;color:var(--card-ink);display:inline-flex;font-size:16px;font-weight:600;gap:8px;line-height:24px;margin-top:24px;max-width:100%;padding:8px 16px 8px 24px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap;width:max-content;&:focus-visible,&:hover{background-color:rgba(3,49,128,.15)}}.carousel-cards-arrow{display:block;flex-shrink:0;height:24px;overflow:hidden;width:24px}.carousel-cards-arrow-track{display:flex;transform:translateX(-24px);transition:transform .4s ease;width:48px}.carousel-cards-arrow svg{display:block;flex-shrink:0}a:focus-visible .carousel-cards-arrow-track,a:hover .carousel-cards-arrow-track{transform:translateX(0)}}}>nav{display:flex;gap:12px;justify-content:center;margin-top:var(--card-gap);&[hidden]{display:none}button{background:#074dc5;border:0;border-radius:50%;cursor:pointer;height:10px;padding:0;width:10px;&[aria-current=true]{background:#011840}}}@media (max-width:360px){--card-width:300px}@media (min-width:992px){--card-width:368px;--card-height:416px;.carousel-cards-heading{font-size:32px;letter-spacing:-.32px;line-height:40px}>nav{display:none}>ul{figure{height:var(--card-height);min-height:var(--card-height);>img{transform:scale(1);transition:transform .6s ease}}article:focus-within figure>img,article:hover figure>img{transform:scale(1.12)}figcaption{.carousel-cards-copy{height:72px;overflow:hidden;position:relative}h3,p{inset:0;margin:0;position:absolute;transition:transform .45s cubic-bezier(.4,0,.2,1)}h3{font-size:24px;line-height:30px;transform:translateY(0)}p{transform:translateY(100%)}}article:focus-within figcaption .carousel-cards-copy,article:hover figcaption .carousel-cards-copy{h3{transform:translateY(-100%)}p{transform:translateY(0)}}}}@media (min-width:1260px){--card-width:416px}}