/* Light on the original mark. The photograph and vector logo stay intact. */
.stage{--signature-pan-x:0px;--signature-pan-y:0px;--signature-float:0px;--signature-light-x:48%;--signature-light-y:32%;--signature-glint:95%;--signature-visibility:1}
.hero-world .hero-painting{transform:translate3d(var(--signature-pan-x),var(--signature-pan-y),0) scale(1.035);transform-origin:50% 38%;will-change:transform}
.hero-world:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 48% 62% at var(--signature-light-x) var(--signature-light-y),#fffaf1b0 0%,#f9e5bd35 37%,transparent 76%);opacity:calc(var(--signature-visibility) * .6);mix-blend-mode:soft-light}
.hero-world:after{z-index:2}
.fallback img{transform:translate3d(0,var(--signature-float),0);will-change:transform}
.fallback:after{content:'';position:absolute;inset:0;pointer-events:none;mask:url('assets/brand-original.svg') center/contain no-repeat;background:linear-gradient(112deg,transparent 32%,#ecd2a000 43%,#fff1bdad 49%,#fff9e6ee 51%,#f8e2a985 54%,transparent 63%);background-size:265% 100%;background-position:var(--signature-glint) 50%;opacity:calc(var(--signature-visibility) * .32);transform:translate3d(0,var(--signature-float),0)}
.signature-entering .fallback{animation:signature-arrive 1.8s cubic-bezier(.22,1,.36,1) both}
.signature-entering .copy>*{animation:signature-word-arrive 1.1s cubic-bezier(.22,1,.36,1) both}
.signature-entering .copy>.eyebrow{animation-delay:.12s}.signature-entering .copy>h1{animation-delay:.26s}.signature-entering .copy>.author-line{animation-delay:.4s}.signature-entering .copy>.primary{animation-delay:.56s}
.stage .scroll-cue i{animation:signature-scroll-invite 3.8s ease-in-out infinite}
.signature-still .hero-painting,.signature-still .fallback img{will-change:auto}
.signature-still .scroll-cue i{animation-play-state:paused}
.details-paused .signature-entering .fallback,.details-paused .signature-entering .copy>*{animation:none}
.details-paused .scroll-cue i{animation-play-state:paused}
@keyframes signature-arrive{from{opacity:0;filter:blur(2px);transform:translateY(12px)}to{opacity:1;filter:none;transform:none}}
@keyframes signature-word-arrive{from{opacity:0;transform:translateY(9px);filter:blur(1px)}to{opacity:1;transform:none;filter:none}}
@keyframes signature-scroll-invite{0%,40%,100%{translate:0 0;opacity:.65}62%{translate:0 4px;opacity:1}}
@media(max-width:850px){.fallback:after{inset:0 6%}.hero-world:before{background:radial-gradient(ellipse 75% 58% at var(--signature-light-x) var(--signature-light-y),#fff8eac0,#f9e5bd25 45%,transparent 78%)}}
@media(prefers-reduced-motion:reduce){.hero-world .hero-painting{transform:none;will-change:auto}.fallback img{transform:none;will-change:auto}.fallback:after,.hero-world:before{display:none}.signature-entering .fallback,.signature-entering .copy>*{animation:none}.stage .scroll-cue i{animation:none}}