.profile-card-bottom{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:minmax(56px,auto) auto;gap:10px 12px;padding-block:12px}
.profile-card-contact{display:contents}
.profile-card-bottom .profile-card-view{grid-column:1/-1;grid-row:2;justify-self:center}
.profile-card-bottom .profile-card-view,.profile-card-portrait .profile-card-weekly-label{
  justify-content:center;
  min-width:min(148px,100%);min-height:44px;max-width:100%;padding:10px 24px;
  border:1px solid rgba(var(--gold-rgb,216,191,134),.4);border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),transparent 45%,rgba(var(--gold-rgb,216,191,134),.025)),rgba(4,5,7,.42);
  -webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(255,255,255,.025),0 5px 16px rgba(0,0,0,.18);
  line-height:1.45;text-align:center;white-space:normal;overflow-wrap:anywhere;
  transition:background-color .2s,border-color .2s,box-shadow .2s;
}
.profile-card-bottom a.profile-card-view:hover{background-color:rgba(4,5,7,.58);border-color:rgba(var(--gold-rgb,216,191,134),.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 6px 20px rgba(0,0,0,.25)}
.profile-card-availability{grid-column:2;grid-row:1;justify-self:end;align-self:center;justify-content:flex-end;align-items:flex-start;gap:4px;margin:0;text-align:right;opacity:1}
.profile-card-availability>span{min-width:0}
.profile-card-availability>svg{margin-top:3px}
.profile-card .profile-photo{aspect-ratio:3/4}
.profile-card-portrait{position:relative}
.profile-card-portrait:after{content:'';position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(0deg,rgba(8,9,11,.8),transparent);pointer-events:none}
.profile-card-name{position:absolute;z-index:1;left:20px;right:20px;bottom:16px;margin:0;font-size:28.8px;line-height:1.2;text-align:center;overflow-wrap:anywhere;pointer-events:none}
.profile-card-bottom .profile-card-whatsapp{position:relative;right:auto;bottom:auto;z-index:1;display:grid;grid-column:1;grid-row:1;justify-self:start;align-self:center}
.profile-card:has(.profile-card-whatsapp:hover),.profile-card:has(.profile-card-whatsapp:focus-visible){transform:none}
/* The feathered edge travels left to right to hide the date, then reverses.
   Its movement uses the capsule's exact duration and easing in each direction. */
.profile-card-availability{
  -webkit-mask-image:linear-gradient(to right,transparent calc(50% - 6px),#000 calc(50% + 6px));
  mask-image:linear-gradient(to right,transparent calc(50% - 6px),#000 calc(50% + 6px));
  -webkit-mask-size:calc(200% + 24px) 100%;mask-size:calc(200% + 24px) 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:100% 0;mask-position:100% 0;
  transition:mask-position .8s cubic-bezier(.32,.1,.2,1),-webkit-mask-position .8s cubic-bezier(.32,.1,.2,1);
}
.profile-card-bottom.is-contact-overlapping:has(.profile-card-whatsapp.is-hint-visible) .profile-card-availability{
  -webkit-mask-position:0% 0;mask-position:0% 0;
  transition-duration:.72s;transition-timing-function:cubic-bezier(.22,.7,.18,1);
}
@media(max-width:959px){
  .profile-card-portrait:has(.profile-card-photo-dots) .profile-card-name{bottom:42px}
  .profile-card-photo-track{position:absolute;inset:0;display:flex;transform:translateX(0);transition:transform .3s cubic-bezier(.22,1,.36,1)}
  .profile-card-photo-track>img{flex:0 0 100%;min-width:0;max-width:none;pointer-events:none;user-select:none;-webkit-user-select:none}
  .profile-card .profile-photo .profile-card-photo-track>img:not(:first-child){object-position:50% 0%}
  .profile-photo[data-card-photos]{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
  .profile-photo.is-photo-dragging .profile-card-photo-track{transition:none}
  .public-site .profile-photo[data-card-photos]:active{scale:1;translate:none}
  .profile-card-photo-dots{position:absolute;z-index:1;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:20px;background:rgba(8,9,11,.55);pointer-events:none}
  .profile-card-photo-dots>span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.45)}
  .profile-card-photo-dots>.is-current{background:var(--gold);width:14px;border-radius:4px}
  .profile-card-photo-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
}
@media(max-width:639px){.profile-card-name{font-size:27.6px}}
@media(prefers-reduced-motion:reduce){
  .profile-card-photo-track,.profile-card-availability,.profile-card-bottom .profile-card-view,
  .profile-card-bottom.is-contact-overlapping:has(.profile-card-whatsapp.is-hint-visible) .profile-card-availability{transition:none}
}

/* The weekly label sits on the portrait, with the profile name in the bottom row. */
.profile-card--weekly{position:relative;isolation:isolate;border-color:rgba(var(--gold-rgb,216,191,134),.75)}
/* Keep the weekly profile first on mobile and centered in the desktop row. */
@media(min-width:960px){
  .profile-grid>.profile-card--weekly{grid-column:2;grid-row:1}
  .profile-grid>.profile-card--weekly+.profile-card{grid-column:1;grid-row:1}
}
.profile-card-portrait .profile-card-weekly-label{
  position:absolute;z-index:1;left:50%;bottom:16px;transform:translateX(-50%);
  width:max-content;min-width:min(148px,calc(100% - 40px));max-width:calc(100% - 40px);isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;gap:12px;
  color:var(--text);font-family:var(--font-display);font-size:14.4px;font-weight:900;font-style:normal;
  -webkit-text-fill-color:currentColor;filter:none;text-shadow:none;cursor:pointer;transition:none;
}
.profile-card--weekly .profile-photo:focus-visible{outline-offset:-4px}
.profile-card-bottom .profile-card-weekly-name{
  grid-column:1/-1;grid-row:2;justify-self:center;min-width:0;min-height:44px;max-width:100%;
  display:flex;align-items:center;justify-content:center;line-height:1.2;text-align:center;
}

/* Shared continuous waves follow the actual perimeter of the card and label. */
.weekly-light-canvas{
  position:absolute;z-index:3;inset:0;width:100%;height:100%;
  border-radius:inherit;pointer-events:none;
}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.weekly-light-canvas{display:none}}