@font-face{font-family:Oxanium;src:url('/src/branding/Oxanium.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--brand-cyan:#27ecf2;--brand-gold:#ffc45b;--brand-deep:#071c2a}
.identity-logo{width:32px;height:38px;object-fit:contain;flex-shrink:0}.wordmark,.brand-name{font-family:Oxanium,'Bahnschrift',sans-serif;font-weight:600;letter-spacing:.025em}.wordmark{font-size:16px;white-space:nowrap}.project-chip{border-color:#27ecf238}.project-chip:after{content:'';height:2px;position:absolute;bottom:0;left:18px;right:18px;background:linear-gradient(90deg,var(--brand-cyan),transparent 65%,var(--brand-gold));pointer-events:none}.project-chip{position:relative;overflow:hidden}.brand-intro{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 45%,#103c4b 0,#081c2a 45%,#030b12 100%);color:#f1faff;padding:0;overflow:hidden;box-shadow:none;text-align:center}.brand-intro[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-intro::backdrop{background:#030b12}.brand-intro .identity-logo{width:clamp(140px,25vh,250px);height:clamp(165px,31vh,310px);animation:brand-arrive 1.2s cubic-bezier(.16,1,.3,1) both}.brand-intro h1{font-family:Oxanium,'Bahnschrift',sans-serif;font-weight:500;font-size:clamp(24px,4vw,44px);letter-spacing:.055em;margin:24px 16px 8px;background:linear-gradient(105deg,#d4ffff,#27ecf2 55%,#ffe5ac);color:#e0ffff;background-clip:text;-webkit-text-fill-color:transparent;animation:brand-title .9s .15s both}.brand-intro p{color:#b6d3dd;font-size:14px;letter-spacing:.16em;margin:10px 20px;animation:brand-title .9s .25s both}.brand-intro button{position:absolute;bottom:28px;right:28px;background:#102937;color:#d7eef4;border:1px solid #5e9cac66;border-radius:10px;padding:12px 16px;font:14px 'Segoe UI',sans-serif;cursor:pointer}.brand-intro button:focus-visible{outline:3px solid var(--brand-gold);outline-offset:4px}@keyframes brand-arrive{from{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}@keyframes brand-title{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.brand-intro *{animation:none!important}}@media(max-width:900px){.project-chip .wordmark{display:none}}