.sf-showcase{overflow:hidden;--sf-ease-out: cubic-bezier(.16, 1, .3, 1);--sf-ease-io: cubic-bezier(.65, 0, .35, 1);--sf-studio: rgba(var(--color-foreground), .9)}.sf-showcase__row{display:grid;grid-template-columns:1fr;gap:3.5rem;align-items:center;padding:4rem 0;border-top:1px solid rgba(var(--color-foreground),.12)}.sf-showcase__row:first-child{border-top:0;padding-top:0}.sf-showcase__row:last-child{padding-bottom:0}@media screen and (min-width:900px){.sf-showcase__row{grid-template-columns:1fr 1fr;gap:6rem;padding:6rem 0}.sf-showcase__row--reverse .sf-showcase__media{order:1}.sf-showcase__row--reverse .sf-showcase__text{order:2}}.sf-showcase__text{max-width:46rem}.sf-showcase__eyebrow{display:block;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--sf-accent-rgb));margin-bottom:1rem}.sf-showcase__heading{font-size:clamp(2.6rem,3.4vw,4rem);line-height:1.05;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 1.6rem}.sf-showcase__body{font-size:1.6rem;line-height:1.55;color:rgba(var(--color-foreground),.7);max-width:42rem}.sf-showcase__media{display:flex;justify-content:center}.sf-phone{width:min(300px,72vw);aspect-ratio:9 / 19.5;position:relative;padding:.7rem;background:#050505;border:1px solid rgba(255,255,255,.14);border-radius:2.6rem;box-shadow:0 0 0 1px #0006,0 30px 60px -20px #0009,0 0 50px rgba(var(--sf-accent-rgb),.12)}.sf-phone__notch{position:absolute;top:.7rem;left:50%;transform:translate(-50%);width:34%;height:1.8rem;background:#050505;border-radius:0 0 1.2rem 1.2rem;z-index:3}.sf-phone__screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1rem}.sf-phone__screen video,.sf-phone__screen img.sf-phone__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sf-phone__screen{container-type:inline-size}.sf-mock,.sf-phone__status,.sf-phone__home{font-size:10px;font-size:clamp(7.5px,3.5cqw,11px)}.sf-phone__status{position:absolute;top:0;left:0;right:0;z-index:6;height:2.6em;padding:0 1.9em 0 2.4em;display:flex;align-items:center;justify-content:space-between;background:rgb(var(--color-background));color:rgb(var(--color-foreground));pointer-events:none}.sf-phone__status-time{font-weight:700;font-size:1.05em;letter-spacing:.02em}.sf-phone__status-icons{display:flex;align-items:center;gap:.45em}.sf-phone__status-icons svg{display:block;height:.95em;width:auto}.sf-phone__home{position:absolute;z-index:6;left:50%;bottom:.6em;width:34%;height:.32em;transform:translate(-50%);border-radius:999px;background:rgba(var(--color-foreground),.55);pointer-events:none}.sf-mock{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1.35;letter-spacing:.02em;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.sf-mock p{margin:0}.sf-mock img{display:block;max-width:none}.sf-mock svg{display:block;width:100%;height:100%}.sf-mock-studio{position:relative;overflow:hidden;background:var(--sf-studio)}.sf-mock-studio img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.sf-mock-title{font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:-.01em;font-size:1.5em;line-height:1.1}.sf-mock-price{font-size:1.1em;opacity:.7;margin-top:.35em!important}.sf-mock-pills{display:flex;gap:.5em}.sf-mock-pills span{min-width:3.4em;padding:.6em .8em;text-align:center;font-size:.9em;border:1px solid rgba(var(--color-foreground),.25)}.sf-mock-pills .is-on{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-weight:700}.sf-mock-atc{position:relative;display:block;overflow:hidden;padding:1.1em;text-align:center;font-size:.95em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgb(var(--sf-accent-rgb));color:rgb(var(--color-background))}.sf-mock-dots{display:flex;justify-content:center;gap:.5em;padding:1em 0}.sf-mock-dots i{width:.45em;height:.45em;border-radius:50%;background:rgba(var(--color-foreground),.25);transition:background .4s ease,transform .4s var(--sf-ease-out)}.sf-mock-dots i.is-on{background:rgb(var(--color-foreground));transform:scale(1.25)}.sf-mock-hdr{display:flex;align-items:center;justify-content:space-between;height:4.4em;padding:0 1.4em;border-bottom:1px solid rgba(var(--color-foreground),.1)}.sf-mock-hdr>span{width:1.8em;height:1.8em}.sf-mock-hdr img{width:3.2em;height:3.2em;object-fit:contain}.sf-mock-cart__checkout:after,.sf-mock-count .sf-mock-atc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(var(--color-foreground),.42) 50%,transparent 70%);transform:translate(-120%);pointer-events:none}.sf-mock-entry{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;text-align:center;padding:2rem 1.2rem}.sf-mock-entry:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1}.sf-mock-entry__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.sf-mock-entry__logo{width:5.2rem;height:5.2rem;object-fit:contain}.sf-mock-entry__tag{font-size:1rem;letter-spacing:.28em;text-transform:uppercase;color:#fff}.sf-mock-entry__btn{font-size:1rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:.9rem 2.2rem;background:#fff;color:#000}.sf-mock-cart__page{position:absolute;top:2.6em;right:0;bottom:0;left:0}.sf-mock-cart__page .sf-mock-studio{aspect-ratio:1}.sf-mock-cart__page-line{display:block;width:62%;height:.9em;margin:1.4em 1.4em 0;border-radius:2px;background:rgba(var(--color-foreground),.16)}.sf-mock-cart__page-line--short{width:34%;margin-top:.8em}.sf-mock-cart__scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:rgba(var(--color-background),.66)}.sf-mock-cart__drawer{position:absolute;top:2.6em;right:0;bottom:0;width:88%;display:flex;flex-direction:column;padding:1.3em 1.3em 2.2em;background:rgb(var(--color-background));border-left:1px solid rgba(var(--color-foreground),.12);box-shadow:-2em 0 4em #00000080}.sf-mock-cart__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:1em;margin-bottom:1.2em;border-bottom:1px solid rgba(var(--color-foreground),.12);font-family:var(--font-heading-family);font-size:1.3em;text-transform:uppercase;letter-spacing:.01em}.sf-mock-cart__count{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;margin-left:.3em;border-radius:999px;vertical-align:.15em;font-family:var(--font-body-family);font-size:.62em;font-weight:700;background:rgb(var(--sf-accent-rgb));color:rgb(var(--color-background))}.sf-mock-cart__close{width:1.1em;height:1.1em;opacity:.7}.sf-mock-cart__ship{padding:1em 1.1em .9em;margin-bottom:1.2em;border:1px solid rgba(var(--color-foreground),.12);border-radius:.5em;background:rgba(var(--color-foreground),.035);transition:border-color .6s ease,background .6s ease}.sf-mock-cart__ship-msg{font-size:.95em;font-weight:600;text-align:center;margin-bottom:1.1em!important;transition:color .4s ease}.sf-mock-cart__ship-msg [data-cart-msg]{display:inline-block;transition:opacity .25s ease,transform .25s ease}.sf-mock-cart__ship-msg .is-swapping{opacity:0;transform:translateY(-.4em)}.sf-mock-cart__bar{position:relative;height:.45em;border-radius:999px;background:rgba(var(--color-foreground),.14)}.sf-mock-cart__bar-fill{position:absolute;left:0;top:0;bottom:0;width:74%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--sf-accent-rgb),.55),rgb(var(--sf-accent-rgb)));box-shadow:0 0 1em rgba(var(--sf-accent-rgb),.55)}.sf-mock-cart__bar-truck{position:absolute;right:0;top:50%;width:2em;height:2em;padding:.35em;transform:translate(50%,-50%);border-radius:50%;background:rgb(var(--color-background));border:1px solid rgba(var(--sf-accent-rgb),.7);color:rgb(var(--sf-accent-rgb));box-shadow:0 0 .9em rgba(var(--sf-accent-rgb),.45)}.sf-mock-cart__bar-scale{display:flex;justify-content:space-between;margin-top:.9em;font-size:.72em;letter-spacing:.08em;text-transform:uppercase;opacity:.5}.sf-mock-cart__items{display:flex;flex-direction:column}.sf-mock-cart__item{display:grid;grid-template-columns:7.6em 1fr auto;gap:1em;align-items:start;padding:.7em;border-radius:.5em}.sf-mock-cart__thumb{width:7.6em;aspect-ratio:1}.sf-mock-cart__info{min-width:0}.sf-mock-cart__name{font-size:1.08em;font-weight:700;line-height:1.25}.sf-mock-cart__variant{font-size:.82em;opacity:.6;margin-top:.3em}.sf-mock-cart__qty{display:inline-flex;gap:1.1em;margin-top:.75em;padding:.35em .8em;font-size:.82em;border:1px solid rgba(var(--color-foreground),.2)}.sf-mock-cart__price{font-size:.92em;font-weight:600}.sf-mock-cart__added{display:grid;grid-template-rows:0fr;opacity:0}.sf-mock-cart__added>div{min-height:0;overflow:hidden}.sf-mock-cart__added .sf-mock-cart__item{margin-top:.5em}.sf-mock-cart__recs{display:grid;grid-template-rows:1fr;margin-top:1.1em}.sf-mock-cart__recs>div{min-height:0;overflow:hidden}.sf-mock-cart__recs-title{padding-top:1.1em;margin-bottom:.9em!important;border-top:1px solid rgba(var(--color-foreground),.12);font-size:.75em;letter-spacing:.18em;text-transform:uppercase;opacity:.55}.sf-mock-cart__rec{display:grid;grid-template-columns:5.8em 1fr auto;gap:.9em;align-items:center;padding:.6em;border:1px solid rgba(var(--color-foreground),.12)}.sf-mock-cart__rec-thumb{width:5.8em;aspect-ratio:1}.sf-mock-cart__rec-add{position:relative;display:grid;place-items:center;min-width:5.2em;padding:.6em .9em;font-size:.78em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(var(--color-foreground),.45);transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease}.sf-mock-cart__rec-label,.sf-mock-cart__rec-done{grid-area:1 / 1;transition:opacity .2s ease,transform .3s var(--sf-ease-out)}.sf-mock-cart__rec-done{width:1.5em;height:1.5em;opacity:0;transform:scale(.4)}.sf-mock-cart__foot{margin-top:auto;padding-top:1.1em;border-top:1px solid rgba(var(--color-foreground),.12)}.sf-mock-cart__sub{display:flex;justify-content:space-between;font-size:1.1em;font-weight:700}.sf-mock-cart__sub [data-cart-subtotal]{font-variant-numeric:tabular-nums}.sf-mock-cart__tax{margin:.4em 0 1em!important;font-size:.78em;opacity:.5}.sf-mock-cart__checkout{position:relative;display:block;overflow:hidden;padding:1.1em;text-align:center;font-size:.95em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgb(var(--sf-accent-rgb));color:rgb(var(--color-background));transition:transform .25s var(--sf-ease-out),box-shadow .25s ease}.sf-mock-cart__checkout:hover{transform:translateY(-1px);box-shadow:0 .6em 1.8em rgba(var(--sf-accent-rgb),.45)}.sf-showcase--armed .sf-mock-cart__scrim{opacity:0;transition:opacity .6s ease}.sf-showcase--armed .sf-mock-cart__drawer{transform:translate(104%);transition:transform .85s var(--sf-ease-out) .1s}.sf-showcase--armed .sf-mock-cart__item--a{opacity:0;transform:translate(2.4em);transition:opacity .6s ease .75s,transform .8s var(--sf-ease-out) .75s}.sf-showcase--armed .sf-mock-cart__bar-fill{width:0%;transition:width 1.3s var(--sf-ease-out) 1.15s}.sf-showcase--armed .sf-mock-cart__added{transition:grid-template-rows .7s var(--sf-ease-out),opacity .5s ease .1s}.sf-showcase--armed .sf-mock-cart__recs{transition:grid-template-rows .6s var(--sf-ease-out) .15s,opacity .35s ease}.sf-showcase--armed .sf-mock-cart.is-inview .sf-mock-cart__scrim{opacity:1}.sf-showcase--armed .sf-mock-cart.is-inview .sf-mock-cart__drawer{transform:none}.sf-showcase--armed .sf-mock-cart.is-inview .sf-mock-cart__item--a{opacity:1;transform:none;animation:sfFlash 1.8s ease-out 1.1s both}.sf-showcase--armed .sf-mock-cart.is-inview .sf-mock-cart__bar-fill{width:74%}.sf-mock-cart.is-adding .sf-mock-cart__rec-add{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:scale(.93)}.sf-mock-cart.is-adding .sf-mock-cart__rec-label{opacity:0;transform:scale(.6)}.sf-mock-cart.is-adding .sf-mock-cart__rec-done{opacity:1;transform:none}.sf-mock-cart.is-upsold .sf-mock-cart__added{grid-template-rows:1fr;opacity:1}.sf-mock-cart.is-upsold .sf-mock-cart__item--b{animation:sfFlash 1.8s ease-out .35s both}.sf-mock-cart.is-upsold .sf-mock-cart__recs{grid-template-rows:0fr;opacity:0}.sf-showcase .sf-mock-cart.is-upsold .sf-mock-cart__bar-fill{width:100%;transition:width 1s var(--sf-ease-out) .2s}.sf-mock-cart.is-upsold .sf-mock-cart__bar{animation:sfGlow 1.4s ease-out .9s}.sf-mock-cart.is-upsold .sf-mock-cart__ship{border-color:rgba(var(--sf-accent-rgb),.45);background:rgba(var(--sf-accent-rgb),.07)}.sf-mock-cart.is-upsold .sf-mock-cart__ship-msg{color:rgb(var(--sf-accent-rgb))}.sf-mock-cart.is-upsold .sf-mock-cart__count{animation:sfPop .5s var(--sf-ease-out)}.sf-showcase--armed .sf-mock-cart.is-upsold.is-playing .sf-mock-cart__checkout:after{animation:sfSheen 4.2s ease-in-out 1.6s infinite}.sf-mock-size__page{position:absolute;top:2.6em;right:0;bottom:0;left:0}.sf-mock-size__page .sf-mock-studio{aspect-ratio:1.15}.sf-mock-size__pdp{padding:1.3em 1.6em}.sf-mock-size__link{position:relative;display:inline-flex;align-items:center;gap:.5em;margin-top:1.2em;font-size:.95em;text-decoration:underline;text-underline-offset:.3em}.sf-mock-size__link svg{width:1.5em;height:1.5em}.sf-mock-size__link:after{content:"";position:absolute;left:50%;top:50%;width:3.2em;height:3.2em;margin:-1.6em 0 0 -1.6em;border-radius:50%;background:rgba(var(--color-foreground),.35);opacity:0;transform:scale(.2);pointer-events:none}.sf-mock-size__scrim{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:rgba(var(--color-background),.7)}.sf-mock-size__sheet{position:absolute;left:0;right:0;bottom:0;top:21.5em;padding:.9em 1.6em 2.4em;border-radius:1.6em 1.6em 0 0;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.16);box-shadow:0 -2em 4em #0000008c}.sf-mock-size__grab{display:block;width:3.6em;height:.4em;margin:0 auto 1em;border-radius:999px;background:rgba(var(--color-foreground),.25)}.sf-mock-size__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6em;font-family:var(--font-heading-family);font-size:1.5em;text-transform:uppercase;letter-spacing:-.01em}.sf-mock-size__x{width:.8em;height:.8em;opacity:.7}.sf-mock-size__note{font-size:.82em;line-height:1.4;opacity:.6}.sf-mock-size__tape{padding-top:2.6em;margin:.8em 0 1.6em}.sf-mock-size__tape-body{position:relative;height:2.4em;border-radius:.3em;border:1px solid rgba(var(--color-foreground),.16);background:rgba(var(--color-foreground),.05)}.sf-mock-size__tape-scale{position:absolute;top:0;bottom:0;left:.9em;right:.9em;background-image:linear-gradient(90deg,rgba(var(--color-foreground),.55) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-foreground),.3) 1px,transparent 1px);background-size:calc(100% / 9) 45%,calc(100% / 18) 25%;background-repeat:repeat-x;background-position:0 0}.sf-mock-size__tape-num{position:absolute;bottom:.2em;transform:translate(-50%);font-size:.66em;opacity:.6;font-variant-numeric:tabular-nums}.sf-mock-size__marker{position:absolute;top:-.3em;bottom:-.3em;left:calc(var(--pos, .5556) * 100%);width:2px;margin-left:-1px;background:rgb(var(--sf-accent-rgb));box-shadow:0 0 .8em rgba(var(--sf-accent-rgb),.85);transition:left .45s var(--sf-ease-out)}.sf-mock-size__marker-val{position:absolute;bottom:calc(100% + .35em);left:50%;transform:translate(-50%);padding:.25em .6em;border-radius:.3em;white-space:nowrap;font-size:.78em;font-weight:700;background:rgb(var(--sf-accent-rgb));color:rgb(var(--color-background))}.sf-mock-size__cat{margin-bottom:.5em!important;font-size:.75em;letter-spacing:.18em;text-transform:uppercase;opacity:.55}.sf-mock-size__table{width:100%;border-collapse:collapse;font-size:1.02em;font-variant-numeric:tabular-nums}.sf-mock-size__table th{padding:.6em .5em;text-align:left;font-size:.72em;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.55;border-bottom:1px solid rgba(var(--color-foreground),.18)}.sf-mock-size__table td{padding:.78em .5em;border-bottom:1px solid rgba(var(--color-foreground),.08);transition:background .3s ease,color .3s ease,box-shadow .3s ease}.sf-mock-size__table td:first-child{font-weight:700}.sf-mock-size__table tr.is-hl td{background:rgba(var(--sf-accent-rgb),.12)}.sf-mock-size__table tr.is-hl td:first-child{color:rgb(var(--sf-accent-rgb));box-shadow:inset .25em 0 rgb(var(--sf-accent-rgb))}.sf-mock-size__table tr.is-hl td:nth-child(2){color:rgb(var(--sf-accent-rgb));font-weight:700}.sf-mock-size__fit{margin-top:1em!important;font-size:.8em;opacity:.55}.sf-showcase--armed .sf-mock-size__scrim{opacity:0;transition:opacity .5s ease .75s}.sf-showcase--armed .sf-mock-size__sheet{transform:translateY(102%);transition:transform .9s var(--sf-ease-out) .8s}.sf-showcase--armed .sf-mock-size__table tbody tr{opacity:0;transform:translateY(.7em);transition:opacity .45s ease,transform .6s var(--sf-ease-out);transition-delay:calc(1.25s + var(--i, 0) * .07s)}.sf-showcase--armed .sf-mock-size.is-inview .sf-mock-size__scrim{opacity:1}.sf-showcase--armed .sf-mock-size.is-inview .sf-mock-size__sheet{transform:none}.sf-showcase--armed .sf-mock-size.is-inview .sf-mock-size__table tbody tr{opacity:1;transform:none}.sf-showcase--armed .sf-mock-size.is-inview .sf-mock-size__link:after{animation:sfTap .7s ease-out .3s}.sf-mock-sticky__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sf-mock-sticky__page{position:relative;padding:2.6em 0 9em;transform:translateY(-54em);will-change:transform}.sf-mock-sticky__img{aspect-ratio:1}.sf-mock-sticky__body{padding:0 1.4em}.sf-mock-sticky__body .sf-mock-pills,.sf-mock-sticky__body .sf-mock-atc{margin-top:1.2em}.sf-mock-sticky__desc{margin:1.5em 0!important;font-size:.92em;line-height:1.55;opacity:.7}.sf-mock-sticky__acc{display:flex;justify-content:space-between;padding:1.1em 0;border-top:1px solid rgba(var(--color-foreground),.12);font-size:.85em;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sf-mock-sticky__acc:nth-of-type(3){border-bottom:1px solid rgba(var(--color-foreground),.12)}.sf-mock-sticky__h{margin:2em 0 1em!important;font-family:var(--font-heading-family);font-size:1.15em;text-transform:uppercase}.sf-mock-sticky__rec{display:grid;grid-template-columns:7em 1fr;gap:1em;align-items:center}.sf-mock-sticky__rec .sf-mock-studio{aspect-ratio:1}.sf-mock-sticky__rec-name{font-weight:700}.sf-mock-sticky__rec-price{font-size:.9em;opacity:.6;margin-top:.3em!important}.sf-mock-sticky__banner{position:relative;height:24em;margin-top:2.4em;overflow:hidden}.sf-mock-sticky__banner img{width:100%;height:100%;object-fit:cover;object-position:72% 40%}.sf-mock-sticky__banner-copy{position:absolute;left:1.4em;bottom:1.6em;display:flex;flex-direction:column;gap:.3em;color:#fff}.sf-mock-sticky__banner-copy span{font-size:.75em;letter-spacing:.24em;text-transform:uppercase;opacity:.8}.sf-mock-sticky__banner-copy strong{font-family:var(--font-heading-family);font-weight:400;font-size:2.4em;line-height:1;text-transform:uppercase}.sf-mock-sticky__foot{padding:2.2em 1.4em 0}.sf-mock-sticky__foot p{font-family:var(--font-heading-family);font-size:1.1em;text-transform:uppercase;margin-bottom:1em!important}.sf-mock-sticky__field{display:flex;justify-content:space-between;padding:1em;border:1px solid rgba(var(--color-foreground),.3);font-size:.9em;opacity:.7}.sf-mock-sticky__scroll{position:absolute;z-index:3;top:3.4em;bottom:3em;right:.35em;width:.25em;opacity:0;transition:opacity .4s ease}.sf-mock-sticky__scroll span{display:block;height:22%;border-radius:999px;background:rgba(var(--color-foreground),.5);transform:translateY(calc(var(--p, 0) * 354%))}.sf-mock-sticky.is-scrolling .sf-mock-sticky__scroll{opacity:1}.sf-mock-sticky__bar{position:absolute;z-index:4;left:.9em;right:.9em;bottom:1.7em;display:flex;align-items:center;gap:.9em;padding:.7em;border-radius:.6em;background:rgba(var(--color-background),.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--sf-accent-rgb),.45);box-shadow:0 1em 3em #0000008c,0 0 2em rgba(var(--sf-accent-rgb),.16);transition:transform .55s var(--sf-ease-out),opacity .35s ease}.sf-mock-sticky__thumb{width:3.8em;height:3.8em;flex:none;border-radius:.3em}.sf-mock-sticky__info{flex:1;min-width:0}.sf-mock-sticky__name{font-size:.9em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-mock-sticky__price{font-size:.82em;opacity:.6;margin-top:.2em}.sf-mock-sticky__btn{flex:none;display:grid;place-items:center;min-width:6.4em;padding:.75em 1em;border-radius:.3em;font-size:.8em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgb(var(--sf-accent-rgb));color:rgb(var(--color-background));transition:transform .2s ease,background .3s ease}.sf-mock-sticky__btn-add,.sf-mock-sticky__btn-done{grid-area:1 / 1;transition:opacity .25s ease,transform .35s var(--sf-ease-out)}.sf-mock-sticky__btn-done{display:flex;align-items:center;gap:.3em;opacity:0;transform:translateY(.6em)}.sf-mock-sticky__btn-done svg{width:1.2em;height:1.2em}.sf-mock-sticky.is-added .sf-mock-sticky__btn{transform:scale(.95)}.sf-mock-sticky.is-added .sf-mock-sticky__btn-add{opacity:0;transform:translateY(-.6em)}.sf-mock-sticky.is-added .sf-mock-sticky__btn-done{opacity:1;transform:none}.sf-showcase--armed .sf-mock-sticky__page{transform:none}.sf-showcase--armed .sf-mock-sticky__bar{opacity:0;transform:translateY(160%)}.sf-showcase--armed .sf-mock-sticky.is-bar .sf-mock-sticky__bar{opacity:1;transform:none}.sf-mock-look__intro{padding:3.7em 1.6em 1.4em}.sf-mock-look__eyebrow{display:block;margin-bottom:.7em;font-size:.75em;letter-spacing:.26em;text-transform:uppercase;color:rgb(var(--sf-accent-rgb))}.sf-mock-look__title{font-family:var(--font-heading-family);font-size:2.2em;line-height:1.02;letter-spacing:-.01em;text-transform:uppercase}.sf-mock-look__sub{margin-top:.6em!important;font-size:.88em;opacity:.6}.sf-mock-look__hero{position:relative;height:21em;overflow:hidden}.sf-mock-look__hero img{width:100%;height:100%;object-fit:cover;object-position:72% 38%;transform-origin:72% 30%;transform:scale(1.04)}.sf-mock-look__hero:after{content:"";position:absolute;top:40%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#0009)}.sf-mock-look__cap{position:absolute;z-index:1;left:1.4em;right:1.4em;bottom:1.2em;display:flex;flex-direction:column;gap:.25em;color:#fff}.sf-mock-look__cap span{font-size:.72em;letter-spacing:.24em;text-transform:uppercase;opacity:.8}.sf-mock-look__cap strong{font-family:var(--font-heading-family);font-weight:400;font-size:1.9em;line-height:1;text-transform:uppercase}.sf-mock-look__row{display:grid;grid-template-columns:1.3fr 1fr;gap:1em;align-items:start;padding:1.2em 1.4em 0}.sf-mock-look__tile{position:relative}.sf-mock-look__tile--tall .sf-mock-studio{aspect-ratio:3 / 4}.sf-mock-look__tile--short{margin-top:3.8em}.sf-mock-look__tile--short .sf-mock-studio{aspect-ratio:4 / 5}.sf-mock-look__tile-cap{margin-top:.6em!important;font-size:.72em;letter-spacing:.16em;text-transform:uppercase;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-mock-look__tag{position:absolute;left:.6em;right:.6em;bottom:.6em;display:flex;flex-direction:column;gap:.2em;padding:.7em .8em;background:rgba(var(--color-background),.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(var(--color-foreground),.14);transition:opacity .4s ease,transform .5s var(--sf-ease-out)}.sf-mock-look__tag-name{font-size:.8em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-mock-look__tag-shop{font-size:.7em;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--sf-accent-rgb))}.sf-mock-look__tap{position:absolute;left:50%;top:40%;width:3.6em;height:3.6em;margin:-1.8em 0 0 -1.8em;border-radius:50%;border:2px solid rgba(var(--sf-accent-rgb),.9);background:rgba(var(--sf-accent-rgb),.18);opacity:0;pointer-events:none}.sf-mock-look__more{position:absolute;left:1.4em;right:1.4em;bottom:2.4em;display:flex;justify-content:space-between;padding-top:.9em;border-top:1px solid rgba(var(--color-foreground),.14);font-size:.78em;letter-spacing:.16em;text-transform:uppercase}.sf-mock-look__more span:last-child{color:rgb(var(--sf-accent-rgb))}.sf-showcase--armed .sf-mock-look__intro>*{opacity:0;transform:translateY(.8em);transition:opacity .6s ease,transform .8s var(--sf-ease-out)}.sf-showcase--armed .sf-mock-look__intro>:nth-child(2){transition-delay:.08s}.sf-showcase--armed .sf-mock-look__intro>:nth-child(3){transition-delay:.16s}.sf-showcase--armed .sf-mock-look__reveal{clip-path:inset(100% 0 0 0);transition:clip-path 1.15s var(--sf-ease-out) var(--d, 0s)}.sf-showcase--armed .sf-mock-look__tile .sf-mock-studio img{transform:scale(1.16);transition:transform 1.5s var(--sf-ease-out) var(--d, 0s)}.sf-showcase--armed .sf-mock-look__tile--tall .sf-mock-studio img{transition-delay:.45s}.sf-showcase--armed .sf-mock-look__tile--short .sf-mock-studio img{transition-delay:.65s}.sf-showcase--armed .sf-mock-look__tile-cap,.sf-showcase--armed .sf-mock-look__more{opacity:0;transition:opacity .7s ease 1.1s}.sf-showcase--armed .sf-mock-look__tag{opacity:0;transform:translateY(.8em)}.sf-showcase--armed .sf-mock-look.is-inview .sf-mock-look__intro>*{opacity:1;transform:none}.sf-showcase--armed .sf-mock-look.is-inview .sf-mock-look__reveal{clip-path:inset(0 0 0 0)}.sf-showcase--armed .sf-mock-look.is-inview .sf-mock-look__tile .sf-mock-studio img{transform:none}.sf-showcase--armed .sf-mock-look.is-inview .sf-mock-look__tile-cap,.sf-showcase--armed .sf-mock-look.is-inview .sf-mock-look__more{opacity:1}.sf-showcase--armed .sf-mock-look.is-playing .sf-mock-look__hero img{animation:sfDrift 14s ease-in-out infinite alternate}.sf-showcase--armed .sf-mock-look.is-tag .sf-mock-look__tag{opacity:1;transform:none}.sf-showcase--armed .sf-mock-look.is-tag .sf-mock-look__tap{animation:sfTap .8s ease-out}.sf-mock-swatch__media{margin-top:2.6em;height:27.5em}.sf-mock-swatch__media img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.05);transition:opacity .6s ease,transform 1s var(--sf-ease-out)}.sf-mock-swatch__media img.is-active{opacity:1;transform:none}.sf-mock-swatch__dots{position:absolute;left:0;right:0;bottom:.4em}.sf-mock-swatch__dots i{background:rgba(var(--color-background),.25)}.sf-mock-swatch__dots i.is-on{background:rgb(var(--color-background))}.sf-mock-swatch__info{padding:1.3em 1.6em 0}.sf-mock-swatch__label{margin:1.1em 0 .7em!important;font-size:.82em;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.sf-mock-swatch__label strong{display:inline-block;opacity:1;transition:opacity .25s ease,transform .25s ease}.sf-mock-swatch__label strong.is-swapping{opacity:0;transform:translateY(-.4em)}.sf-mock-swatch__swatches{position:relative;display:flex;gap:1.1em;padding:.35em;margin-bottom:1.1em}.sf-mock-swatch__dot{position:relative;flex:none;width:3em;height:3em;padding:0;margin:0;border-radius:50%;border:1px solid rgba(var(--color-foreground),.25);background:var(--sw);box-shadow:0 0 0 .2em rgb(var(--color-background));font-size:inherit;transition:transform .15s ease,box-shadow .2s ease}button.sf-mock-swatch__dot{cursor:pointer}button.sf-mock-swatch__dot:hover{transform:scale(1.08)}button.sf-mock-swatch__dot:focus-visible{outline:2px solid rgb(var(--sf-accent-rgb));outline-offset:.35em}.sf-mock-swatch__dot.is-selected{box-shadow:0 0 0 .2em rgb(var(--color-background)),0 0 0 .32em rgb(var(--color-foreground))}.sf-mock-swatch__dot.is-soldout{opacity:.35}.sf-mock-swatch__dot.is-soldout:after{content:"";position:absolute;top:50%;left:-12%;right:-12%;border-top:1px solid rgb(var(--color-foreground));transform:rotate(-40deg)}.sf-mock-swatch__ring{position:absolute;z-index:1;top:.35em;left:.35em;width:3em;height:3em;border-radius:50%;box-shadow:0 0 0 .2em rgb(var(--color-background)),0 0 0 .32em rgb(var(--color-foreground)),0 0 1.2em rgba(var(--color-foreground),.25);transform:translate(var(--x, 0px));transition:transform .55s var(--sf-ease-out);pointer-events:none;display:none}.sf-mock-swatch.has-ring .sf-mock-swatch__ring{display:block}.sf-mock-swatch.has-ring .sf-mock-swatch__dot.is-selected{box-shadow:0 0 0 .2em rgb(var(--color-background))}.sf-mock-swatch__info .sf-mock-atc{margin-top:1.2em}.sf-mock-swatch__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;margin-top:1.3em;padding-top:1.2em;border-top:1px solid rgba(var(--color-foreground),.12)}.sf-mock-swatch__badge{display:flex;flex-direction:column;align-items:center;gap:.5em;text-align:center;font-size:.74em;line-height:1.3;opacity:.85}.sf-mock-swatch__badge svg{width:2.5em;height:2.5em}.sf-showcase--armed .sf-mock-swatch__badge svg *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s var(--sf-ease-io) var(--d, 0s)}.sf-showcase--armed .sf-mock-swatch__badge>span{opacity:0;transform:translateY(.5em);transition:opacity .5s ease,transform .6s var(--sf-ease-out);transition-delay:calc(var(--d, 0s) + .35s)}.sf-showcase--armed .sf-mock-swatch.is-inview .sf-mock-swatch__badge svg *{stroke-dashoffset:0}.sf-showcase--armed .sf-mock-swatch.is-inview .sf-mock-swatch__badge>span{opacity:1;transform:none}.sf-mock-count__media{margin-top:2.6em;height:28.5em}.sf-mock-count__tag{position:absolute;top:1.1em;left:1.1em;padding:.45em .8em;font-size:.75em;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:rgb(var(--sf-accent-rgb));color:rgb(var(--color-background))}.sf-mock-count__info{padding:1.3em 1.6em 0}.sf-mock-count__box{margin:1.3em 0 1.2em;padding:1.1em 1em 1em;border:1px solid rgba(var(--sf-accent-rgb),.38);border-radius:.8em;background:linear-gradient(180deg,rgba(var(--sf-accent-rgb),.12),rgba(var(--sf-accent-rgb),.02));box-shadow:0 0 2.6em rgba(var(--sf-accent-rgb),.14),inset 0 1px rgba(var(--color-foreground),.06)}.sf-mock-count__label{display:flex;align-items:center;gap:.5em;margin-bottom:.9em!important;font-size:.75em;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.sf-mock-count__label svg{width:1.4em;height:1.4em;opacity:.8}.sf-mock-count__live{width:.6em;height:.6em;flex:none;border-radius:50%;background:rgb(var(--sf-accent-rgb));box-shadow:0 0 .6em rgba(var(--sf-accent-rgb),.9)}.sf-mock-count__timer{display:grid;grid-template-columns:repeat(4,1fr);gap:.5em}.sf-mock-count__cell{display:flex;flex-direction:column;align-items:center;padding:.75em 0 .6em;border:1px solid rgba(var(--color-foreground),.14);border-radius:.5em;background:rgba(var(--color-background),.55);overflow:hidden}.sf-mock-count__num{display:flex;font-family:var(--font-heading-family);font-size:3em;line-height:1;color:rgb(var(--sf-accent-rgb));text-shadow:0 0 .35em rgba(var(--sf-accent-rgb),.55)}.sf-mock-count__d{display:inline-block;width:.7em;text-align:center}.sf-mock-count__d.is-tick{animation:sfTick .45s var(--sf-ease-out)}.sf-mock-count__unit{margin-top:.5em;font-size:.66em;letter-spacing:.2em;text-transform:uppercase;opacity:.55}.sf-mock-count__sec{display:block;height:2px;margin-top:.9em;border-radius:2px;overflow:hidden;background:rgba(var(--color-foreground),.1)}.sf-mock-count__sec span{display:block;height:100%;background:rgb(var(--sf-accent-rgb));transform-origin:left;transform:scaleX(var(--s, .15));transition:transform 1s linear}.sf-mock-count__sec span.is-jump{transition:none}.sf-mock-count__note{margin-top:.9em!important;text-align:center;font-size:.75em;letter-spacing:.06em;opacity:.5}.sf-showcase--armed .sf-mock-count__box{opacity:0;transform:translateY(1.2em) scale(.97);transition:opacity .6s ease .2s,transform .9s var(--sf-ease-out) .2s}.sf-showcase--armed .sf-mock-count.is-inview .sf-mock-count__box{opacity:1;transform:none}.sf-showcase--armed .sf-mock-count.is-playing .sf-mock-count__live{animation:sfLive 1.6s ease-out infinite}.sf-showcase--armed .sf-mock-count.is-playing .sf-mock-atc:after{animation:sfSheen 4.6s ease-in-out 1.2s infinite}.sf-mock-motion__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sf-mock-motion__page{position:relative;padding:2.6em 0 9em;will-change:transform;transition:opacity .45s ease}.sf-mock-motion__hero{position:relative;height:25em;overflow:hidden}.sf-mock-motion__hero img{width:100%;height:100%;object-fit:cover;object-position:72% 38%;transition:transform 1.6s var(--sf-ease-out)}.sf-mock-motion__hero:after{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#000000a6)}.sf-mock-motion__hero-copy{position:absolute;z-index:1;left:1.4em;right:1.4em;bottom:1.6em;display:flex;flex-direction:column;align-items:flex-start;gap:.5em;color:#fff}.sf-mock-motion__eyebrow{font-size:.72em;letter-spacing:.26em;text-transform:uppercase;opacity:.85}.sf-mock-motion__title{font-family:var(--font-heading-family);font-size:2.8em;line-height:.95;text-transform:uppercase}.sf-mock-motion__btn{margin-top:.5em;padding:.8em 1.6em;font-size:.78em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:#fff;color:#000}.sf-mock-motion__h{padding:2em 1.4em 1em;font-family:var(--font-heading-family);font-size:1.2em;text-transform:uppercase}.sf-mock-motion__grid{display:grid;grid-template-columns:1fr 1fr;gap:.8em;padding:0 1.4em}.sf-mock-motion__card .sf-mock-studio{aspect-ratio:1}.sf-mock-motion__card p{margin-top:.6em!important;font-size:.8em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-mock-motion__card span{font-size:.78em;opacity:.6}.sf-mock-motion__grid .sf-mock-motion__card:nth-child(2){transition-delay:.12s}.sf-mock-motion__text{padding:3em 1.4em;text-align:center}.sf-mock-motion__text p{font-family:var(--font-heading-family);font-size:1.6em;line-height:1.05;text-transform:uppercase}.sf-mock-motion__text span{display:block;margin-top:.6em;font-size:.88em;opacity:.6}.sf-mock-motion__wide{height:17em;margin:0 1.4em}.sf-mock-motion__foot{display:flex;justify-content:center;padding:2.4em 0 0}.sf-mock-motion__foot img{width:4em;height:4em;object-fit:contain;opacity:.8}.sf-mock-motion__loader{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));transform:translate(101%)}.sf-mock-motion__loader-inner{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.8em;transition:opacity .3s ease}.sf-mock-motion__loader img{width:6.4em;height:6.4em;object-fit:contain}.sf-mock-motion__sweep{display:block;width:100%;height:2px;background:rgb(var(--sf-accent-rgb));box-shadow:0 0 .9em rgba(var(--sf-accent-rgb),.8);transform-origin:left center;transform:scaleX(0)}.sf-showcase--armed .sf-mock-motion__loader{transform:none;transition:transform .55s cubic-bezier(.4,0,.2,1)}.sf-showcase--armed .sf-mock-motion.is-sweeping .sf-mock-motion__sweep{transform:scaleX(1);transition:transform .7s cubic-bezier(.4,0,.2,1)}.sf-showcase--armed .sf-mock-motion.is-loaded .sf-mock-motion__loader{transform:translate(101%)}.sf-showcase--armed .sf-mock-motion.is-loaded .sf-mock-motion__loader-inner{opacity:0}.sf-showcase--armed .sf-mock-motion [data-reveal]{opacity:0;transform:translateY(1.8em);filter:blur(4px);transition:opacity .7s var(--sf-ease-out),transform .85s var(--sf-ease-out),filter .6s ease}.sf-showcase--armed .sf-mock-motion [data-reveal].is-revealed{opacity:1;transform:none;filter:none}.sf-showcase--armed .sf-mock-motion__hero img{transform:scale(1.14)}.sf-showcase--armed .sf-mock-motion__hero.is-revealed img{transform:none}.sf-showcase--armed .sf-mock-motion.is-fading .sf-mock-motion__page{opacity:0}.sf-showcase--armed .sf-mock-motion.is-resetting,.sf-showcase--armed .sf-mock-motion.is-resetting *{transition:none!important}@keyframes sfFlash{0%{background-color:rgba(var(--sf-accent-rgb),.18)}to{background-color:rgba(var(--sf-accent-rgb),0)}}@keyframes sfGlow{0%{box-shadow:0 0 rgba(var(--sf-accent-rgb),.55)}to{box-shadow:0 0 1.6em .5em rgba(var(--sf-accent-rgb),0)}}@keyframes sfPop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes sfSheen{0%{transform:translate(-120%)}32%,to{transform:translate(120%)}}@keyframes sfTap{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}@keyframes sfDrift{0%{transform:scale(1.04) translateZ(0)}to{transform:scale(1.14) translate3d(-3%,2%,0)}}@keyframes sfTick{0%{opacity:.2;transform:translateY(-.32em)}to{opacity:1;transform:none}}@keyframes sfLive{0%{box-shadow:0 0 rgba(var(--sf-accent-rgb),.7)}to{box-shadow:0 0 0 .8em rgba(var(--sf-accent-rgb),0)}}@media(prefers-reduced-motion:reduce){.sf-phone{transition:none}.sf-showcase *,.sf-showcase *:before,.sf-showcase *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sf-pdp-showcase.css.map */