@keyframes pvPop{0%{opacity:0;transform:scale(.6)}68%{opacity:1;transform:scale(1.07)}100%{transform:scale(1)}}
@keyframes pvSlam{0%{opacity:0;transform:translate(8px,-8px) scale(1.05)}55%{opacity:1;transform:translate(-3px,3px) scale(.99)}100%{transform:none}}
@keyframes pvWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pvBlurIn{from{opacity:0;filter:blur(15px);transform:scale(1.03)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes pvSquish{0%{opacity:0;transform:scale(.82,1.12)}52%{opacity:1;transform:scale(1.05,.94)}100%{transform:scale(1)}}
@keyframes pvBlink{50%{opacity:0}}
.vf-picker .mann.pv-in .m-nav{animation:pvUp .55s var(--ease,cubic-bezier(.22,.61,.36,1)) both}
.vf-picker .mann.pv-in .m-name{animation:pvUp .6s var(--ease,cubic-bezier(.22,.61,.36,1)) .12s both}
.vf-picker .mann.pv-in .m-deck{animation:pvUp .55s var(--ease,cubic-bezier(.22,.61,.36,1)) .34s both}
.vf-picker .mann.pv-in .m-cta{animation:pvUp .55s var(--ease,cubic-bezier(.22,.61,.36,1)) .5s both}
.vf-picker .mann.pv-in .m-band .m-card{animation:pvUp .5s var(--ease,cubic-bezier(.22,.61,.36,1)) both}
.vf-picker .mann.pv-in .m-band .m-card:nth-child(1){animation-delay:.12s}
.vf-picker .mann.pv-in .m-band .m-card:nth-child(2){animation-delay:.24s}
.vf-picker .mann.pv-in .m-band .m-card:nth-child(3){animation-delay:.36s}
.vf-picker .mann[data-fs="v-brut"].pv-in .m-name{animation:pvSlam .5s cubic-bezier(.2,1.3,.5,1) .1s both}
.vf-picker .mann[data-fs="v-deco"].pv-in .m-name{animation:pvWipe .72s var(--ease,cubic-bezier(.22,.61,.36,1)) .14s both}
.vf-picker .mann[data-fs="v-glass"].pv-in .m-name{animation:pvBlurIn .72s var(--ease,cubic-bezier(.22,.61,.36,1)) .12s both}
.vf-picker .mann[data-fs="v-clay"].pv-in .m-name{animation:pvSquish .66s var(--ease,cubic-bezier(.22,.61,.36,1)) .12s both}
.vf-picker .mann[data-fs="v-mono"].pv-in .m-name{animation:none}
.vf-picker .pv-matrix{position:absolute;inset:0;z-index:0;opacity:.4;pointer-events:none}
.vf-picker .mann .m-name.pv-typing::after{content:"\2588";margin-left:2px;color:var(--fwA);animation:pvBlink .9s steps(1,end) infinite}
.vf-picker .mann[data-fs="v-mono"] .mono-boot{font:600 12px ui-monospace,monospace;letter-spacing:.16em;color:var(--fwA);margin-bottom:14px;opacity:.92}
@media (prefers-reduced-motion:reduce){.vf-picker .mann.pv-in *{animation-duration:.001s!important}
.vf-picker .pv-matrix{display:none}}
@container pv (max-width:560px){.vf-picker .m-nav .lk{display:none}
.vf-picker .m-burg{display:block}
.vf-picker .m-nav{gap:12px}
.vf-picker .m-nav b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vf-picker .mann[data-fs="v-lux"] .m-nav,.vf-picker .mann[data-fs="v-deco"] .m-nav,.vf-picker .mann[data-fs="v-swiss"] .m-nav{letter-spacing:.08em}
.vf-picker .mann[data-fs="v-warm"] .m-name{text-decoration:none}
.vf-picker .mann[data-fs="v-swiss"] .m-deck{align-self:flex-start;text-align:left}}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-nav b{font-size:2.05cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-nav .lk{font-size:1.6cqw;gap:2.6cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-name{font-size:clamp(28px,8.6cqw,999px)}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-deck{font-size:clamp(13px,2.15cqw,999px);margin-top:2.1cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-cta{font-size:1.8cqw;padding:1.75cqw 3.5cqw;margin-top:3.4cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mc-h{font-size:clamp(19px,4cqw,999px)}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mc-t{font-size:clamp(14px,2cqw,999px)}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-foot-brand b{font-size:2.2cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-foot-brand span{font-size:1.7cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-foot-col{font-size:1.7cqw;gap:.7cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-foot-col b{font-size:1.45cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-foot-fine{font-size:1.5cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-url{font-size:1.45cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .m-dots i{width:1.1cqw;height:1.1cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mann[data-fs="v-lux"] .m-nav b,
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mann[data-fs="v-min"] .m-nav b,
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mann[data-fs="v-deco"] .m-nav b,
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mann[data-fs="v-swiss"] .m-nav b{font-size:1.55cqw}
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mann[data-fs="v-lux"] .m-cta,
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mann[data-fs="v-min"] .m-cta,
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mann[data-fs="v-deco"] .m-cta,
.screen[data-screen="direction"] .vf-picker:is([data-device="desktop"],[data-device="tablet"]) .mann[data-fs="v-swiss"] .m-cta{font-size:1.55cqw}
.screen[data-screen="direction"] .vf-picker[data-device] .m-hero{justify-content:flex-start}
.screen[data-screen="direction"] .vf-picker[data-device] .m-hero .m-name{margin-top:clamp(20px,6cqw,60px)}
.screen[data-screen="direction"] .vf-picker[data-device] .m-hero .m-cta{margin-bottom:auto}
.screen[data-screen="direction"] .vf-picker{display:block;height:auto;padding:0;background:transparent;border:0;overflow:visible;--win:clamp(440px,66vh,640px);--bento-h:clamp(430px,58vh,600px)}
.screen[data-screen="direction"] .vf-tabs{flex:0 0 auto;display:flex;gap:2px;padding:9px 9px 0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ink) 2.5%,var(--surface))}
.screen[data-screen="direction"] .vf-tab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:8px 3px 10px;border:0;background:transparent;color:color-mix(in srgb,var(--ink) 66%,transparent);cursor:pointer;
  border-radius:10px 10px 0 0;position:relative;transition:color .16s,background .16s;font:600 10px var(--sans);letter-spacing:.01em}
.screen[data-screen="direction"] .vf-tab[hidden]{display:none}
.screen[data-screen="direction"] .vf-tab:hover{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.screen[data-screen="direction"] .vf-tab.on{color:var(--accent-text)}
.screen[data-screen="direction"] .vf-tab.on::after{content:"";position:absolute;left:11px;right:11px;bottom:-1px;height:2.5px;border-radius:2px;background:var(--accent)}
.screen[data-screen="direction"] .vf-tab-ic{display:grid;place-items:center;height:21px}
.screen[data-screen="direction"] .vf-tab-l{line-height:1}
.screen[data-screen="direction"] .vf-panes::-webkit-scrollbar{width:9px}
.screen[data-screen="direction"] .vf-panes::-webkit-scrollbar-thumb{background:rgba(21,22,26,.16);border-radius:9px}
.screen[data-screen="direction"] .vf-pane{display:none}
.screen[data-screen="direction"] .vf-pane.on{display:block;animation:panefade .26s ease}
@keyframes panefade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.screen[data-screen="direction"] .pane-cur{font:600 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 44%,transparent);margin-bottom:16px}
.screen[data-screen="direction"] .pane-cur b{display:block;margin-top:3px;color:var(--ink);text-transform:none;letter-spacing:0;font:600 15px var(--serif)}
.screen:is([data-screen="direction"],[data-screen="brand"]) .pane-fine{margin:14px 0 0;font:400 11.5px var(--sans);line-height:1.45;color:color-mix(in srgb,var(--ink) 46%,transparent)}
.screen[data-screen="direction"] .vf-side #fam,
.screen[data-screen="direction"] .vf-side #cbar,
.screen[data-screen="direction"] .vf-side #fcat{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.screen[data-screen="direction"] .vf-side #fam .chip,
.screen[data-screen="direction"] .vf-side #cbar .chip,
.screen[data-screen="direction"] .vf-side #fcat .chip{padding:8px 11px}
.screen[data-screen="direction"] .vf-side .chips .chip:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.screen[data-screen="direction"] .vf-side .chips .chip.on{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 52%,transparent);color:var(--accent-text)}
.screen[data-screen="direction"] :is(.vf-side,.lookrail,#lookRail,.bg-style) .vig b{font-size:clamp(15px,4.4cqw,18.5px)!important;line-height:1.1}
.screen[data-screen="direction"] :is(.vf-side,.lookrail,#lookRail,.bg-style) .vig em{font-size:7px;letter-spacing:.16em;padding-right:26px}
.screen[data-screen="direction"] .vf-side .cf-tile{flex:initial;width:auto;min-width:0;align-self:stretch}
.screen[data-screen="direction"] .vf-side .cf-tile .tcard{min-height:0;height:100%;display:flex;flex-direction:column}
.screen[data-screen="direction"] .vf-side .cf-tile .sc-t{flex:1 1 auto}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-drop{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center;
  padding:28px 18px;border:1.5px dashed color-mix(in srgb,var(--ink) 22%,transparent);border-radius:16px;
  background:color-mix(in srgb,var(--ink) 2%,var(--surface));cursor:pointer;transition:border-color .16s,background .16s}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-drop:hover{border-color:var(--klein);background:color-mix(in srgb,var(--klein) 6%,var(--surface))}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-drop-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--klein) 12%,var(--surface));color:var(--klein-text)}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-drop-t{display:flex;flex-direction:column;gap:3px}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-drop-t b{font:600 14px var(--sans);color:var(--ink)}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-drop-t i{font:400 12px var(--sans);font-style:normal;color:var(--muted)}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-files{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-files li{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--edge);border-radius:10px;background:var(--surface);font:500 12px var(--sans);color:var(--ink)}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-files li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-logo-cur{display:flex;align-items:center;gap:12px;margin-top:14px;padding:11px;border:1px solid var(--edge);border-radius:12px;background:var(--surface)}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-logo-cur[hidden]{display:none}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-logo-thumb{flex:0 0 auto;width:52px;height:52px;border-radius:9px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-logo-thumb img{max-width:82%;max-height:82%}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-logo-meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-logo-meta b{font:600 13px var(--sans);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.screen:is([data-screen="direction"],[data-screen="brand"]) .vf-logo-x{align-self:flex-start;border:0;background:none;padding:0;font:500 11.5px var(--sans);color:var(--accent-text);cursor:pointer;text-decoration:underline}
.screen[data-screen="direction"] .vf-skipbar{display:none}