/* Brand Intelligence capability page, from the approved design (31 Okt 2026). Scoped to .brandIntel. */

/* Theme integration: the transparent site header overlays the black top band, so reserve its height and use light ink until it turns solid on scroll; sticky sub-nav needs an untransformed wrapper. */
body.page-template-page-brand-intelligence #pageWrapper{transform:none;will-change:auto;overflow:visible}
body.page-template-page-brand-intelligence.page-transition-leave #pageWrapper{opacity:0}
html:not(.menu-active) body.page-template-page-brand-intelligence .headerInner:not(.scrolled) :is(.headerMenu--minimal > li:not(.current-page-ancestor):not(.current-menu-item) > a,.headerLanguage,.headerLanguage-toggle,.headerLanguage-current){color:#FFFFFF}
html:not(.menu-active) body.page-template-page-brand-intelligence .headerInner:not(.scrolled) .headerLanguage-caret{border-right-color:#FFFFFF;border-bottom-color:#FFFFFF}
html:not(.menu-active) body.page-template-page-brand-intelligence .headerInner:not(.scrolled) .headerLanguage-icon svg{filter:brightness(0) invert(1)}
html:not(.menu-active) body.page-template-page-brand-intelligence .headerInner:not(.scrolled) .hamburger-menu--minimal span{background-color:#FFFFFF}
/* The black band sits under the header and the sub-nav, so the translucent sub-nav reads dark before the hero. */
.brandIntel{padding-top:var(--bi-header-h,96px);background:linear-gradient(#000,#000) top/100% calc(var(--bi-header-h,96px) + 56px) no-repeat,#FFFFFF;overflow-x:clip}
.brandIntel section[id]{scroll-margin-top:calc(var(--bi-nav-offset,0px) + 56px)}
.brandIntel :where(h1,h2,h3,h4,p,ul,dl,dd,table,th,td,summary,label){font-family:inherit;text-transform:none}
.brandIntel a:focus-visible,.brandIntel summary:focus-visible{outline:3px solid #FF4200;outline-offset:4px}
.brandIntel .eh-lead--narrow{max-width:720px}
.brandIntel .eh-lead--approach{max-width:760px}

.brandIntel{--eh-orange:#FF4200;--eh-ink:#000000;--eh-text:#282728;--eh-mute:#6B6A6B;--eh-line:#E6E5E6;--eh-soft:#F5F5F7}
.brandIntel *{box-sizing:border-box}
.brandIntel{margin:0;color:var(--eh-text);font-family:Manrope,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;letter-spacing:0.2px;-webkit-font-smoothing:antialiased}
.brandIntel a{color:var(--eh-orange)}
.brandIntel a:hover{color:#C83400}
.brandIntel img{display:block;max-width:100%}
.brandIntel .eh-wrap{max-width:1320px;margin:0 auto;padding:0 40px}
.brandIntel .eh-eyebrow{margin:0;font-size:14px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--eh-orange)}
.brandIntel .eh-h2{margin:14px 0 0;font-size:clamp(32px,4.4vw,64px);line-height:1.05;font-weight:800;letter-spacing:-0.5px;color:var(--eh-ink)}
.brandIntel .eh-lead{margin:22px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#4A494A}
.brandIntel .eh-btn{display:inline-block;text-decoration:none;font-weight:700;font-size:15px;padding:16px 30px;border-radius:99px;text-transform:uppercase;letter-spacing:0.6px;transition:background-color .2s,color .2s,border-color .2s}
.brandIntel .eh-btn-primary{background:var(--eh-orange);color:#FFFFFF}
.brandIntel .eh-btn-primary:hover{background:#FFFFFF;color:#000000}
.brandIntel .eh-btn-ghost{border:1px solid currentColor;padding:15px 29px}
.brandIntel .eh-link{font-size:17px;font-weight:600;text-decoration:none;color:var(--eh-orange)}
.brandIntel .eh-link:hover{text-decoration:underline}

/* sub-nav */
.brandIntel .eh-sub{position:sticky;top:var(--bi-nav-offset,0px);transition:top .38s ease;z-index:20;background:rgba(10,10,10,0.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(255,255,255,0.08)}
.brandIntel .eh-sub .eh-wrap{height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brandIntel .eh-sub-title{font-size:19px;font-weight:700;color:#FFFFFF;white-space:nowrap}
.brandIntel .eh-sub-links{display:flex;align-items:center;gap:28px;font-size:13px}
.brandIntel .eh-sub-links a{color:rgba(255,255,255,0.8);text-decoration:none}
.brandIntel .eh-sub-links a:hover{color:#FFFFFF}
.brandIntel .eh-sub-links .eh-sub-cta .sm{display:none}
@media (max-width:860px){.brandIntel .eh-sub-links .eh-sub-cta .sm{display:inline}}
.brandIntel .eh-sub-links .eh-sub-cta{background:var(--eh-orange);color:#FFFFFF;padding:7px 16px;border-radius:99px;font-weight:700}

/* hero */
.brandIntel .eh-hero{position:relative;overflow:hidden;background:#000000;color:#FFFFFF;text-align:center}
.brandIntel .eh-glow{position:absolute;inset:0;pointer-events:none}
.brandIntel .eh-glow span{position:absolute;border-radius:50%;filter:blur(110px);will-change:transform}
.brandIntel .eh-glow .g1{width:56vw;height:30vw;left:22vw;bottom:-14vw;background:#FF4200;opacity:.38;animation:biGlow1 26s ease-in-out infinite alternate}
.brandIntel .eh-glow .g2{width:34vw;height:20vw;left:6vw;bottom:-6vw;background:#FF8A5B;opacity:.18;animation:biGlow2 32s ease-in-out infinite alternate}
@keyframes biGlow1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(6vw,-3vw) scale(1.12)}}
@keyframes biGlow2{0%{transform:translate(0,0)}100%{transform:translate(14vw,-4vw)}}
@media (prefers-reduced-motion:reduce){.brandIntel .eh-glow span{animation:none;will-change:auto}}
.brandIntel .eh-hero-inner{position:relative;padding:150px 0 170px;max-width:980px;margin:0 auto}
.brandIntel .eh-hero h1{margin:22px 0 0;font-size:clamp(44px,7.4vw,108px);line-height:1;font-weight:800;letter-spacing:-1.5px}
.brandIntel .eh-hero .eh-lead{color:rgba(255,255,255,0.78);max-width:720px;margin-left:auto;margin-right:auto}
.brandIntel .eh-hero-ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.brandIntel .eh-hero .eh-btn-ghost{color:#FFFFFF}
.brandIntel .eh-hero .eh-btn-ghost:hover{background:#FFFFFF;color:#000000;border-color:#FFFFFF}
.brandIntel .eh-hero-meta{margin-top:64px;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,0.5)}

/* statement */
.brandIntel .eh-statement{padding:150px 0 130px;text-align:center}
.brandIntel .eh-statement p.big{margin:0 auto;max-width:1040px;font-size:clamp(30px,4.2vw,58px);line-height:1.12;font-weight:800;letter-spacing:-0.6px;color:var(--eh-ink)}
.brandIntel .eh-statement p.big em{font-style:normal;color:#B5B4B5}
.brandIntel .eh-statement .eh-lead{max-width:760px;margin-left:auto;margin-right:auto}

/* shift tiles */
.brandIntel .eh-shift{background:var(--eh-soft);padding:120px 0}
.brandIntel .eh-tiles{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.brandIntel .eh-tile{background:#FFFFFF;border-radius:24px;padding:40px 36px 44px;min-height:320px;display:flex;flex-direction:column}
.brandIntel .eh-tile .no{font-size:14px;font-weight:700;color:var(--eh-orange);letter-spacing:1px}
.brandIntel .eh-tile h3{margin:auto 0 0;padding-top:48px;font-size:clamp(24px,2.2vw,30px);line-height:1.15;font-weight:800;color:var(--eh-ink)}
.brandIntel .eh-tile p{margin:14px 0 0;font-size:16px;line-height:1.65;color:#4A494A}

/* principles bento (dark) */
.brandIntel .eh-dark{background:#000000;color:#FFFFFF;padding:130px 0}
.brandIntel .eh-dark .eh-h2{color:#FFFFFF}
.brandIntel .eh-dark .eh-lead{color:rgba(255,255,255,0.7)}
.brandIntel .eh-bento{margin-top:64px;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.brandIntel .eh-cell{background:#141414;border-radius:24px;padding:40px 36px;overflow:hidden;position:relative}
.brandIntel .eh-cell h3{margin:0;font-size:clamp(22px,2vw,28px);line-height:1.2;font-weight:800}
.brandIntel .eh-cell p{margin:14px 0 0;font-size:16px;line-height:1.65;color:rgba(255,255,255,0.7)}
.brandIntel .eh-cell .k{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:var(--eh-orange);font-weight:700;margin-bottom:18px}
.brandIntel .c-wide{grid-column:span 4;min-height:440px;padding:0;display:flex;align-items:flex-end}
.brandIntel .c-wide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.brandIntel .c-wide .cap{position:relative;padding:40px 36px;background:linear-gradient(0deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);width:100%}
.brandIntel .c-tall{grid-column:span 2}
.brandIntel .c-third{grid-column:span 2}
.brandIntel .c-num{font-size:clamp(56px,6vw,88px);font-weight:800;line-height:1;color:#FFFFFF;letter-spacing:-1px}
.brandIntel .c-num span{color:var(--eh-orange)}

/* approach chapters */
.brandIntel .eh-approach{padding:140px 0 60px}
.brandIntel .eh-chapter{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:72px 0;border-top:1px solid var(--eh-line)}
.brandIntel .eh-chapter:first-of-type{border-top:0}
.brandIntel .eh-chapter.flip .eh-ch-media{order:2}
.brandIntel .eh-ch-media{border-radius:24px;overflow:hidden;background:var(--eh-soft);aspect-ratio:4/3;position:relative}
.brandIntel .eh-ch-media img{width:100%;height:100%;object-fit:cover}
.brandIntel .eh-ch-type{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:48px;background:#0B0B0B;color:#FFFFFF}
.brandIntel .eh-ch-type .q{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,0.45)}
.brandIntel .eh-ch-type .a{margin-top:16px;font-size:clamp(20px,1.9vw,26px);line-height:1.4;font-weight:600}
.brandIntel .eh-ch-type .a :is(b,strong){color:var(--eh-orange);font-weight:700}
.brandIntel .eh-ch-type .src{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap}
.brandIntel .eh-ch-type .src span{font-size:12px;letter-spacing:0.6px;border:1px solid rgba(255,255,255,0.22);border-radius:99px;padding:6px 12px;color:rgba(255,255,255,0.7)}
.brandIntel .eh-ch-no{font-size:14px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--eh-orange)}
.brandIntel .eh-ch-copy h3{margin:14px 0 0;font-size:clamp(30px,3.2vw,46px);line-height:1.08;font-weight:800;color:var(--eh-ink);letter-spacing:-0.4px}
.brandIntel .eh-ch-copy p{margin:18px 0 0;font-size:17px;line-height:1.7;color:#4A494A}
.brandIntel .eh-ch-copy ul{margin:26px 0 0;padding:0;list-style:none;border-top:1px solid var(--eh-line)}
.brandIntel .eh-ch-copy li{padding:14px 0;border-bottom:1px solid var(--eh-line);font-size:16px;color:var(--eh-text);display:flex;gap:14px}
.brandIntel .eh-ch-copy li::before{content:"";flex:0 0 6px;height:6px;margin-top:9px;border-radius:50%;background:var(--eh-orange)}
.brandIntel .eh-method-note{margin:24px 0 0;font-size:14px;color:var(--eh-mute)}

/* engagements (compare) */
.brandIntel .eh-engage{background:var(--eh-soft);padding:130px 0}
.brandIntel .eh-cols{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.brandIntel .eh-col{background:#FFFFFF;border-radius:24px;padding:44px 36px;display:flex;flex-direction:column}
.brandIntel .eh-col.is-core{background:#000000;color:#FFFFFF}
.brandIntel .eh-col .tag{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:var(--eh-orange)}
.brandIntel .eh-col h3{margin:16px 0 0;font-size:clamp(26px,2.4vw,34px);line-height:1.1;font-weight:800;color:inherit}
.brandIntel .eh-col:not(.is-core) h3{color:var(--eh-ink)}
.brandIntel .eh-col .for{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--eh-mute)}
.brandIntel .eh-col.is-core .for{color:rgba(255,255,255,0.65)}
.brandIntel .eh-col dl{margin:30px 0 0;flex:1}
.brandIntel .eh-col dt{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--eh-mute);margin-top:22px}
.brandIntel .eh-col.is-core dt{color:rgba(255,255,255,0.5)}
.brandIntel .eh-col dd{margin:8px 0 0;font-size:16px;line-height:1.6}
.brandIntel .eh-col .go{margin-top:34px;font-weight:700;font-size:15px;text-decoration:none;color:var(--eh-orange)}
.brandIntel .eh-invest{margin-top:20px;border-radius:24px;background:#FFFFFF;padding:40px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}
.brandIntel .eh-invest h3{margin:0;font-size:clamp(22px,2vw,28px);font-weight:800;color:var(--eh-ink);line-height:1.2}
.brandIntel .eh-invest p{margin:0;font-size:16px;line-height:1.7;color:#4A494A}
.brandIntel .eh-modules{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--eh-line);border-radius:24px;overflow:hidden}
.brandIntel .eh-mod{background:#FFFFFF;padding:30px 32px}
.brandIntel .eh-mod h4{margin:0;font-size:18px;font-weight:800;color:var(--eh-ink)}
.brandIntel .eh-mod p{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--eh-mute)}

/* comparison */
.brandIntel .eh-compare{padding:130px 0}
.brandIntel .eh-table{margin-top:52px;width:100%;border-collapse:collapse;font-size:17px;line-height:1.55}
.brandIntel .eh-table th,.brandIntel .eh-table td{text-align:left;vertical-align:top;padding:24px 28px;border-bottom:1px solid var(--eh-line)}
.brandIntel .eh-table thead th{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:var(--eh-mute)}
.brandIntel .eh-table thead th.us{color:var(--eh-orange)}
.brandIntel .eh-table tbody th{font-weight:700;color:var(--eh-ink);width:24%}
.brandIntel .eh-table td{color:var(--eh-mute);width:38%}
.brandIntel .eh-table td.us{color:var(--eh-ink);font-weight:600}

/* works */
.brandIntel .eh-works{padding:0 0 130px}
.brandIntel .eh-works-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.brandIntel .eh-works-head a{font-size:14px;letter-spacing:0.8px;text-transform:uppercase;color:var(--eh-text);text-decoration:none;border-bottom:1px solid var(--eh-text);padding-bottom:4px}
.brandIntel .eh-rail{margin-top:44px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.brandIntel .eh-rail a{scroll-snap-align:start;color:var(--eh-text);text-decoration:none}
.brandIntel .eh-rail img,.brandIntel .eh-rail-placeholder{width:100%;height:380px;object-fit:cover;border-radius:20px}
.brandIntel .eh-rail-placeholder{background:var(--eh-soft)}
.brandIntel .eh-rail .n{margin:16px 0 4px;font-size:19px;line-height:1.3;font-weight:800;text-transform:uppercase;color:var(--eh-ink)}
.brandIntel .eh-rail .d{margin:0;font-size:14px;color:var(--eh-mute)}

/* faq */
.brandIntel .eh-faq{background:var(--eh-soft);padding:130px 0}
.brandIntel .eh-faq-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:72px;align-items:start}
.brandIntel .eh-faq details{border-bottom:1px solid #D9D8D9}
.brandIntel .eh-faq summary{cursor:pointer;list-style:none;padding:26px 0;display:flex;justify-content:space-between;gap:24px;font-size:clamp(18px,1.5vw,21px);font-weight:700;color:var(--eh-ink)}
.brandIntel .eh-faq summary::-webkit-details-marker{display:none}
.brandIntel .eh-faq summary .p{color:var(--eh-orange);font-size:26px;line-height:1;transition:transform .2s;flex:0 0 auto}
.brandIntel .eh-faq details[open] summary .p{transform:rotate(45deg)}
.brandIntel .eh-faq details p{margin:0 0 26px;font-size:16px;line-height:1.7;color:#4A494A;max-width:720px}

/* closing + form */
.brandIntel .eh-close{position:relative;overflow:hidden;background:#000000;color:#FFFFFF;padding:140px 0}
.brandIntel .eh-close .eh-h2{color:#FFFFFF}
.brandIntel .eh-close .eh-lead{color:rgba(255,255,255,0.7)}
.brandIntel .eh-close-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.brandIntel .eh-form{background:#FFFFFF;color:var(--eh-text);border-radius:24px;padding:40px}
.brandIntel .eh-form label{display:block;font-size:13px;letter-spacing:0.8px;text-transform:uppercase;font-weight:600;color:var(--eh-mute);margin-top:18px}
.brandIntel .eh-form label:first-child{margin-top:0}
.brandIntel .eh-form input,.brandIntel .eh-form textarea,.brandIntel .eh-form select{width:100%;margin-top:8px;font:inherit;font-size:16px;padding:14px 16px;border:1px solid #D9D8D9;border-radius:12px;background:#FFFFFF;color:var(--eh-text)}
.brandIntel .eh-form textarea{min-height:110px;resize:vertical}
.brandIntel .eh-form button{margin-top:26px;width:100%;border:0;cursor:pointer;font:inherit}
.brandIntel .eh-form button:hover{background:#000000;color:#FFFFFF}
.brandIntel .eh-close-alt{margin-top:36px;font-size:16px;line-height:1.8;color:rgba(255,255,255,0.7)}
.brandIntel .eh-close-alt a{color:#FFFFFF}

@media (max-width:980px){
.brandIntel .eh-tiles,.brandIntel .eh-cols,.brandIntel .eh-modules{grid-template-columns:1fr}
.brandIntel .eh-bento{grid-template-columns:1fr}
.brandIntel .c-wide,.brandIntel .c-tall,.brandIntel .c-third{grid-column:auto}
.brandIntel .eh-chapter,.brandIntel .eh-faq-grid,.brandIntel .eh-close-grid,.brandIntel .eh-invest{grid-template-columns:1fr;gap:36px}
.brandIntel .eh-chapter.flip .eh-ch-media{order:0}
}
@media (max-width:860px){
.brandIntel .eh-wrap{padding:0 16px}
.brandIntel .eh-sub-links a:not(.eh-sub-cta){display:none}
.brandIntel .eh-hero-inner{padding:96px 0 110px}
.brandIntel .eh-statement,.brandIntel .eh-shift,.brandIntel .eh-dark,.brandIntel .eh-engage,.brandIntel .eh-compare,.brandIntel .eh-faq,.brandIntel .eh-close{padding-top:88px;padding-bottom:88px}
.brandIntel .eh-approach{padding-top:88px}
.brandIntel .eh-table thead{display:none}
.brandIntel .eh-table,.brandIntel .eh-table tbody,.brandIntel .eh-table tr,.brandIntel .eh-table th,.brandIntel .eh-table td{display:block;width:100% !important}
.brandIntel .eh-table tr{padding:18px 0;border-bottom:1px solid var(--eh-line)}
.brandIntel .eh-table th,.brandIntel .eh-table td{border:0;padding:4px 0}
.brandIntel .eh-table td::before{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:700;margin-top:10px}
.brandIntel .eh-table td:not(.us)::before{content:"AI tools alone";color:var(--eh-mute)}
.brandIntel .eh-table td.us::before{content:"Brand Intelligence";color:var(--eh-orange)}
.brandIntel .eh-rail{grid-auto-columns:82%}
.brandIntel .eh-rail img,.brandIntel .eh-rail-placeholder{height:300px}
.brandIntel .eh-ch-type{padding:28px}
.brandIntel .eh-ch-media{aspect-ratio:auto;min-height:260px}
.brandIntel .eh-ch-type{position:relative;min-height:260px}
.brandIntel .eh-sub-title{font-size:16px}
.brandIntel .eh-sub-links .eh-sub-cta{white-space:nowrap;padding:7px 14px}
.brandIntel .eh-sub-links .eh-sub-cta .lg{display:none}
}

/* CF7 "Brand Intelligence" form inside the white card */
.brandIntel .eh-form .wpcf7-form{display:block;margin:0}
.brandIntel .eh-form .wpcf7-form p{margin:0}
.brandIntel .eh-form .wpcf7-form > label:first-of-type{margin-top:0}
.brandIntel .eh-form .wpcf7-form-control-wrap{display:block}
.brandIntel .eh-form input[type="submit"]{display:block;margin-top:26px;width:100%;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:15px;padding:16px 30px;border-radius:99px;text-transform:uppercase;letter-spacing:0.6px;background:var(--eh-orange);color:#FFFFFF;transition:background-color .2s,color .2s}
.brandIntel .eh-form input[type="submit"]:hover,.brandIntel .eh-form input[type="submit"]:focus-visible{background:#000000;color:#FFFFFF}
.brandIntel .eh-form select{appearance:none;-webkit-appearance:none;padding-right:44px;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23282728' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center}
.brandIntel .eh-form :is(input,textarea,select):focus{outline:2px solid var(--eh-orange);outline-offset:0;border-color:var(--eh-orange)}
.brandIntel .eh-form .wpcf7-not-valid-tip{margin-top:6px;font-size:13px;text-transform:none;letter-spacing:0;color:#C83400}
.brandIntel .eh-form .wpcf7-response-output{margin:18px 0 0;padding:12px 14px;border-radius:12px;font-size:15px}
.brandIntel .eh-form .wpcf7-spinner{display:block;margin:12px auto 0}
