/* Creator and social cards are explicitly illustrative preview content. */
#social{padding:clamp(56px,5vw,88px) max(20px,1.95vw) clamp(64px,6vw,104px);border-top:1px solid #ecece8}
#social .sub{max-width:780px;margin:12px 0 clamp(28px,2.4vw,42px);font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:#6b6b68}
#social .wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.2vw,24px)}
#social .wall .col{min-width:0;gap:clamp(16px,1.2vw,24px)}
#social .post{border-radius:20px}
#social .post.creator{isolation:isolate;background:#e6e6e2}
#social .creator--tall{aspect-ratio:9/16}
#social .creator--wide{aspect-ratio:5/3}
#social .creator-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--face,50% 35%)}
#social .creator-photo--arun{inset:auto;width:180%;height:180%;max-width:none;left:-80%;top:-14%;object-position:100% 30%}
#social .creator-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.13),transparent 28%,transparent 54%,rgba(0,0,0,.68));pointer-events:none}
#social .creator .play{width:clamp(52px,4.2vw,72px);height:clamp(52px,4.2vw,72px);border:1px solid rgba(255,255,255,.72);background:rgba(255,255,255,.84);box-shadow:0 5px 24px rgba(0,0,0,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}
#social .creator .play:after{margin-left:4px;border-left:15px solid #202020;border-top:9px solid transparent;border-bottom:9px solid transparent}
#social .creator .badge{top:16px;right:16px;bottom:auto;padding:6px 10px;border-radius:999px;background:rgba(20,20,20,.5);color:white;font-size:11px;line-height:1.2;font-weight:500;letter-spacing:.02em}
#social .creator .who{left:20px;right:20px;bottom:20px;color:#fff;font-size:clamp(17px,1.25vw,23px);line-height:1.18}
#social .creator .who small{display:block;margin-bottom:7px;color:rgba(255,255,255,.8);font-size:11px;line-height:1.3;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
#social .creator .who strong{font-weight:600;overflow-wrap:anywhere}
#social .post.x{padding:clamp(20px,1.55vw,28px);font-size:clamp(15px,1.04vw,18px);line-height:1.5;background:#f3f3f0}
#social .post.x .sample-label{display:inline-block;margin:0 0 15px;color:#777b75;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
#social .post.x .sample-copy{margin:0;color:#252824}
#social .post.x .xmark{right:20px;top:19px;font-size:17px;font-weight:500;color:#797d78}
#social .post.x .meta{display:flex;align-items:center;gap:11px;margin-top:22px;font-size:14px;line-height:1.3}
#social .post.x .meta img{width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:cover;object-position:center;display:block}
#social .post.x .meta img.avatar-levelsio{object-position:38% 30%}
#social .post.x .identity{min-width:0;display:flex;flex-direction:column;gap:3px}
#social .post.x .identity b{font-weight:600;overflow-wrap:anywhere}
#social .post.x .identity span{color:#83877f;font-size:12px;overflow-wrap:anywhere}
#social .preview-credit{margin:22px 0 0;text-align:right;font-size:12px;line-height:1.5;color:#83877f}
#social .preview-credit a{color:inherit;text-underline-offset:3px}
@media(max-width:1100px){#social .wall{grid-template-columns:repeat(2,minmax(0,1fr))}#social .creator--wide{aspect-ratio:4/3}#social .creator .who{font-size:21px}}
@media(max-width:620px){#social .wall{grid-template-columns:minmax(0,1fr)}#social .wall .col{display:contents}#social .creator--tall{aspect-ratio:4/5}#social .creator--wide{aspect-ratio:4/3}#social .creator .who{font-size:23px}#social .post.x{font-size:17px;padding:24px}#social .preview-credit{text-align:left}}