/* Theme 8 — Storytelling / Visual. Full-bleed cinematic imagery, stacked
   story feed (not a grid), oversized pull-quotes, warm cinematic palette. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,900&family=Inter:wght@400;500;600&display=swap');

.theme-story{--st-ink:#1c1917;--st-muted:#78716c;--st-line:#e7e5e4;--st-amber:#b45309;--st-bg:#fff;font-family:'Inter',sans-serif;color:var(--st-ink);background:var(--st-bg);}
[data-theme="dark"] .theme-story{--st-ink:#f5f5f4;--st-muted:#a8a29e;--st-line:#292524;--st-bg:#0c0a09;}
.theme-story *{box-sizing:border-box;}
.theme-story a{color:inherit;text-decoration:none;}
.theme-story h1,.theme-story h2,.theme-story h3{font-family:'Fraunces',Georgia,serif;color:var(--st-ink);}

.theme-story .st-feed{max-width:100%;}
.theme-story .st-story-card{position:relative;min-height:480px;display:flex;align-items:flex-end;margin-bottom:4px;overflow:hidden;}
.theme-story .st-story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.theme-story .st-story-card:hover img{transform:scale(1.04);}
.theme-story .st-story-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,10,9,.9),rgba(12,10,9,.1) 60%);}
.theme-story .st-story-text{position:relative;padding:40px;max-width:680px;color:#fff;}
.theme-story .st-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fbbf24;margin-bottom:12px;display:block;font-weight:600;}
.theme-story .st-story-text h2{font-size:clamp(26px,4.5vw,44px);line-height:1.15;margin-bottom:12px;font-weight:700;}
.theme-story .st-story-text p{color:#e7e5e4;font-size:15px;line-height:1.6;max-width:560px;}
.theme-story .st-story-meta{color:#d6d3d1;font-size:12.5px;margin-top:14px;}

.theme-story .st-topbar{display:flex;justify-content:space-between;align-items:center;padding:20px;max-width:1180px;margin:0 auto;}
.theme-story .st-topbar .st-cats{display:flex;gap:16px;font-size:13px;}
.theme-story .st-topbar .st-cats a.active{color:var(--st-amber);font-weight:700;}
.theme-story .st-empty{text-align:center;padding:60px 20px;color:var(--st-muted);}
.theme-story .st-pagi-wrap{max-width:1180px;margin:0 auto;padding:20px;}

/* Article */
.theme-story .st-hero-full{position:relative;min-height:70vh;display:flex;align-items:flex-end;overflow:hidden;}
.theme-story .st-hero-full img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.theme-story .st-hero-full::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,10,9,.95),rgba(12,10,9,.05) 55%);}
.theme-story .st-hero-content{position:relative;max-width:820px;margin:0 auto;padding:60px 24px 50px;color:#fff;text-align:center;}
.theme-story .st-hero-content h1{font-size:clamp(32px,6vw,58px);line-height:1.1;margin:14px 0;font-weight:700;}
.theme-story .st-hero-content .st-meta{color:#d6d3d1;font-size:13px;}
.theme-story .st-no-hero-head{max-width:760px;margin:40px auto 0;text-align:center;padding:0 24px;}
.theme-story .st-no-hero-head h1{font-size:clamp(28px,5vw,44px);}

.theme-story .st-content{max-width:680px;margin:50px auto 0;padding:0 24px;font-size:19px;line-height:1.9;font-family:'Fraunces',Georgia,serif;font-weight:400;}
.theme-story .st-content h2{font-size:28px;margin:44px 0 16px;font-weight:600;}
.theme-story .st-content p{margin-bottom:20px;}
.theme-story .st-content img{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;margin-top:36px;margin-bottom:36px;}
.theme-story .st-content blockquote{font-family:'Fraunces',serif;font-size:30px;font-weight:600;font-style:italic;color:var(--st-amber);border:none;text-align:center;margin:44px 0;line-height:1.3;}
.theme-story .st-content a{color:var(--st-amber);text-decoration:underline;}
.theme-story .st-content pre{font-family:monospace;background:var(--st-line);padding:14px;border-radius:8px;overflow-x:auto;font-size:14px;}

.theme-story .st-tags-share{max-width:680px;margin:30px auto;padding:0 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.theme-story .st-tags-share a{font-size:12.5px;color:var(--st-muted);}
.theme-story .st-related-story{max-width:1180px;margin:60px auto 0;padding:0 20px;}
.theme-story .st-related-title{font-family:'Fraunces',serif;font-size:22px;margin-bottom:20px;text-align:center;}