.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:-.02em;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.02}.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:-.02em;font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:700;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}
