.antelope-content-hub{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.8fr);grid-template-rows:repeat(2,minmax(260px,auto));gap:24px;margin-top:48px;margin-bottom:48px}
.ahub-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;border-radius:28px;padding:32px;background:#faf9fc;color:#292530;scroll-margin-top:110px}
.ahub-story{grid-row:1/3;display:flex;flex-direction:column;min-height:600px}
.ahub-icon{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;margin-bottom:18px;border-radius:50%;background:#ffddac;color:#6c370a;font-size:14px;font-weight:800}
.ahub-card h2{font-size:clamp(25px,2.4vw,35px);line-height:1.15;letter-spacing:-.035em;margin:0 0 18px;color:#292530}
.ahub-card p{font-size:17px;line-height:1.55;color:#595360;margin:0}
.ahub-rich h2,.ahub-hh h2,.ahub-rich p,.ahub-hh p{max-width:53%;position:relative;z-index:1}
.ahub-rich,.ahub-hh{padding-bottom:76px}
.ahub-story-art{position:relative;isolation:isolate;min-height:340px;flex:1;margin-top:24px;margin-bottom:38px}
.ahub-story-art>img{position:absolute;bottom:0;left:5%;width:90%;height:94%;object-fit:contain;filter:drop-shadow(0 12px 7px #0002)}
.ahub-trail{position:absolute;top:4%;left:10%;width:80%;height:42%;border:28px solid #ffe3bd;border-left-color:transparent;transform:rotate(-28deg);border-radius:50%;z-index:-1}
.ahub-previews{position:absolute;z-index:0;right:24px;top:20%;bottom:32px;width:39%;isolation:isolate}
.ahub-previews::before{content:"";position:absolute;inset:5% -8%;border:25px solid #ffe8cb;border-radius:50%;transform:rotate(-25deg);z-index:-1}
.ahub-previews img{position:absolute;display:block;object-fit:cover;object-position:top;border-radius:16px;box-shadow:0 10px 22px #27202d1a;transition:transform .35s ease}
.ahub-preview-one{width:76%;height:86%;left:0;top:0;transform:rotate(-6deg)}
.ahub-preview-two{width:58%;height:75%;right:0;bottom:0;transform:rotate(7deg)}
.ahub-preview-hh{width:100%;height:95%;right:0;bottom:0;transform:rotate(6deg)}
.ahub-open{position:absolute;z-index:3;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;text-align:left;font-family:inherit;color:#573111}
.ahub-open>span{position:absolute;bottom:24px;left:32px;display:block;font-size:15px;font-weight:750;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.ahub-open:focus-visible{outline:3px solid #6f44b8;outline-offset:-5px}
@media(hover:hover){.ahub-rich:hover .ahub-preview-one{transform:rotate(-4deg) scale(1.025)}.ahub-rich:hover .ahub-preview-two{transform:rotate(5deg) scale(1.025)}.ahub-hh:hover .ahub-preview-hh{transform:rotate(4deg) scale(1.025)}}
.antelope-hub-reader h2{font-size:28px;line-height:1.2;margin:16px 0 24px}.antelope-hub-reader>p{font-size:16px;line-height:1.6;margin:0 0 24px;color:var(--ink)}
.ahub-reader-rich{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.ahub-reader-rich figure{margin:0}.ahub-reader-rich img{display:block;width:100%;height:auto}
@media(max-width:900px){.antelope-content-hub{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:18px}.ahub-card{padding:24px}.ahub-card p{font-size:15px}.ahub-card h2{font-size:26px}.ahub-open>span{left:24px}.ahub-previews{right:14px;width:37%}.ahub-story-art{min-height:300px}}
@media(max-width:620px){.antelope-content-hub{grid-template-columns:1fr;grid-template-rows:auto;margin-block:32px}.ahub-story{grid-row:auto;min-height:530px}.ahub-card{border-radius:24px}.ahub-rich,.ahub-hh{min-height:300px;padding-bottom:76px}.ahub-card p{font-size:16px}.ahub-story-art{max-width:350px;width:100%;align-self:center}.ahub-reader-rich{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ahub-previews img{transition:none}.ahub-rich:hover .ahub-preview-one{transform:rotate(-6deg)}.ahub-rich:hover .ahub-preview-two{transform:rotate(7deg)}.ahub-hh:hover .ahub-preview-hh{transform:rotate(6deg)}}
/* One violet field and light cards, matching the approved story block. */
.antelope-content-hub{background:#5940c7;border-radius:36px;padding:24px;gap:20px}
.ahub-card,.ahub-story,.ahub-rich,.ahub-hh{background:#fcfaff;color:#27212f}
.ahub-card h2{color:#27212f}.ahub-card p{color:#51465e}
.ahub-icon{background:#f5b5ef;color:#342468}
.ahub-trail{border-color:#cdb9ff;border-left-color:transparent}
.ahub-previews::before{border-color:#cdb9ff}
.ahub-open{color:#493092}.ahub-open:focus-visible{outline-color:#5940c7}
@media(max-width:620px){.antelope-content-hub{padding:16px;gap:16px;border-radius:28px}}
.antelope-content-hub{margin-top:28px}

/* Keep a comfortable gap after the teaser grid. */
.antelope-content-hub{margin-top:64px}
@media(max-width:620px){.antelope-content-hub{margin-top:40px}}

/* Four directions: tall cards panel and three horizontal panels. */
.antelope-content-hub{grid-template-rows:repeat(3,minmax(245px,auto))}
.ahub-cards{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;min-height:790px}
.ahub-rich,.ahub-brand,.ahub-history{grid-column:2;grid-row:auto;min-height:245px;padding-bottom:76px}
.ahub-brand h2,.ahub-brand p,.ahub-history h2,.ahub-history p{max-width:56%;position:relative;z-index:1}
.ahub-history .ahub-story-art{position:absolute;right:16px;top:16px;bottom:20px;width:35%;min-height:0;margin:0}
.ahub-card-fan{position:relative;flex:1;min-height:420px;margin:30px -20px 60px}
.ahub-card-fan .series-fan{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.ahub-card-fan .series-fan img{position:absolute;top:22%;left:20%;width:60%;height:65%;object-fit:cover;object-position:top;border-radius:12px;box-shadow:0 12px 24px #27212f26;transform-origin:50% 95%}
.ahub-card-fan .series-fan img:nth-child(1){transform:translateX(-28%) rotate(-20deg);z-index:1}
.ahub-card-fan .series-fan img:nth-child(2){transform:translateX(-15%) rotate(-10deg);z-index:2}
.ahub-card-fan .series-fan img:nth-child(3){transform:translateY(-8%);z-index:5}
.ahub-card-fan .series-fan img:nth-child(4){transform:translateX(15%) rotate(10deg);z-index:3}
.ahub-card-fan .series-fan img:nth-child(5){transform:translateX(28%) rotate(20deg);z-index:1}
.ahub-rich-actions{position:relative;z-index:4;display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;max-width:60%}
.ahub-rich-actions button{border:0;border-radius:999px;background:#5940c7;color:#fff;padding:10px 14px;font:700 14px/1.3 Inter,Arial,sans-serif;cursor:pointer}
.ahub-rich-actions button:hover{background:#493092}
.ahub-rich-actions button:focus-visible{outline:3px solid #342468;outline-offset:3px}
.antelope-hub-reader>img{display:block;margin:0 auto 24px}
@media(max-width:620px){.antelope-content-hub{grid-template-rows:auto}.ahub-cards{grid-column:1;grid-row:auto;min-height:620px}.ahub-rich,.ahub-brand,.ahub-history{grid-column:1;min-height:300px}.ahub-card-fan{min-height:340px}.ahub-rich-actions{max-width:65%}.ahub-history .ahub-story-art{width:36%}}

/* Compact proportions from the reference; keep the story mascot contained. */
.antelope-content-hub{width:100%;max-width:1200px;margin-inline:auto;box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:repeat(3,minmax(210px,auto));padding:20px;gap:18px}
.ahub-cards{min-height:666px}
.ahub-rich,.ahub-brand,.ahub-history{min-height:210px;padding:24px 24px 60px}
.ahub-card h2{font-size:clamp(24px,2.2vw,32px);margin-bottom:14px}
.ahub-card p{font-size:15px}
.ahub-icon{width:36px;height:36px;margin-bottom:12px}
.ahub-card-fan{min-height:340px}
.ahub-history .ahub-story-art{position:absolute;right:18px;top:14px;bottom:16px;width:33%;min-height:0;margin:0;overflow:hidden}
.ahub-history .ahub-story-art>img{width:90%;height:94%;left:5%;bottom:0;object-fit:contain}
.ahub-brand-strips{display:flex;flex-direction:column;justify-content:center;gap:8px;top:20px;bottom:20px}
.ahub-brand-strips .ahub-brand-strip{position:static;width:100%;height:auto;max-height:30%;object-fit:contain;border-radius:5px;transform:rotate(-4deg);box-shadow:0 5px 12px #27212f20}
.ahub-rich-actions{margin-top:18px;gap:6px}
.ahub-rich-actions button{padding:8px 12px}
@media(max-width:620px){.antelope-content-hub{grid-template-columns:1fr;grid-template-rows:auto;padding:16px}.ahub-cards{min-height:560px}.ahub-rich,.ahub-brand,.ahub-history{min-height:260px}.ahub-history .ahub-story-art{width:32%}}

/* Match the marked proportions and isolate the fan from series-panel styles. */
.antelope-content-hub{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);grid-template-rows:repeat(3,minmax(190px,auto));gap:18px}
.ahub-cards{min-height:606px;padding:28px 26px 64px}
.ahub-rich,.ahub-brand,.ahub-history{min-height:190px;padding:20px 24px 54px}
.ahub-card h2{font-size:clamp(23px,2vw,30px)}
.ahub-card p{font-size:15px;line-height:1.5}
.ahub-card-fan{min-height:330px;margin:20px -8px 20px;display:flex;align-items:center}
.ahub-fan-images{display:block;position:relative;width:100%;height:330px;isolation:isolate}
.ahub-fan-images img{position:absolute;display:block;left:17%;top:8%;width:66%;height:84%;object-fit:contain;object-position:center;border-radius:9px;filter:drop-shadow(0 9px 8px #27212f26);transform-origin:50% 85%}
.ahub-fan-images img:nth-child(1){transform:translateX(-23%) rotate(-13deg);z-index:1}
.ahub-fan-images img:nth-child(2){transform:translateY(-5%);z-index:3}
.ahub-fan-images img:nth-child(3){transform:translateX(23%) rotate(13deg);z-index:2}
.ahub-rich-actions{margin-top:14px}
.ahub-previews{top:16px;bottom:16px}
.ahub-history .ahub-story-art{top:10px;bottom:12px}
@media(max-width:620px){.antelope-content-hub{grid-template-columns:1fr;grid-template-rows:auto}.ahub-cards{min-height:540px}.ahub-rich,.ahub-brand,.ahub-history{min-height:240px}.ahub-card-fan{min-height:300px}.ahub-fan-images{height:300px}}

/* Wide, low composition matching the latest reference. */
.antelope-content-hub{max-width:none;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.17fr);grid-template-rows:repeat(3,minmax(175px,auto));gap:16px;padding:18px;margin-top:40px}
.ahub-cards{min-height:557px;padding:26px 30px 64px}
.ahub-rich,.ahub-brand,.ahub-history{min-height:175px;padding:18px 24px 52px}
.ahub-card h2{font-size:clamp(23px,2vw,31px);line-height:1.15;margin-bottom:12px}
.ahub-card p{font-size:15px;line-height:1.45}
.ahub-icon{width:32px;height:32px;margin-bottom:10px}
.ahub-card-fan{min-height:300px;margin:12px 0 8px}
.ahub-fan-images{height:300px}
.ahub-fan-images img{left:22%;top:4%;width:56%;height:92%;object-fit:contain}
.ahub-fan-images img:nth-child(1){transform:translateX(-34%) rotate(-12deg)}
.ahub-fan-images img:nth-child(2){transform:translateY(-2%)}
.ahub-fan-images img:nth-child(3){transform:translateX(34%) rotate(12deg)}
.ahub-brand p,.ahub-history p{max-width:57%;margin-bottom:14px}
.ahub-open>span{bottom:18px;left:24px}
.ahub-cards .ahub-open>span{left:30px;bottom:24px}
.ahub-brand-strips{top:12px;bottom:12px;gap:6px}
.ahub-rich-actions{margin-top:12px;max-width:60%}
.ahub-rich-actions button{padding:7px 11px}
@media(max-width:1000px) and (min-width:621px){.antelope-content-hub{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.ahub-card h2{font-size:24px}.ahub-card p{font-size:14px}.ahub-rich,.ahub-brand,.ahub-history{min-height:200px}}
@media(max-width:620px){.antelope-content-hub{grid-template-columns:1fr;grid-template-rows:auto;padding:16px;gap:16px}.ahub-cards{min-height:520px}.ahub-rich,.ahub-brand,.ahub-history{min-height:260px}.ahub-card-fan{min-height:280px}.ahub-fan-images{height:280px}.ahub-card h2{font-size:25px}.ahub-card p{font-size:15px}}
/* Larger cropped fan and matching lilac actions. */
.ahub-open>span{background:#5940c7;color:#fff;padding:9px 15px;border-radius:999px;text-decoration:none;font-size:15px;line-height:1.4}
.ahub-open:hover>span{background:#493092;color:#fff}
.ahub-open:focus-visible{outline:3px solid #5940c7;outline-offset:3px}
.ahub-cards{padding-bottom:0;display:flex;flex-direction:column}
.ahub-cards .ahub-card-fan{flex:1;min-height:350px;margin:26px -30px 0;align-items:flex-end}
.ahub-cards .ahub-fan-images{height:390px;width:100%;transform:translateY(80px)}
.ahub-cards .ahub-fan-images img{left:24%;top:0;width:52%;height:115%;object-fit:cover;object-position:top;border-radius:12px}
.ahub-cards .ahub-fan-images img:nth-child(1){transform:translateX(-65%) translateY(35px) rotate(-17deg)}
.ahub-cards .ahub-fan-images img:nth-child(2){transform:translateY(-15px)}
.ahub-cards .ahub-fan-images img:nth-child(3){transform:translateX(65%) translateY(35px) rotate(17deg)}
.ahub-cards .ahub-open>span{bottom:20px;box-shadow:0 3px 14px #29253025}
@media(max-width:620px){.ahub-cards .ahub-card-fan{margin-inline:-24px}.ahub-cards .ahub-fan-images{height:350px}}/* Main card at the front; fill the panel without a large empty gap. */
.ahub-cards .ahub-card-fan{position:absolute;inset:145px -18px 0;margin:0;min-height:0;display:block;pointer-events:none}
.ahub-cards .ahub-fan-images{height:100%;transform:none}
.ahub-cards .ahub-fan-images img{left:24%;top:12px;width:52%;height:auto;aspect-ratio:3/4;object-fit:contain;object-position:top}
.ahub-cards .ahub-fan-images img:nth-child(1){transform:translateX(-64%) translateY(48px) rotate(-15deg)}
.ahub-cards .ahub-fan-images img:nth-child(2){transform:none}
.ahub-cards .ahub-fan-images img:nth-child(3){transform:translateX(64%) translateY(48px) rotate(15deg)}
.ahub-brand{min-height:205px;padding-bottom:70px}
.ahub-brand p{max-width:55%;margin-bottom:0}
.ahub-brand .ahub-open>span{bottom:18px}
@media(max-width:620px){.ahub-cards .ahub-card-fan{top:160px}.ahub-brand{min-height:275px;padding-bottom:75px}}/* School rich behind the footwear preview; clean banner edges. */
.ahub-rich .ahub-preview-one{z-index:1}
.ahub-rich .ahub-preview-two{z-index:2}
.ahub-brand-strips .ahub-brand-strip{box-shadow:none;background:transparent;border:0;border-radius:0}
.antelope-content-hub .ahub-icon{background:#bc238d;color:#fff}
#antelope-store-overview,#antelope-clothes-title,#antelope-shoes-title{scroll-margin-top:100px}