:root { color-scheme: dark; --red:#e01919; --ink:#0d0d0f; --paper:#f4f1eb; --muted:#aaa8a3; }
* { box-sizing:border-box; }
body { margin:0; background:var(--ink); color:#fff; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.stories-header { min-height:84px; display:flex; align-items:center; gap:36px; padding:18px clamp(22px,5vw,78px); border-bottom:1px solid #2b2b2e; position:sticky; top:0; z-index:3; background:rgba(13,13,15,.96); }
.stories-brand img { width:146px; height:auto; display:block; }
.stories-header nav { display:flex; gap:24px; flex:1; }
.stories-header nav a,.stories-lang { text-decoration:none; color:#d9d7d2; font-size:14px; }
.stories-header nav a[aria-current="page"] { color:#fff; }
.stories-lang { border:1px solid #59595d; border-radius:999px; padding:9px 15px; }
.stories-hero { min-height:48vh; display:grid; align-items:end; padding:80px clamp(22px,8vw,128px); background:linear-gradient(135deg,#0c0c0d 20%,#25100f 100%); border-bottom:1px solid #302625; }
.stories-hero div { max-width:900px; }
.stories-hero p,.stories-empty p,.story-title p,.story-card p { color:#db554d; text-transform:uppercase; letter-spacing:.14em; font-size:12px; }
.stories-hero h1 { font-size:clamp(54px,9vw,126px); line-height:.9; margin:18px 0 28px; letter-spacing:-.055em; }
.stories-hero span { color:#cbc8c1; font-size:clamp(17px,2vw,24px); line-height:1.6; max-width:760px; display:block; }
.stories-grid { padding:clamp(42px,7vw,110px) clamp(22px,8vw,128px); display:grid; grid-template-columns:repeat(12,1fr); gap:28px; }
.story-card { grid-column:span 6; background:#171719; border:1px solid #2d2d31; overflow:hidden; }
.story-card img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.story-card > div { padding:30px; }
.story-card h2 { font-size:clamp(27px,3vw,42px); line-height:1.08; margin:12px 0 18px; }
.story-card h2 a,.story-read { text-decoration:none; }
.story-card span { color:#bdbab3; line-height:1.7; }
.story-read { display:inline-block; margin-top:28px; color:#fff; border-bottom:2px solid var(--red); padding-bottom:5px; }
.stories-empty { grid-column:1/-1; border:1px solid #333337; padding:clamp(36px,6vw,80px); min-height:260px; }
.stories-empty h2 { font-size:clamp(30px,5vw,60px); margin:18px 0; }
.story-detail { background:var(--paper); color:#171719; min-height:80vh; padding:clamp(44px,8vw,110px) 22px; }
.story-detail article { max-width:920px; margin:0 auto; }
.story-title { max-width:820px; margin:0 auto 54px; }
.story-title h1 { font-size:clamp(44px,8vw,92px); line-height:.98; letter-spacing:-.045em; margin:20px 0 28px; }
.story-title > span { color:#56534e; font-size:clamp(18px,2.2vw,25px); line-height:1.65; }
.story-detail figure { margin:0 0 56px; }
.story-detail figure img { width:100%; display:block; max-height:650px; object-fit:cover; }
.story-body { max-width:720px; margin:0 auto; font-family:Georgia,"Noto Serif SC",serif; font-size:19px; line-height:1.9; }
.story-body p { margin:0 0 1.5em; }
footer { display:flex; justify-content:space-between; gap:20px; padding:34px clamp(22px,5vw,78px); color:var(--muted); border-top:1px solid #2b2b2e; font-size:13px; }
@media (max-width:760px) { .stories-header { min-height:70px; gap:14px; padding:14px 18px; } .stories-brand img{width:108px}.stories-header nav a:not([aria-current="page"]){display:none}.stories-lang{margin-left:auto}.stories-hero{padding:56px 22px;min-height:42vh}.stories-grid{padding:42px 18px}.story-card{grid-column:1/-1}.story-card>div{padding:24px}.story-detail{padding:50px 18px}.story-title{margin-bottom:36px}footer{flex-direction:column;padding:28px 20px} }