/* TVL service landing pages — shared mobile layout. Load after page styles.css, before footer.css. */
@media (max-width: 768px) {
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .value-prop {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 24px var(--gutter, 20px) !important;
    margin-bottom: 32px;
    box-sizing: border-box;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .value-prop__media {
    order: 1;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    min-height: 0;
    margin: 0 !important;
    aspect-ratio: 494 / 486;
    border-radius: 20px;
    overflow: hidden;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .value-prop__media img {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    left: auto !important;
    top: auto !important;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .value-prop__card {
    order: 2;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    margin: 0 !important;
    padding: 18px 16px 20px;
    border-radius: 20px;
    box-sizing: border-box;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .value-prop__eyebrow {
    font-size: var(--tvl-m-caption);
    letter-spacing: 2.5px;
    margin: 0 0 10px;
    white-space: normal;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .value-prop__title {
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 10px;
    font-size: var(--tvl-m-h3) !important;
    line-height: 1.2 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .value-prop__text {
    width: 100% !important;
    max-width: 100%;
    margin: 0;
    font-size: var(--tvl-m-body) !important;
    line-height: 1.45 !important;
    font-weight: 400;
  }

  /* What's Included — same pattern as Company philosophy (image, then 2×2 cards) */
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: auto !important;
    padding: 8px var(--gutter, 20px) 0 !important;
    margin-bottom: 32px;
    box-sizing: border-box;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__title {
    order: 1;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0 0 16px;
    font-size: var(--tvl-m-h2) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__media {
    order: 2;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: min(50vh, 400px);
    max-height: 70vh;
    margin: 0 0 24px !important;
    border-radius: 16px;
    overflow: hidden;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__media img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: min(50vh, 400px);
    max-height: 70vh;
    object-fit: cover;
    object-position: center;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__accordion {
    order: 3;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 8px;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 14px;
    box-sizing: border-box;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item:nth-child(1),
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item:nth-child(2),
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item:nth-child(3),
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item:nth-child(4) {
    margin-bottom: 0 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__trigger {
    padding: 12px 12px 0 !important;
    text-align: left;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item.is-open .included__trigger,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item:not(.is-open) .included__trigger {
    padding: 12px 12px 0 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item-title {
    font-size: var(--tvl-m-body);
    line-height: 1.15;
    white-space: normal !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__panel {
    display: block !important;
    padding: 6px 12px 12px !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__panel[hidden] {
    display: block !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__panel p {
    font-size: var(--tvl-m-caption);
    line-height: 1.35;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item.is-open .included__panel p {
    color: #fff;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .included__item:not(.is-open) .included__panel p {
    color: var(--color-ink);
  }

  /* Our Approach — 2×2 card grid on mobile */
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach {
    position: relative !important;
    height: auto !important;
    padding: 28px var(--gutter, 20px) 36px !important;
    margin-bottom: 32px;
    overflow: hidden;
    box-sizing: border-box;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach::before {
    left: 50% !important;
    transform: translateX(-50%);
    width: 100vw !important;
    height: 100% !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach__title {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 0 0 12px;
    font-size: var(--tvl-m-h2) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach__subtitle {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 18px;
    font-size: var(--tvl-m-body) !important;
    line-height: 1.45 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach__grid {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    gap: 10px !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach-card {
    height: auto !important;
    min-height: 0;
    padding: 12px 10px 10px;
    border-radius: 16px;
    box-sizing: border-box;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach-card__heading {
    gap: 8px;
    margin-bottom: 8px;
    align-items: flex-start;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach-card__heading img {
    width: 22px;
    height: 22px;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach-card__heading h3 {
    font-size: var(--tvl-m-body);
    line-height: 1.15;
    white-space: normal !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach-card p,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach-card:nth-child(1) p,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach-card:nth-child(2) p,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach-card:nth-child(3) p,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .approach-card:nth-child(4) p {
    width: 100% !important;
    max-width: 100%;
    font-size: var(--tvl-m-caption);
    line-height: 1.35;
  }

  /* Case studies stack — vertical card layout inside pins (transforms from shared JS) */
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-studies--stack {
    display: block !important;
    flex-direction: unset !important;
    gap: 0 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-studies--stack .case-study {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100%;
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__tag,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__name,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__desc,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__services,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__cta,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__media {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: 100%;
    white-space: normal !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__name {
    font-size: var(--tvl-m-display) !important;
    margin: 8px 0;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__desc,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__services {
    font-size: var(--tvl-m-label);
    line-height: 1.4;
    padding: 0 16px 8px;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__media {
    width: 100% !important;
    margin-top: 8px;
    height: auto;
    min-height: 140px;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .case-study__media img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    border-radius: 12px;
  }

  /* Page flow — match Work mobile (auto height, stacked sections) */
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) {
    height: auto !important;
    min-height: 0;
    --gutter: 20px;
    --footer-top: auto;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active {
    height: auto !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .faq,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page).case-studies-stack-active .section-contact-wrap {
    top: auto !important;
  }

  /* B2B / D2C — growth services block (desktop absolutes overlapped FAQ on mobile) */
  :is(.b2b-page, .d2c-page) .growth-services {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    z-index: auto;
    padding: 28px var(--gutter, 20px) 0 !important;
    margin-bottom: 32px;
    box-sizing: border-box;
    overflow: visible;
  }

  :is(.b2b-page, .d2c-page).case-studies-stack-active .growth-services {
    top: auto !important;
  }

  :is(.b2b-page, .d2c-page) .growth-services__title {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 16px;
    font-size: var(--tvl-m-h2) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  :is(.b2b-page, .d2c-page) .growth-services__grid {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
  }

  :is(.b2b-page, .d2c-page) .growth-card {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    padding: 20px 16px 24px;
    border-radius: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  :is(.b2b-page, .d2c-page) .growth-card__title,
  :is(.b2b-page, .d2c-page) .growth-card__text,
  :is(.b2b-page, .d2c-page) .growth-card__cta {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
  }

  :is(.b2b-page, .d2c-page) .growth-card__title {
    font-size: var(--tvl-m-h2) !important;
    line-height: 1.1 !important;
  }

  :is(.b2b-page, .d2c-page) .growth-card__text {
    font-size: var(--tvl-m-body) !important;
    line-height: 1.45 !important;
  }

  :is(.b2b-page, .d2c-page) .growth-card__cta {
    align-self: flex-start;
    min-height: 44px;
    padding: 10px 18px;
    font-size: var(--tvl-m-body);
  }

  :is(.b2b-page, .d2c-page) .growth-card__visual {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: min(100%, 160px);
    max-height: 120px;
    height: auto !important;
    margin: 8px auto 0;
    pointer-events: none;
    overflow: hidden;
    align-self: center;
  }

  :is(.b2b-page, .d2c-page) .growth-card--performance .growth-card__visual {
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: min(100%, 160px);
    max-height: 120px;
    height: auto !important;
  }

  :is(.b2b-page, .d2c-page) .growth-card__visual img {
    position: relative !important;
    width: 100% !important;
    max-width: 160px;
    max-height: 120px;
    height: auto !important;
    left: auto !important;
    top: auto !important;
    object-fit: contain;
    object-position: center;
  }

  /* Channels / Performance Marketing / Outreach — CPaaS services 2×2 grid on mobile */
  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-services {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    z-index: auto;
    padding: 28px var(--gutter, 20px) 0 !important;
    margin-bottom: 32px;
    box-sizing: border-box;
    overflow: visible;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page).case-studies-stack-active
    .cpaas-services {
    top: auto !important;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-services__title {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 16px;
    font-size: var(--tvl-m-h2) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-services__grid {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    margin: 0 !important;
    padding: 12px 10px 14px;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    flex: none !important;
    scroll-snap-align: none !important;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page)
    .cpaas-card[class*="cpaas-card--"] {
    left: auto !important;
    top: auto !important;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-card__name,
  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-card__desc,
  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-card__cta {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-card__name {
    font-size: var(--tvl-m-body) !important;
    line-height: 1.15 !important;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-card__desc {
    font-size: var(--tvl-m-caption) !important;
    line-height: 1.35 !important;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-card__cta {
    align-self: flex-start;
    min-height: 36px;
    padding: 8px 14px;
    font-size: var(--tvl-m-label) !important;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-card .cpaas-card__media {
    display: block !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 88px;
    height: 72px !important;
    max-height: 72px;
    margin: 0 auto 6px;
    order: -1;
    overflow: hidden;
    pointer-events: none;
    align-self: center;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page)
    .cpaas-card[class*="cpaas-card--"]
    .cpaas-card__media {
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 88px;
    height: 72px !important;
  }

  :is(.channels-page, .performance-marketing-page, .outreach-plan-page) .cpaas-card .cpaas-card__media img {
    position: relative !important;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 88px;
    max-height: 72px;
    left: auto !important;
    top: auto !important;
    margin: 0 auto;
    object-fit: contain !important;
    object-position: center;
  }

  /* FAQ — stacked layout (desktop absolutes caused overlap with contact) */
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    min-height: 0;
    z-index: 4;
    isolation: isolate;
    padding: 28px var(--gutter, 20px) 0 !important;
    margin-bottom: 40px;
    box-sizing: border-box;
    overflow: visible;
    pointer-events: auto;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__accordion,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__trigger {
    pointer-events: auto;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__title {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 12px;
    font-size: var(--tvl-m-h2) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__intro {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100%;
    margin: 0 0 20px;
    font-size: var(--tvl-m-body) !important;
    line-height: 1.45 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__accordion {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 14px;
    box-sizing: border-box;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item:nth-child(1),
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item:nth-child(2),
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item:nth-child(3),
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item:nth-child(4),
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item:nth-child(5) {
    margin-bottom: 0 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item.is-open,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item:not(.is-open),
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item:last-child:not(.is-open) {
    height: auto !important;
    min-height: 0 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__trigger {
    padding: 14px 14px 12px !important;
    font-size: var(--tvl-m-body) !important;
    line-height: 1.25 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item.is-open .faq__trigger {
    padding-bottom: 0 !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__panel {
    padding: 0 14px 14px !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item.is-open .faq__panel {
    display: block !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__item:not(.is-open) .faq__panel {
    display: none !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .faq__panel p {
    width: 100% !important;
    max-width: 100%;
    font-size: var(--tvl-m-label) !important;
    line-height: 1.4 !important;
  }

  /* Contact — reinforce Work-style stack (footer.css also applies) */
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) > .section-contact-wrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    z-index: auto;
    padding: 0 var(--gutter, 20px) !important;
    margin-bottom: 40px;
    overflow: visible;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .section-contact-wrap__title,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .section-contact-wrap__subtitle {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100%;
    white-space: normal !important;
    text-align: left !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .section-contact {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: auto !important;
    width: 100% !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .contact-panel {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .contact-form-card {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .contact-panel__shell,
  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .contact-panel__mask {
    display: none !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .contact-panel__character {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: min(100%, 280px) !important;
    height: auto !important;
    margin: 20px auto 0 !important;
    border-radius: 0;
    overflow: visible;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) .contact-panel__character img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 0 !important;
    object-fit: contain !important;
  }

  :is(.brand-strategy-page,.brand-identity-page,.creative-campaigns-page,.content-page,.design-page,.b2b-page,.d2c-page,.channels-page,.performance-marketing-page,.influencer-marketing-page,.personal-branding-page,.outreach-plan-page,.website-landing-page,.product-application-page) > [data-site-footer] {
    margin-top: 0;
  }
}