@keyframes sfv2Float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes sfv2PanelL{0%{transform:translate(-46px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sfv2PanelR{0%{transform:translate(46px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sfv2FadeUp{0%{transform:translateY(26px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sfv2Blink{0%,to{opacity:1}50%{opacity:0}}@keyframes sfv2Twinkle{0%,to{opacity:.12}50%{opacity:1}}.hsplit-banner{background:var(--paper);border-bottom:1px solid var(--line);text-align:center;padding:34px 24px 28px}.hsplit-banner-cta{margin:10px auto 0;max-width:560px;font-family:var(--f-display);font-size:clamp(13px,1.4vw,16px);font-weight:500;line-height:1.4;letter-spacing:0;color:var(--acc);animation:sfv2FadeUp .7s .2s var(--ease) both}.hsplit-banner-h{margin:8px 0 0;font-family:var(--f-display);font-size:clamp(40px,4.6vw,76px);font-weight:700;letter-spacing:-.03em;line-height:1;animation:sfv2FadeUp .7s .15s var(--ease) both}.hsplit-banner-h .star{color:var(--acc);font-size:.55em;vertical-align:.3em}.hsplit{display:flex;min-height:clamp(560px,82vh,920px);position:relative;overflow:hidden}.hsplit-panel{flex:1;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:44px 32px 60px;color:var(--on-deep);transition:flex .6s cubic-bezier(.3,.7,.2,1)}.hsplit-panel:first-child{animation:sfv2PanelL .9s var(--ease) both}.hsplit-panel:last-child{animation:sfv2PanelR .9s var(--ease) both}@media(hover:hover){.hsplit-panel:hover{flex:1.15}}.hsplit-panel--terminal{padding-bottom:92px;background-color:#221f45;background-image:radial-gradient(680px 440px at 88% 102%,oklch(.8 .11 168 / .15),transparent 70%),repeating-linear-gradient(0deg,oklch(.97 .004 95 / .035) 0 1px,transparent 1px 5px)}.hsplit-panel--space{background-color:#191635;background-image:radial-gradient(620px 460px at 78% 8%,oklch(.55 .19 285 / .3),transparent 70%)}.hsplit-kicker{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc-2)}.hsplit-title{margin:0;font-family:var(--f-display);font-size:clamp(44px,4.8vw,88px);font-weight:700;letter-spacing:-.03em;line-height:.95;color:var(--on-deep)}.hsplit-sub{margin:0;max-width:340px;font-size:16px;line-height:1.5;color:var(--on-deep-dim)}.hsplit-watermark{position:absolute;right:-6px;bottom:-34px;z-index:0;pointer-events:none;font-family:var(--f-mono);font-size:220px;font-weight:700;color:#f6f5f20d;line-height:1}.hsplit-term{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:12px 18px 14px;text-align:left;background:linear-gradient(transparent,#03030980);font-family:var(--f-mono);font-size:12.5px;white-space:nowrap;overflow:hidden;pointer-events:none}.hsplit-term-prompt{color:var(--on-deep-dim)}.hsplit-term-cmd,.hsplit-term-cursor{color:#6fd5b0}.hsplit-term-cursor{animation:sfv2Blink 1.1s step-end infinite}.hsplit-star{position:absolute;border-radius:50%;background:#fff;animation:sfv2Twinkle 4.5s ease-in-out infinite}.hsplit-star--glow{box-shadow:0 0 6px 2px #fff6}.hsplit-star--spark{background:none;border-radius:0;color:var(--acc-2);font-size:11px}.hsplit-float{animation:sfv2Float 7s ease-in-out infinite;margin-top:8px;position:relative;z-index:2}.hsplit-panel:last-child .hsplit-float{animation-delay:.8s}.hsplit-card{position:relative;display:block;background:var(--paper);border-radius:20px;padding:16px;width:min(374px,29vw);box-shadow:0 30px 60px #00000073;text-align:left;color:var(--ink)}.hsplit-card .pimg{border-radius:12px}.hsplit-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;border-radius:12px;cursor:grab;touch-action:pan-y}.hsplit-track::-webkit-scrollbar{display:none}.hsplit-track.dragging{cursor:grabbing;scroll-snap-type:none}.hsplit-slide{flex:0 0 100%;scroll-snap-align:center;display:block;line-height:0}.hsplit-slide-img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;display:block;border-radius:12px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hsplit-badge{position:absolute;top:0;right:0;transform:translate(26%,-26%) rotate(6deg);z-index:3;width:88px;height:88px;border-radius:50%;background:#221f45;box-shadow:0 10px 24px #1f1c3d59;display:flex;align-items:center;justify-content:center}.hsplit-badge-ring{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1.5px dashed oklch(.97 .004 95 / .55)}.hsplit-badge-txt{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;color:#f6f5f2}.hsplit-badge-txt .star{color:#6fd5b0;font-size:8px}.hsplit-card-swatches{display:flex;gap:6px;align-items:center;margin-top:12px}.hsplit-card-swatches .sw{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #1f1c3d2e;padding:0;cursor:pointer;transition:transform .15s}.hsplit-card-swatches .sw:hover{transform:scale(1.12)}.hsplit-card-swatches .sw.on{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--sw-c)}.hsplit-card-more{font-family:var(--f-mono);font-size:11px;color:var(--ink-3);margin-left:2px}.hsplit-card-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;gap:8px}.hsplit-card-name{font-weight:600;font-size:14px;color:var(--ink)}.hsplit-card-price{font-family:var(--f-mono);font-size:12px;color:var(--ink-2)}.hsplit-card-styles{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-top:6px}.hsplit-cta{margin-top:10px;display:inline-block;padding:14px 24px;border:1px solid oklch(.97 .004 95 / .45);color:var(--on-deep);font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:background .25s,color .25s;position:relative;z-index:2}.hsplit-cta:hover{background:var(--paper);color:#221f45}@media(max-width:860px){.hsplit{flex-direction:column;min-height:0}.hsplit-panel{padding:40px 20px 56px}.hsplit-panel--terminal{padding-bottom:84px;background-image:radial-gradient(680px 440px at 88% 102%,oklch(.8 .11 168 / .15),transparent 70%),radial-gradient(oklch(.9 .03 168 / .1) 1.1px,transparent 1.7px);background-size:100% 100%,22px 22px;background-position:0 0,0 0;background-repeat:no-repeat,repeat}.hsplit-panel:first-child,.hsplit-panel:last-child{animation:none}.hsplit-card{width:min(374px,88vw)}.hsplit-watermark{font-size:150px}}.cshow{position:relative;overflow:hidden}.cshow--dark{background:#221f45}.cshow-inner{max-width:var(--maxw);margin:0 auto;padding:88px 48px 72px}.cshow-watermark{position:absolute;top:-30px;right:-10px;font-family:var(--f-mono);font-size:200px;font-weight:700;color:#f6f5f20a;pointer-events:none;line-height:1}.cshow-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;flex-wrap:wrap}.cshow-kicker{display:block;font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);margin-bottom:12px}.cshow-title{margin:0;font-family:var(--f-display);font-size:clamp(48px,5.4vw,84px);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ink)}.cshow-sub{margin:12px 0 0;font-size:17px;color:var(--ink-2)}.cshow-link{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:4px;transition:color .2s,border-color .2s}.cshow-link:hover{color:var(--acc);border-color:var(--acc)}.cshow--dark .cshow-title{color:var(--on-deep)}.cshow--dark .cshow-sub{color:var(--on-deep-dim)}.cshow--dark .cshow-kicker{color:var(--acc-2)}.cshow--dark .cshow-link{color:var(--on-deep);border-color:#f6f5f299}.cshow--dark .cshow-link:hover{color:var(--acc-2);border-color:var(--acc-2)}.cshow-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:22px;row-gap:12px}.cshow-grid--right{grid-template-columns:repeat(3,1fr) 1.7fr}.cshow-reel{grid-row:1 / span 2;grid-column:1;align-self:start;position:relative;aspect-ratio:9/16;width:100%;border-radius:20px;overflow:hidden;background:#221f45}.cshow-grid--right .cshow-reel{grid-column:4}.cshow-reel video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cshow-reel .cshow-reel-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cshow-reel-tag{position:absolute;top:14px;left:14px;z-index:2;background:var(--acc);color:var(--on-acc);font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:99px;white-space:nowrap;pointer-events:none}.cshow-reel-sound{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#050410b3;border:1px solid oklch(.97 .004 95 / .4);color:#f6f5f2;border-radius:50%;cursor:pointer;transition:background .25s}.cshow-reel-sound:hover{background:#6b58d9d9}.cshow-reel-sound svg{width:20px;height:20px;display:block}.cshow-reel-sound .snd-on{display:none}.cshow-reel-sound[aria-pressed=true] .snd-on{display:block}.cshow-reel-sound[aria-pressed=true] .snd-off{display:none}.cshow-reel-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:56px 18px 16px;background:linear-gradient(transparent,#030308e6);display:flex;flex-direction:column;gap:4px;pointer-events:none}.cshow-reel-label{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f6f5f2b3}.cshow-reel-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.cshow-reel-name{color:#f6f5f2;font-weight:600;font-size:17px}.cshow-reel-price{font-family:var(--f-mono);font-size:12px;color:#f6f5f2cc}.cshow-reel--empty{aspect-ratio:9/16;background:none;border:1px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background-image:repeating-linear-gradient(45deg,oklch(.2 .012 280 / .03) 0 12px,transparent 12px 24px)}.cshow--dark .cshow-reel--empty{border-color:#f6f5f259;background-image:repeating-linear-gradient(45deg,oklch(.97 .004 95 / .03) 0 12px,transparent 12px 24px)}.cshow-reel-empty-icon{font-size:26px;color:var(--acc)}.cshow--dark .cshow-reel-empty-icon{color:var(--acc-2)}.cshow-reel-empty-txt{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;line-height:1.7;color:var(--ink-3)}.cshow--dark .cshow-reel-empty-txt{color:var(--on-deep-dim)}.cshow .pcard-meta{padding:10px 2px 2px}.cshow .pcard-styles{margin:0 0 5px}.cshow--dark .pcard-name{color:var(--on-deep)}.cshow--dark .pcard-price,.cshow--dark .pcard-stylename,.cshow--dark .pcard-style-more,.cshow--dark .pcard-style{color:var(--on-deep-dim)}.cshow--dark .pcard-style:hover,.cshow--dark .pcard-style.on{color:var(--on-deep)}@media(max-width:1080px){.cshow-grid{grid-template-columns:1.7fr 1fr 1fr}.cshow-grid--right{grid-template-columns:1fr 1fr 1.7fr}.cshow-grid--right .cshow-reel{grid-column:3}.cshow-grid article.pcard:nth-of-type(n+5),.cshow-grid--right article.pcard:nth-of-type(n+5){display:none}}@media(max-width:780px){.cshow-inner{padding:64px 20px 56px}.cshow-grid,.cshow-grid--right{grid-template-columns:1fr 1fr}.cshow-reel,.cshow-grid--right .cshow-reel{grid-row:auto;grid-column:1 / -1;justify-self:center;width:min(340px,72vw);margin-bottom:18px}}@media(max-width:560px){.cshow-grid,.cshow-grid--right{grid-template-columns:1fr}.cshow-reel,.cshow-grid--right .cshow-reel{width:100%}}.ctab{max-width:var(--maxw);margin:0 auto;padding:0 48px 88px}.ctab-card{background:var(--acc);border-radius:24px;padding:56px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.ctab-kicker{font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ffffffbf;margin-bottom:14px}.ctab-h{margin:0;max-width:560px;font-family:var(--f-display);font-size:clamp(28px,3.2vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff}.ctab-btn{flex:none;background:#221f45;padding:18px 30px;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-radius:8px;transition:background .25s,color .25s}.sf-skin .ctab-h{color:#fff}.sf-skin .ctab-btn{color:#f6f5f2}.sf-skin .ctab-btn:hover{background:var(--paper);color:#221f45}@media(max-width:700px){.ctab{padding:0 20px 64px}.ctab-card{padding:36px 28px}}@media(prefers-reduced-motion:reduce){.hsplit-float,.hsplit-star,.hsplit-term-cursor,.hsplit-panel:first-child,.hsplit-panel:last-child,.hsplit-banner .kicker,.hsplit-banner-h{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sf-home2.css.map */