/* V46 — Strategy universe: the Studio layout in white (red and white screens swapped). */
#aa.aa-strat{background:#fff}
/* Opening (now white): black words, red "to". */
#aa.aa-strat #intro{color:#000}
#aa.aa-strat #intro .hero-build{color:var(--red)}
#aa.aa-strat .hero-we,#aa.aa-strat .hero-brands{white-space:nowrap}
@media(max-width:759px){
 #aa.aa-strat .hero-we{font-size:min(25cqw,13svh)}
 #aa.aa-strat .hero-build{font-size:min(30cqw,15svh)}
 #aa.aa-strat .hero-brands{font-size:min(23cqw,13svh)}
}
@media(min-width:760px){
 #aa.aa-strat #intro{--l1:min(12.6cqw,23dvh);--l2:min(16cqw,29dvh);--l3:min(12.6cqw,23dvh)}
}
/* Selected work (now red): black meta, black WATCH MORE card. */
#aa.aa-strat .aa-case-more .aa-case-media{background:#000;color:var(--red)}
#aa.aa-strat #work .wheel-frame.wheel-more{background:#000;color:var(--red)}
/* Partners (now white): label and foot in black. */
#aa.aa-strat #clients{color:#000}
/* Manifesto (now red): black words, white "audience.". */
#aa.aa-strat #manifesto .manifesto-text i{color:#fff}
#aa.aa-strat #manifesto .vertical-label{color:#000}
/* Contact (now white): black words, red "talk." and a red button. */
#aa.aa-strat #contact{color:#000}
#aa.aa-strat #contact .contact-hello{color:var(--red)}
#aa.aa-strat #contact .contact-cta{background:var(--red);color:#000;border-color:var(--red)}
#aa.aa-strat #contact .contact-cta:hover,#aa.aa-strat #contact .contact-cta:focus-visible{background:#000;color:#fff;border-color:#000}

