.cas{width:100%;max-width:480px;position:relative}.cas__photo{aspect-ratio:2560/1433;object-fit:cover;border-radius:var(--r-lg);background:var(--c-putty);outline:1px solid var(--c-putty-rule);outline-offset:-1px;width:100%;height:auto;display:block}.cas__card{border:1px solid var(--c-ink-15);border-radius:var(--r-md);background:var(--c-white);width:min(230px,48%);box-shadow:var(--shadow-float);position:absolute;top:calc(100% - 26px);left:0;overflow:hidden}.cas__head{padding:10px var(--s-4) 8px;border-bottom:1px solid var(--c-rule);font-family:var(--font-sans);font-size:12px;font-weight:var(--w-medium);color:var(--c-carbon)}.cas__rows{list-style:none}.cas__row{padding:8px var(--s-4);grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:8px;display:grid}.cas__row+.cas__row{border-top:1px solid var(--c-rule)}.cas__avatar{border-radius:var(--r-sm);width:24px;height:24px;font-family:var(--font-mono);font-size:9.5px;font-weight:var(--w-semibold);grid-row:1/3;justify-content:center;align-items:center;display:flex}.cas__avatar[data-tone=carbon]{background:var(--c-carbon);color:var(--c-white)}.cas__avatar[data-tone=vapor]{background:var(--c-vapor);color:var(--c-ink-70);box-shadow:inset 0 0 0 1px var(--c-ink-15)}.cas__who{font-family:var(--font-sans);font-size:12px;font-weight:var(--w-medium);color:var(--c-carbon);line-height:1.3}.cas__role{font-family:var(--font-mono);font-size:9.5px;font-weight:var(--w-regular);color:var(--c-ink-56);line-height:1.4}@media (max-width:1023px){.cas{margin-bottom:118px}}@media (max-width:599px){.cas{max-width:360px}.cas__card{width:min(210px,52%)}}