.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual{background-image:url(/assets/img/about/gradient.png);background-position:bottom;background-repeat:no-repeat;width:100%;height:300vh;position:relative}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual{height:100vh}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__sticky{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);width:100%;height:100vh;position:sticky;overflow:hidden}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__flying-img{z-index:10;--tw-duration:50ms;transition-duration:50ms;position:absolute}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__flying-img img{border-radius:var(--radius-xl,.75rem);object-fit:cover;width:100%;height:100%}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__flying-img:first-child{transform-origin:100% 100%;width:30%;height:23%;transform:translate(calc((1 - var(--scroll-percentb,0))*-140%),calc((1 - var(--scroll-percentb,0))*100%));bottom:70%;right:63.5%}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__flying-img:nth-child(2){transform-origin:100% 0;width:23%;transform:translate(calc((1 - var(--scroll-percentb,0))*-360%),calc((1 - var(--scroll-percentb,0))*190%));top:31%;right:63.5%}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__flying-img:nth-child(2) img{aspect-ratio:307/165}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__flying-img:nth-child(3){transform-origin:0 100%;width:23%;transform:translate(calc((1 - var(--scroll-percentb,0))*200%),calc((1 - var(--scroll-percentb,0))*190%));bottom:31%;left:63.5%}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__flying-img:nth-child(3) img{aspect-ratio:307/165}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__flying-img:nth-child(4){transform-origin:0 0;width:30%;height:25%;transform:translate(calc((1 - var(--scroll-percentb,0))*400%),calc((1 - var(--scroll-percentb,0))*300%));top:70%;left:63.5%}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);width:100%;height:100%;padding:calc(var(--spacing,.25rem)*2);position:absolute}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder{padding:calc(var(--spacing,.25rem)*1)}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder .ScrollMainVisual-module-scss-module__DuRsNq__video{object-fit:cover;opacity:0;width:100%;height:100%;clip-path:inset(min(var(--scroll-percenta,0)*40%,20%)min(var(--scroll-percenta,0)*74%,37%)round 12px);transition:opacity 1s ease-out;position:relative}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder .ScrollMainVisual-module-scss-module__DuRsNq__video{clip-path:inset(0 round 12px)}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder .ScrollMainVisual-module-scss-module__DuRsNq__video:before{top:calc(var(--spacing,.25rem)*0);--tw-content:"";content:var(--tw-content);top:auto;right:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:10;border-radius:var(--radius-sm,8px);background:linear-gradient(#0000 0%,#0009 100%);height:50%;display:block;position:absolute}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder .ScrollMainVisual-module-scss-module__DuRsNq__video video,.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder .ScrollMainVisual-module-scss-module__DuRsNq__video img{object-fit:cover;width:100%;height:100%;transform:scale(max(100% - 40%*var(--scroll-percenta,0),60%))}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder .ScrollMainVisual-module-scss-module__DuRsNq__video video,.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder .ScrollMainVisual-module-scss-module__DuRsNq__video img{transform:scale(1)}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__video-holder.ScrollMainVisual-module-scss-module__DuRsNq__visible .ScrollMainVisual-module-scss-module__DuRsNq__video{opacity:1}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:10;gap:calc(var(--spacing,.25rem)*4);width:100%;height:100vh;padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*6);flex-direction:column;display:flex;position:absolute}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__top{z-index:10;gap:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-lg,18px);width:100%;height:100%;display:flex}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__top{flex-direction:column;justify-content:flex-end}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__button-holder{text-align:right;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);position:relative}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__button-holder{border-top-style:var(--tw-border-style);border-color:#fff3;border-top-width:1px}@supports (color:color-mix(in lab, red, red)){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__button-holder{border-color:color-mix(in oklab,var(--color-white,#fff)20%,transparent)}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__button-holder{padding-top:calc(var(--spacing,.25rem)*3)}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content h1{width:min(80%,566px);font-family:var(--font-bebas-neue-pro,"bebas-neue-pro","Poppins","微軟正黑體","Helvetica","sans-serif");--tw-leading:0;--tw-font-weight:var(--font-weight-bold,700);font-size:96px;line-height:0;font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff)}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content h1{font-size:40px}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__content-left{width:50%;min-width:calc(var(--spacing,.25rem)*0);justify-content:flex-end;align-items:flex-start;gap:calc(var(--spacing,.25rem)*8);flex-direction:column;display:flex}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__content-left{width:auto}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__content-right{transform-origin:100%;--tw-scale-x:50%;width:min(50%,450px);scale:var(--tw-scale-x)var(--tw-scale-y);justify-content:flex-end;align-items:flex-start;gap:calc(var(--spacing,.25rem)*8);opacity:0;--tw-duration:.5s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.5s;transition-delay:1.6s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));flex-direction:column;margin-left:auto;transition-timing-function:cubic-bezier(.17,.67,.38,.9);display:flex}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__content-right{width:100%}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__content-right.ScrollMainVisual-module-scss-module__DuRsNq__ready{--tw-scale-x:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__caption{border-radius:var(--radius-sm,8px);background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__caption{background-color:color-mix(in oklab,var(--color-white,#fff)20%,transparent)}}.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__caption{padding:calc(var(--spacing,.25rem)*6);color:var(--color-white,#fff);--tw-backdrop-blur:blur(20px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}@media (max-width:1023px){.ScrollMainVisual-module-scss-module__DuRsNq__scroll-main-visual .ScrollMainVisual-module-scss-module__DuRsNq__content .ScrollMainVisual-module-scss-module__DuRsNq__caption{padding-inline:calc(var(--spacing,.25rem)*3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-ease{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
