@font-face{font-family:Uv4Inter;src:url('uv-anniversary-v4-inter.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Uv4Inter;src:url('uv-anniversary-v4-inter-semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:Uv4Oswald;src:url('uv-anniversary-v4-oswald.woff2') format('woff2');font-weight:600;font-display:swap}
#upvine-home-anniversary{padding:var(--uv4-padding-top,56px) 0 var(--uv4-padding-bottom,56px);background:#fff;isolation:isolate}
.uv4{position:relative;overflow:hidden;min-height:615px;background:#0a100e;color:#fff;font-family:Uv4Inter,Arial,sans-serif;--green:#00bc56;--finish:0}
.uv4 *,.uv4 *:before,.uv4 *:after{box-sizing:border-box}
.uv4 .uv4-paper{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 73% 35%,#152e21 0%,#101d16 31%,transparent 67%);opacity:.8}
.uv4 .uv4-paper:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.05' d='M0 0h120v120H0z'/%3E%3C/svg%3E");opacity:.28;mix-blend-mode:screen}
.uv4 .uv4-copy{position:relative;z-index:2;width:47%;padding:40px clamp(24px,4.375vw,84px) 228px;pointer-events:none}
.uv4 .uv4-copy a{pointer-events:auto}
.uv4 .uv4-eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);font:600 10px/1.4 Uv4Inter,sans-serif;letter-spacing:1.6px;white-space:nowrap;margin:0 0 20px}
.uv4 .uv4-eyebrow>span{width:5px;height:5px;flex:none;border-radius:50%;background:var(--green)}
.uv4 .uv4-copy h2{margin:0 0 23px;color:#f1f4ef;font:600 clamp(32px,3.25vw,49px)/1.14 Uv4Oswald,Impact,sans-serif;letter-spacing:-.8px;text-transform:uppercase;white-space:nowrap}
.uv4 .uv4-copy h2 em{font-style:normal;color:#00bc56}
.uv4 .uv4-intro{color:#a7b6ac;font:400 14px/1.6 Uv4Inter,sans-serif;margin:0 0 24px}
.uv4 .uv4-gift{margin:0 0 17px;color:#00d165;font:600 19px/1.35 Uv4Oswald,sans-serif;letter-spacing:.1px}
.uv4 .uv4-gift>span{font:600 10px/1.6 Uv4Inter,sans-serif;letter-spacing:1px;color:#a8c8b4}
.uv4 .uv4-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:48px;padding:13px 21px;border-radius:6px;background:var(--green);color:#062011;font:600 15px/1.4 Uv4Inter,sans-serif;letter-spacing:-.03em;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}
.uv4 .uv4-cta>span{font-size:20px;line-height:1}.uv4 .uv4-cta:hover{background:#23d777;transform:translateY(-2px)}
.uv4 .uv4-date{margin:14px 0 0;color:#8caa98;font:500 9px/1.4 Uv4Inter,sans-serif;letter-spacing:1px;white-space:nowrap}
.uv4 .uv4-art{position:absolute;inset:0 0 205px 39%;margin:0;overflow:hidden}
.uv4 .uv4-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .5s}
.uv4[data-canvas-ready="true"] .uv4-canvas{opacity:1}
.uv4 .uv4-art figcaption{position:absolute;bottom:11px;left:0;right:5%;display:flex;justify-content:center;align-items:center;gap:15px;color:#a4cbb4;font:500 8px/1.4 Uv4Inter,sans-serif;letter-spacing:1.5px;white-space:nowrap}
.uv4 .uv4-art figcaption>span:last-child{color:#6d927c}.uv4 .uv4-art figcaption i{height:1px;width:25px;background:#376348}
.uv4 .uv4-fallback{position:absolute;inset:25% 8% 25% 6%;display:flex;align-items:center;gap:25px}
.uv4 .uv4-fallback img{width:65%;height:auto}.uv4 .uv4-fallback>span{color:#00bc56;font:600 100px/1 Uv4Oswald,sans-serif}
.uv4[data-canvas-ready="true"] .uv4-fallback{display:none}
.uv4 .uv4-gifts{position:absolute;bottom:28px;left:clamp(24px,4.375vw,84px);right:clamp(24px,4.375vw,84px);display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:12px;padding-top:20px;border-top:1px solid #2b4635;align-items:stretch}
.uv4 .uv4-gift-heading{display:flex;flex-direction:column;justify-content:center;padding-right:10px}
.uv4 .uv4-gift-heading>span{color:#7eaa90;font:500 10px/1.6 Uv4Inter,sans-serif;letter-spacing:1px}.uv4 .uv4-gift-heading strong{color:#d4e7dc;font:600 18px/1.5 Uv4Oswald,sans-serif;letter-spacing:0}
.uv4 .uv4-gift-heading p{font:400 10px/1.6 Uv4Inter,sans-serif;color:#7b9b87;margin:10px 0 0}
.uv4 .uv4-gift-item{text-align:center;padding:8px 10px 10px;background:#122218;border:1px solid #294533;border-radius:6px;box-shadow:0 0 calc(var(--finish) * 18px) #00bc5610;transition:border-color .6s}
.uv4[data-scene="hold"] .uv4-gift-item{border-color:#467b58}
.uv4 .uv4-photo{height:72px;width:100%;margin-bottom:10px;border-radius:3px;background-color:#fff;background-image:var(--uv4-gifts-image);background-repeat:no-repeat;background-size:576px 461px}
.uv4 .uv4-photo-tires{background-position:calc(50% + 100px) -339px}.uv4 .uv4-photo-ratchet{background-position:calc(50% - 102px) -339px}.uv4 .uv4-photo-valves{background-position:calc(50% - 2px) -339px}.uv4 .uv4-photo-levers{background-position:calc(50% - 194px) -339px}
.uv4 .uv4-gift-item b{display:block;color:#dbebe0;font:600 9px/1.5 Uv4Inter,sans-serif;letter-spacing:.5px;white-space:nowrap}
.uv4 .uv4-gift-item span{display:block;color:#82a38e;font:400 9px/1.4 Uv4Inter,sans-serif;margin-top:2px}
.uv4 a:focus-visible{outline:2px solid #fff;outline-offset:6px}
@media(min-width:1536px){.uv4{min-height:670px}.uv4 .uv4-copy{padding-top:52px}.uv4 .uv4-copy h2{font-size:49px;margin-bottom:25px}.uv4 .uv4-intro{font-size:16px}.uv4 .uv4-eyebrow{font-size:12px}.uv4 .uv4-date{font-size:11px}.uv4 .uv4-gift{font-size:22px}.uv4 .uv4-gifts{gap:18px}.uv4 .uv4-photo{height:85px;background-size:660px 528px}.uv4 .uv4-photo-tires{background-position:calc(50% + 115px) -389px}.uv4 .uv4-photo-ratchet{background-position:calc(50% - 117px) -389px}.uv4 .uv4-photo-valves{background-position:calc(50% - 2px) -389px}.uv4 .uv4-photo-levers{background-position:calc(50% - 229px) -389px}.uv4 .uv4-gift-item b{font-size:11px}.uv4 .uv4-gift-item span{font-size:10px}}
@media(max-width:1100px) and (min-width:761px){.uv4 .uv4-copy h2{font-size:34px}.uv4 .uv4-eyebrow{font-size:9px;letter-spacing:1.15px}.uv4 .uv4-intro{font-size:13px}.uv4 .uv4-cta{font-size:14px;padding:12px 18px}.uv4 .uv4-date{font-size:8px;letter-spacing:.6px}.uv4 .uv4-gifts{gap:8px;grid-template-columns:.95fr repeat(4,1fr)}.uv4 .uv4-gift-heading strong{font-size:16px}.uv4 .uv4-gift-item{padding:7px 7px 9px}.uv4 .uv4-photo{background-size:528px 422px;background-position-y:-311px;height:67px}.uv4 .uv4-photo-tires{background-position-x:calc(50% + 92px)}.uv4 .uv4-photo-ratchet{background-position-x:calc(50% - 94px)}.uv4 .uv4-photo-valves{background-position-x:calc(50% - 2px)}.uv4 .uv4-photo-levers{background-position-x:calc(50% - 184px)}}
@media(max-width:760px){#upvine-home-anniversary{padding:32px 0}.uv4{min-height:950px}.uv4 .uv4-copy{width:100%;padding:28px 24px 0}.uv4 .uv4-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:15px}.uv4 .uv4-copy h2{font-size:34px;line-height:1.12;margin-bottom:15px}.uv4 .uv4-intro{font-size:13px;line-height:1.5;margin-bottom:17px}.uv4 .uv4-gift{font-size:19px;margin-bottom:14px}.uv4 .uv4-gift>span{font-size:9px}.uv4 .uv4-cta{font-size:14px;min-height:44px;padding:11px 18px}.uv4 .uv4-date{font-size:8px;margin-top:12px}.uv4 .uv4-art{inset:350px 0 auto;height:250px}.uv4 .uv4-art figcaption{left:0;right:0;bottom:15px;font-size:6px;gap:9px;letter-spacing:1px}.uv4 .uv4-fallback>span{font-size:65px}.uv4 .uv4-gifts{position:absolute;bottom:24px;left:24px;right:24px;grid-template-columns:1fr 1fr;gap:10px;padding-top:15px}.uv4 .uv4-gift-heading{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;padding:0 0 6px}.uv4 .uv4-gift-heading>span{font-size:8px}.uv4 .uv4-gift-heading strong{font-size:17px}.uv4 .uv4-gift-heading p{margin:0;font-size:9px;text-align:right}.uv4 .uv4-photo{height:65px;background-size:528px 422px;background-position-y:-311px;margin-bottom:7px}.uv4 .uv4-photo-tires{background-position-x:calc(50% + 92px)}.uv4 .uv4-photo-ratchet{background-position-x:calc(50% - 94px)}.uv4 .uv4-photo-valves{background-position-x:calc(50% - 2px)}.uv4 .uv4-photo-levers{background-position-x:calc(50% - 184px)}.uv4 .uv4-gift-item span{font-size:9px}.uv4 .uv4-gift-item b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.uv4 *{transition:none!important;animation:none!important}.uv4 .uv4-cta:hover{transform:none}}

.uv4 .uv4-photo{width:96px;height:60px;margin:0 auto 10px;background-size:576px 461px;background-position-y:-342px}
.uv4 .uv4-photo-tires{background-position-x:calc(50% + 100px)}
.uv4 .uv4-photo-ratchet{background-position-x:calc(50% - 102px)}
.uv4 .uv4-photo-valves{background-position-x:calc(50% - 2px)}
.uv4 .uv4-photo-levers{background-position-x:calc(50% - 194px)}

.uv4 .uv4-photo-ratchet{width:92px}.uv4 .uv4-photo-levers{width:80px}
