@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--vf-ink:#0A0A0A;--vf-paper:#ffffff;--vf-cream:#F4F2ED;--vf-cream-2:#FAF9F5;--vf-lav:#F1F0F6;--vf-line:#ECE9E2;--vf-line-2:#F1EEE8;--vf-muted:#54504A;--vf-muted-2:#5C574E;--vf-muted-3:#8A857B;--vf-muted-4:#9A948A;--vf-home:#B8623B;--vf-mind:#5E6BA8;--vf-lime:#C8F230;--vf-font:"Archivo",system-ui,-apple-system,sans-serif;--vf-mono:"Space Mono",ui-monospace,monospace}.vf-root *{box-sizing:border-box}.vf-root{font-family:var(--vf-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--vf-ink)}.vf-root a{color:inherit;text-decoration:none}.vf-root img{display:block;max-width:100%}.vf-root h1,.vf-root h2,.vf-root h3,.vf-root h4,.vf-root p{margin:0}.vf-root ::selection{background:var(--vf-ink);color:#fff}.vf-root button{font-family:inherit;cursor:pointer}.vf-root input{font-family:inherit}.vf-root input::placeholder{color:var(--vf-muted-4)}.vf-root h1,.vf-root h2,.vf-root h3,.vf-root h4{font-family:var(--vf-font)!important}.vf-root .vf-eyebrow,.vf-root .vf-card-price,.vf-root .vf-mq,.vf-root .vf-badge,.vf-root .vf-qadd{font-family:var(--vf-mono)!important}.vf-wrap{width:100%;max-width:1640px;margin:0 auto;padding:0 44px}@media(max-width:768px){.vf-wrap{padding:0 18px}}.vf-eyebrow{font-family:var(--vf-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;margin:0 0 16px}.vf-h2{font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.01em}.vf-desk{display:flex}.vf-mob{display:none}@media(max-width:900px){.vf-desk{display:none!important}.vf-mob{display:flex!important}}.vf-grid-prod{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 24px}@media(min-width:1440px){.vf-grid-prod.vf-5{grid-template-columns:repeat(5,1fr)}}@media(max-width:768px){.vf-grid-prod{grid-template-columns:repeat(2,1fr);gap:30px 12px}}.vf-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:768px){.vf-grid-4{grid-template-columns:repeat(2,1fr);gap:14px}}.vf-grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}@media(max-width:1100px){.vf-grid-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.vf-grid-6{grid-template-columns:repeat(2,1fr);gap:12px}}.vf-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}@media(max-width:860px){.vf-panels{grid-template-columns:1fr}}.vf-feat{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}@media(max-width:860px){.vf-feat{grid-template-columns:1fr}}.vf-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.18em;transition:background .2s ease,color .2s ease}.vf-btn-white{height:56px;padding:0 40px;background:#fff;color:var(--vf-ink);font-size:13px}.vf-btn-white:hover{background:var(--vf-ink);color:#fff}.vf-btn-solid{height:56px;padding:0 26px;background:var(--vf-ink);color:#fff;font-size:12px;letter-spacing:.16em;border:none}.vf-btn-solid:hover{background:#262626}.vf-btn-line{height:54px;padding:0 36px;border:1px solid var(--vf-ink);color:var(--vf-ink);font-size:12px}.vf-btn-line:hover{background:var(--vf-ink);color:#fff}.vf-link-u{background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:2px;font-weight:700;font-size:12px;letter-spacing:.18em}.vf-mq{display:inline-flex;white-space:nowrap;animation:vfmq 38s linear infinite}@keyframes vfmq{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.vf-mq{animation:none}}.vf-hero{position:relative;background:var(--vf-ink);color:#fff;overflow:hidden;min-height:88vh;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.vf-hero{min-height:auto}}.vf-hero-glow{position:absolute;top:-20%;right:-8%;width:60vw;height:60vw;max-width:780px;max-height:780px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 62%)}.vf-hero h1{font-weight:900;text-transform:uppercase;font-size:clamp(40px,8.4vw,150px);line-height:.9;letter-spacing:-.01em;max-width:14ch}.vf-panel{position:relative;overflow:hidden;min-height:62vh;display:flex;align-items:flex-end;background:#1a1a1a}@media(max-width:860px){.vf-panel{min-height:52vh}}.vf-panimg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.2,.6,.2,1)}.vf-panel:hover .vf-panimg{transform:scale(1.07)}.vf-panel-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0000002e 45%,#000000bd)}.vf-panbtn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;background:#fff;color:var(--vf-ink);font-weight:700;font-size:11px;letter-spacing:.2em;transition:background .2s ease,color .2s ease}.vf-panel:hover .vf-panbtn{background:var(--vf-ink);color:#fff}.vf-card{position:relative;display:flex;flex-direction:column}.vf-card-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--vf-cream)}.vf-card-media img{width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform .8s cubic-bezier(.2,.6,.2,1)}.vf-card-media .vf-img-alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.vf-card:hover .vf-card-media .vf-img-front{opacity:0}.vf-card:hover .vf-card-media .vf-img-alt{opacity:1}.vf-card:hover .vf-card-media img{transform:scale(1.04)}.vf-card-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--vf-mono);font-size:10px;letter-spacing:.16em;color:#a8a296;padding:14px;background:repeating-linear-gradient(135deg,#eeebe2 0 10px,#f5f3ed 10px 20px)}.vf-badge{position:absolute;top:12px;left:12px;z-index:2;font-family:var(--vf-mono);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--vf-ink);color:#fff;padding:5px 9px}.vf-badge.vf-badge-lime{background:var(--vf-lime);color:var(--vf-ink)}.vf-qadd{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;height:42px;border:none;background:var(--vf-ink);color:#fff;font-family:var(--vf-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,background .2s ease}.vf-card-media:hover .vf-qadd{opacity:1;transform:translateY(0)}.vf-qadd:hover{background:#262626}.vf-qadd[disabled]{opacity:0;pointer-events:none}.vf-card-body{padding:14px 2px 0}.vf-card-t1{font-weight:800;font-size:13px;letter-spacing:.03em;text-transform:uppercase;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vf-card-t2{font-size:10.5px;letter-spacing:.14em;color:var(--vf-muted-3);text-transform:uppercase;margin-top:5px}.vf-card-price{font-family:var(--vf-mono);font-size:13px;margin-top:9px}.vf-card-price .vf-was{color:var(--vf-muted-4);text-decoration:line-through;margin-left:8px;font-size:12px}@media(max-width:768px){.vf-card-media:hover .vf-qadd{opacity:0}}.vf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:48px}@media(max-width:640px){.vf-head{margin-bottom:30px}}.vf-sec{padding:84px 0 90px}@media(max-width:768px){.vf-sec{padding:54px 0 60px}}.vf-feat-copy{display:flex;align-items:center;padding:clamp(40px,6vw,96px)}.vf-feat-media{position:relative;min-height:58vh;overflow:hidden;background:#e7e4dd}@media(max-width:860px){.vf-feat-media{min-height:48vh;order:2}.vf-feat-copy{order:1}}.vf-news-form{display:flex;width:100%;max-width:520px;border:1px solid var(--vf-ink);background:#fff}.vf-news-form input{flex:1;min-width:0;border:none;background:none;padding:0 20px;height:58px;font-size:15px;outline:none}@media(max-width:480px){.vf-news-form{flex-direction:column}.vf-news-form .vf-btn-solid{height:54px}}.vf-root .vf-btn-white{color:var(--vf-ink)!important}.vf-root .vf-btn-white:hover{color:#fff!important}.vf-root .vf-btn-line{color:var(--vf-ink)!important}.vf-root .vf-btn-line:hover,.vf-root .vf-btn-solid{color:#fff!important}.vf-root .vf-panbtn{color:var(--vf-ink)!important}.vf-root .vf-panel:hover .vf-panbtn{color:#fff!important}.vf-root .vf-link-u{color:inherit}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vivafly-home.css.map */
