@property --c1{syntax: "<color>"; inherits: true; initial-value: #000;}@property --c2{syntax: "<color>"; inherits: true; initial-value: #000;}.unit-banner{position:relative;--side-fr: 50px}.unit-banner[type=overview] .container{min-height:clamp(28.125rem,19.8529rem + 14.7059vw,37.5rem)}.unit-banner[type=detail] .container{min-height:clamp(21.875rem,19.1176rem + 4.902vw,25rem)}.unit-banner .bg{position:absolute;top:0;left:0;z-index:-1;grid-column:1/-1;width:100%;height:100%}.unit-banner .bg img{width:100%;height:100%;object-fit:cover}.unit-banner .container{padding-bottom:clamp(3.125rem,1.4706rem + 2.9412vw,5rem);padding-left:var(--side-fr);padding-right:var(--side-fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(18,1fr);align-items:end}.unit-banner .text-box{grid-column:1/-1;display:flex;flex-direction:column;gap:20px;max-width:682px}.unit-banner .text-box[data-theme=light] .block-subtitle,.unit-banner .text-box[data-theme=light] .unit-title{color:#fff}.unit-banner .text-box[data-theme=dark] .block-subtitle{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);background-clip:text;-webkit-background-clip:text;color:transparent}.unit-banner .text-box[data-theme=dark] .unit-title{color:#000}@media only screen and (min-width: 1921px){.unit-banner .container{max-width:76.25vw;--side-fr: calc(50 / 1920 * 100vw)}}@media only screen and (max-width: 900px){.unit-banner{--side-fr: 20px}.unit-banner .text-box{grid-column:2/-2}.unit-banner .text-box .block-subtitle{font-size:1rem}}multipurpose-nav{width:100%;max-height:45px}multipurpose-nav[m4-type=drag] .drag-container{padding:0;max-width:100%}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:0 30px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:0 30px 0 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:0 0 0 30px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;gap:10px 50px!important}multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 120px,#fff calc(100% - 120px),rgba(255,255,255,0));mask-image:linear-gradient(270deg,#fff0,#fff 120px,#fff calc(100% - 120px),#fff0)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 120px,#fff);mask-image:linear-gradient(270deg,#fff0,#fff 120px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0),#fff 120px,#fff);mask-image:linear-gradient(90deg,#fff0,#fff 120px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .item.active .category,multipurpose-nav[m4-type=drag] .drag-container .item:hover .category{color:#12b57f}multipurpose-nav[m4-type=drag] .drag-container .item.active .category:after,multipurpose-nav[m4-type=drag] .drag-container .item:hover .category:after{width:100%}multipurpose-nav[m4-type=drag] .drag-container .category{padding:12px 0;font-size:.9375rem;font-weight:500;line-height:1.4;letter-spacing:initial;transition:color .4s}multipurpose-nav[m4-type=drag] .drag-container .category:after{background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);height:3px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button{background:transparent;width:6px}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev div:before{border-top:2px solid #848484;border-left:2px solid #848484}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next div:before{border-top:2px solid #848484;border-right:2px solid #848484}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.prev.hide{opacity:0}multipurpose-nav[m4-type=drag] .drag-container .navigation .button.next.hide{opacity:0}@media only screen and (max-width: 900px){multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.center){padding:0 15px}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.start){padding:0 15px 0 0}multipurpose-nav[m4-type=drag] .drag-container:has(.wrapper.end){padding:0 0 0 15px}multipurpose-nav[m4-type=drag] .drag-container .wrapper{gap:10px 25px!important}multipurpose-nav[m4-type=drag] .drag-container .wrapper.center{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 50px,#fff calc(100% - 50px),rgba(255,255,255,0));mask-image:linear-gradient(270deg,#fff0,#fff 50px,#fff calc(100% - 50px),#fff0)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:linear-gradient(270deg,rgba(255,255,255,0),#fff 50px,#fff);mask-image:linear-gradient(270deg,#fff0,#fff 50px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .wrapper.end{-webkit-mask-image:linear-gradient(90deg,rgba(255,255,255,0),#fff 50px,#fff);mask-image:linear-gradient(90deg,#fff0,#fff 50px,#fff)}multipurpose-nav[m4-type=drag] .drag-container .category{padding:8px 0}}@media only screen and (max-width: 768px){multipurpose-nav[m4-type=drag] .drag-container{max-width:647px}}.nav-box{display:flex;flex-direction:column}.nav-box:after{display:block;margin:60px 0;width:100%;height:1px;background:#0000001a;content:""}@media only screen and (max-width: 900px){.nav-box:after{margin:40px 0}}section.highlights .container,section.options-nav .container{--side-fr: 50px;padding-left:var(--side-fr);padding-right:var(--side-fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(18,1fr)}section.highlights .container>*,section.options-nav .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.highlights .container,section.options-nav .container{--side-fr: calc(50 / 1920 * 100vw);max-width:76.25vw}}@media only screen and (max-width: 900px){section.highlights .container,section.options-nav .container{--side-fr: 20px}section.highlights .container>*,section.options-nav .container>*{grid-column:2/-2}}section.options-nav .container{padding-top:40px;padding-bottom:40px;gap:30px 0}section.options-nav .paragraph{grid-column:1/9}@media only screen and (max-width: 900px){section.options-nav .container{padding-top:30px;padding-bottom:30px;gap:20px 0}}section.highlights .container{padding-bottom:clamp(5rem,2.2426rem + 4.902vw,8.125rem)}section.highlights .container:has(.no-content){padding-bottom:0}section.highlights .highlights-list{display:flex;flex-wrap:wrap;gap:80px 50px}section.highlights .highlights-item{display:flex;flex-direction:column;gap:20px;width:calc((100% - 100px) / 3)}section.highlights .highlights-item[data-type=video] .mask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#000000bf,#000000bf);opacity:0;transition:opacity .4s}section.highlights .highlights-item[data-type=video] .mask .play-btn{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);display:flex;align-items:center;justify-content:center;gap:5px;width:80px;height:80px;color:#fff}section.highlights .highlights-item[data-type=video] .mask .play-btn:after{display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #fff;width:0;height:0;content:""}@media only screen and (min-width: 1201px){section.highlights .highlights-item[data-type=video]:hover .mask{opacity:1}}section.highlights .highlights-item .mask{display:none}section.highlights .highlights-item .pic-box{position:relative;width:100%;border-radius:10px;overflow:hidden;transition:box-shadow .4s}section.highlights .highlights-item .pic-box:after{display:block;padding-top:65.1658767773%;content:""}section.highlights .highlights-item .pic-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.highlights .highlights-item .text-box{padding:0 20px;display:flex;flex-direction:column;gap:10px}section.highlights .highlights-item .text-box .item-title-s{background:linear-gradient(270deg,var(--c1) 31.98%,var(--c2) 68.13%);background-clip:text;-webkit-background-clip:text;color:transparent;transition:--c1 .4s,--c2 .4s}section.highlights .highlights-item .text-box .item-title-s p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 1201px){section.highlights .highlights-item:hover .pic-box{box-shadow:5px 5px 30px #00000026}section.highlights .highlights-item .item-title-s:hover{color:transparent;--c1: #00DF95;--c2: #096}}section.highlights .more-button{margin:80px auto 0;position:relative;background:#f3f3f3;border-radius:50%;width:50px;height:50px;cursor:pointer}section.highlights .more-button:after,section.highlights .more-button:before{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);display:block;background:#848484;transition:transform .4s;content:""}section.highlights .more-button:after{width:14px;height:1px}section.highlights .more-button:before{width:1px;height:14px}@media only screen and (min-width: 1201px){section.highlights .more-button:hover:before,section.highlights .more-button:hover:after{transform:translate3d(-50%,-50%,0) rotate(180deg)}}@media only screen and (max-width: 900px){section.highlights .container:has(.no-content){padding:0}section.highlights .wrapper{grid-column:2/-2}section.highlights .highlights-item{width:calc((100% - 50px)/2)}section.highlights .more-button{width:30px;height:30px}}@media only screen and (max-width: 575px){section.highlights .highlights-list{flex-direction:column;align-items:center;gap:50px}section.highlights .highlights-item{width:100%}}
