.hero-showroom{position:relative;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;cursor:none}.hero-showroom__video-wrapper{width:100%;position:relative}.hero-showroom__video-container{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;cursor:none;height:100%}.hero-showroom__video{position:relative;width:100%;height:100%}.hero-showroom__video .video-player{width:100%;height:100%;object-fit:cover}.hero-showroom__video .video-container iframe{background-color:#fff}.hero-showroom__play-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 24px;gap:4px;position:absolute;width:236px;height:40px;left:calc(50% - 118px);top:calc(50% - 20px);mix-blend-mode:difference;z-index:10;cursor:pointer;opacity:1;transition:opacity .3s ease;visibility:visible}.hero-showroom__play-button.hidden{opacity:0;pointer-events:none;visibility:hidden}.hero-showroom__play-icon{width:24px;height:24px;order:0;flex-grow:0;position:relative}.hero-showroom__play-icon:before,.hero-showroom__play-icon:after{content:"";position:absolute;left:33%;right:33%;top:29%;bottom:29%;background:var(--color-primary-white)}.hero-showroom__play-text{width:160px;height:17px;font-family:BrownStd,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:120%;display:flex;align-items:center;letter-spacing:.06em;text-transform:uppercase;font-feature-settings:"ss02" on,"ss03" on,"ss04" on;color:var(--color-primary-white);order:1;flex-grow:0}.hero-showroom__protection{position:absolute;visibility:hidden;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,#100a0d00 70%,#100a0d7a);z-index:5}.hero-showroom__player-cursor{position:absolute;visibility:hidden;width:24px;height:24px;right:8px;bottom:8px;z-index:6}@media (max-width: 1024px){.hero-showroom{height:auto!important;margin:0 auto}.hero-showroom .hero-section__item{width:100%;height:100%}.hero-showroom .hero-section__item :where(h1,h2,h3,h4,h5,h6){width:100%}.hero-showroom .hero-section__item .description{width:100%;height:100%;vertical-align:middle}.hero-showroom__video-container{height:715px;margin-top:0}.hero-showroom__play-button{width:236px;height:40px;left:calc(50% - 118px);top:calc(50% - 20px);padding:0 24px}.hero-showroom__play-text{width:160px}}@media screen and (max-width: 1024px){.hero-showroom .hero-showroom .hero-section__item .description{width:100%;height:100%}.hero-showroom .hero-section__item .description{width:100%;height:100%;vertical-align:middle}.hero-showroom__video-container{height:715px;margin-top:0}.hero-showroom__play-button{width:236px;height:40px;left:calc(50% - 118px);top:calc(50% - 20px);padding:0 24px}.hero-showroom__play-text{width:160px}}.hero-section__timestamps{position:absolute;bottom:2rem;left:0;width:100%;z-index:3;display:flex;justify-content:center;gap:1rem}.hero-timestamp{opacity:0;transition:opacity .3s ease}.hero-timestamp.active{opacity:1}.timestamp-image{max-height:80px;width:auto}.cta-button{display:flex;flex-direction:row;align-items:center;margin-bottom:4px;padding:8px 10px;gap:8px;position:absolute;right:0;bottom:0;mix-blend-mode:difference;background:transparent;border:none;cursor:pointer;z-index:10;transition:transform .3s ease;white-space:nowrap}.cta-button span{font-family:BrownStd;font-style:normal;font-weight:400;font-size:12px;line-height:120%;display:flex;align-items:center;letter-spacing:.06em;text-transform:uppercase;font-feature-settings:"ss02" on,"ss03" on,"ss04" on;color:var(--color-primary-white)}.cta-button .arrow-icon{font-size:20px;line-height:1;color:var(--color-primary-white);margin-top:-2px}.video-player:hover .timeline-container,.video-player.is-playing .timeline-container{opacity:1;transform:translateY(0)}.video-player:hover .cta-button,.video-player.is-playing .cta-button{transform:translateY(-48px)}.looks-sidebar{position:absolute;top:0;right:-244px;width:244px;height:100%;background:var(--color-primary-white);padding-left:10px;transition:transform .3s ease;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;z-index:100}.looks-sidebar.active{transform:translate(-244px)}.looks-sidebar__carousel.gallery-thumbs{width:116px;height:100%;margin-top:0;overflow:hidden;display:flex;flex-direction:column}.looks-sidebar__carousel .swiper-wrapper{display:flex;flex-direction:column;gap:4px;height:auto;padding:0;margin-top:0}.looks-sidebar__carousel .swiper-slide{width:116px!important;height:174px!important;margin:0;flex-shrink:0}.looks-sidebar__item{width:116px;height:174px;opacity:.3;transition:all .3s ease;cursor:pointer}.looks-sidebar__item.swiper-slide-active{opacity:1!important}.looks-sidebar__item.swiper-slide-thumb-active{opacity:1;border:2px solid var(--color-primary-white)}.looks-sidebar__item:hover{opacity:.8}.looks-sidebar__image{width:100%;height:100%;object-fit:cover;aspect-ratio:2 / 3}.looks-sidebar__close{position:absolute;width:24px;height:24px;right:10px;top:10px;border:none;background:none;cursor:pointer;padding:0;z-index:1}.looks-sidebar__close-icon{position:relative;display:block;width:100%;height:100%}.looks-sidebar__close-icon:before,.looks-sidebar__close-icon:after{content:"";position:absolute;left:25%;right:25%;top:50%;border-top:1.5px solid #100A0D;transform-origin:center}.looks-sidebar__close-icon:before{transform:rotate(45deg)}.looks-sidebar__close-icon:after{transform:rotate(-45deg)}@media (max-width: 1024px){.looks-sidebar{top:auto;bottom:0;left:0;right:0;width:100%;height:244px;transform:translateY(100%)}.looks-sidebar.active{transform:translateY(0)}.looks-sidebar__carousel.gallery-thumbs{width:100%;height:174px}.looks-sidebar__carousel .swiper-wrapper{flex-direction:row;height:174px}.looks-sidebar__carousel .swiper-slide{width:116px!important;height:174px!important;flex-shrink:0}}.hero-showroom .gallery-thumbs{height:100%;width:100%;overflow:hidden}.hero-showroom .gallery-thumbs .swiper-slide{width:100%;height:auto;aspect-ratio:2 / 3;cursor:pointer;opacity:.7;transition:all .3s ease}.hero-showroom .gallery-thumbs .swiper-slide:hover{opacity:.9}.hero-showroom .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:2px solid var(--color-primary, #000)}.hero-showroom .looks-sidebar{position:absolute;right:-244px;top:0;height:100%;width:244px;background:var(--color-primary-white);transition:right .3s ease;z-index:100}.hero-showroom.sidebar-open:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}.hero-showroom .looks-sidebar__close{position:absolute;top:20px;right:20px;cursor:pointer;z-index:101}@media screen and (max-width: 1024px){.hero-showroom{height:1027px;margin:0 auto}.hero-showroom .hero-section__item{width:100%}.hero-showroom__video-container{height:715px;margin-top:0}}.hero-showroom__video-container .looks-sidebar{position:absolute;right:-244px;top:0;height:100%;width:244px;background:var(--color-primary-white);padding-left:10px;transition:right .3s ease;z-index:100}@media screen and (max-width: 1024px){.hero-showroom__video-container .looks-sidebar{position:fixed;bottom:0;right:0;top:auto;height:244px;width:100%;transform:translateY(100%)}.hero-showroom__video-container .looks-sidebar.active{transform:translateY(0)}}.discover-button{display:flex;flex-direction:row;align-items:center;padding:0;gap:4px;position:absolute;width:232px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:difference;background:transparent;border:none;cursor:none;pointer-events:auto;z-index:1000;justify-content:center;opacity:0;transition:opacity .3s ease,visibility .3s ease}@media screen and (min-width: 1024px){.discover-button{visibility:hidden}.hero-showroom__video-container:hover .discover-button{opacity:1;visibility:visible}}.hero-showroom__video:not(:has(.is-playing)) button.discover-button{opacity:1;visibility:visible}.discover-button__play-icon{width:32px;height:32px;position:relative;flex:none;order:0;flex-grow:0}.discover-button__play-icon:before{content:"";position:absolute;left:33.33%;right:33.33%;top:29.17%;bottom:29.17%;background:var(--color-primary-white);clip-path:polygon(0 0,100% 50%,0 100%)}.discover-button span{width:196px;height:17px;font-family:BrownStd;font-style:normal;font-weight:400;font-size:14px;line-height:120%;display:flex;align-items:center;letter-spacing:.06em;text-transform:uppercase;font-feature-settings:"ss02" on,"ss03" on,"ss04" on;color:var(--color-primary-white);flex:none;order:1;flex-grow:0;white-space:nowrap}.discover-button.hidden{opacity:0;pointer-events:none;visibility:hidden}.video-player--play-hidden .video-controls--bottom{display:none!important}.hero-showroom__sidebar-container{position:relative;width:100%;height:100%}.hero-showroom__swiper-container{position:relative;height:100%;width:47%}.hero-showroom__content{position:relative;width:100%}.hero-showroom .hero-section__item{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.hero-showroom .hero-section__item :where(h1,h2,h3,h4,h5,h6){text-transform:uppercase;flex:none;order:0;color:var(--color-primary-black);flex-grow:0}.hero-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100dvh;background:var(--color-primary-white);z-index:10000;flex-direction:column;align-items:center;padding:140px 0}.hero-modal.active{display:flex}.hero-modal__video{height:302px;width:100%}.hero-modal__video .video-controls--top{top:auto;bottom:0}.hero-modal__video .video-controls--top .video-control--fullscreen{display:none}.hero-modal__video .video-controls--top svg{color:var(--color-primary-black)}.hero-modal__video-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-modal__video-wrapper .timeline-container{bottom:30px}.hero-modal__video-wrapper .timeline-container .timeline{height:4px}.hero-modal .looks-sidebar{position:relative;bottom:0;left:0;top:auto;width:100%;height:120px;padding:16px 0;background:var(--color-primary-white);display:flex;align-items:center;justify-content:center;transform:translateY(0)}.hero-modal .gallery-thumbs-mobile{width:100%;height:93px}.hero-modal .swiper-wrapper{display:flex;flex-direction:row;gap:0}.hero-modal .swiper-slide{width:auto;height:93px!important;opacity:.5;transition:opacity .3s ease}.hero-modal .swiper-slide-thumb-active{opacity:1;border:2px solid var(--color-primary-black)}.hero-modal .looks-sidebar__image{width:100%;height:100%;object-fit:cover}.hero-modal__close{position:absolute;top:16px;right:16px;width:12px;height:12px;background:transparent;border:none;cursor:pointer;z-index:1001}.hero-modal__close:before,.hero-modal__close:after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;background:#000}.hero-modal__close:before{transform:rotate(45deg)}.hero-modal__close:after{transform:rotate(-45deg)}.hero-showroom__image{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2}.hero-showroom__image img{height:100%;width:100%;object-fit:cover}@media screen and (min-width: 1024px){.hero-modal{display:none!important}.hero-modal .looks-sidebar{position:fixed;padding:16px;top:50%;transform:translateY(-50%)}.hero-modal .gallery-thumbs-mobile{width:244px;height:88px}.hero-modal .swiper-wrapper{gap:8px}.hero-modal .swiper-slide{width:66px!important;height:88px!important}.hero-modal__video{margin-bottom:auto}}@media (max-width: 1024px){.hero-showroom,.hero-showroom__video-container,.discover-button{cursor:pointer}.discover-button{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/133/assets/hero-showroom.css.map */