.scenes{padding:clamp(96px,9vw,138px) var(--md-pad-contained) clamp(104px,9vw,144px);background:var(--md-canvas);color:var(--md-ink-soft)}.scenes__inner{width:min(100%,1440px);margin-inline:auto}.scenes__header{max-width:820px;margin:0 auto clamp(56px,5vw,72px);text-align:center}.scenes__title{max-width:780px;margin:0 auto;color:var(--md-ink);font-size:clamp(2.55rem,4.7vw,4.35rem);font-weight:600;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}.scenes__copy{max-width:650px;margin:22px auto 0;color:var(--md-muted);font-size:clamp(1rem,1.25vw,1.125rem);font-weight:300;line-height:1.62;text-wrap:balance}.scenes__accordion{--scene-motion: .52s var(--md-ease);display:flex;width:100%;height:clamp(560px,41.6vw,640px);gap:clamp(16px,1.25vw,20px)}.scenes__card{position:relative;flex:1 1 0;min-width:0;height:100%;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);border:1px solid rgba(255,255,255,.18);border-radius:28px;background:#252722;color:#fff;cursor:pointer;isolation:isolate;outline:none;transform:translateZ(0);transition:flex .48s var(--md-ease),box-shadow .28s var(--md-ease)}.scenes__card.is-active{flex-grow:4}.scenes__card:hover{box-shadow:var(--md-shadow-hover)}.scenes__card:focus-visible{outline:3px solid var(--md-blue);outline-offset:4px}.scenes__card:before{content:"";position:absolute;z-index:6;top:0;right:0;left:0;height:3px;background:var(--md-led);opacity:0;pointer-events:none;transition:opacity .28s ease}.scenes__card.is-active:before,.scenes__card:focus-visible:before{opacity:1}.scenes__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#252722;transform:scale(var(--scene-zoom, 1))}.scenes__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#0000008c;transition:background-color var(--scene-motion)}.scenes__shade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.35) 48%,transparent 76%);opacity:0;transition:opacity var(--scene-motion)}.scenes__card.is-active .scenes__shade{background-color:#00000014}.scenes__card.is-active .scenes__shade:after{opacity:1}.scenes__content{position:absolute;right:clamp(14px,1.4vw,22px);bottom:clamp(26px,3vw,44px);left:clamp(14px,1.4vw,22px);z-index:2;min-width:0;transition:right var(--scene-motion),left var(--scene-motion)}.scenes__card.is-active .scenes__content{right:clamp(24px,2.4vw,38px);left:clamp(24px,2.4vw,38px)}.scenes__label{max-height:0;overflow:hidden;color:#ffffffc2;font-size:.66rem;font-weight:500;letter-spacing:.18em;line-height:1.3;opacity:0;text-transform:uppercase;transform:translateY(6px);transition:opacity .24s ease,transform .38s var(--md-ease),max-height .36s var(--md-ease),margin .36s var(--md-ease)}.scenes__card-title{width:100%;max-width:520px;color:#fff;font-size:clamp(1.375rem,1.9vw,1.875rem);font-weight:600;letter-spacing:-.035em;line-height:1.06;overflow-wrap:break-word;text-wrap:balance;transition:font-size .44s var(--md-ease),line-height .44s var(--md-ease)}.scenes__desc{max-width:520px;max-height:0;overflow:hidden;color:#ffffffd1;font-size:clamp(.86rem,1.05vw,1rem);font-weight:300;line-height:1.5;opacity:0;transform:translateY(8px);transition:opacity .24s ease,transform .4s var(--md-ease),max-height .38s var(--md-ease),margin .38s var(--md-ease)}.scenes__card.is-active .scenes__label{max-height:30px;margin-bottom:13px;opacity:1;transform:none}.scenes__card.is-active .scenes__card-title{font-size:clamp(2.2rem,3vw,2.75rem);line-height:1.02}.scenes__card.is-active .scenes__desc{max-height:88px;margin-top:15px;opacity:1;transform:none}@media(max-width:900px){.scenes{padding:72px 16px 84px}.scenes__accordion{height:auto;flex-direction:column;gap:12px}.scenes__card,.scenes__card.is-active{flex:none;width:100%;height:92px;min-height:92px;border-radius:22px;transition:height .42s var(--md-ease),min-height .42s var(--md-ease)}.scenes__card.is-active{height:440px;min-height:440px}.scenes__content{right:22px;bottom:22px;left:22px}.scenes__card:not(.is-active) .scenes__content{top:50%;bottom:auto;transform:translateY(-50%)}.scenes__card.is-active .scenes__content{top:auto;right:22px;bottom:26px;transform:none}.scenes__card-title{font-size:clamp(1.75rem,5.5vw,2.125rem)}.scenes__card.is-active .scenes__card-title{font-size:clamp(2rem,6.6vw,2.45rem)}.scenes__card.is-active .scenes__desc{max-height:110px;font-size:.9rem}}@media(max-width:640px){.scenes__card,.scenes__card.is-active{border-radius:20px}.scenes__card.is-active{height:420px;min-height:420px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/scenes-grid.css.map */