:root{--bg:#000;--text:#fff;--silver:#cfcfcf}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}.aside-nav{z-index:2000;background:#000;flex-direction:column;gap:48px;width:320px;height:100vh;padding:28px 32px;transition:transform .45s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.aside-nav.open{transform:translate(0)}.aside-header{justify-content:space-between;align-items:center;display:flex}.aside-logo{width:120px}.aside-logo-video{mix-blend-mode:lighten;width:100%;display:block}.aside-close{color:var(--silver);cursor:pointer;font-size:26px;transition:color .3s,transform .3s}.aside-close:hover{color:#fff;transform:rotate(90deg)}.aside-links{flex-direction:column;gap:32px;list-style:none;display:flex}.aside-links li{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(16px)}.aside-nav.open .aside-links li:first-child{opacity:1;transition-delay:.15s;transform:translateY(0)}.aside-nav.open .aside-links li:nth-child(2){opacity:1;transition-delay:.22s;transform:translateY(0)}.aside-nav.open .aside-links li:nth-child(3){opacity:1;transition-delay:.29s;transform:translateY(0)}.aside-nav.open .aside-links li:nth-child(4){opacity:1;transition-delay:.36s;transform:translateY(0)}.aside-links a{letter-spacing:.2em;text-transform:uppercase;color:var(--silver);font-family:Syncopate,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:color .3s}.aside-links a:hover{color:#fff;text-shadow:0 0 12px #cfcfcf99}.aside-overlay{z-index:1999;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .4s;position:fixed;inset:0}.aside-overlay.open{opacity:1;pointer-events:all}.navbar{z-index:1000;background:#000;border-bottom:.5px solid #ffffff0a;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 48px;transition:background .4s;display:flex;position:fixed;top:0}.menu-icon ion-icon{color:var(--silver);cursor:pointer;font-size:26px;transition:color .3s,transform .3s}.menu-icon ion-icon:hover{color:#fff;transform:scale(1.1)}.logo-video-wrapper{justify-content:center;align-items:center;width:200px;height:70px;margin-right:-47px;display:flex;overflow:hidden}.logo-video{object-fit:contain;mix-blend-mode:lighten;width:100%;height:100%;display:block;transform:scale(2)}.nav-icons{align-items:center;gap:28px;display:flex}.nav-icons ion-icon{color:var(--silver);cursor:pointer;font-size:26px;transition:color .3s,transform .3s,filter .3s}.nav-icons ion-icon:hover{color:#fff;filter:drop-shadow(0 0 6px #cfcfcfb3);transform:scale(1.15)}.contact-page{flex-direction:column;align-items:center;min-height:100vh;padding-top:80px;padding-bottom:80px;display:flex}.contact-header{text-align:center;opacity:0;padding:80px 24px 48px;animation:1s cubic-bezier(.22,1,.36,1) .2s forwards fadeUp;transform:translateY(24px)}.contact-label{letter-spacing:.5em;color:var(--silver);opacity:.6;margin-bottom:16px;font-family:Syncopate,sans-serif;font-size:10px;font-weight:700}.contact-title{letter-spacing:.15em;color:var(--text);margin-bottom:12px;font-family:Syncopate,sans-serif;font-size:42px;font-weight:700}.contact-sub{color:var(--silver);letter-spacing:.1em;opacity:.6;font-family:Inter,sans-serif;font-size:13px}.contact-form-wrap{opacity:0;flex-direction:column;gap:20px;width:100%;max-width:560px;padding:0 24px;animation:1s cubic-bezier(.22,1,.36,1) .4s forwards fadeUp;display:flex;transform:translateY(24px)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{letter-spacing:.3em;color:var(--silver);opacity:.7;font-family:Syncopate,sans-serif;font-size:9px;font-weight:700}.form-input{color:var(--text);background:0 0;border:.5px solid #cfcfcf4d;outline:none;width:100%;padding:16px 18px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .3s}.form-input::placeholder{color:#cfcfcf4d;letter-spacing:.1em;font-size:11px}.form-input:focus{border-color:#cfcfcfcc}.form-textarea{resize:none;height:140px}.form-submit{color:#000;letter-spacing:.25em;cursor:pointer;background:#fff;border:1px solid #fff;width:100%;margin-top:8px;padding:18px;font-family:Syncopate,sans-serif;font-size:11px;font-weight:700;transition:all .3s}.form-submit:hover{background:var(--silver);border-color:var(--silver);box-shadow:0 0 20px #ffffff26}.contact-divider{opacity:0;align-items:center;gap:16px;width:100%;max-width:560px;padding:48px 24px;animation:1s cubic-bezier(.22,1,.36,1) .6s forwards fadeUp;display:flex}.contact-divider:before,.contact-divider:after{content:"";background:#ffffff1f;flex:1;height:.5px}.contact-divider span{letter-spacing:.3em;color:var(--silver);opacity:.5;white-space:nowrap;font-family:Syncopate,sans-serif;font-size:9px;font-weight:700}.contact-socials{opacity:0;flex-direction:column;gap:0;width:100%;max-width:560px;padding:0 24px;animation:1s cubic-bezier(.22,1,.36,1) .7s forwards fadeUp;display:flex}.social-card{color:var(--silver);border-bottom:.5px solid #ffffff14;align-items:center;gap:20px;padding:22px 0;text-decoration:none;transition:color .3s,padding-left .3s;display:flex}.social-card:first-child{border-top:.5px solid #ffffff14}.social-card:hover{color:#fff;padding-left:8px}.social-card ion-icon:first-child{flex-shrink:0;font-size:24px;transition:filter .3s}.social-card:hover ion-icon:first-child{filter:drop-shadow(0 0 8px #cfcfcfb3)}.social-info{flex-direction:column;flex:1;gap:3px;display:flex}.social-name{letter-spacing:.2em;color:var(--text);font-family:Syncopate,sans-serif;font-size:11px;font-weight:700}.social-handle{color:var(--silver);opacity:.5;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:11px}.social-arrow{opacity:.4;font-size:16px;transition:opacity .3s,transform .3s}.social-card:hover .social-arrow{opacity:1;transform:translate(4px)}@media (max-width:1024px){.navbar{padding:0 32px}}@media (max-width:768px){.navbar{height:64px;padding:0 20px}.logo-video-wrapper{width:140px;height:54px}.nav-icons{gap:18px}.nav-icons ion-icon,.menu-icon ion-icon{font-size:22px}.aside-nav{width:280px}.contact-page{padding-top:64px}.contact-title{font-size:28px}}@media (max-width:480px){.logo-video-wrapper{width:120px;height:46px}.contact-title{font-size:22px}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
