.level-switches{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.level-switches button{border:1px solid #dcd6ca;border-radius:30px;padding:12px 22px}.level-switches button[aria-pressed=true]{background:#302e27;color:white}.project-card[hidden]{display:none}.project-art{background:#e7e9dc}.beta-note{max-width:850px}.beta-note p{line-height:1.9;margin:20px 0}.project-grid{row-gap:40px}footer{padding-bottom:35px}.header{flex-wrap:wrap}.hero-photo{min-height:350px}@media(max-width:600px){.hero-photo{min-height:250px}.header nav{display:flex;gap:18px}.level-switches button{padding:10px 16px}.hero-copy h1{font-size:42px}}

.header nav{align-items:center}
.header nav>a,.header nav>.beta-nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0;border:0;background:none;font:inherit;line-height:1.5;white-space:nowrap}.beta-nav-button:hover{color:var(--red)}
body.beta-modal-open{overflow:hidden}
#beta-dialog{width:min(620px,calc(100vw - 32px));max-height:90dvh;padding:48px 38px 32px;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 24px 80px #302d2826}
#beta-dialog::backdrop{background:#24251f80;backdrop-filter:blur(4px)}
#beta-dialog .close{top:12px;right:12px;width:44px;height:44px;font-size:28px}
#beta-dialog h2{font-size:30px;line-height:1.4;margin:16px 0 22px}
#beta-dialog p{line-height:1.85;margin:18px 0;overflow-wrap:anywhere}
#beta-dialog .button{margin:4px 0 8px;min-height:46px}
@media(max-width:600px){#beta-dialog{padding:48px 24px 24px;max-height:92dvh;border-radius:18px}#beta-dialog h2{font-size:25px}#beta-dialog .button{width:100%}}