@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--font-main: "Poppins", 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: #3992b8;--color-accent-b: #ee9426;--color-accent-c: #9f6bae;--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)}@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}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;text-wrap:balance}.btn{background-color:var(--color-accent-b);color:var(--color-white)}.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 .headerbg{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-box-shadow:0 0 0 12px var(--color-accent-a),0 0 12px 16px rgba(var(--color-black-rgb), 1);box-shadow:0 0 0 12px var(--color-accent-a),0 0 12px 16px rgba(var(--color-black-rgb), 1);-webkit-transition:var(--transition);transition:var(--transition);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transform:translateX(calc(100% + 28px));transform:translateX(calc(100% + 28px));will-change:transform}header .nav.active{-webkit-transform:translateX(0);transform:translateX(0)}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 .nav a{height:2.5rem;display:grid;place-items:center;text-decoration:none;color:var(--color-white);padding-inline:1rem;border-radius:99rem;-webkit-filter:drop-shadow(0 0 0.25rem rgba(var(--color-black-rgb), 0.125));filter:drop-shadow(0 0 0.25rem rgba(var(--color-black-rgb), 0.125));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-box-shadow:inset 0 0 0 4px rgba(0,0,0,0);box-shadow:inset 0 0 0 4px rgba(0,0,0,0)}@media screen and (min-width: 62rem){header .nav a{-webkit-filter:drop-shadow(0 0 0.25rem rgba(var(--color-black-rgb), 0.5));filter:drop-shadow(0 0 0.25rem rgba(var(--color-black-rgb), 0.5));background-color:rgba(var(--color-black-rgb), 0)}}header .nav a.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)}header .nav a.active,header .nav a:hover,header .nav a:focus-visible{background-color:var(--color-accent-b);background-position:center center;-webkit-box-shadow:inset 0 0 0 4px var(--color-accent-b);box-shadow:inset 0 0 0 4px var(--color-accent-b)}header .nav a span{-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 .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{width:100%;overflow:hidden;min-height:100%;min-height:100vh;min-height:100dvh;display:grid}.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}.hero .introduction{grid-column:1/-1;grid-row:1/-1;width:100%;max-width:var(--max-width);margin-inline:auto;display:grid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;color:var(--color-white);padding:2rem 2rem var(--header-height);text-align:center}.hero .introduction>div{display:grid;gap:1rem;padding:2rem;background-color:rgba(var(--color-black-rgb), 0.5);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1rem}.hero .introduction>div *{-webkit-filter:drop-shadow(0 0.25rem 0.25rem rgba(var(--color-black-rgb), 1));filter:drop-shadow(0 0.25rem 0.25rem rgba(var(--color-black-rgb), 1))}.hero .introduction h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-0.025em;text-transform:uppercase}section{overflow:hidden;position:relative;z-index:1}section h2{font-weight:900;font-size:clamp(2rem,4vw,3rem);letter-spacing:-0.025em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;text-transform:uppercase;background:-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))),-webkit-gradient(linear, left top, left bottom, from(var(--color-accent-a)), to(var(--color-accent-a)));background:linear-gradient(to bottom, rgba(var(--color-white-rgb), 0.25) 50%, rgba(var(--color-white-rgb), 0) 50%),linear-gradient(to bottom, var(--color-accent-a), var(--color-accent-a));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-filter:drop-shadow(0 3px 0 rgba(var(--color-white-rgb), 1)) drop-shadow(0 0.25rem 0.5rem rgba(var(--color-black-rgb), 0.25));filter:drop-shadow(0 3px 0 rgba(var(--color-white-rgb), 1)) drop-shadow(0 0.25rem 0.5rem rgba(var(--color-black-rgb), 0.25))}section h2 img{height:clamp(2rem,4vw,3rem);aspect-ratio:1}.container{padding:4rem 2rem;width:100%;max-width:calc(var(--max-width) - 2rem);margin-inline:auto;display:grid}.container .inner{display:grid;gap:1rem;max-width:var(--max-width);margin-inline:auto}.shape{fill:var(--color-accent-a);-webkit-filter:drop-shadow(-2px -2px 0 var(--color-white)) drop-shadow(0 0 1rem rgba(var(--color-black-rgb), 0.25));filter:drop-shadow(-2px -2px 0 var(--color-white)) drop-shadow(0 0 1rem rgba(var(--color-black-rgb), 0.25));stroke-width:0;aspect-ratio:1;width:10%;max-width:4rem;position:absolute;margin:1rem}.shape.tl{top:0;left:0}.shape.tr{top:0;right:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.shape.bl{bottom:0;left:0;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.shape.br{bottom:0;right:0;-webkit-transform:scale(-1);transform:scale(-1)}.split{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.split .a{position:relative;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;background:url(../images/light-bg.webp) 50% 50%/cover;background-attachment:fixed;-o-border-image:linear-gradient(to bottom, rgba(var(--color-white-rgb), 0.125), rgba(var(--color-white-rgb), 0.125)) 1;border-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-white-rgb), 0.125)), to(rgba(var(--color-white-rgb), 0.125))) fill 1;border-image:linear-gradient(to bottom, rgba(var(--color-white-rgb), 0.125), rgba(var(--color-white-rgb), 0.125)) fill 1;color:var(--color-grey-75);display:grid;place-items:center}.split .a .container{padding:4rem}.split .a .inner{max-width:calc(var(--max-width)/1.5)}.split .b{position:relative;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;aspect-ratio:16/9;background-color:var(--color-grey-75);color:var(--color-grey-05);display:grid;place-items:center}@media screen and (min-width: 75rem){.split{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.split.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.split .a,.split .b{min-height:50%;min-height:50vh;min-height:50dvh}.split .b{aspect-ratio:1}}.who .b{background:url(../images/who-bg.webp) 50% 50%/cover;-webkit-box-shadow:0 0 0 2px var(--color-white),0 0 2rem -1rem var(--color-grey-80);box-shadow:0 0 0 2px var(--color-white),0 0 2rem -1rem var(--color-grey-80)}.what{background:url(../images/fixed-bg.webp) 50% 50%/cover;background-attachment:fixed;-o-border-image:linear-gradient(to bottom, rgba(var(--color-black-rgb), 0.5) 0, rgba(var(--color-black-rgb), 0) 2rem calc(100% - 2rem), rgba(var(--color-black-rgb), 0.5)) 1;border-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--color-black-rgb), 0.5)), color-stop(2rem, rgba(var(--color-black-rgb), 0)), to(rgba(var(--color-black-rgb), 0.5))) fill 1;border-image:linear-gradient(to bottom, rgba(var(--color-black-rgb), 0.5) 0, rgba(var(--color-black-rgb), 0) 2rem calc(100% - 2rem), rgba(var(--color-black-rgb), 0.5)) fill 1;color:var(--color-white)}.what .container{padding:4rem;place-items:center;min-height:50%;min-height:50vh;min-height:50dvh}.what .container .inner{padding:2rem;background-color:rgba(var(--color-black-rgb), 0.5);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:1rem;text-align:center;width:100%;max-width:var(--max-width)}.what .container .inner h2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-filter:drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25));filter:drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25))}.services .b{background:url(../images/services-bg.webp) 50% 50%/cover;-webkit-box-shadow:0 0 0 2px var(--color-white),0 0 2rem -1rem var(--color-grey-80);box-shadow:0 0 0 2px var(--color-white),0 0 2rem -1rem var(--color-grey-80)}.services ul{display:grid;gap:1rem}.services ul li{display:grid;gap:.25rem;position:relative}.services ul li h3{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;font-size:1.25rem;text-transform:uppercase;letter-spacing:-0.025em;font-weight:900;opacity:.75}.services ul li h3:before{margin-left:1rem;content:"";height:1rem;aspect-ratio:1;border-radius:9rem;background-color:var(--color-white);border:5px solid}.services ul li p{padding-left:3rem;font-size:clamp(.875rem,3.5vw,1rem);text-wrap:unset}.services ul li:nth-child(1) h3::before{border-color:var(--color-accent-b)}.services ul li:nth-child(2) h3::before{border-color:var(--color-accent-c)}.services ul li:nth-child(3) h3::before{border-color:var(--color-accent-a)}.services ul li:nth-child(4) h3::before{border-color:var(--color-accent-c)}.services ul li:nth-child(5) h3::before{border-color:var(--color-accent-b)}.contact{position:relative;background:url(../images/fixed-bg.webp) 50% 50%/cover;background-attachment:fixed;-o-border-image:linear-gradient(to bottom, rgba(var(--color-black-rgb), 0.5) 0, rgba(var(--color-black-rgb), 0) 4rem 100%) 1;border-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(var(--color-black-rgb), 0.5)), color-stop(4rem, rgba(var(--color-black-rgb), 0))) fill 1;border-image:linear-gradient(to bottom, rgba(var(--color-black-rgb), 0.5) 0, rgba(var(--color-black-rgb), 0) 4rem 100%) fill 1;color:var(--color-white);text-align:center}.contact .container{padding:4rem;place-items:center;min-height:25%;min-height:25vh;min-height:25dvh}.contact .inner{padding:2rem;background-color:rgba(var(--color-black-rgb), 0.5);-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{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-filter:drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25));filter:drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25))}.contact a{color:var(--color-white);text-decoration:none}.contact a:hover{color:var(--color-accent-b)}.contact h2{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-filter:drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25));filter:drop-shadow(0 0 0.5rem rgba(var(--color-black-rgb), 0.25))}.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-body-text);width:1.5rem;height:1.5rem;stroke-width:0}@media screen and (min-width: 62rem){.contact .icon{width:5rem;height:5rem}}.contact .icon .ca{fill:var(--color-accent-a)}.contact .icon .cb{fill:var(--color-accent-b)}.contact .icon .cc{fill:var(--color-accent-c)}.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{gap:1rem;place-items:center}.footer .logo{width:100%;max-width:10rem;margin:0 auto}.footer a{color:var(--color-white);opacity:1}.footer a:hover{opacity:.75}.footer p{text-align:center;font-weight:400;opacity:.75;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 */