@font-face{font-family:canopee;src:url("Canopee Regular.3bdd72a2.otf")}@font-face{font-family:editorial;src:url(EditorialNew-Light.92d49c3e.otf)}html{background-color:#cdc6be;overflow:hidden}body{opacity:0;background-color:#cdc6be;transition:opacity 1.5s ease-out}body.visible{opacity:1}.container{width:95%;margin:0 auto}header{z-index:3;background-color:#cdc6be;border-bottom:1px solid #999;width:100%;height:10vh;position:fixed;top:0;left:0}header .container{justify-content:space-between;align-items:center;padding:2vh 0;display:flex}header .loc{color:#555;font-size:clamp(1vw,20px,2vw)}header .logo a{color:#444;font-family:canopee;font-size:clamp(2.5vw,22px,3vw);text-decoration:none}header .hamburger{cursor:pointer;width:40px;height:40px;position:relative}header .hamburger:before,header .hamburger:after{content:"";transform-origin:0;background-color:#333;width:30px;height:2px;transition:transform .5s;position:absolute;top:40%;left:50%;transform:translate(-50%)}header .hamburger:after{top:60%}header .hamburger:hover:before{transform:translate(-10px)}header .hamburger:hover:after{transform:translate(-20px)}.backdrop{z-index:5;opacity:0;pointer-events:none;width:100vw;height:1vh;position:fixed;top:0;left:0;overflow:hidden}.backdrop header,.backdrop header .loc,.backdrop header .logo a{color:#ddd}.backdrop header .hamburger:before,.backdrop header .hamburger:after{background-color:#ddd;transform:translate(-15%)rotate(45deg)translate(-25%)}.backdrop header .hamburger:after{transform:translate(-15%)rotate(-45deg)translate(-25%)}.backdrop header .hamburger:hover:before{transform:translate(-15%)rotate(45deg)translate(-35%)}.backdrop header .hamburger:hover:after{transform:translate(-15%)rotate(-45deg)translate(-35%)}.backdrop .canvas{z-index:-1;pointer-events:none;background-color:#000;width:100%;height:100%;position:absolute;inset:0}.backdrop .nav{flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:10vh;display:flex}.backdrop .cover{position:relative;overflow:hidden}.backdrop .cover .nav-link{color:#ddd;cursor:pointer;font-family:canopee,sans-serif;font-size:clamp(10vw,23px,15vw);line-height:1;transition:letter-spacing .5s cubic-bezier(.075,.82,.165,1);position:relative}.backdrop .cover .nav-link:hover{letter-spacing:2px}.backdrop .cover .nav-link:before{content:"";opacity:.8;background-color:#ff1d56;width:130%;height:8px;transition:left .5s .15s;position:absolute;top:50%;left:-100%;transform:translate(-50%,-50%)}.backdrop .cover .nav-link.active:before{left:50%}.backdrop .links{justify-content:space-around;width:100%;padding:5vh 0;display:flex}.backdrop .links p{color:#ddd;font-family:canopee,sans-serif;font-size:1.4vw}.waves{width:100%;max-height:15%;position:absolute;bottom:0}.parallax>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.parallax>use:first-child{fill:#fff0;animation-duration:7s;animation-delay:-2s}.parallax>use:nth-child(2){fill:#ffffff1a;animation-duration:10s;animation-delay:-3s}.parallax>use:nth-child(3){fill:#fff3;animation-duration:13s;animation-delay:-4s}.parallax>use:nth-child(4){fill:#ffffff4d;animation-duration:20s;animation-delay:-5s}@keyframes move-forever{0%{transform:translate(-95px)}to{transform:translate(85px)}}#viewport{width:100vw;height:100vh;padding-top:10vh;position:relative;overflow:hidden}main.container{width:100%;height:90vh}.content{width:95%;margin:0 auto;padding-top:5vh}.scrollbar-track-x{visibility:hidden;display:none!important}.splide__slide{cursor:grab;width:30vw;padding:0 2vw}.splide__slide img{outline:1px solid;margin:2vh 0;display:block}.splide__slide h2{font-family:canopee}.splide__slide p{color:#333;font-family:editorial}.works-container{text-align:center;outline:1px solid #666;font-family:editorial}.works-container .works-title{font-family:canopee;font-size:5vw}.works-container .works-subtitle{font-size:2vw;font-weight:100}.works-container .help{color:#444;font-weight:100}.works-container .help .tip{color:#333;font-weight:800}.site-title{background-color:#222;margin-top:4vh}.site-title h1{text-align:center;color:#ddd;font-family:canopee;font-size:30vw;line-height:1.2}.poster{margin-top:5vh}.poster-item{height:max-content;padding:0 1vw}.poster h2{text-align:right;font-family:canopee;font-size:6vw;line-height:1.3}.poster p{text-align:left;font-family:editorial;font-size:2vw;line-height:2.7vw}.poster p:first-letter{float:left;color:#cdc6be;background-color:#1d1d1b;margin-top:1vw;margin-right:1vw;padding:.75vw;font-size:7vw;line-height:5vw}.poster .pure-g{align-items:flex-end}.poster .right{flex-direction:column;justify-content:space-between;height:100%;display:flex}.website{justify-content:space-between;align-items:center;display:flex}.website-title{background-color:#222;width:80%;height:100%}.website-title h1{font-family:canopee;font-size:15vw}.website-image{width:20%}.website-image img{padding:1%}.work{padding:5vh 0}.work-left{border-right:1px solid #444;padding-right:2vw}.work-left .top{margin-bottom:5vh}.work-left .title{font-family:canopee,serif;font-size:3.5vw;font-weight:bolder}.work-left .subtitle{font-family:editorial,serif;font-size:2.4vw;font-weight:lighter}.work-left p{font-family:editorial,serif;font-size:1.8vw}.work-left .help{margin-top:2vh;font-size:1.2vw}.work-left .help .tip{font-weight:700}.work-left-b{border-left:1px solid #444;padding:2vh 2vw}.work-left-b p.title{font-family:canopee;font-size:2vw}.work-left-b img{outline:1px solid #444}.work-left-b .new{color:#cdc6be;vertical-align:middle;background-color:#be0000;border-radius:5px;padding:0 10px;font-size:1.5vw}.work-right{padding-left:2vw}.work-right .title{font-family:canopee,serif;font-size:3.5vw}.work-right .subtitle{font-family:canopee,serif;font-size:7vw}.work-right .para-a,.work-right .para-b{text-align:left;font-family:editorial,sans-serif;font-size:2.5vw}.work-right .para-a:first-letter{float:left;color:#cdc6be;background-color:#1d1d1b;margin-top:1vw;margin-right:1vw;padding:5px;font-size:7vw}.work .oval{cursor:pointer;border-radius:50%;outline:1px solid #555;width:25vw;margin:5vh auto;overflow:hidden}.work .oval .items{width:60vw;height:100%;transition:transform .5s ease-in;transform:translate(-18vw)}.work .oval .items div,.work .oval .items svg{text-align:center;vertical-align:middle;fill:#444;color:#444;width:20vw;font-size:3vw;display:inline-block}.work .oval:hover .items{transform:translate(2vw)}.awards{border-top:1px solid #444;border-bottom:1px solid #444;margin:5vh 0}.awards .pure-g{text-align:center}.awards .pure-g div.card{justify-content:center;padding:1vw;display:flex}.awards .info{flex-direction:column;justify-content:center;align-items:center;display:flex}.awards .info .honour{color:#444;font-family:editorial;font-size:1.5vw}.awards .info .type{color:#333;font-family:canopee;font-size:3.5vw;font-weight:500}.awards p.count{color:#222;font-family:editorial;font-size:7vw;font-weight:500}.hero .pure-g{margin-top:5vh}.hero .top{align-items:center;display:flex}.hero .top img{object-fit:cover;width:10vw}.hero p.title{font-family:canopee,serif;font-size:24vw;line-height:.9}.hero .right img{width:100%}.hero .title.artisan{color:#ddd;text-align:center;background-color:#222;font-family:canopee,serif;font-size:20vw}.hero-t{padding:1vw;font-family:canopee,serif;font-size:5vw}.hero-para{padding-left:1vw;font-family:editorial;font-size:1.8vw}.reviews{height:50vh;max-height:350px;margin:10vh 0;position:relative;overflow:hidden}.reviews .content{border-radius:5px;outline:2px dashed #444;flex-direction:column;justify-content:space-between;height:100%;padding:2vw;display:flex}.reviews .info{flex-direction:column;justify-content:space-between;display:flex}.reviews .card{background-color:#cdc6be;border:2px solid #444;border-radius:15px;flex-direction:column;justify-content:space-between;width:40vw;height:100%;padding:2vw;display:flex;position:absolute}.reviews .card:first-of-type{z-index:1;left:0%}.reviews .card:nth-of-type(2){z-index:2;left:20%}.reviews .card:nth-of-type(3){z-index:3;left:40%}.reviews .card:nth-of-type(4){z-index:4;left:60%}.reviews .card img{border-radius:50%;width:4vw;height:4vw}.reviews .card .reviewer{display:flex}.reviews .card .info{color:#333;margin-left:1vw;font-family:editorial,sans-serif}.reviews .card .info .user{color:#222;font-family:canopee,serif}.projects{border-top:1px solid #444;justify-content:space-between;align-items:center;display:flex}.projects .left,.projects .right,.projects .center{width:32%;padding:2vw}.projects img{border:1px solid #444}.projects .center{text-align:center;border-left:1px solid #444;border-right:1px solid #444}.projects .title{font-family:canopee,serif;font-size:3vw}.projects .new{color:#cdc6be;vertical-align:middle;background-color:#8b0a0a;border-radius:5px;padding:2px 4px;font-size:2vw}.projects p{font-family:editorial,sans-serif;font-size:2vw}@keyframes slideleft{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.banner{box-sizing:border-box;border-top:1px solid #444;border-bottom:1px solid #444;width:100%;margin:5vh 0;padding:5vh 0;overflow:hidden}.banner:hover .item{animation-play-state:paused}.banner .track{width:200%;display:flex}.banner .item{justify-content:space-around;align-items:center;width:100%;animation:9s linear infinite slideleft;display:flex}.banner .text,.banner p{font-family:editorial,sans-serif;font-size:5vw}.banner .mail{color:#ddd;background-color:#222;border-radius:10px;padding:5px 10px;font-family:canopee,serif;font-size:4vw}footer{justify-content:space-between;align-items:center;padding:2vh 0;display:flex}footer .logo{justify-content:space-between;min-width:150px;font-family:canopee,serif;font-size:2.5vw;display:flex}footer ul{font-family:canopee,serif;list-style:none;display:flex;overflow:hidden}footer li{padding:1vw;font-size:clamp(1vw,16px,2.2vw)}