.oe-discover-grid,.oe-happening-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.oe-discover-grid>a,.oe-happening-grid>article,.oe-curator>article{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:24px;border:1px solid rgba(120,243,255,.22);border-radius:22px;background:linear-gradient(145deg,rgba(27,30,58,.92),rgba(21,15,39,.96));color:#f6f2ff;text-decoration:none;box-shadow:0 18px 42px rgba(3,4,19,.2)}
.oe-discover-grid>a:hover{border-color:#78f3ff;transform:translateY(-2px)}
.oe-discover-grid span,.oe-curator-label{color:#78f3ff;font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.oe-discover-grid strong{font-size:1.35rem}.oe-discover-grid small,.oe-happening-grid p,.oe-curator p{color:#c8c3d8;line-height:1.5}.oe-discover-grid b{margin-top:auto;color:#91efff;font-size:.86rem}
.oe-happening-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oe-happening-grid h3{margin:0;font-size:1.2rem}.oe-happening-grid p{margin:0 0 8px}.oe-happening-grid .button{margin-top:auto}.oe-happening-grid .oe-war-card{border-color:rgba(245,137,255,.5);background:radial-gradient(circle at 90% 0,rgba(235,86,211,.25),transparent 65%),linear-gradient(145deg,#25204c,#190f29)}
.oe-curator>article{background:radial-gradient(circle at 90% 0,rgba(120,243,255,.2),transparent 55%),linear-gradient(120deg,#18172f,#27163a)}.oe-curator h2{margin:4px 0 10px}.oe-curator p{max-width:680px}.oe-curator-label{margin:16px 0 0!important}
.oe-story-callout>article{padding:28px;border:1px solid rgba(120,243,255,.4);border-radius:22px;background:linear-gradient(120deg,rgba(15,69,99,.8),rgba(61,27,88,.85))}.oe-story-callout h2{margin:4px 0}.oe-story-callout p{color:#e2d9f0}
.oe-home-hero{padding:clamp(36px,4vw,56px) clamp(24px,5vw,64px)}
.oe-home-hero .hero-content{max-width:900px}
.oe-home-hero h1{font-size:clamp(2.8rem,5.5vw,4.8rem);line-height:1.03;margin:12px 0 16px}
.oe-home-hero p{margin:0;font-size:clamp(1rem,1.5vw,1.15rem)}
.oe-home-hero .hero-actions{margin-top:22px}
.oe-story-callout>article{position:relative;overflow:hidden;min-height:0;padding:clamp(24px,3vw,32px);background:radial-gradient(circle at 83% 45%,rgba(94,197,255,.22),transparent 30%),linear-gradient(115deg,#102d4a,#281747 75%,#1b1434)}
.oe-story-callout>article::after{content:'↗';position:absolute;right:8%;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:100px;height:100px;border:1px solid rgba(120,243,255,.45);border-radius:28px;background:linear-gradient(145deg,rgba(120,243,255,.2),rgba(181,109,255,.25));box-shadow:0 0 40px rgba(88,156,255,.22);color:#b3f5ff;font-size:3rem;font-weight:800;pointer-events:none}
.oe-story-callout>article>*{position:relative;z-index:1;max-width:calc(100% - 190px)}
.oe-story-callout p{margin:10px 0 16px}
.oe-story-callout + .truth-strip{margin:24px auto 0}
@media(max-width:600px){.oe-home-hero{padding:32px 24px}.oe-home-hero h1{font-size:clamp(2.45rem,10vw,3.3rem)}.oe-story-callout>article::after{width:54px;height:54px;right:20px;top:30px;transform:none;border-radius:16px;font-size:2rem}.oe-story-callout>article>*{max-width:100%}.oe-story-callout .eyebrow{display:block;padding-right:62px}}
@media(max-width:900px){.oe-happening-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.oe-discover-grid,.oe-happening-grid{grid-template-columns:1fr}.oe-discover-grid>a,.oe-happening-grid>article,.oe-curator>article{padding:20px}}

/* Highlight the Battle Tunes card while an event is live. */
.oe-happening-grid .oe-war-card.is-active{border-color:rgba(125,225,255,.58);box-shadow:0 18px 42px rgba(3,4,19,.2),0 0 26px rgba(85,168,255,.14)}.oe-happening-grid .oe-war-card.is-active .eyebrow{color:#a5f3ff}.oe-happening-grid .oe-war-card.is-active .button{background:linear-gradient(105deg,#67eaff,#bd85ff);border-color:rgba(185,210,255,.65);color:#11152e;font-weight:900}.oe-happening-grid .oe-war-card.is-active .button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.oe-happening-grid .oe-war-card{position:relative;isolation:isolate;overflow:hidden}.oe-happening-grid .oe-war-card::before{content:"";position:absolute;z-index:0;right:5px;bottom:0;width:118px;height:82px;background:url('../img/open-ears-bracket-art.svg') center/contain no-repeat;opacity:.25;pointer-events:none}.oe-happening-grid .oe-war-card>*{position:relative;z-index:1}

/* Keep the new listening-room illustration in the open space beside the hero copy. */
.oe-home-hero .hero-content{max-width:min(68%,900px)}
@media(max-width:760px){.oe-home-hero .hero-content{max-width:100%}.oe-home-art{right:-28px;top:8px;width:clamp(180px,52vw,280px);transform:none;opacity:.19}}

/* Pin the illustration beside the copy on desktop, independent of base theme layout. */
.oe-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.68fr);grid-template-areas:"copy art";align-items:center;gap:clamp(12px,2vw,26px)}
.oe-home-hero>.hero-content{grid-area:copy;max-width:100%;min-width:0}
.oe-home-hero>.oe-home-art{grid-area:art;position:relative!important;inset:auto!important;width:min(100%,390px);transform:none!important;justify-self:end;align-self:center;opacity:1}
@media(max-width:760px){.oe-home-hero{display:block}.oe-home-hero>.hero-content{max-width:100%}.oe-home-hero>.oe-home-art{position:absolute!important;right:-28px!important;top:8px!important;width:clamp(180px,52vw,280px);transform:none!important;opacity:.15}}