.apex-art{--apex-night:#0d1418;--apex-sea:#153737;--apex-text:#f5f0df;--apex-muted:#bbc4ba;--apex-amber:#ffd081;--apex-choice:#efcd4c;--apex-line:#f5f0df2e;color:var(--apex-text);background:var(--apex-night)}.apex-art .apex-frame{isolation:isolate;border-radius:1rem;position:relative;overflow:hidden}.apex-art .apex-frame>.apex-content{z-index:2;position:relative}.apex-art .apex-surface-asphalt{background:linear-gradient(#0d1418e0,#0d1418e0),url(/art/apex-riviera/v1/texture-asphalt.webp) 50%/cover no-repeat}.apex-art .apex-surface-water{background:linear-gradient(#0d14189e,#0d1418cc),url(/art/apex-riviera/v1/texture-water.webp) 50%/cover no-repeat}.apex-art .apex-surface-limestone{color:var(--apex-night);background:linear-gradient(#f5f0dfd9,#f5f0dfd9),url(/art/apex-riviera/v1/texture-limestone.webp) 50%/cover no-repeat}.apex-art .apex-surface-limestone a{color:#153737}.apex-art .apex-surface-limestone :focus-visible{outline-color:#153737}.apex-art .apex-hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0d1418e0 0%,#0d141866 40%,#0000 72%),linear-gradient(#0000 70%,#0d1418);position:absolute;inset:0}.apex-art .apex-drift-image{object-fit:cover;width:100%;height:100%}.apex-art .apex-ambient{aspect-ratio:1;pointer-events:none;z-index:1;opacity:.16;background:radial-gradient(#ffd0813d,#0000 68%);width:min(26vw,300px);position:absolute;top:35%;right:8%}.apex-art .apex-card-image{transition:transform .24s}.apex-art .apex-card{border:1px solid var(--apex-line);transition:border-color .18s}.apex-art .apex-card:focus-within{border-color:var(--apex-amber)}.apex-art :focus-visible{outline:2px solid var(--apex-choice);outline-offset:4px}.apex-art .apex-light-trail{pointer-events:none;z-index:1;opacity:0;background:linear-gradient(90deg,#0000,#ffd0811f,#ffd081,#0000);width:min(70%,640px);height:3px;position:absolute;bottom:10%;left:-75%}.apex-art .apex-radio-bars{align-items:center;gap:4px;height:24px;display:inline-flex}.apex-art .apex-radio-bars>i{background:var(--apex-amber);width:3px;height:20px;display:block;transform:scaleY(.35)}.apex-art .apex-radio-bars>i:nth-child(2){transform:scaleY(.65)}.apex-art .apex-radio-bars>i:nth-child(3){transform:scaleY(.9)}.apex-art .apex-radio-bars>i:nth-child(4){transform:scaleY(.55)}.apex-art .apex-stack-logo{background:#f5f0df;border-radius:12px;place-items:center;width:64px;height:64px;display:grid}.apex-art .apex-stack-logo img{object-fit:contain;width:42px;height:42px}@media (hover:hover) and (pointer:fine){.apex-art .apex-card:hover{border-color:var(--apex-amber)}.apex-art .apex-card:hover .apex-card-image{transform:scale(1.025)}}@keyframes apex-drift{0%{transform:scale(1.015)translate(-.3%)}to{transform:scale(1.035)translate(.3%,-.4%)}}@keyframes apex-ambient{0%{opacity:.1;transform:scale(.98)}to{opacity:.22;transform:scale(1.04)}}@keyframes apex-trail{0%{opacity:0;transform:translate(0)}15%{opacity:.48}85%{opacity:.26}to{opacity:0;transform:translate(260%)}}@keyframes apex-meter{0%{transform:scaleY(.25)}to{transform:scaleY(.92)}}@media (prefers-reduced-motion:no-preference) and (min-width:768px) and (pointer:fine){.apex-art .apex-drift-image{animation:16s ease-in-out infinite alternate paused apex-drift}.apex-art .apex-ambient{animation:8s ease-in-out infinite alternate paused apex-ambient}.apex-art [data-motion=running] .apex-drift-image,.apex-art [data-motion=running] .apex-ambient{animation-play-state:running}.apex-art [data-motion=running] .apex-light-trail{animation:1s ease-out both apex-trail}.apex-art [data-audio-playing=true] .apex-radio-bars>i{animation:.65s ease-in-out infinite alternate apex-meter}.apex-art [data-audio-playing=true] .apex-radio-bars>i:nth-child(2){animation-delay:-190ms}.apex-art [data-audio-playing=true] .apex-radio-bars>i:nth-child(3){animation-delay:-410ms}.apex-art [data-audio-playing=true] .apex-radio-bars>i:nth-child(4){animation-delay:-280ms}}@media (max-width:767px){.apex-art .apex-hero-shade{background:linear-gradient(#0d1418d1,#0d141847 38%,#0000 58%,#0d1418 100%)}}@media (prefers-reduced-motion:reduce){.apex-art .apex-card-image,.apex-art .apex-card{transition:none;transform:none}.apex-art .apex-card:hover .apex-card-image{transform:none}}.apex-art .apex-hero{aspect-ratio:2/3;width:100%;max-height:72vh}.apex-art .apex-hero>picture{z-index:0;display:block;position:absolute;inset:0}.apex-art .apex-hero .apex-hero-img{object-position:50% 50%}.apex-art .apex-hero>.apex-content{flex-direction:column;justify-content:flex-start;gap:.75rem;padding:1.25rem;display:flex;position:absolute;inset:0}@media (min-width:640px){.apex-art .apex-hero>.apex-content{padding:2rem}}@media (min-width:768px){.apex-art .apex-hero{aspect-ratio:3/2;max-height:44rem}.apex-art .apex-hero .apex-hero-img{object-position:var(--apex-hero-position,70% 60%)}.apex-art .apex-hero>.apex-content{justify-content:center;max-width:48%;padding:3rem}}.apex-art .apex-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--apex-amber);font-size:.75rem;font-weight:600}.apex-art .apex-h1{letter-spacing:-.055em;max-width:8ch;margin-block:.5rem;font-size:clamp(3rem,7.5vw,7rem);font-weight:800;line-height:.92}.apex-art .apex-tagline{font-family:var(--font-mono);letter-spacing:.12em;color:var(--apex-choice);font-size:clamp(.8rem,2.2vw,1.05rem)}.apex-art .apex-muted{color:var(--apex-muted)}.apex-art .apex-status{border:1px solid var(--apex-line);font-family:var(--font-mono);border-radius:999px;align-self:flex-start;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.72rem;display:inline-flex}.apex-art .apex-status:before{content:"";background:var(--apex-amber);border-radius:999px;width:.5rem;height:.5rem}.apex-art .apex-btn,.apex-art .apex-btn-outline{white-space:nowrap;border-radius:.5rem;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.apex-art .apex-btn{background:var(--apex-choice);color:var(--apex-night)}.apex-art .apex-btn:hover{background:var(--apex-amber)}.apex-art .apex-btn-outline{color:var(--apex-text);border:1px solid #f5f0df66}.apex-art .apex-btn-outline:hover{border-color:var(--apex-amber)}.apex-art .apex-surface-limestone .apex-btn-outline{color:var(--apex-night);border-color:#0d141873}.apex-art .apex-motion-toggle{border:1px solid var(--apex-line);min-height:2.25rem;color:var(--apex-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:.5rem;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.72rem;display:inline-flex}.apex-art .apex-motion-toggle:hover{color:var(--apex-text);border-color:var(--apex-amber)}@media (prefers-reduced-motion:reduce),(max-width:767px),(pointer:coarse){.apex-art .apex-motion-toggle{display:none}}.apex-art .apex-section{padding-block:3.5rem}@media (min-width:768px){.apex-art .apex-section{padding-block:5rem}}.apex-art .apex-h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(1.75rem,4vw,3rem);font-weight:650;line-height:1.1}.apex-art .apex-rule{border-top:1px solid var(--apex-line)}.apex-art .apex-fact{border-left:2px solid var(--apex-choice);padding-left:1rem}.apex-art .apex-fact-value{font-family:var(--font-mono);font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:600;line-height:1}.apex-art .apex-card{background:#0d14188c;border-radius:1rem;overflow:hidden}.apex-art .apex-card img{width:100%;height:auto;display:block}.apex-art .apex-card figcaption{padding:1rem 1.15rem 1.25rem}.apex-art .apex-platform{border:1px solid var(--apex-line);border-radius:1rem;flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.apex-art .apex-platform[data-playable=true]{border-color:#efcd4c8c}.apex-art .apex-stack-item{align-items:center;gap:.9rem;display:flex}.apex-art .apex-link-card{border:1px solid var(--apex-line);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.apex-art a.apex-inline{color:var(--apex-amber);text-underline-offset:4px;text-decoration:underline}.apex-art a.apex-inline:hover{color:var(--apex-choice)}.apex-art .apex-kbd{border:1px solid var(--apex-line);font-family:var(--font-mono);border-radius:.35rem;padding:.05rem .4rem;font-size:.75rem;display:inline-block}.apex-art>.apex-section:first-child{padding-top:1rem}.apex-art .apex-gameplay-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.apex-art .apex-gameplay-gallery .apex-card{border-radius:6px;height:100%}.apex-art .apex-gameplay-gallery .apex-card:hover img{transform:none}.apex-art .apex-gameplay-gallery figcaption{padding:1rem}.apex-art .apex-route-nav{margin-block:2.5rem}.apex-art .apex-route-nav ol{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.apex-art .apex-route-nav li{border-top:1px solid var(--apex-line)}.apex-art .apex-route-nav a{flex-direction:column;gap:.75rem;padding:1rem .5rem 1rem 0;font-size:.875rem;display:flex}.apex-art .apex-route-nav a:hover{color:var(--apex-amber)}.apex-art .apex-route-nav span{font:.75rem var(--font-mono);color:var(--apex-choice)}.apex-art .apex-chapters{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem;display:grid}.apex-art .apex-chapters>li{grid-column:span 2}.apex-art .apex-chapters>li:nth-last-child(-n+2){grid-column:span 3}.apex-art .apex-chapters .apex-card{border-radius:6px}.apex-art .apex-chapters img{aspect-ratio:3/2;object-fit:cover}.apex-art .apex-ready{border-top:1px solid var(--apex-line);background:linear-gradient(90deg,#0d1418f5,#0d1418b3),url(/art/apex-riviera/v1/stage-belvedere-alba.webp) 50% 60%/cover}@media (min-width:768px){.apex-art .apex-hero>.apex-content{max-width:57%;padding:2.5rem}.apex-art .apex-hero{aspect-ratio:16/9;min-height:540px;max-height:690px}}@media (max-width:1023px){.apex-art .apex-gameplay-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.apex-art .apex-hero{min-height:610px;max-height:none}.apex-art .apex-h1{font-size:clamp(3rem,12.5vw,5rem)}.apex-art .apex-route-nav ol{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.apex-art .apex-route-nav li{flex:130px}.apex-art .apex-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.apex-art .apex-chapters>li,.apex-art .apex-chapters>li:nth-last-child(-n+2){grid-column:auto}.apex-art .apex-chapters>li:last-child{grid-column:1/-1}}@media (max-width:479px){.apex-art .apex-chapters,.apex-art .apex-gameplay-gallery{grid-template-columns:1fr}}.apex-art .apex-chapter{position:relative}.apex-art .apex-chapter-shot{z-index:1;background:var(--apex-night);border:1px solid #f5f0df59;border-radius:4px;width:46%;max-width:240px;position:absolute;top:.65rem;right:.65rem;overflow:hidden;box-shadow:0 14px 34px -14px #000000d9}.apex-art .apex-chapter-shot img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.apex-art .apex-shot-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--apex-choice);background:#0d1418f0;padding:.3rem .45rem;font-size:.58rem;display:block}@media (max-width:479px){.apex-art .apex-chapter-shot{width:46%}}
