/* Homepage release announcement. The MW4 visual is typography, not game artwork. */
.mw4-launch{display:grid;grid-template-columns:1.1fr 1fr;min-height:298px;margin-bottom:24px;overflow:hidden;border:1px solid #3b4261;border-radius:12px;background:var(--surface);isolation:isolate}
.mw4-launch .mw4-launch-copy{padding:34px 38px;align-self:center}
.mw4-launch .mw4-launch-status{display:inline-flex;align-items:center;gap:8px;color:#d4c3ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mw4-launch .mw4-launch-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#bda3ff}
.mw4-launch h3{margin:13px 0 12px;color:var(--text);font-size:42px;line-height:1.1;letter-spacing:-.04em;font-weight:800}
.mw4-launch .mw4-launch-copy>p{max-width:43ch;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.mw4-launch .mw4-launch-action{display:inline-flex;align-items:center;gap:13px;min-height:44px;margin-top:18px;border-bottom:1px solid #56648d;color:#cfdbff;text-decoration:none;font-size:12px;font-weight:800;transition:color .2s,border-color .2s}
.mw4-launch .mw4-launch-action svg{width:18px;height:18px;flex:none}
.mw4-launch .mw4-launch-action:hover{color:#fff;border-color:#9eb2ff}
.mw4-launch .mw4-launch-action:focus-visible{outline:3px solid #becbff;outline-offset:5px;border-radius:2px}
.mw4-launch .mw4-launch-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:298px;overflow:hidden;border-left:1px solid #39445f;background:radial-gradient(ellipse at 85% 15%,#684ea53b,transparent 65%),radial-gradient(ellipse at 12% 90%,#496baf52,transparent 68%),#10182a}
.mw4-launch .mw4-launch-art:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#7183ad55 1px,transparent 1px),linear-gradient(90deg,#7183ad55 1px,transparent 1px);background-size:40px 40px;transform:skewY(-12deg) scale(1.25)}
.mw4-launch .mw4-launch-art:after{content:"";position:absolute;inset:18px;border-top:1px solid #8ba2dc40;border-bottom:1px solid #8ba2dc40;pointer-events:none}
.mw4-launch .mw4-art-brand,.mw4-launch .mw4-art-caption{position:absolute;left:30px;z-index:1;font-size:10px;font-weight:800;letter-spacing:.2em;line-height:1.4}
.mw4-launch .mw4-art-brand{top:29px;color:#b7c8ed}
.mw4-launch .mw4-art-caption{bottom:28px;color:#acb8d4;text-transform:uppercase}
.mw4-launch .mw4-art-title{position:relative;display:block;padding:8px 25px 17px 12px;color:#b7c8ef;font-family:var(--font);font-size:clamp(110px,13.7vw,182px);font-weight:800;letter-spacing:-.085em;line-height:1;transform:skewY(-5deg);text-shadow:0 7px 0 #090e1c45}
.mw4-launch .mw4-art-title>span{color:#b99be9}
@media(max-width:1000px){.mw4-launch{grid-template-columns:1.05fr 1fr}.mw4-launch .mw4-launch-copy{padding:28px}.mw4-launch .mw4-art-title{font-size:clamp(90px,13vw,150px)}}
@media(max-width:700px){.mw4-launch{grid-template-columns:1fr}.mw4-launch .mw4-launch-copy{padding:28px 26px}.mw4-launch h3{font-size:36px}.mw4-launch .mw4-launch-copy>p{max-width:48ch}.mw4-launch .mw4-launch-art{min-height:230px;border-left:0;border-top:1px solid #39445f}.mw4-launch .mw4-art-title{font-size:clamp(100px,27vw,160px)}.mw4-launch .mw4-art-brand,.mw4-launch .mw4-art-caption{left:26px}}
@media(prefers-reduced-motion:reduce){.mw4-launch .mw4-launch-action{transition:none}}