.vm-hf{width:100%}.vm-hf-frame{aspect-ratio:4/5;isolation:isolate;background:#f4ebe2 url(/hero/hero-poster.webp) 50%/cover no-repeat;border-radius:1.75rem;position:relative;overflow:hidden;box-shadow:0 30px 60px -36px #3a142273,0 0 0 1px #3a14220f}.vm-hf-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.vm-hf-toggle{width:2.75rem;height:2.75rem;color:var(--primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:99px;place-items:center;display:grid;position:absolute;bottom:.5rem;right:.5rem}.vm-hf-toggle:before{content:"";border-radius:inherit;background:color-mix(in oklch, var(--card) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:scale .16s var(--vm-ease-out);position:absolute;inset:.375rem;box-shadow:0 4px 12px -6px #3a142273}.vm-hf-toggle:active:before{scale:.92}.vm-hf-toggle:focus-visible{outline:3px solid color-mix(in oklch, var(--primary) 55%, transparent);outline-offset:-1px}.vm-hf-toggle svg{fill:currentColor;width:.875rem;height:.875rem;position:relative}.vm-hf-start{background:var(--primary);min-height:2.75rem;color:var(--primary-foreground);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:scale .16s var(--vm-ease-out);border:0;border-radius:99px;align-items:center;gap:.5rem;padding:0 1.125rem 0 .95rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:absolute;bottom:1rem;left:50%;translate:-50%;box-shadow:0 12px 24px -12px #3a142299}.vm-hf-start:active{scale:.96}.vm-hf-start:focus-visible{outline:3px solid color-mix(in oklch, var(--primary) 55%, transparent);outline-offset:3px}.vm-hf-start svg{fill:currentColor;width:.875rem;height:.875rem}.vm-hf-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;margin:.625rem 0 0;padding:0;list-style:none;display:grid}.vm-hf-step{min-width:0}.vm-hf-step-button{text-align:left;cursor:pointer;width:100%;min-height:2.75rem;color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:.75rem;padding:.5rem .25rem .25rem;transition:background-color .2s;display:block}.vm-hf-step-button:hover{background:color-mix(in oklch, var(--primary) 5%, transparent)}.vm-hf-step-button:focus-visible{outline:3px solid color-mix(in oklch, var(--primary) 55%, transparent);outline-offset:2px}.vm-hf-step-button:active{scale:.97}.vm-hf-track{background:color-mix(in oklch, var(--primary) 14%, transparent);border-radius:99px;height:3px;display:block;position:relative;overflow:hidden}.vm-hf-fill{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--primary));transform-origin:0;scale:var(--vm-hf-k,0) 1;position:absolute;inset:0}.vm-hf-step-label{color:var(--muted-foreground);text-wrap:balance;align-items:baseline;gap:.375rem;margin-top:.5rem;font-size:.8125rem;font-weight:500;line-height:1.25;transition:color .3s;display:flex}.vm-hf-step-number{font-family:var(--font-playfair), serif;color:color-mix(in oklch, var(--gold) 80%, transparent);transition:color .3s ease, scale .4s var(--vm-ease-out);flex:none;font-size:1rem;font-style:italic;font-weight:600}.vm-hf-step[data-state=active] .vm-hf-step-label{color:var(--foreground)}.vm-hf-step[data-state=active] .vm-hf-step-number{color:var(--primary);scale:1.15}@media (min-width:640px){.vm-hf-step-label{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.vm-hf-step-label,.vm-hf-step-number,.vm-hf-step-button{transition:none}}