/* ============================================================
   Home hero, build C — "Colour blocks" (html[data-homehero="blocks"])
   Editorial split headline over a full-bleed skyline of the five
   accelerator colours, with a sector ticker between them.
   Palette is the existing accelerator set; no new colours.
   ============================================================ */
.hero--blocks{padding:0!important;position:relative;overflow:hidden;min-height:94vh;display:flex;flex-direction:column;background:var(--paper,#FAFAF7)}
.hero--blocks .container.hb-top{flex:1;display:grid;grid-template-columns:1.3fr .7fr;gap:24px 56px;align-items:end;padding-top:clamp(140px,15vh,196px);padding-bottom:72px}
html[data-bp="on"] .hero--blocks .h-display{margin:0;max-width:15ch;color:#0B1024;font-size:clamp(44px,6.2vw,88px);font-weight:600;letter-spacing:-.035em;line-height:1.03}
.hero--blocks .h-display .ln{display:block;opacity:0;transform:translateY(24px);animation:hb-rise-txt .8s cubic-bezier(.2,.8,.2,1) forwards}
.hero--blocks .h-display .ln:nth-child(2){animation-delay:.12s}
.hero--blocks .lede{margin:0 0 10px;max-width:42ch;color:#2A3044;font-size:clamp(16px,1.25vw,19px);opacity:0;animation:hb-rise-txt .8s cubic-bezier(.2,.8,.2,1) .3s forwards}
@keyframes hb-rise-txt{to{opacity:1;transform:translateY(0)}}

/* Sector ticker */
.hb-ticker{position:relative;overflow:hidden;padding:12px 0;border-top:1px solid var(--hairline,#E7E7E1);border-bottom:1px solid var(--hairline,#E7E7E1)}
.hb-ticker-track{display:flex;width:max-content;animation:hb-tick 42s linear infinite}
.hb-tick-item{display:inline-flex;align-items:center;gap:26px;padding-right:26px;white-space:nowrap;color:#7A8091;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.hb-tick-item::after{content:"↓";color:var(--ia-light-blue,#4BE4F8);letter-spacing:0}
@keyframes hb-tick{to{transform:translateX(-50%)}}

/* Skyline */
.hb-skyline{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;height:clamp(190px,29vh,310px);padding:0 10px}
.hb-col{position:relative;display:block;width:100%;height:var(--h,80%);padding:0;border:0;border-radius:14px 14px 0 0;overflow:hidden;cursor:pointer;text-align:left;transform:translateY(102%);animation:hb-rise .85s cubic-bezier(.2,.8,.2,1) forwards;transition:height .35s cubic-bezier(.2,.8,.2,1)}
.hb-col:nth-child(1){animation-delay:.34s}
.hb-col:nth-child(2){animation-delay:.42s}
.hb-col:nth-child(3){animation-delay:.5s}
.hb-col:nth-child(4){animation-delay:.58s}
.hb-col:nth-child(5){animation-delay:.66s}
.hb-col:nth-child(6){animation-delay:.74s}
.hb-col:hover{height:calc(var(--h,80%) + 18px)}
@keyframes hb-rise{to{transform:translateY(0)}}
.hb-col--strategy{background:var(--ia-dark-blue,#001A55);color:#fff}
.hb-col--enable{background:var(--pl-enable-accent,#00968F);color:#fff}
.hb-col--build{background:var(--ia-blue,#0119B7);color:#fff}
.hb-col--photo{height:100%;background:#ECECE5}
.hb-col--photo image-slot{display:block;width:100%;height:100%}
.hb-lab{position:absolute;left:16px;right:12px;bottom:18px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}

/* This build carries the sectors in the ticker — drop the duplicate strip label */
html[data-homehero="blocks"] .logo-strip-label-row{display:none}
html[data-homehero="blocks"] .logo-strip-band{padding-top:40px!important}

@media (max-width:1080px){.hero--blocks .container.hb-top{grid-template-columns:1fr;align-items:start}.hero--blocks .lede{margin-bottom:0}}
@media (max-width:820px){.hero--blocks{min-height:76vh}.hero--blocks .container.hb-top{padding-top:128px;padding-bottom:48px}.hb-skyline{grid-template-columns:repeat(3,1fr);height:170px}.hb-col--photo{display:none}.hb-lab{display:none}}
@media (prefers-reduced-motion:reduce){.hero--blocks .h-display .ln,.hero--blocks .lede{opacity:1;transform:none;animation:none}.hb-col{transform:none;animation:none}.hb-ticker-track{animation:none}}