.nano-peak{overflow:hidden;background:var(--nano-peak-bg, var(--common-surface-deep));color:var(--nano-peak-heading-color, var(--common-white));padding-block:100px}.nano-peak__card:not([aria-expanded=true]) .nona-peak-link{display:none}.nano-peak__inner{display:flex;flex-direction:column;gap:60px}.nano-peak__header{display:flex;flex-direction:column;gap:16px}.nano-peak__header--left{align-items:flex-start;text-align:left}.nano-peak__header--center{align-items:center;text-align:center}.nano-peak__header--right{align-items:flex-end;text-align:right}.nano-peak__heading{margin:0;color:var(--nano-peak-heading-color, var(--common-white));font-size:44px;font-weight:700;line-height:1.2;letter-spacing:0}.nano-peak__copy{max-width:1280px;margin:0;color:var(--nano-peak-copy-color, var(--common-gray-500));font-size:18px;font-weight:400;line-height:1.3;letter-spacing:0}.nano-peak__cards{--nano-peak-gap: 20px;display:flex;gap:var(--nano-peak-gap);height:480px}.nano-peak__card{position:relative;display:flex;flex:300 1 0;align-items:flex-end;min-width:0;height:480px;aspect-ratio:auto;overflow:hidden;border:0;border-radius:20px;background:var(--nano-peak-card-bg, var(--common-black));cursor:pointer;-webkit-tap-highlight-color:transparent;transition:flex-grow .2s ease}.nano-peak__card.is-active{flex-grow:640}.nano-peak__media{position:absolute;top:0;right:0;bottom:0;left:0}.nano-peak__image,.nano-peak__video{display:block;width:100%;height:100%;object-fit:cover}.nano-peak__video{pointer-events:none}.nano-peak__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nano-peak-media-overlay-color-20, rgba(var(--common-black-rgb), .2));pointer-events:none}.nano-peak__content{position:relative;z-index:1;display:flex;width:100%;box-sizing:border-box;flex-direction:column;gap:8px;padding:20px;background:linear-gradient(180deg,transparent 0%,var(--nano-peak-content-gradient-color-80, rgba(var(--common-primary-black-rgb), .8)) 100%)}.nano-peak__card-title{margin:0;color:var(--nano-peak-card-title-color, var(--common-white));font-size:20px;font-weight:700;line-height:1.3;letter-spacing:0}.nano-peak__card-copy{display:block;max-height:0;margin:0;overflow:hidden;color:var(--nano-peak-card-copy-color, var(--common-gray-200));opacity:0;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:0;transform:translateY(8px);transition:max-height .2s ease,opacity .2s ease,transform .2s ease}.nano-peak__card-copy strong{color:var(--nano-peak-card-strong-color, var(--common-white));font-weight:400}.nano-peak__card.is-active .nano-peak__card-copy{max-height:96px;opacity:1;transform:translateY(0)}.nano-peak__toggle{position:absolute;z-index:2;top:20px;right:20px;width:32px;height:32px;border-radius:50%;background:var(--nano-peak-toggle-bg-80, rgba(var(--common-white-rgb), .8));opacity:1;transition:all .2s ease}.nano-peak__card:hover .nano-peak__toggle{background:var(--nano-peak-toggle-hover-bg, var(--common-pure-white))}.nano-peak__toggle:before,.nano-peak__toggle:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;border-radius:1px;background:var(--nano-peak-toggle-icon-color, var(--common-black));transform:translate(-50%,-50%)}.nano-peak__toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.nano-peak__card.is-active .nano-peak__toggle{opacity:0;pointer-events:none}@media(max-width:1024px){.nano-peak{padding-block:50px}.nano-peak__inner{gap:40px}.nano-peak__header{gap:12px}.nano-peak__heading{font-size:24px;line-height:1.3}.nano-peak__copy{font-size:16px;line-height:1.3}.nano-peak__cards{display:flex;flex-direction:column;gap:12px;height:auto}.nano-peak__card,.nano-peak__card.is-active{flex:0 0 auto;height:auto;min-height:0;aspect-ratio:346 / 180;border-radius:16px;transition:aspect-ratio .2s ease}.nano-peak__card.is-active{aspect-ratio:1 / 1}.nano-peak__content{padding:12px}.nano-peak__card-title{font-size:20px}.nano-peak__card-copy{max-height:0;font-size:14px}.nano-peak__card.is-active .nano-peak__card-copy{max-height:140px}.nano-peak__card:hover .nano-peak__toggle{background:var(--nano-peak-toggle-bg-80, rgba(var(--common-white-rgb), .8))}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/nano-peak.css.map */