.hero-gallery{display:flex;flex-direction:column;gap:var(--spacing-elements);margin-top:var(--spacing-elements)}.hero-gallery__main{position:relative}.hero-gallery__main picture,.hero-gallery__main .hero-gallery__video{aspect-ratio:345/220}.hero-gallery__main picture:not(:first-child),.hero-gallery__main picture.hero-gallery__inactive-image,.hero-gallery__main .hero-gallery__video:not(:first-child),.hero-gallery__main .hero-gallery__video.hero-gallery__inactive-image{display:none}.hero-gallery__main picture.hero-gallery__active-image,.hero-gallery__main .hero-gallery__video.hero-gallery__active-image{display:block}.hero-gallery__main img,.hero-gallery__main video{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-3)}.hero-gallery__video{position:relative;overflow:hidden;border-radius:var(--border-radius-3)}.hero-gallery__video-element{display:block}.hero-gallery__view-button{all:unset;position:absolute;bottom:var(--spacing-8);right:var(--spacing-8);color:var(--colors-gray-white);display:flex;padding:var(--spacing-8) var(--spacing-12);align-items:center;gap:var(--spacing-4);border-radius:var(--border-radius-3);background:rgba(0,0,0,.7);box-shadow:0 20px 25px 0 rgba(0,0,0,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body-12);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-18);letter-spacing:0}@media(min-width: 1024px){.hero-gallery__view-button{font-family:var(--font-family);font-size:var(--font-size-body-13);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-19);letter-spacing:var(--font-letter-spacing)}}.hero-gallery__view-button:focus-visible{outline:var(--outline-width) solid var(--color-teal);outline-offset:var(--outline-offset)}.hero-gallery__view-button svg{width:var(--spacing-16);height:var(--spacing-16)}.hero-gallery__thumbnails{display:flex;gap:var(--spacing-elements);overflow-x:scroll;margin:-2px}.hero-gallery__thumbnails button{all:unset;width:96px;height:58px;flex:0 0 auto;display:inline-block;cursor:pointer;border:2px solid rgba(0,0,0,0);border-radius:var(--border-radius-5)}.hero-gallery__thumbnails button:focus-visible{border:2px solid var(--colors-buttons-background-btn-primary)}.hero-gallery__thumbnails button.hero-gallery__thumbnail-active{border:2px solid var(--colors-gray-almost-black)}.hero-gallery__thumbnails img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--border-radius-3)}@media screen and (min-width: 1024px){.hero-gallery{height:350px;flex-direction:row;gap:var(--spacing-20);margin-top:var(--spacing-20)}.hero-gallery[data-image-count="0"] .hero-gallery__main,.hero-gallery[data-image-count="1"] .hero-gallery__main{flex:1 1 100%}.hero-gallery[data-image-count="0"] .hero-gallery__thumbnails,.hero-gallery[data-image-count="1"] .hero-gallery__thumbnails{display:none}.hero-gallery[data-image-count="2"] .hero-gallery__thumbnails button{height:100%}.hero-gallery__main{flex:0 0 calc(100% - var(--sidebar-width) - var(--spacing-20))}.hero-gallery__main picture,.hero-gallery__main .hero-gallery__video{cursor:pointer;aspect-ratio:auto;height:100%}.hero-gallery__main picture:first-child,.hero-gallery__main .hero-gallery__video:first-child{display:block !important}.hero-gallery__main picture:not(:first-child),.hero-gallery__main .hero-gallery__video:not(:first-child){display:none !important}.hero-gallery__main img,.hero-gallery__main video{border-radius:var(--border-radius-5)}.hero-gallery__video{border-radius:var(--border-radius-5)}.hero-gallery__view-button{bottom:var(--spacing-10);right:var(--spacing-10);padding:var(--spacing-12) var(--spacing-16);gap:var(--spacing-6);border-radius:var(--border-radius-2)}.hero-gallery__view-button svg{width:var(--spacing-20);height:var(--spacing-20)}.hero-gallery__thumbnails{flex:0 0 var(--sidebar-width);flex-wrap:wrap;gap:var(--spacing-20);margin:0;height:100%;overflow:visible}.hero-gallery__thumbnails button{width:100%;height:calc(50% - var(--spacing-20)/2);aspect-ratio:auto;cursor:pointer;border:0;outline:none}.hero-gallery__thumbnails button,.hero-gallery__thumbnails button:focus,.hero-gallery__thumbnails button:focus-visible,.hero-gallery__thumbnails button.hero-gallery__thumbnail-active{border:0}.hero-gallery__thumbnails button:focus-visible{outline:var(--outline-width) solid var(--color-teal);outline-offset:var(--outline-offset)}.hero-gallery__thumbnails button:first-child,.hero-gallery__thumbnails button:nth-child(n+4){display:none}}@media screen and (min-width: 1280px){.hero-gallery[data-image-count="0"] .hero-gallery__main,.hero-gallery[data-image-count="1"] .hero-gallery__main{flex:1 1 100%}.hero-gallery[data-image-count="0"] .hero-gallery__thumbnails,.hero-gallery[data-image-count="1"] .hero-gallery__thumbnails{display:none}.hero-gallery[data-image-count="2"] .hero-gallery__thumbnails button{width:100%;height:100%}.hero-gallery[data-image-count="2"] .hero-gallery__thumbnails button:nth-child(n+3){display:none}.hero-gallery[data-image-count="3"] .hero-gallery__thumbnails button,.hero-gallery[data-image-count="4"] .hero-gallery__thumbnails button{width:100%;height:calc(50% - var(--spacing-20)/2)}.hero-gallery[data-image-count="3"] .hero-gallery__thumbnails button:nth-child(n+4),.hero-gallery[data-image-count="4"] .hero-gallery__thumbnails button:nth-child(n+4){display:none}.hero-gallery__thumbnails button{width:calc(50% - var(--spacing-20)/2);height:calc(50% - var(--spacing-20)/2);aspect-ratio:150/165}.hero-gallery__thumbnails button:nth-child(n+4){display:block}.hero-gallery__thumbnails button:nth-child(n+6){display:none}}