.vcard{container:vcard / inline-size;max-width:30rem;width:100%;}article.vcard{margin:auto;}.vcard>*{padding:1rem;}@container vcard (width>260px){.vcard>*{padding:2rem;}}.vcard__header{display:flex;flex-direction:column-reverse;position:relative;}@container vcard (width>360px){.vcard__header{font-size:2rem;}}@container vcard (width>440px){.vcard__header{font-size:2.5rem;}}.vcard__body{  --grid-threshold:10rem;background:navy;border-radius:0 0 var(--rad) var(--rad);}.vcard__body,.vcard__body a{color:white;}.vcard__depiction{border-radius:100%;height:80px;overflow:hidden;width:80px;}@container vcard (width>260px){.vcard__depiction{height:3em;position:absolute;right:2rem;top:2rem;width:3em;}}.vcard__depiction img{aspect-ratio:1/1;height:100%;object-fit:cover;width:100%;}