.site-intro{animation-duration:1.2s}
.intro-curtain-left,.intro-curtain-right{animation-duration:1.12s}
.intro-stage{animation-duration:1.05s}
.intro-orbit{animation-duration:.64s}
.anniversary-poster img,.tango-feature-logo img{height:auto}
.video-dots{gap:0}
.video-dots button{align-items:center;background:transparent;display:flex;height:28px;justify-content:center;opacity:1;position:relative;width:28px}
.video-dots button:after{background:var(--muted);border-radius:50%;content:"";height:8px;opacity:.5;width:8px}
.video-dots button.active{background:transparent}
.video-dots button.active:after{background:var(--orange);opacity:1}

.guide-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:700;gap:10px;margin:18px 0 6px;text-transform:uppercase}
.guide-meta span{align-items:center;display:inline-flex}
.guide-meta span+span:before{color:var(--orange);content:"•";margin-right:10px}
.guide-summary{background:linear-gradient(135deg,rgba(255,51,71,.12),rgba(255,138,0,.07));border:1px solid rgba(255,138,0,.32);border-radius:14px;margin-bottom:38px;padding:25px}
.guide-summary h2{font-family:Manrope,sans-serif;font-size:1rem;font-weight:800;margin:0 0 10px;text-transform:none}
.guide-summary h2:after{display:none}
.guide-summary p{margin:0}
.guide-summary p+p{margin-top:12px}
.guide-summary b{color:var(--cream);display:block;margin-bottom:2px}
.mistake-list{display:grid;gap:12px;list-style:none;margin:22px 0;padding:0!important}
.mistake-list li{background:rgba(255,240,230,.035);border:1px solid var(--line);border-radius:10px;margin:0;padding:15px 16px 15px 46px;position:relative}
.mistake-list li:before{align-items:center;background:var(--red);border-radius:50%;color:#fff;content:"!";display:flex;font-size:.74rem;font-weight:900;height:24px;justify-content:center;left:13px;position:absolute;top:16px;width:24px}
.inline-link{color:var(--orange);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article-cta{background:linear-gradient(135deg,var(--red),var(--fuchsia));border-radius:18px;color:#fff;margin-top:52px;padding:30px}
.article-cta h2{margin:0 0 10px}
.article-cta h2:after{background:var(--orange)}
.article-cta p{color:#fff;margin-bottom:20px}
.article-cta .btn-wa{background:var(--night)}

.discipline-hub{background:radial-gradient(circle at 75% 8%,rgba(229,0,125,.16),transparent 31%),var(--night)}
.hub-hero{align-items:end;display:grid;gap:50px;grid-template-columns:1.2fr .8fr;max-width:none}
.hub-hero h1{font-size:clamp(3.2rem,7vw,6.3rem)}
.hub-hero-side{padding-bottom:13px}
.hub-hero p{color:var(--muted);font-size:1.06rem}
.hub-intro{background:linear-gradient(135deg,rgba(255,51,71,.12),rgba(255,138,0,.07));border:1px solid var(--line);border-radius:16px;margin:52px 0 30px;padding:26px}
.hub-intro h2{font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:800;margin-bottom:9px;text-transform:none}
.hub-intro p{color:var(--muted)}
.hub-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-card{background:var(--card);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;transition:.4s}
.hub-card:hover{border-color:var(--fuchsia);box-shadow:var(--shadow);transform:translateY(-7px)}
.hub-card-media{aspect-ratio:16/11;overflow:hidden;position:relative}
.hub-card-media:after{background:linear-gradient(180deg,transparent 48%,rgba(20,7,13,.88));content:"";inset:0;position:absolute}
.hub-card-media picture,.hub-card-media img{height:100%;width:100%}
.hub-card-media img{object-fit:cover;transition:.65s}
.hub-card-media>span{bottom:13px;color:#fff;font-size:.65rem;font-weight:800;left:16px;letter-spacing:.1em;position:absolute;text-transform:uppercase;z-index:2}
.hub-card:hover img{transform:scale(1.04)}
.hub-card-copy{display:flex;flex:1;flex-direction:column;padding:23px}
.hub-card-copy small{color:var(--orange);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hub-card-copy h2{font-size:1.65rem;margin:8px 0 10px}
.hub-card-copy p{color:var(--muted);font-size:.88rem;margin-bottom:18px}
.hub-card-copy>a{color:var(--cream);font-size:.75rem;font-weight:800;letter-spacing:.08em;margin-top:auto;text-transform:uppercase}
.hub-card-copy>a span{color:var(--orange)}
.hub-decision{background:var(--night2);border:1px solid var(--line);border-radius:18px;margin-top:44px;padding:32px}
.hub-decision h2{font-size:2rem;margin-bottom:12px}
.hub-decision p{color:var(--muted);max-width:72ch}
.hub-decision .btn-wa{margin-top:22px}

@media(max-width:920px){
  .hub-hero{grid-template-columns:1fr}
  .social-highlights,.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-story:last-child{grid-column:span 2}
  .social-story:last-child .social-story-media{aspect-ratio:16/8}
  .social-follow-copy{align-items:start;flex-direction:column;gap:8px}
}

@media(max-width:560px){
  .social-highlights,.hub-grid{grid-template-columns:1fr}
  .social-story:last-child{grid-column:span 1}
  .social-story:last-child .social-story-media{aspect-ratio:4/5}
  .social-follow{padding:20px}
  .guide-meta{font-size:.68rem}
  .article-cta{padding:24px}
  .video-track{padding-left:20px;padding-right:20px;scroll-padding-inline:20px}
  .video-card{aspect-ratio:16/9;flex-basis:calc(100vw - 40px);max-width:520px;transform:none}
  .video-card.active{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .social-story,.social-story-media img,.hub-card,.hub-card img{transition:none}
}

.video-category{border-top:1px solid var(--line);margin-top:48px;padding-top:36px}
.video-category-head{align-items:end;display:flex;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 28px}
.video-category-head h3{font-size:clamp(1.7rem,3vw,2.5rem)}
.video-category-head p{color:var(--muted);font-size:.82rem}
.video-duration{background:rgba(20,7,13,.78);border-radius:20px;color:#fff;font-size:.68rem;padding:5px 9px;position:absolute;right:14px;top:14px;z-index:3}
.video-card:before{background:var(--video-poster) center/cover no-repeat;content:"";inset:-14px;opacity:0;position:absolute;transform:scale(1.08);transition:opacity .25s;z-index:0}
.video-card video{position:relative;z-index:1}
@media(max-width:640px){
  .video-category{margin-top:38px;padding-top:28px}.video-category-head{align-items:start;flex-direction:column;gap:5px;padding:0 20px}
  .video-track{align-items:center;gap:14px;padding-bottom:24px;padding-left:20px;padding-right:20px;scroll-padding-inline:20px}
  .video-card{aspect-ratio:var(--video-aspect,4 / 5);flex-basis:calc(100vw - 40px);max-height:72vh;max-width:520px;opacity:.72;transform:scale(.98)}.video-card.active{transform:scale(1)}
  .video-card:before{filter:blur(18px);opacity:.64}.video-card video{object-fit:contain}
  .video-card:after{z-index:1}.video-caption{bottom:16px;left:15px;max-width:185px}.video-toggle{bottom:14px;right:13px}
}