/* X is the creator's main destination. No embedded widgets or trackers. */
.header nav .nav-x{border:1px solid #ad915a;color:#eed39b;padding:8px 15px;white-space:nowrap}
.hero-x{position:relative;z-index:3;display:flex;align-items:center;gap:16px;width:100%;max-width:430px;padding:18px 20px;border:1px solid #b69a61;background:linear-gradient(115deg,#292116,#15120e);box-shadow:0 8px 28px #0004;color:#f1dfbc;text-align:left}
.hero-x:hover{border-color:#f0d396;background:#302719;color:#fff0cf;transform:translateY(-2px)}
.hero-x:focus-visible,.nav-x:focus-visible{outline:2px solid #f0d396;outline-offset:5px}
.hero-art.jewel-photo .hero-x img{width:64px;height:64px;max-width:64px;object-fit:cover;border-radius:12px;border:1px solid #a88d59;mask-image:none;filter:none;flex-shrink:0}
.hero-x small{display:block;font-size:10px;letter-spacing:.1em;color:#cab78f;margin-bottom:5px}
.hero-x strong{display:block;font-family:var(--serif);font-weight:400;font-size:21px;letter-spacing:.05em;line-height:1.5}
.hero-x .x-handle{margin-top:3px}.hero-x .x-arrow{margin-left:auto;font-size:23px;color:#ddbd7b}
.hero-art.jewel-photo .hero-mascot{bottom:150px}
.hero-art .hero-support{position:relative;right:auto;bottom:auto;min-width:0;z-index:3;align-self:flex-end;margin-top:-8px}
.social-links>a.social-x{border-color:#ad915a;background:linear-gradient(115deg,#251e14,#13110d)}
.social-links>a.social-x strong{font-family:var(--serif);font-size:20px;line-height:1.5}
@media(max-width:640px){.hero-art.jewel-photo{margin-bottom:0;gap:18px}.hero-art.jewel-photo .hero-mascot{bottom:158px}.hero-x{padding:15px;gap:12px;max-width:none}.hero-x strong{font-size:18px}.hero-art.jewel-photo .hero-x img{width:54px;height:54px;max-width:54px}.hero-x small{font-size:9px}.header nav .nav-x{padding:5px 12px}.social-links>a.social-x strong{font-size:17px}}

/* Keep the mascot inside its own artwork area, above every link. */
.hero-visual{position:relative;width:100%;padding-bottom:32px}
.hero-art.jewel-photo .hero-visual .hero-mascot{bottom:0;right:-12px}
@media(max-width:640px){.hero-visual{padding-bottom:22px}.hero-art.jewel-photo .hero-visual .hero-mascot{right:0;bottom:0}}