/* ============================================================
   Faria Forward Bangkok — page-scoped styles
   Prefix: fariaForwardBangkok-
   Imported from assets/css/style.css
============================================================ */

/* Tokens available even when Breakdance code block has no .fariaForwardBangkok-page wrapper */
:root,
.fariaForwardBangkok-page,
#event-landing-page {
  --ffb-primary:#37023c !important;
  --ffb-pink:#e837ac !important;
  --ffb-yellow:#f7d35f !important;
  --ffb-paper:#f0ebeb !important;
  --ffb-subtle:#404040 !important;
  --ffb-text-soft:#704b73 !important;
  --ffb-white:#f9f5f9 !important;
  --ffb-radius:24px !important;
  --ffb-container:1442px !important;
  --ffb-pad:24px !important;
}

.fariaForwardBangkok-page {
  font-family:"Nunito Sans", sans-serif !important;
  color:var(--ffb-primary, #37023c) !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow-x:clip !important;
  box-sizing:border-box !important;
}

.fariaForwardBangkok-page img,
[class*="fariaForwardBangkok-"] img {
  max-width:100% !important;
  height:100% !important;
  display:block !important;
}

.fariaForwardBangkok-container {
  width:100% !important;
  max-width:var(--ffb-container, 1442px) !important;
  margin:0 auto !important;
  padding:0 var(--ffb-pad, 24px) !important;
  box-sizing:border-box !important;
}

/* ---------- Hero ---------- */
.fariaForwardBangkok-hero {
  padding:16px !important;
}

.fariaForwardBangkok-hero-panel {
  position:relative !important;
  overflow:hidden !important;
  border-radius:var(--ffb-radius, 24px) !important;
  background:#f78b43 !important;
}

.fariaForwardBangkok-hero-panel::before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:url("https://faria.s3.us-east-1.amazonaws.com/Marketing/public-site/feg/2025-07/Rotate-0.webp") center / cover no-repeat !important;
  pointer-events:none !important;
}

.fariaForwardBangkok-hero-deco {
  position:absolute !important;
  right:-20px !important;
  bottom:-40px !important;
  width:min(314px, 42vw) !important;
  height:auto !important;
  pointer-events:none !important;
  z-index:1 !important;
  transform:rotate(180deg) !important;
  opacity:0.85 !important;
}

.fariaForwardBangkok-hero-inner {
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 600px) !important;
  gap:48px !important;
  align-items:center !important;
  width:100% !important;
  max-width:var(--ffb-container, 1442px) !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:140px var(--ffb-pad, 24px) 96px !important;
  box-sizing:border-box !important;
}

