.tap-demo-cinematic{--tdc-bg: #0B0B0F;--tdc-accent: #C9A961;--tdc-fg: #F4EFE6;--tdc-accent-soft: rgba(201,169,97,.18);background:var(--tdc-bg);color:var(--tdc-fg);padding:clamp(80px,12vh,140px) 24px;font-family:Heebo,system-ui,sans-serif;position:relative;overflow:hidden}.tap-demo-cinematic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 20%,rgba(201,169,97,.06),transparent 50%),radial-gradient(ellipse at 20% 90%,rgba(92,26,27,.12),transparent 60%);pointer-events:none}.tap-demo-cinematic__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}@media(max-width:900px){.tap-demo-cinematic__inner{grid-template-columns:1fr;gap:60px}}.tap-demo-cinematic__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--tdc-accent);margin-bottom:28px}.tap-demo-cinematic__pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--tdc-accent);box-shadow:0 0 10px var(--tdc-accent);animation:tdcPulse 1.6s ease-in-out infinite}@keyframes tdcPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.tap-demo-cinematic__heading{font-family:Frank Ruhl Libre,Playfair Display,Georgia,serif;font-weight:400;font-size:clamp(32px,4.5vw,56px);line-height:1.1;margin:0 0 20px;letter-spacing:-.01em}.tap-demo-cinematic__sub{font-size:clamp(15px,1.4vw,17px);line-height:1.7;color:#f4efe6eb;margin:0 0 40px;font-weight:300}.tap-demo-cinematic__steps{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.tap-demo-cinematic__step{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:4px;border:1px solid rgba(244,239,230,.06);transition:all .5s cubic-bezier(.16,1,.3,1)}.tap-demo-cinematic__step.is-active{border-color:var(--tdc-accent);background:#c9a9610a;transform:translate(-6px)}.tap-demo-cinematic__step-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--tdc-accent);color:var(--tdc-accent);font-family:Frank Ruhl Libre,serif;font-size:14px;flex-shrink:0;transition:all .5s}.tap-demo-cinematic__step.is-active .tap-demo-cinematic__step-num{background:var(--tdc-accent);color:var(--tdc-bg)}.tap-demo-cinematic__step h4{font-family:Frank Ruhl Libre,serif;font-weight:400;font-size:16px;margin:0 0 4px}.tap-demo-cinematic__step p{font-size:14px;color:#f4efe6d9;margin:0;line-height:1.55}.tap-demo-cinematic__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:transparent;border:1px solid var(--tdc-accent);color:var(--tdc-accent);border-radius:999px;font-size:13px;letter-spacing:1.5px;text-decoration:none;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1)}.tap-demo-cinematic__cta:hover{background:var(--tdc-accent);color:var(--tdc-bg);transform:translateY(-2px);box-shadow:0 8px 24px var(--tdc-accent-soft)}.tap-demo-cinematic__stage{position:relative;display:flex;align-items:center;justify-content:center;gap:40px;min-height:540px}@media(max-width:600px){.tap-demo-cinematic__stage{gap:16px;min-height:460px}}.tap-demo-cinematic__pendant{position:relative;width:120px;height:140px;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:0;outline:none;transition:transform .6s cubic-bezier(.16,1,.3,1);flex-shrink:0}.tap-demo-cinematic__pendant:focus-visible{outline:2px solid var(--tdc-accent);outline-offset:8px;border-radius:8px}.tap-demo-cinematic__pendant svg,.tap-demo-cinematic__pendant-img{width:100%;filter:drop-shadow(0 16px 30px rgba(0,0,0,.5)) drop-shadow(0 0 24px var(--tdc-accent-soft));transition:transform .6s}.tap-demo-cinematic__pendant--photo{width:180px;height:auto}.tap-demo-cinematic__pendant-img{object-fit:contain;max-height:200px}.tap-demo-cinematic__pendant:hover svg{transform:scale(1.05)}.tap-demo-cinematic__pendant.is-tapping{animation:tdcPendantTap 1.1s cubic-bezier(.16,1,.3,1)}@keyframes tdcPendantTap{0%{transform:translate(0) rotate(0)}40%{transform:translate(120px) rotate(8deg)}60%{transform:translate(120px) rotate(8deg) scale(.95)}to{transform:translate(0) rotate(0)}}.tap-demo-cinematic__pendant-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#c9a961b3;margin-top:12px}.tap-demo-cinematic__pendant-wave{position:absolute;top:38%;left:50%;width:80px;height:80px;border:1px solid var(--tdc-accent);border-radius:50%;transform:translate(-50%,-50%) scale(.3);opacity:0;animation:tdcWave 2.4s ease-out infinite;animation-delay:var(--d, 0s);pointer-events:none}@keyframes tdcWave{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}20%{opacity:.5}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.tap-demo-cinematic__phone{position:relative;width:280px;height:540px;background:linear-gradient(160deg,#1a1a1f,#0a0a0c);border-radius:38px;padding:12px;box-shadow:0 0 0 2px #2a2a2f,0 0 0 4px #16161a,0 30px 80px #000000b3,0 0 60px #c9a96114;flex-shrink:0}@media(max-width:600px){.tap-demo-cinematic__phone{width:240px;height:460px;padding:10px;border-radius:32px}}.tap-demo-cinematic__phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:88px;height:22px;background:#000;border-radius:0 0 14px 14px;z-index:5}.tap-demo-cinematic__phone-screen{width:100%;height:100%;background:#000;border-radius:28px;position:relative;overflow:hidden}.tap-demo-cinematic__phone-glow{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50px;background:radial-gradient(circle,var(--tdc-accent-soft),transparent 60%);opacity:0;pointer-events:none;transition:opacity 1s;z-index:-1}.tap-demo-cinematic__phone[data-state=content]{box-shadow:0 0 0 2px #2a2a2f,0 0 0 4px #16161a,0 30px 80px #000000b3,0 0 80px #c9a96140}.tap-demo-cinematic__screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;transform:scale(1.05);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.tap-demo-cinematic__phone[data-state=lock] .tap-demo-cinematic__screen--lock,.tap-demo-cinematic__phone[data-state=notif] .tap-demo-cinematic__screen--notif,.tap-demo-cinematic__phone[data-state=content] .tap-demo-cinematic__screen--content{opacity:1;transform:scale(1)}.tap-demo-cinematic__screen--lock{background:linear-gradient(180deg,#0a0a0c,#1a1a1f);align-items:center;justify-content:center;color:var(--tdc-fg);text-align:center}.tap-demo-cinematic__lock-time{font-family:Heebo,sans-serif;font-weight:200;font-size:64px;letter-spacing:-2px;margin-top:-40px}.tap-demo-cinematic__lock-date{font-size:13px;color:#f4efe699;margin-top:8px}.tap-demo-cinematic__lock-icon{position:absolute;bottom:40px;width:16px;height:16px;color:#f4efe680}.tap-demo-cinematic__screen--notif{background:linear-gradient(180deg,#0a0a0c,#1a1a1f);padding-top:60px;padding-inline:12px}.tap-demo-cinematic__notif{display:flex;gap:10px;padding:14px;background:#28282dd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;border:1px solid rgba(244,239,230,.08);animation:tdcSlideIn .5s cubic-bezier(.16,1,.3,1)}@keyframes tdcSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tap-demo-cinematic__notif-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--tdc-accent);color:var(--tdc-bg);border-radius:8px;flex-shrink:0}.tap-demo-cinematic__notif-icon svg{width:18px;height:18px}.tap-demo-cinematic__notif-text{display:flex;flex-direction:column;gap:2px}.tap-demo-cinematic__notif-text strong{font-size:12px;color:var(--tdc-accent);letter-spacing:.5px}.tap-demo-cinematic__notif-text span{font-size:13px;color:var(--tdc-fg);line-height:1.4}.tap-demo-cinematic__screen--content{background:linear-gradient(180deg,#0a0a0c,#1a1015);padding:28px 18px 20px;align-items:center;text-align:center;overflow:hidden}.tap-demo-cinematic__content-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--tdc-accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}.tap-demo-cinematic__content-pulse{width:6px;height:6px;border-radius:50%;background:var(--tdc-accent);animation:tdcPulse 1.2s ease-in-out infinite}.tap-demo-cinematic__gallery{position:relative;width:100%;aspect-ratio:1.3;margin-bottom:18px;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #00000080}.tap-demo-cinematic__photo{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:tdcGalleryFade 12s linear infinite}.tap-demo-cinematic__photo--1{background:linear-gradient(135deg,#5c1a1b,#2a1015 60%,#c9a961);animation-delay:0s}.tap-demo-cinematic__photo--2{background:linear-gradient(135deg,#2a4a4d,#1a2a2d 60%,#c9a961);animation-delay:4s}.tap-demo-cinematic__photo--3{background:linear-gradient(135deg,#4d2a4a,#2d1a2a 60%,#c9a961);animation-delay:8s}@keyframes tdcGalleryFade{0%,33%,to{opacity:0;transform:scale(1.05)}3%,30%{opacity:1;transform:scale(1)}}.tap-demo-cinematic__msg{font-family:Frank Ruhl Libre,serif;font-weight:400;font-size:16px;line-height:1.6;color:var(--tdc-fg);margin:0 0 12px;min-height:60px}.tap-demo-cinematic__msg.is-typing:after{content:"|";color:var(--tdc-accent);animation:tdcCaret .8s ease-in-out infinite}@keyframes tdcCaret{0%,to{opacity:0}50%{opacity:1}}.tap-demo-cinematic__hearts{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.tap-demo-cinematic__hearts span{position:absolute;bottom:0;width:12px;height:12px;opacity:0}.tap-demo-cinematic__hearts span:before{content:"\2764";color:var(--tdc-accent);font-size:14px}.tap-demo-cinematic__phone[data-state=content] .tap-demo-cinematic__hearts span{animation:tdcHeartFloat 4s ease-out infinite}.tap-demo-cinematic__hearts span:nth-child(1){left:15%;animation-delay:.5s}.tap-demo-cinematic__hearts span:nth-child(2){left:30%;animation-delay:1.5s}.tap-demo-cinematic__hearts span:nth-child(3){left:50%;animation-delay:.8s}.tap-demo-cinematic__hearts span:nth-child(4){left:70%;animation-delay:2.2s}.tap-demo-cinematic__hearts span:nth-child(5){left:85%;animation-delay:1.2s}@keyframes tdcHeartFloat{0%{opacity:0;transform:translateY(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translateY(-200px) scale(1)}}.tap-demo-cinematic__replay{position:absolute;bottom:-56px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid rgba(244,239,230,.2);color:#f4efe699;border-radius:999px;font-size:11px;letter-spacing:1px;cursor:pointer;font-family:inherit;transition:all .3s}.tap-demo-cinematic__replay:hover{border-color:var(--tdc-accent);color:var(--tdc-accent)}@media(prefers-reduced-motion:reduce){.tap-demo-cinematic *,.tap-demo-cinematic *:before,.tap-demo-cinematic *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-tap-demo-cinematic.css.map */