.about-profile__top::after { content: none; display: none; }
.about-profile__card-slot { display: flex; align-items: center; justify-content: center; min-width: 0; }
.about-profile__lanyard { position: relative; width: 100%; max-width: 620px; height: 560px; overflow: hidden; outline-offset: 4px; }
.about-profile__lanyard:focus-visible { outline: 2px solid #82daff; border-radius: 12px; }
.lanyard-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.lanyard__hint { position: absolute; right: 12px; bottom: 10px; color: #a3a7b0; font-size: 11px; letter-spacing: .04em; pointer-events: none; }
.lanyard__fallback { position: absolute; inset: 0; pointer-events: none; }
.lanyard-ready .lanyard__fallback { display: none; }
.lanyard__fallback-strap { position: absolute; top: 0; left: 50%; width: 34px; height: 24%; transform: translateX(-50%); background: linear-gradient(90deg, #10121a, #383a42 48%, #11121a); }
.lanyard__fallback-card { position: absolute; top: 22%; left: 50%; width: min(64%, 280px); height: 67%; transform: translateX(-50%); overflow: hidden; border: 1px solid rgba(255,255,255,.3); border-radius: 16px; background: #d3d3d3; box-shadow: 0 18px 40px rgba(0,0,0,.35); }
.lanyard__fallback-card::before { content: ''; position: absolute; z-index: 2; top: 11px; left: 50%; width: 48px; height: 5px; transform: translateX(-50%); border-radius: 5px; background: rgba(20,20,24,.8); }
.lanyard__fallback-card img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
@media (max-width: 800px) {
  .about-profile__card-slot { width: 100%; margin: 0 auto; }
  .about-profile__lanyard { height: 480px; }
}
@media (max-width: 400px) { .about-profile__lanyard { height: 420px; } }