/* Eight wide brand-zone banners form the scroll stack. */
#antelope-web .brand-hero-stack{display:block;position:relative;isolation:isolate;width:min(100%,1440px);margin:28px auto 0;padding-bottom:0}
#antelope-web .brand-hero-stack>figure{position:sticky;top:calc(96px + var(--stack-index,0)*8px);margin:0 0 24px;padding:12px;border-radius:18px;background:#18181d;box-shadow:0 -8px 28px #0003;overflow:hidden;z-index:var(--stack-layer,1);border-color:transparent;}
#antelope-web .brand-hero-stack>figure:nth-child(1){--stack-index:0;--stack-layer:1}
#antelope-web .brand-hero-stack>figure:nth-child(2){--stack-index:1;--stack-layer:2}
#antelope-web .brand-hero-stack>figure:nth-child(3){--stack-index:2;--stack-layer:3}
#antelope-web .brand-hero-stack>figure:nth-child(4){--stack-index:3;--stack-layer:4}
#antelope-web .brand-hero-stack>figure:nth-child(5){--stack-index:4;--stack-layer:5}
#antelope-web .brand-hero-stack>figure:nth-child(6){--stack-index:5;--stack-layer:6}
#antelope-web .brand-hero-stack>figure:nth-child(7){--stack-index:6;--stack-layer:7}
#antelope-web .brand-hero-stack>figure:nth-child(8){--stack-index:7;--stack-layer:8}
#antelope-web .brand-hero-stack>figure:last-child{margin-bottom:0}
#antelope-web .brand-hero-stack>figure img{display:block;width:100%;height:auto;border-radius:10px}
#antelope-web .brand-hero-stack>figure figcaption{color:#d1cbdc;font-size:14px;line-height:1.5;margin:10px 0 0}
:root[data-theme="light"] #antelope-web .brand-hero-stack>figure{background:#fff;box-shadow:0 -8px 28px #28252d15;border-color:transparent;}
:root[data-theme="light"] #antelope-web .brand-hero-stack>figure figcaption{color:#595360}
@media(max-width:620px){#antelope-web .brand-hero-stack>figure{top:calc(108px + var(--stack-index,0)*5px);padding:8px;border-radius:12px;margin-bottom:18px}#antelope-web .brand-hero-stack>figure:last-child{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){#antelope-web .brand-hero-stack{padding-bottom:0}#antelope-web .brand-hero-stack>figure{position:relative;top:auto;margin-bottom:24px}}
/* Antelope banners are displayed without framing or captions. */
#antelope-web .brand-hero-stack>figure,
#antelope-web .brand-tile-grid>figure,
#antelope-banners .brand-teaser-grid>figure,
:root[data-theme="light"] #antelope-web .brand-hero-stack>figure{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#antelope-web .brand-hero-stack>figure img,
#antelope-web .brand-tile-grid>figure img,
#antelope-banners .brand-teaser-grid>figure img{border:0;border-radius:0;box-shadow:none}

/* Two four-tile rows overlap as complete layers. */
#antelope-web .brand-tile-grid{display:block;position:relative;isolation:isolate;margin-top:32px}
#antelope-web .antelope-tile-layer{position:sticky;top:100px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:var(--bg,#0b0b0d);margin-bottom:24px;transform:scale(var(--tile-stack-scale,1));transform-origin:center top;will-change:transform}
#antelope-web .antelope-tile-layer:first-child{z-index:1}
#antelope-web .antelope-tile-layer:last-child{z-index:2;top:112px;margin-bottom:0}
#antelope-web .antelope-tile-layer>figure{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}
#antelope-web .antelope-tile-layer img{display:block;width:100%;height:auto;border:0;border-radius:0}
@media(max-width:700px){#antelope-web .antelope-tile-layer{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;top:110px;margin-bottom:18px}#antelope-web .antelope-tile-layer:last-child{top:118px;margin-bottom:0}}
@media(prefers-reduced-motion:reduce){#antelope-web .antelope-tile-layer{position:relative;top:auto!important;transform:none;will-change:auto}}
/* Rich layouts overlap only after the full tall original has scrolled into view. */
#antelope-rich .antelope-long-grid{display:block;position:relative;isolation:isolate;width:min(100%,760px);margin-inline:auto}
#antelope-rich .antelope-long-grid>figure{position:sticky;top:var(--rich-stack-top,96px);margin:0 0 24px;background:var(--bg,#0b0b0d);z-index:1}
#antelope-rich .antelope-long-grid>figure:last-child{z-index:2;margin-bottom:0}
@media(max-width:620px){#antelope-rich .antelope-long-grid>figure{margin-bottom:18px}#antelope-rich .antelope-long-grid>figure:last-child{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){#antelope-rich .antelope-long-grid>figure{position:relative;top:auto}}
/* Rich layouts side by side, with a folding top edge rather than stacking. */
#antelope-rich .antelope-long-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;align-items:start}
#antelope-rich .antelope-long-grid>figure{position:relative;top:auto!important;margin:0;background:transparent;overflow:visible}
#antelope-rich .antelope-long-grid>figure img.zoomable:hover{transform:none}
.antelope-rich-fold{position:sticky;top:var(--rich-fold-top,96px);height:0;z-index:4;pointer-events:none;perspective:600px}
.antelope-rich-fold>span{display:block;position:absolute;top:0;left:0;width:100%;height:64px;background-repeat:no-repeat;transform-origin:center top;transform:rotateX(var(--rich-fold-angle,0deg));opacity:var(--rich-fold-opacity,0);backface-visibility:hidden;box-shadow:0 10px 14px #0003}
.antelope-rich-fold>span::after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff35,transparent 22%,#0005);border-top:1px solid #ffffff50}
@media(max-width:600px){#antelope-rich .antelope-long-grid{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){.antelope-rich-fold{display:none}}