/*!----- A modern CSS reset -----*//*! Box sizing rules */*,*::before,*::after{box-sizing:border-box}/*! Remove default padding */ul[class],ol[class]{padding:0}/*! Remove default margin */body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}/*! Set core body defaults */body{position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Open Sans",Helvetica,Arial,sans-serif;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeSpeed;overflow-x:hidden;background-color:#222}#fluid-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.6}/*! Remove list styles on ul, ol elements with a class attribute */ul[class],ol[class]{list-style:none}/*! A elements that don't have a class get default styles */a:not([class]){text-decoration-skip-ink:auto}/*! Make images easier to work with */img{max-width:100%;height:auto;display:block}address{font-style:normal;text-align:center}address p{font-size:.8rem}figure{display:table}figcaption{display:table-caption;caption-side:bottom;font-size:.85em}h1,h2,h3{font-weight:normal}h1{font-size:3.5rem;line-height:.35;margin:1.5rem 0 1.5rem 0;padding:1rem;text-shadow:0 3px 3px rgba(33,33,33,.75);z-index:2}h2{font-size:1.5rem}/*! Natural flow and rhythm in articles by default */.flow{margin-top:1em}.flow>*+*{margin-top:1em}.logo{z-index:5;position:relative;margin:auto;filter:brightness(100);width:calc(100% - 2rem);max-width:440px}p{font-size:.9rem;line-height:1.5;color:#c9edc9}p a{color:#fff;font-weight:bold;border-bottom:2px solid #fff;text-decoration:none}.content{position:relative;width:calc(100% - 2rem);max-width:568px;margin:auto;background-color:transparent;z-index:3;text-wrap:balance;text-align:right}.content p{text-wrap:balance}img.studio{width:100%;opacity:.9}img.hai{display:block;width:100%;height:100%;max-width:100px;max-height:100px;object-fit:cover;object-position:center top;border-radius:100px;transition:all .5s ease-in-out;float:left;margin:.25rem;padding:.15rem;border:2px solid #fff}@media(min-width:47.9em){img.hai{max-width:150px;max-height:150px}}.contact{display:flex;flex-wrap:wrap;text-align:center;justify-content:center}.social{display:inline-block;width:45px;height:45px;margin:0 .75em 2em;text-decoration:none}.spider-container{position:fixed;top:0;left:20%;transform:translateX(-20%);z-index:1000;width:80px;height:100vh;pointer-events:none}.spider{width:100%;height:100%;position:relative}.spider svg{position:absolute;width:100%;top:0;transform-origin:top center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.spider-sway{width:100%;height:100%;animation:sway 3s ease-in-out infinite;transform-origin:top center}@keyframes sway{0%,100%{transform:rotate(-2deg)}25%{transform:rotate(1deg)}50%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}.spider-container:hover svg{animation-play-state:paused}.spider-container:hover .spider-sway{animation-play-state:paused}footer small{display:block;margin-top:2rem;padding-bottom:1rem;width:100%;font-size:.65rem;color:#fff;text-align:center}