.agave-games-showcase { padding:64px 0 72px; background:#edf5f8; overflow:hidden; }
.agave-showcase-heading { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; margin-bottom:46px; }
.agave-showcase-heading h2 { color:#008dbb; font:300 clamp(32px,3vw,42px)/1.15 Poppins,sans-serif; letter-spacing:-.035em; margin:0; }
.agave-showcase-heading h3 { font:400 32px/1.2 'Bebas Neue',sans-serif; margin:12px 0 0; color:#183d53; }
.agave-showcase-heading > p { font:400 15px/1.8 Poppins,sans-serif; color:#5e7889; max-width:460px; margin:0; }
.agave-phone-lineup { display:flex; justify-content:center; align-items:flex-start; padding:8px 0 0; }
.agave-showcase-phone { margin:0; width:248px; flex:0 0 248px; position:relative; z-index:1; }
.agave-showcase-phone + .agave-showcase-phone { margin-left:-24px; }
.agave-showcase-phone:nth-child(2),.agave-showcase-phone:nth-child(4) { z-index:2; padding-top:22px; }
.agave-showcase-phone:nth-child(3) { z-index:3; padding-top:44px; }
.agave-showcase-phone img { display:block; width:100%; height:auto; border:7px solid #19252e; outline:1px solid #617583; border-radius:34px; background:#071c32; box-shadow:-12px 14px 28px #16364e25,2px 0 0 #879ca9; }
.agave-showcase-phone figcaption { color:#2e5268; font:400 12px/1.5 Poppins,sans-serif; text-align:center; margin:21px 0 0; }
.agave-products .agave-lineup-note { font:400 11px/1.7 Poppins,sans-serif; color:#6a8291; text-align:center; margin:35px 0 0; }
.agave-lineup-mobile-label { display:none; }
@media(min-width:768px) and (max-width:1300px) { .agave-showcase-phone { width:20%; flex:0 0 20%; }.agave-showcase-phone + .agave-showcase-phone { margin-left:-12px; }.agave-showcase-phone img { border-width:5px; border-radius:27px; } }
@media(max-width:767px) { .agave-games-showcase { padding:48px 0; }.agave-showcase-heading { grid-template-columns:1fr; gap:20px; margin-bottom:30px; }.agave-showcase-heading h2 { font-size:32px; }.agave-showcase-heading h3 { font-size:28px; }.agave-showcase-heading > p { font-size:15px; }.agave-phone-lineup { width:100vw; position:relative; left:50%; transform:translateX(-50%); padding:0 0 22px; }.agave-showcase-phone { width:205px; flex-basis:205px; }.agave-showcase-phone + .agave-showcase-phone { margin-left:-75px; }.agave-showcase-phone img { border-width:6px; border-radius:29px; }.agave-showcase-phone figcaption { display:none; }.agave-lineup-mobile-label { display:block; font:400 11px/1.8 Poppins,sans-serif; text-align:center; color:#456c83; max-width:310px; margin:20px auto 0!important; }.agave-products .agave-lineup-note { font-size:10px; margin-top:15px; } }