.brand-stage{width:61vw;height:calc(100svh - 84px);min-height:650px;margin-left:39vw;position:relative}.brand-mosaic-stage{contain:layout paint style;overflow:hidden}.mosaic-disc{aspect-ratio:1;z-index:2;pointer-events:none;transform-origin:50%;border-radius:50%;width:min(63vw,810px);animation:16s cubic-bezier(.45,0,.55,1) infinite alternate mosaic-breathe;position:absolute;top:49%;left:51%;translate:-50% -50%}.mosaic-disc:before,.mosaic-disc:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.mosaic-disc:before{opacity:0;background:repeating-radial-gradient(circle,#0000 0 18.5%,#ffd4001c 18.7% 19%,#0000 19.2% 37%),radial-gradient(circle,#ffd4001a,#0000 67%);inset:-3%}.mosaic-disc:after{opacity:0;background:linear-gradient(90deg,#0000 calc(50% - .5px),#ffd40024 50%,#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#ffd40024 50%,#0000 calc(50% + .5px));inset:3%}.mosaic-logo{pointer-events:auto;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:opacity .14s ease-out;display:grid;position:absolute;translate:-50% -50%}.mosaic-logo img{object-fit:contain;pointer-events:none;image-rendering:auto;background-image:var(--mosaic-atlas,none);background-size:var(--mosaic-atlas-size,100% 100%);background-position:var(--sx,0) var(--sy,0);background-repeat:no-repeat;width:100%;height:100%;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .11s linear,opacity .11s linear;position:absolute;transform:scale(1)}.mosaic-logo span{z-index:4;opacity:0;color:#11140f;letter-spacing:.05em;white-space:nowrap;pointer-events:none;background:#b8ff5d;border-radius:2px;padding:8px 11px;font:800 11px/1 Manrope,Arial,sans-serif;transition:opacity .14s ease-out,translate .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:calc(100% + 16px);left:50%;translate:-50% 5px}.brand-mosaic-stage.is-focused .mosaic-logo{opacity:1}.brand-mosaic-stage .mosaic-logo:is(:hover,.is-active){opacity:1;z-index:20}.brand-mosaic-stage .mosaic-logo:is(:hover,.is-active) img{filter:saturate(1.12)drop-shadow(0 0 18px #b8ff5da3);transform:scale(3.05)}.brand-mosaic-stage .mosaic-logo:is(:hover,.is-active) span{opacity:1;translate:-50%}.brand-mosaic-stage.is-paused .mosaic-disc{animation-play-state:paused}.mosaic-logo:focus-visible{outline-offset:4px;border-radius:50%;outline:3px solid #ffd400}@keyframes mosaic-breathe{0%{transform:scale(.996)}to{transform:scale(1.008)}}@keyframes mosaic-logo-drift-a{0%,to{transform:translate(-2px,-4px)rotate(-1deg)}50%{transform:translate(3px,4px)rotate(1deg)}}@keyframes mosaic-logo-drift-b{0%,to{transform:translate(3px,-3px)rotate(1deg)}50%{transform:translate(-3px,3px)rotate(-1deg)}}.mosaic-logo:nth-child(18n+1){animation:6.8s cubic-bezier(.45,0,.55,1) infinite mosaic-logo-drift-a}.mosaic-logo:nth-child(18n+10){animation:7.6s cubic-bezier(.45,0,.55,1) -2.8s infinite mosaic-logo-drift-b}.brand-mosaic-stage.is-paused .mosaic-logo{animation-play-state:paused}.stage-note{color:var(--ink-faint);font-family:var(--f-label);letter-spacing:.18em;font-size:10px;position:absolute;bottom:32px;right:4.5vw}.stage-note span{color:var(--accent-ink);margin-right:10px}html[data-site-theme=dark] .brand-mosaic-stage .mosaic-logo img{opacity:.84}html[data-site-theme=dark] .brand-mosaic-stage .mosaic-logo:nth-child(18n+1) img,html[data-site-theme=dark] .brand-mosaic-stage .mosaic-logo:nth-child(18n+10) img{opacity:.96}html[data-site-theme=dark] .brand-mosaic-stage .mosaic-logo:is(:hover,.is-active) img{opacity:1;filter:grayscale(0)saturate(1.1)brightness(1.06)drop-shadow(0 0 7px #ffd400ad)}html[data-site-theme=dark] .brand-mosaic-stage .mosaic-disc:before,html[data-site-theme=dark] .brand-mosaic-stage .mosaic-disc:after{opacity:1}html[data-site-theme=dark] .brand-mosaic-stage .mosaic-logo span{color:#111;background:#ffd400;box-shadow:0 7px 24px #ffd40038}.brand-mosaic-stage.is-compact{aspect-ratio:1;width:min(100%,620px);height:auto;min-height:0;margin:0 auto}.brand-mosaic-stage.is-compact .mosaic-disc{width:min(100%,620px);top:50%;left:46%}.brand-mosaic-stage.is-compact .stage-note{font-size:8px;bottom:16px;right:18px}@media (width<=800px){.brand-stage{width:100%;height:66vh;min-height:520px;margin:0}.mosaic-disc{width:100vw;max-width:585px;top:48%;left:50%}.stage-note{bottom:18px;right:7vw}.brand-mosaic-stage.is-compact{height:auto;min-height:0}.brand-mosaic-stage.is-compact .mosaic-disc{width:min(100%,540px)}.brand-mosaic-stage.is-compact .mosaic-logo{width:44px!important;height:44px!important}.brand-mosaic-stage.is-compact .mosaic-logo img{width:54%;height:54%}.brand-mosaic-stage .mosaic-logo:is(:hover,.is-active) img{transform:scale(1.35)}.brand-mosaic-stage.is-compact .stage-note{letter-spacing:.11em;font-size:11px}}@media (pointer:coarse){.brand-mosaic-stage.is-compact .mosaic-logo{width:44px!important;height:44px!important}.brand-mosaic-stage.is-compact .mosaic-logo img{width:54%;height:54%}.brand-mosaic-stage .mosaic-logo:is(:hover,.is-active) img{transform:scale(1.35)}.brand-mosaic-stage.is-compact .stage-note{letter-spacing:.11em;font-size:11px}}@media (prefers-reduced-motion:reduce){.mosaic-disc,.mosaic-logo{animation:none}.mosaic-logo,.mosaic-logo img,.mosaic-logo span{transition:none}}