@media only screen and (max-width:1440px){.container.custom-laptop{max-width:960px}}.content{display:flex;flex-direction:column;width:100vw;height:calc(100vh - 3rem);position:relative;justify-content:flex-start;align-items:center;z-index:10}.content-title-wrap{position:relative;text-align:left;margin-top:25%;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.title-text{position:relative;z-index:1;max-width:70vw}.title-text .headline-l{font-size:7.5vw;font-family:DM Sans,Noto Sans TC,sans-serif}.title-text .headline-l .animated-line-content{transition-delay:calc(.15s * var(--line-index) + 1.15s)}.title-text .html-text{font-family:DM Sans,Noto Sans TC,sans-serif}.title-text .html-text:before{content:"</";display:inline-block}.title-text .html-text:after{content:">";display:inline-block}#app{width:100%;height:100vh;overflow:hidden;z-index:0;position:absolute;top:0}canvas{width:100%;height:100%}footer{position:relative;z-index:2}.bg-white{background-color:#fff}.margin-bottom-offset-1{margin-bottom:-1px}.letter-spacing-0{letter-spacing:0}@media only screen and (max-width:1024px){.fs-lp-26-m-20{font-size:26px}}@media screen and (max-width:599px){.fs-lp-26-m-20{font-size:20px}}@media only screen and (max-width:1024px){.fs-lp-26-m-26{font-size:26px}}@media screen and (max-width:599px){.fs-lp-26-m-26{font-size:26px}}@media only screen and (max-width:1024px){.fs-lp-16-m-16{font-size:16px}}@media screen and (max-width:599px){.fs-lp-16-m-16{font-size:16px}}@media only screen and (max-width:1024px){.skills-5-col{font-size:60px;flex-basis:20%}}@media screen and (max-width:599px){.skills-5-col{flex-basis:100%;font-size:36px}}@media only screen and (max-width:1024px){.skills-4-col{flex-basis:40%;padding-right:50px;box-sizing:border-box}}@media screen and (max-width:599px){.skills-4-col{flex-basis:100%}}@media only screen and (max-width:1024px){.skills-3-col{flex-basis:40%}}@media screen and (max-width:599px){.skills-3-col{flex-basis:100%}}@media only screen and (max-width:1024px){.ptb-lp-60{padding-top:60px;padding-bottom:60px}}@media only screen and (max-width:1024px){.pb-lp-30,.ptb-lp-30{padding-bottom:30px}}@media only screen and (max-width:1024px){.pt-lp-30,.ptb-lp-30{padding-top:30px}}@media only screen and (max-width:1024px){.pt-lp-60{padding-top:60px}}@media only screen and (max-width:1024px){.mb-lp-0{margin-bottom:0}}@media only screen and (max-width:1024px){.remove-offset{margin:0}}@media only screen and (max-width:1024px){.flex-basis-lp-100{flex-basis:100%}}@media only screen and (max-width:1024px){.flex-basis-lp-50{flex-basis:50%}}@media only screen and (max-width:599px){.flex-basis-m-50{flex-basis:50%}}@media only screen and (max-width:599px){.flex-basis-m-100{flex-basis:100%}}@media only screen and (max-width:599px){.pt-m-30{padding-top:30px}}@media only screen and (max-width:599px){.pb-m-20{padding-bottom:20px}}@media only screen and (max-width:599px){.pt-m-20{padding-top:20px}}@media only screen and (max-width:599px){.pt-m-60{padding-top:60px}}@media only screen and (max-width:599px){.pb-m-60{padding-bottom:60px}}@media only screen and (max-width:599px){.pt-m-10{padding-top:10px}}@media only screen and (max-width:599px){.pt-m-0{padding-top:0}}@media only screen and (max-width:1024px){.mt-lp-10{margin-top:10px}}@media only screen and (max-width:1024px){.pt-lp-50{padding-top:50px}}@media only screen and (max-width:1024px){.pt-lp-0{padding-top:0}}.no-wrap{white-space:nowrap}@media only screen and (max-width:1024px){.lp-no-wrap{white-space:nowrap}}@media only screen and (max-width:599px){.font-size-12vw-m{font-size:12vw!important}}.flex-min-height-100vh-m-60{min-height:calc(100vh - 120px);height:calc(100vh - 120px)}.font-bold,.team-p-1{font-weight:700}.team-p-1,.team-p-2{font-size:16px}.team-p-2{line-height:21px}.ollie-text-1{font-size:18px;font-weight:700}.ollie-text-2{font-size:18px;line-height:1.7}.content-font-size{font-size:16px;line-height:26px}.project-next{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);text-align:center}.offset-ml-33{margin-left:33%}@media only screen and (max-width:1024px){.offset-ml-33{margin-left:0}}.redbull-padding-l-fixed{box-sizing:border-box;padding-left:10px}@media only screen and (max-width:599px){.redbull-padding-l-fixed{padding-left:0}}.redbull-padding-r-fixed{padding-right:10px;box-sizing:border-box}@media only screen and (max-width:599px){.redbull-padding-r-fixed{padding-right:0}}.font-size-16{font-size:16px;line-height:1.6}@media only screen and (max-width:599px){.project-m-offset{margin-top:-35px;padding-top:0}}@media only screen and (max-width:599px){.computerface-m-title{font-size:32px}}@media only screen and (max-height:707px){.fixed-height{max-width:660px!important}.fixed-height h2{font-size:150px}}.dropdown.expand-mode{max-height:500px;height:auto;top:50%;transform:translateY(-50%);overflow:hidden;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;display:initial;text-align:right}.dropdown.expand-mode .nav-btn__inner{font-size:30px}@media only screen and (max-width:599px){.dropdown.expand-mode{max-height:320px}.dropdown.expand-mode .nav-btn__inner{font-size:21px}}@media only screen and (min-width:1024px){.lp-marign-left-10{margin-left:10px}}