.card-nav-container{z-index:99;box-sizing:border-box;width:calc(100% - 2rem);max-width:680px;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.card-nav{background-color:var(--background);border:1px solid var(--border);height:60px;box-shadow:var(--panel-shadow);will-change:height;border-radius:.9rem;padding:0;display:block;position:relative;overflow:hidden}.card-nav-top{z-index:2;justify-content:space-between;align-items:center;height:60px;padding:.5rem .45rem .55rem 1.1rem;display:flex;position:absolute;top:0;left:0;right:0}.hamburger-menu{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:2.75rem;height:100%;padding:0;display:flex}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{transform-origin:50%;background-color:currentColor;width:24px;height:1.5px;transition:transform .25s,opacity .2s,margin .3s}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px)rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px)rotate(-45deg)}.logo-container{color:var(--foreground);align-items:center;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo{width:24px;height:24px}.card-nav-logo-label{letter-spacing:.15em;margin-left:.55rem;font-size:.75rem;font-weight:700}.card-nav-cta-button{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);cursor:pointer;height:100%;box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 12%, transparent);border-radius:.625rem;align-items:center;padding:0 1rem;font-weight:500;text-decoration:none;transition:filter .18s,transform .18s;display:inline-flex}.card-nav-cta-button:hover,.card-nav-cta-button:focus-visible{filter:brightness(.95);transform:translateY(-1px)}.card-nav-content{visibility:hidden;pointer-events:none;z-index:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:.5rem;display:grid;position:absolute;inset:60px 0 0}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:.65rem;grid-template:"label visual""links visual"1fr/minmax(0,1fr) clamp(6.75rem,35%,9rem);gap:.45rem .85rem;min-width:0;height:100%;padding:.8rem .9rem;display:grid;position:relative;overflow:hidden}.nav-card-label{letter-spacing:-.02em;grid-area:label;font-size:1rem;font-weight:600}.nav-card-links{flex-direction:column;grid-area:links;align-self:end;gap:2px;display:flex}.nav-card-link{cursor:pointer;align-items:center;gap:6px;font-size:.875rem;text-decoration:none;transition:opacity .3s;display:inline-flex}.nav-card-link:hover{opacity:.75}.nav-card-visual{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:#0a0a0a;border-radius:.55rem;grid-area:visual;align-self:stretch;min-height:7rem;position:relative;overflow:hidden}.nav-card-visual img{object-fit:cover;object-position:center;opacity:.96}.card-nav-controls{border-top:1px solid var(--border);grid-column:1/-1;justify-content:flex-start;align-items:center;gap:.6rem;padding:.65rem 0 .1rem;display:flex}.card-nav-control{justify-content:center;min-height:2.5rem;display:inline-flex;box-shadow:none!important;border-radius:.625rem!important}@media (max-width:768px){.card-nav-container{top:.75rem}.card-nav-top{justify-content:space-between;padding:.5rem 1rem}.hamburger-menu{order:2}.logo-container{order:1;position:static;transform:none}.card-nav-cta-button{display:none}.card-nav-content{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:.5rem;display:flex;bottom:0}.nav-card{flex:auto;height:auto;min-height:7.8rem;max-height:none}.card-nav-controls{width:100%;padding-top:.65rem}.nav-card-label{font-size:18px}.nav-card-link{font-size:15px}}