/* ===========================================================
   signin v1 (2026-10-19). Visual layer only, loaded after site.v2.css.
   Each portal card gets a photo header and layered depth, in the homepage look.
   The .who a[data-role] links the "last used" script reads are unchanged.
   =========================================================== */
.who a { padding: 0 0 26px; overflow: hidden; border-radius: 24px;
  box-shadow: 0 24px 48px -30px rgba(7,22,69,.42), 0 8px 18px -12px rgba(7,22,69,.18); }
.who a:hover { box-shadow: 0 34px 60px -30px rgba(7,22,69,.5), 0 12px 24px -12px rgba(7,22,69,.22); border-color: #2FD6B0; }
.who a > :not(.who-photo) { margin-left: 28px; margin-right: 28px; }
.who-photo { display: block; position: relative; aspect-ratio: 16 / 10; overflow: hidden; margin: 0 0 0; }
.who-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.3,1); }
.who a:hover .who-photo img { transform: scale(1.04); }
.who-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,22,69,.28) 0%, rgba(7,22,69,0) 45%); }
.who .tile { position: relative; z-index: 1; margin-top: -26px; background: #fff; box-shadow: 0 10px 22px -10px rgba(7,22,69,.4); }
.who .go { color: #0A1E5C; display: inline-flex; align-items: center; min-height: 44px; }
.page-hero h1 { margin-left: auto; margin-right: auto; }
.last-used { border-radius: 16px; background: #E6FBF5; border-color: #BDEFE0; }
@media (prefers-reduced-motion: reduce) {
  .who-photo img { transition: none; } .who a:hover .who-photo img { transform: none; }
}
@media (max-width: 900px) { .who-photo { aspect-ratio: 16 / 8; } }