.details-banner{background:#0a0a0a;width:100%;height:100vh;font-family:Inter,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.details-banner__media{z-index:1;position:absolute;inset:0}.details-banner__media-item{opacity:0;will-change:opacity;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.details-banner__media-item--active{opacity:1}.details-banner__media-item img,.details-banner__media-item video{object-fit:cover;width:100%;height:100%;display:block}.details-banner__media-item--active img{animation:8s ease-in-out forwards detailsKenBurns}@keyframes detailsKenBurns{0%{transform:scale(1)}to{transform:scale(1.08)}}.details-banner__overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.details-banner__overlay:before{content:"";background:linear-gradient(#00000059 0%,#0000000d 40%,#00000026 70%,#000000b3 100%);position:absolute;inset:0}.details-banner__overlay:after{content:"";background:linear-gradient(#0000 0%,#0009 100%);width:100%;height:35%;position:absolute;bottom:0;left:0}.details-banner__content{z-index:3;flex-direction:row;justify-content:space-between;align-items:stretch;gap:40px;padding:0 clamp(24px,5vw,80px);display:flex;position:absolute;inset:0}.details-banner__left{flex-direction:column;flex:1;justify-content:center;min-width:0;padding-bottom:clamp(60px,8vh,100px);display:flex}.details-banner__right{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:flex-end;gap:16px;display:flex}.details-banner__meta{align-items:center;gap:10px;margin-bottom:16px;display:inline-flex}.details-banner__meta-text{letter-spacing:.25em;text-transform:uppercase;color:#ffffffd9;font-size:12px;font-weight:600}.details-banner__title{color:#fff;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 24px;font-family:Oswald,Inter,sans-serif;font-size:clamp(64px,10vw,160px);font-weight:700;line-height:1}.details-banner__title-word{margin-right:.2em;display:inline-block}.details-banner__divider{transform-origin:0;background:#1e2e78;width:60px;height:2px;margin-bottom:18px}.details-banner__counter{align-items:baseline;gap:4px;margin-bottom:0;display:flex}.details-banner__counter-current{color:#fff;font-family:Oswald,sans-serif;font-size:42px;font-weight:700;line-height:1}.details-banner__counter-sep{color:#fff6;margin:0 2px;font-size:18px;font-weight:300}.details-banner__counter-total{color:#fff6;font-family:Oswald,sans-serif;font-size:18px;font-weight:400}.details-banner__thumbs{justify-content:flex-end;align-items:flex-end;gap:8px;display:flex}.details-banner__thumb{cursor:pointer;opacity:.5;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:50px;height:30px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.details-banner__thumb:hover{opacity:.8;transform:translateY(-2px)}.details-banner__thumb--active{opacity:1;border-color:#1e2e78;transform:translateY(-4px);box-shadow:0 4px 20px #a100ff66}.details-banner__thumb img,.details-banner__thumb video{object-fit:cover;width:100%;height:100%;display:block}.details-banner__thumb-play{background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.details-banner__thumb-play svg{fill:#fff;opacity:.9;width:14px;height:14px}.details-banner__progress{z-index:5;background:#ffffff1a;width:100%;height:3px;position:absolute;bottom:0;left:0}.details-banner__progress-bar{transform-origin:0;background:linear-gradient(90deg,#1e2e78,#d580ff);height:100%}.details-banner__side-indicator{z-index:4;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;right:clamp(24px,3vw,60px);transform:translateY(-50%)}.details-banner__side-dot{cursor:pointer;background:#ffffff40;border-radius:50%;width:8px;height:8px;transition:all .4s}.details-banner__side-dot:hover{background:#ffffff80}.details-banner__side-dot--active{background:#1e2e78;transform:scale(1.4);box-shadow:0 0 12px #a100ff99}.details-banner__scroll-hint{z-index:4;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:clamp(20px,4vh,40px);right:clamp(24px,3vw,60px)}.details-banner__scroll-text{letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;writing-mode:vertical-rl;font-size:10px}.details-banner__scroll-line{background:#fff3;width:1px;height:40px;position:relative;overflow:hidden}.details-banner__scroll-line:after{content:"";background:#1e2e78;width:100%;height:100%;animation:2s ease-in-out infinite detailsScrollLine;position:absolute;top:-100%;left:0}@keyframes detailsScrollLine{0%{top:-100%}50%{top:0}to{top:100%}}@media (max-width:768px){.details-banner__content{flex-direction:column;align-items:stretch;gap:24px;padding-bottom:clamp(60px,8vh,100px)}.details-banner__left{justify-content:flex-end;padding-bottom:0}.details-banner__right{align-items:flex-start}.details-banner__thumbs{gap:12px}.details-banner__thumb{width:72px;height:48px}.details-banner__counter-current{font-size:32px}.details-banner__side-indicator,.details-banner__scroll-hint{display:none}.details-banner__divider{width:40px}}@media (max-width:480px){.details-banner__thumb{border-radius:6px;width:64px;height:42px}.details-banner__meta-text{letter-spacing:.2em;font-size:10px}.details-banner__counter-current{font-size:26px}.details-banner__counter-sep,.details-banner__counter-total{font-size:14px}}