#social .social-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}#social .social-tile{aspect-ratio:3/4.5}#social .social-tile:after{inset:28% 0 0;background:linear-gradient(transparent,#0a160eaa 36%,#07110bf5)}.mbti-tile-copy{position:absolute;left:17px;right:17px;bottom:20px;z-index:2;color:#f3ead6}.mbti-tile-copy b{display:block;font:500 22px/1.5 'Noto Serif KR',serif}.mbti-tile-copy small{display:block;margin-top:8px;font-size:11px;letter-spacing:1px;color:#e7cc91}.mbti-tile-copy p{font-size:11px;line-height:1.8;margin:12px 0;color:#dedfd1;word-break:keep-all}.mbti-tile-copy em{display:block;font-size:11px;font-style:normal;font-weight:700;color:#d6c295}.mbti-badge{font-size:23px;top:16px;left:16px;background:#0e2119e8}@media(max-width:1000px){#social .social-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.mbti-tile-copy b{font-size:18px}.mbti-tile-copy{left:13px;right:13px;bottom:17px}}@media(max-width:700px){#social .social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#social .social-tile{aspect-ratio:3/5.7}.mbti-tile-copy{left:11px;right:11px;bottom:15px}.mbti-tile-copy b{font-size:17px}.mbti-tile-copy small{font-size:10px;line-height:1.7}.mbti-tile-copy p{font-size:10px;margin:9px 0}.mbti-badge{font-size:20px;top:10px;left:10px}.mbti-tile-copy em{font-size:10px}}