/* One dotted, outlined finish for the site's tactile controls. */
html.ag body{--control-outline:#9db3c8;--control-ink:#28252d;--control-surface:linear-gradient(145deg,#fffefaef,#eaf3fbec);--control-dots:radial-gradient(circle at 1px 1px,#8c74a528 1px,transparent 1.5px) 0 0/9px 9px;--control-fill:linear-gradient(135deg,#f1d9ff,#dda5f5 52%,#c784eb)}
html.ag body[data-theme=night]{--control-outline:#786c94;--control-ink:#f7effc;--control-surface:linear-gradient(145deg,#25243fee,#1c2138ee);--control-dots:radial-gradient(circle at 1px 1px,#ffffff1c 1px,transparent 1.5px) 0 0/9px 9px;--control-fill:linear-gradient(135deg,#f0ccff,#da99f2 52%,#bd77e6)}
html.ag body :is(.abc-tabs button,.abc-detail-controls>button,#abcWorkLink,.closer-look,.client-filters button,.filter-row button,.explore-search button,.ag-stat-steps button,.machine-counters>span,#galleryArrange,#galleryUpload,#clearFilters,#inquirySubmit,#themeToggle,nav [data-open=ask]){background:var(--control-dots),var(--control-surface)!important;border:1px solid var(--control-outline)!important;color:var(--control-ink);box-shadow:inset 0 1px #ffffff29,0 6px 16px #26325415!important}
html.ag body :is(.abc-tabs button[aria-pressed=true],.client-filters button[aria-pressed=true],.filter-row button[aria-pressed=true],.ag-stat-steps button[aria-pressed=true],#galleryArrange[aria-pressed=true],#galleryUpload,#inquirySubmit,#spin,nav [data-open=ask]){background:var(--control-dots),var(--control-fill)!important;border:1px solid var(--control-outline)!important;color:#241a2f!important;box-shadow:0 0 18px #e094fc55!important}
html.ag body .machine-bottom .spin-button,html.ag body .machine-bottom .spin-button:active,html.ag body .spinning .spin-button{background:var(--control-dots),var(--control-fill)!important;border:1px solid var(--control-outline)!important;box-shadow:0 0 18px #e094fc55!important;translate:0 0!important}
html.ag body .abc-tabs button{padding:3px 0 0!important}
html.ag body #abcWorkLink{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px!important;border-radius:999px!important;text-decoration:none!important}
html.ag body .machine-project .view-project{background:var(--control-dots),var(--control-surface)!important;border-color:var(--control-outline)!important;box-shadow:inset 0 1px #ffffff29,0 6px 16px #26325415!important}
html.ag body .machine-counters>span{border-radius:12px}
html.ag body #clearFilters{padding:7px 11px;border-radius:999px}

/* Reel labels and matching marquee. */
html.ag body .payline{display:none!important}
html.ag body .reel-labels .reel-the,html.ag body .reel-labels>span:nth-child(3) .reel-the{top:7px!important}
html.ag body .machine-marquee{background:linear-gradient(150deg,#d2e1f1,#bacce9 49%,#a99dd7)!important}
html.ag body[data-theme=night] .machine-marquee{background:linear-gradient(150deg,#292950,#242143 50%,#1c1a39)!important}

/* The orbit borrows the testimonial circle's purple atmosphere. */
html.ag body .manifesto-copy,html.ag body #agStatLink{display:none!important}
html.ag body .client-universe:before{content:'';position:absolute;inset:7% 12%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,#dec6f5bb,#e1ccf390 40%,#dfc7ef31 64%,transparent 78%);filter:blur(23px)}
html.ag body[data-theme=night] .client-universe:before{background:radial-gradient(ellipse at center,#6240808c,#51326d66 37%,#3b2b5933 62%,transparent 76%)}
html.ag body[data-theme=night] .client-satellite[data-brand=southwest] .logo-object{filter:drop-shadow(0 0 20px #ffffffd5) drop-shadow(0 0 48px #f4edff9c)!important}
/* The knockout in the original climate mark is transparent here; back it with white. */
html.ag body .client-satellite[data-brand=climate] .logo-object:before{content:'';position:absolute;left:12%;top:50%;translate:0 -50%;width:11.5%;aspect-ratio:1;border-radius:50%;background:#fff;z-index:0;box-shadow:0 0 5px #fff9}

html.ag body #kind-words{padding-bottom:55px!important}
html.ag body .contact-section{padding-top:65px!important}
@media(max-width:750px){html.ag body .reel-labels .reel-the,html.ag body .reel-labels>span:nth-child(3) .reel-the{top:3px!important}html.ag body #kind-words{padding-bottom:65px!important}html.ag body .contact-section{padding-top:55px!important}html.ag body #clearFilters{padding:5px 8px}}
