@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){}






























@media only screen and (min-width: 1200.01px){

}
@media only screen and (max-width: 1919px){
}
@media only screen and (max-width: 1200px){




}




@media (max-aspect-ratio: 11 / 10){}
@media (max-aspect-ratio: 7 / 10){}
@media (min-aspect-ratio: 4 / 5) and (max-aspect-ratio: 7 / 10){}

#m7 section { position: relative; }
#m7 picture, #m7 img, #m7 svg, #m7 canvas, #m7 video { display: block; width: 100%; }
#m7 sup { top: auto; font-size: 0.6em; vertical-align: super; }
#m7 sup.sm { position: relative; top: -0.36em; font-size: 0.4em; }
#m7 sup a { color: inherit; }
#m7 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; }
#m7 .nowrap { display: inline-block; white-space: nowrap; }
#m7 .sticky-content { position: sticky; top: 0px; overflow: hidden; width: 100%; height: 100vh; }
#m7 .aspect-ratio { position: relative; }
#m7 .aspect-ratio::before { display: block; content: ""; }
#m7 .aspect-ratio img, #m7 .aspect-ratio video { position: absolute; top: 0px; left: 0px; }
#m7 .covered-picture { position: relative; overflow: hidden; height: 100%; }
#m7 .covered-picture img { height: 100%; object-fit: cover; }
#m7 .blur-up { transition: filter 400ms; filter: blur(10px); }
#m7 .blur-up.lazyloaded { filter: blur(0px); }
#m7 .text-gradient { display: inline-block; -webkit-text-fill-color: transparent; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
#m7 .relative { position: relative; }
#m7 .absolute { position: absolute; }
#m7 .overflow-hidden { overflow: hidden; }
#m7 .overflow-visible { overflow: visible; }
@media (max-aspect-ratio: 7 / 10){#m7 .xs\:overflow-hidden { overflow: hidden; }
#m7 .xs\:overflow-visible { overflow: visible; }}
#m7 .block { display: block; }
#m7 .inline-block { display: inline-block; }
#m7 .inline { display: inline; }
#m7 .flex { display: flex; }
#m7 .inline-flex { display: inline-flex; }
#m7 .hidden { display: none; }
@media (max-aspect-ratio: 7 / 10){#m7 .xs\:block { display: block; }
#m7 .xs\:inline-block { display: inline-block; }
#m7 .xs\:inline { display: inline; }
#m7 .xs\:flex { display: flex; }
#m7 .xs\:inline-flex { display: inline-flex; }
#m7 .xs\:hidden { display: none; }}
#m7 br.lg { display: block; }
#m7 br.xs { display: none; }
@media (max-aspect-ratio: 7 / 10){#m7 br.lg { display: none; }
#m7 br.xs { display: block; }}
#m7 .show-pad { display: none; }
#m7 .hidden-pad { display: block; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .show-pad { display: block; }
#m7 .hidden-pad { display: none !important; }}
@media (max-aspect-ratio: 7 / 10){#m7 .show-pad { display: none; }
#m7 .hidden-pad { display: block; }}
#m7 .text-center { text-align: center; }
#m7 .text-align { text-align: center; }
@media (max-aspect-ratio: 7 / 10){#m7 .text-align { text-align: left; }}
#m7 .w-1760 { width: 91.6667vw; }
#m7 .w-1560 { width: 81.25vw; }
#m7 .w-1309 { width: 68.1771vw; }
#m7 .w-1296 { width: 67.5vw; }
#m7 .w-720 { width: 37.5vw; }
#m7 .w-576 { width: 30vw; }
#m7 .w-640 { width: 33.3333vw; }
#m7 .w-795 { width: 41.4062vw; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .w-1560 { width: 90.8571vw; }
#m7 .w-576 { width: 56.4286vw; }
#m7 .xs\:w-560 { width: 75.4286vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .xs\:w-full { width: 100%; }
#m7 .xs\:w-688 { width: 95.5556vw; }
#m7 .xs\:w-656 { width: 91.1111vw; }
#m7 .xs\:w-520 { width: 72.2222vw; }
#m7 .xs\:w-560 { width: 77.7778vw; }
#m7 .xs\:w-576 { width: 80vw; }}
#m7 .mx-auto { margin-right: auto; margin-left: auto; }
#m7 .mt-16, #m7 .lg\:mt-16 { margin-top: 0.833333vw; }
#m7 .mt-24, #m7 .lg\:mt-24 { margin-top: 1.25vw; }
#m7 .ml-24, #m7 .lg\:ml-24 { margin-left: 1.25vw; }
#m7 .mt-32, #m7 .lg\:mt-32 { margin-top: 1.66667vw; }
#m7 .mt-40, #m7 .lg\:mt-40 { margin-top: 2.08333vw; }
#m7 .mt-48, #m7 .lg\:mt-48 { margin-top: 2.5vw; }
#m7 .mt-56, #m7 .lg\:mt-56 { margin-top: 2.91667vw; }
#m7 .mt-64, #m7 .lg\:mt-64 { margin-top: 3.33333vw; }
#m7 .mt-72, #m7 .lg\:mt-72 { margin-top: 3.75vw; }
#m7 .mt-80, #m7 .lg\:mt-80 { margin-top: 4.16667vw; }
#m7 .mt-100, #m7 .lg\:mt-100 { margin-top: 5.20833vw; }
#m7 .mt-120, #m7 .lg\:mt-120 { margin-top: 6.25vw; }
#m7 .mt-160, #m7 .lg\:mt-160 { margin-top: 8.33333vw; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .xs\:mx-auto { margin-right: auto; margin-left: auto; }
#m7 .mt-48, #m7 .lg\:mt-48 { margin-top: 4.57143vw; }
#m7 .mt-80, #m7 .lg\:mt-80 { margin-top: 5.71429vw; }
#m7 .mt-16, #m7 .lg\:mt-16 { margin-top: 1.14286vw; }
#m7 .mt-24, #m7 .lg\:mt-24 { margin-top: 1.71429vw; }
#m7 .mt-32, #m7 .xs\:mt-32 { margin-top: 2.28571vw; }
#m7 .mt-56, #m7 .xs\:mt-56 { margin-top: 4.57143vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .xs\:mx-auto { margin-right: auto; margin-left: auto; }
#m7 .xs\:mt-0 { margin-top: 0px; }
#m7 .mt-16, #m7 .xs\:mt-16 { margin-top: 2.22222vw; }
#m7 .mt-24, #m7 .xs\:mt-24 { margin-top: 3.33333vw; }
#m7 .ml-24, #m7 .xs\:ml-24 { margin-left: 3.33333vw; }
#m7 .mt-32, #m7 .xs\:mt-32 { margin-top: 4.44444vw; }
#m7 .mt-40, #m7 .xs\:mt-40 { margin-top: 5.55556vw; }
#m7 .mt-48, #m7 .xs\:mt-48 { margin-top: 6.66667vw; }
#m7 .mt-56, #m7 .xs\:mt-56 { margin-top: 7.77778vw; }
#m7 .mt-64, #m7 .xs\:mt-64 { margin-top: 8.88889vw; }
#m7 .mt-72, #m7 .xs\:mt-72 { margin-top: 10vw; }
#m7 .mt-80, #m7 .xs\:mt-80 { margin-top: 11.1111vw; }
#m7 .mt-100, #m7 .xs\:mt-100 { margin-top: 13.8889vw; }
#m7 .mt-120, #m7 .xs\:mt-120 { margin-top: 16.6667vw; }
#m7 .mt-160, #m7 .xs\:mt-160 { margin-top: 22.2222vw; }}
#m7 .pt-200, #m7 .lg\:pt-200 { padding-top: 10.4167vw; }
#m7 .pb-200, #m7 .lg\:pb-200 { padding-bottom: 10.4167vw; }
#m7 .py-200, #m7 .lg\:py-200 { padding-top: 10.4167vw; padding-bottom: 10.4167vw; }
#m7 .pt-160, #m7 .lg\:pt-160 { padding-top: 8.33333vw; }
#m7 .pb-160, #m7 .lg\:pb-160 { padding-bottom: 8.33333vw; }
#m7 .py-160, #m7 .lg\:py-160 { padding-top: 8.33333vw; padding-bottom: 8.33333vw; }
#m7 .pt-120, #m7 .lg\:pt-120 { padding-top: 6.25vw; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .pt-200, #m7 .xs\:pt-200 { padding-top: 14.2857vw; }
#m7 .pb-200, #m7 .lg\:pb-200 { padding-bottom: 14.2857vw; }
#m7 .py-200, #m7 .lg\:py-200 { padding-top: 14.2857vw; padding-bottom: 14.2857vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .pt-200, #m7 .xs\:pt-200 { padding-top: 27.7778vw; }
#m7 .pb-200, #m7 .xs\:pb-200 { padding-bottom: 27.7778vw; }
#m7 .py-200, #m7 .xs\:py-200 { padding-top: 27.7778vw; padding-bottom: 27.7778vw; }
#m7 .pt-160, #m7 .xs\:pt-160 { padding-top: 22.2222vw; }
#m7 .pb-160, #m7 .xs\:pb-160 { padding-bottom: 22.2222vw; }
#m7 .py-160, #m7 .xs\:py-160 { padding-top: 22.2222vw; padding-bottom: 22.2222vw; }
#m7 .pt-120, #m7 .xs\:pt-120 { padding-top: 16.6667vw; }}
#m7 h2, #m7 h3 { font-weight: 500; line-height: 1.25; color: rgb(0, 0, 0); }
#m7 h2 { font-size: 2.5vw; }
#m7 h3 { font-size: 1.35417vw; }
#m7 h3.title { font-size: 1.04167vw; color: rgb(121, 124, 128); }
#m7 strong { font-weight: 700; color: rgb(24, 25, 26); }
#m7 .note { font-size: 0.833333vw; color: rgba(121, 124, 128, 0.5); display: block; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 h2 { font-size: 4.57143vw; }
#m7 h3 { font-size: 3.42857vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 h2 { font-size: 8.88889vw; }
#m7 .mx-auto h2, #m7 h2.mx-auto { margin-left: 11.1111vw; }
#m7 h3 { font-size: 4.44444vw; }
#m7 h3.title { font-size: 4.44444vw; }
#m7 .note { font-size: 3.33333vw; }}
#m7 .video-container { position: relative; }
#m7 .video-container .play-trigger { position: absolute; top: 80%; }
#m7 .video-container .end-frame { position: absolute; top: 0px; left: 0px; opacity: 0; transition: opacity 0.8s linear; }
#m7 .video-container.ended .end-frame { opacity: 1; }
#m7 .autoplay-trigger { position: absolute; top: 80%; }
#m7 .button-container { display: flex; justify-content: center; }
#m7 .button-container .button-link { position: relative; display: flex; align-items: center; justify-content: center; width: 10.5729vw; }
#m7 .button-container .button-link:hover .button-background { opacity: 0.7; }
#m7 .button-container .button-background { transition: opacity 0.3s; }
#m7 .button-container .button-copy { position: absolute; z-index: 1; font-size: 0.9375vw; font-weight: 700; white-space: nowrap; color: rgb(24, 25, 26); }
@media (max-aspect-ratio: 7 / 10){#m7 .button-container .button-link { width: 44.5833vw; }
#m7 .button-container .button-background { opacity: 1 !important; }
#m7 .button-container .button-copy { font-size: 3.61111vw; }}
#m7 .pagination-item { display: flex; overflow: hidden; align-items: center; width: auto; font-size: var(--pagination-font-size, 1.041667vw); font-weight: 800; line-height: 1; color: rgb(24, 25, 26); }
#m7 .pagination-item.swiper-pagination-lock { display: none; }
#m7 .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; }
#m7 .pagination-line { position: relative; overflow: hidden; width: 6.25vw; height: 2px; margin-right: 0.833333vw; margin-left: 0.833333vw; background-color: rgb(229, 229, 229); }
#m7 .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); }
#m7 .autoplay-animating .pagination-line::before { transition-duration: 3.8s; transform: scaleX(1); }
#m7 .autoplay-animating .autoplay-3s .pagination-line::before { transition-duration: 2.8s; transform: scaleX(1); }
#m7 .pagination-total { opacity: 0.2; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .pagination-item { font-size: var(--pagination-font-size, 2.285714vw); }
#m7 .pagination-line { width: 12.8571vw; height: 0.285714vw; margin-right: 1.71429vw; margin-left: 1.71429vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .pagination-item { font-size: var(--pagination-font-size, 3.888889vw); }
#m7 .pagination-line { width: 20.5556vw; height: 0.416667vw; margin-right: 3.33333vw; margin-left: 3.33333vw; }}
#m7 .arrownav-list { display: flex; }
#m7 .arrownav-list .arrownav-item { width: 2.60417vw; cursor: pointer; outline: 0px; }
#m7 .arrownav-list .arrownav-item:not(.arrownav-disabled):hover .path-outline-anim { stroke-dasharray: 157, 0; }
#m7 .arrownav-list .icon-path { fill: none; stroke: rgb(24, 25, 26); stroke-width: 2px; }
#m7 .arrownav-list .path-outline { opacity: 0.2; }
#m7 .arrownav-list .path-arrow { transition: opacity 0.8s; stroke-linecap: round; stroke-linejoin: round; }
#m7 .arrownav-list .path-outline-anim { transition: stroke-dasharray 0.8s; stroke-dasharray: 0, 157; stroke-dashoffset: 50; }
#m7 .arrownav-list .arrownav-disabled { cursor: default; }
#m7 .arrownav-list .arrownav-disabled .path-arrow { opacity: 0.2; }
#m7 .arrownav-list .arrownav-next { margin-left: 0.833333vw; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .arrownav-list .arrownav-item { width: 5.71429vw; }
#m7 .arrownav-list .arrownav-item:not(.arrownav-disabled):hover { opacity: 1; }
#m7 .arrownav-list .icon-path { stroke-width: 3px; }
#m7 .arrownav-list .path-outline-anim { display: none; }
#m7 .arrownav-list .arrownav-next { margin-left: 2.85714vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .arrownav-list .arrownav-item { width: 10.6944vw; }
#m7 .arrownav-list .arrownav-item:not(.arrownav-disabled):hover { opacity: 1; }
#m7 .arrownav-list .icon-path { stroke-width: 3px; }
#m7 .arrownav-list .path-outline-anim { display: none; }
#m7 .arrownav-list .arrownav-next { margin-left: 3.33333vw; }}
#m7 .section-header { position: relative; }
#m7 .section-header .text-content { position: absolute; z-index: 1; top: 4.16667vw; right: 0px; left: 0px; text-align: center; color: rgb(255, 255, 255); }
#m7 .section-header h2 { font-size: 3.33333vw; color: inherit; }
#m7 .section-header h3 { font-size: 1.45833vw; color: inherit; }
#m7 .section-header p { color: inherit; }
#m7 .section-header .xs-intro { display: none; }
@media (max-aspect-ratio: 7 / 10){#m7 .section-header .text-content { top: 11.1111vw; }
#m7 .section-header h2 { font-size: 8.88889vw; }
#m7 .section-header h3 { font-size: 4.44444vw; }
#m7 .section-header .lg-intro { display: none; }
#m7 .section-header .xs-intro { display: block; text-align: center; }}
#m7 .tabnav-content { display: flex; align-items: center; flex-direction: column; margin-top: 2.5vw; }
#m7 .tabnav-container { position: relative; }
#m7 .tabnav-list { position: relative; display: flex; align-items: flex-end; justify-content: center; }
#m7 .tabnav-item { padding-bottom: 0.833333vw; font-size: 1.25vw; cursor: pointer; transition: color 0.5s; white-space: nowrap; color: rgba(0, 0, 0, 0.4); outline: 0px; }
#m7 .tabnav-item + .tabnav-item { margin-left: 4.16667vw; }
#m7 .tabnav-item.current { color: rgb(0, 0, 0); }
#m7 .tabnav-indicator { position: relative; width: 100%; height: 2px; }
#m7 .tabnav-indicator::before { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; content: ""; background-color: rgba(24, 25, 26, 0.2); }
#m7 .tabnav-indicator::after { display: block; width: var(--indicator-width, 0); height: 100%; content: ""; transition: width 0.5s, transform 0.5s; transform: translateX(var(--indicator-offset, 0)); background-color: rgb(24, 25, 26); }
#m7 .stack-list { display: flex; }
#m7 .tabnav-swiper .stack-list { text-align: center; margin-top: 1.875vw; }
#m7 .stack-item { position: relative; width: 100%; font-size: 1.04167vw; transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); opacity: 0; }
#m7 .stack-item + .stack-item { margin-left: -100%; }
#m7 .stack-item.current { z-index: 1; opacity: 1; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .tabnav-content { margin-top: 4.28571vw; }
#m7 .tabnav-item { font-size: 2.85714vw; padding-bottom: 1.64286vw; }
#m7 .tabnav-item + .tabnav-item { margin-left: 5.71429vw; }
#m7 .tabnav-indicator { height: 3px; }
#m7 .tabnav-swiper .stack-list { margin-top: 3.42857vw; }
#m7 .stack-item { font-size: 2.28571vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .tabnav-content { position: relative; display: block; overflow: hidden; width: 100%; margin-top: 10.5556vw; }
#m7 .tabnav-swiper .tabnav-content::before, #m7 .tabnav-swiper .tabnav-content::after { position: absolute; z-index: 1; top: -1.38889vw; width: 12.2222vw; height: 12.2222vw; content: ""; pointer-events: none; }
#m7 .tabnav-swiper .tabnav-content::before { left: 0px; background-image: linear-gradient(90deg, rgb(255, 255, 255) 40%, transparent); }
#m7 .tabnav-swiper .tabnav-content::after { right: 0px; background-image: linear-gradient(90deg, transparent, rgb(255, 255, 255) 60%); }
#m7 .tabnav-container { position: relative; display: flex; justify-content: center; line-height: 0; white-space: nowrap; }
#m7 .tabnav-container.is-scroll { overflow: auto hidden; justify-content: flex-start; }
#m7 .tabnav-container.is-scroll::-webkit-scrollbar { display: none; }
#m7 .tabnav-wrapper { padding-right: 11.1111vw; padding-left: 11.1111vw; }
#m7 .tabnav-list { position: relative; display: flex; }
#m7 .tabnav-item { padding-bottom: 3.75vw; font-size: 4.44444vw; }
#m7 .tabnav-item + .tabnav-item { margin-left: 11.1111vw; }
#m7 .tabnav-indicator { height: 0.416667vw; }
#m7 .tabnav-swiper .stack-list { text-align: left; margin-top: 8.88889vw; }
#m7 .stack-item { font-size: 4.44444vw; }}
#m7 .gallery-container { position: relative; }
#m7 .gallery-container .gallery { position: relative; }
#m7 .gallery-container .gallery-wrapper { display: flex; }
#m7 .gallery-container .gallery-slide { position: relative; width: 100%; }
#m7 .gallery-container .gallery-slide + .gallery-slide { margin-left: -100%; }
#m7 .gallery-container .clip-item { position: relative; transition: clip-path 0.8s, -webkit-clip-path 0.8s; }
#m7 .gallery-container .current .clip-item { z-index: 1; transition: clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1); }
#m7 .gallery-container .swiper { position: absolute; z-index: 9; top: 0px; left: 0px; width: 100%; height: 100%; }
#m7 .swiper-style-1 .gallery-container { display: flex; overflow: hidden; }
#m7 .swiper-style-1 .gallery { z-index: 3; flex-shrink: 0; width: 62.5vw; }
#m7 .swiper-style-1 .gallery-slide.current .clip-item { clip-path: polygon(0% 0%, 162% 0%, 100.2% 100.2%, -62% 100.2%); }
#m7 .swiper-style-1 .gallery-slide.left .clip-item { clip-path: polygon(162% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%); }
#m7 .swiper-style-1 .gallery-slide.right .clip-item { clip-path: polygon(0% 0%, 0% 0%, -62% 100.2%, 0% 100.2%); }
#m7 .swiper-style-1 .zoom-in-transition { transition: transform 0.8s; transform-origin: left center; }
#m7 .swiper-style-1 .zoom-in-slide { transform: scale(1.3); }
#m7 .swiper-style-1 .content-container { padding: 3.33333vw 2.5vw 2.8125vw; background-color: rgb(245, 246, 247); }
#m7 .swiper-style-1 .content-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
#m7 .swiper-style-1 .stack-list { order: 2; }
#m7 .swiper-style-1 .pagination-item { order: 1; }
#m7 .swiper-style-1 .arrownav-list { order: 3; }
#m7 .subsection-space-7 .gallery-container .gallery-slide:nth-child(2) .video-container { overflow: hidden; }
#m7 .subsection-space-7 .gallery-container .gallery-slide:nth-child(2) video { transform: scale(1.01); }
@media (max-aspect-ratio: 11 / 10){#m7 .swiper-style-1 .gallery-container { display: block; }
#m7 .swiper-style-1 .gallery { width: 100%; }
#m7 .swiper-style-1 .gallery-slide.current .clip-item { clip-path: polygon(0% 0%, 216% 0%, 100.2% 100.2%, -116% 100.2%); }
#m7 .swiper-style-1 .gallery-slide.left .clip-item { clip-path: polygon(216% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%); }
#m7 .swiper-style-1 .gallery-slide.right .clip-item { clip-path: polygon(0% 0%, 0% 0%, -116% 100.2%, 0% 100.2%); }
#m7 .swiper-style-1 .zoom-in-slide { transition: none; transform: none; }
#m7 .swiper-style-1 .content-container { padding: 4.14286vw 0px 4.57143vw; }
#m7 .swiper-style-1 .content-wrapper { align-items: center; flex-flow: wrap; justify-content: space-between; height: auto; }
#m7 .swiper-style-1 .stack-list { order: 1; margin-bottom: 5.35714vw; }
#m7 .swiper-style-1 .pagination-item { order: 2; }
#m7 .swiper-style-1 h2.headline { text-align: left; margin-left: 7.64286vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .swiper-style-1 h3 { font-size: 5.55556vw; }
#m7 .swiper-style-1 .content-container { padding: 10.4167vw 0px 12.5vw; }
#m7 .swiper-style-1 .stack-list { margin-bottom: 11.1111vw; }
#m7 .swiper-style-1 h2.headline { margin-left: 11.1111vw; }}
#m7 .swiper-style-2 .text-content { width: 51.6667vw; padding-left: 23.125vw; }
#m7 .swiper-style-2 .xs-gallery { display: none; }
#m7 .swiper-style-2 .lg-gallery-slide { display: flex; align-items: flex-start; justify-content: space-between; }
#m7 .swiper-style-2 .clip-item-1 { width: 52.5vw; }
#m7 .swiper-style-2 .clip-item-2 { width: 27.5vw; margin-top: -11.3542vw; }
#m7 .swiper-style-2 .gallery-slide.current .clip-item-1 { clip-path: polygon(0% 0%, 171% 0%, 100.2% 100.2%, -71% 100.2%); }
#m7 .swiper-style-2 .gallery-slide.current .clip-item-2 { clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%); }
#m7 .swiper-style-2 .gallery-slide.left .clip-item-1 { clip-path: polygon(171% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%); }
#m7 .swiper-style-2 .gallery-slide.left .clip-item-2 { clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%); }
#m7 .swiper-style-2 .gallery-slide.right .clip-item-1 { clip-path: polygon(0% 0%, 0% 0%, -71% 100.2%, 0% 100.2%); }
#m7 .swiper-style-2 .gallery-slide.right .clip-item-2 { clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%); }
#m7 .swiper-style-2 .gallery-slide .clip-item-1 .caption-title { color: rgb(0, 0, 0); }
#m7 .swiper-style-2 .gallery-slide .clip-item-1 .caption-copy { color: rgba(0, 0, 0, 0.6); }
#m7 .swiper-style-2 .caption-container { position: absolute; z-index: 1; right: 0px; bottom: 0px; left: 0px; margin: 1.66667vw; font-size: 1.04167vw; }
#m7 .swiper-style-2 .caption-title { font-size: inherit; color: rgb(255, 255, 255); font-weight: bold; }
#m7 .swiper-style-2 .caption-copy { font-size: inherit; color: rgba(255, 255, 255, 0.6); }
#m7 .swiper-style-2 .swiper { height: 55%; }
#m7 .swiper-style-3 .swiper { height: 80%; }
#m7 .swiper-style-2 .content-container { position: absolute; z-index: 10; right: 0px; bottom: 0px; display: flex; justify-content: flex-end; }
#m7 .swiper-style-2 .content-wrapper { display: flex; align-items: center; }
#m7 .swiper-style-2 .arrownav-list { margin-left: 2.08333vw; }
@media (max-aspect-ratio: 11 / 10){#m7 .swiper-style-2 .text-content { width: 75.4286vw; margin-left: 12.2857vw; padding-left: 0px; }
#m7 .swiper-style-2 .lg-gallery { display: none; }
#m7 .swiper-style-2 .xs-gallery { display: block; }
#m7 .swiper-style-2 .gallery-slide.current .clip-item { clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%); }
#m7 .swiper-style-2 .gallery-slide.left .clip-item { clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%); }
#m7 .swiper-style-2 .gallery-slide.right .clip-item { clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%); }
#m7 .swiper-style-2 .caption-container { margin: 4.28571vw 7.71429vw; font-size: 2.28571vw; text-align: left; }
#m7 .swiper-style-2 .caption-title { font-size: 2.85714vw; }
#m7 .swiper-style-2 .swiper { height: 70%; }
#m7 .swiper-style-3 .swiper { height: 80%; }
#m7 .swiper-style-2 .content-container { position: static; justify-content: center; }
#m7 .swiper-style-2 .content-wrapper { justify-content: space-between; width: 77.7778vw; }
#m7 .swiper-style-2 .arrownav-list { margin-left: 0px; }}
@media (max-aspect-ratio: 7 / 10){#m7 .swiper-style-2 .text-content { width: 72.2222vw; padding-left: 0px; margin-left: 11.1111vw; }
#m7 .swiper-style-2 .caption-title { font-size: 4.72222vw; }
#m7 .swiper-style-2 .caption-container { margin: 5.97222vw 9.02778vw; font-size: 3.88889vw; text-align: center; }
#m7 .swiper-style-2 .content-container { margin-top: 11.1111vw; }}
#m7 .swiper-style-3 .gallery-slide.current .clip-item { clip-path: polygon(0% 0%, 156% 0%, 100.2% 100.2%, -56% 100.2%); }
#m7 .swiper-style-3 .gallery-slide.left .clip-item { clip-path: polygon(156% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%); }
#m7 .swiper-style-3 .gallery-slide.right .clip-item { clip-path: polygon(0% 0%, 0% 0%, -56% 100.2%, 0% 100.2%); }
#m7 .swiper-style-3 .content-container { padding: 2.5vw 4.16667vw 0px; }
#m7 .swiper-style-3 .content-wrapper { display: flex; align-items: flex-start; justify-content: space-between; height: 100%; }
#m7 .swiper-style-3 .stack-list { flex-shrink: 0; order: 2; }
#m7 .swiper-style-3 .stack-item .headline { font-size: 1.25vw; }
#m7 .swiper-style-3 .stack-item .intro { font-size: 1.14583vw; }
#m7 .swiper-style-3 .pagination-container { display: flex; align-items: center; order: 1; width: 12.5vw; height: 2.91667vw; margin-top: 1.25vw; }
#m7 .swiper-style-3 .arrownav-list { justify-content: flex-end; order: 3; width: 12.5vw; margin-top: 1.25vw; }
@media (max-aspect-ratio: 11 / 10){#m7 .swiper-style-3 .gallery-slide.current .clip-item { clip-path: polygon(0% 0%, 216% 0%, 100.2% 100.2%, -116% 100.2%); }
#m7 .swiper-style-3 .gallery-slide.left .clip-item { clip-path: polygon(216% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%); }
#m7 .swiper-style-3 .gallery-slide.right .clip-item { clip-path: polygon(0% 0%, 0% 0%, -116% 100.2%, 0% 100.2%); }
#m7 .swiper-style-3 .zoom-in-slide { transition: none; transform: none; }
#m7 .swiper-style-3 .content-container { padding: 4.14286vw 0px 0px; }
#m7 .swiper-style-3 .content-wrapper { align-items: center; flex-flow: wrap; justify-content: space-between; height: auto; }
#m7 .swiper-style-3 .stack-list { width: 100%; order: 1; margin-bottom: 5.35714vw; text-align: left; }
#m7 .swiper-style-3 .stack-item .headline { font-size: 3.42857vw; }
#m7 .swiper-style-3 .stack-item .intro { font-size: 2.28571vw; margin-top: 1.64286vw; }
#m7 .swiper-style-3 .pagination-container { order: 2; width: auto; height: auto; margin-top: 0px; }
#m7 .swiper-style-3 .arrownav-list { width: auto; margin-top: 0px; }
#m7 .swiper-style-3 h2.headline { text-align: left; margin-left: 7.64286vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .swiper-style-3 .content-container { padding: 10.4167vw 0px 0px; }
#m7 .swiper-style-3 .stack-list { text-align: left; order: 1; margin-bottom: 11.1111vw; }
#m7 .swiper-style-3 .stack-item .headline { font-size: 5.55556vw; }
#m7 .swiper-style-3 .stack-item:nth-child(2) .headline { width: 85.8333vw; }
#m7 .swiper-style-3 .stack-item .intro { font-size: 4.44444vw; margin-top: 5.55556vw; }
#m7 .swiper-style-3 h2.headline { margin-left: 11.1111vw; }}
#m7 .colournav-container { position: relative; z-index: 10; display: flex; align-items: center; }
#m7 .colournav-container .label-list { position: relative; display: flex; }
#m7 .colournav-container .label-item { font-size: 1.04167vw; font-weight: 700; opacity: 0; color: rgb(24, 25, 26); }
#m7 .colournav-container .label-item + .label-item { position: absolute; top: 0px; right: 0px; }
#m7 .colournav-container .label-item.current { z-index: 1; opacity: 1; }
#m7 .colournav-container .colournav-list { display: flex; }
#m7 .colournav-container .colournav-item { position: relative; display: flex; align-items: center; justify-content: center; width: 2.1875vw; cursor: pointer; }
#m7 .colournav-container .colournav-item + .colournav-item { margin-left: 0.364583vw; }
#m7 .colournav-container .colournav-item.current { cursor: default; }
#m7 .colournav-container .colournav-item.current .colour-swatch-indicator { opacity: 1; }
#m7 .colournav-container .colour-swatch-indicator { position: absolute; transition: opacity 0.8s; pointer-events: none; opacity: 0; }
#m7 .colournav-container .colour-swatch { width: 100%; pointer-events: none; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .colournav-container .label-item { font-size: 2.28571vw; }
#m7 .colournav-container .colournav-item + .colournav-item { margin-left: 1.71429vw; }
#m7 .colournav-container .colournav-item { width: 6.42857vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .colournav-container .colournav-item { width: 10vw; }
#m7 .colournav-container .label-item { font-size: 3.88889vw; }
#m7 .colournav-container .colournav-item + .colournav-item { margin-left: 1.94444vw; }}
#m7 { font-size: 1.25vw; line-height: 1.6; color: rgb(121, 124, 128); background-color: rgb(255, 255, 255); }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 { font-size: 2.28571vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 { font-size: 4.44444vw; }}
#m7 .section-hero .hero-content { position: absolute; z-index: 10; top: 7.8125vw; right: 0px; left: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: rgb(0, 0, 0); }
#m7 .section-hero .hero-content p { font-size: 2.29167vw; margin-top: 1.25vw; margin-bottom: 0.78125vw; line-height: 1.25; }
#m7 .section-hero .hero-content > span { width: 32.0833vw; font-size: 1.25vw; display: flex; justify-content: space-between; line-height: 1.25; }
#m7 .section-hero .hero-content > a { font-size: 1.04167vw; display: flex; align-items: center; margin-top: 1.71875vw; }
#m7 .section-hero .hero-content > a svg { width: 1.66667vw; height: 1.66667vw; margin-left: 0.416667vw; }
#m7 .section-hero .hero-fadein { transition: opacity 0.8s ease-in, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91); transform: translateY(2.08333vw); opacity: 0; }
#m7 .section-hero.animated .hero-fadein { transform: translateY(0px); opacity: 1; }
#m7 .section-hero .logo { width: 17.0312vw; fill: rgb(24, 25, 26); }
#m7 .section-hero .hero-picture-container { position: relative; overflow: hidden; }
#m7 .section-hero .hero-picture-thumb { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; }
#m7 .section-hero .hero-picture { position: relative; aspect-ratio: 1920 / 1080; }
#m7 .section-hero .button-container { position: absolute; z-index: 10; right: 0px; bottom: 3.33333vw; left: 0px; }
#m7 .section-hero .hero-note { position: absolute; z-index: 10; right: 3.02083vw; bottom: 2.86458vw; width: 22.6562vw; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .section-hero .hero-content { top: 10vw; }
#m7 .section-hero .hero-fadein { transform: translateY(2.85714vw); }
#m7 .section-hero .logo { width: 23.3571vw; }
#m7 .section-hero .hero-picture { aspect-ratio: 1400 / 1450; }
#m7 .section-hero .hero-note { right: 2.85714vw; bottom: 2.85714vw; width: 27.4286vw; }
#m7 .section-hero .hero-content p { font-size: 3.14286vw; margin-top: 1.71429vw; margin-bottom: 1.42857vw; }
#m7 .section-hero .hero-content > span { width: 38.5714vw; font-size: 1.57143vw; }
#m7 .section-hero .hero-content > a { font-size: 2vw; margin-top: 3.42857vw; }
#m7 .section-hero .hero-content > a svg { width: 3.42857vw; height: 3.42857vw; margin-left: 1.71429vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .section-hero .hero-content { top: 25vw; flex-direction: column; }
#m7 .section-hero .hero-fadein { transform: translateY(5.55556vw); }
#m7 .section-hero .logo { width: 45.4167vw; }
#m7 .section-hero .hero-picture { aspect-ratio: 720 / 1200; }
#m7 .section-hero .button-container { bottom: 22.2222vw; }
#m7 .section-hero .hero-note { right: 5.55556vw; bottom: 5.55556vw; width: 53.3333vw; }
#m7 .section-hero .hero-content p { font-size: 6.66667vw; margin-top: 3.33333vw; margin-bottom: 3.33333vw; }
#m7 .section-hero .hero-content > span { width: 78.1944vw; font-size: 3.05556vw; }
#m7 .section-hero .hero-content > a { font-size: 3.88889vw; margin-top: 7.77778vw; }
#m7 .section-hero .hero-content > a svg { width: 6.66667vw; height: 6.66667vw; margin-left: 2.22222vw; }}
#m7 .section-highlights { overflow: hidden; }
#m7 .section-highlights .swiper-wrapper { transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); }
#m7 .section-highlights .swiper-slide:not(.swiper-slide-active) { cursor: pointer; }
#m7 .section-highlights .slide-inner { transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); }
#m7 .section-highlights .slide-inner picture { aspect-ratio: 1560 / 730; }
#m7 .section-highlights .caption { position: absolute; z-index: 2; top: 0px; right: 0px; left: 0px; margin: 2.29167vw 2.5vw; font-size: 1.66667vw; text-align: center; color: rgb(0, 0, 0); font-weight: 500; }
#m7 .section-highlights .controls-container { display: flex; justify-content: center; }
#m7 .section-highlights .controls-wrapper { display: flex; align-items: center; }
#m7 .section-highlights .arrownav-list { margin-left: 2.08333vw; }
#m7 .section-highlights .swiper-slide:nth-child(1) .caption, #m7 .section-highlights .swiper-slide:nth-child(3) .caption, #m7 .section-highlights .swiper-slide:nth-child(5) .caption, #m7 .section-highlights .swiper-slide:nth-child(6) .caption { color: rgb(255, 255, 255); }
@media (max-aspect-ratio: 11 / 10){#m7 .section-highlights .pagination-line { width: 14.2857vw; }
#m7 .section-highlights .slide-inner picture { aspect-ratio: 1272 / 1000; }
#m7 .section-highlights .caption { margin: 3.78571vw 3.42857vw; font-size: 3.42857vw; }
#m7 .section-highlights .controls-wrapper { justify-content: space-between; width: 49.6429vw; }
#m7 .section-highlights .arrownav-list { margin-left: 0px; }
#m7 .section-highlights .swiper-slide:nth-child(2) .caption { color: rgb(255, 255, 255); }}
@media (max-aspect-ratio: 7 / 10){#m7 .section-highlights .slide-inner picture { aspect-ratio: 688 / 918; }
#m7 .section-highlights .caption { margin: 10.4167vw 3.33333vw; font-size: 5.55556vw; }
#m7 .section-highlights .controls-wrapper { justify-content: space-between; width: 72.2222vw; }
#m7 .section-highlights .arrownav-list { margin-left: 0px; }}
#m7 .section-common { overflow: hidden; }
#m7 .section-common span { width: 0.833333vw; height: 0.104167vw; background-color: rgb(109, 111, 114); margin-left: 0.15625vw; display: block; }
#m7 .section-common p { color: rgb(109, 111, 114); margin-top: 0.989583vw; margin-bottom: 0.729167vw; font-size: 1.14583vw; }
#m7 .section-common h3 { font-size: 3.33333vw; }
#m7 .section-common .section-common-title { max-width: 67.7083vw; margin-left: 16.4583vw; margin-bottom: 4.16667vw; }
#m7 .section-common .section-common-img { width: 100%; height: 56.25vw; margin-left: auto; margin-right: auto; transition: 1.5s; overflow: hidden; will-change: width, height; clip-path: polygon(20% 0%, 80% 0%, 80% 100%, 20% 100%); }
#m7 .section-common .section-common-img.active { clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); }
#m7 .section-common .section-common-img.active .section-common-img-tf { transform: translate(-50%, -6.25vw) scale(1); }
#m7 .section-common .section-common-img .section-common-img-tf { transition: 1.5s; will-change: transform; position: relative; left: 50%; transform: translateX(-50%) scale(1.2); transform-origin: 50% 20%; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .section-common span { width: 2vw; height: 0.142857vw; margin-left: 0.142857vw; }
#m7 .section-common p { margin-top: 2.07143vw; margin-bottom: 2.28571vw; font-size: 2.28571vw; }
#m7 .section-common h3 { font-size: 5.71429vw; }
#m7 .section-common .section-common-title { max-width: 75vw; margin-left: 12.2857vw; margin-bottom: 5.71429vw; }
#m7 .section-common .section-common-img { height: 51.4286vw; }
#m7 .section-common .section-common-img.active .section-common-img-tf { transform: translate(-50%, -3.57143vw) scale(1); }}
@media (max-aspect-ratio: 7 / 10){#m7 .section-common span { width: 2.22222vw; height: 0.277778vw; margin-left: 0.416667vw; }
#m7 .section-common p { margin-top: 2.63889vw; margin-bottom: 1.94444vw; font-size: 3.05556vw; }
#m7 .section-common h3 { font-size: 8.88889vw; }
#m7 .section-common .section-common-title { max-width: 88.8889vw; margin-left: 11.1111vw; margin-bottom: 11.1111vw; }
#m7 .section-common .section-common-img { height: 119.444vw; }
#m7 .section-common .section-common-img.active .section-common-img-tf { transform: translate(-50%, -8.33333vw) scale(1); }}
#m7 .subsection-design-1 .button-container { position: absolute; z-index: 1; right: 0px; bottom: 2.91667vw; left: 0px; }
#m7 .subsection-design-1 .video-container { margin-left: auto; margin-right: auto; }
@media (max-aspect-ratio: 7 / 10){#m7 .subsection-design-1 { display: flex; flex-direction: column; }
#m7 .subsection-design-1 .headline { order: 1; }
#m7 .subsection-design-1 .intro { order: 3; }
#m7 .subsection-design-1 .video-container { order: 2; }
#m7 .subsection-design-1 .button-container { bottom: 11.1111vw; }}
#m7 .subsection-design-2 { margin-top: 3.33333vw; }
#m7 .subsection-design-2 .stat-list { display: flex; justify-content: space-between; opacity: 0; }
#m7 .subsection-design-2 .stat-list.animated { transition: opacity 0.8s ease-in 0.2s; opacity: 1; }
#m7 .subsection-design-2 .stat-item { display: flex; width: 13.9583vw; padding-left: 1.19792vw; font-weight: 500; color: rgb(24, 25, 26); flex-direction: column; border-left: 1px solid rgba(0, 0, 0, 0.5); }
#m7 .subsection-design-2 .stat-item:last-child { width: auto; }
#m7 .subsection-design-2 .stat-item > div { display: flex; }
#m7 .subsection-design-2 .stat-value { position: relative; display: flex; overflow: hidden; height: 1em; font-size: var(--stat-number-font-size, 3.333333vw); }
#m7 .subsection-design-2 .stat-value .stat-value-point { line-height: 1; margin-top: 0.364583vw; }
#m7 .subsection-design-2 .stat-number { display: flex; flex-direction: column; width: 100%; text-align: center; }
#m7 .subsection-design-2 .stat-number span { height: 1em; line-height: 1.25; }
#m7 .subsection-design-2 .stat-unit { margin-top: 0.729167vw; margin-left: 0.833333vw; font-size: 1.45833vw; line-height: 1.25; }
#m7 .subsection-design-2 .stat-caption { margin-top: 0.625vw; font-size: 1.14583vw; color: rgba(0, 0, 0, 0.7); line-height: 1.25; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .subsection-design-2 { margin-top: 5.07143vw; }
#m7 .subsection-design-2 .stat-list { width: 74.2857vw; flex-wrap: wrap; justify-content: flex-start; }
#m7 .subsection-design-2 .stat-item { width: 18.2143vw; padding-left: 1.64286vw; }
#m7 .subsection-design-2 .stat-item:last-child { width: 18.2143vw; }
#m7 .subsection-design-2 .stat-item:nth-child(2), #m7 .subsection-design-2 .stat-item:nth-child(5) { margin-left: 9.64286vw; margin-right: 9.64286vw; }
#m7 .subsection-design-2 .stat-item:nth-child(4), #m7 .subsection-design-2 .stat-item:nth-child(5) { margin-top: 5vw; }
#m7 .subsection-design-2 .stat-value { font-size: var(--stat-number-font-size, 4.571429vw); }
#m7 .subsection-design-2 .stat-unit { margin-top: 2.42857vw; margin-left: 1.14286vw; font-size: 2vw; }
#m7 .subsection-design-2 .stat-caption { margin-top: 0.857143vw; font-size: 2vw; }
#m7 .inpad h2 { width: 70.9286vw; margin-left: 7.71429vw; text-align: left; }
#m7 .inpad p { width: 70.9286vw; margin-left: 7.71429vw; text-align: left; margin-top: 3.42857vw; }
#m7 .subsection-design-2 .stat-value .stat-value-point { margin-top: 0.357143vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .subsection-design-2 { margin-top: 16.6667vw; }
#m7 .subsection-design-2 .stat-list { flex-wrap: wrap; }
#m7 .subsection-design-2 .stat-item { width: 72.2222vw; margin-right: 0px; margin-left: 0px; padding-bottom: 2.22222vw; font-size: 3.88889vw; border-left: 0px; border-bottom: 1px solid rgb(224, 224, 224); flex-direction: row; padding-left: 0px; }
#m7 .subsection-design-2 .stat-item:last-child { width: 72.2222vw; }
#m7 .subsection-design-2 .stat-value { font-size: var(--stat-number-font-size, 8.888889vw); }
#m7 .subsection-design-2 .stat-unit { margin-top: 2.63889vw; margin-left: 3.05556vw; font-size: 4.44444vw; }
#m7 .subsection-design-2 .stat-caption { margin-top: 3.05556vw; margin-left: auto; font-size: 3.88889vw; }
#m7 .subsection-design-2 .stat-value .stat-value-point { margin-top: 0.972222vw; }}
#m7 .subsection-safety-3-dis { position: absolute; bottom: 3.33333vw; left: 50%; transform: translateX(-50%); z-index: 1; }
#m7 .subsection-safety-3-dis .stat-list { width: 25.5729vw; display: flex; justify-content: space-between; }
#m7 .subsection-safety-3-dis .stat-item { display: flex; width: 10.9375vw; padding-left: 1.30208vw; font-weight: 500; color: rgb(255, 255, 255); flex-direction: column; border-left: 1px solid rgba(255, 255, 255, 0.5); }
#m7 .subsection-safety-3-dis .stat-item > div { display: flex; }
#m7 .subsection-safety-3-dis .stat-value { position: relative; display: flex; overflow: hidden; height: 1em; font-size: 2.5vw; }
#m7 .subsection-safety-3-dis .stat-value .stat-value-point { line-height: 1; }
#m7 .subsection-safety-3-dis .stat-number { display: flex; flex-direction: column; width: 100%; text-align: center; }
#m7 .subsection-safety-3-dis .stat-number span { height: 1em; line-height: 1; }
#m7 .subsection-safety-3-dis .stat-unit { margin-top: 0.729167vw; margin-left: 0.833333vw; font-size: 1.66667vw; line-height: 1; font-weight: 300; }
#m7 .subsection-safety-3-dis .stat-caption { margin-bottom: 0.416667vw; font-size: 1.04167vw; color: rgba(255, 255, 255, 0.7); }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .subsection-safety-3-dis { bottom: 3.42857vw; }
#m7 .subsection-safety-3-dis .stat-list { width: 46.2857vw; }
#m7 .subsection-safety-3-dis .stat-item { width: 19.5714vw; padding-left: 1.64286vw; flex-direction: column-reverse; }
#m7 .subsection-safety-3-dis .stat-value { font-size: 4.57143vw; }
#m7 .subsection-safety-3-dis .stat-unit { margin-top: 2vw; margin-left: 1.14286vw; font-size: 2vw; }
#m7 .subsection-safety-3-dis .stat-caption { margin-bottom: 0px; margin-top: 0.071429vw; font-size: 2vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .subsection-safety-3-dis { bottom: 5.13889vw; }
#m7 .subsection-safety-3-dis .stat-list { width: 73.1944vw; }
#m7 .subsection-safety-3-dis .stat-item { width: 31.9444vw; padding-left: 3.19444vw; }
#m7 .subsection-safety-3-dis .stat-value { font-size: 7.77778vw; }
#m7 .subsection-safety-3-dis .stat-unit { margin-top: 1.94444vw; margin-left: 1.94444vw; font-size: 5.55556vw; }
#m7 .subsection-safety-3-dis .stat-caption { margin-bottom: 1.11111vw; font-size: 3.05556vw; }}
#m7 .subsection-design-4 .color-selection { position: relative; overflow: hidden; }
#m7 .subsection-design-4 .gallery-car-container { position: relative; z-index: 2; overflow: hidden; width: 100%; transform: translateX(0%); }
#m7 .subsection-design-4 .gallery-background { transition: transform 1.5s; will-change: transform; }
#m7 .subsection-design-4 .gallery-car-wrapper { position: relative; z-index: 1; transform: translateZ(0px); width: 100%; margin-top: -13.75vw; }
#m7 .subsection-design-4 .gallery-car { position: relative; width: 55.7292vw; margin-right: auto; margin-left: auto; }
#m7 .subsection-design-4 .gallery-car-wheel { position: absolute; transform: rotate(-360deg); }
#m7 .subsection-design-4 .front-wheel { top: 10.5208vw; left: 8.02083vw; width: 7.34375vw; }
#m7 .subsection-design-4 .back-wheel { top: 10.2604vw; left: 37.5vw; width: 7.60417vw; }
#m7 .subsection-design-4 .gallery.animating .gallery-car-container { overflow: visible; }
#m7 .subsection-design-4 .gallery.animating .gallery-car-wrapper { transition: transform 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); }
#m7 .subsection-design-4 .gallery-slide-out .current .gallery-car-wrapper { transform: translateX(100%); }
#m7 .subsection-design-4 .gallery-slide-out .current .gallery-car-wheel { transform: rotate(0deg); }
#m7 .subsection-design-4 .animating .gallery-car-container, #m7 .subsection-design-4 .animating .gallery-background, #m7 .subsection-design-4 .animating .gallery-car-wheel { transition: transform 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); }
#m7 .subsection-design-4 .current .gallery-car-container { z-index: 3; }
#m7 .subsection-design-4 .current .gallery-background { transform: translateX(0%); }
#m7 .subsection-design-4 .left .gallery-car-container { transform: translateX(-100%); }
#m7 .subsection-design-4 .left .gallery-background { transform: translateX(100%); }
#m7 .subsection-design-4 .left .gallery-car-wheel { transform: rotate(-720deg); }
#m7 .subsection-design-4 .right .gallery-car-container { transform: translateX(100%); }
#m7 .subsection-design-4 .right .gallery-background { transform: translateX(-100%); }
#m7 .subsection-design-4 .right .gallery-car-wheel { transform: rotate(0deg); }
#m7 .subsection-design-4 .colournav-container { flex-direction: column; transition: opacity 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); opacity: 0; }
#m7 .subsection-design-4 .colournav-container.show { opacity: 1; }
#m7 .subsection-design-4 .label-list { width: 100%; text-align: center; }
#m7 .subsection-design-4 .label-item { width: 100%; transition: opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1) 0.2s; }
#m7 .m7-common-dis { font-size: 0.833333vw; color: rgba(255, 255, 255, 0.6); font-weight: normal; line-height: 1.6; position: absolute; bottom: 1.25vw; right: 1.25vw; z-index: 2; text-align: right; }
#m7 .m7-common-dis.m7-common-dis1 { bottom: 9.32292vw; right: 0px; color: rgba(0, 0, 0, 0.4); }
#m7 .m7-common-dis.m7-common-dis2 { color: rgba(0, 0, 0, 0.25); }
#m7 .m7-common-dis.m7-common-dis3 { color: rgba(255, 255, 255, 0.8); }
@media (max-aspect-ratio: 11 / 10){#m7 .m7-common-dis { font-size: 1.71429vw; bottom: 1.71429vw; right: 1.71429vw; }
#m7 .m7-common-dis.m7-common-dis1 { position: relative; bottom: 0px; margin-top: 2.22222vw; }
#m7 .m7-common-dis.m7-common-dis2 { position: relative; bottom: 0px; right: 0px; margin-top: 6.28571vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .m7-common-dis { font-size: 3.33333vw; bottom: 3.33333vw; right: 3.33333vw; }
#m7 .m7-common-dis.m7-common-dis1 { margin-top: 2.22222vw; }
#m7 .m7-common-dis.m7-common-dis2 { margin-top: 12.2222vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .subsection-design-4 .gallery-car-wrapper { margin-top: -20.1389vw; }
#m7 .subsection-design-4 .gallery-background { transition: transform 1s; }
#m7 .subsection-design-4 .gallery.animating .gallery-car-wrapper { transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1); }
#m7 .subsection-design-4 .animating .gallery-car-container, #m7 .subsection-design-4 .animating .gallery-background, #m7 .subsection-design-4 .animating .gallery-car-wheel { transition: transform 1s cubic-bezier(0.65, 0.05, 0.36, 1); }
#m7 .subsection-design-4 .gallery-car { width: 100%; }
#m7 .subsection-design-4 .front-wheel { top: 18.6111vw; left: 14.3056vw; width: 13.3333vw; }
#m7 .subsection-design-4 .back-wheel { top: 18.6111vw; left: 67.3611vw; width: 13.4722vw; }
#m7 .subsection-design-4 .label-item { transition: opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1); }
#m7 .subsection-design-4 .autoplay-trigger { top: 90%; }}
#m7 .subsection-design-4 .gallery-container { margin-top: 5vw; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .subsection-design-4 .gallery-container { margin-top: 4.28571vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .subsection-design-4 .gallery-container { margin-top: 11.1111vw; }}





#m7 .section-modal { position: fixed; z-index: -1; top: 0px; left: 0px; overflow: hidden; width: 100%; height: 100vh; outline: 0px; backdrop-filter: blur(0px) brightness(100%); padding-inline-end: var(--modal-scrollbar-buffer); background-color: rgb(255, 255, 255); }
#m7 .section-modal.hl-specimen-feature2-pop { background-color: rgb(0, 0, 0); }
#m7 .section-modal.hl-design-feature1-pop .modal-overlay { transform: translate3d(0px, 0px, 0px); }
#m7 .section-modal.modal-fully-visible { padding-inline-end: 0px; }
#m7 .section-modal.modal-open { backdrop-filter: blur(50px) brightness(120%); }
#m7 .section-modal.modal-open .modal-overlay { transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); opacity: 1; }
#m7 .section-modal.modal-will-close { overflow: auto; padding-inline-end: 0px; }
#m7 .section-modal.modal-will-close .modal-overlay { transition: 0.3s; }
#m7 .section-modal .modal-container { display: flex; align-items: center; justify-content: center; }
#m7 .section-modal .modal-overlay { width: 70vw; transform: translate3d(0px, 100vh, 0px); pointer-events: none; opacity: 0; will-change: transform, opacity; display: flex; align-items: center; }
#m7 .section-modal .modal-wrapper { position: relative; pointer-events: auto; }
#m7 .section-modal .modal-content { position: relative; z-index: 1; }
#m7 .section-modal .modal-close-container { position: absolute; top: 1.66667vw; right: 1.66667vw; bottom: 0px; }
#m7 .section-modal .modal-close-button { width: 2.5vw; height: 2.5vw; position: sticky; z-index: 10; top: 1.66667vw; cursor: pointer; border-radius: 100%; backdrop-filter: blur(8px); border: 0px; font-size: 0px; line-height: 0; transition: opacity 0.6s; }
#m7 .section-modal .modal-close-button svg { width: 100%; height: 100%; }
#m7 .section-modal .modal-close-button:hover { opacity: 0.8; }
#m7 .section-modal .swiper-button-prev, #m7 .section-modal .swiper-button-next { transition: 0.3s ease-in-out; border-radius: 2.60417vw; background-color: rgba(128, 128, 128, 0); }
#m7 .section-modal .swiper-button-prev:hover, #m7 .section-modal .swiper-button-next:hover { background-color: rgba(128, 128, 128, 0.5); backdrop-filter: blur(8px); }
#m7 .section-modal .hl-btn-bg { opacity: 0; }
@media (max-aspect-ratio: 11 / 10){#m7 .section-modal { position: fixed; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100vh; outline: 0px; backdrop-filter: blur(40px) brightness(100%); padding-inline-end: var(--modal-scrollbar-buffer); background-color: rgba(0, 0, 0, 0.4); }
#m7 .section-modal.hl-specimen-feature2-pop { background-color: rgb(0, 0, 0); }
#m7 .section-modal.hl-design-feature1-pop .modal-overlay { transform: translate3d(0px, 0px, 0px); }
#m7 .section-modal.modal-fully-visible { padding-inline-end: 0px; }
#m7 .section-modal.modal-open { backdrop-filter: blur(50px) brightness(120%); }
#m7 .section-modal.modal-open .modal-overlay { transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1); opacity: 1; }
#m7 .section-modal.modal-will-close { overflow: auto; padding-inline-end: 0px; }
#m7 .section-modal.modal-will-close .modal-overlay { transition: 0.6s cubic-bezier(0, 0, 0.5, 1); }
#m7 .section-modal .modal-container { display: flex; align-items: center; justify-content: center; }
#m7 .section-modal .modal-overlay { width: 100%; padding-left: 4.57143vw; padding-right: 4.57143vw; border-top-left-radius: 2.28571vw; border-top-right-radius: 2.28571vw; transform: translate3d(0px, 100vh, 0px); pointer-events: none; opacity: 0; will-change: transform, opacity; display: flex; align-items: center; margin-top: 114px; background-color: rgb(255, 255, 255); }
#m7 .section-modal .modal-wrapper { position: relative; pointer-events: auto; }
#m7 .section-modal .modal-content { position: relative; z-index: 1; padding-top: 11.4286vw; padding-bottom: 11.0714vw; }
#m7 .section-modal .modal-close-container { position: absolute; top: 2.85714vw; right: 2.85714vw; bottom: 0px; }
#m7 .section-modal .modal-close-button { width: 5.71429vw; height: 5.71429vw; position: sticky; z-index: 10; top: 5vw; cursor: pointer; border-radius: 100%; backdrop-filter: blur(8px); border: 0px; font-size: 0px; line-height: 0; transition: opacity 0.6s; background-color: rgba(37, 37, 39, 0.5); }
#m7 .section-modal .modal-close-button svg { width: 100%; height: 100%; }
#m7 .section-modal .modal-close-button:hover { opacity: 0.8; }}
@media (max-aspect-ratio: 7 / 10){#m7 .section-modal { position: fixed; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100vh; outline: 0px; backdrop-filter: blur(0px) brightness(100%); padding-inline-end: var(--modal-scrollbar-buffer); background-color: rgba(0, 0, 0, 0.85); }
#m7 .section-modal .modal-overlay { width: 100%; border-top-left-radius: 2.77778vw; border-top-right-radius: 2.77778vw; padding-left: 4.44444vw; padding-right: 4.44444vw; margin-top: 18.0556vw; }
#m7 .section-modal .modal-content { position: relative; z-index: 1; padding-top: 19.7222vw; padding-bottom: 11.1111vw; }
#m7 .section-modal .modal-close-button { width: 7.22222vw; height: 7.22222vw; position: sticky; z-index: 10; top: 9.72222vw; cursor: pointer; border-radius: 100%; backdrop-filter: blur(8px); border: 0px; font-size: 0px; line-height: 0; transition: opacity 0.6s; background-color: transparent; transform: rotate(45deg); }
#m7 .section-modal .modal-close-container { position: absolute; top: 5.55556vw; right: 2.5vw; bottom: 0px; }}
#m7 .subsection-guard-1 .guard-1-wrapper { width: 100%; display: flex; background-color: rgb(248, 248, 248); }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-img-container { width: 40.625vw; flex-shrink: 0; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-container { display: flex; flex-direction: column; justify-content: center; padding-left: 3.64583vw; padding-right: 3.125vw; font-size: 0px; position: relative; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-btn img { display: none; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-title h4 { font-size: 1.25vw; color: rgb(0, 0, 0); font-weight: normal; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-title p { font-size: 0.9375vw; color: rgba(0, 0, 0, 0.4); margin-top: 0.520833vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-sub { margin-top: 1.04167vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-sub p:not(:first-child) { margin-top: 0.833333vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-sub p { font-size: 0.833333vw; color: rgba(0, 0, 0, 0.8); }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-sub span { font-size: 0.833333vw; color: rgba(0, 0, 0, 0.4); display: block; margin-top: 0.416667vw; }
#m7 .subsection-guard-1 .guard-1-wrapper2 { flex-direction: row-reverse; margin-top: 1.35417vw; margin-bottom: 1.35417vw; }
#m7 .subsection-guard-1 .guard-1-wrapper2 .guard-1-txt-title p { font-size: 0.833333vw; margin-top: 0.520833vw; }
#m7 .subsection-guard-1 .guard-1-showpc { display: block; }
@media screen and (max-width: 1366px){#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-container { padding-left: 3.125vw; padding-right: 2.08333vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-title p { margin-top: 0.3125vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-sub { margin-top: 0.520833vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-sub span { margin-top: 0.208333vw; }}
@media (max-aspect-ratio: 11 / 10){#m7 .subsection-guard-1 .guard-1-showpc { display: none; }
#m7 .subsection-guard-1 .guard-1-wrapper { flex-direction: column; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-img-container { width: 100%; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-container { display: flex; flex-direction: column; justify-content: center; padding: 2.85714vw 7.71429vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-btn { width: 100%; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-btn img { display: block; width: 5.71429vw; height: 5.71429vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-title h4 { font-size: 2.85714vw; }
#m7 .subsection-guard-1 .guard-1-wrapper2 { margin-top: 5.55556vw; margin-bottom: 5.55556vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-container { padding-left: 7.71429vw; padding-right: 7.71429vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-title { margin-top: 3.92857vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-title h4 { font-size: 4.57143vw; color: rgb(0, 0, 0); font-weight: 500; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-title p { font-size: 2.28571vw; color: rgba(0, 0, 0, 0.4); margin-top: 2.21429vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-sub { margin-top: 5.28571vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-sub p:not(:first-child) { margin-top: 4.92857vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-sub p { font-size: 3.42857vw; color: rgba(0, 0, 0, 0.8); }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-sub span { color: rgba(0, 0, 0, 0.4); margin-top: 1.64286vw; display: block; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-sub br.lg { display: none; }}
@media (max-aspect-ratio: 7 / 10){#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-container { padding: 5.13889vw 7.08333vw 5.83333vw 6.66667vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-btn img { width: 7.5vw; height: 7.5vw; }
#m7 .subsection-guard-1 .guard-1-wrapper .guard-1-txt-title h4 { font-size: 5.55556vw; }
#m7 .subsection-guard-1 .guard-1-wrapper2 { margin-top: 5.55556vw; margin-bottom: 5.55556vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-container { padding-left: 0px; padding-right: 3.88889vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-title { margin-top: 7.63889vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-title h4 { font-size: 5.55556vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-title p { font-size: 4.44444vw; margin-top: 4.30556vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-sub { margin-top: 5vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-sub p:not(:first-child) { margin-top: 5vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-sub p { font-size: 4.44444vw; }
#m7 .guard-feature-pop1 .guard-1-wrapper .guard-1-txt-sub span { margin-top: 2.63889vw; }
#m7 .guard-feature-pop2 { display: flex; align-items: flex-end; }}
#m7 .subsection-guard-2 .tabnav-content { position: relative; z-index: 10; top: 0px; right: 0px; left: 0px; margin-top: 2.23958vw; margin-bottom: 2.5vw; }
#m7 .subsection-guard-2 .tabnav-item { color: rgba(0, 0, 0, 0.5); }
#m7 .subsection-guard-2 .tabnav-item + .tabnav-item { margin-left: 2.5vw; }
#m7 .subsection-guard-2 .tabnav-item.current { color: rgb(0, 0, 0); }
#m7 .subsection-guard-2 .tabnav-indicator::before { background-color: rgb(191, 191, 191); }
#m7 .subsection-guard-2 .tabnav-indicator::after { background-color: rgb(0, 0, 0); }
#m7 .subsection-guard-2 .colournav-container { justify-content: center; padding-top: 1.66667vw; transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); pointer-events: none; opacity: 0; margin-bottom: 1px; }
#m7 .subsection-guard-2 .swiper-slide-active .colournav-container { pointer-events: all; opacity: 1; }
#m7 .subsection-guard-2 .label-list { flex-direction: column; text-align: right; }
#m7 .subsection-guard-2 .label-item { height: 100%; transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); }
#m7 .subsection-guard-2 .colournav-list { margin-left: 1.04167vw; }
#m7 .subsection-guard-2 .colournav-item .colour-swatch-indicator { transition: opacity 0.5s; }
#m7 .subsection-guard-2 .swiper-slide:first-child .label-list { position: absolute; transform: translateX(-50%); top: -6.04167vw; left: 50%; z-index: 9; }
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .subsection-guard-2 .tabnav-content { margin-top: 5.28571vw; margin-bottom: 5.71429vw; }
#m7 .subsection-guard-2 .tabnav-item + .tabnav-item { margin-left: 5.71429vw; }
#m7 .subsection-guard-2 .colournav-container { padding-top: 4.57143vw; }
#m7 .subsection-guard-2 .colournav-list { margin-left: 3.35714vw; }
#m7 .subsection-guard-2 .swiper-slide:first-child .label-list { top: -9vw; }
#m7 .subsection-guard-2 .swiper-slide:first-child .label-item { font-size: 1.71429vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .subsection-guard-2 .tabnav-content { margin-top: 10.2778vw; margin-bottom: 11.1111vw; }
#m7 .subsection-guard-2 .tabnav-item { color: rgb(121, 124, 128); }
#m7 .subsection-guard-2 .tabnav-item + .tabnav-item { margin-left: 7.77778vw; }
#m7 .subsection-guard-2 .tabnav-item.current { color: rgb(24, 25, 26); }
#m7 .subsection-guard-2 .tabnav-indicator::before { background-color: rgba(24, 25, 26, 0.2); }
#m7 .subsection-guard-2 .tabnav-indicator::after { background-color: rgb(24, 25, 26); }
#m7 .subsection-guard-2 .colournav-container { flex-direction: column-reverse; padding-top: 11.1111vw; }
#m7 .subsection-guard-2 .label-list { text-align: center; margin-top: 2.5vw; }
#m7 .subsection-guard-2 .colournav-list { margin-left: 0px; }
#m7 .subsection-guard-2 .swiper-slide:first-child .label-list { top: -15.9722vw; margin-top: 0px; }}
#m7 .configuration-1 { color: rgb(255, 255, 255); }
#m7 .configuration-1 .configuration-1-txt-wrapper { width: 83.6458vw; position: absolute; top: 32.6562vw; left: 50%; transform: translateX(-50%); z-index: 2; }
#m7 .configuration-1 h4 { font-size: 3.125vw; text-align: center; line-height: 1.25; margin-bottom: 2.5vw; font-weight: 500; }
#m7 .configuration-1-txt { width: 100%; display: flex; justify-content: space-between; align-items: center; }
#m7 .configuration-1-container { width: 37.9167vw; display: flex; justify-content: space-between; }
#m7 .configuration-1-div { width: 100%; display: flex; justify-content: space-between; align-items: center; }
#m7 .configuration-1-car-name { width: 8.85417vw; height: 3.125vw; padding: 0.3125vw 0.78125vw; font-size: 0.9375vw; background-color: rgba(255, 255, 255, 0.3); border-radius: 0.520833vw; display: flex; align-items: center; justify-content: center; line-height: 1.25; box-sizing: border-box; }
#m7 .configuration-1-car-data-wrapper { width: 26.9792vw; display: flex; justify-content: space-between; }
#m7 .configuration-1-car-data { font-size: 0px; }
#m7 .configuration-1-car-data span { font-size: 0.833333vw; opacity: 0.6; line-height: 1.25; }
#m7 .configuration-1-car-data p { font-size: 1.66667vw; line-height: 1.25; font-weight: 500; margin-top: 0.208333vw; }
#m7 .configuration-1-txt-line { width: 0.104167vw; height: 3.02083vw; background-color: rgb(255, 255, 255); }
#m7 .configuration-1-txt2 { margin-top: 3.22917vw; }
#m7 .configuration-1-txt3 { margin-top: 3.22917vw; }
@media (max-aspect-ratio: 11 / 10){#m7 .configuration-1 { width: 90.8571vw; margin-left: auto; margin-right: auto; color: rgb(0, 0, 0); }
#m7 .configuration-1 .configuration-1-txt-wrapper { width: 100%; position: relative; top: 0px; margin-top: 7.85714vw; }
#m7 .configuration-1 h4 { font-size: 5.71429vw; margin-bottom: 8.42857vw; }
#m7 .configuration-1-txt { width: 100%; flex-direction: column; }
#m7 .configuration-1-container { width: 74.9286vw; }
#m7 .configuration-1-div { flex-direction: column; }
#m7 .configuration-1-car-name { width: 31.2857vw; height: 14.0714vw; padding: 2.42857vw 2.85714vw; font-size: 3.42857vw; background-color: rgb(0, 0, 0); border-radius: 0.571429vw; color: rgb(255, 255, 255); text-align: center; }
#m7 .configuration-1-car-data-wrapper { width: 100%; margin-top: 5.07143vw; margin-bottom: 8.5vw; }
#m7 .configuration-1-car-data { display: flex; flex-direction: column-reverse; padding-left: 1.64286vw; border-left: 1px solid rgb(127, 127, 127); }
#m7 .configuration-1-car-data span { font-size: 2vw; }
#m7 .configuration-1-car-data p { font-size: 4.57143vw; margin-top: 0px; }
#m7 .configuration-1-txt-line { display: none; }
#m7 .configuration-1-txt2 { margin-top: 0px; }
#m7 .configuration-1-txt3 { margin-top: 0px; }}
@media (max-aspect-ratio: 7 / 10){#m7 .configuration-1 { width: 100%; }
#m7 .configuration-1 .configuration-1-txt-wrapper { margin-top: 11.5278vw; }
#m7 .configuration-1 h4 { font-size: 8.88889vw; margin-bottom: 13.75vw; }
#m7 .configuration-1-txt { width: 46.1111vw; margin-left: auto; margin-right: auto; }
#m7 .configuration-1-container { width: 100%; }
#m7 .configuration-1-car-name { width: 46.1111vw; height: 16.3889vw; padding: 1.38889vw 6.52778vw; font-size: 4.44444vw; border-radius: 1.11111vw; }
#m7 .configuration-1-car-data-wrapper { margin-top: 9.58333vw; margin-bottom: 10.9722vw; flex-direction: column; }
#m7 .configuration-1-car-data { padding-left: 0px; border-left: 0px; flex-direction: column; text-align: center; }
#m7 .configuration-1-car-data:not(:first-child) { margin-top: 6.25vw; }
#m7 .configuration-1-car-data span { font-size: 4.44444vw; }
#m7 .configuration-1-car-data p { font-size: 6.66667vw; margin-top: 0.416667vw; }
#m7 .configuration-1-txt-line { display: none; }}
#m7 .seciton-overview { overflow: hidden; }
#m7 .seciton-overview .swiper2.no-touch { pointer-events: none; }
#m7 .seciton-overview .main-container { position: relative; width: 100.1%; }
#m7 .seciton-overview .gallery-slide.current .clip-item { clip-path: polygon(0% 0%, 156% 0%, 100.2% 100.2%, -56% 100.2%); }
#m7 .seciton-overview .gallery-slide.left .clip-item { clip-path: polygon(156% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%); }
#m7 .seciton-overview .gallery-slide.right .clip-item { clip-path: polygon(0% 0%, 0% 0%, -56% 100.2%, 0% 100.2%); }
#m7 .seciton-overview .main-container .swiper2 { width: 36.0521vw; position: absolute; bottom: 1.14583vw; right: 0px; z-index: 10; padding: 0px 0.520833vw; }
#m7 .seciton-overview .main-container .controls-container { position: absolute; bottom: 1.82292vw; z-index: 3; left: 50%; transform: translateX(-50%); }
#m7 .seciton-overview .main-container .pagination-item { color: rgb(255, 255, 255); }
#m7 .seciton-overview .main-container .pagination-line { background: rgba(255, 255, 255, 0.4); }
#m7 .seciton-overview .main-container .pagination-line::before { background: rgb(255, 255, 255); }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide { width: 4.16667vw; border: 0.104167vw solid rgba(255, 255, 255, 0); cursor: pointer; }
#m7 .seciton-overview .main-container .swiper2 .swiper-wrapper { width: fit-content; }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide.swiper-slide-thumb-active { border: 0.104167vw solid rgb(255, 255, 255); }
@media (max-aspect-ratio: 11 / 10) and (min-aspect-ratio: 7 / 10){#m7 .seciton-overview .main-container .swiper2 { position: relative; bottom: 0px; width: 100%; margin-top: 5.71429vw; overflow: visible; padding-left: 33.9286vw; padding-right: 4.57143vw; }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide { width: 9.85714vw; border: 0px; }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide img { opacity: 0.4; transition: opacity 0.8s; }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide.swiper-slide-thumb-active { border: 0px; }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide.swiper-slide-thumb-active img { opacity: 1; }
#m7 .seciton-overview .main-container .controls-container { bottom: auto; top: 51.4286vw; margin-top: 0px; }
#m7 .seciton-overview .main-container::before { content: ""; display: block; pointer-events: none; position: absolute; width: 4.57143vw; height: 8.57143vw; background-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); left: 0px; bottom: 0px; z-index: 15; }
#m7 .seciton-overview .main-container::after { content: ""; display: block; pointer-events: none; position: absolute; width: 4.57143vw; height: 8.57143vw; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); right: 0px; bottom: 0px; z-index: 15; }}
@media (max-aspect-ratio: 7 / 10){#m7 .seciton-overview .main-container .swiper2 { position: relative; bottom: 0px; width: 100%; margin-top: 5.55556vw; overflow: visible; padding-left: 8.88889vw; padding-right: 8.88889vw; }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide { width: 19.1667vw; border: 0px; }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide img { opacity: 0.4; transition: opacity 0.8s; }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide.swiper-slide-thumb-active { border: 0px; }
#m7 .seciton-overview .main-container .swiper2 .swiper-slide.swiper-slide-thumb-active img { opacity: 1; }
#m7 .seciton-overview .main-container .controls-container { bottom: auto; top: 72.9167vw; margin-top: 0px; }
#m7 .seciton-overview .main-container::before { content: ""; display: block; pointer-events: none; position: absolute; width: 8.88889vw; height: 19.0556vw; background-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); left: 0px; bottom: 0px; z-index: 15; }
#m7 .seciton-overview .main-container::after { content: ""; display: block; pointer-events: none; position: absolute; width: 8.88889vw; height: 19.0556vw; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); right: 0px; bottom: 0px; z-index: 15; }}
#m7 .button { text-transform: none; transition: 0.3s ease-out; background-color: rgb(255, 255, 255); overflow: visible; width: auto; cursor: pointer; user-select: none; text-align: center; vertical-align: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; margin: 0px; }
#m7 .button:hover { background-color: rgba(255, 255, 255, 0.7); }
#m7 .configuration-1 .button { display: flex; align-items: center; justify-content: center; width: 7.8125vw; height: 2.60417vw; padding: 0px; font-size: 1.04167vw; margin-left: auto; margin-right: auto; margin-top: 3.33333vw; }
@media (max-aspect-ratio: 11 / 10){#m7 .configuration-1 .button { align-self: center; width: 16.9286vw; height: 6.85714vw; font-size: 2.77778vw; color: rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 0); margin-top: 0px; }
#m7 .configuration-1 .button:hover { color: rgb(255, 255, 255); }
#m7 .configuration-1 .button::after { background-color: rgb(0, 0, 0) !important; }}
@media (max-aspect-ratio: 7 / 10){#m7 .configuration-1 .button { width: 27.7778vw; height: 11.25vw; font-size: 4.44444vw; border-radius: 1.11111vw; }}
#m7 .section-overview::before { position: absolute; z-index: -1; top: 0px; left: 0px; width: 100%; height: 17.4479vw; content: ""; pointer-events: none; background-image: linear-gradient(rgb(245, 245, 247), rgb(255, 255, 255)); }
#m7 .section-overview .swiper-slide { display: grid; justify-content: space-between; gap: 0.416667vw; grid-template-areas: "a1 a2 a3" "a1 a2 a4"; }
#m7 .section-overview .slide-item { position: relative; }
#m7 .section-overview .slide-item-1 { width: 38.75vw; grid-area: a1; }
#m7 .section-overview .slide-item-2 { width: 26.0417vw; grid-area: a2; }
#m7 .section-overview .slide-item-3 { width: 26.0417vw; grid-area: a3; }
#m7 .section-overview .slide-item-4 { width: 26.0417vw; grid-area: a4; }
#m7 .section-overview .caption { position: absolute; z-index: 1; bottom: 0px; left: 0px; margin: 1.25vw; font-weight: 700; line-height: 1.25; color: rgb(255, 255, 255); }
@media (max-aspect-ratio: 7 / 10){#m7 .section-overview::before { height: 63.1944vw; }
#m7 .section-overview .tabnav-content::before, #m7 .section-overview .tabnav-content::after { display: none; }
#m7 .section-overview .tabnav-wrapper { padding: 0px; }
#m7 .section-overview .tabnav-list { justify-content: center; }
#m7 .section-overview .tabnav-item + .tabnav-item { margin-left: 11.1111vw; }
#m7 .section-overview .swiper-slide { gap: 1.38889vw; grid-template-areas: "a1 b1" "a2 a3" "a4 b2"; }
#m7 .section-overview .xs-slide-top { width: 100%; grid-area: a1 / span 2; }
#m7 .section-overview .xs-slide-left { width: 47.0833vw; grid-area: a2; }
#m7 .section-overview .xs-slide-right { width: 47.0833vw; grid-area: a3; }
#m7 .section-overview .xs-slide-bottom { width: 100%; grid-area: a4 / span 2; }
#m7 .section-overview .caption { margin: 3.33333vw; font-size: 3.88889vw; }}
@media (min-aspect-ratio: 7 / 10) and (max-aspect-ratio: 11 / 10){#m7 .section-footnote .footnote-container { width: 75.4286vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .section-footnote .footnote-container { padding-top: 8.88889vw; }}
#m7 .section-footnote .footnote-list { font-size: max(12px, 0.625vw); }
@media (max-aspect-ratio: 11 / 10){#m7 .section-footnote .footnote-list { font-size: 2vw; }}
@media (max-aspect-ratio: 7 / 10){#m7 .section-footnote .footnote-list { font-size: 3.33333vw; }}
#m7 .section-footnote ol { margin-top: 0px; padding-left: 1.5em; }
#m7 .section-footnote li { font-size: inherit; list-style-type: decimal; color: rgb(121, 124, 128); }
#m7 .section-footnote li + li { margin-top: 0.5em; }
#m7 .section-footnote li.current { color: rgb(24, 25, 26); }
#m7 .section-footnote .disclaimer { list-style-type: none; }
#m7 .section-footnote a { color: rgb(51, 119, 255); }
#m7 .subsection-night-purple .video-container { margin-left: auto; margin-right: auto; }
#m7 .section-night-purple { padding-top: 10.4167vw; }
@media (max-aspect-ratio: 7 / 10){#m7 .section-night-purple { padding-top: 27.7778vw; }
#m7 .subsection-night-purple .video-container { order: 2; }}
#m7{background:#fff;color:#141414;font-family:Arial,Helvetica,sans-serif;overflow:hidden;margin:0;padding:0;line-height:1.5}#m7 *{box-sizing:border-box}#m7 [hidden]{display:none!important}#m7 img,#m7 video{max-width:100%;height:auto}#m7 p,#m7 h1,#m7 h2,#m7 h3{margin-top:0}#m7 .hero-fadein,#m7 .stack-item.current,#m7 .label-item.current,#m7 .colournav-container,#m7 .colour-swatch-indicator,#m7 .stat-list,#m7 .stat-item{opacity:1!important;visibility:visible!important;transform:none!important}#m7 .m7-model-name{font-size:clamp(38px,4vw,70px);font-weight:500;letter-spacing:.08em;margin-bottom:8px}#m7 .swiper:not(.swiper2):not(.m7-adjacent)>.swiper-wrapper{display:block!important;transform:none!important;height:auto!important}#m7 .swiper:not(.swiper2)>.swiper-wrapper>.swiper-slide{width:100%!important;flex-shrink:0}#m7 .swiper{height:auto;overflow:hidden;position:relative}#m7 .gallery>.swiper:not(.swiper2){display:none!important}#m7 .gallery-wrapper{height:auto!important;position:relative}#m7 .gallery-slide.current{position:relative!important;opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important;width:100%!important}#m7 .stack-list{height:auto!important}#m7 .stack-item.current{position:relative!important}#m7 .pagination-current{display:inline!important;transform:none!important;height:auto!important}#m7 .tabnav-list{overflow-x:auto;justify-content:flex-start;max-width:100%;gap:28px;padding:0 3px 12px;scrollbar-width:thin}#m7 .tabnav-item{flex:0 0 auto;cursor:pointer;white-space:nowrap}#m7 .tabnav-item.current{border-bottom:2px solid currentColor;padding-bottom:10px}#m7 .colournav-item{cursor:pointer}#m7 .colournav-item.current{outline:2px solid #555;outline-offset:4px;border-radius:50%}#m7 .colour-swatch-indicator{display:none}#m7 .m7-controls{display:flex;gap:18px;justify-content:center;margin-top:24px}#m7 .m7-controls button{border:1px solid #888;border-radius:50%;width:42px;height:42px;font-size:26px}#m7 :focus-visible{outline:2px solid #3575c7!important;outline-offset:5px}#m7 .video-container{background:#e8e8e8}#m7 .video-container video{display:block;width:100%;position:relative!important;opacity:1!important}#m7 .play-trigger,#m7 .autoplay-trigger{display:none!important}#m7 .section-modal.m7-open,#m7 #modal-player.m7-open{display:block!important;position:fixed!important;inset:0!important;z-index:9999!important;overflow:auto!important;background:rgba(0,0,0,.9);opacity:1!important;visibility:visible!important;transform:none!important}#m7 .m7-open .modal-container,#m7 .m7-open .modal-wrapper,#m7 .m7-open .modal-content{height:auto;max-height:none;transform:none;opacity:1;visibility:visible}#m7 .m7-open .modal-close-container,#m7 .m7-close{position:fixed;right:24px;top:24px;z-index:10001}#m7 .m7-close{color:white;font-size:36px}#m7 #modal-player video{width:90%;max-height:85vh;margin:6vh auto}#m7 .section-footnote{font-size:14px;line-height:1.7}#m7 .section-footnote li{margin-bottom:12px}#m7 .section-footnote a{color:inherit}#m7 .section-hero .hero-content{color:#fff!important}#m7 .section-common .text-content{color:#fff}#m7 .section-hero .hero-content .button-link{color:#fff}#m7 .section-hero .hero-content svg{stroke:currentColor}#m7 .section-hero .hero-content span{white-space:normal}#m7[lang]:not([lang=zh]) br{display:none}#m7[lang]:not([lang=zh]) .intro,#m7[lang]:not([lang=zh]) .stack-item{overflow-wrap:anywhere}#m7[lang]:not([lang=zh]) .headline{line-height:1.2}#m7 .swiper1{display:none!important}
html:has(body[data-detail-model=m7]){scroll-behavior:auto}#m7 .colournav-container{pointer-events:auto!important;gap:20px;flex-direction:column!important;padding-bottom:12px}#m7 .subsection-guard-2 .label-list{position:relative!important;inset:auto!important;transform:none!important;min-height:24px;text-align:center}#m7 .label-item.current{position:relative!important}#m7 .tabnav-indicator{display:none}#m7 .tabnav-item,#m7 .colournav-item{scroll-margin-top:100px}#m7 .m7-open .modal-overlay{transform:none!important;opacity:1!important}#m7 .headline small{display:block;font-size:.55em;line-height:1.4;margin-top:12px}
#m7 .stack-item.current,#m7 .gallery-slide.current{margin-left:0!important}#m7 .gallery-wrapper,#m7 .stack-list{display:block!important}#m7 .tabnav-container{display:block!important;width:100%;max-width:100%;line-height:1.5!important}#m7 .tabnav-wrapper{max-width:100%;padding-inline:16px!important}#m7 .tabnav-list{justify-content:flex-start!important;width:max-content;max-width:100%;margin-inline:auto;gap:24px}#m7 .tabnav-item+.tabnav-item{margin-left:0!important}#m7 .tabnav-content:before,#m7 .tabnav-content:after{display:none!important}#m7 .stat-value{height:auto!important}
#m7 .section-common .section-common-img{clip-path:none!important}#m7 .section-common .section-common-img .section-common-img-tf{transform:translateX(-50%) scale(1)!important}#m7 .section-hero .hero-content>span{width:min(90%,850px);gap:16px;justify-content:center}#m7 #modal-player-close{position:fixed;right:24px;top:24px;width:32px;height:32px;z-index:10002}
/* Native geometry follows source: highlights have exposed neighbours; fade galleries keep their authored clip masks and paired layouts. */
#m7 .section-highlights>.m7-adjacent{overflow:visible;margin-inline:auto}#m7 .m7-adjacent>.swiper-wrapper{display:grid!important;position:relative;transform:none!important}#m7 .m7-adjacent>.swiper-wrapper>.swiper-slide{grid-area:1/1;min-width:0;position:relative;transform:translateX(calc(var(--m7-offset,0)*(100% + 2.083333vw)))}#m7 .m7-adjacent .swiper-slide:not(.current) .slide-inner{opacity:.1}#m7 .m7-adjacent .current{z-index:1}#m7 .seciton-overview .main-container{position:relative}#m7 .seciton-overview .swiper2>.swiper-wrapper{display:flex!important;gap:.208333vw;transform:none!important}#m7 .seciton-overview .swiper2 .swiper-slide{flex-shrink:0;position:relative}#m7 .seciton-overview .swiper2 .swiper-slide[aria-selected=true]{border-color:#fff}#m7 .seciton-overview .swiper2 .swiper-slide[aria-selected=true] img{opacity:1}#m7 .seciton-overview .swiper2{overflow-x:auto;scrollbar-width:thin}#m7 .seciton-overview .gallery-slide.current .clip-item{clip-path:none}#m7 .seciton-overview .gallery-wrapper{position:relative}#m7 .seciton-overview .gallery-slide{width:100%}
@media(max-aspect-ratio:11/10){#m7 .section-hero .hero-content>span{font-size:12px;gap:10px}#m7 .gallery-slide video{min-height:220px}#m7 .section-common .text-content{max-width:88%}#m7 .m7-model-name{font-size:40px}#m7 .section-modal .modal-container{padding:65px 18px}#m7 .section-footnote{font-size:12px}#m7 .m7-adjacent>.swiper-wrapper>.swiper-slide{transform:none}#m7 .seciton-overview .main-container .swiper2{overflow-x:auto;padding-inline:4.444444vw}#m7 .seciton-overview .swiper2>.swiper-wrapper{gap:1.714286vw}}
#m7 .section-highlights .caption small{font-size:.55em;line-height:1.4}#m7 .section-highlights .caption small:before{content:'';display:block;margin-top:8px}