@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap";:root{--bg-primary: #0F1114;--blue-primary: #3B82F6;--blue-accent: #111923;--text-dark: #E5E7EB;--text-muted: #9CA3AF;--border-color: #2A2F36;--blue-hover: #60A5FA;--hover-text: #FFFFFF;--hover-muted: #C9D7F5}body{font-family:Merriweather,sans-serif;margin:0}nav{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:40px;padding:5px;position:fixed;top:0;left:0;z-index:1000;background:#161a1e;border-bottom:1px solid #2A2F36}.content-header{text-align:center;margin:0;align-self:center;transition:transform .3s ease;cursor:default}.content-header:hover{transform:scale(1.1)}.about p{color:var(--text-dark);text-align:center}h1{color:var(--text-dark);scroll-margin-top:80px}p{color:var(--text-dark)}.about p{color:#fff}.contact{display:flex;justify-content:center;align-items:center;gap:10px;padding-right:20px}.icon{width:28px;height:28px;opacity:0;color:#fff;animation:slideIn .5s forwards}.contact .move:nth-child(1) .icon{animation-delay:.1s}.contact .move:nth-child(2) .icon{animation-delay:.3s}.contact .move:nth-child(3) .icon{animation-delay:.5s}.icon svg{width:28px;height:28px}.move{transition:transform .2s}.move:hover{transform:scale(1.2)}.about{flex-direction:row;padding-top:70px}.menu{display:flex;gap:24px}.menu-item{cursor:default;opacity:0;animation:slideIn .5s forwards;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;transition:text-decoration-color .5s ease}.menu-item:hover{text-decoration-color:var(--text-dark)}.menu .menu-item:nth-child(1){animation-delay:.1s}.menu .menu-item:nth-child(2){animation-delay:.3s}.menu .menu-item:nth-child(3){animation-delay:.5s}@keyframes slideIn{0%{opacity:0;transform:translate(10vw)}to{opacity:1;transform:translate(0)}}.video-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding-top:20px;overflow:visible;max-height:none;-webkit-mask-image:none;mask-image:none}.video-cards.expanded{max-height:9999px;overflow-y:visible;mask-image:none;-webkit-mask-image:none}.show-more{display:block;margin:1rem auto;border-radius:10px;border:none;width:110px;height:32px;transition:background-color .2s ease;cursor:pointer;text-decoration:underline;text-decoration-style:dotted}.email-in-about{color:#fff;text-decoration:underline;text-decoration-style:dotted;transition:transform .3s ease;cursor:ne-resize}.email-in-about:hover{transform:scale(1.1)}.pfp{max-width:100px;max-height:100px;padding-right:10px}body{margin:0;background-color:var(--bg-primary)}.content{padding-top:20px;margin:10px}@media(max-width:768px){body{padding-top:70px}nav{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 16px;gap:12px;box-sizing:border-box}.tag-holder{order:1;width:100%;padding-left:0;display:flex;justify-content:center}.tag-holder h1{white-space:nowrap;margin:0}.menu{order:2;width:100%;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;text-align:center}.contact{order:3;width:100%;margin-left:0;padding-right:0;display:flex;justify-content:center;gap:16px}}.fade-text span{opacity:0;animation:fadeIn .6s forwards;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tag-holder{transition:transform .3s ease;padding-left:10px}.tag-holder:hover{transform:scale(1.1)}@media(max-width:768px){.tag-holder{order:1;width:100%;text-align:center;padding-left:0}.tag-holder h1{white-space:nowrap;font-size:20px}.fade-text span{animation:none;opacity:1;transform:none}.tag-holder:hover{transform:none}}.video-card-container{opacity:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:14px;flex:1 1 320px;max-width:360px;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:20px 22px;gap:12px;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease;animation:fadeIn .4s forwards;overflow:visible}.mediaLink{color:var(--text-muted);text-decoration:underline;text-decoration-style:dotted;cursor:ne-resize}.video-card-container:hover .mediaLink{color:var(--text-dark)}.video-card-container h2{color:var(--text-dark);font-size:1.25rem;margin:0 0 4px;position:relative;padding-bottom:2px}.video-card-container h2:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:2px;background-color:var(--text-dark);transition:width .3s ease}.video-card-container:hover h2:after{width:100%}.video-card-container p{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.video-card-container:hover{transform:scale(1.1);background-color:#181c22;border-color:var(--accent-blue);box-shadow:0 14px 35px #00000059}.video-card-container:hover p{color:var(--text-dark)}.movie-frame,.media-image{width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:10px;display:block;margin:0 0 8px}.media-image{height:auto;object-fit:cover}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.video-card-container{width:100%;flex:none;max-width:100%}}