.friends-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:225px 1fr;gap:27px;align-items:center;margin-bottom:23px;min-height:310px;padding:32px 37px 32px 20px;border:1px solid #b9885b70;border-radius:18px;overflow:hidden;text-decoration:none;color:#f1ece7;background:radial-gradient(ellipse at 7% 35%,#80374337,transparent 55%),linear-gradient(115deg,#24171e,#19161e 55%,#161720);transition:border-color .25s,box-shadow .25s}
.friends-banner:hover{border-color:#e1b77c;box-shadow:0 15px 50px #0004}.friends-banner:focus-visible{outline:2px solid #edc98c;outline-offset:5px}
.friends-art{position:relative;display:grid;place-items:center;align-self:stretch;min-height:230px}.friends-art svg{position:relative;z-index:1;width:175px;height:193px;transition:transform .35s}.friends-banner:hover .friends-art svg{transform:translateY(-4px) rotate(-3deg)}.friends-orbit{position:absolute;width:198px;height:198px;border:1px solid #c7975a2e;border-radius:50%;box-shadow:0 0 0 20px #c18a6306,0 0 0 40px #c18a6304}.friends-art-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:.23em;color:#987e69}
.friends-copy{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2;min-width:0}.friends-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#b59b85;font-size:9px;letter-spacing:.16em;line-height:1.5}.friends-kicker img{width:16px;height:16px;display:block}.friends-kicker>span:first-of-type{opacity:.4}.friends-banner h3{font-size:clamp(24px,3.8vw,41px);line-height:1.15;letter-spacing:-.035em;margin:16px 0 12px;color:#e8c596;font-weight:800}.friends-subtitle{font-size:14px;color:#ded4d6;line-height:1.6}.friends-description{font-size:12px;line-height:1.8;margin-top:7px;color:#9c929e}.friends-cn{font-family:'Noto Sans SC',system-ui,sans-serif;color:#c09372;font-size:12px;letter-spacing:.11em;line-height:1.8;margin-top:15px}
.friends-bottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.friends-cta{display:inline-flex;align-items:center;padding:11px 17px;border:1px solid #b0856266;border-radius:8px;background:#c18c5210;color:#edd0a5;font-size:11px;font-weight:700;transition:background .2s}.friends-banner:hover .friends-cta{background:#b17b4325}.friends-handle{font-size:10px;color:#877a82;letter-spacing:.04em}.friends-watermark{position:absolute;right:-25px;bottom:-55px;z-index:0;font:250px 'Noto Sans SC',sans-serif;color:#b0805c;opacity:.035;pointer-events:none}
@media(max-width:760px){.friends-banner{grid-template-columns:1fr;gap:20px;padding:24px;min-height:0}.friends-art{min-height:150px;align-self:center}.friends-art svg{height:145px;width:132px}.friends-orbit{height:140px;width:140px;box-shadow:0 0 0 18px #c18a6305}.friends-art-caption{bottom:-7px;font-size:8px}.friends-banner h3{font-size:clamp(23px,7vw,35px);margin-top:14px}.friends-subtitle{font-size:13px}.friends-description{font-size:12px}.friends-kicker{font-size:8px;letter-spacing:.12em}.friends-cn{font-size:11px;letter-spacing:.04em}.friends-bottom{gap:13px;margin-top:20px}.friends-handle{font-size:9px}.friends-watermark{font-size:210px;bottom:-35px}}
@media(prefers-reduced-motion:reduce){.friends-banner,.friends-art svg,.friends-cta{transition:none}.friends-banner:hover .friends-art svg{transform:none}}