.antelope-reader-card{width:min(100%,600px);margin-inline:auto;display:grid;gap:18px;justify-items:start}
.antelope-reader-thumb{display:block;overflow:hidden;aspect-ratio:4/3;width:100%;padding:0;border:0;border-radius:22px;background:transparent;cursor:pointer}
.antelope-reader-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s ease}
.antelope-reader-open{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;background:#d9f33f;color:#24202a;border:0;border-radius:99px;font-family:inherit;font-size:16px;font-weight:750;line-height:1.4;cursor:pointer}
.antelope-reader-open:hover{background:#e5fa76}.antelope-reader-open:active{background:#cbe42e}.antelope-reader-open:focus-visible,.antelope-reader-thumb:focus-visible{outline:3px solid #9872df;outline-offset:5px}
.antelope-reader{width:min(1050px,94vw);max-height:90vh;padding:62px 20px 20px;border:0;border-radius:22px;background:var(--bg,#0b0b0d);color:var(--ink,#fff);overflow:auto;overscroll-behavior:contain}
.antelope-reader::backdrop{background:#000d}.antelope-reader-close{position:sticky;top:0;display:block;margin:-46px 0 16px auto;z-index:2;padding:10px 16px;border:1px solid transparent;border-radius:99px;background:#18181de8;color:#fff;font:650 14px/1.4 Arial;cursor:pointer}
.antelope-reader>img{display:block;width:100%;height:auto}
.dm-brand-case img.zoomable{transition:transform .35s ease}
@media(hover:hover){.dm-brand-case figure{overflow:hidden}.dm-brand-case img.zoomable:hover,.antelope-reader-thumb:hover img{transform:scale(1.025)}}
#antelope-banners .brand-teaser-grid img.zoomable:active{transform:scale(.975)}
@media(max-width:620px){.antelope-reader{padding:62px 10px 10px;border-radius:16px}.antelope-reader-thumb{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.dm-brand-case img.zoomable,.antelope-reader-thumb img{transition:none}.dm-brand-case img.zoomable:hover,.antelope-reader-thumb:hover img{transform:none}}
#antelope-story .antelope-reader-card{width:100%;display:block}
.antelope-history-banner{position:relative;display:block;isolation:isolate;overflow:hidden;width:100%;min-height:380px;padding:40px 48px;border:0;border-radius:28px;background:#a7ff4a;color:#20251b;font-family:inherit;text-align:left;cursor:pointer}
.ahb-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:54%}
.ahb-title{display:block;font-size:clamp(38px,4.2vw,70px);line-height:1.05;letter-spacing:-.045em;font-weight:650}.ahb-title>span{position:relative;display:inline-block}.ahb-title>span::after{content:"";position:absolute;inset:-6px -12px;border:2px solid #20251b;border-radius:50%;transform:rotate(-5deg)}
.ahb-lead{font-size:clamp(17px,1.7vw,25px);line-height:1.45}.ahb-action{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 28px;background:#20251b;color:#fff;font-size:17px;line-height:1.35;font-weight:750}
.ahb-decor{position:absolute;z-index:0;left:34%;top:-20%;font:900 490px/.9 Arial;color:#ffffff36;transform:rotate(-15deg);pointer-events:none}
.ahb-photo{position:absolute;right:-2%;top:-8%;height:116%;width:51%;z-index:1;transform:rotate(10deg)}
.antelope-history-banner:focus-visible{outline:3px solid #8c5ed4;outline-offset:5px}.antelope-history-banner:active .ahb-action{transform:scale(.97)}
@media(hover:hover){.antelope-history-banner .ahb-photo{transition:transform .4s ease}.antelope-history-banner:hover .ahb-photo{transform:rotate(8deg) scale(1.025)}}
@media(max-width:700px){.antelope-history-banner{padding:28px;min-height:360px}.ahb-title{font-size:38px}.ahb-copy{width:58%;gap:22px}.ahb-lead{font-size:16px}.ahb-action{font-size:15px;padding:12px 18px}.ahb-photo{width:54%;right:-8%}}
@media(max-width:480px){.antelope-history-banner{padding:26px 22px 0;min-height:580px}.ahb-copy{width:100%;gap:20px}.ahb-title{font-size:40px}.ahb-photo{top:auto;bottom:-8%;right:-7%;width:85%;height:55%}.ahb-decor{left:0;top:35%;font-size:380px}}
@media(prefers-reduced-motion:reduce){.antelope-history-banner .ahb-photo{transition:none}.antelope-history-banner:hover .ahb-photo{transform:rotate(10deg)}}

/* Consistent, subtle press feedback for every Antelope photo. */
#case-top img:not(#lightbox-image),.school-series-dialog img:not(#lightbox-image){transition:transform .35s ease,scale .18s ease,filter .18s ease;transform-origin:center}
#case-top img.zoomable,.school-series-dialog img.zoomable{cursor:pointer}
#case-top img.zoomable:focus-visible,.school-series-dialog img.zoomable:focus-visible{outline:3px solid #9872df;outline-offset:3px}
#case-top .ahub-fan-images img{--antelope-press-shadow:drop-shadow(0 9px 8px #27212f26)}
#case-top .ahub-story-art>img{--antelope-press-shadow:drop-shadow(0 12px 7px #0002)}
#case-top #antelope-banners .ab-teaser-children{--antelope-press-shadow:drop-shadow(0 8px 10px #0003)}
#case-top .antelope-history-banner .ahb-photo{transition:transform .4s ease,scale .18s ease,filter .18s ease;transform-origin:center}
@media(hover:hover){
  #case-top img:not(#lightbox-image):hover,
  #case-top .ab-photo:hover>img,
  #case-top a:hover img:not(#lightbox-image),
  #case-top button:hover img:not(#lightbox-image),
  #case-top .ahub-card:hover img:not(#lightbox-image),
  .school-series-dialog img:not(#lightbox-image):hover,
  #case-top .antelope-history-banner:hover .ahb-photo{
    scale:.992;filter:brightness(.96) var(--antelope-press-shadow,none)
  }
  #case-top .ahub-rich:hover .ahub-preview-one{transform:rotate(-6deg)}
  #case-top .ahub-rich:hover .ahub-preview-two{transform:rotate(7deg)}
  #case-top .ahub-hh:hover .ahub-preview-hh{transform:rotate(6deg)}
  #case-top .antelope-history-banner:hover .ahb-photo{transform:rotate(10deg)}
}
#case-top img:not(#lightbox-image):active,
#case-top .ab-photo:active>img,
#case-top a:active img:not(#lightbox-image),
#case-top button:active img:not(#lightbox-image),
#case-top .ahub-card:active img:not(#lightbox-image),
.school-series-dialog img:not(#lightbox-image):active,
#case-top .antelope-history-banner:active .ahb-photo{
  scale:.984;filter:brightness(.92) var(--antelope-press-shadow,none)
}
@media(prefers-reduced-motion:reduce){
  #case-top img:not(#lightbox-image),.school-series-dialog img:not(#lightbox-image){transition:none!important;scale:none!important}
  #case-top img:not(#lightbox-image):hover,
  #case-top img:not(#lightbox-image):active,
  #case-top a:hover img:not(#lightbox-image),
  #case-top a:active img:not(#lightbox-image),
  #case-top button:hover img:not(#lightbox-image),
  #case-top button:active img:not(#lightbox-image),
  #case-top .ahub-card:hover img:not(#lightbox-image),
  #case-top .ahub-card:active img:not(#lightbox-image),
  .school-series-dialog img:not(#lightbox-image):hover,
  .school-series-dialog img:not(#lightbox-image):active,
  #case-top .antelope-history-banner:hover .ahb-photo,
  #case-top .antelope-history-banner:active .ahb-photo{filter:var(--antelope-press-shadow,none)}
}
#case-top #antelope-banners .brand-teaser-grid img.zoomable:active{transform:none}
#case-top .ab-photo-copy{pointer-events:none}

.antelope-hh-banner-section{margin-top:48px;margin-bottom:24px}
.antelope-hh-banner-section .ahb-title{font-size:clamp(32px,3.6vw,60px)}
@media(max-width:600px){.antelope-hh-banner-section{margin-top:32px}}

/* Clickable banner includes the caption area on every screen. */
#case-top .ab-photo[role="button"]{cursor:pointer}
#case-top .ab-photo[role="button"]:focus-visible{outline:3px solid #315fcd;outline-offset:5px}