:where(.about_page) .logo{width:70px;height:70px;margin-right:10px}:where(.about_page) .logo_container{align-items:center;padding-top:15px;padding-bottom:7vh;display:flex}:where(.about_page) .logo_container p{vertical-align:middle;color:#fff;align-content:center;align-self:auto;align-items:flex-start;padding-top:10px;font-family:"Exo 2",sans-serif;font-size:18px}:where(.about_page) .main_header header{z-index:100;width:100vw;box-shadow:none;background:#0c121f;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0}:where(.about_page) main{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-top:100px;display:flex}:where(.about_page) .main_page,:where(.about_page) main,:where(.about_page) h1,:where(.about_page) h2,:where(.about_page) h3,:where(.about_page) h4,:where(.about_page) h5,:where(.about_page) h6,:where(.about_page) p,:where(.about_page) ul,:where(.about_page) li,:where(.about_page) a,:where(.about_page) button,:where(.about_page) input,:where(.about_page) textarea{font-family:"Exo 2",sans-serif!important}body:has(:where(.about_page)){font-family:"Exo 2",sans-serif!important}:where(.about_page) .navigation{font-family:"Exo 2",sans-serif;display:flex;position:absolute;right:3%}:where(.about_page) .main_header{align-items:center;margin:0 auto;padding:20px}:where(.about_page) .navigation nav a{margin:0 3px}:where(.about_page) .desktop-nav{display:flex}:where(.about_page) .mobile-burger{display:none}:where(.about_page) .overlay{z-index:1000;background-color:#0c172ee6;width:0;height:100%;transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden}:where(.about_page) .overlay-content{text-align:center;width:100%;position:relative;top:25%}:where(.about_page) .overlay a{color:#818181;padding:8px;font-size:36px;text-decoration:none;transition:all .3s;display:block}:where(.about_page) .overlay a:hover{color:#f1f1f1}:where(.about_page) .overlay .closebtn{font-size:50px;position:absolute;top:20px;right:35px}@media (max-width:768px){:where(.about_page) .desktop-nav{display:none}:where(.about_page) .mobile-burger{z-index:1;color:#14a7cc;padding:20px;display:block;position:absolute;top:20px;right:20px}:where(.about_page) .overlay a{font-size:28px}:where(.about_page) .overlay .closebtn{font-size:40px}:where(.about_page) .logo{width:40.8px;height:40.8px;margin-right:8px}}:where(.about_page) button{color:#e0ffff;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:15px;width:fit-content;padding:15px;font-size:1rem;font-weight:500;position:relative;overflow:hidden}:where(.about_page) button:active{transform:scale(.95)}:where(.about_page) button:before{content:"";z-index:-2;background:#42455a;transition:inset .35s;position:absolute;inset:-3px 50px}:where(.about_page) button:hover:before{background:#00c2cb;inset:-20px 0}:where(.about_page) button:after{content:"";z-index:-1;background:#22232e;border-radius:10px;position:absolute;inset:3px}@layer normalize;@layer base{:root:has(:where(.about_page)){--font-size-min:16;--font-size-max:20;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500}html:has(:where(.about_page)){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html:has(:where(.about_page)){--lightningcss-light: ;--lightningcss-dark:initial}}:where(.about_page) [data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}:where(.about_page) [data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}:where(.about_page) :where(.fluid){--fluid-min:calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level,0)));--fluid-max:calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level,0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));--fluid-type:clamp((var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit,100vi)), (var(--fluid-max) / 16) * 1rem);font-size:var(--fluid-type)}:where(.about_page) *,:where(.about_page) :after,:where(.about_page) :before{box-sizing:border-box}body:has(:where(.about_page)){place-items:center;min-height:100vh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;display:grid}body:has(:where(.about_page)):before{--size:45px;--line:color-mix(in hsl, canvasText, transparent 70%);content:"";background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);transform-style:flat;pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff)}:where(.about_page) .bear-link{color:canvastext;aspect-ratio:1;opacity:.8;place-items:center;width:48px;display:grid;position:fixed;top:1rem;left:1rem}:where(.about_page) :where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}:where(.about_page) .bear-link svg{width:75%}:where(.about_page) .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer demo{body:has(:where(.about_page)){background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000f30);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-block:2rem;display:flex}:where(.about_page) h1,:where(.about_page) p{margin:0}:where(.about_page) h1.fluid{--font-size-min:22;--font-level:4.25}:where(.about_page) h3{white-space:nowrap;margin:0}body:has(:where(.about_page))>p{text-wrap:balance;opacity:.8;width:74ch;max-width:calc(100% - 4rem);margin-bottom:4rem;font-family:monospace;font-weight:400;line-height:1.5}@media (max-width:768px){body:has(:where(.about_page))>p{text-align:center}}:where(.about_page) li :is(svg,h3){opacity:.6;transition:opacity calc(var(--speed) * 1.2) var(--easing)}:where(.about_page) li :is(a,p){opacity:0;transition:opacity calc(var(--speed) * 1.2) var(--easing);width:fit-content}:where(.about_page) li img{filter:grayscale()brightness(1.5);transition-property:filter,scale;transition-duration:calc(var(--speed) * 1.2);transition-timing-function:var(--easing);scale:1.1}:where(.about_page) [data-active=true] :is(a,p,h3,svg){opacity:var(--opacity,1)}:where(.about_page) [data-active=true] :is(a,p){transition-delay:calc(var(--speed) * .25)}:where(.about_page) [data-active=true] img{filter:grayscale(0)brightness();transition-delay:calc(var(--speed) * .25);scale:1}:where(.about_page) article{width:calc(var(--article-width) * 1px);height:100%;padding-inline:calc(var(--base) * .5 - 9px);flex-direction:column;justify-content:flex-end;gap:1rem;padding-bottom:1rem;font-family:monospace;display:flex;position:absolute;top:0;left:0;overflow:hidden}:where(.about_page) article h3{top:1rem;left:calc(var(--base) * .5);transform-origin:0;text-transform:uppercase;font-family:monospace;font-size:1rem;font-weight:300;position:absolute;rotate:90deg}:where(.about_page) article svg{fill:none;width:18px}:where(.about_page) article p{text-wrap:balance;--opacity:.8;text-align:center;width:100%;font-size:13px;line-height:1.25}:where(.about_page) article a{height:18px;color:inherit;text-align:center;margin-inline:auto;line-height:1;position:absolute;bottom:1rem;left:0;right:0}:where(.about_page) article a:is(:focus-visible,:hover){outline:none}:where(.about_page) article a:is(:focus-visible,:hover) span{text-underline-offset:4px;text-decoration:underline}:where(.about_page) article a span{font-weight:500;line-height:18px;display:inline-block}:where(.about_page) article img{pointer-events:none;object-fit:cover;width:100%;height:100%;position:absolute;inset:0;-webkit-mask:radial-gradient(100% 100% at 100% 0,#fff,#002c6600);mask:radial-gradient(100% 100% at 100% 0,#fff,#002c6600)}:root:has(:where(.about_page)){--gap:8px;--items:7;--easing:linear(0 0%, .1538 4.09%, .2926 8.29%, .4173 12.63%, .5282 17.12%, .6255 21.77%, .7099 26.61%, .782 31.67%, .8425 37%, .8887 42.23%, .9257 47.79%, .9543 53.78%, .9752 60.32%, .9883 67.11%, .9961 75%, 1 100%);--speed:.6s}:where(.about_page) ul.product-list{--base:clamp(2rem, calc(56cqi / var(--items)), 80px);grid-template-columns:10fr repeat(calc(var(--items) - 1), 1fr);gap:var(--gap);height:clamp(300px,40dvh,474px);width:calc(((var(--items) - 1) * var(--base)) + ((var(--items) - 1) * var(--gap)) + var(--ideal));width:1200px;max-width:calc(100% - 4rem);transition:grid-template-columns var(--speed) var(--easing);justify-content:center;margin:0;padding:0;list-style-type:none;display:grid;container-type:inline-size}:where(.about_page) li{min-width:var(--base);border:1px solid color-mix(in hsl, canvas, canvasText 50%);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#01081a);border-radius:8px;position:relative;overflow:hidden}}:where(.about_page) .main_page{background-color:#0c121f}body:has(:where(.about_page)){background-color:#0c121f}:where(.about_page) .header-row{display:initial;align-items:initial;justify-content:initial;width:initial}:where(.about_page) .fluid+p{margin-left:auto;margin-right:auto;padding-top:10vh;padding-bottom:10vh;width:75vw!important;max-width:75vw!important}:where(.about_page) .contact-form-container{size:90%;justify-content:space-between;max-width:800px;margin:40vh auto 50px;display:flex}:where(.about_page) .get-in-touch,:where(.about_page) .contact-details{text-overflow:clip;border-radius:4px;width:45%;padding:20px;font-family:"Exo 2",sans-serif;box-shadow:0 0 10px #0000001a}:where(.about_page) .get-in-touch{background-color:#f5f5f500}:where(.about_page) .input-field{box-sizing:border-box;color:#eee;background-color:#ffffff2c;border:1px solid #cccccc98;border-radius:4px;outline:none;width:100%;margin-bottom:10px;padding:10px;font-family:"Exo 2",sans-serif}:where(.about_page) .textarea{resize:none;height:100px}:where(.about_page) .get-in-touch button{color:#fff;cursor:pointer;background-color:#09f;border:none;border-radius:4px;padding:10px 15px}:where(.about_page) .contact-details{color:#fff;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;white-space:normal;background-color:#212534;padding:auto}:where(.about_page) .icon{margin-right:10px}:where(.about_page) .contact-details p{padding:16px}:where(.about_page) .links_container{background:0 0;justify-content:center;align-items:center;width:100%;height:auto;padding:40px 0 20px;display:flex}:where(.about_page) .links_container ul{gap:30px;margin:0;padding:0;display:flex;position:static;transform:none}:where(.about_page) .links_container ul li{list-style:none}:where(.about_page) .links_container ul li a{text-align:center;color:#666;background:#0c121f;border-radius:50%;width:60px;height:60px;font-size:30px;line-height:63px;transition:all .5s;display:block;position:relative}:where(.about_page) .links_container ul li a:before{content:"";z-index:-1;background:#0c121f;border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:scale(.9)}:where(.about_page) .links_container ul li a:hover:before{transform:scale(1.1);box-shadow:0 0 15px #0096fa}:where(.about_page) .links_container ul li a:hover{color:#0096fa;text-shadow:0 0 5px #0096fa;box-shadow:0 0 5px #0096fa}@media (max-width:768px){:where(.about_page) main{flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;padding-top:80px;display:flex;overflow-x:hidden}:where(.about_page) ul.product-list{gap:16px;height:auto;margin:0 auto;padding:0 8px;overflow-x:hidden;flex-direction:column!important;grid-template-columns:none!important;width:70vw!important;max-width:70vw!important;transition:none!important;display:flex!important}:where(.about_page) li{border-radius:8px;margin:0 auto;width:100%!important;min-width:0!important;max-width:70vw!important;transition:none!important}:where(.about_page) article{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex;width:100%!important;min-width:0!important;padding-inline:0!important;position:static!important}:where(.about_page) article h3{margin-bottom:.5rem;text-transform:none!important;white-space:normal!important;text-align:left!important;padding-left:13px!important;padding-right:13px!important;font-family:inherit!important;font-size:1.2rem!important;font-weight:500!important;position:static!important;top:auto!important;left:auto!important;transform:rotate(0)!important}:where(.about_page) ul.product-list li{transition:none!important}:where(.about_page) ul.product-list li[data-active=true]{grid-column:auto!important}:where(.about_page) ul.product-list li{max-height:100px;box-shadow:none;cursor:pointer;padding-top:18px;padding-bottom:12px;transition:max-height .4s cubic-bezier(.4,0,.2,1),box-shadow .3s;overflow:hidden}:where(.about_page) ul.product-list li.active-vertical{z-index:2;min-height:50vh!important;max-height:none!important;box-shadow:none!important;filter:none!important;background:#212534!important;overflow:visible!important}:where(.about_page) ul.product-list li article p{margin:0;padding-bottom:10px;position:absolute;bottom:38px;left:13px;right:13px;background:0 0!important;width:75vw!important;max-width:75vw!important}:where(.about_page) ul.product-list li article>*{padding-left:0!important;padding-right:0!important}:where(.about_page) ul.product-list li article>h3{padding-left:13px!important;padding-right:13px!important}:where(.about_page) ul.product-list li article i,:where(.about_page) ul.product-list li article .fa,:where(.about_page) ul.product-list li article .fas,:where(.about_page) ul.product-list li article .fab,:where(.about_page) ul.product-list li article svg{width:2.1rem!important;height:2.1rem!important;margin-left:0!important;padding-left:13px!important;font-size:2.1rem!important;display:inline-block!important}:where(.about_page) .contact-details{box-sizing:border-box;padding-left:4vw!important;padding-right:8vw!important}:where(.about_page) .contact-form-container{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:6vw!important;width:90vw!important;max-width:none!important;margin:40px auto 0!important;padding-left:4vw!important;padding-right:4vw!important}:where(.about_page) .get-in-touch,:where(.about_page) .contact-details{box-sizing:border-box;width:100%!important;margin:0!important}}:where(.about_page) ul.product-list{flex-shrink:0}