.voro-yolo{--yolo-ink:#1D1D1F;--yolo-muted:#6E6E73;--yolo-ground:#F5F5F7;--yolo-ground-2:#FFFFFF;--yolo-accent:#0066CC;--yolo-hair:rgba(0,0,0,.1);color:var(--yolo-ink);position:relative;background:linear-gradient(180deg,var(--yolo-ground-2) 0%,var(--yolo-ground-2) 34%,var(--yolo-ground) 100%);-webkit-font-smoothing:antialiased}.voro-yolo *{box-sizing:border-box}.voro-yolo__track{position:relative;height:calc(100vh + (var(--yolo-frames, 3) - 1) * 58vh)}.voro-yolo__stage{position:sticky;top:0;height:100vh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(28px,5vh,64px) 22px clamp(84px,11vh,120px);overflow:hidden;text-align:center}.voro-yolo__copy{position:relative;z-index:2;width:100%;max-width:62rem;display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.voro-yolo__eyebrow{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--yolo-accent)}.voro-yolo__h1{color:var(--yolo-ink);margin:0 0 12px;font-weight:700;font-size:clamp(38px,6.4vw,78px);line-height:1.04;letter-spacing:-.035em;text-wrap:balance;max-width:16ch}.voro-yolo__sub{margin:0 0 22px;color:var(--yolo-muted);font-size:clamp(16px,1.7vw,21px);line-height:1.45;max-width:42ch;font-weight:400}.voro-yolo__cta{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:center}.voro-yolo__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 24px;border-radius:100px;text-decoration:none;background:var(--yolo-accent);color:#fff;font-weight:500;font-size:16px;line-height:1;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .14s cubic-bezier(.23,1,.32,1)}.voro-yolo__btn:hover{background:#0077ed}.voro-yolo__btn:active{transform:scale(.97)}.voro-yolo__btn--ghost{background:none;color:var(--yolo-accent);padding:12px 4px;min-height:44px;font-weight:400}.voro-yolo__btn--ghost:after{content:"\203a";margin-left:5px;font-size:1.18em;line-height:0}.voro-yolo__btn--ghost:hover{background:none;text-decoration:underline}.voro-yolo__btn:focus-visible{outline:3px solid var(--yolo-accent);outline-offset:3px}.voro-yolo__media{position:relative;z-index:1;width:100%;max-width:56rem;flex:1 1 auto;min-height:0;margin-top:clamp(8px,2vh,24px)}.voro-yolo__frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none}.voro-yolo__frame:after{content:"";position:absolute;left:50%;bottom:5%;transform:translate(-50%);width:44%;height:12px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#0003,#0000);opacity:0;transition:opacity .52s cubic-bezier(.23,1,.32,1)}.voro-yolo__frame.is-on:after{opacity:1}.voro-yolo__img{width:100%;height:100%;object-fit:contain;display:block;filter:brightness(0) opacity(.1) blur(12px);opacity:0;transform:scale(1.06);transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1),filter .6s cubic-bezier(.23,1,.32,1)}.voro-yolo__frame.is-on{opacity:1;pointer-events:auto}.voro-yolo__frame.is-on .voro-yolo__img{opacity:1;transform:scale(1);filter:drop-shadow(0 18px 24px rgba(0,0,0,.18))}.voro-yolo__cap{position:absolute;left:0;right:0;bottom:-2px;opacity:0;transform:translateY(6px);transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}.voro-yolo__frame.is-on .voro-yolo__cap{opacity:1;transform:none}.voro-yolo__cap-name{display:block;font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--yolo-ink)}.voro-yolo__cap-note{display:block;color:var(--yolo-muted);font-size:15px;margin-top:1px}.voro-yolo__dots{position:absolute;left:50%;transform:translate(-50%);bottom:clamp(18px,3.4vh,34px);display:flex;gap:2px;z-index:3;padding:5px 7px;border-radius:100px;background:#ffffff9e;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000f}.voro-yolo__dot{width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}.voro-yolo__dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#00000042;transition:background-color .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1)}.voro-yolo__dot.is-on:before{background:var(--yolo-ink);transform:scale(1.35)}.voro-yolo__dot:focus-visible{outline:2px solid var(--yolo-accent);outline-offset:-3px;border-radius:50%}@media(prefers-reduced-transparency:reduce){.voro-yolo__dots{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.voro-yolo__dots{background:#fff}}.voro-yolo__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.voro-yolo:not(.is-ready) .voro-yolo__track{height:auto}.voro-yolo:not(.is-ready) .voro-yolo__stage{position:static;height:auto;min-height:0;padding-bottom:clamp(48px,9vh,96px)}.voro-yolo:not(.is-ready) .voro-yolo__media{height:min(58vh,520px);flex:0 0 auto}.voro-yolo:not(.is-ready) .voro-yolo__frame{opacity:1}.voro-yolo:not(.is-ready) .voro-yolo__frame:not(:first-child){display:none}.voro-yolo:not(.is-ready) .voro-yolo__frame:after{opacity:1}.voro-yolo:not(.is-ready) .voro-yolo__img{opacity:1;transform:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.18))}.voro-yolo:not(.is-ready) .voro-yolo__cap{position:static;opacity:1;transform:none;margin-top:14px}.voro-yolo:not(.is-ready) .voro-yolo__dots{display:none}@media(prefers-reduced-motion:reduce){.voro-yolo__track{height:auto}.voro-yolo__stage{position:static;height:auto;min-height:0}.voro-yolo__media{position:static;height:auto;flex:0 0 auto;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:34px}.voro-yolo__frame{position:relative;inset:auto;opacity:1;flex:1 1 220px;min-width:170px}.voro-yolo__frame:after{opacity:1}.voro-yolo__img{opacity:1;transform:none;transition:none;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.16))}.voro-yolo__cap{position:static;opacity:1;transform:none;transition:none;margin-top:12px}.voro-yolo__dots{display:none}.voro-yolo__btn{transition:none}}@media(max-width:767px){.voro-yolo__stage{min-height:0;height:100svh;padding:clamp(20px,3.4vh,34px) 18px clamp(76px,10vh,104px)}.voro-yolo__h1{max-width:13ch}.voro-yolo__sub{margin-bottom:18px}.voro-yolo__cta{gap:8px 18px}.voro-yolo__cap-name{font-size:16px}.voro-yolo__cap-note{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/voro-hero-yolo.css.map */