.button--big{color:var(--button-text-color);font-family:Geist,sans-serif;font-style:normal;text-decoration:none;position:relative;align-items:center;display:inline-flex;flex-wrap:nowrap;justify-content:center}.button--big:hover,.button--big[aria-current]{color:var(--button-text-color-active)}.button--big:after{content:"";background:var(--button-background);box-shadow:var(--button-box-shadow);width:100%;height:100%;position:absolute;pointer-events:none}.button--big:hover:after,.button--big[aria-current]:after{background:var(--button-background-active)}.button--big:after,.button--big>*{transition:all .1s ease-out,background .25s}.button--big:not([aria-current]):hover:after,.button--big:not([aria-current]):hover>*{transition:all .25s,background .05s}.button--big>*{position:relative;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.button--big>span{white-space:nowrap}@media (min-width: 768px){.button--big{font-size:20px;line-height:30px;padding:0 15px;height:45px;gap:8px;cursor:pointer}.button--big:after{border-radius:22.5px}.button--big:after,.button--big>*{top:0}.button--big:not([aria-current]):hover:after,.button--big:not([aria-current]):hover>*{top:-3px}.button--big>svg{height:22px}}@media (max-width: 767px){.button--big{font-size:16px;line-height:20px;padding:0 10px;height:35px;gap:5px}.button--big:after{border-radius:17.5px}.button--big>svg{height:18px}}@font-face{font-family:Agatho,sans-serif;font-style:normal;font-weight:700;src:url(/asset/font/Agatho_Bold.woff2) format("woff2")}.app-footer{color:var(--app-footer-text-color);opacity:var(--app-footer-text-opacity);width:var(--app-width);display:flex;flex-wrap:nowrap;gap:15px;justify-content:space-between;margin:0 auto;position:relative;z-index:var(--app-footer-z-index)}@media (min-width: 768px){.app-footer{padding:240px 0 60px}}@media (max-width: 767px){.app-footer{padding:120px 0 15px}}.app-header{position:fixed;z-index:var(--app-header-z-index)}.app-header nav{display:flex;flex-wrap:nowrap;justify-content:space-between}.app-header nav ul{display:flex;flex-wrap:nowrap;gap:var(--button-big-menu-gap)}.app-header__button{--button-background: var(--app-header-button-background);--button-background-active: var(--app-header-button-background-active);--button-text-color: var(--app-header-button-text-color);--button-text-color-active: var(--app-header-button-text-color-active)}@media (min-width: 768px){.app-header{top:35px;right:35px}}@media (max-width: 767px){.app-header{top:10px;right:10px}}:root{color:var(--text-color);font-family:Geist,sans-serif;font-size:16px;line-height:25px;text-align:left;font-synthesis:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background-color:var(--page-background);box-sizing:border-box;transition:background-color .6s ease-out}*,*:before,*:after{box-sizing:inherit}html{height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;overflow-x:hidden;overflow-y:scroll}button{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;background:none;border:none;padding:0;display:flex;-webkit-user-select:none;user-select:none}canvas{display:block}dl{padding:0;margin:0;list-style:none}dt,dd{font-weight:inherit;margin:0}figure{margin:0}figure :is(img,video){margin:0 auto}figure img{width:100%}img{max-width:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}ul{padding:0;margin:0;list-style:none}@media (min-width: 768px){button{cursor:pointer}}blockquote,figcaption,h1,h2,h3,p{color:var(--text-color)}a{color:var(--link-color);font-weight:400;text-decoration:none}figcaption{font-family:Geist,sans-serif;font-style:normal;font-weight:400}h1,h2,h3{margin:0}hr{background:var(--rule-color);border:none;opacity:var(--rule-opacity);width:100%;height:1px;margin:0 auto;position:relative}p{font-family:Geist,sans-serif;font-style:normal;font-weight:400;margin:0}p b{font-weight:600}p i{font-style:italic;font-weight:450}@media (min-width: 768px){a{cursor:pointer}figcaption{font-size:14px;line-height:20px;margin:8px 0 -10px}p{font-size:20px;line-height:35px}p a{border-bottom:1.5px solid var(--link-color)}p a:hover{color:var(--text-color);border-bottom:1.5px solid var(--text-color)}}@media (max-width: 767px){figcaption{font-size:12px;line-height:20px;margin:4px 0 -10px}p{font-size:16px;line-height:25px}}.home-feature{background:radial-gradient(circle at 50% 150%,#e1dfd9,#e1dfd900 50%);position:relative;overflow:hidden}.home-feature__banner{width:100%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);z-index:3;align-items:center;display:flex;flex-direction:column}.home-feature__banner-head{aspect-ratio:68 / 33;width:100%;position:relative}.home-feature__banner-head img{opacity:0;width:100%}.home-feature__banner-info{position:relative}.home-feature__banner-info:before{content:"";background:var(--rule-color);opacity:var(--rule-opacity);width:100%;height:1px;position:absolute;top:0;left:0}.home-feature__banner-info p{text-align:center;margin:0 auto}.home-feature__banner-info p span{white-space:nowrap;position:relative;z-index:1}.home-feature__banner-info span:after{content:"";background-color:var(--color-lemon);-webkit-mask-image:url(/asset/image/brush/stroke01.png);mask-image:url(/asset/image/brush/stroke01.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:105%;height:105%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-2deg);z-index:-1}ul.home-feature__banner-menu{display:flex;gap:var(--button-big-menu-gap)}ul.home-feature__banner-menu li:nth-child(2){--button-background: var(--color-gray2);--button-background-active: var(--color-gray2)}@media (min-width: 768px){.home-feature{height:max(100vh,720px)}.home-feature__banner{width:min(80vw,800px)}.home-feature__banner-head{margin-bottom:40px}.home-feature__banner-info{padding-top:30px}.home-feature__banner-info p{width:75%}ul.home-feature__banner-menu{margin-top:30px}}@media (max-width: 767px){.home-feature{height:max(100vh,480px)}.home-feature__banner{width:min(calc(100vw - 30px),max(80vw,320px))}.home-feature__banner-head{margin-bottom:20px}.home-feature__banner-info{padding-top:10px}.home-feature__banner-info p{width:100%}ul.home-feature__banner-menu{margin-top:20px}}.home-service{align-items:center;display:flex;flex-direction:column;overflow-x:hidden}.home-service :is(h1,h2){font-family:Agatho,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1.1em}.home-service h1{position:relative}.home-service h1:before{content:"";background:var(--rule-color);opacity:var(--rule-opacity);width:100%;height:1px;position:absolute;bottom:0;left:0}footer.home-service__item,header.home-service__item{align-items:center;display:flex;flex-direction:column}.home-service__item{position:relative;z-index:2}.home-service__item>svg{color:var(--color-gray2);position:absolute;z-index:-2}.home-service__item>ul{display:flex;gap:var(--button-big-menu-gap)}.home-service__main{width:100%;align-items:center;display:flex;flex-direction:column}.home-service__main section h2{position:relative;display:inline-block}.home-service__main section h2:before{content:"";-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:105%;height:100%;position:absolute;top:55%;left:50%;transform:translate(-49%,-50%) rotate(-.5deg);z-index:-1}.home-service__main section:nth-child(1) h2:before{background:var(--color-azure-light);-webkit-mask-image:url(/asset/image/brush/stroke02.png);mask-image:url(/asset/image/brush/stroke02.png)}.home-service__main section:nth-child(2) h2:before{background:var(--color-fairy-light);-webkit-mask-image:url(/asset/image/brush/stroke07.png);mask-image:url(/asset/image/brush/stroke07.png)}.home-service__main section:nth-child(3) h2:before{background:var(--color-lemon-light);-webkit-mask-image:url(/asset/image/brush/stroke04.png);mask-image:url(/asset/image/brush/stroke04.png)}.home-service__main section:nth-child(4) h2:before{background:var(--color-grape-light);-webkit-mask-image:url(/asset/image/brush/stroke06.png);mask-image:url(/asset/image/brush/stroke06.png)}.home-service__main section:nth-child(5) h2:before{background:var(--color-coral-light);-webkit-mask-image:url(/asset/image/brush/stroke03.png);mask-image:url(/asset/image/brush/stroke03.png)}@media (min-width: 1200px){footer.home-service__item,header.home-service__item{width:min(60vw,540px)}.home-service__item{width:min(40vw,480px)}.home-service__main{padding:75px 0;margin:20px 0;position:relative;z-index:1}.home-service__main:before{content:"";background:var(--color-gray2);-webkit-mask-image:url(asset/image/home/curl.png);mask-image:url(asset/image/home/curl.png);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.home-service__main section:nth-child(odd){left:-15vw}.home-service__main section:nth-child(2n+2){right:-15vw}}@media (min-width: 768px){.home-service{padding:80px 0}.home-service h1{font-size:60px;padding:0 0 10px;margin:0 0 10px}.home-service h2{font-size:48px;margin:0 0 10px}footer.home-service__item,header.home-service__item{text-align:center}.home-service__item>svg{width:160px}.home-service__item>ul{margin:30px 0 0}.home-service__main{gap:55px}}@media (min-width: 768px) and (max-width: 1199px){.home-service__item{width:min(65vw,600px)}.home-service__main{margin:60px 0}}@media (max-width: 767px){.home-service{padding:80px 0}.home-service h1{font-size:40px;padding:0 0 10px;margin:0 0 10px}.home-service h2{font-size:32px;margin:0 0 12px}.home-service__item{width:min(var(--app-width),360px)}.home-service__item>svg{width:120px}.home-service__item>ul{margin:30px 0 0}.home-service__main{margin:40px 0;gap:40px}}.project{counter-reset:paragraph}.project :is(h1,h2){font-family:Inter Tight,sans-serif;font-weight:700}.project h3{font-weight:700}.project h3:before{content:counter(paragraph) ". ";counter-increment:paragraph}.project>:is(aside,footer,header,section){position:relative}.project>header{padding-top:var(--project-header-padding-top);padding-bottom:var(--project-header-padding-bottom)}.project>header .project__column{gap:var(--project-header-gap)}.project>:is(aside,footer,section){padding-top:var(--project-section-padding-top);padding-bottom:var(--project-section-padding-bottom)}.project>:is(aside,footer,section) hr{opacity:var(--project-section-rule-opacity)}.project>:is(aside,footer,section) .project__column{gap:var(--project-section-gap)}.project__column{width:var(--app-width);margin:0 auto;display:flex;flex-direction:column}@media (min-width: 768px){.project h1,h2{font-size:64px;line-height:75px;margin:-20px 0 -15px}.project h3{font-size:20px;line-height:35px;margin:-5px 0 0}.project p{margin:-15px 0 -10px}.project>:is(footer,header,section) figure img{border-radius:3px}.project>header h1{margin-bottom:15px}.project>:is(footer,section) :is(h2,p){padding-left:205px;width:calc(var(--main-width) - 205px)}.project>:is(footer,section) h3{height:0;width:120px;margin:-15px 0 -45px;position:relative}.project>:is(footer,section) h3:before{text-align:right;position:absolute;right:calc(100% + 6px)}.project .carousel{margin:0 0 -25px}.project .credits{margin:0 0 -15px}}@media (max-width: 767px){.project :is(h1,h2){font-size:32px;line-height:40px;margin:-10px 0}.project h3{font-size:16px;line-height:25px;margin:-6px 0 0}.project p{margin:-10px 0 -5px}.project>:is(footer,header,section) figure img{border-radius:2px}.project .carousel{margin:0 0 -15px}.project .credits{margin:-15px 0 -10px}}.carousel{width:100vw;position:relative;left:50%;transform:translate(-50%);z-index:var(--interactive-z-index);align-items:center;display:flex;flex-direction:column;overflow-x:hidden}.carousel>*{width:var(--app-width)}ul.carousel__control{display:flex;flex-wrap:none;justify-content:center}ul.carousel__control li button{align-items:center;display:flex;justify-content:center}ul.carousel__control li button:after{content:"";background:var(--carousel-control-color);border-radius:50%;opacity:var(--carousel-control-opacity);transition:all .15s}ul.carousel__control li[aria-current] button:after{background:var(--carousel-control-color-active);opacity:var(--carousel-control-opacity-active)}ul.carousel__gallery{position:relative}ul.carousel__gallery li{width:100%;position:absolute;top:0;left:0;overflow:hidden}ul.carousel__gallery li img{width:auto;max-width:100%;height:auto;max-height:100%}@media (min-width: 769px){ul.carousel__control{padding:10px 0}ul.carousel__control li button{width:45px;height:40px}ul.carousel__control li button:after{width:10px;height:10px}ul.carousel__gallery li{border-radius:3px}}@media (max-width: 768px){ul.carousel__control li button{width:35px;height:40px}ul.carousel__control li button:after{width:8px;height:8px}ul.carousel__gallery li{border-radius:2px}}.credits{color:var(--credits-color);font-size:14px;line-height:15px;position:relative}.credits__list-item{break-inside:avoid;position:relative}.credits__list-item:first-child dd{font-family:Inter Tight,sans-serif;font-weight:700}@media (min-width: 769px){.credits{font-size:16px;font-weight:300;line-height:22px}.credits b{font-weight:700}.credits__list{padding:30px 0 0;columns:4 auto;column-gap:40px}.credits__list:before{content:"";background:var(--credits-color);opacity:var(--rule-opacity);width:100%;height:1px;position:absolute;top:0;left:0}.credits__list-item{padding:15px 0}.credits__list-item:first-child dd{font-size:30px;line-height:32px}.credits__list-item dt{margin:0 0 7px}.credits__list-item svg{max-width:160px;max-height:40px}}@media (max-width: 1200px) and (min-width: 769px){.credits__list{columns:3 auto}}@media (max-width: 768px){.credits{font-size:14px;line-height:18px;z-index:var(--interactive-z-index)}.credits button{padding:8px 0;width:100%;position:relative;align-items:center;display:flex;justify-content:space-between}.credits button:after{content:"";background:var(--credits-color);opacity:var(--rule-opacity);width:100%;height:1px;position:absolute;bottom:0;left:0}.credits button span{margin:-1px 0 0}.credits button svg{opacity:.85;width:18px}.credits__list{padding:12px 0 0;columns:2 auto;column-gap:25px}.credits__list-item{padding:10px 0}.credits__list-item:first-child dd{font-size:20px;line-height:22px}.credits__list-item dt{margin:0 0 4px}.credits__list-item svg{max-width:120px;max-height:40px}}ul.gallery{display:grid}@media (min-width: 769px){ul.gallery{gap:20px}}@media (max-width: 768px){ul.gallery{gap:15px}}.modal-content{background:none;border:none;outline:none;padding:0;top:0;right:0;bottom:0;left:0;position:absolute;overflow:hidden}.modal-content__button{background:var(--modal-button-background);border-radius:50%;position:fixed;z-index:10;align-items:center;display:flex;justify-content:center}.modal-content__button svg{color:var(--modal-button-text-color)}.modal-overlay{background:var(--modal-background);min-height:100vh;top:0;right:0;bottom:0;left:0;position:fixed;z-index:var(--modal-z-index);pointer-events:all}@media (min-width: 768px){.modal-content__button{width:45px;height:45px;top:35px;right:35px;cursor:pointer}.modal-content__button svg{width:22px;transition:transform .2s ease-in-out}.modal-content__button:hover svg{transform:rotate(90deg)}}@media (max-width: 767px){.modal-content__button{width:35px;height:35px;top:10px;right:10px}.modal-content__button svg{width:18px}}figure.quote{display:flex;flex-direction:column;gap:var(--project-section-gap)}figure.quote blockquote{font-family:"Source Serif 4",serif;font-style:normal;font-weight:450}figure.quote blockquote b{font-weight:900}figure.quote blockquote i{font-style:italic}figure.quote figcaption{text-align:right}@media (min-width: 768px){figure.quote blockquote{font-size:40px;line-height:54px;margin:-15px 0 -10px}figure.quote figcaption{font-size:22px;line-height:35px;margin:-15px 0 -8px}}@media (max-width: 767px){figure.quote blockquote{font-size:24px;line-height:32px;margin:-10px 0 -5px}figure.quote figcaption{font-size:16px;line-height:25px;margin:-8px 0 -6px}}.video{aspect-ratio:16 / 9;width:100%;position:relative;overflow:hidden}.video__content :is(img,video){width:100%;position:absolute}.video__content video{z-index:1}.video__control{position:absolute;bottom:0;z-index:2;display:flex;flex-wrap:nowrap}.video__control-button,.video__control-slider{align-items:center;display:flex;justify-content:center}.video__control-button svg{height:30px}.video__control-button svg g{fill:var(--video-control-front-color)}.video__control-slider{position:relative}.video__control-slider *{position:absolute}.video__control-slider-dial{background:var(--video-control-front-color);border-radius:8px;box-shadow:var(--video-control-front-box-shadow);width:16px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.video__control-slider-fill,.video__control-slider-line{border-radius:4px;width:100%;height:8px;left:0}.video__control-slider-fill{background:var(--video-control-front-color);z-index:1}.video__control-slider-line{background:var(--video-control-back-color);opacity:var(--video-control-back-opacity)}.video__overlay{top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.video__overlay-button,.video__overlay-dimmer,.video__overlay-shadow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video__overlay-button{z-index:1}.video__overlay-button svg{width:100%}.video__overlay-button svg g{fill:var(--video-control-front-color)}.video__overlay-dimmer,.video__overlay-shadow{width:100%;height:100%}.video__overlay-dimmer{background:var(--video-overlay-dimmer-color)}.video__overlay-shadow{background:var(--video-overlay-shadow-color)}@media (min-width: 768px){.video{border-radius:5px;clip-path:inset(0 round 5px);cursor:pointer}.video__control{width:calc(100% - 20px)}.video__control-button,.video__control-slider{height:60px}.video__overlay-button svg{filter:drop-shadow(0 0 5vw rgba(0,0,0,1))}.video__overlay-shadow{-webkit-mask:linear-gradient(rgba(0,0,0,0) 80%,rgba(0,0,0,.25));mask:linear-gradient(rgba(0,0,0,0) 80%,rgba(0,0,0,.25))}}@media (max-width: 767px){.video{border-radius:3px;clip-path:inset(0 round 3px)}.video__overlay-button svg{filter:drop-shadow(0 0 8vw rgba(0,0,0,1))}.video__overlay-button{width:15%}}.contact-banner{--button-background: var(--color-gray1);--button-background-active: var(--color-gray1);position:absolute;top:50%;left:48%;transform:translate(-50%,-50%)}.contact-banner h1{font-family:Agatho;font-weight:700;letter-spacing:-.04em;line-height:1.1em;text-align:center;position:relative;z-index:1}.contact-banner h1:before{content:"";background:linear-gradient(90deg,#fc1 50%,#fc10 50%);background-position-x:100%;background-repeat:no-repeat;background-size:200% 100%;-webkit-mask-image:url(/asset/image/brush/stroke06.png);mask-image:url(/asset/image/brush/stroke06.png);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;width:120%;height:70%;position:absolute;top:55%;left:-10%;transform:translateY(-50%) rotate(-1deg);z-index:-1;animation:scale-in .7s ease-in-out .5s forwards}.contact-banner ul{display:flex;flex-direction:column;gap:var(--button-big-menu-gap)}@keyframes scale-in{0%{background-position-x:100%}to{background-position-x:0%}}@media (min-width: 768px){.contact-banner{width:555px}.contact-banner h1{font-size:120px}.contact-banner hr{margin:10px 0 15px}.contact-banner ul{margin:20px 0 0}}@media (max-width: 767px){.contact-banner{width:240px}.contact-banner h1{font-size:48px}.contact-banner hr{margin:15px 0}.contact-banner ul{margin:18px 0 0}}.portfolio{height:100%;align-items:center;display:flex;flex-direction:column}ul.portfolio__grid li{overflow:hidden}ul.portfolio__grid li button{width:100%;height:100%;position:relative;overflow:hidden}.portfolio__grid-item-about{color:var(--color-gray5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;align-items:center;display:flex;flex-wrap:nowrap;justify-content:center}.portfolio__grid-item-about-split{background:var(--color-gray5);width:1px}.portfolio__grid-item-about-title{font-family:Inter Tight,sans-serif;font-weight:700;line-height:1.1em;text-align:right;width:min-content;max-width:100%;overflow-wrap:normal}.portfolio__grid-item-image{background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width: 768px){ul.portfolio__grid{padding:20px;width:100%;display:grid;flex:1;gap:20px;overflow:hidden}ul.portfolio__grid li button{border-radius:10px}.portfolio__grid-item-about{gap:10px}.portfolio__grid-item-about svg{max-width:120px;height:35px}.portfolio__grid-item-about-split{height:40px}.portfolio__grid-item-about-title{font-size:24px}}@media (max-width: 767px){ul.portfolio__grid{padding:0 0 15px;width:var(--app-width);display:flex;flex-direction:column;gap:5px}ul.portfolio__grid li button{border-radius:5px;height:180px}.portfolio__grid-item-about{gap:10px}.portfolio__grid-item-about svg{max-width:110px;height:35px}.portfolio__grid-item-about-split{height:30px}.portfolio__grid-item-about-title{font-size:22px}}ul.portfolio__menu{display:flex;flex-wrap:wrap}@media (min-width: 768px){ul.portfolio__menu{padding:35px 0 15px;width:calc(100% - 300px);gap:10px;justify-content:center}ul.portfolio__menu li button{color:var(--color-gray3);font-size:20px;padding:0 15px;height:45px;position:relative;z-index:1;align-items:center;display:flex;flex-wrap:nowrap;gap:8px;transition:color .25s ease-in-out}ul.portfolio__menu li button:hover,ul.portfolio__menu li button[aria-current]{color:var(--color-gray5)}ul.portfolio__menu li button:after{content:"";background:linear-gradient(90deg,#f4f3f2 50%,#f4f3f200 50%);background-size:200% 100%;background-position-x:100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;opacity:0;width:100%;height:35px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-1deg);z-index:-1;transition:background-position-x 0s .3s ease-in,opacity .25s}ul.portfolio__menu li button[aria-current]:after{background-position-x:0%;opacity:1;transition:background-position-x .3s ease-out,opacity 0s}ul.portfolio__menu li:nth-child(5n+1) button:after{-webkit-mask-image:url(/asset/image/brush/stroke01.png);mask-image:url(/asset/image/brush/stroke01.png)}ul.portfolio__menu li:nth-child(5n+2) button:after{-webkit-mask-image:url(/asset/image/brush/stroke08.png);mask-image:url(/asset/image/brush/stroke08.png)}ul.portfolio__menu li:nth-child(5n+3) button:after{-webkit-mask-image:url(/asset/image/brush/stroke04.png);mask-image:url(/asset/image/brush/stroke04.png)}ul.portfolio__menu li:nth-child(5n+4) button:after{-webkit-mask-image:url(/asset/image/brush/stroke06.png);mask-image:url(/asset/image/brush/stroke06.png)}ul.portfolio__menu li:nth-child(5n+5) button:after{-webkit-mask-image:url(/asset/image/brush/stroke07.png);mask-image:url(/asset/image/brush/stroke07.png)}ul.portfolio__menu li button svg{width:22px}}@media (max-width: 767px){ul.portfolio__menu{padding:52px 0 15px;width:var(--app-width);gap:var(--button-big-menu-gap)}}.showreel{width:100%;height:100%;position:relative}.showreel:after{content:"";background:var(--color-gray1);-webkit-mask-image:url(/asset/image/showreel/tile-logos.png);mask-image:url(/asset/image/showreel/tile-logos.png);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:repeat;mask-repeat:repeat;width:100%;height:100%;position:absolute}.showreel__video{width:var(--app-width);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}@media (min-width: 768px){.showreel:after{-webkit-mask-size:1280px;mask-size:1280px}.showreel__video{box-shadow:0 10px 25px 2px #0000001a}}@media (max-width: 767px){.showreel:after{-webkit-mask-size:800px;mask-size:800px}}:root{--box-shadow0: 0 0 rgba(0, 0, 0, 0);--box-shadow1: 0 0 2px 1px rgba(0, 0, 0, .07);--box-shadow2: 0 0 rgba(0, 0, 0, 0);--box-shadow3: 0 0 rgba(0, 0, 0, 0);--color-white: #fff;--color-gray1: #f4f3f2;--color-gray2: #e1dfda;--color-gray3: #c8c5c0;--color-gray4: #656460;--color-gray5: #222;--color-black: #000;--color-coral: #e54;--color-coral-light: #fba;--color-lemon: #fb1;--color-lemon-light: #fd9;--color-basil: #3a4;--color-basil-light: #bda;--color-azure: #49f;--color-azure-light: #bdf;--color-royal: #327;--color-royal-light: #bad;--color-grape: #75f;--color-grape-light: #bbf;--color-fairy: #f8c;--color-fairy-light: #fce}:root{--app-footer-text-color: var(--color-gray5);--app-footer-text-opacity: .3;--app-header-button-background: var(--color-white);--app-header-button-background-active: var(--color-white);--app-header-button-text-color: var(--color-gray5);--app-header-button-text-color-active: var(--color-gray5);--button-background: var(--color-white);--button-background-active: var(--color-white);--button-text-color: var(--color-gray5);--button-text-color-active: var(--color-gray5);--carousel-control-color: var(--color-gray5);--carousel-control-color-active: var(--color-gray5);--carousel-control-opacity: .2;--carousel-control-opacity-active: 1;--credits-color: var(--text-color);--image-border-radius: 2px;--image-box-shadow: var(--box-shadow1);--logo-color: var(--color-gray5);--modal-background: var(--color-white);--modal-button-background: var(--color-gray1);--modal-button-text-color: var(--text-color);--page-background: var(--color-gray1);--project-section-rule-opacity: .15;--link-color: var(--color-coral);--rule-color: var(--color-gray5);--rule-opacity: .8;--text-color: var(--color-gray5);--video-background: transparent;--video-box-shadow: none;--video-control-back-color: var(--color-black);--video-control-back-opacity: .25;--video-control-front-box-shadow: var(--box-shadow1);--video-control-front-color: var(--color-white);--video-overlay-dimmer-color: var(--color-black);--video-overlay-dimmer-opacity: .2;--video-overlay-shadow-color: var(--color-black)}:root{--app-header-z-index: 80;--app-footer-z-index: 0;--interactive-z-index: 10;--logo-z-index: 100;--modal-z-index: 90}:root{--video-aspect-ratio: 56.25%}@media (min-width: 768px){:root{--app-width: min(65vw, 1080px);--app-width-large: min( calc(100vw - 120px) , 1680px);--app-width-small: min(50vw, 960px);--button-big-menu-gap: 12px;--project-header-gap: 55px;--project-header-padding-top: 155px;--project-header-padding-bottom: 100px;--project-section-gap: 60px;--project-section-padding-top: 60px;--project-section-padding-bottom: 60px}}@media (max-width: 1199px) and (min-width: 768px){:root{--app-width: min(85vw, calc(100vw - 120px) );--app-width-small: 65vw}}@media (max-width: 767px){:root{--app-width: calc(100vw - 30px) ;--app-width-large: calc(100vw - 30px) ;--app-width-small: calc(100vw - 30px) ;--button-big-menu-gap: 5px;--project-header-gap: 40px;--project-header-padding-top: 80px;--project-header-padding-bottom: 50px;--project-section-gap: 30px;--project-section-padding-top: 30px;--project-section-padding-bottom: 30px}}