/* Match-end artwork and a broader arcade palette. */
:root{--violet:#ac8af7;--blue:#73c7f1;--pink:#fa92bd}
.hero{position:relative;background:#201c2b url('match-end-crew.png') center center/cover no-repeat;color:var(--paper);min-height:710px;grid-template-columns:46% 54%}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,30,.97) 0%,rgba(20,20,30,.9) 26%,rgba(20,20,30,.58) 44%,rgba(20,20,30,.04) 72%),linear-gradient(0deg,rgba(20,20,30,.4),transparent 35%);pointer-events:none}
.hero-copy{padding-left:11%;padding-right:4%}
.hero .eyebrow{color:var(--yellow)}
.hero h1{font-size:clamp(90px,10vw,150px);text-shadow:0 4px 25px #0004}
.hero h1 span{color:#ff754b}
.hero-tag{color:#fff4d8}
.hero .intro{color:#e0dce7;max-width:370px}
.hero .micro{color:#d0c8df}
.hero .dark{background:var(--yellow);color:var(--ink)}
.hero .text-link{color:var(--blue)}
.hero-art{background:none;z-index:1;min-width:0}
.art-label{color:white;text-shadow:0 2px 6px #000;font-weight:700}
.art-stamp{color:var(--ink);bottom:65px;right:30px;box-shadow:5px 5px 0 #1b182a}
.art-caption{left:auto;right:28px;color:#fff;background:#201c2be6;padding:8px 10px}
header{border-top:4px solid var(--orange)}
.nav-download{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}
.briefing{background:linear-gradient(120deg,#f1efe5 45%,#e9e0f6)}
.stats>div:nth-child(1) b{color:#d64220}.stats>div:nth-child(2) b{color:#7650b5}.stats>div:nth-child(3) b{color:#217b99}
.features{background:radial-gradient(ellipse at 95% 0,#49335c 0,transparent 60%),linear-gradient(125deg,#202c32,#25232f)}
.feature-grid article:nth-child(1){border-color:var(--yellow)}
.feature-grid article:nth-child(2){border-color:var(--blue)}
.feature-grid article:nth-child(2) .feature-icon,.feature-grid article:nth-child(2) .eyebrow{color:var(--blue)}
.feature-grid article:nth-child(3){border-color:var(--pink)}
.feature-grid article:nth-child(3) .feature-icon,.feature-grid article:nth-child(3) .eyebrow{color:var(--pink)}
.features .section-heading>p{color:#c3bbce}
.screens{background:linear-gradient(150deg,#f2eee4,#e5edf0)}
.scene-one{background-color:#8cbfba}.scene-two{background-color:#9b89b6}.scene-three{background-color:#eccd76}
.download{background:linear-gradient(115deg,#ff753e 0%,#fa572d 48%,#d43b69 100%)}
.download-card{box-shadow:9px 9px 0 #443257}
.studio{background:linear-gradient(90deg,#f1efe5 40%,#e8def6)}
@media(max-width:900px) and (min-width:641px){.hero{grid-template-columns:55% 45%;background-position:58% center}.hero:before{background:linear-gradient(90deg,#14141af5,#14141ac9 40%,#14141a10 100%)}.hero-copy{padding-left:9%}.hero h1{font-size:105px}.art-label{font-size:8px;left:16px;right:16px}.art-stamp{right:18px}}
@media(max-width:640px){.hero{display:flex;flex-direction:column;background:#201c2b;min-height:0}.hero:before{display:none}.hero-copy{background:radial-gradient(ellipse at 100% 0,#49335c,transparent 70%);padding:36px 7%}.hero h1{font-size:112px}.hero .actions{flex-wrap:wrap}.hero-art{height:auto;aspect-ratio:1672/941;min-height:240px;background:url('match-end-crew.png') center/cover no-repeat;border-top:3px solid var(--orange)}.art-label{top:12px;left:14px;right:14px;font-size:7px}.art-stamp{font-size:17px;right:16px;bottom:38px;padding:7px 10px}.art-caption{font-size:6px;bottom:8px;right:12px;padding:5px 7px}.download-card{box-shadow:6px 6px 0 #443257}}