.stories-ecosystem{background-color:#0a0a0a;color:#fff;padding:8rem 0;overflow:hidden;font-family:inherit}.stories-header{text-align:center;position:relative;z-index:10;margin-bottom:4rem}.stories-subtitle{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8}.stories-title{font-size:clamp(3rem,5vw,4.5rem);font-weight:500}.stories-title span{color:#f43f5e}.gallery-stage{height:clamp(250px,40vw,350px);width:100%;max-width:1000px;margin:0 auto 6rem;display:flex;justify-content:center;align-items:center}.gallery-anchor{position:relative;width:clamp(100px,18vw,220px);height:clamp(130px,24vw,280px)}.story-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;cursor:pointer;visibility:hidden;opacity:0;overflow:hidden}.story-image{width:100%;height:100%;object-fit:cover;pointer-events:none}.story-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;text-align:center;font-weight:700;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);pointer-events:none}.bento-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-size:.875rem;transition:background-color .1s,border-color .1s,transform .3s ease}.filter-btn:hover,.filter-btn.is-active{background:#f43f5e;border-color:#f43f5e}.bento-viewport{width:100%;overflow:hidden;padding:0 2rem}.bento-track{display:grid;grid-template-rows:repeat(2,clamp(150px,20vw,250px));grid-auto-columns:clamp(150px,20vw,250px);grid-auto-flow:column dense;gap:clamp(.5rem,2vw,1rem);width:max-content}.span-1x1{grid-row:span 1;grid-column:span 1}.span-2x1{grid-row:span 1;grid-column:span 2}.span-1x2{grid-row:span 2;grid-column:span 1}.span-2x2{grid-row:span 2;grid-column:span 2}.bento-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;background:#1a1a1a}.bento-card-media{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.bento-card:hover .bento-card-media{transform:scale(1.08)}.bento-card-info{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transition:opacity .4s ease}.bento-card:hover .bento-card-info{opacity:1}.bento-modal{position:fixed;top:var(--header-height, 80px);bottom:0;left:0;right:0;z-index:99!important;display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none}.bento-modal.is-active{visibility:visible;pointer-events:auto}.bento-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;opacity:0}.bento-modal-content{position:relative;z-index:10;width:90vw;max-width:1200px;height:calc(100% - 4rem);max-height:800px;border-radius:24px;overflow:hidden;background:#000;pointer-events:auto}.modal-main-view,.modal-main-view img,.modal-main-view video{width:100%;height:100%;object-fit:cover}.modal-text-overlay{position:absolute;bottom:3rem;left:3rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.bento-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;width:40px;height:40px;color:#fff;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.bento-modal-close:hover{background:#ffffff59;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 4px 12px #fff3}.bento-modal-prev,.bento-modal-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;width:48px;height:48px;color:#fff;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.bento-modal-prev:hover,.bento-modal-next:hover{background:#ffffff59;border-color:#ffffff80;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px #fff3}.bento-modal-prev{left:2rem}.bento-modal-next{right:2rem}@media(max-width:768px){.bento-modal-prev,.bento-modal-next{width:38px;height:38px}.bento-modal-prev{left:1rem}.bento-modal-next{right:1rem}.bento-modal-close{top:1rem;right:1rem;width:36px;height:36px}.modal-text-overlay{bottom:7.5rem;left:1.5rem;right:1.5rem}.modal-text-overlay h3{font-size:1.1rem}.modal-text-overlay p{font-size:.85rem}.modal-dock-container{bottom:1rem;padding:.35rem;border-radius:12px}.dock-item{width:38px;height:38px}}.bento-viewport{cursor:grab}.bento-viewport:active{cursor:grabbing}.modal-dock-container{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);z-index:20;max-width:90%;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.modal-dock-container::-webkit-scrollbar{display:none}.modal-dock-track{display:flex;align-items:center;gap:.5rem;width:max-content}.dock-item{width:48px;height:48px;border-radius:10px;overflow:hidden;cursor:pointer;opacity:.6;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.dock-item:hover{transform:translateY(-8px) scale(1.1);opacity:1}.dock-item.is-active{opacity:1;border-color:#fff;transform:scale(1.1);box-shadow:0 10px 20px #0000004d}.dock-item img,.dock-item video{width:100%;height:100%;object-fit:cover}.bento-spacer{width:clamp(60px,10vw,150px);grid-row:span 2;position:relative;display:flex;align-items:center;justify-content:center}.bento-spacer:after{content:"";position:absolute;top:15%;bottom:15%;width:2px;background:#ffffff4d;border-radius:2px}.story-card-overlay{font-size:clamp(.75rem,2.5vw,1.1rem);padding:clamp(.5rem,2vw,1rem)}.bento-card-info h3{font-size:clamp(1rem,4vw,1.5rem);margin-bottom:.25rem;line-height:1.2}.bento-card-info p{font-size:clamp(.75rem,2.5vw,.95rem);color:#fffc;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-stories-ecosystem.css.map */