@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Silkscreen:wght@400;700&display=swap";:root{--background-color:#000;--text-color:#fff;--button-background:#473112;--button-text-color:#f3efd7;--link-color:#fff;--navbar-font-family:"Silkscreen", monospace}html,body{background-color:var(--background-color);height:100%;color:var(--text-color);flex-direction:column;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;overflow-x:hidden}html{overflow:hidden}body{-ms-overflow-style:none;scrollbar-width:none;overflow:auto}body::-webkit-scrollbar{display:none}.app-container{flex-direction:column;justify-content:center;align-items:center;display:flex}h1{text-align:center;color:var(--text-color);text-shadow:0 0 80px #ffffff1f;text-transform:lowercase;margin-bottom:20px;font-family:Silkscreen,monospace;font-size:3.2em;font-weight:400;line-height:1.1}.header-container{text-align:center;z-index:10;flex-shrink:0;width:100%;margin-bottom:20px;position:relative}.navbar{z-index:10;flex-shrink:0;justify-content:center;width:100%;margin-bottom:20px;display:flex;position:relative}.navbar ul{gap:20px;padding:0;font-weight:500;list-style-type:none;display:flex}.navbar li{font-family:var(--navbar-font-family);font-size:1em}.navbar a{color:var(--link-color);text-transform:lowercase;padding-bottom:5px;text-decoration:none;transition:color .3s;position:relative}.navbar a:after{content:"";background-color:var(--link-color);width:0%;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.navbar a:hover:after,.navbar a.active:after{width:100%}.navbar a.github-link{letter-spacing:.02em;font-family:Silkscreen,monospace;font-weight:700}button{background-color:var(--button-background);color:var(--button-text-color);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:background-color .3s,color .3s}button:hover{opacity:.8}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.content-area{width:100%;max-width:1200px;padding:0 20px;overflow:hidden}.card{justify-content:center;align-items:center;width:100%;margin-top:0;padding:0;display:flex}.home-container{flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.background-video{z-index:0;pointer-events:none;width:100vw;max-width:177.7vh;height:auto;position:fixed;bottom:-9.5vh;left:50%;transform:translate(-50%)}.app-container.home-route .header-container{margin-top:20vh}@media (width<=768px){.background-video{object-fit:cover;height:65vh}}.fullscreen-gallery{z-index:1000;opacity:0;pointer-events:none;cursor:pointer;background-color:#0000;justify-content:center;align-items:center;width:100vw;height:100vh;transition:background-color .3s,opacity .3s;display:flex;position:fixed;top:0;left:0}.fullscreen-gallery.visible{opacity:1;pointer-events:all;background-color:#000000e6}.fullscreen-gallery img{object-fit:contain;opacity:0;cursor:default;transform-origin:50%;will-change:transform;max-width:90%;max-height:90%;transition:opacity .3s,transform .12s ease-out}.fullscreen-gallery img.visible{opacity:1}.gallery-button{cursor:pointer;z-index:1001;color:#fff;text-shadow:0 2px 10px #0009;opacity:.55;background:0 0;border:none;justify-content:center;align-items:center;width:3.5rem;height:5rem;padding:0;font-family:Silkscreen,monospace;font-size:2rem;font-weight:700;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-button.left{left:2%}.gallery-button.right{right:2%}.gallery-button:hover{opacity:1;background:0 0}.gallery-button.left:hover{transform:translateY(-50%)translate(-3px)}.gallery-button.right:hover{transform:translateY(-50%)translate(3px)}.my-masonry-grid{width:auto;margin-left:-16px;display:flex}.my-masonry-grid_column{background-clip:padding-box;padding-left:16px}.my-masonry-grid_column>img{cursor:pointer;background:gray;width:100%;max-width:100%;height:auto;margin-bottom:16px;transition:transform .3s;display:block}.my-masonry-grid_column>img:hover{transform:scale(.95)}@media (width<=1200px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.gallery{grid-template-columns:1fr}}.video-gallery-container{box-sizing:border-box;width:100%;padding:0}.video-masonry-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.video-masonry-grid_column{background-clip:padding-box}.video-thumbnail{aspect-ratio:16/9;cursor:pointer;transition:transform .3s;position:relative;overflow:hidden}.video-thumbnail:hover{transform:scale(.95)}.custom-thumbnail{object-fit:cover;width:100%;height:100%;display:block}.play-icon{fill:#fffffff2;filter:drop-shadow(0 4px 16px #000000bf);pointer-events:none;width:44px;height:56px;transition:transform .25s,fill .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-thumbnail:hover .play-icon{fill:#fff;transform:translate(-50%,-50%)scale(1.15)}@media (width<=768px){.video-masonry-grid{grid-template-columns:1fr}}.fullscreen-video{z-index:1000;opacity:1;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.fullscreen-video iframe{max-width:90%;max-height:90%}.close-button{color:#fff9;cursor:pointer;z-index:1002;background:0 0;border:none;border-radius:4px;padding:.4rem .6rem;font-size:2rem;line-height:1;transition:color .2s,background .2s;position:absolute;top:16px;right:20px}.close-button:hover{color:#fff;opacity:1;background:#ffffff1a}.gallery-counter{color:#ffffff8c;font-family:var(--navbar-font-family);letter-spacing:.15em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.85em;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}