.antelope-banner-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.65fr);gap:24px;align-items:stretch}.ab-banner-mascot{display:flex;align-items:center;background:#faf8fc;border-radius:28px;padding:24px;min-width:0;border-color:transparent;}.antelope-banner-layout .brand-teaser-grid{margin:0;gap:20px}.antelope-banner-layout .ab-mascot-art{width:100%;margin-top:0;min-height:460px}.ab-glass .glass-ray{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;filter:blur(4px);opacity:0;transition:opacity .55s ease}.ab-glass .glass-ray.is-visible{opacity:1}#antelope-banners .brand-teaser-grid img{transition:transform .16s ease;transform-origin:center;cursor:pointer}#antelope-banners .brand-teaser-grid img:active{transform:scale(.975)}
.ab-mascot-art{display:block;position:relative;isolation:isolate;min-height:390px;margin-top:24px;flex:1}
.ab-ctr-ribbon{position:absolute;top:0;left:-20px;width:calc(100% + 40px);height:auto;overflow:visible;z-index:1}
.ab-soft-mascot{position:absolute;bottom:0;left:12%;display:block;width:76%;height:76%;object-fit:contain;z-index:2}
.ab-mascot-star{position:absolute;z-index:3;line-height:1;font-size:34px}.ab-mascot-star--one{color:#007ba7;left:7%;top:35%}.ab-mascot-star--two{color:#b534be;right:3%;top:60%;font-size:26px}

@media(max-width:800px){.antelope-banner-layout{grid-template-columns:1fr}.ab-banner-mascot{justify-content:center}.antelope-banner-layout .ab-mascot-art{max-width:370px;flex:none;min-height:390px}.antelope-banner-layout .brand-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:480px){.antelope-banner-layout .brand-teaser-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ab-glass .glass-ray{display:none}#antelope-banners .brand-teaser-grid img{transition:none}#antelope-banners .brand-teaser-grid img:active{transform:none}}
/* Transparent mascot, soft ground shadow, fading peach ribbon. */
.ab-banner-mascot{background:transparent;border:0;border-radius:0;box-shadow:none}
.ab-mascot-art::after{content:"";position:absolute;z-index:0;left:25%;bottom:0;width:50%;height:22px;border-radius:50%;background:radial-gradient(ellipse,#0007,transparent 70%);filter:blur(7px);pointer-events:none}
.ab-soft-mascot{filter:drop-shadow(0 8px 8px #0002)}
.ab-ctr-ribbon{top:-40px}
/* Brighter accents around the transparent mascot. */
.ab-mascot-star--one{color:#b89aff;text-shadow:none}
.ab-mascot-star--two{color:#f563e2;text-shadow:none}
/* Compact banner composition without stretched grid rows. */
.antelope-banner-layout{align-items:start;gap:24px}
.antelope-banner-layout .brand-teaser-grid{align-content:start;align-items:start;row-gap:14px;column-gap:18px}
.ab-banner-mascot{padding:0 16px}
.antelope-banner-layout .ab-mascot-art{height:350px;min-height:350px;flex:none;margin:0}
.ab-soft-mascot{height:74%;width:68%;left:16%}
.ab-ctr-ribbon{top:-20px;left:0;width:100%}
#antelope-web{padding-bottom:0}
#antelope-banners{margin-top:24px;margin-bottom:0;padding-bottom:0}
@media(max-width:800px){.antelope-banner-layout{gap:20px}.antelope-banner-layout .ab-mascot-art{height:320px;min-height:320px;max-width:330px}.antelope-banner-layout .brand-teaser-grid{gap:12px}}

/* Give the Wildberries teaser block clear breathing room. */
#antelope-banners{margin-top:64px}
@media(max-width:620px){#antelope-banners{margin-top:40px}}

/* Children-and-puppy artwork in the Wildberries teaser panel. */
#antelope-banners .ab-teaser-children{position:absolute;left:0;bottom:0;z-index:2;display:block;width:100%;height:82%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 10px #0003)}
#antelope-banners .ab-ctr-ribbon{z-index:3}
@media(max-width:800px){#antelope-banners .ab-teaser-children{height:80%}}
/* Isolated children overlap the teaser edge; CTR lives in a speech bubble. */
#antelope-banners .ab-banner-mascot{position:relative;z-index:2;padding:0;overflow:visible}
#antelope-banners .ab-mascot-art{height:clamp(350px,30vw,480px);min-height:350px;overflow:visible}
#antelope-banners .ab-teaser-children{left:0;bottom:-6px;width:120%;height:auto;max-width:none;object-fit:contain;object-position:center bottom;transform:rotate(-6deg);transform-origin:55% 75%;z-index:2}
#antelope-banners .ab-mascot-star,#antelope-banners .ab-mascot-art::after{display:none}
.ab-ctr-message{position:absolute;z-index:3;top:0;right:4%;padding:12px 22px;background:#fcfaff;color:#342468;border:3px solid transparent;border-radius:24px 24px 7px 24px;transform:rotate(-5deg);font:700 24px/1.05 "Portfolio Marker",cursive;text-align:center;box-shadow:4px 5px 0 #c8b1ff}
.ab-ctr-message::after{content:"";position:absolute;right:18px;bottom:-16px;width:20px;height:20px;background:#fcfaff;border-right:3px solid #342468;border-bottom:3px solid #342468;transform:skewY(30deg)}
.ab-ctr-message strong{font-size:30px}
@media(max-width:800px){#antelope-banners .ab-teaser-children{left:3%;width:94%;transform:rotate(-4deg)}#antelope-banners .ab-mascot-art{height:350px;min-height:350px}.ab-ctr-message{right:8%;font-size:22px}}

/* Keep all teaser logos and titles visible. */
#antelope-banners .ab-teaser-children{width:104%;left:-3%;transform:rotate(-4deg)}
.ab-ctr-message small{display:block;font:500 12px/1.4 Inter,sans-serif;margin-top:8px;max-width:190px}
.antelope-hh-banner-section>h2{margin:0 0 12px}
@media(max-width:800px){#antelope-banners .ab-teaser-children{width:94%;left:3%}}