@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}}.container{--side-fr: 50px}@media only screen and (max-width: 900px){.container{--side-fr: 20px}}section.options-nav .container{margin:0 auto;padding:40px var(--side-fr);display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1364px + var(--side-fr) * 2);width:100%}section.options-nav .container>*{grid-column:1/-1}@media only screen and (min-width: 1921px){section.options-nav .container{max-width:76.25vw}}@media only screen and (max-width: 900px){section.options-nav .container{padding:30px var(--side-fr)}section.options-nav .container>*{grid-column:2/-2}}section.case .container{margin:0 auto;padding:0 var(--side-fr);display:grid;grid-template-columns:repeat(18,1fr);max-width:calc(1364px + var(--side-fr) * 2)}section.case .desc-box{padding:clamp(40px,1.9656rem + 1.487vw,60px) clamp(18px,-.398rem + 4.2379vw,75px);grid-column:1/-1;display:flex;align-items:center;gap:30px 75px;border-radius:20px;background:radial-gradient(101.34% 101.34% at 52.31% 50.03%,#0000000d,#0000 92.08%);box-shadow:0 0 20px #92f3d3cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}section.case .desc-box.aost-show .desc,section.case .desc-box.aost-show .img-box{opacity:1;transform:translateY(0);transition:opacity .5s,transform .5s}section.case .desc-box .desc{width:100%;opacity:0;transform:translateY(-50px)}section.case .desc-box .desc:has(~.img-box){width:31.3015%}section.case .desc-box .img-box{opacity:0;transform:translateY(-50px);flex:1}section.case .desc-box .img-box .img-desc{padding:20px 20px 0}section.case .desc-box .img-box .img{border-radius:15px;overflow:hidden;position:relative}section.case .desc-box .img-box .img:before{display:block;width:100%;height:0;padding-bottom:66.7984189723%;content:""}section.case .desc-box .img-box .img picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.case .desc-box .img-box .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.case .card-list{padding:60px 0 130px;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:100px 50px}section.case .card{display:flex;flex-direction:column;gap:20px}section.case .card:hover .img-box{outline:1px solid #fff;box-shadow:0 0 20px #00000026}section.case .card .img-box{border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .4s}section.case .card .img-box .img{position:relative}section.case .card .img-box .img:before{display:block;width:100%;height:0;padding-bottom:106.9078947368%;content:""}section.case .card .img-box .img picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.case .card .img-box .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.case .content-box{padding-inline:15px}section.case .card-title{position:relative;width:fit-content;font-size:1.25rem;transition:color .5s;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.case .card-title:before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(270deg,#00df95 31.98%,#096 68.13%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity .5s;content:attr(data-text)}section.case .card-title:hover{color:transparent}section.case .card-title:hover:before{opacity:1}section.case .category-group{margin-top:10px;display:block;width:fit-content;color:#848484;transition:color .5s}section.case .category-group:hover{color:#333}@media only screen and (min-width: 1921px){section.case .container{max-width:76.25vw}}@media only screen and (max-width: 1024px){section.case .card-list{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:80px 40.5px}}@media only screen and (max-width: 900px){section.case .desc-box{padding:40px calc((100% - var(--side-fr) * 2) / 18);flex-direction:column}section.case .desc-box .desc:has(~.img-box){width:100%}section.case .desc-box .img-box{width:100%}section.case .card-list{padding:50px 0 105px;grid-column:2/-2}}@media only screen and (max-width: 575px){section.case .card-list{grid-template-columns:1fr;padding:40px 0 80px;gap:60px 25px}}
