/* The approved particle film owns its own viewport inside the iframe. */
.signature{position:fixed;inset:0;z-index:2050;overflow:hidden;background:#000;color:#fff;visibility:hidden;opacity:0;pointer-events:none;isolation:isolate;transition:opacity 1050ms cubic-bezier(.22,.68,.25,1),visibility 0s linear 1050ms}
.signature.is-active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity 700ms cubic-bezier(.22,.68,.25,1)}
.signature.is-handoff{opacity:0;pointer-events:none;transition:opacity 1050ms cubic-bezier(.22,.68,.25,1)}
.signature.is-active ~ main .scene-copy,.signature.is-active ~ main .hint{opacity:0!important;visibility:hidden!important}
html.signature-copy-reveal .copy-welcome{animation:signature-copy-enter 720ms cubic-bezier(.19,.7,.26,1) both}
html.signature-copy-reveal .hint{animation:signature-copy-enter 720ms cubic-bezier(.19,.7,.26,1) 180ms both}
html.signature-copy-reveal #opening-back:not([hidden]){animation:signature-back-enter 720ms cubic-bezier(.19,.7,.26,1) both}
@keyframes signature-copy-enter{from{opacity:0}to{opacity:1}}
@keyframes signature-back-enter{from{opacity:0}to{opacity:1}}
.signature iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;display:block}
.signature__back{position:absolute;z-index:3;left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));width:44px;height:44px;border:0;background:transparent;color:#ffe600;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.signature__back[hidden]{display:none!important}
.signature__back:focus-visible{outline:2px solid #ffe600;outline-offset:5px;border-radius:8px}
.signature__copy{position:absolute;inset:0;z-index:2;pointer-events:none;font-family:Geist,Arial,sans-serif;text-align:center;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.signature__line{position:absolute;left:50%;width:min(calc(100% - 92px),800px);margin:0;transform:translateX(-50%) scale(.90);transform-origin:center center;opacity:0;color:#fff;font-size:clamp(25px,6.9vw,54px);font-weight:650;line-height:1.07;letter-spacing:-.052em;text-wrap:balance;transition:opacity 320ms ease,transform 320ms ease}
.signature__line--top{top:max(60px,calc(env(safe-area-inset-top) + 52px))}
.signature__line--bottom{bottom:max(60px,calc(env(safe-area-inset-bottom) + 52px))}
.signature.is-active.is-word-visible .signature__line{opacity:1;transform:translateX(-50%) scale(1);transition-duration:880ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.signature.is-active.is-word-visible .signature__line--bottom{transition-delay:240ms}
.signature.is-navigating .signature__line{opacity:0!important;transition-duration:180ms!important;transition-delay:0s!important}
.signature strong{font-weight:inherit;color:inherit;-webkit-text-fill-color:inherit}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .signature__line{background-image:linear-gradient(100deg,#fff 0%,#fffef6 12%,#fffbdc 25%,#fff5a0 38%,#ffed4a 50%,#fff5a0 62%,#fffbdc 75%,#fffef6 88%,#fff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media(min-width:900px){.signature__line--top{top:24px}.signature__line--bottom{bottom:24px}}
@media(min-width:900px){
  .signature[data-scene="dna"] .signature__line{width:min(31vw,450px);font-size:clamp(30px,2.7vw,44px);text-align:left}
  .signature[data-scene="dna"] .signature__line--top{left:auto;right:4vw;top:34px;transform:scale(.90)}
  .signature[data-scene="dna"] .signature__line--bottom{left:5vw;bottom:34px;transform:scale(.90)}
  .signature.is-active.is-word-visible[data-scene="dna"] .signature__line{transform:scale(1)}
}
@media(max-width:370px){.signature__line{font-size:clamp(23px,7vw,26px);width:calc(100% - 74px)}}
@media(max-width:899px){.signature[data-scene="iphone"] .signature__line,.signature[data-scene="dna"] .signature__line{width:calc(100% - 40px);white-space:nowrap;text-wrap:nowrap}}
@media(max-height:700px){.signature__line--top{top:max(52px,calc(env(safe-area-inset-top) + 52px))}.signature__line--bottom{bottom:max(52px,calc(env(safe-area-inset-bottom) + 52px))}}
@media(prefers-reduced-motion:reduce){.signature,.signature__line{transition:none!important}.signature__line{transform:translateX(-50%) scale(1)!important}}
@media(prefers-reduced-motion:reduce) and (min-width:900px){.signature[data-scene="dna"] .signature__line{transform:scale(1)!important}}
@media(forced-colors:active){.signature__line,.signature strong{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}