/* ===== V48 — Strategy content ===== */
/* Intro call to action. */
#aa.aa-strat .intro-cta{display:inline-block;margin-top:14px;padding:.62em 1.2em .58em;border-radius:999px;background:var(--red);color:#000;font-size:3.1cqw;letter-spacing:.02em;white-space:nowrap;transition:background .3s,color .3s}
#aa.aa-strat .intro-cta:hover{background:#000;color:#fff}
/* Services: copy and the three territory buttons. */
#aa.aa-strat .vision-copy{z-index:5}
#aa.aa-strat .vision-copy p{margin:0 0 12px}
.vt-pills{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.vt-pills button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:.5em .95em .46em;font-family:Degular,Arial,sans-serif;font-weight:400;line-height:1;font-size:1em;display:inline-flex;gap:.6em;align-items:center;transition:background .3s,color .3s}
.vt-pills button span{color:var(--red);transition:transform .4s cubic-bezier(.22,.7,.15,1)}
.vt-pills button:hover{background:#fff;color:#000}
.vt-pills button:hover span{transform:rotate(90deg)}

/* Free introductory call — agenda (section #work, red). */
.bk{position:absolute;left:7%;right:7%;top:calc(max(20px,env(safe-area-inset-top)) + 64px);bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;color:#000}
.bk-eyebrow,.hw-eyebrow,.fq-eyebrow{margin:0 0 6px;font-size:10px;letter-spacing:.16em}
.bk-title{margin:0;font-size:12cqw;font-weight:600;line-height:.86;letter-spacing:-.045em}
.bk-title i,.hw-title i,.fq-title i{font-weight:400;letter-spacing:-.02em}
.bk-title i{color:#fff}
.bk-lead{margin:10px 0 0;font-size:3.5cqw;line-height:1.25}
.bk-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0}
.bk-chips li{border:1px solid #0006;border-radius:999px;padding:5px 10px;font-size:2.8cqw;letter-spacing:.04em}
.bk-host,.bk-note{display:none}
.bk-card{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#000;color:#fff;border-radius:22px;padding:18px 16px;scrollbar-width:thin}
.bk-loading,.bk-empty{margin:0;font-size:14px;color:#fffa}
.bk-mail{color:var(--red);font-size:16px}
.bk-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;font-size:14px}
.bk-tz{font-size:11px;color:#fff8;letter-spacing:.04em}
.bk-days{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.bk-days::-webkit-scrollbar{display:none}
.bk-day{flex:none;width:56px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0;border:1px solid #fff3;border-radius:12px;background:transparent;color:#fff;transition:background .25s,border-color .25s,color .25s}
.bk-day .bk-dow,.bk-day .bk-mon{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:inherit;opacity:.7}
.bk-day .bk-num{font-size:20px;font-weight:600;line-height:1}
.bk-day:hover{border-color:#fff}
.bk-day.is-on{background:var(--red);border-color:var(--red);color:#000}
.bk-when{margin:14px 0 10px;font-size:12px;color:#fffa}
.bk-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bk-slot{border:1px solid #fff4;border-radius:10px;background:transparent;color:#fff;padding:11px 0;font:400 15px/1 Degular,Arial,sans-serif;transition:background .25s,color .25s,border-color .25s}
.bk-slot:hover,.bk-slot:focus-visible{background:#fff;color:#000;border-color:#fff}
.bk-back{border:0;background:none;color:var(--red);font:400 14px/1.2 Degular,Arial,sans-serif;padding:0 0 14px;text-align:left}
.bk-form{display:flex;flex-direction:column;gap:12px}
.bk-form label{display:flex;flex-direction:column;gap:6px}
.bk-form label span{font-size:10px;letter-spacing:.14em;color:#fff9}
.bk-form label em{font-style:normal;letter-spacing:0;text-transform:none;opacity:.7}
.bk-form input,.bk-form select,.bk-form textarea{width:100%;border:0;border-bottom:1px solid #fff5;border-radius:0;background:transparent;color:#fff;font:400 16px/1.3 Degular,Arial,sans-serif;padding:6px 0;outline:none}
.bk-form select option{color:#000}
.bk-form input:focus,.bk-form select:focus,.bk-form textarea:focus{border-bottom-color:var(--red)}
.bk-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.bk-status{margin:0;font-size:12px;color:var(--red)}
.bk-confirm{flex:none;border:0;border-radius:999px;background:var(--red);color:#000;font:600 15px/1 Degular,Arial,sans-serif;padding:13px 20px;transition:background .3s,color .3s}
.bk-confirm:hover{background:#fff}
.bk-confirm:disabled{opacity:.5}
.bk-privacy{margin:0;font-size:11px;color:#fff7}
.bk-done-title{margin:0;font-size:44px;font-weight:600;letter-spacing:-.04em;color:var(--red)}
.bk-done-when{margin:8px 0 10px;font-size:18px}
.bk-done-text{margin:0;font-size:14px;line-height:1.4;color:#fffb}
.bk-frame{width:100%;height:100%;min-height:420px;border:0;border-radius:12px;background:#fff}
.bk-fallback{margin:10px 0 0;font-size:12px}.bk-fallback a{color:#fff}

/* How we work (section #experience, red). */
.hw{position:absolute;left:7%;right:7%;top:calc(max(20px,env(safe-area-inset-top)) + 78px);bottom:calc(max(40px,env(safe-area-inset-bottom) + 20px));display:flex;flex-direction:column;justify-content:space-between;gap:20px;color:#000}
.hw-title{margin:0;font-size:14cqw;font-weight:600;line-height:.86;letter-spacing:-.045em}
.hw-title i{color:#fff}
.hw-lead{margin:14px 0 0;font-size:3.6cqw;line-height:1.25;max-width:34em}
.hw-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid #0005}
.hw-step{width:100%;display:grid;grid-template-columns:3em 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:baseline;text-align:left;border:0;border-bottom:1px solid #0005;background:transparent;color:#000;padding:13px 0;font:inherit}
.hw-num{grid-row:1/3;font-size:3cqw;letter-spacing:.1em}
.hw-step strong{font-size:7.5cqw;font-weight:600;line-height:.95;letter-spacing:-.03em}
.hw-sub{grid-column:2;font-size:3cqw;opacity:.75;margin-top:3px}
.hw-plus{grid-column:3;grid-row:1;font-size:7cqw;line-height:.8;color:#fff;transition:transform .45s cubic-bezier(.22,.7,.15,1)}
.hw-step:hover .hw-plus{transform:rotate(90deg)}
.hw-step:hover strong{color:#fff}

/* Good to know (section #faq, black). */
.fq{position:absolute;left:7%;right:7%;top:calc(max(20px,env(safe-area-inset-top)) + 78px);bottom:calc(max(40px,env(safe-area-inset-bottom) + 20px));display:flex;flex-direction:column;gap:20px;color:#fff}
.fq-eyebrow{color:var(--red)}
.fq-title{margin:0;font-size:15cqw;font-weight:600;line-height:.86;letter-spacing:-.045em;color:var(--red)}
.fq-title i{color:#fff}
.fq-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border-top:1px solid #fff3;scrollbar-width:none}
.fq-list::-webkit-scrollbar{display:none}
.fq-item{border-bottom:1px solid #fff3}
.fq-item summary{list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;font-size:4.6cqw;line-height:1.15;cursor:pointer}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary span{flex:none;width:14px;height:14px;position:relative}
.fq-item summary span:before,.fq-item summary span:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--red);transition:transform .4s cubic-bezier(.22,.7,.15,1)}
.fq-item summary span:after{transform:rotate(90deg)}
.fq-item[open] summary span:after{transform:rotate(0)}
.fq-item p{margin:0 0 18px;font-size:3.6cqw;line-height:1.4;color:#fffc;max-width:40em}
.fq-item[open] p{animation:fq-in .45s cubic-bezier(.22,.7,.15,1)}
@keyframes fq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Bubbles: territories and steps. */
.sb-bubble{width:min(100%,600px);max-height:calc(100% - 20px);overflow:auto}
.sb-title{margin:0 0 16px;font:600 clamp(34px,9cqw,56px)/.9 Degular,Arial,sans-serif;letter-spacing:-.04em;color:var(--red)}
.sb-title i{font-family:Instrument,Georgia,serif;font-weight:400;letter-spacing:-.02em;color:#fff}
.sb-text{margin:0 0 18px;font-size:16px;line-height:1.45;color:#fffd}
.sb-list{list-style:none;margin:0 0 22px;padding:0;border-top:1px solid #fff3}
.sb-list li{padding:10px 0;border-bottom:1px solid #fff3;font-size:14px;letter-spacing:.02em}
.sb-list li:before{content:"→ ";color:var(--red)}
.sb-cta{margin:0}
.sb-cta a{display:inline-block;border-radius:999px;background:var(--red);color:#000;padding:13px 22px;font:600 15px/1 Degular,Arial,sans-serif}
.sb-cta a:hover{background:#fff}

@media(min-width:760px){
 #aa.aa-strat .intro-cta{font-size:clamp(14px,1cqw,19px);margin-top:clamp(16px,1.4cqw,28px)}
 #aa.aa-strat .vision-copy{width:23%;font-size:clamp(15px,1.05cqw,20px)}
 .vt-pills{gap:9px;margin-top:6px}
 .bk{left:var(--edge);right:var(--edge);top:calc(var(--inset) + 84px);bottom:calc(var(--inset) + 34px);display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,560px);gap:5cqw;align-items:stretch}
 .bk-copy{align-self:center}
 .bk-eyebrow,.hw-eyebrow,.fq-eyebrow{font-size:12px}
 .bk-title{font-size:min(7.5cqw,15dvh)}
 .bk-lead{font-size:clamp(17px,1.35cqw,24px);margin-top:2.4dvh;max-width:24em}
 .bk-chips{margin-top:2.4dvh}.bk-chips li{font-size:13px;padding:7px 14px}
 .bk-host{display:flex;align-items:center;gap:14px;margin:3.4dvh 0 0}
 .bk-host img{width:56px;height:56px;border-radius:50%;object-fit:cover;filter:grayscale(1)}
 .bk-host span{display:flex;flex-direction:column;font-size:14px;line-height:1.3}
 .bk-note{display:block;margin:2.4dvh 0 0;font-size:13px;line-height:1.4;max-width:34em;opacity:.8}
 .bk-card{padding:28px 26px;border-radius:26px}
 .bk-slots{grid-template-columns:repeat(4,minmax(0,1fr))}
 .hw{left:var(--edge);right:var(--edge);top:calc(var(--inset) + 84px);bottom:calc(var(--inset) + 40px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6cqw;align-items:center}
 .hw-title{font-size:min(7.4cqw,15dvh)}
 .hw-lead{font-size:clamp(16px,1.3cqw,23px);margin-top:3dvh}
 .hw-step{padding:2.4dvh 0;grid-template-columns:4.5em 1fr auto}
 .hw-num{font-size:13px}
 .hw-step strong{font-size:min(3.4cqw,7dvh)}
 .hw-sub{font-size:clamp(13px,1cqw,17px)}
 .hw-plus{font-size:min(3cqw,6dvh)}
 .fq{left:var(--edge);right:var(--edge);top:calc(var(--inset) + 84px);bottom:calc(var(--inset) + 40px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6cqw;align-items:center}
 .fq-title{font-size:min(8cqw,17dvh)}
 .fq-list{max-height:100%}
 .fq-item summary{font-size:clamp(18px,1.5cqw,28px);padding:2.4dvh 0}
 .fq-item p{font-size:clamp(15px,1.1cqw,19px)}
 .sb-bubble{padding:44px 44px 38px}
 .sb-title{font-size:clamp(48px,3.8cqw,72px)}
}
@media(min-width:760px) and (max-height:700px){.bk-host,.bk-note{display:none}}
@media(prefers-reduced-motion:reduce){.fq-item[open] p{animation:none}}
@media(max-width:759px){
 #aa.aa-strat .vision-copy{left:7%;right:7%;width:auto;top:39%}
 #aa.aa-strat .vision-copy p{display:none}
 #aa.aa-strat .vt-pills{flex-direction:row;flex-wrap:wrap;gap:6px}
 #aa.aa-strat .vt-pills button{white-space:nowrap;font-size:3.3cqw;background:#000}
}
@media(min-width:760px){#aa.aa-strat .down{display:none}}

/* ===== V51 — agenda in three steps, fixed in its frame ===== */
.bk-card{overflow:hidden!important;display:flex;flex-direction:column;gap:14px}
.bk-steps{list-style:none;display:flex;gap:6px;margin:0;padding:0 0 12px;border-bottom:1px solid #fff2}
.bk-steps li{display:flex;align-items:center;gap:7px;flex:1;font-family:var(--font-text);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff6}
.bk-steps li span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid currentColor;font-size:10px;letter-spacing:0}
.bk-steps li.is-on{color:#fff}.bk-steps li.is-on span{background:var(--red);border-color:var(--red);color:#000}
.bk-steps li.is-done{color:#fffa}
.bk-pane{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.bk-q{margin:0;font:600 22px/1 Degular,Arial,sans-serif;letter-spacing:-.02em}
.bk-days{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:visible!important;padding:0!important}
.bk-day{width:auto!important;padding:8px 0!important}
.bk-day:hover{background:#fff;color:#000;border-color:#fff}
.bk-tz{margin:auto 0 0;color:#fff7}
.bk-group{display:flex;flex-direction:column;gap:8px}
.bk-group-name{font-family:var(--font-text);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff8}
.bk-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bk-slot{padding:12px 0!important;border-radius:999px!important}
.bk-back{align-self:flex-start;padding:0!important}
.bk-form{gap:12px!important}
.bk-row{display:grid;grid-template-columns:1fr;gap:12px}
.bk-topic{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bk-topic legend{padding:0 0 7px;font-family:var(--font-text);font-size:11px;letter-spacing:.12em;color:#fff9}
.bk-topic label{position:relative;display:inline-flex}
.bk-topic input{position:absolute;opacity:0;inset:0;margin:0}
.bk-topic span{border:1px solid #fff4;border-radius:999px;padding:8px 12px;font-size:13px;letter-spacing:.02em;color:#fffc;transition:background .25s,color .25s,border-color .25s}
.bk-topic input:checked+span{background:var(--red);border-color:var(--red);color:#000}
.bk-topic input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.bk-topic label:hover span{border-color:#fff}
@media(max-width:759px){
 .bk{gap:12px}
 .bk-lead,.bk-chips{display:none}
 .bk-title{font-size:11cqw}
 .bk-card{padding:16px 14px!important}
 .bk-q{font-size:20px}
 .bk-day .bk-num{font-size:18px}
 .bk-topic span{padding:7px 10px;font-size:12px}
}
@media(min-width:760px){.bk-row{grid-template-columns:1fr 1fr}.bk-q{font-size:28px}}
.bk-topic span{text-transform:none!important;letter-spacing:.02em!important;font-size:13px!important;font-weight:400!important;font-family:var(--font-text)!important}
@media(min-width:760px){.bk{align-items:center}.bk-card{align-self:center;height:auto;min-height:min(430px,100%);max-height:100%}}
@media(max-width:759px) and (max-height:720px){
 .bk-title{font-size:9.5cqw}.bk-eyebrow{display:none}
 .bk-card{gap:10px}.bk-steps{padding-bottom:8px}
 .bk-topic{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.bk-topic::-webkit-scrollbar{display:none}
 .bk-topic label{flex:none}.bk-form{gap:9px!important}
}
/* V53 — How we work now sits on white, before the agenda. */
#aa.aa-strat #experience .hw-title i,#aa.aa-strat #experience .hw-plus,#aa.aa-strat #experience .hw-step:hover strong{color:var(--red)}
/* V68 — the chosen day / time glows before the next step slides in */
.bk-day,.bk-slot{transition:box-shadow .3s ease,transform .3s cubic-bezier(.22,.7,.15,1),background-color .3s ease,color .3s ease}
.bk-day.bk-picked,.bk-slot.bk-picked{background:var(--red,#fe0000)!important;color:#fff!important;border-color:var(--red,#fe0000)!important;box-shadow:0 0 0 4px #fe000022,0 0 26px 4px #fe000066;transform:scale(1.05)}