.fariaForwardBangkok-hero-breadcrumb {
  margin:0 0 48px !important;
  font-size:12px !important;
  line-height:1 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-hero-kicker {
  margin:0 0 16px !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-hero-title {
  margin:0 0 16px !important;
  font-size:clamp(32px, 4vw, 46px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:var(--ffb-primary, #37023c) !important;
  max-width:658px !important;
}

.fariaForwardBangkok-hero-lead {
  margin:0 0 16px !important;
  font-size:22px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  color:var(--ffb-primary, #37023c) !important;
  max-width:658px !important;
}

.fariaForwardBangkok-hero-meta {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 0 48px !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-hero-meta-divider {
  width:1px !important;
  align-self:stretch !important;
  min-height:1.15em !important;
  background:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-hero-location {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

.fariaForwardBangkok-hero-flag {
  width:32px !important;
  height:32px !important;
  border-radius:999px !important;
  border:2px solid #fff !important;
  overflow:hidden !important;
  flex-shrink:0 !important;
  background:#fff !important;
}

.fariaForwardBangkok-hero-flag img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.fariaForwardBangkok-hero-host {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:16px !important;
  margin-bottom:24px !important;
  font-size:24px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-hero-host-logo {
  display:inline-flex !important;
  align-items:center !important;
  background:var(--ffb-primary, #37023c) !important;
  border-radius:10px !important;
  padding:8px 12px !important;
}

.fariaForwardBangkok-hero-host-logo img {
  height:36px !important;
  width:auto !important;
  max-width:160px !important;
  object-fit:contain !important;
}

.fariaForwardBangkok-hero-note {
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin-bottom:24px !important;
  font-size:20px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-hero-dot {
  position:relative !important;
  width:12px !important;
  height:12px !important;
  flex-shrink:0 !important;
  margin-top:6px !important;
}

.fariaForwardBangkok-hero-dot::before,
.fariaForwardBangkok-hero-dot::after {
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  border-radius:50% !important;
  background:#e837ac !important;
  transform:translate(-50%, -50%) !important;
}

.fariaForwardBangkok-hero-dot::after {
  width:8px !important;
  height:8px !important;
}

.fariaForwardBangkok-hero-dot::before {
  width:12px !important;
  height:12px !important;
  animation:ffb-pulse 1.6s ease-out infinite !important;
}

@keyframes ffb-pulse {
  0% {
    opacity:0.65 !important;
    transform:translate(-50%, -50%) scale(1) !important;
  }
  100% {
    opacity:0 !important;
    transform:translate(-50%, -50%) scale(2.4) !important;
  }
}

.fariaForwardBangkok-hero-ctas {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  align-items:center !important;
}

.fariaForwardBangkok-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border-radius:999px !important;
  padding:16px 16px 16px 24px !important;
  font-size:20px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  text-decoration: none !important;
  border:none !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
  transition:opacity 0.2s ease, transform 0.2s ease !important;
}

.fariaForwardBangkok-btn:hover {
  opacity:0.92 !important;
  transform:translateY(-1px) !important;
}

.fariaForwardBangkok-btn--primary {
  background:var(--ffb-primary, #37023c) !important;
  color: var(--ffb-white, #f9f5f9) !important;
}

.fariaForwardBangkok-btn--secondary {
  background:var(--ffb-yellow, #f7d35f) !important;
  color: var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-btn-arrow {
  display:inline-flex !important;
  width:24px !important;
  height:24px !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
  line-height:0 !important;
  color:inherit !important;
}

.fariaForwardBangkok-btn-arrow svg {
  display:block !important;
  width:100% !important;
  height:100% !important;
}

.fariaForwardBangkok-btn-arrow--external {
  width:20px !important;
  height:20px !important;
}

.fariaForwardBangkok-hero-media {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:32px !important;
  width:100% !important;
  max-width:600px !important;
  min-width:0 !important;
  margin-left:auto !important;
  box-sizing:border-box !important;
}

.fariaForwardBangkok-hero-image {
  width:100% !important;
  height:300px !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

.fariaForwardBangkok-hero-image img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 35% !important;
}

.fariaForwardBangkok-hero-clock {
  width:100% !important;
  max-width:490px !important;
}

.fariaForwardBangkok-hero-clock .flip-clock-light {
  max-width:490px !important;
  margin:0 auto !important;
}

@media (max-width: 1024px) {
  .fariaForwardBangkok-hero-inner {
    grid-template-columns:1fr !important;
    padding:80px var(--ffb-pad, 24px) 64px !important;
    gap:40px !important;
  }

  .fariaForwardBangkok-hero-media {
    margin:0 auto !important;
  }

  .fariaForwardBangkok-hero-image {
    height:240px !important;
  }
}

@media (max-width: 768px) {
  .fariaForwardBangkok-hero {
    padding:0 !important;
  }

  .fariaForwardBangkok-hero-panel {
    border-radius:0 !important;
  }

  .fariaForwardBangkok-hero-breadcrumb {
    margin-bottom:24px !important;
  }

  .fariaForwardBangkok-hero-kicker,
  .fariaForwardBangkok-hero-meta,
  .fariaForwardBangkok-hero-host {
    font-size:18px !important;
  }

  .fariaForwardBangkok-hero-lead,
  .fariaForwardBangkok-hero-note {
    font-size:18px !important;
  }

  .fariaForwardBangkok-btn {
    width:100% !important;
    font-size:18px !important;
  }
}

/* ---------- About ---------- */
.fariaForwardBangkok-about {
  background:#fff !important;
  padding:96px 0 0 !important;
  overflow:visible !important;
}

.fariaForwardBangkok-about-top {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin-bottom:48px !important;
}

.fariaForwardBangkok-about-top > div:first-child {
  flex:1 1 0 !important;
  min-width:0 !important;
}

.fariaForwardBangkok-about-copy {
  flex:0 1 652px !important;
  width:652px !important;
  max-width:100% !important;
  min-width:0 !important;
}

.fariaForwardBangkok-about-label {
  margin:0 0 16px !important;
  font-size:18px !important;
  font-weight:500 !important;
  letter-spacing:0.8px !important;
  line-height:1.2 !important;
  color:var(--ffb-pink, #e837ac) !important;
}

.fariaForwardBangkok-about-title {
  margin:0 !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color: var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-about-copy p {
  margin:0 0 18px !important;
  font-size:20px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color: var(--ffb-subtle, #404040) !important;
  max-width:none !important;
  text-wrap:wrap !important;
}

.fariaForwardBangkok-about-copy p:last-child {
  margin-bottom:0 !important;
}

.fariaForwardBangkok-about-copy a {
  color: var(--ffb-pink, #e837ac) !important;
  font-weight:700 !important;
  text-decoration: underline !important;
}

.fariaForwardBangkok-about-cards {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(0, 652px) !important;
  gap:24px !important;
  margin-bottom:24px !important;
}

.fariaForwardBangkok-about-card {
  background:rgba(240, 235, 235, 0.36) !important;
  border:1px solid var(--ffb-paper, #f0ebeb) !important;
  border-radius:16px !important;
  padding:24px 32px !important;
  box-sizing:border-box !important;
}

.fariaForwardBangkok-about-card-icon {
  width:52px !important;
  height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border:1px solid var(--ffb-paper, #f0ebeb) !important;
  border-radius:8px !important;
  margin-bottom:12px !important;
  box-sizing:border-box !important;
  padding:8px 10px !important;
}

.fariaForwardBangkok-about-card-icon img {
  width:32px !important;
  height:32px !important;
  object-fit:contain !important;
}

.fariaForwardBangkok-about-card p {
  margin:0 !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-about-band {
  position:relative !important;
  width:100% !important;
  padding-top:46px !important; /* room for photo overhang above the paper */
  box-sizing:border-box !important;
  overflow:visible !important;
}

/* Full-bleed paper background with rounded top corners */
.fariaForwardBangkok-about-band::before {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:310px !important;
  background:var(--ffb-paper, #f0ebeb) !important;
  border-radius:32px 32px 0 0 !important;
  z-index:0 !important;
  pointer-events:none !important;
}

.fariaForwardBangkok-about-band-inner {
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:var(--container-max, 1442px) !important;
  margin:0 auto !important;
  padding:0 var(--ffb-pad, 24px) !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(280px, 611px) minmax(0, 1fr) !important;
  align-items:end !important;
  overflow:visible !important;
}

.fariaForwardBangkok-about-photo {
  position:relative !important;
  height:400px !important;
  overflow:visible !important;
  z-index:1 !important;
}

.fariaForwardBangkok-about-photo img {
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:95% !important;
  /* height: 446px; */
  max-width:none !important;
  object-fit:cover !important;
  object-position:center 12% !important;
  z-index:1 !important;
}

.fariaForwardBangkok-about-quote {
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
  min-height:310px !important;
  display:flex !important;
  align-items:center !important;
  /* padding: 40px 52px; */
  box-sizing:border-box !important;
  color:var(--ffb-text-soft, #704b73) !important;
  font-size:clamp(20px, 2vw, 28px) !important;
  font-weight:600 !important;
  line-height:1.29 !important;
}

.fariaForwardBangkok-about-quote strong {
  color:var(--ffb-primary, #37023c) !important;
  font-weight:700 !important;
}

@media (max-width: 1100px) {
  .fariaForwardBangkok-about-top {
    flex-direction:column !important;
  }

  .fariaForwardBangkok-about-copy {
    flex:1 1 auto !important;
    width:100% !important;
  }

  .fariaForwardBangkok-about-cards {
    grid-template-columns:1fr !important;
  }

  .fariaForwardBangkok-about-band {
    margin-top:64px !important;
    padding-top:0 !important;
  }

  .fariaForwardBangkok-about-band::before {
    height:auto !important;
    inset:0 !important;
    border-radius:32px 32px 0 0 !important;
  }

  .fariaForwardBangkok-about-band-inner {
    grid-template-columns:1fr !important;
    padding:0 var(--ffb-pad, 24px) !important;
  }

  .fariaForwardBangkok-about-photo {
    height:320px !important;
    overflow:hidden !important;
  }

  .fariaForwardBangkok-about-photo img {
    height:100% !important;
    position:absolute !important;
    object-position:center 18% !important;
  }

  .fariaForwardBangkok-about-quote {
    min-height:0 !important;
    padding:40px 24px !important;
  }
}

@media (max-width: 768px) {
  .fariaForwardBangkok-about {
    padding-top:64px !important;
  }

  .fariaForwardBangkok-about-card {
    padding:20px !important;
  }
}

/* About section — pure fade-in (no slide), slower */
.fariaForwardBangkok-about [data-aos="fade-in"] {
  opacity:0 !important;
  transform:none !important;
  transition:opacity 1.4s ease !important;
}

.fariaForwardBangkok-about [data-aos="fade-in"].aos-animate {
  opacity:1 !important;
  transform:none !important;
}

/* ---------- What You'll Experience ---------- */
.fariaForwardBangkok-experience {
  padding:96px 0 !important;
  background:#fff !important;
}

.fariaForwardBangkok-experience-panel {
  background:var(--ffb-paper, #f0ebeb) !important;
  border-radius:16px !important;
  padding:42px !important;
  box-sizing:border-box !important;
  margin-bottom:24px !important;
}

.fariaForwardBangkok-experience-intro {
  margin-bottom:24px !important;
  width:100% !important;
  max-width:none !important;
}

.fariaForwardBangkok-experience-title {
  margin:0 0 12px !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color: var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-experience-copy {
  width:100% !important;
  max-width:none !important;
}

.fariaForwardBangkok-experience-copy p {
  margin:0 0 18px !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color: var(--ffb-primary, #37023c) !important;
  width:100% !important;
  max-width:none !important;
  text-wrap:wrap !important;
}

.fariaForwardBangkok-experience-copy p:last-child {
  margin-bottom:0 !important;
}

.fariaForwardBangkok-experience-grid {
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:16px !important;
}

.fariaForwardBangkok-experience-card {
  background:#fff !important;
  border-radius:16px !important;
  padding:24px 32px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}

.fariaForwardBangkok-experience-card-icon {
  width:44px !important;
  height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border:1px solid var(--ffb-paper, #f0ebeb) !important;
  border-radius:8px !important;
  box-sizing:border-box !important;
  padding:8px 10px !important;
  flex-shrink:0 !important;
}

.fariaForwardBangkok-experience-card-icon img {
  width:24px !important;
  height:24px !important;
  display:block !important;
  object-fit:contain !important;
}

.fariaForwardBangkok-experience-card p {
  margin:0 !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-experience-card strong {
  font-weight:700 !important;
}

.fariaForwardBangkok-who {
  background:var(--ffb-primary, #37023c) !important;
  border-radius:16px !important;
  padding:24px 32px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:32px !important;
}

.fariaForwardBangkok-who-title {
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #fff !important;
  flex: 0 0 auto !important;
  max-width: 280px !important;
  padding-top: 6px !important;
}

.fariaForwardBangkok-who-pills {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  max-width: 774px !important ;
  justify-content:flex-start !important;
}

.fariaForwardBangkok-who-pill {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  background:#552859 !important;
  border-radius:32px !important;
  padding:8px 12px !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  white-space:nowrap !important;
}

.fariaForwardBangkok-who-pill img {
  width:24px !important;
  height:24px !important;
  flex-shrink:0 !important;
  object-fit:contain !important;
}

@media (max-width: 1024px) {
  .fariaForwardBangkok-experience-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .fariaForwardBangkok-who {
    flex-direction:column !important;
    gap:20px !important;
  }

  .fariaForwardBangkok-who-title {
    max-width:none !important;
  }

  .fariaForwardBangkok-who-pills {
    max-width:none !important;
  }
}

@media (max-width: 768px) {
  .fariaForwardBangkok-experience {
    padding:64px 0 !important;
  }

  .fariaForwardBangkok-experience-panel {
    padding:24px !important;
  }

  .fariaForwardBangkok-experience-grid {
    grid-template-columns:1fr !important;
  }

  .fariaForwardBangkok-experience-card {
    padding:20px !important;
  }

  .fariaForwardBangkok-who {
    padding:20px !important;
  }

  .fariaForwardBangkok-who-pill {
    white-space:normal !important;
    font-size:16px !important;
  }
}

.fariaForwardBangkok-btn--md {
  padding:8px 12px 8px 16px !important;
  font-size:16px !important;
  line-height:1.5 !important;
}

.fariaForwardBangkok-btn--md .fariaForwardBangkok-btn-arrow {
  width:20px !important;
  height:20px !important;
  font-size:16px !important;
}

/* ---------- Conference Tracks ---------- */
.fariaForwardBangkok-tracks {
  padding:16px !important;
}

.fariaForwardBangkok-tracks-panel {
  position:relative !important;
  overflow:hidden !important;
  background:var(--ffb-primary, #37023c) !important;
  border-radius:24px !important;
}

.fariaForwardBangkok-tracks-deco {
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  width:min(316px, 40vw) !important;
  height:auto !important;
  pointer-events:none !important;
  transform:rotate(180deg) !important;
  opacity:0.85 !important;
}

.fariaForwardBangkok-tracks-inner {
  position:relative !important;
  z-index:1 !important;
  padding-top:96px !important;
  padding-bottom:96px !important;
}

.fariaForwardBangkok-tracks-header {
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:48px !important;
  margin-bottom:48px !important;
}

.fariaForwardBangkok-tracks-header > div:first-child {
  flex:1 1 0 !important;
  min-width:0 !important;
}

.fariaForwardBangkok-tracks-label {
  margin:0 0 16px !important;
  font-size:18px !important;
  font-weight:500 !important;
  letter-spacing:0.8px !important;
  line-height:1.2 !important;
  color:#f78b43 !important;
}

.fariaForwardBangkok-tracks-title {
  margin: 0 !important;
  font-size: clamp(28px, 3vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: #f0ebeb !important;
}

.fariaForwardBangkok-tracks-lead {
  margin: 0 !important;
  flex:0 1 652px !important;
  width:652px !important;
  max-width:100% !important;
  min-width:0 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #f0ebeb !important;
  text-wrap:wrap !important;
}

.fariaForwardBangkok-tracks-grid {
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:16px !important;
  margin-bottom:48px !important;
}

.fariaForwardBangkok-track-card {
  border-radius:16px !important;
  padding:24px 32px !important;
  box-sizing:border-box !important;
  border:1px solid transparent !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  min-height:225px !important;
  min-width:0 !important;
}

@media (min-width: 1025px) {
  .fariaForwardBangkok-tracks-grid {
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
  }

  .fariaForwardBangkok-tracks-grid .fariaForwardBangkok-track-card:nth-child(-n + 3) {
    grid-column:span 2 !important;
  }

  .fariaForwardBangkok-tracks-grid .fariaForwardBangkok-track-card:nth-child(n + 4) {
    grid-column:span 3 !important;
  }
}

.fariaForwardBangkok-track-num {
  width:44px !important;
  height:44px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  flex-shrink:0 !important;
}

.fariaForwardBangkok-track-card h3 {
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-track-card p {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-track-card--pink {
  background:#ffedf7 !important;
  border-color:#f6afde !important;
}
.fariaForwardBangkok-track-card--pink .fariaForwardBangkok-track-num {
  background: #e837ac !important;
  color: #fff !important;
}

.fariaForwardBangkok-track-card--yellow {
  background:#fefbf1 !important;
  border-color:#fae59f !important;
}
.fariaForwardBangkok-track-card--yellow .fariaForwardBangkok-track-num {
  background: #f7d35f !important;
  color: var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-track-card--orange {
  background:#fff4ed !important;
  border-color:#fbc5a1 !important;
}
.fariaForwardBangkok-track-card--orange .fariaForwardBangkok-track-num {
  background: #f78b43 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-track-card--lavender {
  background:#f8f4ff !important;
  border-color:#d5c0f6 !important;
}
.fariaForwardBangkok-track-card--lavender .fariaForwardBangkok-track-num {
  background:#d5c0f6 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-track-card--rose {
  background:#fff1f1 !important;
  border-color:#fac9c8 !important;
}
.fariaForwardBangkok-track-card--rose .fariaForwardBangkok-track-num {
  background:#fac9c8 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-price-bar {
  background:#552859 !important;
  border-radius:16px !important;
  padding:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  flex-wrap:wrap !important;
}

.fariaForwardBangkok-price-save {
  margin:0 0 8px !important;
  font-size:28px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#fff !important;
}

.fariaForwardBangkok-price-note {
  margin:0 !important;
  font-size:20px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:#f0ebeb !important;
}

.fariaForwardBangkok-price-cta {
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}

.fariaForwardBangkok-price-amounts {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.fariaForwardBangkok-price-old {
  position:relative !important;
  font-size:28px !important;
  font-weight:700 !important;
  color:#c0aec1 !important;
  line-height:1.15 !important;
}

.fariaForwardBangkok-price-old::after {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:50% !important;
  height:2px !important;
  background:#c0aec1 !important;
}

.fariaForwardBangkok-price-new {
  font-size:28px !important;
  font-weight:700 !important;
  color:#fff !important;
  line-height:1.15 !important;
}

@media (max-width: 1024px) {
  .fariaForwardBangkok-tracks-header {
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:20px !important;
  }

  .fariaForwardBangkok-tracks-lead {
    flex:1 1 auto !important;
    width:100% !important;
  }

  .fariaForwardBangkok-tracks-grid {
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 768px) {
  .fariaForwardBangkok-tracks {
    padding:0 !important;
  }

  .fariaForwardBangkok-tracks-panel {
    border-radius:0 !important;
  }

  .fariaForwardBangkok-tracks-inner {
    padding-top:64px !important;
    padding-bottom:64px !important;
  }

  .fariaForwardBangkok-track-card {
    padding:20px !important;
    min-height:0 !important;
  }

  .fariaForwardBangkok-price-bar {
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}

/* ---------- Speaker CTA ---------- */
.fariaForwardBangkok-speaker {
  padding:96px 0 !important;
}

.fariaForwardBangkok-speaker-panel {
  background:var(--ffb-primary, #37023c) !important;
  border-radius:24px !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(280px, 649px) !important;
  align-items:stretch !important;
}

.fariaForwardBangkok-speaker-copy {
  padding:42px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:48px !important;
  align-items:flex-start !important;
}

.fariaForwardBangkok-speaker-copy h2 {
  margin:0 0 16px !important;
  font-size:clamp(28px, 3vw, 36px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#fff !important;
  max-width:603px !important;
}

.fariaForwardBangkok-speaker-copy > p {
  margin:0 !important;
  font-size:20px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:#f0ebeb !important;
  max-width:627px !important;
}

.fariaForwardBangkok-speaker-copy .fariaForwardBangkok-btn {
  margin-top:auto !important;
}

.fariaForwardBangkok-speaker-media {
  position:relative !important;
  min-height:301px !important;
  overflow:hidden !important;
}

.fariaForwardBangkok-speaker-track {
  position:absolute !important;
  left:-10% !important;
  bottom:20% !important;
  width:110% !important;
  height:auto !important;
  z-index:1 !important;
  pointer-events:none !important;
  transform:rotate(180deg) !important;
  opacity:0.9 !important;
}

.fariaForwardBangkok-speaker-photo {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height: 100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  z-index:2 !important;
}

@media (max-width: 1024px) {
  .fariaForwardBangkok-speaker-panel {
    grid-template-columns:1fr !important;
  }

  .fariaForwardBangkok-speaker-media {
    min-height:280px !important;
    order:-1 !important;
  }
}

@media (max-width: 768px) {
  .fariaForwardBangkok-speaker {
    padding:64px 0 !important;
  }

  .fariaForwardBangkok-speaker-copy {
    padding:28px 24px 36px !important;
    gap:24px !important;
  }
}

/* ---------- Join + Partners ---------- */
.fariaForwardBangkok-join {
  position:relative !important;
  padding-bottom:96px !important;
}

.fariaForwardBangkok-join-hero {
  position:relative !important;
  width:100% !important;
  margin:0 0 -67px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(280px, 45vw) !important;
  background:var(--ffb-primary, #37023c) !important;
  min-height:621px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.fariaForwardBangkok-join-copy {
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:720px !important;
  margin-left:max(
    var(--ffb-pad, 24px),
    calc((100vw - var(--container-max, 1442px)) / 2 + var(--ffb-pad, 24px))
  ) !important;
  padding:96px var(--ffb-pad, 24px) 96px 0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:32px !important;
  box-sizing:border-box !important;
}

.fariaForwardBangkok-join-copy h2 {
  margin:0 !important;
  font-size:clamp(28px, 3vw, 36px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#fff !important;
}

.fariaForwardBangkok-join-text p {
  margin:0 0 18px !important;
  font-size:20px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:#f0ebeb !important;
}

.fariaForwardBangkok-join-text p:last-child {
  margin-bottom:0 !important;
}

.fariaForwardBangkok-join-meta {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:16px !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#f0ebeb !important;
}

.fariaForwardBangkok-join-meta-divider {
  width:1px !important;
  align-self:stretch !important;
  min-height:1.15em !important;
  background:#f0ebeb !important;
}

.fariaForwardBangkok-join-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:24px !important;
}

.fariaForwardBangkok-join-note {
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  font-size:20px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:#f0ebeb !important;
  max-width:375px !important;
}

.fariaForwardBangkok-join-photo {
  position:relative !important;
  overflow:hidden !important;
  min-height:420px !important;
  justify-self:stretch !important;
}

.fariaForwardBangkok-join-photo::after {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(ellipse at 85% 55%, rgba(55, 2, 60, 0) 20%, rgba(55, 2, 60, 1) 100%) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

.fariaForwardBangkok-join-photo img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:right center !important;
}

.fariaForwardBangkok-partners {
  position:relative !important;
  z-index:1 !important;
  background:var(--ffb-paper, #f0ebeb) !important;
  border-radius:24px !important;
  padding:52px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  gap:64px !important;
  align-items:start !important;
}

.fariaForwardBangkok-partners-divider {
  width:1px !important;
  align-self:stretch !important;
  background:#dfc9c9 !important;
}

.fariaForwardBangkok-partner-logo {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  height:64px !important;
  margin-bottom:16px !important;
}

.fariaForwardBangkok-partner-logo img {
  height:100% !important;
  width:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
}

.fariaForwardBangkok-partner-logo--feg {
  width:140px !important;
}

.fariaForwardBangkok-partner-logo--21cl {
  width:280px !important;
}

.fariaForwardBangkok-partner h3 {
  margin:0 0 16px !important;
  font-size:clamp(28px, 3vw, 36px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-partner p {
  margin:0 0 18px !important;
  font-size:20px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-partner p:last-child {
  margin-bottom:0 !important;
}

@media (max-width: 1100px) {
  .fariaForwardBangkok-join-hero {
    grid-template-columns:1fr !important;
    margin-bottom:24px !important;
    min-height:0 !important;
  }

  .fariaForwardBangkok-join-copy {
    max-width:none !important;
    margin-left:0 !important;
    padding:64px 24px !important;
  }

  .fariaForwardBangkok-join-photo {
    min-height:280px !important;
  }

  .fariaForwardBangkok-join-photo img {
    object-position:center !important;
  }

  .fariaForwardBangkok-partners {
    grid-template-columns:1fr !important;
    gap:40px !important;
    padding:32px 24px !important;
  }

  .fariaForwardBangkok-partners-divider {
    width:100% !important;
    height:1px !important;
  }
}

/* ---------- Faria Suite ---------- */
.fariaForwardBangkok-suite {
  padding:96px 0 !important;
  overflow:hidden !important;
}

.fariaForwardBangkok-suite-intro {
  max-width:720px !important;
  margin-bottom:64px !important;
}

.fariaForwardBangkok-suite-label {
  margin:0 0 16px !important;
  font-size:18px !important;
  font-weight:500 !important;
  letter-spacing:0.8px !important;
  line-height:1.2 !important;
  background:linear-gradient(90deg, #901e69 0%, #e837ac 55%, #f78b43 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

.fariaForwardBangkok-suite-intro h2 {
  margin:0 0 16px !important;
  font-size:clamp(28px, 3vw, 36px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-suite-lead {
  margin:0 0 16px !important;
  font-size:20px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  color:var(--ffb-subtle, #404040) !important;
}

.fariaForwardBangkok-suite-rail {
  display:flex !important;
  gap:32px !important;
  overflow-x:auto !important;
  padding:8px max(24px, calc((100vw - var(--container-max, var(--ffb-container, 1442px))) / 2)) 24px !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:thin !important;
}

.fariaForwardBangkok-suite-card {
  flex:0 0 min(405px, 80vw) !important;
  min-height:144px !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:32px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:24px !important;
  text-decoration: none !important;
  color:inherit !important;
  box-shadow:0 2px 4px rgba(85, 40, 89, 0.06) !important;
  transition:background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
}

.fariaForwardBangkok-suite-card img,
.fariaForwardBangkok-suite-card .card-svg {
  width:52px !important;
  height:52px !important;
  flex-shrink:0 !important;
  object-fit:contain !important;
}

.fariaForwardBangkok-suite-card span {
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  min-width:0 !important;
}

.fariaForwardBangkok-suite-card strong {
  font-size:24px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#171717 !important;
}

.fariaForwardBangkok-suite-card small {
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:#404040 !important;
}

.fariaForwardBangkok-suite-card:hover {
  background:var(--ffb-primary, #37023c) !important;
  box-shadow:0 20px 25px -5px rgba(85, 40, 89, 0.1),
    0 8px 10px -6px rgba(85, 40, 89, 0.1) !important;
}

.fariaForwardBangkok-suite-card:hover strong,
.fariaForwardBangkok-suite-card:hover small {
  color:#f0ebeb !important;
}

@media (max-width: 768px) {
  .fariaForwardBangkok-suite {
    padding:64px 0 !important;
  }

  .fariaForwardBangkok-suite-intro {
    margin-bottom:40px !important;
  }

  .fariaForwardBangkok-suite-card {
    padding:24px !important;
  }
}

/* ---------- Speaker story modal ---------- */
html.fariaForwardBangkok-modal-open {
  overflow:hidden !important;
}

.fariaForwardBangkok-modal {
  position:fixed !important;
  inset:0 !important;
  z-index:10000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  box-sizing:border-box !important;
}

.fariaForwardBangkok-modal[hidden] {
  display: none !important;
}

.fariaForwardBangkok-modal-backdrop {
  position:absolute !important;
  inset:0 !important;
  background:rgba(23, 23, 23, 0.55) !important;
  cursor:pointer !important;
}

.fariaForwardBangkok-modal-dialog {
  position:relative !important;
  z-index:1 !important;
  width:min(100%, 960px) !important;
  max-height:min(920px, calc(100vh - 48px)) !important;
  overflow:auto !important;
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:0 16px 48px rgba(85, 40, 89, 0.16) !important;
  padding:32px 0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:32px !important;
  outline:none !important;
}

.fariaForwardBangkok-modal-header {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 32px !important;
}

.fariaForwardBangkok-modal-header h2 {
  flex:1 !important;
  margin:0 !important;
  font-size:clamp(22px, 2.5vw, 28px) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:var(--ffb-primary, #37023c) !important;
}

.fariaForwardBangkok-modal-close {
  width:32px !important;
  height:32px !important;
  flex-shrink:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
  background:transparent !important;
  color:#171717 !important;
  cursor:pointer !important;
  border-radius:8px !important;
  padding:0 !important;
}

.fariaForwardBangkok-modal-close:hover {
  background:rgba(55, 2, 60, 0.06) !important;
}

.fariaForwardBangkok-modal-intro {
  padding:0 32px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

.fariaForwardBangkok-modal-intro p {
  margin:0 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:#171717 !important;
  text-wrap:pretty !important;
}

.fariaForwardBangkok-modal-cards {
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:24px !important;
  padding:0 32px !important;
}

.fariaForwardBangkok-modal-card {
  background:rgba(240, 235, 235, 0.36) !important;
  border:1px solid #f0ebeb !important;
  border-radius:16px !important;
  padding:24px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  min-width:0 !important;
}

.fariaForwardBangkok-modal-card h3 {
  margin:0 !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  color:#000 !important;
}

.fariaForwardBangkok-modal-card ul {
  margin:0 !important;
  padding-left:1.25em !important;
  list-style:disc !important;
  color:#171717 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  text-wrap:pretty !important;
}

.fariaForwardBangkok-modal-card li {
  margin-bottom:14px !important;
}

.fariaForwardBangkok-modal-card li:last-child {
  margin-bottom:0 !important;
}

.fariaForwardBangkok-modal-divider {
  height:1px !important;
  width:100% !important;
  background:#eae4ea !important;
}

.fariaForwardBangkok-modal-footer {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  padding:0 32px !important;
}

.fariaForwardBangkok-modal-footer p {
  margin:0 !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  color:#171717 !important;
  text-wrap:pretty !important;
}

.fariaForwardBangkok-modal-footer strong {
  font-weight:700 !important;
}

.fariaForwardBangkok-modal-footer .fariaForwardBangkok-btn {
  flex-shrink:0 !important;
  padding:8px 12px 8px 16px !important;
  font-size:16px !important;
  line-height:1.5 !important;
}

.fariaForwardBangkok-modal-footer .fariaForwardBangkok-btn-arrow {
  width:20px !important;
  height:20px !important;
  font-size:16px !important;
}

@media (max-width: 800px) {
  .fariaForwardBangkok-modal {
    padding:16px !important;
    align-items:flex-start !important;
  }

  .fariaForwardBangkok-modal-dialog {
    max-height:calc(100vh - 32px) !important;
    gap:24px !important;
    padding:24px 0 !important;
  }

  .fariaForwardBangkok-modal-header,
  .fariaForwardBangkok-modal-intro,
  .fariaForwardBangkok-modal-cards,
  .fariaForwardBangkok-modal-footer {
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .fariaForwardBangkok-modal-cards {
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .fariaForwardBangkok-modal-card {
    padding:20px !important;
  }

  .fariaForwardBangkok-modal-footer {
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .fariaForwardBangkok-modal-footer .fariaForwardBangkok-btn {
    width:100% !important;
    justify-content:center !important;
  }
}