*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;padding:1rem}@media only screen and (max-width:56.25em){html{padding:0}}body{font-family:"Khula",sans-serif;font-weight:400;line-height:1.7;color:#777}.heading-primary{color:#000;text-transform:uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden}.heading-primary--main{font-size:6rem;font-weight:600;letter-spacing:3rem}@media only screen and (max-width:56.25em){.heading-primary--main{font-size:4rem;letter-spacing:1rem}}.about-content{flex:0 0 50%;flex-direction:column;text-align:left;color:#777;margin-left:3rem}@media only screen and (max-width:56.25em){.about-content{flex:1 1;margin:0}}.about-content h2{font-size:6rem;font-weight:600;color:#000;margin-bottom:-1.5rem}@media only screen and (max-width:56.25em){.about-content h2{font-size:4rem;padding:.25rem 2rem}}.about-content__paragraph{text-align:justify;font-size:1.6rem;font-weight:400;color:#333;line-height:3rem}@media only screen and (max-width:56.25em){.about-content__paragraph{padding:.25rem 2rem;font-size:1.4rem}.about-content__paragraph:last-of-type{padding-bottom:2rem}}.product-heading{text-align:center;color:#fff;font-size:2rem;text-transform:uppercase;letter-spacing:1rem}@media only screen and (max-width:56.25em){.product-heading{font-size:1.6rem}}.product-description{margin-top:3rem;text-align:center;color:#fff;font-size:1.6rem}@media only screen and (max-width:56.25em){.product-description{font-size:1.2rem;padding:2rem}}.contact-location{color:#f7f7f7;font-size:1.2rem;text-align:right;font-weight:400}.contact-location__paragraph{padding-bottom:1rem}@media only screen and (max-width:56.25em){.contact-location{font-size:1rem;padding:1rem;text-align:center}}.contact-location ul{list-style-type:none}.contact-location__title{font-weight:600;text-transform:uppercase;display:inline-block;color:#928dab}.map-link{text-decoration:none;color:#f46b45;font-family:inherit;border-bottom:1px solid #eea849}.map-link:hover{color:#777;border-bottom:1px solid #333}.u-margin-top-small{margin-top:2rem!important}.btn,.btn:link,.btn:visited{width:50%;margin:0 auto;font-family:inherit;color:#eee;text-transform:uppercase;text-decoration:none;padding:1.5rem 4rem;display:inline-block;border-radius:10rem;transition:all .5s;position:relative;font-size:1.6rem;border:none;cursor:pointer}@media only screen and (max-width:56.25em){.btn,.btn:link,.btn:visited{font-size:1rem;text-align:center;padding:1rem}}.btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 2rem 5rem rgba(0,0,0,.1);transition:all .2s}.btn--email:hover .btn__visible{display:none}.btn--email:hover:before{content:"skiffy@skifindo.com"}.btn--olx:hover .btn__visible{display:none}.btn--olx:hover:before{content:"Prio Priyono"}.btn:active,.btn:focus{outline:none;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2rem 6rem rgba(0,0,0,.5)}.btn--purple{background-image:linear-gradient(90deg,#9d50bb,#6e48aa)}.btn--purple:hover{background-image:linear-gradient(270deg,#9d50bb,#6e48aa)}.composition{flex:1 1;text-align:center}.composition__photo{width:50%;box-shadow:0 2rem 6rem rgba(0,0,0,.5);border-radius:5px;transition:all .2s;outline-offset:.5rem}@media only screen and (max-width:56.25em){.composition__photo{width:50%}}.composition__photo:hover{outline:.5rem solid #6e48aa;-webkit-transform:scale(1.05) translateY(-.5rem);transform:scale(1.05) translateY(-.5rem);box-shadow:0 2rem 6rem rgba(0,0,0,.5);z-index:2}.composition__caption{font-size:1.2rem;margin-top:1rem;font-weight:600;color:#333}@media only screen and (max-width:56.25em){.composition__caption{padding:1rem}}.line{border:1px solid #eee;margin:1.5rem;align-self:center}.line--short{width:50%}.line--medium{width:75%}.line--black{border:1px solid #232526}@media only screen and (max-width:56.25em){.line--responsive{display:none}}.line-vertical{padding-top:5rem;padding-bottom:5rem}.products__container{margin-top:2rem;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;height:75%}@media only screen and (max-width:56.25em){.products__container{flex-direction:column;justify-content:center;align-items:center}}.products__frame{width:30%;background-color:hsla(0,0%,100%,.95);font-size:1.5rem;padding:2rem;text-align:center;border-radius:3px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;margin:2rem}@media only screen and (max-width:56.25em){.products__frame{width:85%;margin-bottom:3rem}}@media only screen and (max-width:56.25em){.products__frame__description{font-size:1.4rem}}@media only screen and (max-width:56.25em){.products__frame__paragraph{font-size:1rem}}.products__photo{width:12rem;height:7rem;text-align:center}@media only screen and (max-width:56.25em){.products__photo{width:7rem;height:5rem}}@media only screen and (max-width:37.5em){.products__photo{width:5rem;height:3rem}}.typography-text-box{display:flex;align-self:center;justify-content:center;flex-direction:column;text-align:center}.typography__heading{text-transform:uppercase;color:#fff}.typography__heading--main{font-size:6rem;letter-spacing:3.5rem;font-weight:600}@media only screen and (max-width:56.25em){.typography__heading--main{font-size:4rem;letter-spacing:1rem}}.typography__heading--sub{font-size:2rem;letter-spacing:1rem;font-weight:600}@media only screen and (max-width:56.25em){.typography__heading--sub{font-size:1.5rem;letter-spacing:.5rem}}@media only screen and (max-width:37.5em){.typography__heading--sub{font-size:1.1rem;letter-spacing:.5rem}}.typography__heading--black{color:#000}.footer{display:flex;justify-content:space-evenly;flex-direction:row;align-items:center;background-image:linear-gradient(90deg,#414345,#1f1c2c);padding:5rem 0}@media only screen and (max-width:56.25em){.footer{flex-direction:column}}.footer__photo{display:block;width:15rem;height:8rem}@media only screen and (max-width:56.25em){.footer__photo{margin-bottom:2rem}}.footer__copyright{color:#f7f7f7;font-weight:500;font-size:1.2rem}.footer__copyright--list li:first-of-type{list-style-type:none}.header{display:flex;justify-content:center;align-items:center;height:85vh;background-image:url(/static/media/hero.33950aa0.jpg);background-size:cover;background-position:bottom;position:relative}@supports((-webkit-clip-path:polygon(0 0)) or (clip-path:polygon(0 0))) or (-webkit-clip-path:polygon(0 0)){.header{-webkit-clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);clip-path:polygon(0 0,100% 0,100% 75vh,0 100%);height:95vh}}@media only screen and (max-width:56.25em){.header{-webkit-clip-path:polygon(0 0,100% 0,100% 90vh,0 100%);clip-path:polygon(0 0,100% 0,100% 90vh,0 100%);height:95vh}}.header__logobox{position:absolute;top:2rem;left:2rem}.header__logo{height:3.5rem;width:5.5rem}.header__text-box{margin-bottom:10rem}.section-typography{background-image:linear-gradient(to right bottom,#232526,#414345);padding:25rem 0;margin-top:-20vh}.section-about{display:flex;justify-content:space-between;background-color:#f7f7f7;padding:10rem 0;margin-top:-15vh;-webkit-transform:skewY(7deg);transform:skewY(7deg)}@media only screen and (max-width:56.25em){.section-about{flex-direction:column-reverse;justify-content:center;align-items:center}}.section-about>*{-webkit-transform:skewY(-7deg);transform:skewY(-7deg)}.section-products{background-image:linear-gradient(to right bottom,#232526,#414345);padding:35rem 0;margin-top:-15vh}@media only screen and (max-width:56.25em){.section-products{padding:15rem 0}}.section-contact{display:flex;justify-content:center;background-image:url(/static/media/contact-bg.e04bb1b9.jpg);background-position:bottom}.section-contact,.section-map{background-size:cover;padding:25rem 0}.section-map{background-image:url(/static/media/wooden-map.83a20315.jpeg);background-position:50%;text-align:center}@media only screen and (max-width:56.25em){.section-map{padding:10rem 0}}.glide__slide{text-align:center;margin:0 auto;padding:4rem}.glide__container--bullets{padding-top:2rem}@media only screen and (max-width:56.25em){.glide__container--arrows{display:none}}.glide__icons{width:3rem;height:3rem}