/* Real cloud photography, layered below the existing window frame and shutter. */
.hero-extra-clouds{position:absolute;inset:-12%;overflow:hidden;pointer-events:none;opacity:var(--window-opacity);mix-blend-mode:screen}
.hero-extra-clouds::before,.hero-extra-clouds::after{content:"";position:absolute;inset:-15%;background:url('./assets/go-clouds-8k.webp') center/cover no-repeat;will-change:transform}
.hero-extra-clouds::before{opacity:.54;animation:window-cloud-near 19s ease-in-out infinite alternate}
.hero-extra-clouds::after{opacity:.3;background-position:65% 75%;animation:window-cloud-far 31s ease-in-out infinite alternate}
@keyframes window-cloud-near{from{transform:translate3d(-9%,5%,0) scale(1.12)}to{transform:translate3d(9%,-3%,0) scale(1.2)}}
@keyframes window-cloud-far{from{transform:translate3d(8%,-4%,0) scale(1.25)}to{transform:translate3d(-8%,4%,0) scale(1.1)}}
.creator-signature-section{isolation:isolate;min-height:300px;padding-top:65px;padding-bottom:65px;gap:26px;background:radial-gradient(ellipse at 50% 42%,#292014 0%,#100e0a 36%,#050505 72%);border-top-color:#c9a76a55}
.creator-signature-section::before{z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 48%,#f5c87824,transparent 64%);animation:signature-halo 6s ease-in-out infinite alternate}
.creator-signature-section::after{content:"";position:absolute;top:0;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#fbe2a8,transparent);box-shadow:0 0 18px #f0c77288;pointer-events:none}
.creator-signature{top:0;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;animation:none;filter:none;text-shadow:none}
.signature-caption{font:500 clamp(10px,2.4vw,12px)/1.5 ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.27em;color:#d4bd91}
.signature-name{display:block;white-space:nowrap;font-family:"Snell Roundhand","Segoe Script","Brush Script MT","Apple Chancery",cursive;font-size:clamp(40px,6.6vw,84px);font-weight:400;line-height:1.35;letter-spacing:-.025em;filter:drop-shadow(0 0 8px #ebc87a66) drop-shadow(0 0 24px #c28c3c44)}
.creator-signature .signature-name .sig-char{color:#f5dfa5;background:linear-gradient(110deg,#a77a37 0%,#edce85 30%,#fff9e8 46%,#fff 50%,#edce85 57%,#a77a37 77%,#f8e8bd 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:signature-metal 6s linear infinite;animation-delay:calc(var(--i) * -90ms);animation-play-state:paused}
.creator-signature.is-writing .signature-name .sig-char{animation-play-state:running;transition-delay:calc(var(--i) * 95ms)}
.creator-signature-link{top:0;font-size:12px;letter-spacing:.2em;color:#c9b183}
@keyframes signature-metal{from{background-position:180% 50%}to{background-position:-80% 50%}}
@keyframes signature-halo{from{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.12)}}
@media(max-width:767px){.creator-signature-section{min-height:245px;padding:48px 18px max(48px,env(safe-area-inset-bottom));gap:20px}.signature-name{font-size:clamp(36px,10.5vw,64px)}.signature-caption{letter-spacing:.2em}.creator-signature,.creator-signature-link{top:0}}
@media(prefers-reduced-motion:reduce){.hero-extra-clouds::before,.hero-extra-clouds::after,.creator-signature-section::before,.creator-signature .signature-name .sig-char{animation:none!important}.creator-signature .sig-char{opacity:1;transform:none;filter:none}}