/* S17: approved stories v2; quiet horizontal covers and a focused full-screen viewer. */
.editorial #design-top section#stories.taiga-stories{padding:22px var(--stories-gutter,4vw) 28px!important;margin:0!important;position:relative;z-index:2;background:transparent;color:#ede7da}
.stories-heading{margin:0 0 22px;font:650 11px/1.5 Golos,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.stories-track{display:flex;align-items:flex-start;gap:34px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:4px 2px 8px;scroll-padding:2px;overscroll-behavior-x:contain}.stories-track::-webkit-scrollbar{display:none}
.stories-track .story-circle{flex:0 0 104px;width:104px;padding:0;border:0!important;background:transparent!important;color:#ede7da!important;box-shadow:none!important;font:500 13px/1.35 Golos,Arial,sans-serif;letter-spacing:0;text-align:center;cursor:pointer;touch-action:manipulation}
.story-circle .story-ring{position:relative;display:block;width:100px;height:100px;padding:5px;border:3px solid #bb7c52;border-radius:50%;margin-bottom:12px;transition:border-color .2s,transform .2s}
.story-ring>img,.story-collage{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:grayscale(.85);background:#142440}.story-circle[data-logo] .story-ring>img{object-fit:contain;padding:18px}
.story-circle.is-seen .story-ring{border-color:#768091}.story-circle:hover .story-ring{transform:translateY(-2px);border-color:#dba17b}.story-circle:focus-visible{outline:none}.story-circle:focus-visible .story-ring{outline:2px solid #ede7da;outline-offset:4px}.story-label{display:block;min-height:35px}
.story-ring .story-start{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:3px 5px;white-space:nowrap;font:600 8px Golos,Arial,sans-serif;background:#bb7c52;color:#142440;border-radius:2px}
.story-collage{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.story-collage>img{width:100%;height:100%;object-fit:cover;min-width:0}
.story-pin{position:absolute;width:28px;height:37px;top:25px;left:35px;filter:drop-shadow(0 2px 3px #0008)}
.editorial #design-top #stories+#works{padding-top:28px!important}
#taiga-stories-viewer{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;background:transparent;overflow:hidden;color:#ede7da;font-family:Golos,Arial,sans-serif;box-sizing:border-box}
#taiga-stories-viewer::backdrop{background:#07101be8;backdrop-filter:blur(8px)}
.stories-stage{display:flex;gap:28px;align-items:center;justify-content:center;width:100%;height:100%}.story-frame{position:relative;isolation:isolate;flex:none;height:min(780px,calc(100dvh - 48px));aspect-ratio:9/16;overflow:hidden;background:#142440;touch-action:pan-y;box-shadow:0 20px 80px #0006}
.story-media{position:absolute;inset:0;z-index:-2}.story-media>img,.story-media>video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(.65)}.story-media.is-error{background:#142440}.story-media.is-error:after{content:'ТАЙГА';position:absolute;inset:26% 12%;font-size:48px;font-weight:750;color:#ede7da35;text-align:center}
.story-frame:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#071021ad 0%,#07102105 28%,#0b172a55 44%,#101e35f2 76%,#101e35 100%)}
.story-top{position:absolute;top:max(16px,env(safe-area-inset-top));left:18px;right:18px}.story-segments{display:flex;gap:4px}.story-segments>span{flex:1;height:3px;background:#ede7da55;overflow:hidden;border-radius:3px}.story-segments i{display:block;height:100%;width:0;background:#bb7c52}.story-segments .done i{width:100%;background:#ede7da}
.story-toolbar{display:flex;align-items:center;gap:10px;margin-top:12px}.story-topic-icon{width:32px;height:32px;border-radius:50%;border:1px solid #bb7c52;object-fit:cover;flex:none}.story-topic-label{font-size:12px;line-height:1.3;min-width:0;flex:1}.story-topic-label small{display:block;opacity:.7;font-size:10px;margin-top:3px}
#taiga-stories-viewer .story-icon{display:grid;place-items:center;width:40px;height:40px;padding:9px;flex:none;border:0;background:#14244080;color:#ede7da;cursor:pointer;border-radius:0;line-height:1}
.story-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.story-icon:hover{color:#dba17b!important}.story-icon:focus-visible,.story-cta:focus-visible,.story-neighbor:focus-visible{outline:2px solid #dba17b;outline-offset:3px}
.story-copy{position:absolute;left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom));padding-top:10px}.story-copy>h2{font:650 clamp(24px,3.8vh,36px)/1.07 Golos,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 14px;color:#ede7da}.story-copy>p{font:400 clamp(13px,1.75vh,15px)/1.55 Golos,Arial,sans-serif;max-width:340px;margin:0 0 22px;color:#ede7da}
#taiga-stories-viewer a.story-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:12px 16px;background:#ede7da;color:#142440!important;font:500 13px/1.35 Golos,Arial,sans-serif;text-decoration:none!important;border:0}
.story-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.story-bottom>span{font-size:10px;color:#ede7da99}.story-frame-nav{display:flex;gap:4px}.story-frame-nav .story-icon{width:32px!important;height:32px!important;padding:8px!important;background:transparent!important}
.story-neighbor{position:relative;width:150px;aspect-ratio:9/16;padding:0;border:1px solid #ede7da30;background:#142440;color:#ede7da;opacity:.6;cursor:pointer;overflow:hidden}.story-neighbor img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.5}.story-neighbor span{position:absolute;bottom:18px;left:12px;right:12px;font:500 13px/1.4 Golos,Arial,sans-serif;text-align:left}.story-neighbor:hover{opacity:1}
.story-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){.story-neighbor{display:none}}
@media(max-width:700px){.editorial #design-top section#stories.taiga-stories{padding:18px 0 20px!important}.stories-heading{display:none}.stories-track{gap:17px;padding:4px 16px 8px;scroll-padding-inline:16px}.stories-track .story-circle{flex-basis:78px;width:78px;font-size:11px}.story-circle .story-ring{width:78px;height:78px;padding:4px;margin-bottom:9px}.story-ring .story-start{font-size:6px}.story-label{min-height:29px}.story-pin{width:22px;height:29px;top:18px;left:25px}
#taiga-stories-viewer{padding:0}.story-frame{height:100dvh;width:100%;aspect-ratio:auto;max-width:none;box-shadow:none}.story-copy>h2{font-size:clamp(25px,7.5vw,36px)}.story-copy>p{font-size:15px}.story-copy{bottom:max(20px,env(safe-area-inset-bottom))}.story-neighbor{display:none}}
@media(max-height:650px){.story-copy>h2{font-size:25px}.story-copy>p{font-size:13px;margin-bottom:12px}.story-copy{bottom:12px}.story-top{top:10px}.story-toolbar{margin-top:7px}.story-bottom{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.story-circle .story-ring{transition:none}}
#taiga-stories-viewer [hidden]{display:none!important}
#taiga-stories-viewer .story-cta>svg{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}

#taiga-stories-viewer .story-media{pointer-events:none;user-select:none}

#stories .story-circle::before,#stories .story-circle::after{display:none!important}#stories .story-circle:focus-visible{outline:none!important}

/* S17 branch placement: same circles/viewer, within the hero content axis. */
.lp-stories{margin-top:36px}.lp-stories section.taiga-stories{padding:0!important;margin:0!important;position:relative;z-index:2;background:transparent;color:#ede7da}.lp-stories .stories-track{padding-inline:2px;scroll-padding-inline:2px}
@media(max-width:700px){.lp-stories{margin-top:28px}}

/* Keep small source portraits close to their native size in editorial Stories. */
.story-media.is-portrait{display:flex;justify-content:center;align-items:flex-start;padding:100px 24px 0}.story-media.is-portrait>img{width:min(100%,320px);height:auto;max-height:calc(100% - 280px);aspect-ratio:1;object-fit:contain;object-position:center;mask-image:linear-gradient(#000 80%,transparent)}
@media(max-height:650px){.story-media.is-portrait{padding-top:90px}.story-media.is-portrait>img{width:auto;max-width:100%;height:calc(100% - 260px);max-height:none}}

@media(max-width:680px){
 .stories-track .story-circle .story-label{font-size:10px;line-height:1.3;min-height:26px}
 .taiga-stories>.stories-scroll-hint:not([hidden]){margin:0 18px 3px auto}
}