:root{--clr-primary-1: hsl(205, 86%, 17%);--clr-primary-2: hsl(205, 77%, 27%);--clr-primary-3: hsl(205, 72%, 37%);--clr-primary-4: hsl(205, 63%, 48%);--clr-primary-5: hsl(205, 78%, 60%);--clr-primary-6: hsl(205, 89%, 70%);--clr-primary-7: hsl(205, 90%, 76%);--clr-primary-8: hsl(205, 86%, 81%);--clr-primary-9: hsl(205, 90%, 88%);--clr-primary-10: hsl(205, 100%, 96%);--clr-grey-1: hsl(209, 61%, 16%);--clr-grey-2: hsl(211, 39%, 23%);--clr-grey-3: hsl(209, 34%, 30%);--clr-grey-4: hsl(209, 28%, 39%);--clr-grey-5: hsl(210, 22%, 49%);--clr-grey-6: hsl(209, 23%, 60%);--clr-grey-7: hsl(211, 27%, 70%);--clr-grey-8: hsl(210, 31%, 80%);--clr-grey-9: hsl(212, 33%, 89%);--clr-grey-10: hsl(210, 36%, 96%);--clr-white: #fff;--clr-red-dark: hsl(360, 67%, 44%);--clr-red-light: hsl(360, 71%, 66%);--clr-green-dark: hsl(125, 67%, 44%);--clr-green-light: hsl(125, 71%, 66%);--clr-black: #222;--transition: all .3s linear;--spacing: .1rem;--radius: .25rem;--light-shadow: 0 5px 15px rgba(0, 0, 0, .1);--dark-shadow: 0 5px 15px rgba(0, 0, 0, .2);--max-width: 1170px;--fixed-width: 620px;--banner-offset: 300px;--clr-web: #3fd1b1;--clr-pixel: #ffa800;--clr-game: #da2c49;max-width:100%;padding:0}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--clr-grey-10);color:var(--clr-grey-1);line-height:1.5;font-size:.875rem;overflow-x:hidden}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;margin-bottom:.75rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{margin-bottom:1.25rem;color:var(--clr-grey-1)}@media screen and (min-width: 800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4,body{font-size:1rem}h1,h2,h3,h4{line-height:1}}@keyframes button-hover-web{0%{background-color:var(--clr-white);color:var(--clr-grey-1)}15%{color:#fff}to{background-color:var(--clr-web)}}@keyframes button-hover-pixel{0%{background-color:var(--clr-white);color:var(--clr-grey-1)}15%{color:#fff}to{background-color:var(--clr-pixel)}}@keyframes button-hover-game{0%{background-color:var(--clr-white);color:var(--clr-grey-1)}15%{color:#fff}50%{background-color:var(--clr-game)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes inspect{0%{margin:0rem;z-index:0}to{margin:-.5rem;z-index:1}}@keyframes inspect-project{0%{position:relative;top:0}to{position:relative;top:-10px}}.fade-in-section{opacity:0;transform:translateY(10vh);visibility:hidden;transition:opacity .6s ease-out,transform 1.2s ease-out;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}.banner{position:relative}canvas{width:100vw;background:var(--clr-black)}.sketch-container{width:100vw}@media screen and (max-width: 500px){canvas{width:100vw}}.about-card{position:absolute;top:5%;transform:translateY(0);width:50vw;display:block;padding:1rem;color:var(--clr-white);align-content:center;height:288px;font-family:Open Sans,sans-serif}.about-card h1{font-size:7rem}.about-card h3{padding-top:1.5rem;font-size:2rem}.about-card table{text-align:center;margin:auto}.about-card td{display:inline-block;margin:auto;color:var(--clr-white);vertical-align:middle;text-align:start}.about-card td article{margin:auto;min-width:75%}.about-card td p{color:var(--clr-white);max-width:50rem;max-height:100px;margin:auto}.about-card img{display:inline-block;width:75%;max-width:200px;border-radius:100%}.dropbtn{background-color:#4caf50;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;min-width:160px;background-color:transparent;border:none;box-shadow:none}.dropdown-content a{color:#da2c49;padding:12px 16px;text-decoration:none;display:block;background-color:transparent;border:0px solid rgba(0,0,0,.1);margin-top:5px;opacity:0;animation:none;pointer-events:none}.dropdown-content a:hover{background-color:#ffffffbf}.dropdown:hover .dropdown-content{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0);pointer-events:unset}}.dropdown:hover .dropdown-content a:nth-child(1){animation:slideDown .3s ease forwards}.dropdown:hover .dropdown-content a:nth-child(2){animation:slideDown .3s ease .1s forwards}.dropdown:hover .dropdown-content a:nth-child(3){animation:slideDown .3s ease .2s forwards}.chevron:before{border-style:solid;border-width:.15em .15em 0 0;content:"";display:inline-block;height:.45em;left:.15em;position:relative;top:.5rem;transform:rotate(-45deg);vertical-align:top;width:.45em;transform:rotate(135deg);margin-right:.5rem;color:#fff}@media screen and (max-width: 1400px){.about-card h1{font-size:5rem}.about-card h3{font-size:2rem}}@media screen and (max-width: 950px){.about-card{top:0;transform:translateY(0)}.about-card h1{font-size:4rem}.about-card h3{font-size:2rem}}@media screen and (max-width: 750px){.about-card h1{font-size:3rem}.about-card h3{padding-top:.5rem;font-size:1.5rem}}@media screen and (max-width: 650px){.about-card{height:fit-content}}@media screen and (max-width: 550px){.about-card{background:linear-gradient(to top,#0000,#0007,#111);width:100%}.about-card h1{font-size:2rem}.about-card h3{padding-top:0rem;font-size:1.3rem;width:50%}}@media screen and (max-width: 450px){.about-card h1{font-size:2rem}.about-card h3{padding-top:0rem;font-size:1rem}}.crt-filter-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#000}.crt-filter-container canvas{width:100%!important;height:100%!important;display:block;margin:0;padding:0;object-fit:cover;position:relative;z-index:1}.gallery-title{margin:auto;margin-left:5rem;margin-top:1rem;text-align:start}.gallery-main-container{display:flex;flex-direction:row;width:100%;gap:2rem;padding:1rem;height:80vh;min-height:600px}.crt-section{width:50%;height:100%;align-items:center;justify-content:center}.crt-filter-container{width:100%;height:100%;background-color:#000;position:relative;transition:all .3s ease;border-radius:8px;overflow:hidden}.gallery-text{position:absolute;top:0;left:0;width:100%;z-index:10;text-align:left;color:#fff;text-shadow:0 5px 5px rgba(0,0,0,.9);margin:0;padding:1rem 3rem;background:linear-gradient(to bottom,#000000e6,#0000);pointer-events:none}.gallery-text a{pointer-events:auto;color:#fff;text-decoration:none}.gallery-text a:hover{text-decoration:underline}.gallery-text h3{margin:0 0 .5rem;color:#fff}.gallery-text h4{margin:0;font-size:.9rem;opacity:.8}.gallery-halls-section{width:50%;height:100%;overflow-y:auto;padding-right:1rem}.unified-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:1rem}.unified-gallery-grid .gallery-item{transition:all .3s ease}.unified-gallery-grid .gallery-item img{width:220px;height:220px;object-fit:cover;border-radius:6px;transition:all .3s ease;box-shadow:var(--light-shadow)}.unified-gallery-grid .gallery-item button{display:block;background:none;border:none;cursor:pointer;padding:0;transition:all .3s ease}.unified-gallery-grid .gallery-item:hover{transform:scale(1.05);z-index:2}.unified-gallery-grid .gallery-item img:hover{box-shadow:0 0 15px #ffffff4d}@media screen and (max-width: 800px){.gallery-main-container{flex-direction:column;height:auto;gap:1rem}.crt-section,.gallery-halls-section{width:100%;height:auto}.gallery-halls-section{max-height:50vh}.crt-filter-container{height:30vh;min-height:200px;max-height:400px}.unified-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.unified-gallery-grid .gallery-item img{width:150px;height:150px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}.show-modal{opacity:1}.hide-modal{opacity:0}.modal-container{position:relative;max-width:100vw;max-height:100vh;display:flex;justify-content:center;align-items:center}.modal-container img{max-width:100%;max-height:100vh;object-fit:contain;border-radius:4px;box-shadow:0 0 20px #00000080}.close-modal-btn-ux{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;line-height:1;transition:transform .2s ease}.close-modal-btn-ux:hover{transform:scale(1.2)}.game-projects-container>div:nth-child(2){width:unset;justify-content:space-around}.game-projects-container ul{display:inline-flex;flex-wrap:wrap}.game-projects-container ul li{min-width:100%}.game-project{display:inline-block;background-color:var(--clr-white);box-shadow:var(--light-shadow);padding:2rem;margin:.5rem;flex:1;position:relative;transition:all .5s ease;text-align:center}.game-project:hover{border:0px;border-bottom:5px;border-style:solid;border-color:var(--clr-game)}.game-project img{width:30vw;height:100%;min-width:250px;margin:0px 1rem}.game-project p{padding:auto 1rem;max-width:50vw}.game-project a{font-style:oblique;padding:1rem;color:var(--clr-grey-1);transition:all .5s ease}.game-project a:hover{background-color:var(--clr-game);color:var(--clr-white)}@media screen and (max-width: 750px){.game-project{text-align:center}.game-project img{width:30vw;min-width:0px;float:none}}