.stories-section{background:var(--white);padding:clamp(60px,10vh,120px) clamp(24px,5vw,80px);position:relative}.stories-bar-container{position:relative;width:100%}.stories-bar-container:before,.stories-bar-container:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.stories-bar-container:before{left:0;background:linear-gradient(to right,var(--white),transparent)}.stories-bar-container:after{right:0;background:linear-gradient(to left,var(--white),transparent)}.stories-bar{display:flex;gap:clamp(16px,2vw,28px);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:20px 10px 30px;cursor:grab}.stories-bar::-webkit-scrollbar{display:none}.stories-bar:active{cursor:grabbing}.story-pill{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;transition:transform .3s var(--ease-spring);user-select:none;-webkit-user-select:none}.story-pill:hover{transform:translateY(-6px) scale(1.05)}.story-pill:active{transform:translateY(-2px) scale(.98)}.story-ring{position:relative;width:72px;height:72px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,var(--green),var(--orange),var(--green));animation:ringRotate 8s linear infinite}@keyframes ringRotate{to{transform:rotate(360deg)}}.story-ring.seen{background:#00000026;animation:none}.story-ring.seen .story-thumb{opacity:.7}.story-ring:not(.seen):after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--green);animation:storyPulse 2s ease-in-out infinite;pointer-events:none}@keyframes storyPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:0}}.story-thumb{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--white);display:block;background:linear-gradient(135deg,var(--gray-bg),#e0e0e0)}.story-thumb.placeholder{background:linear-gradient(135deg,var(--green),var(--orange),var(--green));background-size:200% 200%;animation:placeholderShift 3s ease infinite}@keyframes placeholderShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.story-title{font-family:var(--font-cap);font-weight:800;font-style:italic;font-size:clamp(10px,.85vw,13px);letter-spacing:.08em;text-transform:uppercase;color:#0009;text-align:center;max-width:80px;line-height:1.3;transition:color .3s}.story-pill:hover .story-title{color:var(--dark)}.story-viewer{position:fixed;inset:0;z-index:9999;background:#000000f2;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.story-viewer.active{opacity:1;visibility:visible}.story-progress{position:absolute;top:0;left:0;right:0;display:flex;gap:4px;padding:16px 16px 0;z-index:10}.story-progress-seg{flex:1;height:3px;background:#ffffff40;border-radius:2px;overflow:hidden}.story-progress-seg .seg-fill{height:100%;width:0%;background:var(--green);border-radius:2px;transition:width .1s linear}.story-progress-seg.active .seg-fill{transition:width linear}.story-progress-seg.completed .seg-fill{width:100%}.story-counter{position:absolute;top:28px;right:60px;font-family:var(--font-cap);font-weight:800;font-style:italic;font-size:13px;letter-spacing:.1em;color:#fffc;z-index:10}.story-close{position:absolute;top:20px;right:16px;width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s,transform .2s}.story-close:hover{background:#ffffff40;transform:scale(1.1)}.story-close svg{width:18px;height:18px;stroke:#fff;stroke-width:2.5;fill:none;stroke-linecap:round}.story-media-wrap{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:50px 0 20px}.story-media{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;transition:opacity .2s ease}.story-media.fade-out{opacity:0}.story-media.fade-in{opacity:1}.story-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:10}.story-control-btn{width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.story-control-btn:hover{background:#fff3;transform:scale(1.1)}.story-control-btn svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.story-touch-zone{position:absolute;top:60px;bottom:80px;width:35%;z-index:5;cursor:pointer}.story-touch-zone.left{left:0}.story-touch-zone.right{right:0}.story-viewer-title{position:absolute;bottom:80px;left:50%;transform:translate(-50%);font-family:var(--font-cap);font-weight:800;font-style:italic;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;text-align:center;z-index:10;text-shadow:0 2px 8px rgba(0,0,0,.5);padding:0 20px}@media(max-width:1024px){.stories-section{padding:clamp(40px,8vh,80px) 0}.stories-bar-container{max-width:100%!important;margin-left:0!important;margin-right:0!important}.stories-bar-container:before,.stories-bar-container:after{display:block;width:40px}.stories-bar{gap:16px;padding:16px 28px 24px;justify-content:space-between}}@media(max-width:768px){.stories-section{padding:clamp(40px,8vh,80px) 0}.stories-bar-container{max-width:100%!important}.stories-bar-container:before,.stories-bar-container:after{display:block;width:28px}.story-ring{width:50px;height:50px;padding:2px}.story-title{font-size:9px;max-width:54px}.stories-bar{gap:10px;padding:14px 20px 22px;justify-content:space-between}.story-counter{right:50px;font-size:11px}.story-close{width:32px;height:32px}.story-close svg{width:16px;height:16px}.story-control-btn{width:40px;height:40px}.story-control-btn svg{width:18px;height:18px}}