.branding-hero-heading span{color:#C5B4E3}.branding-slider-track{display:flex;gap:20px;animation:brandingSlide 30s linear infinite;position:absolute}.branding-slider-track.top{top:20px}.branding-slider-track.bottom{bottom:20px;animation-direction:reverse}.branding-slider-track img{height:240px;width:auto;border-radius:0;flex-shrink:0;transform:rotate(-5.6deg)}@keyframes brandingSlide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.branding-global-header{display:flex;gap:150px;padding:0 100px;margin-bottom:100px}.branding-global-title{font-family:'Poppins',sans-serif;font-weight:500;font-size:40px;line-height:1.2;color:#FFFFFF;min-width:510px}.branding-global-desc{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#FFFFFF;max-width:611px}.branding-focus-card{flex:1;padding:24px 12px;display:flex;flex-direction:column;gap:24px;min-height:214px}.branding-focus-card-text{font-family:'Poppins',sans-serif;font-weight:600;font-size:20px;line-height:1.2;color:#000000}.branding-approach-right img,.branding-approach-right video{width:100%;height:100%;object-fit:cover}.branding-prism-section{background-color:#FFFFFF;padding:103px 100px 80px;position:relative}.branding-prism-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px}.branding-prism-header-left{max-width:610px}.branding-prism-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:40px;line-height:1.2;color:#000000;margin-bottom:20px}.branding-prism-title span{color:#F96815}.branding-prism-desc{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#000000}.branding-prism-image-wrapper{position:relative;width:468px;height:374px;flex-shrink:0}.branding-prism-image-wrapper img{object-fit:cover}.branding-prism-framework{display:flex;gap:16px;margin-top:24px}.branding-prism-card{flex:1;background-color:#E8E1F4;padding:56px 16px 24px;position:relative}.branding-prism-card-letter{position:absolute;top:-24px;left:16px;width:66px;height:66px;border-radius:50%;background-color:#00A86B;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:600;font-size:40px;color:#FFFFFF}.branding-prism-card-name{font-family:'Poppins',sans-serif;font-weight:600;font-size:28px;line-height:1.2;color:#000000;margin-bottom:24px}.branding-prism-card-subtitle{font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;line-height:1.5;color:#1D1B20;margin-bottom:8px}.branding-prism-card-body{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#1D1B20}.branding-advantage-section{padding:0 100px 80px;background-color:#FFFFFF}.branding-engagement-section{background-color:#120D0D;padding:60px 0}.branding-engagement-header{display:flex;justify-content:space-between;margin-bottom:48px;align-items:flex-start}.branding-engagement-header-content{padding-left:100px;max-width:500px}.branding-engagement-header img{max-width:100%;height:auto;object-fit:contain}.branding-engagement-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:40px;line-height:1.2;color:#FFFFFF;margin:0}.branding-engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0 100px}.branding-engagement-card{background-color:rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.26);position:relative;overflow:hidden}.branding-engagement-card-header{padding:19px 20px}.branding-engagement-card-header h3{font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;line-height:32px;color:#FFFFFF;margin:0;letter-spacing:-0.15px}.branding-engagement-card.blue .branding-engagement-card-header{background-color:#005EB8}.branding-engagement-card.green .branding-engagement-card-header{background-color:#00A86B}.branding-engagement-card.purple .branding-engagement-card-header{background-color:#8031A7}.branding-engagement-card-body{padding:24px 20px;display:flex;flex-direction:column;gap:29px}.branding-engagement-label{font-family:'Poppins',sans-serif;font-weight:500;font-size:14px;line-height:20px;color:rgba(242,242,242,0.37);text-transform:uppercase;letter-spacing:0.2px;margin-bottom:8px}.branding-engagement-value{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:29.25px;color:#FFFFFF;letter-spacing:-0.44px}.branding-engagement-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.branding-engagement-list li{display:flex;align-items:center;gap:8px;font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;line-height:29.25px;color:#FFFFFF;letter-spacing:-0.44px;padding-left:0}.branding-engagement-list li::before{display:none}.branding-engagement-tick{flex-shrink:0}.branding-engagement-tick img{width:100%;height:100%}.branding-valueadds-section{padding:0 100px 64px 100px;background-color:#120D0D}.branding-valueadds-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;line-height:140%;letter-spacing:0;color:#FFFFFF;margin-bottom:24px}.branding-valueadds-subtitle{font-family:'Poppins',sans-serif;font-weight:500;font-size:18px;line-height:140%;letter-spacing:0;color:#FFFFFF;margin-bottom:48px}.branding-valueadds-grid{display:flex;flex-wrap:wrap;gap:24px 38px}.branding-valueadds-item{display:flex;align-items:center;gap:12px;width:calc(50% - 19px)}.branding-valueadds-icon{width:31px;height:28px;flex-shrink:0}.branding-valueadds-icon img{width:100%;height:100%}.branding-valueadds-text{font-family:'Poppins',sans-serif;font-weight:500;font-size:18px;line-height:140%;letter-spacing:0;color:#F2F2F2}.branding-valueadds-text strong{font-weight:600}.success-card-thoughtfocus .success-card-image{position:relative !important}.success-card-wrapper:has(.success-card-thoughtfocus){will-change:transform}.branding-blog-section{background-color:#ffffff;padding:80px 0}.branding-blog-container{padding:0 100px}.branding-blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.branding-blog-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:40px;color:#000000;line-height:1.2;margin:0}.branding-blog-title span{color:#F96815}.branding-blog-viewall{background-color:transparent;border:1px solid #000000;color:#000000;padding:8px 12px;font-family:'Poppins',sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block}.branding-blog-viewall:hover{background-color:#000000;color:#FFFFFF;text-decoration:none}.branding-blog-cards{display:flex;gap:20px}.branding-blog-card{flex:1;background-color:#ffffff;overflow:hidden;cursor:pointer;transition:all 0.3s ease}.branding-blog-card-image{width:100%;height:300px;overflow:hidden;position:relative}.branding-blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.branding-blog-card:hover .branding-blog-card-image img{transform:scale(1.05)}.branding-blog-card-body{padding:20px 0}.branding-blog-tag{font-family:'Poppins',sans-serif;font-size:14px;font-weight:500;color:#0050B5;letter-spacing:1px;margin-bottom:20px}.branding-blog-card-title{font-family:'Poppins',sans-serif;font-size:24px;font-weight:600;color:#000000;line-height:1.4;margin-bottom:20px;max-width:98%}.branding-blog-readmore{font-family:'Poppins',sans-serif;font-size:16px;font-weight:600;color:#000000;text-decoration:underline;transition:color 0.3s ease;display:block;margin-bottom:20px}.branding-blog-readmore:hover{color:#F96815}.branding-blog-author{display:flex;align-items:center;gap:12px;margin-top:20px}.branding-blog-author img{width:40px;height:40px;border-radius:50%;object-fit:cover}.branding-blog-author-name{font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;color:#000000;margin-bottom:2px;line-height:150%}.branding-blog-author-meta{font-family:'Poppins',sans-serif;font-size:14px;font-weight:400;color:#000000;line-height:150%}.cta-subtitle{font-family:'Poppins',sans-serif;font-weight:400;font-size:18px;color:#ffffff;margin-bottom:32px;line-height:120%;justify-self:center;max-width:700px}@media (max-width:991px){.branding-hero-section{padding:120px 20px 0;min-height:auto}.branding-hero-row{flex-direction:column;min-height:auto}.branding-hero-left{padding-bottom:30px}.branding-hero-heading{font-size:32px}.branding-hero-image-col{justify-content:center}.branding-hero-image{max-width:300px}.branding-intro-section{padding:40px 20px}.branding-intro-row{flex-direction:column;gap:24px}.branding-intro-left h2{font-size:24px}.branding-slider-wrapper{height:300px}.branding-slider-track img{height:140px}.branding-global-section{padding:40px 0}.branding-global-header{flex-direction:column;gap:20px;padding:0 20px;margin-bottom:10px}.branding-global-title{font-size:28px;min-width:auto}.branding-global-focuses{padding:0 20px;font-size:18px}.branding-focus-cards{flex-direction:column;padding:0 20px}.branding-global-bottom-text{padding:0 20px}.branding-global-divider{margin:30px 20px}.branding-approach-section{flex-direction:column;padding:0 20px}.branding-approach-left{max-width:100%}.branding-approach-right{max-width:100%}.branding-approach-title{font-size:28px}.branding-prism-section{padding:60px 20px}.branding-prism-header{flex-direction:column;gap:30px}.branding-prism-title{font-size:28px}.branding-prism-image-wrapper{width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);height:80vw;min-height:200px}.branding-prism-image-wrapper img{width:100%;height:100%;object-fit:contain}.branding-prism-framework{flex-direction:column}.branding-prism-card{margin-bottom:16px}.branding-advantage-section{padding:0 20px 60px}.branding-advantage-header{flex-direction:column;gap:20px}.branding-advantage-title{font-size:28px;min-width:auto}.branding-advantage-grid{grid-template-columns:1fr;gap:30px}.branding-advantage-center-img{grid-row:auto;grid-column:auto;order:5}.branding-advantage-grid .branding-advantage-card:nth-child(1){order:1}.branding-advantage-grid .branding-advantage-card:nth-child(3){order:2}.branding-advantage-grid .branding-advantage-card:nth-child(4){order:3}.branding-advantage-grid .branding-advantage-card:nth-child(5){order:4}.branding-engagement-section{padding:40px 20px}.branding-engagement-header{flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:30px}.branding-engagement-header-content{max-width:100%;padding:0}.branding-engagement-header>div:last-child{display:none}.branding-engagement-title{font-size:28px}.branding-engagement-grid{grid-template-columns:1fr;padding:0}.branding-valueadds-section{padding:40px 20px}.branding-valueadds-title{font-size:28px}.branding-valueadds-item{width:100%}.success-stories-section{padding:60px 0 !important}.success-stories-section .container-fluid{padding:0 16px !important}.success-stories-section .row.mb-5{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:center !important;margin-bottom:30px !important}.success-stories-section .row.mb-5 .col-lg-4,.success-stories-section .row.mb-5 .col-md-5{flex:1 1 0% !important;max-width:none !important;width:auto !important;padding-right:15px !important;flex-shrink:1 !important}.success-stories-section .row.mb-5 .col-lg-8,.success-stories-section .row.mb-5 .col-md-7{flex:0 0 auto !important;max-width:none !important;width:auto !important;margin-left:0 !important;text-align:right !important;flex-shrink:0 !important}.success-stories-section h2{font-size:24px !important;margin-bottom:0 !important;line-height:1.2 !important}.success-stories-section .text-end{text-align:left !important;margin-top:20px}.success-view-all-btn{margin-top:0 !important;white-space:nowrap !important;padding:8px 12px !important;font-size:16px !important}.success-card{margin-bottom:25px !important;margin-top:0 !important}.success-card-image{overflow:hidden !important;position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;height:250px !important}.success-card img{object-fit:contain !important;object-position:center !important;transition:transform 0.3s ease !important}.success-cards-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;margin:0;padding:0}.success-cards-wrapper::-webkit-scrollbar{display:none}.success-cards-row{display:flex !important;flex-wrap:nowrap !important;margin:0 !important;padding:0 !important}.success-cards-row .col-lg-7,.success-cards-row .col-lg-5,.success-cards-row .col-md-7,.success-cards-row .col-md-5,.success-cards-row .col-12{flex:0 0 90% !important;max-width:90% !important;margin-bottom:0 !important;scroll-snap-align:start;scroll-snap-stop:always}.success-cards-row .col-lg-7:first-child,.success-cards-row .col-lg-5:first-child,.success-cards-row .col-md-7:first-child,.success-cards-row .col-md-5:first-child,.success-cards-row .col-12:first-child{padding-left:0 !important;padding-right:8px !important}.success-cards-row .col-lg-7:last-child,.success-cards-row .col-lg-5:last-child,.success-cards-row .col-md-7:last-child,.success-cards-row .col-md-5:last-child,.success-cards-row .col-12:last-child{padding-left:8px !important;padding-right:0 !important}.success-card-wrapper:has(.success-card-thoughtfocus){transform:translateY(0) !important}.success-card-wrapper{margin-bottom:30px}.success-content{padding:10px 0 !important}.success-title{font-size:16px !important}.branding-blog-section{padding:40px 0}.branding-blog-container{padding:0 20px}.branding-blog-title{font-size:28px}.branding-blog-cards{flex-direction:column}.cta-section{padding:0 !important;min-height:auto !important;position:relative !important}.cta-section .container-fluid{padding:15px 20px !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;flex:0 0 auto !important;min-height:auto !important;position:relative !important;z-index:1 !important}.lottie-shapes-container{position:absolute !important;top:0 !important;left:50% !important;transform:translateX(-50%) !important;width:100vw !important;margin:0 !important;padding:0 !important;pointer-events:none !important;z-index:0 !important;overflow:hidden !important}.cta-section .row{margin-bottom:0 !important}.cta-section h2,.cta-section .col-lg-8>div:first-child{font-size:24px !important;margin-bottom:16px !important}.cta-button{padding:14px 40px !important;font-size:16px !important}.cta-subtitle{margin-bottom:16px !important}.talk-to-us-button{margin-top:16px !important}}

/* === Full-width hero banner (2026 update) === */
.branding-hero-section{background-image:url(/wp-content/themes/ttc-theme/assets/branding-new/hero-banner.png.webp);background-size:cover;background-position:center right;background-repeat:no-repeat;height:595px;overflow:hidden}
.branding-hero-image-col{display:none}
@media (max-width:991px){.branding-hero-section{background-image:url(/wp-content/themes/ttc-theme/assets/branding-new/hero-banner.png.webp);background-position:center;min-height:auto}}


/* hero heading promoted to <h1> for SEO — keep block layout (global h1 rule sets display:inline) */
.branding-hero-heading{display:block;}


/* HERO WRAP (deck slide 2 #4, 2026-07-20): cap the hero measure so line 2 breaks
   after "and" and "future-ready" stays intact on line 3, matching the Figma.
   Desktop only; the <=991px rules keep their own sizing. Line1 needs 700px,
   "...and future-" needs 793px -> 645px forces the Figma break (line1 "Building brands that", line2 "are fearless, distinctive,", line3 "and future-ready"); valid range [603,685). */
@media (min-width:992px){.branding-hero-heading{max-width:645px}}

/* BRANDING-SERIF */

/* SERIF EMPHASIS (deck slides 3 & 7, 2026-07-20): intro accent
   ("category-defining brands.") and Success Stories accent ("stories") to
   Source Serif 4 italic, matching the site's existing .ttc-em convention. */
.branding-intro-left h2 span,
.success-stories-section h2 span{font-family:'Source Serif 4',serif;font-style:italic;font-weight:500}

/* BRANDING-NOWRAP */

/* INTRO WRAP (deck slide 3 #1, 2026-07-20): stop "category-defining brands."
   splitting at its hyphen across lines; the phrase moves to its own line intact.
   Span measures 365px inside a 753px container, so nowrap is safe. Desktop only. */
@media (min-width:992px){.branding-intro-left h2 span{white-space:nowrap}}

/* BRANDING-VALUEADDS */

/* VALUE-ADDS (deck slide 6, 2026-07-20): title to Source Serif 4 italic 40px
   (was Poppins 18px/600) per the Figma; and the bracketed qualifier after each
   bold label renders at normal weight, with the <strong> label staying bold. */
.branding-valueadds-title{font-family:'Source Serif 4',serif;font-style:italic;font-size:40px;font-weight:500;line-height:120%}
.branding-valueadds-text{font-weight:400}
.branding-valueadds-text strong{font-weight:700}

/* BRANDING-GLOBALTITLE */

/* SECTION 2 HEADING (deck slide 4, 2026-07-20): Figma (image6) puts the serif
   accent on its own line -> "Branding for Global" / "Brands Is Different".
   display:block on the accent span is deterministic; no width magic numbers. */
.branding-global-title .ttc-em{display:block}

/* S3-CATEGORY-NORMAL (deck slide 3, 2026-07-21): the 'category-defining brands.'
   accent is already Source Serif italic on its own line; deck asks for NORMAL
   italic (weight 400) rather than the Medium (500) the other accents use. */
.branding-intro-left h2 span{font-weight:400}

/* S5-WE-UNDERSTAND (2026-07-21, user request): keep 'We Understand' together on
   line 2 so 'Before We Build,' sits alone on line 1 (was 'Before We Build, We' /
   'Understand'). nowrap makes the green serif span an unbreakable unit that wraps
   as a whole. */
.branding-approach-title .ttc-em{white-space:nowrap}

/* FULL-BANNER-NOZOOM (2026-07-21) — desktop only (no mobile asset provided) */
@media (min-width:992px){
  .branding-hero-section{
  background-image:url(/wp-content/themes/ttc-theme/assets/branding-new/hero-banner-v2.jpg.webp) !important;
  background-size:cover !important;background-position:center !important;
  background-repeat:no-repeat !important;aspect-ratio:1440/595 !important;
  height:auto !important;min-height:0 !important;
  }
}

/* BANNER-HEIGHT-CAP (2026-07-21): cap banner height so it doesn't grow tall on wide
   monitors. Full image shows on <=1440; capped 595 (image native height) above. */
@media (min-width:992px){.branding-hero-section{max-height:595px !important}}

/* BANNER-BELOW-HEADER (2026-07-21): the 70px fixed header was overlaying (cutting)
   the top of the full-image banner. Push the banner down by the header height so
   the whole image sits below the header. */
.branding-hero-section{margin-top:70px !important}

/* BANNER-FULLWIDTH-FIX (2026-07-21): keep the banner FULL WIDTH on wide monitors.
   aspect-ratio+max-height was computing width from the capped height (=1440px), leaving
   white space at >1440. Use viewport-width height (41.32vw = 595/1440) capped at 595 so
   the banner spans full width, shows the full image up to 1440, and stays 595 on wider. */
@media (min-width:992px){.branding-hero-section{width:100% !important;aspect-ratio:auto !important;height:41.32vw !important;max-height:595px !important;min-height:0 !important;background-size:cover !important;background-position:center !important}}

/* BANNER-VCENTER (2026-07-21): vertically center banner content in the image (desktop). */
@media (min-width:992px){
  .branding-hero-section{display:flex !important;flex-direction:column !important;justify-content:center !important;padding-top:0 !important;padding-bottom:0 !important}
  .branding-hero-left{padding-bottom:0 !important}
}

/* BRANDING-MOBILE-BANNER (2026-07-22): proper 393x500 mobile banner. Previously the mobile
   breakpoint reused the DESKTOP png (hero-banner.png), so it was never a real mobile crop.
   Mirrors the pattern already used on creative-content / cx / ai-seo. */
@media (max-width:991px){
  .branding-hero-section{
    background-image:url(/wp-content/themes/ttc-theme/assets/branding-new/hero-banner-mobile-v2.jpg.webp) !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    aspect-ratio:393/500 !important;
    height:auto !important;
    min-height:0 !important;
  }
}

/* task-167: make the whole "Ideas that move B2B forward" card clickable via a stretched
   Read More link (real <a>: keyboard-focusable, middle/ctrl-click new tab, URL on hover).
   Author is not a link -> no nested <a>. Read More stays visible & working. */
.branding-blog-card{position:relative}
.branding-blog-card .branding-blog-readmore::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}