.stories-page.svelte-cil3ii.svelte-cil3ii{padding:var(--spacing-3xl) 0 var(--spacing-3xl);background:var(--color-bg-secondary);min-height:60vh}.page-head.svelte-cil3ii.svelte-cil3ii{margin-bottom:var(--spacing-xl)}.page-head.svelte-cil3ii h1.svelte-cil3ii{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.lede.svelte-cil3ii.svelte-cil3ii{color:var(--color-text-secondary);max-width:52rem;line-height:1.5}.visually-hidden.svelte-cil3ii.svelte-cil3ii{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stories-search-row.svelte-cil3ii.svelte-cil3ii{margin-bottom:var(--spacing-xl);max-width:36rem}.stories-search-inner.svelte-cil3ii.svelte-cil3ii{display:flex;align-items:center;gap:var(--spacing-sm);padding:.55rem .85rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .15s ease}.stories-search-inner.svelte-cil3ii.svelte-cil3ii:focus-within{border-color:var(--color-accent)}.stories-search-icon.svelte-cil3ii.svelte-cil3ii{font-size:1rem;opacity:.85;flex-shrink:0}.stories-search-inner.svelte-cil3ii input[type=search].svelte-cil3ii{flex:1;min-width:0;border:none;background:transparent;color:var(--color-text-primary);font-size:.95rem;outline:none}.stories-search-inner.svelte-cil3ii input[type=search].svelte-cil3ii::placeholder{color:var(--color-text-muted)}.stories-search-clear.svelte-cil3ii.svelte-cil3ii{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:1.35rem;line-height:1;cursor:pointer}.stories-search-clear.svelte-cil3ii.svelte-cil3ii:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.story-filters.svelte-cil3ii.svelte-cil3ii{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.story-filter-btn.svelte-cil3ii.svelte-cil3ii{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);padding:.45rem .85rem;border-radius:999px;font-size:.875rem;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.story-filter-btn.svelte-cil3ii.svelte-cil3ii:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text-primary)}.story-filter-btn.active.svelte-cil3ii.svelte-cil3ii{border-color:var(--color-accent);background:rgba(102,126,234,.12);color:var(--color-accent);font-weight:600}.story-filter-btn.svelte-cil3ii.svelte-cil3ii:disabled{opacity:.6;cursor:wait}.error-text.svelte-cil3ii.svelte-cil3ii{color:var(--color-error, #c44);margin-bottom:var(--spacing-md)}.loading-text.svelte-cil3ii.svelte-cil3ii,.empty-text.svelte-cil3ii.svelte-cil3ii,.loading-more.svelte-cil3ii.svelte-cil3ii{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-xl)}.stories-grid.svelte-cil3ii.svelte-cil3ii{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-lg)}.story-card.svelte-cil3ii.svelte-cil3ii{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.story-card.svelte-cil3ii.svelte-cil3ii:hover{border-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 12px 28px #0000002e}.story-thumb.svelte-cil3ii.svelte-cil3ii{position:relative;aspect-ratio:9/12;overflow:hidden;background:#111}.story-thumb.ratio-9-16.svelte-cil3ii.svelte-cil3ii{aspect-ratio:9/16}.story-thumb.svelte-cil3ii img.svelte-cil3ii{width:100%;height:100%;object-fit:cover}.thumb-placeholder.svelte-cil3ii.svelte-cil3ii{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.play-overlay.svelte-cil3ii.svelte-cil3ii{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);opacity:0;transition:opacity .2s ease;pointer-events:none}.story-card.svelte-cil3ii:hover .play-overlay.svelte-cil3ii{opacity:1}.play-glyph.svelte-cil3ii.svelte-cil3ii{width:48px;height:48px;background:rgba(255,255,255,.92);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#111}.dur-badge.svelte-cil3ii.svelte-cil3ii{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:rgba(0,0,0,.75);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem}.type-chip.svelte-cil3ii.svelte-cil3ii{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--color-accent);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:.68rem;font-weight:600}.story-meta.svelte-cil3ii.svelte-cil3ii{padding:var(--spacing-md)}.company-row.svelte-cil3ii.svelte-cil3ii{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.co-logo.svelte-cil3ii.svelte-cil3ii{width:22px;height:22px;border-radius:var(--radius-sm);object-fit:cover}.co-logo-ph.svelte-cil3ii.svelte-cil3ii{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--color-accent-gradient);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff}.co-name.svelte-cil3ii.svelte-cil3ii{font-size:.8rem;color:var(--color-text-secondary)}.story-title.svelte-cil3ii.svelte-cil3ii{font-size:.9rem;margin:0;line-height:1.35;font-weight:600}.sentinel.svelte-cil3ii.svelte-cil3ii{height:1px}@media (max-width: 1100px){.stories-grid.svelte-cil3ii.svelte-cil3ii{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.stories-grid.svelte-cil3ii.svelte-cil3ii{grid-template-columns:repeat(2,minmax(0,1fr))}}.stories-overlay.svelte-cil3ii.svelte-cil3ii{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999}.stories-close.svelte-cil3ii.svelte-cil3ii{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100}.stories-nav.svelte-cil3ii.svelte-cil3ii{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100}.stories-nav-prev.svelte-cil3ii.svelte-cil3ii{top:35%;right:24px;left:auto}.stories-nav-next.svelte-cil3ii.svelte-cil3ii{top:65%;right:24px}.stories-container.svelte-cil3ii.svelte-cil3ii{position:relative;width:100%;max-width:420px;height:90vh;max-height:800px;background:linear-gradient(180deg,#1a1a2e 0%,#0f0f1a 100%);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #00000080;display:flex;flex-direction:column}.stories-progress.svelte-cil3ii.svelte-cil3ii{position:absolute;top:0;left:0;right:0;display:flex;gap:4px;padding:12px 16px;z-index:50;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 100%)}.progress-segment.svelte-cil3ii.svelte-cil3ii{flex:1;height:3px;background:rgba(255,255,255,.3);border-radius:3px;overflow:hidden}.progress-fill.svelte-cil3ii.svelte-cil3ii{height:100%;width:0;background:white;border-radius:3px;transition:width .3s ease}.progress-fill.completed.svelte-cil3ii.svelte-cil3ii,.progress-fill.active.svelte-cil3ii.svelte-cil3ii{width:100%}.stories-header.svelte-cil3ii.svelte-cil3ii{position:absolute;top:32px;left:0;right:0;padding:0 16px;z-index:40}.company-info-badge.svelte-cil3ii.svelte-cil3ii{display:flex;align-items:center;gap:12px}.company-avatar.svelte-cil3ii.svelte-cil3ii{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white}.company-avatar-placeholder.svelte-cil3ii.svelte-cil3ii{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border:2px solid white}.company-text.svelte-cil3ii.svelte-cil3ii{display:flex;flex-direction:column;gap:2px}.company-name-badge.svelte-cil3ii.svelte-cil3ii{font-weight:600;font-size:.95rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.video-type-tag.svelte-cil3ii.svelte-cil3ii{font-size:.75rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.stories-video-wrapper.svelte-cil3ii.svelte-cil3ii{flex:1;display:flex;align-items:center;justify-content:center;background:#000;position:relative;overflow:hidden}.stories-video-inner.svelte-cil3ii.svelte-cil3ii{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.culture-video-loading.svelte-cil3ii.svelte-cil3ii{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);pointer-events:none}.culture-video-loading__spinner.svelte-cil3ii.svelte-cil3ii{width:40px;height:40px;border:3px solid rgba(255,255,255,.25);border-top-color:#fffffff2;border-radius:50%;animation:svelte-cil3ii-culture-spin .85s linear infinite}@keyframes svelte-cil3ii-culture-spin{to{transform:rotate(360deg)}}.story-unmute-btn.svelte-cil3ii.svelte-cil3ii{position:absolute;right:12px;top:88px;z-index:30;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border:none;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-unmute-btn__icon.svelte-cil3ii.svelte-cil3ii{font-size:1rem}.stories-video-wrapper.svelte-cil3ii video.svelte-cil3ii{width:100%;height:100%;object-fit:contain}.stories-image-frame.svelte-cil3ii.svelte-cil3ii{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.stories-image-frame.svelte-cil3ii img.svelte-cil3ii{width:100%;height:100%;object-fit:contain}.video-unavailable-stories.svelte-cil3ii.svelte-cil3ii{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff9;text-align:center;padding:24px}.unavailable-icon.svelte-cil3ii.svelte-cil3ii{font-size:4rem;margin-bottom:16px;opacity:.5}.stories-footer.svelte-cil3ii.svelte-cil3ii{position:absolute;bottom:0;left:0;right:0;padding:20px 16px 24px;background:linear-gradient(to top,#0d0d0d 0%,#0d0d0d 70%,rgba(13,13,13,.97) 85%,transparent 100%);z-index:40}.stories-meta-block.svelte-cil3ii.svelte-cil3ii{margin-bottom:12px;color:#fff}.stories-footer.svelte-cil3ii .video-type-badge-footer.svelte-cil3ii{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff!important;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,1),0 0 1px rgba(0,0,0,1)}.stories-footer.svelte-cil3ii .video-title-overlay.svelte-cil3ii{font-size:1.25rem;font-weight:700;color:#fff!important;margin:0 0 8px;text-shadow:0 1px 3px rgba(0,0,0,1),0 0 2px rgba(0,0,0,.9);line-height:1.35}.stories-footer.svelte-cil3ii .video-description-overlay.svelte-cil3ii{font-size:.95rem;color:#f0f0f0!important;margin:0 0 8px;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,1),0 0 1px rgba(0,0,0,1);white-space:pre-wrap;word-break:break-word;max-height:4.5em;overflow-y:auto}.stories-footer.svelte-cil3ii .video-duration-badge.svelte-cil3ii{display:inline-block;padding:5px 12px;background:rgba(255,255,255,.2);border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;margin-top:6px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.view-company-btn.svelte-cil3ii.svelte-cil3ii{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:25px;font-weight:500;font-size:.9rem;text-decoration:none;transition:all .2s ease}.view-company-btn.svelte-cil3ii.svelte-cil3ii:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.stories-counter.svelte-cil3ii.svelte-cil3ii{position:absolute;bottom:20px;right:20px;padding:6px 14px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:.85rem;color:#fff;z-index:100}@media (max-width: 768px){.stories-container.svelte-cil3ii.svelte-cil3ii{max-width:100%;height:100vh;max-height:100vh;border-radius:0}.stories-nav.svelte-cil3ii.svelte-cil3ii{display:none}.stories-counter.svelte-cil3ii.svelte-cil3ii{bottom:12px;right:12px}}@media (max-width: 480px){.stories-footer.svelte-cil3ii.svelte-cil3ii{padding:20px 12px}.stories-footer.svelte-cil3ii .video-title-overlay.svelte-cil3ii{font-size:1.1rem}}