/* Illustrative business stories, postcard carousel */
.stories-section{position:relative;width:min(1340px,calc(100% - 54px));margin:72px auto 82px;color:#17357f}
.stories-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 14px}
.stories-heading .public-eyebrow{color:#e94e70;margin:0 0 9px}
.stories-heading h2{font-size:clamp(31px,3.5vw,48px);line-height:1.08;letter-spacing:-.045em;margin:0;color:#163579}
.stories-heading p:last-child{color:#5c6d8d;font-size:16px;line-height:1.55;max-width:740px;margin:12px 0 0}
.stories-controls{display:flex;align-items:center;gap:12px;flex:none;color:#315be8;font-weight:800}
.stories-controls button{position:absolute;top:55%;z-index:6;width:52px;height:52px;border:1px solid #dce5f8;border-radius:50%;background:#fff;color:#21459c;font-size:28px;line-height:1;box-shadow:0 10px 25px rgba(31,56,124,.12);cursor:pointer}
.stories-controls button:hover{background:#edf3ff;transform:translateY(-2px)}
.stories-controls [data-story-prev]{left:0}.stories-controls [data-story-next]{right:0}
.stories-stage{position:relative;height:550px;overflow:hidden;isolation:isolate;outline:none}
.stories-stage::before,.stories-stage::after{content:"";position:absolute;border-radius:48% 52% 61% 39%;filter:blur(2px);z-index:-1;pointer-events:none}
.stories-stage::before{width:380px;height:280px;background:#d7faf0;left:14%;top:58px;transform:rotate(-18deg)}
.stories-stage::after{width:380px;height:270px;background:#e4dcff;right:13%;bottom:35px;transform:rotate(17deg)}
.story-postcard{position:absolute;top:24px;left:50%;width:min(430px,61vw);height:500px;padding:14px 14px 20px;border:1px solid #e6eaf5;border-radius:25px;background:linear-gradient(180deg,#fff 72%,var(--story-tint,#f8f9ff));box-shadow:0 18px 40px rgba(27,48,113,.15);text-align:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) scale(.72);transition:transform .55s ease,opacity .45s ease,visibility .45s ease;will-change:transform}
.story-mint{--story-tint:#e7fbf5}.story-coral{--story-tint:#fff0f0}.story-violet{--story-tint:#f0eaff}
.story-postcard.is-prev,.story-postcard.is-next{opacity:.85;visibility:visible;z-index:1}
.story-postcard.is-prev{transform:translateX(calc(-150% - 16px)) scale(.84) rotate(-5deg)}
.story-postcard.is-next{transform:translateX(calc(50% + 16px)) scale(.84) rotate(5deg)}
.story-postcard.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:3;transform:translateX(-50%) scale(1) rotate(-1deg)}
.story-photo{height:250px;position:relative;overflow:hidden;border-radius:17px;background:#dfe9f5}
.story-photo img{display:block;width:100%;height:100%;object-fit:cover}
.story-photo span{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.94);color:#33466b;font-size:11px;font-weight:800;padding:7px 10px;border-radius:999px}
.story-copy{padding:16px 12px 0}
.story-kind{color:#e64e72;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}
.story-copy h3{font-size:clamp(21px,2.2vw,27px);line-height:1.14;letter-spacing:-.035em;color:#17357f;margin:8px 0 10px}
.story-copy p{font-size:14px;line-height:1.5;color:#61708e;margin:0}
.stories-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 14px}
.stories-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#cbd6ed;cursor:pointer}
.stories-dots button[aria-current="true"]{width:13px;height:13px;background:#315be8}
.stories-note{font-size:12px;color:#73809a;text-align:center;margin:0}
.stories-section button:focus-visible,.stories-stage:focus-visible{outline:3px solid #10bfae;outline-offset:3px}
html[data-theme="dark"] .stories-section,html[data-theme="dark"] .stories-heading h2{color:#f5f8ff}
html[data-theme="dark"] .stories-heading p:last-child,html[data-theme="dark"] .stories-note{color:#bdc9e2}
html[data-theme="dark"] .story-postcard{background:linear-gradient(180deg,#1b2e59 70%,#263b68);border-color:#385380}
html[data-theme="dark"] .story-copy h3{color:#f5f8ff}html[data-theme="dark"] .story-copy p{color:#c2cfe8}
html[data-theme="dark"] .stories-controls button{background:#213863;color:#fff;border-color:#42629c}
@media(max-width:760px){.stories-section{width:calc(100% - 24px);margin:50px auto 64px}.stories-heading{display:block;padding:0 12px}.stories-heading h2{font-size:clamp(29px,6vw,40px)}.stories-heading p:last-child{font-size:15px}.stories-controls{justify-content:flex-end;margin-top:16px}.stories-controls button{position:static;width:39px;height:39px;font-size:23px}.stories-stage{height:515px}.story-postcard{width:min(390px,76vw);height:470px}.story-photo{height:225px}.story-copy{padding:14px 8px 0}.story-copy h3{font-size:21px}.story-copy p{font-size:13px}.story-postcard.is-prev{transform:translateX(calc(-145% - 8px)) scale(.85) rotate(-5deg)}.story-postcard.is-next{transform:translateX(calc(45% + 8px)) scale(.85) rotate(5deg)}}
@media(max-width:480px){.stories-stage{height:485px}.story-postcard{width:78vw;height:446px;padding:10px 10px 17px}.story-photo{height:200px}.story-copy h3{font-size:19px}.story-copy p{font-size:12px}.stories-dots{gap:7px}.stories-dots button{width:8px;height:8px}.stories-note{padding:0 12px}}
@media(prefers-reduced-motion:reduce){.story-postcard,.stories-controls button{transition:none!important}.stories-controls button:hover{transform:none}}
