.mobile-business-card, .mobile-card-open { display: none; }
@media (max-width: 767px) {
  .contact-fab { display: none !important; }
  body.portfolio-home[data-site-theme] dialog.mobile-business-card[open] {
    box-sizing: border-box; display: block; width: min(372px, calc(100vw - 32px));
    max-width: none; max-height: calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    margin: auto; padding: 0; overflow: auto; overscroll-behavior: contain;
    border: 0; border-radius: 24px 24px 0 0; background: transparent; color: #fff7ed; box-shadow: none;
    font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }
  .mobile-business-card::backdrop {
    background: linear-gradient(100deg, #11171375, #1717146b), url('/assets/ai-champions-studio-v1.png') 38% center/cover no-repeat, #242725;
  }
  .mobile-business-card .bc-identity { padding-right: 22px; }
  body.portfolio-home[data-site-theme] dialog.mobile-business-card button.mobile-card-close {
    position: absolute; z-index: 1; right: 12px; top: 12px; width: 40px; height: 40px; min-height: 40px;
    display: grid; place-items: center; padding: 0; border: 1px solid #fff2db4a; border-radius: 50%;
    background: #30342f70; color: #fff4df; box-shadow: inset 0 1px 0 #ffffff26;
  }
  .mobile-card-close svg { width: 16px; height: 16px; }
  .mobile-card-external { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 12px 2px 3px; }
  .mobile-card-external a, .mobile-card-external button.mobile-card-enter {
    box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin: 0;
    text-align: center; min-height: 46px; padding: 10px 8px; border-radius: 13px;
    text-decoration: none; font: 550 .875rem/1.35 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }
  .mobile-card-external a {
    color: #382819; background: linear-gradient(140deg, #ffdb9d, #f5b365);
    border: 1px solid #ffe4b5bf; box-shadow: inset 0 1px 0 #fff8;
  }
  .mobile-card-external button.mobile-card-enter {
    background: linear-gradient(125deg, #535651c9, #313531d9);
    border: 1px solid #f4e9d663; color: #fff7ed; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  }
  .mobile-card-external :is(a,button):focus-visible, .mobile-card-close:focus-visible { outline: 2px solid #ffe2ac; outline-offset: -4px; }
  .mobile-card-open svg { width: 21px; height: 21px; }
}
@media (min-width: 768px) {
  body.portfolio-home .profile-page .app-shell > div:has(> .profile-identity-stack) {
    background: radial-gradient(ellipse at 0% 100%, #efa95023, transparent 65%), linear-gradient(115deg, #d9dbd729, #a09b9317);
    border-right: 1px solid #f4e9d64d; box-shadow: inset 1px 1px 0 #ffffff19;
    backdrop-filter: blur(30px) saturate(80%); -webkit-backdrop-filter: blur(30px) saturate(80%);
  }
}