.lc{--lc-ease: cubic-bezier(.22, 1, .36, 1);--lc-ease-in-out: cubic-bezier(.65, 0, .35, 1);background:var(--lc-page);color:var(--lc-ink);overflow:hidden}.lc__defs{position:absolute;width:0;height:0}.lc__hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:calc(var(--vh-real, 100svh) - var(--header-height))}.lc__stage{position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate;perspective:1400px}.lc__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.06);animation:lc-photo-in 2.4s var(--lc-ease) both}.lc__photo--empty{background:radial-gradient(120% 90% at 20% 10%,#f7efe0 0%,transparent 60%),radial-gradient(90% 80% at 90% 100%,#c4ae8c 0%,transparent 70%),linear-gradient(160deg,#e9dcc3,#d8c3a0)}.lc__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(70% 60% at 50% 55%,#2d2a1b0d,#2d2a1b47),linear-gradient(180deg,#f0e7d514,#2d2a1b1f)}@keyframes lc-photo-in{0%{transform:scale(1.14)}}.lc__deck{--rx: 0deg;--ry: 0deg;position:relative;width:min(78%,56rem);aspect-ratio:1.62;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .9s var(--lc-ease);margin:12rem 0}.lc__deck.is-tracking{transition:transform .12s linear}.lc-card{position:absolute;top:0;right:0;bottom:0;left:0;container-type:inline-size;border-radius:.6rem}.lc-card__grain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;border-radius:inherit}.lc-card--back{background:var(--lc-back);color:var(--lc-paper);transform:translate3d(-12%,-19%,-40px) rotate(-4deg);box-shadow:0 1px 1px #2d2a1b26,0 30px 60px -20px #2d2a1b8c;overflow:hidden}.lc-card__back-inner{position:absolute;left:6cqi;top:5.5cqi;display:flex;align-items:center;gap:3.6cqi}.lc-card__mono{width:8.5cqi;height:auto}.lc-card__word{width:27cqi;height:auto}.lc-card--front{transform:translate3d(7%,12%,30px) rotate(2deg);perspective:1600px}.lc-card__flipper{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform 1.2s var(--lc-ease-in-out);border-radius:inherit}.lc.is-flipped .lc-card__flipper{transform:rotateY(180deg)}.lc-card__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--lc-paper);border-radius:inherit;overflow:hidden;box-shadow:0 1px 1px #2d2a1b1f,0 2px 6px #2d2a1b14,0 40px 70px -24px #2d2a1b99}.lc-card__face--verso{transform:rotateY(180deg)}.lc-card__shine{--mx: 50%;--my: 30%;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 70% at var(--mx) var(--my),rgba(255,252,244,.55),transparent 60%);mix-blend-mode:soft-light;opacity:0;transition:opacity .6s var(--lc-ease);z-index:3}.lc__deck.is-tracking .lc-card__shine{opacity:1}.lc-card__top{position:absolute;left:6cqi;right:6cqi;top:5.5cqi;display:flex;justify-content:space-between;align-items:flex-start}.lc-card__label{font-family:var(--lc-display);font-style:italic;font-size:4.2cqi;line-height:1;letter-spacing:-.01em}.lc-card__word-sm{width:17cqi;height:auto;margin-top:-.4cqi}.lc-card__bottom{position:absolute;left:6cqi;right:6cqi;bottom:4.4cqi;display:flex;justify-content:space-between;font-size:1.9cqi;letter-spacing:.14em;text-transform:uppercase;opacity:.62;border-top:1px solid rgba(45,42,27,.22);padding-top:2.4cqi}.lc-slots{list-style:none;position:absolute;left:6cqi;right:6cqi;top:50%;transform:translateY(-58%);display:grid;grid-template-columns:repeat(var(--goal),1fr);justify-items:center}.lc-slot{position:relative;width:min(22cqi,calc(78cqi / var(--goal)));aspect-ratio:1;display:grid;place-items:center}.lc-slot__ring{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:1px dashed rgba(45,42,27,.38);transition:opacity .6s var(--lc-ease),transform .6s var(--lc-ease)}.lc-slot__num{font-family:var(--lc-display);font-size:3.4cqi;opacity:.32;transition:opacity .3s}.lc-slot__gift{position:absolute;top:calc(100% + .4cqi);font-family:var(--lc-display);font-style:italic;font-size:2.6cqi;white-space:nowrap;color:var(--lc-stamp)}.lc-slot--gift .lc-slot__ring{border-style:solid;border-color:#a9743f8c;box-shadow:inset 0 0 0 .6cqi #a9743f12}.lc-stamp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--lc-stamp);mix-blend-mode:multiply;opacity:0;transform:rotate(var(--tilt)) scale(.9);overflow:visible}.lc-stamp__arc{font-family:var(--font-body-family);font-size:8.6px;font-weight:600;letter-spacing:1px}.lc-slot--gift .lc-stamp{color:var(--lc-back)}.lc-slot.is-stamped .lc-stamp{opacity:1;transform:rotate(var(--tilt))}.lc-slot.is-stamped .lc-slot__num,.lc-slot.is-stamped .lc-slot__ring{opacity:0}.js .lc[data-animate] .lc-slot.is-stamped:not(.is-pressed) .lc-stamp{opacity:0}.js .lc[data-animate] .lc-slot.is-stamped:not(.is-pressed) .lc-slot__num{opacity:.32}.js .lc[data-animate] .lc-slot.is-stamped:not(.is-pressed) .lc-slot__ring{opacity:1}.lc-slot.is-pressed .lc-stamp{animation:lc-press .62s var(--lc-ease) both}.lc-slot.is-pressed .lc-slot__ring{animation:lc-ring .9s var(--lc-ease) both}.lc-slot.is-pressed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--lc-stamp);opacity:0;animation:lc-splash .7s .16s var(--lc-ease) both;pointer-events:none}@keyframes lc-press{0%{opacity:0;transform:rotate(calc(var(--tilt) - 18deg)) scale(2.1)}38%{opacity:1;transform:rotate(var(--tilt)) scale(.9)}62%{transform:rotate(var(--tilt)) scale(1.035)}to{opacity:1;transform:rotate(var(--tilt)) scale(1)}}@keyframes lc-ring{0%,30%{transform:scale(1);opacity:1}45%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:0}}@keyframes lc-splash{0%{opacity:.45;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.lc-card--front.is-thud{animation:lc-thud .36s var(--lc-ease)}@keyframes lc-thud{0%{transform:translate3d(7%,12%,30px) rotate(2deg)}35%{transform:translate3d(7%,12.6%,22px) rotate(1.8deg) scale(.992)}to{transform:translate3d(7%,12%,30px) rotate(2deg)}}.lc--full .lc-slot--gift.is-pressed:before,.lc--full:not([data-animate]) .lc-slot--gift:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;border-radius:50%;background:radial-gradient(circle,rgba(169,116,63,.22),transparent 65%);animation:lc-breathe 2.8s .6s ease-in-out infinite}@keyframes lc-breathe{0%,to{transform:scale(.92);opacity:.6}50%{transform:scale(1.1);opacity:1}}.lc-card__face--verso{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.6cqi;padding:6cqi}.lc-card__verso-mono{width:8cqi;height:auto;color:var(--lc-stamp);margin-bottom:1cqi}.lc-card__verso-kicker{font-size:2cqi;letter-spacing:.24em;text-transform:uppercase;opacity:.6}.lc-card__verso-title{font-family:var(--lc-display);font-style:italic;font-size:7.2cqi;line-height:1.05;letter-spacing:-.02em}.lc-card__code{margin-top:2.4cqi;font-family:Courier New,Courier,monospace;font-size:3.6cqi;letter-spacing:.18em;padding:1.8cqi 3.6cqi;border:1px dashed rgba(45,42,27,.5)}.lc-card__pending{font-size:2.6cqi;opacity:.7;max-width:60cqi}.lc__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.lc__confetti i{position:absolute;left:50%;top:50%;width:.9rem;height:.5rem;border-radius:.1rem}.lc__intro{align-self:center;padding:8rem clamp(2.4rem,5vw,8rem);max-width:56rem}.lc__eyebrow{display:block;font-size:1.1rem;letter-spacing:.28em;text-transform:uppercase;color:var(--lc-stamp);margin-bottom:2.4rem}.lc__title{font-family:var(--lc-display);font-weight:400;font-size:clamp(3.6rem,4.4vw,6.4rem);line-height:1.02;letter-spacing:-.025em;color:var(--lc-ink);margin-bottom:1.6rem}.lc__title em{font-style:italic;color:var(--lc-stamp)}.lc__tagline{font-family:var(--lc-display);font-style:italic;font-size:2rem;opacity:.7;margin-bottom:3.2rem}.lc__lead{font-size:1.5rem;line-height:1.7;max-width:40rem;margin-bottom:4rem}.js .lc__intro>*{opacity:0;transform:translateY(1.6rem)}.lc.is-in .lc__intro>*{opacity:1;transform:none;transition:opacity 1s var(--lc-ease),transform 1s var(--lc-ease)}.lc.is-in .lc__intro>*:nth-child(2){transition-delay:.08s}.lc.is-in .lc__intro>*:nth-child(3){transition-delay:.16s}.lc.is-in .lc__intro>*:nth-child(4){transition-delay:.24s}.lc.is-in .lc__intro>*:nth-child(5){transition-delay:.32s}.lc.is-in .lc__intro>*:nth-child(6){transition-delay:.4s}.lc__progress{display:flex;align-items:center;gap:1.6rem;margin:3.2rem 0 1.2rem}.lc__progress-track{flex:1;height:1px;background:#2d2a1b2e;position:relative}.lc__progress-track span{position:absolute;left:0;top:-.5px;height:2px;width:100%;background:var(--lc-stamp);transform-origin:left center;transform:scaleX(var(--p));transition:transform 1.4s var(--lc-ease)}.js .lc[data-animate] .lc__progress-track span{transform:scaleX(var(--p-live, 0))}.lc__progress-count{font-family:var(--lc-display);font-size:2rem;font-variant-numeric:tabular-nums}.lc__progress-count strong{font-weight:400;color:var(--lc-stamp)}.lc__status{font-size:1.5rem;margin-bottom:4rem}.lc__actions{display:flex;flex-wrap:wrap;align-items:center;gap:2.4rem 3.2rem}.lc__button{background:var(--lc-ink);color:var(--lc-paper);letter-spacing:.04em;padding:0 3.6rem;position:relative;overflow:hidden}.lc__button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(240,231,213,.28) 50%,transparent 65%);transform:translate(-120%);transition:transform .9s var(--lc-ease)}.lc__button:hover:after{transform:translate(120%)}.lc__reward{margin-top:-1.6rem}.lc__reward-label{font-size:1.1rem;letter-spacing:.22em;text-transform:uppercase;opacity:.6;margin-bottom:1rem}.lc__code{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;max-width:40rem;padding:1.6rem 2rem;margin-bottom:2.8rem;border:1px dashed rgba(45,42,27,.45);background:#f0e7d58c}.lc__code:hover{background:var(--lc-paper);border-color:var(--lc-ink)}.lc__code-value{font-family:Courier New,Courier,monospace;font-size:1.7rem;letter-spacing:.16em}.lc__code-hint{font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lc-stamp)}.lc__note{margin-top:2.4rem;font-size:1.3rem;opacity:.7;font-style:italic}.lc__flip{cursor:pointer}.lc__how{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:4.8rem;padding-top:12rem;padding-bottom:10rem}.lc-step{border-top:1px solid rgba(45,42,27,.2);padding-top:2.4rem;transition-delay:calc(var(--i) * .1s)}.lc-step__num{display:block;font-family:var(--lc-display);font-style:italic;font-size:1.6rem;color:var(--lc-stamp);margin-bottom:2rem}.lc-step__title{font-family:var(--lc-display);font-weight:400;font-size:2.8rem;letter-spacing:-.015em;line-height:1.1;margin-bottom:1.2rem;color:var(--lc-ink)}.lc-step__text{font-size:1.4rem;line-height:1.7;opacity:.8;max-width:30rem}.lc__gift{display:grid;grid-template-columns:1fr 1fr;gap:6.4rem;align-items:center;padding-bottom:10rem}.lc__gift-media{display:block;overflow:hidden;background:var(--lc-paper);aspect-ratio:4 / 5}.lc__gift-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--lc-ease)}.lc__gift-media:hover img{transform:scale(1.04)}.lc__gift-title{font-family:var(--lc-display);font-size:clamp(3rem,3.4vw,4.8rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:1.6rem}.lc__gift-price{font-size:1.5rem}.lc__gift-price s{opacity:.45;margin-right:.8rem}.lc__gift-price span{font-family:var(--lc-display);font-style:italic;font-size:2rem;color:var(--lc-stamp)}.lc__fine{font-size:1.2rem;line-height:1.7;opacity:.55;max-width:64rem;text-align:center;padding-bottom:8rem}@media screen and (max-width:989px){.lc__hero{grid-template-columns:1fr;min-height:0}.lc__stage{aspect-ratio:4 / 5;max-height:calc(var(--vh-real, 100svh) * .82);width:100%}.lc__deck{width:70%;margin:0 0 0 4%}.lc__intro{padding:5.6rem var(--page-gutter) 2.4rem;max-width:none}.lc__how{padding-top:6.4rem;padding-bottom:6.4rem;gap:3.2rem}.lc__gift{grid-template-columns:1fr;gap:3.2rem;padding-bottom:6.4rem}.lc-card__bottom>span:nth-child(2){display:none}}@media(hover:none){.lc.is-in .lc__deck{animation:lc-float 7s ease-in-out infinite}}@keyframes lc-float{0%,to{transform:rotateX(4deg) rotateY(-6deg) translateY(0)}50%{transform:rotateX(-2deg) rotateY(5deg) translateY(-.8rem)}}.js .lc .lc-card--back,.js .lc .lc-card--front{opacity:0}.lc.is-in .lc-card--back{animation:lc-deal-back 1.3s var(--lc-ease) both}.lc.is-in .lc-card--front{animation:lc-deal-front 1.3s .18s var(--lc-ease) both}.lc.is-in .lc-card--front.is-thud{animation:lc-thud .36s var(--lc-ease);opacity:1}@keyframes lc-deal-back{0%{opacity:0;transform:translate3d(-40%,30%,-40px) rotate(-22deg)}to{opacity:1;transform:translate3d(-12%,-19%,-40px) rotate(-4deg)}}@keyframes lc-deal-front{0%{opacity:0;transform:translate3d(40%,60%,30px) rotate(14deg)}to{opacity:1;transform:translate3d(7%,12%,30px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.lc *,.lc *:before,.lc *:after{animation:none!important;transition:none!important}.js .lc .lc-card,.js .lc__intro>*{opacity:1!important}.js .lc__intro>*{transform:none}.js .lc .lc-card--back{transform:translate3d(-12%,-19%,-40px) rotate(-4deg)}.js .lc .lc-card--front{transform:translate3d(7%,12%,30px) rotate(2deg)}}.lc-slot.is-fading .lc-stamp{animation:lc-fade .6s var(--lc-ease) forwards}@keyframes lc-fade{0%{opacity:1}to{opacity:0;transform:rotate(var(--tilt)) scale(1.08)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/loyalty-card.css.map */