*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;color:#f0f0f0;font-family:Georgia,serif;min-height:100vh}.navbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}.nav-logo{font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;color:#f0f0f0}.burger span{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-menu{position:fixed;top:0;right:0;height:100vh;width:220px;list-style:none;margin:0;padding:5rem 0 2rem;background:#111;border-left:1px solid #333;z-index:100;transform:translate(100%);transition:transform .3s ease}.nav-menu--open{transform:translate(0)}.nav-close{position:absolute;top:1rem;right:1.25rem;background:none;border:none;color:#f0f0f0;font-size:1.25rem;cursor:pointer;line-height:1}.nav-menu ul{list-style:none;margin:0;padding:0}.nav-menu li{padding:.75rem 1.25rem;cursor:pointer;letter-spacing:.05em}.nav-menu li:hover{background:#222}.site{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:3rem 1.5rem;max-width:900px;margin:0 auto}.band-name{font-size:clamp(2.5rem,8vw,5rem);font-weight:400;letter-spacing:.15em;text-transform:uppercase}.band-photo{width:100%;max-width:400px;height:auto;object-fit:cover;border-radius:4px}.video-wrapper{width:100%;max-width:800px;aspect-ratio:16 / 9}.video-wrapper iframe{width:100%;height:100%;border:none;border-radius:4px}