@layer surfaces{.ring-stage{touch-action:pan-y;background-color:var(--well);min-height:100lvh;transition:background-color var(--t-breath) var(--e-settle);position:relative;overflow:hidden}.ring-stage.is-day{background-color:#fff}.ring-stage.is-blooming{transition:none}.ring-stage.is-day .hero{color:var(--ink-on-light)}.ring-stage.is-blooming .hero{color:#fff;mix-blend-mode:difference}.ring-stage.is-blooming .landing-chips .chip-row{mix-blend-mode:difference}.ring-stage .loader__turn{--reach:var(--turn-reach,100vmax);--at:var(--turn-at,50% 100%)}.ring-stage[data-turned],.ring-stage[data-turned] *{transition:none!important}.ring,.ring__orbit{pointer-events:none;position:absolute;inset:0}.ring__card{pointer-events:auto}[data-motion] .ring__orbit:not(.is-live) .ring__card{opacity:0}.ring-stage .stage__ui{pointer-events:none}.ring-stage .stage__ui>*{pointer-events:auto}.ring-stage .stage__ui>.hero{pointer-events:none}.ring-stage.is-day .ring__card--pale:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e5e5e5}.ring__card{will-change:transform;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:absolute;top:40%;left:50%}.ring__card--landscape{--w:var(--ring-l,clamp(120px, 16vw, 265px));width:var(--w);aspect-ratio:768/563;margin-left:calc(var(--w) / -2);margin-top:calc(var(--w) * 563 / 768 / -2)}.ring__card--portrait{--w:var(--ring-p,clamp(96px, 12.5vw, 200px));width:var(--w);aspect-ratio:706/800;margin-left:calc(var(--w) / -2);margin-top:calc(var(--w) * 800 / 706 / -2)}.ring__card picture,.ring__card img{object-fit:cover;width:100%;height:100%;display:block}.ring__card:focus-visible{outline:2px solid var(--focus-on-media);outline-offset:6px}.ring__orbit.is-bloomed .ring__card{transition:filter var(--t-sweep) var(--e-settle)}.ring__card.is-active{z-index:5}.ring__orbit.is-spot .ring__card:not(.is-active):not(:focus-visible){filter:brightness(.3)}@media (prefers-reduced-motion:reduce){.ring__orbit.is-bloomed .ring__card{transition-duration:var(--t-shift)}}.landing[data-mode=lobby] .chip--media:not(.cw-light){--glass-plate:var(--chip-well);--frost-edge-gain:1.5}@media (max-width:767.98px),(max-width:1199.98px) and (orientation:portrait){.ring{perspective-origin:50% 48%}.ring__card{top:48%}}@media (min-width:768px) and (max-width:1199.98px) and (orientation:portrait){.ring{perspective-origin:50% 49%}.ring__card{top:49%}.ring__card--landscape{width:clamp(150px,20vw,331px);margin-top:calc(clamp(150px,20vw,331px)/-2.72824);margin-left:calc(clamp(150px,20vw,331px)/-2)}.ring__card--portrait{width:clamp(120px,15.625vw,250px);margin-top:calc(clamp(120px,15.625vw,250px)/-1.765);margin-left:calc(clamp(120px,15.625vw,250px)/-2)}}}