.stories-section{padding:100px 7% 110px;background:#191b1e;border-top:1px solid #ffffff15;overflow:hidden}.stories-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin:28px 0 44px}.stories-heading-row .display-heading{font-size:clamp(56px,6.3vw,100px)}.stories-heading-row>p{max-width:320px;color:#aeb5b0;font-size:16px;line-height:1.8}.stories-section>.overline{color:var(--accent)}.story-tabs{display:flex;gap:0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;margin-bottom:36px}.story-tabs button{flex:1;display:flex;align-items:center;gap:16px;padding:21px 14px;background:none;color:#949c98;text-align:left;font-size:13px;border-right:1px solid #ffffff15;transition:background .25s,color .25s}.story-tabs button:first-child{padding-left:0}.story-tabs button:last-child{border-right:0}.story-tabs button>span:first-child{font:400 21px/1 var(--display);color:#737c77}.story-tabs button[aria-pressed=true]{color:var(--paper);box-shadow:inset 0 -2px var(--accent)}.story-tabs button[aria-pressed=true]>span:first-child{color:var(--accent)}.story-tabs button:hover{background:#ffffff05;color:var(--accent)}.story-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:44px;align-items:center}.story-visual{min-width:0}.story-stages{display:flex;gap:3px;margin-bottom:15px;flex-wrap:wrap}.story-stages button{padding:10px 19px;border-radius:0;background:none;color:#a5ada7;font-size:12px;transition:color .2s,background .2s}.story-stages button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.story-stages button:hover{color:var(--accent)}.story-stages button[aria-pressed=true]:hover{color:var(--ink)}.story-frame{position:relative;aspect-ratio:2;overflow:hidden;background:#24282a;border:1px solid #ffffff18;isolation:isolate}.story-single,.story-comparison{position:absolute;inset:0;overflow:hidden}.story-strip{position:absolute;width:100%;height:300%;max-width:none;object-fit:fill;top:0;left:0;transform:translateY(calc(var(--frame,1)*-33.333333%));}.story-comparison{--split:50%}.story-comparison .story-after{--frame:2}.story-before-mask{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.story-before-mask .story-strip{--frame:0}.story-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:var(--paper);box-shadow:0 0 14px #0007;pointer-events:none}.story-divider:after{content:'↔';position:absolute;left:1px;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;background:var(--paper);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:23px;box-shadow:0 2px 14px #0004}#story-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.story-comparison:focus-within{outline:3px solid var(--accent);outline-offset:-4px}.comparison-label{position:absolute;bottom:17px;padding:5px 10px;background:#101114b8;color:#fff;font-size:11px;pointer-events:none}.comparison-label.before{left:17px}.comparison-label.after{right:17px}.story-frame-stamp{position:absolute;top:15px;left:15px;display:flex;gap:10px;padding:7px 10px;background:#101114b8;backdrop-filter:blur(6px);font-size:9px;letter-spacing:.09em;color:#eee;pointer-events:none}.story-frame-stamp>span:first-child{color:#ffae88}.story-frame-stamp>span:last-child:before{content:'/';padding-right:10px;color:#ffffff65}.story-visual-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-top:14px}.story-visual-footer>p{font-size:12px;color:#a1aaa3;line-height:1.7;max-width:67%}.story-expand{display:flex;gap:13px;white-space:nowrap;background:none;padding:0;font-size:11px;color:var(--paper);border-bottom:1px solid #777e78}.story-expand:hover{color:var(--accent)}.story-info{padding-top:30px}.story-info .overline{color:var(--accent)}.story-info h3{font:500 clamp(30px,2.9vw,46px)/1.13 var(--display);letter-spacing:-.02em;white-space:pre-line;margin:22px 0}.story-info>p{font-size:14px;line-height:1.8;color:#abb5ad}.story-info .inline-link{margin-top:25px;font-size:12px;gap:18px}.story-disclosure{display:flex;gap:12px;align-items:flex-start;margin-top:30px;padding-top:21px;border-top:1px solid #ffffff17;color:#8d9790;font-size:11px;line-height:1.7}.story-disclosure>span:first-child{font-size:9px;line-height:1;border:1px solid #6d766d;padding:4px;flex-shrink:0;margin-top:2px}.story-image-dialog{width:min(900px,calc(100% - 24px));max-width:900px;max-height:92svh;padding:22px;background:#191b1e;color:var(--paper);overflow:auto}.story-dialog-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-22px;z-index:1;background:#191b1ef5;padding:15px 0;margin-top:-15px;backdrop-filter:blur(10px)}.story-dialog-head h2{font:500 28px/1.2 var(--display);margin:0}.story-dialog-close{background:none;color:var(--paper);font-size:30px;width:40px;height:40px}.story-image-dialog img{width:100%;height:auto}.story-image-dialog .story-dialog-note{font-size:12px;line-height:1.6;color:#abb5ad;margin:15px 0 10px}.story-image-dialog>a{font-size:12px;color:var(--accent);border-bottom:1px solid #ff8c5a60;padding-bottom:3px}.story-image-dialog::backdrop{background:#07090bef;backdrop-filter:blur(12px)}
@media(max-width:1100px){.story-layout{gap:30px;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr)}.story-tabs button{font-size:11px;gap:10px;padding-inline:12px}.story-info h3{font-size:31px}.story-info>p{font-size:13px}.story-info .inline-link{font-size:11px}.story-visual-footer>p{font-size:11px}.story-expand{font-size:10px}.story-stages button{font-size:11px}}
@media(max-width:800px){.stories-section{padding:70px 6%}.stories-heading-row{gap:35px;align-items:flex-start}.stories-heading-row .display-heading{font-size:57px}.stories-heading-row>p{font-size:14px;max-width:230px;padding-top:7px}.story-tabs{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#7778 transparent}.story-tabs button{flex:0 0 auto;min-width:145px;padding:18px 16px}.story-tabs button:first-child{padding-left:0}.story-layout{grid-template-columns:1fr;gap:30px}.story-info{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.story-info .overline{grid-column:1}.story-info h3{grid-column:1;grid-row:2/4;font-size:40px;margin:12px 0 0}.story-info>p{grid-column:2;grid-row:2;font-size:14px}.story-info .inline-link{grid-column:2;justify-self:start;margin-top:20px}.story-stages button{font-size:12px}.story-visual-footer>p{font-size:12px}.story-expand{font-size:11px}.story-disclosure{font-size:11px}html[lang=ru] .stories-heading-row .display-heading{font-size:50px}}
@media(max-width:480px){.stories-section{padding:59px 6%}.stories-heading-row{display:block;margin:23px 0 30px}.stories-heading-row .display-heading{font-size:53px}html[lang=ru] .stories-heading-row .display-heading{font-size:44px}.stories-heading-row>p{font-size:15px;max-width:340px;padding:0;margin-top:22px}.story-tabs{margin-bottom:24px}.story-tabs button{min-width:132px;font-size:11px;padding-block:17px}.story-stages{gap:0;justify-content:space-between;margin-bottom:12px}.story-stages button{padding:9px 11px;font-size:11px}.story-frame-stamp{top:9px;left:9px;font-size:7px;padding:5px 7px}.story-visual-footer{flex-direction:column;gap:12px}.story-visual-footer>p{max-width:none;font-size:12px}.story-expand{font-size:11px}.story-info{display:block}.story-info h3{font-size:37px;margin:15px 0}.story-info>p{font-size:15px;max-width:350px}.story-info .inline-link{font-size:13px;margin-top:18px}.story-disclosure{font-size:10px;gap:10px}.story-divider:after{width:35px;height:35px;font-size:20px}.comparison-label{bottom:10px;font-size:9px}.comparison-label.before{left:10px}.comparison-label.after{right:10px}.story-image-dialog{padding:14px}.story-dialog-head{top:-14px}.story-dialog-head h2{font-size:25px}}
.story-frame .story-strip{transition:opacity .25s}.story-frame.is-loading .story-strip{opacity:0}.story-frame.is-loading:after{content:"";position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;border:1px solid #ffffff25;border-top-color:var(--accent);border-radius:50%;animation:loading 1.1s linear infinite;pointer-events:none}