.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@font-face{font-family:Sweet Sans Pro;font-style:normal;font-weight:400;font-display:swap;src:local("Sweet Sans Pro Regular"),url(/assets/fonts/SweetSansProRegular.otf) format("woff"),url(/assets/fonts/SweetSansProRegular.otf)}@font-face{font-family:Sweet Sans Pro;font-style:normal;font-weight:700;font-display:swap;src:local("Sweet Sans Pro Bold"),url(/assets/fonts/SweetSansProBold.woff) format("woff"),url(/assets/fonts/SweetSansProBold.otf)}@font-face{font-family:Grantmouth Standard Regular;font-style:normal;font-weight:400;font-display:swap;src:local("Grantmouth Standard Regular"),url(/assets/fonts/GrantmouthStandard.woff) format("woff"),url(/assets/fonts/GrantmouthStandard.ttf)}:root{--color-dark: #111;--color-primary: #333;--color-primary-opacity: hsla(0, 0%, 7%, .8);--color-secondary: #e7e7e7;--color-accent: #c69963;--ff-base: "Sweet Sans Pro";--ff-title: "Grantmouth Standard Regular";--fs-16: 1rem;--fs-24: 1.5rem;--fs-36: 2.25rem;--fs-title: 8vmin;--fs-title-section: clamp(36px, 8vw, 4vw);--fs-subtitle: 3vmin;scroll-behavior:smooth;box-sizing:border-box;font-size:var(--fs-16);font-family:var(--ff-base)}*,*:after,*:before{box-sizing:inherit}html,body{margin:0;height:100%}body{background-color:#333;background-image:radial-gradient(50% 80% at top center,#000000a8,#333);background-repeat:no-repeat;color:var(--color-primary);line-height:1.2}html::-webkit-scrollbar{width:5px}.wrapper{display:flex;flex-direction:column;min-height:100%}.container{margin-inline:auto;max-width:90rem}main{flex-grow:1;overflow:clip}button{display:inline-block;background-color:transparent;font-family:var(--ff-base);-webkit-appearance:none;appearance:none}img{height:auto;display:block;object-fit:cover}.link-reset{display:inline-block;text-decoration:none;color:inherit}.title{font-family:var(--ff-title)}.title,.text{margin:0;text-wrap:balance}.footer{background-color:#fff}.logo{height:100%;z-index:105;width:150px;display:flex;align-items:center;justify-content:center}svg{width:50px;height:40px;transition:stroke .3s ease,fill .3s ease}.section-device{display:none}@media only screen and (min-width: 1280px){.section-device{position:absolute;left:0;opacity:0;z-index:-1;transform:translateY(-5000%);transition:opacity .3s ease}.section-device.active{display:block;position:relative;transform:translateY(0);opacity:1;z-index:unset}}.header{position:fixed;top:0;width:100%;z-index:10;background-color:#fff;transition:transform .3s ease}.header__content{padding:0 10px;display:grid}@media only screen and (min-width: 41.6875rem){.header__content{grid-template-columns:2fr 1fr}}@media only screen and (min-width: 41.6875rem){.header__navigation{margin:0 auto}}.header .list{display:flex;flex-direction:row;justify-content:space-between;border-top:2px solid hsl(0,0%,18%);list-style:none;padding:0;margin:0}@media only screen and (min-width: 41.6875rem){.header .list{border-top:unset}}.header .list__item{background-color:transparent;padding:5px;display:grid;place-items:center;transition:background-color .3s ease}.header .list__item svg{stroke:var(--color-primary);fill:var(--color-primary)}.header .list__item:hover{background-color:#333}.header .list__item:hover svg{stroke:#c69963;fill:#c69963}.header .list__item.active{background-color:#333}.header .list__item.active svg{stroke:#fff;fill:#fff}.header .list__btn{padding:0;border:none;width:50px;height:40px;cursor:pointer}.header .logo svg{width:180px}.devices{position:relative;display:none}.devices::-webkit-scrollbar{width:5px}.devices.active{display:grid;overflow:clip auto}@media only screen and (min-width: 48rem){.devices.active{height:calc(100dvh - 50px)}}.devices.active:after,.devices.active:before{position:fixed;left:50%;transform:translate(-50%);color:#ffffff05;font-size:12vw;font-weight:700;height:1ch;line-height:0}.devices.active:before{content:"Design website";top:15%;width:100%;text-align:center;font-size:12vw}@media only screen and (min-width: 64rem){.devices.active:before{font-size:12vmin}}.devices.active:after{content:"Presentation";top:87%;color:#ffffff05;font-size:15vw}@media only screen and (min-width: 64rem){.devices.active:after{top:87%;font-size:12vmin}}@media only screen and (min-width: 64rem){.devices.active{overflow:clip;align-items:center}}.devices__content{position:relative;padding-top:120px}@media only screen and (min-width: 25.875rem){.devices__content{padding-top:100px}}@media only screen and (min-width: 64rem){.devices__content{padding-top:0}}.devices__content:after{content:"";position:fixed;width:100%;height:15%;background-image:repeating-linear-gradient(90deg,#ec4527 0px 100px,#2552a7 100px 200px,#808000cc 200px 300px,#ffad14cc 300px 400px);z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%)}.devices__wrapper{display:flex;flex-direction:column;align-items:center;justify-items:center}@media only screen and (min-width: 64rem){.devices__wrapper{display:grid;grid-template-columns:55% 36% auto;align-items:center;justify-items:center;row-gap:30px}}.devices__item{width:fit-content;height:fit-content}.devices__image{position:relative}.devices__btn{display:inline-block;width:50%;height:50%;border-radius:30px;position:absolute;opacity:1;top:50%;left:50%;transform:translate(-50%,-50%);border:none;background-color:transparent;z-index:2}.devices__image img{width:100%}.devices__image:after{position:absolute;content:attr(data-name);text-transform:uppercase;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-secondary);font-size:2.4rem}.devices__image--mobile:after{font-size:1.8rem}.devices__image--laptop{max-width:1200px}.devices__image--tablet{max-width:768px;transform:scale(.75);margin-top:20px}@media only screen and (min-width: 64rem){.devices__image--tablet:after{font-size:calc(3vw + 3vh)}}@media only screen and (min-width: 48rem){.devices__image--tablet{transform:scale(.9)}}@media only screen and (min-width: 64rem){.devices__image--tablet{transform:scale(.5) translate(-120px);margin-top:0}}.devices__image--mobile{max-width:400px;transform:scale(.9)}@media only screen and (min-width: 64rem){.devices__image--mobile:after{font-size:calc(.8vw + .8vh)}}@media only screen and (min-width: 64rem){.devices__image--mobile{transform:scale(.8) translate(-100px);margin-top:0}}@media only screen and (min-width: 80rem){.devices.active:after{top:92%}.devices__content:after{height:calc(4vw + 4vh)}.devices__image{position:relative}.devices__image--laptop:after{font-size:calc(3vw + 3vh)}.devices__item:nth-child(1){padding-left:10px}.devices__image--tablet{transform:scale(.6) translate(-100px)}.devices__image--mobile{transform:scale(.9) translate(-110px)}}@media only screen and (min-width: 1366px){.devices__image--tablet{transform:scale(.65) translate(-100px)}.devices__image--mobile{transform:scale(1) translate(-80px)}}@media only screen and (min-width: 1600px){.devices__image--tablet{transform:scale(.8) translate(-80px)}.devices__image--tablet:after{font-size:calc(1.5vw + 1.5vh)}}@media only screen and (min-width: 1920px){.devices__content{max-width:120rem;margin-inline:auto}.devices__image--tablet{transform:scale(.9) translate(-80px)}}.template{display:none}.template.active{display:block;padding-top:120px;padding-bottom:50px}@media only screen and (min-width: 25.875rem){.template.active{padding-top:100px}}.template__container{max-width:98%;padding:0 10px;margin:0 auto}.template__top{border-bottom:2px solid hsla(0,0%,100%,.2);padding-bottom:10px;margin-bottom:30px}@media only screen and (min-width: 25.875rem){.template__top{margin-bottom:50px}}.template__main-title{margin:0;color:#fff}.template__list{column-gap:30px;row-gap:100px;columns:3 300px;-webkit-column-break-inside:avoid;-webkit-column-break-inside:avoid-column}.template__item{break-inside:avoid}.template__item:not(:last-child){margin-bottom:50px}.template__item img{width:100%}.template__title{margin-top:0;margin-bottom:10px;color:#fff}.template__text{display:inline-block;margin-bottom:10px;color:#fff}.template__note{margin-top:0;color:#fff}.desktop.active{display:block;position:relative}.desktop__top{margin-bottom:30px;padding:120px 10px 10px;border-bottom:2px solid hsla(0,0%,100%,.2)}@media only screen and (min-width: 25.875rem){.desktop__top{padding-top:100px}}.desktop__inner{max-width:1800px;margin:0 auto;display:grid;gap:30px}@media only screen and (min-width: 80rem){.desktop__inner{grid-template-columns:auto auto;justify-items:center;align-items:start}}.desktop__menu{justify-self:start;order:2}.desktop__menu .desktop__note{margin-bottom:20px}.desktop__text{order:1;padding:0 0 10px;border-bottom:2px solid hsla(0,0%,100%,.2)}@media only screen and (min-width: 80rem){.desktop__text{order:2;padding:0;border:none}}.desktop__note{margin:0;color:#fff}.desktop .menu{position:relative;display:flex;flex-wrap:wrap;padding:0;margin:0;gap:30px;list-style:none}.desktop .menu__item.active .menu__btn{color:var(--color-accent)}.desktop .menu__btn{display:inline-block;padding:0;background:transparent;border:none;color:#fff;font-size:var(--fs-16);cursor:pointer;transition:color .3s ease}.desktop__wrapper{padding:30px 5px;display:flex;align-items:center;justify-content:center;height:100%;width:100%;max-width:120rem;margin-inline:auto}.desktop__wrapper img,.desktop__img{width:100%}.tablet.active{display:block}.tablet__container{margin-top:150px}.tablet__container:before{content:"Scroll down";position:fixed;left:50%;top:100px;transform:translate(-50%);width:max-content;opacity:.2;height:max-content;font-size:var(--fs-16);text-transform:uppercase;color:#fff;user-select:none;z-index:-1}@media only screen and (min-width: 1280px){.tablet__container:before{top:40px;font-size:var(--fs-24)}}@media only screen and (min-width: 1280px){.tablet__container{--scale: .45;transform:scale(var(--scale));margin-top:40px}}@media only screen and (min-width: 1366px){.tablet__container{--scale: .5}}@media only screen and (min-width: 1440px){.tablet__container{--scale: .55}}@media only screen and (min-width: 1600px){.tablet__container{--scale: .6}}@media only screen and (min-width: 1920px){.tablet__container{margin-top:120px}}@media only screen and (min-width: 2000px){.tablet__container{--scale: unset}}.tablet__content{max-width:768px;margin-inline:auto;padding:0 5px}.tablet__content img{width:100%}@media only screen and (min-width: 1920px){.tablet__content img{margin-left:11px}}@media only screen and (min-width: 80rem){.tablet__content{padding:0;margin-inline:unset;position:absolute;top:218px;left:50%;transform:translate(-50%);z-index:-1;display:flex;flex-direction:column;place-items:center;max-height:1000px;width:50%;max-width:778px;width:100%;overflow:clip scroll}.tablet__content::-webkit-scrollbar{width:10px}.tablet__content img{margin-left:20px}}.tablet__wrapper{width:892px;height:1400px;height:100%;width:100%;position:relative;isolation:isolate;margin:0 auto}.tablet__wrapper:after{content:unset}@media only screen and (min-width: 1280px){.tablet.active{display:block}.tablet.active .tablet__wrapper:after{content:"";position:fixed;left:50%;top:70px;transform:translate(-50%);background-image:url(/assets/images/tablet_preview.png);background-repeat:no-repeat;background-size:contain;width:878px;height:1400px;pointer-events:none;user-select:none;z-index:-1}}.mobile.active{display:block}@media only screen and (min-width: 1280px){.mobile.active .mobile__wrapper:after{content:"";position:absolute;left:50%;top:70px;transform:translate(-50%);background-image:url(/assets/images/mobile_preview.png);background-repeat:no-repeat;background-size:contain;width:375px;height:800px;pointer-events:none;user-select:none;z-index:-1}.mobile.active .mobile__container:before{content:"Scroll down";position:fixed;left:50%;transform:translate(-50%);top:40px;opacity:.2;width:fit-content;height:max-content;font-size:var(--fs-16);text-transform:uppercase;color:#fff;user-select:none;z-index:-1}}.mobile__container{margin-top:120px}@media only screen and (min-width: 1280px){.mobile__container{margin-top:40px;--scale: .7;--y: 0;transform:scale(var(--scale)) translateY(var(--y))}}@media only screen and (min-width: 1366px){.mobile__container{margin-top:30px;--scale: .8}}@media only screen and (min-width: 1440px){.mobile__container{--scale: .85}}@media only screen and (min-width: 1600px){.mobile__container{margin-top:50px;--scale: .9}}@media only screen and (min-width: 1920px){.mobile__container{margin-top:50px;--scale: 1.1}}@media only screen and (min-width: 2000px){.mobile__container{margin-top:10vh;--scale: 1.3;--y: 150%}}.mobile__content{margin-inline:auto;max-width:475px}.mobile__content img{width:100%}@media only screen and (min-width: 1280px){.mobile__content img{display:inline-block;width:100%;height:100%;max-width:320px}}@media only screen and (min-width: 1280px){.mobile__content{position:absolute;top:137px;left:50%;transform:translate(-48.5%);z-index:-1;display:flex;flex-direction:column;place-items:center;max-height:650px;width:50%;max-width:334px;width:100%;overflow-x:clip;overflow-y:scroll;margin-left:5px}}@media only screen and (min-width: 1280px){.mobile__wrapper{height:1400px;height:100%;width:100%;width:450px;position:relative;isolation:isolate;margin:0 auto}.mobile__wrapper:after{content:unset}}.footer{display:none}@media only screen and (min-width: 48rem){.footer{display:block}}.footer__content{display:flex;align-items:end;justify-content:space-between;max-width:1440px;padding:0 10px;margin-inline:auto}.footer__inner{padding-bottom:10px}.footer__inner span{font-size:1rem}.footer__logo svg{width:150px}.up[data-astro-cid-xoq46u5y]{transform:translateY(100%);transition:transform .3s ease;opacity:0;position:fixed}.up[data-astro-cid-xoq46u5y].active{transform:translateY(0);opacity:1;display:inline-block;bottom:30px;right:30px;border:none;background-color:var(--color-primary);color:#fff;width:50px;height:50px;display:grid;place-items:center;border-radius:4px;box-shadow:0 0 5px 5px #0003}.up__link[data-astro-cid-xoq46u5y]{color:inherit}[data-astro-cid-xoq46u5y][data-item=tablet],[data-astro-cid-xoq46u5y][data-item=mobile]{@media only screen and (min-width: 1280px){display:none;visibility:hidden;appearance:none;user-select:none;pointer-events:none;opacity:0}}