@media only screen and (min-width: 1200.01px) { } @media only screen and (max-width: 1919px) { } @media only screen and (max-width: 1200px) { } #x6sh{line-height: 1.6; background-color: rgb(0, 0, 0);} #x6sh section{position: relative;} #x6sh picture,#x6sh img,#x6sh svg,#x6sh canvas,#x6sh video{display: block; width: 100%;} #x6sh sup{top: auto; font-size: 0.6em; vertical-align: super;} #x6sh [data-footnote]{cursor: pointer;} #x6sh .sticky{position: sticky; top: 0px; width: 100%; overflow: hidden;} #x6sh .click-button{overflow: visible; margin: 0px; padding: 0px; cursor: pointer; user-select: none; text-align: center; vertical-align: inherit; color: inherit; border: 0px; outline: 0px; background: transparent; appearance: none;} #x6sh .nowrap{display: inline-block; white-space: nowrap;} #x6sh .blur-up{transition: filter 400ms; filter: blur(10px);} #x6sh .blur-up.lazyloaded{filter: blur(0px);} #x6sh br.lg{display: block;} #x6sh br.md{display: none;} #x6sh br.xs{display: none;} @media (max-aspect-ratio: 11 / 10) {#x6sh br.lg{display: none;} #x6sh br.md{display: none;} #x6sh br.xs{display: block;}} #x6sh .pt-200{padding-top: 10.4167vw;} #x6sh .py-200{padding-top: 10.4167vw; padding-bottom: 10.4167vw;} #x6sh .py-160{padding-top: 8.33333vw; padding-bottom: 8.33333vw;} #x6sh .pb-200{padding-bottom: 10.4167vw;} #x6sh .pb-160{padding-bottom: 8.33333vw;} @media (max-aspect-ratio: 11 / 10) {#x6sh .pt-200,#x6sh .xs\:pt-200{padding-top: 27.7778vw;} #x6sh .py-200,#x6sh .xs\:py-200{padding-top: 27.7778vw; padding-bottom: 27.7778vw;} #x6sh .py-160{padding-top: 22.2222vw; padding-bottom: 22.2222vw;} #x6sh .pb-200,#x6sh .xs\:pb-200{padding-bottom: 27.7778vw;} #x6sh .pb-160{padding-bottom: 22.2222vw;}} #x6sh .hidden,#x6sh .lg\:hidden{display: none;} @media (max-width: 820px) and (min-aspect-ratio: 11 / 10) {#x6sh .hidden,#x6sh .md\:hidden{display: none;} #x6sh .block,#x6sh .md\:block{display: block;}} @media (max-aspect-ratio: 11 / 10) {#x6sh .hidden,#x6sh .xs\:hidden{display: none;} #x6sh .block,#x6sh .xs\:block{display: block;}} #x6sh .h2{font-size: 2.5vw; margin: 0px auto 3.33333vw; background-clip: text; color: transparent; background-image: linear-gradient(107deg, rgb(211, 183, 150) 0%, rgb(252, 236, 213) 100%); width: max-content; font-weight: 300; line-height: 1.25; letter-spacing: 0.3125vw;} #x6sh .h3{font-size: 1.45833vw; color: rgb(255, 255, 255); font-weight: 400; line-height: 1.25;} #x6sh .h3.h3-40{font-size: 2.08333vw; margin-bottom: 1.04167vw;} #x6sh .h3.dark{color: rgb(24, 25, 26);} #x6sh .h3.headline{font-size: 1.35417vw; margin-bottom: 1.25vw; font-weight: 500;} #x6sh p{font-size: 0.9375vw; color: rgb(172, 159, 150); font-weight: 400;} #x6sh .text-white{color: rgb(255, 255, 255);} #x6sh .note{display: flex; justify-content: flex-end; font-size: max(8px, 0.729167vw); color: rgb(172, 159, 150);} @media (max-aspect-ratio: 11 / 10) {#x6sh .h2{font-size: 8.88889vw; margin-bottom: 8.88889vw;} #x6sh .h3{font-size: 4.44444vw;} #x6sh .h3.h3-40{font-size: 8.88889vw; margin-bottom: 4.44444vw;} #x6sh .h3.headline{font-size: 5.55556vw; margin-bottom: 5.55556vw;} #x6sh p{font-size: 3.88889vw;} #x6sh p.subtitle{font-size: 8.88889vw;} #x6sh .note{font-size: 3.33333vw;}} #x6sh .autoplay-trigger{position: absolute; top: 80%;} #x6sh .carousel-video .swiper-wrapper,#x6sh .carousel-video [data-swiper-parallax-x],#x6sh .carousel-video [data-swiper-parallax-opacity]{transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);} #x6sh .carousel-video .video-container{position: relative;} #x6sh .play-pause-button{position: absolute; z-index: 2; right: 1.25vw; bottom: 1.25vw; overflow: hidden; width: 2.08333vw; height: 2.44792vw; transform: translateZ(0px); cursor: pointer; backdrop-filter: blur(8px) brightness(1); background-color: rgba(204, 204, 204, 0.4); transition: 0.3s; mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/play-pause-button-mask.svg"); mask-size: 100% auto; mask-repeat: no-repeat; mask-position: center center;} @media (any-hover: hover) and (pointer: fine) {#x6sh .play-pause-button:hover{opacity: 0.6;}} #x6sh .play-pause-button .button-icon{position: absolute; top: 0px; left: 0px; display: none;} #x6sh.no-inline-video .play-pause-button{display: none;} @media (max-aspect-ratio: 11 / 10) {#x6sh .play-pause-button{right: 4.44444vw; bottom: 4.44444vw; width: 7.63889vw; height: 8.88889vw;} #x6sh .play-pause-button:hover{backdrop-filter: blur(8px) brightness(1);}} #x6sh .video-container.playing .icon-pause,#x6sh .video-container.paused .icon-play,#x6sh .video-container.ended .icon-replay,#x6sh .section-video.playing .icon-pause,#x6sh .section-video.paused .icon-play,#x6sh .section-video.ended .icon-replay{display: block;} #x6sh .button-container{display: flex; justify-content: center; cursor: pointer;} #x6sh .button-container .button-link{position: relative; display: flex; align-items: center; justify-content: center; width: 100%;} #x6sh .button-container .button-link:hover .button-background{opacity: 0.7;} #x6sh .button-container .button-background{transition: opacity 0.3s;} #x6sh .button-container .button-copy{position: absolute; z-index: 1; font-size: 0.9375vw; font-weight: 300; white-space: nowrap; color: rgb(255, 255, 255);} @media (max-aspect-ratio: 11 / 10) {#x6sh .button-container .button-background{opacity: 1 !important;} #x6sh .button-container .button-copy{font-size: 3.61111vw;}} #x6sh .background-swiper{padding-top: 9.6875vw; padding-bottom: 4.375vw;} #x6sh .background-swiper .gallery-background-slide{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: opacity 800ms cubic-bezier(0.65, 0.05, 0.36, 1); opacity: 0; will-change: transform;} #x6sh .background-swiper .gallery-background-slide.current{opacity: 1;} @media (max-aspect-ratio: 11 / 10) {#x6sh .background-swiper.background-style-1{padding-top: 13.8889vw; padding-bottom: 0px;} #x6sh .background-swiper.background-style-1 .gallery-background{height: 118.056vw;} #x6sh .background-swiper.background-style-1 .tabnav-content{margin-top: 22.7778vw;} #x6sh .background-swiper.background-style-2{padding-top: 20.8333vw;} #x6sh .background-swiper.background-style-2 .gallery-background{height: 111.111vw;} #x6sh .background-swiper.background-style-3 .gallery-background{height: 118.056vw;} #x6sh .background-swiper.background-style-3{padding-top: 20.8333vw;} #x6sh .background-swiper.background-style-3 .tabnav-content{margin-top: 28.6111vw;}} #x6sh .modal-open-button.modal-open{pointer-events: none;} #x6sh .section-modal{position: fixed; z-index: -1; inset: 0px; overflow: hidden; width: 100vw; transform: translate3d(100%, 0px, 0px); opacity: 0; outline: 0px; background-color: rgb(0, 0, 0); will-change: transform, opacity;} #x6sh .section-modal.modal-open{z-index: 999; transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1); transform: translate3d(0px, 0px, 0px); opacity: 1;} #x6sh .section-modal.modal-open .modal-close-button{pointer-events: auto;} #x6sh .section-modal.modal-will-close{z-index: 999; transition: opacity 0.2s; transform: translate3d(0px, 0px, 0px);} #x6sh .section-modal .modal-container{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;} #x6sh .section-modal .modal-wrapper{position: relative; width: 100%; height: 100%; pointer-events: auto;} #x6sh .section-modal .modal-close-container{position: absolute; top: 3.125vw; right: 3.125vw; width: 2.5vw; user-select: none;} #x6sh .section-modal .modal-close-button{position: sticky; z-index: 10; top: 2.08333vw; cursor: pointer; pointer-events: none;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-modal{overflow: auto; transform: translate3d(0px, 100%, 0px);} #x6sh .section-modal.modal-open{transition: transform 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);} #x6sh .section-modal .modal-container{display: block; height: auto;} #x6sh .section-modal .modal-wrapper{height: auto;} #x6sh .section-modal .modal-close-container{top: 0px; right: 0px; bottom: 0px; width: 100%;} #x6sh .section-modal .modal-close-container::before{position: sticky; z-index: 2; top: 0px; left: 0px; display: block; width: 100%; height: 20.8333vw; margin-bottom: -20.8333vw; content: ""; pointer-events: none; background-image: linear-gradient(rgb(0, 0, 0), transparent);} #x6sh .section-modal .modal-close-button{top: 5.55556vw; width: 10.4167vw; margin-right: 5.55556vw; margin-left: auto;}} #x6sh .modal-swiper{height: 100%;} #x6sh .modal-swiper .swiper-slide{overflow: hidden; height: 100vh;} #x6sh .modal-swiper .slide-item,#x6sh .modal-swiper .slide-picture{flex-shrink: 0;} #x6sh .modal-swiper .slide-title{font-size: 1.66667vw; background-image: linear-gradient(96deg, rgb(211, 183, 150) 0%, rgb(252, 236, 213) 100%);} #x6sh .modal-swiper .slide-intro{font-size: 0.833333vw; color: rgb(172, 159, 150); margin-top: 1.04167vw;} #x6sh .modal-swiper .slide-style-1{display: flex; align-items: center;} #x6sh .modal-swiper .slide-style-1 .slide-picture{width: 72.9167vw;} #x6sh .modal-swiper .slide-style-1 .slide-content{margin-left: 4.16667vw;} #x6sh .modal-swiper .slide-style-2{display: flex; align-items: center; justify-content: center;} #x6sh .modal-swiper .slide-style-2 .slide-items{display: flex;} #x6sh .modal-swiper .slide-style-2 .slide-item-2{margin-left: 3.125vw;} #x6sh .modal-swiper .slide-style-2 .slide-picture{width: 41.5625vw; height: 64.8148vh;} #x6sh .modal-swiper .slide-style-3{display: flex; align-items: center; justify-content: center;} #x6sh .modal-swiper .slide-style-3 .slide-items{display: flex;} #x6sh .modal-swiper .slide-style-3 .slide-item-group{position: relative; display: flex; flex-direction: column; justify-content: space-between; margin-left: 3.125vw;} #x6sh .modal-swiper .slide-style-3 .slide-item{width: 35.4167vw;} #x6sh .modal-swiper .slide-style-3 .slide-picture-1{height: 75.463vh;} #x6sh .modal-swiper .slide-style-3 .slide-picture-2,#x6sh .modal-swiper .slide-style-3 .slide-picture-3{height: 27.963vh;} #x6sh .modal-swiper .slide-style-4{display: flex; align-items: center; justify-content: center;} #x6sh .modal-swiper .slide-style-4 .slide-items{display: flex;} #x6sh .modal-swiper .slide-style-4 .slide-item-2{margin-left: 1.35417vw;} #x6sh .modal-swiper .slide-style-4 .slide-item-3{margin-left: 1.35417vw;} #x6sh .modal-swiper .slide-style-4 .slide-picture{width: 28.3854vw; height: 50.3704vh;} #x6sh .modal-swiper .slide-style-5{display: flex; align-items: center; justify-content: center;} #x6sh .modal-swiper .slide-style-5 .lg\:b-32{margin-bottom: 1.66667vw;} #x6sh .modal-swiper .slide-style-5 .slide-items{display: flex;} #x6sh .modal-swiper .slide-style-5 .slide-item-2{margin-left: 4.16667vw;} #x6sh .modal-swiper .slide-style-5 .slide-item{width: 41.8229vw;} #x6sh .modal-swiper .slide-style-5 .slide-picture{height: 56.8519vh;} #x6sh .modal-swiper .position-knob{object-position: 50% 100%;} #x6sh .modal-swiper .position-wireless-charge{object-position: 50% 0%;} #x6sh .text-gradient{display: inline-block; -webkit-text-fill-color: transparent; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;} @media (max-aspect-ratio: 11 / 10) {#x6sh .modal-swiper{height: auto;} #x6sh .modal-swiper .swiper-wrapper{display: block; box-sizing: border-box; height: auto; padding-bottom: 13.8889vw;} #x6sh .modal-swiper .swiper-slide{height: auto;} #x6sh .modal-swiper .slide-title{font-size: 6.66667vw;} #x6sh .modal-swiper .slide-intro{font-size: 3.33333vw; margin-top: 3.33333vw;} #x6sh .modal-swiper .swiper-slide .slide-content{margin: 8.88889vw 0px 27.7778vw 11.1111vw;} #x6sh .modal-swiper .swiper-slide .slide-content-last{margin-bottom: 0px;} #x6sh .modal-swiper .slide-style-1{display: block;} #x6sh .modal-swiper .slide-style-1 .slide-picture{width: 100%;} #x6sh .modal-swiper .slide-style-2{display: block;} #x6sh .modal-swiper .slide-style-2 .slide-items{display: block;} #x6sh .modal-swiper .slide-style-2 .slide-item-2{margin-left: 0px;} #x6sh .modal-swiper .slide-style-2 .slide-picture{width: 100%; height: 100%;} #x6sh .modal-swiper .slide-style-3{display: block;} #x6sh .modal-swiper .slide-style-3 .slide-items{display: block;} #x6sh .modal-swiper .slide-style-3 .slide-item-group{position: relative; display: block; margin-left: 0px;} #x6sh .modal-swiper .slide-style-3 .slide-item{width: 100%;} #x6sh .modal-swiper .slide-style-3 .slide-item-3{position: static;} #x6sh .modal-swiper .slide-style-3 .slide-picture{height: 100%;} #x6sh .modal-swiper .slide-style-4 .slide-items{display: block;} #x6sh .modal-swiper .slide-style-4 .slide-item-2{margin-left: 0px;} #x6sh .modal-swiper .slide-style-4 .slide-item-3{margin-left: 0px;} #x6sh .modal-swiper .slide-style-4 .slide-picture{width: 100%; height: auto;} #x6sh .modal-swiper .slide-style-5{display: block;} #x6sh .modal-swiper .slide-style-5 .lg\:b-32{margin-bottom: 0px;} #x6sh .modal-swiper .slide-style-5 .slide-items{display: block;} #x6sh .modal-swiper .slide-style-5 .slide-item-2{display: flex; flex-wrap: wrap; margin-left: 0px;} #x6sh .modal-swiper .slide-style-5 .slide-item-2 .slide-content{order: 2;} #x6sh .modal-swiper .slide-style-5 .slide-item{width: 100%;} #x6sh .modal-swiper .slide-style-5 .slide-picture{width: 100%; height: auto;} #x6sh .modal-swiper .swiper-slide .slide-items{width: 100%;}} @media (max-aspect-ratio: 11 / 10) {#x6sh .modal-swiper .slide-style-4{display: block;}} #x6sh .modal-arrownav-list{user-select: none; position: absolute; z-index: 10; bottom: 2.08333vw; right: 3.125vw; display: flex;} #x6sh .modal-arrownav-list .arrownav-item{flex-shrink: 0; width: 2.08333vw; cursor: pointer; transition: transform 0.5s, opacity 0.5s;} #x6sh .modal-arrownav-list .arrownav-prev{margin-right: 2.08333vw;} #x6sh .modal-arrownav-list .arrownav-prev:not(.arrownav-disabled):hover{transform: translateX(-0.520833vw);} #x6sh .modal-arrownav-list .arrownav-next:not(.arrownav-disabled):hover{transform: translateX(0.520833vw);} #x6sh .modal-arrownav-list .arrownav-disabled{cursor: default; opacity: 0;} @media (max-aspect-ratio: 11 / 10) {#x6sh .modal-arrownav-list{display: none;}} #x6sh .gallery-container{position: relative; overflow: hidden;} #x6sh .gallery-container .gallery-background{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;} #x6sh .gallery-container .gallery{position: relative; z-index: 3;} #x6sh .gallery-container.background-swiper .gallery{width: 67.5vw; margin: 0px auto;} #x6sh .gallery-container .gallery-wrapper{display: flex;} #x6sh .gallery-container .gallery-slide{position: relative; width: 100%;} #x6sh .gallery-container .gallery-slide + .gallery-slide{margin-left: -100%;} #x6sh .gallery-container .clip-item{position: relative; transition: clip-path 800ms, -webkit-clip-path 800ms; will-change: transform;} #x6sh .gallery-container .clip-item img,#x6sh .gallery-container .clip-item video{transition: transform 800ms; transform: scale(1.2); will-change: transform;} #x6sh .gallery-container .current .clip-item{z-index: 1; transition: clip-path 800ms cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-clip-path 800ms cubic-bezier(0.65, 0.05, 0.36, 1);} #x6sh .gallery-container .current img,#x6sh .gallery-container .current video{transition: transform 800ms; transform: scale(1.001); will-change: transform;} #x6sh .gallery-container .current .clip-item{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);} #x6sh .gallery-container .left .clip-item{clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);} #x6sh .gallery-container .right .clip-item{clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);} #x6sh .gallery-container .swiper{position: absolute; z-index: 9; top: 0px; left: 0px; width: 100%; height: 100%;} #x6sh .tabnav-layout-1 .tabnav-content{position: absolute; z-index: 10; right: 0px; bottom: 5.20833vw; left: 0px;} #x6sh .tabnav-content{display: flex; align-items: center; flex-direction: column; margin-top: 2.08333vw; position: relative; z-index: 3;} #x6sh .tabnav-container{position: relative;} #x6sh .tabnav-list{position: relative; display: flex; align-items: flex-end; justify-content: center;} #x6sh .tabnav-item{padding-bottom: 0.833333vw; font-size: 1.04167vw; cursor: pointer; transition: opacity 0.3s; white-space: nowrap; color: rgb(252, 236, 213); outline: 0px; font-weight: 300; opacity: 0.4; will-change: transform;} #x6sh .tabnav-item + .tabnav-item{margin-left: 2.08333vw;} @media (any-hover: hover) and (pointer: fine) {#x6sh .tabnav-item:hover{opacity: 0.6;}} #x6sh .tabnav-item.current{opacity: 1;} #x6sh .tabnav-indicator{position: relative; width: 100%; height: 2px;} #x6sh .tabnav-indicator::before{position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; content: ""; background-color: rgba(112, 112, 112, 0.4);} #x6sh .tabnav-indicator::after{display: block; width: var(--indicator-width, 0); height: 100%; content: ""; transition: width 0.8s, transform 0.8s; transform: translateX(var(--indicator-offset, 0)); background-color: rgb(252, 236, 213);} #x6sh .stack-list{display: flex; margin-top: 2.08333vw;} #x6sh .stack-list{text-align: center;} #x6sh .stack-item{position: relative; width: 100%; font-size: 0.9375vw; transition: opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1); opacity: 0;} #x6sh .stack-item + .stack-item{margin-left: -100%;} #x6sh .stack-item.current{z-index: 1; opacity: 1;} @media (max-aspect-ratio: 11 / 10) {#x6sh .headline-wrapper{text-align: left;} #x6sh .tabnav-content{position: relative; display: block; overflow: hidden; width: 100%;} #x6sh .tabnav-content::before,#x6sh .tabnav-content::after{position: absolute; z-index: 1; top: -1.38889vw; width: 8.88889vw; height: 13.1944vw; content: ""; pointer-events: none;} #x6sh .tabnav-content::before{left: 0px; background-image: linear-gradient(90deg, rgb(0, 0, 0) 40%, transparent);} #x6sh .tabnav-content::after{right: 0px; background-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 100%);} #x6sh .gallery-container.background-swiper .gallery{width: 82.2222vw;} #x6sh .tabnav-container{position: relative; display: flex; justify-content: center; line-height: 0; white-space: nowrap;} #x6sh .tabnav-container.is-scroll{overflow: auto hidden; justify-content: flex-start;} #x6sh .tabnav-container.is-scroll::-webkit-scrollbar{display: none;} #x6sh .tabnav-wrapper{padding-right: 8.88889vw; padding-left: 8.88889vw;} #x6sh .tabnav-list{position: relative; display: flex;} #x6sh .tabnav-item{padding-bottom: 3.33333vw; font-size: 5.55556vw;} #x6sh .tabnav-item + .tabnav-item{margin-left: 11.1111vw;} #x6sh .tabnav-indicator{height: 0.416667vw;} #x6sh .stack-list{text-align: center; margin-top: 6.66667vw; padding: 0px 8.88889vw;} #x6sh .stack-item{font-size: 3.88889vw;}} #x6sh .stat-list{display: flex;} #x6sh .stat-list .stat-value,#x6sh .stat-list-1 .stat-value{font-size: 3.33333vw; font-weight: 300; color: rgb(255, 255, 255); line-height: 1.25;} #x6sh .stat-list .stat-value-item,#x6sh .stat-list-1 .stat-value-item{display: flex; align-items: baseline; width: 100%;} #x6sh .stat-list .stat-unit,#x6sh .stat-list-1 .stat-unit{font-size: 0.9375vw; font-weight: 300;} #x6sh .stat-list .stat-caption,#x6sh .stat-list-1 .stat-caption{font-size: 0.9375vw; font-weight: 300; line-height: 1.25; color: rgb(255, 255, 255);} @media (max-aspect-ratio: 11 / 10) {#x6sh .stat-list,#x6sh .stat-list-1{display: grid; grid-template-columns: auto auto;} #x6sh .stat-list .stat-value,#x6sh .stat-list-1 .stat-value{font-size: 8.88889vw;} #x6sh .stat-list .stat-unit,#x6sh .stat-list-1 .stat-unit{font-size: 3.33333vw; font-weight: 400;} #x6sh .stat-list .stat-caption,#x6sh .stat-list-1 .stat-caption{font-size: 3.33333vw; margin-bottom: 4.44444vw;}} #x6sh .pagination-item{display: flex; overflow: hidden; align-items: center; width: auto; font-size: var(--pagination-font-size, 1.041667vw); font-weight: 700; line-height: 1; color: rgb(24, 25, 26);} #x6sh .pagination-item.swiper-pagination-lock{display: none;} #x6sh .pagination-current{display: flex; flex-direction: column; height: 1em; transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1); transform: translate3d(0, var(--pagination-y, 0), 0); text-align: right;} #x6sh .pagination-line{position: relative; overflow: hidden; width: 3.125vw; height: 2px; margin-right: 0.3125vw; margin-left: 0.3125vw; background-color: rgb(229, 229, 229);} #x6sh .pagination-line::before{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ""; transition: transform 0.6s linear; transform: scaleX(0); transform-origin: left center; background-color: rgb(0, 0, 0);} #x6sh .autoplay-animating .pagination-line::before{transition-duration: 3.8s; transform: scaleX(1);} #x6sh .autoplay-animating .autoplay-3s .pagination-line::before{transition-duration: 2.8s; transform: scaleX(1);} #x6sh .pagination-total{opacity: 0.2;} @media (max-aspect-ratio: 11 / 10) {#x6sh .pagination-item{font-size: var(--pagination-font-size, 3.888889vw);} #x6sh .pagination-line{width: 20.5556vw; height: 0.416667vw; margin-right: 3.33333vw; margin-left: 3.33333vw;}} #x6sh .arrownav-list{display: flex;} #x6sh .modal-close-button .arrownav-list{pointer-events: none;} #x6sh .arrownav-list .arrownav-item{position: relative; width: 2.5vw; cursor: pointer; transition: opacity 0.4s; outline: 0px; mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/mask-img-border.svg"); mask-size: 100% auto; mask-repeat: no-repeat; mask-position: center center;} #x6sh .arrownav-list .arrownav-item svg{height: auto; position: relative; z-index: 1;} #x6sh .arrownav-list .arrownav-item .mask-pic{position: absolute; width: 2.5vw; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s; z-index: 2;} #x6sh .arrownav-list .arrownav-item .arrow-icon-border-light{mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/arrow-icon-border-light.svg"); mask-size: 100% auto; mask-repeat: no-repeat; mask-position: center center; width: 2.5vw; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 5; transform: translateZ(1px);} #x6sh .arrownav-list .arrownav-item .arrow-icon-border-light .right{position: absolute; width: 1.97917vw; height: 1.97917vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: 1.61458vw; bottom: -0.46875vw; transition: left 0.3s;} #x6sh .arrownav-list .arrownav-item .arrow-icon-border-light .left{position: absolute; width: 1.97917vw; height: 1.97917vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: -1.04167vw; top: -0.364583vw; transition: left 0.3s;} #x6sh .arrownav-list .arrownav-item .arrow-icon{position: absolute; top: 0px; left: 0px; width: 2.5vw; z-index: 3; opacity: 0.6; transition: opacity 0.3s;} #x6sh .arrownav-list .arrownav-item .arrow-icon-bg{position: absolute; top: 0px; left: 0px; width: 2.5vw; z-index: 1;} #x6sh .arrownav-list .arrownav-item .arrow-icon-border{width: 100%; z-index: 3; position: relative;} #x6sh .arrownav-list .arrownav-next{margin-left: 1.25vw;} #x6sh .arrownav-list .arrownav-item.arrownav-disabled{cursor: default; opacity: 0.6; pointer-events: none;} #x6sh .arrownav-list .arrownav-item.arrownav-disabled .arrow-icon-border-light{opacity: 0;} #x6sh .arrownav-list .arrownav-item .arrownav-item-color{transition: 0.8s;} #x6sh .arrownav-list .arrownav-item.arrownav-disabled .arrownav-item-color{stop-color: rgba(224, 212, 212, 0.2);} #x6sh .arrownav-list .arrownav-item.arrownav-disabled .arrownav-item-color-w{stop-color: rgb(224, 212, 212);} @media (any-hover: hover) and (pointer: fine) {#x6sh .arrownav-list .arrownav-item:hover .mask-pic{opacity: 1;} #x6sh .arrownav-list .arrownav-item:hover .arrow-icon-border-light .right{left: -1.04167vw;} #x6sh .arrownav-list .arrownav-item:hover .arrow-icon-border-light .left{left: 1.51042vw;} #x6sh .modal-close-container:hover .arrownav-list .arrownav-item .arrow-icon{opacity: 1;} #x6sh .modal-close-container:hover .arrownav-list .arrownav-item .mask-pic{opacity: 1;} #x6sh .modal-close-container:hover .arrownav-list .arrownav-item .arrow-icon-border-light .right{left: -1.04167vw;} #x6sh .modal-close-container:hover .arrownav-list .arrownav-item .arrow-icon-border-light .left{left: 1.51042vw;} #x6sh .modal-close-container:hover .arrownav-list .arrownav-item .arrow-icon{opacity: 1;}} @media (max-aspect-ratio: 11 / 10) {#x6sh .arrownav-list .arrownav-item{width: 10.4167vw; mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/mask-img-border-xs.svg");} #x6sh .section-modal .arrownav-list .arrownav-item{background-color: rgba(0, 0, 0, 0.1); backdrop-filter: blur(8px) brightness(0.8);} #x6sh .arrownav-list .arrownav-next{margin-left: 5.55556vw;} #x6sh .arrownav-list{display: flex;} #x6sh .arrownav-list .arrownav-item:hover{opacity: 1;} #x6sh .arrownav-list .arrownav-item.arrownav-disabled{opacity: 0.3;} #x6sh .arrownav-list .arrownav-item .mask-pic{width: 10.5556vw; opacity: 0;} #x6sh .arrownav-list .arrownav-item .arrow-icon-bg{width: 10.5556vw; opacity: 1;} #x6sh .modal-close-container .arrownav-list .arrownav-item .arrow-icon-bg{opacity: 0;} #x6sh .arrownav-list .arrownav-item .arrow-icon{width: 10.5556vw; opacity: 1;} #x6sh .arrownav-list .arrownav-item .arrow-icon-border-light{width: 10.5556vw;} #x6sh .arrownav-list .arrownav-item .arrow-icon-border-light .left{width: 8.33333vw; height: 8.33333vw; left: 6.94444vw; top: -1.94444vw;} #x6sh .arrownav-list .arrownav-item .arrow-icon-border-light .right{width: 8.33333vw; height: 8.33333vw; left: -4.44444vw; bottom: -2.22222vw;}} #x6sh .tabnav-swiper-background .h2.text-move{position: absolute; top: 4.0625vw; z-index: 3; left: 50%; transform: translate(-50%, 40%);} #x6sh .tabnav-swiper-background .h2.text-move.animated{transform: translate(-50%, 0px);} #x6sh .tabnav-swiper-background .shadow{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; backdrop-filter: blur(2.60417vw) brightness(0.47); background-color: rgba(0, 0, 0, 0); z-index: 2;} #x6sh .colournav-container{position: relative; z-index: 10; display: flex; align-items: center; justify-content: center;} #x6sh .colournav-container .label-list{position: relative; display: flex; align-items: center;} #x6sh .colournav-container .label-item{font-size: 1.66667vw; font-weight: 400; opacity: 0; color: rgb(24, 25, 26);} #x6sh .colournav-container .label-item + .label-item{position: absolute; top: 0px; left: 0px;} #x6sh .colournav-container .label-item.current{z-index: 1; opacity: 1;} #x6sh .colournav-container .label-item sup{pointer-events: none;} #x6sh .colournav-container .label-item.current sup{pointer-events: auto;} #x6sh .colournav-container .colournav-list{display: flex;} #x6sh .colournav-container .colournav-item{position: relative; display: flex; align-items: center; justify-content: center; width: 2.1875vw; cursor: pointer;} #x6sh .colournav-container .colournav-item + .colournav-item{margin-left: 0.9375vw;} #x6sh .colournav-container .colournav-item.current{cursor: default;} #x6sh .colournav-container .colour-swatch-indicator{position: absolute; transition: opacity 0.8s; pointer-events: none; opacity: 0;} #x6sh .colournav-container .colour-swatch{width: 100%; pointer-events: none;} @media (any-hover: hover) and (pointer: fine) {#x6sh .colournav-container .colournav-item:hover .colour-swatch-indicator{opacity: 0.6;}} #x6sh .colournav-container .colournav-item.current .colour-swatch-indicator{opacity: 1;} @media (max-aspect-ratio: 11 / 10) {#x6sh .tabnav-swiper-background .h2{position: initial; transform: none;} #x6sh .tabnav-swiper-background .h2.text-move{position: initial; transform: translateY(40%);} #x6sh .tabnav-swiper-background .h2.text-move.animated{transform: translateY(0%);} #x6sh .colournav-container .label-item{font-size: 6.66667vw;} #x6sh .colournav-container .colournav-item{width: 10vw;} #x6sh .colournav-container .colournav-item + .colournav-item{margin-left: 3.33333vw;}} #x6sh .tab-swiper .gallery-container .gallery-wrapper{justify-content: space-between;} #x6sh .tab-swiper .gallery-container .gallery-slide{width: 26.25vw;} #x6sh .tab-swiper .gallery-container .gallery-slide + .gallery-slide{margin-left: 0px;} #x6sh .tab-swiper .gallery-container .clip-item{transform: scale(1);} #x6sh .tab-swiper .stack-list{width: 100%; justify-content: space-between;} #x6sh .tab-swiper .stack-item{opacity: 1; width: 22.0833vw; padding: 1.875vw 2.08333vw 2.91667vw; background-color: rgb(245, 246, 247); text-align: left; box-sizing: content-box;} #x6sh .tab-swiper .stack-item + .stack-item{margin-left: 0px;} #x6sh .tab-swiper .stack-item .h3{font-size: 1.35417vw; color: rgb(0, 0, 0); margin-bottom: 1.25vw;} @media (max-aspect-ratio: 11 / 10) {#x6sh .tab-swiper .stack-item{width: 100%; padding: 11.1111vw 11.6667vw; opacity: 0; transition: opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1); flex-shrink: 1;} #x6sh .tab-swiper .stack-item.current{opacity: 1;} #x6sh .tab-swiper .stack-item + .stack-item{margin-left: -100%;} #x6sh .tab-swiper .stack-item .h3{font-size: 5.55556vw; color: rgb(0, 0, 0); margin-bottom: 5.55556vw;} #x6sh .tab-swiper .stack-item p{font-size: 4.44444vw;} #x6sh .tab-swiper .tabnav-content::before,#x6sh .tab-swiper .tabnav-content::after{content: none;} #x6sh .tab-swiper .swiper-slide:last-child{display: block;}} #x6sh .inline-video{position: relative;} #x6sh .inline-video .shadow{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 27.0833vw; background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 42%, rgba(0, 0, 0, 0.8) 100%);} @media (max-aspect-ratio: 11 / 10) {#x6sh .inline-video .shadow{display: none;}} #x6sh .section-headers{position: relative;} #x6sh .section-headers .start-trigger{position: absolute; top: 0px;} #x6sh .section-headers .end-trigger{position: absolute; bottom: 0px;} #x6sh .section-headers .header-content{position: relative; transform: translateY(2.08333vw);} #x6sh .section-headers.active .header-content{transform: translateY(0px); transition: transform 2s;} #x6sh .section-headers .header-content .title-bg{width: 100%; opacity: 0;} #x6sh .section-headers .header-content .subtitle{position: absolute; top: 9.47917vw; left: 50%; transform: translate(-50%, 1.04167vw); z-index: 2; opacity: 0;} #x6sh .section-headers.active .header-content .subtitle{transform: translate(-50%, 0px); opacity: 1; transition: opacity 2s, transform 2s;} #x6sh .section-headers.active .header-content .title-bg{opacity: 0.88; transition: opacity 2s;} #x6sh .section-headers .header-content .subtitle .subtitle-item{position: relative; padding: 0.520833vw 1.97917vw;} #x6sh .section-headers .header-content .subtitle .subtitle-item p,#x6sh .section-headers .header-content .subtitle .subtitle-item .line{position: relative; z-index: 2;} #x6sh .section-headers .header-content .subtitle .subtitle-item::before{content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 24%, rgb(0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%); border-radius: 1.5625vw; filter: blur(10px); opacity: 0.8; z-index: 1;} #x6sh .section-headers .header-content .subtitle p{font-size: 0.833333vw; color: rgb(252, 236, 213); line-height: 1.25;} #x6sh .section-headers .header-content .subtitle .line{width: 1.04167vw; height: 1px; background-color: rgb(172, 159, 150); margin: 0.833333vw auto 0px;} #x6sh .section-headers .header-content .title{position: absolute; bottom: 1.25vw; left: 50%; transform: translateX(-50%); width: 100%;} #x6sh .section-headers .header-content .title::before{content: ""; position: absolute; top: -4.47917vw; left: 50%; transform: translateX(-50%); width: 52.6042vw; height: 11.875vw; background-image: linear-gradient(to top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 123%); filter: blur(50px); border-radius: 5.9375vw; z-index: 1;} #x6sh .section-headers .header-content .title .text{position: relative; z-index: 2;} #x6sh .section-headers .header-content .title .h2{font-size: 5vw; margin: 0px auto; position: relative; z-index: 1; font-weight: 300; text-align: center; background-image: linear-gradient(to right, rgb(211, 183, 150) 0%, rgb(252, 236, 213) 80%); background-clip: text; color: transparent; letter-spacing: 0.3125vw;} #x6sh .section-headers .header-content .title .h2-copy{position: absolute; top: 0px; left: 0px; z-index: 2; background-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/title-light-bg.svg"); background-size: 90% auto; background-clip: text; color: transparent; background-position: 0% 0%; width: 100%;} #x6sh .section-headers.active .header-content .title .h2-copy{background-size: 630% auto; transition: 4s;} #x6sh .section-headers .shadow{position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; z-index: 2;} #x6sh .section-headers.active .shadow{transform: translateX(-50%) scaleX(0); transition: transform 2s;} #x6sh .section-headers .left-shadow{background-image: linear-gradient(128deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 50%, transparent 75%, transparent 100%); transform-origin: left center;} #x6sh .section-headers .right-shadow{background-image: linear-gradient(-52deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 50%, transparent 75%, transparent 100%); transform-origin: right center;} #x6sh .text-animate .text-move{opacity: 0; transform: translateY(40%); transition: transform 0.8s, opacity 0.8s; will-change: transform;} #x6sh .text-animate .text-move.animated{opacity: 1; transform: translateY(0px);} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-headers .header-content .title .h2{font-size: 11.1111vw;} #x6sh .section-headers .header-content .subtitle{top: 9.02778vw;} #x6sh .section-headers .header-content .subtitle .subtitle-item{padding: 0px;} #x6sh .section-headers .header-content .subtitle p{font-size: 3.33333vw;} #x6sh .section-headers .header-content .subtitle .line{width: 3.33333vw; margin: 1.66667vw auto 0px;} #x6sh .section-headers .header-content .title{position: initial; margin-top: -3.88889vw; transform: none;} #x6sh .section-headers .header-content .title::before{top: 9.16667vw; width: 52.7778vw; height: 21.9444vw; border-radius: 15.8333vw;}} #x6sh .section-hero{position: relative; height: 56.25vw; z-index: 1;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-hero{height: 150vw;}} #x6sh .section-introduction{margin-top: -100vh; position: relative;} #x6sh .section-introduction .introduction-content{height: 220vh;} #x6sh .section-introduction .start-trigger{position: absolute; bottom: 100vh;} #x6sh .section-introduction .end-trigger{position: absolute; top: 100vh;} #x6sh .section-introduction .introduction-content .copy-content{width: 100%; height: 100vh;} #x6sh .section-introduction .introduction-content .copy-item{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -37%);} #x6sh .section-introduction .introduction-content .h3{position: relative; font-size: 3.33333vw; text-align: center; line-height: 1.6; font-weight: 300; z-index: 3; overflow: hidden;} #x6sh .section-introduction.active .introduction-content .copy-item{transform: translate(-50%, -50%); transition: transform 2s;} #x6sh .section-introduction .introduction-content .h3 .text-item{mix-blend-mode: darken; background-color: rgb(0, 0, 0); position: relative; z-index: 3; width: calc(100% + 1.04167vw); border: 1px solid rgb(0, 0, 0);} #x6sh .section-introduction .introduction-content .h3 .mask{position: absolute; z-index: 4; transform: translateZ(1px); will-change: transform;} #x6sh .section-introduction .introduction-content .h3 .mask.top{top: -0.260417vw; left: 0px; width: 100%; height: 0.520833vw; background-color: rgb(0, 0, 0);} #x6sh .section-introduction .introduction-content .h3 .mask.bottom{bottom: -0.260417vw; left: 0px; width: 100%; height: 0.520833vw; background-color: rgb(0, 0, 0);} #x6sh .section-introduction .introduction-content .h3 .mask.left{top: 0px; left: -0.260417vw; height: 100%; width: 0.520833vw; background-color: rgb(0, 0, 0);} #x6sh .section-introduction .introduction-content .h3 .mask.right{top: 0px; right: -0.260417vw; height: 100%; width: 0.520833vw; background-color: rgb(0, 0, 0);} #x6sh .section-introduction .introduction-content .h3::after{content: ""; position: absolute; top: 1%; left: 0%; width: 100%; height: 98%; will-change: background-image;} #x6sh .section-introduction .introduction-content .h3 .text-bg{position: absolute; top: -100%; left: 0px; transform: translateX(-200%) rotate(30deg); z-index: 2;} #x6sh .section-introduction.active .introduction-content .h3 .text-bg{transform: translateX(220%) rotate(30deg); transition: transform 2s 0.2s;} #x6sh .section-introduction .introduction-content .shadow{width: calc(var(--shadow-width) + 5.208333vw); height: calc(var(--shadow-height) + 4.166667vw); position: absolute; top: 50%; left: calc(50% - 2.60417vw); transform: translate(-50%, -50%); z-index: 2;} #x6sh .section-introduction.active .introduction-content .shadow{transform: translate(-50%, -50%) scaleX(0); transition: transform 2s;} #x6sh .section-introduction .introduction-content .left-shadow{background-image: linear-gradient(140deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 50%, transparent 75%, transparent 70%, transparent 100%); transform-origin: left center; will-change: transform;} #x6sh .section-introduction .introduction-content .right-shadow{background-image: linear-gradient(-35deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 50%, transparent 75%, transparent 70%, transparent 100%); transform-origin: right center; will-change: transform;} #x6sh .section-introduction .introduction-content .introduction-text-dark{opacity: 1; letter-spacing: 0.3125vw;} #x6sh .section-introduction .introduction-content .introduction-text-dark::after{background-image: linear-gradient(130deg, rgb(136, 126, 111) 10%, rgb(92, 84, 74) 35%, rgb(136, 126, 111) 50%, rgb(29, 25, 19) 80%);} #x6sh .section-introduction .introduction-content .introduction-text-light{position: absolute; top: 0px; left: 0px; opacity: 0; letter-spacing: 0.3125vw;} #x6sh .section-introduction .introduction-content .introduction-text-light::after{background-image: linear-gradient(130deg, rgb(255, 243, 226) 10%, rgb(211, 183, 150) 35%, rgb(252, 236, 213) 50%, rgb(136, 120, 100) 80%);} #x6sh .section-introduction.active .introduction-content .introduction-text-light{opacity: 1; letter-spacing: 0.3125vw;} #x6sh .section-introduction.active .introduction-content .introduction-text-dark{opacity: 0; letter-spacing: 0.3125vw;} #x6sh .section-introduction .introduction-content .light-shadow{position: absolute; top: 0px; left: 0px; width: 16.0417vw; height: 100%; background-image: linear-gradient(to left, rgba(252, 236, 213, 0) 0%, rgb(255, 248, 239) 50%, rgba(252, 236, 213, 0) 100%);} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-introduction{margin: 0px;} #x6sh .section-introduction .introduction-content{height: auto; padding: 26.3889vw 0px;} #x6sh .section-introduction .sticky{position: initial;} #x6sh .section-introduction .introduction-content .copy-content{height: auto;} #x6sh .section-introduction .introduction-content .copy-item{position: initial; transform: translateY(2.08333vw);} #x6sh .section-introduction.active .introduction-content .copy-item{transform: translateY(0px);} #x6sh .section-introduction .introduction-content .h3{font-size: 6.66667vw; text-align: center;} #x6sh .section-introduction .introduction-content .introduction-text-light{width: 100%;} #x6sh .section-introduction .start-trigger{bottom: auto; top: 13.8889vw;} #x6sh .section-introduction .end-trigger{bottom: auto; top: 0px;} #x6sh .section-introduction .introduction-content .shadow{width: 100%; left: 50%; height: 100%;} #x6sh .section-introduction .introduction-content .introduction-text-light{letter-spacing: 0.416667vw;} #x6sh .section-introduction .introduction-content .introduction-text-dark{letter-spacing: 0.416667vw;} #x6sh .section-introduction.active .introduction-content .introduction-text-light{letter-spacing: 0.416667vw;} #x6sh .section-introduction.active .introduction-content .introduction-text-dark{letter-spacing: 0.416667vw;} #x6sh .section-introduction .introduction-content .left-shadow{background-image: linear-gradient(110deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 50%, transparent 75%, transparent 70%, transparent 100%);} #x6sh .section-introduction .introduction-content .right-shadow{background-image: linear-gradient(-80deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 50%, transparent 75%, transparent 70%, transparent 100%);}} #x6sh .section-pv .logo{position: absolute; top: 5.20833vw; left: 50%; transform: translateX(-50%); width: 40.625vw; z-index: 2;} #x6sh .section-pv .button-container{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.20833vw; z-index: 2;} #x6sh .section-pv .button-container .button-copy{display: flex; padding: 0.833333vw 1.25vw; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/pv-mask-img.svg"); mask-size: 100% auto; mask-position: center center; mask-repeat: no-repeat; font-size: 0.9375vw; align-items: center; color: rgb(252, 236, 213); position: relative; z-index: 2;} #x6sh .section-pv .button-container .button-copy span{position: relative; z-index: 2; opacity: 0.6; transition: opacity 0.3s;} #x6sh .section-pv .button-container .button-copy .play-button{width: 1.66667vw; margin-left: 0.833333vw; position: relative; z-index: 2; opacity: 0.6; transition: opacity 0.3s;} #x6sh .section-pv .button-container .border{width: 100%; position: absolute; top: 0px; left: 0px; z-index: 3;} #x6sh .section-pv .button-container .button-copy .icon-bg{width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; opacity: 0; transition: opacity 0.3s;} #x6sh .section-pv .button-container .border-light{mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/pv-mask-border.svg"); mask-size: 100% auto; mask-repeat: no-repeat; mask-position: center center; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 5; transform: translateZ(1px);} #x6sh .section-pv .button-container .border-light .left{position: absolute; width: 4.84375vw; height: 4.84375vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: -2.5vw; top: -2.5vw; transition: left 0.3s;} #x6sh .section-pv .button-container .border-light .right{position: absolute; width: 4.84375vw; height: 4.84375vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: 8.22917vw; bottom: -2.5vw; transition: left 0.3s;} #x6sh .section-pv .shadow{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 17.2917vw; z-index: 1; background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, 0.9) 100%);} #x6sh .section-pv .note{position: absolute; right: 2.08333vw; bottom: 2.08333vw; z-index: 2; width: 35.4167vw;} @media (any-hover: hover) and (pointer: fine) {#x6sh .section-pv .button-container:hover .button-copy span{opacity: 1;} #x6sh .section-pv .button-container:hover .button-copy .play-button{opacity: 1;} #x6sh .section-pv .button-container:hover .button-copy .icon-bg{opacity: 1;} #x6sh .section-pv .button-container:hover .border-light .left{left: 8.22917vw;} #x6sh .section-pv .button-container:hover .border-light .right{left: -2.5vw;}} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-pv .logo{top: 31.1111vw; width: 70.2778vw;} #x6sh .section-pv .button-container{bottom: 13.8889vw;} #x6sh .section-pv .button-container .button-copy{font-size: 3.88889vw; padding: 3.33333vw 4.44444vw 3.33333vw 5.55556vw; mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/pv-mask-img-xs.svg");} #x6sh .section-pv .button-container .button-copy .play-button{width: 6.66667vw; margin-left: 3.33333vw; opacity: 1;} #x6sh .section-pv .button-container .button-copy span{opacity: 1;} #x6sh .section-pv .button-container .button-copy .icon-bg{opacity: 0;} #x6sh .section-pv .button-container .border-light .left{width: 19.3056vw; height: 19.3056vw; left: 34.4444vw; top: -11.1111vw;} #x6sh .section-pv .button-container .border-light .right{width: 19.3056vw; height: 19.3056vw; left: -9.44444vw; bottom: -10vw;} #x6sh .section-pv .button-container .border-light{mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/pv-mask-border-xs.svg");} #x6sh .section-pv .shadow{height: 68.6111vw; background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);} #x6sh .section-pv .note{right: 4.44444vw; bottom: 4.44444vw; width: 70.8333vw;}} #x6sh .section-color .h2{position: absolute; top: 5.20833vw; left: 50%; transform: translate(-50%, 40%); z-index: 4;} #x6sh .section-color .h2.animated{transform: translate(-50%, 0px);} #x6sh .section-color .colournav-container{position: absolute; bottom: 5.20833vw; left: 50%; transform: translateX(-50%); transition: opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);} #x6sh .section-color .label-list{width: auto; text-align: center; margin-left: 1.25vw;} #x6sh .section-color .label-item{width: max-content; transition: opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1); color: rgb(117, 153, 165); line-height: 1.25;} #x6sh .section-color .label-item:nth-child(2){color: rgb(146, 146, 143);} #x6sh .section-color .label-item:nth-child(3){color: rgb(224, 202, 183);} #x6sh .section-color .color-desc-list{position: absolute; top: 8.33333vw; left: 17.1875vw; z-index: 4; color: rgb(252, 236, 213); display: flex;} #x6sh .section-color .color-desc-item{display: flex; align-items: flex-start; opacity: 0; width: 100%; font-size: 1.5625vw; transition: opacity 600ms cubic-bezier(0.65, 0.05, 0.36, 1) 200ms; will-change: transform;} #x6sh .section-color .color-desc-item.current{opacity: 1;} #x6sh .section-color .color-desc-item + .color-desc-item{margin-left: -100%;} #x6sh .section-color .color-desc-list span{writing-mode: vertical-lr; letter-spacing: 0.4em; font-weight: 400; line-height: 1.25;} #x6sh .section-color .color-desc-item span:last-child{margin-top: 1.40625vw; margin-left: 1.04167vw;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-color .h2{position: initial; transform: translateY(40%);} #x6sh .section-color .h2.animated{transform: translateY(0px);} #x6sh .section-color .colournav-container{position: initial; transform: none; margin-top: 6.66667vw; flex-direction: column;} #x6sh .section-color .label-list{margin-top: 6.66667vw; margin-left: 0px;} #x6sh .section-color .color-desc-list{position: initial; color: rgb(172, 159, 150); margin-top: 3.33333vw;} #x6sh .section-color .color-desc-item{font-size: 4.44444vw; justify-content: center; transition: opacity 800ms cubic-bezier(0.65, 0.05, 0.36, 1);} #x6sh .section-color .color-desc-item span{writing-mode: initial;} #x6sh .section-color .color-desc-item span:last-child{margin-top: 0px;} #x6sh .section-color .color-desc-list span{letter-spacing: 0px;}} #x6sh .section-data{position: relative;} #x6sh .section-data .content{position: relative; z-index: 2; overflow: hidden;} #x6sh .section-data .copy-top{width: auto; text-align: center; padding-top: 10.4167vw; margin-bottom: 4.16667vw;} #x6sh .section-data .content .pic-content{width: 81.25vw; margin: 0px auto; position: relative;} #x6sh .section-data .content .pic-content p{position: absolute; bottom: 3.33333vw; left: 50%; transform: translateX(-50%); color: rgb(255, 255, 255); width: 100%; text-align: center;} #x6sh .section-data .stat-list{margin: 0px auto; flex-wrap: wrap; justify-content: center; align-items: center;} #x6sh .section-data .stat-list .stat-line{width: 0.5px; height: 3.4375vw; background-color: rgb(211, 183, 150); margin: 0px 2.08333vw; transform: translateZ(0px);} #x6sh .section-data .stat-item{display: flex; align-items: baseline; flex-wrap: wrap; white-space: nowrap;} #x6sh .section-data .stat-value{position: relative; display: flex; overflow: hidden; height: 1em; font-size: var(--stat-number-font-size, 2.604167vw); color: rgb(252, 236, 213);} #x6sh .section-data .stat-number{display: flex; flex-direction: column; width: 100%; text-align: center;} #x6sh .section-data .stat-number span{height: 1em; line-height: 1.25;} #x6sh .section-data .stat-item .stat-value-item{display: block;} #x6sh .section-data .stat-item .stat-data{display: flex; align-items: baseline;} #x6sh .section-data .stat-item .stat-unit{margin-left: 0.833333vw; line-height: 1.25; color: rgb(172, 159, 150);} #x6sh .section-data .stat-item .stat-caption{line-height: 1.25; color: rgb(172, 159, 150); width: 100%; margin-bottom: 0.520833vw;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-data{padding-top: 0px;} #x6sh .section-data .content .pic-content{width: 95.5556vw;} #x6sh .section-data .stat-list{position: static; display: flex; margin-top: 11.1111vw; align-items: flex-end;} #x6sh .section-data .stat-item{padding-top: 0px;} #x6sh .section-data .stat-value{font-size: var(--stat-number-font-size, 8.888889vw);} #x6sh .section-data .stat-item .stat-unit{margin-left: 3.33333vw;} #x6sh .section-data .stat-item:nth-child(5),#x6sh .section-data .stat-item:nth-child(7){margin-top: 9.72222vw;} #x6sh .section-data .copy-top{width: 72.2222vw; margin: 27.7778vw auto 11.1111vw; padding-top: 0px; text-align: left;} #x6sh .section-data .copy-top p{width: 76.3889vw;} #x6sh .section-data .content .inline-video{width: 95.5556vw;} #x6sh .section-data .stat-item .stat-caption{margin-bottom: 1.66667vw;} #x6sh .section-data .stat-list .stat-line{height: 8.33333vw; margin: 0px 6.66667vw;}} #x6sh .section-appearance{overflow: hidden;} #x6sh .section-appearance .appearance-content{position: relative;} #x6sh .section-appearance .appearance-content .swiper{position: relative; width: 81.25vw; overflow: visible; opacity: 0; z-index: 1; transition: opacity 0.8s;} #x6sh .section-appearance .appearance-content .swiper.current{opacity: 1; z-index: 2;} #x6sh .section-appearance .appearance-content .swiper-interior{position: absolute; top: 0px; left: 50%; transform: translateX(-50%);} #x6sh .section-appearance .appearance-content .swiper .swiper-slide{transition: opacity 0.8s;} #x6sh .section-appearance .appearance-content .swiper .swiper-slide:not(.swiper-slide-active){opacity: 0.4; cursor: pointer;} #x6sh .section-appearance .tabnav-content{margin: 0px auto 2.08333vw;} #x6sh .section-appearance .arrownav-list{justify-content: flex-end; margin-top: 2.08333vw;} #x6sh .section-appearance .stack-list{position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 51.5625vw;} #x6sh .section-appearance .tabnav-content .tabnav-item{padding-bottom: 0.833333vw;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-appearance .appearance-content .swiper{width: 82.2222vw;} #x6sh .section-appearance .appearance-container{display: flex; flex-direction: column-reverse;} #x6sh .section-appearance .stack-list{position: initial; transform: none; width: 81.6667vw; text-align: center; margin: 0px auto 8.88889vw; padding: 0px;} #x6sh .section-appearance .tabnav-content{margin: 0px auto 8.88889vw;} #x6sh .section-appearance .arrownav-list{margin-top: 8.88889vw;} #x6sh .section-appearance .tabnav-content .tabnav-item{padding-bottom: 3.33333vw;}} #x6sh .section-technology .technology-content{position: relative;} #x6sh .section-cockpit .h2.text-move{position: absolute; top: 5.20833vw; left: 50%; transform: translate(-50%, 40%); z-index: 2;} #x6sh .section-cockpit .h2.text-move.animated{transform: translate(-50%, 0px);} #x6sh .section-cockpit .cockpit-content{position: relative;} #x6sh .section-cockpit .cockpit-content .button-item{position: absolute; bottom: 5.20833vw; left: 50%; transform: translateX(-50%); z-index: 2; cursor: pointer;} #x6sh .section-cockpit .cockpit-content .button-content{display: flex; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/learn-more-mask-img.svg"); mask-size: 100% auto; mask-position: center center; mask-repeat: no-repeat; align-items: center; color: rgb(252, 236, 213); position: relative; z-index: 2; width: 10.2083vw; height: 3.33333vw;} #x6sh .section-cockpit .cockpit-content .button-content p{position: absolute; z-index: 2; opacity: 0.6; transition: 0.3s; font-size: 0.9375vw; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; color: rgb(252, 236, 213);} #x6sh .section-cockpit .cockpit-content .button-content .border{width: 100%; position: relative; z-index: 2; height: 100%;} #x6sh .section-cockpit .cockpit-content .button-content .icon-bg{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; opacity: 0; transition: opacity 0.3s;} #x6sh .section-cockpit .cockpit-content .button-content .border-light{mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/learn-more-mask-border.svg"); mask-size: 100% auto; mask-repeat: no-repeat; mask-position: center center; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 5; transform: translateZ(1px);} #x6sh .section-cockpit .cockpit-content .button-content .border-light .left{position: absolute; width: 4.84375vw; height: 4.84375vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: -2.5vw; top: -2.5vw; transition: left 0.3s; border-radius: 50%;} #x6sh .section-cockpit .cockpit-content .button-content .border-light .right{position: absolute; width: 4.84375vw; height: 4.84375vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: 8.22917vw; bottom: -2.5vw; transition: left 0.3s; border-radius: 50%;} @media (any-hover: hover) and (pointer: fine) {#x6sh .section-cockpit .cockpit-content .button-item:hover .button-content p{opacity: 1; letter-spacing: 0.104167vw;} #x6sh .section-cockpit .cockpit-content .button-item:hover .button-content .play-button{opacity: 1;} #x6sh .section-cockpit .cockpit-content .button-item:hover .button-content .icon-bg{opacity: 1;} #x6sh .section-cockpit .cockpit-content .button-item:hover .button-content .border-light .left{left: 8.22917vw;} #x6sh .section-cockpit .cockpit-content .button-item:hover .button-content .border-light .right{left: -2.5vw;}} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-cockpit{padding-top: 27.7778vw;} #x6sh .section-cockpit .h2.text-move{position: initial; transform: translateY(40%);} #x6sh .section-cockpit .h2.text-move.animated{transform: translateY(0px);} #x6sh .section-cockpit .cockpit-content .button-item{position: initial; transform: none; width: max-content; margin: 0px auto;} #x6sh .section-cockpit .cockpit-content .button-content p{font-size: 3.88889vw; opacity: 1;} #x6sh .section-cockpit .cockpit-content .button-content{width: 36.6667vw; height: 13.3333vw; margin: 8.88889vw auto 0px; mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/learn-more-mask-img-xs.svg"); backdrop-filter: none; background-color: transparent;} #x6sh .section-cockpit .cockpit-content .button-content .border-light{mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/learn-more-mask-border-xs.svg");} #x6sh .section-cockpit .cockpit-content .button-content .border-light .left{width: 19.3056vw; height: 19.3056vw; left: 27.0833vw; top: -10.9722vw;} #x6sh .section-cockpit .cockpit-content .button-content .border-light .right{width: 19.3056vw; height: 19.3056vw; left: -9.44444vw; bottom: -10vw;} #x6sh .section-cockpit .cockpit-content .button-content .icon-bg{opacity: 0;}} #x6sh .section-collections .copy{margin-bottom: 3.33333vw;} #x6sh .section-collections .copy .h2{margin: 0px auto 2.08333vw;} #x6sh .section-collections .copy p{width: 44.6875vw; text-align: center; margin: 0px auto;} #x6sh .section-collections .button-container{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.20833vw;} #x6sh .section-collections .button-container .button-copy{display: flex; padding: 0.833333vw 1.25vw; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/pv-mask-img.svg"); mask-size: 100% auto; mask-position: center center; mask-repeat: no-repeat; font-size: 0.9375vw; align-items: center; color: rgb(252, 236, 213); position: relative; z-index: 2;} #x6sh .section-collections .button-container .button-copy span{position: relative; z-index: 2; opacity: 0.6; transition: opacity 0.3s;} #x6sh .section-collections .button-container .button-copy .play-button{width: 1.66667vw; margin-left: 0.833333vw; position: relative; z-index: 2; opacity: 0.6; transition: opacity 0.3s;} #x6sh .section-collections .button-container .border{width: 100%; position: absolute; top: 0px; left: 0px; z-index: 3;} #x6sh .section-collections .button-container .button-copy .icon-bg{width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; opacity: 0; transition: opacity 0.3s;} #x6sh .section-collections .button-container .border-light{mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/pv-mask-border.svg"); mask-size: 100% auto; mask-repeat: no-repeat; mask-position: center center; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 5; transform: translateZ(1px);} #x6sh .section-collections .button-container .border-light .left{position: absolute; width: 4.84375vw; height: 4.84375vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: -2.5vw; top: -2.5vw; transition: left 0.3s;} #x6sh .section-collections .button-container .border-light .right{position: absolute; width: 4.84375vw; height: 4.84375vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: 8.22917vw; bottom: -2.5vw; transition: left 0.3s;} @media (any-hover: hover) and (pointer: fine) {#x6sh .section-collections .button-container:hover .button-copy span{opacity: 1;} #x6sh .section-collections .button-container:hover .button-copy .play-button{opacity: 1;} #x6sh .section-collections .button-container:hover .button-copy .icon-bg{opacity: 1;} #x6sh .section-collections .button-container:hover .border-light .left{left: 8.22917vw;} #x6sh .section-collections .button-container:hover .border-light .right{left: -2.5vw;}} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-collections .copy{margin-bottom: 8.88889vw;} #x6sh .section-collections .copy .h2{margin: 0px auto 4.44444vw;} #x6sh .section-collections .copy p{width: 77.7778vw;} #x6sh .section-collections .button-container{bottom: 13.8889vw;} #x6sh .section-collections .button-container .button-copy{font-size: 3.88889vw; padding: 3.33333vw 4.44444vw 3.33333vw 5.55556vw;} #x6sh .section-collections .button-container .button-copy .play-button{width: 6.66667vw; margin-left: 3.33333vw; opacity: 1;} #x6sh .section-collections .button-container .button-copy span{opacity: 1;} #x6sh .section-collections .button-container .button-copy .icon-bg{opacity: 0;} #x6sh .section-collections .button-container .button-copy .border-light .left{width: 19.3056vw; height: 19.3056vw; left: 34.4444vw; top: -11.1111vw;} #x6sh .section-collections .button-container .button-copy .border-light .right{width: 19.3056vw; height: 19.3056vw; left: -9.44444vw; bottom: -10vw;} #x6sh .section-collections .button-container .button-copy .border-light{mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/pv-mask-border-xs.svg");}} #x6sh .section-carousel{position: relative; overflow: hidden;} #x6sh .section-carousel .swiper{width: 81.25vw; margin: 0px auto; overflow: visible;} #x6sh .section-carousel .swiper .swiper-slide{opacity: 0.4; transition: opacity 0.8s;} #x6sh .section-carousel .swiper .swiper-slide.swiper-slide-active{opacity: 1;} #x6sh .section-carousel .swiper .swiper-slide:not(.swiper-slide-active){cursor: pointer;} #x6sh .section-carousel .swiper .swiper-slide .copy{margin-top: 2.08333vw; opacity: 0; transition: opacity 0.4s;} #x6sh .section-carousel .swiper .swiper-slide.swiper-slide-active .copy{opacity: 1; transition: opacity 0.4s 0.4s;} #x6sh .section-carousel .swiper .swiper-slide .copy span{color: rgb(252, 236, 213);} #x6sh .section-carousel .content-container{position: absolute; bottom: 0px; right: 0px; z-index: 2;} #x6sh .section-carousel .content-container .control-wrapper{display: flex; align-items: center; justify-content: center;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-carousel .swiper{width: 82.2222vw;} #x6sh .section-carousel .swiper .swiper-slide.swiper-slide-active .copy{transition: opacity 0.8s;} #x6sh .section-carousel .swiper .swiper-slide .copy{margin: 6.66667vw 2.22222vw 8.88889vw;} #x6sh .section-carousel .content-container{position: initial;} #x6sh .section-carousel .content-container .control-wrapper{justify-content: flex-end;}} #x6sh .section-exclusive .exclusive-content{position: relative;} #x6sh .section-exclusive .exclusive-content .h2{position: absolute; left: 50%; transform: translate(-50%, 40%); top: 5.20833vw; z-index: 3;} #x6sh .section-exclusive .exclusive-content .h2.animated{transform: translate(-50%, 0%);} #x6sh .section-exclusive .exclusive-content .desc{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.20833vw; z-index: 3; width: 31.875vw; text-align: center; color: rgb(172, 159, 150);} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-exclusive .exclusive-content .h2{position: initial; transform: translateY(40%);} #x6sh .section-exclusive .exclusive-content .h2.animated{transform: translateY(0%);} #x6sh .section-exclusive .exclusive-content .desc{position: initial; transform: none; width: 82.2222vw; margin: 8.88889vw auto 0px;}} #x6sh .section-quiet{position: relative;} #x6sh .section-quiet .h2.text-move{position: absolute; top: 5.20833vw; left: 50%; transform: translate(-50%, 40%); z-index: 4;} #x6sh .section-quiet .h2.text-move.animated{transform: translate(-50%, 0px);} #x6sh .section-quiet .tabnav-content{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.20833vw; z-index: 3;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-quiet .h2.text-move{position: initial; transform: translateY(40%);} #x6sh .section-quiet .h2.text-move.animated{transform: translateY(0px);} #x6sh .section-quiet .tabnav-content{position: relative; bottom: 0px; margin-top: 8.88889vw;}} #x6sh .section-perception{position: relative;} #x6sh .section-perception .h2.text-move{position: absolute; top: 5.20833vw; left: 50%; transform: translate(-50%, 40%); z-index: 4;} #x6sh .section-perception .h2.text-move.animated{transform: translate(-50%, 0px);} #x6sh .section-perception .tabnav-content{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.20833vw; z-index: 3; width: 53.5417vw;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-perception{padding-bottom: 27.7778vw;} #x6sh .section-perception .h2.text-move{position: initial; transform: translateY(40%);} #x6sh .section-perception .h2.text-move.animated{transform: translateY(0px);} #x6sh .section-perception .tabnav-content{position: relative; bottom: 0px; margin-top: 8.88889vw; width: 100%;}} #x6sh .section-driverless{position: relative;} #x6sh .section-driverless .h2.text-move{position: absolute; top: 5.20833vw; left: 50%; transform: translate(-50%, 40%); z-index: 4;} #x6sh .section-driverless .h2.text-move.animated{transform: translate(-50%, 0px);} #x6sh .section-driverless .tabnav-content{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.20833vw; z-index: 3; width: 34.6875vw;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-driverless .h2.text-move{position: initial; transform: translateY(40%);} #x6sh .section-driverless .h2.text-move.animated{transform: translateY(0px);} #x6sh .section-driverless .tabnav-content{position: relative; bottom: 0px; margin-top: 8.88889vw; width: 100%;}} #x6sh .section-battery .battery-content{position: relative;} #x6sh .section-battery .battery-content .h2{position: absolute; left: 50%; transform: translate(-50%, 40%); top: 5.20833vw; z-index: 3;} #x6sh .section-battery .battery-content .h2.animated{transform: translate(-50%, 0%);} #x6sh .section-battery .battery-content .desc{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.20833vw; z-index: 3; width: 42.2917vw; text-align: center;} #x6sh .section-battery .battery-content .desc span{color: rgb(252, 236, 213);} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-battery .battery-content .h2{position: initial; transform: translateY(40%);} #x6sh .section-battery .battery-content .h2.animated{transform: translateY(0%);} #x6sh .section-battery .battery-content .desc{position: initial; transform: none; width: 82.2222vw; margin: 8.88889vw auto 0px;}} #x6sh .section-safety{position: relative;} #x6sh .section-safety .h2.text-move{position: absolute; top: 5.20833vw; left: 50%; transform: translate(-50%, 40%); z-index: 4;} #x6sh .section-safety .h2.text-move.animated{transform: translate(-50%, 0px);} #x6sh .section-safety .tabnav-content{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.20833vw; z-index: 3; width: 34.6875vw;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-safety .h2.text-move{position: initial; transform: translateY(40%);} #x6sh .section-safety .h2.text-move.animated{transform: translateY(0px);} #x6sh .section-safety .tabnav-content{position: relative; bottom: 0px; margin-top: 8.88889vw; width: 100%;}} #x6sh .section-configuration .configuration-content{position: relative;} #x6sh .section-configuration .h2.text-move{text-align: center; position: absolute; top: 5.20833vw; left: 50%; transform: translate3d(-50%, 40%, 0px); z-index: 1; letter-spacing: 0px;} #x6sh .section-configuration .h2.text-move.animated{transform: translate3d(-50%, 0px, 0px);} #x6sh .section-configuration .text-content{position: absolute; top: 11.25vw; left: 50%; transform: translateX(-50%); display: flex; align-items: center;} #x6sh .section-configuration .text-content p{font-size: 1.04167vw; color: rgb(252, 236, 213);} #x6sh .section-configuration .text-content .number{font-size: 3.33333vw; color: rgb(252, 236, 213); font-weight: 300;} #x6sh .section-configuration .text-content .number span{font-size: 1.04167vw; margin-left: 0.625vw;} #x6sh .section-configuration .text-content .line{width: 1px; height: 5vw; background-color: rgb(252, 236, 213); opacity: 0.4; margin: 0px 4.16667vw;} #x6sh .section-configuration .configuration-content .button-container{position: absolute; bottom: 10.6771vw; left: 50%; transform: translateX(-50%);} #x6sh .section-configuration .configuration-content .button-content{display: flex; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/learn-more-mask-img.svg"); mask-size: 100% auto; mask-position: center center; mask-repeat: no-repeat; align-items: center; color: rgb(252, 236, 213); position: relative; z-index: 2; width: 10.2083vw; height: 3.33333vw;} #x6sh .section-configuration .configuration-content .button-content p{position: absolute; z-index: 2; opacity: 0.6; transition: 0.3s; font-size: 0.9375vw; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; color: rgb(252, 236, 213);} #x6sh .section-configuration .configuration-content .button-content .border{width: 100%; position: relative; z-index: 2; height: 100%;} #x6sh .section-configuration .configuration-content .button-content .icon-bg{width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; opacity: 0; transition: opacity 0.3s;} #x6sh .section-configuration .configuration-content .button-content .border-light{mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/learn-more-mask-border.svg"); mask-size: 100% auto; mask-repeat: no-repeat; mask-position: center center; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 5; transform: translateZ(1px);} #x6sh .section-configuration .configuration-content .button-content .border-light .left{position: absolute; width: 4.84375vw; height: 4.84375vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: -2.5vw; top: -2.5vw; transition: left 0.3s; border-radius: 50%;} #x6sh .section-configuration .configuration-content .button-content .border-light .right{position: absolute; width: 4.84375vw; height: 4.84375vw; background-color: rgb(252, 236, 213); filter: blur(6px); left: 8.22917vw; bottom: -2.5vw; transition: left 0.3s; border-radius: 50%;} #x6sh .section-configuration .note{position: absolute; left: 50%; transform: translateX(-50%); bottom: 5.20833vw; width: 100%; display: block; text-align: center;} @media (any-hover: hover) and (pointer: fine) {#x6sh .section-configuration .configuration-content .button-content:hover p{opacity: 1; letter-spacing: 0.104167vw;} #x6sh .section-configuration .configuration-content .button-content:hover .play-button{opacity: 1;} #x6sh .section-configuration .configuration-content .button-content:hover .icon-bg{opacity: 1;} #x6sh .section-configuration .configuration-content .button-content:hover .border-light .left{left: 8.22917vw;} #x6sh .section-configuration .configuration-content .button-content:hover .border-light .right{left: -2.5vw;}} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-configuration .h2.text-move{position: initial; transform: translate3d(0px, 40%, 0px);} #x6sh .section-configuration .h2.text-move.animated{transform: translate3d(0px, 0px, 0px);} #x6sh .section-configuration .text-item{padding: 16.6667vw 0px;} #x6sh .section-configuration .configuration-desc-bg{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;} #x6sh .section-configuration .text-content-item{position: relative; z-index: 2;} #x6sh .section-configuration .text-content{flex-direction: column; position: initial; transform: none;} #x6sh .section-configuration .text-content .item{margin-top: 8.88889vw; display: flex; flex-direction: column; text-align: center;} #x6sh .section-configuration .text-content .item:first-child{margin-top: 0px;} #x6sh .section-configuration .text-content .item .title{padding: 1.38889vw 2.77778vw; background-color: rgba(255, 255, 255, 0.3); order: 1; border-radius: 0.833333vw; width: max-content; margin: 0px auto 4.44444vw;} #x6sh .section-configuration .text-content p{font-size: 3.88889vw;} #x6sh .section-configuration .text-content .number{font-size: 11.1111vw; order: 3;} #x6sh .section-configuration .text-content .number span{font-size: 3.88889vw; margin-left: 3.33333vw;} #x6sh .section-configuration .text-content .item .desc{order: 2;} #x6sh .section-configuration .configuration-content .button-container{position: initial; transform: none; margin-top: 16.6667vw;} #x6sh .section-configuration .configuration-content .button-content p{font-size: 3.88889vw; opacity: 1;} #x6sh .section-configuration .configuration-content .button-content{width: 36.6667vw; height: 13.3333vw; margin: 0px auto; mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/learn-more-mask-img-xs.svg"); backdrop-filter: none;} #x6sh .section-configuration .configuration-content .button-content .border-light{mask-image: url("/assets/media/maextro-details-20260908/models/s800-grand-design/originals/dam/hima-site/cn/zunjie/s800-grand-design/images/icons/learn-more-mask-border-xs.svg");} #x6sh .section-configuration .configuration-content .button-content .border-light .left{width: 19.3056vw; height: 19.3056vw; left: 27.0833vw; top: -10.9722vw;} #x6sh .section-configuration .configuration-content .button-content .border-light .right{width: 19.3056vw; height: 19.3056vw; left: -9.44444vw; bottom: -10vw;} #x6sh .section-configuration .configuration-content .button-content .icon-bg{opacity: 0;} #x6sh .section-configuration .note{width: 60vw; position: initial; transform: none; margin: 16.6667vw auto 0px;} #x6sh .section-configuration .configuration-desc{width: 82.2222vw; margin: 8.88889vw auto 0px; position: relative;}} #x6sh .section-footnote{width: 67.5vw; margin: 0px auto; padding-bottom: 80px; --font-size: 14px; font-size: var(--font-size); --icon-size: 16px;} #x6sh .section-footnote .footnote-list{padding-inline-start: 1.5em;} #x6sh .section-footnote ul{font-size: inherit; margin-top: 1.6em;} #x6sh .section-footnote li{font-size: inherit; list-style-type: decimal; color: rgb(255, 255, 255); line-height: 1.6em; margin: 0.5em 0px; font-weight: 500; position: relative;} #x6sh .section-footnote li.current{font-weight: 800;} #x6sh .section-footnote i{position: absolute; bottom: 0px; display: none; width: var(--icon-size); height: var(--icon-size); cursor: pointer; transform: translateY(calc((var(--font-size) * 1.6 - var(--icon-size)) / 2 * -1)); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23434343'/%3E%3Cpath d='M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194' transform='translate(3.411 12.076) rotate(-90)' fill='%23fff'/%3E%3C/svg%3E") center center / 100% auto no-repeat;} #x6sh .section-footnote li.current i{display: inline-block;} @media (max-aspect-ratio: 11 / 10) {#x6sh .section-footnote{width: 91.1111vw; margin-top: 0px; position: relative; z-index: 2; --font-size: 3.333333vw; --icon-size: 4.722222vw;} #x6sh .section-footnote .footnote-list{font-size: 3.33333vw;} #x6sh .section-footnote li{line-height: 1.6;}} #x6sh{font-family:Arial,"Helvetica Neue",sans-serif;isolation:isolate;background:#080808;color:#fff;max-width:100%;overflow:clip;--pagination-font-size:16px;--stat-number-font-size:clamp(28px,2.6vw,50px)} #x6sh *{box-sizing:border-box}#x6sh p,#x6sh h1,#x6sh h2,#x6sh h3{margin:0}#x6sh button{font:inherit;color:inherit;cursor:pointer}#x6sh [hidden]{display:none!important}#x6sh :focus-visible{outline:2px solid #e8c798;outline-offset:5px}#x6sh img,#x6sh video{display:block;max-width:100%}#x6sh video{object-fit:cover;width:100%;height:auto}#x6sh picture{display:block}#x6sh img{height:auto}#x6sh .covered-picture img,#x6sh .covered-picture video{height:100%;width:100%;object-fit:cover} #x6sh .section-hero{position:relative}#x6sh .section-hero video{aspect-ratio:1920/1080;object-fit:cover}#x6sh .gd-hero-play{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);padding:12px 24px;border:1px solid #e2c6a0;border-radius:30px;background:#111b;z-index:2} #x6sh .gallery-slide:not(.current){visibility:hidden;pointer-events:none}#x6sh .gallery-slide.current{visibility:visible}#x6sh .gallery-slide.current .clip-item{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}#x6sh .gallery-background-slide:not(.current){visibility:hidden}#x6sh .gallery-background-slide.current{visibility:visible;opacity:1} #x6sh .stack-list{height:auto!important;min-height:100px}#x6sh .stack-item{position:relative!important;inset:auto!important;transform:none!important}#x6sh .stack-item:not(.current){display:none!important}#x6sh .stack-item.current{visibility:visible;opacity:1}#x6sh .tabnav-container{max-width:100%;overflow-x:auto;scrollbar-width:thin}#x6sh .tabnav-wrapper{width:max-content;min-width:100%}#x6sh .tabnav-list{width:max-content;min-width:100%;justify-content:center;gap:clamp(18px,2.3vw,44px)}#x6sh .tabnav-item{white-space:nowrap;line-height:1.5;cursor:pointer;font-size:clamp(13px,1.1vw,20px);padding-bottom:15px;min-height:44px;border-bottom:2px solid transparent}#x6sh .tabnav-item.current{border-bottom-color:#d4bc9b}#x6sh .tabnav-indicator{display:none} #x6sh .tabnav-content{position:relative!important;inset:auto!important;margin-top:30px!important;height:auto!important}#x6sh .tabnav-content .copy{max-width:1100px;margin:22px auto 0;padding:0 24px;line-height:1.7;font-size:clamp(14px,1.1vw,20px)}#x6sh .tabnav-swiper-background .tabnav-content{padding-bottom:40px}#x6sh .tabnav-swiper-background .gallery-container{height:auto!important}#x6sh .label-item:not(.current),#x6sh .color-desc-item:not(.current){display:none!important}#x6sh .label-list,#x6sh .color-desc-list{height:auto;min-height:2em}#x6sh .label-item,#x6sh .color-desc-item{position:relative!important;inset:auto!important}#x6sh .colournav-item{cursor:pointer} #x6sh .gd-side{position:relative;overflow:visible}#x6sh .gd-side .swiper-wrapper{display:flex!important;position:relative;gap:24px;align-items:flex-start;transition:transform .8s ease;width:100%;margin:0;padding:0}#x6sh .gd-side .swiper-slide{flex:0 0 100%;position:relative!important;opacity:.35;transition:opacity .8s;transform:none!important;visibility:visible!important;height:auto;cursor:pointer}#x6sh .gd-side .swiper-slide.current{opacity:1;cursor:default}#x6sh .gd-side .swiper-slide .copy{position:relative;padding:22px 0 0;line-height:1.7}#x6sh .gd-side .swiper-slide:not(.current) .copy{visibility:hidden}#x6sh .section-carousel>.swiper,#x6sh .section-carousel .swiper{width:83.3333%;margin:auto;overflow:visible}#x6sh .section-carousel .swiper-slide{width:100%}#x6sh .section-appearance .swiper{width:83.3333%;margin:auto;position:relative;inset:auto;overflow:visible;opacity:1;visibility:visible}#x6sh .section-appearance .swiper:not(.current){display:none}#x6sh .gd-arrows{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px auto 0;position:relative;z-index:3}#x6sh .gd-arrows button{width:44px;height:44px;border:1px solid #a38c71;border-radius:50%;background:#121212}#x6sh .gd-arrows button:disabled{opacity:.3;cursor:default}#x6sh .gd-arrows output{min-width:48px;text-align:center}#x6sh .section-appearance .gallery-container{height:auto!important}#x6sh .section-appearance .tabnav-content{margin:30px 0!important}#x6sh .section-appearance .stack-list{margin:30px auto;width:83.3333%} #x6sh .gd-dialog{max-width:min(1280px,94vw);max-height:90vh;width:94vw;margin:auto;padding:64px 40px 40px;background:#13110f;color:#fff;border:1px solid #705e49;overflow:auto;overscroll-behavior:contain}#x6sh .gd-dialog::backdrop{background:#000c}#x6sh .gd-dialog:not([open]){display:none}#x6sh .gd-close{position:sticky;top:0;display:block;margin:0 0 24px auto;z-index:8;padding:10px 18px;background:#181512;border:1px solid #a38c71;border-radius:24px}#x6sh .gd-health .modal-container,#x6sh .gd-health .modal-wrapper{height:auto;position:relative;inset:auto;transform:none}#x6sh .gd-health .modal-swiper{width:100%;overflow:hidden}#x6sh .gd-health .slide-content{position:relative;padding:24px 10px;background:#13110f}#x6sh .gd-health .slide-title{font-size:28px;line-height:1.3;margin-bottom:16px}#x6sh .gd-health .swiper-slide .slide-picture{position:relative;aspect-ratio:16/9}#x6sh .gd-health .slide-copy{font-size:16px;line-height:1.7}#x6sh .gd-film{padding:20px;max-width:1100px;width:94vw;overflow:hidden}#x6sh .gd-film video{max-height:72vh;object-fit:contain;background:#000}#x6sh .gd-film .gd-close{margin:16px auto 0}#x6sh .gd-focus-start,#x6sh .gd-focus-end{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}#x6sh .gd-configuration h2{font-size:24px;line-height:1.4;margin-bottom:16px}#x6sh .gd-configuration p{font-size:14px;line-height:1.7;margin:12px 0}#x6sh .gd-table{max-width:100%;overflow:auto;margin-top:24px}#x6sh .gd-table table{border-collapse:collapse;min-width:900px;width:100%;font-size:14px;line-height:1.5}#x6sh .gd-table th,#x6sh .gd-table td{padding:12px;border:1px solid #554939;text-align:left;min-width:160px}#x6sh .gd-table th:first-child{min-width:260px}#x6sh .gd-category{background:#312820}#x6sh .gd-config-notes{margin-top:36px}#x6sh sup a{color:inherit;text-decoration:underline}#x6sh .section-footnote{font-size:12px;line-height:1.8}#x6sh [id^="footnote"],#x6sh [id^="gd-config-note"]{scroll-margin-top:120px} #x6sh .stat-value{height:auto;line-height:1.3;font-size:var(--stat-number-font-size);overflow:hidden}#x6sh .text-move{transition:opacity .8s,transform .8s}#x6sh .introduction-text-light .text-item,#x6sh .introduction-text-dark .text-item{white-space:normal;max-width:80vw;line-height:1.6}#x6sh .section-introduction .copy-item{max-width:90vw}#x6sh .section-headers .h2{white-space:normal}#x6sh[data-language="ru"] .h2,#x6sh[data-language="fr"] .h2{font-size:clamp(28px,3.4vw,64px)} @media(max-aspect-ratio:11/10){#x6sh .section-hero video{aspect-ratio:720/1280}#x6sh .tabnav-list{justify-content:flex-start;padding:0 22px}#x6sh .tabnav-container{width:100vw;margin-left:0}#x6sh .tabnav-content{margin-top:18px!important}#x6sh .tabnav-content .copy{padding:0 24px;font-size:15px;text-align:left}#x6sh .gd-side .swiper-wrapper{gap:17px}#x6sh .section-carousel .swiper,#x6sh .section-appearance .swiper{width:86%}#x6sh .gd-side .swiper-slide .copy{font-size:15px;text-align:left;padding:18px 0 0}#x6sh .gd-dialog{padding:18px;width:94vw;max-height:88vh}#x6sh .gd-health .slide-title{font-size:24px}#x6sh .gd-health .swiper-slide .slide-picture{aspect-ratio:720/800}#x6sh .gd-table table{font-size:13px}#x6sh .section-introduction .introduction-content .h3{font-size:clamp(18px,4vw,30px)}#x6sh .color-desc-list{padding:0 24px;line-height:1.6}#x6sh .section-configuration .h2{font-size:28px}#x6sh .section-configuration .stat-list{flex-wrap:wrap}#x6sh .section-configuration .stat-item{min-width:0}#x6sh .gd-hero-play{bottom:8%;white-space:nowrap}} #x6sh .tabnav-content{transform:none!important;width:100%!important}#x6sh .tabnav-container{position:relative!important;inset:auto!important;transform:none!important;margin:0 auto!important;width:100%!important}#x6sh .tabnav-item{margin:0!important} #x6sh .appearance-container{display:flex;flex-direction:column}#x6sh .appearance-content{order:0;position:relative;transform:none!important}#x6sh .appearance-container>.tabnav-content{order:1}#x6sh .appearance-container>.stack-list{order:2;position:relative;inset:auto;transform:none!important;margin:0 auto 30px!important}#x6sh .section-color{height:auto}#x6sh .colournav-container{position:relative!important;inset:auto!important;transform:none!important;justify-content:center;margin:26px auto 0!important}#x6sh .color-desc-list{position:relative!important;inset:auto!important;transform:none!important;width:100%;text-align:center;margin:22px 0 0;padding:0 24px 30px}#x6sh .section-headers .header-content .title{height:auto;min-height:1.3em;width:100%;overflow:visible}#x6sh .section-headers .header-content .title .text{position:relative;width:100%;max-width:90vw;margin:auto;height:auto;display:grid}#x6sh .section-headers .header-content .title .h2{grid-area:1/1;position:relative!important;inset:auto!important;width:100%;height:auto;white-space:normal!important;font-size:clamp(28px,4vw,64px);line-height:1.3;letter-spacing:normal;word-break:normal;transform:none!important}#x6sh .section-headers .header-content .title .h2-copy{color:#e2c6a0;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s}#x6sh .section-headers.active .header-content .title .h2-copy{clip-path:inset(0 0 0 0)} #x6sh .gd-side .swiper-slide:not(.current){opacity:.35!important}#x6sh .gd-side .swiper-slide.current{opacity:1!important}#x6sh .gd-dialog,#x6sh .gd-dialog table,#x6sh .gd-dialog th,#x6sh .gd-dialog td{font-family:Arial,"Helvetica Neue",sans-serif} #x6sh .tabnav-content .stack-item{width:100%!important;max-width:1100px;margin:0 auto!important;padding:0 24px!important;font-size:clamp(14px,1.1vw,20px);line-height:1.7}#x6sh .color-desc-item{margin:0 auto!important;transform:none!important;width:100%!important;max-width:1100px;white-space:normal!important;line-height:1.6}#x6sh .gd-table table{table-layout:fixed;min-width:640px}#x6sh .gd-table th:first-child{width:30%;min-width:0;position:sticky;left:0;background:#13110f;z-index:1}#x6sh .gd-table .gd-category th{position:static;background:#312820}#x6sh .gd-table td,#x6sh .gd-table th{overflow-wrap:anywhere} @media(max-aspect-ratio:11/10){#x6sh .section-data .stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px;width:76%;margin:0 auto}#x6sh .section-data .stat-list .stat-item{width:auto;margin:0;padding:0;min-width:0}#x6sh .section-data .stat-line{display:none}#x6sh .section-data .stat-value{font-size:34px}#x6sh .section-data .stat-data{white-space:nowrap}#x6sh .section-data .stat-caption{font-size:13px}#x6sh .section-data .stat-unit{font-size:12px}} @media(max-aspect-ratio:11/10){#x6sh .gd-table table{min-width:500px;width:500px}#x6sh .gd-table th:first-child{width:140px}#x6sh .gd-table td,#x6sh .gd-table th{min-width:0;padding:10px 8px}#x6sh .color-desc-item{font-size:15px}#x6sh .tabnav-content .stack-item{text-align:left;font-size:15px}} #x6sh .gd-chapters{position:sticky;top:68px;z-index:30;background:#0b0b0bf5;border-bottom:1px solid #665744;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 4%;min-height:50px;font-size:14px}#x6sh .gd-chapter-model{white-space:nowrap;color:#e6d0b2}#x6sh #gd-chapter-links{display:flex;align-items:center;justify-content:flex-end;gap:24px}#x6sh #gd-chapter-links a{color:#d2c4b1;text-decoration:none;line-height:1.4}#x6sh #gd-chapter-links button{border:1px solid #79674f;background:transparent;border-radius:20px;padding:8px 14px;white-space:nowrap}#x6sh .gd-chapter-toggle{display:none}#x6sh [id^="section-"]{scroll-margin-top:138px} @media(max-width:1000px){#x6sh .gd-chapters{top:62px;padding:10px 20px;font-size:13px}#x6sh .gd-chapter-toggle{display:block;background:transparent;border:0;min-height:30px}#x6sh #gd-chapter-links{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 24px;background:#111;border-bottom:1px solid #665744;align-items:flex-start;gap:18px}#x6sh .gd-chapters[data-expanded="true"] #gd-chapter-links{display:flex;flex-direction:column}#x6sh [id^="section-"]{scroll-margin-top:126px}} @media(max-aspect-ratio:11/10){#x6sh .gd-health .modal-swiper{overflow:visible}#x6sh .gd-health .swiper-wrapper{display:block!important;transform:none!important}#x6sh .gd-health.gd-dialog .swiper-slide{opacity:1!important;display:block;width:100%;margin-bottom:36px;cursor:default}#x6sh .gd-health .swiper-slide .copy,#x6sh .gd-health .swiper-slide .slide-copy{visibility:visible!important}#x6sh .gd-health .gd-arrows{display:none}} #x6sh .tabnav-container{scroll-padding-inline:24px 88px}#x6sh .tabnav-list{padding-right:88px} #x6sh .text-animate .h2{max-width:90vw;white-space:normal;overflow-wrap:break-word} @media(prefers-reduced-motion:reduce){#x6sh *,#x6sh *::before,#x6sh *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}#x6sh .text-move{opacity:1;transform:none}}