@layer components{.stories-section{padding:var(--s-2xl) var(--s-md) var(--s-xl);max-width:1600px;margin:0 auto}.stories-header{max-width:1600px;margin:0 auto;padding-bottom:var(--s-lg)}.section-header-main{display:flex;justify-content:space-between;align-items:flex-end}.section-header-main a.nav-link{font-size:var(--t-body)}.stories-heading{font-family:var(--ff-heading);font-size:var(--f-hero);font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:-.01em}.stories-heading .g{color:var(--c-green)}.stories-heading .c{color:var(--c-cyan)}.stories-sub{font-family:var(--ff-serif);font-size:var(--f-body);color:var(--c-muted);margin-top:var(--s-sm);font-style:italic;max-width:50ch}.stories-track{display:flex;gap:var(--s-sm);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.stories-track::-webkit-scrollbar{height:2px}.stories-track::-webkit-scrollbar-track{background:var(--c-bg-2)}.stories-track::-webkit-scrollbar-thumb{background:var(--c-green)}.story-card{scroll-snap-align:start;flex-shrink:0;width:clamp(270px,38vw,460px);position:relative;overflow:hidden;cursor:pointer;container-type:inline-size;container-name:story;border:1px solid var(--c-border);transition:border-color var(--t-fast)}.story-card:hover{border-color:var(--c-green)}.story-card .img-box{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--c-surface)}.story-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow),filter var(--t-slow)}.story-card:hover img{transform:scale(1.06);filter:brightness(.5) contrast(1.1)}.story-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--s-md);background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.25) 40%,transparent 70%);transition:background var(--t-normal)}.story-card:hover .story-overlay{background:linear-gradient(to top,#000000f2,#00000080,#0003)}.story-index{position:absolute;top:var(--s-sm);left:var(--s-sm);font-family:var(--ff-heading);font-size:var(--f-display);font-weight:700;color:var(--c-green);opacity:.6;line-height:1}.story-category{font-family:var(--ff-body);font-size:var(--f-micro);color:var(--c-cyan);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--s-2xs)}.story-title{font-family:var(--ff-heading);font-size:var(--f-title);font-weight:700;text-transform:uppercase;line-height:1.05;letter-spacing:.02em;color:var(--c-hero-text);margin-bottom:var(--s-xs);transition:color var(--t-fast)}.story-card:hover .story-title{color:var(--c-green)}.story-excerpt{font-family:var(--ff-serif);font-size:var(--f-small);color:var(--c-hero-text);line-height:1.5;font-style:italic;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--t-slow),opacity var(--t-normal)}.story-card:hover .story-excerpt{max-height:100px;opacity:.8}.story-meta{display:flex;align-items:center;gap:var(--s-sm);margin-top:var(--s-xs);font-family:var(--ff-body);font-size:var(--f-micro);color:#f0eeeb66;letter-spacing:.05em}.story-meta .dot{width:3px;height:3px;background:currentColor;border-radius:50%}@container story (max-width:320px){.story-title{font-size:var(--f-body)}.story-excerpt{display:none}}}