/* ADBM Core: structure for the hero answer. Colours and type come from the design system tokens. */
.ab-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;list-style:none}

.ab-answer{position:relative}
/* the question sits on the figure: its box is two lines tall and the text hugs the bottom edge */
.ab-answer__q{font-size:clamp(21px,2.5vw,36px);line-height:1.2;font-weight:500;max-width:30ch;min-height:2.4em;display:flex;align-items:flex-end;margin:0 0 clamp(10px,1.2vw,18px)}
.ab-answer.is-live .ab-answer__q span::after{content:"";display:inline-block;width:.42em;height:.95em;margin-left:.14em;vertical-align:-.1em;background:var(--ds-color-sodium, #FF6A13);animation:ab-caret 1s steps(1) infinite}
@keyframes ab-caret{50%{opacity:0}}
.ab-answer__stage{position:relative;overflow:hidden;height:clamp(90px,22vw,300px);margin:0}
.ab-answer__stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ab-answer__fig{margin:0;font-family:var(--ds-font-display, "Bricolage Grotesque", Arial, sans-serif);font-stretch:75%;font-weight:800;font-size:clamp(84px,19vw,300px);line-height:.9;letter-spacing:-.04em;white-space:nowrap;color:var(--ds-color-sodium, #FF6A13);position:absolute;left:0;top:0;transform-origin:left top}
.ab-answer.is-live .ab-answer__fig{visibility:hidden}
/* the answer reads straight on from the figure: "ADBM did." then who it was for */
.ab-answer__a{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;margin-top:clamp(10px,1.4vw,22px)}
.ab-answer__a strong{font-family:var(--ds-font-display, "Bricolage Grotesque", Arial, sans-serif);font-stretch:80%;font-weight:800;font-size:clamp(34px,4.4vw,68px);line-height:1;letter-spacing:-.025em}
.ab-answer__c{font-size:clamp(18px,1.7vw,24px);color:#fff;min-height:1.4em;flex:1 1 auto}
.ab-answer__pause{flex:0 0 auto;align-self:center;font:600 15px/1 var(--ds-font-body, Arial, sans-serif);color:#fff;background:transparent;border:1.5px solid color-mix(in srgb, #fff 55%, transparent);border-radius:999px;padding:9px 15px;cursor:pointer}
.ab-answer__pause:is(:hover,:focus-visible){background:#fff;color:var(--ds-color-blue, #1F028E);border-color:#fff}
@media (prefers-reduced-motion:reduce){.ab-answer.is-live .ab-answer__q span::after{display:none}}
