@layer components{.brand-artwork{color:hsl(var(--color-foreground));align-items:center;display:inline-flex}.brand-artwork--stacked{flex-direction:column;gap:20px}.brand-mark{flex-shrink:0;width:260px;height:auto;display:block;overflow:hidden}.brand-wordmark{width:340px;height:auto;display:block;overflow:hidden}.brand-artwork--horizontal{gap:12px}.brand-artwork--horizontal .brand-mark{width:40px}.brand-artwork--horizontal .brand-wordmark{width:130px}.brand-glint{opacity:1;color:#faf9f6;transform-box:fill-box;transform-origin:50%}.brand-stage{isolation:isolate;aspect-ratio:1.06;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.brand-stage-orbit{z-index:-1;border:1px solid hsl(var(--color-brand-violet)/.1);background:radial-gradient(ellipse at 65% 80%,hsl(var(--color-brand-jade)/.15),transparent 64%);border-radius:50%;position:absolute;top:3%;bottom:7%;left:0;right:0}.brand-stage-orbit:after{content:"";border:1px solid hsl(var(--color-brand-violet)/.06);border-radius:inherit;position:absolute;top:8%;bottom:8%;left:8%;right:8%}.brand-stage-art{flex:1;justify-content:center;align-items:center;padding:36px 12px 18px;display:flex}.brand-stage-art .brand-mark{width:max(180px,min(21vw,300px))}.brand-stage-art .brand-wordmark{width:max(240px,min(28vw,395px));max-width:100%}.brand-stage-footer{justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px 0;display:flex}.brand-stage-controls{gap:2px;display:flex}.brand-stage--compact.brand-stage{aspect-ratio:auto;justify-self:start;width:max-content;max-width:100%;height:48px}.brand-stage--compact .brand-stage-orbit{display:none}.brand-stage--compact .brand-stage-art{justify-content:flex-start;padding:0}.brand-stage--compact .brand-stage-art .brand-mark{width:42px}.brand-stage--compact .brand-stage-art .brand-wordmark{width:150px}.brand-stage--compact .brand-stage-fallback{flex-direction:row;gap:12px}.brand-stage--compact .brand-stage-fallback img{width:42px;height:42px}.brand-stage--compact .brand-stage-fallback span{font-size:24px}.brand-stage[data-play-once=true] .brand-glint{animation:none}.brand-stage[data-motion=paused]{--brand-play-state:paused}.is-animated .brand-mark{animation:.9s cubic-bezier(.22,1,.36,1) both brand-arrive}.is-animated .brand-wordmark{animation:.65s cubic-bezier(.22,1,.36,1) 1.05s both brand-type}.is-animated .brand-trace{stroke-dasharray:1;animation:1.5s cubic-bezier(.65,0,.35,1) .15s both brand-trace}.is-animated .brand-settled{animation:.18s linear 1.5s both brand-settle}.is-animated .brand-glint{animation:3.2s ease-in-out 1.6s infinite brand-glimmer}.is-animated .brand-mark,.is-animated .brand-wordmark,.is-animated .brand-trace,.is-animated .brand-settled,.is-animated .brand-glint{animation-play-state:var(--brand-play-state,running)}@keyframes brand-arrive{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}@keyframes brand-type{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes brand-trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes brand-settle{0%{opacity:0}to{opacity:1}}@keyframes brand-glimmer{0%,to{opacity:.7;transform:scale(.97)}45%{opacity:1;transform:scale(1.12)}}@media (max-width:1023px){.brand-stage{aspect-ratio:1.3;justify-self:center;width:min(100%,560px)}.brand-stage-art .brand-mark{width:max(170px,min(32vw,250px))}.brand-stage-art .brand-wordmark{width:max(230px,min(42vw,330px))}}@media (prefers-reduced-motion:reduce){.brand-artwork *{animation:none!important}.brand-trace{stroke-dashoffset:0}.brand-settled,.brand-glint{opacity:1}}}
