@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--font-main: "Roboto", sans-serif;--max-width: 80rem;--transition: all 0.2s ease-in-out;--header-height: 6rem;--color-body-bg: #fefefe;--color-body-text: #231f20;--color-accent-a: #e44267;--color-accent-b: #2992c6;--color-accent-c: #e9b123;--color-white-rgb: 255, 255, 255;--color-white: #ffffff;--color-grey-05: #f2f2f2;--color-grey-10: #e4e4e4;--color-grey-15: #d7d7d7;--color-grey-20: #cacaca;--color-grey-25: #bdbdbd;--color-grey-30: #b1b1b1;--color-grey-35: #a4a4a4;--color-grey-40: #989898;--color-grey-45: #8c8c8c;--color-grey-50: #808080;--color-grey-55: #6e6e6e;--color-grey-60: #5d5d5d;--color-grey-65: #4d4d4d;--color-grey-70: #3d3d3d;--color-grey-75: #2e2e2e;--color-grey-80: #1f1f1f;--color-grey-85: #121212;--color-grey-90: #060606;--color-grey-95: #010101;--color-black: #000000;--color-black-rgb: 0, 0, 0;--color-error-dark: #ff0030;--color-error-light: #ffd7d6;--color-success-dark: #4caf50;--color-success-light: #c8e6c9}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}*{margin:0;padding:0}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}img,picture,svg,video,canvas{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover}input,button,textarea,select{-webkit-transition:var(--transition);transition:var(--transition);font:inherit}a{-webkit-transition:var(--transition);transition:var(--transition);color:var(--color-accent-a)}a:hover{color:var(--color-accent-b)}.accent-a{color:#e44267}.accent-b{color:#2992c6}.accent-c{color:#e9b123}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{-webkit-animation-duration:.01ms !important;animation-duration:.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;-webkit-transition-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important;-webkit-transition:none;transition:none}}body,html{height:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background-color:var(--color-body-bg);color:var(--color-body-text);margin:0}h1,h2,h3,h4,h5,h6{font-weight:700;text-transform:capitalize;line-height:1.25;overflow:visible}p{font-size:clamp(.875rem,3.5vw,1.25rem);line-height:1.5}@media screen and (min-width: 62rem){p{text-wrap:balance}}.btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:1rem;font-weight:500;line-height:1;height:2.5rem;display:grid;place-items:center;text-decoration:none;color:var(--color-white);padding-inline:1rem;border-radius:.25rem;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(var(--color-white-rgb), 0.25)), color-stop(50%, rgba(var(--color-white-rgb), 0)));background-image:linear-gradient(to bottom, rgba(var(--color-white-rgb), 0.25) 50%, rgba(var(--color-white-rgb), 0) 50%);background-size:100% 200%;background-position:center 100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-shadow:none;text-align:center}@media screen and (min-width: 62rem){.btn{background-color:rgba(var(--color-black-rgb), 0)}}.btn.active,.btn:hover,.btn:focus-visible{background-color:rgba(var(--color-white-rgb), 0.25);color:var(--color-white)}.btn.contactus{background-color:var(--color-accent-a);background-position:center center;-webkit-box-shadow:inset 0 0 0 4px var(--color-accent-a);box-shadow:inset 0 0 0 4px var(--color-accent-a)}.btn.contactus:hover,.btn.contactus:focus-visible{background-color:var(--color-accent-b);-webkit-box-shadow:inset 0 0 0 4px var(--color-accent-b);box-shadow:inset 0 0 0 4px var(--color-accent-b)}.logo{aspect-ratio:260/70;display:grid}.logo img{grid-column:1/-1;grid-row:1/-1}header{position:fixed;inset:0 0 auto;z-index:99;height:var(--header-height);padding-inline:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:var(--transition);transition:var(--transition)}@media screen and (min-width: 62rem){header{padding-inline:2rem}header.scrolled{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}}header .inner{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:var(--max-width);margin-inline:auto}header .headerbg{margin-inline:auto;z-index:-1;position:absolute;inset:0;opacity:0;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:var(--transition);transition:var(--transition);background:rgba(var(--color-black-rgb), 1)}header .logo{width:33.3%;max-width:14rem;margin-right:auto}header .logo *{-webkit-filter:drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 1));filter:drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 1))}header .nav{position:fixed;inset:0;display:grid;place-items:center;z-index:666;background:-webkit-gradient(linear, left top, right bottom, from(var(--color-grey-80)), to(var(--color-grey-90)));background:linear-gradient(to bottom right, var(--color-grey-80), var(--color-grey-90));-webkit-transition:var(--transition);transition:var(--transition);-webkit-transition-duration:0s;transition-duration:0s;-webkit-transform:scale(0);transform:scale(0);will-change:transform}header .nav .btn{font-size:.875rem;width:100%}header .nav.active{-webkit-transform:scale(1);transform:scale(1)}header .nav ul{display:grid;gap:1rem;font-size:1.25rem;font-weight:500;line-height:1}@media screen and (min-width: 62rem){header .nav{-webkit-transform:none;transform:none;position:relative;inset:unset;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;visibility:visible;pointer-events:all;width:auto;min-height:unset;min-height:unset;min-height:unset;background:none;-webkit-box-shadow:none;box-shadow:none}header .nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.25rem;font-size:.875rem}}header .mobile{position:relative;z-index:999;text-decoration:none;width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;-webkit-transition:var(--transition);transition:var(--transition);background-color:rgba(var(--color-black-rgb), 0.5)}@media screen and (min-width: 62rem){header .mobile{display:none}}header .mobile:hover{background-color:var(--color-accent-b)}header .mobile svg{grid-column:1/-1;grid-row:1/-1;width:1.5rem;height:1.5rem;fill:var(--color-white);-webkit-transition:var(--transition);transition:var(--transition);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;opacity:0}header .mobile svg.bars{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}header .mobile svg.close{opacity:0;-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}header .mobile.active{background-color:rgba(var(--color-black-rgb), 0.5)}header .mobile.active svg.bars{opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg)}header .mobile.active svg.close{opacity:1;-webkit-transform:rotate(0);transform:rotate(0)}header+*{position:relative;z-index:9}.hero{position:relative;z-index:1;width:100%;overflow:hidden;min-height:80%;min-height:80vh;min-height:80dvh;display:grid;-webkit-box-shadow:0 3px 0 0 var(--color-white),0 0 3rem 0 rgba(var(--color-black-rgb), 0.5);box-shadow:0 3px 0 0 var(--color-white),0 0 3rem 0 rgba(var(--color-black-rgb), 0.5)}.hero .inner{position:relative;padding-top:var(--header-height);grid-column:1/-1;grid-row:1/-1;isolation:isolate;overflow:hidden;display:grid}.hero video,.hero picture,.hero picture img{position:absolute;z-index:-1;pointer-events:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.hero video:after,.hero picture:after,.hero picture img:after{position:absolute;content:"";inset:0;-o-border-image:linear-gradient(to bottom, rgba(var(--color-black-rgb), 1) 0, rgba(var(--color-black-rgb), 0) 4rem calc(100% - 4rem), rgba(var(--color-black-rgb), 1)) 1;border-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--color-black-rgb), 1)), color-stop(4rem, rgba(var(--color-black-rgb), 0)), to(rgba(var(--color-black-rgb), 1))) fill 1;border-image:linear-gradient(to bottom, rgba(var(--color-black-rgb), 1) 0, rgba(var(--color-black-rgb), 0) 4rem calc(100% - 4rem), rgba(var(--color-black-rgb), 1)) fill 1}.hero .animate{-webkit-animation:move 15s infinite alternate ease-in-out;animation:move 15s infinite alternate ease-in-out}.hero::after{content:"";position:absolute;inset:0;pointer-events:none}.hero .introduction{position:relative;padding:1rem;max-width:var(--max-width);margin-inline:auto;display:grid;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-white)}@media screen and (min-width: 62rem){.hero .introduction{padding:2rem;position:absolute;top:var(--header-height);left:0;bottom:0;width:60%;padding:2rem 5% 2rem 2rem}}.hero .introduction::after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) scale(1.25);transform:translate(-50%, -50%) scale(1.25);z-index:-1;background-color:rgba(var(--color-black-rgb), 0.5);aspect-ratio:1;border-radius:50%;width:80vh}@media screen and (min-width: 62rem){.hero .introduction::after{-webkit-transform:translate(-75%, -50%) scale(1.25);transform:translate(-75%, -50%) scale(1.25);aspect-ratio:3/4;background-size:cover;background-color:rgba(var(--color-black-rgb), 0.85);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);-webkit-box-shadow:1rem 2rem 0 1rem var(--color-white),1rem 3rem 0 2rem var(--color-accent-a),1rem 3rem 3rem 2rem rgba(var(--color-black-rgb), 1);box-shadow:1rem 2rem 0 1rem var(--color-white),1rem 3rem 0 2rem var(--color-accent-a),1rem 3rem 3rem 2rem rgba(var(--color-black-rgb), 1)}}.hero .introduction>div{width:100%;display:grid;gap:1rem;padding:1.5rem;text-align:center}.hero .introduction>div .btn{margin-inline:auto}@media screen and (min-width: 62rem){.hero .introduction>div{text-align:left;width:80%}.hero .introduction>div .btn{margin-inline:0}}.hero .introduction h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1;font-weight:900;letter-spacing:-0.025em;text-transform:uppercase}section{overflow:hidden;position:relative;z-index:1}section hgroup{padding-inline:1rem}section h2{font-weight:900;font-size:clamp(1.5rem,4vw,2rem);text-transform:uppercase;color:var(--color-accent-a)}.container{padding:4rem 2rem;width:100%;max-width:calc(var(--max-width));margin-inline:auto}@media screen and (min-width: 62rem){.container{padding:6rem 4rem}}.container .inner{display:grid;gap:1rem;max-width:var(--max-width);margin-inline:auto}.features{position:relative;z-index:2;padding:0 0 2rem;overflow:visible;display:grid;gap:2rem;background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-black-rgb), 0)), to(rgba(var(--color-black-rgb), 0.125)));background:linear-gradient(to bottom, rgba(var(--color-black-rgb), 0) 0% calc(100% - 3rem), rgba(var(--color-black-rgb), 0.125));border-bottom:2px solid var(--color-white)}@media screen and (min-width: 62rem){.features{gap:2rem;margin-top:-4vw;padding:0 4rem 6rem}}.features ul{width:100%;max-width:var(--max-width);margin-inline:auto;display:grid;gap:0;grid-template-columns:1fr 1fr 1fr}@media screen and (min-width: 62rem){.features ul{gap:4rem;grid-template-columns:1fr 1fr 1fr}}.features ul li{display:grid;-ms-flex-line-pack:start;align-content:start;gap:2rem;position:relative;overflow:hidden;aspect-ratio:1}@media screen and (min-width: 62rem){.features ul li{aspect-ratio:1;-webkit-box-shadow:0 0 0 .5rem var(--color-white),0 0 0 1rem var(--color-accent-a);box-shadow:0 0 0 .5rem var(--color-white),0 0 0 1rem var(--color-accent-a);background-color:var(--color-white);border-radius:50%}}.features ul li img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}@media screen and (min-width: 62rem){.features ul li:nth-child(2){-webkit-box-shadow:0 0 0 .5rem var(--color-white),0 0 0 1rem var(--color-accent-b);box-shadow:0 0 0 .5rem var(--color-white),0 0 0 1rem var(--color-accent-b)}}.features hgroup{display:grid;-ms-flex-line-pack:start;align-content:start;gap:.5rem;text-align:center;max-width:var(--max-width);margin-inline:auto}.features hgroup h2{text-align:center}.features hgroup .btn{margin-inline:auto}.bullets{display:grid;gap:1rem}.bullets li{display:grid;-ms-flex-line-pack:start;align-content:start;gap:.25rem;position:relative}.bullets li h3{position:relative;font-size:1.25rem;line-height:2rem;text-transform:uppercase;font-weight:900;padding-left:2.75rem;color:var(--color-grey-55)}.bullets li h3:before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";background-color:var(--color-white);background-image:url(../images/favicon.png);background-size:1.25rem;background-position:75% 50%;background-repeat:no-repeat;-webkit-box-shadow:0 0 0 .125rem var(--color-accent-b);box-shadow:0 0 0 .125rem var(--color-accent-b);width:2rem;height:2rem;border-radius:50%}.bullets li p{padding-left:2.75rem;font-size:clamp(.875rem,3.5vw,1rem)}.bullets li a{text-decoration:none;font-weight:500}.why{position:relative;background-image:url(../images/light-bg.webp);background-position:center center;background-size:100% 100%;color:var(--color-grey-75);display:grid;place-items:center;border-top:1px solid var(--color-grey-10)}.why .container{display:grid;gap:2rem}@media screen and (min-width: 62rem){.why .container{gap:4rem;grid-template-columns:1fr 1fr}}.why .image{display:grid}.why .image img{width:100%;-webkit-filter:drop-shadow(2px 2px 0 rgba(var(--color-white-rgb), 0.5)) drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25));filter:drop-shadow(2px 2px 0 rgba(var(--color-white-rgb), 0.5)) drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25))}.why .copy{display:grid;-ms-flex-line-pack:center;align-content:center;gap:1rem;text-shadow:2px 2px 0 rgba(var(--color-white-rgb), 0.5)}.why .copy .inner{display:grid;-ms-flex-line-pack:start;align-content:start;gap:2rem}.services{position:relative;background:url(../images/fixed-bg.webp) 50% 50%/cover;background-attachment:fixed;color:var(--color-white);display:grid;place-items:center}.services .container{display:grid;gap:2rem}@media screen and (min-width: 62rem){.services .container{gap:4rem;grid-template-columns:1fr 1fr}}.services .image{display:grid}.services .image img{width:100%;-webkit-filter:drop-shadow(2px 2px 0 rgba(var(--color-black-rgb), 0.5)) drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25));filter:drop-shadow(2px 2px 0 rgba(var(--color-black-rgb), 0.5)) drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25))}.services .copy{display:grid;-ms-flex-line-pack:center;align-content:center;gap:1rem;text-shadow:2px 2px 0 rgba(var(--color-black-rgb), 0.5)}.services .copy .inner{display:grid;-ms-flex-line-pack:start;align-content:start;gap:2rem}.services .bullets li h3{color:var(--color-grey-40)}.contact{position:relative;background:url(../images/fixed-bg.webp) 50% 50%/cover;background-attachment:fixed;color:var(--color-white);text-align:center}.contact#end{-webkit-box-shadow:0 3px 0 0 var(--color-white),0 0 3rem 0 rgba(var(--color-black-rgb), 0.5);box-shadow:0 3px 0 0 var(--color-white),0 0 3rem 0 rgba(var(--color-black-rgb), 0.5)}.contact .container{padding:2rem;place-items:center;min-height:25%;min-height:25vh;min-height:25dvh;display:grid;gap:1rem}@media screen and (min-width: 62rem){.contact .container{padding:4rem}}.contact .inner{padding:2rem;background-color:rgba(var(--color-white-rgb), 0.0625);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1rem;text-align:center;width:100%;max-width:var(--max-width)}.contact .inner h2{text-align:center}.contact a:not(.btn){color:var(--color-white);text-decoration:none}.contact a:not(.btn):hover{color:var(--color-accent-b)}.contact h2{text-align:center}.contact h2+p{text-align:center}.contact .icons{margin-top:1rem;display:grid;gap:1rem;margin-inline:auto;width:auto}.contact .icons p{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;font-size:.875rem}@media screen and (min-width: 62rem){.contact .icons{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.contact .icons p{text-align:center;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.contact .icon{fill:var(--color-white);width:1.5rem;height:1.5rem;stroke-width:0}@media screen and (min-width: 62rem){.contact .icon{width:5rem;height:5rem}}hr{height:1px;border:0;background-color:rgba(var(--color-black-rgb), 0.125)}.about{position:relative;background-image:url(../images/light-bg.webp);background-position:center center;background-size:100% 100%;color:var(--color-grey-75);display:grid;place-items:center}.about .container{display:grid;text-align:center;gap:1rem}.about .container .btn{margin-inline:auto}.extra{position:relative;background-image:url(../images/light-bg.webp);background-position:center center;background-size:100% 100%;color:var(--color-grey-75);display:grid;place-items:center}.extra .container{display:grid;gap:2rem}@media screen and (min-width: 62rem){.extra .container{gap:4rem;grid-template-columns:1fr 1fr}}.extra .image{display:grid}.extra .image img{width:100%;-webkit-filter:drop-shadow(2px 2px 0 rgba(var(--color-white-rgb), 0.5)) drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25));filter:drop-shadow(2px 2px 0 rgba(var(--color-white-rgb), 0.5)) drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25))}.extra .copy{display:grid;-ms-flex-line-pack:center;align-content:center;gap:1rem;text-shadow:2px 2px 0 rgba(var(--color-white-rgb), 0.5)}.extra .copy .inner{display:grid;-ms-flex-line-pack:start;align-content:start;gap:2rem}.extra .copy .inner div{display:grid;gap:1rem}.extra a{text-decoration:none;font-weight:500}.footer{position:relative;background-color:var(--color-white);-o-border-image:linear-gradient(to bottom, rgba(var(--color-black-rgb), 0.125), rgba(var(--color-black-rgb), 0) 4rem calc(100% - 4rem), rgba(var(--color-black-rgb), 0.125)) 1;border-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-black-rgb), 0.125)), color-stop(4rem, rgba(var(--color-black-rgb), 0)), to(rgba(var(--color-black-rgb), 0.125))) fill 1;border-image:linear-gradient(to bottom, rgba(var(--color-black-rgb), 0.125), rgba(var(--color-black-rgb), 0) 4rem calc(100% - 4rem), rgba(var(--color-black-rgb), 0.125)) fill 1}.footer .container{display:grid;place-items:center}.footer .logo{width:100%;max-width:20rem;margin:0 auto;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5}.footer .logo:hover{-webkit-filter:none;filter:none;opacity:1}.footer p{text-align:center;font-weight:400;font-size:.875rem}#go-to-top{position:fixed;bottom:1rem;right:1rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;z-index:99;background-color:rgba(var(--color-black-rgb), 0.5);-webkit-transition:var(--transition);transition:var(--transition);opacity:0;visibility:hidden;pointer-events:none}#go-to-top svg{width:.875rem;height:.875rem;fill:var(--color-white)}#go-to-top.visible{opacity:1;visibility:visible;pointer-events:all}::-webkit-scrollbar{width:.25rem}::-webkit-scrollbar-track{background-color:var(--color-black)}::-webkit-scrollbar-thumb{border-radius:.5rem}::-webkit-scrollbar-thumb:vertical{background:var(--color-accent-b)}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{height:.25rem;display:block}::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{height:0}@-webkit-keyframes move{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes move{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}/*# sourceMappingURL=style.css.map */