#navbar,#mobile-navbar{justify-content:space-between;align-items:center;font-weight:700;background:#000;position:sticky;top:0;left:0;right:0;z-index:999}#navbar{display:flex;padding:0rem 3rem 0rem 1rem;min-height:60px}#navbar a,#mobile-navbar-menu a,#mobile-navbar-header a{color:#fff;text-decoration:none;margin:0rem 2rem;font-size:1.2rem;transition:transform .2s ease,color .2s ease}#navbar>div>a:hover{color:#87ceeb;transform:scale(1.3)}#mobile-navbar{display:none;padding:.5rem .5rem .5rem 0;flex-direction:column}#mobile-navbar-toggle{display:flex;flex-direction:column;cursor:pointer}#mobile-navbar-menu{display:none;flex-direction:column;padding-top:10px;align-items:center;gap:20px;width:100%;font-weight:700}#mobile-navbar-menu a:hover{color:#87ceeb;transform:scale(1.3)}#mobile-navbar-menu.visible{display:flex}#footer{background-color:#333;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:0;height:50px}@media (pointer:none),(pointer:coarse){#navbar{display:none}#mobile-navbar{display:flex}#footer{display:flex;flex-direction:column;height:100px}}#title-window{height:calc(100vh - 60px);width:100%;overflow:hidden;position:relative;background-color:#000;z-index:-5}#title-window>h1{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:4rem;font-weight:bolder;text-align:center}#title-window>div{position:absolute;color:#fff;font-size:1rem;font-weight:bolder;text-align:right;bottom:.5%;right:.5%}.typewriter-typing:after{content:"|";display:inline-block;width:0;color:orange;font-size:5rem}.typewriter-typing.typewriter-finished:after{visibility:hidden;animation:blink .75s steps(1,end) 3,disappear 0s forwards 2.25s}@keyframes blink{0%,to{visibility:visible}50%{visibility:hidden}}@keyframes disappear{0%{visibility:hidden}}#productions{display:flex;flex-wrap:wrap;justify-content:space-around;gap:2rem;padding:1rem 0}.image-button{flex:0 0 400px;position:relative;border:none;width:400px;height:250px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;scroll-snap-align:start}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/2022-sms/FiveSilhouttes.jpg);background-size:cover;background-position:center;transition:filter .3s ease;z-index:0}.image-button:hover .image-container{filter:blur(4px) brightness(.7);box-shadow:0 4px 10px #0000004d}.image-button:active{transform:scale(.95)}.button-text{position:absolute;top:10px;left:10px;color:#fff;font-size:1rem;font-weight:700;z-index:1;text-align:left;pointer-events:none;text-shadow:2px 2px 5px rgba(0,0,0,.7)}.hover-text{text-shadow:2px 2px 5px rgba(0,0,0,.7);position:absolute;z-index:2;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;flex-direction:column;gap:.5rem;color:#fff}.hover-line1{font-size:1.7rem;font-weight:700}.hover-line2{font-size:1rem;font-weight:400}.image-button:hover .hover-text{opacity:1}.image-button:hover .button-text{opacity:0}#earnest-prod{font-size:1.4rem}@media (pointer:none),(pointer:coarse){.image-button{width:200px;height:125px}#earnest-prod{font-size:.7rem}}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,200px);gap:25px;max-width:90%;margin:0 auto;justify-content:center}.hover-mask{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background:#0006;z-index:1;opacity:0;transition:opacity .3s ease}.hover-mask>h3,.hover-mask>p{margin:0;position:absolute;left:10px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8)}.hover-base>img{width:100%;height:100%;border-radius:8px;object-fit:cover}.hover-base:hover .hover-mask{opacity:1}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;justify-content:center;align-items:center;z-index:999}.popup-content{background:#fff;padding:20px;margin:0 auto;border-radius:10px;text-align:center;position:fixed}.info-button{background:none;border:none;color:#333;font-size:24px;cursor:pointer;position:absolute;right:0;transform:translateY(0)}.info-button:hover{color:#ccc}.close-button{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;color:#888}.close-button:hover{color:#444}.scroll-window{position:relative;max-height:60vh;top:20%;bottom:5%;overflow-y:auto}.leftright-list{list-style:none;padding:0;margin:0;text-align:left}.leftright-list li{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding:5px 0}.leftright-list li:first-child{border-top:1px solid #ccc}.gallery{display:flex;width:auto;height:100%;overflow:hidden}.gallery img{position:absolute;width:auto;height:100%;object-fit:cover;transition:transform .5s ease-in-out;flex-shrink:0}.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:3rem;background:#00000080;color:#fff;border:none;cursor:pointer;padding:10px 15px;z-index:10}body{margin:0;font-family:Courier New,Courier,monospace}#content{min-height:calc(100vh - 110px);display:flex;flex-direction:column}.part{padding:0 50px;background-color:#fff}.tpart{padding:0 50px}img{display:block}.logo{will-change:filter;transition:filter .3s}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#home-intro{flex-direction:row;align-items:center}#member-profile{inset:50px}@media (prefers-reduced-motion: no-preference){.logo{animation:logo-spin infinite 20s linear}}@media (pointer:none),(pointer:coarse){#home-intro{flex-direction:column}#member-profile{inset:10px}}.no-deco{text-decoration:none;color:inherit}