*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--white: #ffffff;--gray: #111111;--mid-gray: #333333;--light-gray: #aaaaaa}html{scroll-behavior:smooth}body{background-color:var(--black);color:var(--white);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}.enter-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:var(--black)}.enter-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/enter-bg.jpg) center center / cover no-repeat;opacity:.45}.enter-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.enter-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.enter-title{font-size:clamp(48px,10vw,96px);font-weight:900;letter-spacing:-2px;color:var(--white);line-height:1}.enter-btn{margin-top:48px;background:transparent;border:1px solid rgba(255,255,255,.5);color:var(--white);font-family:inherit;font-size:.7rem;letter-spacing:6px;text-transform:uppercase;padding:14px 44px;cursor:pointer;transition:background .3s,border-color .3s,color .3s}.enter-btn:hover{background:var(--white);border-color:var(--white);color:var(--black)}.music-player{position:fixed;bottom:28px;right:32px;z-index:200;display:flex;align-items:center;gap:12px;background:#000000bf;border:1px solid rgba(255,255,255,.15);border-radius:40px;padding:10px 18px 10px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;pointer-events:none}.music-player.visible{opacity:1;transform:translateY(0);pointer-events:all}.music-play-btn{background:none;border:none;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.music-info{display:flex;flex-direction:column;gap:2px}.music-artist{font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff73;white-space:nowrap}.music-title{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:#fff;white-space:nowrap;cursor:pointer;transition:opacity .2s}.music-title:hover{opacity:.65}.music-bars{display:flex;align-items:flex-end;gap:2px;height:10px}.music-bars span{display:block;width:2px;background:#fff9;border-radius:1px;animation:musicBar .8s ease-in-out infinite alternate}.music-bars span:nth-child(1){height:4px;animation-delay:0s;animation-duration:.7s}.music-bars span:nth-child(2){height:8px;animation-delay:.15s;animation-duration:.5s}.music-bars span:nth-child(3){height:6px;animation-delay:.3s;animation-duration:.9s}.music-bars span:nth-child(4){height:10px;animation-delay:.1s;animation-duration:.6s}.music-bars span:nth-child(5){height:5px;animation-delay:.4s;animation-duration:.8s}.music-player.paused .music-bars span{animation-play-state:paused}@keyframes musicBar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.music-next-btn{background:none;border:none;cursor:pointer;padding:0 0 0 4px;width:22px;height:28px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s;flex-shrink:0;color:#fff}.music-next-btn:hover{opacity:1}.vol-wrap{position:relative;flex-shrink:0}.vol-btn{background:none;border:none;cursor:pointer;padding:6px;margin:-6px;width:34px;height:40px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s;color:#fff;border-radius:50%}.vol-btn:hover{opacity:1}.vol-wrap.open .vol-btn{opacity:1;background:#ffffff14}.vol-slider-wrap{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(6px);background:#000000eb;border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:18px 10px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:10;box-shadow:0 4px 20px #00000080}.vol-wrap.open .vol-slider-wrap{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.vol-wrap.open .vol-slider-wrap:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000eb}.music-volume{-webkit-appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:44px;height:110px;background:transparent;outline:none;cursor:pointer;padding:0 18px}.music-volume::-webkit-slider-runnable-track{width:4px;background:#fff3;border-radius:2px}.music-volume::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;margin-left:-7px;box-shadow:0 1px 4px #0006}.music-volume::-moz-range-track{width:4px;background:#fff3;border-radius:2px}.music-volume::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #0006}.sc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.sc-modal-backdrop.open{opacity:1;pointer-events:all}.sc-modal{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:min(480px,92vw);padding:28px 28px 20px;display:flex;flex-direction:column;gap:18px;transform:translateY(12px);transition:transform .25s}.sc-modal-backdrop.open .sc-modal{transform:translateY(0)}.sc-modal-header{display:flex;align-items:center;justify-content:space-between}.sc-modal-title{font-size:.65rem;letter-spacing:5px;text-transform:uppercase;color:#ffffff80}.sc-modal-close{background:none;border:none;cursor:pointer;color:#fff6;font-size:1.2rem;line-height:1;padding:0;transition:color .2s}.sc-modal-close:hover{color:#fff}.sc-likes-link-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px 0 12px}.sc-likes-desc{color:#fff6;font-size:.78rem;letter-spacing:1px;margin:0}.sc-likes-link{display:inline-flex;align-items:center;gap:10px;background:#f50;color:#fff;text-decoration:none;padding:14px 28px;border-radius:8px;font-size:.88rem;font-weight:600;letter-spacing:.5px;transition:background .2s,transform .15s}.sc-likes-link:hover{background:#f73;transform:translateY(-2px)}nav{position:fixed;top:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:24px 60px;background:linear-gradient(to bottom,rgba(0,0,0,.95),transparent)}.nav-logo{font-size:1.4rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--white);text-decoration:none}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{color:var(--light-gray);text-decoration:none;font-size:.8rem;letter-spacing:3px;text-transform:uppercase;transition:color .3s}.nav-links a:hover{color:var(--white)}#hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;border-bottom:1px solid var(--mid-gray);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/hero.jpg);background-size:cover;background-position:center bottom;filter:grayscale(100%) brightness(.3);z-index:0}#hero>*:not(.hero-bg):not(.hero-scroll):not(.hero-watermark){position:relative;z-index:1}#hero .hero-scroll{position:absolute;z-index:1}.hero-tag{font-size:.75rem;letter-spacing:6px;text-transform:uppercase;color:var(--light-gray);margin-bottom:24px}.hero-title{font-size:clamp(3rem,10vw,8rem);font-weight:900;letter-spacing:-2px;line-height:1;text-transform:uppercase}.hero-title span{display:block;color:var(--light-gray);font-weight:300;font-size:clamp(1rem,3vw,2rem);letter-spacing:10px;margin-top:16px}.hero-scroll{position:absolute;bottom:40px;font-size:.7rem;letter-spacing:4px;text-transform:uppercase;color:var(--light-gray);animation:pulse 2s infinite}.hero-watermark{position:absolute;bottom:20px;left:24px;font-size:.6rem;letter-spacing:.08em;color:#ffffff47;font-style:italic;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}section{padding:100px 60px}.section-label{font-size:.7rem;letter-spacing:6px;text-transform:uppercase;color:var(--light-gray);margin-bottom:16px}.section-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;text-transform:uppercase;letter-spacing:-1px;margin-bottom:60px;border-bottom:1px solid var(--mid-gray);padding-bottom:24px}#work{background-color:var(--black)}.featured-grid{display:grid;gap:2px;margin-bottom:2px;grid-template-columns:1fr}@media (min-width: 680px){.featured-grid{grid-template-columns:repeat(2,1fr)}}.video-grid{display:grid;gap:2px;grid-template-columns:1fr}@media (min-width: 680px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1500px){.video-grid{grid-template-columns:repeat(4,1fr)}}.video-card{display:flex;flex-direction:column;cursor:pointer;background:var(--gray)}.video-card.featured{position:relative}.video-card.featured:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid rgba(255,255,255,.18);pointer-events:none;z-index:1}.featured-badge{position:absolute;top:10px;left:10px;z-index:2;background:#000000b8;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:3px 8px;border:1px solid rgba(255,255,255,.25)}.video-card-embed{aspect-ratio:16/9;overflow:hidden;position:relative}.video-card-embed iframe{width:100%;height:100%;border:none;display:block}.yt-thumb{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.yt-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:40px;background:#000000c7;border-radius:8px;pointer-events:none;transition:background .15s,transform .15s}.yt-play-btn:after{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-style:solid;border-width:9px 0 9px 17px;border-color:transparent transparent transparent #fff}.video-card-embed:hover .yt-play-btn{background:#c80000eb;transform:translate(-50%,-50%) scale(1.08)}.video-card-bezel{background:var(--gray);padding:12px 16px;border-top:1px solid #333;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.video-card-bezel:hover{background:#1a1a1a}.video-card-bezel-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.bezel-text{flex:1;min-width:0}.video-card-toggle{color:#fff9;font-size:1.4rem;font-weight:400;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0f;transition:transform .25s ease,background .15s,color .15s}.video-card-bezel:hover .video-card-toggle{color:var(--white);background:#ffffff1f}.video-card.expanded .video-card-toggle{transform:rotate(90deg)}.video-card-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.video-card.expanded .video-card-details{grid-template-rows:1fr}.video-card-details-inner{overflow:hidden}.video-card-details-content{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:baseline;padding-top:10px;border-top:1px solid #2a2a2a;margin-top:10px}.detail-label{font-size:.55rem;letter-spacing:2px;text-transform:uppercase;color:var(--mid-gray);white-space:nowrap}.detail-value{font-size:.75rem;color:var(--light-gray);line-height:1.4}.video-card-artist{font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--light-gray);margin-bottom:4px}.video-card-role{font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--light-gray);margin-top:4px}.video-card-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}#about{background-color:var(--gray);display:flex;gap:80px;align-items:flex-start}.about-left{flex:1}.about-right{flex:1;position:relative}.about-text{font-size:1.1rem;line-height:1.9;color:var(--light-gray);margin-bottom:40px}.stats{display:flex;gap:40px;margin-top:40px}.stat-item{border-left:2px solid var(--white);padding-left:16px}.stat-number{font-size:2rem;font-weight:800}.stat-label{font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--light-gray)}.carousel{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:4px}.carousel-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.carousel-track img{flex-shrink:0;width:100%;height:100%;object-fit:cover;filter:grayscale(30%);pointer-events:none;-webkit-user-select:none;user-select:none}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}.carousel-btn:hover{background:#000000d9}.carousel-btn.prev{left:12px}.carousel-btn.next{right:12px}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}.carousel-dot{width:5px;height:5px;border-radius:50%;background:#ffffff40;cursor:pointer;transition:background .2s,transform .2s}.carousel-dot.active{background:#fff;transform:scale(1.3)}#contact{background-color:var(--black)}.mission-types{display:flex;gap:10px;margin-bottom:52px;flex-wrap:wrap}.mission-type{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffff59;font-family:inherit;font-size:.6rem;letter-spacing:4px;text-transform:uppercase;padding:10px 20px;cursor:pointer;transition:all .2s;border-radius:2px}.mission-type:hover{border-color:#fff6;color:#ffffffb3}.mission-type.active{background:var(--white);border-color:var(--white);color:var(--black)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.mission-status-line{font-size:.6rem;letter-spacing:4px;text-transform:uppercase;color:#ffffff4d;margin-bottom:10px}.mission-status-line span{color:var(--white)}.contact-info p{color:var(--light-gray);font-size:.9rem;line-height:1.8;margin-bottom:40px}.contact-links{display:flex;flex-direction:column;gap:12px;margin-top:40px}.contact-links-label{font-size:.55rem;letter-spacing:4px;text-transform:uppercase;color:#ffffff40;margin-bottom:4px}.contact-links a{color:var(--white);text-decoration:none;font-size:.8rem;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:12px;transition:color .3s}.contact-links a:hover{color:var(--light-gray)}.contact-links a:before{content:"→"}.mission-progress{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--mid-gray)}.progress-label{font-size:.55rem;letter-spacing:3px;text-transform:uppercase;color:#ffffff40;white-space:nowrap}.progress-track{flex:1;height:2px;background:var(--mid-gray);border-radius:1px;overflow:hidden}.progress-fill{height:100%;background:var(--white);transition:width .45s cubic-bezier(.34,1.56,.64,1)}.progress-count{font-size:.6rem;letter-spacing:2px;color:#ffffff59;white-space:nowrap;min-width:36px;text-align:right}.field-header{display:flex;align-items:center;justify-content:space-between}.field-status{font-size:.7rem;color:#fff3;transition:color .25s,transform .25s;display:inline-block}.field-status.done{color:var(--white);transform:scale(1.3)}form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--light-gray)}.form-group input,.form-group textarea,.form-group select{background:transparent;border:none;border-bottom:1px solid var(--mid-gray);color:var(--white);font-size:1rem;font-family:inherit;padding:12px 0;outline:none;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-bottom-color:var(--white)}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:32px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='none' stroke='%23aaaaaa' stroke-width='1.5' d='M2 4l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 4px center;background-size:12px 12px}.form-group select option{background:#0a0a0a;color:var(--white);padding:8px}.form-group select:invalid,.form-group select option[value=""]{color:var(--mid-gray)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--mid-gray)}.form-group textarea{resize:none;min-height:120px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.btn-submit{background:var(--white);color:var(--black);border:1px solid var(--white);padding:16px 40px;font-size:.7rem;font-family:inherit;letter-spacing:4px;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .3s;align-self:flex-start;margin-top:10px}.btn-submit:disabled{background:transparent;border-color:#ffffff26;color:#fff3;cursor:not-allowed}.btn-submit.unlocked{animation:submitGlow 2s ease-in-out infinite}@keyframes submitGlow{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 18px 4px #ffffff1f}}.btn-submit:not(:disabled):hover{background:var(--light-gray);border-color:var(--light-gray)}.achievement{position:fixed;bottom:28px;left:32px;z-index:300;background:#000000eb;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:14px 20px;display:flex;align-items:center;gap:14px;transform:translate(calc(-100% - 48px));transition:transform .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.achievement.show{transform:translate(0)}.achievement-icon{font-size:1.4rem;line-height:1}.achievement-text{display:flex;flex-direction:column;gap:2px}.achievement-label{font-size:.5rem;letter-spacing:4px;text-transform:uppercase;color:#fff6}.achievement-title{font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:var(--white);font-weight:700}footer{padding:40px 60px;border-top:1px solid var(--mid-gray);display:flex;justify-content:space-between;align-items:center}footer p{font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--mid-gray)}@media (max-width: 768px){nav{padding:20px 24px}.nav-links{display:none}section{padding:80px 24px}.hero-title span{font-size:clamp(.75rem,4vw,1.2rem);letter-spacing:4px;margin-top:12px}.about-text{font-size:.95rem;line-height:1.65;margin-bottom:24px}#about{flex-direction:column;gap:40px}.contact-grid{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}.btn-submit{font-size:.65rem;letter-spacing:.1em;white-space:nowrap}footer{flex-direction:column;gap:12px;text-align:center;padding:30px 24px}.music-player{bottom:16px;right:16px}}