.stories-carousel{position:relative}.stories-track{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(46.5116% - 11.1628px);grid-auto-flow:column;gap:24px;margin:0;padding:0 0 6px;list-style:none;display:grid;overflow-x:auto}.stories-track::-webkit-scrollbar{display:none}.story-card{scroll-snap-align:start;aspect-ratio:4/3;background:#dfe8e3;border-radius:18px;position:relative;overflow:hidden}.story-card a{color:var(--ink);display:block;position:absolute;inset:0}.story-card img,.story-noimg{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.story-card:hover img{transform:scale(1.03)}.story-caption{background:#fff;border-radius:12px;grid-template-columns:1fr auto;align-items:end;gap:4px 14px;max-width:min(78%,440px);padding:16px 18px;display:grid;position:absolute;bottom:16px;left:16px;box-shadow:0 6px 20px #06243a33}.story-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--turquoise);grid-column:1/-1;font-size:12px;font-weight:700}.story-title{font-family:var(--font-bitter);color:var(--mar);font-size:21px;font-weight:600;line-height:1.25}.story-caption svg{background:var(--mar);color:#fff;border-radius:8px;width:36px;height:36px;padding:8px}.story-card a:focus-visible{outline-offset:-4px}.stories-arrows{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.stories-arrows button{width:48px;height:48px;color:var(--mar);background:#fff;border:1px solid #c9d8d6;border-radius:50%;justify-content:center;align-items:center;display:flex}.stories-arrows button:hover{border-color:var(--turquoise);color:var(--turquoise)}@media (max-width:700px){.stories-track{grid-auto-columns:86%;gap:14px}.story-card{aspect-ratio:3/4}.story-caption{max-width:none;bottom:10px;left:10px;right:10px}.story-title{font-size:18px}}@media (prefers-reduced-motion:reduce){.story-card img{transition:none}}.stories-page{padding-bottom:30px}.stories-search{max-width:560px;min-height:48px;color:var(--muted);background:#fff;border:1px solid #b7c9ca;border-radius:999px;align-items:center;gap:8px;margin:30px 0 0;padding:0 14px;display:flex}.stories-search input{background:0 0;border:0;flex:1;min-width:0;min-height:46px;padding:0}.stories-search:focus-within{outline:3px solid var(--focus);outline-offset:2px}.stories-search input:focus-visible{outline:none}.stories-filters{flex-wrap:wrap;gap:8px;margin:18px 0 4px;display:flex}.stories-browser{scroll-margin-top:20px}.pagination-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:34px 0 10px;display:flex}.pagination-nav ol{gap:4px;margin:0;padding:0;list-style:none;display:flex}.pagination-nav button{min-width:44px;min-height:44px;color:var(--mar);border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-weight:600;display:inline-flex}.pagination-nav button:hover:not(:disabled){background:var(--tint)}.pagination-nav button[aria-current=page]{background:var(--mar);color:#fff}.pagination-nav button:disabled{opacity:.45;cursor:default}.stories-filters button{min-height:44px;color:var(--mar);background:#fff;border:1px solid #c9d8d6;border-radius:999px;padding:0 16px;font-weight:600}.stories-filters button[aria-pressed=true]{background:var(--mar);border-color:var(--mar);color:#fff}.stories-featured{margin:24px 0 0;padding:0;list-style:none}.stories-featured .story-card{aspect-ratio:21/9}.stories-featured .story-title{font-size:clamp(24px,2.6vw,34px)}.stories-featured .story-caption{max-width:min(70%,620px);padding:22px 24px}.stories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.story-date{color:var(--muted);grid-column:1/-1;font-size:14px}.story-summary{color:#3e545b;font-size:15px;font-family:var(--font-source);grid-column:1/-1;font-weight:400}@media (max-width:1000px){.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stories-featured .story-card{aspect-ratio:16/10}}@media (max-width:650px){.stories-grid{grid-template-columns:1fr}.stories-featured .story-card,.stories-grid .story-card{aspect-ratio:4/5}.stories-featured .story-caption{max-width:none}}
