.ham-btn { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 8px; }
.ham-btn span { display: block; width: 22px; height: 2px; background: #f5f5f7; border-radius: 2px; transition: transform 0.25s, opacity 0.25s; }
.ham-btn[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ham-btn[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ham-btn[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mob-nav { position: fixed; top: 0; right: -280px; width: 280px; height: 100vh; background: #111113; z-index: 200; padding: 80px 2rem 2rem; display: flex; flex-direction: column; transition: right 0.3s cubic-bezier(0.4,0,0.2,1); }
.mob-nav.open { right: 0; }
.mob-nav a { color: #f5f5f7; text-decoration: none; font-size: 1.25rem; font-weight: 600; padding: 1rem 0; border-bottom: 1px solid rgba(255,255,255,0.08); }
.mob-nav a:hover, .mob-nav a:focus-visible { color: #ffd60a; }
.mob-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 199; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.mob-overlay.open { opacity: 1; pointer-events: all; }
@media (max-width: 720px) { .ham-btn { display: flex; position: fixed; top: 12px; right: 12px; z-index: 201; } }