.fvp-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;overscroll-behavior-x:contain}.fvp-card{--u:calc(100cqw / 960);container-type:inline-size;position:relative;flex:0 0 min(86vw,640px);aspect-ratio:10/3;scroll-snap-align:start;overflow:hidden;border-radius:20px;border:1px solid var(--fv-line);background:var(--fv-bg);color:var(--fv-text);text-decoration:none;transition:border-color .25s ease,transform .35s cubic-bezier(.16,1,.3,1);touch-action:manipulation}.fvp-card:first-child{flex-basis:min(86vw,860px)}.fvp-card:hover{border-color:color-mix(in srgb,var(--fv-accent) 45%,transparent);transform:translateY(-2px)}.fvp-card:focus-visible{outline:2px solid var(--fv-accent);outline-offset:3px}.fvp-art{position:absolute;inset:0 0 0 50%}.fvp-city{position:absolute;inset:0;background:url(/site/home/city.webp) center 60%/cover no-repeat}.fvp-city:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,13,.96),rgba(11,11,13,.8) 45%,rgba(11,11,13,.35))}.fvp-card[data-long] .fvp-name{font-size:calc(34 * var(--u));white-space:nowrap}.fvp-card[data-long] .fvp-words{max-width:calc(560 * var(--u))}.fvp-art svg{display:block;width:100%;height:100%}.fvp-brand{fill:var(--fv-accent)}.fvp-hi{fill:var(--fv-accent-hi)}.fvp-lo{fill:var(--fv-accent-lo)}.fvp-pale{fill:var(--fv-accent-pale)}.fvp-glyph{fill:var(--fv-bg);font-family:var(--fv-font-display);font-weight:800;letter-spacing:.01em}.fvp-words{position:absolute;left:calc(24 * var(--u));bottom:calc(24 * var(--u));max-width:calc(440 * var(--u));display:flex;flex-direction:column}.fvp-name{font-family:var(--fv-font-display);font-weight:800;line-height:.98;letter-spacing:-.03em;font-size:calc(50 * var(--u));text-wrap:balance}.fvp-card[data-short] .fvp-name{font-size:calc(64 * var(--u))}.fvp-tag{margin:calc(8 * var(--u)) 0 0 2px;font-size:max(12px,calc(14 * var(--u)));line-height:1.45;color:var(--fv-text-3);max-width:calc(420 * var(--u));text-wrap:pretty}@media (max-width:640px){.fvp-card,.fvp-card:first-child{aspect-ratio:2/1;flex-basis:86vw}.fvp-art{left:58%}.fvp-card[data-long] .fvp-words{max-width:calc(520 * var(--u))}.fvp-card[data-long] .fvp-name{white-space:normal}.fvp-name{font-size:calc(60 * var(--u))}.fvp-card[data-short] .fvp-name{font-size:calc(66 * var(--u))}.fvp-card[data-long] .fvp-name{font-size:calc(46 * var(--u))}.fvp-words{max-width:calc(500 * var(--u))}.fvp-tag{max-width:calc(490 * var(--u))}}.fvp-nav{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--fv-line-strong);color:var(--fv-text);background:var(--fv-surface);transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.fvp-nav:hover:not(:disabled){background:var(--fv-surface-hover);border-color:color-mix(in srgb,var(--fv-accent) 45%,transparent)}.fvp-nav:focus-visible{outline:2px solid var(--fv-accent);outline-offset:2px}.fvp-nav:disabled{opacity:.35;cursor:default}@media (prefers-reduced-motion:reduce){.fvp-card{transition:border-color .2s ease}.fvp-card:hover{transform:none}}