/* Small behavior additions to the original static stylesheet. */
.social-post-link { min-height: 520px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; padding: 24px 12px; text-align: center; background: linear-gradient(145deg, #06b6d414, #ec489914); }
.social-post-mark { font-size: 72px; line-height: 1; color: #22d3ee; }
.social-post-label { font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; }
.social-post-action { color: #f472b6; font-size: 12px; font-weight: 900; text-transform: uppercase; overflow-wrap: anywhere; }
.social-post-link:hover .social-post-action { color: #22d3ee; }
.hero-with-announcement { padding-top: 112px; padding-bottom: 96px; }
.hero-announcement { max-width: 850px; margin: 0 auto; padding: 26px 32px 30px; border: 2px solid #ec4899; background: linear-gradient(120deg, #ec48991a, #06b6d414), #090b16e8; box-shadow: 7px 7px 0 #06b6d480; backdrop-filter: blur(12px); }
.announcement-eyebrow { margin-bottom: 12px; color: #f472b6; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .22em; }
.announcement-message { color: #e5e7eb; font-size: clamp(16px, 1.6vw, 21px); line-height: 1.6; font-weight: 600; text-wrap: pretty; }
.announcement-handle { color: #67e8f9; overflow-wrap: anywhere; }
.announcement-message strong { color: #f9a8d4; font-weight: 900; }
.announcement-claim { display: inline-flex; align-items: center; justify-content: center; gap: 14px; margin-top: 24px; padding: 16px 32px; background: #ec4899; border: 3px solid #000; color: #fff; box-shadow: 6px 6px 0 #22d3ee; font-size: 18px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; transition: transform .2s, box-shadow .2s; }
.announcement-claim:disabled { cursor: default; }
.announcement-claim:not(:disabled):hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 #22d3ee; }
.theme-light .hero-announcement { background: linear-gradient(120deg, #fce7f3ee, #ecfeffee); }
.theme-light .announcement-message { color: #334155; }
.theme-light .announcement-message strong, .theme-light .announcement-eyebrow { color: #be185d; }
.theme-light .announcement-handle { color: #0e7490; }
@media (max-width: 639px) {
  .hero-announcement { padding: 20px 18px 24px; margin-right: 7px; }
  .announcement-claim { width: 100%; padding: 15px 20px; }
}
[hidden] { display: none !important; }
section, [id="about"], [id="roadmap"], [id="shop"], [id="collections"], [id="community"] { scroll-margin-top: 88px; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid #22d3ee; outline-offset: 5px; }
.mobile-menu { padding: 1rem 1.5rem; border-top: 2px solid #ec4899; }
.mobile-menu > a { display: block; width: fit-content; margin-bottom: 1rem; }
.mobile-menu > button { margin: 0 0 1rem; }
.nav-active { color: #f472b6; }
.nav-active::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: linear-gradient(90deg, #ec4899, #22d3ee); }
#music-play, #music-mute { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; }
#music-seek { cursor: pointer; }
@media (min-width: 768px) { .mobile-menu { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}