.vhh{--ink: #244735;--hi: #EDF28C;--lo: #C3C86E;--shadow: #737734;--display: "EB Garamond", Georgia, serif;--text: Figtree, "Helvetica Neue", sans-serif;--marquee: 96px;--gut: clamp(20px, 5vw, 96px);--ease: cubic-bezier(.2, .7, .2, 1);position:relative;background:#fff;color:var(--ink);font:400 15px/1.5 var(--text);-webkit-font-smoothing:antialiased}.vhh *,.vhh *:before,.vhh *:after{box-sizing:border-box}.vhh .vhh-title,.vhh .vhh-sub{margin:0}.vhh .vhh-cta{text-decoration:none}.vhh .vhh-slide img,.vhh .vhh-pic img{display:block}.vhh .vhh-hero{position:relative;height:calc(100svh - var(--marquee));min-height:640px;overflow:hidden;background:linear-gradient(107.68deg,#e6e7a0,beige)}.vhh .vhh-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}.vhh .vhh-track::-webkit-scrollbar{display:none}.vhh .vhh-track.dragging{cursor:grabbing}.vhh .vhh-track.dragging *{-webkit-user-select:none;user-select:none;pointer-events:none}.vhh .vhh-track.free{scroll-snap-type:none}.vhh .vhh-slide{position:relative;overflow:hidden;flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.vhh .vhh-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pos, 50% 50%);-webkit-user-drag:none;will-change:transform}.vhh .vhh-copy{position:absolute;z-index:1;left:var(--gut);bottom:clamp(92px,12vh,140px);max-width:min(46vw,640px);will-change:transform,opacity}.vhh .vhh-rating{display:flex;align-items:center;gap:10px;margin-bottom:18px;font:500 17px/1 var(--text)}.vhh .vhh-stars{display:flex;gap:1px;color:#546141}.vhh .vhh-stars svg{width:16px;height:16px}body.veji-page .vhh .vhh-title{font:400 clamp(48px,5vw,72px)/1 var(--display);letter-spacing:-.035em;color:inherit;text-wrap:wrap}body.veji-page .vhh .vhh-title em{display:inline-block;font-style:italic;background:linear-gradient(180deg,#546141,#7a8453);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .14em .16em 0;margin:0 -.14em -.16em 0}.vhh .vhh-title .nw{white-space:nowrap}.vhh .vhh-sub{margin-top:16px;max-width:40ch;font:500 18px/1.45 var(--text);text-wrap:pretty}.vhh .vhh-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;margin-top:30px;padding:0 30px;border-radius:999px;overflow:hidden;color:#244735;font:600 15px/1 var(--text);letter-spacing:.01em;background:#ffffff59;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 0 0 1px #ffffffbf,0 6px 18px -14px #1d3a2b66}.vhh .vhh-cta:before{content:"";position:absolute;z-index:-1;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.95) 47%,rgba(255,255,255,.3) 55%,transparent 68%);transform:translate(-110%);transition:transform 1.1s cubic-bezier(.45,.05,.25,1)}.vhh .vhh-cta:hover:before{transform:translate(110%)}.vhh .vhh-cta svg{width:16px;height:16px;transition:transform .45s var(--ease)}.vhh .vhh-cta:hover svg{transform:translate(3px)}body.veji-page .vhh .vhh-cta:focus-visible{outline:1px solid var(--ink)!important;outline-offset:4px!important;box-shadow:inset 0 0 0 1px #ffffffbf!important;border-radius:999px}.vhh .vhh-index{position:absolute;z-index:2;left:50%;transform:translate(-50%);bottom:clamp(36px,5vh,52px);display:flex;gap:8px}body.veji-page .vhh .vhh-index button{all:unset;cursor:pointer;padding:10px 0;width:24px;min-height:0}.vhh .vhh-index button:before{content:"";display:block;height:2px;border-radius:1px;background:var(--ink);opacity:.35;transition:opacity .4s}.vhh .vhh-index button:hover:before{opacity:.6}.vhh .vhh-index-fill{position:absolute;left:0;top:10px;width:24px;height:2px;border-radius:1px;background:var(--ink);pointer-events:none;will-change:transform}body.veji-page .vhh .vhh-index button:focus-visible{outline:1px solid var(--ink)!important;outline-offset:2px!important;box-shadow:none!important}.vhh .vhh-marquee{height:var(--marquee);display:flex;align-items:center;overflow:hidden;background:linear-gradient(107.68deg,beige,#fbf8ee)}.vhh .vhh-marquee-in{display:flex;flex:none;animation:vhh-slide 40s linear infinite}.vhh .vhh-marquee span{display:flex;align-items:center;gap:18px;padding-right:110px;white-space:nowrap;font:500 19px/1 var(--text)}.vhh .vhh-pic{width:56px;height:56px;border-radius:50%;background:#ffffff8c;display:grid;place-items:center;box-shadow:0 6px 16px -10px var(--shadow);flex:none;font-style:normal}.vhh .vhh-pic img{width:30px;height:30px}@keyframes vhh-slide{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.vhh .vhh-marquee-in{animation:none}}@media(max-width:768px){.vhh{--marquee: 72px;--gut: 20px}.vhh .vhh-hero{min-height:600px}.vhh .vhh-copy{right:var(--gut);bottom:72px;max-width:none}.vhh .vhh-rating{font-size:16px;margin-bottom:14px}.vhh .vhh-stars svg{width:15px;height:15px}.vhh .vhh-sub{font-size:16px;margin-top:12px}.vhh .vhh-cta{margin-top:22px}.vhh .vhh-index{bottom:22px}.vhh .vhh-marquee span{font-size:15px;gap:12px;padding-right:60px}.vhh .vhh-pic{width:44px;height:44px}.vhh .vhh-pic img{width:24px;height:24px}}@media(max-width:768px)and (orientation:portrait){.vhh .vhh-slide img{object-position:var(--pos-m, 50% 50%)}.vhh .vhh-copy,.vhh .vhh-stars{color:#1b3d2f}body.veji-page .vhh .vhh-title em{background:none;color:#1b3d2f}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/veji-home-hero.css.map */