@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Raleway:wght@300;400;500;700&display=swap";html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--side-paddings:15rem}@media only screen and (width<=81.25em){:root{--side-paddings:8rem}}@media only screen and (width<=37.5em){:root{--side-paddings:2rem}}.u-para-with-adjacent-el{margin-bottom:5rem}section{margin-bottom:16rem}section:first-of-type{margin-top:16rem}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:10px}@media only screen and (width<=75em){html{font-size:8px}}@supports (-webkit-touch-callout:none){html{overflow-x:hidden}}body{position:relative;overflow-x:hidden}button:focus,button:active{border:none;outline:none}html{font-family:lato,sans-serif}body{font-size:18px;font-weight:400}@media only screen and (width<=37.5em){body{font-size:16px}}h1{color:#fff;font-family:raleway,sans-serif;font-size:50px}@media only screen and (width<=37.5em){h1{font-size:35px}}h2{color:#141414;padding-bottom:3rem;font-family:raleway,sans-serif;font-size:45px}@media only screen and (width<=37.5em){h2{font-size:30px}}h3{color:#fff;font-family:raleway,sans-serif;font-size:20px}p{color:#4a4a4a;font-weight:500;line-height:1.7}p:not(:last-of-type){margin-bottom:1em}sup{line-height:0}.columned-content{column-count:2;column-gap:40px}@media only screen and (width<=50em){.columned-content{column-count:auto}}.footer{font-size:14px}.navigation{font-size:16px}@media only screen and (width<=900px){.navigation{text-align:center;font-size:20px}}.slide-in-bottom--lg{opacity:0;transition:all 4s cubic-bezier(.19,1,.22,1);transform:translateY(600px)}.slide-in-bottom--lg.appear{opacity:1;transform:translateY(0)}@keyframes slide-in-bottom--lg{0%{opacity:0;transform:translateY(600px)}to{opacity:1;transform:translateY(0)}}.slide-in-bottom{opacity:0;transition:all 4s cubic-bezier(.19,1,.22,1);transform:translateY(100px)}.slide-in-bottom.appear{opacity:1;transform:translateY(0)}.back-forth{animation:1s ease-in-out infinite back-forth}@keyframes back-forth{0%{transform:translate(0)}50%{transform:translate(1rem)}to{transform:translate(0)}}@keyframes back-forth-reverse{0%{transform:translate(0)}50%{transform:translate(-1rem)}to{transform:translate(0)}}.delay{transition-delay:.3s}.next-btn{width:max-content;display:flex;position:relative}.next-btn__text{width:max-content;margin-right:2rem;font-weight:700}.next-btn__arrow{fill:#000;width:14rem;height:2rem;padding-left:0;display:block}.next-btn__circle{border:2px dashed #4a4a4a;border-radius:50%;width:6rem;height:6rem;transition:all .4s;position:absolute;top:0;right:0;transform:translateY(-35%)}.next-btn__circle:hover{transform-origin:50%;border-color:#b3c743;transform:translateY(-35%)scale(1.2)}.next-btn__circle:active{transform:translateY(-35%)scale(.3)}a{outline:0}.tns-controls button{color:#000;z-index:100;text-align:center;vertical-align:middle;background-color:#0000;border:none;outline:none;width:4rem;height:4rem;font-size:2rem;position:relative}.tns-controls button:first-child{margin-right:.5rem;animation:1s ease-in-out infinite back-forth-reverse}.tns-controls button:last-child{animation:1s ease-in-out infinite back-forth}@media only screen and (width<=1400px){.tns-controls button{margin-left:2rem}}.tns-controls:focus{outline:none}.card{width:25rem;position:relative}.card:before{content:"";z-index:-1;background-color:#b3c743;width:10rem;height:10rem;transition:all .4s ease-in;display:block;position:absolute;top:-1rem;right:4rem}.card:hover:before{width:22rem;height:15rem;transition:all .3s ease-in-out}.card__title{color:#000;margin:0;padding-top:5rem;display:inline-block}.card__content{color:#000}.card__icon{font-size:10.4rem;position:absolute;top:0;right:5rem}@media only screen and (width<=75em){.card__icon{right:2.8rem}}.card__icon--push-right{right:3rem}@media only screen and (width<=75em){.card__icon--push-right{right:1rem}}@media only screen and (width<=37.5em){.card__icon--push-right{right:3rem}}.card .heading-1{display:inline-block}.contact-form{justify-content:start;align-items:left;background-color:#4a4a4a;flex-direction:column;flex:auto;width:100%;padding:8rem 10rem;font-family:raleway,sans-serif;display:flex;box-shadow:5px 7px 10px #0006}@media only screen and (width<=50em){.contact-form{width:100%}}@media only screen and (width<=37.5em){.contact-form{padding:8rem 7rem}}.contact-form__label{color:#fff;font-size:1.3rem;display:block}.contact-form__input,.contact-form__text-area{background-color:#0000;border:none;border-bottom:1px solid #d6d6d6;width:100%;margin-bottom:6rem}.contact-form__input:focus,.contact-form__text-area:focus{border-bottom:1px solid #b3c743;outline:none;transition:all .3s ease-out}.contact-form__input,.contact-form__text-area{color:#fff;font-size:1.8rem}.contact-form__input::placeholder,.contact-form__text-area::placeholder{color:#d6d6d6;font-family:raleway,sans-serif;font-size:2rem}.contact-form__input{height:6rem;margin-top:1rem}.contact-form__text-area{resize:none;height:20rem;margin-top:1rem}.contact-form__btn{color:#4a4a4a;cursor:pointer;background-color:#fff;border:none;border-radius:0;height:8rem;font-size:2rem;font-weight:700;transition:all .15s}.contact-form__btn:hover{color:#fff;background-color:#b3c743}.contact-form__btn:active,.contact-form__btn:focus{transform:scale(.95)}.dec-line{background-color:#b3c743;width:15rem;height:2px;margin-bottom:4rem}.gallery{grid-template-rows:repeat(4,15rem);grid-template-columns:repeat(7,15rem);justify-content:center;gap:1.5rem;display:grid}.gallery-img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.gallery__item{width:30rem;height:45rem}@media only screen and (width<=700px){.gallery__item{height:60rem}}.slider2{height:50rem}.hamburger{cursor:pointer;font:inherit;color:inherit;text-transform:none;background-color:#0000;border:0;margin:0;padding:15px 0;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;display:inline-block;overflow:visible}.hamburger:hover,.hamburger.is-active:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{margin-top:-2px;display:block;top:50%}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:#141414;border-radius:4px;width:40px;height:4px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s;top:0}.hamburger--spin.is-active .hamburger-inner:after{transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}.pictures:not(.pre-animated){transition:transform .3s ease-in-out}.pictures:hover{transition:transform .2s ease-in-out;transform:scale(1.05)}.footer{text-align:center;background-color:#4a4a4a;justify-content:center;align-items:center;padding:10rem 20rem;display:flex}@media only screen and (width<=37.5em){.footer{padding:10rem}}.footer__content{color:#fff}.header-banner{place-content:center right;height:100vh;display:grid;position:relative}@media only screen and (width<=50em){.header-banner{justify-content:left}}@media only screen and (width<=37.5em){.header-banner{padding-right:4rem}}.header-banner:before{content:"";background-blend-mode:overlay;filter:grayscale(80%);z-index:-11;background-color:#1119;background-image:url(/assets/temp-bg-9pJBn9DC.jpg);background-position:70%;background-size:cover;width:100vw;height:100vh;position:absolute;top:0;left:0}@media only screen and (width<=50em){.header-banner:before{background-position:15%}}.header-banner__heading{text-align:right;width:400px;margin-right:var(--side-paddings);animation:4s cubic-bezier(.19,1,.22,1) .3s both slide-in-bottom--lg;display:block}@media only screen and (width<=50em){.header-banner__heading{text-align:left;margin-left:8rem;margin-right:0;margin-left:var(--side-paddings)}}@media only screen and (width<=37.5em){.header-banner__heading{width:40rem}}.header-banner__heading .heading-1{margin-bottom:2rem}.navigation__white-Bg{z-index:-1;background-color:#fff;width:100%;height:0;transition:all .3s;position:fixed;top:0;left:0}.navigation__white-Bg--scrolled{height:10rem;box-shadow:0 5px 5px #9999994d}.navigation{z-index:9999;width:100vw;padding:2rem var(--side-paddings);color:#fff;background-color:#0000;grid-template-columns:repeat(2,min-content);justify-content:space-between;align-items:center;margin-top:2rem;font-family:raleway,sans-serif;font-weight:500;transition:all .5s ease-in-out;display:grid;position:fixed;top:0;left:0}@media only screen and (width<=900px){.navigation{color:#000}}@media only screen and (width<=37.5em){.navigation{padding-right:0;padding:.5rem var(--side-paddings)}}.navigation--scrolled{color:#000;margin-top:0}@media only screen and (width<=37.5em){.navigation--scrolled{margin-top:1rem}}.navigation__logo{background-image:url(/assets/katex-logo-white-cropped-C4_ri3P4.png);background-size:100% 100%;width:18rem;height:6rem}.navigation__logo--scrolled{background-image:url(/assets/katex-logo-black-cropped-CoK979yO.png)}@media only screen and (width<=900px){.navigation__menu:after{content:"";z-index:-999;opacity:0;background-color:#fff;width:100vw;height:100vh;transition:all .4s ease-in-out;display:block;position:fixed;top:0;left:0;transform:translateY(-90%)}.navigation__menu--scrolled:after{opacity:1;transform:translateY(0)}}.navigation__menu-list{grid-template-columns:repeat(5,max-content);list-style:none;display:grid;overflow:auto}.navigation__menu-list li:not(:last-child){margin-right:6rem}@media only screen and (width<=900px){.navigation__menu-list li:not(:last-child){margin-right:0}.navigation__menu-list{visibility:hidden;opacity:0;grid-template-rows:repeat(4,minmax(min-content,max-content));grid-template-columns:auto;row-gap:5rem;transition:transform 1s cubic-bezier(.5,1,.89,1),opacity .7s ease-in-out;position:fixed;top:50%;left:50%;overflow-y:scroll;transform:translate(-50%,120%)}.navigation__menu-list.mobile-menu-active{visibility:visible;opacity:1;transform:translate(-50%,calc(4rem - 50%))}}@media only screen and (width<=900px) and (height<=600px){.navigation__menu-list{grid-template-rows:auto;grid-template-columns:repeat(4,max-content)}}.navigation__menu-item{color:currentColor;margin:2rem 0 2rem 2rem;text-decoration:none;display:inline-block;position:relative}@media only screen and (width<=900px){.navigation__menu-item{margin:2rem}}.navigation__menu-item:after{transform-origin:50%;content:"";background-color:currentColor;width:100%;height:1px;transition:all .4s;display:block;position:absolute;bottom:-1rem;left:0;transform:scaleX(0)}.navigation__menu-item:hover{color:#b3c743}.navigation__menu-item:hover:after{transform:scaleX(1)}.unselected{color:#c2c2c2}@media only screen and (width<=900px){.unselected{color:currentColor}}.active{color:#b3c743;transition:all .5s}.hamburger{display:none}@media only screen and (width<=900px){.hamburger{display:block}}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after{background-color:#b3c743}.hamburger-inner--scrolled,.hamburger-inner--scrolled:before,.hamburger-inner--scrolled:after{background-color:#141414}.picture-sec{grid-template-columns:max-content max-content;justify-content:center;column-gap:10rem;height:100rem;padding:0 10rem;display:grid}@media only screen and (width<=75em){.picture-sec{column-gap:5vw;height:80rem}}@media only screen and (width<=37.5em){.picture-sec{display:none}}.picture-sec__p1,.picture-sec__p2{background-position:50%;background-size:cover;width:45rem;box-shadow:1rem 1rem 2rem #ccc}@media only screen and (width<=75em){.picture-sec__p1,.picture-sec__p2{width:35rem}}.picture-sec__p1{align-self:flex-end}.slide-1{position:relative}@media only screen and (width<=75em){.slide-1{height:50rem;margin-bottom:0}}.slide-1 .dec-block{background-color:#c5d085cc;width:110rem;height:50rem;display:block;position:absolute;top:0;right:0}@media only screen and (width<=75em){.slide-1 .dec-block{width:100vw}}.slide-1 .slide-container{height:50rem;margin-left:25rem;padding-top:2rem}@media only screen and (width<=75em){.slide-1 .slide-container{margin-left:0}}.slide-1__picture{object-fit:cover;height:35rem}.contact-us{margin-bottom:0;padding-top:16rem;padding-bottom:16rem;overflow:hidden}@media only screen and (width<=62.5em){.contact-us{padding-top:0}}.contact-us__container{justify-content:center;align-items:center;max-width:100rem;margin:0 auto;display:flex}@media only screen and (width<=50em){.contact-us__container{flex-direction:column-reverse;width:85vw}}.contact-info{flex:auto;align-self:flex-start;padding:8rem 10rem}@media only screen and (width<=75em){.contact-info{padding:8rem 6rem}}@media only screen and (width<=50em){.contact-info{padding:8rem 10rem}}@media only screen and (width<=37.5em){.contact-info{padding:0 0 8rem}}.contact-info .big-logo{width:100%;margin-bottom:8rem}@media only screen and (width<=50em){.contact-info .big-logo{width:50rem}}@media only screen and (width<=37.5em){.contact-info .big-logo{width:90%}}.contact-info__content{line-height:1.7}.contact-info__content p{margin-bottom:5rem}.experience{position:relative}.experience__bg{background-color:#4a4a4a;height:auto;display:block;position:absolute;inset:0}.experience__container{padding:16rem var(--side-paddings);justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;display:flex;position:relative}@media only screen and (width<=50em){.experience__container{flex-direction:column-reverse}}.experience__content-container{flex-direction:column;align-items:flex-end;display:flex}@media only screen and (width<=50em){.experience__content-container{padding-bottom:10rem}}.experience .dec-line{margin-left:auto}.experience__title{text-align:right;width:50rem}@media only screen and (width<=37.5em){.experience__title{text-align:left;width:100%}}.experience__content{width:46rem;margin-right:10%;font-weight:500;line-height:1.7}@media only screen and (width<=75em){.experience__content{text-align:right;margin-right:0}}@media only screen and (width<=50em){.experience__content{width:auto}}@media only screen and (width<=37.5em){.experience__content{text-align:left;width:100%}}.experience__title,.experience__content{color:#fff}.experience__brands{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr 1fr;grid-auto-flow:column;column-gap:8rem;margin-right:auto;display:grid}@media only screen and (width<=75em){.experience__brands{margin-right:0}}@media only screen and (width<=62.5em){.experience__brands{align-items:center;row-gap:8rem}}@media only screen and (width<=50em){.experience__brands{grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));grid-auto-flow:row;justify-content:center;place-items:center;gap:5rem 0;width:100%}}.experience__brands-logo{fill:#fff;width:20rem}@media only screen and (width<=75em){.experience__brands-logo{width:17rem}}@media only screen and (width<=62.5em){.experience__brands-logo{width:15rem}}.experience__brands-logo--row2{align-self:flex-end;padding-top:3rem}@media only screen and (width<=62.5em){.experience__brands-logo--row2{align-self:center;padding-top:0;padding-left:0}}.experience__brands .River{padding-top:8rem}@media only screen and (width<=62.5em){.experience__brands .River{padding-top:0}}.experience__brands .Burton{padding-top:6rem}@media only screen and (width<=62.5em){.experience__brands .Burton{padding-top:0}}@media only screen and (width<=75em){:lang(zh) .experience__content{width:50rem}}@media only screen and (width<=50em){:lang(zh) .experience__content{width:auto}}@media only screen and (width<=37.5em){:lang(zh) .experience__content{text-align:left;width:100%}}.intro__container{padding:0rem var(--side-paddings);grid-template-columns:repeat(auto-fit,minmax(45rem,1fr));row-gap:10rem;max-width:1440px;margin:0 auto;display:grid}@media only screen and (width<=37.5em){.intro__container{grid-template-columns:1fr}}.intro__picture{width:45rem;box-shadow:1rem 1rem 2rem #ccc}@media only screen and (width<=50em){.intro__picture{justify-self:center;width:65rem}}@media only screen and (width<=37.5em){.intro__picture{width:40rem}}.intro__caption{flex-direction:column;justify-content:center;align-items:flex-end;display:flex;position:relative}@media only screen and (width<=50em){.intro__caption{order:-1}}@media only screen and (width<=37.5em){.intro__caption{align-items:flex-start}}.intro__title{white-space:nowrap;text-align:center}@media only screen and (width<=50em){.intro__title{white-space:normal;text-align:right}}@media only screen and (width<=37.5em){.intro__title{white-space:normal;text-align:left}}.intro__content{font-weight:500;line-height:1.7}@media only screen and (width<=75em){.intro__content{margin-left:10%}}@media only screen and (width<=37.5em){.intro__content{margin-left:0}.intro__next{align-self:flex-end}}.portfolio{position:relative}.portfolio__container{padding:0rem var(--side-paddings);max-width:1440px;margin:0 auto;padding-top:0;position:relative}.portfolio__title{font-size:6rem}.portfolio__content{width:66rem;font-weight:500;line-height:1.7}@media only screen and (width<=37.5em){.portfolio__content{width:auto}}.portfolio .dec-block{z-index:-1;background-color:#c5d085cc;width:110rem;height:65rem;display:block;position:absolute;inset:4.5rem 110rem 65rem 0}@media only screen and (width<=75em){:lang(zh) .portfolio__content{width:70rem}}@media only screen and (width<=37.5em){:lang(zh) .portfolio__content{width:auto}}.private-label{position:relative}.private-label__container{padding:0rem var(--side-paddings);flex-direction:column;align-items:flex-start;max-width:1440px;margin:0 auto;display:flex}.private-label__content{width:44rem;margin-right:60%}.private-label__logo{z-index:-1;opacity:.8;position:absolute;top:0;right:0}@media only screen and (width>=1440px){.private-label__logo{right:var(--side-paddings)}}@media only screen and (width<=62.5em){.private-label__logo{opacity:.3;width:60rem;top:auto;bottom:-8rem}}@media only screen and (width<=37.5em){.private-label__logo{opacity:.1;width:60vw;bottom:0}}.stats__container{padding:0rem var(--side-paddings);max-width:1440px;margin:0 auto}.stats .dec-line{margin-left:auto;margin-right:auto}.stats__heading{text-align:center}.stats__cards{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));justify-items:center;gap:3rem;margin-top:10rem;display:grid}@media only screen and (width<=1400px){.stats__cards{grid-template-columns:1fr 1fr;justify-items:center}}@media only screen and (width<=75em){.stats__cards{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}}@media only screen and (width<=62.5em){.stats__cards{grid-template-columns:1fr 1fr}}@media only screen and (width<=37.5em){.stats__cards{grid-template-columns:1fr}}.worksmanship__container{padding:0rem var(--side-paddings);max-width:1440px;margin:0 auto}.worksmanship__content{margin-left:33%}@media only screen and (width<=75em){.worksmanship__content{margin-left:0}}