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

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




}








#f2n section{position: relative;}
#f2n picture, #f2n img, #f2n svg, #f2n canvas, #f2n video{display: block; width: 100%;}
#f2n sup{top: auto; font-size: 0.6em; vertical-align: super;}
#f2n sup.sm{position: relative; top: -0.36em; font-size: 0.4em;}
#f2n sup a{color: inherit;}
#f2n .object-container{position: relative; overflow: hidden; width: 100%; height: 100%;}
#f2n .object-cover{width: 100%; height: 100%; object-fit: cover;}
#f2n .backdrop-filter{background-color: rgba(0, 0, 0, 0.8); backdrop-filter: saturate(180%) blur(20px);}
#f2n .blur-up{transition: filter 400ms; filter: blur(20px);}
#f2n .blur-up.lazyloaded{filter: blur(0px);}
#f2n br{line-height: 0;}
#f2n br.xs{display: none;}
#f2n br.lg{display: block;}
@media (max-aspect-ratio: 12 / 10) {#f2n br.lg{display: none;}
#f2n br.xs{display: block;}}
#f2n .absolute{position: absolute;}
#f2n .relative{position: relative;}
#f2n .sticky{position: sticky; top: 0px;}
#f2n .overflow-hidden{overflow: hidden;}
#f2n .overflow-visible{overflow: visible;}
@media (max-aspect-ratio: 12 / 10) {#f2n .xs\:overflow-hidden{overflow: hidden;}
#f2n .xs\:overflow-visible{overflow: visible;}}
#f2n .block{display: block;}
#f2n .inline-block{display: inline-block;}
#f2n .inline{display: inline;}
#f2n .flex{display: flex;}
#f2n .inline-flex{display: inline-flex;}
#f2n .grid{display: grid;}
#f2n .hidden{display: none;}
#f2n .lg\:hidden{display: none;}
@media (max-aspect-ratio: 12 / 10) {#f2n .xs\:block{display: block;}
#f2n .xs\:inline-block{display: inline-block;}
#f2n .xs\:inline{display: inline;}
#f2n .xs\:flex{display: flex;}
#f2n .xs\:inline-flex{display: inline-flex;}
#f2n .xs\:grid{display: grid;}
#f2n .xs\:hidden{display: none;}
#f2n .lg\:hidden{display: block;}}
#f2n .flex-row-reverse{flex-direction: row-reverse;}
#f2n .flex-col{flex-direction: column;}
#f2n .flex-col-reverse{flex-direction: column-reverse;}
#f2n .flex-wrap{flex-wrap: wrap;}
#f2n .justify-start{justify-content: flex-start;}
#f2n .justify-end{justify-content: flex-end;}
#f2n .justify-center{justify-content: center;}
#f2n .justify-between{justify-content: space-between;}
#f2n .items-start{align-items: flex-start;}
#f2n .items-end{align-items: flex-end;}
#f2n .items-center{align-items: center;}
#f2n .shrink-0{flex-shrink: 0;}
@media (max-aspect-ratio: 12 / 10) {#f2n .xs\:flex-row{flex-direction: row;}
#f2n .xs\:flex-row-reverse{flex-direction: row-reverse;}
#f2n .xs\:flex-col{flex-direction: column;}
#f2n .xs\:flex-col-reverse{flex-direction: column-reverse;}
#f2n .xs\:justify-start{justify-content: flex-start;}
#f2n .xs\:justify-end{justify-content: flex-end;}
#f2n .xs\:justify-center{justify-content: center;}
#f2n .xs\:justify-between{justify-content: space-between;}
#f2n .xs\:items-start{align-items: flex-start;}
#f2n .xs\:items-end{align-items: flex-end;}
#f2n .xs\:items-center{align-items: center;}}
#f2n .stack-list{display: grid; margin-top: 0.416667vw;}
#f2n .stack-item{position: relative; width: 100%; transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96); transition-property: opacity; opacity: 0; grid-area: 1 / 1 / -1 / -1;}
#f2n .stack-item.current{z-index: 1; opacity: 1;}
#f2n .speed-fade .stack-item{transition-duration: 200ms;}
#f2n .speed-fade .stack-item.current{transition-delay: 200ms;}
#f2n .speed-slide .stack-item{transition-duration: 400ms;}
#f2n .speed-slide .stack-item.current{transition-delay: 400ms;}
@media (max-aspect-ratio: 12 / 10) {#f2n .speed-slide .stack-item{transition-duration: 300ms;}
#f2n .speed-slide .stack-item.current{transition-delay: 300ms;}}
#f2n .fadeup, #f2n .lg-fadeup, #f2n .fadeup-02, #f2n .fadeup-03{transform: translate3d(0px, 40px, 0px); opacity: 0;}
@media (max-aspect-ratio: 12 / 10) {#f2n .fadeup, #f2n .xs-fadeup, #f2n .xs-fadeup-02{transform: translate3d(0px, 40px, 0px);}
#f2n .lg-fadeup{transition: none; transform: none; opacity: 1;}
#f2n .xs-fadeup, #f2n .xs-fadeup-02{transition: opacity 0.8s ease-in, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91); opacity: 0;}}
#f2n .fadeup-animated, #f2n .fadeup-container.animated .fadeup-03, #f2n .animated .fadeup-02, #f2n .animated .xs-fadeup-02, #f2n .fadeup.animated, #f2n .lg-fadeup.animated, #f2n .xs-fadeup.animated{transition: opacity 0.8s ease-in, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91); transform: translate3d(0px, 0px, 0px); opacity: 1;}
#f2n .fadeup-container.animated .delay-200{transition-delay: 200ms !important;}
#f2n .fadeup-container.animated .delay-400{transition-delay: 400ms !important;}
#f2n .fadeup-container.animated .delay-600{transition-delay: 600ms !important;}
#f2n .w-1560{width: 81.25vw;}
#f2n .w-1364{width: 71.0417vw;}
#f2n .w-1320{width: 68.75vw;}
#f2n .w-1296{width: 67.5vw;}
#f2n .w-830{width: 43.2292vw;}
#f2n .w-720{width: 37.5vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .xs\:w-full{width: 100%;}
#f2n .xs\:w-688{width: 95.5556vw;}
#f2n .xs\:w-680{width: 94.4444vw;}
#f2n .xs\:w-660{width: 91.6667vw;}
#f2n .xs\:w-656{width: 91.1111vw;}
#f2n .xs\:w-592{width: 82.2222vw;}
#f2n .xs\:w-560{width: 77.7778vw;}
#f2n .xs\:w-520{width: 72.2222vw;}}
#f2n .mt-1\.25{margin-top: 1.25em;}
#f2n .mt-1\.6{margin-top: 1.6em;}
#f2n .mb-0\.5{margin-bottom: 0.5em;}
#f2n .mx-auto{margin-right: auto; margin-left: auto;}
#f2n .mt-8, #f2n .lg\:mt-8{margin-top: 0.416667vw;}
#f2n .mt-16, #f2n .lg\:mt-16{margin-top: 0.833333vw;}
#f2n .mt-24, #f2n .lg\:mt-24{margin-top: 1.25vw;}
#f2n .mt-32, #f2n .lg\:mt-32{margin-top: 1.66667vw;}
#f2n .mt-40, #f2n .lg\:mt-40{margin-top: 2.08333vw;}
#f2n .mt-48, #f2n .lg\:mt-48{margin-top: 2.5vw;}
#f2n .mt-56, #f2n .lg\:mt-56{margin-top: 2.91667vw;}
#f2n .mt-64, #f2n .lg\:mt-64{margin-top: 3.33333vw;}
#f2n .mt-72, #f2n .lg\:mt-72{margin-top: 3.75vw;}
#f2n .mt-80, #f2n .lg\:mt-80{margin-top: 4.16667vw;}
#f2n .mt-88, #f2n .lg\:mt-88{margin-top: 4.58333vw;}
#f2n .mt-96, #f2n .lg\:mt-96{margin-top: 5vw;}
#f2n .mt-104, #f2n .lg\:mt-104{margin-top: 5.41667vw;}
#f2n .mt-112, #f2n .lg\:mt-112{margin-top: 5.83333vw;}
#f2n .mt-120, #f2n .lg\:mt-120{margin-top: 6.25vw;}
#f2n .mt-144, #f2n .lg\:mt-144{margin-top: 7.5vw;}
#f2n .mt-160, #f2n .lg\:mt-160{margin-top: 8.33333vw;}
#f2n .mt-200, #f2n .lg\:mt-200{margin-top: 10.4167vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .xs\:mx-auto{margin-right: auto; margin-left: auto;}
#f2n .mt-8, #f2n .xs\:mt-8{margin-top: 1.11111vw;}
#f2n .mt-16, #f2n .xs\:mt-16{margin-top: 2.22222vw;}
#f2n .mt-24, #f2n .xs\:mt-24{margin-top: 3.33333vw;}
#f2n .mt-32, #f2n .xs\:mt-32{margin-top: 4.44444vw;}
#f2n .mt-40, #f2n .xs\:mt-40{margin-top: 5.55556vw;}
#f2n .mt-48, #f2n .xs\:mt-48{margin-top: 6.66667vw;}
#f2n .mt-56, #f2n .xs\:mt-56{margin-top: 7.77778vw;}
#f2n .mt-64, #f2n .xs\:mt-64{margin-top: 8.88889vw;}
#f2n .mt-72, #f2n .xs\:mt-72{margin-top: 10vw;}
#f2n .mt-80, #f2n .xs\:mt-80{margin-top: 11.1111vw;}
#f2n .mt-88, #f2n .xs\:mt-88{margin-top: 12.2222vw;}
#f2n .mt-96, #f2n .xs\:mt-96{margin-top: 13.3333vw;}
#f2n .mt-104, #f2n .xs\:mt-104{margin-top: 14.4444vw;}
#f2n .mt-112, #f2n .xs\:mt-112{margin-top: 15.5556vw;}
#f2n .mt-120, #f2n .xs\:mt-120{margin-top: 16.6667vw;}
#f2n .mt-144, #f2n .xs\:mt-144{margin-top: 20vw;}
#f2n .mt-160, #f2n .xs\:mt-160{margin-top: 22.2222vw;}
#f2n .mt-200, #f2n .xs\:mt-200{margin-top: 27.7778vw;}
#f2n .xs\:mt-0{margin-top: 0px;}}
#f2n .pt-200, #f2n .lg\:pt-200{padding-top: 10.4167vw;}
#f2n .pb-200, #f2n .lg\:pb-200{padding-bottom: 10.4167vw;}
#f2n .py-200, #f2n .lg\:py-200{padding-top: 10.4167vw; padding-bottom: 10.4167vw;}
#f2n .pt-160, #f2n .lg\:pt-160{padding-top: 8.33333vw;}
#f2n .pb-160, #f2n .lg\:pb-160{padding-bottom: 8.33333vw;}
#f2n .py-160, #f2n .lg\:py-160{padding-top: 8.33333vw; padding-bottom: 8.33333vw;}
#f2n .pt-120, #f2n .lg\:pt-120{padding-top: 6.25vw;}
#f2n .pb-120, #f2n .lg\:pb-120{padding-bottom: 6.25vw;}
#f2n .pt-112, #f2n .lg\:pt-112{padding-top: 5.83333vw;}
#f2n .pt-80, #f2n .lg\:pt-80{padding-top: 4.16667vw;}
#f2n .pb-80, #f2n .lg\:pb-80{padding-bottom: 4.16667vw;}
#f2n .pt-40, #f2n .lg\:pt-40{padding-top: 2.08333vw;}
#f2n .pl-72{padding-left: 3.75vw;}
#f2n .px-16{padding-left: 0.833333vw; padding-right: 0.833333vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .pt-200, #f2n .xs\:pt-200{padding-top: 27.7778vw;}
#f2n .pb-200, #f2n .xs\:pb-200{padding-bottom: 27.7778vw;}
#f2n .py-200, #f2n .xs\:py-200{padding-top: 27.7778vw; padding-bottom: 27.7778vw;}
#f2n .pt-160, #f2n .xs\:pt-160{padding-top: 22.2222vw;}
#f2n .pb-160, #f2n .xs\:pb-160{padding-bottom: 22.2222vw;}
#f2n .py-160, #f2n .xs\:py-160{padding-top: 22.2222vw; padding-bottom: 22.2222vw;}
#f2n .pt-120, #f2n .xs\:pt-120{padding-top: 16.6667vw;}
#f2n .pt-88, #f2n .xs\:pt-88{padding-top: 12.2222vw;}
#f2n .pt-80, #f2n .xs\:pt-80{padding-top: 11.1111vw;}
#f2n .px-16, #f2n xs\:px-16{padding-left: 2.22222vw; padding-right: 2.22222vw;}
#f2n .xs\:pt-0{padding-top: 0px;}
#f2n .xs\:pb-0{padding-bottom: 0px;}
#f2n .xs\:py-0{padding-top: 0px; padding-bottom: 0px;}
#f2n .xs\:px-0{padding-left: 0px; padding-right: 0px;}
#f2n .xs\:pl-0{padding-left: 0px;}}
#f2n h2, #f2n h3{font-weight: 500; line-height: 1.25; color: rgb(237, 203, 167);}
#f2n h2{font-size: 2.5vw;}
#f2n .start-headline h2{font-size: 4.16667vw;}
#f2n .start-headline .subtitle{color: rgb(220, 196, 178); font-size: 1.25vw;}
#f2n .start-headline h2 > span{background: linear-gradient(rgb(246, 227, 212) 0px, rgb(171, 138, 114) 75%, rgb(78, 61, 50) 100%) text; color: transparent; display: inline-block;}
#f2n h3{font-size: 2.5vw;}
#f2n .headline h3{font-size: 3.33333vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n h2{font-size: 8.88889vw;}
#f2n .start-headline h2{font-size: 13.3333vw;}
#f2n .start-headline .subtitle{font-size: 3.88889vw;}
#f2n h3{font-size: 6.66667vw;}
#f2n .headline h3{font-size: 8.88889vw;}
#f2n .start-headline h2 > span{background-image: linear-gradient(rgb(246, 227, 212) 0px, rgb(171, 138, 114) 40%, rgb(171, 138, 114) 80%, rgb(78, 61, 50) 100%);}}
#f2n strong{font-weight: 500;}
#f2n .note{display: flex; font-size: max(8px, 0.625vw); color: rgb(165, 165, 165);}
@media (max-aspect-ratio: 12 / 10) {#f2n .note{font-size: max(8px, 2.77778vw);}}
#f2n .common-note{display: flex; font-size: max(8px, 0.625vw); color: rgb(255, 255, 255); position: absolute; right: 1.04167vw; bottom: 1.04167vw; z-index: 3; opacity: 0.6; will-change: transform;}
@media (max-aspect-ratio: 12 / 10) {#f2n .common-note{right: 3.75vw; bottom: 2.77778vw; font-size: max(8px, 2.77778vw);}}
#f2n [data-footnote]{font-size: 0.6em; cursor: pointer;}
#f2n .nowrap{display: inline-block; white-space: nowrap;}
#f2n .text-gradient{display: inline-block; -webkit-text-fill-color: transparent; background-clip: text; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
#f2n .text-left{text-align: left;}
#f2n .text-center{text-align: center;}
#f2n .text-right{text-align: right;}
@media (max-aspect-ratio: 12 / 10) {#f2n .xs\:text-left{text-align: left;}
#f2n .xs\:text-center{text-align: center;}
#f2n .xs\:text-right{text-align: right;}}
#f2n .video-container{position: relative;}
#f2n .inline-video{pointer-events: none;}
#f2n .start-frame-mask::after{position: absolute; z-index: 2; top: 0px; left: 0px; width: 100%; height: 100%; content: ""; background: var(--start-frame) center/cover no-repeat; opacity: 0; transition: opacity 200ms ease-out 300ms;}
#f2n .start-frame-mask.show-start-frame::after{opacity: 1;}
#f2n .play-pause-button{--arrownav-background-color: 52, 53, 54; position: absolute; z-index: 2; right: 1.25vw; bottom: 1.25vw; overflow: hidden; width: 2.08333vw; height: 2.08333vw; cursor: pointer; border-radius: 50%; user-select: none; transition: background-color 300ms ease-out; background-color: rgba(128, 128, 128, 0.6); backdrop-filter: blur(8px);}
@media (hover: hover) and (pointer: fine) {#f2n .play-pause-button:hover{background-color: rgba(128, 128, 128, 0.3);}}
@media (max-aspect-ratio: 12 / 10) {#f2n .play-pause-button{right: 4.44444vw; bottom: 4.44444vw; width: 8.88889vw; height: 8.88889vw;}}
#f2n .play-pause-button .button-icon{position: absolute; top: 0px; left: 0px; display: none;}
#f2n .playing .icon-pause, #f2n .paused .icon-play, #f2n .ended .icon-replay{display: block;}
#f2n .effect-fade .play-pause-button{transition-property: transform, opacity; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96); transform: scale(0.8); opacity: 0;}
#f2n .effect-fade .swiper-slide-active .play-pause-button{transition-delay: 620ms; transform: scale(1); opacity: 1;}
@media (max-aspect-ratio: 12 / 10) {#f2n .effect-fade .swiper-slide-active .play-pause-button{transition-delay: 420ms;}}
#f2n.no-inline-video .play-pause-button{display: none;}
#f2n .replay-button{opacity: 0; transition: opacity 300ms; pointer-events: none; cursor: default;}
#f2n .ended .replay-button{cursor: pointer; pointer-events: all; opacity: 1;}
#f2n .modal-open-button.modal-open{pointer-events: none;}
#f2n .section-modal{position: fixed; z-index: -1; top: 0px; left: 0px; overflow: hidden; width: 100vw; height: 100vh; transform: translateZ(0px); outline: 0px; background-color: rgb(0, 0, 0);}
#f2n .section-modal.modal-open{z-index: 999;}

#f2n .section-modal.modal-focus{padding-inline-end: 0px; overflow: auto !important;}
#f2n .section-modal .modal-container{width: 100%; height: 100%;}
#f2n .section-modal .modal-wrapper{position: relative; overflow: hidden; width: 100%; height: 100%;}
#f2n .section-modal .modal-close-container{position: absolute; top: 4.16667vw; right: 4.16667vw; bottom: 0px; width: 2.08333vw;}
#f2n .section-modal .modal-close-button{position: sticky; z-index: 10; top: 2.08333vw; width: 100%; cursor: pointer; user-select: none; transition: background-color 300ms ease-out; border-radius: 50%; background-color: rgba(128, 128, 128, 0.6); backdrop-filter: blur(8px);}
@media (hover: hover) and (pointer: fine) {#f2n .section-modal .modal-close-button:hover{background-color: rgba(128, 128, 128, 0.3);}}
#f2n .section-modal .modal-close-icon{position: relative; z-index: 1; pointer-events: none;}
@media (max-aspect-ratio: 12 / 10) {#f2n .section-modal .modal-container{height: auto;}
#f2n .section-modal .modal-wrapper{overflow: unset; height: auto; padding-bottom: 10vw; padding-top: 23.8889vw;}
#f2n .section-modal .modal-close-container{top: 8.88889vw; right: 6.66667vw; width: 11.1111vw;}
#f2n .section-modal .modal-close-button{top: 8.88889vw;}}
#f2n .swiper:not(.swiper-fade) .swiper-wrapper, #f2n .swiper:not(.swiper-fade) [data-swiper-parallax-x], #f2n .swiper:not(.swiper-fade) [data-swiper-parallax-y], #f2n .swiper:not(.swiper-fade) [data-swiper-parallax-opacity], #f2n .swiper:not(.swiper-fade) [data-swiper-parallax-scale], #f2n .swiper:not(.swiper-fade) .transform-item{transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);}
#f2n .swiper.swiper-touched .swiper-wrapper, #f2n .swiper.swiper-touched [data-swiper-parallax-x], #f2n .swiper.swiper-touched [data-swiper-parallax-y], #f2n .swiper.swiper-touched [data-swiper-parallax-opacity], #f2n .swiper.swiper-touched [data-swiper-parallax-scale], #f2n .swiper.swiper-touched .transform-item{transition-timing-function: ease !important;}
#f2n .swiper.swiper-fade .swiper-slide, #f2n .swiper.swiper-fade .transform-item{transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);}
#f2n .swiper.swiper-click .swiper-slide:not(.swiper-slide-visible){cursor: pointer;}
#f2n .swiper.swiper-click-inside .swiper-slide{cursor: pointer;}
#f2n .swiper.swiper-click-inside .swiper-slide-active, #f2n .swiper.swiper-click-inside .swiper-slide-next{cursor: auto;}
@media (max-aspect-ratio: 12 / 10) {#f2n .swiper.swiper-click-inside .swiper-slide-next{cursor: pointer;}}
#f2n .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(237, 203, 167);}
#f2n .pagination-item.swiper-pagination-lock{display: none;}
#f2n .pagination-current{display: flex; flex-direction: column; height: 1em; transition-property: transform; transition-duration: 0.8s; transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96); transform: translate3d(0, var(--pagination-y, 0), 0); text-align: right;}
#f2n .swiper-fade .pagination-current{transition-duration: 0.4s;}
#f2n .pagination-line{position: relative; overflow: hidden; width: 6.25vw; height: 2px; margin-right: 0.833333vw; margin-left: 0.833333vw; background-color: rgba(172, 159, 150, 0.4);}
#f2n .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(172, 159, 150);}
#f2n .autoplay-animating .pagination-line::before{transition-duration: 3.8s; transform: scaleX(1);}
#f2n .autoplay-animating .autoplay-3s .pagination-line::before{transition-duration: 2.8s; transform: scaleX(1);}
#f2n .pagination-total{color: rgb(172, 159, 150);}
@media (max-aspect-ratio: 12 / 10) {#f2n .pagination-current{transition-duration: 0.6s;}
#f2n .pagination-item{font-size: var(--pagination-font-size, 3.888889vw);}
#f2n .pagination-line{width: 20.5556vw; height: 0.416667vw; margin-right: 3.33333vw; margin-left: 3.33333vw;}}
#f2n .arrownav-list{display: flex; gap: 1.25vw;}
#f2n .arrownav-list .arrownav-item{width: 2.60417vw; cursor: pointer; outline: 0px; flex-shrink: 0;}
@media (hover: hover) and (pointer: fine) {#f2n .arrownav-list .arrownav-item:not(.arrownav-disabled):hover .path-outline-anim{stroke-dasharray: 157, 0;}
#f2n .arrownav-list .arrownav-item:not(.arrownav-disabled):hover .arrownav-icon{opacity: 0;}
#f2n .arrownav-list .arrownav-item:not(.arrownav-disabled):hover .arrownav-icon-hover{opacity: 1;}}
#f2n .arrownav-list .icon-path{fill: none; stroke: rgb(0, 0, 0); stroke-width: 2px;}
#f2n .arrownav-list .arrownav-image-container{position: relative;}
#f2n .arrownav-list .arrownav-image-container .arrownav-icon{transition: opacity 0.8s;}
#f2n .arrownav-list .arrownav-prev .arrownav-image-container{transform: rotateY(-180deg);}
#f2n .arrownav-list .arrownav-image-container .arrownav-icon-hover{position: absolute; top: 0px; left: 0px; width: 100%; transition: opacity 0.8s; opacity: 0;}
#f2n .arrownav-list .path-outline{opacity: 0.2;}
#f2n .arrownav-list .arrownav-image-container{transition: opacity 0.8s; stroke-linecap: round; stroke-linejoin: round;}
#f2n .arrownav-list .path-outline-anim{transition: stroke-dasharray 0.8s; stroke-dasharray: 0, 157; stroke-dashoffset: 50;}
#f2n .arrownav-list .arrownav-disabled{cursor: default;}
#f2n .arrownav-list .arrownav-disabled .arrownav-image-container{opacity: 0.2;}
@media (max-aspect-ratio: 12 / 10) {#f2n .arrownav-list{gap: 3.33333vw;}
#f2n .arrownav-list .arrownav-item{width: 10.6944vw;}
#f2n .arrownav-list .icon-path{stroke-width: 3px;}
#f2n .arrownav-list .path-outline-anim{display: none;}}
#f2n .swiper-style{overflow: hidden;}
#f2n .swiper-style .content-wrapper{display: flex; align-items: flex-start; justify-content: space-between; height: 100%;}
#f2n .swiper-style .slide-headline{font-weight: 700;}
#f2n .swiper-style .slide-intro{font-size: 1.04167vw;}
#f2n .swiper-style .pagination-container{display: flex; align-items: center; height: 2.91667vw;}
#f2n .swiper-style .arrownav-list{justify-content: flex-end;}
@media (max-aspect-ratio: 12 / 10) {#f2n .swiper-style .content-wrapper{align-items: center; flex-flow: wrap; justify-content: flex-end; height: auto;}
#f2n .swiper-style .stack-list{margin-left: 0px; margin-bottom: 8.88889vw;}
#f2n .swiper-style .slide-intro{font-size: 4.44444vw;}
#f2n .swiper-style .pagination-container{width: auto; height: auto;}
#f2n .swiper-style .arrownav-list{width: auto;}}
#f2n .swiper-style-1 .stack-list{flex-shrink: 0; order: 2;}
#f2n .swiper-style-1 .pagination-container{order: 1; width: 12.5vw; margin-top: 1.25vw;}
#f2n .swiper-style-1 .arrownav-list{order: 3; width: 12.5vw; margin-top: 1.25vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .swiper-style-1 .stack-list{order: 1; text-align: center;}
#f2n .swiper-style-1 .stack-item .intro{font-size: 3.88889vw;}
#f2n .swiper-style-1 .pagination-container{width: auto; order: 2; margin-top: 0px;}
#f2n .swiper-style-1 .arrownav-list{width: auto; margin-top: 0px; margin-left: 11.1111vw;}}
#f2n .swiper-style-2 .swiper{overflow: visible;}
#f2n .swiper-style-2 .swiper-slide{overflow: hidden; transition: opacity 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96); opacity: 1;}
#f2n .swiper-style-2 .swiper-slide:not(.swiper-slide-active){cursor: pointer; opacity: 0.2;}
#f2n .swiper-style-2 .arrownav-list{margin-left: 2.08333vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .swiper-style-2 .stack-list{margin: 0px auto 11.1111vw; text-align: left;}
#f2n .swiper-style-2 .arrownav-list{margin-left: 11.1111vw;}}
#f2n .tabnav-section{--indicator-background-color: #707070; --indicator-foreground-color: #EDCBA7; --tabnav-item-color: #FFFFFF;}
#f2n .tabnav-section, #f2n .tabnav-custom-section{position: relative; overflow: hidden;}
#f2n .tabnav-content{position: relative; z-index: 10;}
@media (max-aspect-ratio: 12 / 10) {#f2n .tabnav-content{--tabnav-space: 11.11111111vw;}}
@media (max-aspect-ratio: 12 / 10) {#f2n .tabnav-track{display: flex; overflow: auto hidden; white-space: nowrap; mask-image: linear-gradient(90deg, transparent, #000 var(--tabnav-space), #000 calc(100% - var(--tabnav-space)), transparent); scrollbar-width: none;}
#f2n .tabnav-track::-webkit-scrollbar{display: none;}
#f2n .tabnav-container{padding-right: var(--tabnav-space); padding-left: var(--tabnav-space);}}
#f2n .disable-transitions .tabnav-item, #f2n .disable-transitions .tabnav-indicator, #f2n .disable-transitions .tabnav-indicator::after, #f2n .disable-transitions .tabnav-caption{transition: none !important;}
#f2n .tabnav-wrapper{position: relative; margin-right: auto; margin-left: auto;}
#f2n .tabnav-list{position: relative; z-index: 10; display: flex;}
#f2n .tabnav-item{flex-shrink: 0;}
#f2n .tabnav-item sup{pointer-events: none;}
#f2n .tabnav-indicator{overflow: hidden; pointer-events: none; border-radius: 999px;}
#f2n .tabnav-line-x .tabnav-track{display: flex;}
#f2n .tabnav-line-x .tabnav-container{margin-right: auto; margin-left: auto;}
#f2n .tabnav-line-x .tabnav-item{color: var(--tabnav-item-color); cursor: pointer; user-select: none; transition-timing-function: ease-out; transition-duration: 200ms; transform: translateZ(0px); white-space: nowrap; outline: 0px; backface-visibility: hidden;}
#f2n .tabnav-line-x .tabnav-item.current{cursor: default; transition-duration: 400ms;}
#f2n .tabnav-line-x .tabnav-label{color: inherit; font-size: 1.25vw; font-weight: 500; text-align: center;}
#f2n .tabnav-line-x .tabnav-list{gap: 2.91667vw; margin-top: -0.416667vw;}
#f2n .tabnav-line-x .tabnav-item{color: rgb(255, 255, 255); opacity: 0.4; padding-top: 0.416667vw; padding-bottom: 0.416667vw; transition-property: opacity, color; will-change: opacity;}
@media (hover: hover) and (pointer: fine) {#f2n .tabnav-line-x .tabnav-item:not(.current):hover{opacity: 0.6;}}
#f2n .tabnav-line-x .tabnav-item.current{color: rgb(237, 203, 167); opacity: 1;}
#f2n .tabnav-line-x .tabnav-indicator{position: relative; width: 100%; height: 2px; margin-top: 0.416667vw;}
#f2n .tabnav-line-x .tabnav-indicator::after{width: var(--tabnav-size, 0); height: 100%; transition-property: width, transform; transform: translateX(var(--tabnav-start, 0));}
#f2n .tabnav-line-x .tabnav-caption{font-size: 1.04167vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .tabnav-line-x .tabnav-container{margin-left: 0px;}
#f2n .tabnav-line-x .tabnav-caption{font-size: 4.44444vw;}
#f2n .tabnav-line-x .tabnav-label{font-size: 4.44444vw;}}
#f2n .tabnav-line-x .tabnav-indicator::before{position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; content: ""; background-color: var(--indicator-background-color);}
#f2n .tabnav-line-x .tabnav-indicator::after{position: relative; display: block; overflow: hidden; content: ""; transition-timing-function: ease-out; transition-duration: 400ms; border-radius: 999px; background-color: var(--indicator-foreground-color);}
@media (max-aspect-ratio: 12 / 10) {#f2n .tabnav-line-x .tabnav-list{gap: 11.1111vw; margin-top: -3.33333vw;}
#f2n .tabnav-line-x .tabnav-item{padding-top: 3.33333vw; padding-bottom: 3.33333vw; font-size: 4.44444vw;}
#f2n .tabnav-line-x .tabnav-indicator{height: 2px; margin-top: 0px;}}
#f2n .section-carousel{overflow: hidden;}
#f2n .section-carousel .swiper{overflow: visible;}
#f2n .section-carousel .inline-video{pointer-events: none;}
#f2n .section-carousel .note-overlay{position: absolute; right: 1.25vw; bottom: 1.25vw;}
#f2n .section-carousel .slide-content{padding-top: 2.08333vw; padding-left: 0.833333vw; padding-right: 0.833333vw; cursor: auto;}
@media (max-aspect-ratio: 12 / 10) {#f2n .section-carousel .note-overlay{right: 3.33333vw; bottom: 3.33333vw;}
#f2n .section-carousel .slide-content{padding-top: 8.88889vw; padding-left: 5.55556vw; padding-right: 5.55556vw; width: 100% !important;}}
#f2n .carousel-col-2 .swiper-slide{width: 34.8958vw;}
#f2n .carousel-col-2 .slide-title{font-size: 1.25vw; font-weight: 700;}
#f2n .carousel-col-2 .slide-intro{font-size: 1.04167vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .carousel-col-2 .swiper{margin-left: 2.77778vw;}
#f2n .carousel-col-2 .swiper-slide{width: 88.3333vw;}
#f2n .carousel-col-2 .slide-title{font-size: 5vw;}
#f2n .carousel-col-2 .slide-intro{font-size: 4.44444vw;}}
#f2n .section-anchor{position: absolute;}
#f2n .section-safety .section-anchor{top: 3.33333vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .section-safety .section-anchor{top: 0px;}}


#f2n .subsection-design-01 .section-header{top: 8.33333vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-design-01 .section-header{margin-top: -2px; padding-bottom: 11.1111vw;}
#f2n .subsection-design-01 .section-header .start-headline{}}
#f2n .subsection-space-01 .section-header, #f2n .subsection-driving-01 .section-header{top: 7.8125vw;}
#f2n .subsection-driving-01 .section-header{top: 5.72917vw;}
#f2n .section-start{overflow: hidden;}
#f2n .section-start .section-header{position: absolute; z-index: 1; top: 0px; right: 0px; left: 0px;}
#f2n .section-start .section-header h2, #f2n .section-start .section-header h3{color: rgb(255, 255, 255);}
#f2n .section-start .start-headline{position: relative; z-index: 10; display: grid; width: max-content; margin-right: auto; margin-left: auto; transform: translateY(5vw); opacity: 0;}
#f2n .section-start .start-headline > span{position: relative; will-change: transform; grid-area: 1 / 1 / -1 / -1;}
#f2n .section-start .start-headline > span:nth-child(1){z-index: 9;}
#f2n .section-start .start-headline > span:not(:first-child){opacity: 0.17;}
#f2n .section-start .start-headline > span:nth-child(2){z-index: 8; transform: translateX(-1.04167vw); filter: blur(1px);}
#f2n .section-start .start-headline > span:nth-child(3){z-index: 7; transform: translateX(-2.08333vw); filter: blur(2px);}
#f2n .section-start .start-headline > span:nth-child(4){z-index: 6; transform: translateX(-3.125vw); filter: blur(3px);}
#f2n .section-start .start-headline > span:nth-child(5){z-index: 5; transform: translateX(-4.16667vw); filter: blur(4px);}
#f2n .section-start .start-headline > span:nth-child(6){z-index: 4; transform: translateX(-5.20833vw); filter: blur(5px);}
#f2n .section-start .start-headline > span:nth-child(7){z-index: 3; transform: translateX(-6.25vw); filter: blur(6px);}
#f2n .section-start .start-headline > span:nth-child(8){z-index: 2; transform: translateX(-7.29167vw); filter: blur(7px);}
#f2n .section-start .start-headline > span:nth-child(9){z-index: 1; transform: translateX(-8.33333vw); filter: blur(8px);}
#f2n .section-start .section-picture{position: relative; overflow: hidden;}
#f2n .section-start .section-image{transform: scale(1);}
#f2n .section-start.animated .start-headline{transition: transform 1s, opacity 0.8s; transform: translate(0px); opacity: 1;}
#f2n .section-start.animated .start-headline > span:not(:first-child){transition: transform 1s, opacity 0.4s 0.6s; transform: translate(0px); opacity: 0;}
#f2n .section-image{position: relative;}
#f2n .section-start.animated .section-image{transition: transform 1.2s; transform: scale(1);}
@media (max-aspect-ratio: 12 / 10) {#f2n .section-start .section-header{position: relative; top: auto; right: auto; left: auto;}
#f2n .section-start .section-header h2, #f2n .section-start .section-header h3{color: rgb(0, 0, 0);}
#f2n .section-start .start-headline{width: 100%;}
#f2n .section-start .start-headline > span:not(:first-child){opacity: 0.05;}
#f2n .section-start .start-headline > span:nth-child(2){transform: translateX(-4.16667vw);}
#f2n .section-start .start-headline > span:nth-child(3){transform: translateX(-8.33333vw);}
#f2n .section-start .start-headline > span:nth-child(4){transform: translateX(-12.5vw);}
#f2n .section-start .start-headline > span:nth-child(5){transform: translateX(-16.6667vw);}
#f2n .section-start .start-headline > span:nth-child(6){transform: translateX(-20.8333vw);}
#f2n .section-start .start-headline > span:nth-child(7){transform: translateX(-25vw);}
#f2n .section-start .start-headline > span:nth-child(8){transform: translateX(-29.1667vw);}
#f2n .section-start .start-headline > span:nth-child(9){transform: translateX(-33.3333vw);}
#f2n .section-start .section-image{transform: none;}}
#f2n p.intro{font-size: 1.04167vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n p.intro{font-size: 4.44444vw;}}
#f2n .highlight-text{color: rgb(237, 203, 167); font-weight: bold;}
#f2n .subsection-design-02 .content-detail-container{position: absolute; bottom: 2.5vw; left: 0px; width: 100%;}
#f2n .subsection-design-02 .content-detail-row{color: rgb(255, 255, 255); display: flex; justify-content: center; gap: 4.16667vw;}
#f2n .subsection-design-02 .content-detail-item-name{font-size: 1.04167vw; margin-bottom: 0.5em;}
#f2n .subsection-design-02 .content-detail-item-text{font-size: 2.5vw; line-height: 1.25;}
#f2n .subsection-design-02 .content-detail-item-small-text{font-size: 0.458333em;}
@media (max-aspect-ratio: 12 / 10) {#f2n .highlight-text{font-weight: 500;}
#f2n .subsection-design-02 .content-detail-container{position: relative; bottom: 0px; left: 0px; transform: none;}
#f2n .subsection-design-02 .content-detail-row{flex-direction: column; gap: 5.83333vw;}
#f2n .subsection-design-02 .content-detail-item{color: rgb(237, 203, 167); display: flex; justify-content: space-between; align-items: baseline; flex-direction: row-reverse; padding-bottom: 2.5vw; position: relative;}
#f2n .subsection-design-02 .content-detail-item::after{background-color: rgb(237, 203, 167); content: ""; position: absolute; left: 0px; bottom: 0px; height: 1px; width: 100%; opacity: 0.2;}
#f2n .subsection-design-02 .content-detail-item:last-child::after{display: none;}
#f2n .subsection-design-02 .content-detail-item-name{font-size: 3.88889vw; margin-right: 0.625em; margin-bottom: 0px;}
#f2n .subsection-design-02 .content-detail-item-text{font-size: 6.66667vw;}
#f2n .subsection-design-02 .content-detail-item-small-text{font-size: 0.666667em;}}
#f2n .layout-style-01{display: grid; grid-template-columns: 1fr 36.4583vw;}
#f2n .layout-style-01 .headline, #f2n .layout-style-01 .intro{padding-left: 1.25vw; padding-right: 1.25vw;}
#f2n .layout-style-01 .intro{font-size: 1.04167vw;}
#f2n .layout-style-01 .picture, #f2n .layout-style-01 .note{grid-column: span 2;}
@media (max-aspect-ratio: 12 / 10) {#f2n .layout-style-01{grid-template-columns: 1fr;}
#f2n .layout-style-01 .headline, #f2n .layout-style-01 .intro{padding-left: 0px; padding-right: 0px;}
#f2n .layout-style-01 .headline{order: 1;}
#f2n .layout-style-01 .intro{order: 4; font-size: 4.44444vw;}
#f2n .layout-style-01 .picture{order: 2;}
#f2n .layout-style-01 .note{order: 3;}}
#f2n .color-selection{position: relative; overflow: hidden;}
#f2n .color-selection .tabnav-container{display: flex;}
#f2n .color-selection .tabnav-item{font-size: 1.25vw;}
#f2n .color-selection{--indicator-background-color: #707070; --indicator-foreground-color: #EDCBA7; --tabnav-item-color: #FFFFFF;}
@media (max-aspect-ratio: 12 / 10) {#f2n .color-selection .autoplay-trigger{top: 90%;}
#f2n .color-selection .tabnav-item{font-size: 6.66667vw;}}
#f2n .sub-swiper-container.swiper-slide-active .colournav-container{opacity: 1;}
#f2n .colournav-container{display: flex; align-items: center; justify-content: center; width: 100%; opacity: 0; z-index: 1; transition: opacity 0.3s;}
#f2n .colournav-row{display: flex; align-items: center; position: relative;}
#f2n .colournav-container .label-list{margin-left: 1.25vw; display: grid; white-space: nowrap;}
#f2n .colournav-container .label-item{color: rgb(255, 255, 255); font-size: 1.04167vw; font-weight: bold; position: relative; width: 100%; transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96); transition-property: opacity; transition-duration: 200ms; opacity: 0; grid-area: 1 / 1 / -1 / -1;}
#f2n .colournav-container .label-item.current{z-index: 1; opacity: 1; transition-delay: 200ms;}
#f2n .colournav-container .colournav-list{display: flex; gap: 0.416667vw;}
#f2n .colournav-container .colournav-item{position: relative; display: flex; align-items: center; justify-content: center; width: 2.29167vw; cursor: pointer; user-select: none;}
#f2n .colournav-container .colournav-item.current{cursor: default;}
#f2n .colournav-container .colournav-item.current .colour-swatch-indicator{opacity: 1;}
#f2n .colournav-container .colour-swatch-indicator{position: absolute; transition: opacity 600ms cubic-bezier(0.46, 0.03, 0.52, 0.96); pointer-events: none; opacity: 0;}
#f2n .colournav-container .colour-swatch{width: 100%; pointer-events: none;}
@media (max-aspect-ratio: 12 / 10) {#f2n .colournav-container{flex-direction: column; position: absolute; bottom: 4.44444vw;}
#f2n .colournav-container .label-item{font-size: 4.44444vw;}
#f2n .colournav-row{display: block;}
#f2n .colournav-container .label-list{position: relative; left: 0px; text-align: center;}
#f2n .colournav-container .colournav-list{gap: 2.22222vw;}
#f2n .colournav-container .colournav-item{width: 7.5vw;}
#f2n .colournav-container .colour-swatch-indicator{transition-duration: 400ms;}}
#f2n .theme-dark{color: rgb(172, 159, 150); background-color: rgb(0, 0, 0);}
#f2n .theme-dark h2, #f2n .theme-dark h3, #f2n .theme-dark .pagination-item{color: rgb(237, 203, 167);}
#f2n .theme-dark strong{color: rgb(237, 203, 167);}
#f2n .theme-dark .section-header h2, #f2n .theme-dark .section-header h3{color: rgb(237, 203, 167);}
#f2n .theme-dark .pagination-line{background-color: rgba(255, 255, 255, 0.4);}
#f2n .theme-dark .pagination-line::before{background-color: rgb(255, 255, 255);}
#f2n .theme-dark .arrownav-list .icon-path{stroke: rgb(255, 255, 255);}
#f2n{font-size: 1.14583vw; font-weight: 400; line-height: 1.6; color: rgb(172, 159, 150); background-color: rgb(0, 0, 0);}
@media (max-aspect-ratio: 12 / 10) {#f2n{font-size: 4.44444vw;}}
#f2n .section-hero .kv-container{position: relative; z-index: 2;}
#f2n .section-hero .hero-content{position: absolute; right: 0px; top: 6.25vw; color: rgb(0, 0, 0); left: 0px; display: flex; align-items: center; justify-content: center; z-index: 10;}
#f2n .section-hero .logo{width: 20.1938vw;}
#f2n .section-hero .separator{display: block; width: 1px; height: 4.16667vw; margin-right: 2.39583vw; margin-left: 2.39583vw; background-color: rgb(0, 0, 0);}
#f2n .section-hero .slogan{font-size: 2.1875vw; font-weight: 400; letter-spacing: 0.36em; color: rgb(0, 0, 0);}
#f2n .section-hero .ksp{margin-top: 0.3125vw; font-size: 1.14583vw; letter-spacing: 0.23em; text-align: center;}
#f2n .section-hero .hero-picture-thumb{position: absolute; top: 0px; left: 0px;}
#f2n .section-hero .hero-picture{aspect-ratio: 1920 / 960;}
#f2n .section-hero .top-icon{width: 11.0417vw; position: absolute; top: 3.33333vw; right: 3.33333vw; z-index: 1;}
#f2n .section-hero .kv-note{position: absolute; z-index: 1; width: 34.375vw; right: 2.5vw; bottom: 1.66667vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .section-hero .hero-content{flex-direction: column; justify-content: space-between; top: 22.2222vw; right: 0px; left: 0px;}
#f2n .section-hero .top-icon{top: 6.66667vw; right: 6.66667vw; width: 29.4444vw;}
#f2n .section-hero .logo{width: 52.7778vw;}
#f2n .section-hero .slogan{font-size: 6.66667vw;}
#f2n .section-hero .separator{display: none;}
#f2n .section-hero .ksp{margin-top: 1.66667vw; font-size: 4.44444vw; letter-spacing: 0.21em;}
#f2n .section-hero .hero-picture{aspect-ratio: 720 / 1018;}
#f2n .section-hero .kv-note{right: 4.16667vw; bottom: 3.33333vw; width: 90vw;}}
#f2n .introduction-container{height: 300vh; margin-top: -100vh;}
#f2n .introduction-container .sticky{overflow: hidden; height: 100vh;}
#f2n .introduction-container .logo-container{position: absolute; z-index: 2; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transform-origin: 53.6% 50%; background-color: rgb(255, 255, 255); mix-blend-mode: lighten;}
#f2n .introduction-container .logo-wrapper{transform: scale(0.1) translateZ(0px);}
#f2n .introduction-container .logo-svg{width: 259.375vw; transform-origin: 50% center;}
#f2n .introduction-container .intro-list{position: absolute; z-index: 2; top: calc(50% - 8.33333vw); right: 0px; left: 0px; display: grid; font-size: 1.45833vw; transform: translateY(-50%); text-align: center; color: rgb(255, 255, 255);}
#f2n .introduction-container .intro-item{grid-area: 1 / 1 / -1 / -1;}
#f2n .subsection-design-01 .button-link-background{position: relative;}
#f2n .subsection-design-01 .button-link-background-icon{transition: opacity 0.8s;}
#f2n .subsection-design-01 .button-link-background-icon-hover{position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0; transition: opacity 0.8s;}
#f2n .subsection-design-01 .button-link{position: absolute; bottom: 4.16667vw; left: 50%; display: flex; align-items: center; justify-content: center; width: 12.7776vw; cursor: pointer; transition: background-color 0.3s ease-in-out; transform: translateX(-50%);}
@media (hover: hover) and (pointer: fine) {#f2n .subsection-design-01 .button-link:hover{background-color: rgba(0, 0, 0, 0.12);}
#f2n .subsection-design-01 .button-link:hover .button-link-background-icon{opacity: 0;}
#f2n .subsection-design-01 .button-link:hover .button-link-background-icon-hover{opacity: 1;}}
#f2n .subsection-design-01 .button-copy{flex-shrink: 0; color: rgb(165, 138, 124); font-size: 1.04167vw; position: absolute; top: 50%; left: 15.6524%; transform: translateY(-50%);}
@media (max-aspect-ratio: 12 / 10) {#f2n .introduction-container{height: auto; margin-top: 0px;}
#f2n .introduction-container .sticky{position: relative; overflow: hidden; height: auto;}
#f2n .introduction-container .logo-container{transform-origin: 59.63% 50%;}
#f2n .introduction-container .logo-svg{width: 690.278vw;}
#f2n .introduction-container .xs-trigger{position: absolute; top: 90%;}
#f2n .introduction-container .video-container{aspect-ratio: 720 / 960;}
#f2n .introduction-container .intro-list{top: calc(50% - 11.1111vw); display: block;}
#f2n .introduction-container .intro-item{font-size: 3.88889vw;}
#f2n .introduction-container.animated .intro-item{transition: opacity 0.8s ease-in 0.8s, transform 0.8s cubic-bezier(0.26, 0.67, 0.48, 0.91) 0.8s;}
#f2n .introduction-container.animated .intro-item-02{transition-delay: 1s;}
#f2n .introduction-container .button-link{bottom: 11.1111vw; width: 34.0736vw;}
#f2n .subsection-design-01 .button-copy{font-size: 2.77778vw;}}
@media (max-aspect-ratio: 12 / 10) {#f2n.no-inline-video .introduction-container .intro-list{top: 26.3889vw; transform: none; display: block;}}
#f2n .section-highlights{overflow: hidden;}
#f2n .section-highlights .swiper-slide{overflow: hidden; transition: opacity 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96); opacity: 1;}
#f2n .section-highlights .swiper-slide:not(.swiper-slide-active){cursor: pointer; opacity: 0.2;}
#f2n .section-highlights .slide-media{width: 100%; height: 38.5417vw;}
#f2n .section-highlights .slide-cover{width: 100%; height: 100%; object-fit: cover;}
#f2n .section-highlights .slide-content{position: absolute; z-index: 2; top: 0px; right: 0px; left: 0px; margin: 2.29167vw 2.5vw; font-size: 2.5vw; text-align: center; color: rgb(255, 255, 255);}
#f2n .section-highlights .nav-container{position: relative; z-index: 10; display: flex; justify-content: center;}
#f2n .section-highlights .nav-wrapper{display: flex; align-items: center;}
#f2n .section-highlights .arrownav-list{margin-left: 4.16667vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .section-highlights .slide-media{height: 88.8889vw;}
#f2n .section-highlights .slide-content{margin: 10vw 3.33333vw; font-size: 4.44444vw;}
#f2n .section-highlights .nav-wrapper{justify-content: space-between; width: 77.7778vw;}
#f2n .section-highlights .arrownav-list{margin-left: 0px;}}
#f2n .subsection-design-01 .section-footer{position: absolute; right: 0px; bottom: 8.33333vw; left: 0px;}
#f2n .subsection-design-01 .stat-list{display: grid; justify-content: center; gap: 3.33333vw; white-space: nowrap; grid-template-columns: repeat(4, auto);}
#f2n .subsection-design-01 .stat-item{min-width: 10.9375vw; padding-top: 0.416667vw; border-top: 1px solid rgb(213, 213, 213);}
#f2n .subsection-design-01 .stat-content{color: rgb(253, 253, 253);}
#f2n .subsection-design-01 .stat-value{font-size: 2.91667vw; font-weight: 300; line-height: 1.25;}
#f2n .subsection-design-01 .stat-unit{font-size: 1.25vw; font-weight: 400;}
#f2n .subsection-design-01 .stat-caption{display: block; margin-top: 0.416667vw; font-size: 1.04167vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-design-01 .section-footer{position: relative; right: auto; bottom: auto; left: auto; margin-top: -22.2222vw;}
#f2n .subsection-design-01 .stat-list{position: relative; right: auto; bottom: auto; left: auto; gap: 11.1111vw 16.6667vw; grid-template-columns: repeat(2, auto);}
#f2n .subsection-design-01 .stat-item{padding-top: 1.11111vw;}
#f2n .subsection-design-01 .stat-value{font-size: 8.88889vw;}
#f2n .subsection-design-01 .stat-unit{font-size: 3.88889vw;}
#f2n .subsection-design-01 .stat-caption{margin-top: 1.11111vw; font-size: 3.88889vw;}}
#f2n .swiper-style-3 .text-content{width: 39.8vw; padding-left: 3.125vw;}
#f2n .gallery-container{position: relative;}
#f2n .gallery-container .gallery{position: relative;}
#f2n .gallery-container .gallery-wrapper{display: flex;}
#f2n .gallery-container .gallery-slide{position: relative; width: 100%;}
#f2n .gallery-container .gallery-slide + .gallery-slide{margin-left: -100%;}
#f2n .gallery-container .clip-item{position: relative; transition: clip-path 0.8s;}
#f2n .gallery-container .current .clip-item{z-index: 1; transition: clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);}
#f2n .gallery-container .swiper{position: absolute; z-index: 9; top: 0px; left: 0px; width: 100%; height: 100%;}
#f2n .swiper-style-3 .xs-gallery{display: none;}
#f2n .swiper-style-3 .lg-gallery-slide{display: flex; align-items: flex-start; justify-content: space-between;}
#f2n .swiper-style-3 .clip-item-1{width: 51.6667vw;}
#f2n .swiper-style-3 .clip-item-2{width: 27.5vw; margin-top: -10vw;}
#f2n .swiper-style-3 .gallery-slide.current .clip-item-1{clip-path: polygon(0% 0%, 171% 0%, 100.2% 100.2%, -71% 100.2%);}
#f2n .swiper-style-3 .gallery-slide.current .clip-item-2{clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%);}
#f2n .swiper-style-3 .gallery-slide.left .clip-item-1{clip-path: polygon(171% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);}
#f2n .swiper-style-3 .gallery-slide.left .clip-item-2{clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);}
#f2n .swiper-style-3 .gallery-slide.right .clip-item-1{clip-path: polygon(0% 0%, 0% 0%, -71% 100.2%, 0% 100.2%);}
#f2n .swiper-style-3 .gallery-slide.right .clip-item-2{clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%);}
#f2n .swiper-style-3 .caption-container{position: absolute; z-index: 1; right: 0px; bottom: 0px; left: 0px; margin: 1.66667vw; font-size: 1.04167vw;}
#f2n .swiper-style-3 .caption-title{font-size: inherit; color: rgb(255, 255, 255);}
#f2n .swiper-style-3 .caption-copy{font-size: inherit; color: rgba(255, 255, 255, 0.6);}
#f2n .swiper-style-3 .swiper{height: 55%;}
#f2n .swiper-style-3 .content-container{}
#f2n .swiper-style-3 .content-wrapper{display: flex; align-items: center; width: 100%;}
#f2n .swiper-style-3 .arrownav-list{}
@media (max-aspect-ratio: 12 / 10) {#f2n .swiper-style-3 .text-content{width: 72.2222vw; padding-left: 0px;}
#f2n .swiper-style-3 .lg-gallery{display: none;}
#f2n .swiper-style-3 .xs-gallery{display: block;}
#f2n .swiper-style-3 .gallery-slide.current .clip-item{clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%);}
#f2n .swiper-style-3 .gallery-slide.left .clip-item{clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);}
#f2n .swiper-style-3 .gallery-slide.right .clip-item{clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%);}
#f2n .swiper-style-3 .caption-container{margin: 4.44444vw 11.1111vw; font-size: 3.88889vw; text-align: center;}
#f2n .swiper-style-3 .caption-title{font-size: 4.72222vw;}
#f2n .swiper-style-3 .swiper{height: 70%;}
#f2n .swiper-style-3 .content-container{position: static; justify-content: center;}
#f2n .swiper-style-3 .stack-list{margin-right: auto; margin-left: auto;}
#f2n .swiper-style-3 .content-wrapper{justify-content: flex-end;}
#f2n .swiper-style-3 .arrownav-list{margin-left: 0px;}}
#f2n .full-banner-2 .content-container{position: relative;}
#f2n .full-banner-2 .subtitle{color: rgb(255, 255, 255); font-size: 1.25vw;}
#f2n .full-banner-2 .section-header{position: absolute; top: 4.16667vw; left: 50%; transform: translateX(-50%); z-index: 1;}
#f2n .full-banner-2 .section-header h3{color: rgb(255, 255, 255);}
#f2n .full-banner-2 p.intro{color: rgb(255, 255, 255);}
@media (max-aspect-ratio: 12 / 10) {#f2n .full-banner-2 .section-header{position: relative; top: 0px; left: 0px; transform: none;}
#f2n .full-banner-2 .subtitle{color: rgb(237, 203, 167); font-size: 3.88889vw;}
#f2n .full-banner-2 .section-header h3{color: rgb(237, 203, 167);}
#f2n .full-banner-2 p.intro{color: rgb(172, 159, 150);}}
#f2n .subsection-space-05 .subtitle{color: rgb(237, 203, 167); font-size: 1.25vw; opacity: 0.8;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-space-05 .subtitle{color: rgb(237, 203, 167); font-size: 3.88889vw; opacity: 1;}}
#f2n .subsection-design-08 .content-detail-container{position: absolute; bottom: 2.6vw; left: 0px; width: 100%;}
#f2n .subsection-design-08 .content-detail-row{color: rgb(255, 255, 255); display: flex; justify-content: center; gap: 4.16667vw;}
#f2n .subsection-design-08 .content-detail-item-name{font-size: 1.04167vw; margin-bottom: 0.5em;}
#f2n .subsection-design-08 .content-detail-item-text{line-height: 1.25; font-size: 2.5vw;}
#f2n .subsection-design-08 .content-detail-item-small-text{font-size: 0.458333em;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-design-08 .content-detail-container{position: relative; bottom: 0px; width: 77.7778vw;}
#f2n .subsection-design-08 .content-detail-row{flex-direction: column; gap: 5.83333vw;}
#f2n .subsection-design-08 .content-detail-item{color: rgb(237, 203, 167); display: flex; justify-content: space-between; align-items: baseline; flex-direction: row-reverse; padding-bottom: 2.5vw; position: relative;}
#f2n .subsection-design-08 .content-detail-item::after{background-color: rgb(237, 203, 167); content: ""; position: absolute; left: 0px; bottom: 0px; height: 1px; width: 100%; opacity: 0.2;}
#f2n .subsection-design-08 .content-detail-item:last-child::after{display: none;}
#f2n .subsection-design-08 .content-detail-item-name{font-size: 3.88889vw; margin-bottom: 0px;}
#f2n .subsection-design-08 .content-detail-item-text{font-size: 6.66667vw;}
#f2n .subsection-design-08 .content-detail-item-small-text{font-size: 0.666667em;}}
#f2n .subsection-design-08 p.intro{opacity: 0.8;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-design-8 p.intro{opacity: 1;}}
#f2n .subsection-design-09 p.intro{opacity: 0.8;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-design-09 p.intro{opacity: 1;}}
#f2n .subsection-space-07 .content-detail-container{position: absolute; bottom: 2.6vw; left: 0px; width: 100%;}
#f2n .subsection-space-07 .content-detail-row{color: rgb(237, 203, 167); display: flex; justify-content: center; gap: 4.16667vw;}
#f2n .subsection-space-07 .content-detail-item-name{font-size: 1.04167vw; margin-bottom: 0.5em;}
#f2n .subsection-space-07 .content-detail-item-text{line-height: 1.25; font-size: 2.5vw;}
#f2n .subsection-space-07 .content-detail-item-small-text{font-size: 0.458333em;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-space-07 .tabnav-container{margin-left: auto;}}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-intelligence-02 .tabnav-container{margin-left: auto;}}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-intelligence-04 .tabnav-container{margin-left: auto;}}
#f2n .subsection-power-02 .content-detail-container{position: absolute; bottom: 2.6vw; left: 0px; width: 100%;}
#f2n .subsection-power-02 .content-detail-row{color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: flex-end; gap: 4.16667vw;}
#f2n .subsection-power-02 .content-detail-item-name{font-size: 1.04167vw; margin-bottom: 0.5em;}
#f2n .subsection-power-02 .content-detail-item-text{line-height: 1.25; font-size: 2.5vw;}
#f2n .subsection-power-02 .content-detail-item-small-text{font-size: 0.458333em;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-power-02 .content-detail-row{align-items: flex-start; gap: 7.77778vw;}
#f2n .subsection-power-02 .tabnav-container{margin-left: auto;}
#f2n .subsection-power-02 .content-detail-item-name{font-size: 3.33333vw;}
#f2n .subsection-power-02 .content-detail-item-text{font-size: 6.66667vw;}
#f2n .subsection-power-02 .content-detail-item-small-text{font-size: 0.666666em;}}
#f2n .subsection-power-03 .content-detail-container{position: absolute; bottom: 2.6vw; left: 0px; width: 100%;}
#f2n .subsection-power-03 .content-detail-row{color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: flex-end; gap: 4.16667vw;}
#f2n .subsection-power-03 .content-detail-item-name{font-size: 1.04167vw; margin-bottom: 0.5em;}
#f2n .subsection-power-03 .content-detail-item-text{line-height: 1.25; font-size: 2.5vw;}
#f2n .subsection-power-03 .content-detail-item-small-text{font-size: 0.458333em;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-power-03 .content-detail-row{gap: 7.77778vw;}
#f2n .subsection-power-03 .tabnav-container{margin-left: auto;}
#f2n .subsection-power-03 .content-detail-item-name{font-size: 3.33333vw;}
#f2n .subsection-power-03 .content-detail-item-text{font-size: 6.66667vw;}
#f2n .subsection-power-03 .content-detail-item-small-text{font-size: 0.666666em;}}
#f2n .subsection-safety-04 > .section-txt .sec-txt-44{line-height: 0.909091;}
#f2n .subsection-safety-04 .sm-wrap{display: flex; align-items: center; justify-content: space-between;}
#f2n .subsection-safety-04 .sm-wrap .section-picture{width: 50vw;}
#f2n .subsection-safety-04 .sm-wrap .media-cover::before{padding-bottom: 80%;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content{width: 26.6777vw; display: flex; align-items: center; flex-direction: column;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper{position: relative; margin: 0px auto; width: 100%; padding-top: 0px;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list{display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item{border-top: 1px solid rgba(255, 255, 255, 0.2);}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row{display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.9375vw; padding-top: 1.97917vw; padding-bottom: 0px; cursor: pointer;}
@media (hover: hover) and (pointer: fine) {#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row:hover .tab-headline{opacity: 0.6;}}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .tab-headline{font-size: 1.25vw; font-weight: bold; line-height: 1.25; color: rgb(255, 255, 255); opacity: 0.4; transition: color 0.3s, opacity 0.3s;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .tab-row .tab-headline{color: rgb(237, 203, 167); opacity: 1;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon{width: 0.9375vw; height: 0.9375vw;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon path{fill: rgb(237, 203, 167); transition: opacity 0.3s;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon .plus{opacity: 1;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon .minus{opacity: 0;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .intro-row{overflow: hidden; max-height: 0px; margin-bottom: 1.14583vw; transition: 0.5s;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .intro-row{margin-bottom: 2.08333vw;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-1 .intro-row{max-height: 0px;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-1.active .intro-row{max-height: 3.33333vw;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .intro-row .tab-intro{width: 85.2%; margin-top: 0px; transition: 0.5s; opacity: 0; text-align: left; font-size: 1.04167vw; line-height: 1.6; color: rgb(172, 159, 150);}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .intro-row .space{width: 100%; height: 0.520833vw;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .tab-row .icon .plus{opacity: 0;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .tab-row .icon .minus{opacity: 1;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .tab-intro{opacity: 1;}
@media screen and (max-aspect-ratio: 12 / 10) {#f2n .subsection-safety-04 > .section-txt{width: 100%; text-align: left; padding: 0px 8.33333vw;}
#f2n .subsection-safety-04 > .section-txt .sec-txt-44{line-height: 1.25;}
#f2n .subsection-safety-04 .sm-wrap:first-child{width: 100%;}
#f2n .subsection-safety-04 .sm-wrap:last-child{width: 91.6667vw; flex-direction: column;}
#f2n .subsection-safety-04 .sm-wrap:last-child .section-picture{width: 100%;}
#f2n .subsection-safety-04 .sm-wrap:last-child .media-cover::before{padding-bottom: 72.7273%;}
#f2n .subsection-safety-04 .sm-wrap:last-child .swiper-content{width: 100%; margin-top: 5.55556vw; margin-right: 0px;}
#f2n .subsection-safety-04 .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .tab-row{padding-top: 5.55556vw; margin-bottom: 5.55556vw; cursor: pointer;}
#f2n .subsection-safety-04 .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .tab-headline{font-size: 5vw; font-weight: normal;}
#f2n .subsection-safety-04 .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .tab-row .icon{width: 5vw; height: 5vw;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item .intro-row{margin-bottom: 0px;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-item.active .intro-row{margin-bottom: 5.55556vw;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-1 .intro-row{max-height: 0px;}
#f2n .subsection-safety-04 .sm-wrap .swiper-content .headline-wrapper .headline-list .tab-1.active .intro-row{max-height: 14.1667vw;}
#f2n .subsection-safety-04 .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .intro-row .tab-intro{font-size: 4.44444vw; width: 88%;}
#f2n .subsection-safety-04 .sm-wrap:last-child .swiper-content .headline-wrapper .headline-list .tab-item .intro-row .space{width: 100%; height: 2.77778vw;}}
#f2n .modal-design-02{transition: clip-path 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96); clip-path: polygon(200.2% -0.02%, 100.2% -0.02%, 100.2% 100.2%, 100.2% 100.2%);}
#f2n .modal-design-02.modal-open{clip-path: polygon(-0.02% -0.02%, 200.2% -0.02%, 100.2% 100.2%, -100.2% 100.2%);}
#f2n .modal-design-02.modal-open .modal-swiper{transform: scale(1);}
#f2n .modal-design-02 .modal-swiper{height: 100%; transition: transform 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96); transform: scale(1.1); transform-origin: left top;}
#f2n .modal-design-02 .swiper-slide{overflow: hidden; height: 100vh;}
#f2n .modal-design-02 .colournav-container{display: grid; justify-content: center;}
#f2n .modal-design-02 .colournav-list{gap: 0.833333vw;}
#f2n .modal-design-02 .colournav-item{width: 2.1875vw;}
#f2n .modal-design-02 .stack-item{font-size: 1.66667vw; font-weight: 500; line-height: 1.25; color: rgb(255, 255, 255);}
@media (max-aspect-ratio: 12 / 10) {#f2n .modal-design-02 .modal-swiper{height: auto;}
#f2n .modal-design-02 .swiper-wrapper{height: auto;}
#f2n .modal-design-02 .swiper-slide{height: auto;}
#f2n .modal-design-02 .colournav-container{position: relative; z-index: 10; right: auto; bottom: auto; left: auto; padding-top: 8.88889vw; background-color: rgb(0, 0, 0);}
#f2n .modal-design-02 .colournav-list{display: grid; grid-template-columns: repeat(4, 1fr);}
#f2n .modal-design-02 .colournav-item{width: 10vw;}
#f2n .modal-design-02 .stack-item{font-size: 3.88889vw;}}
#f2n .modal-design-03{transition: background-color 0.6s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0.2s; background-color: transparent;}
#f2n .modal-design-03.modal-open{transition-delay: 0s; transition-duration: 0.4s; background-color: rgb(0, 0, 0);}
#f2n .modal-design-03.modal-open .modal-content, #f2n .modal-design-03.modal-open .modal-text{transform: translateX(0px);}
#f2n .modal-design-03.modal-open .modal-text{transition: transform 0.8s 0.2s;}
#f2n .modal-design-03.modal-open .modal-close-container{transition-delay: 0.8s; opacity: 1;}

#f2n .modal-design-03 .modal-close-container{transition: opacity 0.2s ease-in-out; opacity: 0;}
#f2n .modal-design-03 .modal-wrapper{display: flex; align-items: center;}
#f2n .modal-design-03 .modal-content{position: relative; overflow: hidden; transition: transform 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96); transform: translateX(-101%);}
#f2n .modal-design-03 .modal-text{position: absolute; z-index: 2; inset: 0px; display: flex; align-items: flex-end; flex-direction: column; justify-content: center; padding-bottom: 4.16667vw; transform: translateX(-81.25vw);}
#f2n .modal-design-03 .modal-picture-background{width: 87.9167vw;}
#f2n .modal-design-03 .modal-picture{position: absolute; z-index: 3; bottom: 0px; left: 0px; width: 54.8958vw;}
@media (max-aspect-ratio: 12 / 10) {#f2n .modal-design-03 .modal-wrapper{display: block;}
#f2n .modal-design-03 .modal-content{display: block; overflow: hidden; opacity: 1;}
#f2n .modal-design-03 .modal-picture{position: relative; bottom: 0px; left: 0px; width: 100%;}
#f2n .modal-design-03 .modal-text{position: relative; top: auto; bottom: auto; left: auto; display: block; width: 82.2222vw; padding-bottom: 0px; transform: none;}
#f2n .modal-design-03 .modal-picture{width: 100%;}}
#f2n .subsection-space-03 .text-content{position: absolute; z-index: 10; top: 3.85417vw; right: 0px; left: 0px;}
#f2n .subsection-space-03 .headline{color: rgb(255, 255, 255);}
#f2n .subsection-space-03 .colournav-container{position: absolute; z-index: 10; right: 0px; bottom: 3.33333vw; left: 0px;}
#f2n .subsection-space-03 .label-item{font-size: 1.66667vw; font-weight: 500; line-height: 1.25; color: rgb(255, 255, 255);}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-space-03 .text-content{position: relative; top: auto;}
#f2n .subsection-space-03 .headline{color: rgb(0, 0, 0);}
#f2n .subsection-space-03 .colournav-container{position: relative; right: auto; bottom: auto; left: auto; gap: 3.33333vw;}
#f2n .subsection-space-03 .label-item{font-size: 3.88889vw;}}
#f2n .subsection-space-04 .content-detail-container{position: absolute; bottom: 3.33333vw; right: 4.16667vw;}
#f2n .subsection-space-04 .content-detail-row{color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: flex-end; gap: 4.16667vw;}
#f2n .subsection-space-04 .content-detail-item-name{font-size: 1.04167vw; margin-bottom: 0.5em;}
#f2n .subsection-space-04 .content-detail-item-text{font-size: 2.5vw; line-height: 1.25;}
#f2n .subsection-space-04 .content-detail-item-small-text{font-size: 0.458333em;}
@media (max-aspect-ratio: 12 / 10) {#f2n .subsection-space-04 .content-detail-container{position: absolute; bottom: 3.33333vw; right: 0px; width: 100%;}
#f2n .subsection-space-04 .tabnav-container{margin-left: auto;}
#f2n .subsection-space-04 .content-detail-item-name{font-size: 3.33333vw;}
#f2n .subsection-space-04 .content-detail-item-text{font-size: 6.66667vw;}
#f2n .subsection-space-04 .content-detail-item-small-text{font-size: 0.666666em;}}
#f2n .section-footnote{padding-bottom: 80px; --font-size: 14px; font-size: var(--font-size); --icon-size: 16px;}
#f2n .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 - 1px)); 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;}
@media (max-aspect-ratio: 12 / 10) {#f2n .section-footnote{--font-size: 3.333333vw; --icon-size: 4.722222vw;}}
#f2n .section-footnote ul, #f2n .section-footnote ol{font-size: inherit; padding-inline-start: 1.5em;}
#f2n .section-footnote li{position: relative; margin-top: 0.5em; margin-bottom: 0.5em; font-size: inherit; color: rgb(255, 255, 255);}
#f2n .section-footnote li.current{font-weight: 800;}
#f2n .section-footnote li.current i{display: inline-block;}
#f2n .section-footnote li.asterisk{list-style-type: "*";}
#f2n .section-footnote li.disclaimer{list-style-type: none;}
#f2n .section-footnote ol li{list-style-type: decimal;}
#f2n .section-footnote a{font-size: inherit; text-decoration: underline; color: inherit;}
/* Scope only M9 source composition; captured shared header and hero keep their original CSS. */
#f2n {background:#080808;color:#fff;isolation:isolate;width:100%;overflow:clip;font-family:Arial,Helvetica,sans-serif}
#f2n [hidden]{display:none!important}
#f2n img{display:block;max-width:100%;height:auto;filter:none}
#f2n picture{display:block;min-height:1px}
#f2n picture img{width:100%;height:auto;opacity:1}
#f2n video{display:block;width:100%;height:100%;object-fit:cover;background:#101010;pointer-events:auto}
#f2n .video-container{aspect-ratio:var(--video-ratio,1560/878);min-height:1px}
#f2n .video-container:has(video[data-mobile-src]){overflow:hidden}
#f2n .swiper-wrapper{display:block!important;transform:none!important;height:auto!important}
#f2n .swiper-slide{width:100%!important;position:relative!important;opacity:1;transform:none;flex:none}
#f2n .swiper{overflow:hidden;margin-inline:auto}
#f2n .swiper-style-2,#f2n .section-highlights{overflow:clip}
#f2n .swiper-style-2 .swiper,#f2n .section-highlights .swiper{overflow:visible}
#f2n .swiper-style-2 .swiper-wrapper,#f2n .section-highlights .swiper-wrapper{position:relative}
#f2n .swiper-slide.m9-side-peek[hidden]{display:block!important;position:absolute!important;top:0;left:calc(100% + 2.083333vw);opacity:.2;cursor:pointer}
#f2n .swiper-slide.m9-side-peek.m9-peek-before[hidden]{left:calc(-100% - 2.083333vw)}
#f2n .m9-side-peek video{pointer-events:none}
#f2n .stack-list{display:block}
#f2n .stack-item.current{position:relative;opacity:1;visibility:visible;transform:none}
#f2n .stack-item:not(.current){display:none}
#f2n .tabnav-track{overflow-x:auto;scrollbar-width:thin;max-width:100%}
#f2n .tabnav-container{width:max-content;max-width:none;min-width:100%}
#f2n .tabnav-list{display:flex;justify-content:center;gap:clamp(22px,3.6vw,70px)}
#f2n .tabnav-item{flex:none;cursor:pointer;border-bottom:2px solid transparent;padding-bottom:12px}
#f2n .tabnav-item.current{border-bottom-color:#edcba7;color:#fff}
#f2n .tabnav-indicator{display:none}
#f2n .tabnav-label{font-size:clamp(15px,1.1vw,22px);line-height:1.4;max-width:230px;white-space:normal}
#f2n .tabnav-caption{font-size:clamp(16px,1.04vw,22px);line-height:1.7}
#f2n .slide-intro{font-size:clamp(16px,1.04vw,22px);line-height:1.7}
#f2n .intro{line-height:1.7}
#f2n .slide-content{height:auto;min-height:0}
#f2n .pagination-item{font-size:16px;white-space:nowrap;display:block;width:auto}
#f2n .arrownav-item{cursor:pointer;min-width:44px;min-height:44px}
#f2n [role=button]:focus-visible{outline:2px solid #edcba7;outline-offset:5px}
#f2n .colournav-item{cursor:pointer;position:relative}
#f2n .colournav-item.current{outline:2px solid #edcba7;outline-offset:4px;border-radius:50%}
#f2n .label-list{display:block;min-height:1.5em}
#f2n .label-item{position:relative;opacity:1;color:#fff}
#f2n .section-footnote{font-size:14px;line-height:1.7;padding-bottom:100px;color:#b6b6b6}
#f2n .section-footnote li{margin-bottom:12px;scroll-margin-top:150px}
#f2n sup a{color:inherit;text-decoration:underline;scroll-margin-top:150px}
#f2n .section-anchor{scroll-margin-top:140px}
#f2n .m9-ultimate-label{font-size:clamp(20px,2.4vw,44px);text-align:center;margin-bottom:45px;color:white}
#f2n .subsection-safety-04 .intro-row{max-height:none!important;height:auto!important}
#f2n .subsection-safety-04 .swiper-content{max-height:none!important}
#f2n .subsection-safety-04 .tab-row{cursor:pointer}
#f2n .content-detail-item-name{min-width:0}
@media(max-aspect-ratio:6/5){
 #f2n .swiper-slide.m9-side-peek[hidden]{left:calc(100% + 4.444444vw)}
 #f2n .swiper-slide.m9-side-peek.m9-peek-before[hidden]{left:calc(-100% - 4.444444vw)}
 #f2n .video-container{aspect-ratio:var(--video-mobile-ratio,592/648)}
 #f2n .tabnav-list{justify-content:flex-start;gap:26px;padding-inline:22px}
 #f2n .tabnav-label{font-size:16px;max-width:180px}
 #f2n .tabnav-caption-list{width:calc(100% - 48px)}
 #f2n .section-start .start-headline{width:100%;padding-inline:24px;box-sizing:border-box}
 #f2n .section-start .start-headline h2{font-size:clamp(28px,6.5vw,52px);line-height:1.2}
 #f2n .section-start .start-headline p{font-size:16px}
 #f2n .intro,#f2n .slide-intro{font-size:16px}
 #f2n .headline{font-size:clamp(24px,5vw,42px);line-height:1.3}
 #f2n .content-detail-item-name{font-size:14px}
 #f2n .section-footnote{font-size:13px}
 #f2n .subsection-safety-04 .tab-intro{font-size:15px}
}
@media(prefers-reduced-motion:reduce){#f2n *,#f2n *:before,#f2n *:after{transition:none!important;animation:none!important}#f2n .start-headline,#f2n .fadeup{opacity:1;transform:none}}