/*
Theme Name: Red Thread
Theme URI: https://redthread.agency
Author: Red Thread
Author URI: https://redthread.agency
Description: One-page custom theme for Red Thread, an affiliate partnerships agency bridging Chinese brands into Western markets.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: redthread
*/

* { box-sizing: border-box; }
body { margin: 0; background: #ffffff; color: #241c18; font-family: 'Manrope', sans-serif; overflow-x: hidden; }
.rt-serif { font-family: 'Newsreader', serif; }
a { text-decoration: none; color: inherit; }

.rt-navlink { position: relative; }
.rt-navlink::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px;
  background: #c22430; transform: scaleX(0); transition: transform .25s ease;
}
.rt-navlink:hover::after { transform: scaleX(1); }

.rt-cta { transition: filter .25s ease, transform .2s ease; }
.rt-cta:hover { filter: brightness(0.9); transform: translateY(-1px); }

.rt-solcard { transition: transform .3s ease, box-shadow .3s ease; }
.rt-solcard:hover { transform: translateY(-6px); box-shadow: 0 24px 48px -20px rgba(0,0,0,.18); }

@keyframes rtHeroFade {
  0%, 45%  { opacity: 1; }
  50%, 95% { opacity: 0; }
  100%     { opacity: 1; }
}
@keyframes rtHeroFade2 {
  0%, 45%  { opacity: 0; }
  50%, 95% { opacity: 1; }
  100%     { opacity: 0; }
}
.rt-hero-slide-1 { animation: rtHeroFade 10s ease infinite; }
.rt-hero-slide-2 { animation: rtHeroFade2 10s ease infinite; }

/* ============ RESPONSIVE ============ */

.rt-nav { padding: 18px 56px; }
.rt-nav-links { display: flex; align-items: center; gap: 36px; font-size: 14px; font-weight: 500; }

.rt-hero-inner { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 40px; padding: 0 56px; }
.rt-hero-title { font-size: 52px !important; }
.rt-hero-body { font-size: 16px !important; }

.rt-solutions-section { padding: 70px 56px 40px; }
.rt-solutions-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }

.rt-partner-band { padding: 56px; }

.rt-why-section { padding: 20px 56px 100px; }
.rt-why-grid { display: grid; grid-template-columns: 1fr 0.8fr; gap: 64px; align-items: center; }

.rt-services-section { padding: 20px 56px 100px; }
.rt-services-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }

.rt-team-section { padding: 20px 56px 100px; }
.rt-team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }

.rt-cta-section { padding: 100px 56px; }

.rt-footer { padding: 56px; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; }

@media (max-width: 900px) {
  .rt-nav { padding: 14px 20px; }
  .rt-nav-links { display: none; }

  .rt-hero-inner { grid-template-columns: 1fr; padding: 40px 24px 32px; }
  .rt-hero-title { font-size: 34px !important; }
  .rt-hero-body { font-size: 15px !important; }

  .rt-solutions-section { padding: 40px 20px 24px; }
  .rt-solutions-grid { grid-template-columns: 1fr; gap: 20px; }

  .rt-partner-band { padding: 32px 20px; margin: 48px 0 !important; }

  .rt-why-section { padding: 16px 20px 56px; }
  .rt-why-grid { grid-template-columns: 1fr; gap: 32px; }
  .rt-why-graphic { display: none; }

  .rt-services-section { padding: 16px 20px 56px; }
  .rt-services-grid { grid-template-columns: 1fr; }

  .rt-team-section { padding: 16px 20px 56px; }
  .rt-team-grid { grid-template-columns: 1fr; }

  .rt-cta-section { padding: 56px 20px; }
  .rt-cta-section h2 { font-size: 28px !important; }

  .rt-footer { padding: 40px 20px; grid-template-columns: 1fr 1fr; gap: 28px; }
}