@font-face{font-family:AgencyPromo;src:url('/fonts/manrope.woff2') format('woff2');font-weight:400;font-display:swap}
.agency-promo{background:#08231d;padding:45px max(5%,calc((100% - 1160px)/2)) 0;color:#f5f0df}
.agency-promo-inner{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:20px;min-height:300px;background:#24343c;border:1px solid #566765;border-radius:12px;padding:20px 42px;overflow:hidden}
.agency-promo-label{display:block;font:800 10px/1.6 AgencyPromo,Arial,sans-serif;letter-spacing:1.3px;color:#f6cc57;margin-bottom:18px}
.agency-promo h2{font:800 clamp(28px,3.5vw,43px)/1.1 AgencyPromo,Arial,sans-serif;color:#f5f0df;letter-spacing:-1px;margin:0 0 15px;text-shadow:none}
.agency-promo p{font:14px/1.7 AgencyPromo,Arial,sans-serif;color:#c5d1ce;max-width:340px;margin:0 0 22px}
.agency-promo a{display:inline-flex;align-items:center;gap:22px;min-height:49px;background:#f6cc57;color:#172b36;border-radius:5px;padding:13px 18px;font:800 13px/1.5 AgencyPromo,Arial,sans-serif;text-decoration:none;box-shadow:0 3px #b28d30;transition:transform .15s}
.agency-promo a:hover{transform:translateY(-2px);color:#172b36}.agency-promo a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.agency-promo img{display:block;width:100%;height:auto;max-width:330px;justify-self:center;filter:drop-shadow(0 12px 12px #0002)}
html.corporate[data-site=home] .agency-promo{background:#fff;color:#1c303a}
html.corporate[data-site=home] .agency-promo-inner{background:#f5f0df;border-color:#d4cebc;border-radius:6px}
html.corporate[data-site=home] .agency-promo h2{font-family:AgencyPromo,Arial,sans-serif!important;color:#1c303a}
html.corporate[data-site=home] .agency-promo-label{color:#735b1c}
html.corporate[data-site=home] .agency-promo p{color:#53646c}
@media(max-width:600px){.agency-promo{padding:28px 5% 0}.agency-promo-inner{grid-template-columns:1fr;padding:28px 26px 0;gap:0}.agency-promo h2{font-size:35px}.agency-promo-label{font-size:9px}.agency-promo img{width:250px;margin:-5px auto -5px}.agency-promo p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.agency-promo a{transition:none}.agency-promo a:hover{transform:none}}
@media print{.agency-promo{display:none}}

/* "Fun experiments": the game banners, grouped near the bottom of the homepage. */
.experiments{position:relative;z-index:2;background:#08231d;padding:90px 0 48px;border-top:2px solid #2c4a3a}
.experiments-head{padding:0 max(5%,calc((100% - 1160px)/2));margin-bottom:6px}
.experiments-head h2{font:clamp(27px,3.1vw,45px)/1.55 var(--pixel);letter-spacing:-1px;margin:20px 0 14px;color:var(--cream);text-shadow:3px 4px #020f0a}
.experiments-head h2 span{color:var(--gold)}
.experiments-head p{max-width:560px;font-size:17px;line-height:1.7;color:var(--muted);margin:0}
.experiments .agency-promo{padding-top:34px}
.experiments .runner-promo{padding-bottom:0}
.hd .experiments-head h2{font:700 clamp(34px,4.3vw,58px)/1.1 var(--body);letter-spacing:-1.8px}
html.corporate[data-site=home] .experiments{background:#fff;border-top:1px solid var(--c-line);padding:clamp(72px,9vw,120px) 0 clamp(40px,6vw,72px)}
html.corporate[data-site=home] .experiments-head h2{font:600 clamp(30px,3.4vw,44px)/1.12 var(--c-font);letter-spacing:-.4px;color:var(--c-ink);margin:14px 0 12px}
html.corporate[data-site=home] .experiments-head p{font-size:15px;color:var(--c-muted)}
@media(max-width:700px){.experiments{padding-top:64px}.experiments-head h2{font-size:clamp(20px,5vw,32px)}.experiments-head p{font-size:15px}}
@media print{.experiments{display:none}}