/* Generated from source CSS chunks. Regenerate with: node webapp/scripts/build-site-css.mjs */
/* - styles/base.css */
/* - styles/layout.css */
/* - styles/components.css */
/* - styles/responsive.css */
/* - styles/desktop-social-line.css */
/* - styles/fan-area-overrides.css */
/* - styles/fan-area-final-fixes.css */
/* - styles/hero-tuning.css */
/* - styles/final-polish.css */
/* - styles/about-section.css */
/* - styles/preloader.css */
/* - styles/logo-draw-effect.css */
/* - styles/hero-motion.css */
/* - styles/final-interaction-hotfixes.css */
/* - styles/about-wave-smoother.css */
/* - styles/modal-glass-fixes.css */
/* - styles/hero-guide-visibility.css */
/* - styles/desktop-hero-photo-test.css */
/* - styles/about-title-lock.css */
/* - styles/mobile-social-orbit.css */
/* - styles/mobile-social-orbit-light.css */
/* - styles/about-mobile-type-match.css */
/* - styles/mobile-social-background-fix.css */
/* - styles/mobile-social-cleanup.css */
/* - styles/mobile-social-orbit-visibility-tune.css */
/* - styles/mobile-social-orbit-path-fix.css */
/* - styles/about-mobile-card-inline.css */
/* - styles/about-section-polish.css */
/* - styles/about-section-mockup-correction.css */
/* - styles/mobile-social-active-polish.css */
/* - styles/mobile-social-orbit-drag.css */
/* - styles/mobile-social-orbit-selected-highlight.css */
/* - styles/mobile-about-social-divider-fix.css */
/* - styles/about-mobile-request-fixes.css */
/* - styles/motion-policy.css */
/* - styles/links-page.css */
/* - styles/links2-networks-contract.css */
/* - styles/home-entrance-polish.css */

/* ===== styles/base.css ===== */

/* ===== CSS VARIABLES ===== */
:root {
  --bg: #08090d;
  --bg-soft: #111318;
  --text: #f1e9e2;
  --muted: #b9aca1;
  --brand: #f48a3f;
  --stroke: rgba(255,255,255,.10);
  --card-overlay: rgba(10,10,10,0.72);
  --card-text: #fff;
  --card-muted: rgba(255,255,255,0.65);
  --mobile-menu-bg: rgba(14,15,20,0.96);
  --nav-bg-scrolled: rgba(8,9,13,0.88);
  --footer-fade: rgba(8,9,13,0);
  --divider-color: rgba(244,138,63,0.22);
  --hero-bg: #05060a;
  --sections-bg: #08090d;
  --layout-gap-standard: 52px;
  --layout-inline-padding: 52px;
}

:root[data-theme="light"] {
  --bg: #f5eee4;
  --bg-soft: #ffffff;
  --text: #171513;
  --muted: #63584f;
  --brand: #d86d24;
  --stroke: rgba(23,21,19,.12);
  --card-overlay: rgba(255,255,255,0.88);
  --card-text: #171513;
  --card-muted: rgba(23,21,19,0.65);
  --mobile-menu-bg: rgba(255,255,255,0.96);
  --nav-bg-scrolled: rgba(245,238,228,0.90);
  --footer-fade: rgba(245,238,228,0);
  --divider-color: rgba(216,109,36,0.2);
  --hero-bg: #ede4d8;
  --sections-bg: #f5eee4;
}

/* ===== RESET ===== */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; }
body { overflow-x: clip; scroll-behavior: smooth; }
a { color: inherit; text-decoration: none; }

body {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
  transition: background-color 0.4s ease, color 0.4s ease;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: -22% -20%;
  z-index: 0;
  pointer-events: none;
  will-change: transform;
  background:
    radial-gradient(circle at 18% 24%, rgba(244,138,63,.18), transparent 38%),
    radial-gradient(circle at 84% 16%, rgba(90,122,255,.08), transparent 44%),
    radial-gradient(circle at 52% 84%, rgba(244,138,63,.10), transparent 42%);
  animation: bodyGlow 18s ease-in-out infinite alternate;
}



/* ===== REVEAL ANIMATIONS ===== */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--delay, 0ms);
}
.reveal.is-visible { opacity: 1; transform: none; }

.hero__copy > * { opacity: 0; animation: fadeInUp .75s ease forwards; }
.hero__copy h1 { animation-delay: .06s; }
.hero__copy p { animation-delay: .16s; }
.hero__ctas { animation-delay: .26s; }
.hero__guide { opacity: 0; animation: fadeInUp .75s ease .36s forwards; }


/* ===== KEYFRAMES ===== */
@keyframes bodyGlow {
  0% { transform: translate3d(-2%, -1%, 0) scale(1); opacity: .68; }
  100% { transform: translate3d(2%, 1%, 0) scale(1.08); opacity: 1; }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes pulseGlow {
  0%, 100% { transform: scale(1); opacity: .60; }
  50% { transform: scale(1.05); opacity: .80; }
}
@keyframes bounceArrow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(5px); }
}
@keyframes cardStagger {
  from { opacity: 0; transform: translateY(32px) scale(0.94); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Card stagger on fan area open */
.fan-card-enter {
  animation: cardStagger 0.5s cubic-bezier(.2,.8,.2,1) both;
}


/* ===== LIGHT MODE ===== */
:root[data-theme="light"] body::before {
  background:
    radial-gradient(circle at 18% 24%, rgba(216,109,36,.12), transparent 38%),
    radial-gradient(circle at 84% 16%, rgba(90,122,255,.06), transparent 44%),
    radial-gradient(circle at 52% 84%, rgba(216,109,36,.09), transparent 42%);
}
:root[data-theme="light"] .age-modal__backdrop { background: rgba(10,8,5,.78); }
:root[data-theme="light"] .legal-modal__backdrop { background: rgba(10,8,5,.72); }

/* ===== LEGAL PAGE (standalone) ===== */
.app-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  width: min(100% - 32px, 860px);
  margin-inline: auto;
  padding: 80px 0 40px;
}
.legal-page { gap: 40px; }
.legal-section { flex: 1; }
.section-header { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.section-header__title.legal-title { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 700; margin: 0; text-transform: lowercase; }
.section-header__line { flex: 1; height: 1px; background: var(--stroke); }
.link-card {
  border: 1px solid var(--stroke);
  border-radius: 22px;
  padding: 32px;
  background: var(--bg-soft);
}
.legal-card { display: flex; flex-direction: column; gap: 14px; }
.legal-meta { font-size: 0.78rem; color: var(--brand); font-weight: 600; margin: 0; }
.link-card__meta { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.7; text-align: justify; text-justify: inter-word; hyphens: none; }
.link-card__meta strong { color: var(--text); }
.legal-back { align-self: flex-start; margin-top: 8px; }
.footer { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px 0; color: var(--muted); font-size: 0.78rem; }
.footer__links { display: flex; gap: 16px; }
.footer__link { color: var(--muted); transition: color 0.2s ease; }
.footer__link:hover { color: var(--brand); }


/* ===== styles/layout.css ===== */

/* ===== PAGE SHELL ===== */
.page-shell {
  width: 100%;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

/* Hero area gets darker bg, sections slightly lighter */
.hero-wrapper {
  background: var(--hero-bg);
  position: relative;
  transition: background 0.4s ease;
  overflow-x: clip;
}
/* Bottom-left gradient for text legibility on mobile */
.hero-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 55%;
  background: linear-gradient(to top,
    rgba(5,6,10,0.85) 0%,
    rgba(5,6,10,0.55) 40%,
    transparent 100%);
  pointer-events: none;
  z-index: 3;
  display: none; /* shown only on mobile via responsive */
}

/* Se você tem um elemento .section-divider logo no início, zere a margem */
.hero + .section-divider, 
.section-divider:first-of-type {
  margin-top: 0 !important; /* Faz a linha do print subir e encostar no Hero */
}

.sections-wrapper {
  background: transparent;
  position: relative;
  transition: background 0.4s ease;
}

.inner-shell {
  width: min(100% - 48px, 1220px);
  margin-inline: auto;
  padding: 22px 0;
}

/* ===== TOP NAV - Transparent floating ===== */
.top-nav {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: 9999;
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
  align-items: center;
  gap: 14px;
  padding: 0 min(4%, 44px);
  height: 70px;
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: background 0.4s ease, border-color 0.4s ease, backdrop-filter 0.4s ease;
}
.top-nav.is-scrolled {
  background: var(--nav-bg-scrolled);
  backdrop-filter: blur(24px) saturate(1.5);
  -webkit-backdrop-filter: blur(24px) saturate(1.5);
  border-bottom-color: var(--stroke);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  letter-spacing: 0;
  font-size: .7rem;
  font-weight: 600;
  line-height: 1;
  color: var(--text);
  transition: opacity 0.2s ease;
}
.brand:hover { opacity: 0.8; }
.brand__mark { display: inline-flex; color: var(--brand); flex: 0 0 auto; }
.brand__mark svg { width: 28px; height: 28px; display: block; flex-shrink: 0; fill: currentColor; }

.menu {
  display: flex;
  justify-content: center;
  gap: 32px;
  text-transform: uppercase;
  font-size: .72rem;
  letter-spacing: 0;
}
.menu a {
  color: var(--text);
  opacity: 0.65;
  transition: color 0.2s ease, opacity 0.2s ease;
  position: relative;
  padding-bottom: 2px;
}
.menu a::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 0; height: 1px;
  background: var(--brand);
  transition: width 0.25s ease;
}
.menu a:hover { color: var(--brand); opacity: 1; }
.menu a:hover::after { width: 100%; }

.actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }

.nav-mobile-controls {
  display: none;
  align-items: center;
  gap: 8px;
  justify-self: end;
}


/* ===== HERO ===== */
.hero {
  display: grid;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%);
  align-items: center;
  gap: 24px;
  isolation: isolate;
  position: relative;
  min-height: clamp(620px, 82vh, 820px);
  z-index: 0;
  padding: 0 min(3%, 40px);
  padding-top: 70px;
  max-width: 1220px;
  margin-inline: auto;
  padding-bottom: 0 !important; /* Remove o espaço extra abaixo da foto e texto */
  margin-bottom: 0 !important;
  width: min(100% - 48px, 1220px);
}

.hero__copy { position: relative; z-index: 3; max-width: 400px; }

.hero h1 {
  font-size: clamp(2.6rem, 3.6vw, 3.9rem);
  line-height: .94;
  margin: 0;
  font-weight: 400;
  max-width: 13ch;
}
.hero h1 span, .hero h1 strong { display: block; }
.hero h1 strong {
  font-weight: 700;
  color: var(--brand);
  text-shadow: 0 0 48px rgba(244,138,63,0.28);
}
.hero p { color: var(--muted); max-width: 380px; font-size: .91rem; margin-top: 14px; line-height: 1.6; }

.hero__text { position: relative; padding-left: 18px; }

.hero__ctas { display: flex; gap: 12px; margin-top: 22px; flex-wrap: wrap; }

.hero__guide {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 22px;
  font-size: .74rem;
  letter-spacing: 0;
  text-transform: lowercase;
  color: var(--muted);
  opacity: .65;
  animation: bounceArrow 2.4s ease-in-out infinite;
}

/* ===== HERO VISUAL ===== */
.hero__visual {
  position: relative;
  align-self: stretch;
  z-index: 1;
  overflow: clip; /* clip, not hidden — doesn't create scroll container */
}

.hero-image-container {
  position: relative;
  align-self: stretch;
}

/* ===== HERO ASSETS - show only active theme ===== */
/* Default (dark theme) */
.hero__asset-img[data-theme-asset="light"] { display: none; }
.hero__asset-img[data-theme-asset="dark"]  { display: block; }
/* Light theme */
:root[data-theme="light"] .hero__asset-img[data-theme-asset="dark"]  { display: none; }
:root[data-theme="light"] .hero__asset-img[data-theme-asset="light"] { display: block; }

/* ===== HERO ASSETS CONTAINER ===== */
.hero__assets {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: clip;
}

/* Layered assets for parallax */
.hero__asset-img {
  position: absolute;
  will-change: transform;
  pointer-events: none;
  user-select: none;
  transition: transform 0.08s linear;
}

.hero__orb-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

/* Orbs */
.orb {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
}

/* Hide CSS orbs - replaced by image assets via JS */
.orb { display: none !important; }

/* Carousel - fill the full hero height, anchored bottom */
.hero__carousel {
  position: absolute;
  right: clamp(40px, 5vw, 80px);
  top: 0;
  bottom: 0;
  width: clamp(360px, 42vw, 540px);
  z-index: 2;
}

.hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(.4,0,.2,1);
  transform: translateY(20px);
  pointer-events: none;
}
.hero__slide.is-active { opacity: 1; transform: translateY(0); pointer-events: auto; }
.hero__slide.is-exit { opacity: 0; transform: translateY(-20px); }

.hero__slide .profile-pic {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  display: block;
}

/* Pagination - bigger bullets */
.hero__pagination {
  position: absolute;
  right: clamp(8px, 5vw, 36px);
  top: 46%;
  transform: translateY(-50%);
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.pag-num {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  letter-spacing: 0;
  color: var(--muted);
  font-size: .75rem;
  opacity: .7;
  margin-bottom: 4px;
  font-weight: 500;
}
.pag-num strong { font-weight: 700; color: var(--brand); }
.pag-dots { display: flex; flex-direction: column; gap: 9px; }
.pag-dot {
  width: 9px; height: 9px;
  border-radius: 50%;
  background: var(--muted);
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
.pag-dot.is-active { background: var(--brand); opacity: 1; transform: scale(1.6); }
.pag-dot:hover { opacity: 0.8; }

/* Permite que os assets flutuem pela tela toda sem cortes */
/* layout.css */
@media (min-width: 901px) {
  .hero__visual, .hero__assets {
    /* Em vez de 100vw, usamos um tamanho fixo largo para manter a escala */
    width: 100% !important; 
    left: 0 !important;
    transform: none !important;
    max-width: none !important;
  }
  
  .hero {
    /* Devolvemos um respiro mínimo para não colar tudo */
    padding-bottom: 0px !important; 
  }
}

/* Carousel nav buttons REMOVED */
.carousel-btn { display: none !important; }


/* ===== SOCIAL SECTION ===== */
.social { margin-top: 0; }

.social__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  padding: 4px 0 8px;
}


/* ===== VIP BAND ===== */
.vip-band {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  z-index: 2;
  padding: 28px 32px;
  border-radius: 24px;
  border: 1px solid rgba(244,138,63,0.22);
  background: linear-gradient(135deg, rgba(22,22,28,1) 0%, rgba(12,12,16,1) 100%);
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 20px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.vip-band:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(244,138,63,0.12); }
/* Always dark regardless of theme */
:root[data-theme="light"] .vip-band {
  background: linear-gradient(135deg, rgba(24,18,12,1) 0%, rgba(14,10,6,1) 100%);
  border-color: rgba(244,138,63,0.30);
}
.vip-band::before {
  content: "";
  position: absolute;
  left: -40px; top: 50%;
  transform: translateY(-50%);
  width: 220px; height: 220px;
  border-radius: 50%;
  pointer-events: none; z-index: 0;
  background: radial-gradient(circle, rgba(244,138,63,0.16) 0%, transparent 70%);
}
.vip-band::after {
  content: "";
  position: absolute;
  right: -40px; top: -40px;
  width: 200px; height: 200px;
  border-radius: 50%;
  pointer-events: none; z-index: 0;
  background: radial-gradient(circle, rgba(244,138,63,0.10) 0%, transparent 70%);
}
.vip-band__icon-wrap {
  position: relative; z-index: 1;
  width: 58px; height: 58px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--brand) 40%, rgba(255,255,255,0.08));
  background: radial-gradient(circle at 28% 30%, rgba(244,138,63,0.28), rgba(244,138,63,0.07) 60%, transparent 100%);
  display: grid; place-items: center;
  color: var(--brand);
  box-shadow: 0 0 22px rgba(244,138,63,0.18);
  animation: pulseGlow 4s ease-in-out infinite;
}
.vip-band__content { position: relative; z-index: 1; }
.vip-band__content h3 {
  margin: 0;
  font-size: clamp(1.1rem, 2vw, 1.38rem);
  font-weight: 500;
  text-transform: lowercase;
  color: #f1e9e2;
}
.vip-band__content h3 span { color: var(--brand); font-weight: 700; }
.vip-band__content p { margin: 4px 0 0; color: rgba(255,255,255,0.55); font-size: 0.88rem; }
.vip-band__cta {
  position: relative; z-index: 1;
  white-space: nowrap;
  border-color: var(--brand) !important;
  color: var(--brand) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.vip-band__cta:hover {
  background: rgba(244,138,63,0.14) !important;
  box-shadow: 0 8px 24px rgba(244,138,63,0.22) !important;
}

/* ===== VIP LINKS SECTION ===== */
.vip-links { margin-top: 0; }
.vip-links .social__inner { margin-top: 0; }
.vip-links h2 {
  margin: 0 0 14px;
  font-size: clamp(1.5rem, 2.8vw, 2.4rem);
  line-height: 1.05;
  font-weight: 400;
}
.vip-links h2 strong { color: var(--brand); font-weight: 700; display: block; }


/* ===== FOOTER ===== */
.site-footer {
  position: relative;
  z-index: 2;
  padding: 20px min(4%, 44px);
  border-top: 1px solid var(--stroke);
  background: transparent;
}

.site-footer__row1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.site-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: .68rem;
  letter-spacing: 0;
  font-weight: 600;
}

.site-footer__social { display: flex; gap: 16px; align-items: center; }
.site-footer__social a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px;
  color: var(--muted);
  opacity: 0.65;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.site-footer__social a:hover { color: var(--brand); opacity: 1; }
.site-footer__social a svg { width: 100%; height: 100%; display: block; }

.site-footer__center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.site-footer__copyright {
  margin: 0;
  color: var(--muted);
  font-size: .76rem;
  white-space: nowrap;
}

.site-footer__row2 {
  display: none;
}
.site-footer__bottom {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: center;
}
.site-footer__bottom a {
  font-size: 0.78rem;
  color: var(--muted);
  padding: 0 12px;
  border-right: 1px solid var(--stroke);
  transition: color 0.2s ease;
  cursor: pointer;
}
.site-footer__bottom a:last-child { border-right: none; }
.site-footer__bottom a:hover { color: var(--brand); }

.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0;
  color: var(--brand);
  font-size: 0.72rem;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}
.social h2 {
  margin: 0 0 14px;
  font-size: clamp(1.5rem, 2.8vw, 2.4rem);
  line-height: 1.05;
  font-weight: 400;
}
.social h2 strong { color: var(--brand); font-weight: 700; display: block; }
.social__copy p {
  max-width: 30ch;
  color: var(--muted);
  font-size: 0.88rem;
  margin: 0 0 20px;
  line-height: 1.6;
}
.social__cta { margin-top: 4px; }
.social-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.07);
  background-color: transparent;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 12px;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .3s ease, box-shadow .3s ease;
  cursor: pointer;
  text-decoration: none;
}
.social-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(8,9,13,0.92) 0%, rgba(8,9,13,0.50) 55%, rgba(8,9,13,0.12) 100%);
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
:root[data-theme="light"] .social-card { border-color: rgba(23,21,19,0.10); }
:root[data-theme="light"] .social-card::before {
  background: linear-gradient(to top, rgba(240,230,218,0.94) 0%, rgba(240,230,218,0.60) 50%, rgba(240,230,218,0.18) 100%);
}
.social-card > * { position: relative; z-index: 2; }
/* Background images - social */
.social-grid > .social-card:nth-child(1) { background-image: url("/assets/card-dark-01.webp"); }
.social-grid > .social-card:nth-child(2) { background-image: url("/assets/card-dark-02.webp"); }
.social-grid > .social-card:nth-child(3) { background-image: url("/assets/card-dark-03.webp"); }
.social-grid > .social-card:nth-child(4) { background-image: url("/assets/card-dark-04.webp"); }
:root[data-theme="light"] .social-grid > .social-card:nth-child(1) { background-image: url("/assets/card-light-01.webp"); }
:root[data-theme="light"] .social-grid > .social-card:nth-child(2) { background-image: url("/assets/card-light-02.webp"); }
:root[data-theme="light"] .social-grid > .social-card:nth-child(3) { background-image: url("/assets/card-light-03.webp"); }
:root[data-theme="light"] .social-grid > .social-card:nth-child(4) { background-image: url("/assets/card-light-04.webp"); }
/* VIP cards */
.vip-social-grid > .social-card:nth-child(1) { background-image: url("/assets/card-dark-01.webp"); }
.vip-social-grid > .social-card:nth-child(2) { background-image: url("/assets/card-dark-02.webp"); }
.vip-social-grid > .social-card:nth-child(3) { background-image: url("/assets/card-dark-03.webp"); }
.vip-social-grid > .social-card:nth-child(4) { background-image: url("/assets/card-dark-04.webp"); }
.vip-social-grid > .social-card:nth-child(5) { background-image: url("/assets/card-dark-01.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(1) { background-image: url("/assets/card-light-01.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(2) { background-image: url("/assets/card-light-02.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(3) { background-image: url("/assets/card-light-03.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(4) { background-image: url("/assets/card-light-04.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(5) { background-image: url("/assets/card-light-01.webp"); }
.social-card__icon { width: 30px; height: 30px; color: #fff; line-height: 0; flex-shrink: 0; }
:root[data-theme="light"] .social-card__icon { color: var(--text); }
.social-card__icon svg { width: 100%; height: 100%; display: block; }
/* ===== MOBILE RESPONSIVE ===== */


/* ===== styles/components.css ===== */

/* ===== SELECT ===== */
select {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--stroke);
  border-radius: 999px;
  padding: 6px 26px 6px 12px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23f48a3f' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 9px center;
  color: var(--text);
  font-weight: 500;
  font-size: 0.75rem;
  cursor: pointer;
  transition: border-color 0.2s;
}
select:hover { border-color: var(--brand); }
:root[data-theme="light"] select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23d86d24' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
}

/* ===== THEME TOGGLE ===== */
.theme-toggle {
  border: 1px solid var(--stroke);
  border-radius: 999px;
  padding: 6px 10px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  font-size: 0.85rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.theme-toggle svg { display: block; }
.theme-toggle:hover { border-color: var(--brand); color: var(--brand); }

/* ===== HAMBURGER ===== */
.menu-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 38px; height: 38px;
  border: 1px solid var(--stroke);
  border-radius: 10px;
  padding: 8px;
  background: color-mix(in srgb, var(--brand) 10%, rgba(7,8,11,0.36));
  color: var(--text);
  cursor: pointer;
  backdrop-filter: blur(16px) saturate(1.45);
  -webkit-backdrop-filter: blur(16px) saturate(1.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
:root[data-theme="light"] .menu-toggle {
  background: color-mix(in srgb, var(--brand) 12%, rgba(255,255,255,0.58));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.58), 0 10px 26px rgba(80,48,22,0.08);
}
.menu-toggle:hover { border-color: var(--brand); background: color-mix(in srgb, var(--brand) 16%, rgba(7,8,11,0.38)); }
:root[data-theme="light"] .menu-toggle:hover { background: color-mix(in srgb, var(--brand) 18%, rgba(255,255,255,0.62)); }
.hamburger-bar {
  display: block;
  width: 18px; height: 1.5px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: center;
}
.menu-toggle.is-active .hamburger-bar:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.menu-toggle.is-active .hamburger-bar:nth-child(2) { opacity: 0; transform: scaleX(0); }
.menu-toggle.is-active .hamburger-bar:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

/* ===== BLUR BUTTON ===== */
.btn-blur {
  backdrop-filter: blur(12px) saturate(1.4);
  -webkit-backdrop-filter: blur(12px) saturate(1.4);
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.18) !important;
}
:root[data-theme="light"] .btn-blur {
  background: rgba(255,255,255,0.55) !important;
  border-color: rgba(23,21,19,0.18) !important;
}
.btn-blur:hover { background: rgba(255,255,255,0.08) !important; }

/* ===== MOBILE MENU ===== */
.mobile-menu {
  display: none;
  position: fixed;
  top: 60px; right: 16px;
  width: min(260px, calc(100vw - 32px));
  background:
    radial-gradient(circle at 88% 8%, rgba(244,138,63,.16), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(8,9,13,.24) 46%, rgba(8,9,13,.34));
  backdrop-filter: blur(34px) saturate(1.85);
  -webkit-backdrop-filter: blur(34px) saturate(1.85);
  border: 1px solid color-mix(in srgb, var(--brand) 26%, rgba(255,255,255,.16));
  border-radius: 20px;
  padding: 18px;
  box-shadow:
    0 24px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(244,138,63,.08);
  z-index: 9998;
  opacity: 0;
  transform: translateY(-10px) scale(0.97);
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
}
:root[data-theme="light"] .mobile-menu {
  background:
    radial-gradient(circle at 88% 8%, rgba(216,109,36,.15), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.54), rgba(255,248,239,.30) 48%, rgba(255,238,222,.38));
  border-color: color-mix(in srgb, var(--brand) 30%, rgba(23,21,19,.12));
  box-shadow:
    0 24px 60px rgba(80,48,22,.15),
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(216,109,36,.08);
}
.mobile-menu.is-open { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
.mobile-menu__links {
  display: grid;
  gap: 2px;
  margin-bottom: 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--brand) 16%, var(--stroke));
  padding-bottom: 12px;
}
.mobile-menu__links a {
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: .73rem;
  color: var(--text);
  opacity: 0.7;
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  transition: color 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}
.mobile-menu__links a:hover { color: var(--brand); opacity: 1; background: rgba(244,138,63,0.08); }
.mobile-menu__cta {
  width: 100%;
  justify-content: center;
  font-size: 0.82rem;
  padding: 10px 14px;
  margin-top: 4px;
}

/* ===== BUTTONS ===== */
.button {
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.88rem;
  padding: 10px 20px;
  transition: all 0.28s cubic-bezier(.2,.8,.2,1);
  cursor: pointer;
  gap: 8px;
  border: 1px solid var(--stroke);
  text-decoration: none;
  white-space: nowrap;
}
.button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.22); }

.btn-primary {
  border: none;
  background: var(--brand);
  color: #171513;
  font-weight: 700;
}
.btn-primary:hover {
  background: color-mix(in srgb, var(--brand) 88%, #fff 12%);
  box-shadow: 0 10px 24px rgba(244,138,63,0.36) !important;
}
.btn-ghost { background: transparent; color: var(--text); border-color: var(--stroke); }
:root[data-theme="light"] .btn-ghost { color: var(--text); border-color: var(--stroke); }
.lock-icon { width: 14px; height: 14px; color: var(--brand); flex: 0 0 auto; }

/* ===== SECTION DIVIDER ===== */
.section-divider {
  position: relative;
  height: 1px;
  margin: 60px auto;
  overflow: visible;
  width: min(100% - 48px, 1220px);
}
.section-divider::before {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(to right,
    transparent 0%,
    var(--divider-color) 20%,
    rgba(244,138,63,0.55) 50%,
    var(--divider-color) 80%,
    transparent 100%);
}
.section-divider::after {
  content: "";
  position: absolute;
  top: -8px; left: 50%;
  transform: translateX(-50%);
  width: 60px; height: 16px;
  background: radial-gradient(ellipse at center, rgba(244,138,63,0.25) 0%, transparent 80%);
  pointer-events: none;
}


/* ===== SOCIAL GRID - Single row on desktop ===== */
.social-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}


.social-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.07);
  background-color: transparent;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 12px;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .3s ease, box-shadow .3s ease;
  cursor: pointer;
  text-decoration: none;
}



.social-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(8,9,13,0.92) 0%, rgba(8,9,13,0.50) 55%, rgba(8,9,13,0.12) 100%);
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
:root[data-theme="light"] .social-card { border-color: rgba(23,21,19,0.10); }
:root[data-theme="light"] .social-card::before {
  background: linear-gradient(to top, rgba(240,230,218,0.94) 0%, rgba(240,230,218,0.60) 50%, rgba(240,230,218,0.18) 100%);
}

.social-card > * { position: relative; z-index: 2; }

/* Background images - social */
.social-grid > .social-card:nth-child(1) { background-image: url("/assets/card-dark-01.webp"); }
.social-grid > .social-card:nth-child(2) { background-image: url("/assets/card-dark-02.webp"); }
.social-grid > .social-card:nth-child(3) { background-image: url("/assets/card-dark-03.webp"); }
.social-grid > .social-card:nth-child(4) { background-image: url("/assets/card-dark-04.webp"); }
:root[data-theme="light"] .social-grid > .social-card:nth-child(1) { background-image: url("/assets/card-light-01.webp"); }
:root[data-theme="light"] .social-grid > .social-card:nth-child(2) { background-image: url("/assets/card-light-02.webp"); }
:root[data-theme="light"] .social-grid > .social-card:nth-child(3) { background-image: url("/assets/card-light-03.webp"); }
:root[data-theme="light"] .social-grid > .social-card:nth-child(4) { background-image: url("/assets/card-light-04.webp"); }

/* VIP cards */
.vip-social-grid > .social-card:nth-child(1) { background-image: url("/assets/card-dark-01.webp"); }
.vip-social-grid > .social-card:nth-child(2) { background-image: url("/assets/card-dark-02.webp"); }
.vip-social-grid > .social-card:nth-child(3) { background-image: url("/assets/card-dark-03.webp"); }
.vip-social-grid > .social-card:nth-child(4) { background-image: url("/assets/card-dark-04.webp"); }
.vip-social-grid > .social-card:nth-child(5) { background-image: url("/assets/card-dark-01.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(1) { background-image: url("/assets/card-light-01.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(2) { background-image: url("/assets/card-light-02.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(3) { background-image: url("/assets/card-light-03.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(4) { background-image: url("/assets/card-light-04.webp"); }
:root[data-theme="light"] .vip-social-grid > .social-card:nth-child(5) { background-image: url("/assets/card-light-01.webp"); }

.social-card__icon { width: 30px; height: 30px; color: #fff; line-height: 0; flex-shrink: 0; margin-bottom: 0; }
:root[data-theme="light"] .social-card__icon { color: var(--text); }
.social-card__icon svg { width: 100%; height: 100%; display: block; }


.social-card__body { flex: 1; }
.social-card__body h3 {
  margin: 0 0 4px;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: lowercase;
  color: #fff;
  line-height: 1.2;
}
:root[data-theme="light"] .social-card__body h3 { color: var(--text); }
.social-card__body p {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.3;
  color: rgba(255,255,255,0.65);
}
:root[data-theme="light"] .social-card__body p { color: rgba(23,21,19,0.62); }

.social-card__arrow {
  position: absolute;
  right: 10px; top: 10px;
  color: var(--brand);
  font-size: 0.85rem;
  font-weight: 600;
  z-index: 3;
  transition: transform 0.25s ease;
}
.social-card:hover .social-card__arrow { transform: translate(2px, -2px); }
.social-card:hover {
  transform: translateY(-6px) scale(1.02);
  border-color: color-mix(in srgb, var(--brand) 38%, rgba(255,255,255,0.06));
  box-shadow: 0 24px 48px rgba(0,0,0,.38);
}


/* ===== VIP LINKS SECTION ===== */
.vip-links { margin-top: 0; }
.vip-links .social__inner { margin-top: 0; }
.vip-links h2 {
  margin: 0 0 14px;
  font-size: clamp(1.5rem, 2.8vw, 2.4rem);
  line-height: 1.05;
  font-weight: 400;
}
.vip-links h2 strong { color: var(--brand); font-weight: 700; display: block; }


/* ===== REVEAL ANIMATIONS ===== */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--delay, 0ms);
}
.reveal.is-visible { opacity: 1; transform: none; }

.hero__copy > * { opacity: 0; animation: fadeInUp .75s ease forwards; }
.hero__copy h1 { animation-delay: .06s; }
.hero__copy p { animation-delay: .16s; }
.hero__ctas { animation-delay: .26s; }
.hero__guide { opacity: 0; animation: fadeInUp .75s ease .36s forwards; }

/* ===== AGE MODAL ===== */
.age-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:
    max(20px, env(safe-area-inset-top))
    max(20px, env(safe-area-inset-right))
    max(20px, env(safe-area-inset-bottom))
    max(20px, env(safe-area-inset-left));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.age-modal[hidden] { display: none !important; }
.age-modal.is-open { opacity: 1; pointer-events: auto; display: flex; }
.age-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.80);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.age-modal__card {
  position: relative;
  z-index: 1;
  width: min(480px, 100%);
  padding: 36px;
  border-radius: 28px;
  border: 1px solid var(--stroke);
  background: var(--bg-soft);
  box-shadow: 0 32px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(244,138,63,0.06);
  transform: translateY(30px) scale(0.96);
  transition: transform 0.4s cubic-bezier(.2,.8,.2,1), opacity 0.4s ease;
  opacity: 0;
}
.age-modal.is-open .age-modal__card { transform: translateY(0) scale(1); opacity: 1; }
.age-modal__card h3 { margin: 0 0 12px; color: var(--text); font-size: 1.2rem; font-weight: 700; }
.age-modal__card p { margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.65; }
.age-modal__actions { display: flex; gap: 10px; margin-top: 26px; flex-wrap: wrap; }

/* ===== LEGAL MODAL ===== */
.legal-modal {
  position: fixed;
  inset: 0;
  z-index: 99998;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:
    max(20px, env(safe-area-inset-top))
    max(20px, env(safe-area-inset-right))
    max(20px, env(safe-area-inset-bottom))
    max(20px, env(safe-area-inset-left));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.legal-modal[hidden] { display: none !important; }
.legal-modal.is-open { opacity: 1; pointer-events: auto; display: flex; }
.legal-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.legal-modal__card {
  position: relative;
  z-index: 1;
  width: min(560px, 100%);
  max-height: 82vh;
  overflow-y: auto;
  padding: 36px;
  border-radius: 28px;
  border: 1px solid var(--stroke);
  background: var(--bg-soft);
  box-shadow: 0 32px 80px rgba(0,0,0,.50);
  transform: translateY(30px) scale(0.96);
  transition: transform 0.4s cubic-bezier(.2,.8,.2,1), opacity 0.4s ease;
  opacity: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--brand) transparent;
}
.legal-modal__card::-webkit-scrollbar { width: 4px; }
.legal-modal__card::-webkit-scrollbar-thumb { background: var(--brand); border-radius: 4px; }
.legal-modal.is-open .legal-modal__card { transform: translateY(0) scale(1); opacity: 1; }
.legal-modal__close {
  position: absolute;
  top: 20px; right: 20px;
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 1px solid var(--stroke);
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
  transition: all 0.2s ease;
  line-height: 1;
}
.legal-modal__close:hover { border-color: var(--brand); color: var(--brand); background: rgba(244,138,63,0.08); }
.legal-modal__title {
  margin: 0 0 6px;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text);
  text-transform: lowercase;
}
.legal-modal__meta {
  font-size: 0.78rem;
  color: var(--brand);
  margin-bottom: 20px;
  display: block;
}
.legal-modal__divider { height: 1px; background: var(--stroke); margin: 16px 0; }
.legal-modal__body p { color: var(--muted); font-size: 0.90rem; line-height: 1.7; margin: 0 0 14px; }
.legal-modal__body p:last-child { margin-bottom: 0; }
.legal-modal__body strong { color: var(--text); }


/* ===== styles/responsive.css ===== */

@media (min-width: 901px) {
  .social__inner {
    grid-template-columns: minmax(0, 0.38fr) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
  }
}
@media (min-width: 901px) {
  .social-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    max-width: none;
  }
}
@media (min-width: 901px) {
  .social-card {
    aspect-ratio: 3 / 4;
    min-height: 0;
    justify-content: space-between;
  }
}
@media (max-width: 900px) {
  .social-card {
    aspect-ratio: unset;
    min-height: 100px;
    flex-direction: row;
    align-items: center;
    padding: 12px 14px;
    gap: 12px;
    justify-content: flex-start;
    border-radius: 16px;
  }
}

@media (min-width: 901px) {
  #main-social-grid {
    display: none;
  }
}
@media (min-width: 901px) { .social-card__icon { margin-bottom: auto; margin-top: 0; } }
@media (max-width: 900px) { .social-card__icon { width: 26px; height: 26px; margin-bottom: 0; } }

/* Hero fan-area CTA: texto específico + brilho vertical, mantendo blur. */
.hero__ctas .btn-blur {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.hero__ctas .btn-blur span[data-i18n="navExclusive"] {
  font-size: 0;
}
.hero__ctas .btn-blur span[data-i18n="navExclusive"]::before {
  content: "fan area";
  font-size: .88rem;
}
.hero__ctas .btn-blur::after {
  content: "";
  position: absolute;
  inset: -45% auto -45% -35%;
  width: 32%;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.34) 45%, rgba(244,138,63,0.22) 55%, transparent 100%);
  filter: blur(5px);
  transform: translateX(-130%) rotate(12deg);
  animation: fanAreaShine 4.8s ease-in-out infinite;
}
@keyframes fanAreaShine {
  0%, 54% { transform: translateX(-140%) rotate(12deg); opacity: 0; }
  64% { opacity: .72; }
  86% { transform: translateX(520%) rotate(12deg); opacity: 0; }
  100% { transform: translateX(520%) rotate(12deg); opacity: 0; }
}

@media (min-width: 901px) {
  .vip-social-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: none;
  }
  .vip-social-grid > .social-card:last-child:nth-child(odd) {
    grid-column: unset;
    aspect-ratio: 3 / 4;
  }

  /* Desktop: assets mais soltos no background, independentes da foto. */
  .hero__assets {
    overflow: visible;
    inset: 0 auto 0 -230px !important;
    width: min(76vw, 980px) !important;
    height: 100% !important;
    max-width: none !important;
  }
  .hero__asset-img {
    opacity: 0.98;
  }
  .hero__asset-img:nth-child(1),
  .hero__asset-img:nth-child(6) {
    width: 50% !important;
    top: 2% !important;
    left: 31% !important;
    right: auto !important;
  }
  .hero__asset-img:nth-child(2),
  .hero__asset-img:nth-child(7) {
    width: 38% !important;
    top: 15% !important;
    left: 38% !important;
    right: auto !important;
  }
  .hero__asset-img:nth-child(3),
  .hero__asset-img:nth-child(8) {
    width: 28% !important;
    top: 27% !important;
    left: 27% !important;
    right: auto !important;
  }
  .hero__asset-img:nth-child(4),
  .hero__asset-img:nth-child(9) {
    width: 42% !important;
    top: 43% !important;
    left: 25% !important;
    right: auto !important;
  }
  .hero__asset-img:nth-child(5),
  .hero__asset-img:nth-child(10) {
    width: 27% !important;
    top: 49% !important;
    left: 68% !important;
    right: auto !important;
  }
}
@media (max-width: 900px) {
  body { padding-top: 0; }

  /* ===== ASSETS MOBILE - maiores, mais baixos e menos grudados na cabeça ===== */
  .hero__asset-img {
    opacity: 0.92;
    transform-origin: center;
    animation: heroMobileAssetFloat 6.5s ease-in-out infinite alternate;
  }
  .hero__asset-img:nth-child(2),
  .hero__asset-img:nth-child(7) {
    animation-duration: 7.8s;
    animation-delay: -1.2s;
  }
  .hero__asset-img:nth-child(3),
  .hero__asset-img:nth-child(8) {
    animation-duration: 5.9s;
    animation-delay: -2.1s;
  }
  .hero__asset-img:nth-child(4),
  .hero__asset-img:nth-child(9) {
    animation-duration: 8.6s;
    animation-delay: -1.8s;
  }
  .hero__asset-img:nth-child(5),
  .hero__asset-img:nth-child(10) {
    animation-duration: 7.1s;
    animation-delay: -2.8s;
  }
  .hero__asset-img:nth-child(1), .hero__asset-img:nth-child(6) {
    width: 72% !important;
    top: 12% !important;
    right: -16% !important;
    left: auto !important;
  }
  .hero__asset-img:nth-child(2), .hero__asset-img:nth-child(7) {
    width: 53% !important;
    top: 23% !important;
    right: 2% !important;
    left: auto !important;
  }
  .hero__asset-img:nth-child(3), .hero__asset-img:nth-child(8) {
    width: 36% !important;
    top: 35% !important;
    right: 22% !important;
    left: auto !important;
  }
  .hero__asset-img:nth-child(4), .hero__asset-img:nth-child(9) {
    width: 48% !important;
    top: 18% !important;
    right: 38% !important;
    left: auto !important;
    opacity: 0.58;
  }
  .hero__asset-img:nth-child(5), .hero__asset-img:nth-child(10) {
    width: 28% !important;
    top: 44% !important;
    right: -4% !important;
    left: auto !important;
    opacity: 0.68;
  }

  @keyframes heroMobileAssetFloat {
    0% { translate: 0 0; }
    50% { translate: 7px -8px; }
    100% { translate: -5px 5px; }
  }

  .inner-shell { width: min(100% - 24px, 1220px); padding: 14px 0; }

  .top-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 56px;
    gap: 0;
  }
  .top-nav .brand { flex: 0 0 auto; }
  .menu    { display: none !important; }
  .actions { display: none !important; }
  .nav-mobile-controls {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
  }
  .mobile-menu { display: block; }

  /* ========== HERO MOBILE ========== */
  .hero + .section-divider,
  .section-divider:first-of-type {
    margin-top: 0 !important;
  }

  .hero {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start;
    position: relative;
    overflow: visible;
    padding: 60px 16px 18px !important;
    min-height: 88svh !important;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    box-sizing: border-box;
  }
  .hero__visual {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: clip;
  }
  .hero__assets {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: clip;
  }
  /* Foto mantém escala, sobe levemente e vai mais à direita para crop lateral. */
  .hero__carousel {
    top: 70px !important;
    bottom: 0 !important;
    width: 99vw !important;
    height: auto !important;
    right: -78px !important;
    opacity: 1 !important;
    z-index: 1 !important;
  }
  .hero__slide .profile-pic {
    object-fit: contain;
    object-position: right bottom;
  }
  .hero__copy {
    margin-top: 68px;
    z-index: 10 !important;
    text-shadow: none !important;
    max-width: min(70vw, 315px);
  }
  .hero__copy::before,
  .hero__text::before { display: none !important; }

  .hero h1 {
    font-size: clamp(1.55rem, 7vw, 2.16rem);
    line-height: 1.02;
    margin: 0 0 8px;
    max-width: 12ch;
  }
  .hero p {
    font-size: .80rem;
    max-width: 25ch;
    margin-top: 8px;
    line-height: 1.48;
    color: var(--muted);
  }
  .hero__ctas {
    gap: 8px;
    margin-top: 17px;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .hero__ctas .button { padding: 9px 15px; font-size: .78rem; }
  .hero__ctas .btn-blur span[data-i18n="navExclusive"]::before { font-size: .78rem; }
  .hero__text { padding: 0; }
  .hero__text::before { display: none !important; }
  .hero__guide { display: none !important; }

  .hero__pagination {
    right: 12px !important;
    gap: 6px !important;
    top: 42%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: auto !important;
  }
  .pag-num {
    display: block !important;
    font-size: 0.7rem;
    margin-bottom: 4px;
  }
  .pag-dot {
    width: 6px !important;
    height: 6px !important;
    padding: 4px !important;
    margin: 0 !important;
    opacity: 0.3 !important;
  }
  .pag-dot.is-active { transform: scale(1.2) !important; opacity: 1 !important; }

  .section-divider { margin: 36px auto; }

  /* Mobile: degradê mais disperso e menos pesado. */
  .sections-wrapper {
    position: relative;
    background:
      radial-gradient(ellipse at 50% 0%, rgba(244,138,63,0.14) 0%, rgba(244,138,63,0.07) 30%, transparent 66%),
      linear-gradient(180deg, rgba(30,16,9,0.58) 0%, rgba(18,12,10,0.42) 150px, rgba(8,9,13,0) 420px);
  }
  .sections-wrapper::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 270px;
    pointer-events: none;
    z-index: 0;
    background: linear-gradient(180deg, rgba(244,138,63,0.10) 0%, rgba(244,138,63,0.045) 44%, transparent 100%);
  }
  :root[data-theme="light"] .sections-wrapper {
    background:
      radial-gradient(ellipse at 50% 0%, rgba(216,109,36,0.13) 0%, rgba(216,109,36,0.06) 32%, transparent 68%),
      linear-gradient(180deg, rgba(255,228,204,0.52) 0%, rgba(246,232,218,0.34) 160px, transparent 420px);
  }
  :root[data-theme="light"] .sections-wrapper::before {
    background: linear-gradient(180deg, rgba(216,109,36,0.10) 0%, rgba(216,109,36,0.04) 46%, transparent 100%);
  }
  .sections-wrapper > * {
    position: relative;
    z-index: 1;
  }

  .social { margin-top: 0; }
  .social-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .social-card {
    aspect-ratio: unset;
    min-height: 100px;
    flex-direction: row;
    align-items: center;
    padding: 12px 14px;
    gap: 12px;
    justify-content: flex-start;
    border-radius: 16px;
  }
  .social-card__icon { width: 26px; height: 26px; flex-shrink: 0; margin-bottom: 0; }
  .social-card__body { flex: 1; }
  .social-card__body h3 { font-size: 0.82rem; }
  .social-card__body p { font-size: 0.68rem; }
  .social-card__arrow { position: static; margin-left: auto; flex-shrink: 0; font-size: 0.78rem; }
  .vip-social-grid > .social-card:last-child:nth-child(odd) { grid-column: unset; aspect-ratio: unset; }

  /* Fan area band - force light text on mobile for light theme */
  .vip-band {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px 14px;
    padding: 16px 16px;
    border-radius: 18px;
  }
  .vip-band__icon-wrap { width: 48px; height: 48px; }
  .vip-band__content h3 { white-space: nowrap; }
  .vip-band__cta { grid-column: 1 / -1; width: 100%; font-size: 0.84rem; padding: 10px 14px; }

  /* Footer mobile - 2 rows: row1 = brand+social, row2 = copyright+links */
  .site-footer { padding: 20px 14px; }
  .site-footer__row1 {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
  }
  .site-footer__center {
    order: 3;
  }
  .site-footer__copyright {
    text-align: center;
    order: 4;
    font-size: 0.74rem;
  }
  .site-footer__row2 { display: none; }
  .site-footer__bottom a { border-right: none; padding: 0 8px; }
}


/* ===== styles/desktop-social-line.css ===== */

@keyframes desktopCardEnter {
  from {
    opacity: 0;
    transform: translateY(32px) scale(0.92);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes desktopExpandedEnter {
  from {
    opacity: 0;
    transform: translateY(48px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes particleFloat {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(
      calc(var(--end-x) - var(--start-x)),
      calc(var(--end-y) - var(--start-y))
    ) scale(0);
  }
}

@media (min-width: 901px) {
  #social-grid {
    scroll-margin-top: 112px;
  }

  .social-desktop-line-wrap {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 34px;
    perspective: 1200px;
    --perspective-depth: 420px;
  }

  .social-desktop-line-rail {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    padding: 34px 0 28px;
    perspective: 1200px;
    transform-style: preserve-3d;
    position: relative;
  }

  .social-desktop-line-rail::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10%;
    right: -10%;
    height: 2px;
    background: linear-gradient(
      90deg,
      transparent,
      rgba(244,138,63,.18),
      rgba(244,138,63,.42),
      rgba(244,138,63,.18),
      transparent
    );
    transform: translateY(-50%) translateZ(-100px);
    z-index: -1;
    filter: blur(1px);
    box-shadow: 0 0 24px rgba(244,138,63,.22);
  }

  .social-desktop-line-rail::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 160%;
    background: radial-gradient(
      ellipse at center,
      rgba(244,138,63,.08) 0%,
      transparent 70%
    );
    transform: translate(-50%, -50%) translateZ(-200px);
    z-index: 0;
    filter: blur(32px);
  }

  .social-desktop-card {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 16px;
    border: 2px solid rgba(244,138,63,.22);
    background:
      radial-gradient(circle at 30% 28%, rgba(244,138,63,.08), transparent 40%),
      rgba(8,9,13,.40);
    display: grid;
    place-items: center;
    cursor: pointer;
    flex-shrink: 0;
    transform-style: preserve-3d;
    transition:
      transform .42s cubic-bezier(.2,.8,.2,1),
      border-color .3s ease,
      box-shadow .3s ease,
      background .3s ease;
    will-change: transform, box-shadow;
    backface-visibility: hidden;
    z-index: 1;
    animation: desktopCardEnter .68s cubic-bezier(.2,.8,.2,1) both;
  }

  .social-desktop-card:focus-visible {
    outline: 2px solid var(--brand);
    outline-offset: 5px;
    border-color: rgba(244,138,63,.72);
  }

  .social-desktop-card:nth-child(1) { animation-delay: 0ms; }
  .social-desktop-card:nth-child(2) { animation-delay: 100ms; }
  .social-desktop-card:nth-child(3) { animation-delay: 200ms; }
  .social-desktop-card:nth-child(4) { animation-delay: 300ms; }
  .social-desktop-card:nth-child(5) { animation-delay: 400ms; }

  .social-desktop-card:hover:not(.is-selected-social) {
    border-color: rgba(244,138,63,.38);
    box-shadow: 0 0 18px rgba(244,138,63,.12);
    transform: translateY(-4px) scale(1.08);
  }

  .social-desktop-card.is-selected-social {
    border-color: rgba(244,138,63,.72);
    background:
      radial-gradient(circle at 30% 28%, rgba(244,138,63,.24), transparent 30%),
      rgba(8,9,13,.64);
    box-shadow:
      0 0 42px rgba(244,138,63,.48),
      inset 0 0 32px rgba(244,138,63,.12),
      0 18px 42px rgba(0,0,0,.38);
    transform: translateY(-8px) scale(1.12);
  }

  .social-desktop-card.is-selected-social::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -18px;
    width: 38px;
    height: 2px;
    border-radius: 999px;
    transform: translateX(-50%);
    background: var(--brand);
    box-shadow: 0 0 18px rgba(244,138,63,.72);
  }

  .social-desktop-card__icon {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 1.8rem;
    filter: drop-shadow(0 0 8px rgba(255,255,255,.08));
    transition: filter .3s ease;
  }

  .social-desktop-card.is-selected-social .social-desktop-card__icon {
    filter: drop-shadow(0 0 16px rgba(255,255,255,.18));
  }

  .social-desktop-card__icon svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .social-desktop-expanded {
    grid-column: 1 / -1;
    width: min(100%, 980px);
    margin: 34px auto 0;
    padding: 30px 34px 26px;
    border-radius: 16px;
    border: 1px solid rgba(244,138,63,.24);
    background:
      radial-gradient(circle at 92% 0%, rgba(244,138,63,.10), transparent 34%),
      linear-gradient(135deg, rgba(244,138,63,.055), rgba(255,255,255,.018)),
      rgba(8,9,13,.30);
    backdrop-filter: blur(14px) saturate(1.24);
    -webkit-backdrop-filter: blur(14px) saturate(1.24);
    min-height: 192px;
    box-shadow:
      0 28px 80px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.06);
    transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
    animation: desktopExpandedEnter .68s cubic-bezier(.2,.8,.2,1) .48s both;
  }

  .social-desktop-expanded__content {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .25s ease, transform .25s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
  }

  .social-desktop-expanded__content::before {
    content: "";
    align-self: stretch;
    width: 1px;
    order: 2;
    background: linear-gradient(180deg, transparent, rgba(244,138,63,.42), transparent);
  }

  .social-desktop-expanded__identity {
    min-width: 0;
    flex: 1 1 auto;
  }

  .social-desktop-expanded__content.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .social-desktop-expanded__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
  }

  .social-desktop-expanded__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    color: var(--muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .social-desktop-expanded__meta span:first-child {
    color: var(--brand);
  }

  .social-desktop-expanded__icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand);
    flex-shrink: 0;
  }

  .social-desktop-expanded__icon svg {
    width: 100%;
    height: 100%;
  }

  .social-desktop-expanded__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--brand);
    text-decoration: none;
    font-size: 1.12rem;
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: 0;
    transition: gap .25s ease;
  }

  .social-desktop-expanded__link:hover {
    gap: 12px;
  }

  .social-desktop-expanded__arrow {
    font-size: 0.9rem;
  }

  .social-desktop-expanded__handle {
    display: block;
    color: var(--muted);
    font-size: 0.98rem;
    text-decoration: none;
    margin-bottom: 0;
    letter-spacing: 0;
    transition: color .25s ease;
  }

  .social-desktop-expanded__handle:hover {
    color: var(--brand);
  }

  .social-desktop-expanded__metrics {
    order: 3;
    min-width: 330px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
  }

  .social-desktop-expanded__metric strong {
    display: block;
    font-size: clamp(3.2rem, 8vw, 4.8rem);
    color: var(--text);
    line-height: .92;
    font-weight: 300;
    letter-spacing: 0;
  }

  .social-desktop-expanded__metric span {
    display: block;
    color: var(--brand);
    font-size: 1.04rem;
    margin-top: 8px;
    letter-spacing: 0;
  }

  .social-desktop-expanded__avatar {
    width: 126px;
    height: 126px;
    object-fit: cover;
    border-radius: 999px;
    border: 2px solid rgba(244,138,63,.48);
    box-shadow:
      0 24px 48px rgba(0,0,0,.32),
      0 0 32px rgba(244,138,63,.24);
    flex-shrink: 0;
    transition: transform .3s ease, box-shadow .3s ease;
  }

  .social-desktop-expanded__avatar:hover {
    transform: scale(1.04);
    box-shadow:
      0 28px 56px rgba(0,0,0,.38),
      0 0 42px rgba(244,138,63,.32);
  }

  .social-desktop-expanded__hint {
    display: block;
    margin-top: 18px;
    color: color-mix(in srgb, var(--muted) 78%, transparent);
    font-size: .74rem;
    letter-spacing: 0;
  }
}

@media (min-width: 901px) {
  :root[data-theme="light"] .social-desktop-card {
    border-color: rgba(23,21,19,.08);
    background:
      radial-gradient(circle at 30% 28%, rgba(244,138,63,.06), transparent 40%),
      rgba(240,230,218,.48);
  }

  :root[data-theme="light"] .social-desktop-card.is-selected-social {
    border-color: rgba(244,138,63,.58);
    background:
      radial-gradient(circle at 30% 28%, rgba(244,138,63,.18), transparent 30%),
      rgba(240,230,218,.78);
    box-shadow:
      0 0 42px rgba(244,138,63,.32),
      inset 0 0 32px rgba(244,138,63,.08),
      0 18px 42px rgba(0,0,0,.12);
  }

  :root[data-theme="light"] .social-desktop-expanded {
    border-color: rgba(216,109,36,.18);
    background:
      radial-gradient(circle at 92% 0%, rgba(216,109,36,.10), transparent 34%),
      linear-gradient(135deg, rgba(216,109,36,.055), rgba(255,255,255,.34)),
      rgba(255,250,243,.62);
    box-shadow:
      0 28px 80px rgba(80,48,22,.10),
      inset 0 1px 0 rgba(255,255,255,.64);
  }
}

@media (min-width: 901px) {
  #main-social-grid {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .social-desktop-card {
    animation: none !important;
  }

  .social-desktop-expanded {
    animation: none !important;
  }

  [data-social-desktop-line],
  [data-social-desktop-expanded] {
    display: none !important;
  }
}

.social-desktop-particle {
  position: fixed;
  pointer-events: none;
  z-index: 997;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 8px rgba(244,138,63,.72);
  left: var(--start-x, 0);
  top: var(--start-y, 0);
  animation: particleFloat var(--duration, 1s) ease-out var(--delay, 0s) forwards;
}

.social-desktop-particle--glow {
  width: 8px;
  height: 8px;
  background: rgba(244,138,63,.96);
  box-shadow: 0 0 16px rgba(244,138,63,.96);
}

.social-desktop-sound-toggle {
  position: absolute;
  top: 22px;
  right: 24px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(244,138,63,.24);
  background: transparent;
  color: var(--brand);
  font-size: .98rem;
  cursor: pointer;
  opacity: .72;
  transition:
    border-color .3s ease,
    box-shadow .3s ease,
    transform .2s ease;
  display: grid;
  place-items: center;
}

.social-desktop-sound-toggle:hover {
  border-color: rgba(244,138,63,.48);
  box-shadow: 0 0 18px rgba(244,138,63,.18);
  opacity: 1;
}

.social-desktop-sound-toggle:active {
  transform: scale(0.95);
}

@media (min-width: 901px) and (max-width: 1080px) {
  .social-desktop-card {
    width: 104px;
    height: 104px;
  }

  .social-desktop-card__icon {
    width: 48px;
    height: 48px;
  }

  .social-desktop-expanded__content {
    gap: 24px;
  }

  .social-desktop-expanded__metrics {
    min-width: 280px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .social-desktop-card,
  .social-desktop-expanded,
  .social-desktop-expanded__content,
  .social-desktop-particle {
    animation: none !important;
    transition: none !important;
  }

  .social-desktop-particle {
    display: none !important;
  }
}


/* ===== styles/fan-area-overrides.css ===== */

/* ===== Hero / fan area overrides ===== */
.hero h1 {
  max-width: 12ch;
}
.hero h1 [data-hero-line="name"] {
  color: var(--text);
  font-weight: 400;
}
.hero h1 [data-hero-line="lab"] {
  color: var(--brand);
  font-weight: 800;
}
.hero p[data-i18n="heroSubtitle"] {
  max-width: 34ch;
}

.fan-area-star,
.sensitive-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.12em;
  color: var(--brand);
  flex: 0 0 auto;
}
.hero-fan-cta,
.fan-band-cta,
.vip-band__cta {
  border-color: var(--brand) !important;
  color: #fff !important;
}
.hero-fan-cta .fan-star-icon,
.hero-fan-cta .lock-icon,
.fan-band-cta .lock-icon,
.vip-band__cta .lock-icon {
  color: var(--brand) !important;
}
.hero-fan-cta {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.hero-fan-cta::after,
.hero__ctas .btn-blur::after {
  content: "";
  position: absolute;
  inset: -45% auto -45% -35%;
  width: 34%;
  pointer-events: none;
  z-index: -1;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.28) 45%, rgba(244,138,63,0.18) 55%, transparent 100%);
  filter: blur(6px);
  transform: translateX(-130%) rotate(12deg);
  animation: fanAreaShine 8.4s ease-in-out infinite;
}
@keyframes fanAreaShine {
  0%, 62% { transform: translateX(-145%) rotate(12deg); opacity: 0; }
  70% { opacity: .62; }
  90% { transform: translateX(520%) rotate(12deg); opacity: 0; }
  100% { transform: translateX(520%) rotate(12deg); opacity: 0; }
}

/* Header / hero light-mode button corrections */
:root[data-theme="light"] .actions .btn-blur {
  color: #171513 !important;
}
:root[data-theme="light"] .actions .btn-blur .lock-icon {
  color: var(--brand) !important;
}
:root[data-theme="light"] .hero__ctas .btn-primary {
  color: #fff !important;
}
:root[data-theme="light"] .hero__ctas .btn-primary svg {
  color: #fff !important;
  stroke: currentColor;
}

/* Dark hero fanarea glass: keep it readable and less milky. */
:root[data-theme="dark"] .hero-fan-cta,
:root[data-theme="dark"] .hero__ctas .btn-blur {
  background:
    radial-gradient(circle at 18% 42%, rgba(255,255,255,.16), transparent 32%),
    linear-gradient(135deg, rgba(10,10,13,.72), rgba(244,138,63,.16) 54%, rgba(10,10,13,.82)) !important;
  backdrop-filter: blur(18px) saturate(1.32) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.32) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 14px 36px rgba(0,0,0,.28) !important;
}

/* Locked fan-area banner */
.fan-locked-band {
  background: linear-gradient(135deg, rgba(19,17,19,1) 0%, rgba(10,10,13,1) 100%) !important;
}
.fan-locked-band::before,
.fan-locked-band::after {
  opacity: .38;
  z-index: 0;
}
.fan-locked-band .vip-band__icon-wrap {
  background: rgba(8,9,13,0.92) !important;
  border-color: rgba(244,138,63,0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(244,138,63,0.12), 0 0 16px rgba(244,138,63,0.08) !important;
  color: var(--brand) !important;
  overflow: hidden;
}
.fan-locked-band .vip-band__icon-wrap::before,
.fan-locked-band .vip-band__icon-wrap::after {
  display: none !important;
}
.fan-locked-band .vip-band__content,
.fan-locked-band .vip-band__cta,
.fan-locked-band .vip-band__icon-wrap {
  position: relative;
  z-index: 2;
}
.fan-locked-band .vip-band__content h3 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.fan-locked-band .vip-band__content h3 .fan-area-star {
  font-size: .86em;
}
.fan-band-cta,
.vip-band__cta {
  overflow: hidden;
  background: rgba(255,255,255,0.035) !important;
  backdrop-filter: blur(12px) saturate(1.35);
  -webkit-backdrop-filter: blur(12px) saturate(1.35);
}

/* Locked fan-area banner - light theme */
:root[data-theme="light"] .fan-locked-band {
  background: linear-gradient(135deg, rgba(255,248,239,0.96) 0%, rgba(241,221,203,0.92) 100%) !important;
  border-color: rgba(216,109,36,0.34) !important;
  box-shadow: 0 24px 70px rgba(80,48,22,0.13), inset 0 1px 0 rgba(255,255,255,0.68) !important;
}
:root[data-theme="light"] .fan-locked-band::before,
:root[data-theme="light"] .fan-locked-band::after {
  opacity: .20;
}
:root[data-theme="light"] .fan-locked-band .vip-band__icon-wrap {
  background: rgba(255,250,244,0.78) !important;
  border-color: rgba(216,109,36,0.46) !important;
  box-shadow: inset 0 0 0 1px rgba(216,109,36,0.13), 0 12px 34px rgba(80,48,22,0.12) !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__content h3 {
  color: #171513 !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__content h3 span,
:root[data-theme="light"] .fan-locked-band .fan-area-star {
  color: var(--brand) !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__content p {
  color: rgba(23,21,19,0.62) !important;
}
:root[data-theme="light"] .fan-band-cta,
:root[data-theme="light"] .vip-band__cta {
  background: rgba(23,21,19,0.72) !important;
  color: #fff !important;
  border-color: var(--brand) !important;
}

/* Age modal */
.age-modal__card h3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.age-modal__card .sensitive-icon {
  font-size: 1.15em;
}

/* Expanded fan area */
.fan-area-expanded .social__copy {
  position: relative;
}
.fan-area-expanded .eyebrow {
  line-height: 1.35;
}
.fan-area-expanded h2 strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.fan-area-expanded__desc {
  margin-top: -4px !important;
  max-width: 34ch !important;
}
.fan-area-lock-btn {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid var(--brand);
  background: rgba(255,255,255,0.035);
  color: var(--brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  cursor: pointer;
  backdrop-filter: blur(12px) saturate(1.35);
  -webkit-backdrop-filter: blur(12px) saturate(1.35);
  transition: transform .25s ease, background .25s ease;
}
.fan-area-lock-btn:hover {
  transform: translateY(-2px);
  background: rgba(244,138,63,0.12);
}
.fan-area-lock-btn svg {
  width: 17px;
  height: 17px;
}

@media (min-width: 901px) {
  /* Solta os orbs do limite da foto: container mais largo e deslocado para trás. */
  .hero__assets {
    inset: -5% auto 0 -330px !important;
    width: min(92vw, 1220px) !important;
    height: 108% !important;
    overflow: visible !important;
  }
  .hero__asset-img:nth-child(1),
  .hero__asset-img:nth-child(6) {
    width: 58% !important;
    top: -1% !important;
    left: 30% !important;
  }
  .hero__asset-img:nth-child(2),
  .hero__asset-img:nth-child(7) {
    width: 42% !important;
    top: 14% !important;
    left: 39% !important;
  }
  .hero__asset-img:nth-child(3),
  .hero__asset-img:nth-child(8) {
    width: 31% !important;
    top: 25% !important;
    left: 23% !important;
  }
  .hero__asset-img:nth-child(4),
  .hero__asset-img:nth-child(9) {
    width: 48% !important;
    top: 42% !important;
    left: 19% !important;
  }
  .hero__asset-img:nth-child(5),
  .hero__asset-img:nth-child(10) {
    width: 30% !important;
    top: 50% !important;
    left: 73% !important;
  }
}

@media (max-width: 900px) {
  .hero h1 {
    max-width: 10.8ch;
  }
  .hero p[data-i18n="heroSubtitle"] {
    max-width: 25ch;
  }

  /* Mobile dark: a little darker for readability. */
  :root[data-theme="dark"] .hero-fan-cta,
  :root[data-theme="dark"] .hero__ctas .btn-blur {
    background:
      radial-gradient(circle at 16% 42%, rgba(255,255,255,.13), transparent 30%),
      linear-gradient(135deg, rgba(7,8,11,.78), rgba(244,138,63,.16) 55%, rgba(7,8,11,.88)) !important;
  }

  /* Puxa um asset para respirar também na área preta à esquerda. */
  .hero__asset-img:nth-child(4),
  .hero__asset-img:nth-child(9) {
    width: 54% !important;
    top: 19% !important;
    right: 52% !important;
    opacity: 0.62 !important;
  }
}


/* ===== styles/fan-area-final-fixes.css ===== */

/* ===== Final fan-area refinements ===== */
:root {
  --ls-light-dark: #171513;
}

/* Tipografia fanarea: fan normal + area bold/laranja. */
.fan-wordmark {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
  white-space: nowrap;
}
.fan-wordmark__fan {
  color: currentColor;
  font-weight: 600;
}
.fan-wordmark__area {
  color: var(--brand);
  font-weight: 900;
}
.fan-wordmark + .fan-area-star {
  margin-left: 8px;
}

/* Header fan-area no modo claro: usar a cor escura do tema claro. */
:root[data-theme="light"] .actions .btn-blur,
:root[data-theme="light"] .mobile-menu__cta.btn-blur {
  color: var(--ls-light-dark) !important;
}
:root[data-theme="light"] .actions .btn-blur .fan-wordmark__fan,
:root[data-theme="light"] .mobile-menu__cta.btn-blur .fan-wordmark__fan {
  color: var(--ls-light-dark) !important;
}
:root[data-theme="light"] .actions .btn-blur .fan-wordmark__area,
:root[data-theme="light"] .mobile-menu__cta.btn-blur .fan-wordmark__area,
:root[data-theme="light"] .actions .btn-blur .lock-icon,
:root[data-theme="light"] .mobile-menu__cta.btn-blur .lock-icon {
  color: var(--brand) !important;
}

/* Explorar do hero no modo claro: texto e seta brancos. */
:root[data-theme="light"] .hero__ctas .btn-primary,
:root[data-theme="light"] .hero__ctas .btn-primary * {
  color: #fff !important;
}

/* Fan-area hero button no modo claro não pode ficar branco apagado. */
:root[data-theme="light"] .hero-fan-cta,
:root[data-theme="light"] .hero__ctas .btn-blur.hero-fan-cta {
  color: var(--ls-light-dark) !important;
  border-color: var(--brand) !important;
  background: rgba(255,255,255,0.46) !important;
}
:root[data-theme="light"] .hero-fan-cta .fan-wordmark__fan {
  color: var(--ls-light-dark) !important;
}
:root[data-theme="light"] .hero-fan-cta .fan-wordmark__area,
:root[data-theme="light"] .hero-fan-cta .fan-area-star {
  color: var(--brand) !important;
}

/* Banner fan area no modo claro: claro, quente e coerente. */
:root[data-theme="light"] .fan-locked-band {
  background: linear-gradient(135deg, rgba(255,250,244,0.96) 0%, rgba(244,226,207,0.88) 100%) !important;
  border-color: rgba(216,109,36,0.36) !important;
  box-shadow: 0 24px 70px rgba(80,48,22,0.12), inset 0 1px 0 rgba(255,255,255,0.72) !important;
}
:root[data-theme="light"] .fan-locked-band::before,
:root[data-theme="light"] .fan-locked-band::after {
  opacity: .18 !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__icon-wrap {
  background: rgba(255,252,247,0.82) !important;
  border-color: rgba(216,109,36,0.48) !important;
  color: var(--brand) !important;
  box-shadow: inset 0 0 0 1px rgba(216,109,36,0.14), 0 12px 34px rgba(80,48,22,0.10) !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__content h3,
:root[data-theme="light"] .fan-locked-band .vip-band__content .fan-wordmark__fan {
  color: var(--ls-light-dark) !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__content .fan-wordmark__area,
:root[data-theme="light"] .fan-locked-band .vip-band__content .fan-area-star {
  color: var(--brand) !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__content p {
  color: rgba(23,21,19,0.62) !important;
}

/* Botão acessar agora do banner: claro no light mode, não escuro. */
:root[data-theme="light"] .fan-band-cta,
:root[data-theme="light"] .vip-band__cta.fan-band-cta {
  background: rgba(255,255,255,0.48) !important;
  color: var(--ls-light-dark) !important;
  border-color: var(--brand) !important;
}
:root[data-theme="light"] .fan-band-cta .lock-icon,
:root[data-theme="light"] .vip-band__cta.fan-band-cta .lock-icon {
  color: var(--brand) !important;
}

@media (min-width: 901px) {
  /* Orbs menores e mais dispersos: deixam de acompanhar a caixa da foto. */
  .hero__visual {
    overflow: visible !important;
  }
  .hero__assets {
    inset: -7% auto 0 -360px !important;
    width: min(84vw, 1120px) !important;
    height: 112% !important;
    overflow: visible !important;
    max-width: none !important;
  }
  .hero__asset-img:nth-child(1),
  .hero__asset-img:nth-child(6) {
    width: 45% !important;
    top: 0% !important;
    left: 42% !important;
  }
  .hero__asset-img:nth-child(2),
  .hero__asset-img:nth-child(7) {
    width: 35% !important;
    top: 14% !important;
    left: 32% !important;
  }
  .hero__asset-img:nth-child(3),
  .hero__asset-img:nth-child(8) {
    width: 26% !important;
    top: 35% !important;
    left: 24% !important;
  }
  .hero__asset-img:nth-child(4),
  .hero__asset-img:nth-child(9) {
    width: 39% !important;
    top: 50% !important;
    left: 35% !important;
  }
  .hero__asset-img:nth-child(5),
  .hero__asset-img:nth-child(10) {
    width: 23% !important;
    top: 43% !important;
    left: 76% !important;
  }
}

@media (max-width: 900px) {
  /* Reequilibra assets mobile: devolve o asset puxado demais e usa outro mais baixo/esquerda. */
  .hero__asset-img:nth-child(4),
  .hero__asset-img:nth-child(9) {
    width: 48% !important;
    top: 20% !important;
    right: 42% !important;
    opacity: .60 !important;
  }
  .hero__asset-img:nth-child(3),
  .hero__asset-img:nth-child(8) {
    width: 39% !important;
    top: 39% !important;
    right: 36% !important;
    opacity: .74 !important;
  }
}


/* ===== styles/hero-tuning.css ===== */

/* ===== Hero tuning after creative lab rollout ===== */
@media (min-width: 901px) {
  .hero__copy {
    max-width: min(36vw, 520px) !important;
  }
  .hero h1 {
    font-size: clamp(3.25rem, 5vw, 5.15rem) !important;
    line-height: .96 !important;
    letter-spacing: 0;
    max-width: 11ch !important;
  }
  .hero p[data-i18n="heroSubtitle"] {
    font-size: clamp(1.02rem, 1.16vw, 1.22rem) !important;
    line-height: 1.55 !important;
    max-width: 34ch !important;
    margin-top: 18px !important;
  }
  .hero__ctas {
    gap: 14px !important;
    margin-top: 28px !important;
  }
  .hero__ctas .button {
    font-size: 1rem !important;
    padding: 13px 24px !important;
  }
  .hero__ctas .btn-primary svg,
  .hero__ctas .button .lock-icon,
  .hero__ctas .button .fan-area-star {
    width: 16px !important;
    height: 16px !important;
  }
  .hero__guide {
    font-size: .92rem !important;
    margin-top: 24px !important;
  }
}

@media (max-width: 900px) {
  /* Foto um pouco mais alta; copy levemente mais baixa para preservar sobreposição. */
  .hero__carousel {
    top: 48px !important;
  }
  .hero__copy {
    margin-top: 88px !important;
    margin-left: 10px !important;
  }

  /* Light mode: mais contraste nos assets claros sem pesar o fundo. */
  :root[data-theme="light"] .hero__asset-img {
    filter: saturate(1.26) contrast(1.13) brightness(.93) !important;
    opacity: .98 !important;
  }
  :root[data-theme="light"] .hero__asset-img:nth-child(4),
  :root[data-theme="light"] .hero__asset-img:nth-child(9) {
    opacity: .74 !important;
  }
  :root[data-theme="light"] .hero__asset-img:nth-child(3),
  :root[data-theme="light"] .hero__asset-img:nth-child(8) {
    opacity: .86 !important;
  }
}


/* ===== styles/final-polish.css ===== */

/* ===== Final polish: hero, fanarea, modals ===== */
.fan-wordmark {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0 !important;
  white-space: nowrap !important;
  letter-spacing: 0;
}
.fan-wordmark__fan {
  font-weight: 400 !important;
}
.fan-wordmark__area {
  margin-left: -0.035em !important;
  font-weight: 900 !important;
  color: var(--brand) !important;
}
.fan-area-star {
  margin-left: 3px !important;
  transform: translateY(-0.08em) !important;
  vertical-align: -0.02em !important;
}

/* Menu central segue o peso padrão do menu, sem bold extra. */
.menu .fan-wordmark,
.mobile-menu__links .fan-wordmark {
  font-weight: inherit !important;
  letter-spacing: 0;
}
.menu .fan-wordmark__fan,
.menu .fan-wordmark__area,
.mobile-menu__links .fan-wordmark__fan,
.mobile-menu__links .fan-wordmark__area {
  font-weight: inherit !important;
}
.menu .fan-wordmark__area,
.mobile-menu__links .fan-wordmark__area {
  margin-left: -0.02em !important;
}

/* Hero button: fan regular + area bold/brand + star alinhada. */
.hero__ctas .button {
  min-height: 46px !important;
}
.hero-fan-cta {
  min-width: 132px !important;
  justify-content: center !important;
}
.hero-fan-cta .fan-wordmark__fan {
  font-weight: 400 !important;
}
.hero-fan-cta .fan-wordmark__area {
  font-weight: 900 !important;
  color: var(--brand) !important;
}
.hero-fan-cta .fan-area-star {
  width: 15px !important;
  height: 15px !important;
  margin-left: 4px !important;
  transform: translateY(-0.08em) !important;
}

/* Header/menu fanarea button: tudo junto, fan regular e area laranja em ambos os temas. */
.actions .btn-blur .fan-wordmark__fan,
.mobile-menu__cta .fan-wordmark__fan {
  font-weight: 400 !important;
}
.actions .btn-blur .fan-wordmark__area,
.mobile-menu__cta .fan-wordmark__area {
  font-weight: 900 !important;
  color: var(--brand) !important;
}
.actions .btn-blur .fan-area-star,
.mobile-menu__cta .fan-area-star {
  margin-left: 3px !important;
  transform: translateY(-0.08em) !important;
}

/* Banner modo escuro: fan em amarelo, area laranja, estrela próxima. */
.fan-locked-band .vip-band__content .fan-wordmark__fan {
  color: #f6c76a !important;
  font-weight: 400 !important;
}
.fan-locked-band .vip-band__content .fan-wordmark__area {
  color: var(--brand) !important;
  font-weight: 900 !important;
}
.fan-locked-band .vip-band__content h3 .fan-area-star {
  margin-left: 4px !important;
  transform: translateY(-0.08em) !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__content .fan-wordmark__fan {
  color: var(--ls-light-dark, #171513) !important;
}

/* Modais com blur/glass conforme tema. */
.age-modal__card,
.legal-modal__card {
  background: color-mix(in srgb, var(--bg-soft) 76%, transparent) !important;
  backdrop-filter: blur(24px) saturate(1.45) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.45) !important;
  border-color: color-mix(in srgb, var(--brand) 16%, var(--stroke)) !important;
}
.age-modal__backdrop,
.legal-modal__backdrop {
  background: rgba(0,0,0,.64) !important;
  backdrop-filter: blur(10px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2) !important;
}
:root[data-theme="light"] .age-modal__backdrop,
:root[data-theme="light"] .legal-modal__backdrop {
  background: rgba(246,232,218,.62) !important;
}
:root[data-theme="light"] .age-modal__card,
:root[data-theme="light"] .legal-modal__card {
  background: rgba(255,250,244,.74) !important;
  box-shadow: 0 28px 70px rgba(80,48,22,.16) !important;
}

/* Botão de cadeado da área aberta: estado selecionado. */
.fan-area-expanded .fan-area-lock-btn {
  background: color-mix(in srgb, var(--brand) 22%, rgba(255,255,255,.04)) !important;
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 1px rgba(244,138,63,.18), 0 12px 26px rgba(244,138,63,.16) !important;
}

@media (min-width: 901px) {
  /* Ajuste fino dos assets desktop: sem vazar na linha inferior. */
  .hero__asset-img:nth-child(5),
  .hero__asset-img:nth-child(10) {
    width: 19% !important;
    top: 41% !important;
    left: 70% !important;
  }
  .hero__asset-img:nth-child(1),
  .hero__asset-img:nth-child(6) {
    width: 43% !important;
    top: -1% !important;
    left: 41% !important;
  }
  .hero__asset-img:nth-child(4),
  .hero__asset-img:nth-child(9) {
    width: 36% !important;
    top: 42% !important;
    left: 35% !important;
  }
}

@media (max-width: 900px) {
  .hero__ctas .button {
    min-height: 48px !important;
  }
  .hero-fan-cta {
    min-width: 132px !important;
  }
  /* Descer os assets mais presentes à esquerda. */
  .hero__asset-img:nth-child(4),
  .hero__asset-img:nth-child(9) {
    top: 25% !important;
    right: 42% !important;
  }
  .hero__asset-img:nth-child(3),
  .hero__asset-img:nth-child(8) {
    top: 44% !important;
    right: 36% !important;
  }

  /* Fanarea aberta: respeitar respiro lateral geral. */
  .fan-area-expanded {
    width: min(100% - 32px, 1220px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .fan-area-expanded .social__copy {
    padding-left: 0 !important;
  }
  .fan-area-expanded h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .fan-area-expanded h2 .fan-area-star {
    margin-left: 3px !important;
    transform: translateY(-0.08em) !important;
  }
  .fan-area-expanded h2 .fan-wordmark__fan {
    font-weight: 400 !important;
  }

  .fan-locked-band .vip-band__content h3 .fan-area-star,
  .fan-area-expanded h2 .fan-area-star {
    margin-left: 3px !important;
  }
}


/* ===== styles/about-section.css ===== */

/* ===== About / creative lab section ===== */
.about-lab {
  width: min(100% - 48px, 1220px);
  margin: 0 auto 64px;
  position: relative;
}
.about-lab__inner {
  display: grid;
  grid-template-columns: minmax(260px, .64fr) minmax(0, 1fr);
  gap: clamp(28px, 3.7vw, 58px);
  align-items: center;
}
.about-lab__visual {
  position: relative;
  min-height: clamp(252px, 29vw, 392px);
}
.about-lab__media-shell {
  position: relative;
  height: 100%;
  min-height: inherit;
  border-radius: 30px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid color-mix(in srgb, var(--brand) 20%, var(--stroke));
  background: rgba(255,255,255,.025);
  box-shadow: 0 24px 62px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
.about-lab__bg,
.about-lab__gif {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.about-lab__bg {
  z-index: 1;
  opacity: .88;
  transform: scale(1.01);
}
.about-lab__gif {
  z-index: 3;
  object-fit: contain;
  padding: 0;
  background: transparent;
  filter: drop-shadow(0 20px 34px rgba(0,0,0,.28));
  transform: scale(.8);
  transform-origin: center center;
}
.about-lab__gif--dark,
.about-lab__gif--light {
  object-position: center center;
}
.about-lab__halo {
  position: absolute;
  inset: auto 8% 8% 8%;
  height: 24%;
  z-index: 4;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(244,138,63,.20) 0%, transparent 72%);
  filter: blur(12px);
  opacity: .78;
}
.about-lab__bg--light,
.about-lab__gif--light,
:root[data-theme="light"] .about-lab__bg--dark,
:root[data-theme="light"] .about-lab__gif--dark {
  display: none;
}
:root[data-theme="light"] .about-lab__bg--light,
:root[data-theme="light"] .about-lab__gif--light {
  display: block;
}
.about-lab__copy {
  position: relative;
  z-index: 2;
}
.about-lab__eyebrow {
  margin-bottom: 14px;
}
.about-lab__title {
  display: block;
  margin: 0 0 22px;
  max-width: none;
  width: max-content;
  font-size: clamp(3rem, 5.9vw, 6.1rem);
  line-height: .94;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--text);
  white-space: nowrap;
}
.about-lab__title span,
.about-lab__title strong {
  display: inline;
  white-space: nowrap;
}
.about-lab__title strong {
  color: var(--brand);
  font-weight: 900;
}
.about-lab__body {
  display: grid;
  gap: 18px;
  max-width: 66ch;
}
.about-lab__body p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(.98rem, 1.08vw, 1.12rem);
  line-height: 1.72;
  text-align: justify;
  text-wrap: pretty;
}
.about-lab__body p:first-child {
  color: var(--text);
  font-weight: 700;
  font-size: clamp(1.05rem, 1.2vw, 1.24rem);
  text-align: left;
}
.about-lab__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 28px;
  border: 1px solid color-mix(in srgb, var(--brand) 34%, var(--stroke));
  border-radius: 999px;
  padding: 9px 14px;
  color: var(--text);
  background: color-mix(in srgb, var(--brand) 7%, rgba(255,255,255,.035));
  backdrop-filter: blur(14px) saturate(1.35);
  -webkit-backdrop-filter: blur(14px) saturate(1.35);
  font-size: .78rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
.about-lab__divider {
  margin-top: 16px !important;
}
:root[data-theme="light"] .about-lab__media-shell {
  background:
    linear-gradient(135deg, rgba(216,109,36,.10), rgba(255,255,255,.38)),
    rgba(255,255,255,.48);
  box-shadow: 0 24px 64px rgba(80,48,22,.11), inset 0 1px 0 rgba(255,255,255,.72);
}
:root[data-theme="light"] .about-lab__bg {
  opacity: .62;
  filter: saturate(.96) contrast(.96) sepia(.10) hue-rotate(-8deg);
}
:root[data-theme="light"] .about-lab__media-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(216,109,36,.16), transparent 48%, rgba(216,109,36,.08));
  mix-blend-mode: multiply;
  opacity: .28;
}
:root[data-theme="light"] .about-lab__gif {
  filter: drop-shadow(0 18px 32px rgba(80,48,22,.13));
}
:root[data-theme="light"] .about-lab__halo {
  background: radial-gradient(ellipse at center, rgba(216,109,36,.18) 0%, transparent 72%);
  opacity: .64;
}

@media (max-width: 900px) {
  .about-lab {
    width: min(100% - 32px, 1220px);
    margin-bottom: 48px;
  }
  .about-lab__inner {
    display: block;
    position: relative;
  }
  .about-lab__visual {
    position: absolute;
    top: 10px;
    right: -2px;
    width: min(42vw, 176px);
    min-height: min(42vw, 176px);
    z-index: 1;
    transform: rotate(4deg);
    transform-origin: center;
    pointer-events: none;
  }
  .about-lab__copy {
    position: relative;
    z-index: 2;
    min-height: min(44vw, 186px);
  }
  .about-lab__media-shell {
    border-radius: 22px;
    background-color: transparent !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
  }
  .about-lab__bg {
    opacity: .70;
  }
  .about-lab__gif {
    padding: 0;
    object-fit: contain;
    transform: scale(.8);
  }
  .about-lab__gif--dark,
  .about-lab__gif--light {
    transform: scale(.8);
  }
  .about-lab__title {
    font-size: clamp(1.55rem, 6.4vw, 2.55rem);
    margin-bottom: 20px;
    max-width: none;
    width: max-content;
    white-space: nowrap;
  }
  .about-lab__eyebrow {
    display: block;
    max-width: calc(100% - min(35vw, 150px));
  }
  .about-lab__body {
    gap: 15px;
    clear: both;
  }
  .about-lab__body p {
    font-size: .94rem;
    line-height: 1.68;
    text-align: justify;
  }
  .about-lab__body p:first-child {
    text-align: left;
  }
  .about-lab__badge {
    margin-top: 22px;
  }
  :root[data-theme="light"] .about-lab__bg {
    opacity: .54;
  }
  :root[data-theme="light"] .about-lab__media-shell {
    background:
      linear-gradient(135deg, rgba(216,109,36,.13), rgba(255,255,255,.32)),
      rgba(255,255,255,.44) !important;
  }
}


/* ===== styles/preloader.css ===== */

/* ===== Initial media preloader ===== */
html {
  scrollbar-gutter: stable;
}

body.is-preloading {
  overflow: hidden;
}
body.is-preloading .page-shell {
  opacity: 0;
}
body.has-preloaded .page-shell {
  animation: pageShellEnter .42s ease both;
}
/* Keep fixed nav outside transformed ancestors after preload. */
body.has-preloaded .page-shell,
body:not(.is-preloading) .page-shell {
  transform: none !important;
  filter: none !important;
}
.top-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: none !important;
  z-index: 99999 !important;
}
.site-preloader {
  position: fixed;
  inset: 0;
  width: 100dvw;
  min-height: 100dvh;
  z-index: 99999;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 52%, rgba(244,138,63,.18), transparent 30%),
    var(--bg);
  transition: opacity .32s ease, visibility .32s ease;
  overflow: hidden;
}
.site-preloader__inner {
  display: grid;
  grid-template-areas:
    "mark"
    "text";
  place-items: center;
  row-gap: 16px;
  color: var(--text);
  transform: translate3d(0, -2px, 0);
}
.site-preloader__logo {
  grid-area: mark;
  position: relative;
  z-index: 2;
  width: 54px;
  height: 54px;
  color: var(--brand);
  filter: drop-shadow(0 0 18px rgba(244,138,63,.24));
}
.site-preloader__logo path,
.site-preloader__logo polygon {
  fill: currentColor;
  fill-opacity: 1;
  stroke: none !important;
}
.site-preloader__mark {
  grid-area: mark;
  position: relative;
  z-index: 1;
  width: 92px;
  height: 92px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--brand) 42%, var(--stroke));
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--bg-soft) 62%, transparent);
  box-shadow:
    0 18px 54px rgba(0,0,0,.24),
    0 0 38px rgba(244,138,63,.16),
    inset 0 0 28px rgba(244,138,63,.045);
  backdrop-filter: blur(18px) saturate(1.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
}
.site-preloader__mark::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 999px;
  border: 2px solid transparent;
  border-top-color: var(--brand);
  border-right-color: color-mix(in srgb, var(--brand) 74%, transparent);
  opacity: .88;
  pointer-events: none;
  animation: sitePreloaderRing 2.4s ease-in-out infinite alternate;
}
.site-preloader__text {
  grid-area: text;
  margin-top: 2px;
  font-size: .68rem;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--muted);
}
body:not(.is-preloading) .site-preloader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@keyframes sitePreloaderRing {
  0% { transform: rotate(-28deg) scale(.98); opacity: .58; }
  100% { transform: rotate(332deg) scale(1.02); opacity: .96; }
}
@keyframes pageShellEnter {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .site-preloader,
  .site-preloader__mark::before,
  body.has-preloaded .page-shell { transition: none; animation: none; }
}


/* ===== styles/logo-draw-effect.css ===== */

/* ===== Logo snake reveal effect ===== */

.site-preloader__logo {
  grid-area: mark;
  position: relative;
  z-index: 2;
  width: 54px;
  height: 54px;
  color: var(--brand);
  filter: drop-shadow(0 0 18px rgba(244,138,63,.24));
  animation: siteLogoSoftBreath 3.8s ease-in-out infinite alternate;
}

.site-preloader__logo .logo-shape,
.site-preloader__logo .logo-shape path,
.site-preloader__logo .logo-shape polygon,
.top-nav .brand__logo-animated .logo-shape,
.top-nav .brand__logo-animated .logo-shape path,
.top-nav .brand__logo-animated .logo-shape polygon {
  fill: currentColor !important;
  stroke: none !important;
  animation: none !important;
  clip-path: none !important;
  opacity: 1 !important;
}

.site-preloader__logo .mask-paint,
.top-nav .brand__logo-animated .mask-paint {
  fill: none !important;
  stroke: #fff !important;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  animation: snakeLogoEraseReveal 3.2s linear infinite alternate !important;
}

@keyframes snakeLogoEraseReveal {
  0%, 8% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 100; }
}

@keyframes siteLogoSoftBreath {
  0% {
    transform: scale(.96);
    filter: drop-shadow(0 0 12px rgba(244,138,63,.12));
  }
  100% {
    transform: scale(1.025);
    filter: drop-shadow(0 0 24px rgba(244,138,63,.30));
  }
}

.top-nav .brand__mark {
  position: relative;
  isolation: isolate;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  color: var(--brand);
}

.top-nav .brand__logo-animated {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  color: currentColor;
  pointer-events: none;
  filter: drop-shadow(0 0 8px rgba(244,138,63,.34));
  transform: translateZ(0);
}

@media (prefers-reduced-motion: reduce) {
  .site-preloader__logo,
  .site-preloader__logo .mask-paint,
  .top-nav .brand__logo-animated .mask-paint {
    animation: none !important;
  }
  .site-preloader__logo .mask-paint,
  .top-nav .brand__logo-animated .mask-paint {
    stroke-dashoffset: 0 !important;
  }
}


/* ===== styles/hero-motion.css ===== */

/* ===== Hero motion layer ===== */
.hero__asset-img {
  will-change: transform;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
}
.hero h1 [data-hero-line="lab"] {
  background: linear-gradient(105deg, var(--brand) 0%, var(--brand) 32%, #c96925 42%, #ffb15e 50%, var(--brand) 62%, var(--brand) 100%);
  background-size: 260% 100%;
  background-position: 100% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: creativeLabPulseColor 9.2s ease-in-out infinite;
}
.hero-fan-cta,
.hero__ctas .btn-blur {
  background:
    radial-gradient(circle at 18% 42%, rgba(255,255,255,.30), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(244,138,63,.13) 54%, rgba(255,255,255,.045)) !important;
  backdrop-filter: blur(18px) saturate(1.45) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.45) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 14px 36px rgba(0,0,0,.18) !important;
}
body.has-preloaded .hero__copy {
  animation: heroCopyEnter .74s cubic-bezier(.22,.61,.36,1) both;
}
body.has-preloaded .hero__assets {
  animation: heroAssetsEnter .86s cubic-bezier(.22,.61,.36,1) both;
}
body.has-preloaded .hero__carousel {
  animation: heroPhotoEnter .82s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes creativeLabPulseColor {
  0%, 36% { background-position: 100% 50%; filter: saturate(1); }
  66% { background-position: 18% 50%; filter: saturate(1.14); }
  86%, 100% { background-position: 0% 50%; filter: saturate(1); }
}
@keyframes heroCopyEnter {
  from { opacity: 0; transform: translate3d(-10px, 12px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes heroAssetsEnter {
  from { opacity: 0; transform: translate3d(12px, 8px, 0) scale(.985); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes heroPhotoEnter {
  from { opacity: 0; transform: translate3d(12px, 16px, 0) scale(.992); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .hero__asset-img,
  body.has-preloaded .hero__copy,
  body.has-preloaded .hero__assets,
  body.has-preloaded .hero__carousel {
    transform: none !important;
    animation: none !important;
  }
  .hero h1 [data-hero-line="lab"] {
    animation: none !important;
  }
}


/* ===== styles/final-interaction-hotfixes.css ===== */

/* ===== Final requested interaction/content fixes ===== */
.hero__guide {
  display: inline-flex !important;
  align-items: center;
  gap: 6px !important;
  white-space: nowrap;
}
.hero__guide::after {
  content: none !important;
}
.hero-guide-arrow {
  display: inline-block;
  color: var(--brand);
  line-height: 1;
  animation: scrollHintArrowFloat 1.35s ease-in-out infinite;
}
@keyframes scrollHintArrowFloat {
  0%, 100% { transform: translateY(-2px); }
  50% { transform: translateY(4px); }
}

.about-lab__wave {
  display: inline-block;
  transform-origin: 72% 72%;
  animation: aboutWaveHello 1.6s ease-in-out infinite;
  will-change: transform;
}
@keyframes aboutWaveHello {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-15deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(15deg); }
}

/* Legal/privacy/terms modals: glass restored for all themes and breakpoints. */
.legal-modal__backdrop {
  background:
    radial-gradient(circle at 50% 36%, rgba(244,138,63,.15), transparent 34%),
    rgba(0,0,0,.68) !important;
  backdrop-filter: blur(16px) saturate(1.32) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.32) !important;
}
.legal-modal__card {
  border: 1px solid color-mix(in srgb, var(--brand) 26%, var(--stroke)) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.085), rgba(244,138,63,.035) 42%, rgba(255,255,255,.028)),
    color-mix(in srgb, var(--bg-soft) 78%, transparent) !important;
  backdrop-filter: blur(28px) saturate(1.58) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.58) !important;
  box-shadow:
    0 34px 92px rgba(0,0,0,.54),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(244,138,63,.045) !important;
}
.legal-modal__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.13), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(244,138,63,.10), transparent 34%);
  opacity: .72;
}
.legal-modal__card > * {
  position: relative;
  z-index: 1;
}
.legal-modal__close {
  backdrop-filter: blur(16px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
  background: rgba(255,255,255,.045) !important;
}
.legal-modal__divider {
  background: color-mix(in srgb, var(--brand) 22%, var(--stroke)) !important;
}
:root[data-theme="light"] .legal-modal__backdrop {
  background:
    radial-gradient(circle at 50% 34%, rgba(216,109,36,.15), transparent 34%),
    rgba(241,231,217,.64) !important;
  backdrop-filter: blur(18px) saturate(1.22) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.22) !important;
}
:root[data-theme="light"] .legal-modal__card {
  border-color: color-mix(in srgb, var(--brand) 34%, rgba(23,21,19,.13)) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.76), rgba(216,109,36,.08) 46%, rgba(255,248,239,.58)),
    rgba(255,248,239,.62) !important;
  box-shadow:
    0 34px 86px rgba(80,48,22,.18),
    inset 0 1px 0 rgba(255,255,255,.72),
    0 0 0 1px rgba(216,109,36,.055) !important;
}
:root[data-theme="light"] .legal-modal__card::before {
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.64), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(216,109,36,.13), transparent 34%);
  opacity: .66;
}
:root[data-theme="light"] .legal-modal__close {
  background: rgba(255,255,255,.52) !important;
}

@media (max-width: 900px) {
  .legal-modal {
    padding: 16px !important;
    align-items: center !important;
  }
  .legal-modal__card {
    width: min(100%, 560px) !important;
    max-height: min(82vh, 720px) !important;
    padding: 28px 24px !important;
    border-radius: 24px !important;
    backdrop-filter: blur(24px) saturate(1.52) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.52) !important;
  }
}

@media (max-width: 900px) {
  .hero {
    position: relative !important;
  }
  .hero__guide {
    position: absolute !important;
    left: 26px !important;
    bottom: 18px !important;
    z-index: 12;
    margin: 0 !important;
    font-size: .68rem !important;
    letter-spacing: 0;
    text-transform: lowercase !important;
    color: var(--muted);
    opacity: .62;
    pointer-events: none;
  }
}

/* Header fanarea button: restore compact glass sizing and theme colors. */
.actions .btn-blur {
  min-height: 42px !important;
  padding: 10px 15px !important;
  gap: 8px !important;
}
.actions .btn-blur .fan-wordmark {
  letter-spacing: 0;
}
.actions .btn-blur .fan-wordmark__fan {
  color: #fff !important;
  font-weight: 400 !important;
}
.actions .btn-blur .fan-wordmark__area {
  color: var(--brand) !important;
  font-weight: 900 !important;
  margin-left: -0.04em !important;
}
:root[data-theme="light"] .actions .btn-blur .fan-wordmark__fan {
  color: #171513 !important;
}
.actions .btn-blur .lock-icon {
  width: 16px !important;
  height: 16px !important;
  color: var(--brand) !important;
}
.actions .btn-blur .lock-icon svg {
  width: 100% !important;
  height: 100% !important;
}

/* Hero fan CTA: restore desktop alignment with explorar. */
.hero__ctas .btn-blur span[data-i18n="navExclusive"] {
  font-size: inherit !important;
  display: inline-flex !important;
  align-items: baseline !important;
}
.hero__ctas .btn-blur span[data-i18n="navExclusive"]::before {
  content: none !important;
  display: none !important;
}
.hero__ctas .button {
  font-size: .88rem !important;
  font-weight: 700 !important;
}
@media (min-width: 901px) {
  .hero__ctas {
    align-items: center !important;
  }
  .hero__ctas .button {
    height: 48px !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .hero__ctas .btn-primary,
  .hero__ctas .hero-fan-cta {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .hero-fan-cta {
    min-width: 140px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    gap: 7px !important;
  }
}
.hero-fan-cta .fan-wordmark,
.hero__ctas .btn-blur span[data-i18n="navExclusive"] .fan-wordmark {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0 !important;
  white-space: nowrap !important;
  letter-spacing: 0;
  font-size: inherit !important;
  line-height: 1 !important;
}
.hero-fan-cta .fan-wordmark__fan {
  color: #fff !important;
  font-weight: 400 !important;
}
.hero-fan-cta .fan-wordmark__area {
  color: var(--brand) !important;
  font-weight: 900 !important;
  margin-left: -0.045em !important;
}
:root[data-theme="light"] .hero-fan-cta .fan-wordmark__fan {
  color: #171513 !important;
}
.hero-fan-cta .fan-area-star {
  width: 16px !important;
  height: 16px !important;
  margin-left: 3px !important;
  transform: translateY(-0.04em) !important;
}

/* About section content rhythm. */
.about-lab__title {
  letter-spacing: 0;
  line-height: .95 !important;
}
.about-lab__title [data-about-i18n="titleBefore"],
.about-lab__title strong {
  display: block !important;
}
.about-lab__title strong {
  color: var(--brand) !important;
  font-weight: 900 !important;
}
.about-lab__body {
  gap: 12px !important;
}
.about-lab__body p {
  line-height: 1.56 !important;
}
.about-lab__triangle {
  color: var(--brand) !important;
  font-weight: 400 !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}
.about-lab__badge {
  text-transform: lowercase !important;
  letter-spacing: 0;
}

/* Harmonize social text with about text. */
.social__copy p {
  font-size: clamp(.98rem, 1.08vw, 1.12rem) !important;
  line-height: 1.56 !important;
}

/* Fan locked banner details. */
.fan-locked-band .vip-band__content .fan-wordmark__fan {
  color: #fff !important;
}
.fan-locked-band .vip-band__content h3 {
  gap: 0 !important;
}
.fan-locked-band .vip-band__content h3 .fan-area-star {
  margin-left: 3px !important;
  width: .72em !important;
  height: .72em !important;
  transform: translateY(-0.08em) !important;
}
.vip-band__icon-wrap svg {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__icon-wrap {
  background: var(--brand) !important;
  color: #fff !important;
}
:root[data-theme="light"] .fan-locked-band .vip-band__icon-wrap svg,
:root[data-theme="light"] .fan-locked-band .vip-band__icon-wrap path {
  color: #fff !important;
  fill: currentColor !important;
}

/* New lock icon consistency without making banner icon gigantic. */
.lock-icon svg,
.fan-area-lock-btn svg {
  width: 100%;
  height: 100%;
  display: block;
}
.lock-icon path,
.fan-area-lock-btn path,
.vip-band__icon-wrap path {
  fill: currentColor;
}

@media (min-width: 901px) {
  /* Desktop: reduzir em 50% os dois assets indicados nos prints. */
  .hero__asset-img:nth-child(3),
  .hero__asset-img:nth-child(8) {
    width: 13% !important;
    left: 30% !important;
  }
  .hero__asset-img:nth-child(5),
  .hero__asset-img:nth-child(10) {
    width: 9.5% !important;
  }
}

@media (max-width: 900px) {
  /* Header mobile mais curto, como a composição anterior. */
  .hero {
    min-height: 80svh !important;
    padding-bottom: 0 !important;
    overflow: clip !important;
  }
  .hero__guide {
    display: inline-flex !important;
    left: 26px !important;
    bottom: 22px !important;
    z-index: 20 !important;
    opacity: .64 !important;
  }

  /* Ajustes finos dos assets do hero no mobile. */
  .hero__asset-img:nth-child(2),
  .hero__asset-img:nth-child(7) {
    top: 26% !important;
    right: -3% !important;
  }
  .hero__asset-img:nth-child(3),
  .hero__asset-img:nth-child(8) {
    top: 39% !important;
  }

  /* Restore mobile hero CTA dimensions/flow to the previous responsive layout. */
  .hero__ctas {
    gap: 8px !important;
    margin-top: 17px !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: center !important;
  }
  .hero__ctas .button {
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 15px !important;
    font-size: .78rem !important;
  }
  .hero-fan-cta {
    min-width: 118px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    gap: 6px !important;
  }
  .hero-fan-cta .fan-area-star {
    width: 14px !important;
    height: 14px !important;
    margin-left: 2px !important;
  }
  .about-lab__title {
    font-size: clamp(2.75rem, 12.2vw, 4.15rem) !important;
    line-height: .94 !important;
    max-width: 8.6ch !important;
  }
  .about-lab__body {
    gap: 12px !important;
  }
  .about-lab__body p {
    line-height: 1.56 !important;
  }
}


/* ===== styles/about-wave-smoother.css ===== */

/* ===== Smoother hello wave emoji ===== */
.about-lab__wave {
  display: inline-block;
  transform-origin: 72% 72%;
  animation: aboutWaveHelloSmooth 1.05s ease-in-out infinite !important;
  will-change: transform;
}

@keyframes aboutWaveHelloSmooth {
  0% { transform: rotate(-14deg); }
  50% { transform: rotate(14deg); }
  100% { transform: rotate(-14deg); }
}

@media (prefers-reduced-motion: reduce) {
  .about-lab__wave {
    animation: none !important;
  }
}


/* ===== styles/modal-glass-fixes.css ===== */

/* ===== Modal glass refinements + fanarea aligned with scrolled navbar ===== */

/* Baseado no glass da .top-nav.is-scrolled: mesmo blur/saturação e superfície por tema. */
.age-modal__backdrop,
.legal-modal__backdrop {
  background: rgba(0, 0, 0, .56) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
}

.age-modal__card,
.legal-modal__card {
  position: relative !important;
  border: 1px solid var(--stroke) !important;
  background: var(--nav-bg-scrolled) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
  overflow: hidden;
}

.age-modal__card::before,
.legal-modal__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.055), transparent 30%),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 34%);
  opacity: .72;
}

.age-modal__card > *,
.legal-modal__card > * {
  position: relative;
  z-index: 1;
}

/* Keep legal modal scroll without clipping the close button into the content flow. */
.legal-modal__card {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.legal-modal__close {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  z-index: 3 !important;
  background: var(--nav-bg-scrolled) !important;
  border-color: var(--stroke) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
}

.legal-modal__title,
.legal-modal__meta,
.legal-modal__divider,
.legal-modal__body {
  position: relative;
  z-index: 1;
}

.legal-modal__divider {
  background: var(--stroke) !important;
}

/* Light theme: usa o mesmo fundo da navbar rolada no light. */
:root[data-theme="light"] .age-modal__backdrop,
:root[data-theme="light"] .legal-modal__backdrop {
  background: rgba(245,238,228,.56) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
}

:root[data-theme="light"] .age-modal__card,
:root[data-theme="light"] .legal-modal__card {
  border-color: var(--stroke) !important;
  background: var(--nav-bg-scrolled) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
  box-shadow:
    0 30px 78px rgba(80,48,22,.16),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

:root[data-theme="light"] .age-modal__card::before,
:root[data-theme="light"] .legal-modal__card::before {
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.46), transparent 34%),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 34%);
  opacity: .56;
}

:root[data-theme="light"] .legal-modal__close {
  background: var(--nav-bg-scrolled) !important;
  border-color: var(--stroke) !important;
}

/* Header/hero fanarea buttons: mesmo nível de blur da navbar, porém translúcido o suficiente para ver o fundo. */
.actions .btn-blur,
.hero-fan-cta,
.hero__ctas .btn-blur,
.mobile-menu__cta.btn-ghost {
  backdrop-filter: blur(22px) saturate(1.45) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.45) !important;
}

:root[data-theme="dark"] .actions .btn-blur,
:root[data-theme="dark"] .mobile-menu__cta.btn-ghost {
  background: var(--nav-bg-scrolled) !important;
  border-color: color-mix(in srgb, var(--brand) 34%, var(--stroke)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 14px 34px rgba(0,0,0,.28) !important;
}

:root[data-theme="dark"] .hero-fan-cta,
:root[data-theme="dark"] .hero__ctas .btn-blur.hero-fan-cta {
  background:
    radial-gradient(circle at 18% 42%, rgba(255,255,255,.11), transparent 31%),
    linear-gradient(135deg, rgba(8,9,13,.70), rgba(8,9,13,.54) 48%, rgba(8,9,13,.74)) !important;
  border-color: color-mix(in srgb, var(--brand) 52%, rgba(255,255,255,.12)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 14px 34px rgba(0,0,0,.26) !important;
}

:root[data-theme="light"] .actions .btn-blur,
:root[data-theme="light"] .mobile-menu__cta.btn-ghost {
  background: var(--nav-bg-scrolled) !important;
  border-color: color-mix(in srgb, var(--brand) 32%, var(--stroke)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    0 14px 34px rgba(80,48,22,.10) !important;
}

:root[data-theme="light"] .hero-fan-cta,
:root[data-theme="light"] .hero__ctas .btn-blur.hero-fan-cta {
  background:
    radial-gradient(circle at 18% 42%, rgba(255,255,255,.54), transparent 34%),
    linear-gradient(135deg, rgba(255,250,244,.58), rgba(255,238,222,.38) 52%, rgba(255,250,244,.54)) !important;
  border-color: color-mix(in srgb, var(--brand) 48%, rgba(23,21,19,.13)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 0 rgba(216,109,36,.08),
    0 14px 34px rgba(80,48,22,.10) !important;
}

/* Mobile: mantém a mesma receita, só ajusta encaixe e X. */
@media (max-width: 900px) {
  .age-modal,
  .legal-modal {
    padding: 16px !important;
  }

  .age-modal__card,
  .legal-modal__card {
    border-radius: 24px !important;
    backdrop-filter: blur(24px) saturate(1.5) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
  }

  .legal-modal__card {
    padding: 30px 24px 26px !important;
    max-height: min(82vh, 720px) !important;
  }

  .legal-modal__close {
    top: 16px !important;
    right: 16px !important;
    left: auto !important;
  }

  :root[data-theme="dark"] .actions .btn-blur,
  :root[data-theme="dark"] .mobile-menu__cta.btn-ghost {
    background: rgba(8,9,13,.92) !important;
  }

  :root[data-theme="dark"] .hero-fan-cta,
  :root[data-theme="dark"] .hero__ctas .btn-blur.hero-fan-cta {
    background:
      radial-gradient(circle at 18% 42%, rgba(255,255,255,.10), transparent 31%),
      linear-gradient(135deg, rgba(8,9,13,.74), rgba(8,9,13,.58) 48%, rgba(8,9,13,.78)) !important;
  }
}


/* ===== styles/hero-guide-visibility.css ===== */

/* ===== Hero scroll hint visibility ===== */
.hero__guide {
  --hero-guide-scroll-opacity: 1;
  --hero-guide-scroll-y: 0px;
  opacity: calc(.66 * var(--hero-guide-scroll-opacity)) !important;
  visibility: visible !important;
  transform: translateY(var(--hero-guide-scroll-y)) !important;
  animation: none !important;
  transition:
    opacity .18s linear,
    transform .18s linear,
    visibility 0s linear 0s !important;
  will-change: opacity, transform;
  pointer-events: none !important;
}

.hero__guide.is-hidden-by-scroll {
  visibility: hidden !important;
  transition:
    opacity .18s linear,
    transform .18s linear,
    visibility 0s linear .18s !important;
}

@media (min-width: 901px) {
  .hero__guide {
    margin-top: 34px !important;
  }
}

@media (max-width: 900px) {
  .hero__guide {
    bottom: 28px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero__guide,
  .hero__guide.is-hidden-by-scroll {
    transition: none !important;
    transform: none !important;
  }
}


/* ===== styles/desktop-hero-photo-test.css ===== */

/* ===== Desktop-only hero photo enlargement test ===== */
@media (min-width: 901px) {
  .hero__carousel {
    top: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    overflow: clip !important;
  }

  .hero__slide {
    overflow: clip !important;
  }

  .hero__slide .profile-pic {
    height: 125% !important;
    object-fit: contain !important;
    object-position: center top !important;
  }

  /* Mantém os assets exatamente no comportamento/área anterior. */
  .hero__visual {
    overflow: visible !important;
  }

  .hero__assets {
    overflow: visible !important;
  }
}


/* ===== styles/about-title-lock.css ===== */

/* ===== About title single-line lock ===== */
.about-lab__title {
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
}

.about-lab__title [data-about-i18n="titleBefore"],
.about-lab__title strong,
.about-lab__title [data-about-i18n="titleLeo"] {
  display: inline !important;
  white-space: nowrap !important;
}

.about-lab__title strong {
  color: var(--brand) !important;
  font-weight: 900 !important;
}

@media (max-width: 900px) {
  .about-lab__title {
    font-size: clamp(1.42rem, 5.9vw, 2.28rem) !important;
    line-height: .98 !important;
    letter-spacing: 0;
  }
}


/* ===== styles/mobile-social-orbit.css ===== */

/* ===== Mobile social orbit redesign ===== */
@media (max-width: 900px) {
  .social--mobile-orbit-ready {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-top: -104px;
    min-height: 804px;
    overflow: hidden;
    padding: 162px 0 28px;
    isolation: isolate;
  }

  .social--mobile-orbit-ready::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
      radial-gradient(circle at 96% 48%, rgba(244,138,63,.22), transparent 25%),
      radial-gradient(circle at 10% 0%, rgba(244,138,63,.10), transparent 42%),
      linear-gradient(180deg, rgba(25,13,9,0) 0%, rgba(30,17,12,.16) 10%, rgba(22,13,11,.48) 24%, rgba(6,7,10,.94) 50%, rgba(8,9,13,.98) 100%);
  }

  .social--mobile-orbit-ready::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(8,9,13,.18), transparent 48%, rgba(244,138,63,.08)),
      repeating-linear-gradient(90deg, rgba(255,255,255,.024) 0 1px, transparent 1px 78px);
    opacity: .50;
    mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 100%);
  }

  .social--mobile-orbit-ready .social__inner {
    display: block !important;
    width: min(100% - 56px, 520px);
    margin: 0 auto;
    position: relative;
  }

  .social--mobile-orbit-ready .social__copy {
    position: relative;
    z-index: 5;
    max-width: 285px;
  }

  .social--mobile-orbit-ready .social__copy .eyebrow {
    margin-bottom: 18px;
  }

  .social--mobile-orbit-ready .social__copy h2 {
    margin-bottom: 22px;
    font-size: clamp(2.55rem, 13vw, 4.6rem);
    line-height: .98;
    letter-spacing: 0;
  }

  .social--mobile-orbit-ready .social__copy h2 span,
  .social--mobile-orbit-ready .social__copy h2 strong {
    display: block;
  }

  .social--mobile-orbit-ready .social__copy p {
    max-width: 230px;
    font-size: .98rem !important;
    line-height: 1.78 !important;
    color: var(--muted);
  }

  .social--mobile-orbit-ready .social__cta {
    margin-top: 26px;
    min-height: 54px;
    padding: 0 32px !important;
    border-radius: 999px;
    font-size: .98rem !important;
    background: rgba(8,9,13,.42) !important;
    border-color: rgba(244,138,63,.48) !important;
    box-shadow:
      0 18px 46px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.08),
      0 0 32px rgba(244,138,63,.08) !important;
  }

  .social--mobile-orbit-ready .social-grid {
    display: none !important;
  }

  .mobile-social-orbit {
    display: block;
    position: relative;
    z-index: 3;
    min-height: 360px;
    margin-top: 12px;
  }

  .mobile-social-orbit__wheel-wrap {
    position: absolute;
    top: -292px;
    right: -348px;
    width: 540px;
    height: 540px;
    pointer-events: none;
  }

  .mobile-social-orbit__wheel {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    animation: mobileSocialWheelSpin 42s linear infinite;
    transform: translateZ(0);
    backface-visibility: hidden;
    will-change: transform;
    filter: drop-shadow(0 0 28px rgba(244,138,63,.20));
  }

  .mobile-social-orbit.is-paused-by-user .mobile-social-orbit__wheel {
    animation-play-state: paused;
    will-change: auto;
  }

  .mobile-social-orbit__ring {
    position: absolute;
    border-radius: 50%;
    inset: 0;
    border: 1px solid rgba(244,138,63,.30);
    box-shadow:
      inset 0 0 28px rgba(244,138,63,.08),
      0 0 34px rgba(244,138,63,.10);
  }

  .mobile-social-orbit__ring--inner {
    inset: 68px;
    border-width: 2px;
    border-color: rgba(244,138,63,.58);
    box-shadow:
      inset 0 0 36px rgba(244,138,63,.12),
      0 0 40px rgba(244,138,63,.18);
  }

  .mobile-social-orbit__planet {
    position: absolute;
    inset: 108px;
    border-radius: 50%;
    background:
      radial-gradient(circle at 30% 28%, rgba(255,168,93,.30), transparent 22%),
      radial-gradient(circle at 50% 50%, rgba(244,138,63,.36), rgba(96,38,13,.18) 45%, rgba(4,5,8,.98) 70%);
    border: 1px solid rgba(244,138,63,.35);
    box-shadow:
      inset 0 0 42px rgba(244,138,63,.14),
      0 0 46px rgba(244,138,63,.22);
  }

  .mobile-social-orbit__node {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: #fff;
    text-decoration: none;
    transform-origin: center;
    pointer-events: auto;
  }

  .mobile-social-orbit__node span {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    transform: rotate(calc(-1 * var(--node-rotation, 0deg)));
  }

  .mobile-social-orbit__node svg {
    width: 30px;
    height: 30px;
    display: block;
    filter: drop-shadow(0 0 12px rgba(255,255,255,.08));
  }

  .mobile-social-orbit__node::before {
    content: "";
    position: absolute;
    inset: -9px;
    border-radius: 24px;
    border: 1px solid rgba(244,138,63,.16);
    background: rgba(244,138,63,.03);
    opacity: .0;
  }

  .mobile-social-orbit__node--1 { --node-rotation: 198deg; transform: translate(-50%, -50%) rotate(198deg) translateX(205px) rotate(-198deg); }
  .mobile-social-orbit__node--2 { --node-rotation: 224deg; transform: translate(-50%, -50%) rotate(224deg) translateX(205px) rotate(-224deg); }
  .mobile-social-orbit__node--3 { --node-rotation: 250deg; transform: translate(-50%, -50%) rotate(250deg) translateX(205px) rotate(-250deg); }
  .mobile-social-orbit__node--4 { --node-rotation: 276deg; transform: translate(-50%, -50%) rotate(276deg) translateX(205px) rotate(-276deg); }

  .mobile-social-orbit__active {
    position: absolute;
    left: 0;
    top: 94px;
    width: 100%;
    min-height: 230px;
    padding-left: 34px;
    opacity: 1;
    transform: translateY(0);
  }

  .mobile-social-orbit__active-content {
    animation: mobileSocialInfoFadeIn .42s ease both;
  }

  .mobile-social-orbit__active-content:not(.is-fading-in) {
    animation: none;
  }

  .mobile-social-orbit__line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 20px;
    width: 1px;
    background: linear-gradient(180deg, transparent, var(--brand) 14%, var(--brand) 82%, transparent);
  }

  .mobile-social-orbit__line::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 50%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    transform: translateX(-50%);
    background: var(--brand);
    box-shadow: 0 0 18px rgba(244,138,63,.55);
  }

  .mobile-social-orbit__network {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: var(--brand);
    text-decoration: none;
    font-size: 1.08rem;
    letter-spacing: 0;
    text-transform: lowercase;
  }

  .mobile-social-orbit__network-arrow {
    font-size: 1.26rem;
    line-height: 1;
  }

  .mobile-social-orbit__handle {
    display: block;
    width: max-content;
    max-width: 100%;
    margin-top: 12px;
    color: var(--muted);
    font-size: .95rem;
    letter-spacing: 0;
    text-decoration: none;
  }

  .mobile-social-orbit__handle:hover {
    color: var(--text);
  }

  .mobile-social-orbit__metric-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 34px;
  }

  .mobile-social-orbit__metric strong {
    display: block;
    color: var(--text);
    font-size: clamp(4rem, 22vw, 6.8rem);
    line-height: .82;
    font-weight: 300;
    letter-spacing: 0;
  }

  .mobile-social-orbit__metric span {
    display: block;
    margin-top: 14px;
    color: var(--brand);
    font-size: 1.04rem;
    letter-spacing: 0;
  }

  .mobile-social-orbit__avatar {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 999px;
    border: 1px solid rgba(244,138,63,.72);
    transform: translateY(-7px);
    filter: none;
    box-shadow:
      0 18px 42px rgba(0,0,0,.30),
      0 0 18px rgba(244,138,63,.16);
  }

  .mobile-social-modal {
    position: fixed;
    inset: 0;
    z-index: 100001;
    display: grid;
    place-items: end center;
    padding: 16px;
  }

  .mobile-social-modal[hidden] {
    display: none;
  }

  .mobile-social-modal__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    padding: 0;
    background: rgba(0,0,0,.62);
    backdrop-filter: blur(18px) saturate(1.35);
    -webkit-backdrop-filter: blur(18px) saturate(1.35);
    opacity: 0;
    transition: opacity .26s ease;
  }

  .mobile-social-modal__card {
    position: relative;
    z-index: 1;
    width: min(100%, 520px);
    max-height: 78dvh;
    overflow: auto;
    border-radius: 30px;
    border: 1px solid rgba(244,138,63,.32);
    background:
      radial-gradient(circle at 18% 0%, rgba(255,255,255,.10), transparent 32%),
      rgba(8,9,13,.97);
    backdrop-filter: blur(24px) saturate(1.5);
    -webkit-backdrop-filter: blur(24px) saturate(1.5);
    padding: 24px 18px 18px;
    box-shadow: 0 34px 86px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08);
    transform: translateY(18px);
    opacity: 0;
    transition: opacity .26s ease, transform .26s ease;
  }

  .mobile-social-modal.is-open .mobile-social-modal__backdrop,
  .mobile-social-modal.is-open .mobile-social-modal__card {
    opacity: 1;
    transform: translateY(0);
  }

  .mobile-social-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid var(--stroke);
    background: var(--nav-bg-scrolled);
    color: var(--text);
    font-size: 1.35rem;
  }

  .mobile-social-modal__header {
    display: grid;
    gap: 8px;
    margin: 2px 48px 18px 4px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(244,138,63,.18);
  }

  .mobile-social-modal__eyebrow {
    display: block;
    color: var(--brand);
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: .68rem;
    font-weight: 800;
    margin: 0;
  }

  .mobile-social-modal__card h3 {
    margin: 0;
    color: var(--text);
    font-size: 1.62rem;
    letter-spacing: 0;
    line-height: 1;
  }

  .mobile-social-modal__list {
    display: grid;
    gap: 10px;
  }

  .mobile-social-modal__item {
    display: grid;
    grid-template-columns: 42px 1fr auto 18px;
    align-items: center;
    gap: 12px;
    min-height: 74px;
    padding: 12px;
    border-radius: 20px;
    border: 1px solid rgba(244,138,63,.16);
    background: rgba(255,255,255,.035);
    text-decoration: none;
    color: var(--text);
  }

  .mobile-social-modal__icon {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: rgba(244,138,63,.10);
    color: var(--brand);
  }

  .mobile-social-modal__icon svg {
    width: 22px;
    height: 22px;
  }

  .mobile-social-modal__body,
  .mobile-social-modal__metric {
    display: grid;
    gap: 3px;
  }

  .mobile-social-modal__body strong,
  .mobile-social-modal__metric strong {
    font-size: .96rem;
    letter-spacing: 0;
    text-transform: lowercase;
  }

  .mobile-social-modal__body small,
  .mobile-social-modal__metric small {
    color: var(--muted);
    font-size: .74rem;
  }

  .mobile-social-modal__metric {
    text-align: right;
  }

  .mobile-social-modal__arrow {
    color: var(--brand);
  }

  body.has-mobile-social-modal {
    overflow: hidden;
  }

  body.has-mobile-social-modal .social--mobile-orbit-ready .social__copy {
    z-index: 1 !important;
  }

  body.has-mobile-social-modal .mobile-social-orbit {
    z-index: 100002 !important;
  }

  @keyframes mobileSocialWheelSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(-360deg); }
  }

  @keyframes mobileSocialInfoFadeIn {
    from { opacity: .18; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (prefers-reduced-motion: reduce) {
    .mobile-social-orbit__wheel,
    .mobile-social-orbit__active-content {
      animation: none !important;
    }
  }
}

@media (min-width: 901px) {
  .mobile-social-orbit {
    display: none !important;
  }
}


/* ===== styles/mobile-social-orbit-light.css ===== */

/* ===== Mobile social orbit light theme ===== */
@media (max-width: 900px) {
  :root[data-theme="light"] .social--mobile-orbit-ready::before {
    background:
      radial-gradient(circle at 96% 48%, rgba(216,109,36,.18), transparent 27%),
      radial-gradient(circle at 12% 0%, rgba(216,109,36,.10), transparent 42%),
      linear-gradient(180deg, rgba(252,246,238,0) 0%, rgba(251,244,235,.18) 10%, rgba(249,239,225,.56) 24%, rgba(248,244,238,.96) 50%, rgba(244,238,228,.98) 100%);
  }

  :root[data-theme="light"] .social--mobile-orbit-ready::after {
    background:
      linear-gradient(90deg, rgba(255,255,255,.30), transparent 48%, rgba(216,109,36,.08)),
      repeating-linear-gradient(90deg, rgba(90,54,28,.055) 0 1px, transparent 1px 78px);
    opacity: .58;
    mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 100%);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 100%);
  }

  :root[data-theme="light"] .social--mobile-orbit-ready .social__copy p {
    color: color-mix(in srgb, var(--text) 66%, #7a6455);
  }

  :root[data-theme="light"] .social--mobile-orbit-ready .social__cta {
    color: var(--text) !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.26)),
      rgba(255,255,255,.34) !important;
    border-color: rgba(216,109,36,.42) !important;
    box-shadow:
      0 18px 46px rgba(80,48,22,.10),
      inset 0 1px 0 rgba(255,255,255,.72),
      0 0 28px rgba(216,109,36,.10) !important;
    backdrop-filter: blur(18px) saturate(1.35);
    -webkit-backdrop-filter: blur(18px) saturate(1.35);
  }

  :root[data-theme="light"] .mobile-social-orbit__wheel {
    filter: drop-shadow(0 0 24px rgba(216,109,36,.16));
  }

  :root[data-theme="light"] .mobile-social-orbit__ring {
    border-color: rgba(216,109,36,.28);
    box-shadow:
      inset 0 0 24px rgba(216,109,36,.07),
      0 0 28px rgba(216,109,36,.08);
  }

  :root[data-theme="light"] .mobile-social-orbit__ring--inner {
    border-color: rgba(216,109,36,.52);
    box-shadow:
      inset 0 0 34px rgba(216,109,36,.10),
      0 0 34px rgba(216,109,36,.14);
  }

  :root[data-theme="light"] .mobile-social-orbit__planet {
    background:
      radial-gradient(circle at 32% 28%, rgba(255,255,255,.62), transparent 22%),
      radial-gradient(circle at 50% 50%, rgba(216,109,36,.30), rgba(255,226,194,.28) 42%, rgba(248,239,227,.92) 70%);
    border-color: rgba(216,109,36,.30);
    box-shadow:
      inset 0 0 38px rgba(216,109,36,.10),
      0 0 38px rgba(216,109,36,.16);
  }

  :root[data-theme="light"] .mobile-social-orbit__node {
    color: color-mix(in srgb, var(--text) 88%, #000);
  }

  :root[data-theme="light"] .mobile-social-orbit__node svg {
    filter: drop-shadow(0 4px 12px rgba(80,48,22,.12));
  }

  :root[data-theme="light"] .mobile-social-orbit__node::before {
    border-color: rgba(216,109,36,.18);
    background: rgba(255,255,255,.10);
  }

  :root[data-theme="light"] .mobile-social-orbit__line {
    background: linear-gradient(180deg, transparent, var(--brand) 14%, var(--brand) 82%, transparent);
  }

  :root[data-theme="light"] .mobile-social-orbit__line::before {
    background: var(--brand);
    box-shadow: 0 0 16px rgba(216,109,36,.36);
  }

  :root[data-theme="light"] .mobile-social-orbit__handle {
    color: color-mix(in srgb, var(--text) 58%, #8a6f5b);
  }

  :root[data-theme="light"] .mobile-social-orbit__handle:hover {
    color: var(--text);
  }

  :root[data-theme="light"] .mobile-social-orbit__metric strong {
    color: var(--text);
    text-shadow: 0 10px 30px rgba(80,48,22,.08);
  }

  :root[data-theme="light"] .mobile-social-orbit__avatar {
    border-color: rgba(216,109,36,.58);
    box-shadow:
      0 18px 36px rgba(80,48,22,.14),
      0 0 18px rgba(216,109,36,.14),
      inset 0 1px 0 rgba(255,255,255,.42);
  }

  :root[data-theme="light"] .mobile-social-modal__backdrop {
    background: rgba(255,248,240,.60);
    backdrop-filter: blur(18px) saturate(1.25);
    -webkit-backdrop-filter: blur(18px) saturate(1.25);
  }

  :root[data-theme="light"] .mobile-social-modal__card {
    border-color: rgba(216,109,36,.26);
    background:
      radial-gradient(circle at 18% 0%, rgba(255,255,255,.74), transparent 34%),
      rgba(255,250,243,.97);
    box-shadow:
      0 34px 86px rgba(80,48,22,.18),
      inset 0 1px 0 rgba(255,255,255,.70);
  }

  :root[data-theme="light"] .mobile-social-modal__close {
    background: color-mix(in srgb, var(--nav-bg-scrolled) 84%, rgba(255,255,255,.36));
    color: var(--text);
    border-color: rgba(216,109,36,.18);
  }

  :root[data-theme="light"] .mobile-social-modal__item {
    border-color: rgba(216,109,36,.16);
    background: rgba(255,255,255,.42);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48);
  }

  :root[data-theme="light"] .mobile-social-modal__icon {
    background: rgba(216,109,36,.10);
    color: var(--brand);
  }

  :root[data-theme="light"] .mobile-social-modal__body small,
  :root[data-theme="light"] .mobile-social-modal__metric small {
    color: color-mix(in srgb, var(--text) 58%, #8a6f5b);
  }
}


/* ===== styles/about-mobile-type-match.css ===== */

/* ===== About mobile typography aligned with social orbit ===== */
@media (max-width: 900px) {
  .about-lab__title {
    font-size: clamp(2.55rem, 13vw, 4.6rem) !important;
    line-height: .98 !important;
    letter-spacing: 0;
    width: min-content !important;
    max-width: calc(100% - min(35vw, 150px)) !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  .about-lab__title [data-about-i18n="titleBefore"],
  .about-lab__title strong,
  .about-lab__title [data-about-i18n="titleLeo"] {
    display: inline !important;
    white-space: normal !important;
  }

  .about-lab__body p {
    max-width: 230px;
    font-size: .98rem !important;
    line-height: 1.78 !important;
  }

  .about-lab__body p:first-child {
    font-size: .98rem !important;
    line-height: 1.78 !important;
  }
}


/* ===== styles/mobile-social-background-fix.css ===== */

/* ===== Mobile continuous background between about and social ===== */
@media (max-width: 900px) {
  .social--mobile-orbit-ready {
    background: transparent !important;
  }

  .social--mobile-orbit-ready::before {
    top: -220px !important;
    bottom: 0 !important;
    height: auto !important;
    background:
      radial-gradient(circle at 96% 52%, rgba(244,138,63,.22), transparent 25%),
      radial-gradient(circle at 10% 0%, rgba(244,138,63,.08), transparent 46%),
      linear-gradient(180deg,
        rgba(25,13,9,0) 0%,
        rgba(25,13,9,0) 24%,
        rgba(30,17,12,.08) 34%,
        rgba(22,13,11,.34) 48%,
        rgba(6,7,10,.88) 70%,
        rgba(8,9,13,.98) 100%) !important;
  }

  .social--mobile-orbit-ready::after {
    top: -220px !important;
    bottom: 0 !important;
    height: auto !important;
    mask-image: linear-gradient(180deg, transparent 0%, transparent 30%, #000 52%, #000 100%) !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 30%, #000 52%, #000 100%) !important;
  }

  :root[data-theme="light"] .social--mobile-orbit-ready::before {
    background:
      radial-gradient(circle at 96% 52%, rgba(216,109,36,.18), transparent 27%),
      radial-gradient(circle at 12% 0%, rgba(216,109,36,.08), transparent 46%),
      linear-gradient(180deg,
        rgba(252,246,238,0) 0%,
        rgba(252,246,238,0) 24%,
        rgba(251,244,235,.08) 34%,
        rgba(249,239,225,.34) 48%,
        rgba(248,244,238,.88) 70%,
        rgba(244,238,228,.98) 100%) !important;
  }

  :root[data-theme="light"] .social--mobile-orbit-ready::after {
    mask-image: linear-gradient(180deg, transparent 0%, transparent 30%, #000 52%, #000 100%) !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 30%, #000 52%, #000 100%) !important;
  }
}


/* ===== styles/mobile-social-cleanup.css ===== */

/* ===== Mobile social final cleanup ===== */
@media (max-width: 900px) {
  .sections-wrapper {
    isolation: isolate;
    background:
      radial-gradient(circle at 88% 48%, rgba(244,138,63,.12), transparent 28%),
      radial-gradient(circle at 16% 76%, rgba(244,138,63,.06), transparent 34%),
      linear-gradient(180deg,
        rgba(34,18,11,.56) 0%,
        rgba(27,15,12,.52) 18%,
        rgba(18,12,12,.68) 42%,
        rgba(10,9,12,.90) 68%,
        rgba(8,9,13,.98) 100%) !important;
  }

  :root[data-theme="light"] .sections-wrapper {
    background:
      radial-gradient(circle at 88% 48%, rgba(216,109,36,.11), transparent 29%),
      radial-gradient(circle at 16% 76%, rgba(216,109,36,.06), transparent 34%),
      linear-gradient(180deg,
        rgba(249,239,225,.70) 0%,
        rgba(248,244,238,.78) 30%,
        rgba(246,240,232,.92) 64%,
        rgba(244,238,228,.98) 100%) !important;
  }

  .about-lab,
  .social--mobile-orbit-ready,
  .sections-wrapper > .inner-shell {
    background: transparent !important;
  }

  .about-lab {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .social--mobile-orbit-ready {
    margin-top: -36px !important;
    padding-top: 94px !important;
    padding-bottom: 68px !important;
  }

  .social--mobile-orbit-ready::before {
    top: -180px !important;
    bottom: 0 !important;
    height: auto !important;
    background:
      radial-gradient(circle at 96% 54%, rgba(244,138,63,.22), transparent 26%),
      radial-gradient(circle at 12% 8%, rgba(244,138,63,.045), transparent 42%) !important;
    mask-image: linear-gradient(180deg, transparent 0%, #000 44%, #000 100%) !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 44%, #000 100%) !important;
  }

  .social--mobile-orbit-ready::after {
    top: -180px !important;
    bottom: 0 !important;
    height: auto !important;
    opacity: .36 !important;
    mask-image: linear-gradient(180deg, transparent 0%, transparent 30%, #000 62%, #000 100%) !important;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, transparent 30%, #000 62%, #000 100%) !important;
  }

  :root[data-theme="light"] .social--mobile-orbit-ready::before {
    background:
      radial-gradient(circle at 96% 54%, rgba(216,109,36,.18), transparent 27%),
      radial-gradient(circle at 12% 8%, rgba(216,109,36,.05), transparent 42%) !important;
  }

  .mobile-social-orbit__wheel {
    animation: none !important;
    transform: none !important;
  }

  .mobile-social-orbit__node {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    background: transparent;
    cursor: pointer;
    animation: mobileSocialNodeArc 18.4s linear infinite !important;
    will-change: transform, opacity;
  }

  .mobile-social-orbit.is-paused-by-user .mobile-social-orbit__node {
    animation-play-state: paused !important;
  }

  .mobile-social-orbit__node span {
    transform: none !important;
  }

  .mobile-social-orbit__node--1 { animation-delay: 0s !important; }
  .mobile-social-orbit__node--2 { animation-delay: -4.6s !important; }
  .mobile-social-orbit__node--3 { animation-delay: -9.2s !important; }
  .mobile-social-orbit__node--4 { animation-delay: -13.8s !important; }

  .mobile-social-orbit__active {
    overflow: visible !important;
    padding-left: 0 !important;
    min-height: 250px !important;
    width: calc(100% - 24px) !important;
  }

  .mobile-social-orbit__active-content {
    position: relative;
    min-height: 250px;
    padding-left: 34px;
    opacity: 1;
    transform: none;
    animation: none !important;
  }

  .mobile-social-orbit__active.is-transitioning .mobile-social-orbit__active-content {
    opacity: .62;
    transform: translateY(2px);
    transition: opacity .18s ease, transform .18s ease;
  }

  .mobile-social-orbit__active.is-fading-in .mobile-social-orbit__active-content {
    animation: mobileSocialInfoFadeInClean .82s cubic-bezier(.22,.61,.36,1) both !important;
  }

  .mobile-social-orbit__active-content .mobile-social-orbit__line {
    left: 0;
  }

  .mobile-social-orbit__network,
  .mobile-social-orbit__handle {
    max-width: min(250px, calc(100vw - 168px)) !important;
  }

  .mobile-social-orbit__handle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-social-orbit__metric-row {
    position: relative;
    display: block !important;
    min-height: 140px;
    margin-top: 30px !important;
  }

  .mobile-social-orbit__metric {
    width: calc(100vw - 210px);
    min-width: 0;
  }

  .mobile-social-orbit__metric strong {
    font-size: clamp(3.85rem, 19vw, 5.9rem) !important;
    letter-spacing: 0;
    max-width: 100%;
    white-space: nowrap;
  }

  .mobile-social-orbit__avatar {
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 92px !important;
    height: 92px !important;
    transform: none !important;
  }

  @keyframes mobileSocialNodeArc {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotate(300deg) translateX(205px) rotate(-300deg);
    }
    8% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(286deg) translateX(205px) rotate(-286deg);
    }
    72% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(198deg) translateX(205px) rotate(-198deg);
    }
    86% {
      opacity: 0;
      transform: translate(-50%, -50%) rotate(182deg) translateX(205px) rotate(-182deg);
    }
    100% {
      opacity: 0;
      transform: translate(-50%, -50%) rotate(300deg) translateX(205px) rotate(-300deg);
    }
  }

  @keyframes mobileSocialInfoFadeInClean {
    from { opacity: .35; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (prefers-reduced-motion: reduce) {
    .mobile-social-orbit__node,
    .mobile-social-orbit__active.is-fading-in .mobile-social-orbit__active-content {
      animation: none !important;
    }
  }
}


/* ===== styles/mobile-social-orbit-visibility-tune.css ===== */

/* ===== Mobile social orbit visibility tuning ===== */
@media (max-width: 900px) {
  .mobile-social-orbit__wheel-wrap {
    top: -276px !important;
    right: -342px !important;
    height: 500px !important;
  }

  .mobile-social-orbit__active {
    top: 52px !important;
  }

  .mobile-social-orbit__line {
    top: 4px !important;
    bottom: 72px !important;
    opacity: .82;
  }

  .mobile-social-orbit__line::before {
    top: 12px !important;
    width: 12px !important;
    height: 12px !important;
  }

  .mobile-social-orbit__metric-row {
    margin-top: 26px !important;
  }

  .mobile-social-orbit__node {
    animation-name: mobileSocialNodeArcCompact !important;
    animation-duration: 22s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
  }

  .mobile-social-orbit__node--1 { animation-delay: 0s !important; }
  .mobile-social-orbit__node--2 { animation-delay: -5.5s !important; }
  .mobile-social-orbit__node--3 { animation-delay: -11s !important; }
  .mobile-social-orbit__node--4 { animation-delay: -16.5s !important; }

  @keyframes mobileSocialNodeArcCompact {
    0% {
      opacity: 0;
      transform: translate(-50%, -50%) rotate(292deg) translateX(205px) rotate(-292deg);
    }
    5% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(282deg) translateX(205px) rotate(-282deg);
    }
    84% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(198deg) translateX(205px) rotate(-198deg);
    }
    94% {
      opacity: 1;
      transform: translate(-50%, -50%) rotate(186deg) translateX(205px) rotate(-186deg);
    }
    97% {
      opacity: 0;
      transform: translate(-50%, -50%) rotate(182deg) translateX(205px) rotate(-182deg);
    }
    100% {
      opacity: 0;
      transform: translate(-50%, -50%) rotate(292deg) translateX(205px) rotate(-292deg);
    }
  }
}


/* ===== styles/mobile-social-orbit-path-fix.css ===== */

@media (max-width: 900px) {
  .mobile-social-orbit__wheel-wrap {
    top: -286px !important;
    right: -352px !important;
    height: 560px !important;
  }

  .mobile-social-orbit__node {
    animation-name: mobileSocialNodeArcExtended !important;
    animation-duration: 27.2s !important;
  }

  .mobile-social-orbit__node--1 { animation-delay: 0s !important; }
  .mobile-social-orbit__node--2 { animation-delay: -6.8s !important; }
  .mobile-social-orbit__node--3 { animation-delay: -13.6s !important; }
  .mobile-social-orbit__node--4 { animation-delay: -20.4s !important; }

  .mobile-social-orbit:has(.mobile-social-orbit__node:hover) .mobile-social-orbit__node,
  .mobile-social-orbit:focus-within .mobile-social-orbit__node {
    animation-play-state: paused !important;
  }

  @keyframes mobileSocialNodeArcExtended {
    0% {
      opacity: 0;
      pointer-events: none;
      transform: translate3d(-50%, -50%, 0) rotate(252deg) translateX(205px) rotate(-252deg);
    }
    4% {
      opacity: 0;
      pointer-events: none;
      transform: translate3d(-50%, -50%, 0) rotate(249deg) translateX(205px) rotate(-249deg);
    }
    6% {
      opacity: 1;
      pointer-events: auto;
      transform: translate3d(-50%, -50%, 0) rotate(248deg) translateX(205px) rotate(-248deg);
    }
    88% {
      opacity: 1;
      pointer-events: auto;
      transform: translate3d(-50%, -50%, 0) rotate(198deg) translateX(205px) rotate(-198deg);
    }
    96% {
      opacity: 1;
      pointer-events: auto;
      transform: translate3d(-50%, -50%, 0) rotate(186deg) translateX(205px) rotate(-186deg);
    }
    98% {
      opacity: 0;
      pointer-events: none;
      transform: translate3d(-50%, -50%, 0) rotate(182deg) translateX(205px) rotate(-182deg);
    }
    100% {
      opacity: 0;
      pointer-events: none;
      transform: translate3d(-50%, -50%, 0) rotate(252deg) translateX(205px) rotate(-252deg);
    }
  }
}


/* ===== styles/about-mobile-card-inline.css ===== */

@media (max-width: 900px) {
  .about-lab {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
    padding: 54px 0 28px !important;
  }

  .about-lab__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .about-lab__copy {
    display: contents !important;
    min-height: 0 !important;
  }

  .about-lab__eyebrow,
  .about-lab__title,
  .about-lab__body,
  .about-lab__badge {
    margin-left: 52px !important;
    margin-right: 52px !important;
    position: relative !important;
    z-index: 4 !important;
  }

  .about-lab__eyebrow {
    order: 1;
    max-width: none !important;
    margin-bottom: 20px !important;
  }

  .about-lab__title {
    order: 2;
    width: min-content !important;
    max-width: calc(100vw - 104px) !important;
    margin-bottom: 18px !important;
    font-size: clamp(3.45rem, 15vw, 5.65rem) !important;
    line-height: .89 !important;
    letter-spacing: 0;
    white-space: normal !important;
  }

  .about-lab__title span,
  .about-lab__title strong {
    display: block !important;
    white-space: normal !important;
  }

  .about-lab__visual {
    order: 3;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: min(82vw, 360px) !important;
    min-height: 0 !important;
    height: clamp(176px, 45vw, 228px) !important;
    margin: 4px -18px 30px auto !important;
    z-index: 2 !important;
    transform: rotate(2.5deg) !important;
    transform-origin: center !important;
    pointer-events: none !important;
  }

  .about-lab__media-shell {
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    background: color-mix(in srgb, var(--brand) 7%, rgba(255,255,255,.035)) !important;
    box-shadow: 0 22px 58px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  .about-lab__bg {
    opacity: .64 !important;
    transform: scale(1.02) !important;
  }

  .about-lab__gif,
  .about-lab__gif--dark,
  .about-lab__gif--light {
    object-fit: contain !important;
    transform: scale(.74) !important;
    transform-origin: center center !important;
  }

  .about-lab__body {
    order: 4;
    display: grid !important;
    gap: 18px !important;
    max-width: none !important;
    clear: none !important;
  }

  .about-lab__body p {
    font-size: 1rem !important;
    line-height: 1.72 !important;
    text-align: left !important;
    letter-spacing: 0;
  }

  .about-lab__body p:first-child {
    font-size: 1.12rem !important;
    line-height: 1.35 !important;
  }

  .about-lab__badge {
    order: 5;
    width: max-content !important;
    max-width: calc(100vw - 104px) !important;
    margin-top: 28px !important;
  }

  :root[data-theme="light"] .about-lab__media-shell {
    background: linear-gradient(135deg, rgba(216,109,36,.12), rgba(255,255,255,.38)), rgba(255,255,255,.50) !important;
    box-shadow: 0 22px 56px rgba(80,48,22,.14), inset 0 1px 0 rgba(255,255,255,.72) !important;
  }
}


/* ===== styles/about-section-polish.css ===== */

/* ===== Polished about section: mobile + desktop ===== */
.about-lab--polished {
  position: relative;
}

.about-lab--polished .about-lab__media-shell {
  position: relative;
  border-radius: clamp(28px, 4vw, 44px);
  overflow: hidden;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  border-color: rgba(244, 138, 63, .42);
  background: rgba(15, 10, 9, .72);
  box-shadow:
    0 28px 74px rgba(0,0,0,.30),
    0 0 0 1px rgba(244,138,63,.12),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.about-lab--polished .about-lab__media-shell::before,
.about-lab--polished .about-lab__media-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 6;
}

.about-lab--polished .about-lab__media-shell::before {
  border: 1px solid rgba(244,138,63,.52);
  box-shadow:
    0 0 30px rgba(244,138,63,.18),
    inset 0 0 34px rgba(244,138,63,.08);
}

.about-lab--polished .about-lab__media-shell::after {
  width: 72px;
  height: 72px;
  inset: auto auto 10% 8%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,184,95,.95), rgba(244,138,63,.34) 34%, transparent 70%);
  filter: blur(8px);
  mix-blend-mode: screen;
  animation: aboutBorderSpark 6.8s linear infinite;
}

.about-lab--polished .about-lab__bg,
.about-lab--polished .about-lab__halo {
  display: none !important;
}

.about-lab--polished .about-lab__gif,
.about-lab--polished video.about-lab__gif {
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
  object-position: center center;
  border-radius: inherit;
  clip-path: inset(0 round clamp(28px, 4vw, 44px));
  display: block;
  transform: translateZ(0) scale(1.01) !important;
  filter: none;
  background: transparent;
}

.about-lab__name-row {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.about-lab__name-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--stroke));
  border-radius: 999px;
  color: var(--muted);
  background: color-mix(in srgb, var(--brand) 7%, rgba(255,255,255,.035));
  font-size: .72rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0;
  white-space: nowrap;
  text-transform: lowercase;
  vertical-align: middle;
}

.about-lab__areas {
  margin-top: 30px;
  padding: 22px;
  border: 1px solid rgba(244,138,63,.20);
  border-radius: 26px;
  background: rgba(14, 10, 9, .54);
  box-shadow:
    0 18px 54px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(12px) saturate(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(1.2);
}

.about-lab__areas-title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: var(--brand);
  font-size: .78rem;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 800;
}

.about-lab__areas-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.about-lab__area-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 9px 16px;
  border: 1px solid rgba(244,138,63,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  font-size: .98rem;
  letter-spacing: 0;
}

.about-lab__area-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  color: var(--text);
}

.about-lab__area-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

@keyframes aboutBorderSpark {
  0% { left: 7%; bottom: 9%; opacity: .15; transform: scale(.82); }
  12% { left: 12%; bottom: 3%; opacity: .95; transform: scale(1); }
  34% { left: 70%; bottom: 3%; opacity: .65; }
  50% { left: 94%; bottom: 28%; opacity: .95; }
  70% { left: 94%; bottom: 82%; opacity: .55; }
  88% { left: 24%; bottom: 94%; opacity: .85; }
  100% { left: 7%; bottom: 9%; opacity: .15; transform: scale(.82); }
}

@media (min-width: 901px) {
  .about-lab--polished {
    padding-top: 30px;
  }

  .about-lab--polished .about-lab__inner {
    grid-template-columns: minmax(0, .9fr) minmax(340px, .72fr);
    align-items: start;
  }

  .about-lab--polished .about-lab__visual {
    grid-column: 2;
    grid-row: 1;
    min-height: clamp(360px, 42vw, 560px);
    transform: rotate(1.4deg);
  }

  .about-lab--polished .about-lab__copy {
    grid-column: 1;
    grid-row: 1;
    padding-top: 20px;
  }

  .about-lab--polished .about-lab__title {
    width: min-content;
    max-width: 12ch;
    white-space: normal;
    font-size: clamp(4.4rem, 6.8vw, 7rem);
    line-height: .86;
  }

  .about-lab--polished .about-lab__title span,
  .about-lab--polished .about-lab__title strong {
    display: block;
    white-space: normal;
  }

  .about-lab--polished .about-lab__title .about-lab__name-row {
    display: inline-flex;
    align-items: center;
  }

  .about-lab--polished .about-lab__title .about-lab__name-row strong {
    display: inline;
  }

  .about-lab--polished .about-lab__body {
    max-width: 64ch;
  }
}

@media (max-width: 900px) {
  .about-lab--polished {
    padding-top: 54px !important;
  }

  .about-lab--polished .about-lab__eyebrow,
  .about-lab--polished .about-lab__title,
  .about-lab--polished .about-lab__body,
  .about-lab--polished .about-lab__areas,
  .about-lab--polished .about-lab__badge {
    margin-left: 52px !important;
    margin-right: 52px !important;
  }

  .about-lab--polished .about-lab__title {
    font-size: clamp(3.55rem, 14.9vw, 5.55rem) !important;
    line-height: .86 !important;
    margin-bottom: 22px !important;
  }

  .about-lab--polished .about-lab__name-row {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .about-lab--polished .about-lab__name-badge {
    min-height: 26px;
    padding: 4px 9px;
    font-size: .64rem;
  }

  .about-lab--polished .about-lab__visual {
    order: 4;
    width: calc(100vw - 104px) !important;
    height: min(108vw, 420px) !important;
    margin: 4px 52px 34px !important;
    transform: none !important;
  }

  .about-lab--polished .about-lab__media-shell {
    border-radius: 34px !important;
  }

  .about-lab--polished .about-lab__gif,
  .about-lab--polished video.about-lab__gif {
    clip-path: inset(0 round 34px);
  }

  .about-lab--polished .about-lab__body {
    order: 5;
    gap: 22px !important;
  }

  .about-lab--polished .about-lab__body p {
    font-size: 1.02rem !important;
    line-height: 1.62 !important;
  }

  .about-lab__areas {
    order: 6;
    margin-top: 30px !important;
    padding: 18px !important;
    border-radius: 22px;
  }

  .about-lab__areas-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }

  .about-lab__area-pill {
    justify-content: center;
    padding: 9px 14px;
    font-size: .92rem;
  }

  .about-lab--polished .about-lab__badge {
    order: 7;
  }
}

:root[data-theme="light"] .about-lab--polished .about-lab__media-shell {
  background: rgba(255, 249, 241, .70);
  border-color: rgba(216,109,36,.32);
  box-shadow:
    0 26px 70px rgba(80,48,22,.12),
    0 0 0 1px rgba(216,109,36,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
}

:root[data-theme="light"] .about-lab__areas {
  background: rgba(255,255,255,.56);
  border-color: rgba(216,109,36,.20);
  box-shadow: 0 18px 54px rgba(80,48,22,.10), inset 0 1px 0 rgba(255,255,255,.72);
}


/* ===== styles/about-section-mockup-correction.css ===== */

@media (max-width: 900px) {
  .about-lab--polished {
    padding-top: 54px !important;
  }

  .about-lab--polished .about-lab__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(128px, 44vw) !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    align-items: start !important;
    padding-inline: 52px !important;
  }

  .about-lab--polished .about-lab__copy {
    display: contents !important;
  }

  .about-lab--polished .about-lab__eyebrow,
  .about-lab--polished .about-lab__title,
  .about-lab--polished .about-lab__subtitle,
  .about-lab--polished .about-lab__body,
  .about-lab--polished .about-lab__areas,
  .about-lab--polished .about-lab__badge {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .about-lab--polished .about-lab__eyebrow {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin-bottom: 24px !important;
  }

  .about-lab--polished .about-lab__title {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: min-content !important;
    max-width: 7.5ch !important;
    margin: 0 0 14px !important;
    font-size: clamp(3.8rem, 15.6vw, 5.25rem) !important;
    line-height: .86 !important;
    letter-spacing: 0;
    white-space: normal !important;
  }

  .about-lab--polished .about-lab__title span,
  .about-lab--polished .about-lab__title strong {
    display: block !important;
    white-space: normal !important;
  }

  .about-lab--polished .about-lab__subtitle {
    grid-column: 1 !important;
    grid-row: 3 !important;
    margin: 0 0 30px !important;
    max-width: 21ch !important;
    font-size: 1.02rem !important;
    line-height: 1.45 !important;
  }

  .about-lab--polished .about-lab__visual {
    grid-column: 2 !important;
    grid-row: 2 / 4 !important;
    align-self: start !important;
    justify-self: end !important;
    width: 44vw !important;
    max-width: 206px !important;
    min-height: 0 !important;
    height: clamp(230px, 58vw, 318px) !important;
    margin: 0 -8px 0 0 !important;
    transform: rotate(1.2deg) !important;
    z-index: 2 !important;
  }

  .about-lab--polished .about-lab__media-shell {
    border-radius: 30px !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  .about-lab--polished .about-lab__gif {
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
  }

  .about-lab--polished .about-lab__body {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    margin-top: 0 !important;
    gap: 22px !important;
  }

  .about-lab--polished .about-lab__body p {
    font-size: 1.02rem !important;
    line-height: 1.62 !important;
    max-width: 100% !important;
  }

  .about-lab--polished .about-lab__areas {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    margin-top: 30px !important;
  }

  .about-lab--polished .about-lab__badge {
    grid-column: 1 / -1 !important;
    grid-row: 6 !important;
    margin-top: 30px !important;
  }
}

@media (max-width: 390px) {
  .about-lab--polished .about-lab__inner {
    grid-template-columns: minmax(0, 1fr) minmax(116px, 40vw) !important;
    padding-inline: 34px !important;
  }

  .about-lab--polished .about-lab__title {
    font-size: clamp(3.15rem, 15vw, 4.4rem) !important;
  }

  .about-lab--polished .about-lab__visual {
    width: 40vw !important;
    height: clamp(208px, 54vw, 280px) !important;
  }

  .about-lab--polished .about-lab__areas-list {
    grid-template-columns: 1fr 1fr;
  }
}


/* ===== styles/mobile-social-active-polish.css ===== */

@media (max-width: 900px) {
  .mobile-social-orbit__network {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .mobile-social-orbit__active-icon {
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--brand) !important;
    flex: 0 0 18px !important;
  }

  .mobile-social-orbit__active-icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  .mobile-social-orbit__metric-row {
    min-height: 136px !important;
  }

  .mobile-social-orbit__avatar {
    bottom: 56px !important;
  }
}


/* ===== styles/mobile-social-orbit-drag.css ===== */

@media (max-width: 900px) {
  .mobile-social-orbit__wheel-wrap,
  .mobile-social-orbit__wheel {
    pointer-events: auto;
    touch-action: none;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
  }

  .mobile-social-orbit.is-manual-orbit-control .mobile-social-orbit__wheel-wrap,
  .mobile-social-orbit.is-manual-orbit-control .mobile-social-orbit__wheel {
    cursor: grabbing;
  }

  .mobile-social-orbit.is-manual-orbit-control .mobile-social-orbit__node {
    animation: none !important;
    transition: opacity .16s linear;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
  }

  .mobile-social-orbit.is-orbit-coasting .mobile-social-orbit__node {
    transition: opacity .22s ease-out;
  }
}


/* ===== styles/mobile-social-orbit-selected-highlight.css ===== */

@media (max-width: 900px) {
  .mobile-social-orbit__node {
    border-radius: 28px !important;
  }

  .mobile-social-orbit__node::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 72px;
    height: 58px;
    border-radius: 18px;
    transform: translate(-50%, -50%) scale(.82) rotate(-10deg);
    background:
      radial-gradient(circle at 18% 82%, rgba(255,174,86,.72), transparent 30%),
      linear-gradient(135deg, rgba(244,138,63,.42), rgba(244,138,63,.10));
    border: 1px solid rgba(244,138,63,.62);
    box-shadow:
      0 0 24px rgba(244,138,63,.34),
      inset 0 1px 0 rgba(255,255,255,.16);
    opacity: 0;
    pointer-events: none;
    transition: opacity .42s ease, transform .42s ease;
  }

  .mobile-social-orbit__node.is-selected-social::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) rotate(-10deg);
    will-change: opacity, transform;
    backface-visibility: hidden;
  }

  .mobile-social-orbit__node.is-selected-social span {
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 0 10px rgba(255,255,255,.22));
  }

  .mobile-social-orbit.is-manual-orbit-control .mobile-social-orbit__node::before {
    transition-duration: .18s;
  }

  .mobile-social-orbit.is-manual-orbit-control .mobile-social-orbit__node.is-selected-social::before {
    opacity: 1 !important;
    transition-duration: .18s;
  }
}


/* ===== styles/mobile-about-social-divider-fix.css ===== */

@media (max-width: 900px) {
  .about-lab {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .about-lab__badge {
    margin-bottom: 30px !important;
  }

  .about-lab__divider {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 42px !important;
    margin: 14px 0 8px !important;
    border: 0 !important;
    opacity: 1 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .about-lab--polished .about-lab__divider {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .about-lab__divider::before,
  .about-lab__divider::after {
    content: none !important;
    display: none !important;
  }

  .social--mobile-orbit-ready {
    margin-top: 0 !important;
    padding-top: calc(var(--layout-gap-standard) + 10px) !important;
    padding-bottom: 74px !important;
    background: transparent !important;
  }

  .social--mobile-orbit-ready::before,
  .social--mobile-orbit-ready::after {
    top: -150px !important;
  }

  .social--mobile-orbit-ready + .section-divider {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 34px !important;
    margin: 8px 0 18px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }

  .social--mobile-orbit-ready + .section-divider::before,
  .social--mobile-orbit-ready + .section-divider::after {
    content: none !important;
    display: none !important;
  }

  .vip-band + .section-divider {
    display: block !important;
    width: 100% !important;
    height: 28px !important;
    margin: 14px 0 10px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }

  .vip-band + .section-divider::before,
  .vip-band + .section-divider::after {
    content: none !important;
    display: none !important;
  }
}


/* ===== styles/about-mobile-request-fixes.css ===== */

@media (max-width: 900px) {
  .hero {
    min-height: min(760px, 86svh) !important;
  }

  .hero__copy {
    max-width: min(58vw, 228px) !important;
    margin-top: clamp(72px, 17svh, 112px) !important;
  }

  .hero h1 {
    max-width: 10.5ch !important;
  }

  .hero p {
    max-width: 22ch !important;
  }

  .hero__ctas {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-top: 15px !important;
    width: min(38vw, 150px) !important;
  }

  .hero__ctas .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    justify-content: center !important;
    padding-inline: 13px !important;
  }

  .hero-fan-cta {
    min-width: 0 !important;
    background: color-mix(in srgb, var(--bg) 68%, transparent) !important;
  }

  .hero__carousel {
    right: clamp(-108px, -23vw, -74px) !important;
    top: 42px !important;
  }

  .hero__guide {
    display: inline-flex !important;
    position: absolute !important;
    left: 26px !important;
    bottom: 30px !important;
    z-index: 11 !important;
    width: auto !important;
    max-width: calc(100vw - 52px) !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(244, 138, 63, .22) !important;
    border-radius: 999px !important;
    background: rgba(8, 9, 13, .42) !important;
    color: rgba(241, 233, 226, .76) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18) !important;
    backdrop-filter: blur(12px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.18) !important;
    letter-spacing: 0;
    white-space: nowrap !important;
    opacity: calc(.84 * var(--hero-guide-scroll-opacity, 1)) !important;
  }

  .hero-guide-text {
    white-space: nowrap !important;
  }

  :root[data-theme="light"] .hero__guide {
    background: rgba(255, 249, 241, .52) !important;
    border-color: rgba(216, 109, 36, .22) !important;
    color: rgba(72, 58, 47, .78) !important;
    box-shadow: 0 12px 28px rgba(80, 48, 22, .12) !important;
  }

  .about-lab--polished .about-lab__title {
    max-width: calc(100vw - 92px) !important;
    margin-bottom: 14px !important;
  }

  .about-lab--polished .about-lab__name-row {
    display: grid !important;
    grid-template-columns: minmax(0, max-content);
    justify-items: start;
    gap: 8px !important;
    transform: translateY(-2px);
  }

  .about-lab--polished .about-lab__name-badge {
    grid-row: 2;
    justify-self: start !important;
    width: fit-content !important;
    inline-size: max-content !important;
    max-width: min(40vw, 156px) !important;
    min-height: 22px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    font-size: clamp(.64rem, 2.65vw, .74rem) !important;
    line-height: 1 !important;
    letter-spacing: 0;
    white-space: nowrap !important;
    background: rgba(14, 10, 9, .56) !important;
    border-color: rgba(244, 138, 63, .42) !important;
    box-shadow:
      0 8px 22px rgba(0, 0, 0, .18),
      inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    backdrop-filter: blur(10px) saturate(1.12);
    -webkit-backdrop-filter: blur(10px) saturate(1.12);
    transform: translateY(-1px);
  }

  .about-lab--polished .about-lab__title .about-lab__name-badge {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    white-space: nowrap !important;
  }

  .about-lab--polished .about-lab__media-shell {
    overflow: hidden !important;
    border-radius: 30px !important;
    clip-path: inset(0 round 30px) !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
    mask-image: radial-gradient(white, black) !important;
    isolation: isolate !important;
    transform: translateZ(0) !important;
  }

  .about-lab--polished .about-lab__gif,
  .about-lab--polished video.about-lab__gif {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
    clip-path: inset(0 round 30px) !important;
    display: block !important;
    transform: translateZ(0) scale(1.015) !important;
    background: transparent !important;
  }

  .about-lab--polished .about-lab__subtitle {
    text-transform: lowercase !important;
  }

  .about-lab--polished .about-lab__badge {
    display: none !important;
  }

  .about-lab--polished .about-lab__areas {
    padding: 16px 14px !important;
  }

  .about-lab--polished .about-lab__areas-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    justify-content: space-between !important;
  }

  .about-lab--polished .about-lab__area-pill {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 8px 7px !important;
    gap: 5px !important;
    font-size: clamp(.66rem, 2.55vw, .82rem) !important;
    letter-spacing: 0;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  .about-lab--polished .about-lab__area-icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
  }
}

:root[data-theme="light"] .about-lab--polished .about-lab__media-shell {
  overflow: hidden !important;
  clip-path: inset(0 round 30px) !important;
}

:root[data-theme="light"] .about-lab--polished .about-lab__name-badge {
  color: #5d4635 !important;
  background: rgba(255, 249, 241, .74) !important;
  border-color: rgba(216, 109, 36, .34) !important;
  box-shadow:
    0 8px 20px rgba(80, 48, 22, .10),
    inset 0 1px 0 rgba(255, 255, 255, .78) !important;
}

:root[data-theme="light"] .about-lab--polished .about-lab__title .about-lab__name-badge {
  color: #5d4635 !important;
  background: rgba(255, 249, 241, .74) !important;
  border-color: rgba(216, 109, 36, .34) !important;
}

@media (max-width: 390px) {
  .about-lab--polished .about-lab__title {
    max-width: calc(100vw - 84px) !important;
  }

  .about-lab--polished .about-lab__name-badge {
    font-size: clamp(.62rem, 2.55vw, .7rem) !important;
    padding-inline: 8px !important;
  }

  .about-lab--polished .about-lab__area-pill {
    font-size: clamp(.61rem, 2.45vw, .75rem) !important;
    padding-inline: 5px !important;
    gap: 4px !important;
  }

  .about-lab--polished .about-lab__area-icon {
    width: 13px !important;
    height: 13px !important;
    flex-basis: 13px !important;
  }
}

@media (max-width: 390px) {
  .hero__ctas {
    width: min(42vw, 144px) !important;
  }
}

.hero h1,
.about-lab__title {
  letter-spacing: 0;
  text-rendering: geometricPrecision;
}

.hero__slide .profile-pic,
.hero__asset-img,
.about-lab__bg,
.about-lab__gif {
  image-rendering: auto;
  backface-visibility: hidden;
}

:root[data-theme="light"] .hero__asset-img,
:root[data-theme="light"] .about-lab__bg {
  filter: none !important;
}


/* ===== styles/motion-policy.css ===== */

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }

  .hero-guide-arrow,
  .about-lab__wave,
  .hero__asset-img,
  .hero__slide,
  .site-preloader__logo,
  .site-preloader__mark {
    animation: none !important;
  }

  .mobile-social-orbit__node {
    animation: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .mobile-social-orbit__node--1 {
    transform: translate(-50%, -50%) rotate(248deg) translateX(205px) rotate(-248deg) !important;
  }

  .mobile-social-orbit__node--2 {
    transform: translate(-50%, -50%) rotate(226deg) translateX(205px) rotate(-226deg) !important;
  }

  .mobile-social-orbit__node--3 {
    transform: translate(-50%, -50%) rotate(204deg) translateX(205px) rotate(-204deg) !important;
  }

  .mobile-social-orbit__node--4 {
    transform: translate(-50%, -50%) rotate(182deg) translateX(205px) rotate(-182deg) !important;
  }
}


/* ===== styles/links-page.css ===== */

/* ===== LINKS PAGE LAYOUT ===== */
html.links-paged-page {
  --links-z-content: 0;
  --links-z-card: 20;
  --links-z-footer-wave: 50;
  --links-z-floating: 90;
  --links-z-rail: 92;
  --links-z-back-to-top: 93;
  --links-z-controls: 100;
  --links-z-selectors: 110;
  --links-z-page-transition: 200;
  --links-z-overlay: 1200;
  --links-z-nav: 10000;
  --links-z-sheet: 11000;
  --links-z-modal: 22000;
}

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/anton-latin-400.woff2') format('woff2');
}

/* Final About screen: compact actions, portrait signature and anchored copyright. */
.contact-about-tab .contact-about-screen {
  position: relative;
  overflow: hidden;
}

.contact-about-tab .contact-about-hero,
.contact-about-tab .contact-about-actions > .links-tools-language,
.contact-about-tab .contact-about-actions > [data-contact-about-theme] {
  display: none !important;
}

.contact-about-tab .contact-about-view {
  position: relative;
  display: flex;
  flex: 1;
  min-height: 0;
  align-items: center;
  justify-content: center;
  padding: 82px 24px 60px;
}

.contact-about-tab .contact-about-actions {
  position: absolute;
  top: max(22px, env(safe-area-inset-top, 0px));
  right: 24px;
  z-index: 3;
  display: flex;
  width: auto;
  margin: 0;
  gap: 10px;
}

.contact-about-tab .contact-about-actions > .links-tools-action {
  display: inline-flex;
  width: 48px;
  height: 48px;
  min-height: 48px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1.5px solid rgba(23, 17, 12, 0.58);
  border-radius: 50%;
  background: transparent;
  color: #17110c;
}

.contact-about-tab .contact-about-actions > [data-contact-about-share] {
  background: #17110c;
  color: #ff6a00;
}

.contact-about-tab .contact-about-actions > .links-tools-action svg {
  width: 21px;
  height: 21px;
}

.contact-about-tab .contact-about-actions > .links-tools-action span:last-child {
  display: none;
}

.contact-about-signature {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(100%, 290px);
  margin: auto;
  transform: translateY(68px);
}

.contact-about-portrait {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 16px;
  width: min(34.1cqw, 136px);
  aspect-ratio: 1;
  overflow: visible;
}

.contact-about-portrait__circle {
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 14%;
  width: 74%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #08090d;
}

.contact-about-portrait img {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.contact-about-portrait__inside {
  clip-path: circle(37% at 51% 63%);
}

.contact-about-portrait__head {
  z-index: 2 !important;
  clip-path: polygon(15% 0, 85% 0, 85% 47%, 15% 47%);
}

.contact-about-portrait__arm {
  z-index: 2 !important;
  clip-path: polygon(0 40%, 45% 40%, 45% 68%, 0 68%);
}



.contact-about-credit {
  margin: 6px 0 0;
  color: #17110c;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(1.856rem, 8.724cqw, 2.45rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 0.8;
  text-align: center;
  text-transform: uppercase;
}

.contact-about-copyright {
  position: absolute;
  right: 24px;
  bottom: max(40px, env(safe-area-inset-bottom, 0px));
  left: 24px;
  margin: 0;
  color: #17110c;
  font: 700 0.72rem/1.35 'Sora', sans-serif;
  letter-spacing: 0.02em;
  text-align: center;
}

/* About screen: title typography and centered actions belong to the signature. */
.contact-about-tab .contact-about-view {
  flex-direction: column;
  justify-content: center !important;
  gap: 14px;
  padding: 0 24px 52px !important;
}

.contact-about-tab .contact-about-view::before {
  display: none !important;
}

.contact-about-tab .contact-about-signature {
  margin: 0;
  transform: translateY(68px);
}

.contact-about-tab .contact-about-credit {
  margin: 0 !important;
  color: #17110c !important;
  font-family: 'Anton', 'Montserrat', sans-serif !important;
  font-size: clamp(1.299rem, 6.125cqw, 1.763rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  line-height: 0.82 !important;
  text-transform: uppercase !important;
}

.contact-about-tab .contact-about-credit span {
  display: block;
  width: max-content;
  margin-inline: auto;
  white-space: nowrap;
}

.contact-about-tab .contact-about-credit span:last-child {
  color: #fff !important;
  margin-top: 0.2em;
  font-size: 1.35em;
  transform: none;
}

.contact-about-tab .contact-about-actions {
  position: static !important;
  order: 2;
  width: auto;
  margin: 0 !important;
  justify-content: center;
}

.contact-about-tab .contact-about-actions > .links-tools-action {
  width: 44px;
  height: 44px;
  min-height: 44px;
}

@media (min-width: 577px) {
  .contact-about-tab .contact-about-view {
    padding-top: 92px;
  }

  .contact-about-portrait {
    width: min(14.3cqw, 152px);
  }

  .contact-about-credit {
    font-size: clamp(2.079rem, 3.059cqw, 2.784rem);
  }
}

/* ==========================================================================
   LIGHT THEME COMPLETION
   Give every editorial screen and transient surface a deliberate light-mode
   treatment while preserving the section-specific blue and orange accents.
   ========================================================================== */
:root[data-theme='light'] {
  --links-light-paper: #F2ECE3;
  --links-light-paper-raised: #fffaf4;
  --links-light-ink: #08090d;
  --links-light-muted: rgba(8, 9, 13, 0.62);
  --links-light-line: rgba(8, 9, 13, 0.14);
  --links-light-shadow: 8px 8px 24px rgba(54, 38, 25, 0.14);
  --links-light-accent-blue: #A47EAB;
}

/* Shared controls remain readable over paper, orange canvases and the dark
   photographic intro. */
:root[data-theme='light'] .links-tools-btn,
:root[data-theme='light'] .links-theme-btn,
:root[data-theme='light'] .links-about-action-btn {
  border-color: rgba(255, 250, 244, 0.5);
  background: rgba(255, 250, 244, 0.35);
  color: var(--links-light-ink);
  box-shadow: 0 8px 32px rgba(45, 31, 21, 0.08);
  -webkit-backdrop-filter: blur(24px) saturate(1.2);
  backdrop-filter: blur(24px) saturate(1.2);
}

:root[data-theme='light'] .links-tools-btn:hover,
:root[data-theme='light'] .links-tools-btn:focus-visible,
:root[data-theme='light'] .links-tools-btn[aria-expanded='true'],
:root[data-theme='light'] .links-theme-btn:hover,
:root[data-theme='light'] .links-theme-btn:focus-visible {
  border-color: rgba(255, 106, 0, 0.68);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.54), rgba(255, 250, 244, 0.24)),
    rgba(255, 250, 244, 0.28);
  color: #d85600;
}

:root[data-theme='light'] .links-section-rail {
  border-color: rgba(255, 250, 244, 0.5);
  background: rgba(255, 250, 244, 0.35);
  box-shadow: 0 8px 32px rgba(45, 31, 21, 0.08);
  -webkit-backdrop-filter: blur(24px) saturate(1.2);
  backdrop-filter: blur(24px) saturate(1.2);
}

:root[data-theme='light'] .links-section-rail__dot::before {
  background: rgba(8, 9, 13, 0.07);
}

:root[data-theme='light'] .links-section-rail__dot::after {
  background: rgba(8, 9, 13, 0.4);
}

:root[data-theme='light'] .links-section-rail__label {
  color: rgba(8, 9, 13, 0.9);
}

:root[data-theme='light'] .links-section-rail.is-expanded,
:root[data-theme='light'] .links-shell:has(.partnerships-tab.is-active) .links-section-rail.is-expanded,
:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-section-rail.is-expanded {
  border-color: rgba(8, 9, 13, 0.12);
  background: rgba(255, 250, 244, 0.94);
  box-shadow: 0 22px 46px rgba(45, 31, 21, 0.12);
}

:root[data-theme='light'] .links-shell:has(.partnerships-tab.is-active) .links-section-rail.is-expanded .links-section-rail__label,
:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-section-rail.is-expanded .links-section-rail__label {
  color: rgba(8, 9, 13, 0.9);
}

:root[data-theme='light'] .links-shell:has(.partnerships-tab.is-active) .links-section-rail,
:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-section-rail,
:root[data-theme='light'] .links-shell:has(.partnerships-tab.is-active) .links-section-rail.is-expanded,
:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-section-rail.is-expanded {
  border-color: rgba(255, 250, 244, 0.34);
  background: rgba(255, 250, 244, 0.94);
  box-shadow: 0 10px 28px rgba(45, 31, 21, 0.1);
}

:root[data-theme='light'] .links-section-rail__label,
:root[data-theme='light'] .links-section-rail__dot::after,
:root[data-theme='light'] .links-section-rail__dot::before,
:root[data-theme='light'] .links-section-rail__thumb {
  text-shadow: none !important;
  box-shadow: none !important;
}

:root[data-theme='light'] .links-shell:has(.partnerships-tab.is-active) .links-section-rail:not(.is-expanded) .links-section-rail__dot::after,
:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-section-rail:not(.is-expanded) .links-section-rail__dot::after {
  background: rgba(8, 9, 13, 0.4);
}

:root[data-theme='light'] .links-shell:has(.partnerships-tab.is-active) .links-section-rail__thumb,
:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-section-rail__thumb {
  background: #ff6a00;
  box-shadow: none !important;
}

:root[data-theme='light'] .links-back-to-top {
  color: var(--links-light-ink);
}

:root[data-theme='light'] .links-back-to-top::before {
  border-color: rgba(8, 9, 13, 0.15);
  background: rgba(255, 250, 244, 0.88);
  box-shadow: 0 7px 18px rgba(45, 31, 21, 0.16);
}

/* Início keeps its monochrome film identity, but the theme chrome and the
   section preview now visibly belong to the light system. */
:root[data-theme='light'] .intro-home__next-peek {
  background: var(--links-light-paper);
  box-shadow: 0 -12px 34px rgba(0, 0, 0, 0.15);
}

:root[data-theme='light'] .links-shell:has(.intro-home-tab.is-active) .links-section-rail {
  border-color: rgba(255, 250, 244, 0.34);
  background: rgba(255, 250, 244, 0.18);
}

:root[data-theme='light'] .intro-home {
  background: var(--links-light-paper);
}

:root[data-theme='light'] .intro-home__video {
  background: var(--links-light-paper);
  filter: saturate(0.21) contrast(1.06) brightness(1.18);
}

:root[data-theme='light'] .intro-home::before {
  background: rgba(255, 250, 244, 0.28);
}

:root[data-theme='light'] .intro-home::after {
  background-color: rgba(243, 236, 228, 0.36);
  background-blend-mode: soft-light;
}

:root[data-theme='light'] .intro-home__title,
:root[data-theme='light'] .intro-home__favorite-label,
:root[data-theme='light'] .intro-home__shuffle-marker {
  color: var(--links-light-ink);
}

:root[data-theme='light'] .intro-home__next {
  color: var(--links-light-ink);
}

:root[data-theme='light'] .links-theme-btn svg {
  display: block;
  width: 20px;
  height: 20px;
  filter: none;
}



/* Minhas Redes already follows the light tokens. */
:root[data-theme='light'] .new-home-tab {
  --section-canvas: var(--links-light-paper);
  --page-transition-bg: var(--links-light-paper);
  --brand: var(--links-light-accent-blue);
}

/* Conteúdo: replace the dark edge masks and low-contrast instruction, then
   provide a paper-based version of the access surface. */
:root[data-theme='light'] .highlights-marquee-tab {
  --highlight-ink: var(--links-light-paper);
  --highlight-blue: var(--links-light-accent-blue);
}

:root[data-theme='light'] .highlights-marquee__instruction {
  color: rgba(8, 9, 13, 0.58);
}

:root[data-theme='light'] .highlights-marquee__poster {
  border-color: transparent;
  box-shadow: none;
}

:root[data-theme='light'] .highlights-marquee-tab::after {
  background: rgba(243, 236, 228, 0.68);
  -webkit-backdrop-filter: blur(3px) saturate(0.78);
  backdrop-filter: blur(3px) saturate(0.78);
}

:root[data-theme='light'] .highlights-selection__poster {
  border-color: rgba(8, 9, 13, 0.18);
  background: #e8ded2;
  box-shadow: 0 14px 32px rgba(54, 38, 25, 0.22);
}

:root[data-theme='light'] .highlights-selection__access {
  border-color: rgba(8, 9, 13, 0.13);
  background:
    linear-gradient(140deg, rgba(184, 216, 231, 0.34), transparent 46%),
    rgba(255, 250, 244, 0.97);
  color: var(--links-light-ink);
  box-shadow:
    0 20px 42px rgba(54, 38, 25, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

:root[data-theme='light'] .highlights-selection__access h3,
:root[data-theme='light'] .highlights-access-slider__platform {
  color: var(--links-light-ink);
}

:root[data-theme='light'] .highlights-selection__sensitive,
:root[data-theme='light'] .highlights-access-slider small,
:root[data-theme='light'] .highlights-selection__notice {
  color: var(--links-light-muted);
}

:root[data-theme='light'] .highlights-access-slider {
  border-color: rgba(8, 9, 13, 0.2);
  background: rgba(8, 9, 13, 0.055);
  color: var(--links-light-ink);
}

:root[data-theme='light'] .highlights-access-slider__fill {
  background: rgba(184, 216, 231, 0.48);
}

:root[data-theme='light'] .highlights-selection__close {
  border-color: rgba(8, 9, 13, 0.16);
  background: rgba(255, 250, 244, 0.88);
  color: var(--links-light-ink);
}

/* Parcerias: the dark version owns the orange canvas; light mode uses the
   same orange as an accent around a warm editorial paper. */
:root[data-theme='light'] .partnerships-tab {
  --section-canvas: var(--links-light-paper);
  --page-transition-bg: var(--links-light-paper);
  color: var(--links-light-ink);
}

:root[data-theme='light'] .partnerships-eyebrow {
  color: #d85600;
}

:root[data-theme='light'] .partnership-billboard--monte {
  border-color: rgba(255, 106, 0, 0.32);
  box-shadow: 0 22px 44px rgba(54, 38, 25, 0.2);
}

:root[data-theme='light'] .partnership-billboard--monte .partnership-billboard__divider,
:root[data-theme='light'] .partnership-billboard--monte .partnership-billboard__rule {
  background: #ff6a00;
  border-color: #ff6a00;
}

:root[data-theme='light'] .partnership-billboard--monte {
  background: #ff6a00;
  color: #fffaf4;
}

:root[data-theme='light'] .partnership-billboard--monte .partnership-billboard__index,
:root[data-theme='light'] .partnership-billboard--monte .partnership-billboard__value,
:root[data-theme='light'] .partnership-billboard--monte .partnership-benefit,
:root[data-theme='light'] .partnership-billboard--monte .partnership-copy {
  color: #fffaf4;
}

:root[data-theme='light'] .partnership-billboard--monte .partnership-billboard__cta {
  background: rgba(255, 250, 244, 0.92);
  color: #ff6a00;
}

:root[data-theme='light'] .partnership-billboard--squad {
  background: var(--links-light-paper-raised);
  border-color: rgba(8, 9, 13, 0.14);
  box-shadow: 0 18px 38px rgba(54, 38, 25, 0.15);
}

:root[data-theme='light'] .partnerships-copy-btn,
:root[data-theme='light'] .partnerships-copy-btn.coupon-code-btn {
  background: #ff6a00;
  color: #fffaf4;
  border-color: #ff6a00;
}

/* The premium warning is part of the light experience too, instead of opening
   a dark-only glass card on top of a light page. */
:root[data-theme='light'] .new-home-sensitive-dialog__backdrop {
  background: rgba(46, 36, 29, 0.44);
  -webkit-backdrop-filter: blur(16px) saturate(0.78);
  backdrop-filter: blur(16px) saturate(0.78);
}

:root[data-theme='light'] .new-home-sensitive-dialog__panel {
  border-color: rgba(8, 9, 13, 0.13);
  background:
    linear-gradient(145deg, rgba(184, 216, 231, 0.36), transparent 44%),
    rgba(255, 250, 244, 0.95);
  color: var(--links-light-ink);
  box-shadow: 0 30px 80px rgba(54, 38, 25, 0.3);
}

:root[data-theme='light'] .new-home-sensitive-dialog p {
  color: var(--links-light-muted);
}

:root[data-theme='light'] .new-home-sensitive-dialog__close {
  color: rgba(8, 9, 13, 0.62);
}

:root[data-theme='light'] .new-home-sensitive-dialog__close:hover,
:root[data-theme='light'] .new-home-sensitive-dialog__close:focus-visible {
  background: rgba(8, 9, 13, 0.07);
  color: var(--links-light-ink);
}

:root[data-theme='light'] .new-home-sensitive-unlock {
  background: rgba(184, 216, 231, 0.2);
}

:root[data-theme='light'] .new-home-sensitive-unlock__label {
  color: var(--links-light-ink);
}

:root[data-theme='light'] .new-home-sensitive-unlock__lock {
  color: rgba(8, 9, 13, 0.6);
}

/* Sobre: convert the full orange canvas into paper and keep the brand color in
   the portrait, signature and primary action. */
:root[data-theme='light'] .contact-about-tab {
  --section-canvas: var(--links-light-paper);
  --page-transition-bg: var(--links-light-paper);
  background: var(--links-light-paper);
  color: var(--links-light-ink);
}

:root[data-theme='light'] .links-top-card--glass-home:has(.contact-about-tab.is-active),
:root[data-theme='light'] .contact-about-screen {
  border-color: rgba(8, 9, 13, 0.12);
  background: var(--links-light-paper);
}

:root[data-theme='light'] .contact-about-portrait__circle {
  background: #ff6a00;
}

:root[data-theme='light'] .contact-about-tab .contact-about-credit,
:root[data-theme='light'] .contact-about-copyright {
  color: var(--links-light-ink) !important;
}

:root[data-theme='light'] .contact-about-tab .contact-about-credit span:last-child {
  color: #d85600 !important;
}

:root[data-theme='light'] .contact-about-tab .contact-about-actions > .links-tools-action {
  border-color: rgba(8, 9, 13, 0.28);
  background: rgba(255, 250, 244, 0.72);
  color: var(--links-light-ink);
}

:root[data-theme='light'] .contact-about-tab .contact-about-actions > [data-contact-about-share] {
  border-color: #ff6a00;
  background: #ff6a00;
  color: var(--links-light-ink);
}

:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-back-to-top {
  bottom: max(70px, calc(env(safe-area-inset-bottom, 0px) + 64px));
}

@media (max-width: 576px) and (orientation: portrait) {
  html.links-paged-page[data-theme='light']:has(.partnerships-tab.is-active),
  html.links-paged-page[data-theme='light'] body:has(.partnerships-tab.is-active),
  html.links-paged-page[data-theme='light']:has(.partnerships-tab.is-active)::before,
  html.links-paged-page[data-theme='light']:has(.partnerships-tab.is-active)::after,
  html.links-paged-page[data-theme='light']:has(.contact-about-tab.is-active),
  html.links-paged-page[data-theme='light'] body:has(.contact-about-tab.is-active) {
    background: var(--links-light-paper) !important;
  }
}

/* Sensitive-content prompt: neutral frame, compact copy, and a real unlock gesture. */
.new-home-sensitive-dialog__panel {
  border-color: rgba(255, 255, 255, 0.13);
}

.new-home-sensitive-dialog p {
  font-size: 0.7rem;
  line-height: 1.38;
}

.new-home-sensitive-dialog p span {
  display: inline;
  white-space: normal;
}

.new-home-sensitive-dialog p span + span::before {
  content: ' ';
}

.new-home-sensitive-unlock__label {
  inset: 0 56px 0 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.5rem;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

.new-home-sensitive-unlock__lock {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
  width: 25px;
  height: 31px;
  color: rgba(184, 216, 231, 0.9);
  font-family: inherit;
  font-size: 0;
  opacity: calc(0.62 + (var(--unlock-progress, 0) * 0.38));
  transform: translateY(-50%);
  transition: color 0.2s ease, opacity 0.15s ease;
}

.new-home-sensitive-unlock__lock-shackle {
  position: absolute;
  top: -2px;
  left: 50%;
  width: 17px;
  height: 15px;
  border: 2.5px solid currentColor;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  transform:
    translateX(-50%)
    rotate(calc(68deg * var(--unlock-progress, 0)))
    translateX(calc(-2px * var(--unlock-progress, 0)));
  transform-origin: 88% 100%;
  transition: transform 0.08s linear;
}

.new-home-sensitive-unlock__lock-body {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25px;
  height: 17px;
  border-radius: 4px;
  background: currentColor;
}

.new-home-sensitive-unlock__lock-body::before {
  position: absolute;
  top: 5px;
  left: 50%;
  width: 4px;
  height: 7px;
  border-radius: 999px;
  background: #111216;
  content: '';
  transform: translateX(-50%);
}

.new-home-sensitive-unlock__lock.is-open .new-home-sensitive-unlock__lock-shackle {
  transform: translateX(-50%) rotate(68deg) translateX(-2px);
}

.new-home-sensitive-unlock.is-unlocked .new-home-sensitive-unlock__lock {
  color: #08090d;
}

/* Contact cards: a clear, stacked agency handoff on every viewport. */
.contact-ticket-stage {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  margin-top: 36px;
  perspective: none;
}

.contact-ticket,
.contact-ticket--email,
.contact-ticket--location {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 0;
  margin: 0;
  animation: none;
  transform: none;
}

.contact-ticket--location {
  order: 1;
  padding: 22px 24px 20px;
}

.contact-ticket--email {
  order: 2;
  padding: 24px;
  background: #f3eadf;
}

.contact-ticket--email.is-selected,
.contact-ticket--location.is-selected {
  transform: translateY(-3px) !important;
}

.contact-ticket__agency-mark {
  display: block;
  width: 46px;
  height: 42px;
  object-fit: contain;
  object-position: left center;
}

.contact-ticket__agency-kicker {
  position: relative;
  z-index: 2;
  margin-top: 16px;
  color: rgba(18, 17, 15, 0.72);
  font-family: 'Sora', sans-serif;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.25;
  text-transform: uppercase;
}

.contact-ticket--email .contact-ticket__email {
  margin-top: 6px;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(2rem, 5.8cqw, 3rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 0.9;
  text-transform: uppercase;
}

.contact-ticket--email .contact-ticket__divider {
  margin: 16px 0 0;
}

.contact-ticket--email .contact-ticket__action {
  min-height: 50px;
  margin-top: 9px;
  padding: 11px 13px;
  justify-content: flex-start;
  gap: 10px;
  font-family: 'Sora', sans-serif;
  font-size: clamp(0.64rem, 2.35cqw, 0.82rem);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.contact-ticket--email .contact-ticket__divider + .contact-ticket__action {
  margin-top: 14px;
}

.contact-ticket__action-icon {
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  font-size: 1.15rem !important;
}

.contact-ticket__action-icon--whatsapp {
  width: 20px;
  height: 20px;
}

/* Contact: align the two-card stack with the brand palette and offer rhythm. */
.contact-editorial-tab {
  --brand: #ff6a00;
}

.contact-editorial-tab .contact-ticket-stage {
  margin-top: 0 !important;
  transform: translateY(-4px) !important;
}

.contact-editorial-tab .contact-ticket--location,
.contact-editorial-tab .contact-ticket--email .contact-ticket__action {
  background: #ff6a00 !important;
}

.contact-editorial-tab .contact-ticket--location {
  box-shadow: 0 24px 48px rgba(255, 106, 0, 0.24) !important;
  animation: contact-location-standby 6.4s ease-in-out infinite !important;
}

.contact-editorial-tab .contact-ticket--email {
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.26), 0 0 28px rgba(255, 106, 0, 0.1) !important;
  animation: contact-agency-standby 7.1s ease-in-out -1.9s infinite !important;
}

.contact-editorial-tab .contact-ticket--location .contact-ticket__action {
  font: 700 clamp(0.64rem, 2.35cqw, 0.82rem)/1 'Sora', sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.contact-editorial-tab .contact-ticket.is-selected {
  animation: none !important;
  transform: translateY(-3px) !important;
}

@keyframes contact-location-standby {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

@keyframes contact-agency-standby {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(4px); }
}

@media (prefers-reduced-motion: reduce) {
  .contact-editorial-tab .contact-ticket--location,
  .contact-editorial-tab .contact-ticket--email {
    animation: none !important;
  }
}

@media (max-width: 576px) {
  .contact-editorial-tab .contact-ticket-stage {
    width: min(calc(100% - 48px), 342px);
    gap: 12px;
    margin-top: 24px;
  }

  .contact-editorial-tab .contact-ticket--location {
    min-height: 174px;
    padding: 13px 14px 12px;
  }

  .contact-editorial-tab .contact-ticket--email {
    padding: 18px 16px 16px;
  }

  .contact-ticket-stage {
    width: min(calc(100% - 48px), 342px);
    gap: 12px;
    margin-top: 24px;
  }

  .contact-ticket--location {
    min-height: 174px;
    padding: 13px 14px 12px;
  }

  .contact-ticket--email {
    padding: 18px 16px 16px;
  }

  .contact-ticket__agency-mark {
    width: 38px;
    height: 36px;
  }

  .contact-ticket__agency-kicker {
    margin-top: 12px;
    font-size: 0.53rem;
  }

  .contact-ticket--email .contact-ticket__email {
    font-size: clamp(1.72rem, 8cqw, 2.05rem);
  }

  .contact-ticket--email .contact-ticket__action {
    min-height: 44px;
    padding: 9px 10px;
    font-size: clamp(0.57rem, 2.3cqw, 0.68rem);
  }
}

.links-shell {
  container-type: inline-size;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100% - 32px, 600px); /* Increased panel container width */
  margin-inline: auto;
  padding: 24px 0 60px;
  position: relative;
  z-index: 1;
}

/* ===== LINKS2 HOME: INFINITE GLASS CARD ===== */
.app-tab[data-tab="0"] {
  padding: 0;
  overflow: visible;
  --section-canvas: transparent !important;
}

/*
 * Home previously forced body::before to opacity 0.34 + animation:none,
 * which made the ambient page background darker than Highlights/Parcerias.
 * Keep the shared bodyGlow from base.css so all tabs match.
 */

.links-glass-home {
  --glass-orange: #ff8318;
  --glass-cream: #f3eadf;
  position: relative;
  z-index: 0; /* stacking context without flattening preserve-3d (Safari bug with isolation: isolate) */
  width: min(100%, 620px);
  min-height: 790px;
  margin: -24px auto -32px;
  /* Visible so the mockup rear glass plate can sit outside the card box. */
  overflow: visible;
  color: var(--glass-cream);
  touch-action: pan-y;
}

.links-glass-home::before {
  content: none;
}


.links-glass-wordmark {
  position: absolute;
  z-index: 1;
  top: 64px;
  left: 50%;
  display: block;
  width: calc(104.5% - 33.44px);
  height: auto;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  opacity: 0.97;
  filter: drop-shadow(0 10px 38px rgba(0, 0, 0, 0.52));
  pointer-events: none;
  user-select: none;
}

.links-network-rail {
  position: absolute;
  z-index: 40;
  top: 344px;
  right: 40px;
  left: auto;
  width: 56px;
  height: 284px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px 3px;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: auto;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  border: 1px solid rgba(212, 189, 165, 0.24);
  border-radius: 999px;
  background: transparent;
  /* z-index already set — no isolation needed (Safari flattens preserve-3d) */
  box-shadow:
    inset 1px 0 rgba(255, 255, 255, 0.1),
    inset -1px 0 rgba(255, 119, 10, 0.08),
    0 12px 30px rgba(0, 0, 0, 0.24),
    0 0 22px rgba(255, 119, 10, 0.045);
}

.links-network-rail::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(100deg, rgba(255, 255, 255, 0.065), transparent 28%, rgba(255, 126, 22, 0.035) 78%, rgba(255, 255, 255, 0.025)),
    rgba(10, 10, 9, 0.34);
  -webkit-backdrop-filter: blur(10px) saturate(1.18);
  backdrop-filter: blur(10px) saturate(1.18);
}

.links-network-home {
  position: relative;
  z-index: 9;
  top: auto;
  left: auto;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--glass-cream);
  transform: none;
  box-shadow: none;
  cursor: pointer;
  transition: border-color 0.24s ease, color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}

.links-network-home::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -3px;
  width: 22px;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(212, 189, 165, 0.46), transparent);
  pointer-events: none;
}

.links-network-home-mark {
  width: 28px;
  height: 28px;
  display: block;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask-image: url('/assets/LEO_SAQUETTO_LOGO_2027_p.svg');
  mask-image: url('/assets/LEO_SAQUETTO_LOGO_2027_p.svg');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  opacity: 0.68;
  transition: filter 0.24s ease, opacity 0.24s ease;
}

.links-network-home:hover,
.links-network-home:focus-visible {
  outline: 1px solid rgba(255, 139, 43, 0.6);
  outline-offset: 2px;
  transform: translateY(-2px);
}

.links-network-home:hover .links-network-home-mark,
.links-network-home:focus-visible .links-network-home-mark {
  opacity: 0.86;
}

.links-network-home.is-active {
  border-color: transparent;
  background: transparent;
  color: var(--glass-orange);
  box-shadow: none;
}

.links-network-home.is-active .links-network-home-mark {
  filter: drop-shadow(0 0 8px rgba(255, 119, 10, 0.68));
  opacity: 1;
}

.links-network-wheel-shell {
  position: relative;
  z-index: 1;
  top: auto;
  left: auto;
  width: 44px;
  height: 238px;
  flex: 0 0 auto;
  min-height: 238px;
  margin-top: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0 0 999px 999px;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}

.links-network-wheel-shell::before {
  content: none;
}

.links-network-wheel {
  position: absolute;
  inset: 1px;
  display: block;
  overflow: hidden;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
  scrollbar-width: none;
  touch-action: none;
  cursor: grab;
}

.links-network-wheel::-webkit-scrollbar {
  display: none;
}

.links-network-wheel:focus-visible {
  border-radius: 28px;
  box-shadow: inset 0 0 0 1px rgba(255, 131, 24, 0.58);
}

.links-network-wheel::before {
  content: none;
}

.links-network-wheel-track {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

.links-network-wheel-cycle {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  flex: 0 0 auto;
}

.links-network-wheel-divider {
  width: 22px;
  height: 8px;
  flex: 0 0 8px;
  position: relative;
}

.links-network-wheel-divider::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, rgba(212, 189, 165, 0.48), transparent);
}

.links-network-wheel-divider--loop::after {
  background: linear-gradient(90deg, transparent, rgba(255, 131, 24, 0.62), transparent);
}

.links-network-wheel-item {
  position: relative;
  z-index: 1;
  top: auto;
  left: auto;
  width: 44px;
  min-height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  pointer-events: auto;
  touch-action: manipulation;
  cursor: pointer;
  transform: none;
  opacity: 1;
}

.links-network-wheel-item {
  padding: 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(242, 235, 225, 0.72);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
  cursor: pointer;
  transition:
    color 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}

.links-network-wheel-item.is-premium {
  color: rgba(212, 189, 165, 0.9);
}

.links-network-wheel-item.is-social {
  color: rgba(243, 235, 225, 0.78);
}

.links-network-wheel-item:hover,
.links-network-wheel-item:focus-visible {
  color: #ffffff;
  outline: none;
}

.links-network-wheel-item.is-active {
  z-index: 5;
  color: var(--glass-orange);
  border-color: transparent;
  background: transparent;
  transform: none;
  box-shadow: none;
  filter: none;
}

.links-network-wheel-icon,
.links-network-wheel-icon svg,
.links-network-wheel-icon img {
  display: block;
  width: 20px;
  height: 20px;
}

.links-network-wheel-icon svg {
  fill: currentColor;
}

.links-network-wheel-icon img {
  object-fit: cover;
  border-radius: 8px;
  mix-blend-mode: screen;
}

.links-network-wheel-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* Editorial edge index: finite zones, sticky chapter marks and kinetic depth. */
.links-network-rail:not(:has(.links-network-home)) {
  right: -12px;
  width: 66px;
  height: 300px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.links-network-rail:not(:has(.links-network-home))::before {
  content: '';
  position: absolute;
  z-index: 3;
  top: 13px;
  bottom: 13px;
  left: 7px;
  width: 1px;
  border-radius: 99px;
  background: linear-gradient(180deg, transparent, rgba(212, 189, 165, 0.38) 12%, rgba(212, 189, 165, 0.38) 88%, transparent);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: none;
}

.links-network-rail:not(:has(.links-network-home))::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -8px 0;
  background: linear-gradient(90deg, rgba(36, 24, 20, 0), rgba(15, 13, 14, 0.5) 42%, rgba(8, 9, 13, 0.92));
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 8%, #000 92%, transparent);
  pointer-events: none;
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-shell {
  width: 66px;
  height: 300px;
  min-height: 300px;
  overflow: visible;
  border-radius: 0;
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-shell::before,
.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-shell::after {
  content: '';
  position: absolute;
  z-index: 8;
  right: 0;
  left: 0;
  height: 30px;
  pointer-events: none;
  transition: opacity 0.22s ease;
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-shell::before {
  top: 0;
  background: linear-gradient(180deg, rgba(8, 9, 13, 0.96), transparent);
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-shell::after {
  bottom: 0;
  background: linear-gradient(0deg, rgba(8, 9, 13, 0.96), transparent);
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel {
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  scroll-snap-type: y proximity;
  touch-action: pan-y;
  cursor: ns-resize;
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel::-webkit-scrollbar {
  display: none;
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-track {
  position: static;
  align-items: stretch;
  min-height: max-content;
  padding: 4px 0 82px;
  transform: none !important;
  will-change: auto;
}

.links-network-zone-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.links-network-zone-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 3px 0 7px;
}

.links-network-zone-label {
  position: sticky;
  z-index: 7;
  top: 0;
  display: block;
  width: 46px;
  height: 38px;
  flex: 0 0 38px;
  margin-left: 9px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  pointer-events: none;
}

.links-network-zone-label--premium {
  color: var(--glass-orange);
  -webkit-mask-image: url('/assets/premium-zone.svg');
  mask-image: url('/assets/premium-zone.svg');
}

.links-network-zone-label--social {
  color: rgba(242, 235, 225, 0.88);
  -webkit-mask-image: url('/assets/social-zone.svg');
  mask-image: url('/assets/social-zone.svg');
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-divider {
  position: relative;
  z-index: 4;
  width: 38px;
  height: 14px;
  flex: 0 0 14px;
  margin: 0 0 0 10px;
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-divider::after {
  left: 0;
  width: 30px;
  background: linear-gradient(90deg, var(--glass-orange), rgba(212, 189, 165, 0.22), transparent);
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-item {
  position: relative;
  left: 2px;
  width: 48px;
  min-height: 43px;
  flex-basis: 43px;
  padding: 8px;
  scroll-snap-align: center;
  color: rgba(242, 235, 225, 0.76);
  opacity: calc(0.38 + (var(--wheel-proximity, 0.6) * 0.52));
  transform: translateX(0) scale(calc(0.84 + (var(--wheel-proximity, 0.6) * 0.16)));
  transition: color 0.22s ease, opacity 0.22s ease, transform 0.22s ease, filter 0.22s ease;
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -2px;
  width: 10px;
  height: 2px;
  border-radius: 99px;
  background: var(--glass-orange);
  opacity: 0;
  transform: translate(-5px, -50%) scaleX(0.3);
  transform-origin: right center;
  transition: opacity 0.2s ease, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-item.is-active {
  color: var(--glass-orange);
  opacity: 1;
  transform: translateX(-5px) scale(1);
  filter: drop-shadow(0 0 7px rgba(255, 119, 10, 0.2));
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-item.is-active::before {
  opacity: 1;
  transform: translate(-5px, -50%) scaleX(1);
}

.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-icon,
.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-icon svg,
.links-network-rail:not(:has(.links-network-home)) .links-network-wheel-icon img {
  width: 22px;
  height: 22px;
}

.links-network-scroll-progress {
  position: sticky;
  z-index: 12;
  top: calc(14px + (var(--wheel-progress, 0) * 258px));
  left: 4px;
  display: block;
  width: 7px;
  height: 2px;
  margin-bottom: -2px;
  border-radius: 99px;
  background: var(--glass-orange);
  box-shadow: 0 0 7px rgba(255, 119, 10, 0.35);
  pointer-events: none;
  transition: top 0.12s linear;
}

:root[data-theme="light"] .links-network-rail:not(:has(.links-network-home))::before {
  background: linear-gradient(180deg, transparent, rgba(61, 43, 34, 0.35) 12%, rgba(61, 43, 34, 0.35) 88%, transparent);
}

:root[data-theme="light"] .links-network-rail:not(:has(.links-network-home)) .links-network-wheel-shell::before {
  background: linear-gradient(180deg, rgba(246, 240, 232, 0.96), transparent);
}

:root[data-theme="light"] .links-network-rail:not(:has(.links-network-home)) .links-network-wheel-shell::after {
  background: linear-gradient(0deg, rgba(246, 240, 232, 0.96), transparent);
}

:root[data-theme="light"] .links-network-zone-label--social {
  color: rgba(54, 38, 29, 0.78);
}

.links-glass-card-stage {
  position: absolute;
  z-index: 5;
  top: 213px;
  left: 50%;
  right: auto;
  width: 280px;
  height: 550px;
  perspective: 680px;
  perspective-origin: 46% 42%;
  /* Mockup pose: enough Y to read the right glass thickness as one volume. */
  /* NOTE: perspective() removed from transform — Safari desktop cannot resolve
     perspective() functional inside transform when transform-style: preserve-3d
     is set on the same element. The perspective property above handles it. */
  transform: translateX(-50%) rotateX(-2.4deg) rotateY(10deg) rotateZ(1deg);
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  touch-action: pan-y;
  overflow: visible;
  animation: linksGlassStageFloat 5.8s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.links-glass-card-stage::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -6%;
  right: -10%;
  bottom: -4px;
  height: 70px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255, 151, 66, 0.52), rgba(255, 112, 7, 0.2) 40%, rgba(255, 119, 10, 0) 74%);
  filter: blur(6px);
  opacity: 1;
  box-shadow: 0 12px 34px rgba(255, 109, 8, 0.18);
}

.links-glass-card-stage::after {
  content: none;
}

@keyframes linksGlassStageFloat {
  0%, 100% {
    transform: translateX(-50%) translateY(2px) rotateX(-2.4deg) rotateY(10deg) rotateZ(1deg);
  }
  36% {
    transform: translateX(-50%) translateY(-6px) rotateX(-0.6deg) rotateY(7.5deg) rotateZ(1.6deg);
  }
  68% {
    transform: translateX(-50%) translateY(-2px) rotateX(0.4deg) rotateY(11deg) rotateZ(0.6deg);
  }
}

/*
 * Legacy 2D “second card” plate — disabled.
 * It read as a detached double outline, not mockup glass thickness.
 */
.links-glass-card-optical {
  display: none !important;
}

.links-glass-card {
  /*
   * One physical glass volume (mockup):
   * front face + lit side walls + rear rim. No floating second frame.
   */
  --card-turn-start: 0deg;
  --card-turn: 0deg;
  --card-drag: 0deg;
  --card-rest-y: -24deg;
  --card-rest-x: 4deg;
  --glass-flip-duration: 0.55s;
  /* Glass phone depth — visible at the rest angle (-24deg Y). */
  --device-depth: clamp(16px, 2.4cqw, 22px);
  --device-half-depth: calc(var(--device-depth) / 2);
  --device-face-depth: calc(var(--device-half-depth) - 0.25px);
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  --card-corner: 35px;
  border-radius: var(--card-corner);
  transform-style: preserve-3d;
  transform: rotateX(var(--card-rest-x)) rotateY(calc(var(--card-turn) + var(--card-drag) + var(--card-rest-y)));
  transform-origin: 50% 52%;
  transition: none;
  will-change: transform;
  outline: none;
  cursor: grab;
  /*
   * Never put filter/opacity/mask on this node: they flatten preserve-3d
   * and make face B (180° networks like OnlyFans) paint as a blank plate.
   */
}

/* Front laminate disabled — was popping on only one face after flip. */
.links-glass-card::after {
  content: none;
}

.links-glass-card.is-dragging {
  cursor: grabbing;
  transition: transform 0.08s linear;
}

.links-glass-card.is-flipping-forward {
  animation: linksGlassFlipForward var(--glass-flip-duration) cubic-bezier(0.25, 0.1, 0.25, 1) both;
}

.links-glass-card.is-flipping-backward {
  animation: linksGlassFlipBackward var(--glass-flip-duration) cubic-bezier(0.25, 0.1, 0.25, 1) both;
}

/*
 * Smooth continuous Y flip — evenly distributed rotation, no mid-stall.
 * Gentle parabolic lift + settle at edges, peak at 50%.
 */
@keyframes linksGlassFlipForward {
  0% {
    transform: translate3d(0, 0, 0) rotateX(var(--card-rest-x)) rotateY(calc(var(--card-turn-start) + var(--card-rest-y))) rotateZ(0);
  }
  25% {
    transform: translate3d(-2px, -5px, 12px) rotateX(calc(var(--card-rest-x) - 0.8deg)) rotateY(calc(var(--card-turn-start) + var(--card-rest-y) - 45deg)) rotateZ(-0.4deg);
  }
  50% {
    transform: translate3d(-3px, -7px, 16px) rotateX(calc(var(--card-rest-x) - 1.2deg)) rotateY(calc(var(--card-turn-start) + var(--card-rest-y) - 90deg)) rotateZ(-0.6deg);
  }
  75% {
    transform: translate3d(-2px, -5px, 12px) rotateX(calc(var(--card-rest-x) - 0.8deg)) rotateY(calc(var(--card-turn-start) + var(--card-rest-y) - 135deg)) rotateZ(-0.4deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotateX(var(--card-rest-x)) rotateY(calc(var(--card-turn) + var(--card-rest-y))) rotateZ(0);
  }
}

@keyframes linksGlassFlipBackward {
  0% {
    transform: translate3d(0, 0, 0) rotateX(var(--card-rest-x)) rotateY(calc(var(--card-turn-start) + var(--card-rest-y))) rotateZ(0);
  }
  25% {
    transform: translate3d(2px, -5px, 12px) rotateX(calc(var(--card-rest-x) + 1deg)) rotateY(calc(var(--card-turn-start) + var(--card-rest-y) + 45deg)) rotateZ(0.4deg);
  }
  50% {
    transform: translate3d(3px, -7px, 16px) rotateX(calc(var(--card-rest-x) + 1.4deg)) rotateY(calc(var(--card-turn-start) + var(--card-rest-y) + 90deg)) rotateZ(0.6deg);
  }
  75% {
    transform: translate3d(2px, -5px, 12px) rotateX(calc(var(--card-rest-x) + 1deg)) rotateY(calc(var(--card-turn-start) + var(--card-rest-y) + 135deg)) rotateZ(0.4deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotateX(var(--card-rest-x)) rotateY(calc(var(--card-turn) + var(--card-rest-y))) rotateZ(0);
  }
}

.links-glass-card:focus-visible {
  filter: drop-shadow(0 0 12px rgba(255, 131, 24, 0.72));
}

.links-glass-card-face {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 2;
  /* Single clean outline — no stacked inset rings that read as parallel scratches. */
  border: 1px solid rgba(255, 228, 200, 0.55);
  border-radius: inherit;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.14), transparent 22%, transparent 70%, rgba(255, 147, 62, 0.06)),
    radial-gradient(ellipse at 50% 0%, rgba(255, 248, 238, 0.12), transparent 34%),
    linear-gradient(90deg, rgba(255, 246, 234, 0.04), rgba(8, 8, 8, 0.08) 30%, rgba(8, 8, 8, 0.12) 72%, rgba(255, 127, 24, 0.06));
  -webkit-backdrop-filter: blur(6px) brightness(0.95) saturate(1.06) contrast(1.02);
  backdrop-filter: blur(6px) brightness(0.95) saturate(1.06) contrast(1.02);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 6px 0 12px rgba(255, 247, 237, 0.04),
    inset -10px 0 16px rgba(255, 112, 10, 0.08),
    0 0 8px rgba(255, 140, 48, 0.12);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.links-glass-card-face--a {
  transform: translateZ(var(--device-face-depth));
}

.links-glass-card-face--b {
  /* translateZ first so the rear face sits at +depth after the 180° turn. */
  transform: rotateY(180deg) translateZ(var(--device-face-depth));
}

/* Keep face media in the face plane (no 3D leak behind the glass). */
.links-glass-card-face > * {
  transform: translateZ(0.1px);
}

/* Only the active content layer remains visible at rest. */
.links-glass-card:not(.is-flipping)[data-active-face="a"] .links-glass-card-face--b,
.links-glass-card:not(.is-flipping)[data-active-face="b"] .links-glass-card-face--a {
  visibility: hidden;
}

/*
 * ── Card depth / extrusion ──
 *
 * Instead of separate side-panel walls (which can't follow rounded corners),
 * we stack thin layers at different Z depths inside .links-glass-card-edge.
 * Each layer inherits border-radius, so corners are always clean.
 *
 * Layout (front → back):
 *   Face A      @ Z = +device-face-depth
 *   Edge:before @ Z = +device-half-depth × 0.33
 *   Edge        @ Z = 0  (center)
 *   Edge:after  @ Z = -device-half-depth × 0.33
 *   Face B      @ Z = -device-face-depth  (rotateY 180)
 */
.links-glass-card-edge {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  transform-style: preserve-3d;
  pointer-events: none;
  /* Golden glass core — visible from the side during rotation. */
  background:
    linear-gradient(165deg,
      rgba(220, 175, 110, 0.2),
      rgba(180, 115, 45, 0.3) 40%,
      rgba(120, 65, 20, 0.25) 70%,
      rgba(50, 25, 10, 0.35));
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
}

.links-glass-card-edge::before,
.links-glass-card-edge::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  background:
    linear-gradient(165deg,
      rgba(220, 180, 130, 0.16),
      rgba(170, 100, 40, 0.24) 50%,
      rgba(70, 35, 12, 0.28));
}

.links-glass-card-edge::before {
  transform: translateZ(calc(var(--device-half-depth) * 0.33));
}

.links-glass-card-edge::after {
  transform: translateZ(calc(var(--device-half-depth) * -0.33));
}

/* All legacy side-panel and rim children: hide unconditionally. */
.links-glass-card-side,
.links-glass-card-rim {
  display: none !important;
}

/* Glass reflection / sheen sweep across the card face. */
.links-glass-card-face::after {
  content: '';
  position: absolute;
  z-index: 12;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(108deg, transparent 35%, rgba(255, 255, 255, 0.2) 48%, transparent 61%);
  background-position: 135% 0;
  background-size: 280% 100%;
  opacity: 0;
  pointer-events: none;
  animation: linksGlassShine 5.8s ease-in-out infinite;
}

.links-glass-card.is-flipping .links-glass-card-face::after {
  animation: linksGlassFlipShine 0.55s cubic-bezier(0.2, 0.78, 0.18, 1);
}

/* Shine element from HTML — not used, handled by ::after. */
.links-glass-card-shine {
  display: none;
}

@keyframes linksGlassShine {
  0%, 60% { background-position: 135% 0; opacity: 0; }
  72% { opacity: 0.72; }
  92%, 100% { background-position: -135% 0; opacity: 0; }
}

@keyframes linksGlassFlipShine {
  0% { background-position: 135% 0; opacity: 0; }
  45% { opacity: 0.92; }
  100% { background-position: -135% 0; opacity: 0; }
}

.links-glass-identity,
.links-glass-network {
  position: relative;
  width: 100%;
  height: 100%;
}

.links-glass-identity {
  display: grid;
  place-items: end center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(8, 8, 8, 0.08) 40%, rgba(8, 8, 8, 0.28) 100%),
    radial-gradient(circle at 58% 30%, rgba(255, 167, 91, 0.08), transparent 48%);
}

.links-glass-identity::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(108deg, rgba(255, 255, 255, 0.19), transparent 23%, transparent 67%, rgba(255, 119, 10, 0.11)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), transparent 19%),
    linear-gradient(to top, rgba(255, 118, 12, 0.045), transparent 34%);
}

.links-glass-identity-photo {
  position: absolute;
  z-index: 2;
  bottom: -2%;
  left: 50%;
  width: 108%;
  height: 104%;
  object-fit: cover;
  object-position: center bottom;
  transform: translateX(-50%);
  transform-origin: bottom center;
  filter: saturate(0.94) contrast(1.045) brightness(0.93) drop-shadow(0 14px 18px rgba(0, 0, 0, 0.2));
  -webkit-mask-image: none;
  mask-image: none;
}

.links-glass-identity-aura {
  position: absolute;
  z-index: 1;
  inset: 8% 2% 1%;
  border-radius: 45%;
  background:
    radial-gradient(circle at 58% 24%, rgba(255, 205, 160, 0.14), transparent 34%),
    radial-gradient(ellipse at 52% 82%, rgba(255, 119, 10, 0.15), transparent 48%);
  filter: blur(22px);
}

.links-glass-network {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 52px 26px 34px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 25%, rgba(255, 123, 18, 0.17), transparent 42%),
    rgba(9, 9, 8, 0.34);
}

.links-glass-network-brand {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  color: var(--glass-orange);
  filter: drop-shadow(0 0 12px rgba(255, 123, 18, 0.58));
}

.links-glass-network-brand svg {
  width: 62px;
  height: 62px;
  fill: currentColor;
}

.links-glass-network-profile {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  margin-top: 26px;
  text-align: left;
}

.links-glass-network-avatar-wrap {
  position: relative;
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
}

.links-glass-network-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 2px solid var(--glass-orange);
  border-radius: 50%;
  box-shadow: 0 0 18px rgba(255, 119, 10, 0.24);
}

.links-glass-network-verified {
  position: absolute;
  right: -2px;
  bottom: 3px;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 2px solid #17130f;
  border-radius: 50%;
  background: var(--glass-orange);
  color: #080706;
  font-size: 11px;
  font-weight: 900;
}

.links-glass-network-copy {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.links-glass-network-name {
  color: var(--glass-orange);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.links-glass-network-handle {
  width: 100%;
  max-width: none;
  overflow: hidden;
  color: var(--glass-cream);
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  font-size: clamp(1rem, 2.2cqw, 1.22rem);
  font-weight: 400;
  letter-spacing: 0;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.links-glass-network-metric {
  width: 100%;
  margin-top: 22px;
  padding: 16px 0 14px;
  border-top: 1px solid rgba(255, 133, 35, 0.54);
  border-bottom: 1px solid rgba(255, 133, 35, 0.28);
  color: var(--glass-orange);
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.035em;
  line-height: 1;
  text-transform: uppercase;
}

.links-glass-network-sensitive {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  color: rgba(243, 234, 223, 0.76);
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.links-glass-network-sensitive svg {
  width: 16px;
  height: 16px;
  color: var(--glass-orange);
}

.links-glass-network-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  margin-top: auto;
  padding: 13px 22px;
  border: 1px solid rgba(255, 190, 132, 0.38);
  border-radius: 16px;
  background: var(--glass-orange);
  box-shadow: 0 8px 26px rgba(255, 108, 0, 0.24);
  color: #0c0907;
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  font-size: 1.13rem;
  letter-spacing: 0.075em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.links-glass-network-open:hover,
.links-glass-network-open:focus-visible {
  outline: none;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(255, 108, 0, 0.42);
}

/* Every network card is editorial video with a platform-specific diagonal data plate. */
.links-glass-instagram {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  background: #080807;
}

.links-glass-instagram-video,
.links-glass-instagram-wedge,
.links-glass-instagram-content {
  position: absolute;
  inset: 0;
}

.links-glass-instagram-video {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 28%;
  filter: saturate(0.96) contrast(1.04) brightness(0.96);
  transform: translateZ(0) scale(1.04);
}

.links-glass-instagram-wedge {
  z-index: 1;
  inset: auto -15% -10% -9%;
  height: 57%;
  pointer-events: none;
  clip-path: polygon(0 0, 100% 47%, 100% 100%, 0 100%);
  border-top: 1px solid rgba(255, 174, 108, 0.8);
  background:
    linear-gradient(113deg, rgba(8, 8, 7, 0.76), rgba(39, 31, 25, 0.5) 56%, rgba(218, 183, 148, 0.1) 100%),
    rgba(12, 11, 10, 0.52);
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 235, 0.28),
    inset 0 20px 30px rgba(255, 123, 20, 0.045),
    0 -1px 11px rgba(255, 112, 6, 0.45);
  -webkit-backdrop-filter: blur(8px) saturate(1.04);
  backdrop-filter: blur(8px) saturate(1.04);
}

.links-glass-video--onlyfans .links-glass-instagram-video {
  object-position: 50% 50%;
  filter: saturate(0.91) contrast(1.08) brightness(0.91);
}

.links-glass-video--onlyfans .links-glass-instagram-wedge {
  inset: auto -15% -5% -9%;
  height: 34%;
  background:
    linear-gradient(115deg, rgba(11, 8, 7, 0.81), rgba(49, 27, 17, 0.58) 54%, rgba(255, 139, 49, 0.14) 100%),
    rgba(13, 10, 9, 0.56);
  box-shadow: inset 0 1px 0 rgba(255, 228, 202, 0.24), inset 0 22px 30px rgba(255, 99, 19, 0.1), 0 -1px 12px rgba(255, 99, 19, 0.38);
}

.links-glass-video--privacy .links-glass-instagram-video {
  object-position: 54% 50%;
  filter: saturate(0.9) contrast(1.08) brightness(0.9);
}

.links-glass-video--privacy .links-glass-instagram-wedge {
  inset: auto -15% -5% -9%;
  height: 34%;
  background:
    linear-gradient(118deg, rgba(7, 10, 11, 0.83), rgba(20, 39, 38, 0.59) 55%, rgba(123, 186, 166, 0.12) 100%),
    rgba(9, 12, 12, 0.56);
  box-shadow: inset 0 1px 0 rgba(211, 242, 229, 0.2), inset 0 22px 30px rgba(69, 141, 118, 0.08), 0 -1px 12px rgba(73, 167, 137, 0.26);
}

.links-glass-video--x-preview .links-glass-instagram-video {
  object-position: 50% 34%;
  filter: saturate(0.78) contrast(1.12) brightness(0.89);
}

.links-glass-video--x-preview .links-glass-instagram-wedge {
  background:
    linear-gradient(113deg, rgba(7, 8, 10, 0.86), rgba(29, 30, 34, 0.61) 58%, rgba(178, 180, 187, 0.11) 100%),
    rgba(8, 9, 11, 0.58);
  box-shadow: inset 0 1px 0 rgba(230, 231, 235, 0.18), inset 0 22px 30px rgba(161, 163, 173, 0.045), 0 -1px 12px rgba(180, 180, 186, 0.2);
}

.links-glass-video--telegram .links-glass-instagram-video {
  object-position: 50% 30%;
  filter: saturate(0.84) contrast(1.1) brightness(0.9);
}

.links-glass-video--telegram .links-glass-instagram-wedge {
  background:
    linear-gradient(115deg, rgba(6, 10, 13, 0.85), rgba(20, 43, 53, 0.58) 56%, rgba(125, 190, 204, 0.1) 100%),
    rgba(7, 12, 15, 0.56);
  box-shadow: inset 0 1px 0 rgba(200, 235, 243, 0.18), inset 0 22px 30px rgba(79, 158, 179, 0.08), 0 -1px 12px rgba(78, 169, 196, 0.25);
}

.links-glass-video--instagram .links-glass-instagram-video {
  object-position: 50% 28%;
}

.links-glass-video--x .links-glass-instagram-video {
  object-position: 50% 34%;
  filter: saturate(0.78) contrast(1.12) brightness(0.9);
}

.links-glass-video--x .links-glass-instagram-wedge {
  background:
    linear-gradient(110deg, rgba(5, 6, 7, 0.86), rgba(24, 26, 29, 0.62) 56%, rgba(214, 215, 211, 0.09) 100%),
    rgba(7, 8, 9, 0.58);
  box-shadow: inset 0 1px 0 rgba(236, 236, 230, 0.17), inset 0 22px 30px rgba(181, 184, 179, 0.04), 0 -1px 12px rgba(210, 210, 203, 0.18);
}

.links-glass-video--threads .links-glass-instagram-video {
  object-position: 50% 35%;
  filter: saturate(0.88) contrast(1.06) brightness(0.92);
}

.links-glass-video--threads .links-glass-instagram-wedge {
  background:
    linear-gradient(116deg, rgba(14, 8, 9, 0.84), rgba(46, 27, 29, 0.58) 56%, rgba(224, 174, 160, 0.1) 100%),
    rgba(13, 9, 10, 0.57);
  box-shadow: inset 0 1px 0 rgba(255, 228, 218, 0.18), inset 0 22px 30px rgba(202, 121, 97, 0.065), 0 -1px 12px rgba(205, 125, 101, 0.2);
}

.links-glass-video--tiktok .links-glass-instagram-video {
  object-position: 50% 48%;
  filter: saturate(0.9) contrast(1.11) brightness(0.9);
}

.links-glass-video--tiktok .links-glass-instagram-wedge {
  background:
    linear-gradient(112deg, rgba(7, 9, 9, 0.86), rgba(20, 37, 35, 0.6) 54%, rgba(208, 137, 132, 0.1) 100%),
    rgba(8, 10, 10, 0.57);
  box-shadow: inset 0 1px 0 rgba(213, 239, 234, 0.17), inset 0 22px 30px rgba(111, 186, 167, 0.07), 0 -1px 12px rgba(205, 114, 103, 0.2);
}

.links-glass-instagram-content {
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 10% 9%;
  color: #f3eadf;
}

.links-glass-instagram-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 3px;
  color: rgba(252, 239, 222, 0.93);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.19em;
  line-height: 1;
  text-transform: uppercase;
}

.links-glass-instagram-brand-icon {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  color: #f3eadf;
}

.links-glass-instagram-brand-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.links-glass-instagram-followers {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  font-weight: 400;
  line-height: 0.82;
  text-transform: uppercase;
}

.links-glass-instagram-followers > span {
  color: #f3eadf;
  font-size: clamp(3.15rem, 5.1cqw, 4.15rem);
  letter-spacing: 0.015em;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.52);
  text-transform: lowercase;
}

.links-glass-instagram-followers.is-offer > span {
  text-transform: uppercase;
}

.links-glass-instagram-followers small {
  margin-top: 8px;
  color: rgba(255, 237, 216, 0.94);
  font-size: clamp(1.55rem, 2.65cqw, 2.05rem);
  letter-spacing: 0.035em;
  line-height: 0.9;
}

.links-glass-instagram-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-top: 18px;
  padding: 10px 22px 9px;
  border: 1px solid rgba(255, 215, 179, 0.9);
  border-radius: 2px;
  background: #ff8318;
  box-shadow: 0 0 0 2px rgba(255, 113, 6, 0.62), 0 8px 18px rgba(0, 0, 0, 0.32);
  color: #f3eadf;
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.09em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.links-glass-instagram-open:hover,
.links-glass-instagram-open:focus-visible {
  outline: none;
  transform: translateY(-2px);
  background: #ff9b45;
  box-shadow: 0 0 0 2px rgba(255, 148, 54, 0.92), 0 12px 24px rgba(0, 0, 0, 0.44);
}

.links-glass-video-sensitive {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 11px;
  color: rgba(255, 237, 216, 0.82);
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  line-height: 1;
  text-transform: uppercase;
}

.links-glass-video-sensitive svg {
  width: 13px;
  height: 13px;
  color: var(--glass-orange);
}

.links-glass-network-gate {
  position: absolute;
  z-index: 8;
  inset: auto 18px 20px;
  padding: 18px;
  border: 1px solid rgba(255, 150, 63, 0.48);
  border-radius: 20px;
  background: rgba(10, 9, 8, 0.9);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.52), 0 0 22px rgba(255, 118, 8, 0.1);
}

.links-glass-network-gate[hidden] {
  display: none;
}

.links-glass-network-gate strong {
  color: var(--glass-orange);
  font-size: 0.73rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.links-glass-network-gate p {
  margin: 8px 0 14px;
  color: rgba(243, 234, 223, 0.78);
  font-size: 0.72rem;
  line-height: 1.45;
}

.links-glass-network-gate button {
  min-height: 40px;
  padding: 8px 18px;
  border: 0;
  border-radius: 13px;
  background: var(--glass-orange);
  color: #0a0806;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.links-glass-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

:root[data-theme="light"] .links-glass-home {
  --glass-cream: #17130f;
}

:root[data-theme="light"] .links-glass-home::before {
  content: none;
}

:root[data-theme="light"] .links-glass-wordmark {
  opacity: 0.92;
}

:root[data-theme="light"] .links-network-wheel {
  background: transparent;
}

:root[data-theme="light"] .links-network-rail {
  border-color: rgba(176, 89, 23, 0.22);
}

:root[data-theme="light"] .links-network-rail::before {
  background:
    linear-gradient(100deg, rgba(255, 255, 255, 0.4), transparent 36%, rgba(244, 119, 23, 0.06)),
    rgba(245, 239, 232, 0.38);
}

:root[data-theme="light"] .links-network-home {
  background: transparent;
  border-color: transparent;
}

:root[data-theme="light"] .links-network-wheel-item {
  color: rgba(246, 237, 226, 0.86);
}

:root[data-theme="light"] .links-glass-card-face {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.1) 42%, rgba(244, 119, 23, 0.08)),
    rgba(238, 230, 221, 0.38);
  border-color: rgba(168, 95, 42, 0.42);
}

@media (min-width: 577px) {
  .links-glass-wordmark {
    top: 64px;
  }
}

@media (max-width: 576px) {
  .links-top-card {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .links-glass-home {
    width: 100%;
    min-height: 760px;
    margin: 0;
    overflow: visible;
  }

  .links-glass-wordmark {
    top: 64px;
    left: 50%;
    width: calc(100% - 24px);
    max-width: 360px;
    transform: translateX(-50%);
  }

  .links-network-rail {
    top: 340px;
    right: 12px;
    left: auto;
    width: 52px;
  }

  .links-glass-card-stage {
    top: 208px;
    left: 46%;
    right: auto;
    width: min(58cqw, 228px);
    height: 520px;
  }

  .links-glass-card {
    --card-corner: 31px;
    border-radius: var(--card-corner);
    --device-depth: clamp(16px, 4cqw, 22px);
    --card-rest-y: -22deg;
    --card-rest-x: 3.8deg;
  }

  .links-glass-card-face {
    border-radius: var(--card-corner);
  }

  .links-glass-card-edge {
    border-radius: var(--card-corner);
  }

  /* Beat the generic mobile panel clip so the glass edge can render. */
  .links-top-card.links-top-card--glass-home {
    overflow: visible !important;
  }

  .links-glass-network {
    padding: 42px 18px 28px;
  }

  .links-glass-network-brand {
    width: 58px;
    height: 58px;
  }

  .links-glass-network-brand svg {
    width: 52px;
    height: 52px;
  }

  .links-glass-network-profile {
    gap: 9px;
    margin-top: 20px;
  }

  .links-glass-network-avatar-wrap {
    width: 48px;
    height: 48px;
  }

  .links-glass-network-handle {
    width: 100%;
    max-width: none;
    font-size: clamp(0.8rem, 3.6cqw, 1rem);
    letter-spacing: 0;
  }

  .links-glass-network-metric {
    margin-top: 16px;
    padding: 14px 0 12px;
    font-size: 1.65rem;
  }

  .links-glass-network-open {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding-inline: 14px;
    font-size: 1.05rem;
  }

}

@media (min-width: 577px) and (max-height: 800px) {
  .links-glass-home {
    min-height: 640px;
  }

  .links-glass-wordmark {
    top: 64px;
  }

  .links-network-rail {
    top: 237px;
  }

  .links-glass-card-stage {
    top: 156px;
    width: 240px;
    height: 456px;
  }

  .links-glass-network {
    padding: 30px 20px 22px;
  }

  .links-glass-network-brand {
    width: 54px;
    height: 54px;
  }

  .links-glass-network-brand svg {
    width: 48px;
    height: 48px;
  }

  .links-glass-network-profile {
    gap: 9px;
    margin-top: 14px;
  }

  .links-glass-network-avatar-wrap {
    width: 46px;
    height: 46px;
  }

  .links-glass-network-handle {
    font-size: 0.92rem;
  }

  .links-glass-network-metric {
    margin-top: 13px;
    padding: 10px 0 9px;
    font-size: 1.55rem;
  }

  .links-glass-network-sensitive {
    margin-top: 10px;
    font-size: 0.56rem;
  }

  .links-glass-network-open {
    min-height: 44px;
    padding-block: 10px;
    font-size: 1rem;
  }

}

/* Fit the artwork in short mobile viewports without shrinking controls or navigation. */
@media (max-width: 576px) and (max-height: 760px) {
  .links-glass-home {
    min-height: 640px;
  }

  .links-glass-wordmark {
    top: 66px;
  }

  .links-network-rail {
    top: 272px;
  }

  .links-glass-card-stage {
    top: 175px;
    width: min(60.53cqw, 236px);
    height: 450px;
  }

  .links-glass-network {
    padding-top: 30px;
    padding-bottom: 22px;
  }

  .links-glass-network-brand {
    width: 52px;
    height: 52px;
  }

  .links-glass-network-brand svg {
    width: 46px;
    height: 46px;
  }

  .links-glass-network-profile {
    margin-top: 14px;
  }

  .links-glass-network-metric {
    margin-top: 12px;
    padding-block: 9px;
  }

  .links-glass-network-sensitive {
    margin-top: 9px;
  }

}

@media (max-width: 429px) {
  .links-glass-wordmark {
    left: 50%;
    width: calc(104.5% - 18.81px);
    transform: translateX(-50%);
  }
}

@media (max-width: 576px) and (max-height: 660px) {
  .links-glass-wordmark {
    top: 62px;
  }

  .links-network-rail {
    top: 227px;
  }

  .links-glass-card-stage {
    top: 161px;
    width: min(60cqw, 192px);
    height: 382px;
  }

  .links-glass-network {
    padding: 24px 14px 18px;
  }

  .links-glass-network-brand {
    width: 44px;
    height: 44px;
  }

  .links-glass-network-brand svg {
    width: 40px;
    height: 40px;
  }

  .links-glass-network-profile {
    gap: 7px;
    margin-top: 10px;
  }

  .links-glass-network-avatar-wrap {
    width: 40px;
    height: 40px;
  }

  .links-glass-network-handle {
    font-size: 0.86rem;
  }

  .links-glass-network-metric {
    margin-top: 10px;
    padding-block: 8px;
    font-size: 1.35rem;
  }

  .links-glass-network-sensitive {
    gap: 5px;
    margin-top: 8px;
    font-size: 0.5rem;
  }

  .links-glass-network-open {
    min-height: 40px;
    padding-block: 8px;
    font-size: 0.9rem;
  }

}

body:has(.app-tab[data-tab="0"].is-active) .bottom-nav-menu {
  overflow: visible;
}

body:has(.app-tab[data-tab="0"].is-active) .bottom-nav-menu .nav-item {
  position: relative;
}

body:has(.app-tab[data-tab="0"].is-active) .nav-item[data-target="0"].is-active {
  color: var(--brand);
}

@media (max-width: 360px) {
  .links-network-rail {
    right: 24px;
    left: auto;
    width: 50px;
  }

  .links-glass-card-stage {
    left: 50%;
    right: auto;
    width: min(57.5cqw, 210px);
  }

  .links-glass-network {
    padding-inline: 16px;
  }

  .links-glass-network-profile {
    gap: 8px;
  }

  .links-glass-network-avatar-wrap {
    width: 42px;
    height: 42px;
  }

  .links-glass-network-handle {
    width: 100%;
    max-width: none;
    font-size: 0.78rem;
    letter-spacing: 0;
  }

  .links-glass-network-name {
    font-size: 0.58rem;
  }

  .links-glass-network-metric {
    font-size: 1.5rem;
  }

  .links-glass-network-sensitive {
    font-size: 0.55rem;
    letter-spacing: 0.12em;
  }

  .links-glass-network-open {
    min-width: 145px;
  }
}

@media (max-width: 360px) and (max-height: 660px) {
  .links-glass-card-stage {
    width: min(57.5cqw, 184px);
  }

  .links-glass-network {
    padding-inline: 12px;
  }

  .links-glass-network-profile {
    gap: 5px;
  }

  .links-glass-network-avatar-wrap {
    width: 36px;
    height: 36px;
  }

  .links-glass-network-handle {
    font-size: 0.78rem;
  }

  .links-glass-network-metric {
    font-size: 1.3rem;
  }

  .links-glass-network-sensitive {
    font-size: 0.48rem;
  }

  .links-glass-network-open {
    width: 100%;
    min-width: 0;
    font-size: 0.86rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .links-glass-card-stage,
  .links-glass-card,
  .links-glass-card-face,
  .links-glass-card-side,
  .links-glass-card-rim--back,
  .links-glass-card-optical,
  .links-glass-card-shine,
  .links-glass-card-face::after {
    animation: none !important;
  }

  .links-glass-card,
  .links-network-wheel-item,
  .links-network-wheel-track {
    transition-duration: 0.01ms !important;
  }

  .links-glass-card.is-flipping[data-active-face="a"] .links-glass-card-face--b,
  .links-glass-card.is-flipping[data-active-face="b"] .links-glass-card-face--a {
    visibility: hidden;
  }
}

/* ===== 2026-07 mobile polish ===== */
.links-menu-language {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  margin-right: 10px;
}

.links-menu-language::after {
  position: absolute;
  right: 10px;
  color: #ff6a00;
  content: '⌄';
  font-family: 'Sora', sans-serif;
  font-size: 1rem;
  pointer-events: none;
}

.links-menu-language__select {
  min-height: 38px;
  padding: 0 28px 0 12px;
  border: 1px solid #ff6a00;
  border-radius: 999px;
  appearance: none;
  background: transparent;
  color: #08090d;
  font-family: 'Sora', sans-serif;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

html:has(body.is-sensitive-dialog-open),
body.is-sensitive-dialog-open {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

.new-home-sensitive-dialog {
  z-index: var(--links-z-modal);
  overscroll-behavior: none;
  touch-action: none;
  pointer-events: auto;
}

.new-home-sensitive-dialog__backdrop {
  z-index: 0;
  pointer-events: auto !important;
}

.new-home-sensitive-dialog__panel {
  position: relative;
  z-index: 1;
}

.new-home-sensitive-dialog__panel {
  width: min(calc(100% - 48px), 336px);
  border-color: rgba(184, 216, 231, 0.82);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255,255,255,0.15), rgba(255,255,255,0.04) 42%, rgba(184,216,231,0.08)),
    rgba(17, 18, 22, 0.25) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.35);
  backdrop-filter: blur(24px) saturate(1.35);
}

.new-home-sensitive-dialog__backdrop {
  background: rgba(4, 5, 8, 0.78);
  -webkit-backdrop-filter: blur(18px) saturate(0.68);
  backdrop-filter: blur(18px) saturate(0.68);
}

.new-home-sensitive-unlock__lock {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
  color: rgba(184, 216, 231, 0.84);
  font-family: 'Material Symbols Rounded';
  font-size: 1.35rem;
  transform: translateY(-50%);
  transition: color 0.2s ease, transform 0.2s ease;
}

.new-home-sensitive-unlock[style*='--unlock-progress: 1'] .new-home-sensitive-unlock__lock,
.new-home-sensitive-unlock.is-unlocked .new-home-sensitive-unlock__lock {
  color: #08090d;
  transform: translateY(-50%) rotate(-12deg);
}

.new-home-sensitive-unlock {
  border-color: rgba(184, 216, 231, 0.82);
  background: rgba(184, 216, 231, 0.05);
}

.new-home-sensitive-unlock__thumb {
  background: #b8d8e7;
  color: #08090d;
}

.new-home-sensitive-unlock__thumb svg {
  transition: transform 0.2s ease;
}

.new-home-sensitive-unlock.is-dragging .new-home-sensitive-unlock__thumb svg {
  transform: translateX(3px);
}

.new-home-stage .highlights-coverflow {
  touch-action: pan-y;
}

.new-home-zone-toggle {
  touch-action: pan-y;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.new-home-zone-toggle:active {
  cursor: grabbing;
}

.new-home-zone-toggle.is-dragging .new-home-zone-toggle__thumb {
  transition: none;
}

@media (max-width: 576px) and (orientation: portrait) {
  .new-home-title {
    font-size: clamp(3.8rem, 15.2cqw, 5.5rem);
  }

  .new-home-stage {
    --highlight-card-width: clamp(170px, 45cqw, 190px);
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.78);
    margin-top: 30px;
  }

  .new-home-card.is-active {
    transform: translateX(-50%) translateY(6px) rotateZ(-2.5deg) scale(1.12);
  }

  .new-home-card.is-prev,
  .new-home-card.is-next {
    transform: translateX(calc(-50% + var(--new-home-card-offset, 0px))) translateY(40px) translateZ(-96px) rotateY(24deg) rotateZ(-9deg) scale(0.84);
  }

  .new-home-card.is-next {
    --new-home-card-offset: 40px;
    transform: translateX(calc(-50% + 40px)) translateY(40px) translateZ(-96px) rotateY(-24deg) rotateZ(9deg) scale(0.84);
  }

  .new-home-card.is-prev {
    --new-home-card-offset: -46px;
    transform: translateX(calc(-50% - 46px)) translateY(40px) translateZ(-96px) rotateY(24deg) rotateZ(-9deg) scale(0.84);
  }

  .new-home-card .highlight-platform-btn {
    min-height: 36px;
    padding-inline: 14px;
  }

  .partnerships-editorial-heading {
    padding-top: 56px;
  }

  .partnerships-eyebrow {
    margin-bottom: 30px;
  }

  .partnerships-title {
    font-size: clamp(3.35rem, 15.2cqw, 4.6rem);
    gap: 0.08em;
    transform: translateY(-8px);
  }

  .links-tools-navigation__item strong {
    white-space: nowrap;
    font-size: clamp(2rem, 9cqw, 3.2rem);
  }

  .partnerships-eyebrow {
    white-space: nowrap;
    font-size: clamp(0.72rem, 3.4cqw, 0.92rem);
    letter-spacing: 0.16em;
  }

  .partnerships-billboards {
    width: min(calc(100% - 56px), 334px);
    margin-top: 18px;
    gap: 8px;
  }

  .partnership-billboard--monte,
  .partnership-billboard--squad {
    min-height: 380px;
  }

  .partnerships-copy-btn.coupon-code-btn {
    min-width: 0;
  }

  .contact-ticket-stage {
    width: min(calc(100% - 56px), 334px);
  }

  .contact-ticket__email small {
    display: inline-block;
    margin-top: 5px;
    font-family: 'Inter', sans-serif;
    font-size: 0.55rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.25;
  }

  .contact-ticket--email {
    min-height: 204px;
  }

  .contact-ticket--email .contact-ticket__action {
    min-height: 44px;
    margin-top: 6px;
    font-size: 0.76rem;
  }

  .contact-about-next {
    display: none;
  }

  .contact-about-screen {
    position: relative;
    padding-inline: 38px !important;
  }

  .contact-about-view {
    justify-content: flex-end;
    padding-bottom: 22px;
  }

  .contact-about-hero,
  .contact-about-actions > .links-tools-language,
  .contact-about-actions > [data-contact-about-theme] {
    display: none !important;
  }

  .contact-about-actions {
    position: absolute;
    top: max(20px, env(safe-area-inset-top, 0px));
    right: 24px;
    display: flex;
    width: auto;
    margin: 0;
    gap: 8px;
  }

  .contact-about-actions > .links-tools-action {
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 50%;
  }

  .contact-about-actions > .links-tools-action span:last-child {
    display: none;
  }

  .contact-about-actions svg {
    width: 20px;
    height: 20px;
  }

  .contact-about-view::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: auto;
    background: transparent;
  }

  .contact-about-credit {
    display: block;
    margin: auto 0 0;
    color: rgba(23, 17, 12, 0.72);
    font-family: 'Sora', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-align: center;
  }

  .contact-about-view > .links-tools-sheet__url,
  .contact-about-view > .links-tools-sheet__status {
    display: none;
  }

  html:has(.contact-about-tab.is-active)::before,
  html:has(.contact-about-tab.is-active)::after,
  body:has(.contact-about-tab.is-active)::before,
  body:has(.contact-about-tab.is-active)::after {
    display: none !important;
  }
}

/* Keep the home rail hint after all responsive rail refinements. */
.links-section-rail.is-home-hinting {
  align-items: stretch !important;
  gap: 3px !important;
  width: min(176px, calc(100cqw - 34px)) !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  background: rgba(7, 8, 11, .86) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .25) !important;
}

.links-section-rail.is-home-hinting .links-section-rail__dot {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 27px !important;
  padding: 0 7px 0 22px !important;
  border-radius: 8px;
  opacity: 0;
  transform: translateX(-8px);
  animation: intro-home-rail-step .34s cubic-bezier(.18, .84, .2, 1) both;
}

.links-section-rail.is-home-hinting .links-section-rail__dot::after { left: 6px !important; }

.links-section-rail.is-home-hinting .links-section-rail__label {
  max-width: 132px !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(1) { animation-delay: .26s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(2) { animation-delay: .37s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(3) { animation-delay: .48s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(4) { animation-delay: .59s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(5) { animation-delay: .70s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(6) { animation-delay: .81s; }

.links-section-rail.is-home-hinting .links-section-rail__dot.is-active { background: rgba(255, 255, 255, .1); }
.links-section-rail.is-home-hinting .links-section-rail__thumb { left: 18px !important; }

@media (prefers-reduced-motion: reduce) {
  .links-section-rail.is-home-hinting .links-section-rail__dot { animation: none !important; }
}

/* Highlights selection: a compact editorial panel layered over the lower
   portion of a raised poster. These rules close the shared canvas cascade. */
.highlights-selection {
  top: 48% !important;
  width: min(100% - 24px, 460px) !important;
  height: min(520px, calc(100% - 50px)) !important;
}

.highlights-selection__poster {
  top: -44px !important;
  width: min(76%, 270px) !important;
}

.highlights-selection__access {
  right: auto !important;
  bottom: -4px !important;
  left: 50% !important;
  width: min(78%, 342px) !important;
  padding: 18px 18px 16px !important;
  transform: translateX(-50%);
}

.highlights-selection__access > p:first-child {
  margin: 0 0 7px !important;
  color: var(--highlight-blue) !important;
  font: 700 clamp(.46rem, .85cqw, .68rem)/1 'Sora', sans-serif !important;
  letter-spacing: .16em !important;
  text-transform: uppercase;
}

.highlights-selection__access h3 {
  font: 400 clamp(1.5rem, 5.2cqw, 2.15rem)/.9 'Anton', sans-serif !important;
  letter-spacing: -.025em !important;
}

@media (max-width: 576px) {
  .highlights-selection {
    width: min(100% - 24px, 366px) !important;
    height: min(520px, calc(100% - 44px)) !important;
  }

  .highlights-selection__poster {
    top: -42px !important;
    width: min(76%, 270px) !important;
  }

  .highlights-selection__access {
    width: min(78%, 310px) !important;
    padding: 17px 16px 15px !important;
  }
}

/* Home entrance: the existing video and ambient motion remain continuous;
   only the opening choreography is staged when the home section is reached. */
.intro-home-tab.is-home-entering .intro-home__video {
  animation: intro-home-video-reveal 1.05s cubic-bezier(.2, .82, .2, 1) both;
}

.intro-home-tab.is-home-entering .intro-home::before,
.intro-home-tab.is-home-entering .intro-home::after {
  animation: intro-home-overlay-reveal .8s ease both;
}

.intro-home-tab.is-home-entering .intro-home__copy {
  animation: intro-home-copy-reveal .65s .12s cubic-bezier(.2, .82, .2, 1) both;
}

.intro-home-tab.is-home-entering .intro-home__name-line > span {
  animation: intro-home-slide-up .68s .2s cubic-bezier(.18, .84, .2, 1) both;
}

.intro-home-tab.is-home-entering .intro-home__favorite-label > span,
.intro-home-tab.is-home-entering .intro-home__role-word {
  animation: intro-home-slide-up .68s 1.2s cubic-bezier(.18, .84, .2, 1) both;
}

.intro-home-tab.is-home-entering .intro-home__shuffle-marker {
  animation: intro-home-favorite-reveal .68s 1.2s cubic-bezier(.18, .84, .2, 1) both;
}

.intro-home-tab.is-home-entering .intro-home__next {
  animation: intro-home-next-reveal .62s 1.76s cubic-bezier(.18, .84, .2, 1) both;
}

.links-shell:has(.intro-home-tab.is-home-entering) .links-card-controls {
  animation: intro-home-controls-reveal .55s 1.76s cubic-bezier(.18, .84, .2, 1) both;
}

@keyframes intro-home-video-reveal {
  from { opacity: 0; transform: scale(1.055); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes intro-home-overlay-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes intro-home-copy-reveal {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes intro-home-title-reveal {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes intro-home-slide-up {
  from { transform: translateY(1.5em); }
  to { transform: translateY(0); }
}

@keyframes intro-home-favorite-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes intro-home-next-reveal {
  from { opacity: 0; transform: translate(-50%, 20px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

@keyframes intro-home-controls-reveal {
  from { opacity: 0; transform: translateX(-50%) translateY(-10px); }
  to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* The rail briefly opens title by title on home, clarifying that it is a
   direct section navigator before returning to its compact dot state. */
.links-section-rail.is-home-hinting {
  align-items: stretch;
  gap: 3px;
  width: min(176px, calc(100cqw - 34px)) !important;
  padding: 10px 12px !important;
  border-radius: 18px;
  background: rgba(7, 8, 11, .86);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .25);
}

.links-section-rail.is-home-hinting .links-section-rail__dot {
  display: flex;
  align-items: center;
  width: 100% !important;
  height: 27px !important;
  padding: 0 7px 0 22px;
  border-radius: 8px;
  opacity: 0;
  transform: translateX(-8px);
  animation: intro-home-rail-step .34s cubic-bezier(.18, .84, .2, 1) both;
}

.links-section-rail.is-home-hinting .links-section-rail__dot::after {
  left: 6px;
}

.links-section-rail.is-home-hinting .links-section-rail__label {
  max-width: 132px;
  opacity: 1;
  transform: translateX(0);
}

.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(1) { animation-delay: .26s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(2) { animation-delay: .37s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(3) { animation-delay: .48s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(4) { animation-delay: .59s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(5) { animation-delay: .70s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(6) { animation-delay: .81s; }

.links-section-rail.is-home-hinting .links-section-rail__dot.is-active {
  background: rgba(255, 255, 255, .1);
}

.links-section-rail.is-home-hinting .links-section-rail__thumb {
  left: 18px;
}

@keyframes intro-home-rail-step {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .intro-home-tab.is-home-entering .intro-home__video,
  .intro-home-tab.is-home-entering .intro-home::before,
  .intro-home-tab.is-home-entering .intro-home::after,
  .intro-home-tab.is-home-entering .intro-home__copy,
  .intro-home-tab.is-home-entering .intro-home__name-line,
  .intro-home-tab.is-home-entering .intro-home__favorite-line,
  .intro-home-tab.is-home-entering .intro-home__next,
  .links-shell:has(.intro-home-tab.is-home-entering) .links-card-controls,
  .links-section-rail.is-home-hinting .links-section-rail__dot {
    animation: none !important;
  }
}

/* Final cascade for the layered Highlights access composition. */
.highlights-selection {
  width: min(100% - 32px, 470px) !important;
  height: min(460px, calc(100% - 38px)) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.highlights-marquee-tab.has-highlight-selection .highlights-selection,
.highlights-marquee-tab.is-selection-leaving .highlights-selection {
  display: block !important;
}

.highlights-selection__poster {
  position: absolute !important;
  z-index: 1;
  top: 0;
  left: 50%;
  width: min(62%, 242px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  aspect-ratio: 2 / 3 !important;
  transform: translateX(-50%) !important;
}

.highlights-selection__access {
  position: absolute !important;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 46px;
  min-width: 0;
  padding: 17px 16px 14px !important;
  border: 1px solid rgba(184, 216, 231, .7);
  border-radius: 25px;
  background: linear-gradient(140deg, rgba(184, 216, 231, .18), rgba(255, 255, 255, .025) 42%), rgba(8, 9, 14, .97);
  box-shadow: 0 20px 42px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 255, 255, .045) inset;
}

.highlights-selection__close {
  top: 10px !important;
  right: 10px !important;
}

.highlights-selection__access > p:first-child,
.highlights-selection__access h3,
.highlights-selection__sensitive,
.highlights-selection__sliders,
.highlights-selection__notice {
  max-width: calc(100% - 34px);
}

@media (max-width: 576px) {
  .highlights-selection {
    width: min(100% - 28px, 360px) !important;
    height: min(460px, calc(100% - 34px)) !important;
  }

  .highlights-selection__poster {
    width: min(68%, 236px) !important;
  }

  .highlights-selection__access {
    padding: 15px 14px 13px !important;
    border-radius: 22px;
  }
}

/* Highlights access: a large, independent poster with the access card layered
   over its lower edge instead of treating both pieces as one split card. */
.highlights-selection {
  display: none;
  width: min(100% - 32px, 470px);
  height: min(460px, calc(100% - 38px));
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.highlights-marquee-tab.has-highlight-selection .highlights-selection,
.highlights-marquee-tab.is-selection-leaving .highlights-selection {
  display: block;
}

.highlights-selection__poster {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  width: min(62%, 242px);
  min-width: 0;
  margin: 0;
  aspect-ratio: 2 / 3;
  transform: translateX(-50%);
}

.highlights-selection__access {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 0;
  padding: 17px 16px 14px;
  border: 1px solid rgba(184, 216, 231, .7);
  border-radius: 25px;
  background: linear-gradient(140deg, rgba(184, 216, 231, .18), rgba(255, 255, 255, .025) 42%), rgba(8, 9, 14, .97);
  box-shadow: 0 20px 42px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 255, 255, .045) inset;
}

.highlights-selection__close {
  top: 10px;
  right: 10px;
}

.highlights-selection__access > p:first-child,
.highlights-selection__access h3,
.highlights-selection__sensitive,
.highlights-selection__sliders,
.highlights-selection__notice {
  max-width: calc(100% - 34px);
}

.highlights-selection__poster figcaption {
  display: none;
}

@media (max-width: 576px) {
  .highlights-selection {
    width: min(100% - 28px, 360px);
    height: min(460px, calc(100% - 34px));
  }

  .highlights-selection__poster {
    width: min(68%, 236px);
  }

  .highlights-selection__access {
    padding: 15px 14px 13px;
    border-radius: 22px;
  }

  .highlights-selection__close {
    top: 8px;
    right: 8px;
  }
}

/* Highlights: two-lane infinite poster wall and persistent per-platform access. */
.highlights-marquee-tab {
  --highlight-ink: #08090d;
  --highlight-paper: #F2ECE3;
  --highlight-blue: #b8d8e7;
  --highlight-orange: #ff6a00;
  width: 100%;
  min-height: 100%;
  padding-bottom: 34px;
  overflow: hidden;
  position: relative;
}

.highlights-marquee-tab::after {
  position: absolute;
  z-index: 12;
  inset: 0;
  content: '';
  opacity: 0;
  background: rgba(3, 4, 7, .56);
  backdrop-filter: blur(2px);
  pointer-events: none;
  transition: opacity .26s ease;
}

.highlights-marquee-tab.has-highlight-selection::after,
.highlights-marquee-tab.is-selection-leaving::after {
  opacity: 1;
}

.highlights-marquee-tab.has-highlight-selection::after,
.highlights-marquee-tab.is-selection-leaving::after {
  pointer-events: auto;
  touch-action: none;
}

html:has(body.is-highlight-selection-open),
body.is-highlight-selection-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}

body.is-highlight-selection-open .links-card-controls,
body.is-highlight-selection-open .links-section-rail,
body.is-highlight-selection-open .links-back-to-top {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition-delay: 0s !important;
}

.highlights-marquee-tab .highlights-editorial-heading {
  padding-top: 44px;
}

.highlights-marquee-tab .highlights-eyebrow {
  margin-bottom: 25px;
  color: var(--highlight-blue);
}

.highlights-marquee-tab .highlights-drop-title {
  display: block;
  font-size: clamp(4.2rem, 17.8cqw, 6.5rem);
  line-height: .72;
  transform: none;
}

.highlights-marquee-tab .highlights-drop-title span {
  width: auto;
}

.highlights-marquee {
  position: relative;
  flex: 0 0 auto;
  width: calc(100% + 48px);
  margin: 24px -24px 0;
  padding: 8px 0 16px;
  overflow: hidden;
  isolation: isolate;
}

.highlights-marquee::before,
.highlights-marquee::after {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 54px;
  content: '';
  pointer-events: none;
}

.highlights-marquee::before {
  left: 0;
  background: linear-gradient(90deg, var(--highlight-ink), transparent);
}

.highlights-marquee::after {
  right: 0;
  background: linear-gradient(270deg, var(--highlight-ink), transparent);
}

.highlights-marquee__instruction {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 24px 12px;
  color: rgba(243, 236, 228, .6);
  font: 600 .54rem/1.2 'Sora', sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  text-align: center;
}

.highlights-marquee__instruction .material-symbols-rounded {
  flex: 0 0 auto;
  font-size: .9rem;
}

.highlights-marquee__row {
  position: relative;
  display: flex;
  width: 100%;
  overflow: visible;
  contain: layout style;
}

.highlights-marquee__row + .highlights-marquee__row {
  margin-top: 7px;
}

.highlights-marquee__track {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
  width: max-content;
  padding-left: 8px;
  animation: highlights-marquee-forward 28s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}

.highlights-marquee__row--reverse .highlights-marquee__track {
  animation-name: highlights-marquee-reverse;
  animation-duration: 31s;
}

.highlights-marquee-tab.has-highlight-selection .highlights-marquee__track,
.highlights-marquee-tab.has-poster-preview .highlights-marquee__track,
.highlights-marquee-tab.is-poster-pressing .highlights-marquee__track {
  animation-play-state: paused;
}

/* A hidden wall must not keep compositing thirty poster copies. Pause the
   three lanes outside Conteúdo and while the vertical page gesture owns the
   pointer, then resume from the same animation time if the gesture cancels. */
.highlights-marquee-tab:not(.is-active) .highlights-marquee__track,
.highlights-marquee-tab.is-page-entering .highlights-marquee__track,
.highlights-marquee-tab.is-page-leaving .highlights-marquee__track,
.highlights-marquee-tab.is-page-drag-current .highlights-marquee__track {
  animation-play-state: paused;
}

.highlights-marquee-tab:not(.is-active) .highlights-marquee__track {
  will-change: auto;
}

.highlights-marquee__row:focus-within .highlights-marquee__track {
  animation-play-state: paused;
}

.highlights-marquee__poster {
  position: relative;
  display: grid;
  flex: 0 0 96px;
  width: 96px;
  aspect-ratio: 2 / 3;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(243, 236, 228, .16);
  border-radius: 16px;
  background: #15161b;
  box-shadow: 0 13px 22px rgba(0, 0, 0, .24);
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), border-color .3s ease, filter .3s ease, box-shadow .3s ease;
}

.highlights-marquee__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-select: none;
  filter: saturate(.76) contrast(1.06) brightness(.8);
  transition: filter .3s ease, transform .45s cubic-bezier(.2, .8, .2, 1);
}

.highlights-marquee__poster::after {
  position: absolute;
  inset: 0;
  content: '';
  background: linear-gradient(180deg, transparent 42%, rgba(2, 3, 5, .72));
  pointer-events: none;
}

.highlights-marquee__poster:hover,
.highlights-marquee__poster:focus-visible,
.highlights-marquee__poster.is-selected {
  z-index: 2;
  border-color: var(--highlight-blue);
  box-shadow: 0 0 0 1px rgba(184, 216, 231, .28), 0 15px 30px rgba(0, 0, 0, .52);
  transform: translateY(-5px) scale(1.04);
}

.highlights-marquee__poster:hover img,
.highlights-marquee__poster:focus-visible img,
.highlights-marquee__poster.is-selected img {
  filter: saturate(1) contrast(1.04) brightness(1);
  transform: scale(1.05);
}

.highlights-marquee__poster:focus-visible,
.highlights-access-slider__thumb:focus-visible {
  outline: 2px solid var(--highlight-blue);
  outline-offset: 3px;
}

@keyframes highlights-marquee-forward {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-50% - 4px), 0, 0); }
}

@keyframes highlights-marquee-reverse {
  from { transform: translate3d(calc(-50% - 4px), 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}

.highlights-selection {
  position: absolute;
  z-index: 20;
  top: 51%;
  left: 50%;
  display: none;
  width: min(100% - 32px, 470px) !important;
  height: min(460px, calc(100% - 38px)) !important;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translate(-50%, -50%);
  transform-origin: center;
}

.highlights-marquee-tab.has-highlight-selection .highlights-selection,
.highlights-marquee-tab.is-selection-leaving .highlights-selection {
  display: block !important;
}

.is-selection-entering .highlights-selection {
  animation: highlight-selection-panel-in .4s cubic-bezier(.2, .82, .18, 1) both;
}

.highlights-marquee-tab.is-selection-leaving .highlights-selection {
  animation: highlight-selection-out .26s cubic-bezier(.4, 0, 1, 1) both;
  pointer-events: none;
}

.highlights-selection__poster {
  position: absolute !important;
  z-index: 1;
  top: 0;
  left: 50%;
  width: min(62%, 242px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(184, 216, 231, .65);
  border-radius: 18px;
  background: #121318;
  box-shadow: 0 12px 25px rgba(0, 0, 0, .35);
  aspect-ratio: 2 / 3 !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  transform: translateX(-50%) !important;
}

.highlights-selection__close {
  position: absolute;
  z-index: 5;
  top: 8px;
  right: 8px;
  display: inline-grid;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid rgba(184, 216, 231, .36);
  border-radius: 50%;
  place-items: center;
  background: rgba(7, 8, 12, .72);
  color: var(--highlight-paper);
  cursor: pointer;
}

.highlights-selection__close .material-symbols-rounded {
  font-size: .82rem;
}

.highlights-selection__close:hover,
.highlights-selection__close:focus-visible {
  border-color: var(--highlight-blue);
  background: rgba(184, 216, 231, .18);
}

.highlights-selection__poster::after {
  position: absolute;
  inset: 0;
  content: '';
  background: linear-gradient(180deg, transparent 56%, rgba(2, 3, 5, .78));
  pointer-events: none;
}

.highlights-selection__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-select: none;
  transition: opacity .24s ease, transform .45s cubic-bezier(.2, .8, .2, 1);
}

.highlights-selection__poster-placeholder {
  position: absolute;
  inset: 0;
  display: none;
  place-items: center;
  background:
    linear-gradient(135deg, transparent 48%, rgba(184, 216, 231, .12) 49% 51%, transparent 52%),
    linear-gradient(45deg, transparent 48%, rgba(184, 216, 231, .08) 49% 51%, transparent 52%),
    rgba(184, 216, 231, .05);
  color: rgba(184, 216, 231, .8);
}

.highlights-selection__poster.is-placeholder {
  border-style: dashed;
  border-color: rgba(184, 216, 231, .35);
  box-shadow: none;
}

.highlights-selection__poster.is-placeholder .highlights-selection__poster-placeholder {
  display: grid;
}

.highlights-selection__poster-placeholder .material-symbols-rounded {
  font-size: 1.35rem;
}

.highlights-selection.is-placeholder {
  border-color: rgba(184, 216, 231, .15);
}

.highlights-selection.is-placeholder .highlights-selection__access h3 {
  color: rgba(243, 236, 228, .72);
}

.highlights-selection__poster figcaption {
  position: absolute;
  z-index: 2;
  right: 9px;
  bottom: 9px;
  left: 9px;
  color: var(--highlight-paper);
  font: 700 .49rem/1.15 'Sora', sans-serif;
  letter-spacing: .12em;
}

.is-selection-entering .highlights-selection__poster img {
  animation: highlight-selection-poster-in .5s cubic-bezier(.2, .8, .2, 1) both;
}

.is-selection-entering .highlights-selection__access {
  animation: highlight-selection-access-in .46s .06s cubic-bezier(.2, .8, .2, 1) both;
}

@keyframes highlight-selection-poster-in {
  from { opacity: .2; transform: scale(1.08); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes highlight-selection-access-in {
  from { opacity: 0; translate: 12px 0; }
  to { opacity: 1; translate: 0 0; }
}

@keyframes highlight-selection-out {
  from { opacity: 1; transform: translate(-50%, -50%); }
  to { opacity: 0; transform: translate(-50%, calc(-50% - 10px)); }
}

@keyframes highlight-selection-panel-in {
  from { opacity: 0; transform: translate(-50%, calc(-50% + 14px)) scale(.96); }
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.highlights-selection__access {
  position: absolute !important;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 46px;
  min-width: 0;
  padding: 17px 16px 14px !important;
  border: 1px solid rgba(184, 216, 231, .7);
  border-radius: 25px;
  background: linear-gradient(140deg, rgba(184, 216, 231, .18), rgba(255, 255, 255, .025) 42%), rgba(8, 9, 14, .97);
  box-shadow: 0 20px 42px rgba(0, 0, 0, .58), 0 0 0 1px rgba(255, 255, 255, .045) inset;
}

.highlights-selection__access > p:first-child {
  margin: 0 0 5px;
  color: var(--highlight-blue);
  font: 700 .48rem/1 'Sora', sans-serif;
  letter-spacing: .15em;
}

.highlights-selection__access h3 {
  margin: 0;
  color: var(--highlight-paper);
  font: 400 clamp(1.25rem, 5.5cqw, 2rem)/.9 'Anton', sans-serif;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.highlights-selection__sensitive {
  display: block;
  margin-top: 6px;
  color: rgba(243, 236, 228, .56);
  font: 500 .53rem/1.2 'Sora', sans-serif;
  letter-spacing: .035em;
}

.highlights-selection__sliders {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.highlights-access-slider {
  --access-translate: 0px;
  position: relative;
  display: grid;
  grid-template-columns: 37px 1fr;
  grid-template-rows: 1fr 1fr;
  min-height: 39px;
  overflow: hidden;
  border: 1px solid rgba(184, 216, 231, .44);
  border-radius: 999px;
  background: rgba(6, 7, 10, .66);
  color: var(--highlight-paper);
}

.highlights-access-slider__fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(39px + (100% - 39px) * var(--access-progress));
  border-radius: inherit;
  background: rgba(184, 216, 231, .18);
  pointer-events: none;
  transition: width .1s linear;
}

.highlights-access-slider__thumb {
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 3px;
  display: inline-grid;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  place-items: center;
  background: var(--highlight-blue);
  color: #08090d;
  cursor: grab;
  touch-action: none;
  transform: translateX(var(--access-translate));
  transition: transform .16s cubic-bezier(.2, .8, .2, 1), background .2s ease;
}

.highlights-access-slider.is-dragging .highlights-access-slider__thumb { cursor: grabbing; transition: none; }
.highlights-access-slider.is-resetting .highlights-access-slider__thumb { transition: transform .34s cubic-bezier(.2, .82, .18, 1); }
.highlights-access-slider.is-unlocked .highlights-access-slider__thumb { background: var(--highlight-orange); }

.highlights-access-slider__thumb .material-symbols-rounded { font-size: 1rem; }

.highlights-access-slider__platform,
.highlights-access-slider small {
  position: relative;
  z-index: 1;
  grid-column: 2;
  padding-left: 4px;
  white-space: nowrap;
}

.highlights-access-slider__platform {
  align-self: end;
  color: var(--highlight-paper);
  font: 700 .61rem/1 'Sora', sans-serif;
}

.highlights-access-slider small {
  align-self: start;
  margin-top: 2px;
  color: rgba(243, 236, 228, .55);
  font: 500 .43rem/1 'Sora', sans-serif;
  letter-spacing: .025em;
}

.highlights-access-slider.is-unavailable {
  border-color: rgba(243, 236, 228, .15);
  opacity: .46;
}

.highlights-access-slider.is-unavailable .highlights-access-slider__thumb {
  background: rgba(243, 236, 228, .22);
  color: rgba(243, 236, 228, .6);
  cursor: not-allowed;
}

.highlights-selection__notice {
  display: flex;
  gap: 5px;
  margin: 10px 0 0;
  color: rgba(243, 236, 228, .47);
  font: 500 .43rem/1.25 'Sora', sans-serif;
}

.highlights-selection__notice .material-symbols-rounded {
  flex: 0 0 auto;
  font-size: .76rem;
  color: var(--highlight-blue);
}

@media (min-width: 577px) {
  .highlights-marquee-tab .highlights-editorial-heading { padding-top: 55px; }
  .highlights-marquee__poster { flex-basis: 128px; width: 128px; border-radius: 19px; }
  .highlights-marquee__track { gap: 11px; }
  .highlights-marquee__row + .highlights-marquee__row { margin-top: 11px; }
  .highlights-selection { grid-template-columns: 190px minmax(250px, 1fr); gap: 22px; margin: 0; padding: 18px; }
  .highlights-selection__access > p:first-child { font-size: .58rem; }
  .highlights-selection__access h3 { font-size: 2.15rem; }
  .highlights-selection__sensitive { font-size: .62rem; }
  .highlights-access-slider { min-height: 48px; grid-template-columns: 46px 1fr; }
  .highlights-access-slider__thumb { width: 40px; height: 40px; }
  .highlights-access-slider__platform { font-size: .72rem; }
  .highlights-access-slider small { font-size: .5rem; }
}

/* The desktop app lives in the same fixed-height canvas as the mobile view.
   Keep Highlights compact enough that its persistent access panel remains in view. */
@media (min-width: 577px) {
  .highlights-marquee-tab {
    padding-bottom: 20px;
  }

  .highlights-marquee-tab .highlights-editorial-heading {
    padding-top: 25px;
  }

  .highlights-marquee-tab .highlights-eyebrow {
    margin-bottom: 12px;
  }

  .highlights-marquee-tab .highlights-drop-title {
    font-size: clamp(3.7rem, 6.3cqw, 4.6rem);
    line-height: .76;
  }

  .highlights-marquee {
    margin-top: 14px;
    padding: 5px 0 10px;
  }

  .highlights-marquee__instruction {
    margin-bottom: 9px;
  }

  .highlights-marquee__poster {
    flex-basis: 82px;
    width: 82px;
    border-radius: 15px;
  }

  .highlights-marquee__track {
    gap: 8px;
  }

  .highlights-marquee__row + .highlights-marquee__row {
    margin-top: 7px;
  }

  .highlights-selection {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 12px;
    width: min(100% - 44px, 510px);
    margin: 0;
    padding: 10px;
    border-radius: 21px;
  }

  .highlights-selection__poster {
    border-radius: 14px;
    aspect-ratio: 4 / 5;
  }

  .highlights-selection__close {
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
  }

  .highlights-selection__access > p:first-child {
    margin-bottom: 4px;
    font-size: .48rem;
  }

  .highlights-selection__access h3 {
    font-size: 1.6rem;
  }

  .highlights-selection__sensitive {
    margin-top: 4px;
    font-size: .5rem;
  }

  .highlights-selection__sliders {
    gap: 6px;
    margin-top: 9px;
  }

  .highlights-access-slider {
    grid-template-columns: 35px 1fr;
    min-height: 37px;
  }

  .highlights-access-slider__fill {
    width: calc(37px + (100% - 37px) * var(--access-progress));
  }

  .highlights-access-slider__thumb {
    width: 30px;
    height: 30px;
  }

  .highlights-access-slider__platform {
    font-size: .57rem;
  }

  .highlights-access-slider small {
    font-size: .4rem;
  }

  .highlights-selection__notice {
    margin-top: 7px;
    font-size: .4rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .highlights-marquee__track,
  .is-selection-entering .highlights-selection__poster img,
  .is-selection-entering .highlights-selection__access { animation: none; }
  .highlights-marquee__track { transform: none; }
}

/* Final layout tightening: preserve the motion system while giving dense pages
   more useful space at their most constrained breakpoints. */
@media (min-width: 577px) and (max-height: 940px) {
  html.links-paged-page .new-home-tab.is-active {
    min-height: 900px;
  }
}

/* Desktop override: no paged mode, new-home-tab must fit inside the card */
@media (min-width: 577px) {
  html.links-paged-page .new-home-tab.is-active {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }
}


.contact-ticket--location .contact-ticket__action--location {
  min-height: 50px;
  padding: 11px 13px;
  font-family: 'Sora', sans-serif;
  font-size: clamp(0.64rem, 2.35cqw, 0.82rem);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

@media (max-width: 576px) {
  .highlights-marquee-tab {
    padding-bottom: 24px;
  }

  .highlights-marquee-tab .highlights-editorial-heading {
    padding-top: 28px;
  }

  .highlights-marquee-tab .highlights-eyebrow {
    margin-bottom: 14px;
    font-size: .59rem;
  }

  .highlights-marquee-tab .highlights-drop-title {
    font-size: clamp(3.5rem, 15cqw, 4.25rem);
    line-height: .78;
  }

  .highlights-marquee {
    display: block;
    flex: 0 0 auto;
    margin-top: 16px;
    padding: 5px 0 28px;
  }

  .highlights-marquee__instruction {
    margin-bottom: 9px;
    font-size: .49rem;
  }

  .highlights-marquee__poster {
    flex-basis: clamp(80px, 16vh, 140px);
    width: clamp(80px, 16vh, 140px);
    border-radius: 14px;
  }

  .highlights-marquee__track {
    gap: 7px;
  }

  .highlights-marquee__row + .highlights-marquee__row {
    margin-top: 6px;
  }

  .highlights-marquee__row {
    height: clamp(120px, 24vh, 210px);
  }

  .highlights-selection {
    grid-template-columns: minmax(86px, .62fr) minmax(0, 1fr);
    gap: 10px;
    width: min(100% - 32px, 360px);
    margin: 0;
    padding: 10px;
    border-radius: 21px;
  }

  .highlights-selection__poster {
    border-radius: 14px;
    aspect-ratio: 4 / 5;
  }

  .highlights-selection__access > p:first-child {
    margin-bottom: 4px;
    font-size: .43rem;
  }

  .highlights-selection__access h3 {
    font-size: clamp(1.16rem, 5.2cqw, 1.5rem);
  }

  .highlights-selection__sensitive {
    margin-top: 4px;
    font-size: .46rem;
  }

  .highlights-selection__sliders {
    gap: 6px;
    margin-top: 9px;
  }

  .highlights-access-slider {
    grid-template-columns: 34px 1fr;
    min-height: 35px;
  }

  .highlights-access-slider__fill {
    width: calc(35px + (100% - 35px) * var(--access-progress));
  }

  .highlights-access-slider__thumb {
    top: 3px;
    left: 3px;
    width: 28px;
    height: 28px;
  }

  .highlights-access-slider__platform {
    font-size: .54rem;
  }

  .highlights-access-slider small {
    font-size: .38rem;
  }

  .highlights-selection__notice {
    margin-top: 7px;
    font-size: .38rem;
  }

  .partnerships-billboards {
    width: min(calc(100% - 42px), 348px);
    gap: 4px;
  }

  .partnership-billboard--monte,
  .partnership-billboard--squad {
    min-height: 374px;
  }

  .partnership-description {
    min-height: 76px !important;
    font-size: clamp(0.63rem, 2.5cqw, 0.7rem) !important;
    line-height: 1.46 !important;
  }
}

/* Interaction polish: grouped here to keep later visual changes isolated. */
.links-section-rail:not(.is-expanded) {
  width: 28px !important;
  padding-inline: 0 !important;
}

.links-section-rail:not(.is-expanded) .links-section-rail__dot {
  width: 26px !important;
  height: 18px !important;
}

.links-back-to-top {
  width: 52px !important;
  height: 52px !important;
}

.share-option-item {
  min-height: 76px;
  border-radius: 14px;
}

.share-option-item:focus-visible,
.coupon-code-btn:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
}

.links-section-rail.is-feedback .links-section-rail__thumb,
.coupon-code-btn.is-feedback,
.share-option-item.is-feedback {
  animation: links-interaction-flash 0.42s ease both;
}

@keyframes links-interaction-flash {
  45% { opacity: 0.66; filter: brightness(1.24); }
  100% { opacity: 1; filter: brightness(1); }
}

@media (prefers-reduced-motion: reduce) {
  .links-section-rail.is-feedback .links-section-rail__thumb,
  .coupon-code-btn.is-feedback,
  .share-option-item.is-feedback,
  .share-toast.is-feedback {
    animation: none;
  }
}

/* Final viewport-fit overrides: kept last to win over legacy page rules. */
.links-section-rail {
  left: max(10px, calc(50% - min(288px, calc(50cqw - 14px)))) !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.links-back-to-top {
  right: max(14px, calc(50% - min(288px, calc(50cqw - 14px)))) !important;
}

@media (min-width: 577px) and (max-height: 800px) {
  .new-home-heading {
    padding-top: 22px !important;
  }

  .new-home-eyebrow {
    margin-bottom: 14px !important;
  }

  .new-home-title {
    font-size: clamp(3.45rem, 8.2vh, 4.45rem) !important;
    transform: translateY(-8px) !important;
  }

  .new-home-zone-toggle {
    width: min(100%, 246px) !important;
    margin-top: 2px !important;
  }

  .new-home-zone-option {
    min-height: 29px;
    font-size: 0.48rem;
  }

  .new-home-stage {
    --highlight-card-width: clamp(150px, 21vh, 166px) !important;
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.34) !important;
    height: calc(var(--new-home-base-card-height) + 46px) !important;
    margin-top: 0 !important;
  }

  .new-home-card.is-active,
  .new-home-card.is-prev,
  .new-home-card.is-next,
  .new-home-card.is-far {
    animation: none !important;
  }

  .new-home-card.is-active {
    --highlight-card-height: calc(var(--new-home-base-card-height) + 16px) !important;
    transform: translateX(-50%) translateY(4px) rotateZ(-2.5deg) scale(1.045) !important;
  }

  .new-home-card.is-prev {
    transform: translateX(calc(-50% - 48px)) translateY(32px) translateZ(-96px) rotateY(24deg) rotateZ(-8deg) scale(0.82) !important;
  }

  .new-home-card.is-next {
    transform: translateX(calc(-50% + 48px)) translateY(32px) translateZ(-92px) rotateY(-24deg) rotateZ(8deg) scale(0.82) !important;
  }

  .new-home-card.is-far {
    transform: translateX(-50%) translateY(44px) translateZ(-180px) scale(0.66) !important;
  }

  .new-home-tab .highlight-selectors {
    min-height: 34px !important;
    margin-top: 0 !important;
    transform: scale(0.86) !important;
    transform-origin: top center;
  }
}

@media (max-width: 576px) and (max-height: 760px) {
  .new-home-heading { padding-top: 32px; }
  .new-home-title { font-size: clamp(2.95rem, 13.8cqw, 3.42rem); transform: translateY(-7px); }
  .new-home-eyebrow { margin-bottom: 11px; }
  .new-home-zone-toggle { width: min(100%, 242px); margin-top: 0; }
  .new-home-stage {
    --highlight-card-width: clamp(150px, 42cqw, 166px);
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.34);
    height: calc(var(--new-home-base-card-height) + 52px);
    margin-top: 0;
  }
  .new-home-card.is-active,
  .new-home-card.is-prev,
  .new-home-card.is-next,
  .new-home-card.is-far { animation: none; }
  .new-home-card.is-active { --highlight-card-height: calc(var(--new-home-base-card-height) + 14px); transform: translateX(-50%) translateY(3px) rotateZ(-2.5deg) scale(1.1); }
  .new-home-tab .highlight-selectors { min-height: 32px; margin-top: 0; transform: scale(0.84); transform-origin: top center; }
}

/* Keep floating navigation inside the useful app canvas, even on wide desktops. */
.links-section-rail {
  left: max(10px, calc(50% - min(288px, calc(50cqw - 14px))));
}

.links-back-to-top {
  right: max(14px, calc(50% - min(288px, calc(50cqw - 14px))));
}

/* Short canvases need a composed layout, rather than clipping the lower half. */
@media (min-width: 577px) and (max-height: 800px) {
  .new-home-heading,
  .highlights-editorial-heading,
  .partnerships-editorial-heading,
  .contact-editorial-heading {
    padding-top: 22px;
  }

  .new-home-eyebrow,
  .highlights-eyebrow,
  .partnerships-eyebrow,
  .contact-eyebrow {
    margin-bottom: 14px;
  }

  .new-home-title,
  .highlights-drop-title,
  .partnerships-title,
  .contact-editorial-title {
    font-size: clamp(3.45rem, 8.2vh, 4.45rem);
    transform: translateY(-8px);
  }

  .new-home-zone-toggle {
    width: min(100%, 246px);
    margin-top: 2px;
  }

  .new-home-zone-option {
    min-height: 29px;
    font-size: 0.48rem;
  }

  .new-home-stage {
    --highlight-card-width: clamp(150px, 21vh, 166px);
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.34);
    height: calc(var(--new-home-base-card-height) + 46px);
    margin-top: 0;
  }

  .new-home-card.is-active {
    --highlight-card-height: calc(var(--new-home-base-card-height) + 16px);
    transform: translateX(-50%) translateY(4px) rotateZ(-2.5deg) scale(1.045);
  }

  .new-home-card.is-active,
  .new-home-card.is-prev,
  .new-home-card.is-next,
  .new-home-card.is-far {
    animation: none;
  }

  .new-home-card.is-prev,
  .new-home-card.is-next {
    transform: translateX(calc(-50% - 48px)) translateY(32px) translateZ(-96px) rotateY(24deg) rotateZ(-8deg) scale(0.82);
  }

  .new-home-card.is-next {
    transform: translateX(calc(-50% + 48px)) translateY(32px) translateZ(-92px) rotateY(-24deg) rotateZ(8deg) scale(0.82);
  }

  .new-home-card.is-far {
    transform: translateX(-50%) translateY(44px) translateZ(-180px) scale(0.66);
  }

  .new-home-tab .highlight-selectors {
    min-height: 34px;
    margin-top: 0;
    transform: scale(0.86);
    transform-origin: top center;
  }

  .highlights-stage {
    --highlight-card-width: clamp(164px, 24vh, 184px);
    --highlight-cta-height: 44px;
    margin-top: 4px;
  }

  .partnerships-billboards,
  .contact-ticket-stage {
    margin-top: 8px;
  }
}

@media (max-width: 576px) and (max-height: 760px) {
  .new-home-heading {
    padding-top: 32px;
  }

  .new-home-title {
    font-size: clamp(2.95rem, 13.8cqw, 3.42rem);
    transform: translateY(-7px);
  }

  .new-home-eyebrow {
    margin-bottom: 11px;
  }

  .new-home-zone-toggle {
    width: min(100%, 242px);
    margin-top: 0;
  }

  .new-home-stage {
    --highlight-card-width: clamp(150px, 42cqw, 166px);
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.34);
    height: calc(var(--new-home-base-card-height) + 52px);
    margin-top: 0;
  }

  .new-home-card.is-active {
    --highlight-card-height: calc(var(--new-home-base-card-height) + 14px);
    transform: translateX(-50%) translateY(3px) rotateZ(-2.5deg) scale(1.035);
  }

  .new-home-card.is-active,
  .new-home-card.is-prev,
  .new-home-card.is-next,
  .new-home-card.is-far {
    animation: none;
  }

  .new-home-tab .highlight-selectors {
    min-height: 32px;
    margin-top: 0;
    transform: scale(0.84);
    transform-origin: top center;
  }
}

/* Final agency-card layout: stack the contact tickets at every breakpoint. */
.contact-editorial-tab .contact-ticket-stage {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  margin-top: 36px;
  perspective: none;
}

.contact-editorial-tab .contact-ticket,
.contact-editorial-tab .contact-ticket--email,
.contact-editorial-tab .contact-ticket--location {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 0;
  margin: 0;
  animation: none;
  transform: none;
}

.contact-editorial-tab .contact-ticket--location {
  order: 1;
  padding: 22px 24px 20px;
}

.contact-editorial-tab .contact-ticket--email {
  order: 2;
  padding: 24px;
}

.contact-ticket-stage {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: auto;
  margin-top: 36px;
  perspective: none;
}

.contact-ticket,
.contact-ticket--email,
.contact-ticket--location {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 0;
  margin: 0;
  animation: none;
  transform: none;
}

.contact-ticket--location {
  order: 1;
  padding: 22px 24px 20px;
}

.contact-ticket--email {
  order: 2;
  padding: 24px;
  background: #f3eadf;
}

.contact-ticket--email.is-selected,
.contact-ticket--location.is-selected {
  transform: translateY(-3px) !important;
}

.contact-ticket__agency-mark {
  display: block;
  width: 46px;
  height: 42px;
  object-fit: contain;
  object-position: left center;
}

.contact-ticket__agency-kicker {
  position: relative;
  z-index: 2;
  margin-top: 16px;
  color: rgba(18, 17, 15, 0.72);
  font: 700 0.62rem/1.25 'Sora', sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.contact-ticket--email .contact-ticket__email {
  margin-top: 6px;
  font: 400 clamp(2rem, 5.8cqw, 3rem)/0.9 'Anton', 'Montserrat', sans-serif;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

.contact-ticket--email .contact-ticket__divider {
  margin: 16px 0 0;
}

.contact-ticket--email .contact-ticket__action {
  min-height: 50px;
  margin-top: 9px;
  padding: 11px 13px;
  justify-content: flex-start;
  gap: 10px;
  font: 700 clamp(0.64rem, 2.35cqw, 0.82rem)/1 'Sora', sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

.contact-ticket--email .contact-ticket__divider + .contact-ticket__action {
  margin-top: 14px;
}

.contact-ticket__action-icon {
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  font-size: 1.15rem !important;
}

.contact-ticket__action-icon--whatsapp {
  width: 20px;
  height: 20px;
}

@media (max-width: 576px) {
  .contact-ticket-stage {
    width: min(calc(100% - 48px), 342px);
    gap: 12px;
    margin-top: 24px;
  }

  .contact-ticket--location {
    min-height: 174px;
    padding: 13px 14px 12px;
  }

  .contact-ticket--email {
    padding: 18px 16px 16px;
  }

  .contact-ticket__agency-mark {
    width: 38px;
    height: 36px;
  }

  .contact-ticket__agency-kicker {
    margin-top: 12px;
    font-size: 0.53rem;
  }

  .contact-ticket--email .contact-ticket__email {
    font-size: clamp(1.72rem, 8cqw, 2.05rem);
  }

  .contact-ticket--email .contact-ticket__action {
    min-height: 44px;
    padding: 9px 10px;
    font-size: clamp(0.57rem, 2.3cqw, 0.68rem);
  }
}

.contact-about-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0 42px;
}

/* Nav Bar at Top */
.links-nav {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding: 0 8px;
}

.links-theme-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--stroke);
  color: var(--text);
  width: 44px;
  height: 44px;
  border-radius: 14px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.links-theme-btn svg {
  width: 18px;
  height: 18px;
}

.links-theme-btn:hover {
  transform: scale(1.08);
  border-color: var(--brand);
  color: var(--brand);
  background: rgba(255, 255, 255, 0.06);
}



/* Card Controls Bar - Fixed / Floating over everything */
.links-card-controls {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 48px);
  max-width: 552px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: var(--links-z-controls);
  pointer-events: none;
}

.links-section-rail {
  position: fixed;
  top: 50%;
  left: max(10px, env(safe-area-inset-left, 0px));
  z-index: var(--links-z-rail);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 10px 1px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(7, 8, 11, 0.2);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transform: translateY(-50%);
  touch-action: none;
  transition: gap 0.32s cubic-bezier(0.2, 0.72, 0.25, 1), padding 0.32s cubic-bezier(0.2, 0.72, 0.25, 1), border-radius 0.32s ease, opacity 0.32s ease, transform 0.32s ease;
}

.links-section-rail__dot {
  position: relative;
  display: flex;
  align-items: center;
  width: max-content;
  min-width: 19px;
  height: 14px;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  border-radius: 999px;
  transition: height 0.32s cubic-bezier(0.2, 0.72, 0.25, 1), padding 0.32s cubic-bezier(0.2, 0.72, 0.25, 1), border-radius 0.32s ease;
}

.links-section-rail__dot::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  z-index: -1;
  pointer-events: none;
}

.links-section-rail__label {
  display: block;
  overflow: hidden;
  max-width: 0;
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--font-ui, Arial, sans-serif);
  font-size: 0.61rem;
  font-weight: 50;
  letter-spacing: -0.02em;
  line-height: 1.35;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-5px);
  transition: max-width 0.2s ease, opacity 0.16s ease, transform 0.2s ease;
}

.links-section-rail__dot::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.52);
  content: '';
  transform: translate(-50%, -50%);
  transition: opacity 0.2s ease, left 0.32s cubic-bezier(0.2, 0.72, 0.25, 1);
}

.links-section-rail__dot.is-rail-preview::after {
  background: #ff9f66 !important;
}

.links-section-rail__dot.is-active::after {
  background: #ff6a00 !important;
}

.links-section-rail__dot[data-section-target="1"].is-rail-preview::after,
.links-shell:not(:has(.new-home-tab .new-home-zone-option[data-home-zone="social"].is-active)) .links-section-rail__dot[data-section-target="4"].is-rail-preview::after {
  background: #d3eaf2 !important;
}

.links-section-rail__dot[data-section-target="1"].is-active::after,
.links-shell:not(:has(.new-home-tab .new-home-zone-option[data-home-zone="social"].is-active)) .links-section-rail__dot[data-section-target="4"].is-active::after {
  background: #b8d8e7 !important;
}


.links-shell:has(.contact-about-tab.is-active) .links-section-rail:not(.is-expanded) .links-section-rail__dot::after {
  background: rgba(23, 17, 12, 0.46);
}

.links-shell:has(.partnerships-tab.is-active) .links-section-rail {
  border-color: rgba(8, 9, 13, 0.2);
  background: rgba(8, 9, 13, 0.1);
}

.links-shell:has(.partnerships-tab.is-active) .links-section-rail:not(.is-expanded) .links-section-rail__dot::after {
  background: rgba(8, 9, 13, 0.42);
}

.links-section-rail__thumb {
  --section-indicator-y: 0px;
  --section-indicator-height: 16px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 4px;
  height: var(--section-indicator-height);
  border-radius: 999px;
  background: #ff6a00;
  box-shadow: 0 0 9px rgba(255, 106, 0, 0.55);
  pointer-events: none;
  transform: translate3d(-50%, var(--section-indicator-y), 0);
  will-change: transform;
}

.links-section-rail.is-expanded {
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  border-radius: 30px;
  background: rgba(18, 18, 18, 0.65);
  backdrop-filter: blur(24px) saturate(1.2);
  -webkit-backdrop-filter: blur(24px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
}

.links-section-rail.is-expanded .links-section-rail__dot {
  height: 26px;
  padding: 0 12px 0 34px;
}

.links-section-rail.is-expanded .links-section-rail__dot::after {
  left: 26px;
}

.links-section-rail.is-expanded .links-section-rail__label {
  max-width: 145px;
  opacity: 1;
  transform: translateX(0);
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-weight: 50;
  letter-spacing: -0.02em;
  font-size: 1.2rem;
}



.links-section-rail.is-expanded .links-section-rail__dot.is-rail-preview::before {
  opacity: 1;
  transform: scale(1);
}

.links-section-rail.is-expanded .links-section-rail__dot.is-active .links-section-rail__label {
  color: #ff6a00;
}

.links-section-rail.is-expanded .links-section-rail__dot.is-rail-preview .links-section-rail__label {
  color: #ff6a00;
}

.links-section-rail.is-expanded .links-section-rail__dot[data-section-target="1"].is-active .links-section-rail__label,
.links-shell:not(:has(.new-home-tab .new-home-zone-option[data-home-zone="social"].is-active)) .links-section-rail.is-expanded .links-section-rail__dot[data-section-target="4"].is-active .links-section-rail__label {
  color: #94DDFB !important;
}

.links-section-rail.is-expanded .links-section-rail__dot[data-section-target="1"].is-rail-preview .links-section-rail__label,
.links-shell:not(:has(.new-home-tab .new-home-zone-option[data-home-zone="social"].is-active)) .links-section-rail.is-expanded .links-section-rail__dot[data-section-target="4"].is-rail-preview .links-section-rail__label {
  color: #94DDFB !important;
}

.links-section-rail.is-expanded .links-section-rail__thumb {
  left: 26px;
  width: 4px;
  border-radius: 4px;
  opacity: 0;
}

.links-shell:has(.partnerships-tab.is-active) .links-section-rail.is-expanded,
.links-shell:has(.contact-about-tab.is-active) .links-section-rail.is-expanded {
  background: rgba(23, 17, 12, 0.65);
}

.links-shell:has(.partnerships-tab.is-active) .links-section-rail.is-expanded .links-section-rail__label,
.links-shell:has(.contact-about-tab.is-active) .links-section-rail.is-expanded .links-section-rail__label {
  color: rgba(255, 248, 238, 0.94);
}

.links-shell:has(.partnerships-tab.is-active) .links-section-rail.is-expanded .links-section-rail__dot.is-active .links-section-rail__label,
.links-shell:has(.contact-about-tab.is-active) .links-section-rail.is-expanded .links-section-rail__dot.is-active .links-section-rail__label {
  color: #ff6a00;
}

.links-shell:has(.partnerships-tab.is-active) .links-section-rail.is-expanded .links-section-rail__dot.is-rail-preview .links-section-rail__label,
.links-shell:has(.contact-about-tab.is-active) .links-section-rail.is-expanded .links-section-rail__dot.is-rail-preview .links-section-rail__label {
  color: #ff6a00;
}

.links-section-rail.is-indicator-animating .links-section-rail__thumb {
  transition:
    height 0.28s cubic-bezier(0.3, 0.72, 0.28, 1),
    transform 0.28s cubic-bezier(0.3, 0.72, 0.28, 1);
}

.links-shell:has(.partnerships-tab.is-active) .links-section-rail__thumb,
.links-shell:has(.contact-about-tab.is-active) .links-section-rail__thumb {
  background: #17110c;
  box-shadow: 0 0 9px rgba(23, 17, 12, 0.28);
}

.links-shell:has(.new-home-tab.is-active .new-home-zone-option[data-home-zone="premium"].is-active) .links-section-rail__thumb,
.links-shell:has(.highlights-marquee-tab.is-active) .links-section-rail__thumb {
  background: #b8d8e7;
  box-shadow: 0 0 11px rgba(184, 216, 231, 0.58);
}

body.is-tools-sheet-open .links-section-rail {
  opacity: 0;
  pointer-events: none;
  transform: translate(-8px, -50%);
}

.links-back-to-top {
  position: fixed;
  right: max(16px, env(safe-area-inset-right, 0px));
  bottom: max(18px, calc(env(safe-area-inset-bottom, 0px) + 12px));
  z-index: var(--links-z-back-to-top);
  display: grid;
  width: 48px;
  height: 48px;
  padding: 0;
  place-items: center;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.86);
  cursor: pointer;
  filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px) rotate(14deg) scale(0.46);
  transition: opacity 0.24s ease,
    transform 0.38s cubic-bezier(0.34, 1.56, 0.64, 1),
    filter 0.24s ease;
}

.links-back-to-top::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: rgba(10, 11, 15, 0.62);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  content: '';
  transform: translate(-50%, -50%);
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.links-back-to-top svg {
  position: relative;
  z-index: 1;
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.links-back-to-top.is-visible {
  filter: blur(0);
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) rotate(0) scale(1);
  transition-delay: 0.38s;
}

.links-back-to-top:hover,
.links-back-to-top:focus-visible {
  outline: none;
  transform: translateY(-2px) rotate(0) scale(1.08);
}

.links-back-to-top:hover::before,
.links-back-to-top:focus-visible::before {
  border-color: rgba(255, 106, 0, 0.78);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.24), 0 0 10px rgba(255, 106, 0, 0.2);
}

.links-back-to-top:not(.is-visible) {
  filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px) rotate(14deg) scale(0.46);
  transition-delay: 0s;
}

body.is-tools-sheet-open .links-back-to-top {
  filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px) rotate(14deg) scale(0.46);
  transition-delay: 0s;
}

@media (prefers-reduced-motion: reduce) {
  .links-back-to-top {
    transition-duration: 0.01ms !important;
  }
}

.links-controls-left, .links-controls-right {
  display: flex;
  align-items: center;
  gap: 12px;
  pointer-events: auto;
}

@media (min-width: 577px) {
  .links-card-controls {
    top: 56px;
  }
}

.links-lang-select {
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  color: var(--text);
  padding: 8px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  outline: none;
  transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  appearance: none;
  -webkit-appearance: none;
  padding-right: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f48a3f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
}

.links-lang-select:hover {
  border-color: var(--brand);
  background-color: rgba(255, 255, 255, 0.10);
  transform: scale(1.03);
}

:root[data-theme="light"] .links-lang-select {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.08);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d86d24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

.links-share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  color: var(--text);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.links-share-btn svg {
  width: 15px;
  height: 15px;
}

.links-share-btn:hover {
  transform: scale(1.08);
  border-color: var(--brand);
  color: var(--brand);
  background: rgba(255, 255, 255, 0.10);
}

:root[data-theme="light"] .links-share-btn {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.08);
}

.links-tools-btn {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 20px rgba(244, 138, 63, 0.1);
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
  backdrop-filter: blur(14px) saturate(1.2);
  cursor: pointer;
  transition: transform 0.24s ease, background 0.24s ease, border-color 0.24s ease;
}

.links-tools-btn:hover,
.links-tools-btn:focus-visible,
.links-tools-btn[aria-expanded="true"] {
  transform: scale(1.06);
  border-color: rgba(244, 138, 63, 0.72);
  background: linear-gradient(145deg, rgba(244, 138, 63, 0.34), rgba(244, 138, 63, 0.14));
  outline: none;
}

.links-tools-btn__mark,
.links-tools-sheet__brand {
  display: block;
  background: currentColor;
  -webkit-mask: url('/assets/LEO_SAQUETTO_LOGO_2027_p.svg') center / contain no-repeat;
  mask: url('/assets/LEO_SAQUETTO_LOGO_2027_p.svg') center / contain no-repeat;
}

.links-tools-btn__mark {
  width: 29px;
  height: 29px;
}

.links-tools-sheet[hidden] {
  display: none !important;
}

.links-tools-sheet {
  position: fixed;
  inset: 0;
  z-index: var(--links-z-sheet);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.links-tools-sheet {
  --sheet-bait-color: #ff6a00;
}

:root[data-theme="dark"] .links-tools-sheet.is-about {
  --sheet-bait-color: #08090d;
}

:root[data-theme="light"] .links-tools-sheet {
  --sheet-bait-color: #fffaf4;
}

.links-tools-sheet::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  background: var(--sheet-bait-color);
  z-index: 0;
  pointer-events: none;
}

.links-tools-sheet.is-closing::before {
  display: none !important;
}

.links-tools-sheet[style*="--menu-drag-y"]::before {
  transform: translateY(var(--menu-drag-y, 0px));
}

.links-tools-sheet__backdrop {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(3, 4, 7, 0.5);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  cursor: default;
  animation: linksToolsBackdropIn 0.34s ease both;
}

:root[data-theme="light"] .links-tools-sheet__backdrop {
  background: rgba(255, 255, 255, 0.4);
}

.links-tools-sheet__panel {
  position: relative;
  z-index: 1;
  width: min(calc(100% - 24px), 520px);
  height: min(720px, calc(100dvh - 56px));
  max-height: calc(100dvh - 28px);
  overflow-y: auto;
  padding: 24px 24px max(24px, calc(env(safe-area-inset-bottom, 0px) + 18px));
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-bottom: 0;
  border-radius: 40px 40px 0 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.14), transparent 42%), #ff6a00;
  color: #17110c;
  box-shadow: 0 -20px 70px rgba(0, 0, 0, 0.42), inset 0 1px rgba(255, 255, 255, 0.16);
  -webkit-backdrop-filter: blur(30px) saturate(1.35);
  backdrop-filter: blur(30px) saturate(1.35);
  animation: linksToolsSheetIn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) 0.08s both;
  display: flex;
  flex-direction: column;
}

@keyframes linksToolsSheetIn {
  from { transform: translateY(calc(100% + 32px)); }
  to { transform: translateY(0); }
}

@keyframes linksToolsSheetOut {
  from { transform: translateY(var(--sheet-close-from, 0px)); }
  to { transform: translateY(calc(100% + 32px)); }
}

@keyframes linksToolsBackdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes linksToolsBackdropOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

.links-tools-sheet.is-closing {
  pointer-events: none;
}

.links-tools-sheet.is-closing .links-tools-sheet__panel {
  animation: linksToolsSheetOut 0.34s cubic-bezier(0.4, 0, 0.8, 0.2) both;
}

.links-tools-sheet.is-closing .links-tools-sheet__backdrop {
  animation: linksToolsBackdropOut 0.34s ease both;
}

.links-tools-sheet__header {
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: center;
  gap: 10px;
  margin-bottom: 26px;
}

.links-tools-sheet__brand {
  width: 60px;
  height: 60px;
  color: #17110c;
  transform: translate(-8px, 8px);
}

.links-tools-sheet__hero {
  width: 100%;
  min-width: 0;
  margin: 0 0 30px;
}

.links-tools-sheet__hero h2 {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  font-size: clamp(2.85rem, 11.8cqw, 4.4rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

.links-tools-sheet__hero h2 span,
.links-tools-sheet__hero h2 strong {
  display: inline;
}

.links-tools-sheet__hero h2 strong {
  color: #fff;
  font: inherit;
  font-size: 1.08em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.links-tools-sheet__hero h2 #links-tools-title-middle,
.links-tools-title-closing {
  display: block;
  white-space: nowrap;
}

.links-tools-title-closing {
  display: block !important;
}

.links-tools-title-closing-line {
  display: flex !important;
  align-items: baseline;
  gap: 10px;
  white-space: nowrap;
}

.links-tools-title-closing-line small {
  display: inline;
  font: inherit;
  text-transform: uppercase;
}

.links-tools-network-lockup {
  display: inline-block !important;
  flex: 1;
  min-width: 0;
  height: 1.05em;
  overflow: hidden;
  color: #fff;
  line-height: 1.05;
}

.links-tools-network-lockup em {
  display: block;
  font: inherit;
  font-style: normal;
  white-space: nowrap;
}

.links-tools-network-lockup em {
  transition: transform 0.28s ease;
}

.links-tools-network-lockup em.is-leaving {
  transform: translateY(-110%);
}

.links-tools-network-lockup em.is-entering {
  transform: translateY(110%);
  transition: none;
}

.links-tools-sheet__close {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: rgba(23, 17, 12, 0.08);
  color: currentColor;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.links-tools-sheet__close svg {
  width: 17px;
  height: 17px;
}

.links-tools-language {
  background: rgba(255, 255, 255, 0.82) !important;
  color: #17110c !important;
}

.links-tools-language > span {
  order: 2;
}

.links-tools-language .links-lang-select {
  order: 1;
  width: 100%;
  min-height: 26px;
  padding: 2px 4px;
  border: 0;
  border-radius: 8px;
  background-color: rgba(23, 17, 12, 0.08);
  color: #17110c;
  font-size: 0.62rem;
  font-weight: 700;
}

.links-tools-language .links-lang-select:hover {
  transform: none;
}

.links-tools-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.links-tools-action {
  min-width: 0;
  min-height: 78px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px;
  border: 1px solid rgba(23, 17, 12, 0.24);
  border-radius: 18px;
  background: #17110c;
  color: #fff8f0;
  font-family: 'Sora', sans-serif;
  font-size: 0.59rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.links-tools-action > span:last-child {
  margin-top: auto;
  text-transform: lowercase;
}

.links-tools-action:hover,
.links-tools-action:focus-visible {
  transform: translateY(-2px);
  background: #2b1e16;
  outline: none;
}

.links-tools-action svg {
  width: 20px;
  height: 20px;
  color: #ff7b1b;
}

.links-tools-action:nth-child(3),
.links-tools-action:nth-child(4) {
  background: transparent;
  color: #17110c;
}

.links-tools-action:nth-child(3) svg,
.links-tools-action:nth-child(4) svg {
  color: currentColor;
}

.links-tools-action-icon,
.links-tools-action-icon svg {
  display: block;
  width: 20px;
  height: 20px;
}

.links-tools-sheet__url,
.links-tools-sheet__copyright,
.links-tools-sheet__status {
  margin: 14px 0 0;
  color: rgba(23, 17, 12, 0.66);
  font-family: 'Sora', sans-serif;
  font-size: 0.62rem;
  line-height: 1.5;
  text-align: center;
}

.links-tools-sheet__copyright {
  display: none;
  margin-top: auto;
  padding-bottom: 8px;
}

.links-tools-sheet__status {
  min-height: 1em;
  color: #17110c;
}

:root[data-theme="light"] .links-tools-sheet__panel {
  border-color: rgba(23, 17, 12, 0.26);
  background: linear-gradient(145deg, rgba(23, 17, 12, 0.04), transparent 42%), #fff;
  color: #ff6a00;
}

:root[data-theme="light"] .links-tools-sheet__brand,
:root[data-theme="light"] .links-tools-title-closing-line,
:root[data-theme="light"] .links-tools-sheet__url,
:root[data-theme="light"] .links-tools-sheet__copyright,
:root[data-theme="light"] .links-tools-sheet__status {
  color: #ff6a00;
}

:root[data-theme="light"] .links-tools-sheet__hero h2 strong,
:root[data-theme="light"] .links-tools-network-lockup {
  color: #17110c;
}

:root[data-theme="light"] .links-tools-sheet__close {
  background: rgba(255, 106, 0, 0.1);
  color: #ff6a00;
}

:root[data-theme="light"] .links-tools-language {
  border-color: rgba(255, 106, 0, 0.28);
  background: #17110c !important;
  color: #ff6a00 !important;
}

:root[data-theme="light"] .links-tools-language .links-lang-select {
  background-color: rgba(255, 106, 0, 0.2);
  color: #ff6a00;
}

:root[data-theme="light"] .links-tools-action {
  border-color: rgba(255, 106, 0, 0.42);
}

:root[data-theme="light"] .links-tools-action:not(.links-tools-language):nth-child(2) {
  background: #ff6a00;
  color: #17110c;
}

:root[data-theme="light"] .links-tools-action:not(.links-tools-language):nth-child(2) svg {
  color: #fff;
}

:root[data-theme="light"] .links-tools-action:nth-child(3),
:root[data-theme="light"] .links-tools-action:nth-child(4) {
  background: transparent;
  color: #ff6a00;
}

:root[data-theme="light"] .links-tools-language {
  color: #fff !important;
  border-color: #17110c;
}

:root[data-theme="light"] .links-tools-language .links-lang-select {
  border: 1px solid #17110c;
  background-color: #fff;
  color: #17110c !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317110c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

:root[data-theme="light"] #links-share-btn,
:root[data-theme="light"] #links-share-btn svg {
  color: #fff;
}

body.is-tools-sheet-open {
  overflow: hidden !important;
}

body.is-tools-sheet-open .links-shell {
  z-index: var(--links-z-sheet);
}

@media (min-width: 577px) {
  .links-tools-sheet {
    padding-bottom: 20px;
  }

  .links-tools-sheet__panel {
    border-bottom: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 40px;
  }
}

@media (max-width: 576px) {
  .links-tools-sheet__panel {
    width: 100%;
    height: calc(100dvh - max(116px, calc(env(safe-area-inset-top, 0px) + 84px)));
    max-height: none;
    padding-inline: 24px;
  }

  .links-tools-sheet__copyright {
    display: block;
  }
}

/* Central Card wrapping Header + VIP Links */
/* Central Card wrapping Header + VIP Links */
.links-top-card {
  container-type: inline-size;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 32px;
  padding: 32px 24px 28px;
  margin-bottom: 24px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: background-color 0.4s ease, border-color 0.4s ease;
  position: relative;
  overflow: hidden; /* Clips background photo to card rounded boundaries */
}

:root[data-theme="light"] .links-top-card {
  background: rgba(255, 255, 255, 0.35);
  border-color: rgba(23, 21, 19, 0.08);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}



/* Category groups */
.links-group {
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.links-group--zone:first-child {
  margin-top: 12px;
}

.links-group--zone + .links-group--zone {
  margin-top: 8px;
}

.links-group-title {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--brand);
  margin: 0 0 14px;
  text-align: left;
  width: 95%;
  max-width: 420px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.links-group-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(244, 138, 63, 0.42), transparent);
}

.links-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 95%;
  max-width: 420px; /* Decreased max-width to make cards narrower on desktop */
  margin-inline: auto;
}

.link-item-btn {
  display: flex;
  align-items: center;
  width: calc(100% - 36px);
  flex-shrink: 0;
  padding: 15px 20px;
  border-radius: 18px;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), rgba(244, 138, 63, 0.25);
  border: 1.5px solid rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(16px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
  color: var(--text);
  transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
  cursor: pointer;
  position: relative;
  clip-path: inset(0 round 18px);
  will-change: transform;
  box-sizing: border-box;
}

:root[data-theme="light"] .link-item-btn {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(rgba(244, 138, 63, 0.5), rgba(244, 138, 63, 0.5)), rgba(255, 255, 255, 0.4);
  border-color: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(7px) saturate(2.0) !important;
  -webkit-backdrop-filter: blur(7px) saturate(2.0) !important;
}

.link-item-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(244, 138, 63, 0.06) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

.link-item-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
  transform: skewX(-25deg);
  pointer-events: none;
}

.link-item-btn:hover::before {
  opacity: 1;
}

.link-item-btn:hover::after {
  left: 150%;
  transition: left 0.9s ease-in-out;
}

.link-item-btn:hover {
  transform: translateY(-2px) scale(1.005);
  background-color: rgba(244, 138, 63, 0.35);
  border-color: transparent !important;
  box-shadow: 0 8px 24px rgba(244, 138, 63, 0.08);
}

:root[data-theme="light"] .link-item-btn:hover {
  background-color: rgba(244, 138, 63, 0.28);
  border-color: transparent !important;
}

.link-item-left {
  display: flex;
  align-items: center;
  gap: 14px;
}

.link-item-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--brand);
}

.link-item-icon svg {
  width: 100%;
  height: 100%;
}

.icon-onlyfans {
  transform: scale(1.35);
}

.link-item-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
}

.link-item-title-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.link-item-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--text);
  opacity: 0.85;
}

.link-item-desc {
  font-size: 0.78rem;
  color: var(--muted);
}

/* Discount Badge */
.link-item-badge {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #2ec4b6;
  background: rgba(46, 196, 182, 0.1);
  border: 1px solid rgba(46, 196, 182, 0.2);
  padding: 2px 8px;
  border-radius: 6px;
  letter-spacing: 0.02em;
}

.link-item-badge.pulsing {
  animation: pulseBadge 1.5s infinite alternate ease-in-out;
}

@keyframes pulseBadge {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(46, 196, 182, 0); }
  50% { transform: scale(1.05); box-shadow: 0 0 8px rgba(46, 196, 182, 0.6); }
}

:root[data-theme="light"] .link-item-badge {
  color: #0f9f90;
  background: rgba(46, 196, 182, 0.06);
}

/* Explicit Tag */
.explicit-tag {
  width: 14px;
  height: 14px;
  margin-left: 2px;
  fill: var(--brand);
  flex-shrink: 0;
}

/* Indicator logic is handled on the reveal background card */

/* Sensitive Content Inline Card */
.sensitive-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--text);
  border-radius: 20px;
  padding: 22px 24px;
  margin-top: 8px;
  margin-bottom: 8px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
  transform-origin: top center;
  animation: slideDown 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

:root[data-theme="light"] .sensitive-card {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.05);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.05);
}

@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-12px) scale(0.98);
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-width: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    max-height: 300px;
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-width: 1px;
  }
}

@keyframes slideUp {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
    max-height: 300px;
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 8px;
    margin-bottom: 8px;
    border-width: 1px;
  }
  100% {
    opacity: 0;
    transform: translateY(-12px) scale(0.98);
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-width: 0;
  }
}

.sensitive-card__arrow {
  position: absolute;
  top: -8px;
  right: 22px; /* Aligns with the lock icon on the right */
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(255, 255, 255, 0.02);
}

:root[data-theme="light"] .sensitive-card__arrow {
  border-bottom-color: rgba(0, 0, 0, 0.02);
}

.sensitive-card h4 {
  margin: 0 0 6px;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text);
  text-transform: none; /* Keep capitalization for system alerts */
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}

.sensitive-title-icon {
  flex-shrink: 0;
}

.sensitive-card p {
  margin: 0 0 16px;
  font-size: 0.82rem;
  color: var(--muted);
  line-height: 1.45;
  max-width: 320px;
  text-transform: none;
}

.sensitive-card .btn-continue {
  background: var(--brand);
  color: white;
  border: none;
  border-radius: 24px;
  padding: 10px 24px;
  font-size: 0.82rem;
  font-weight: 700;
  width: 100%;
  max-width: 200px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  text-transform: none;
}

.sensitive-card.is-closing {
  animation: slideUp 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.sensitive-card .btn-continue:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

.sensitive-card .btn-continue:active {
  transform: translateY(0);
}

/* Footer Section */
.links-footer {
  margin-top: 40px;
  font-size: 0.72rem;
  color: var(--muted);
  text-align: center;
}

/* Avatar on the right side of the link rows next to the follower badge */
.link-item-avatar-wrapper {
  position: relative;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  border-radius: 50%;
}

.link-item-avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--stroke);
}

.link-item-verified {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 9px;
  height: 9px;
  background: #1d9bf0; /* verified blue checkmark color */
  border-radius: 50%;
  border: 1px solid #1c1d22;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.link-item-verified svg {
  width: 5px;
  height: 5px;
  fill: #ffffff;
}

:root[data-theme="light"] .link-item-verified {
  border-color: #ffffff;
}

/* Inline Followers count badge on link rows */
.link-followers-inline-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--brand);
  background: rgba(244, 138, 63, 0.06);
  border: 1px solid rgba(244, 138, 63, 0.12);
  padding: 3px 8px;
  border-radius: 12px;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}

:root[data-theme="light"] .link-followers-inline-badge {
  background: rgba(216, 109, 36, 0.04);
  border-color: rgba(216, 109, 36, 0.08);
}

/* Share Modal overlay and sheet container */
.share-modal[hidden] {
  display: none !important;
}

.share-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}

.share-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.share-modal__card {
  position: relative;
  background: #121318;
  border: 1.5px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  width: min(100% - 32px, 410px);
  padding: 24px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
  z-index: 2;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
}

:root[data-theme="light"] .share-modal__card {
  background: #ffffff;
  border-color: rgba(23, 21, 19, 0.08);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.1);
}

.share-modal__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.share-modal__header h3 {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
  text-transform: lowercase;
}

.share-close-btn {
  background: none;
  border: none;
  color: var(--muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: color 0.2s ease;
}

.share-close-btn svg {
  width: 18px;
  height: 18px;
}

.share-close-btn:hover {
  color: var(--text);
}

/* Modal preview card */
.share-preview-card {
  width: 100%;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 20px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

:root[data-theme="light"] .share-preview-card {
  background: rgba(23, 21, 19, 0.02);
  border-color: rgba(23, 21, 19, 0.05);
}

.share-preview-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid var(--stroke);
}

.share-preview-name {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text);
  text-transform: lowercase;
}

.share-preview-handle {
  font-size: 0.8rem;
  color: var(--muted);
  font-weight: 400;
}

/* Options row */
.share-options-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 12px;
}

.share-option-item {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--text);
  flex: 1;
}

.share-option-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

:root[data-theme="light"] .share-option-icon {
  background: rgba(23, 21, 19, 0.03);
  border-color: rgba(23, 21, 19, 0.06);
}

.share-option-icon svg {
  width: 20px;
  height: 20px;
}

.share-option-item:hover .share-option-icon {
  transform: scale(1.08);
  border-color: var(--brand);
  background: rgba(255, 255, 255, 0.06);
}

:root[data-theme="light"] .share-option-item:hover .share-option-icon {
  background: rgba(23, 21, 19, 0.06);
}

.share-option-label {
  font-size: 0.72rem;
  color: var(--muted);
  font-weight: 500;
  text-transform: lowercase;
}

/* Toast feedback */
.share-toast {
  position: absolute;
  bottom: 24px;
  background: #000000;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 0.76rem;
  font-weight: 600;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  z-index: 200;
  animation: slideUpToast 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.share-toast.is-feedback {
  animation: share-toast-enter 0.3s cubic-bezier(0.2, 0.88, 0.22, 1.12) both;
}

@keyframes share-toast-enter {
  from { opacity: 0; transform: translateY(10px) scale(0.94); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

:root[data-theme="light"] .share-toast {
  background: #121318;
  color: #ffffff;
}

@keyframes slideUpToast {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 576px) {
  .links-top-card {
    background: rgba(255, 255, 255, 0.03) !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 24px 16px 40px !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  /* Home glass panel must not clip the network rail (overrides rule above). */
  .links-top-card.links-top-card--glass-home {
    overflow: visible !important;
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .links-page-hero {
    margin-bottom: calc(-55px - (480px * (1 - var(--hero-scale)))) !important; /* Move cards up even more ONLY on mobile */
  }

  :root[data-theme="light"] .links-top-card {
    background: rgba(255, 255, 255, 0.35) !important;
    border-color: transparent !important;
  }

  .links-shell {
    min-height: 0;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  #links-top-card-vip {
    margin-top: 32px;
  }

  .links-group-title {
    max-width: 100%;
  }

  .links-list {
    max-width: 390px;
    width: 90%;
    margin-inline: auto;
  }

  .share-modal {
    align-items: flex-end;
  }

  .share-modal__card {
    width: 100%;
    border-radius: 28px 28px 0 0;
    border-bottom: none;
    padding-bottom: 36px;
  }
}

/* ===== SWIPE TO REVEAL INTERACTION ===== */
.link-item-row-wrapper {
  position: relative;
  width: 100%;
  height: 48px;
  border-radius: 18px;
  overflow: visible; /* allows translation leftwards outside container limits */
  z-index: 2;
  isolation: isolate;
}

/* /* Static reveal track sitting directly behind the button */
.link-item-reveal {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(244, 138, 63, 0.4);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 56px; /* Align content directly next to the absolute logo (20px left + 24px width + 12px gap) */
  padding-right: 8px; /* 8px padding + 20px wrapper + 8px gap = 36px exposed area perfectly centered */
  box-sizing: border-box;
  z-index: 1;
}

.link-reveal-left-group {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}

.link-reveal-right-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.link-reveal-logo-wrapper {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}

:root[data-theme="light"] .link-item-reveal {
  background: rgba(255, 255, 255, 0.50);
  border: 1px solid rgba(244, 138, 63, 0.4);
}

.link-reveal-right-indicator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--muted);
  transition: color 0.3s ease, transform 0.3s ease;
}

.link-reveal-logo-wrapper svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.link-reveal-right-indicator svg {
  width: 14px;
  height: 14px;
}

.link-item-row-wrapper:hover .link-reveal-right-indicator {
  color: var(--brand);
  transform: scale(1.08);
}

/* Container on top - now visible absolute overlay with no scrollbar clipping */
.link-item-scroll-container {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: stretch;
  overflow: visible;
  background: transparent;
  z-index: 2;
  pointer-events: none;
}

/* Shortened button sliding on top of track */
.link-item-scroll-container .link-item-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 36px);
  height: 100%;
  flex-shrink: 0;
  pointer-events: auto;
  border-radius: 18px;
  background-color: rgba(244, 138, 63, 0.25);
  border: 1.5px solid transparent !important;
  backdrop-filter: blur(10px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.5) !important;
  color: var(--text);
  transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
  cursor: pointer;
  clip-path: inset(0 round 18px);
  will-change: transform;
  box-sizing: border-box;
}

:root[data-theme="light"] .link-item-scroll-container .link-item-btn {
  background-color: rgba(244, 138, 63, 0.12);
  border-color: transparent !important;
}

:root[data-theme="light"] .link-item-scroll-container .link-item-btn:hover {
  background-color: rgba(244, 138, 63, 0.28);
  border-color: transparent !important;
}

.link-item-scroll-container .link-item-btn:hover {
  transform: translateY(-1px);
  background-color: rgba(244, 138, 63, 0.35);
  border-color: transparent !important;
  box-shadow: 0 4px 16px rgba(244, 138, 63, 0.08);
}

/* Spacer to define swipeable scroll area - disabled in translation mode */
.link-item-scroll-spacer {
  display: none;
}

.link-reveal-avatar-wrapper {
  position: relative;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 50%;
}

.link-reveal-avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--stroke);
}

.link-reveal-verified {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 11px;
  height: 11px;
  background: #1d9bf0;
  border-radius: 50%;
  border: 1px solid #1c1d22;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.link-reveal-verified svg {
  width: 6px;
  height: 6px;
  fill: #ffffff;
}

:root[data-theme="light"] .link-reveal-verified {
  border-color: #ffffff;
}

.link-reveal-info {
  position: relative;
  text-align: left;
  min-width: 0;
}

.link-reveal-handle {
  font-family: 'Inter', sans-serif;
  font-size: 0.6rem;
  font-weight: 500;
  color: var(--text);
  opacity: 0.85;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.link-reveal-followers {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--brand);
  background: rgba(244, 138, 63, 0.06);
  border: 1px solid rgba(244, 138, 63, 0.12);
  padding: 2px 6px;
  border-radius: 8px;
  letter-spacing: 0.02em;
  width: fit-content;
}

:root[data-theme="light"] .link-reveal-followers {
  background: rgba(216, 109, 36, 0.04);
  border-color: rgba(216, 109, 36, 0.08);
}

.link-reveal-off-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #2ec4b6;
  background: rgba(46, 196, 182, 0.1);
  border: 1px solid rgba(46, 196, 182, 0.2);
  padding: 2px 6px;
  border-radius: 8px;
  letter-spacing: 0.02em;
  width: fit-content;
}

:root[data-theme="light"] .link-reveal-off-badge {
  color: #0f9f90;
  background: rgba(46, 196, 182, 0.06);
  border-color: rgba(46, 196, 182, 0.12);
}

/* Wiggle keyframe animation on load */
@keyframes cardWiggle {
  0% { transform: translateX(0); }
  25% { transform: translateX(-48px); }
  55% { transform: translateX(8px); }
  80% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

.link-item-btn.wiggle-animation {
  animation: cardWiggle 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Fallback for swiped elements when JS transition style is not active */
.link-item-row-wrapper.is-swiped .link-reveal-avatar-wrapper,
.link-item-row-wrapper.is-swiped .link-reveal-info,
.link-item-row-wrapper.is-swiped .link-reveal-followers,
.link-item-row-wrapper.is-swiped .link-reveal-off-badge {
  opacity: 1 !important;
}


/* ===== APP TABS & BOTTOM NAV ===== */

.app-tab-container {
  display: flex;
  align-items: flex-start;
  width: 100%;
  overflow: hidden; /* Hide non-active tabs */
  position: relative;
  transition: none;
}

/* Home needs overflow visible so the right network rail is not clipped. */
.app-tab-container:has(.app-tab[data-tab="0"].is-active) {
  overflow: visible;
}

.app-tab {
  --section-canvas: var(--bg);
  position: relative;
  isolation: isolate;
  flex: 0 0 100%;
  width: 100%;
  padding: 0 16px 24px;
  display: none;
  flex-direction: column;
  align-items: center;
  animation: none;
  scrollbar-width: none;
}

html.links-paged-page body::before {
  display: none;
}

.app-tab::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: -1;
  width: 100cqw;
  min-height: 100%;
  background: var(--section-canvas);
  content: '';
  transform: translate3d(-50%, 0, 0);
  pointer-events: none;
}

.app-tab[data-tab="0"] {
  overflow: visible;
  /* Full-bleed home: rail sits in real page edge, not inside a padded ghost panel. */
  padding-left: 0;
  padding-right: 0;
}

.app-tab.is-active {
  display: flex;
}

.app-tab.is-page-entering,
.app-tab.is-page-leaving {
  position: absolute;
  inset: 0;
  display: flex;
  width: 100%;
  min-height: 100%;
  margin: 0;
  will-change: transform, opacity;
  pointer-events: none;
  overflow: hidden;
}

.app-tab.is-page-drag-current,
.app-tab.is-page-drag-target {
  position: absolute;
  inset: 0;
  display: flex;
  width: 100%;
  min-height: 100%;
  margin: 0;
  contain: layout paint style;
  will-change: transform;
  backface-visibility: hidden;
  pointer-events: none;
  overflow: hidden;
}

.app-tab.is-page-preloaded {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: flex;
  width: 100%;
  min-height: 100%;
  margin: 0;
  contain: layout paint style;
  opacity: 0.001;
  pointer-events: none;
  transform: translate3d(0, 100%, 0);
  will-change: transform;
}

.app-tab.is-page-drag-current {
  z-index: 2;
  transform: translate3d(0, 0, 0);
}

.app-tab.is-page-drag-target {
  z-index: 3;
  transform: translate3d(0, 100%, 0);
}

.app-tab-container[data-page-drag-direction='-1'] .app-tab.is-page-drag-target {
  transform: translate3d(0, -100%, 0);
}

.app-tab.is-page-entering {
  z-index: 3;
  animation: pageEnterFromBelow 0.78s cubic-bezier(0.65, 0, 0.35, 1) both;
}

.app-tab.is-page-leaving {
  z-index: 2;
  animation: pageLeaveToAbove 0.78s cubic-bezier(0.65, 0, 0.35, 1) both;
}

.app-tab-container[data-page-direction='-1'] .app-tab.is-page-entering {
  animation-name: pageEnterFromAbove;
}

.app-tab-container[data-page-direction='-1'] .app-tab.is-page-leaving {
  animation-name: pageLeaveToBelow;
}

@keyframes pageEnterFromBelow {
  from { opacity: 0.94; transform: translate3d(0, 100%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes pageLeaveToAbove {
  from { opacity: 1; transform: translate3d(0, 0, 0); }
  to { opacity: 0.94; transform: translate3d(0, -100%, 0); }
}

@keyframes pageEnterFromAbove {
  from { opacity: 0.94; transform: translate3d(0, -100%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes pageLeaveToBelow {
  from { opacity: 1; transform: translate3d(0, 0, 0); }
  to { opacity: 0.94; transform: translate3d(0, 100%, 0); }
}

html.links-paged-page,
html.links-paged-page body {
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

html.links-paged-page .links-shell {
  height: auto;
  min-height: 100dvh;
  overflow: visible;
  box-sizing: border-box;
}

.tab-section-title {
  font-family: 'Sora', sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
  margin-top: 8px;
  color: var(--text);
  width: 100%;
  text-align: center;
}

/* Bottom Nav Menu — glass pill (same language as the rest of links2) */
.bottom-nav-menu {
  position: fixed;
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: calc(100% - 48px);
  max-width: 400px;
  height: 64px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px) saturate(1.18);
  -webkit-backdrop-filter: blur(20px) saturate(1.18);
  border: 1px solid var(--stroke);
  border-radius: 40px;
  z-index: 5000;
  padding: 0 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  pointer-events: auto;
}

:root[data-theme="light"] .bottom-nav-menu {
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.06);
}

.bottom-nav-menu.is-scrolled {
  height: 52px;
  width: calc(100% - 80px);
  max-width: 320px;
  bottom: max(12px, env(safe-area-inset-bottom, 0px));
}

@media (max-width: 576px) {
  .bottom-nav-menu {
    bottom: max(12px, calc(env(safe-area-inset-bottom, 0px) + 8px));
    width: calc(100% - 32px);
    z-index: var(--links-z-nav);
    /* Keep glass, slightly denser on mobile for legibility. */
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.12);
  }

  :root[data-theme="light"] .bottom-nav-menu {
    background: rgba(255, 255, 255, 0.62);
  }

  .links-network-rail {
    z-index: 50;
    /* Keep fully inside the viewport (was clipping on the right edge). */
    right: 12px;
    width: 52px;
  }

  .links-glass-card-stage {
    /* Stage must not steal taps from the network rail. */
    pointer-events: none;
  }

  .links-glass-card-stage .links-glass-card {
    pointer-events: auto;
  }

  .links-shell {
    padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px));
    overflow: visible;
  }

  .links-top-card {
    padding-bottom: 0 !important;
  }

  .links-footer {
    display: none;
    margin-top: 0;
  }

  /* Kill the “phantom padded panel” that framed home + clipped the rail. */
  .links-top-card.links-top-card--glass-home {
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 12px 0 0 !important;
  }

  .links-glass-home {
    width: 100%;
    margin: 0;
    overflow: visible;
  }

  #app-tab-container {
    overflow: visible;
  }

  .app-tab[data-tab="0"] {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .app-tab:not([data-tab="0"]) {
    padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Global: hide scrollbars on html, body, and .app-tab to prevent off-center shift on desktop */
html {
  scrollbar-gutter: auto;
  scrollbar-width: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
.app-tab::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

/* Mobile home: pull the controls and artwork upward while preserving a safe top inset. */
@media (max-width: 576px) {

  .bottom-nav-menu.is-scrolled {
    width: clamp(216px, 60cqw, 224px);
    max-width: 224px;
  }

  .links-card-controls {
    top: max(14px, calc(env(safe-area-inset-top, 0px) + 10px));
    left: max(10px, env(safe-area-inset-left, 0px));
    right: max(10px, env(safe-area-inset-right, 0px));
    width: auto;
    transform: none;
  }

  .links-glass-wordmark {
    top: 46px;
    width: min(105.06cqw, 379px);
    max-width: 379px;
  }

  .links-glass-card-stage {
    top: 186px;
    width: min(50.5cqw, 204px);
    height: 465px;
  }

  .links-network-rail {
    top: 318px;
  }
}

@media (max-width: 576px) and (max-height: 760px) {
  .links-glass-wordmark {
    top: 48px;
  }

  .links-glass-card-stage {
    top: 153px;
    width: min(51.8cqw, 210px);
    height: 402px;
  }

  .links-network-rail {
    top: 250px;
  }
}

@media (max-width: 576px) and (max-height: 660px) {
  .links-glass-wordmark {
    top: 44px;
  }

  .links-glass-card-stage {
    top: 139px;
    width: min(51.8cqw, 171px);
    height: 340px;
  }

  .links-network-rail {
    top: 205px;
  }
}

/* Device-profile optical sizing, calibrated against the compact bottom-nav width. */
@media (min-width: 391px) and (max-width: 395px) and (min-height: 848px) and (max-height: 856px) {
  .links-glass-card-stage {
    width: min(60.6cqw, 244.8px);
    height: 558px;
  }
}

@media (min-width: 373px) and (max-width: 377px) and (min-height: 663px) and (max-height: 671px) {
  .links-glass-card-stage {
    top: 158px;
    width: min(54.131cqw, 219.45px);
    height: 420.09px;
  }
}

@media (min-width: 382px) and (max-width: 386px) and (min-height: 820px) and (max-height: 828px) {
  .links-glass-card-stage {
    width: min(54.035cqw, 218.28px);
    height: 497.55px;
  }
}

@media (min-width: 410px) and (max-width: 432px) and (min-height: 911px) and (max-height: 936px) {
  .links-glass-card-stage {
    width: min(55.55cqw, 224.4px);
    height: 511.5px;
  }
}

@media (min-width: 388px) and (max-width: 390px) and (orientation: portrait) {
  .links-glass-card-stage {
    top: 196px;
    width: min(50.374cqw, calc((100dvh - 286px) * 0.43875));
    height: min(463.84px, calc(100dvh - 286px));
  }
}

/* Match the wordmark span exactly to the PT-to-share controls span on every viewport. */
.links-glass-wordmark {
  width: min(calc(100cqw - 48px), 552px);
  max-width: none;
}

/* Every mobile tab shares the same fixed app canvas and bottom-nav boundary. */
@media (max-width: 576px) and (orientation: portrait) {
  html,
  body {
    height: 100%;
    max-height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
  }

  .links-shell,
  .links-top-card.links-top-card--glass-home,
  #app-tab-container,
  .app-tab.is-active {
    height: 100dvh;
    min-height: 0 !important;
    max-height: 100dvh;
    overflow: hidden !important;
  }

  .links-shell {
    padding-bottom: 0;
  }

  .links-top-card.links-top-card--glass-home,
  #app-tab-container,
  .app-tab.is-active {
    height: 100%;
    max-height: 100%;
  }

  .app-tab.is-active {
    box-sizing: border-box;
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
  }

  :root[data-theme="dark"] {
    background: #08090D;
  }

  :root[data-theme="dark"] body {
    background: #08090D;
    background-attachment: fixed;
  }

  :root[data-theme="dark"] body::before {
    inset: max(72px, calc(env(safe-area-inset-top, 0px) + 48px)) -20%
      max(92px, calc(env(safe-area-inset-bottom, 0px) + 68px));
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 12%, #000 88%, transparent 100%);
  }

  :root[data-theme="dark"]::before,
  :root[data-theme="dark"]::after {
    content: "";
    position: fixed;
    right: 0;
    left: 0;
    z-index: 9999;
    pointer-events: none;
  }

  :root[data-theme="dark"]::before {
    top: 0;
    height: max(env(safe-area-inset-top, 0px), 1px);
    background: #08090D;
  }

  :root[data-theme="dark"]::after {
    bottom: 0;
    height: max(env(safe-area-inset-bottom, 0px), 1px);
    background: #08090D;
  }

  :root.is-tools-sheet-open {
    background: #ff6a00;
  }

  :root.is-tools-sheet-open::after {
    background: #ff6a00;
  }

  html.links-paged-page[data-page-chrome-color],
  html.links-paged-page[data-page-chrome-color] body {
    background: var(--page-browser-chrome-color) !important;
  }

  html.links-paged-page[data-page-chrome-color]::before,
  html.links-paged-page[data-page-chrome-color]::after {
    background: var(--page-browser-chrome-color) !important;
  }
}

.nav-item {
  background: none;
  border: none;
  outline: none;
  color: var(--text-sec);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
}

.bottom-nav-menu.is-scrolled .nav-item {
  width: 40px;
  height: 40px;
}

.nav-item svg {
  width: 22px;
  height: 22px;
  transition: transform 0.2s ease;
}

.bottom-nav-menu.is-scrolled .nav-item svg {
  width: 18px;
  height: 18px;
}

.nav-item.is-active {
  color: var(--text);
}

.nav-item.is-active svg {
  transform: scale(1.15);
  stroke-width: 2.5;
}

.nav-item[data-target="1"].is-active {
  color: var(--brand);
}

:root[data-theme="light"] .nav-item.is-active {
  color: #000;
}

:root[data-theme="light"] .nav-item[data-target="1"].is-active {
  color: var(--brand);
}

/* Instagram-style active state: a filled neutral capsule, with orange kept on the icon. */
.bottom-nav-menu .nav-item.is-active,
.bottom-nav-menu .nav-item[data-target="1"].is-active {
  width: 72px;
  height: 48px;
  border-radius: 999px;
  color: var(--brand);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.1));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 18px rgba(0, 0, 0, 0.14);
}

.bottom-nav-menu .nav-item.is-active:hover,
.bottom-nav-menu .nav-item.is-active:focus-visible {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.14));
  outline: none;
}

.bottom-nav-menu.is-scrolled .nav-item.is-active {
  width: 64px;
  height: 44px;
}

:root[data-theme="light"] .bottom-nav-menu .nav-item.is-active,
:root[data-theme="light"] .bottom-nav-menu .nav-item[data-target="1"].is-active {
  color: var(--brand);
  background: linear-gradient(180deg, rgba(20, 20, 20, 0.11), rgba(20, 20, 20, 0.06));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 8px 18px rgba(20, 20, 20, 0.08);
}

:root[data-theme="light"] .bottom-nav-menu .nav-item.is-active:hover,
:root[data-theme="light"] .bottom-nav-menu .nav-item.is-active:focus-visible {
  background: linear-gradient(180deg, rgba(20, 20, 20, 0.15), rgba(20, 20, 20, 0.08));
}

/* Fix padding for bottom nav */
.links-shell {
  padding-bottom: 100px;
}

/* Highlights: Kinetic Drop Deck */
.highlights-tab {
  padding: 0 0 24px;
  overflow: visible;
}

.highlights-editorial-heading {
  width: calc(100% + 48px);
  margin-inline: -24px;
  padding: 54px 24px 0;
  position: relative;
  z-index: 1;
  text-align: center;
}

.highlights-eyebrow {
  display: block;
  margin-bottom: 42px;
  color: var(--brand);
  font-family: 'Sora', sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

.highlights-drop-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  color: var(--text);
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(4.4rem, 18cqw, 6.8rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  gap: 0.14em;
  line-height: 0.78;
  text-transform: uppercase;
  transform: translateY(-18px);
}

.highlights-drop-title span {
  display: block;
  width: max-content;
  white-space: nowrap;
  line-height: 0.78;
}

.highlights-drop-title span:first-child {
  font-size: 0.983em;
  letter-spacing: -0.04em;
}

.highlights-stage {
  /* The three source posters are 1406 x 2500; keep that ratio without cropping. */
  --highlight-card-width: clamp(196px, 54cqw, 252px);
  --highlight-card-height: calc(var(--highlight-card-width) * 1.7781);
  --highlight-cta-height: 58px;
  width: calc(100% + 48px);
  height: calc(var(--highlight-card-height) + var(--highlight-cta-height));
  margin: 26px -24px 0;
  position: relative;
  z-index: 6;
}

.highlights-coverflow {
  width: 100%;
  height: 100%;
  position: relative;
  perspective: 720px;
  perspective-origin: 50% 42%;
  transform-style: preserve-3d;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}

.highlights-coverflow:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: -4px;
  border-radius: 28px;
}

.highlight-item {
  position: absolute;
  top: 4px;
  left: 50%;
  width: var(--highlight-card-width);
  height: calc(var(--highlight-card-height) + var(--highlight-cta-height));
  appearance: none;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 22px;
  overflow: visible;
  transform-origin: center var(--highlight-card-height);
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform, filter;
  transition: transform 0.52s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.42s ease, opacity 0.42s ease, box-shadow 0.42s ease, border-radius 0.32s ease;
  box-shadow: none;
  cursor: pointer;
}

.highlight-card-media {
  position: absolute;
  inset: 0 0 auto;
  display: block;
  width: 100%;
  height: var(--highlight-card-height);
  aspect-ratio: 1406 / 2500;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  overflow: hidden;
  background: #0a0b0e;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.52);
  transition: border-radius 0.32s ease;
}

.highlight-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(2, 3, 5, 0.78) 0%, rgba(2, 3, 5, 0.04) 27%, rgba(2, 3, 5, 0.02) 64%, rgba(2, 3, 5, 0.42) 100%);
}

.highlight-item:focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 4px;
}

.highlight-card-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  pointer-events: none;
}

.highlight-card-copy {
  position: absolute;
  top: 22px;
  left: 22px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #f7f0e8;
  text-align: left;
  text-transform: uppercase;
  transform: translateZ(28px);
  transition: left 0.46s ease, right 0.46s ease, align-items 0.46s ease, transform 0.46s ease;
  pointer-events: none;
}

.highlight-card-copy::before {
  content: "";
  position: absolute;
  top: -52px;
  left: -58px;
  width: 190px;
  height: 174px;
  z-index: -1;
  background: radial-gradient(ellipse at 46% 46%, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.34) 34%, rgba(0, 0, 0, 0.12) 58%, transparent 82%);
  filter: blur(20px);
  pointer-events: none;
}

.highlight-card-copy strong {
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(2.6rem, 11cqw, 4.2rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 0.9;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.5);
}

.highlight-card-copy span {
  margin-top: 9px;
  color: var(--brand);
  font-family: 'Sora', sans-serif;
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.17em;
  line-height: 1;
}

.highlight-card-copy i {
  display: block;
  width: 34px;
  height: 4px;
  margin-top: 11px;
  border-radius: 999px;
  background: var(--brand);
}

.highlight-item.is-active {
  z-index: 4;
  transform-origin: center bottom;
  transform: translateX(-50%) translateY(-2px) rotateZ(-2.5deg) scale(1.08);
  filter: none;
  opacity: 1;
  box-shadow: 0 38px 86px rgba(0, 0, 0, 0.68), 12px 13px 26px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(244, 138, 63, 0.2);
  animation: highlight-active-perspective-loop 5.8s ease-in-out infinite;
}

.highlight-item.is-active .highlight-card-media {
  border-radius: 22px 22px 0 0;
  box-shadow: none;
}

.highlight-item.is-prev {
  z-index: 2;
  transform: translateX(calc(-50% - 86px)) translateY(34px) translateZ(-110px) rotateY(26deg) rotateZ(-10deg) scale(0.87);
  filter: brightness(0.44) saturate(0.7);
  opacity: 0.82;
  animation: highlight-prev-perspective-loop 6.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.highlight-item.is-next {
  z-index: 3;
  transform: translateX(calc(-50% + 66px)) translateY(34px) translateZ(-104px) rotateY(-26deg) rotateZ(10deg) scale(0.87);
  filter: brightness(0.5) saturate(0.76);
  opacity: 0.86;
  animation: highlight-next-perspective-loop 6.4s cubic-bezier(0.45, 0, 0.55, 1) -3.2s infinite;
}

.highlight-item.is-next .highlight-card-copy {
  right: 18px;
  left: auto;
  align-items: flex-end;
  text-align: right;
}

.highlight-item.is-next .highlight-card-copy::before {
  right: -58px;
  left: auto;
}

.highlight-platform-btn {
  position: absolute;
  top: calc(var(--highlight-card-height) - 1px);
  left: 0;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--highlight-card-width);
  min-height: var(--highlight-cta-height);
  padding: 14px 10px;
  border-radius: 0 0 22px 22px;
  background: var(--brand);
  color: #08090d;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(1.08rem, 5.7cqw, 2rem);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-overflow: clip;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: filter 0.22s ease, opacity 0.18s ease;
  box-shadow: none;
  pointer-events: none;
}

.highlight-item.is-active .highlight-platform-btn {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.highlight-item.is-active:hover .highlight-platform-btn {
  filter: brightness(1.06);
}

@keyframes highlight-active-perspective-loop {
  0%, 100% {
    transform: translateX(-50%) translateY(-2px) rotateZ(-2.5deg) scale(1.08);
    box-shadow: 0 38px 86px rgba(0, 0, 0, 0.68), 12px 13px 26px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(244, 138, 63, 0.2);
  }
  50% {
    transform: translateX(-50%) translateY(-7px) rotateZ(-1deg) scale(1.095);
    box-shadow: 0 46px 98px rgba(0, 0, 0, 0.72), 16px 17px 30px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(244, 138, 63, 0.24);
  }
}

@keyframes highlight-prev-perspective-loop {
  0%, 100% {
    transform: translateX(calc(-50% - 86px)) translateY(34px) translateZ(-110px) rotateY(26deg) rotateZ(-10deg) scale(0.87);
  }
  50% {
    transform: translateX(calc(-50% - 74px)) translateY(26px) translateZ(-70px) rotateY(17deg) rotateZ(-7deg) scale(0.91);
  }
}

@keyframes highlight-next-perspective-loop {
  0%, 100% {
    transform: translateX(calc(-50% + 66px)) translateY(34px) translateZ(-104px) rotateY(-26deg) rotateZ(10deg) scale(0.87);
  }
  50% {
    transform: translateX(calc(-50% + 56px)) translateY(27px) translateZ(-66px) rotateY(-17deg) rotateZ(7deg) scale(0.91);
  }
}

.highlight-selectors {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  height: 48px;
  min-height: 48px;
  margin-top: 30px;
}

.highlight-selector {
  position: relative;
  min-width: 42px;
  height: 48px;
  min-height: 48px;
  padding: 4px 6px 10px;
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: 1.45rem;
  font-weight: 400;
  cursor: pointer;
  transition: color 0.22s ease, transform 0.22s ease;
}

.highlight-selector::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 30px;
  height: 3px;
  border-radius: 999px;
  background: var(--brand);
  transform: translateX(-50%) scaleX(0);
  transition: transform 0.22s ease;
}

.highlight-selector:hover,
.highlight-selector.is-active {
  color: var(--brand);
  transform: translateY(-1px);
}

.highlight-selector.is-active::after {
  transform: translateX(-50%) scaleX(1);
}

.highlight-selector:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-radius: 10px;
}

.highlight-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

:root[data-theme="light"] .highlight-card-media {
  border-color: transparent;
  box-shadow: none;
}

@media (max-width: 576px) {
  .highlights-editorial-heading {
    width: calc(100% + 32px);
    margin-inline: -16px;
    padding: 66px 18px 0;
  }

  .highlights-stage {
    --highlight-card-width: clamp(190px, 54cqw, 211px);
    width: calc(100% + 32px);
    margin-inline: -16px;
  }
}

@media (max-width: 360px) {
  .highlights-drop-title {
    font-size: 3.55rem;
  }

  .highlight-item.is-prev {
    transform: translateX(calc(-50% - 58px)) translateY(24px) rotate(-10deg) scale(0.9);
  }

  .highlight-item.is-next {
    transform: translateX(calc(-50% + 58px)) translateY(30px) rotate(9deg) scale(0.9);
  }
}

@media (max-width: 576px) and (max-height: 760px) {
  .highlights-editorial-heading {
    padding-top: 40px;
  }

  .highlights-eyebrow {
    margin-bottom: 18px;
  }

  .highlights-drop-title {
    font-size: clamp(3.25rem, 15.5cqw, 3.75rem);
    transform: translateY(-10px);
  }

  .highlights-stage {
    --highlight-card-width: clamp(172px, 52cqw, 190px);
    margin-top: 34px;
  }

  .highlight-selectors {
    min-height: 44px;
    margin-top: 22px;
  }
}

@media (min-width: 577px) {
  .highlights-editorial-heading {
    padding-top: 44px;
  }

  .highlights-drop-title {
    font-size: clamp(4.8rem, 15cqw, 5.8rem);
  }

  .highlights-stage {
    --highlight-card-width: 224px;
    margin-top: 29px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .highlight-item,
  .highlight-selector,
  .highlight-selector::after {
    transition-duration: 0.01ms !important;
  }

  .highlight-item {
    animation: none !important;
  }
}

/* Partnerships: editorial benefit billboards */
.partnerships-tab {
  --section-canvas: #ff6a00;
  --brand: #08090d;
  width: 100%;
  padding: 0 0 24px;
  overflow: visible;
  color: #08090d;
}

.partnerships-editorial-heading {
  width: calc(100% + 48px);
  margin-inline: -24px;
  padding: 54px 24px 0;
  text-align: center;
}

.partnerships-eyebrow {
  display: block;
  margin-bottom: 42px;
  color: #ffffff;
  font-family: 'Sora', sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.26em;
  line-height: normal;
  text-transform: uppercase;
}

.partnerships-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  color: #08090d;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(4.4rem, 18cqw, 6.8rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  gap: 0.14em;
  line-height: 0.78;
  text-transform: uppercase;
  transform: translateY(-18px);
}

.partnerships-title span {
  display: block;
  width: max-content;
  line-height: 0.78;
  white-space: nowrap;
}

.partnerships-title span:first-child {
  font-size: 0.983em;
  letter-spacing: -0.04em;
  transform: scaleX(1.13);
  transform-origin: center;
}

.partnerships-billboards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  width: calc(100% - 32px);
  max-width: 590px;
  margin: 32px 16px 0;
  position: relative;
  isolation: isolate;
}

.partnership-billboard {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 19px 16px 16px;
  border: 1px solid transparent;
  border-radius: 26px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform-origin: center bottom;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform, box-shadow;
  transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.32s ease;
}

.partnership-billboard--monte {
  z-index: 2;
  min-height: 372px;
  background: #08090d;
  color: #f3eadf;
  border-color: rgba(255, 255, 255, 0.12);
  transform: rotate(-1.6deg);
  box-shadow: 0 22px 44px rgba(19, 13, 8, 0.22);
  animation: partnership-monte-perspective-loop 5.8s ease-in-out infinite;
}

.partnership-billboard--squad {
  z-index: 1;
  min-height: 350px;
  margin-left: -3px;
  background: #f3eadf;
  color: #08090d;
  border-color: rgba(8, 9, 13, 0.14);
  transform: rotate(1.7deg) translateY(2px);
  box-shadow: 0 18px 36px rgba(92, 46, 16, 0.2);
  animation: partnership-squad-perspective-loop 6.4s cubic-bezier(0.45, 0, 0.55, 1) -3.2s infinite;
}

.partnership-billboard:hover,
.partnership-billboard:focus-within {
  z-index: 3;
  animation: none;
  transform: rotate(0deg) translateY(-4px);
}

@keyframes partnership-monte-perspective-loop {
  0%, 100% {
    transform: translateY(0) translateZ(0) rotateY(0deg) rotateZ(-1.6deg) scale(1);
    box-shadow: 0 22px 44px rgba(19, 13, 8, 0.22);
  }
  50% {
    transform: translateY(-7px) translateZ(14px) rotateY(1.4deg) rotateZ(-0.8deg) scale(1.012);
    box-shadow: 0 30px 54px rgba(19, 13, 8, 0.28);
  }
}

@keyframes partnership-squad-perspective-loop {
  0%, 100% {
    transform: translateY(2px) translateZ(0) rotateY(0deg) rotateZ(1.7deg) scale(1);
    box-shadow: 0 18px 36px rgba(92, 46, 16, 0.2);
  }
  50% {
    transform: translateY(-5px) translateZ(12px) rotateY(-1.4deg) rotateZ(0.9deg) scale(1.012);
    box-shadow: 0 27px 48px rgba(92, 46, 16, 0.27);
  }
}

.partnership-billboard__heading {
  min-height: 64px;
  padding-bottom: 11px;
  border-bottom: 1px solid currentColor;
}

.partnership-number {
  display: block;
  margin-bottom: 7px;
  color: #ff6a00;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 0.9;
}

.partnership-billboard--squad .partnership-number {
  color: #ff6a00;
}

.partnership-billboard h3 {
  margin: 0;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(1.2rem, 4.8cqw, 1.65rem);
  font-weight: 400;
  letter-spacing: 0.015em;
  line-height: 0.95;
  text-transform: uppercase;
}

.partnership-description {
  min-height: 68px;
  margin: 15px 0 0;
  font-family: 'Inter', sans-serif;
  font-size: clamp(0.73rem, 2.95cqw, 0.88rem);
  line-height: 1.52;
}

.partnership-benefit {
  display: flex;
  flex: 1;
  align-items: flex-end;
  margin: 8px 0 14px;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(5.9rem, 28cqw, 10rem);
  font-weight: 400;
  letter-spacing: -0.055em;
  line-height: 0.78;
  white-space: nowrap;
}

.partnership-benefit--shipping {
  align-items: flex-end;
  font-size: clamp(3.25rem, 15.8cqw, 6.3rem);
  line-height: 0.76;
  text-transform: uppercase;
  white-space: normal;
}

.partnership-access-btn {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 13px 14px;
  border-radius: 10px;
  background: #f3eadf;
  color: #15100c;
  font-family: 'Sora', sans-serif;
  font-size: clamp(0.63rem, 2.5cqw, 0.77rem);
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.partnership-billboard--squad .partnership-access-btn {
  background: #08090d;
  color: #f3eadf;
}

.partnership-access-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.partnership-access-btn:active {
  transform: scale(0.97);
}

.partnership-access-btn:focus-visible,
.partnerships-copy-btn:focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 3px;
}

.partnership-billboard--monte .partnership-access-btn:focus-visible {
  outline-color: #ff6a00;
}

.partnership-billboard--squad .partnership-access-btn:focus-visible {
  outline-color: #15100c;
}

.partnership-access-btn .material-symbols-rounded {
  flex: 0 0 auto;
  font-size: 1.25rem;
}

.partnerships-copy-btn.coupon-code-btn {
  width: min(calc(100% - 12px), 520px);
  min-height: 56px;
  margin-top: 30px;
  padding: 10px 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 11px;
  border: 2px solid #08090d;
  border-radius: 24px;
  background: #08090d;
  color: #f3eadf;
  font-family: 'Sora', sans-serif;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.partnerships-copy-btn strong {
  font-size: clamp(0.73rem, 3cqw, 0.9rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
}

.partnerships-copy-btn .partnerships-copy-icon {
  color: currentColor;
  font-size: 1.28rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}

.partnerships-copy-btn:active {
  transform: scale(0.98);
}

@media (hover: hover) {
  .partnerships-copy-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
  }
}

.partnerships-copy-btn.is-copied {
  background: #f3eadf;
  border-color: #08090d;
  color: #08090d;
}

.partnerships-copy-btn.is-copied span {
  color: currentColor;
  font-family: 'Sora', sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.partnerships-hint {
  margin: 11px 0 0;
  color: rgba(8, 9, 13, 0.68);
  font-family: 'Inter', sans-serif;
  font-size: 0.72rem;
  line-height: 1.3;
  text-align: center;
}

.coupon-copy-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Partnerships: dense mobile cards with calmer type rhythm. */
.partnership-description {
  min-height: 76px !important;
  margin-top: 10px !important;
  padding-inline: 1px;
  font-size: clamp(0.63rem, 2.5cqw, 0.7rem) !important;
  line-height: 1.46 !important;
  text-align: justify;
  text-justify: inter-word;
  hyphens: none;
}

.partnership-access-btn {
  min-height: 42px !important;
  padding: 8px 10px !important;
  font-size: clamp(0.56rem, 2.1cqw, 0.67rem) !important;
}

.partnership-access-btn .material-symbols-rounded {
  font-size: 1.08rem !important;
}

.partnership-benefit--shipping {
  line-height: 0.91 !important;
}

.partnerships-title {
  gap: 0.15em !important;
}

.partnerships-copy-btn.coupon-code-btn.is-copied {
  width: min(208px, calc(100% - 20px)) !important;
  min-width: 0;
  padding-inline: 9px;
  gap: 6px;
  white-space: nowrap;
}

.partnerships-copy-btn.coupon-code-btn.is-copied span {
  flex: 0 0 auto;
  font-size: 0.56rem !important;
  letter-spacing: 0.045em !important;
  white-space: nowrap;
}

.partnerships-copy-btn.coupon-code-btn.is-copied strong {
  flex: 0 0 auto;
  font-size: 0.66rem;
  white-space: nowrap;
}

@media (max-width: 576px) {
  .partnership-billboard--monte,
  .partnership-billboard--squad {
    min-height: 322px;
  }

  .partnership-billboard {
    padding-inline: 12px;
  }

  .partnership-description {
    min-height: 76px !important;
  }
}

.nav-item[data-target="2"].is-active {
  color: var(--brand);
}

:root[data-theme="light"] .nav-item[data-target="2"].is-active {
  color: var(--brand);
}

@media (max-width: 576px) {
  .partnerships-editorial-heading {
    width: calc(100% + 32px);
    margin-inline: -16px;
    padding: 66px 18px 0;
  }

  .partnerships-title {
    font-size: clamp(4.4rem, 18cqw, 6.8rem);
    line-height: 0.78;
    transform: translateY(-18px);
  }

  .partnerships-title span {
    line-height: 0.78;
  }

  .partnerships-billboards {
    width: min(calc(100% - 40px), 350px);
    margin: 24px auto 0;
    gap: 7px;
  }

  .partnership-billboard {
    padding: 17px 12px 14px;
  }

  .partnership-billboard__heading {
    min-height: 58px;
    padding-bottom: 9px;
  }

  .partnership-billboard h3 {
    font-size: clamp(1.05rem, 4.35cqw, 1.42rem);
  }

  .partnership-description {
    min-height: 62px;
    margin-top: 12px;
    font-size: clamp(0.67rem, 2.7cqw, 0.8rem);
    line-height: 1.45;
  }

  .partnership-billboard--monte {
    min-height: 350px;
  }

  .partnership-billboard--squad {
    min-height: 334px;
  }

  .partnership-benefit {
    width: auto;
    margin-block: 7px 12px;
    padding-inline: 2px;
    font-size: clamp(4.45rem, 20.8cqw, 4.85rem);
    letter-spacing: -0.045em;
    transform: none;
  }

  .partnership-benefit--shipping {
    width: auto;
    font-size: clamp(2.65rem, 13cqw, 3.05rem);
    line-height: 0.8;
    transform: none;
  }

  .partnerships-copy-btn.coupon-code-btn {
    width: min(168px, calc(100% - 32px));
    max-width: calc(100% - 32px);
    min-height: 44px;
    margin: 28px auto 0;
    padding-inline: 12px;
    gap: 8px;
  }

  .partnership-access-btn {
    min-height: 50px;
    padding: 11px 10px;
    font-size: clamp(0.58rem, 2.25cqw, 0.69rem);
  }
}

@media (max-width: 576px) and (orientation: portrait) {
  html.links-paged-page:has(.partnerships-tab.is-active),
  html.links-paged-page body:has(.partnerships-tab.is-active) {
    background: #ff6a00 !important;
  }

  html.links-paged-page:has(.partnerships-tab.is-active)::before,
  html.links-paged-page:has(.partnerships-tab.is-active)::after {
    background: #ff6a00 !important;
  }
}

@media (max-width: 390px) {
  .partnerships-billboards {
    width: calc(100% - 40px);
    margin-inline: auto;
  }

  .partnership-billboard {
    padding: 16px 11px 13px;
  }
}

@media (max-width: 360px) {
  .partnerships-title {
    font-size: 3.55rem;
  }

  .partnership-billboards {
    grid-template-columns: 1fr 1fr;
  }

  .partnership-description {
    font-size: 0.64rem;
  }

  .partnership-benefit {
    width: auto;
    font-size: 4.6rem;
    transform: none;
  }

  .partnership-benefit--shipping {
    width: auto;
    font-size: 2.95rem;
    line-height: 0.76;
    transform: none;
  }
}

@media (max-width: 576px) and (max-height: 760px) {
  .partnerships-editorial-heading {
    padding-top: 40px;
  }

  .partnerships-eyebrow {
    margin-bottom: 18px;
  }

  .partnerships-title {
    font-size: clamp(3.25rem, 15.5cqw, 3.75rem);
    transform: translateY(-10px);
  }

  .partnerships-billboards {
    margin-top: 24px;
  }

  .partnership-billboard--monte {
    min-height: 318px;
  }

  .partnership-billboard--squad {
    min-height: 306px;
  }

  .partnership-benefit {
    width: auto;
    font-size: 4.6rem;
    transform: none;
  }

  .partnership-benefit--shipping {
    width: auto;
    font-size: 2.7rem;
    line-height: 0.76;
    transform: none;
  }

  .partnerships-copy-btn.coupon-code-btn {
    margin-top: 18px;
  }
}

@media (min-width: 577px) {
  .partnerships-editorial-heading {
    padding-top: 44px;
  }

  .partnerships-title {
    font-size: clamp(4.8rem, 15cqw, 5.8rem);
  }

  .partnerships-billboards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(calc(100% - 96px), 430px);
    max-width: 430px;
    margin: 29px auto 0;
    gap: 10px;
  }

  .partnership-billboard--squad {
    margin-left: 0;
  }
}

@media (min-width: 577px) and (max-height: 760px) {
  .partnerships-editorial-heading {
    padding-top: 18px;
  }

  .partnerships-billboards {
    margin: 0 auto;
  }

  .partnership-billboard--monte {
    min-height: 292px;
  }

  .partnership-billboard--squad {
    min-height: 282px;
  }

  .partnership-billboard {
    padding: 10px 14px;
  }

  .partnership-billboard__heading {
    min-height: 48px;
    padding-bottom: 6px;
  }

  .partnership-number {
    margin-bottom: 4px;
    font-size: 1.6rem;
  }

  .partnership-description {
    min-height: 30px;
    margin-top: 6px;
    font-size: 0.66rem;
  }

  .partnership-benefit {
    margin: 0 0 6px;
    font-size: 5.5rem;
  }

  .partnership-benefit--shipping {
    font-size: 2.9rem;
  }

  .partnership-access-btn {
    min-height: 44px;
    padding: 9px 11px;
  }

  .partnerships-copy-btn.coupon-code-btn {
    min-height: 46px;
    margin-top: 8px;
  }
}

@media (min-width: 577px) and (max-height: 650px) {
  .partnerships-editorial-heading {
    padding-top: 12px;
  }

  .partnership-billboard--monte {
    min-height: 254px;
  }

  .partnership-billboard--squad {
    min-height: 246px;
  }

  .partnership-billboard {
    padding: 8px 12px;
  }

  .partnership-billboard__heading {
    min-height: 44px;
    padding-bottom: 4px;
  }

  .partnership-number {
    margin-bottom: 3px;
    font-size: 1.4rem;
  }

  .partnership-description {
    min-height: 26px;
    margin-top: 4px;
    font-size: 0.62rem;
  }

  .partnership-benefit {
    font-size: 4.8rem;
  }

  .partnership-benefit--shipping {
    font-size: 2.5rem;
  }

  .partnerships-copy-btn.coupon-code-btn {
    margin-top: 6px;
  }

  .partnerships-hint {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .partnership-billboard,
  .partnership-access-btn,
  .partnerships-copy-btn {
    transition-duration: 0.01ms !important;
  }

  .partnership-billboard {
    animation: none !important;
  }
}

/* Contact: selected editorial ticket direction */
.contact-editorial-tab {
  padding: 0 0 24px;
  overflow: visible;
}

.contact-editorial-heading {
  width: calc(100% + 48px);
  margin-inline: -24px;
  padding: 54px 24px 0;
  position: relative;
  z-index: 1;
  text-align: center;
}

.contact-eyebrow {
  display: block;
  margin-bottom: 42px;
  color: var(--brand);
  font-family: 'Sora', sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.26em;
  line-height: normal;
  text-transform: uppercase;
}

.contact-editorial-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  color: var(--text);
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(5rem, 21cqw, 7.4rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  gap: 0.14em;
  line-height: 0.82;
  text-transform: uppercase;
  transform: translateY(-18px);
}

.contact-editorial-title > span {
  display: block;
  width: max-content;
  max-width: 100%;
  line-height: 0.82;
  white-space: nowrap;
}

.contact-editorial-title > .contact-title-line--split {
  display: flex;
  gap: 0.14em;
}

.contact-ticket-stage {
  position: relative;
  width: calc(100% - 48px);
  max-width: 540px;
  height: 356px;
  margin: 80px auto 0;
  perspective: 1000px;
  isolation: isolate;
}

.contact-ticket {
  position: absolute;
  display: flex;
  flex-direction: column;
  border-radius: 26px;
  color: #12110f;
  text-decoration: none;
  transform-origin: center bottom;
  backface-visibility: hidden;
  will-change: transform, box-shadow;
  transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.32s ease, filter 0.24s ease;
}

.contact-ticket__select {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  cursor: pointer;
}

.contact-ticket > :not(.contact-ticket__select):not(.contact-ticket__action) {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.contact-ticket--email {
  inset: 0 auto auto 0;
  z-index: 2;
  width: 64%;
  min-height: 344px;
  padding: 28px 24px 22px;
  background: #f3eadf;
  border: 1px solid rgba(244, 138, 63, 0.72);
  box-shadow: 0 28px 58px rgba(0, 0, 0, 0.34), 0 0 34px rgba(244, 138, 63, 0.12);
  animation: contact-email-ticket-loop 6s ease-in-out infinite;
}

.contact-ticket--location {
  top: 42px;
  right: 0;
  z-index: 1;
  width: 43%;
  min-height: 302px;
  padding: 28px 16px 22px 24px;
  background: var(--brand);
  border: 1px solid rgba(21, 16, 12, 0.18);
  box-shadow: 0 24px 48px rgba(88, 43, 12, 0.3);
  animation: contact-location-ticket-loop 6.6s cubic-bezier(0.45, 0, 0.55, 1) -3.3s infinite;
}

.contact-ticket:hover:not(.is-selected) {
  filter: brightness(1.03);
}

.contact-ticket:has(.contact-ticket__select:focus-visible) {
  outline: 3px solid var(--brand);
  outline-offset: 4px;
}

.contact-ticket.is-selected {
  z-index: 4;
  animation: none;
  filter: none;
  outline: 3px solid #ff6a00;
  outline-offset: 4px;
}

.contact-ticket--email.is-selected {
  transform: translateY(0) rotateZ(-2deg) rotateY(0deg);
}

.contact-ticket--location.is-selected {
  transform: translateY(0) rotateZ(2deg) rotateY(0deg);
}

.contact-ticket__icon {
  color: var(--brand);
  font-size: 2.5rem;
  line-height: 1;
}

.contact-ticket--location .contact-ticket__icon {
  color: #15100c;
}

.contact-ticket__divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 18px 0;
  background: currentColor;
  opacity: 0.56;
}

.contact-ticket__email {
  font-family: 'Inter', sans-serif;
  font-size: clamp(1.02rem, 4.7cqw, 1.45rem);
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.08;
}

.contact-ticket__action {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 52px;
  margin-top: auto;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--brand);
  font-family: 'Anton', 'Montserrat', sans-serif;
  gap: 8px;
  font-size: 1.08rem;
  letter-spacing: 0.01em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.contact-ticket__action .material-symbols-rounded {
  font-size: 1.5rem;
}

.contact-ticket__action:focus-visible {
  outline: 3px solid #12110f;
  outline-offset: 3px;
}

@media (hover: hover) {
  .contact-ticket__action:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
  }
}

.contact-ticket__action:active {
  transform: scale(0.98);
}

.partnership-access-btn .material-symbols-rounded,
.contact-ticket__action .material-symbols-rounded,
.highlight-platform-btn b {
  transition: transform 0.2s ease;
}

.partnership-access-btn.is-launching,
.contact-ticket__action.is-launching {
  filter: brightness(1.07);
  transform: translateY(1px) scale(0.985);
  box-shadow: 0 0 0 2px currentColor;
}

.partnership-access-btn.is-launching .material-symbols-rounded,
.contact-ticket__action.is-launching .material-symbols-rounded,
.new-home-card.is-launching .highlight-platform-btn b {
  transform: translateX(4px);
}

.new-home-card.is-launching .highlight-platform-btn {
  filter: brightness(1.07);
  box-shadow: none;
}

.contact-ticket__action--location {
  min-height: 44px;
  margin-top: 12px;
  padding-inline: 10px;
  background: #15100c;
  color: var(--brand);
  font-size: 0.88rem;
}

.contact-ticket__city {
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(2.4rem, 11cqw, 3.6rem);
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 0.86;
}

.contact-ticket__flag {
  display: inline-block;
  width: 0.85em;
  height: 0.85em;
  vertical-align: middle;
  fill: currentColor;
  margin-left: 0.15em;
  margin-top: -0.15em;
}

.contact-ticket__meta {
  margin-top: auto;
  font-family: 'Sora', sans-serif;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1.45;
  text-transform: uppercase;
}

.nav-item[data-target="3"].is-active {
  color: var(--brand);
}

:root[data-theme="light"] .contact-ticket--email {
  box-shadow: 0 24px 48px rgba(77, 45, 24, 0.18), 0 0 30px rgba(244, 138, 63, 0.13);
}

:root[data-theme="light"] .nav-item[data-target="3"].is-active {
  color: var(--brand);
}

@keyframes contact-email-ticket-loop {
  0%, 100% {
    transform: translateY(0) rotateZ(-2deg) rotateY(0deg);
  }
  50% {
    transform: translateY(-7px) rotateZ(-1deg) rotateY(1.5deg);
  }
}

@keyframes contact-location-ticket-loop {
  0%, 100% {
    transform: translateY(0) rotateZ(2deg) rotateY(0deg);
  }
  50% {
    transform: translateY(-6px) rotateZ(1deg) rotateY(-1.5deg);
  }
}

@media (max-width: 576px) {
  .contact-editorial-heading {
    width: calc(100% + 32px);
    margin-inline: -16px;
    padding: 66px 18px 0;
  }

  .contact-editorial-title {
    font-size: clamp(5rem, 22cqw, 5.5rem);
  }

  .contact-ticket-stage {
    display: flex;
    width: min(calc(100% - 48px), 342px);
    height: auto;
    margin-top: 24px;
    flex-direction: column;
    gap: 12px;
    perspective: none;
  }

  .contact-ticket {
    position: relative;
    inset: auto;
    width: 100%;
  }

  .contact-ticket--location {
    order: 1;
    min-height: 174px;
    padding: 13px 14px 12px;
  }

  .contact-ticket--email {
    order: 2;
    min-height: 164px;
    padding: 15px 16px 14px;
  }

  .contact-ticket__icon {
    font-size: 2rem;
  }

  .contact-ticket__divider {
    margin: 9px 0;
  }

  .contact-ticket__city,
  .contact-ticket__email {
    line-height: 1;
  }

  .contact-ticket__city br,
  .contact-ticket__email br,
  .contact-ticket__meta br {
    display: none;
  }

  .contact-ticket__city {
    width: 100%;
    white-space: nowrap;
    font-size: clamp(1.35rem, 6.5cqw, 2rem);
    letter-spacing: -0.025em;
  }

  .contact-ticket__email {
    font-size: clamp(0.82rem, 3.7cqw, 0.94rem);
  }

  .contact-ticket__meta {
    margin-top: 0;
    font-size: 0.58rem;
  }

  .contact-ticket--location .contact-ticket__icon {
    font-size: 1.85rem;
  }

  .contact-ticket--location .contact-ticket__divider {
    margin-block: 7px;
  }

  .contact-ticket__action,
  .contact-ticket__action--location {
    min-height: 44px;
    margin-top: 10px;
    padding: 9px 11px;
    font-size: 0.98rem;
  }

  .contact-ticket__action--location {
    min-height: 42px;
    margin-top: 8px;
    font-size: 0.82rem;
  }

  .contact-about-next {
    margin-top: 18px;
  }
}

@media (max-width: 576px) and (max-height: 760px) {
  .contact-editorial-heading {
    padding-top: 40px;
  }

  .contact-eyebrow {
    margin-bottom: 34px;
  }

  .contact-editorial-title {
    font-size: clamp(3.75rem, 17cqw, 4.25rem);
  }

  .contact-ticket-stage {
    height: auto;
    margin-top: 16px;
  }

  .contact-ticket--email {
    min-height: 146px;
    padding: 13px 16px 12px;
  }

  .contact-ticket--location {
    top: auto;
    min-height: 164px;
    padding: 13px 16px 12px;
  }

  .contact-ticket__icon {
    font-size: 2rem;
  }

  .contact-ticket__divider {
    margin: 7px 0;
  }

  .contact-ticket__city {
    font-size: clamp(1.35rem, 6.5cqw, 2rem);
  }

  .contact-ticket__action {
    min-height: 42px;
    margin-top: 8px;
    font-size: 1rem;
  }
}

@media (min-width: 577px) {
  .contact-editorial-heading {
    padding-top: 44px;
  }

  .contact-eyebrow {
    margin-bottom: 42px;
  }

  .contact-editorial-title {
    font-size: clamp(4.8rem, 15cqw, 5.8rem);
  }

  .contact-ticket-stage {
    width: min(calc(100% - 72px), 470px);
    height: 320px;
    margin-top: 36px;
  }

  .contact-ticket--email {
    min-height: 308px;
  }

  .contact-ticket--location {
    min-height: 274px;
  }
}

@media (min-width: 577px) and (max-height: 760px) {
  .contact-editorial-heading {
    padding-top: 18px;
  }

  .contact-eyebrow {
    margin-bottom: 20px;
  }

  .contact-editorial-title {
    font-size: 4.5rem;
  }

  .contact-ticket-stage {
    width: min(calc(100% - 96px), 430px);
    height: 250px;
    margin-top: 14px;
  }

  .contact-ticket--email {
    min-height: 244px;
    padding: 16px 18px 14px;
  }

  .contact-ticket--location {
    top: 22px;
    min-height: 220px;
    padding: 16px 14px 14px 22px;
  }

  .contact-ticket__icon {
    font-size: 1.9rem;
  }

  .contact-ticket__divider {
    margin: 9px 0;
  }

  .contact-ticket__email {
    font-size: 1rem;
  }

  .contact-ticket__city {
    font-size: 2.6rem;
  }

  .contact-ticket__meta {
    font-size: 0.56rem;
  }

  .contact-ticket__action {
    min-height: 44px;
    padding: 9px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .contact-ticket {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ===== LS PRIMARY NAVIGATION ===== */
.links-tools-menu-view[hidden],
.links-tools-about-view[hidden] {
  display: none !important;
}

.links-tools-menu-view {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}

.links-tools-about-pull__arrow {
  display: block;
  width: 28px;
  height: 23px;
  margin: -2px auto 3px;
  font-family: 'Sora', sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 23px;
  opacity: 0.8;
  animation: linksAboutPullArrow 1.35s ease-in-out infinite;
}

@keyframes linksAboutPullArrow {
  0%, 100% { transform: translateY(3px); opacity: 0.45; }
  50% { transform: translateY(-3px); opacity: 0.9; }
}

.links-tools-menu-view__eyebrow {
  margin: 0 0 18px;
  font-family: 'Sora', sans-serif;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.links-tools-navigation {
  display: grid;
  border-top: 1px solid rgba(23, 17, 12, 0.26);
}

.links-tools-navigation__item {
  width: 100%;
  min-height: 78px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 12px;
  padding: 0 4px;
  border: 0;
  border-bottom: 1px solid rgba(23, 17, 12, 0.26);
  background: transparent;
  color: #17110c;
  text-align: left;
  cursor: pointer;
  transition: padding 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.links-tools-navigation__item > span:first-child {
  font-family: 'Sora', sans-serif;
  font-size: 0.6rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  opacity: 0.55;
}

.links-tools-navigation__item strong {
  font-family: 'Anton', 'Arial Narrow', sans-serif;
  font-size: clamp(2.2rem, 10cqw, 3.4rem);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1;
  text-transform: uppercase;
}

.links-tools-navigation__arrow {
  justify-self: end;
  font-family: 'Sora', sans-serif;
  font-size: 1.65rem;
  line-height: 1;
  transition: transform 0.2s ease;
}

.links-tools-navigation__item:hover,
.links-tools-navigation__item:focus-visible,
.links-tools-navigation__item.is-active {
  padding-inline: 12px;
  background: rgba(23, 17, 12, 0.08);
  color: #fff;
  outline: none;
}

.links-tools-navigation__item:hover .links-tools-navigation__arrow,
.links-tools-navigation__item:focus-visible .links-tools-navigation__arrow {
  transform: translateX(4px);
}

.links-tools-about-view {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
  background: transparent;
  color: inherit;
  animation: linksToolsAboutExtend 0.34s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes linksToolsAboutExtend {
  from { opacity: 0; transform: translateY(36px); }
  to { opacity: 1; transform: translateY(0); }
}

:root[data-theme="light"] .links-tools-navigation {
  border-top-color: rgba(255, 250, 244, 0.34);
}

:root[data-theme="light"] .links-tools-navigation__item {
  border-bottom-color: rgba(255, 250, 244, 0.34);
  color: #fffaf4;
}

:root[data-theme="light"] .links-tools-navigation__item:hover,
:root[data-theme="light"] .links-tools-navigation__item:focus-visible,
:root[data-theme="light"] .links-tools-navigation__item.is-active {
  background: #fffaf4;
  color: #ff6a00;
}

/* The LS menu now owns navigation, so the page no longer reserves a footer-nav lane. */
.links-shell {
  padding-bottom: 24px;
}

@media (max-width: 576px) {
  .links-tools-sheet__panel {
    height: min(690px, calc(100dvh - max(92px, calc(env(safe-area-inset-top, 0px) + 68px))));
  }

  .links-tools-sheet__header {
    margin-bottom: 18px;
  }

  .links-tools-navigation__item {
    min-height: clamp(62px, 9.2dvh, 76px);
  }

  .links-shell {
    padding-bottom: 0;
  }

  .app-tab:not([data-tab="0"]),
  .app-tab.is-active {
    padding-bottom: max(20px, env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .links-tools-navigation__item,
  .links-tools-navigation__arrow {
    transition: none !important;
  }
}

/* ===== NEW EDITORIAL HOME ===== */
.app-tab-container:has(.new-home-tab.is-active) {
  overflow: hidden;
}

.new-home-tab {
  --brand: #ff6a00;
  --page-transition-bg: #08090d;
  padding: 0 0 24px;
  overflow: hidden;
}

.new-home-heading {
  position: relative;
  z-index: 7;
  width: calc(100% + 48px);
  margin-inline: -24px;
  padding: 54px 24px 0;
  text-align: center;
}

.new-home-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  color: var(--text);
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(4.4rem, 18cqw, 6.8rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  gap: 0.14em;
  line-height: 0.78;
  text-transform: uppercase;
  transform: translateY(-18px);
}

.new-home-title span {
  display: block;
  width: max-content;
  white-space: nowrap;
  line-height: 0.78;
}

.new-home-title span:last-child {
  font-size: 0.973em;
  letter-spacing: -0.045em;
}

.new-home-tab [hidden] {
  display: none !important;
}

.new-home-zone-toggle {
  position: relative;
  z-index: 9;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  width: min(100%, 274px);
  margin-top: 10px;
  padding: 2px;
  border: 1px solid rgba(255, 106, 0, 0.52);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
}

.new-home-zone-toggle__thumb {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  width: calc(50% - 2px);
  border-radius: 999px;
  background: #ff6a00;
  box-shadow: 0 0 16px rgba(255, 106, 0, 0.24);
  content: '';
  transform: translate3d(100%, 0, 0);
  transition: background 0.3s ease, box-shadow 0.3s ease;
  backface-visibility: hidden;
  will-change: transform;
  pointer-events: none;
}

.new-home-zone-toggle__sparkles {
  position: absolute;
  inset: -13px 50% -13px -17px;
  z-index: 3;
  color: #d9eff8;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s ease;
}

.new-home-zone-toggle__sparkles::before,
.new-home-zone-toggle__sparkles::after {
  position: absolute;
  font-family: Georgia, serif;
  line-height: 1;
  filter: drop-shadow(0 0 4px rgba(184, 216, 231, 0.58));
  animation: premiumToggleSparkle 2.4s ease-in-out infinite;
}

.new-home-zone-toggle__sparkles::before {
  top: 0;
  left: 5px;
  content: '✦';
  font-size: 11px;
  text-shadow: 20px 47px 0 rgba(205, 231, 243, 0.54);
}

.new-home-zone-toggle__sparkles::after {
  right: 7px;
  bottom: 0;
  content: '✧';
  font-size: 9px;
  text-shadow: -9px -46px 0 rgba(205, 231, 243, 0.44);
  animation-delay: -1.2s;
}

.new-home-zone-toggle[data-active-zone="premium"] .new-home-zone-toggle__sparkles {
  opacity: 1;
}

@keyframes premiumToggleSparkle {
  0%, 100% { opacity: 0.34; transform: scale(0.74) rotate(-7deg); }
  50% { opacity: 0.92; transform: scale(1.08) rotate(5deg); }
}

.new-home-zone-toggle[data-active-zone="premium"] .new-home-zone-toggle__thumb {
  transform: translate3d(0, 0, 0);
}

.new-home-zone-option {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 32px;
  padding: 6px 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  font-family: 'Sora', sans-serif;
  font-size: 0.53rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease, transform 0.22s ease;
}

.new-home-zone-icon {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  fill: currentColor;
}

.new-home-zone-icon--people {
  width: 17px;
}

.new-home-zone-option.is-active {
  background: transparent;
  color: #08090d;
}

.new-home-zone-option:focus-visible {
  outline: 2px solid #ff6a00;
  outline-offset: 2px;
}

.new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) {
  --brand: #b8d8e7;
}

.new-home-zone-option[data-home-zone="premium"]:hover {
  color: #b8d8e7;
}

.new-home-zone-option[data-home-zone="premium"].is-active {
  background: transparent;
  color: #08090d;
  box-shadow: none;
}

.new-home-zone-option[data-home-zone="premium"]:focus-visible {
  outline-color: #b8d8e7;
}

.new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-zone-toggle {
  border-color: rgba(184, 216, 231, 0.7);
  box-shadow: 0 0 22px rgba(184, 216, 231, 0.22);
}

.new-home-zone-toggle[data-active-zone="premium"] .new-home-zone-toggle__thumb {
  background: #b8d8e7;
  box-shadow: 0 0 20px rgba(184, 216, 231, 0.42), inset 0 1px rgba(255, 255, 255, 0.46);
}

:root[data-theme='light'] .new-home-zone-toggle {
  border-color: rgba(164, 126, 171, 0.38);
  background: rgba(243, 236, 228, 0.9);
}

:root[data-theme='light'] .new-home-zone-toggle__thumb {
  background: var(--links-light-paper);
  box-shadow: 0 0 0 1px rgba(8, 9, 13, 0.05);
}

:root[data-theme='light'] .new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) {
  --brand: var(--links-light-accent-blue);
}

:root[data-theme='light'] .new-home-zone-option[data-home-zone="premium"]:hover,
:root[data-theme='light'] .new-home-zone-option[data-home-zone="premium"].is-active {
  color: var(--links-light-accent-blue);
}

:root[data-theme='light'] .new-home-zone-option[data-home-zone="premium"]:focus-visible {
  outline-color: var(--links-light-accent-blue);
}

:root[data-theme='light'] .new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-zone-toggle {
  border-color: rgba(164, 126, 171, 0.46);
  box-shadow: 0 0 12px rgba(164, 126, 171, 0.1);
}

:root[data-theme='light'] .new-home-zone-toggle[data-active-zone="premium"] .new-home-zone-toggle__thumb {
  background: var(--links-light-accent-blue);
  box-shadow: 0 0 12px rgba(164, 126, 171, 0.18), inset 0 1px rgba(255, 255, 255, 0.46);
}

@media (prefers-reduced-motion: reduce) {
  .new-home-zone-toggle__thumb,
  .new-home-zone-option {
    transition-duration: 0.01ms !important;
  }

  .new-home-zone-toggle__sparkles::before,
  .new-home-zone-toggle__sparkles::after,
  .new-home-card__comet {
    animation: none !important;
  }
}

.new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .highlight-selector.is-active {
  filter: drop-shadow(0 0 2px rgba(184, 216, 231, 0.18));
}

.new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-card.is-active .highlight-card-media {
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.52);
}

:root[data-theme='light'] .new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .highlight-selector.is-active {
  filter: drop-shadow(0 0 2px rgba(164, 126, 171, 0.14));
}

@property --premium-comet-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.new-home-card__comet {
  position: absolute;
  inset: -1px;
  z-index: 12;
  padding: 1.5px;
  border-radius: 25px 25px 23px 23px;
  background: conic-gradient(
    from var(--premium-comet-angle),
    transparent 0deg 326deg,
    rgba(184, 216, 231, 0.08) 334deg,
    rgba(184, 216, 231, 0.58) 343deg,
    #f6fcff 351deg,
    rgba(184, 216, 231, 0.16) 357deg,
    transparent 360deg
  );
  opacity: 0;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  filter: drop-shadow(0 0 3px rgba(184, 216, 231, 0.72));
  pointer-events: none;
}

.new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-card.is-active .new-home-card__comet {
  opacity: 1;
  animation: premiumCardComet 5.6s linear infinite;
}

@keyframes premiumCardComet {
  0% {
    --premium-comet-angle: 0deg;
    opacity: 0;
  }
  5% {
    --premium-comet-angle: 0deg;
    opacity: 1;
  }
  48% {
    --premium-comet-angle: 155deg;
    opacity: 1;
  }
  55%, 100% {
    --premium-comet-angle: 155deg;
    opacity: 0;
  }
}

.new-home-stage {
  --highlight-card-width: clamp(190px, 54cqw, 216px);
  --new-home-base-card-height: calc(var(--highlight-card-width) * 1.48);
  --highlight-card-height: var(--new-home-base-card-height);
  --highlight-cta-height: 38px;
  height: calc(var(--new-home-base-card-height) + var(--highlight-cta-height) + 88px);
  margin-top: 42px;
  order: 3;
}

.new-home-card.is-prev {
  transform: translateX(calc(-50% - 62px)) translateY(46px) translateZ(-96px) rotateY(24deg) rotateZ(-9deg) scale(0.89);
  filter: brightness(0.72) saturate(0.8);
  opacity: 0.8;
  animation: new-home-prev-perspective-loop 6.4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.new-home-card.is-active {
  --highlight-card-height: calc(var(--new-home-base-card-height) + 32px);
  transform: translateX(-50%) translateY(28px) rotateZ(-2deg) scale(1.26);
  animation: new-home-active-perspective-loop 5.8s ease-in-out infinite;
}

.new-home-card.is-next {
  transform: translateX(calc(-50% + 56px)) translateY(46px) translateZ(-92px) rotateY(-24deg) rotateZ(9deg) scale(0.89);
  filter: brightness(0.72) saturate(0.8);
  opacity: 0.7;
  animation: new-home-next-perspective-loop 6.4s cubic-bezier(0.45, 0, 0.55, 1) -3.2s infinite;
}

.new-home-card.is-far {
  z-index: 1;
  transform: translateX(-50%) translateY(62px) translateZ(-180px) scale(0.74);
  filter: brightness(0.28) saturate(0.58);
  opacity: 0.24;
  animation: new-home-far-perspective-loop 7.2s cubic-bezier(0.45, 0, 0.55, 1) -1.8s infinite;
}

.highlights-coverflow.is-coverflow-rotating .highlight-item {
  animation: none !important;
  transition: none !important;
}

.new-home-card,
.new-home-card .highlight-card-media,
.new-home-card .highlight-platform-btn {
  transition-duration: 0.62s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.new-home-card .highlight-card-media {
  transition-property: height, border-radius;
  border-radius: 25px 25px 22px 22px;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.new-home-card .highlight-platform-btn {
  transition-property: top, min-height, filter, opacity;
}

.new-home-tab.is-zone-transmuting .new-home-zone-toggle {
  pointer-events: none;
}

.new-home-card.is-zone-incoming .highlight-card-media::before {
  display: none !important;
}

.new-home-card__media {
  background: #050608;
  transform: translateZ(0);
  contain: paint;
  isolation: isolate;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.new-home-card__media::after {
  z-index: 2;
  background: none !important;
}

.new-home-card__rear-shade {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
  background: transparent;
  opacity: 0;
  transform: translateZ(1px);
  -webkit-transform: translateZ(1px);
  pointer-events: none;
}

.new-home-card.is-prev .new-home-card__rear-shade {
  background:
    linear-gradient(180deg, rgba(3, 4, 6, 0.08) 0%, rgba(3, 4, 6, 0.12) 52%, rgba(3, 4, 6, 0.72) 84%, rgba(3, 4, 6, 0.98) 100%),
    linear-gradient(90deg, rgba(3, 4, 6, 0.52) 0%, rgba(3, 4, 6, 0.38) 58%, rgba(3, 4, 6, 0.22) 100%);
  opacity: 1;
}

.new-home-card.is-next .new-home-card__rear-shade {
  background:
    linear-gradient(180deg, rgba(3, 4, 6, 0.08) 0%, rgba(3, 4, 6, 0.12) 52%, rgba(3, 4, 6, 0.72) 84%, rgba(3, 4, 6, 0.98) 100%),
    linear-gradient(270deg, rgba(3, 4, 6, 0.52) 0%, rgba(3, 4, 6, 0.38) 58%, rgba(3, 4, 6, 0.22) 100%);
  opacity: 1;
}

.new-home-card.is-far .new-home-card__rear-shade {
  background: rgba(3, 4, 6, 0.48);
  opacity: 1;
}

:root[data-theme='light'] .new-home-card.is-prev,
:root[data-theme='light'] .new-home-card.is-next {
  filter: none;
}

:root[data-theme='light'] .new-home-card.is-prev .new-home-card__video,
:root[data-theme='light'] .new-home-card.is-next .new-home-card__video {
  opacity: 0.65;
}

:root[data-theme='light'] .new-home-card.is-far {
  filter: none;
  opacity: 0.18;
}

:root[data-theme='light'] .new-home-card.is-prev .new-home-card__rear-shade,
:root[data-theme='light'] .new-home-card.is-next .new-home-card__rear-shade,
:root[data-theme='light'] .new-home-card.is-far .new-home-card__rear-shade {
  background: none;
}

:root[data-theme='light'] .new-home-tab .new-home-card:is(.is-prev, .is-next) .new-home-card__network-logo {
  color: #171513 !important;
  opacity: 1 !important;
}

:root[data-theme='light'] .new-home-tab .new-home-card:is(.is-prev, .is-next) .new-home-card__network-logo path {
  opacity: 1 !important;
}

.new-home-card__offer {
  position: absolute;
  right: auto;
  bottom: 12px;
  left: 50%;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 92px;
  min-height: 26px;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(4, 5, 7, 0.62);
  color: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  opacity: 0;
  visibility: hidden;
  transform: translate3d(-50%, 10px, 34px) scale(0.9);
  transition: opacity 0.2s ease, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.34s;
  pointer-events: none;
}

.new-home-card__offer strong {
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.new-home-card__offer small {
  color: rgba(255, 255, 255, 0.68);
  font-family: 'Sora', sans-serif;
  font-size: 0.43rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.new-home-card.is-active .new-home-card__offer {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.new-home-card__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  pointer-events: none;
}

.new-home-card__watermark {
  position: absolute;
  bottom: -24px;
  left: -22px;
  z-index: 4;
  display: grid;
  width: 96px;
  height: 96px;
  place-items: center;
  color: rgba(218, 239, 248, 0.58);
  opacity: 1;
  filter:
    drop-shadow(0.7px 0 0 rgba(255, 255, 255, 0.18))
    drop-shadow(-0.7px 0 0 rgba(255, 255, 255, 0.18))
    drop-shadow(0 0.7px 0 rgba(255, 255, 255, 0.14))
    drop-shadow(0 -0.7px 0 rgba(255, 255, 255, 0.14))
    drop-shadow(0 4px 9px rgba(0, 0, 0, 0.34));
  mix-blend-mode: normal;
  transform: translateZ(12px) rotate(-13deg);
  transform-origin: left bottom;
  pointer-events: none;
  isolation: isolate;
}

.new-home-card__watermark::before {
  content: '';
  position: absolute;
  inset: 4px -10px -8px 2px;
  z-index: 0;
  border-radius: 46%;
  background: rgba(255, 255, 255, 0.012);
  -webkit-backdrop-filter: saturate(1.9) contrast(1.06);
  backdrop-filter: saturate(1.9) contrast(1.06);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 44%, transparent 78%);
  mask-image: radial-gradient(ellipse at center, #000 44%, transparent 78%);
}

.new-home-card__watermark .new-home-platform-logo {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  fill: currentColor;
  opacity: 1;
  filter: none;
}

.new-home-card__watermark .new-home-platform-logo--onlyfans {
  width: 88px;
}

.new-home-card__watermark .new-home-platform-logo--privacy {
  width: 82px;
}

.new-home-card__watermark .new-home-platform-logo--telegram {
  width: 88px;
  height: 88px;
}

.new-home-card__network-logo {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 8;
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  background: rgba(5, 6, 8, 0.72);
  color: #ff6a00;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transform: translateZ(34px);
  transition: opacity 0.2s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

:root[data-theme='light'] .new-home-card__network-logo {
  border-color: rgba(255, 250, 244, 0.72);
  background: rgba(255, 250, 244, 0.94);
  color: #ff6a00;
  box-shadow: 0 0 12px rgba(255, 106, 0, 0.16);
}

.new-home-card.is-active .new-home-card__network-logo {
  opacity: 0;
  transform: translateZ(34px) scale(0.72);
}

.new-home-card.is-next .new-home-card__network-logo {
  right: 12px;
  left: auto;
}

.new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-card__network-logo {
  background: rgba(184, 216, 231, 0.9);
  border-color: rgba(255, 255, 255, 0.5);
  color: #08090d;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.28), 0 0 16px rgba(184, 216, 231, 0.3);
}

:root[data-theme='light'] .new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-card__network-logo {
  background: rgba(255, 250, 244, 0.94);
  border-color: rgba(255, 250, 244, 0.72);
  color: var(--links-light-accent-blue);
  box-shadow: 0 0 12px rgba(164, 126, 171, 0.16);
}

.new-home-card__network-logo .new-home-platform-logo {
  width: 19px;
  height: 19px;
  opacity: 1;
  filter: none;
}

.new-home-card__network-logo .new-home-platform-logo--onlyfans {
  width: 19px;
}

.new-home-tab .new-home-card:is(.is-prev, .is-next) .new-home-card__network-logo,
.new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-card:is(.is-prev, .is-next) .new-home-card__network-logo {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.new-home-card__metric {
  position: absolute;
  bottom: 12px;
  left: 50%;
  z-index: 10;
  display: inline-flex;
  min-width: 92px;
  min-height: 26px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(4, 5, 7, 0.62);
  color: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  opacity: 0;
  visibility: hidden;
  transform: translate3d(-50%, 10px, 34px) scale(0.9);
  transition: opacity 0.2s ease, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.34s;
  pointer-events: none;
}

.new-home-card__metric strong {
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.new-home-card__metric small {
  color: rgba(255, 255, 255, 0.68);
  font-family: 'Sora', sans-serif;
  font-size: 0.43rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.new-home-card.is-active .new-home-card__metric {
  opacity: 1;
  visibility: visible;
  transform: translate3d(-50%, 0, 34px) scale(1);
  transition-delay: 0s, 0s, 0s;
}

.highlights-coverflow.is-coverflow-rotating .new-home-card__offer,
.highlights-coverflow.is-coverflow-rotating .new-home-card__metric {
  opacity: 0;
  visibility: hidden;
  transition-delay: 0s, 0s, 0.2s;
}

.highlights-coverflow.is-coverflow-rotating .new-home-card__offer {
  transform: translate3d(-50%, 10px, 34px) scale(0.9);
}

.highlights-coverflow.is-coverflow-rotating .new-home-card__metric {
  transform: translate3d(-50%, 10px, 34px) scale(0.9);
}

.highlights-coverflow.is-coverflow-rotating.is-coverflow-badge-entering .new-home-card.is-active .new-home-card__offer,
.highlights-coverflow.is-coverflow-rotating.is-coverflow-badge-entering .new-home-card.is-active .new-home-card__metric {
  opacity: 1;
  visibility: visible;
  transform: translate3d(-50%, 0, 34px) scale(1);
  transition-delay: 0s, 0s, 0s;
}

.new-home-card__copy {
  position: absolute;
  right: 18px;
  bottom: 22px;
  left: 18px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #f8f1e8;
  text-align: left;
  text-transform: uppercase;
  transform: translateZ(26px);
  pointer-events: none;
}

.new-home-card__copy small,
.new-home-card__copy strong {
  display: block;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9;
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.72);
}

.new-home-card__copy small {
  font-size: clamp(2rem, 9cqw, 3rem);
  letter-spacing: -0.025em;
}

.new-home-card__copy strong {
  margin-top: 7px;
  color: var(--brand);
  font-size: clamp(1.75rem, 7.5cqw, 2.55rem);
  letter-spacing: -0.02em;
}

.new-home-card .highlight-platform-btn {
  justify-content: space-between;
  min-height: var(--highlight-cta-height);
  padding: 4px 18px;
  font-size: clamp(0.88rem, 3.8cqw, 1.15rem);
}

.new-home-card .highlight-platform-btn b {
  font-family: 'Sora', sans-serif;
  font-size: 1.55em;
  font-weight: 400;
  line-height: 1;
}

.new-home-card__cta-identity {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}

.new-home-card__bubble-logo {
  display: inline-grid;
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  place-items: center;
  color: currentColor;
}

.new-home-card__bubble-logo {
  width: 12px;
  height: 12px;
  flex-basis: 12px;
}

.new-home-card__bubble-logo .new-home-platform-logo {
  width: 100%;
  height: 100%;
  fill: currentColor;
  opacity: 1;
  filter: none;
}

.new-home-card__cta-handle {
  overflow: hidden;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(0.86rem, 3.75cqw, 1.06rem);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.new-home-card:is(.is-prev, .is-next, .is-far) .highlight-platform-btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.new-home-tab .highlight-selectors {
  position: relative;
  order: 2;
  margin-top: 6px;
}

.new-home-tab .highlight-selector-set {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  will-change: transform, opacity;
}

.new-home-tab .highlight-selector-set.is-zone-set-outgoing.is-zone-to-social {
  animation: newHomeSelectorSetOutLeft 0.42s cubic-bezier(0.4, 0, 0.8, 0.2) both;
}

.new-home-tab .highlight-selector-set.is-zone-set-incoming.is-zone-to-social {
  animation: newHomeSelectorSetInRight 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
}

.new-home-tab .highlight-selector-set.is-zone-set-outgoing.is-zone-to-premium {
  animation: newHomeSelectorSetOutRight 0.42s cubic-bezier(0.4, 0, 0.8, 0.2) both;
}

.new-home-tab .highlight-selector-set.is-zone-set-incoming.is-zone-to-premium {
  animation: newHomeSelectorSetInLeft 0.5s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
}

@keyframes newHomeSelectorSetOutLeft {
  from { opacity: 1; transform: translate3d(0, 0, 0); }
  to { opacity: 0; transform: translate3d(-26px, 0, 0); }
}

@keyframes newHomeSelectorSetInRight {
  from { opacity: 0; transform: translate3d(26px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes newHomeSelectorSetOutRight {
  from { opacity: 1; transform: translate3d(0, 0, 0); }
  to { opacity: 0; transform: translate3d(26px, 0, 0); }
}

@keyframes newHomeSelectorSetInLeft {
  from { opacity: 0; transform: translate3d(-26px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

.new-home-selector-name {
  display: inline-block;
  max-width: 0;
  flex: 0 0 auto;
  overflow: hidden;
  margin-left: 0;
  color: var(--brand);
  font-family: 'Sora', sans-serif;
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1;
  opacity: 0;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transform: translate3d(-10px, 0, 0);
  transition:
    max-width 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    margin-left 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.2s ease,
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
  pointer-events: none;
}

.new-home-selector-name.is-compact {
  font-size: 0.5rem;
  letter-spacing: 0.15em;
}

.new-home-tab .highlight-selector.is-active .new-home-selector-name {
  max-width: 145px;
  margin-left: 6px;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition-delay: 0s, 0s, 0.1s, 0.06s;
}

.new-home-tab .highlight-selector.is-active {
  width: auto;
  flex: 0 0 auto;
}

.new-home-heading {
  order: 1;
}

.new-home-sensitive-dialog {
  position: fixed;
  inset: 0;
  z-index: var(--links-z-overlay);
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.new-home-sensitive-dialog[hidden] {
  display: none;
}

.new-home-sensitive-dialog__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.new-home-sensitive-dialog__panel {
  position: relative;
  width: min(100%, 360px);
  padding: 28px 24px 22px;
  border: 1px solid rgba(255, 106, 0, 0.56);
  border-radius: 24px;
  color: #f8f1e8;
  text-align: center;
  background: rgba(18, 18, 18, 0.65);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.65);
  opacity: 0;
  transform: translate3d(0, 54px, 0) scale(0.97);
  transition: opacity 0.3s ease, transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
}

.new-home-sensitive-dialog.is-open {
  opacity: 1;
}

.new-home-sensitive-dialog.is-open .new-home-sensitive-dialog__backdrop {
  opacity: 1;
}

.new-home-sensitive-dialog.is-open .new-home-sensitive-dialog__panel {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.new-home-sensitive-dialog.is-closing {
  opacity: 0;
}

.new-home-sensitive-dialog.is-closing .new-home-sensitive-dialog__backdrop {
  opacity: 0;
}

.new-home-sensitive-dialog.is-closing .new-home-sensitive-dialog__panel {
  opacity: 0;
  transform: translate3d(0, 64px, 0) scale(0.97);
  transition-timing-function: cubic-bezier(0.4, 0, 0.8, 0.2);
}

.new-home-sensitive-dialog__icon {
  display: grid;
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
  place-items: center;
  border: 1.5px solid #ff6a00;
  border-radius: 50%;
  background: transparent;
  color: #ff6a00;
}

.new-home-sensitive-dialog__icon svg {
  width: 24px;
  height: 24px;
}

.new-home-sensitive-dialog h3 {
  margin: 0 0 8px;
  font-family: 'Anton', sans-serif;
  font-size: 1.9rem;
  font-weight: 400;
  text-transform: uppercase;
}

.new-home-sensitive-dialog p {
  margin: 0;
  color: rgba(248, 241, 232, 0.68);
  font-family: 'Sora', sans-serif;
  font-size: 0.82rem;
  line-height: 1.55;
}

.new-home-sensitive-unlock {
  --unlock-gutter: 4px;
  position: relative;
  width: 100%;
  height: 54px;
  margin-top: 24px;
  overflow: hidden;
  border: 1.5px solid #ff6a00;
  border-radius: 999px;
  background: rgba(255, 106, 0, 0.05);
  color: #ff6a00;
  touch-action: none;
  isolation: isolate;
}

.new-home-sensitive-unlock__fill {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(255, 106, 0, 0.26), rgba(255, 106, 0, 0.08));
  transform: scaleX(var(--unlock-progress));
  transform-origin: left center;
  transition: transform 0.08s linear;
}

.new-home-sensitive-unlock__label {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-family: 'Sora', sans-serif;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: calc(1 - (var(--unlock-progress) * 0.72));
  pointer-events: none;
  z-index: 1;
}

.new-home-sensitive-unlock__thumb {
  position: absolute;
  top: var(--unlock-gutter);
  left: var(--unlock-gutter);
  z-index: 2;
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #ff6a00;
  color: #08090d;
  box-shadow: 0 6px 18px rgba(255, 106, 0, 0.24);
  transform: translateX(var(--unlock-translate, 0px));
  transition: box-shadow 0.22s ease, transform 0.08s linear;
  cursor: grab;
}

.new-home-sensitive-unlock__thumb svg {
  width: 20px;
  height: 20px;
}

.new-home-sensitive-unlock.is-dragging .new-home-sensitive-unlock__thumb {
  box-shadow: 0 0 0 7px rgba(255, 106, 0, 0.14), 0 8px 24px rgba(255, 106, 0, 0.34);
  cursor: grabbing;
  transition: box-shadow 0.22s ease;
}

.new-home-sensitive-unlock.is-resetting .new-home-sensitive-unlock__fill,
.new-home-sensitive-unlock.is-resetting .new-home-sensitive-unlock__thumb {
  transition-duration: 0.38s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.new-home-sensitive-unlock.is-unlocked {
  background: #ff6a00;
  color: #08090d;
}

.new-home-sensitive-unlock__thumb:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.new-home-sensitive-dialog[data-home-zone="premium"] .new-home-sensitive-dialog__icon,
.new-home-sensitive-dialog[data-home-zone="premium"] .new-home-sensitive-unlock {
  border-color: #b8d8e7;
  color: #b8d8e7;
}

.new-home-sensitive-dialog[data-home-zone="premium"] .new-home-sensitive-unlock__fill {
  background: linear-gradient(90deg, rgba(184, 216, 231, 0.3), rgba(184, 216, 231, 0.08));
}

.new-home-sensitive-dialog[data-home-zone="premium"] .new-home-sensitive-unlock__thumb {
  background: #b8d8e7;
  box-shadow: 0 6px 18px rgba(184, 216, 231, 0.26);
}

.new-home-tab .highlight-selector {
  display: inline-flex;
  min-width: 44px;
  align-items: center;
  justify-content: center;
  padding-inline: 7px;
}

.new-home-tab .highlight-selector::after {
  content: none;
}

.new-home-tab .highlight-selector:focus-visible {
  outline: none;
}

.new-home-platform-logo {
  display: block;
  width: 20px;
  height: 20px;
  fill: currentColor;
  opacity: 0.5;
  transition: opacity 0.22s ease, filter 0.22s ease;
}

.new-home-tab .highlight-selector.is-active .new-home-platform-logo {
  opacity: 1;
  filter: drop-shadow(0 0 1px currentColor);
}

.new-home-platform-logo--onlyfans {
  width: 25px;
}

.new-home-platform-logo--privacy {
  width: 18px;
}

.new-home-platform-logo--telegram {
  width: 21px;
  height: 21px;
}

:root[data-theme="light"] .new-home-card__media::after {
  background: none !important;
}

@media (max-width: 576px) {
  .new-home-heading {
    width: calc(100% + 32px);
    margin-inline: -16px;
    padding: 66px 18px 0;
  }

  .new-home-stage {
    --highlight-card-width: clamp(188px, 53.5cqw, 209px);
    width: calc(100% + 32px);
    margin: 12px -16px 0;
  }
}

@media (max-width: 360px) {
  .new-home-title {
    font-size: 4.25rem;
  }
}

@media (max-width: 576px) and (max-height: 760px) {
  .new-home-heading {
    padding-top: 40px;
  }

  .new-home-title {
    font-size: clamp(3.25rem, 15.5cqw, 3.75rem);
    transform: translateY(-10px);
  }

  .new-home-stage {
    --highlight-card-width: clamp(164px, 46.5cqw, 180px);
    margin-top: 12px;
  }

  .new-home-tab .highlight-selectors {
    margin-top: 16px;
  }

  .new-home-card__copy small {
    font-size: 1.8rem;
  }

  .new-home-card__copy strong {
    font-size: 1.5rem;
  }
}

@media (min-width: 577px) {
  .new-home-heading {
    padding-top: 28px;
  }

  .new-home-title {
    font-size: clamp(4.8rem, 15cqw, 5.8rem);
  }

  .new-home-stage {
    --highlight-card-width: 224px;
    margin-top: 14px;
  }

  /* Desktop: mostrar seletor de redes (igual mobile) */
  .new-home-glass-selectors {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    bottom: auto !important;
    margin: 0 auto 12px !important;
  }
}

@keyframes new-home-prev-perspective-loop {
  0%, 100% {
    transform: translateX(calc(-50% - 62px)) translateY(46px) translateZ(-96px) rotateY(24deg) rotateZ(-9deg) scale(0.89);
  }
  50% {
    transform: translateX(calc(-50% - 52px)) translateY(38px) translateZ(-66px) rotateY(18deg) rotateZ(-6.8deg) scale(0.92);
  }
}

@keyframes new-home-active-perspective-loop {
  0%, 100% {
    transform: translateX(-50%) translateY(28px) rotateZ(-2deg) scale(1.26);
    box-shadow: 0 34px 76px rgba(0, 0, 0, 0.62), 10px 12px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 106, 0, 0.18);
  }
  50% {
    transform: translateX(-50%) translateY(22px) rotateZ(-0.5deg) scale(1.275);
    box-shadow: 0 42px 90px rgba(0, 0, 0, 0.68), 14px 16px 28px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(255, 106, 0, 0.21);
  }
}

@media (prefers-reduced-motion: reduce) {
  .new-home-selector-name {
    transition-duration: 0.01ms !important;
  }
}

@keyframes new-home-next-perspective-loop {
  0%, 100% {
    transform: translateX(calc(-50% + 56px)) translateY(46px) translateZ(-92px) rotateY(-24deg) rotateZ(9deg) scale(0.89);
  }
  50% {
    transform: translateX(calc(-50% + 48px)) translateY(39px) translateZ(-64px) rotateY(-18deg) rotateZ(6.8deg) scale(0.92);
  }
}

@keyframes new-home-far-perspective-loop {
  0%, 100% {
    transform: translateX(-50%) translateY(62px) translateZ(-180px) scale(0.74);
  }
  50% {
    transform: translateX(-50%) translateY(56px) translateZ(-155px) rotateZ(0.8deg) scale(0.77);
  }
}

/* ===== FULL-BLEED VIDEO INTRO HOME ===== */
.links-top-card--glass-home:has(.intro-home-tab.is-active) {
  min-height: min(852px, calc(100dvh - 48px));
  padding: 0;
  overflow: hidden;
  background: #090a0d;
}

.app-tab-container:has(.intro-home-tab.is-active) {
  height: 100%;
  min-height: inherit;
  overflow: hidden;
}

.intro-home-tab {
  width: 100%;
  min-height: min(852px, calc(100dvh - 48px));
  padding: 0;
  overflow: hidden;
}

.intro-home {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
  overflow: hidden;
  background: #090a0d;
}

.intro-home__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  background: #090a0d;
  filter: contrast(1.12);
}

.intro-home::before,
.intro-home::after {
  position: absolute;
  inset: 0;
  content: '';
  pointer-events: none;
}

.intro-home::before {
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}

.intro-home::after {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.48);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.32'/%3E%3C/svg%3E");
  background-size: 160px 160px;
  background-blend-mode: soft-light;
}

.intro-home__copy {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 88px 28px 96px;
  color: #ff6a00;
  text-align: center;
  pointer-events: none;
}

.intro-home__title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  margin: 0;
  color: #fff;
  font-family: 'Anton', 'Montserrat', sans-serif;
  font-size: clamp(2.72rem, 9.6cqw, 4rem);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.86;
  height: calc(1.278em + 8px);
  text-transform: uppercase;
  text-shadow: none;
  transition: opacity 0.16s ease;
}

html.intro-font-pending .intro-home__title {
  opacity: 0;
}

.intro-home__title span {
  display: block;
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}

.intro-home__title > span:last-child {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0.1em;
  margin: 0;
  font-size: 0.418em;
  letter-spacing: -0.02em;
}

.intro-home__name-line {
  display: flex !important;
  align-items: baseline;
  gap: 0.06em;
  overflow: visible;
  padding-block: 0.15em;
  margin-block: -0.15em;
  -webkit-clip-path: inset(0 -0.08em 0 0);
  clip-path: inset(0 -0.08em 0 0);
}

.intro-home__name-line > span {
  display: block;
  width: max-content;
}

.intro-home__favorite-line {
  display: flex !important;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0.13em;
  max-width: none !important;
  overflow: visible;
}

.intro-home__favorite-line > span:first-child {
  flex: 0 0 auto;
}

.intro-home__favorite-label {
  color: #fff;
  display: flex;
  overflow: hidden;
  padding-block: 0.15em;
  margin-block: -0.15em;
  transform: translateY(-0.06em);
}

.intro-home__favorite-line .intro-home__role {
  --shuffle-marker-width: 100%;
  --shuffle-marker-rotate: 0deg;
  position: relative;
  isolation: isolate;
  display: block;
  width: 5.1em;
  max-width: none;
  height: 1em;
  margin: 0;
  overflow: visible;
  color: #ff6a00;
  font: inherit;
  font-size: 1em;
  letter-spacing: inherit;
  line-height: inherit;
  text-indent: 0;
  text-align: left;
  text-transform: uppercase;
  transform: translateY(-0.06em);
}

.intro-home__role-clip {
  position: relative;
  z-index: 1;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 1em;
  margin-block: -0.15em;
  padding-block: 0.15em;
  overflow: hidden;
}

.intro-home__shuffle-marker {
  position: absolute;
  top: -0.7em;
  left: -0.58em;
  z-index: 3;
  width: calc(var(--shuffle-marker-width) + 1.16em);
  height: 2.32em;
  overflow: visible;
  color: #fff;
  fill: currentColor;
  transform: rotate(var(--shuffle-marker-rotate)) scale(1.38);
  transform-origin: center;
  transition: transform 0.52s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.intro-home__shuffle-marker use {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1px;
}

.intro-home__role-word {
  display: block;
  letter-spacing: calc(-0.02em + 0.03px);
  transition: transform 0.28s ease;
}

.intro-home__role-word[data-role='motherf****r'] {
  letter-spacing: calc(-0.02em + 0.02px);
}

.intro-home__role-word[data-role='broadcaster'] {
  letter-spacing: -0.02em;
}

.intro-home__role-period {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  letter-spacing: 0;
}

.intro-home__role-word[data-role='personality'] .intro-home__role-period {
  position: relative;
  left: -0.05em;
}

.intro-home__role-word .intro-home__role-stars {
  display: inline;
  width: auto;
  max-width: none;
  font-size: 0.58em;
  letter-spacing: 0.02em;
  vertical-align: 0.14em;
}

.intro-home__role-word.is-leaving {
  transform: translateY(-120%);
}

.intro-home__role-word.is-entering {
  transform: translateY(120%);
  transition: none;
}

.intro-home__next {
  position: absolute;
  bottom: max(10px, calc(env(safe-area-inset-bottom, 0px) + 4px));
  left: 50%;
  z-index: 5;
  width: min(32cqw, 128px);
  height: min(21dvh, 160px);
  display: grid;
  place-items: end center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 1.5rem;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  touch-action: manipulation;
  transform: translateX(-50%);
  transition: transform 0.2s ease;
  -webkit-user-select: none;
  user-select: none;
}

.intro-home__next * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.intro-home__next-art {
  display: block;
  width: 84%;
  height: 84%;
  overflow: visible;
  fill: currentColor;
}

.intro-home__next-word,
.intro-home__next-arrow {
  fill: currentColor;
}

.intro-home__next-word-pieces {
  fill: currentColor;
}

.intro-home__next-word[hidden],
.intro-home__next-word-pieces[hidden] {
  display: none !important;
}

.intro-home__next-piece {
  transform-box: fill-box;
  transform-origin: center;
  will-change: transform;
}

.intro-home__next-piece--cade {
  animation: introCadeDrift 7.2s ease-in-out -1.1s infinite;
}

.intro-home__next-piece--o {
  animation: introODrift 7.8s ease-in-out -3.4s infinite;
}

.intro-home__next-piece--leo {
  animation: introLeoDrift 8.35s ease-in-out -5.1s infinite;
}

.intro-home__next-piece--question {
  animation: introQuestionDrift 7.55s ease-in-out -2.25s infinite;
}

@keyframes introCadeDrift {
  0%, 100% { transform: translate(0, 0) rotate(0) scale(1); }
  50% { transform: translate(-18px, -13px) rotate(-2deg) scale(1.035); }
}

@keyframes introODrift {
  0%, 100% { transform: translate(0, 0) rotate(0) scale(1); }
  50% { transform: translate(18px, 13px) rotate(3.3deg) scale(1.07); }
}

@keyframes introLeoDrift {
  0%, 100% { transform: translate(0, 0) rotate(0) scale(1); }
  50% { transform: translate(18px, -21px) rotate(2deg) scale(1.04); }
}

@keyframes introQuestionDrift {
  0%, 100% { transform: translate(0, 0) rotate(0) scale(1); }
  50% { transform: translate(-13px, 18px) rotate(-4deg) scale(1.095); }
}

.intro-home-tab {
  --section-canvas: #08090d;
  --page-transition-bg: #08090d;
}

.contact-about-tab {
  --section-canvas: #ff6a00;
  --page-transition-bg: #ff6a00;
}

.intro-home__next-arrow {
  transform-box: fill-box;
  transform-origin: center;
  animation: introCadeLeoArrow 1.55s ease-in-out infinite;
}

@keyframes introCadeLeoArrow {
  0%, 100% { transform: translateY(-10px); }
  50% { transform: translateY(24px); }
}

.intro-home__next:hover,
.intro-home__next:focus-visible {
  background: transparent;
  outline: none;
  transform: translateX(-50%) scale(1.025);
}

.intro-home__next-peek {
  --intro-peek-reveal: 32px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 4;
  width: 100%;
  max-width: none;
  height: 60px;
  padding: 0;
  border: 0;
  border-radius: 22px 22px 0 0;
  background: #08090d;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.65);
  cursor: ns-resize;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 100%);
  animation: none;
}

.intro-home__next-peek.is-ready {
  opacity: 1;
  pointer-events: auto;
  animation:
    introNextPeekEnter 2.4s ease-in-out both,
    introNextPeekFloat 2.4s ease-in-out 2.4s infinite;
}

.intro-home__next-peek::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  border: 0;
  border-radius: 22px 22px 0 0;
  background: transparent;
  content: '';
  pointer-events: none;
}

.intro-home__next-peek:hover,
.intro-home__next-peek:focus-visible {
  outline: none;
}

.intro-home__next-peek:hover::before,
.intro-home__next-peek:focus-visible::before {
  box-shadow: none;
}

@keyframes introNextPeekEnter {
  from { opacity: 1; transform: translate(-50%, 100%); }
  to { opacity: 1; transform: translate(-50%, calc(100% - var(--intro-peek-reveal) + 4px)); }
}

@keyframes introNextPeekFloat {
  0%, 100% { transform: translate(-50%, calc(100% - var(--intro-peek-reveal) + 4px)); }
  50% { transform: translate(-50%, calc(100% - var(--intro-peek-reveal) - 8px)); }
}

/* The destinations page is now the second page and inherits Highlights' eyebrow. */
.new-home-eyebrow {
  margin-bottom: 42px;
}

.new-home-stage {
  margin-top: 32px;
}

@media (max-width: 576px) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  html:has(.intro-home-tab.is-active),
  body:has(.intro-home-tab.is-active) {
    height: 100vh;
    height: 100lvh;
    max-height: 100lvh;
  }

  html[data-theme='dark']:has(.intro-home-tab.is-active),
  html[data-theme='dark'] body:has(.intro-home-tab.is-active),
  :root[data-theme='dark'] body:has(.intro-home-tab.is-active) .links-shell {
    background: #000 !important;
  }

  html[data-theme='light']:has(.intro-home-tab.is-active),
  html[data-theme='light'] body:has(.intro-home-tab.is-active),
  :root[data-theme='light'] body:has(.intro-home-tab.is-active) .links-shell {
    background: #fff !important;
  }

  .links-shell:has(.intro-home-tab.is-active),
  .links-top-card--glass-home:has(.intro-home-tab.is-active) {
    width: 100cqw !important;
    height: 100vh !important;
    height: 100lvh !important;
    min-height: 100lvh !important;
    max-height: 100lvh !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .links-top-card--glass-home:has(.intro-home-tab.is-active) {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    border: 0;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
    transform: none;
  }

  #app-tab-container:has(.intro-home-tab.is-active),
  .intro-home-tab.is-active,
  .intro-home {
    width: 100cqw;
    height: 100vh;
    height: 100lvh;
    min-height: 100lvh !important;
    max-height: 100lvh !important;
    padding: 0 !important;
    border-radius: 0;
  }

  .intro-home {
    background: transparent;
  }

  .intro-home__video,
  .intro-home::before,
  .intro-home::after {
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    transform: none;
  }

  .intro-home__video {
    object-fit: cover;
  }

  .intro-home__copy {
    inset: 0 0 auto;
    height: 100vh;
    height: 100svh;
    padding: max(88px, calc(env(safe-area-inset-top, 0px) + 72px)) 20px
      max(104px, calc(env(safe-area-inset-bottom, 0px) + 86px));
  }

  .intro-home__next {
    bottom: calc((100lvh - 100svh) + max(8px, calc(env(safe-area-inset-bottom, 0px) + 2px)));
  }

  .intro-home__next-peek {
    --intro-peek-reveal: 80px;
    bottom: 0;
  }

  .intro-home__title {
    font-size: clamp(2.44rem, 11.36cqw, 2.92rem);
  }

  .new-home-stage {
    margin-top: 54px;
  }
}

@media (max-width: 576px) and (max-height: 760px) {
  .new-home-eyebrow {
    margin-bottom: 18px;
  }

  .new-home-stage {
    margin-top: 42px;
  }
}

@media (min-width: 577px) {
  .intro-home-tab,
  .intro-home {
    border-radius: 30px;
  }

  .new-home-title {
    font-size: clamp(4.8rem, 15cqw, 5.8rem);
  }

  .new-home-stage {
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.2);
    --highlight-card-height: var(--new-home-base-card-height);
    --highlight-cta-height: 38px;
    margin-top: -5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .intro-home__role-word,
  .intro-home__shuffle-marker,
  .intro-home__next,
  .intro-home__next-peek,
  .intro-home__next-peek::before,
  .intro-home__next-piece,
  .intro-home__next-arrow,
  .links-tools-about-view {
    transition: none !important;
    animation: none !important;
  }

  .links-tools-about-pull__arrow {
    animation: none !important;
  }

  .intro-home__next-peek.is-ready {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, calc(100% - var(--intro-peek-reveal)));
  }

  .links-tools-sheet__panel,
  .links-tools-sheet__backdrop {
    animation-duration: 0.01ms !important;
  }
}

/* ===== UNIFIED LS MENU + ABOUT SHEET ===== */
.links-tools-sheet__panel-stack {
  --links-tools-about-peek: 92px;
  position: relative;
  z-index: 1;
  width: min(calc(100% - 24px), 520px);
  height: min(720px, calc(100dvh - 56px));
  max-height: calc(100dvh - 28px);
  animation: linksToolsSheetIn 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) 0.08s both;
  transition: transform 0.24s ease;
}
.links-tools-sheet__panel-stack .links-tools-sheet__panel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: none;
  overflow-y: auto;
  animation: none;
  transition: transform 0.38s cubic-bezier(0.2, 0.8, 0.2, 1);
  overscroll-behavior: contain;
  border: 1.5px solid #ff6a00;
  border-bottom: 0;
  background: #ff6a00;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.links-tools-sheet__panel--menu {
  z-index: 1;
  transform: translateY(0);
}

:root[data-theme="light"] .links-tools-sheet__panel--menu {
  border-color: transparent;
  background: #ff6a00;
  color: #fffaf4;
}

:root[data-theme="light"] .links-tools-sheet__panel--menu .links-tools-sheet__brand,
:root[data-theme="light"] .links-tools-sheet__panel--menu .links-tools-menu-view__eyebrow,
:root[data-theme="light"] .links-tools-sheet__panel--menu .links-tools-navigation__arrow {
  color: #fffaf4;
}

:root[data-theme="light"] .links-tools-sheet__panel--menu .links-tools-sheet__close {
  background: rgba(255, 250, 244, 0.16);
  color: #fffaf4;
}

:root[data-theme="light"] .links-tools-sheet__panel--about {
  background: #fffaf4;
  color: #ff6a00;
  border-color: rgba(255, 106, 0, 0.18);
}

:root[data-theme="dark"] .links-tools-sheet__panel--menu {
  border-color: #ff6a00;
  background: linear-gradient(to bottom, #08090d, #08090d calc(100% - 2px), #ff6a00 100%);
  color: #ff6a00;
}

:root[data-theme="dark"] .links-tools-sheet__panel--menu .links-tools-sheet__brand,
:root[data-theme="dark"] .links-tools-sheet__panel--menu .links-tools-menu-view__eyebrow,
:root[data-theme="dark"] .links-tools-sheet__panel--menu .links-tools-navigation__arrow {
  color: #ff6a00;
}

:root[data-theme="dark"] .links-tools-sheet__panel--menu .links-tools-sheet__close {
  background: rgba(255, 106, 0, 0.12);
  color: #ff6a00;
}

:root[data-theme="dark"] .links-tools-sheet__panel--menu .links-tools-navigation {
  border-top-color: rgba(255, 106, 0, 0.42);
}

:root[data-theme="dark"] .links-tools-sheet__panel--menu .links-tools-navigation__item {
  border-bottom-color: rgba(255, 106, 0, 0.42);
  color: #ff6a00;
}

:root[data-theme="dark"] .links-tools-sheet__panel--menu .links-tools-navigation__item:hover,
:root[data-theme="dark"] .links-tools-sheet__panel--menu .links-tools-navigation__item:focus-visible {
  background: #ff6a00;
  color: #08090d;
}

:root[data-theme="dark"] .links-tools-sheet__panel--menu .links-tools-navigation__item.is-active {
  background: #ff6a00;
  color: #fff;
}

@media (max-width: 576px) and (orientation: portrait) {
  html.links-paged-page.is-tools-sheet-open[data-theme] {
    background: #fffaf4 !important;
  }

  html.links-paged-page.is-tools-sheet-open[data-theme]::after {
    background: #fffaf4 !important;
  }
}

.links-tools-sheet__panel--about {
  z-index: 2;
  transform: translateY(max(0px, calc(100% - var(--links-tools-about-peek) + var(--about-drag-y, 0px))));
  touch-action: pan-y;
  transition: transform 0.38s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.links-tools-sheet::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to top, var(--links-tools-accent-color), transparent);
  pointer-events: none;
  z-index: 10;
  opacity: 1;
  transition: opacity 0.3s;
}

.links-tools-sheet.is-about::after {
  opacity: 0;
}

.links-tools-sheet.is-about .links-tools-sheet__panel--menu {
  transform: translateY(0);
}

.links-tools-sheet.is-about .links-tools-sheet__panel--about {
  transform: translateY(max(0px, var(--about-drag-y, 0px)));
  box-shadow: none;
}



.links-tools-sheet__header--about {
  grid-template-columns: 1fr 40px;
}

.links-tools-about-pull__arrow {
  display: none !important;
}

.links-tools-sheet__panel--about.is-emphasized {
  animation: linksToolsUnifiedAboutNudge 0.72s cubic-bezier(0.2, 0.8, 0.2, 1) 0.24s both;
}

@keyframes linksToolsUnifiedAboutNudge {
  0%, 100% { transform: translateY(calc(100% - var(--links-tools-about-peek))); }
  50% { transform: translateY(calc(100% - var(--links-tools-about-peek) - 9px)); }
}

.links-tools-sheet__panel--about.is-dragging-about {
  animation: none !important;
  transition: none !important;
}

.links-tools-sheet__panel-stack.is-dragging-menu {
  animation: none !important;
  transform: translateY(var(--menu-drag-y, 0px));
  transition: none;
}

.links-tools-sheet.is-closing .links-tools-sheet__panel-stack {
  animation: linksToolsSheetOut 0.4s cubic-bezier(0.3, 0.72, 0.28, 1) both;
}

.links-tools-sheet.is-closing .links-tools-sheet__panel-stack .links-tools-sheet__panel {
  animation: none !important;
}

.links-tools-sheet__panel-stack .links-tools-about-view {
  animation: none;
}

@media (min-width: 577px) {
  .links-tools-sheet__panel-stack {
    margin-bottom: -20px;
  }

  .links-tools-sheet__panel-stack .links-tools-sheet__panel {
    border-bottom: 1.5px solid #17110c;
    border-radius: 40px;
  }
}

@media (max-width: 576px) {
  .links-tools-sheet__panel-stack {
    width: 100%;
    height: min(690px, calc(100dvh - max(92px, calc(env(safe-area-inset-top, 0px) + 68px))));
    max-height: none;
    margin-bottom: -36px;
  }

  .links-tools-sheet__panel-stack .links-tools-sheet__panel {
    width: 100%;
    height: 100%;
    padding-inline: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .links-tools-sheet__panel-stack,
  .links-tools-sheet__panel-stack .links-tools-sheet__panel {
    transition-duration: 0.01ms !important;
  }

  .links-tools-sheet__panel--about.is-emphasized {
    animation-duration: 0.01ms !important;
  }
}

/* Contact continues into a full orange About canvas. */
.contact-about-next {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  margin: 42px auto 4px;
  border: 1.5px solid var(--text);
  border-radius: 50%;
  background: transparent;
  color: var(--text);
  font-family: 'Sora', sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
}

.links-top-card--glass-home:has(.contact-about-tab.is-active) {
  min-height: min(852px, calc(100dvh - 48px));
  padding: 0;
  overflow: hidden;
  border-color: #17110c;
  background: #ff6a00;
}

.app-tab-container:has(.contact-about-tab.is-active) {
  min-height: inherit;
  overflow: hidden;
}

.contact-about-tab {
  width: 100%;
  min-height: inherit;
  padding: 0 !important;
  overflow: hidden;
  background: #ff6a00;
  color: #17110c;
}

.contact-about-screen {
  display: flex;
  width: 100%;
  min-height: inherit;
  flex-direction: column;
  padding: 28px;
  background: #ff6a00;
  box-sizing: border-box;
}

.contact-about-header {
  display: none;
}

.contact-about-view {
  justify-content: center;
  padding-bottom: 12px;
}

.contact-about-hero {
  margin-block: auto 28px;
}

.contact-about-title-middle {
  display: block !important;
  white-space: nowrap;
}

.contact-about-actions {
  margin-top: auto;
}

@media (max-width: 576px) and (orientation: portrait) {
  html:has(.contact-about-tab.is-active),
  body:has(.contact-about-tab.is-active) {
    height: 100vh;
    height: 100lvh;
    max-height: 100lvh;
    background: #ff6a00 !important;
  }

  .links-shell:has(.contact-about-tab.is-active),
  .links-top-card--glass-home:has(.contact-about-tab.is-active),
  #app-tab-container:has(.contact-about-tab.is-active),
  .contact-about-tab.is-active,
  .contact-about-screen {
    width: 100cqw !important;
    height: 100vh !important;
    height: 100lvh !important;
    min-height: 100lvh !important;
    max-height: 100lvh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  .links-shell:has(.contact-about-tab.is-active),
  .links-top-card--glass-home:has(.contact-about-tab.is-active),
  #app-tab-container:has(.contact-about-tab.is-active),
  .contact-about-tab.is-active {
    padding: 0 !important;
    overflow: hidden !important;
  }

  .contact-about-screen {
    padding: max(18px, env(safe-area-inset-top, 0px)) 24px max(22px, env(safe-area-inset-bottom, 0px)) !important;
  }
}



/* Exclusive mobile pages own the vertical gesture instead of Safari scrolling. */
@media (max-width: 576px) and (orientation: portrait) {
  html.links-paged-page,
  html.links-paged-page body,
  html.links-paged-page .links-shell,
  html.links-paged-page .links-top-card.links-top-card--glass-home,
  html.links-paged-page #app-tab-container {
    width: 100cqw !important;
    height: 100vh !important;
    height: 100lvh !important;
    min-height: 100lvh !important;
    max-height: 100lvh !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  html.links-paged-page .app-tab.is-active,
  html.links-paged-page .app-tab.is-page-entering,
  html.links-paged-page .app-tab.is-page-leaving,
  html.links-paged-page .app-tab.is-page-drag-current,
  html.links-paged-page .app-tab.is-page-drag-target,
  html.links-paged-page .app-tab.is-page-preloaded {
    width: 100cqw !important;
    height: 100vh !important;
    height: 100lvh !important;
    min-height: 100lvh !important;
    max-height: 100lvh !important;
    box-sizing: border-box;
  }

  .app-tab.is-active,
  .app-tab.is-page-drag-current,
  .app-tab.is-page-drag-target,
  .app-tab.is-page-preloaded {
    touch-action: none;
  }

  html[data-theme='dark']:has(.intro-home-tab.is-active)::after {
    content: none;
  }

  .links-top-card--glass-home:has(.intro-home-tab.is-active),
  .intro-home-tab.is-active,
  .intro-home,
  .intro-home__video {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }
}

/* Final mobile polish overrides */
.links-menu-language {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  margin-right: 8px;
}

.links-menu-language::after {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 5px;
  height: 5px;
  border-right: 1.5px solid #ff6a00;
  border-bottom: 1.5px solid #ff6a00;
  content: '';
  pointer-events: none;
  transform: translateY(-64%) rotate(45deg);
}

.links-menu-language__select {
  min-height: 38px;
  padding: 0 28px 0 12px;
  border: 1px solid #ff6a00;
  border-radius: 999px;
  appearance: none;
  background: transparent;
  color: #08090d !important;
  font-family: 'Sora', sans-serif;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.links-menu-language__select option {
  color: #08090d;
  background: #f3ece4;
}

.links-menu-language__select {
  display: none;
}

.links-menu-language__button {
  min-width: 104px;
  min-height: 44px;
  padding: 0 24px 0 10px;
  border: 1px solid #ff6a00;
  border-radius: 999px;
  background: transparent;
  color: #f3ece4;
  font: 700 0.52rem 'Sora', sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:root[data-theme="light"] .links-menu-language::after {
  border-right-color: #fffaf4;
  border-bottom-color: #fffaf4;
}

:root[data-theme="light"] .links-menu-language__button {
  border-color: #fffaf4;
  background: rgba(255, 250, 244, 0.14);
  color: #fffaf4;
}

.links-menu-language__menu {
  position: absolute;
  z-index: 5;
  top: calc(100% + 8px);
  right: 0;
  display: grid;
  width: 122px;
  gap: 2px;
  padding: 5px;
  border: 1px solid rgba(255, 106, 0, 0.85);
  border-radius: 15px;
  background: #101116;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-5px) scale(0.97);
  transform-origin: top right;
  visibility: hidden;
  will-change: opacity, transform;
  transition: opacity 120ms ease-out, transform 120ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s linear 120ms;
}

.links-menu-language__menu.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  visibility: visible;
  transition-delay: 0s;
}

.links-menu-language__menu button {
  min-height: 44px;
  padding: 7px 9px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #f3ece4;
  font: 700 0.58rem 'Sora', sans-serif;
  letter-spacing: 0.06em;
  text-align: left;
}

.links-menu-language__menu button:hover,
.links-menu-language__menu button[aria-selected='true'] {
  background: #ff6a00;
  color: #08090d;
}

:root[data-theme="light"] .links-menu-language__menu {
  border-color: rgba(255, 250, 244, 0.72);
  background: #fffaf4;
}

:root[data-theme="light"] .links-menu-language__menu button {
  color: #ff6a00;
}

:root[data-theme="light"] .links-menu-language__menu button:hover,
:root[data-theme="light"] .links-menu-language__menu button[aria-selected='true'] {
  background: #ff6a00;
  color: #fffaf4;
}

.links-tools-sheet__panel--menu .links-tools-sheet__header {
  grid-template-columns: 1fr auto 44px;
}

html:has(body.is-sensitive-dialog-open),
body.is-sensitive-dialog-open {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

.new-home-sensitive-dialog {
  z-index: var(--links-z-modal);
  overscroll-behavior: none;
  touch-action: none;
}

.new-home-sensitive-dialog__panel {
  width: min(calc(100% - 48px), 336px);
  border-color: rgba(184, 216, 231, 0.82);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255,255,255,0.15), rgba(255,255,255,0.04) 42%, rgba(184,216,231,0.08)), rgba(17,18,22,0.25) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.35);
  backdrop-filter: blur(24px) saturate(1.35);
}

.new-home-sensitive-dialog__backdrop {
  background: rgba(4, 5, 8, 0.78);
  -webkit-backdrop-filter: blur(18px) saturate(0.68);
  backdrop-filter: blur(18px) saturate(0.68);
}

.new-home-sensitive-unlock__lock {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
  color: rgba(184, 216, 231, 0.84);
  font-family: 'Material Symbols Rounded';
  font-size: 1.35rem;
  opacity: calc(0.55 + (var(--unlock-progress, 0) * 0.45));
  transform: translateY(-50%) rotate(calc(-12deg * var(--unlock-progress, 0)));
  transition: color 0.2s ease, opacity 0.15s ease, transform 0.12s ease;
}

.new-home-sensitive-unlock__thumb {
  background: #b8d8e7;
  color: #08090d;
}

.new-home-stage .highlights-coverflow {
  touch-action: pan-y;
}

@media (max-width: 576px) and (orientation: portrait) {
  .new-home-title {
    font-size: clamp(3.8rem, 15.2cqw, 5.5rem);
  }

  .new-home-stage {
    --highlight-card-width: clamp(170px, 45cqw, 190px);
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.78);
    margin-top: 30px;
  }

  .new-home-card.is-active {
    transform: translateX(-50%) translateY(6px) rotateZ(-2.5deg) scale(1.04);
  }

  .partnerships-title {
    font-size: clamp(3.35rem, 15.2cqw, 4.6rem);
    gap: 0.08em;
    transform: translateY(-8px);
  }

  .partnerships-billboards,
  .contact-ticket-stage {
    width: min(calc(100% - 56px), 334px);
  }

  .partnerships-billboards {
    width: min(calc(100% - 68px), 322px);
    gap: 2px;
  }

  .partnership-billboard--monte,
  .partnership-billboard--squad {
    min-height: 374px;
  }

  .contact-ticket--email {
    min-height: 204px;
  }

  .contact-ticket__email small {
    display: inline-block;
    margin-top: 5px;
    font-family: 'Inter', sans-serif;
    font-size: 0.55rem;
    font-weight: 500;
    line-height: 1.25;
  }

  .contact-ticket--email .contact-ticket__action {
    min-height: 44px;
    margin-top: 6px;
    font-size: 0.76rem;
  }

  .contact-ticket--email .contact-ticket__meta {
    margin: 2px 0 0;
    font-size: 0.48rem;
    letter-spacing: 0.08em;
    line-height: 1.25;
  }

  .contact-about-next,
  .contact-about-hero,
  .contact-about-actions > .links-tools-language,
  .contact-about-actions > [data-contact-about-theme] {
    display: none !important;
  }

  .contact-about-screen {
    position: relative;
    padding-inline: 38px !important;
  }

  .contact-about-actions {
    position: absolute;
    top: max(20px, env(safe-area-inset-top, 0px));
    right: 24px;
    display: flex;
    width: auto;
    margin: 0;
    gap: 8px;
  }

  .contact-about-actions > .links-tools-action {
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 50%;
  }

  .contact-about-actions > .links-tools-action span:last-child,
  .contact-about-view > .links-tools-sheet__url,
  .contact-about-view > .links-tools-sheet__status {
    display: none;
  }

  .contact-about-view {
    justify-content: flex-end;
    padding-bottom: 22px;
  }

  .contact-about-credit {
    display: block;
    margin: auto 0 0;
    color: rgba(23, 17, 12, 0.72);
    font-family: 'Sora', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-align: center;
  }

  html:has(.contact-about-tab.is-active)::before,
  html:has(.contact-about-tab.is-active)::after,
  body:has(.contact-about-tab.is-active)::before,
  body:has(.contact-about-tab.is-active)::after {
    display: none !important;
  }
}

/* Keep the home rail hint after all responsive rail refinements. */
.links-section-rail.is-home-hinting {
  align-items: stretch !important;
  gap: 3px !important;
  width: min(176px, calc(100cqw - 34px)) !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
  background: rgba(7, 8, 11, .86) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .25) !important;
}

.links-section-rail.is-home-hinting .links-section-rail__dot {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 27px !important;
  padding: 0 7px 0 22px !important;
  border-radius: 8px;
  opacity: 0;
  transform: translateX(-8px);
  animation: intro-home-rail-step .34s cubic-bezier(.18, .84, .2, 1) both;
}

.links-section-rail.is-home-hinting .links-section-rail__dot::after { left: 6px !important; }

.links-section-rail.is-home-hinting .links-section-rail__label {
  max-width: 132px !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
}

.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(1) { animation-delay: .26s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(2) { animation-delay: .37s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(3) { animation-delay: .48s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(4) { animation-delay: .59s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(5) { animation-delay: .70s; }
.links-section-rail.is-home-hinting .links-section-rail__dot:nth-of-type(6) { animation-delay: .81s; }

.links-section-rail.is-home-hinting .links-section-rail__dot.is-active { background: rgba(255, 255, 255, .1); }
.links-section-rail.is-home-hinting .links-section-rail__thumb { left: 18px !important; }

@media (prefers-reduced-motion: reduce) {
  .links-section-rail.is-home-hinting .links-section-rail__dot { animation: none !important; }
}

/* ============================================================
   DESKTOP CARD FIT  —  min-width: 577px

   ARQUITETURA:
   - Tamanho do card e centralização do shell são definidos SEM
     depender de html.links-paged-page — assim o card já aparece
     correto ANTES do JS rodar, eliminando o flash do card grande.
   - Controls e rail usam position:fixed calculado pois são
     IRMÃOS do card no HTML (não filhos) — absolute seria relativo
     ao .links-shell, não ao card.
   ============================================================ */

/* — PRE-JS: Card e shell já posicionados antes do JS rodar — */
@media (min-width: 577px) {
  /* Shell centraliza o card logo no paint inicial */
  .links-shell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    overflow: hidden;
  }

  /* Card limitado à viewport antes mesmo do JS */
  .links-top-card.links-top-card--glass-home {
    width: min(480px, 86cqw);
    height: min(720px, calc(100dvh - 64px));
    max-height: calc(100dvh - 64px);
    border-radius: 36px;
    flex-shrink: 0;
    margin: auto;
    padding: 0;         /* remove padding padrão no desktop */
    margin-bottom: 0;   /* remove margin-bottom padrão */
  }

  /* Tab 0 (código antigo) oculto em qualquer estado */
  .app-tab[data-tab="0"] {
    display: none !important;
  }
}

/* — PÓS-JS: Com links-paged-page, layout paginado completo — */
@media (min-width: 577px) {
  /* 1. Shell com overflow seguro */
  html.links-paged-page .links-shell {
    overflow: hidden;
  }

  /* 2. Card: posicionamento relativo para o #app-tab-container */
  html.links-paged-page .links-top-card.links-top-card--glass-home {
    position: relative;
    overflow: hidden;
  }

  /* 3. Tab container preenchendo EXATAMENTE o card */
  html.links-paged-page #app-tab-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  /* 4. TODAS as tabs visíveis ficam confinadas (não só is-active):
        evita que tabs pré-carregadas ou entrando tenham tamanho diferente */
  html.links-paged-page .app-tab.is-active,
  html.links-paged-page .app-tab.is-page-entering,
  html.links-paged-page .app-tab.is-page-leaving,
  html.links-paged-page .app-tab.is-page-drag-current,
  html.links-paged-page .app-tab.is-page-drag-target,
  html.links-paged-page .app-tab.is-page-preloaded {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
  }
  html.links-paged-page .app-tab.is-page-entering,
  html.links-paged-page .app-tab.is-page-leaving {
    animation-duration: 0.5s;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

  /* 5. Controls: position fixed centrado sobre o card */
  html.links-paged-page .links-card-controls {
    position: fixed;
    top: calc(50dvh - min(360px, calc(50dvh - 32px)) + 24px);
    left: 50%;
    transform: translateX(-50%);
    width: min(480px, 86cqw);
    padding: 0 16px;
    max-width: none;
    z-index: 200;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    box-sizing: border-box;
  }
  html.links-paged-page .links-card-controls button,
  html.links-paged-page .links-card-controls a {
    pointer-events: auto;
  }

  /* 6. Rail: position fixed alinhado à borda esquerda do card */
  html.links-paged-page .links-section-rail {
    position: fixed !important;
    left: calc(50vw - 240px + 16px) !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 200;
  }

  /* 7. Back-to-top: alinhado ao lado direito do card */
  html.links-paged-page .links-back-to-top {
    position: fixed !important;
    right: calc(50vw - 240px + 16px) !important;
  }

  /* 8. Footer escondido no desktop */
  html.links-paged-page .links-footer {
    display: none;
  }

  /* 9. UNIFICAÇÃO TOTAL: Travar tamanho de TODAS as abas e card em 480x720,
        matando qualquer regra antiga (min-height: 852px, 100cqw, etc.) */
  .links-top-card.links-top-card--glass-home,
  .links-top-card--glass-home:has(.intro-home-tab.is-active),
  .links-top-card--glass-home:has(.contact-about-tab.is-active) {
    width: min(480px, 86cqw) !important;
    height: min(720px, calc(100dvh - 64px)) !important;
    min-height: min(720px, calc(100dvh - 64px)) !important;
    max-height: calc(100dvh - 64px) !important;
    border-radius: 36px;
    transform: translate3d(0, 0, 0);
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.08) !important;
  }

  #app-tab-container,
  .links-shell .app-tab,
  .links-shell .app-tab[data-scroll-section] {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    border-radius: 36px;
    transform: translate3d(0, 0, 0);
    will-change: transform, opacity;
  }

  .links-shell .app-tab,
  .links-shell .app-tab[data-scroll-section] {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
  }

  html.links-paged-page .app-tab.is-page-entering {
    z-index: 3 !important;
  }

  html.links-paged-page .app-tab.is-page-leaving {
    z-index: 2 !important;
  }

  html.links-paged-page .app-tab.is-page-entering,
  html.links-paged-page .app-tab.is-page-leaving {
    animation-duration: 0.5s;
  }

  /* 10. Corrigir o "Buraco Negro": remover a opacidade e animação atrasada do vídeo no Desktop */
  .intro-home-tab:not(.is-home-entering) .intro-home__video,
  .intro-home-tab.is-home-entering .intro-home__video,
  .intro-home__video {
    opacity: 1;
    animation: none;
  }

  /* Garantir que todos os elementos textuais não pisquem */
  .intro-home-tab:not(.is-home-entering) .intro-home::before,
  .intro-home-tab:not(.is-home-entering) .intro-home::after,
  .intro-home-tab:not(.is-home-entering) .intro-home__copy,
  .intro-home-tab:not(.is-home-entering) .intro-home__name-line,
  .intro-home-tab:not(.is-home-entering) .intro-home__favorite-line,
  .intro-home-tab:not(.is-home-entering) .intro-home__next,
  .intro-home-tab.is-home-entering .intro-home::before,
  .intro-home-tab.is-home-entering .intro-home::after,
  .intro-home-tab.is-home-entering .intro-home__copy,
  .intro-home-tab.is-home-entering .intro-home__name-line,
  .intro-home-tab.is-home-entering .intro-home__favorite-line,
  .intro-home-tab.is-home-entering .intro-home__next {
    opacity: 1;
    animation: none;
  }

  /* 11. Ajuste da aba de Contato para caber perfeitamente no limite de 720px (ainda mais comprimido) */
  html.links-paged-page .contact-editorial-heading {
    padding-top: 24px;
  }
  html.links-paged-page .contact-eyebrow {
    margin-bottom: 12px;
  }
  html.links-paged-page .contact-editorial-title {
    font-size: 3.2rem;
    transform: translateY(-8px);
  }
  html.links-paged-page .contact-ticket-stage {
    height: auto;
    margin-top: 16px;
    gap: 8px;
  }
  html.links-paged-page .contact-ticket--location {
    padding: 12px 16px;
  }
  html.links-paged-page .contact-ticket--email {
    padding: 14px 16px;
  }
  html.links-paged-page .contact-ticket--email .contact-ticket__email {
    font-size: 2rem;
  }
  html.links-paged-page .contact-ticket--email .contact-ticket__action {
    min-height: 44px;
    padding: 8px 12px;
    margin-top: 6px;
  }
  html.links-paged-page .contact-ticket--email .contact-ticket__divider {
    margin: 8px 0 0;
  }
  html.links-paged-page .contact-ticket--email .contact-ticket__divider + .contact-ticket__action {
    margin-top: 8px;
  }

  /* 12. Ajuste do Home (Ampliar conteúdo) */
  html.links-paged-page .intro-home-tab .intro-home__title {
    font-size: 3.2rem;
  }

  /* 11. Ajuste da aba de Contato para caber perfeitamente no limite de 720px (ainda mais comprimido) */
  html.links-paged-page .contact-ticket-stage {
    height: auto;
    margin-top: 16px;
    gap: 8px;
  }
  html.links-paged-page .contact-ticket--location {
    padding: 12px 16px;
  }
  html.links-paged-page .contact-ticket--email {
    padding: 14px 16px;
  }
  html.links-paged-page .contact-ticket--email .contact-ticket__email,
  html.links-paged-page .contact-ticket__city {
    font-size: 2rem;
  }
  html.links-paged-page .contact-ticket--email .contact-ticket__action {
    min-height: 44px;
    padding: 8px 12px;
    margin-top: 6px;
  }
  html.links-paged-page .contact-ticket--email .contact-ticket__divider {
    margin: 8px 0 0;
  }
  html.links-paged-page .contact-ticket--email .contact-ticket__divider + .contact-ticket__action {
    margin-top: 8px;
  }

  /* 12. Ajuste do Home (Ampliar conteúdo) */
  html.links-paged-page .intro-home-tab .intro-home__title {
    font-size: 3.2rem;
  }

  /* 13. Ajuste do Premium Zone (Marquee infinito sem gaps)
     Para não cortar a rolagem infinita, reduzimos a largura dos posters para 85px (altura 127px).
     Isso garante que 3 fileiras caibam sem cortar na caixinha de 720px. */
  html.links-paged-page .highlights-marquee {
    margin-top: 12px;
    padding: 0 0 20px;
  }
  html.links-paged-page .highlights-marquee__poster {
    flex-basis: 94px;
    width: 94px;
  }
  html.links-paged-page .highlights-marquee__track {
    gap: 12px;
    animation-name: highlights-marquee-forward-desktop;
  }
  html.links-paged-page .highlights-marquee__row--reverse .highlights-marquee__track {
    animation-name: highlights-marquee-reverse-desktop;
  }
  html.links-paged-page .highlights-marquee__row + .highlights-marquee__row {
    margin-top: 12px;
  }

  /* 14. Ajuste do botão de Copiar Cupom (Partnerships) */
  html.links-paged-page .partnerships-copy-btn.coupon-code-btn {
    width: 240px;
    margin: 0 auto;
  }

  /* =========================================================
     15. DESKTOP HEADINGS STANDARD (THE 720px CARD CONSTRAINT)
     Fim do uso abusivo de !important para a hierarquia.
     O seletor html.links-paged-page já garante a especificidade!
     ========================================================= */
  html.links-paged-page .new-home-title,
  html.links-paged-page .partnerships-title,
  html.links-paged-page .highlights-drop-title,
  html.links-paged-page .contact-editorial-title {
    font-size: 3.2rem;
    transform: translateY(-4px);
  }

  html.links-paged-page .new-home-eyebrow,
  html.links-paged-page .partnerships-eyebrow,
  html.links-paged-page .highlights-eyebrow,
  html.links-paged-page .contact-eyebrow {
    font-size: 0.75rem;
    margin-bottom: 12px;
  }

  html.links-paged-page .new-home-heading,
  html.links-paged-page .partnerships-editorial-heading,
  html.links-paged-page .highlights-heading,
  html.links-paged-page .contact-editorial-heading {
    padding-top: 32px;
    margin-bottom: 24px;
  }

  /* =========================================================
     16. DESKTOP CARDS STANDARD (SOCIAL & HIGHLIGHTS)
     Harmonização visual para não parecerem esmagados ou vazios.
     ========================================================= */
  html.links-paged-page .new-home-zone-toggle {
    margin-top: 24px;
    margin-bottom: -10px; /* pull icons up */
  }

  html.links-paged-page .new-home-card__cta-handle {
    font-size: 0.75rem;
  }

  html.links-paged-page .new-home-stage,
  html.links-paged-page .highlights-stage {
    --highlight-card-width: 280px;
    margin-top: 24px;
  }
  html.links-paged-page .new-home-stage {
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.48);
    --highlight-card-height: var(--new-home-base-card-height);
  }
  html.links-paged-page .highlights-stage {
    --highlight-card-height: calc(var(--highlight-card-width) * 1.7781);
  }
}

@keyframes highlights-marquee-forward-desktop {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(calc(-50% - 6px), 0, 0); }
}
@keyframes highlights-marquee-reverse-desktop {
  from { transform: translate3d(calc(-50% - 6px), 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}

/* Contact About Action Buttons Wrapper (Top Right) */
.links-about-actions-wrapper {
  display: flex;
  gap: 12px;
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(10px);
  pointer-events: none;
  transition: max-width 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}

body:has(.contact-about-tab.is-active) .links-about-actions-wrapper,
.links-shell:has(.contact-about-tab.is-active) .links-about-actions-wrapper {
  max-width: 120px; /* enough to fit 2 buttons + gap */
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* ==========================================================================
   NEW HOME REDESIGN: BOTTOM BAR, GLASS SELECTORS & GLASS BADGE
   ========================================================================== */

/* 1. Colorful Bottom Bar with Zone Toggle */
.new-home-bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: var(--links-z-controls);
  padding: 16px 24px calc(16px + env(safe-area-inset-bottom, 0px));
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 106, 0, 0.45) 0%, rgba(204, 70, 0, 0.78) 100%);
  border-top: none;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background 0.65s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.65s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.65s ease;
  animation: bottomBarSlideUp 0.8s 1s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes bottomBarSlideUp {
  0% { transform: translateY(150%); opacity: 1; }
  100% { transform: translateY(0); opacity: 1; }
}


.new-home-bottom-bar .new-home-zone-toggle {
  margin-top: 0;
  margin-bottom: 0;
  width: min(100%, 280px);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.28);
}

/* Desktop override for bottom bar */
html.links-paged-page .new-home-bottom-bar {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 24px 24px 0 0;
}

/* 2. Glass Capsule Selectors between card and bottom bar */
.new-home-glass-selectors {
  position: relative;
  z-index: var(--links-z-selectors);
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  max-width: calc(100% - 32px);
  min-height: 48px;
  margin: 6px auto 16px;
  padding: 6px 18px;
  border-radius: 999px;
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
}

body:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-glass-selectors {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.new-home-glass-selectors .new-home-zone-extensions {
  position: relative;
  width: max-content;
  min-width: 190px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-home-glass-selectors .highlight-selectors {
  margin-top: 0;
  width: 100%;
  height: 100%;
}

.new-home-glass-selectors .highlight-selector-set {
  position: relative;
  inset: auto;
}

/* 3. Enlarged Card positioned to disappear behind bottom bar */
.new-home-stage {
  --highlight-card-width: clamp(206px, 58cqw, 238px);
  --new-home-base-card-height: calc(var(--highlight-card-width) * 1.52);
  --highlight-card-height: var(--new-home-base-card-height);
  margin-top: 24px;
  margin-bottom: 20px;
}



/* 4. Glass Badge overlay on Active Card */
.new-home-card__glass-badge {
  position: absolute;
  top: auto !important;
  bottom: 24px !important;
  left: 14px;
  z-index: 35;
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-width: calc(100% - 32px);
  padding: 8px 14px;
  border-radius: 16px;
  background: rgba(14, 16, 22, 0.45);
  border: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(1px) saturate(1.2);
  -webkit-backdrop-filter: blur(1px) saturate(1.2);
  color: #fff;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px) scale(0.92);
  transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.22s;
  will-change: opacity, transform;
  pointer-events: none;
}

body:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-card[data-home-zone-card="premium"] .new-home-card__glass-badge {
  background: rgba(10, 20, 32, 0.45);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 0 20px rgba(184, 216, 231, 0.12);
}

.new-home-card.is-active .new-home-card__glass-badge {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  transition-delay: 0s, 0s, 0s;
}

.glass-badge__header {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.1;
}

.glass-badge__icon {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  fill: currentColor;
}

/* Icon color matches the active zone */
.new-home-card .glass-badge__icon {
  fill: var(--brand) !important;
  color: var(--brand) !important;
}

.new-home-card .glass-badge__icon path,
.new-home-card .glass-badge__icon circle,
.new-home-card .glass-badge__icon rect {
  fill: var(--brand) !important;
}
.new-home-card[data-home-zone-card="premium"] .glass-badge__icon {
  fill: #b8d8e7 !important;
  color: #b8d8e7 !important;
}

.new-home-card[data-home-zone-card="premium"] .new-home-card__glass-badge .glass-badge__icon {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
}

.new-home-card[data-home-zone-card="premium"] .glass-badge__icon path,
.new-home-card[data-home-zone-card="premium"] .glass-badge__icon circle,
.new-home-card[data-home-zone-card="premium"] .glass-badge__icon rect {
  fill: #b8d8e7 !important;
}

.glass-badge__name {
  font-family: 'Sora', sans-serif;
  font-size: 0.52rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.50);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.glass-badge__handle {
  font-family: 'Sora', sans-serif;
  font-size: 0.88rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
}

.glass-badge__stats {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-family: 'Sora', sans-serif;
  line-height: 1.1;
}

.glass-badge__stats strong {
  font-size: 1.0rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.85);
  transition: color 0.4s ease;
}

body:has(.new-home-zone-option[data-home-zone="premium"].is-active) .glass-badge__stats strong {
  color: rgba(255, 255, 255, 0.85);
}

.glass-badge__stats small {
  font-size: 0.58rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.55);
  text-transform: lowercase;
  letter-spacing: 0.02em;
}

/* Minhas Redes: interaction and accessibility polish. */
@property --new-home-footer-color {
  syntax: '<color>';
  inherits: false;
  initial-value: #ff6a00;
}

.new-home-bottom-bar,
html body .new-home-tab .new-home-bottom-bar,
html.links-paged-page body .new-home-tab .new-home-bottom-bar {
  --new-home-footer-color: #ff6a00;
  height: 82px !important;
  background-color: var(--new-home-footer-color) !important;
  background-image: none !important;
  transition:
    --new-home-footer-color 0.56s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.56s ease,
    border-color 0.56s ease !important;
}

.new-home-tab:has(.new-home-zone-option[data-home-zone="premium"].is-active) .new-home-bottom-bar,

.new-home-tab:has(.new-home-zone-option[data-home-zone="social"].is-active) .new-home-bottom-bar,
body:has(.new-home-zone-option[data-home-zone="social"].is-active) .new-home-bottom-bar {
  --new-home-footer-color: #ff6a00;
  background-color: var(--new-home-footer-color) !important;
  background-image: none !important;
}

/* Mobile: reposition selectors above footer (used only on narrow mobile) */
@media (max-width: 576px) {
  .new-home-glass-selectors,
  html body .new-home-tab .new-home-glass-selectors {
    bottom: 90px !important;
  }
}

.new-home-bottom-bar .new-home-zone-toggle,
html body .new-home-tab .new-home-bottom-bar .new-home-zone-toggle,
html.links-paged-page body .new-home-bottom-bar .new-home-zone-toggle {
  width: min(100%, 232px) !important;
  height: 40px !important;
}

.new-home-bottom-bar .new-home-zone-option {
  min-height: 36px !important;
  height: 36px !important;
  font-size: 0.56rem !important;
  gap: 5px !important;
}

.new-home-bottom-bar .new-home-zone-icon {
  width: 11px !important;
  height: 11px !important;
}

.new-home-bottom-bar .new-home-zone-icon--diamond {
  width: 10px !important;
  height: 10px !important;
}

.new-home-bottom-bar .new-home-zone-icon--people {
  width: 12px !important;
}

.new-home-sensitive-dialog__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgba(248, 241, 232, 0.72);
  cursor: pointer;
}

.new-home-sensitive-dialog__close:hover,
.new-home-sensitive-dialog__close:focus-visible {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.new-home-sensitive-dialog__close:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

.new-home-sensitive-dialog__close .material-symbols-rounded {
  font-size: 20px;
}

.new-home-sensitive-dialog p {
  font-size: 0.75rem;
}

.new-home-sensitive-unlock__label {
  font-size: 0.56rem;
}

/* Mobile overlay containment: intrinsic no-wrap content must never widen the
   viewport grid or shift its centered panel beyond the Safari canvas. */
@media (max-width: 576px) and (orientation: portrait) {
  .new-home-sensitive-dialog {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    max-width: 100vw;
  }

  .new-home-sensitive-dialog__panel {
    width: min(100%, 336px);
    min-width: 0;
    max-width: 100%;
  }

}

.new-home-card.is-zone-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  animation: none !important;
  pointer-events: none !important;
}

.new-home-card.is-zone-outgoing,
.new-home-card.is-zone-incoming {
  pointer-events: none !important;
  animation-play-state: paused !important;
  transition: none !important;
  will-change: translate;
}

.new-home-card.is-zone-outgoing {
  visibility: visible !important;
}

.new-home-card.is-zone-incoming:not(.is-zone-revealed) {
  visibility: visible !important;
}

.new-home-card.is-zone-incoming.is-zone-revealed {
  visibility: visible !important;
}

.new-home-glass-selectors .highlight-selector-set.is-zone-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.new-home-glass-selectors .highlight-selector-set.is-zone-set-outgoing {
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
}

.new-home-glass-selectors .highlight-selector-set.is-zone-set-incoming {
  visibility: visible !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: none !important;
}

.new-home-glass-selectors .highlight-selector-set.is-zone-set-incoming.is-zone-set-revealed {
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity 0.55s ease 0.15s !important;
}

.has-floating-profile-badge .new-home-card .new-home-card__glass-badge {
  display: none !important;
}

.new-home-floating-badge {
  position: absolute;
  top: auto;
  bottom: 24px;
  left: 14px;
  z-index: var(--links-z-floating);
  display: flex;
  max-width: 196px;
  flex-direction: column;
  gap: 4px;
  padding: 10px 15px;
  border: none;
  border-radius: 18px;
  background: rgba(10, 14, 21, 0.45);
  color: #fff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
  -webkit-backdrop-filter: blur(20px) saturate(1.45);
  backdrop-filter: blur(20px) saturate(1.45);
  opacity: 0;
  visibility: hidden;
  translate: 0 0;
  transform: scale(0.96);
  pointer-events: none;
}

.new-home-floating-badge.is-visible {
  visibility: visible;
  opacity: 1;
  translate: 0 0;
  transform: scale(1);
}

.new-home-floating-badge.is-entering {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  animation: floatingBadgeSlideUp 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes floatingBadgeSlideUp {
  0% { transform: translateY(150px) scale(1); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

.new-home-floating-badge.is-entering {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: none;
}

.new-home-floating-badge.is-entering.is-visible {
  opacity: 1;
  transform: scale(1);
  transition: none;
}

.new-home-floating-badge[data-zone='premium'] {
  border: none;
  background: rgba(8, 17, 28, 0.46);
}

.new-home-floating-badge[data-zone='premium'] .glass-badge__icon {
  fill: #b8d8e7 !important;
  color: #b8d8e7 !important;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

.new-home-floating-badge[data-zone='premium'] .glass-badge__icon path,
.new-home-floating-badge[data-zone='premium'] .glass-badge__icon circle,
.new-home-floating-badge[data-zone='premium'] .glass-badge__icon rect {
  fill: #b8d8e7 !important;
}

.new-home-floating-badge[data-zone='premium'] .glass-badge__stats small {
  color: rgba(184, 216, 231, 0.95) !important;
}

.new-home-floating-badge[data-zone='social'] .glass-badge__icon {
  fill: #ff6a00 !important;
  color: #ff6a00 !important;
}

.new-home-floating-badge[data-zone='social'] .glass-badge__icon path,
.new-home-floating-badge[data-zone='social'] .glass-badge__icon circle,
.new-home-floating-badge[data-zone='social'] .glass-badge__icon rect {
  fill: #ff6a00 !important;
}

.new-home-floating-badge[data-zone='social'] .glass-badge__stats small {
  color: rgba(255, 180, 140, 0.95) !important;
}

@media (prefers-reduced-motion: reduce) {
  .new-home-card.is-zone-outgoing,
  .new-home-card.is-zone-incoming,
  .new-home-floating-badge {
    transition-duration: 0.01ms !important;
  }
}

/* ============================================================
   1. Remove old promo selinho (redundant with glass badge)
   ============================================================ */
.new-home-card__offer {
  display: none !important;
}

/* ============================================================
   2. Rounded bottom corners on the active card photo
   ============================================================ */
.new-home-card.is-active .highlight-card-media,
html body .new-home-tab .new-home-card.is-active .highlight-card-media {
  border-radius: 22px !important;
}

/* ============================================================
   3. Floating badge — move more up and left
   ============================================================ */
.new-home-floating-badge {
  bottom: 70px !important;
  left: auto !important;
  right: 30px !important;
}

/* Minhas Redes: keep Safari video layers live without owning footer geometry. */
.new-home-stage {
  --highlight-cta-height: 0px;
}

@media (max-width: 576px) and (orientation: portrait) {
  .new-home-card .new-home-card__media {
    contain: none;
    isolation: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .new-home-card .new-home-card__video {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: none;
    will-change: auto;
  }
}

/* Minhas Redes: final mobile interaction contract.
   Keeps the 34px selector appearance while exposing 44px touch targets. */
.new-home-floating-badge {
  max-width: 210px;
  gap: 5px;
  background: rgba(8, 12, 19, 0.72);
  -webkit-backdrop-filter: blur(8px) saturate(1.35);
  backdrop-filter: blur(8px) saturate(1.35);
}

.new-home-floating-badge[data-zone='premium'] {
  background: rgba(8, 17, 28, 0.72);
}

.glass-badge__name {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.56rem;
  font-weight: 500;
}

.glass-badge__handle {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
}

.glass-badge__stats strong {
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}

.glass-badge__stats small {
  color: rgba(255, 255, 255, 0.74);
  font-weight: 500;
}

.new-home-floating-badge__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 116px;
  margin-top: 3px;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.new-home-glass-selectors .new-home-zone-extension-wrapper {
  pointer-events: none !important;
}

.new-home-glass-selectors .new-home-zone-extension-wrapper:has(
  .highlight-selector-set:not(.is-zone-hidden):not(.is-zone-set-outgoing)
) {
  pointer-events: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  .new-home-bottom-bar::before,
  .new-home-floating-badge,
  .new-home-card.is-zone-outgoing,
  .new-home-card.is-zone-incoming {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* Highlights private pass — mockup 03.
   The detailed smoked shell is a transparent raster asset; the selected
   poster and access controls remain live, accessible DOM underneath it. */
.highlights-marquee-tab.has-highlight-selection::after,
.highlights-marquee-tab.is-selection-leaving::after {
  background: rgba(2, 3, 6, .42);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.is-highlight-selection-open .links-card-controls,
body.is-highlight-selection-open .links-section-rail,
body.is-highlight-selection-open .links-back-to-top {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.highlights-selection[data-highlight-private-pass] {
  --pass-tilt-x: 0deg;
  --pass-tilt-y: 0deg;
  --pass-light-x: 50%;
  top: 50% !important;
  right: 0 !important;
  left: 0 !important;
  width: min(100vw, calc((100dvh - 4px) * .46258), 420px) !important;
  height: auto !important;
  max-height: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  aspect-ratio: 853 / 1844 !important;
  overflow: visible;
  isolation: isolate;
  transform:
    translateY(-50%)
    rotateX(var(--pass-tilt-x))
    rotateY(var(--pass-tilt-y)) !important;
  transform-origin: 50% 46%;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1);
  will-change: transform;
}

.is-selection-entering .highlights-selection[data-highlight-private-pass] {
  animation: highlights-private-pass-in .58s cubic-bezier(.16, .84, .2, 1) both !important;
}

.highlights-marquee-tab.is-selection-leaving .highlights-selection[data-highlight-private-pass] {
  animation: highlights-private-pass-out .26s cubic-bezier(.4, 0, 1, 1) both !important;
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__poster {
  position: absolute !important;
  z-index: 1 !important;
  top: 13.43% !important;
  left: 16.28% !important;
  width: 68.82% !important;
  height: 43.5% !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: clamp(12px, 4.1cqw, 18px) !important;
  background: #090b0f;
  box-shadow: none !important;
  aspect-ratio: auto !important;
  transform: none !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__poster::after,
.highlights-selection[data-highlight-private-pass] .highlights-selection__poster-placeholder {
  display: none !important;
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.9) contrast(1.04) brightness(.88);
  transform: scale(1.012);
  transition: filter .35s ease, transform .8s cubic-bezier(.2, .8, .2, 1);
}

.highlights-marquee-tab.has-highlight-selection
  .highlights-selection[data-highlight-private-pass]
  .highlights-selection__poster img {
  animation: highlights-private-poster-drift 8s ease-in-out .58s infinite alternate;
}

.highlights-private-pass__shell {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  -webkit-user-drag: none;
  user-select: none;
  filter:
    brightness(1.03)
    drop-shadow(0 16px 18px rgba(0, 0, 0, .62))
    drop-shadow(0 0 4px rgba(184, 216, 231, .12));
  transform: none;
  transform-origin: center;
  animation: highlights-private-shell-breathe 5.8s ease-in-out .7s infinite;
  will-change: transform, opacity;
}

.highlights-private-pass__shell--light {
  display: none;
}

:root[data-theme='light'] .highlights-private-pass__shell--dark {
  display: none;
}

:root[data-theme='light'] .highlights-private-pass__shell--light {
  display: block;
  filter:
    brightness(1.015)
    drop-shadow(0 13px 19px rgba(54, 38, 25, .12))
    drop-shadow(0 0 3px rgba(164, 126, 171, .12));
}

:root[data-theme='light']
  .highlights-selection[data-highlight-private-pass]
  .highlights-selection__access > p:first-child {
  color: #A47EAB !important;
}

:root[data-theme='light']
  .highlights-selection[data-highlight-private-pass]
  .highlights-selection__access h3 {
  color: #171513 !important;
}

:root[data-theme='light']
  .highlights-selection[data-highlight-private-pass]
  .highlights-selection__sensitive,
:root[data-theme='light']
  .highlights-selection[data-highlight-private-pass]
  .highlights-selection__notice {
  color: rgba(23, 21, 19, .58) !important;
}

:root[data-theme='light']
  .highlights-selection[data-highlight-private-pass]
  .highlights-access-slider {
  border-color: rgba(164, 126, 171, .38) !important;
  background: rgba(164, 126, 171, .11) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .66),
    0 6px 14px rgba(54, 38, 25, .07) !important;
}

:root[data-theme='light']
  .highlights-selection[data-highlight-private-pass]
  .highlights-access-slider__platform {
  color: #171513 !important;
}

:root[data-theme='light']
  .highlights-selection[data-highlight-private-pass]
  .highlights-access-slider small {
  color: rgba(23, 21, 19, .56) !important;
}

:root[data-theme='light']
  .highlights-selection[data-highlight-private-pass]
  .highlights-access-slider__thumb {
  border-color: rgba(242, 236, 227, .86) !important;
  background: #A47EAB !important;
  color: #F2ECE3 !important;
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__access {
  position: absolute !important;
  z-index: 4 !important;
  top: 59.95% !important;
  right: auto !important;
  bottom: auto !important;
  left: 15.9% !important;
  width: 70.5% !important;
  min-width: 0;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__access > p:first-child,
.highlights-selection[data-highlight-private-pass] .highlights-selection__access h3,
.highlights-selection[data-highlight-private-pass] .highlights-selection__sensitive,
.highlights-selection[data-highlight-private-pass] .highlights-selection__sliders {
  max-width: none !important;
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__access > p:first-child {
  margin: 0 0 clamp(7px, 1.2dvh, 11px) !important;
  color: #b8d8e7 !important;
  font: 600 clamp(.43rem, 1.65vw, .62rem)/1 'Sora', sans-serif !important;
  letter-spacing: .15em !important;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(184, 216, 231, .2);
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__access h3 {
  margin: 0 !important;
  color: #f3ece4 !important;
  font: 400 clamp(1.48rem, 3.75dvh, 2.16rem)/.88 'Anton', sans-serif !important;
  letter-spacing: -.025em !important;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 4px 14px rgba(0, 0, 0, .34);
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__sensitive {
  display: block;
  margin-top: clamp(13px, 2.35dvh, 20px) !important;
  color: rgba(243, 236, 228, .56) !important;
  font: 400 clamp(.5rem, 2.35vw, .68rem)/1.1 'Sora', sans-serif !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__sliders {
  display: grid;
  gap: clamp(10px, 1.65dvh, 15px);
  width: 100%;
  margin-top: clamp(20px, 2.75dvh, 25px) !important;
}

.highlights-selection[data-highlight-private-pass] .highlights-access-slider {
  --access-translate: 0px;
  position: relative;
  display: grid;
  grid-template-columns: clamp(45px, 12vw, 52px) 1fr;
  grid-template-rows: 1fr 1fr;
  min-height: clamp(49px, 6.35dvh, 58px) !important;
  overflow: hidden;
  border: 1px solid rgba(184, 216, 231, .56) !important;
  border-radius: 999px !important;
  background: rgba(2, 5, 9, .72) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .025) inset,
    -3px 0 0 rgba(211, 239, 249, .7) inset,
    -9px 0 13px rgba(184, 216, 231, .18) inset,
    0 0 12px rgba(184, 216, 231, .055);
  color: #f3ece4;
}

.highlights-selection[data-highlight-private-pass] .highlights-access-slider__fill {
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(clamp(49px, 13.4vw, 59px) + (100% - clamp(49px, 13.4vw, 59px)) * var(--access-progress));
  border-radius: inherit;
  background: rgba(184, 216, 231, .12);
  box-shadow: 12px 0 28px rgba(184, 216, 231, .12);
}

.highlights-selection[data-highlight-private-pass] .highlights-access-slider__thumb {
  top: 50% !important;
  left: 6px !important;
  width: clamp(35px, 9.5vw, 42px) !important;
  height: clamp(35px, 9.5vw, 42px) !important;
  border: 1px solid rgba(225, 243, 250, .7) !important;
  background: #b8d8e7 !important;
  box-shadow:
    0 0 0 4px rgba(184, 216, 231, .08),
    0 0 10px rgba(184, 216, 231, .2),
    inset 0 -5px 9px rgba(65, 93, 107, .18) !important;
  color: #08090d !important;
  transform: translateX(var(--access-translate)) translateY(-50%) !important;
}

.highlights-selection[data-highlight-private-pass]
  .highlights-access-slider__thumb .material-symbols-rounded {
  font-size: clamp(1.2rem, 5.4vw, 1.55rem);
  font-weight: 400;
}

.highlights-selection[data-highlight-private-pass] .highlights-access-slider__platform,
.highlights-selection[data-highlight-private-pass] .highlights-access-slider small {
  grid-column: 2;
  padding-left: clamp(6px, 2vw, 9px);
}

.highlights-selection[data-highlight-private-pass] .highlights-access-slider__platform {
  align-self: end;
  color: #f3ece4 !important;
  font: 600 clamp(.66rem, 3.15vw, .88rem)/1 'Sora', sans-serif !important;
  letter-spacing: -.02em;
}

.highlights-selection[data-highlight-private-pass] .highlights-access-slider small {
  align-self: start;
  margin-top: clamp(3px, .5dvh, 5px);
  color: rgba(243, 236, 228, .54) !important;
  font: 500 clamp(.42rem, 1.9vw, .56rem)/1 'Sora', sans-serif !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
}

.highlights-selection[data-highlight-private-pass] .highlights-access-slider.is-dragging {
  border-color: rgba(215, 240, 250, .86) !important;
  box-shadow: 0 0 18px rgba(184, 216, 231, .16);
}

.highlights-selection[data-highlight-private-pass] .highlights-access-slider.is-unlocked .highlights-access-slider__thumb {
  background: #f3ece4 !important;
  box-shadow: 0 0 26px rgba(184, 216, 231, .58) !important;
}

.highlights-selection[data-highlight-private-pass] .highlights-access-slider.is-unavailable {
  opacity: .34;
}

.highlights-selection[data-highlight-private-pass] .highlights-selection__notice {
  display: none !important;
}

@keyframes highlights-private-pass-in {
  from {
    opacity: 0;
    transform: translateY(calc(-50% + 26px)) rotateX(4deg) scale(.94);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) rotateX(var(--pass-tilt-x)) rotateY(var(--pass-tilt-y)) scale(1);
    filter: blur(0);
  }
}

@keyframes highlights-private-pass-out {
  from {
    opacity: 1;
    transform: translateY(-50%) rotateX(var(--pass-tilt-x)) rotateY(var(--pass-tilt-y)) scale(1);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: translateY(calc(-50% - 14px)) rotateX(-2deg) scale(.97);
    filter: blur(3px);
  }
}

@keyframes highlights-private-shell-breathe {
  0%, 100% {
    transform: translateZ(0) scale(1);
    opacity: .985;
  }
  50% {
    transform: translateZ(0) scale(1.003);
    opacity: 1;
  }
}

@keyframes highlights-private-poster-drift {
  from { transform: scale(1.012) translate3d(0, 0, 0); }
  to { transform: scale(1.045) translate3d(0, -.7%, 0); }
}

@media (min-width: 577px) {
  .highlights-selection[data-highlight-private-pass] .highlights-selection__access h3 {
    font-size: clamp(1.48rem, 3.75dvh, 2.16rem) !important;
  }

  .highlights-selection[data-highlight-private-pass] .highlights-access-slider {
    grid-template-columns: 58px 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .highlights-selection[data-highlight-private-pass],
  .is-selection-entering .highlights-selection[data-highlight-private-pass],
  .highlights-marquee-tab.is-selection-leaving .highlights-selection[data-highlight-private-pass],
  .highlights-private-pass__shell,
  .highlights-marquee-tab.has-highlight-selection
    .highlights-selection[data-highlight-private-pass]
    .highlights-selection__poster img {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

/* Mobile viewport safety contract.
   Preserve the original floating rail and full-bleed poster tracks. Fixed
   editorial content owns its safe lane instead of moving navigation chrome. */
@media (max-width: 576px) {
  .new-home-heading,
  .highlights-marquee-tab .highlights-editorial-heading,
  .partnerships-editorial-heading,
  .contact-editorial-heading {
    width: 100% !important;
    margin-inline: 0 !important;
  }

  .new-home-stage {
    width: 100% !important;
    margin-inline: 0 !important;
  }

  .partnerships-billboards {
    width: min(calc(100% - 112px), 278px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .partnership-benefit:not(.partnership-benefit--shipping) {
    max-width: 100%;
    font-size: clamp(3.6rem, 16vw, 4rem) !important;
  }

  .contact-ticket-stage {
    width: calc(100% - 96px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .contact-ticket--email .contact-ticket__action {
    gap: 6px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    font-size: clamp(.6rem, 2.55vw, .7rem) !important;
    letter-spacing: -.02em !important;
  }

  .contact-ticket--email .contact-ticket__action-icon {
    flex: 0 0 auto;
  }

  .contact-ticket__city {
    max-width: 100%;
    font-size: clamp(1.2rem, 5.75vw, 1.42rem) !important;
  }

  .contact-ticket__flag {
    width: .76em;
    height: .76em;
    margin-top: -.08em;
    margin-left: .1em;
  }

  .links-shell:has(.highlights-marquee-tab.is-active) .links-back-to-top,
  .links-shell:has(.contact-editorial-tab.is-active) .links-back-to-top,
  .links-shell:has(.contact-about-tab.is-active) .links-back-to-top {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

@media (max-width: 576px) and (max-height: 700px) {
  .contact-editorial-tab {
    padding-bottom: 4px !important;
  }

  .contact-editorial-heading {
    padding-top: 24px !important;
  }

  .contact-eyebrow {
    margin-bottom: 24px !important;
  }

  .contact-ticket-stage {
    margin-top: 12px !important;
  }
}

/* Light-theme final contract. Keep these rules last so section-specific dark
   treatments cannot leak back into the shared light chrome. */
:root[data-theme='light'] .links-section-rail,
:root[data-theme='light'] .links-shell:has(.intro-home-tab.is-active) .links-section-rail,
:root[data-theme='light'] .links-shell:has(.partnerships-tab.is-active) .links-section-rail,
:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-section-rail {
  border-color: rgba(255, 250, 244, 0.72);
  background: rgba(255, 250, 244, 0.68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 10px 26px rgba(45, 31, 21, 0.09);
  -webkit-backdrop-filter: blur(16px) saturate(1.18);
  backdrop-filter: blur(16px) saturate(1.18);
}

:root[data-theme='light'] .links-section-rail.is-expanded,
:root[data-theme='light'] .links-shell:has(.partnerships-tab.is-active) .links-section-rail.is-expanded,
:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-section-rail.is-expanded {
  border-color: rgba(255, 250, 244, 0.58);
  background: rgba(242, 236, 227, 0.68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    0 20px 42px rgba(45, 31, 21, 0.11);
  -webkit-backdrop-filter: blur(24px) saturate(1.28);
  backdrop-filter: blur(24px) saturate(1.28);
}

:root[data-theme='light'] .links-shell:has(.partnerships-tab.is-active) .links-section-rail__thumb,
:root[data-theme='light'] .links-shell:has(.contact-about-tab.is-active) .links-section-rail__thumb {
  background: #ff6a00;
  box-shadow: 0 0 9px rgba(255, 106, 0, 0.22);
}

:root[data-theme='light'] .highlights-marquee__poster,
:root[data-theme='light'] .new-home-card .highlight-card-media,
:root[data-theme='light'] .new-home-tab:has(.new-home-zone-option[data-home-zone='premium'].is-active) .new-home-card.is-active .highlight-card-media {
  border-color: transparent;
  box-shadow: none;
}

:root[data-theme='light'] .highlights-marquee__poster {
  border: 0;
  background: var(--links-light-paper);
}

:root[data-theme='light'] .highlights-marquee__poster::after {
  background: transparent;
}

:root[data-theme='light'] .highlights-marquee__poster:hover,
:root[data-theme='light'] .highlights-marquee__poster:focus-visible,
:root[data-theme='light'] .highlights-marquee__poster.is-selected {
  border: 0;
  box-shadow: none;
}

:root[data-theme='light'] .links-section-rail__dot[data-section-target='1'].is-active::after,
:root[data-theme='light'] .links-shell:not(:has(.new-home-tab .new-home-zone-option[data-home-zone='social'].is-active)) .links-section-rail__dot[data-section-target='4'].is-active::after,
:root[data-theme='light'] .links-shell:has(.new-home-tab.is-active .new-home-zone-option[data-home-zone='premium'].is-active) .links-section-rail__thumb,
:root[data-theme='light'] .links-shell:has(.highlights-marquee-tab.is-active) .links-section-rail__thumb {
  background: var(--links-light-accent-blue) !important;
  box-shadow: 0 0 11px rgba(164, 126, 171, 0.38);
}

:root[data-theme='light'] .links-section-rail.is-expanded .links-section-rail__dot[data-section-target='1'].is-active .links-section-rail__label,
:root[data-theme='light'] .links-section-rail.is-expanded .links-section-rail__dot[data-section-target='1'].is-rail-preview .links-section-rail__label,
:root[data-theme='light'] .links-shell:not(:has(.new-home-tab .new-home-zone-option[data-home-zone='social'].is-active)) .links-section-rail.is-expanded .links-section-rail__dot[data-section-target='4'].is-active .links-section-rail__label,
:root[data-theme='light'] .links-shell:not(:has(.new-home-tab .new-home-zone-option[data-home-zone='social'].is-active)) .links-section-rail.is-expanded .links-section-rail__dot[data-section-target='4'].is-rail-preview .links-section-rail__label {
  color: var(--links-light-accent-blue) !important;
}

:root[data-theme='light'] .new-home-tab:has(.new-home-zone-option[data-home-zone='premium'].is-active) .new-home-bottom-bar,
:root[data-theme='light'] body:has(.new-home-zone-option[data-home-zone='premium'].is-active) .new-home-bottom-bar {
  --new-home-footer-color: var(--links-light-accent-blue);
}

:root[data-theme='light'] .new-home-card[data-home-zone-card='premium'] .glass-badge__icon,
:root[data-theme='light'] .new-home-card[data-home-zone-card='premium'] .glass-badge__icon path,
:root[data-theme='light'] .new-home-card[data-home-zone-card='premium'] .glass-badge__icon circle,
:root[data-theme='light'] .new-home-card[data-home-zone-card='premium'] .glass-badge__icon rect,
:root[data-theme='light'] .new-home-floating-badge[data-zone='premium'] .glass-badge__icon,
:root[data-theme='light'] .new-home-floating-badge[data-zone='premium'] .glass-badge__icon path,
:root[data-theme='light'] .new-home-floating-badge[data-zone='premium'] .glass-badge__icon circle,
:root[data-theme='light'] .new-home-floating-badge[data-zone='premium'] .glass-badge__icon rect {
  fill: var(--links-light-accent-blue) !important;
  color: var(--links-light-accent-blue) !important;
}

:root[data-theme='light'] .new-home-floating-badge[data-zone='premium'] .glass-badge__stats small,
:root[data-theme='light'] .new-home-sensitive-unlock__lock {
  color: rgba(164, 126, 171, 0.94) !important;
}

:root[data-theme='light'] .new-home-card__comet {
  background: conic-gradient(
    from var(--premium-comet-angle),
    transparent 0deg 326deg,
    rgba(164, 126, 171, 0.08) 334deg,
    rgba(164, 126, 171, 0.68) 345deg,
    #c49ecb 350deg,
    #e3cae8 351deg,
    rgba(164, 126, 171, 0.26) 357deg,
    transparent 360deg
  );
  filter: drop-shadow(0 0 6px rgba(164, 126, 171, 1)) drop-shadow(0 0 14px rgba(164, 126, 171, 0.8));
}

:root[data-theme='light'] .new-home-sensitive-unlock__thumb {
  background: var(--links-light-accent-blue);
}

:root[data-theme='light'] .partnership-billboard--monte .partnership-number {
  color: var(--links-light-paper-raised);
}

:root[data-theme='light'] .new-home-glass-selectors,
:root[data-theme='light'] body:has(.new-home-zone-option[data-home-zone='premium'].is-active) .new-home-glass-selectors {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(0, 0, 0, 0.1) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 8px 22px rgba(45, 31, 21, 0.1);
  -webkit-backdrop-filter: blur(14px) saturate(1.18);
  backdrop-filter: blur(14px) saturate(1.18);
}
.links-footer__legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 16px;
  margin-top: 8px;
  font: 500 0.68rem/1.3 'Inter', sans-serif;
}

.links-footer__legal a,
.links-footer__legal button {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: 0.72;
  cursor: pointer;
}

.privacy-consent {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  align-items: end;
  padding: 18px;
  background: rgb(3 4 7 / 58%);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  backdrop-filter: blur(14px) saturate(1.15);
}

html.is-privacy-consent-open,
html.is-privacy-consent-open body {
  overflow: hidden;
}

.privacy-consent[hidden] {
  display: none;
}

.privacy-consent:not([hidden]) {
  animation: privacyConsentBackdropIn 420ms ease both;
}

.privacy-consent__panel {
  position: relative;
  width: min(100%, 760px);
  max-height: calc(100dvh - 36px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgb(255 255 255 / 13%), transparent 40%),
    rgb(9 12 18 / 58%);
  color: #f7f7f5;
  box-shadow: 0 24px 70px rgb(0 0 0 / 42%), inset 0 1px 0 rgb(255 255 255 / 9%);
  -webkit-backdrop-filter: blur(32px) saturate(1.55);
  backdrop-filter: blur(32px) saturate(1.55);
  transform-origin: center bottom;
  animation: privacyConsentPanelIn 680ms cubic-bezier(0.16, 1, 0.3, 1) 70ms both;
}

.privacy-consent__panel::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(115deg, rgb(255 255 255 / 9%), transparent 28%, transparent 70%, rgb(255 106 0 / 5%));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 12%);
  pointer-events: none;
}

.privacy-consent__panel:focus {
  outline: none;
}

.privacy-consent__summary {
  position: relative;
  z-index: 1;
  max-height: calc(100dvh - 36px);
  overflow-y: auto;
  padding: 22px;
}

.privacy-consent__brand {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 11px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgb(255 255 255 / 12%);
  animation: privacyConsentContentIn 520ms cubic-bezier(0.16, 1, 0.3, 1) 220ms both;
}

.privacy-consent__brand-mark {
  display: block;
  width: 38px;
  height: 38px;
  background: currentColor;
  -webkit-mask: url('/assets/LEO_SAQUETTO_LOGO_2027_p.svg') center / contain no-repeat;
  mask: url('/assets/LEO_SAQUETTO_LOGO_2027_p.svg') center / contain no-repeat;
}

.privacy-consent__brand-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.privacy-consent__brand-copy strong {
  font: 400 1rem/1 'Anton', 'Arial Narrow', sans-serif;
  letter-spacing: 0.055em;
}

.privacy-consent__brand-copy small {
  color: rgb(255 255 255 / 52%);
  font: 700 0.48rem/1.2 'Sora', sans-serif;
  letter-spacing: 0.12em;
}

.privacy-consent__brand-status {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgb(255 106 0 / 40%);
  border-radius: 50%;
  background: rgb(255 106 0 / 11%);
  color: #ff6a00;
}

.privacy-consent__brand-status .material-symbols-rounded {
  font-size: 1rem;
}

.privacy-consent__copy {
  animation: privacyConsentContentIn 540ms cubic-bezier(0.16, 1, 0.3, 1) 290ms both;
}

.privacy-consent__summary[hidden],
.privacy-consent__document[hidden] {
  display: none;
}

.privacy-consent__eyebrow {
  margin: 0 0 6px;
  color: #ff6a00;
  font: 800 0.68rem/1 'Sora', sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.privacy-consent h2 {
  margin: 0;
  font: 400 clamp(1.55rem, 7vw, 2.15rem)/0.98 'Anton', 'Arial Narrow', sans-serif;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.privacy-consent__copy h2 {
  margin-bottom: 14px;
}

.privacy-consent p:not(.privacy-consent__eyebrow) {
  margin: 10px 0 0;
  color: #c7c9d0;
  font: 500 0.78rem/1.55 'Sora', sans-serif;
}

.privacy-consent__copy > p:not(.privacy-consent__eyebrow, .privacy-consent__links),
.privacy-consent__document-body > p:not(.privacy-consent__document-meta) {
  text-align: justify;
  text-justify: inter-word;
  -webkit-hyphens: none;
  hyphens: none;
}

.privacy-consent__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 18px !important;
}

.privacy-consent__links button {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: #f4f4f2;
  font: 400 0.88rem/1 'Anton', 'Arial Narrow', sans-serif;
  letter-spacing: 0.035em;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-transform: uppercase;
  cursor: pointer;
}

.privacy-consent__actions {
  display: grid;
  gap: 10px;
  margin-top: 22px;
  animation: privacyConsentContentIn 540ms cubic-bezier(0.16, 1, 0.3, 1) 360ms both;
}

.privacy-consent__trust {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 18px 0 0 !important;
  color: rgb(255 255 255 / 52%) !important;
  font-size: 0.58rem !important;
  line-height: 1.4 !important;
  animation: privacyConsentContentIn 540ms cubic-bezier(0.16, 1, 0.3, 1) 430ms both;
}

.privacy-consent__trust .material-symbols-rounded {
  flex: 0 0 auto;
  color: #ff6a00;
  font-size: 0.92rem;
}

.privacy-consent__button {
  min-height: 46px;
  border-radius: 13px;
  padding: 11px 16px;
  font: 800 0.74rem/1 'Sora', sans-serif;
  cursor: pointer;
}

.privacy-consent__button--primary {
  border: 1px solid #ff6a00;
  background: #ff6a00;
  color: #120a05;
  box-shadow: 0 12px 28px rgb(255 106 0 / 24%);
}

.privacy-consent__button--secondary {
  border: 1px solid rgb(255 255 255 / 18%);
  background: transparent;
  color: #f7f7f5;
}

.privacy-consent__document {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: min(74dvh, 640px);
  max-height: calc(100dvh - 36px);
  flex-direction: column;
  animation: privacyConsentDocumentIn 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.privacy-consent button:focus-visible,
.privacy-consent a:focus-visible {
  outline: 2px solid #ff6a00;
  outline-offset: 3px;
}

.privacy-consent__document-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid rgb(255 255 255 / 12%);
  background: rgb(5 8 13 / 18%);
}

.privacy-consent__back {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 7px;
  border: 1px solid rgb(255 255 255 / 16%);
  border-radius: 999px;
  padding: 8px 13px 8px 10px;
  background: rgb(255 255 255 / 7%);
  color: inherit;
  font: 700 0.68rem/1 'Sora', sans-serif;
  cursor: pointer;
}

.privacy-consent__back .material-symbols-rounded {
  font-size: 1rem;
}

.privacy-consent__document-brand {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgb(255 255 255 / 58%);
  font: 700 0.54rem/1 'Sora', sans-serif;
  letter-spacing: 0.1em;
}

.privacy-consent__document-brand .privacy-consent__brand-mark {
  width: 25px;
  height: 25px;
}

.privacy-consent__document-body {
  min-height: 0;
  overflow: auto;
  padding: 22px 20px 30px;
  overscroll-behavior: contain;
  scrollbar-color: #ff6a00 transparent;
}

.privacy-consent__document-body:focus-visible {
  outline: 2px solid #ff6a00;
  outline-offset: -4px;
}

.privacy-consent__document-body h2 {
  margin-bottom: 6px;
}

.privacy-consent__document-body h3 {
  margin: 24px 0 4px;
  color: #fff;
  font: 400 0.96rem/1 'Anton', 'Arial Narrow', sans-serif;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.privacy-consent__document-body a {
  color: #ff8c3a;
  overflow-wrap: anywhere;
}

.privacy-consent__document-meta {
  color: rgb(255 255 255 / 52%) !important;
  font-size: 0.68rem !important;
}

@media (min-width: 680px) {
  .privacy-consent {
    align-items: end;
    padding: 28px;
  }

  .privacy-consent__summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 24px;
    align-items: end;
    padding: 24px;
  }

  .privacy-consent__brand,
  .privacy-consent__trust {
    grid-column: 1 / -1;
  }

  .privacy-consent__actions {
    margin-top: 0;
  }
}

:root[data-theme='light'] .privacy-consent__panel {
  border-color: rgb(255 255 255 / 68%);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 78%), rgb(255 255 255 / 30%) 46%, transparent),
    rgb(244 238 229 / 64%);
  color: #16171c;
  box-shadow: 0 24px 70px rgb(40 34 27 / 22%), inset 0 1px 0 rgb(255 255 255 / 92%);
}

:root[data-theme='light'] .privacy-consent__brand {
  border-bottom-color: rgb(20 22 28 / 10%);
}

:root[data-theme='light'] .privacy-consent__brand-copy small,
:root[data-theme='light'] .privacy-consent__trust,
:root[data-theme='light'] .privacy-consent__document-brand {
  color: rgb(22 23 28 / 54%) !important;
}

:root[data-theme='light'] .privacy-consent {
  background: rgb(222 215 204 / 48%);
}

:root[data-theme='light'] .privacy-consent p:not(.privacy-consent__eyebrow) {
  color: #545862;
}

:root[data-theme='light'] .privacy-consent__links button {
  color: #16171c;
}

:root[data-theme='light'] .privacy-consent__button--secondary {
  border-color: rgb(20 22 28 / 18%);
  color: #16171c;
}

:root[data-theme='light'] .privacy-consent__document-header {
  border-bottom-color: rgb(20 22 28 / 10%);
  background: rgb(255 255 255 / 26%);
}

:root[data-theme='light'] .privacy-consent__back {
  border-color: rgb(20 22 28 / 14%);
  background: rgb(255 255 255 / 42%);
}

:root[data-theme='light'] .privacy-consent__document-kicker,
:root[data-theme='light'] .privacy-consent__document-meta {
  color: rgb(22 23 28 / 56%) !important;
}

:root[data-theme='light'] .privacy-consent__document-body h3 {
  color: #16171c;
}

:root[data-theme='light'] .privacy-consent__document-body a {
  color: #c94f00;
}

@media (prefers-reduced-motion: reduce) {
  .privacy-consent {
    backdrop-filter: none;
  }

  .privacy-consent,
  .privacy-consent__panel,
  .privacy-consent__brand,
  .privacy-consent__copy,
  .privacy-consent__actions,
  .privacy-consent__trust,
  .privacy-consent__document {
    animation: none !important;
  }
}

@keyframes privacyConsentBackdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes privacyConsentPanelIn {
  from { opacity: 0; transform: translateY(34px) scale(0.965); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes privacyConsentContentIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes privacyConsentDocumentIn {
  from { opacity: 0; transform: translateX(18px); }
  to { opacity: 1; transform: translateX(0); }
}


/* ===== styles/links2-networks-contract.css ===== */

/* ==========================================================================
   LINKS2 / MINHAS REDES — SINGLE-OWNER VISUAL CONTRACT
   Geometry, glass, responsive composition and Safari edge colors live here.
   Keep this file after links-page.css in the generated cascade.
   ========================================================================== */

.new-home-tab {
  --new-home-glass-bg: rgba(6, 11, 18, 0.56);
  --new-home-glass-border: rgba(255, 255, 255, 0.16);
  --new-home-glass-highlight: rgba(255, 255, 255, 0.22);
  --new-home-glass-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
  --new-home-glass-filter: blur(16px) saturate(1.35);
  --new-home-motion-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --new-home-toggle-track-height: 24px;
  --new-home-toggle-hit-height: 44px;
}

.new-home-bottom-bar .new-home-zone-toggle,
html body .new-home-tab .new-home-bottom-bar .new-home-zone-toggle,
html.links-paged-page body .new-home-bottom-bar .new-home-zone-toggle {
  position: relative;
  box-sizing: border-box;
  width: min(100%, 300px) !important;
  height: var(--new-home-toggle-hit-height) !important;
  min-height: var(--new-home-toggle-hit-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.new-home-bottom-bar .new-home-zone-toggle::before {
  position: absolute;
  inset: 10px 0;
  z-index: -1;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  background: #000;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  content: '';
}

/* The animated wave is the only footer color layer. The footer itself stays
   transparent so no second band or dividing seam can appear above Safari's
   bottom area. */
.new-home-tab.is-active .new-home-ambient-wave {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: var(--links-z-footer-wave) !important;
  display: block !important;
  width: 100% !important;
  height: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--page-browser-chrome-bottom, #ff6a00) !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none;
}

.new-home-tab.is-active .new-home-ambient-wave::before {
  position: absolute;
  right: -5%;
  bottom: calc(100% - 1px);
  left: -5%;
  z-index: 0;
  display: block;
  width: 110%;
  height: 24px;
  background: var(--page-browser-chrome-bottom, #ff6a00);
  opacity: 0.7;
  content: '';
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 92 C105 80 145 22 255 18 C365 14 410 75 500 78 C590 75 635 14 745 18 C855 22 895 80 1000 92 L1000 120 L0 120 Z' fill='black'/%3E%3C/svg%3E")
    center bottom / 100% 100% no-repeat;
  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 92 C105 80 145 22 255 18 C365 14 410 75 500 78 C590 75 635 14 745 18 C855 22 895 80 1000 92 L1000 120 L0 120 Z' fill='black'/%3E%3C/svg%3E")
    center bottom / 100% 100% no-repeat;
  animation: newHomeFooterTwinWave 9.2s ease-in-out infinite;
  transform-origin: center bottom;
  pointer-events: none;
}

.new-home-tab.is-active .new-home-ambient-wave::after {
  position: absolute;
  right: -8%;
  bottom: calc(100% - 12px);
  left: -8%;
  z-index: -1;
  display: block;
  width: 116%;
  height: 38px;
  background: var(--page-browser-chrome-bottom, #ff6a00);
  opacity: 0.35;
  content: '';
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 82 C110 55 180 92 315 72 C430 54 500 90 620 70 C755 48 855 88 1000 68 L1000 100 L0 100 Z' fill='black'/%3E%3C/svg%3E")
    center bottom / 100% 100% no-repeat;
  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 82 C110 55 180 92 315 72 C430 54 500 90 620 70 C755 48 855 88 1000 68 L1000 100 L0 100 Z' fill='black'/%3E%3C/svg%3E")
    center bottom / 100% 100% no-repeat;
  animation: newHomeFooterTwinWave 12s ease-in-out infinite reverse;
  transform-origin: center bottom;
  pointer-events: none;
}

.new-home-tab.is-active .new-home-ambient-wave-foreground {
  position: absolute;
  right: -7%;
  bottom: calc(82px + env(safe-area-inset-bottom, 0px) - 1px);
  left: -7%;
  z-index: calc(var(--links-z-selectors) + 5);
  display: block;
  width: 114%;
  height: 18px;
  background: var(--page-browser-chrome-bottom, #ff6a00);
  opacity: 1;
  filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.15));
  content: '';
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 82 C110 55 180 92 315 72 C430 54 500 90 620 70 C755 48 855 88 1000 68 L1000 100 L0 100 Z' fill='black'/%3E%3C/svg%3E")
    center bottom / 100% 100% no-repeat;
  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 82 C110 55 180 92 315 72 C430 54 500 90 620 70 C755 48 855 88 1000 68 L1000 100 L0 100 Z' fill='black'/%3E%3C/svg%3E")
    center bottom / 100% 100% no-repeat;
  animation: newHomeFooterTwinEcho 7.4s ease-in-out infinite reverse;
  transform-origin: center bottom;
  pointer-events: none;
}

.new-home-tab.is-active .new-home-bottom-bar,
html body .new-home-tab .new-home-bottom-bar,
html.links-paged-page body .new-home-tab .new-home-bottom-bar {
  z-index: calc(var(--links-z-selectors) + 10) !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.new-home-bottom-bar .new-home-zone-toggle__thumb {
  top: 10px !important;
  bottom: 10px !important;
  left: 0 !important;
  width: 50% !important;
  border: 1px solid #08090d !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.new-home-bottom-bar .new-home-zone-option {
  display: grid !important;
  width: 100% !important;
  min-height: var(--new-home-toggle-hit-height) !important;
  height: var(--new-home-toggle-hit-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center;
  gap: 0 !important;
  font-size: 0.52rem !important;
  line-height: 1 !important;
}

.new-home-zone-option__content {
  display: flex;
  height: var(--new-home-toggle-track-height);
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: 1;
  white-space: nowrap;
}

.new-home-zone-option__content > span {
  display: block;
  transform: translateY(0);
}

.new-home-bottom-bar .new-home-zone-icon {
  display: block;
  flex: 0 0 auto;
  width: 11px !important;
  height: 11px !important;
  transform: none !important;
}

.new-home-bottom-bar .new-home-zone-icon--people {
  width: 14px !important;
}

.new-home-platform-logo {
  --logo-optical-scale: 1.35;
  transform: scale(var(--logo-optical-scale));
  transform-origin: center;
  overflow: visible !important;
}

.new-home-platform-logo--onlyfans {
  --logo-optical-scale: 1.65;
  height: 23px !important;
}

.new-home-card__network-logo .new-home-platform-logo--onlyfans {
  width: 27px !important;
  height: 27px !important;
}

.new-home-platform-logo--privacy {
  --logo-optical-scale: 1.38;
}

.glass-badge__icon.new-home-platform-logo--privacy {
  transform: scale(1.18) !important;
  transform-origin: center;
}

/* The supplied key artwork is naturally much wider than it is tall. Give it
   a larger physical box in compact badges so its visible height matches the
   star and social marks instead of relying only on optical scaling. */
.new-home-card[data-home-zone-card='premium']
  .new-home-card__glass-badge
  .glass-badge__icon.new-home-platform-logo--privacy {
  width: 24px !important;
  height: 24px !important;
  flex-basis: 24px !important;
}

.new-home-floating-badge[data-zone='premium']
  .glass-badge__icon.new-home-platform-logo--privacy {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
}

.new-home-platform-logo--x {
  --logo-optical-scale: 1.2;
}

.new-home-platform-logo--telegram {
  --logo-optical-scale: 1.35;
}

.new-home-glass-selectors,
html body .new-home-tab .new-home-glass-selectors,
body:has(.new-home-zone-option[data-home-zone='premium'].is-active) .new-home-glass-selectors {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.5) !important;
  backdrop-filter: blur(16px) saturate(1.5) !important;
}

.new-home-glass-selectors .highlight-selector,
html body .new-home-tab .new-home-glass-selectors .highlight-selector {
  isolation: isolate;
  color: rgba(255, 255, 255, 0.85);
  transition:
    color 260ms var(--new-home-motion-smooth),
    transform 320ms var(--new-home-motion-smooth) !important;
}

.new-home-glass-selectors .highlight-selector::before,
html body .new-home-tab .new-home-glass-selectors .highlight-selector::before {
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  content: none !important;
}

.new-home-glass-selectors .highlight-selector.is-active,
html body .new-home-tab .new-home-glass-selectors .highlight-selector.is-active {
  color: rgba(255, 255, 255, 0.98);
  transform: none;
}

.new-home-glass-selectors .highlight-selector.is-active::before,
html body .new-home-tab .new-home-glass-selectors .highlight-selector.is-active::before {
  display: none !important;
  content: none !important;
}

.new-home-glass-selectors .highlight-selector.is-active .new-home-platform-logo,
html body .new-home-tab .new-home-glass-selectors .highlight-selector.is-active .new-home-platform-logo {
  filter: drop-shadow(0 0 5px currentColor);
}

.new-home-floating-badge,
.new-home-floating-badge[data-zone='premium'] {
  overflow: hidden;
  border: 0 !important;
  background: var(--new-home-glass-bg) !important;
  box-shadow: var(--new-home-glass-shadow) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.24) !important;
  backdrop-filter: blur(12px) saturate(1.24) !important;
}

.new-home-floating-badge__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}

.new-home-floating-badge .glass-badge__header {
  align-items: center;
  line-height: 1;
}

.new-home-floating-badge .glass-badge__name {
  font-size: 0.44rem;
  line-height: 1;
}

/* Option 2: a broad twin-crest tide with a quieter translucent echo. Both
   layers move laterally only, so their lower edge stays welded to Safari. */
@keyframes newHomeFooterTwinWave {
  0%,
  100% {
    transform: translate3d(-1.8%, 0, 0) scaleX(1.04);
  }
  42% {
    transform: translate3d(1.5%, 0, 0) scaleX(1.01);
  }
  72% {
    transform: translate3d(0.2%, 0, 0) scaleX(1.055);
  }
}

@keyframes newHomeFooterTwinEcho {
  0%,
  100% {
    transform: translate3d(1.6%, 0, 0) scaleX(1.025);
  }
  38% {
    transform: translate3d(-1.4%, 0, 0) scaleX(1.05);
  }
  70% {
    transform: translate3d(-0.25%, 0, 0) scaleX(1.015);
  }
}

@media (max-width: 576px) and (orientation: portrait) {
  @supports (height: 100svh) {
    html.links-paged-page,
    html.links-paged-page body,
    html.links-paged-page .links-shell,
    html.links-paged-page .links-top-card.links-top-card--glass-home,
    html.links-paged-page #app-tab-container,
    html.links-paged-page .app-tab.is-active,
    html.links-paged-page .app-tab.is-page-entering,
    html.links-paged-page .app-tab.is-page-leaving,
    html.links-paged-page .app-tab.is-page-drag-current,
    html.links-paged-page .app-tab.is-page-drag-target,
    html.links-paged-page .app-tab.is-page-preloaded {
      height: 100svh !important;
      min-height: 100svh !important;
      max-height: 100svh !important;
    }
  }

  html:root.links-paged-page[data-page-chrome-top][data-page-chrome-bottom] {
    background-color: var(--page-browser-chrome-top, #08090d) !important;
    background-image:
      linear-gradient(
        to bottom,
        var(--page-browser-chrome-top, #08090d) 0,
        /* Explicit safe-zone at top: status bar area always stays chrome-top */
        var(--page-browser-chrome-top, #08090d)
          calc(env(safe-area-inset-top, 0px) + 56px),
        var(--page-browser-chrome-top, #08090d)
          calc(100% - (88px + env(safe-area-inset-bottom, 0px))),
        var(--page-browser-chrome-bottom, #08090d)
          calc(100% - (72px + env(safe-area-inset-bottom, 0px))),
        var(--page-browser-chrome-bottom, #08090d) 100%
      ) !important;
    background-attachment: fixed !important;
  }

  html:root.links-paged-page[data-page-chrome-top][data-page-chrome-bottom] body {
    background-color: var(--page-browser-chrome-bottom, #08090d) !important;
  }

  /* Force orange chrome on html:root for the dark-mode sections whose entire
     surface is orange (#ff6a00). The CSS-variable fallback is black, so if JS
     hasn't written the variable yet Safari would sample black. A :has() rule
     pins it to orange independently of JS timing. */
  :root[data-theme="dark"].links-paged-page:has(.partnerships-tab.is-active),
  :root[data-theme="dark"].links-paged-page:has(.contact-about-tab.is-active) {
    background-color: #ff6a00 !important;
    --page-browser-chrome-top: #ff6a00;
    --page-browser-chrome-bottom: #ff6a00;
  }


  html:root.links-paged-page[data-page-chrome-top][data-page-chrome-bottom]::after {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 9999;
    display: block !important;
    content: '';
    pointer-events: none;
  }


  html:root.links-paged-page[data-page-chrome-top][data-page-chrome-bottom]::after {
    bottom: -2px !important;
    height: calc(env(safe-area-inset-bottom, 0px) + 4px) !important;
    background: var(--page-browser-chrome-bottom, #08090d) !important;
  }

  /* Pin the iOS status bar to the correct theme surface. The ambient wave
     animation on the Minhas Redes tab can bleed into the status bar area
     when Safari samples the painted pixel. A high-z fixed strip of the
     correct chrome-top color prevents that bleed without touching the wave. */
  html:root.links-paged-page[data-page-chrome-top][data-page-chrome-bottom]::before {
    position: fixed;
    top: -2px !important;
    right: 0;
    left: 0;
    z-index: 9999;
    display: block !important;
    height: calc(env(safe-area-inset-top, 0px) + 4px) !important;
    background: var(--page-browser-chrome-top, #08090d) !important;
    content: '';
    pointer-events: none;
  }


  .new-home-tab {
    overflow: hidden !important;
  }

  .new-home-card .new-home-card__media {
    contain: none;
    isolation: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .new-home-card .new-home-card__video {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: none;
    will-change: auto;
  }

  .new-home-bottom-bar,
  html body .new-home-tab .new-home-bottom-bar,
  html.links-paged-page body .new-home-tab .new-home-bottom-bar,
  html.links-paged-page body .links-shell:has(.new-home-tab.is-active) .new-home-tab.is-active .new-home-bottom-bar {
    position: absolute !important;
    inset: auto 0 0 !important;
    height: calc(44px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 0 18px env(safe-area-inset-bottom, 0px) !important;
    align-items: flex-end !important;
    overflow: visible !important;
    isolation: isolate;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translate3d(0, 0, 0) !important;
    translate: none;
    animation: none !important;
    opacity: 1;
    visibility: visible;
    transition:
      transform 280ms var(--new-home-motion-smooth),
      opacity 180ms ease,
      visibility 0s linear !important;
  }

  .new-home-bottom-bar::before {
    display: none !important;
    content: none !important;
    animation: none !important;
  }

  .new-home-bottom-bar .new-home-zone-toggle,
  html body .new-home-tab .new-home-bottom-bar .new-home-zone-toggle,
  html.links-paged-page body .new-home-bottom-bar .new-home-zone-toggle {
    width: min(100%, 213px) !important;
    margin-bottom: -4px !important;
  }

  .new-home-bottom-bar .new-home-zone-toggle::before {
    inset: 14px 0 6px;
    box-shadow: none !important;
  }

  .new-home-bottom-bar .new-home-zone-toggle__thumb {
    top: 14px !important;
    bottom: 6px !important;
  }

  .new-home-bottom-bar .new-home-zone-option {
    font-size: 0.45rem !important;
    letter-spacing: 0.055em !important;
    place-items: center;
  }

  .new-home-bottom-bar .new-home-zone-option__content {
    transform: translateY(4px);
  }

  .new-home-glass-selectors,
  html body .new-home-tab .new-home-glass-selectors {
    position: absolute !important;
    bottom: calc(30px + env(safe-area-inset-bottom, 0px)) !important;
    width: 240px !important;
    min-width: 240px !important;
    max-width: calc(100% - 60px) !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    z-index: var(--links-z-selectors);
  }

  .new-home-tab:not(.is-active):not(.is-page-drag-current) .new-home-bottom-bar,
  .new-home-tab.is-page-entering .new-home-bottom-bar,
  #app-tab-container.is-page-dragging .new-home-tab.is-page-drag-current .new-home-bottom-bar,
  #app-tab-container.is-page-drag-settling .new-home-tab.is-page-drag-current .new-home-bottom-bar {
    transform: translate3d(0, calc(100% + env(safe-area-inset-bottom, 0px) + 8px), 0) !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      transform 280ms cubic-bezier(0.4, 0, 1, 1),
      opacity 160ms ease,
      visibility 0s linear 280ms !important;
  }

  .new-home-tab.is-active:not(.is-page-drag-current):not(.is-page-entering) .new-home-bottom-bar {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1;
    visibility: visible;
    transition:
      transform 520ms cubic-bezier(0.22, 1, 0.36, 1) 120ms,
      opacity 380ms ease 80ms,
      visibility 0s linear !important;
  }

  /* Start the footer exit as soon as a vertical page gesture is claimed.
     Explicit keyframes avoid WebKit skipping the first transition frame when
     the drag/current and leaving classes change in the same render cycle. */
  .new-home-tab.is-page-leaving .new-home-bottom-bar,
  #app-tab-container.is-page-dragging .new-home-tab.is-page-drag-current .new-home-bottom-bar,
  #app-tab-container.is-page-drag-settling .new-home-tab.is-page-drag-current .new-home-bottom-bar {
    transform: translate3d(0, 0, 0) !important;
    translate: 0 0;
    visibility: visible;
    pointer-events: none;
    animation: newHomeFooterControlsSlideDown 280ms cubic-bezier(0.4, 0, 1, 1) both !important;
  }

  @keyframes newHomeFooterControlsSlideDown {
    from { translate: 0 0; opacity: 1; }
    to { translate: 0 120%; opacity: 0; }
  }

  /* The wave elements also slide up from below on page entry so Safari never
     samples their zone color before the tab is fully settled. */
  .new-home-tab.is-page-entering .new-home-ambient-wave,
  .new-home-tab.is-page-entering .new-home-ambient-wave-foreground {
    translate: 0 120% !important;
    opacity: 0 !important;
    transition: none !important;
  }

  /* Idle / pre-load: keep waves hidden below */
  .new-home-tab:not(.is-active):not(.is-page-entering):not(.is-page-leaving):not(.is-page-drag-current) .new-home-ambient-wave,
  .new-home-tab:not(.is-active):not(.is-page-entering):not(.is-page-leaving):not(.is-page-drag-current) .new-home-ambient-wave-foreground {
    translate: 0 120% !important;
    opacity: 0 !important;
    animation: none !important;
  }

  /* Exit: keyframe animation so the browser always has a concrete 'from' frame
     (CSS transitions don't fire when the transition property is added at the
     same time the value changes). */
  .new-home-tab.is-page-leaving .new-home-ambient-wave,
  .new-home-tab.is-page-drag-current .new-home-ambient-wave {
    animation: newHomeWaveSlideDown 280ms cubic-bezier(0.4, 0, 1, 1) both !important;
  }

  .new-home-tab.is-page-leaving .new-home-ambient-wave-foreground,
  .new-home-tab.is-page-drag-current .new-home-ambient-wave-foreground {
    animation: newHomeWaveSlideDown 220ms cubic-bezier(0.4, 0, 1, 1) both !important;
  }

  @keyframes newHomeWaveSlideDown {
    from { translate: 0 0;    opacity: 1; }
    to   { translate: 0 120%; opacity: 0; }
  }

  /* Entry */
  .new-home-tab.is-active:not(.is-page-entering):not(.is-page-drag-current) .new-home-ambient-wave {
    animation: newHomeWaveSlideUp 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both !important;
  }

  .new-home-tab.is-active:not(.is-page-entering):not(.is-page-drag-current) .new-home-ambient-wave-foreground {
    animation: newHomeWaveSlideUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.04s both !important;
  }

  @keyframes newHomeWaveSlideUp {
    from { translate: 0 120%; opacity: 0; }
    to   { translate: 0 0;    opacity: 1; }
  }

  /* Glass selectors (social logos row) — same keyframe pattern */
  .new-home-tab.is-page-entering .new-home-glass-selectors {
    translate: 0 24px !important;
    opacity: 0 !important;
    animation: none !important;
  }

  .new-home-tab:not(.is-active):not(.is-page-entering):not(.is-page-leaving):not(.is-page-drag-current) .new-home-glass-selectors {
    translate: 0 24px !important;
    opacity: 0 !important;
    animation: none !important;
  }

  .new-home-tab.is-page-leaving .new-home-glass-selectors,
  .new-home-tab.is-page-drag-current .new-home-glass-selectors {
    animation: newHomeSelectorsSlideDown 240ms cubic-bezier(0.4, 0, 1, 1) both !important;
  }

  .new-home-tab.is-active:not(.is-page-entering):not(.is-page-drag-current) .new-home-glass-selectors {
    animation: newHomeSelectorsSlideUp 480ms cubic-bezier(0.22, 1, 0.36, 1) 160ms both !important;
  }

  @keyframes newHomeSelectorsSlideDown {
    from { translate: 0 0;   opacity: 1; }
    to   { translate: 0 24px; opacity: 0; }
  }

  @keyframes newHomeSelectorsSlideUp {
    from { translate: 0 24px; opacity: 0; }
    to   { translate: 0 0;   opacity: 1; }
  }






  .new-home-glass-selectors .new-home-zone-extensions,
  html body .new-home-tab .new-home-glass-selectors .new-home-zone-extensions {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  .new-home-glass-selectors .new-home-zone-extension-wrapper,
  html body .new-home-tab .new-home-glass-selectors .new-home-zone-extension-wrapper {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .new-home-glass-selectors .highlight-selector-set,
  html body .new-home-tab .new-home-glass-selectors .highlight-selector-set {
    position: absolute !important;
    inset: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  .new-home-glass-selectors .highlight-selector,
  html body .new-home-tab .new-home-glass-selectors .highlight-selector {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .new-home-glass-selectors .highlight-selector::before,
  html body .new-home-tab .new-home-glass-selectors .highlight-selector::before {
    display: none !important;
    content: none !important;
  }

  .new-home-glass-selectors .highlight-selector.is-active::before,
  html body .new-home-tab .new-home-glass-selectors .highlight-selector.is-active::before {
    display: none !important;
    content: none !important;
  }

  .new-home-glass-selectors .new-home-selector-name,
  html body .new-home-tab .new-home-glass-selectors .new-home-selector-name,
  .new-home-glass-selectors .highlight-selector.is-active .new-home-selector-name {
    display: none !important;
    max-width: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
  }

  .new-home-glass-selectors .highlight-selector svg,
  html body .new-home-tab .new-home-glass-selectors .highlight-selector svg {
    width: 17px !important;
    height: 17px !important;
  }

  .new-home-stage,
  html body #links-app .new-home-tab .new-home-stage {
    --highlight-card-width: clamp(224px, 64cqw, 258px);
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.55);
  }

  .new-home-card.is-active,
  html body #links-app .new-home-tab .new-home-card.is-active {
    --highlight-card-height: calc(var(--new-home-base-card-height) + 52px) !important;
    transform: translateX(-50%) translateY(42px) rotateZ(-2deg) scale(1.12) !important;
    animation: none !important;
  }

  /* Keep coverflow cards geometrically stable while changing selection. */
  .new-home-card.is-prev,
  .new-home-card.is-next,
  .new-home-card.is-far {
    --highlight-card-height: var(--new-home-base-card-height) !important;
    animation: none !important;
    scale: 1 !important;
  }

  .new-home-card.is-prev {
    transform: translateX(calc(-50% - 40px)) translateY(34px) translateZ(-96px) rotateY(22deg) rotateZ(-8deg) scale(1) !important;
  }

  .new-home-card.is-next {
    transform: translateX(calc(-50% + 40px)) translateY(34px) translateZ(-92px) rotateY(-22deg) rotateZ(8deg) scale(1) !important;
  }

  .new-home-card.is-far {
    transform: translateX(-50%) translateY(46px) translateZ(-180px) scale(1) !important;
  }

  .new-home-tab.is-active .new-home-ambient-wave {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: var(--links-z-footer-wave) !important;
    display: block !important;
    width: 100% !important;
    height: calc(29px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 0 !important;
    background: var(--page-browser-chrome-bottom, #ff6a00) !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    will-change: auto !important;
    pointer-events: none;
  }

  .new-home-tab.is-active .new-home-ambient-wave::before {
    position: absolute;
    right: -5%;
    bottom: calc(100% - 1px);
    left: -5%;
    z-index: 0;
    display: block;
    width: 110%;
    height: 48px;
    background: var(--page-browser-chrome-bottom, #ff6a00);
    opacity: 0.7;
    content: '';
    -webkit-mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 92 C105 80 145 22 255 18 C365 14 410 75 500 78 C590 75 635 14 745 18 C855 22 895 80 1000 92 L1000 120 L0 120 Z' fill='black'/%3E%3C/svg%3E")
      center bottom / 100% 100% no-repeat;
    mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 92 C105 80 145 22 255 18 C365 14 410 75 500 78 C590 75 635 14 745 18 C855 22 895 80 1000 92 L1000 120 L0 120 Z' fill='black'/%3E%3C/svg%3E")
      center bottom / 100% 100% no-repeat;
    animation: newHomeFooterTwinWave 9.2s ease-in-out infinite;
    transform-origin: center bottom;
    pointer-events: none;
  }

  .new-home-tab.is-active .new-home-ambient-wave::after {
    position: absolute;
    right: -8%;
    bottom: calc(100%);
    left: -8%;
    z-index: -1;
    display: block;
    width: 116%;
    height: 64px;
    background: var(--page-browser-chrome-bottom, #ff6a00);
    opacity: 0.35;
    content: '';
    -webkit-mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 82 C110 55 180 92 315 72 C430 54 500 90 620 70 C755 48 855 88 1000 68 L1000 100 L0 100 Z' fill='black'/%3E%3C/svg%3E")
      center bottom / 100% 100% no-repeat;
    mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 82 C110 55 180 92 315 72 C430 54 500 90 620 70 C755 48 855 88 1000 68 L1000 100 L0 100 Z' fill='black'/%3E%3C/svg%3E")
      center bottom / 100% 100% no-repeat;
    animation: newHomeFooterTwinWave 12s ease-in-out infinite reverse;
    transform-origin: center bottom;
    pointer-events: none;
  }

  .new-home-tab.is-active .new-home-ambient-wave-foreground {
    position: absolute;
    right: -7%;
    bottom: calc(29px + env(safe-area-inset-bottom, 0px) - 1px);
    left: -7%;
    z-index: calc(var(--links-z-selectors) + 5);
    display: block;
    width: 114%;
    height: 38px;
    background: var(--page-browser-chrome-bottom, #ff6a00);
    opacity: 1;
    filter: drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.15));
    content: '';
    -webkit-mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 82 C110 55 180 92 315 72 C430 54 500 90 620 70 C755 48 855 88 1000 68 L1000 100 L0 100 Z' fill='black'/%3E%3C/svg%3E")
      center bottom / 100% 100% no-repeat;
    mask:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 82 C110 55 180 92 315 72 C430 54 500 90 620 70 C755 48 855 88 1000 68 L1000 100 L0 100 Z' fill='black'/%3E%3C/svg%3E")
      center bottom / 100% 100% no-repeat;
    animation: newHomeFooterTwinEcho 7.4s ease-in-out infinite reverse;
    transform-origin: center bottom;
    pointer-events: none;
  }

  /* These states intentionally live after the portrait geometry lock above.
     Otherwise its `animation: none !important` wins in Mobile Safari and the
     rear wave appears to blink instead of following the exit gesture. */
  .new-home-tab.is-page-leaving .new-home-ambient-wave,
  .new-home-tab.is-page-drag-current .new-home-ambient-wave {
    animation: newHomeWaveSlideDown 280ms cubic-bezier(0.4, 0, 1, 1) both !important;
  }

  .new-home-tab.is-page-leaving .new-home-ambient-wave-foreground,
  .new-home-tab.is-page-drag-current .new-home-ambient-wave-foreground {
    animation: newHomeWaveSlideDown 220ms cubic-bezier(0.4, 0, 1, 1) both !important;
  }
}

@media (min-width: 577px) {
  /* On desktop the card doesn't fill the full viewport, so the body/html
     background leaks into the external area around the card. The zone-specific
     bottom chrome color (purple / orange) should not bleed outside the tab.
     The wave keeps its own background; only the outer canvas is neutralised. */
  html:root:has(.new-home-tab.is-active),
  body:has(.new-home-tab.is-active) {
    background-color: var(--page-browser-chrome-top, #08090d) !important;
  }

  .new-home-tab {
    position: relative;
    padding-bottom: 64px !important;
  }


  .new-home-heading {
    order: 1;
    width: 100%;
    margin-inline: 0;
    padding: clamp(54px, 8vh, 68px) 22px 0 !important;
  }

  .new-home-title {
    gap: 0.1em;
    font-size: clamp(3.75rem, 8.5vh, 4.8rem) !important;
    transform: translateY(-8px) !important;
  }

  .new-home-stage,
  html body #links-app .new-home-tab .new-home-stage {
    --highlight-card-width: clamp(178px, 24vh, 204px) !important;
    --new-home-base-card-height: calc(var(--highlight-card-width) * 1.42) !important;
    --highlight-cta-height: 0px;
    order: 2;
    height: calc(var(--new-home-base-card-height) + 54px) !important;
    margin: 2px 0 0 !important;
  }

  .new-home-card.is-active,
  html body #links-app .new-home-tab .new-home-card.is-active {
    --highlight-card-height: var(--new-home-base-card-height) !important;
    transform: translateX(-50%) translateY(8px) rotateZ(-1.8deg) scale(1.12) !important;
    animation: none !important;
  }

  /* Keep desktop cards the same size across every coverflow position. */
  .new-home-card.is-prev,
  .new-home-card.is-next,
  .new-home-card.is-far {
    --highlight-card-height: var(--new-home-base-card-height) !important;
    animation: none !important;
    scale: 1 !important;
  }

  .new-home-card.is-prev {
    transform: translateX(calc(-50% - 40px)) translateY(34px) translateZ(-96px) rotateY(22deg) rotateZ(-8deg) scale(1) !important;
  }

  .new-home-card.is-next {
    transform: translateX(calc(-50% + 40px)) translateY(34px) translateZ(-92px) rotateY(-22deg) rotateZ(8deg) scale(1) !important;
  }

  .new-home-card.is-far {
    transform: translateX(-50%) translateY(46px) translateZ(-180px) scale(1) !important;
  }

  .new-home-floating-badge {
    bottom: 58px !important;
    left: 54px !important;
    max-width: 188px;
    border-radius: 16px !important;
    transform: scale(0.88);
    transform-origin: left center;
  }

  .new-home-floating-badge.is-visible,
  .new-home-floating-badge.is-entering,
  .new-home-floating-badge.is-exiting {
    transform: scale(0.88);
  }

  .new-home-glass-selectors,
  html body .new-home-tab .new-home-glass-selectors {
    position: absolute !important;
    right: auto !important;
    bottom: 54px !important;
    left: 50% !important;
    z-index: var(--links-z-selectors);
    align-self: auto;
    width: min(196px, calc(100% - 56px)) !important;
    min-width: 0 !important;
    max-width: calc(100% - 56px) !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 1px 10px !important;
    border-radius: 999px !important;
    transform: translateX(-50%) !important;
  }

  .new-home-glass-selectors .new-home-zone-extensions {
    width: 100%;
    min-width: 0;
  }

  .new-home-glass-selectors .new-home-zone-extension-wrapper {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    align-items: center;
    justify-content: center;
  }

  .new-home-glass-selectors .highlight-selector-set {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    justify-content: center;
    gap: 16px !important;
  }

  .new-home-glass-selectors .highlight-selector,
  html body .new-home-tab .new-home-glass-selectors .highlight-selector {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .new-home-glass-selectors .highlight-selector svg,
  html body .new-home-tab .new-home-glass-selectors .highlight-selector svg {
    width: 16px !important;
    height: 16px !important;
  }

  .new-home-bottom-bar,
  html body .new-home-tab .new-home-bottom-bar,
  html.links-paged-page body .new-home-tab .new-home-bottom-bar,
  .new-home-tab:has(.new-home-zone-option[data-home-zone='premium'].is-active) .new-home-bottom-bar,
  body:has(.new-home-zone-option[data-home-zone='premium'].is-active) .new-home-bottom-bar,
  .new-home-tab:has(.new-home-zone-option[data-home-zone='social'].is-active) .new-home-bottom-bar,
  body:has(.new-home-zone-option[data-home-zone='social'].is-active) .new-home-bottom-bar {
    height: 44px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 0 0 34px 34px !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .new-home-bottom-bar .new-home-zone-toggle,
  html body .new-home-tab .new-home-bottom-bar .new-home-zone-toggle,
  html.links-paged-page body .new-home-bottom-bar .new-home-zone-toggle {
    width: min(100%, 300px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .new-home-tab *,
  .new-home-tab *::before,
  .new-home-tab *::after {
    scroll-behavior: auto !important;
    animation-duration: 120ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 120ms !important;
  }

  .new-home-tab.is-active .new-home-ambient-wave,
  .new-home-tab.is-active .new-home-ambient-wave::before,
  .new-home-tab.is-active .new-home-ambient-wave::after,
  .new-home-tab.is-active .new-home-ambient-wave-foreground,
  .new-home-floating-badge,
  .new-home-card.is-zone-outgoing,
  .new-home-card.is-zone-incoming {
    animation: none !important;
    transform: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* Light mode keeps the contract geometry, replacing only its dark visual
   layers and zone accents. */
:root[data-theme='light'] .new-home-bottom-bar .new-home-zone-toggle::before {
  background: rgba(255, 250, 244, 0.96);
  border: 0 !important;
}

:root[data-theme='light'] .new-home-bottom-bar .new-home-zone-toggle__thumb {
  box-sizing: border-box;
  border-color: #F2ECE3 !important;
}

:root[data-theme='light'] .new-home-glass-selectors,
:root[data-theme='light'] html body .new-home-tab .new-home-glass-selectors,
:root[data-theme='light'] body:has(.new-home-zone-option[data-home-zone='premium'].is-active) .new-home-glass-selectors {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.15) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.5) !important;
  backdrop-filter: blur(16px) saturate(1.5) !important;
}

:root[data-theme='light'] .new-home-zone-option:not(.is-active) {
  color: rgba(8, 9, 13, 0.64) !important;
}

:root[data-theme='light'] .new-home-zone-option[data-home-zone='premium'].is-active {
  color: #F2ECE3 !important;
}

:root[data-theme='light'] .new-home-zone-option[data-home-zone='social'].is-active {
  color: #F2ECE3 !important;
}

:root[data-theme='light'] .new-home-zone-toggle[data-active-zone='social'] .new-home-zone-toggle__thumb {
  border-color: #F2ECE3 !important;
  background: #ff6a00 !important;
}

:root[data-theme='light'] .new-home-card,
:root[data-theme='light'] .new-home-card.is-active {
  border: 0 !important;
  box-shadow: 0 16px 34px rgba(54, 38, 25, 0.14) !important;
}

:root[data-theme='light'] .new-home-card:is(.is-prev, .is-next, .is-far) {
  border: 0 !important;
  box-shadow: 0 10px 22px rgba(54, 38, 25, 0.08) !important;
}

@keyframes floatingBadgeArrowPulse {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(3px, -3px); }
}

.new-home-floating-badge__cta-icon {
  animation: floatingBadgeArrowPulse 1.8s ease-in-out infinite;
  will-change: transform;
}

:root[data-theme='light'] .new-home-card .highlight-card-media,
:root[data-theme='light'] .new-home-card .new-home-card__media {
  border: 0 !important;
  background: #F2ECE3;
  box-shadow: none !important;
}

:root[data-theme='light'] .new-home-floating-badge,
:root[data-theme='light'] .new-home-floating-badge[data-zone='premium'] {
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 100%) !important;
  color: #171513;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    0 12px 32px rgba(54, 38, 25, 0.08) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.5) !important;
  backdrop-filter: blur(8px) saturate(1.5) !important;
}

:root[data-theme='light'] .new-home-floating-badge .glass-badge__name,
:root[data-theme='light'] .new-home-floating-badge .glass-badge__handle,
:root[data-theme='light'] .new-home-floating-badge .glass-badge__stats strong,
:root[data-theme='light'] .new-home-floating-badge .glass-badge__stats small,
:root[data-theme='light'] .new-home-floating-badge__cta {
  color: #171513 !important;
}

:root[data-theme='light'] .new-home-floating-badge__cta {
  border-top-color: rgba(23, 21, 19, 0.16);
}

/* 1. Light Mode - Social Zone: Mude o brilho azul por roxo */
:root[data-theme='light'] body:has(.new-home-zone-option[data-home-zone='social'].is-active) .new-home-card.is-active::after {
  box-shadow: 0 0 32px rgba(128, 0, 255, 0.45) !important;
}

/* 2. Light Mode - Social Zone: Remova camadas escuras nos cards adjacentes */
:root[data-theme='light'] body:has(.new-home-zone-option[data-home-zone='social'].is-active) .new-home-card__rear-shade {
  background: transparent !important;
}

/* 3. Light Mode - Social Zone: Texto "Minhas Redes" para laranja */
:root[data-theme='light'] body:has(.new-home-zone-option[data-home-zone='social'].is-active) .new-home-eyebrow {
  color: #ff6a00 !important;
}

/* 4. Light Mode - Card principal: Efeito de sombra leve atrás */
:root[data-theme='light'] .new-home-card.is-active {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}

/* 5. Warning de conteúdo sensível (Light e Dark mode) */
/* Centralizar texto em ambos */
.new-home-sensitive-unlock__label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Light mode: glass + cores */
:root[data-theme='light'] .new-home-sensitive-dialog__panel {
  background: rgba(255, 250, 244, 0.75) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
  backdrop-filter: blur(24px) saturate(1.5) !important;
  border-color: rgba(8, 9, 13, 0.1) !important;
}
:root[data-theme='light'] .new-home-sensitive-unlock {
  background: rgba(8, 9, 13, 0.05) !important;
  border-color: rgba(8, 9, 13, 0.1) !important;
}
:root[data-theme='light'] .new-home-sensitive-unlock__lock {
  color: rgba(8, 9, 13, 0.5) !important;
}
:root[data-theme='light'] .new-home-sensitive-unlock__thumb {
  background: rgba(8, 9, 13, 0.1) !important;
  color: #08090d !important;
}

/* Dark mode: glass */
.new-home-sensitive-dialog__panel {
  background: rgba(17, 18, 22, 0.55) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.35) !important;
  backdrop-filter: blur(24px) saturate(1.35) !important;
}


/* ===== styles/home-entrance-polish.css ===== */

/* Final home-entry choreography. This is loaded after the shared Links2
   cascade so it can refine motion without interrupting media playback. */

/* The background begins playing immediately; only its editorial layers stage in. */
.intro-home-tab.is-home-entering .intro-home__video {
  animation: none !important;
  transform: none !important;
}

.intro-home__video {
  opacity: 0 !important;
  transform: none !important;
  transition: opacity .5s ease !important;
}

.intro-home__video.is-playing {
  opacity: 1 !important;
}

/* Prevent a first-paint flash of the finished composition. The class is set
   in the document head and released only after the video is truly playing. */
html.home-entry-pending .intro-home__copy,
html.home-entry-pending .intro-home__next,
html.home-entry-pending .intro-home__next-peek,
html.home-entry-pending .links-card-controls,
html.home-entry-pending .links-section-rail {
  visibility: hidden;
  opacity: 0 !important;
  pointer-events: none;
}

/* Replace the old filled oval with a single hand-drawn path. */
.intro-home__shuffle-marker {
  fill: none !important;
}

.intro-home__shuffle-marker-path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 520;
  stroke-dashoffset: 0;
}

.intro-home-tab.is-home-entering .intro-home__shuffle-marker-path {
  animation: intro-home-marker-draw 7.56s 1.56s cubic-bezier(.42, 0, .18, 1) infinite both;
}

/* Dark layer + grain: appear instantly, no fade-in */
.intro-home-tab.is-home-entering .intro-home::before,
.intro-home-tab.is-home-entering .intro-home::after {
  animation: none !important;
}

.intro-home-tab.is-home-entering .intro-home__name-line {
  animation: none !important;
}

.intro-home-tab.is-home-entering .intro-home__favorite-line {
  animation: none !important;
}

/* The identity lockup rises in words, using the same upward motion as the
   rotating orange role. */
.intro-home-tab.is-home-entering .intro-home__name-line > span,
.intro-home-tab.is-home-entering .intro-home__favorite-label > span,
.intro-home-tab.is-home-entering .intro-home__role-word {
  animation: intro-home-title-word-rise .56s cubic-bezier(.18, .84, .2, 1) backwards;
}

.intro-home__favorite-label {
  display: flex !important;
  gap: .13em;
  overflow: hidden;
}

.intro-home__favorite-label > span {
  display: block;
  width: max-content;
}

.intro-home-tab.is-home-entering .intro-home__name-line > span:nth-child(1) { animation-delay: 0s; }
.intro-home-tab.is-home-entering .intro-home__name-line > span:nth-child(2) { animation-delay: 0s; }
.intro-home-tab.is-home-entering .intro-home__favorite-label > span:nth-child(1) { animation-delay: 0.5s; }
.intro-home-tab.is-home-entering .intro-home__favorite-label > span:nth-child(2) { animation-delay: 0.5s; }
.intro-home-tab.is-home-entering .intro-home__role-word { animation-delay: 0.5s; }

@keyframes intro-home-title-word-rise {
  from { transform: translateY(1.5em); }
  to { transform: translateY(0); }
}

/* Header controls arrive only after the secondary line has introduced itself. */
.links-shell:has(.intro-home-tab.is-home-entering) .links-card-controls {
  animation: intro-home-controls-after-copy 0.5s 1.06s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

.links-shell:has(.intro-home-tab.is-home-entering) .links-section-rail {
  animation: intro-home-rail-after-copy 0.5s 1.06s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes intro-home-controls-after-copy {
  from { opacity: 1; transform: translateX(-50%) translateY(-120px); }
  to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@media (max-width: 576px) {
  .links-shell:has(.intro-home-tab.is-home-entering) .links-card-controls {
    animation-name: intro-home-controls-after-copy-mobile !important;
  }
}

@keyframes intro-home-controls-after-copy-mobile {
  from { opacity: 1; transform: translateY(-120px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes intro-home-rail-after-copy {
  from { opacity: 1; transform: translateX(-120px) translateY(-50%); }
  to { opacity: 1; transform: translateX(0) translateY(-50%); }
}

@keyframes intro-home-marker-draw {
  0% { stroke-dashoffset: 520; }
  10.3% { stroke-dashoffset: 0; }
  50% { stroke-dashoffset: 0; }
  60.3% { stroke-dashoffset: 520; }
  100% { stroke-dashoffset: 520; }
}

/* Cadê o Leo: button invisible until first piece springs in.
   Pieces spring from their bottom position with opacity fade + spring bounce.
   is-cade-ready (added via JS after all pieces settle) unlocks base drift/arrow animations. */
.intro-home-tab.is-home-entering .intro-home__next {
  animation: intro-home-next-appear 0s 2.56s both !important;
}

.intro-home-tab.is-home-entering .intro-home__next-word-pieces + .intro-home__next-word {
  display: none;
}

/* Staggered spring entrance — each piece fades in + rises from just below */
.intro-home-tab.is-home-entering .intro-home__next-piece--cade {
  animation: intro-home-piece-spring 0.72s 2.56s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.intro-home-tab.is-home-entering .intro-home__next-piece--o {
  animation: intro-home-piece-spring 0.72s 2.76s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.intro-home-tab.is-home-entering .intro-home__next-piece--leo {
  animation: intro-home-piece-spring 0.72s 2.96s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.intro-home-tab.is-home-entering .intro-home__next-piece--question {
  animation: intro-home-piece-spring 0.72s 3.16s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.intro-home-tab.is-home-entering .intro-home__next-arrow {
  animation: intro-home-arrow-spring 0.65s 3.36s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

/* After all pieces have settled, is-cade-ready unlocks infinite drift + arrow bounce */
.intro-home-tab.is-home-entering .intro-home__next.is-cade-ready .intro-home__next-piece--cade {
  animation: introCadeDrift 7.2s ease-in-out infinite !important;
}
.intro-home-tab.is-home-entering .intro-home__next.is-cade-ready .intro-home__next-piece--o {
  animation: introODrift 7.8s ease-in-out infinite !important;
}
.intro-home-tab.is-home-entering .intro-home__next.is-cade-ready .intro-home__next-piece--leo {
  animation: introLeoDrift 8.35s ease-in-out infinite !important;
}
.intro-home-tab.is-home-entering .intro-home__next.is-cade-ready .intro-home__next-piece--question {
  animation: introQuestionDrift 7.55s ease-in-out infinite !important;
}
.intro-home-tab.is-home-entering .intro-home__next.is-cade-ready .intro-home__next-arrow {
  animation: introCadeLeoArrow 1.55s ease-in-out infinite !important;
}

/* Dismissed state */
.intro-home__next.is-dismissed {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.4s ease !important;
  animation: none !important;
}
.intro-home__next.is-dismissed * {
  animation: none !important;
}

@keyframes intro-home-next-appear {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes intro-home-piece-spring {
  from { opacity: 0; transform: translateY(80px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes intro-home-arrow-spring {
  from { opacity: 0; transform: translateY(60px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Faixa bottom: enters with video (fade from start, no delay).
   Float emphasis only after Cadê o Leo has appeared. */
.intro-home-tab.is-home-entering .intro-home__next-peek {
  opacity: 0;
  animation: intro-home-peek-slide-up 1.6s 3.8s ease-out both;
}

.intro-home-tab.is-home-entering .intro-home__next-peek.is-ready {
  animation:
    intro-home-peek-slide-up 1.6s 3.8s ease-out both,
    introNextPeekFloat 2.4s 5.4s ease-in-out infinite;
}

@keyframes intro-home-peek-slide-up {
  0% { opacity: 1; transform: translate(-50%, 150px); }
  100% { opacity: 1; transform: translate(-50%, calc(100% - var(--intro-peek-reveal) + 4px)); }
}
/* Long-press navigation must never select incidental interface copy. */
.links-section-rail,
.links-section-rail *,
.intro-home__title,
.intro-home__title * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

@media (prefers-reduced-motion: reduce) {
  .intro-home-tab.is-home-entering .intro-home__shuffle-marker-path,
  .intro-home-tab.is-home-entering .intro-home__next-word,
  .intro-home-tab.is-home-entering .intro-home__next-word-pieces,
  .intro-home-tab.is-home-entering .intro-home__next-arrow {
    animation: none !important;
  }
}