.vision-splash .vs-bar{position:relative;width:min(240px,52vw);height:3px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.vision-splash .vs-bar i{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,#5a6bff,#8b93ff);
  animation:vsFill 1.35s var(--ease,cubic-bezier(.22,.61,.36,1)) forwards}
@keyframes vsFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.vision-splash .vs-logo{width:66px;height:auto;margin-top:10px;opacity:.9}
.vision-splash.light{background:radial-gradient(120% 120% at 50% 38%,#fbf8f2 0%,#efe9df 72%)}
.vision-splash.light .vs-eyebrow{color:var(--accent-text)}
.vision-splash.light .vs-word{color:var(--ink)}
.vision-splash.light .vs-word::after{background:var(--accent)}
.vision-splash.light .vs-bar{background:rgba(20,18,20,.1)}
.vision-splash.light .vs-bar i{background:linear-gradient(90deg,var(--accent),var(--accent-lift))}
.vision-splash.light .vs-logo{opacity:1}
@media (prefers-reduced-motion:reduce){.vision-splash .vs-bar i,.vision-splash .vs-word::after{animation:none}
.vision-splash .vs-bar i{transform:scaleX(1)}}
.vf-picker .m-hero{position:relative}
.vf-picker .m-media{position:absolute;top:50%;right:clamp(20px,6cqw,58px);transform:translateY(-50%);
  width:34%;aspect-ratio:4/5;max-height:72%;border-radius:var(--mediaR,14px);overflow:hidden;z-index:1;
  background:color-mix(in srgb,var(--fwI) 6%,var(--fwC));
  box-shadow:0 20px 46px -32px color-mix(in srgb,var(--fwI) 55%,transparent)}
.vf-picker .m-media[data-sh="sharp"]{--mediaR:2px}
.vf-picker .m-media[data-sh="hard"]{--mediaR:0px}
.vf-picker .m-media[data-sh="refined"]{--mediaR:4px}
.vf-picker .m-media[data-sh="soft"]{--mediaR:14px}
.vf-picker .m-media[data-sh="round"]{--mediaR:26px}
.vf-picker .m-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vf-picker .m-hero:has(.m-media[data-mode="side"]) .m-name,
.vf-picker .m-hero:has(.m-media[data-mode="side"]) .m-deck{max-width:min(100%,56%)}
.vf-picker .m-media[data-mode="none"]{display:none}
.vf-picker .m-hero:has(.m-media[data-mode="none"]) .m-name,
.vf-picker .m-hero:has(.m-media[data-mode="none"]) .m-deck{max-width:none}
@container pv (max-width:560px){.vf-picker .m-media,.vf-picker .m-media[data-mode="full"]{position:relative;inset:auto;top:auto;right:auto;transform:none;
    width:100%;height:auto;aspect-ratio:16/10;max-height:none;margin-top:18px;border-radius:14px;z-index:1}
.vf-picker .m-hero:has(.m-media[data-mode="side"]) .m-name,
  .vf-picker .m-hero:has(.m-media[data-mode="side"]) .m-deck,
  .vf-picker .m-hero:has(.m-media[data-mode="full"]) .m-name,
  .vf-picker .m-hero:has(.m-media[data-mode="full"]) .m-deck{max-width:100%}}
.vf-picker .mann[data-fs="v-warm"] .fx1,.vf-picker .mann[data-fs="v-vint"] .fx1{display:none!important}
.vf-picker .mann[data-fs="v-dark"] .fx1{z-index:0;width:210px;height:210px;border-radius:50%;top:-108px!important;right:-78px!important;background:radial-gradient(circle,color-mix(in srgb,var(--fwA) 80%,transparent),transparent 65%);filter:blur(30px);opacity:.3!important}
.vf-picker .m-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(18px,5cqw,40px);transition:color .5s var(--spring) 40ms;z-index:4}
.vf-picker .mann[data-fs="v-bento"] .fx1{opacity:1;z-index:0;width:30%!important;height:32%!important;right:16px!important;top:22%!important;border-radius:18px;background:var(--fwM);box-shadow:0 12px 26px -16px color-mix(in srgb,var(--fwI) 45%,transparent)}
.vf-picker .mann[data-fs="v-bento"] .fx2{opacity:1;z-index:0;width:22%!important;height:30%!important;right:16px!important;bottom:16px!important;border-radius:18px;background:var(--fwA);box-shadow:0 12px 26px -16px color-mix(in srgb,var(--fwI) 45%,transparent);left:auto!important}
.screen[data-screen="direction"] .vf-picker[data-device="mobile"] .mann[data-fs="v-swiss"] .m-deck{align-self:flex-start!important;text-align:left!important;max-width:100%!important}
.vf-picker .v-noir{background:#101418;color:#f1ede4}
.vf-picker .v-neon{background:#0d192b;color:#07f9a2}
.vf-picker .v-onyx{background:#101010;color:#e8dcc0}
.vf-picker .v-cosmic{background:#101c30;color:#dfe9f5}
.vf-picker .v-ember{background:#2f2320;color:#ece4dd}
.screen[data-screen="direction"] :is(.vf-side,.lookrail,#lookRail,.bg-style) .vig.v-max>b,
.screen[data-screen="direction"] :is(.vf-side,.lookrail,#lookRail,.bg-style) .vig.v-bento>b,
.screen[data-screen="direction"] :is(.vf-side,.lookrail,#lookRail,.bg-style) .vig.v-vint>b,
.screen[data-screen="direction"] :is(.vf-side,.lookrail,#lookRail,.bg-style) .vig.v-vint>em{max-width:52%!important}
.screen[data-screen="direction"] :is(.vf-side,.lookrail,#lookRail,.bg-style) .vig.v-max>i,
.screen[data-screen="direction"] :is(.vf-side,.lookrail,#lookRail,.bg-style) .vig.v-bento>i,
.screen[data-screen="direction"] :is(.vf-side,.lookrail,#lookRail,.bg-style) .vig.v-vint>i{z-index:0!important}
.screen[data-screen="direction"] .vf-mocknote b{color:color-mix(in srgb,var(--ink) 72%,transparent);font-weight:600}
.vf-picker .mann[data-fs="v-noir"]{border-radius:0;border:1px solid color-mix(in srgb,var(--fwI) 16%,var(--fwC));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,#000 40%,transparent),0 30px 60px -46px #000}
.vf-picker .mann[data-fs="v-noir"]::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(140% 120% at 92% -16%,color-mix(in srgb,var(--fwI) 13%,transparent),transparent 42%),
      radial-gradient(85% 92% at -8% 46%,color-mix(in srgb,#000 42%,transparent),transparent 55%),
      linear-gradient(180deg,color-mix(in srgb,#000 32%,transparent),transparent 20%)}
.vf-picker .mann[data-fs="v-noir"] .m-nav{border-bottom:1px solid color-mix(in srgb,var(--fwI) 16%,transparent);
    padding-bottom:13px;text-transform:uppercase;letter-spacing:.16em}
.vf-picker .mann[data-fs="v-noir"] .m-nav b{letter-spacing:.04em}
.vf-picker .mann[data-fs="v-noir"] .m-nav span i{color:color-mix(in srgb,var(--fwI) 58%,var(--fwC));font-size:10px;letter-spacing:.14em}
.vf-picker .mann[data-fs="v-noir"] .m-name{letter-spacing:-.02em;
    text-shadow:-2px 3px 0 color-mix(in srgb,#000 52%,transparent),0 0 22px color-mix(in srgb,var(--fwA) 15%,transparent)}
.vf-picker .mann[data-fs="v-noir"] .m-deck{color:color-mix(in srgb,var(--fwI) 82%,var(--fwC));
    border-left:2px solid color-mix(in srgb,var(--fwA) 70%,transparent);padding-left:15px}
.vf-picker .mann[data-fs="v-noir"] .m-cta{border-radius:0;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;
    box-shadow:4px 4px 0 color-mix(in srgb,#000 42%,transparent),inset 0 1px 0 color-mix(in srgb,var(--fwI) 28%,transparent)}
.vf-picker .mann[data-fs="v-noir"] .m-band{background:color-mix(in srgb,#000 22%,var(--fwC));
    border-top:1px solid color-mix(in srgb,var(--fwI) 18%,transparent)}
.vf-picker .mann[data-fs="v-noir"] .mc-eyb{letter-spacing:.2em;color:color-mix(in srgb,var(--fwA) 78%,var(--fwI))}
.vf-picker .mann[data-fs="v-noir"] .mc-h{letter-spacing:-.01em;text-shadow:0 2px 0 color-mix(in srgb,#000 40%,transparent)}
.vf-picker .mann[data-fs="v-noir"] .m-card{border-radius:0;border:1px solid color-mix(in srgb,var(--fwI) 14%,transparent);
    background:color-mix(in srgb,#000 24%,var(--fwC));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--fwI) 12%,transparent)}
.vf-picker .mann[data-fs="v-noir"] .m-card:first-child{border-color:color-mix(in srgb,var(--fwA) 30%,transparent);
    box-shadow:inset 3px 0 0 color-mix(in srgb,var(--fwA) 72%,transparent),inset 0 1px 0 color-mix(in srgb,var(--fwI) 14%,transparent)}
.vf-picker .mann[data-fs="v-noir"] .m-card:hover{border-color:color-mix(in srgb,var(--fwA) 40%,transparent);
    box-shadow:inset 3px 0 0 var(--fwA),0 18px 34px -26px #000}
.vf-picker .mann[data-fs="v-noir"] .mc-n{color:color-mix(in srgb,var(--fwA) 80%,var(--fwI));letter-spacing:.06em}
.vf-picker .mann[data-fs="v-noir"] .m-foot{background:color-mix(in srgb,#000 30%,var(--fwC));
    border-top:1px solid color-mix(in srgb,var(--fwI) 16%,transparent)}
.vf-picker .mann[data-fs="v-noir"] .m-foot-col b{letter-spacing:.18em;color:color-mix(in srgb,var(--fwA) 60%,var(--fwI))}
.vf-picker .mann[data-fs="v-noir"] .m-foot-fine{color:color-mix(in srgb,var(--fwI) 56%,var(--fwC))}
.screen[data-screen="direction"] .vf-picker .mann[data-fs="v-noir"].pv-in .m-name{animation:pvWipe .62s var(--ease,cubic-bezier(.22,.61,.36,1)) .12s both}
.vf-picker .mann[data-fs="v-onyx"]{
    border-radius:0;
    border:1px solid color-mix(in srgb,var(--fwA) 48%,transparent);
    background:radial-gradient(130% 95% at 100% 100%,color-mix(in srgb,var(--fwA) 9%,transparent),transparent 58%),var(--fwC)}
.vf-picker .mann[data-fs="v-onyx"]::before{
    content:"";position:absolute;top:7px;left:7px;right:7px;bottom:7px;z-index:3;pointer-events:none;
    border:1px solid color-mix(in srgb,var(--fwA) 32%,transparent)}
.vf-picker .mann[data-fs="v-onyx"]::after{display:none}
.vf-picker .mann[data-fs="v-onyx"] .m-nav{
    text-transform:uppercase;letter-spacing:.32em;
    border-bottom:1px solid color-mix(in srgb,var(--fwA) 26%,transparent);padding-bottom:15px}
.vf-picker .mann[data-fs="v-onyx"] .m-nav b{font-weight:500;font-size:11.5px;letter-spacing:.32em}
.vf-picker .mann[data-fs="v-onyx"] .m-nav .lk{gap:0}
.vf-picker .mann[data-fs="v-onyx"] .m-nav span i{
    font-size:9.5px;letter-spacing:.22em;color:color-mix(in srgb,var(--fwI) 74%,var(--fwC))}
.vf-picker .mann[data-fs="v-onyx"] .m-nav span i+i::before{
    content:"\2666";margin:0 11px;font-size:6px;vertical-align:middle;
    color:color-mix(in srgb,var(--fwA) 78%,transparent)}
.vf-picker .mann[data-fs="v-onyx"] .m-name{letter-spacing:.05em;line-height:1.08}
.vf-picker .mann[data-fs="v-onyx"] .m-name::after{
    content:"";display:block;width:44px;height:1px;margin-top:24px;background:var(--fwA)}
.vf-picker .mann[data-fs="v-onyx"] .m-deck{letter-spacing:.012em;max-width:40ch}
.vf-picker .mann[data-fs="v-onyx"] .m-cta{
    border-radius:0;text-transform:uppercase;letter-spacing:.24em;font-size:11px;padding:14px 30px;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fwC) 24%,var(--fwA))}
.vf-picker .mann[data-fs="v-onyx"] .fx1{right:9px;opacity:1;z-index:1;width:7px;height:7px;top:46%;background:var(--fwA);transform:rotate(45deg)}
.vf-picker .mann[data-fs="v-onyx"] .fx2{right:-3px;opacity:1;z-index:0;width:30px;height:30px;top:calc(46% - 11px);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--fwA) 34%,transparent),transparent 68%)}
.vf-picker .mann[data-fs="v-onyx"] .m-band{
    background:var(--fwC);border-top:1px solid color-mix(in srgb,var(--fwA) 26%,transparent)}
.vf-picker .mann[data-fs="v-onyx"] .mc-eyb{
    letter-spacing:.24em;color:color-mix(in srgb,var(--fwA) 82%,var(--fwI))}
.vf-picker .mann[data-fs="v-onyx"] .mc-h{letter-spacing:.01em}
.vf-picker .mann[data-fs="v-onyx"] .m-card{
    border-radius:0;background:color-mix(in srgb,var(--fwI) 3%,var(--fwC));
    border:1px solid color-mix(in srgb,var(--fwA) 22%,transparent);transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease}
.vf-picker .mann[data-fs="v-onyx"] .m-card:hover{
    transform:translateY(-2px);border-color:color-mix(in srgb,var(--fwA) 55%,transparent);
    box-shadow:0 18px 40px -28px color-mix(in srgb,var(--fwA) 60%,transparent)}
.vf-picker .mann[data-fs="v-onyx"] .mc-n{color:var(--fwA);letter-spacing:.12em}
.vf-picker .mann[data-fs="v-onyx"] .m-foot{
    background:var(--fwC);border-top:1px solid color-mix(in srgb,var(--fwA) 26%,transparent)}
.vf-picker .mann[data-fs="v-onyx"] .m-foot-brand b{letter-spacing:.03em}
.vf-picker .mann[data-fs="v-onyx"] .m-foot-col b{
    letter-spacing:.2em;color:color-mix(in srgb,var(--fwA) 68%,var(--fwI))}
.vf-picker .mann[data-fs="v-onyx"] .m-foot-fine{border-top-color:color-mix(in srgb,var(--fwA) 20%,transparent)}
@media (prefers-reduced-motion:no-preference){@keyframes onyxThread{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes onyxGlow{0%,100%{opacity:.5}50%{opacity:1}}
.screen[data-screen="direction"] .vf-picker .mann[data-fs="v-onyx"].pv-in .m-name::after{
    transform-origin:left;animation:onyxThread .7s cubic-bezier(.22,.61,.36,1) .28s both}
.vf-picker .mann[data-fs="v-onyx"] .fx2{animation:onyxGlow 4.6s ease-in-out infinite}}
.v-onyx{background:#0d0d0f;color:#e8dcc0;align-items:flex-start}
.v-onyx em{color:#8f8a7e;letter-spacing:.3em;font-family:var(--sans)}
.v-onyx b{font:400 22px 'Marcellus',var(--serif);letter-spacing:.05em}
.v-onyx .seam{position:absolute;top:12px;bottom:12px;right:34%;width:2px;
    background:linear-gradient(180deg,transparent,#c9a227 22%,#eecd76 50%,#c9a227 78%,transparent);
    box-shadow:0 0 9px rgba(201,162,39,.5);pointer-events:none}
.vf-picker .mann[data-fs="v-cosmic"]{
  position:relative;overflow:hidden;isolation:isolate;
  border-radius:16px;
  background:color-mix(in srgb,var(--fwC) 88%,#000);
  border:1px solid color-mix(in srgb,var(--fwI) 10%,transparent);
  box-shadow:inset 0 0 100px color-mix(in srgb,#000 55%,transparent),
             0 26px 64px -34px color-mix(in srgb,#000 82%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"]::before{
  content:"";position:absolute;inset:-22%;z-index:0;pointer-events:none;
  background-repeat:no-repeat;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 20%,color-mix(in srgb,var(--fwI) 55%,transparent) 50%,transparent 55%),
    radial-gradient(1px 1px    at 24% 64%,color-mix(in srgb,var(--fwI) 40%,transparent) 50%,transparent 55%),
    radial-gradient(1.6px 1.6px at 40% 30%,color-mix(in srgb,var(--fwA) 62%,transparent) 50%,transparent 55%),
    radial-gradient(1px 1px    at 53% 78%,color-mix(in srgb,var(--fwI) 38%,transparent) 50%,transparent 55%),
    radial-gradient(1.2px 1.2px at 66% 14%,color-mix(in srgb,var(--fwI) 50%,transparent) 50%,transparent 55%),
    radial-gradient(1.6px 1.6px at 80% 44%,color-mix(in srgb,var(--fwA) 55%,transparent) 50%,transparent 55%),
    radial-gradient(1px 1px    at 90% 70%,color-mix(in srgb,var(--fwI) 44%,transparent) 50%,transparent 55%),
    radial-gradient(1px 1px    at 33% 90%,color-mix(in srgb,var(--fwI) 36%,transparent) 50%,transparent 55%),
    radial-gradient(1.3px 1.3px at 6% 52%,color-mix(in srgb,var(--fwI) 42%,transparent) 50%,transparent 55%),
    radial-gradient(1px 1px    at 95% 26%,color-mix(in srgb,var(--fwI) 44%,transparent) 50%,transparent 55%),
    radial-gradient(1.3px 1.3px at 47% 54%,color-mix(in srgb,var(--fwI) 34%,transparent) 50%,transparent 55%),
    radial-gradient(1px 1px    at 72% 92%,color-mix(in srgb,var(--fwI) 36%,transparent) 50%,transparent 55%),
    radial-gradient(1.1px 1.1px at 18% 82%,color-mix(in srgb,var(--fwI) 38%,transparent) 50%,transparent 55%),
    radial-gradient(1px 1px    at 60% 40%,color-mix(in srgb,var(--fwI) 30%,transparent) 50%,transparent 55%),
    radial-gradient(1.5px 1.5px at 86% 12%,color-mix(in srgb,var(--fwA) 48%,transparent) 50%,transparent 55%),
    radial-gradient(1px 1px    at 40% 8%,color-mix(in srgb,var(--fwI) 40%,transparent) 50%,transparent 55%),
    radial-gradient(1.2px 1.2px at 76% 66%,color-mix(in srgb,var(--fwI) 38%,transparent) 50%,transparent 55%),
    radial-gradient(1px 1px    at 30% 44%,color-mix(in srgb,var(--fwI) 30%,transparent) 50%,transparent 55%);
  opacity:.6;
  animation:cosDrift 120s ease-in-out infinite alternate;
}
.vf-picker .mann[data-fs="v-cosmic"]::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  top:-150px;right:-130px;width:440px;height:440px;
  background:radial-gradient(circle at 50% 50%,
    color-mix(in srgb,var(--fwA) 34%,transparent) 0%,
    color-mix(in srgb,var(--fwA) 13%,transparent) 36%,
    transparent 66%);
  filter:blur(4px);
  animation:cosBreathe 13s ease-in-out infinite;
}
.vf-picker .mann[data-fs="v-cosmic"] .m-nav,
.vf-picker .mann[data-fs="v-cosmic"] .m-hero,
.vf-picker .mann[data-fs="v-cosmic"] .m-name,
.vf-picker .mann[data-fs="v-cosmic"] .m-deck,
.vf-picker .mann[data-fs="v-cosmic"] .m-cta,
.vf-picker .mann[data-fs="v-cosmic"] .m-band,
.vf-picker .mann[data-fs="v-cosmic"] .m-foot{position:relative;z-index:1}
.vf-picker .mann[data-fs="v-cosmic"] .m-nav{
  text-transform:uppercase;letter-spacing:.24em;font-size:11px;
  padding-bottom:12px;
  border-bottom:1px solid color-mix(in srgb,var(--fwI) 10%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"] .m-nav b{
  font-weight:600;letter-spacing:.26em;color:var(--fwI);
}
.vf-picker .mann[data-fs="v-cosmic"] .m-nav b::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  margin-right:9px;vertical-align:1px;
  background:var(--fwA);
  box-shadow:0 0 9px color-mix(in srgb,var(--fwA) 85%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"] .m-nav span i{
  color:color-mix(in srgb,var(--fwI) 66%,var(--fwC));letter-spacing:.2em;
}
.vf-picker .mann[data-fs="v-cosmic"] .m-name{
  align-self:flex-start;
  max-width:calc(100% - 92px);
  letter-spacing:-.01em;line-height:1.03;
  color:var(--fwI);
  text-shadow:0 0 34px color-mix(in srgb,var(--fwA) 26%,transparent),
              0 1px 1px color-mix(in srgb,#000 45%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"] .m-deck{
  max-width:calc(100% - 92px);
  color:color-mix(in srgb,var(--fwI) 74%,var(--fwC));
  line-height:1.6;
}
.vf-picker .mann[data-fs="v-cosmic"] .m-cta{
  align-self:flex-start;border-radius:999px;
  text-transform:uppercase;letter-spacing:.12em;font-size:12px;
  color:var(--fwI);
  background:color-mix(in srgb,var(--fwA) 16%,var(--fwC));
  border:1px solid color-mix(in srgb,var(--fwA) 55%,transparent);
  box-shadow:0 0 26px -4px color-mix(in srgb,var(--fwA) 45%,transparent),
             inset 0 1px 0 color-mix(in srgb,var(--fwI) 14%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"] .fx1{
  opacity:1;z-index:0;
  top:18%;right:-226px;width:300px;height:300px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--fwA) 40%,transparent);
  box-shadow:inset 0 0 28px color-mix(in srgb,var(--fwA) 12%,transparent);
  animation:cosSpin 240s linear infinite;
}
.vf-picker .mann[data-fs="v-cosmic"] .fx2{
  opacity:1;z-index:0;
  top:38%;right:16px;width:52px;height:52px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--fwI) 24%,transparent);
  box-shadow:0 0 14px -2px color-mix(in srgb,var(--fwA) 30%,transparent);
  animation:cosSpin 90s linear infinite reverse;
}
.vf-picker .mann[data-fs="v-cosmic"] .fx2::before{
  content:"";position:absolute;top:-3px;left:calc(50% - 3px);
  width:6px;height:6px;border-radius:50%;
  background:var(--fwA);
  box-shadow:0 0 10px color-mix(in srgb,var(--fwA) 80%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"] .m-band{
  background:transparent;
  border-top:1px solid color-mix(in srgb,var(--fwI) 8%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"] .m-card{
  border-radius:14px;
  background:color-mix(in srgb,var(--fwC) 72%,#000);
  border:1px solid color-mix(in srgb,var(--fwI) 12%,transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--fwI) 8%,transparent),
             0 0 34px -20px color-mix(in srgb,var(--fwA) 45%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"] .mc-eyb{
  color:var(--fwA);text-transform:uppercase;letter-spacing:.22em;font-size:10px;
}
.vf-picker .mann[data-fs="v-cosmic"] .mc-h{color:var(--fwI)}
.vf-picker .mann[data-fs="v-cosmic"] .mc-t{color:color-mix(in srgb,var(--fwI) 68%,var(--fwC))}
.vf-picker .mann[data-fs="v-cosmic"] .m-foot{
  border-top:1px solid color-mix(in srgb,var(--fwI) 8%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"] .m-foot-brand,
.vf-picker .mann[data-fs="v-cosmic"] .m-foot-brand span{color:var(--fwI)}
.vf-picker .mann[data-fs="v-cosmic"] .m-foot-col b{color:var(--fwI)}
.vf-picker .mann[data-fs="v-cosmic"] .m-foot-col span{color:color-mix(in srgb,var(--fwI) 60%,var(--fwC))}
.vf-picker .mann[data-fs="v-cosmic"] .m-foot-fine{
  color:color-mix(in srgb,var(--fwI) 54%,var(--fwC));
  border-top-color:color-mix(in srgb,var(--fwI) 10%,transparent);
}
.vf-picker .mann[data-fs="v-cosmic"].pv-in .m-name{
  animation:cosReveal .8s cubic-bezier(.2,.7,.2,1) .08s both;
}
@keyframes cosDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-16px,-10px,0)}}
@keyframes cosBreathe{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes cosSpin{to{transform:rotate(360deg)}}
@keyframes cosReveal{from{opacity:0;transform:translateY(10px);letter-spacing:.06em}to{opacity:1;transform:none;letter-spacing:-.01em}}
@media (prefers-reduced-motion:reduce){.vf-picker .mann[data-fs="v-cosmic"]::before,
  .vf-picker .mann[data-fs="v-cosmic"]::after,
  .vf-picker .mann[data-fs="v-cosmic"] .fx1,
  .vf-picker .mann[data-fs="v-cosmic"] .fx2,
  .vf-picker .mann[data-fs="v-cosmic"].pv-in .m-name{animation:none}}