/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Raleway:wght@300;400;500;700&display=swap");html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[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}[hidden],template{display:none}:root{--side-paddings:15rem}@media only screen and (max-width:81.25em){:root{--side-paddings:8rem}}@media only screen and (max-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{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:10px}@media only screen and (max-width:75em){html{font-size:8px}}@supports (-webkit-touch-callout:none){html{overflow-x:hidden}}body{position:relative;overflow-x:hidden}button:active,button:focus{outline:none;border:none}html{font-family:lato,sans-serif}body{font-size:18px;font-weight:400}@media only screen and (max-width:37.5em){body{font-size:16px}}h1{font-family:raleway,sans-serif;font-size:50px;color:#fff}@media only screen and (max-width:37.5em){h1{font-size:35px}}h2{font-family:raleway,sans-serif;font-size:45px;color:#141414;padding-bottom:3rem}@media only screen and (max-width:37.5em){h2{font-size:30px}}h3{font-family:raleway,sans-serif;font-size:20px;color:#fff}p{color:#4a4a4a;line-height:1.7;font-weight:500}p:not(:last-of-type){margin-bottom:1em}sup{line-height:0}.columned-content{column-count:2;column-gap:40px}@media only screen and (max-width:50em){.columned-content{column-count:auto}}.footer{font-size:14px}.navigation{font-size:16px}@media only screen and (max-width:900px){.navigation{font-size:20px;text-align:center}}.slide-in-bottom--lg{transform:translateY(600px);opacity:0;transition:all 4s cubic-bezier(.19,1,.22,1)}.slide-in-bottom--lg.appear{transform:translateY(0);opacity:1}@-webkit-keyframes slide-in-bottom--lg{0%{-webkit-transform:translateY(600px);transform:translateY(600px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom--lg{0%{-webkit-transform:translateY(600px);transform:translateY(600px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.slide-in-bottom{opacity:0;transform:translateY(100px);transition:all 4s cubic-bezier(.19,1,.22,1)}.slide-in-bottom.appear{transform:translateY(0);opacity:1}.back-forth{animation:back-forth 1s ease-in-out infinite}@keyframes back-forth{0%{transform:translateX(0)}50%{transform:translateX(1rem)}to{transform:translateX(0)}}@keyframes back-forth-reverse{0%{transform:translateX(0)}50%{transform:translateX(-1rem)}to{transform:translateX(0)}}.delay{transition-delay:.3s}.next-btn{position:relative;display:flex;width:max-content}.next-btn__text{width:max-content;font-weight:700;margin-right:2rem}.next-btn__arrow{display:block;fill:#000;width:14rem;height:2rem;padding-left:0}.next-btn__circle{position:absolute;top:0;right:0;transform:translateY(-35%);width:6rem;height:6rem;border:2px dashed #4a4a4a;border-radius:50%;transition:all .4s}.next-btn__circle:hover{border-color:#b3c743;transform-origin:center;transform:translateY(-35%) scale(1.2)}.next-btn__circle:active{transform:translateY(-35%) scale(.3)}a{outline:0}.tns-controls button{position:relative;border:none;outline:none;font-size:2rem;color:#000;width:4rem;height:4rem;background-color:#fff;background-color:transparent;z-index:100;text-align:center;vertical-align:middle}.tns-controls button:first-child{margin-right:.5rem;animation:back-forth-reverse 1s ease-in-out infinite}.tns-controls button:last-child{animation:back-forth 1s ease-in-out infinite}@media only screen and (max-width:1400px){.tns-controls button{margin-left:2rem}}.tns-controls:focus{outline:none}.card{position:relative;width:25rem}.card:before{content:"";background-color:#b3c743;display:block;position:absolute;top:-1rem;right:4rem;width:10rem;height:10rem;z-index:-1;transition:all .4s ease-in}.card:hover:before{transition:all .3s ease-in-out;width:22rem;height:15rem}.card__title{display:inline-block;color:#000;padding-top:5rem;margin:0}.card__content{color:#000}.card__icon{position:absolute;font-size:10.4rem;top:0;right:5rem}@media only screen and (max-width:75em){.card__icon{right:2.8rem}}.card__icon--push-right{right:3rem}@media only screen and (max-width:75em){.card__icon--push-right{right:1rem}}@media only screen and (max-width:37.5em){.card__icon--push-right{right:3rem}}.card .heading-1{display:inline-block}.contact-form{font-family:raleway,sans-serif;width:100%;background-color:#4a4a4a;display:flex;flex-direction:column;justify-content:start;align-items:left;padding:8rem 10rem;box-shadow:5px 7px 10px rgba(0,0,0,.4);flex:1 1 auto}@media only screen and (max-width:50em){.contact-form{width:100%}}@media only screen and (max-width:37.5em){.contact-form{padding:8rem 7rem}}.contact-form__label{font-size:1.3rem;display:block;color:#fff}.contact-form__input,.contact-form__text-area{background-color:transparent;border:none;border-bottom:1px solid #d6d6d6;width:100%;margin-bottom:6rem}.contact-form__input:focus,.contact-form__text-area:focus{outline:none;border-bottom:1px solid #b3c743;transition:all .3s ease-out}.contact-form__input,.contact-form__text-area{font-size:1.8rem;color:#fff}.contact-form__input::placeholder,.contact-form__text-area::placeholder{font-family:raleway,sans-serif;font-size:2rem;color:#d6d6d6}.contact-form__input{height:6rem;margin-top:1rem}.contact-form__text-area{height:20rem;margin-top:1rem;resize:none}.contact-form__btn{border-radius:0;border:none;height:8rem;font-size:2rem;font-weight:700;color:#4a4a4a;background-color:#fff;cursor:pointer;transition:all .15s}.contact-form__btn:hover{background-color:#b3c743;color:#fff}.contact-form__btn:active,.contact-form__btn:focus{transform:scale(.95)}.dec-line{background-color:#b3c743;width:15rem;height:2px;margin-bottom:4rem}.gallery{display:grid;grid-template-columns:repeat(7,15rem);grid-template-rows:repeat(4,15rem);justify-content:center;gap:1.5rem}.gallery-img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.gallery__item{width:30rem;height:45rem}@media only screen and (max-width:700px){.gallery__item{height:60rem}}.slider2{height:50rem}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:15px 0;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#141414}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:40px;height:4px;background-color:#141414;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner:after,.hamburger-inner:before{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{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner:before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.pictures:not(.pre-animated){transition:transform .3s ease-in-out}.pictures:hover{transform:scale(1.05);transition:transform .2s ease-in-out}.footer{background-color:#4a4a4a;padding:10rem 20rem;display:flex;justify-content:center;align-items:center;text-align:center}@media only screen and (max-width:37.5em){.footer{padding:10rem}}.footer__content{color:#fff}.header-banner{position:relative;height:100vh;display:grid;justify-content:right;align-content:center}@media only screen and (max-width:50em){.header-banner{justify-content:left}}@media only screen and (max-width:37.5em){.header-banner{padding-right:4rem}}.header-banner:before{content:"";position:absolute;top:0;left:0;height:100vh;width:100vw;background-image:url(/temp-bg.71a13ad5.jpg);background-size:cover;background-position:70%;background-color:rgba(17,17,17,.6);background-blend-mode:overlay;filter:grayscale(80%);z-index:-11}@media only screen and (max-width:50em){.header-banner:before{background-position:15%}}.header-banner__heading{width:400px;display:block;text-align:right;margin-right:var(--side-paddings);-webkit-animation:slide-in-bottom--lg 4s cubic-bezier(.19,1,.22,1) .3s both;animation:slide-in-bottom--lg 4s cubic-bezier(.19,1,.22,1) .3s both}@media only screen and (max-width:50em){.header-banner__heading{text-align:left;margin-right:0;margin-left:8rem;margin-left:var(--side-paddings)}}@media only screen and (max-width:37.5em){.header-banner__heading{width:40rem}}.header-banner__heading .heading-1{margin-bottom:2rem}.navigation__white-Bg{position:fixed;top:0;left:0;width:100%;height:0;background-color:#fff;z-index:-1;transition:all .3s ease}.navigation__white-Bg--scrolled{height:10rem;box-shadow:0 5px 5px hsla(0,0%,60%,.3)}.navigation{font-family:raleway,sans-serif;position:fixed;top:0;left:0;z-index:9999;width:100vw;display:grid;background-color:transparent;grid-template-columns:repeat(2,min-content);align-items:center;justify-content:space-between;padding:2rem var(--side-paddings);margin-top:2rem;font-weight:500;color:#fff;transition:all .5s ease-in-out}@media only screen and (max-width:900px){.navigation{color:#000}}@media only screen and (max-width:37.5em){.navigation{padding:.5rem var(--side-paddings)}}.navigation--scrolled{margin-top:0;color:#000}@media only screen and (max-width:37.5em){.navigation--scrolled{margin-top:1rem}}.navigation__logo{width:18rem;height:6rem;background-image:url(/katex-logo-white-cropped.93098a4d.png);background-size:100% 100%}.navigation__logo--scrolled{background-image:url(/katex-logo-black-cropped.0144d76c.png)}@media only screen and (max-width:900px){.navigation__menu:after{content:"";display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:-999;transform:translateY(-90%);opacity:0;transition:.4s ease-in-out}.navigation__menu--scrolled:after{transform:translateY(0);opacity:1}}.navigation__menu-list{overflow:auto;list-style:none;display:grid;grid-template-columns:repeat(5,max-content)}.navigation__menu-list li:not(:last-child){margin-right:6rem}@media only screen and (max-width:900px){.navigation__menu-list li:not(:last-child){margin-right:0}}@media only screen and (max-width:900px){.navigation__menu-list{overflow-y:scroll;grid-template-columns:auto;grid-template-rows:repeat(4,minmax(min-content,max-content));row-gap:5rem;visibility:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,120%);opacity:0;transition:transform 1s cubic-bezier(.5,1,.89,1),opacity .7s ease-in-out}.navigation__menu-list.mobile-menu-active{visibility:visible;transform:translate(-50%,calc(-50% + 4rem));opacity:1}}@media only screen and (max-width:900px) and (max-height:600px){.navigation__menu-list{grid-template-rows:auto;grid-template-columns:repeat(4,max-content)}}.navigation__menu-item{display:inline-block;position:relative;margin:2rem 0 2rem 2rem;text-decoration:none;color:currentColor}@media only screen and (max-width:900px){.navigation__menu-item{margin:2rem}}.navigation__menu-item:after{transition:all .4s;transform-origin:center;content:"";display:block;position:absolute;bottom:-1rem;left:0;width:100%;height:1px;background-color:currentColor;transform:scaleX(0)}.navigation__menu-item:hover{color:#b3c743}.navigation__menu-item:hover:after{transform:scaleX(1)}.unselected{color:#c2c2c2}@media only screen and (max-width:900px){.unselected{color:currentColor}}.active{transition:all .5s;color:#b3c743}.hamburger{display:none}@media only screen and (max-width:900px){.hamburger{display:block}}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#b3c743}.hamburger-inner--scrolled,.hamburger-inner--scrolled:after,.hamburger-inner--scrolled:before{background-color:#141414}.picture-sec{height:100rem;padding:0 10rem;display:grid;grid-template-columns:max-content max-content;column-gap:10rem;justify-content:center}@media only screen and (max-width:75em){.picture-sec{height:80rem;column-gap:5vw}}@media only screen and (max-width:37.5em){.picture-sec{display:none}}.picture-sec__p1,.picture-sec__p2{width:45rem;background-size:cover;background-position:50%;box-shadow:1rem 1rem 2rem #ccc}@media only screen and (max-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 (max-width:75em){.slide-1{margin-bottom:0;height:50rem}}.slide-1 .dec-block{display:block;background-color:rgba(197,208,133,.8);position:absolute;top:0;right:0;width:110rem;height:50rem}@media only screen and (max-width:75em){.slide-1 .dec-block{width:100vw}}.slide-1 .slide-container{padding-top:2rem;margin-left:25rem;height:50rem}@media only screen and (max-width:75em){.slide-1 .slide-container{margin-left:0}}.slide-1__picture{object-fit:cover;height:35rem}.contact-us{overflow:hidden;margin-bottom:0;padding-top:16rem;padding-bottom:16rem}@media only screen and (max-width:62.5em){.contact-us{padding-top:0}}.contact-us__container{display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:100rem}@media only screen and (max-width:50em){.contact-us__container{flex-direction:column-reverse;width:85vw}}.contact-info{padding:8rem 10rem;align-self:flex-start;flex:1 1 auto}@media only screen and (max-width:75em){.contact-info{padding:8rem 6rem}}@media only screen and (max-width:50em){.contact-info{padding:8rem 10rem}}@media only screen and (max-width:37.5em){.contact-info{padding:0 0 8rem}}.contact-info .big-logo{width:100%;margin-bottom:8rem}@media only screen and (max-width:50em){.contact-info .big-logo{width:50rem}}@media only screen and (max-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{position:absolute;top:0;left:0;bottom:0;right:0;display:block;background-color:#4a4a4a;height:auto}.experience__container{position:relative;padding:16rem var(--side-paddings);display:flex;max-width:1440px;margin:0 auto;justify-content:space-between;align-items:center}@media only screen and (max-width:50em){.experience__container{flex-direction:column-reverse}}.experience__content-container{display:flex;flex-direction:column;align-items:flex-end}@media only screen and (max-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 (max-width:37.5em){.experience__title{width:100%;text-align:left}}.experience__content{line-height:1.7;font-weight:500;margin-right:10%;width:46rem}@media only screen and (max-width:75em){.experience__content{text-align:right;margin-right:0}}@media only screen and (max-width:50em){.experience__content{width:auto}}@media only screen and (max-width:37.5em){.experience__content{width:100%;text-align:left}}.experience__content,.experience__title{color:#fff}.experience__brands{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);grid-auto-flow:column;column-gap:8rem;margin-right:auto}@media only screen and (max-width:75em){.experience__brands{margin-right:0}}@media only screen and (max-width:62.5em){.experience__brands{align-items:center;row-gap:8rem}}@media only screen and (max-width:50em){.experience__brands{width:100%;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));grid-auto-flow:row;justify-items:center;align-items:center;justify-content:center;column-gap:0;row-gap:5rem}}.experience__brands-logo{width:20rem;fill:#fff}@media only screen and (max-width:75em){.experience__brands-logo{width:17rem}}@media only screen and (max-width:62.5em){.experience__brands-logo{width:15rem}}.experience__brands-logo--row2{align-self:flex-end;padding-top:3rem}@media only screen and (max-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 (max-width:62.5em){.experience__brands .River{padding-top:0}}.experience__brands .Burton{padding-top:6rem}@media only screen and (max-width:62.5em){.experience__brands .Burton{padding-top:0}}@media only screen and (max-width:75em){:lang(zh) .experience__content{width:50rem}}@media only screen and (max-width:50em){:lang(zh) .experience__content{width:auto}}@media only screen and (max-width:37.5em){:lang(zh) .experience__content{width:100%;text-align:left}}.intro__container{padding:0 var(--side-paddings);display:grid;grid-template-columns:repeat(auto-fit,minmax(45rem,1fr));row-gap:10rem;max-width:1440px;margin:0 auto}@media only screen and (max-width:37.5em){.intro__container{grid-template-columns:1fr}}.intro__picture{width:45rem;box-shadow:1rem 1rem 2rem #ccc}@media only screen and (max-width:50em){.intro__picture{width:65rem;justify-self:center}}@media only screen and (max-width:37.5em){.intro__picture{width:40rem}}.intro__caption{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}@media only screen and (max-width:50em){.intro__caption{order:-1}}@media only screen and (max-width:37.5em){.intro__caption{align-items:flex-start}}.intro__title{white-space:nowrap;text-align:center}@media only screen and (max-width:50em){.intro__title{white-space:normal;text-align:right}}@media only screen and (max-width:37.5em){.intro__title{white-space:normal;text-align:left}}.intro__content{line-height:1.7;font-weight:500}@media only screen and (max-width:75em){.intro__content{margin-left:10%}}@media only screen and (max-width:37.5em){.intro__content{margin-left:0}}@media only screen and (max-width:37.5em){.intro__next{align-self:flex-end}}.portfolio{position:relative}.portfolio__container{padding:0 var(--side-paddings);padding-top:0;position:relative;max-width:1440px;margin:0 auto}.portfolio__title{font-size:6rem}.portfolio__content{line-height:1.7;font-weight:500;width:66rem}@media only screen and (max-width:37.5em){.portfolio__content{width:auto}}.portfolio .dec-block{display:block;background-color:rgba(197,208,133,.8);position:absolute;top:4.5rem;left:0;right:110rem;bottom:65rem;width:110rem;height:65rem;z-index:-1}@media only screen and (max-width:75em){:lang(zh) .portfolio__content{width:70rem}}@media only screen and (max-width:37.5em){:lang(zh) .portfolio__content{width:auto}}.private-label{position:relative}.private-label__container{padding:0 var(--side-paddings);display:flex;flex-direction:column;align-items:flex-start;max-width:1440px;margin:0 auto}.private-label__content{margin-right:60%;width:44rem}.private-label__logo{position:absolute;top:0;right:0;z-index:-1;opacity:.8}@media only screen and (min-width:1440px){.private-label__logo{right:var(--side-paddings)}}@media only screen and (max-width:62.5em){.private-label__logo{width:60rem;top:auto;bottom:-8rem;opacity:.3}}@media only screen and (max-width:37.5em){.private-label__logo{width:60vw;opacity:.1;bottom:0}}.stats__container{padding:0 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{margin-top:10rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));justify-items:center;gap:3rem}@media only screen and (max-width:1400px){.stats__cards{grid-template-columns:1fr 1fr;justify-items:center}}@media only screen and (max-width:75em){.stats__cards{grid-template-columns:repeat(auto-fit,minmax(25rem,1fr))}}@media only screen and (max-width:62.5em){.stats__cards{grid-template-columns:1fr 1fr}}@media only screen and (max-width:37.5em){.stats__cards{grid-template-columns:1fr}}.worksmanship__container{padding:0 var(--side-paddings);max-width:1440px;margin:0 auto}.worksmanship__content{margin-left:33%}@media only screen and (max-width:75em){.worksmanship__content{margin-left:20%;margin-left:0}}

/*# sourceMappingURL=/home.19aecd27.css.map */