::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:#0A0B0F}
::-webkit-scrollbar-thumb{background:#23252f;border-radius:10px;border:3px solid #0A0B0F}
input::placeholder,textarea::placeholder{color:#5f6170}
@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.studio-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 15px;color:#EBEBF2;font-size:14px;font-family:'Archivo',sans-serif;outline:none;transition:border-color .2s,background .2s}
.studio-input:focus{border-color:#8B5CF6;background:rgba(255,255,255,.06)}
textarea.studio-input{resize:none;min-height:120px}

.nav-desktop{display:flex;align-items:center;gap:36px}

.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;width:36px;height:36px}
.hamburger span{display:block;width:22px;height:2px;background:#aeb0bd;border-radius:2px;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .2s,background .2s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(10,11,15,.98);border-bottom:1px solid rgba(255,255,255,.07);z-index:49;max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.22,.61,.36,1)}
.mobile-nav a{display:block;padding:14px 32px;font-size:15px;font-weight:500;color:#aeb0bd;border-bottom:1px solid rgba(255,255,255,.05);transition:color .15s,background .15s}
.mobile-nav a:hover{color:#EBEBF2;background:rgba(255,255,255,.03)}
.mobile-nav a:last-child{border-bottom:none}


.project-card{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));transition:border-color .3s,transform .3s;color:inherit;text-decoration:none}
.project-card:hover{border-color:rgba(139,92,246,.55);transform:translateY(-4px)}

.filter-btn{font-size:13px;font-weight:600;padding:9px 18px;border-radius:100px;cursor:pointer;transition:all .25s;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.02);color:#aeb0bd}
.filter-btn.active{background:#fff;color:#0A0B0F;border-color:transparent}

.contact-row{display:flex;align-items:center;gap:20px;padding:24px 14px;border-bottom:1px solid rgba(255,255,255,.1);transition:background .25s,padding-left .25s;cursor:pointer;width:100%;background:transparent;text-align:left;color:inherit;border-top:none;border-left:none;border-right:none}
.contact-row:hover{background:rgba(255,255,255,.03);padding-left:22px}

@media(max-width:900px){
  .nav-desktop{display:none}
  .hamburger{display:flex}
  .projects-grid{grid-template-columns:1fr 1fr !important}
  .mobile-nav{display:flex}
  .mobile-nav.open{max-height:400px}
}
@media(min-width:901px){
  #filterBtns{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  #filterBtns::-webkit-scrollbar{display:none}
  #top,#work,#skills,#contact{min-height:100vh;box-sizing:border-box}
  footer{margin-top:-105px !important}
}
@media(max-width:640px){
  .projects-grid{grid-template-columns:1fr !important}
  .skills-grid{grid-template-columns:1fr !important;gap:40px !important}
  .skills-sticky{position:static !important}
  .contact-grid{grid-template-columns:1fr !important;gap:40px !important}
  .contact-sticky{position:static !important}
  .hero-grid{grid-template-columns:1fr !important;gap:24px !important}
  .hero-grid>div:last-child{justify-content:flex-start !important}
  .section-inner{padding-left:20px !important;padding-right:20px !important}
}