.signature{position:relative;background-color:#fff;background-image:url(bg-paper.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-attachment:fixed;padding:clamp(64px,9vw,120px) 0 clamp(40px,6vw,72px);isolation:isolate}.signature__stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.signature__media{width:100%;max-width:var(--ti-max-width);margin:0 auto;padding:0 clamp(20px,5vw,56px);display:flex;justify-content:center}.signature__video-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:0;border:clamp(16px,1.8vw,24px) solid #FFFFFF;overflow:hidden;background:var(--ti-ink);box-shadow:0 40px 90px -28px #000000bf;isolation:isolate}.signature__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:var(--ti-ink)}.signature__fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(closest-side at 30% 40%,rgba(255,186,31,.18),transparent 70%),radial-gradient(closest-side at 70% 70%,rgba(0,189,255,.2),transparent 65%),linear-gradient(180deg,#0e5a99,#0d1b2a);z-index:0}.signature__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff2e;z-index:2;overflow:hidden}.signature__progress-fill{height:100%;width:0%;background:var(--ti-sun);transition:width 80ms linear}.signature__sound{position:absolute;right:clamp(16px,2.4vw,28px);bottom:clamp(16px,2.4vw,28px);z-index:3;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 12px;background:#0d1b2a9e;color:#fff;border-radius:var(--ti-radius-pill);font-family:var(--ti-font-body);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:background-color .22s var(--ti-ease),transform .22s var(--ti-ease)}.signature__sound:hover{background:#0d1b2ac7;transform:translateY(-1px)}.signature__sound-icon{width:14px;height:14px;flex-shrink:0}.signature__sound-icon-on{display:none}.signature.is-unmuted .signature__sound-icon-on{display:inline}.signature.is-unmuted .signature__sound-icon-off{display:none}@media(min-width:768px)and (prefers-reduced-motion:no-preference){.signature.is-animated{--sig-pad-top: clamp(96px, 11vw, 160px);height:calc(400vh + var(--sig-pad-top));padding-top:var(--sig-pad-top);padding-bottom:0}.signature.is-animated .signature__stage{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.signature.is-animated .signature__media{width:100vw;max-width:none;padding:0;margin:0;display:flex;justify-content:center}.signature.is-animated .signature__video-frame{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;border-radius:0;border-width:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.signature *,.signature *:before,.signature *:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/signature.css.map */