.lp-original-hero{position:relative}
.lp-header-panels{position:absolute;right:3%;top:5%;width:26%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,.6vw,12px);z-index:1}
.lp-original-hero .lp-header-panel{--panel-angle:-6deg;position:relative;display:flex;flex-direction:column;min-width:0;text-decoration:none!important;color:#061e48;background:#fff!important;border:2px solid #fff!important;border-radius:clamp(7px,.8vw,15px);box-shadow:0 5px 14px #063b7840!important;overflow:hidden;transform:rotate(var(--panel-angle));transition:transform .22s ease,box-shadow .22s ease;touch-action:manipulation}

/* Show only the supplied artwork/flag; the lower baked-in caption is replaced by HTML. */
.lp-header-panel__art{display:block;width:100%;aspect-ratio:1672/650;overflow:hidden;flex:none;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
.lp-original-hero .lp-header-panel__art img{display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain;pointer-events:none}
.lp-header-panel__copy{display:flex;flex-direction:column;gap:3px;padding:clamp(4px,.3vw,6px);flex:1;text-align:start;line-height:1.25}
.lp-header-panel__category{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;color:#0874ba;font-size:clamp(9px,.65vw,13px);font-weight:700}
.lp-header-panel--proplus .lp-header-panel__category{color:#9d1bb9}.lp-header-panel--games .lp-header-panel__category{color:#047943}.lp-header-panel--articles .lp-header-panel__category{color:#a84906}
.lp-header-panel__copy strong{font-size:clamp(9px,.65vw,13px);font-weight:750;line-height:1.25}
.lp-header-panel__description{font-size:clamp(8px,.5vw,10px);line-height:1.35;color:#405876}
.lp-original-hero .lp-header-panel:focus-visible{outline:3px solid #005eb6;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.lp-original-hero .lp-header-panel:hover{transform:rotate(var(--panel-angle)) translateY(-3px) scale(1.025);box-shadow:0 9px 20px #063b7850!important;z-index:2}}
.lp-original-hero .lp-header-panel:active,.lp-original-hero .lp-header-panel.is-touch-active{transform:rotate(var(--panel-angle)) scale(.98)}
@media(max-width:1250px){.lp-header-panels{position:relative;right:auto;top:auto;width:auto;margin:0;padding:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:linear-gradient(120deg,#eaf8ff,#fff)}.lp-original-hero .lp-header-panel{--panel-angle:-6deg;border-radius:12px}.lp-header-panel__copy{padding:10px;gap:5px}.lp-header-panel__category{font-size:12px}.lp-header-panel__copy strong{font-size:15px}.lp-header-panel__description{font-size:13px}}
@media(max-width:700px){.lp-header-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 14px}.lp-original-hero .lp-header-panel{--panel-angle:0deg}.lp-header-panel__copy strong{font-size:14px}.lp-header-panel__description{font-size:12px}}
@media(max-width:360px){.lp-header-panels{grid-template-columns:minmax(0,1fr);padding:16px}}
@media(prefers-reduced-motion:reduce){.lp-original-hero .lp-header-panel{transition:none}}
.lp-header-panels.lp-header-panels--flow{position:relative;right:auto;top:auto;width:auto;margin:0;padding:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:linear-gradient(120deg,#eaf8ff,#fff)}
.lp-header-panels--flow .lp-header-panel__copy{padding:10px;gap:5px}.lp-header-panels--flow .lp-header-panel__copy strong{font-size:15px}.lp-header-panels--flow .lp-header-panel__description{font-size:13px}
/* Mobile keeps the six features inside the main panorama, just like desktop. */
@media(max-width:700px){
 .lp-original-hero .lp-header-panels{position:absolute;right:3%;top:5%;width:26%;margin:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6vw;background:transparent}
 .lp-original-hero .lp-header-panel{--panel-angle:-6deg;border-width:.14vw!important;border-radius:.8vw;box-shadow:0 .35vw .97vw #063b7840!important}
 .lp-original-hero .lp-header-panel__copy{padding:.3vw;gap:.2vw}
 .lp-original-hero .lp-header-panel__copy strong{font-size:.65vw;line-height:1.25}
 .lp-original-hero .lp-header-panel__description{font-size:.5vw;line-height:1.35}
}

/* iPad / tablet (701-1250px): keep the six cards inside the banner on the right,
 * as on desktop, scaled with the banner instead of dropping below it. */
@media(min-width:701px) and (max-width:1250px){
 .lp-original-hero .lp-header-panels{position:absolute;right:3%;top:5%;width:26%;margin:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6vw;background:transparent}
 .lp-original-hero .lp-header-panel{--panel-angle:-6deg;border-width:.14vw!important;border-radius:.8vw;box-shadow:0 .35vw .97vw #063b7840!important}
 .lp-original-hero .lp-header-panel__copy{padding:.3vw;gap:.2vw}
 .lp-original-hero .lp-header-panel__copy strong{font-size:.72vw;line-height:1.2}
 .lp-original-hero .lp-header-panel__description{font-size:.55vw;line-height:1.3}
 .lp-original-hero .lp-header-panels.lp-header-panels--flow{position:relative;right:auto;top:auto;width:auto;padding:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:linear-gradient(120deg,#eaf8ff,#fff)}
 .lp-original-hero .lp-header-panels--flow .lp-header-panel__copy{padding:10px;gap:5px}
 .lp-original-hero .lp-header-panels--flow .lp-header-panel__copy strong{font-size:15px}
 .lp-original-hero .lp-header-panels--flow .lp-header-panel__description{font-size:13px}
}