:root{color-scheme:light;--ink:#173746;--muted:#78838a;--blue:#0085e8;--yellow:#ffcc00;--red:#ed1708}
*{box-sizing:border-box}body{margin:0;background:#fafaf8;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.experience{min-height:100svh;overflow:hidden;position:relative;display:flex;flex-direction:column;isolation:isolate}.experience:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#17374614 .7px,transparent .7px);background-size:24px 24px;mask-image:radial-gradient(ellipse at center,transparent 25%,black 100%)}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 5vw}header{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.color-mark{display:flex;gap:3px}.color-mark i{width:5px;height:17px;background:var(--blue)}.color-mark i:nth-child(2){background:var(--yellow)}.color-mark i:nth-child(3){background:var(--red)}.edition{color:var(--muted)}main{flex:1;display:grid;place-items:center;padding:60px 24px}.center{position:relative;width:min(760px,100%);text-align:center}.eyebrow{margin:0 0 38px;color:var(--muted);font-size:10px;letter-spacing:.32em;text-transform:uppercase}.logo-frame{position:relative;width:100%;aspect-ratio:2.9;mix-blend-mode:multiply}.logo-crop{position:absolute;inset:0;overflow:hidden}.logo-crop img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%)}.corner{position:absolute;width:15px;height:15px;border-color:#17374630;border-style:solid}.tl{left:0;top:-12px;border-width:1px 0 0 1px}.tr{right:0;top:-12px;border-width:1px 1px 0 0}.bl{left:0;bottom:-12px;border-width:0 0 1px 1px}.br{right:0;bottom:-12px;border-width:0 1px 1px 0}.tagline{margin:44px 0 0;font-size:clamp(16px,2.7vw,23px);font-weight:400;letter-spacing:-.025em}.tagline span{color:var(--muted)}.signature{display:flex;justify-content:center;gap:5px;margin-top:27px}.signature i{height:3px;width:23px;border-radius:3px;background:var(--blue)}.signature i:nth-child(2){background:var(--yellow)}.signature i:nth-child(3){background:var(--red)}.orbit{position:absolute;width:min(65vw,600px);aspect-ratio:1;left:50%;top:50%;border:1px solid #0085e81c;border-radius:50%;pointer-events:none;opacity:0}.orbit.two{border-color:#ffcc0038}footer{min-height:90px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.footer-note{display:flex;align-items:center;gap:9px}.footer-note:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue)}#replay{display:flex;align-items:center;gap:8px;padding:12px 0 12px 16px;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:10px;letter-spacing:.12em;text-transform:uppercase}#replay svg{width:15px;height:15px;transition:transform .3s}#replay:hover svg{transform:rotate(-45deg)}#replay:focus-visible{outline:2px solid var(--blue);outline-offset:6px;border-radius:2px}
.playing .logo-crop{animation:logo-reveal 1.65s cubic-bezier(.16,1,.3,1) .35s both}.playing .eyebrow{animation:rise .9s ease .15s both}.playing .corner{animation:rise 1.4s ease .3s both}.playing .tagline{animation:rise 1s ease 1.55s both}.playing .signature i{animation:color-line .75s cubic-bezier(.16,1,.3,1) 1.9s both}.playing .signature i:nth-child(2){animation-delay:2.05s}.playing .signature i:nth-child(3){animation-delay:2.2s}.playing .orbit{animation:ripple 2s cubic-bezier(.2,.6,.3,1) .05s both}.playing .orbit.two{animation-delay:.25s}
@keyframes logo-reveal{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(20px) scale(.96);filter:blur(5px)}65%{opacity:1;filter:blur(0)}to{opacity:1;clip-path:inset(0);transform:translateY(0) scale(1);filter:blur(0)}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes color-line{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes ripple{from{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
@media(max-width:540px){header,footer{padding:24px}.edition{display:none}.eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:30px}.tagline{margin-top:34px}footer{font-size:8px;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.orbit{display:none}}
.explore-gmc{display:inline-flex;margin-top:28px;padding:14px 24px;border-radius:30px;background:#0085e8;color:white;text-decoration:none;font-size:13px;font-weight:700}