/* October 12 homepage covers, experience logos and Demo advert. */
body[data-page="home"] .home-services #mascots .home-step-visual img{object-position:60% 44%}
body[data-page="home"] .home-services #agents .home-step-visual img{object-position:50% 42%}
html body[data-page="home"] .home-why.ag-hello-cta{height:auto;min-height:620px}
html body[data-page="home"] .home-why.ag-hello-cta .ag-hello-copy{padding-bottom:22px}
.home-experience{position:relative;z-index:1;width:100%;padding:0 clamp(28px,4vw,64px) 26px}
.home-experience-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;color:#fff;font:400 12px/1.5 var(--sans)}
.home-logos-toggle{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:8px;border:1px solid #ffffff66;border-radius:50%;background:#16171980;color:#fff;cursor:pointer}
.home-logos-toggle:hover{background:#161719}
.home-logos-toggle svg{width:16px;height:16px}
.home-logos-toggle [hidden],.home-logos-toggle[hidden]{display:none}
.home-logos-toggle:focus-visible,.home-logo-window:focus-visible{outline:2px solid #fff;outline-offset:4px}
.home-logo-window{overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.home-logo-window::-webkit-scrollbar{display:none}
.home-logo-track{display:flex;width:max-content}
.home-logo-group{display:flex;align-items:center;gap:52px;padding-right:52px;flex:none}
.home-logo-group[aria-hidden="true"]{display:none}
.home-logo-group img{width:130px;height:74px;object-fit:contain;filter:brightness(0) invert(1);opacity:.96}
.home-experience.is-ready .home-logo-window{overflow:hidden}
.home-experience.is-ready .home-logo-group[aria-hidden="true"]{display:flex}
.home-experience.is-ready .home-logo-track{animation:home-logo-scroll 48s linear infinite}
.home-experience.is-paused .home-logo-track{animation-play-state:paused}
.home-logo-group .client-marvel,.home-logo-group .client-epic-games{filter:url(#home-ink-light)}
.home-logo-group .client-cartoon-network,.home-logo-group .client-dreamworks{filter:url(#home-ink-dark)}
.home-logo-group .client-capcom,.home-logo-group .client-star-wars{filter:url(#home-ink-gold)}
.home-logo-group .client-nickelodeon{filter:url(#home-ink-orange)}
.home-logo-group .client-pixar{object-fit:cover;width:145px}
.home-logo-group .client-futureverse{width:74px}
@keyframes home-logo-scroll{to{transform:translateX(-50%)}}
html body[data-page="home"] .home-demo-ad{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(28px,4vw,64px);margin-top:var(--ag-panel-gap);min-height:480px;padding:clamp(32px,4vw,64px);background:#e3e1e8;color:#141513;border-radius:var(--radius,28px)}
.home-demo-ad-copy{min-width:0;position:relative;z-index:1}
.home-demo-ad-copy .eyebrow{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:22px}
.home-demo-ad-copy h2{font:400 clamp(44px,4.4vw,72px)/1.02 var(--display);letter-spacing:-.048em;color:#141513}
.home-demo-ad-copy>p{max-width:38ch;margin:24px 0 28px;font:400 var(--ag-copy-size,17px)/var(--ag-copy-leading,1.7) var(--sans);color:#141513}
.home-demo-ad-copy>.button{display:inline-flex}
.home-demo-ad-cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:14px;min-width:0;padding-block:22px}
.home-demo-ad-cast img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center;border-radius:clamp(16px,2vw,28px);box-shadow:0 16px 28px -15px #1c1c2b66}
.home-demo-ad-cast img:first-child{transform:translateY(18px)}
.home-demo-ad-cast img:nth-child(2){transform:translateY(-18px)}
.home-demo-ad-cast img:last-child{transform:translateY(18px)}
@media(min-width:901px) and (max-width:1600px){
 html body[data-page="home"] .home-why.ag-hello-cta{min-height:500px}
 .home-experience{padding-inline:clamp(23px,3.2vw,51px)}
 html body[data-page="home"] .home-demo-ad{min-height:384px;padding:clamp(28px,3.2vw,51px)}
 .home-demo-ad-copy h2{font-size:clamp(36px,3.17vw,52px)}
}
@media(max-width:900px){
 html body[data-page="home"] .home-demo-ad{grid-template-columns:1fr;gap:20px;min-height:0;padding:32px}
 .home-demo-ad-cast{grid-row:1;width:min(100%,580px);margin:auto}
 .home-demo-ad-copy>p{max-width:42ch}
}
@media(max-width:600px){
 html body[data-page="home"] .home-why.ag-hello-cta{min-height:0;padding-top:210px!important}
 html body[data-page="home"] .home-why.ag-hello-cta .ag-hello-copy{padding:28px 24px 18px}
 .home-experience{padding:0 24px 24px}
 .home-experience-heading{font-size:11px}
 .home-logo-group{gap:34px;padding-right:34px}
 .home-logo-group img{width:110px;height:66px}
 .home-logo-group .client-pixar{width:126px}
 html body[data-page="home"] .home-demo-ad{padding:28px 24px;border-radius:22px;gap:18px}
 .home-demo-ad-cast{gap:9px;padding-block:18px}
 .home-demo-ad-cast img{border-radius:17px}
 .home-demo-ad-copy .eyebrow{font-size:11px;margin-bottom:18px}
 .home-demo-ad-copy h2{font-size:clamp(38px,10vw,48px)}
 .home-demo-ad-copy>p{font-size:16px;margin:20px 0 24px}
}
@media(prefers-reduced-motion:reduce){
 .home-experience.is-ready .home-logo-track{animation:none}
 .home-experience.is-ready .home-logo-window{overflow-x:auto}
 .home-experience.is-ready .home-logo-group[aria-hidden="true"],.home-logos-toggle{display:none}
}
@media print{
 .home-experience.is-ready .home-logo-track{animation:none;width:100%}
 .home-experience.is-ready .home-logo-group{flex-wrap:wrap;padding:0}
 .home-experience.is-ready .home-logo-group[aria-hidden="true"],.home-logos-toggle{display:none}
}

/* Landscape covers need enough width to keep the supplied ensemble in view. */
@media(min-width:1101px){
 html body[data-page="home"] .home-services .home-step:not(.is-open){grid-template-columns:1fr 1fr;min-height:clamp(380px,28vw,530px)}
 html body[data-page="home"] .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,rgba(16,17,18,0.68471) 0%,rgba(16,17,18,0.58588) 32%,rgba(16,17,18,0.18) 58%,transparent 78%),linear-gradient(0deg,rgba(16,17,18,0.67412),transparent 40%)}
}
.home-why>.client-logo-filters{position:absolute;overflow:hidden;pointer-events:none}
html body[data-page="home"] .home-why.ag-hello-cta{gap:0}
@media(min-width:601px) and (max-width:1100px){
 html body[data-page="home"] .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,rgba(16,17,18,0.70941) 0%,rgba(16,17,18,0.54) 44%,transparent 100%),linear-gradient(0deg,rgba(16,17,18,0.67412),transparent 40%)}
}
@media(max-width:600px){
 html body[data-page="home"] .home-why.ag-hello-cta .ag-hello-copy{margin:0}
}

/* Supplied poster rows sit behind the copy, slower than the foreground logos. */
html body[data-page="home"] .home-why.ag-hello-cta{background:#000;isolation:isolate;overflow:hidden}
.home-poster-wall{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#000;display:flex;flex-direction:column;justify-content:center;pointer-events:none}
.home-poster-row{height:210px;flex:none;overflow:hidden}
.home-poster-track{display:flex;width:max-content;transform:translateX(-10%)}
.home-poster-track img{display:block;width:1700px;height:auto;max-width:none;flex:none}
.posters-ready .home-poster-track{animation:home-poster-scroll 150s linear infinite}
.posters-ready .home-poster-row:nth-child(2) .home-poster-track{animation-duration:175s;animation-direction:reverse;animation-delay:-60s}
.posters-ready .home-poster-row:nth-child(3) .home-poster-track{animation-duration:160s;animation-delay:-95s}
.posters-paused .home-poster-track{animation-play-state:paused}
@keyframes home-poster-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html body[data-page="home"] .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,#000e8 0%,#000c9 34%,#00038 70%,#00020),linear-gradient(0deg,rgba(0,0,0,0.9) 0%,#000b3 18%,transparent 48%)}
.home-why .home-experience-heading{min-height:0;margin-bottom:8px;line-height:1.5}
.home-why .home-experience{padding-bottom:38px}
html body[data-page="home"] .home-why.ag-hello-cta .ag-hello-copy{padding-bottom:16px}
@media(max-width:600px){
 .home-poster-row{height:190px}
 .home-poster-track img{width:1500px}
 .home-why .home-experience{padding-bottom:30px}
 html body[data-page="home"] .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(180deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.54) 24%,#000e8 47%,#000ed 100%)}
}
@media(prefers-reduced-motion:reduce){.posters-ready .home-poster-track{animation:none}}
@media print{.home-poster-track{animation:none!important}}
/* Keep the credit and logos directly beneath the final paragraph. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{justify-content:flex-start}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy{padding-bottom:14px}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy>p:last-child{margin-bottom:0}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,#000eb 0%,#000cc 36%,#00038 75%),linear-gradient(0deg,#000d9,transparent 45%)}
@media(max-width:600px){html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(180deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.54) 24%,#000e8 47%,#000ed 100%)}}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(90deg,#000eb 0%,#000cc 36%,#00038 75%),linear-gradient(0deg,#000d9,transparent 45%)!important}
@media(max-width:600px){html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:linear-gradient(180deg,rgba(0,0,0,0.12) 0%,rgba(0,0,0,0.54) 24%,#000e8 47%,#000ed 100%)!important}}
.home-poster-wall::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b3, #00080 40%,transparent 80%);pointer-events:none}
@media(max-width:600px){.home-poster-wall::after{background:linear-gradient(180deg,transparent,#000b3 40%,#000d9)}}
@media(max-width:600px){
 html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{padding-top:0!important}
 .home-poster-wall{justify-content:flex-start}
}
.home-poster-track{opacity:.65}
@media(max-width:600px){
 html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy>.eyebrow{position:static;display:block;margin:0 0 20px}
 .home-poster-track{opacity:.4}
}

/* One larger, complete reflected poster sequence: top, middle, then base. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:660px}
.home-why .home-poster-wall{justify-content:center}
.home-poster-sequence{display:flex;width:max-content;opacity:.8}
.home-poster-set{display:flex;flex:none}
.home-poster-set img{display:block;flex:none;width:2400px;height:auto;max-width:none}
.posters-ready .home-poster-sequence{animation:home-poster-scroll 600s linear infinite}
.posters-paused .home-poster-sequence{animation-play-state:paused}
html body[data-page="home"] main .home-why .home-experience{margin-top:auto;padding-top:28px;padding-bottom:40px}
@media(max-width:600px){
 html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:760px}
 .home-why .home-poster-wall{justify-content:flex-start;padding-top:30px}
 .home-poster-set img{width:2200px}
 .home-poster-sequence{opacity:.65}
 html body[data-page="home"] main .home-why .home-experience{padding-top:30px;padding-bottom:32px}
}
@media(prefers-reduced-motion:reduce){.posters-ready .home-poster-sequence{animation:none}}
@media print{.home-poster-sequence{animation:none!important}}

/* Match the review markup: large posters from the top, compact foreground copy. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:580px}
.home-why .home-poster-wall{justify-content:flex-start;padding-top:0}
.home-poster-sequence{margin-top:-52px}
.home-poster-set img{width:3600px}
.posters-ready .home-poster-sequence{animation-duration:900s}
html body[data-page="home"] main .home-why .home-experience{margin-top:32px;padding-top:0;padding-bottom:38px}
@media(max-width:600px){
 html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:0}
 .home-poster-set img{width:3200px}
 .home-poster-sequence{margin-top:-45px}
 html body[data-page="home"] main .home-why .home-experience{margin-top:24px;padding-top:0;padding-bottom:30px}
}

/* Lower and enlarge the foreground logos to fill the pill's lower space. */
html body[data-page="home"] main .home-why .home-experience{margin-top:auto;padding-top:32px;padding-bottom:24px}
.home-why .home-logo-group img{width:156px;height:92px}
.home-why .home-logo-group .client-pixar{width:174px}
.home-why .home-logo-group .client-futureverse{width:90px}
@media(max-width:600px){
 html body[data-page="home"] main .home-why .home-experience{padding-top:28px;padding-bottom:22px}
 .home-why .home-logo-group img{width:132px;height:80px}
 .home-why .home-logo-group .client-pixar{width:150px}
 .home-why .home-logo-group .client-futureverse{width:84px}
}
/* Trim only the unused bottom space; retain the top artwork and copy positions. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:0}
html body[data-page="home"] main .home-why .home-experience{margin-top:32px;padding-top:0;padding-bottom:24px}
@media(max-width:600px){html body[data-page="home"] main .home-why .home-experience{margin-top:24px;padding-bottom:22px}}

/* V88: studio backdrop, white copy and existing portrait trio. */
html body[data-page="home"] .home-demo-ad{position:relative;isolation:isolate;overflow:hidden;background:#242722;color:#fff}
.home-demo-ad>.home-demo-ad-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;z-index:-2}
.home-demo-ad::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,0.738),rgba(0,0,0,0.54) 32%,rgba(0,0,0,0.108) 68%,transparent)}
html body[data-page="home"] .home-demo-ad-copy :is(h2,p,.eyebrow){color:#fff}
@media(max-width:800px){.home-demo-ad::after{background:linear-gradient(0deg,rgba(0,0,0,0.792),rgba(0,0,0,0.54) 48%,rgba(0,0,0,0.09))}}
@media(min-width:801px){.home-demo-ad>.home-demo-ad-backdrop{width:80%;object-position:center 62%;mask-image:linear-gradient(90deg,#000 72%,transparent 100%)}}

/* V94: individually cropped, tightly packed posters without perspective warping. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:736px}
.home-why .home-poster-wall{display:block;padding:0;perspective:none;z-index:0}
.home-depth-plane{position:absolute;inset:-15% -5%;display:flex;flex-direction:column;gap:2px;justify-content:center;transform:none}
.home-depth-row{height:calc((100% - 4px)/3);flex:none;overflow:hidden}
.home-depth-track{display:flex;height:100%;width:max-content;will-change:transform}
.home-poster-pack{display:flex;height:100%;gap:2px;padding-right:2px;flex:none}
.home-depth-track img{display:block;height:100%;width:auto;max-width:none;flex:none;object-fit:contain;transform:none;border-radius:3px}
.posters-ready .home-depth-track{animation:home-poster-wall-flow 120s linear infinite}
.posters-ready .home-depth-row:nth-child(2) .home-depth-track{animation-direction:reverse;animation-duration:145s;animation-delay:-48s}
.posters-ready .home-depth-row:nth-child(3) .home-depth-track{animation-duration:132s;animation-delay:-72s}
.posters-paused .home-depth-track{animation-play-state:paused}
@keyframes home-poster-wall-flow{from{transform:translateX(0)}to{transform:translateX(-25%)}}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta::after{background:var(--pill-image-gradient)!important;opacity:1;z-index:1}
html body[data-page="home"] main .home-why :is(.ag-hello-copy,.home-experience){position:relative;z-index:2}
.home-why .home-poster-wall::after{display:none}
@media(max-width:600px){html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta{min-height:780px}.home-depth-plane{inset:-5% -20%}}
@media(prefers-reduced-motion:reduce){.posters-ready .home-depth-track{animation:none;will-change:auto}}
@media print{.home-depth-track{animation:none!important}}
/* Anchor the label while the headline, copy and logo group settle at the base. */
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy{position:static;margin-top:auto;padding-top:92px}
html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy>.eyebrow{position:absolute;top:22px;left:clamp(38px,3.2vw,64px);margin:0;transform:none;padding:0}
html body[data-page="home"] main .home-why .home-experience{margin-top:32px;padding-bottom:24px;flex-shrink:0}
@media(max-width:600px){html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy>.eyebrow{top:28px;left:24px}html body[data-page="home"] main .home-why.ag-shared-cta.ag-hello-cta .ag-hello-copy{min-height:0;padding-top:100px}}
/* V96: one continuous perspective surface, with independent counter-scrolling rows. */
.home-why .home-poster-wall{perspective:1600px;perspective-origin:100% 46%;mask-image:linear-gradient(90deg,transparent 5%,rgba(0,0,0,.25) 18%,#000 48%)}
.home-depth-plane{inset:auto;left:-8%;right:auto;top:-12%;width:112%;height:124%;transform-origin:100% 50%;transform:rotateY(-32deg);gap:2px;justify-content:center}
.home-depth-row{overflow:hidden;height:calc((100% - 4px)/3)}
.home-depth-track img{height:100%;width:auto;object-fit:contain;transform:none}
@media(max-width:600px){.home-why .home-poster-wall{perspective:1100px;mask-image:linear-gradient(90deg,transparent,#000 65%)}.home-depth-plane{left:-30%;width:135%;top:-5%;height:110%}}
.home-depth-plane{left:-96%;width:200%;mask-image:linear-gradient(90deg,transparent 0%,#000 20%)}
@media(max-width:600px){.home-depth-plane{left:-130%;width:235%}}
/* V97: center the main editorial copy without moving the credit or logos. */
@media(min-width:601px){html body[data-page="home"] main .home-why .ag-hello-copy>:is(h2,p){position:relative;top:clamp(-68px,-4.2vw,-32px)}}
/* V98: match About's logo-band breathing room and caption placement. */
html body[data-page="home"] main .home-why .home-experience{display:flex;flex-direction:column;margin-top:20px;padding:0 0 24px}
.home-why .home-logo-window{order:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.home-why .home-experience-heading{order:1;min-height:0;margin:20px 0 0;padding:0 var(--pill-inset);line-height:1.5;font-size:12px}
.home-why .home-logo-group{gap:68px;padding-right:68px}
@media(max-width:600px){html body[data-page="home"] main .home-why .home-experience{margin-top:12px}.home-why .home-logo-group{gap:42px;padding-right:42px}}
/* V103: the cast invitation shares the poster pill's exact type scale. */
html body[data-page="home"] main .home-demo-ad-copy h2{font:400 var(--pill-title)/1.04 var(--display)!important;letter-spacing:-.035em!important}
html body[data-page="home"] main .home-demo-ad-copy>p{font:400 var(--pill-body)/1.6 var(--sans)!important;letter-spacing:0}
html body[data-page="home"] main .home-demo-ad-copy>.eyebrow{font:600 12px/1.4 var(--sans);letter-spacing:.08em}