.sl-vs{--blue:#2E86E3;--blue-d:#1B6FCE;--blue-l:#EAF3FD;--yellow:#FDB515;--ink:#0B111F;--ink-2:#141C2E;--ink-3:#33405A;--mut:#617085;--mut-2:#7C8AA0;--mut-d:#A9B6C8;--line:#E7ECF3;--line-2:#D9E1EC;--line-d:rgba(255,255,255,.14);--bg:#F5F7FB;--card:#fff;--r:16px;--r-lg:26px;--r-xl:36px;--sh:0 10px 30px -14px rgba(11,17,31,.22);--sh-lg:0 40px 90px -34px rgba(11,17,31,.55);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--maxw:1220px;background:var(--card);color:var(--ink);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sl-vs *,.sl-vs *:before,.sl-vs *:after{box-sizing:border-box}.sl-vs img{max-width:100%;display:block}.sl-vs a:not(.sl-vs-btn){color:var(--blue-d);text-decoration:none}.sl-vs a:not(.sl-vs-btn):hover{color:var(--blue);text-decoration:underline}.sl-vs a.sl-vs-btn{text-decoration:none}.sl-vs :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}.sl-vs h1,.sl-vs h2,.sl-vs h3,.sl-vs h4,.sl-vs p,.sl-vs ul,.sl-vs ol,.sl-vs figure,.sl-vs figcaption{margin:0}.sl-vs ul{padding:0;list-style:none}.sl-vs-wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4vw,44px)}.sl-vs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sl-vs-kick{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--blue-d)}.sl-vs-kick:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}.sl-vs-kick.on-dark{color:#8fc2f5}.sl-vs-h2{font-size:clamp(30px,4.4vw,52px);line-height:1.02;letter-spacing:-.037em;font-weight:850;text-wrap:balance}.sl-vs-h2 .soft{color:var(--mut-2)}.sl-vs-h2 .b{color:var(--blue)}.sl-vs-sub{margin-top:16px;font-size:clamp(15.5px,1.5vw,17.5px);line-height:1.62;color:var(--mut);font-weight:500;max-width:58ch}.on-dark .sl-vs-sub,.sl-vs-sub.on-dark{color:var(--mut-d)}.sl-vs-h2 .soft.on-dark{color:#6f7f96}.sl-vs .sl-vs-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:19px;padding:18px 32px;border-radius:14px;min-height:58px;flex:0 0 auto;white-space:nowrap;background:var(--blue);color:#fff;box-shadow:0 18px 36px -16px #2e86e3d9;transition:transform .16s,background .16s,box-shadow .16s}.sl-vs .sl-vs-btn:hover,.sl-vs .sl-vs-btn:focus-visible{background:var(--blue-d);color:#fff;transform:translateY(-2px)}.sl-vs .sl-vs-btn:active{transform:translateY(0) scale(.985)}.sl-vs .sl-vs-btn svg{width:19px;height:19px;flex:0 0 19px}.sl-vs .sl-vs-btn--light{background:#fff;color:var(--ink);box-shadow:0 18px 40px -18px #000000b3}.sl-vs .sl-vs-btn--light:hover,.sl-vs .sl-vs-btn--light:focus-visible{background:#fff;color:var(--blue-d)}.sl-vs-note{margin-top:16px;font-size:13.5px;font-weight:600;color:var(--mut)}.sl-vs-note.on-dark{color:var(--mut-d)}.sl-vs-rev{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.7,.25,1),transform .7s cubic-bezier(.22,.7,.25,1)}.sl-vs-rev.is-in{opacity:1;transform:none}.sl-vs-rev[data-d="1"]{transition-delay:.08s}.sl-vs-rev[data-d="2"]{transition-delay:.16s}.sl-vs-rev[data-d="3"]{transition-delay:.24s}.sl-vs-rev[data-d="4"]{transition-delay:.32s}@media(prefers-reduced-motion:reduce){.sl-vs-rev{opacity:1;transform:none;transition:none}.sl-vs *{animation:none!important}}.sl-vs-hero{position:relative;background:var(--ink);color:#fff;isolation:isolate}.sl-vs-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.sl-vs-hero-media img{width:100%;height:100%;object-fit:cover;object-position:58% 42%}.sl-vs-hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(102deg,#0b111ff0,#0b111fdb 34%,#0b111f6b 62%,#0b111f47),linear-gradient(0deg,rgba(11,17,31,.7),transparent 55%)}.sl-vs-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,.38fr);align-items:end;gap:clamp(24px,3vw,48px);padding-block:clamp(64px,9vw,124px) clamp(34px,4vw,52px);min-height:clamp(560px,78vh,780px)}.sl-vs-hero h1{margin-top:20px;font-size:clamp(38px,5.6vw,72px);line-height:.98;letter-spacing:-.04em;font-weight:850;text-wrap:balance;color:#fff}.sl-vs-hero h1 .b{color:#7fbbf7}.sl-vs-hero-lede{margin-top:22px;font-size:clamp(16px,1.55vw,19.5px);line-height:1.58;color:#d6deea;font-weight:500;max-width:46ch}.sl-vs-hero-cta{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:18px}.sl-vs-hero-cta .sl-vs-note{margin-top:0;color:#a9b6c8}.sl-vs-chips{display:flex;flex-wrap:wrap;gap:10px}.sl-vs-chip{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;border:1px solid var(--line-d);background:#ffffff12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13.5px;font-weight:700;letter-spacing:-.01em;color:#eaf1fa}.sl-vs-chip svg{width:15px;height:15px;flex:0 0 15px;color:#7fbbf7}.sl-vs-hero-side{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.sl-vs-shot{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#93a2b8;border-left:2px solid rgba(127,187,247,.6);padding-left:10px;line-height:1.5;max-width:30ch}.sl-vs-dur{background:var(--card);padding:clamp(64px,8vw,120px) 0}.sl-vs-dur-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,4.4vw,70px);align-items:start}.sl-vs-dur-fig{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg);background:var(--bg)}.sl-vs-dur-fig img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 45%}.sl-vs-dur-fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 20px;color:#fff;font-size:13.5px;font-weight:650;background:linear-gradient(0deg,rgba(11,17,31,.86),transparent)}.sl-vs-dur-fig figcaption span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#9cc6f2;margin-bottom:6px}.sl-vs-dur-list{margin-top:38px;display:flex;flex-direction:column}.sl-vs-dur-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:22px 0;border-top:1px solid var(--line)}.sl-vs-dur-list li:last-child{border-bottom:1px solid var(--line)}.sl-vs-dur-list .ic{width:44px;height:44px;border-radius:13px;background:var(--blue-l);color:var(--blue-d);display:grid;place-items:center}.sl-vs-dur-list .ic svg{width:21px;height:21px}.sl-vs-dur-list h3{font-size:19px;font-weight:800;letter-spacing:-.02em}.sl-vs-dur-list p{margin-top:5px;font-size:15px;line-height:1.55;color:var(--mut);font-weight:500;max-width:44ch}.sl-vs-build{background:var(--bg);padding:clamp(64px,8vw,120px) 0;border-top:1px solid var(--line)}.sl-vs-build-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,4.6vw,72px);align-items:center;margin-top:44px}.sl-vs-stack{display:flex;flex-direction:column;gap:14px}.sl-vs-slab{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 24px;border-radius:18px;background:var(--card);border:1px solid var(--line-2);box-shadow:var(--sh)}.sl-vs-slab h3{font-size:17.5px;font-weight:800;letter-spacing:-.02em}.sl-vs-slab p{margin-top:4px;font-size:14.5px;color:var(--mut);font-weight:500;line-height:1.5}.sl-vs-slab .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut-2);white-space:nowrap}.sl-vs-slab--lam{border-color:#2e86e366;background:linear-gradient(180deg,#eaf3fde6,#fff)}.sl-vs-slab--print{border-color:#fdb51573}.sl-vs-plus{display:grid;place-items:center;font-family:var(--mono);font-size:15px;font-weight:600;color:var(--mut-2)}.sl-vs-eq{margin-top:16px;padding:24px 26px;border-radius:18px;background:var(--ink);color:#fff}.sl-vs-eq b{display:block;font-size:19px;font-weight:800;letter-spacing:-.025em}.sl-vs-eq span{display:block;margin-top:6px;font-size:14.5px;color:var(--mut-d);font-weight:500}.sl-vs-build-fig{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}.sl-vs-build-fig img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 50%}.sl-vs-build-fig figcaption{padding:20px 24px;background:var(--card);font-size:14.5px;color:var(--ink-3);font-weight:600;line-height:1.55}.sl-vs-spec{margin-top:clamp(34px,4vw,54px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sl-vs-spec-card{padding:22px 24px;border-radius:16px;border:1px dashed var(--line-2);background:var(--card)}.sl-vs-spec-card h4{font-family:var(--mono);font-size:12px;letter-spacing:.06em;font-weight:600;color:var(--blue-d)}.sl-vs-spec-card p{margin-top:9px;font-size:13.5px;line-height:1.6;color:var(--mut);font-weight:500}.sl-vs-spec-foot{margin-top:18px;font-size:12.5px;line-height:1.6;color:var(--mut-2);font-weight:500;max-width:88ch}.sl-vs-story{background:var(--ink);color:#fff;padding:clamp(64px,8vw,120px) 0}.sl-vs-story h2{color:#fff}.sl-vs-track{margin-top:clamp(34px,4.4vw,58px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}.sl-vs-frame{position:relative;border-radius:20px;overflow:hidden;background:#1a2437;border:1px solid var(--line-d)}.sl-vs-frame img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 45%;transition:transform .5s cubic-bezier(.22,.7,.25,1)}.sl-vs-frame:hover img{transform:scale(1.035)}.sl-vs-frame .n{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:9px;background:#0b111fb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:600;color:#9cc6f2}.sl-vs-frame figcaption{padding:16px 16px 18px;font-size:14px;font-weight:650;line-height:1.45;color:#e6ecf5;background:#111a2b}.sl-vs-frame figcaption em{display:block;font-style:normal;margin-top:4px;font-size:12.5px;font-weight:500;color:#93a2b8}.sl-vs-story-cta{margin-top:clamp(34px,4vw,52px);display:flex;flex-wrap:wrap;align-items:center;gap:18px}.sl-vs-use{background:var(--card);padding:clamp(64px,8vw,120px) 0}.sl-vs-use-in{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:clamp(28px,4.4vw,68px);align-items:center;margin-top:44px}.sl-vs-use-fig{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-lg)}.sl-vs-use-fig img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 45%}.sl-vs-surfaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sl-vs-surface{display:flex;align-items:center;gap:12px;padding:18px;border-radius:14px;border:1px solid var(--line);background:var(--card);font-size:15.5px;font-weight:700;letter-spacing:-.015em;color:var(--ink-2);min-height:60px;transition:border-color .16s,transform .16s,box-shadow .16s}.sl-vs-surface:hover{border-color:#2e86e373;transform:translateY(-2px);box-shadow:var(--sh)}.sl-vs-surface svg{width:20px;height:20px;flex:0 0 20px;color:var(--blue)}.sl-vs-use-note{margin-top:20px;font-size:14.5px;line-height:1.6;color:var(--mut);font-weight:500;max-width:52ch}.sl-vs-faq{background:var(--bg);padding:clamp(64px,8vw,120px) 0;border-top:1px solid var(--line)}.sl-vs-faq-in{max-width:900px}.sl-vs-q{border-bottom:1px solid var(--line-2)}.sl-vs-q:first-of-type{border-top:1px solid var(--line-2)}.sl-vs-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 4px;font-size:clamp(16.5px,1.7vw,19px);font-weight:750;letter-spacing:-.02em;min-height:60px}.sl-vs-q summary::-webkit-details-marker{display:none}.sl-vs-q summary:hover{color:var(--blue-d)}.sl-vs-q .pm{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--card);border:1px solid var(--line-2);display:grid;place-items:center;transition:transform .2s,background .2s}.sl-vs-q .pm svg{width:14px;height:14px;color:var(--blue-d)}.sl-vs-q[open] .pm{transform:rotate(45deg);background:var(--blue-l)}.sl-vs-q .a{padding:0 4px 26px;font-size:15.5px;line-height:1.68;color:var(--mut);font-weight:500;max-width:74ch}.sl-vs-faq-head{margin-bottom:26px}.sl-vs-final{position:relative;background:var(--ink);color:#fff;isolation:isolate;overflow:hidden}.sl-vs-final-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sl-vs-final-media img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}.sl-vs-final-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b111fe6,#0b111fd1)}.sl-vs-final-in{position:relative;z-index:1;text-align:center;padding-block:clamp(72px,9vw,130px);display:flex;flex-direction:column;align-items:center}.sl-vs-final h2{font-size:clamp(32px,5vw,60px);line-height:1.02;letter-spacing:-.04em;font-weight:850;color:#fff}.sl-vs-final h2 .soft{color:#6f7f96}.sl-vs-final p{margin-top:20px;font-size:clamp(15.5px,1.5vw,18px);color:#c8d3e2;font-weight:500;max-width:52ch}.sl-vs-final .sl-vs-btn{margin-top:32px}.sl-vs-final .sl-vs-note{color:#93a2b8}@media(max-width:1000px){.sl-vs-hero-in{grid-template-columns:1fr;align-items:start;min-height:0;padding-block-start:clamp(56px,12vw,90px)}.sl-vs-hero-media:after{background:linear-gradient(180deg,#0b111fe6,#0b111fc7 42%,#0b111feb)}.sl-vs-hero-media img{object-position:70% 40%}.sl-vs-hero-side{margin-top:34px}.sl-vs-dur-in,.sl-vs-build-in,.sl-vs-use-in{grid-template-columns:1fr}.sl-vs-dur-fig img{aspect-ratio:16/10}.sl-vs-dur-list{margin-top:26px}.sl-vs-track{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-vs-build-in{margin-top:34px}}@media(max-width:680px){.sl-vs-hero-media img{object-position:66% 40%}.sl-vs-hero-in{padding-block-end:40px}.sl-vs-hero-cta .sl-vs-btn{width:100%}.sl-vs-track{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-vs-spec,.sl-vs-surfaces{grid-template-columns:1fr}.sl-vs-slab{grid-template-columns:1fr;gap:8px}.sl-vs-slab .tag{justify-self:start}.sl-vs-final .sl-vs-btn{width:100%;max-width:420px}}@media(max-width:430px){.sl-vs-track{grid-template-columns:1fr}.sl-vs-frame img{aspect-ratio:4/3}.sl-vs-dur-list li{grid-template-columns:36px minmax(0,1fr);gap:14px}.sl-vs-dur-list .ic{width:36px;height:36px;border-radius:11px}.sl-vs-dur-list .ic svg{width:18px;height:18px}}@media(max-width:680px){.sl-vs-dur,.sl-vs-build,.sl-vs-story,.sl-vs-use,.sl-vs-faq{padding:clamp(44px,10vw,62px) 0}.sl-vs-final-in{padding-block:clamp(52px,12vw,74px)}.sl-vs-hero-in{padding-block:clamp(40px,11vw,66px) 30px}.sl-vs-hero h1{margin-top:14px;font-size:clamp(33px,8.6vw,38px);line-height:1}.sl-vs-hero-lede{margin-top:14px;font-size:15.5px;line-height:1.5;max-width:40ch}.sl-vs-hero-cta{margin-top:22px;gap:12px}.sl-vs-hero-cta .sl-vs-note{width:100%;text-align:center}.sl-vs-hero-side{margin-top:22px;width:100%}.sl-vs-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.sl-vs-chip{padding:12px 13px;font-size:13px;min-height:46px}.sl-vs-shot{max-width:none}.sl-vs-dur-fig img{aspect-ratio:4/5}.sl-vs-dur-list{margin-top:22px}.sl-vs-dur-list li{padding:18px 0}.sl-vs-build-in,.sl-vs-use-in,.sl-vs-spec,.sl-vs-story-cta{margin-top:26px}.sl-vs-story-cta .sl-vs-note{width:100%;text-align:center}.sl-vs-q summary{padding:20px 4px;min-height:60px}.sl-vs-surface{min-height:58px}}@media(max-width:430px){.sl-vs-frame img{aspect-ratio:1/1}.sl-vs-frame figcaption{padding:14px 14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vinyl.css.map */