/* Illustrated entrances on the PvP landing page. */
.pvp-battle-section{scroll-margin-top:24px}
.pvp-battle-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:26px}
.pvp-battle-heading .eyebrow{color:#c8b17b;font-size:10px;letter-spacing:1.6px}
.pvp-battle-heading h2{margin:14px 0 15px;font-size:43px;line-height:1.14}
.pvp-battle-heading .section-intro{margin-bottom:0}
.pvp-battle-all{display:flex;align-items:center;gap:18px;flex-shrink:0;border:1px solid #697351;padding:14px 18px;color:#d7c797;font-size:11px;text-decoration:none;line-height:1.5}
.pvp-battle-all:hover{background:#293c2b;border-color:#d3bd81}
.pvp-battle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pvp-battle-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:370px;padding:27px 30px;color:#f1e9d2;text-decoration:none;overflow:hidden;border:1px solid #56614b;background:#16291e;box-shadow:0 9px 30px #0002;transition:border-color .2s,box-shadow .2s}
.pvp-battle-art{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.85);transition:transform .45s,filter .3s}
.pvp-battle-card:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#07150b35 0%,#07150b00 29%,#08160be6 72%,#08160bf7 100%)}
.pvp-battle-card:after{content:"";position:absolute;z-index:-1;inset:0;box-shadow:inset 0 0 70px #030c0640;pointer-events:none}
.pvp-battle-top{position:absolute;top:23px;left:26px;display:flex;gap:8px}
.pvp-battle-top>span{border:1px solid #b9c6a740;background:#07130dc9;backdrop-filter:blur(5px);padding:7px 11px;color:#e3e7d5;font-size:11px;line-height:1.3;letter-spacing:.2px}
.pvp-battle-top>span:first-child{color:var(--battle-accent);font-weight:600}
.pvp-battle-top>span>span{padding:0 3px;color:#c6ceba}
.pvp-battle-emblem{position:absolute;top:23px;right:25px;width:53px;height:53px;padding:10px;color:var(--battle-accent);border:1px solid #d0d5b642;background:#0c1c13cc;transform:rotate(4deg);box-shadow:0 5px 16px #0003}
.pvp-battle-emblem svg{display:block;width:100%;height:100%;transform:rotate(-4deg)}
.pvp-battle-mode{color:var(--battle-accent);text-transform:uppercase;font-size:9px;letter-spacing:1.5px;margin:0 0 10px;line-height:1.5;font-weight:500}
.pvp-battle-caption{padding-top:155px;position:relative}
.pvp-battle-card h3{font-size:35px;line-height:1.13;letter-spacing:-.5px;font-weight:400;margin:0 0 13px;color:#f0e6cc;text-shadow:0 2px 15px #0006}
.pvp-battle-teaser{font-size:12px;line-height:1.8;color:#d0d8c2;margin:0 0 20px;max-width:390px}
.pvp-battle-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #a1b18b48;padding-top:16px;font-size:11px;letter-spacing:.2px;color:#e1d2a9}
.pvp-battle-cta>span:last-child{width:29px;height:29px;border:1px solid #8e9c796b;border-radius:50%;display:grid;place-items:center;font-size:17px;transition:background .2s,color .2s}
.pvp-battle-card:hover{border-color:var(--battle-accent);box-shadow:0 10px 32px #0004}
.pvp-battle-card:hover .pvp-battle-art{transform:scale(1.045);filter:saturate(1.05)}
.pvp-battle-card:hover .pvp-battle-cta>span:last-child{background:var(--battle-accent);color:#122018;border-color:var(--battle-accent)}
.pvp-battle-card:focus-visible,.pvp-battle-all:focus-visible{outline:2px solid #e2cb8b;outline-offset:5px}
.pvp-battle-warsong .pvp-battle-art{object-position:center 45%;filter:saturate(.8) brightness(.88)}
.pvp-battle-darkspear .pvp-battle-art{object-position:center 35%}
.pvp-battle-alterac .pvp-battle-art{object-position:center 40%}
@media(max-width:1000px){.pvp-battle-heading{align-items:flex-start}.pvp-battle-heading h2{font-size:36px}.pvp-battle-all{margin-top:29px}.pvp-battle-card{padding:24px;min-height:345px}.pvp-battle-card h3{font-size:30px}.pvp-battle-top{left:23px;top:21px}.pvp-battle-emblem{right:21px;top:21px;width:47px;height:47px;padding:9px}.pvp-battle-caption{padding-top:145px}}
@media(max-width:700px){.pvp-battle-heading{display:block;margin-bottom:24px}.pvp-battle-heading h2{font-size:34px;max-width:320px}.pvp-battle-heading .section-intro{font-size:13px;max-width:320px}.pvp-battle-all{display:inline-flex;margin-top:22px;padding:11px 15px;font-size:11px}.pvp-battle-grid{grid-template-columns:1fr;gap:18px}.pvp-battle-card{min-height:345px;padding:24px 22px}.pvp-battle-caption{padding-top:145px}.pvp-battle-card h3{font-size:31px;letter-spacing:-.6px}.pvp-battle-warsong h3{font-size:clamp(21px,calc(10vw - 11px),31px)}.pvp-battle-mode{font-size:8px;letter-spacing:1.1px}.pvp-battle-top{left:21px;top:20px}.pvp-battle-top>span{font-size:10px;padding:7px 9px}.pvp-battle-emblem{top:19px;right:21px}.pvp-battle-teaser{font-size:12px;max-width:280px}.pvp-battle-cta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.pvp-battle-card,.pvp-battle-art,.pvp-battle-cta>span:last-child{transition:none}.pvp-battle-card:hover .pvp-battle-art{transform:none}}