@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";:root{--film-strip-x-offset: -1px}*{box-sizing:border-box;max-width:100%;margin:0;padding:0;font-family:"Roboto",Segoe,"Segoe UI","DejaVu Sans","Trebuchet MS",Verdana,"sans-serif";overflow-x:hidden;user-select:none;-webkit-user-select:none}html,body{display:block;width:100vw;min-height:100vh}html{background-color:#000;font-size:3vmin;color:#fff;scroll-behavior:smooth}body{background-color:#333;margin:auto;max-width:4000px}:target:before{content:"";display:block;height:10vh;margin:-10vh 0 0}header{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100vh;color:#fff}header *{z-index:2}header nav{position:fixed;top:0;left:50%;display:flex;flex-direction:row;justify-content:center;width:100vw;max-width:4000px;height:100vh;padding:1vh 2vh;background:linear-gradient(0deg, rgba(0, 0, 0, 0) 0, black 50%, black 100%) 0 0 no-repeat;background-size:auto 200%;transform:translateX(-50%);transition:.5s background-position,.5s height;z-index:10}header nav[isLoaded]{height:10vh}header nav[isLoaded][isVisible]{background-position:0 100%;height:15vh}header nav #header-nav-favicon{display:flex;justify-content:center;height:100%;max-width:70%;overflow:hidden}header nav #header-nav-favicon svg{height:100%;object-fit:contain;fill:#fff}header #header-background{z-index:1}header #header-background .header-background{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0}header #header-background-video{position:absolute;top:0;left:0;display:block;width:100vw;height:100vh;object-fit:cover;z-index:1}header #header-vignette{position:absolute;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.65) 100%)}header #header-info{display:block;padding:20vh 12vh;overflow:hidden}header #header-info h1,header #header-info p{overflow:hidden}header #header-info h1{font-size:3em}header #header-info p{margin-left:1em}header #header-scroll{position:absolute;top:90vh;left:49vw;display:block;width:2vh;height:2vh;overflow:visible;animation:ease-out header-scroll 1.5s infinite}header #header-scroll::before{content:"";position:absolute;bottom:1vh;left:-0.6vh;display:block;width:2vh;height:.25vh;background:#fff;transform:rotate(45deg)}header #header-scroll::after{content:"";position:absolute;bottom:1vh;left:.6vh;display:block;width:2vh;height:.25vh;background:#fff;transform:rotate(-45deg)}.film-strip{--height: 2.5vmin;display:block;width:100%;height:var(--height);background:linear-gradient(90deg, #FFFFFF 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, #FFFFFF 50%) -1px 0 repeat-x,linear-gradient(0deg, #FFFFFF 15%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 85%, #FFFFFF 85%) repeat-x;background-size:calc(var(--height)*1.5) 100%,auto;background-position-x:var(--film-strip-x-offset),0;transition:.1s background-position-x}.film-strip[isReverse]{background-position-x:calc(-1*var(--film-strip-x-offset)),0}#main-index{display:block;width:100%}#main-index section[inView] .section-header h1{--offset: 1.5em}#main-index section[inView] #about-content img{transform:none}#main-index section[inView] #contact-content h1::after{transform:none}#main-index section:not(:last-child){margin-bottom:5vh}#main-index section .section-header{display:flex;align-items:center;justify-content:center;width:100%;padding:.75em 0;background:rgba(0,0,0,.4)}#main-index section .section-header h1{--offset: 3em;position:relative;display:block;font-size:3em;white-space:nowrap;z-index:2}#main-index section .section-header h1::before,#main-index section .section-header h1::after{position:relative;content:attr(data-name);font-size:.75em;margin:0 .5em;z-index:-1;transition:.4s left,.4s right;color:#333;text-shadow:-1px -1px 0 #3baa70,1px -1px 0 #3baa70,-1px 1px 0 #3baa70,1px 1px 0 #3baa70}@supports(-webkit-text-stroke: 1px #3BAA70){#main-index section .section-header h1::before,#main-index section .section-header h1::after{color:rgba(0,0,0,0);text-shadow:none;-webkit-text-stroke:1px #3baa70}}#main-index section .section-header h1::before{left:var(--offset)}#main-index section .section-header h1::after{right:var(--offset)}#main-index section .section-content{padding:6vh 10vmin}#main-index section #services-content{display:grid;grid-template-rows:auto auto;grid-gap:5vmin;place-items:center}#main-index section #services-content iframe{display:block;width:75%;aspect-ratio:16/9;border:none}#main-index section #services-content p{display:flex;align-items:center;height:100%}#main-index section #about-content{display:grid;grid-template-columns:30% calc(70% - 10vmin);grid-gap:10vmin;width:100%}#main-index section #about-content img{width:100%;border-radius:10px;object-fit:cover;transform:rotate(-2.5deg) translateX(-5px);transition:.35s transform}#main-index section #about-content>div{display:flex;flex-direction:column;justify-content:space-between;padding:2vmin 0}#main-index section #about-content>div p{margin-bottom:5vmin}#main-index section #about-content>div div ul{display:flex;padding:1vmin 3vmin}#main-index section #about-content>div div ul li{display:flex;list-style:none}#main-index section #about-content>div div ul li:not(:last-child)::after{content:"-";display:block;margin:0 .5em}#main-index section #about-content>div div ul li a{color:inherit}#main-index section #contact-content{display:grid;grid-template-columns:30% calc(70% - 10vmin);grid-gap:10vmin;width:100%}#main-index section #contact-content h1{position:relative;width:100%;border-radius:10px;overflow:visible;font-size:2em;line-height:1em;font-weight:1000;z-index:2}#main-index section #contact-content h1::after{content:"?";position:absolute;top:.3em;left:12vw;z-index:-1;transition:.35s transform;transform:rotate(-20deg) translate(-0.3em, -0.1em);font-size:6em;color:#333;text-shadow:-1px -1px 0 #3baa70,1px -1px 0 #3baa70,-1px 1px 0 #3baa70,1px 1px 0 #3baa70}@supports(-webkit-text-stroke: 1px #3BAA70){#main-index section #contact-content h1::after{color:rgba(0,0,0,0);text-shadow:none;-webkit-text-stroke:2px #3baa70}}#main-index section #contact-content>div{display:flex;flex-direction:column;justify-content:space-between;padding:2vmin 0}#main-index section #contact-content>div div{display:block}#main-index section #contact-content>div div:not(:last-child){margin-bottom:5vmin}#main-index section #contact-content>div div ul,#main-index section #contact-content>div div span{display:flex;padding:1vmin 3vmin}#main-index section #contact-content>div div ul li{display:flex;list-style:none}#main-index section #contact-content>div div ul li:not(:last-child)::after{content:"-";display:block;margin:0 1em}#main-index section #contact-content>div div ul li a{color:inherit}#main{display:block;margin-top:5vh;padding:10vmin;font-size:.75em;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.3) 100%)}#main section{margin:3vh 0}#main section h3,#main section ul,#main section ol,#main section p,#main section table{margin:1vh 1em}#main section ul li,#main section ol li{margin-left:1em;margin-bottom:.125em;overflow:visible}#main section h3{margin:2vh .5em}#main section a{color:inherit}#main section table{border-collapse:collapse}#main section table tr,#main section table th,#main section table td{padding:.2em;border:1px solid #fff}footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100vw;height:20vh;padding:3vh 10vmin;background:#000;background-size:auto 200%}footer #footer-favicon{height:100%;overflow:hidden}footer #footer-favicon svg{height:100%;fill:#fff}footer menu{display:flex;flex-direction:column;align-items:flex-end}footer menu li{list-style:none}menu li a,ul li a,.magic-link{position:relative;display:block;color:#fff;text-decoration:none;overflow:hidden;font-size:.9em}menu li a::after,ul li a::after,.magic-link::after{content:"";position:absolute;bottom:.2em;right:-100%;display:block;width:100%;height:.05em;background:#fff;opacity:0;transition:.5s opacity,.5s right,.5s bottom}menu li a:hover::after,ul li a:hover::after,.magic-link:hover::after{opacity:1;right:0}menu li a:active::after,ul li a:active::after,.magic-link:active::after{bottom:.5em}@keyframes header-scroll{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@media screen and (max-width: 800px){html{font-size:3vmin}#background-title{font-size:3em}#main-index section .section-header h1{font-size:2.5em}}@media screen and (max-width: 500px){header #header-info{padding:15vh 5vmin}#main-index section .section-content{padding:3vh 5vmin}#main-index section #services-content iframe{width:100%}#main{padding:10vh 5vmin}footer{height:15vh;padding:1vh 5vmin}}@media screen and (max-width: 400px){html{font-size:4vmin}header #header-info{padding:15vh 2.5vmin}#main-index section #about-content,#main-index section #contact-content{grid-template-columns:none;grid-template-rows:auto auto;grid-gap:5vmin}#main-index section #about-content>div,#main-index section #contact-content>div{padding:0}#main-index section #about-content img{aspect-ratio:1.5/1}#main-index section #contact-content h1{display:flex}#main-index section #contact-content h1 br{display:none}#main-index section #contact-content h1::after{top:0;left:unset;right:.1em;font-size:2em}#main{padding:10vh 5vmin}footer{flex-direction:column;align-items:center;height:auto;padding:1vh 5vmin}footer #footer-favicon{display:block;height:5em;margin-bottom:1em}footer menu{align-items:center}}
