@font-face{font-family:'Monsech Wide';src:url('monsech-wide.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;background:#0c0b0b;color:#f2e7d8;--mx:0px;--my:0px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:'Monsech Wide',Arial,sans-serif}
.stage{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;display:grid;place-items:center;padding:40px 22px;background:radial-gradient(ellipse at 50% 50%,#211916 0%,#0c0b0b 68%)}
.stage:before{content:'';position:absolute;inset:-25%;pointer-events:none;z-index:-4;background:radial-gradient(ellipse at 26% 65%,#d9793528,transparent 40%),radial-gradient(ellipse at 72% 32%,#b18c9c10,transparent 38%);animation:atmosphere 16s ease-in-out infinite alternate}
.dust{position:absolute;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none}
.halo{position:absolute;width:650px;aspect-ratio:1;left:50%;top:50%;background:radial-gradient(circle,#d38a4320,transparent 62%);transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my)));transition:transform 1.2s ease-out;pointer-events:none;z-index:-2}
.orbital{position:absolute;width:min(78vw,1000px);aspect-ratio:1;z-index:-1;pointer-events:none;transform:rotate(-25deg) scaleY(.8);animation:orbit 55s linear infinite}
.orbital svg{width:100%;height:100%;overflow:visible}.ring{stroke:#d7ab7e;stroke-width:.65}.base{opacity:.2}.inner{opacity:.085}.outer{opacity:.055}.arc{stroke:#f4c38c;stroke-width:1.8;stroke-dasharray:220 2608;stroke-linecap:round;opacity:.6;animation:trace 12s linear infinite;filter:drop-shadow(0 0 4px #c47b34)}
.name-wrap{position:relative;text-align:center;transform:translate(calc(var(--mx) * -.15),calc(var(--my) * -.15));transition:transform 1.2s ease-out}
h1{margin:0;font-size:clamp(3.8rem,11.2vw,10.8rem);line-height:1.01;font-weight:400;letter-spacing:-.045em;filter:drop-shadow(0 2px 22px #0005)}
.word{display:flex;justify-content:center;white-space:nowrap}.first{letter-spacing:.055em;padding-left:.055em}.last{margin-top:.035em}.word>span{display:inline-block;animation:reveal 1.05s cubic-bezier(.2,.75,.2,1) both;background:linear-gradient(115deg,#f2e7d8 28%,#f2e7d8 38%,#fffaf4 44%,#caa178 49%,#f2e7d8 57%,#f2e7d8 75%);background-size:270% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}
.first>span:nth-child(2){animation-delay:.06s}.first>span:nth-child(3){animation-delay:.12s}.first>span:nth-child(4){animation-delay:.18s}.first>span:nth-child(5){animation-delay:.24s}
.last>span:nth-child(1){animation-delay:.2s}.last>span:nth-child(2){animation-delay:.26s}.last>span:nth-child(3){animation-delay:.32s}.last>span:nth-child(4){animation-delay:.38s}.last>span:nth-child(5){animation-delay:.44s}.last>span:nth-child(6){animation-delay:.5s}.last>span:nth-child(7){animation-delay:.56s}
.ready .word>span{animation:shine 6s ease-in-out infinite}.ready .last>span{animation-delay:.28s}
.signature-line{display:block;position:relative;width:64px;height:1px;margin:40px auto 0;background:#b89b7538;overflow:hidden;animation:line-in 1.5s ease-out both}.signature-line:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#f5c694,transparent);transform:translateX(-100%);animation:line-light 4s ease-in-out infinite}
.corner{position:absolute;width:18px;height:18px;opacity:.26;pointer-events:none}.top{top:32px;left:32px;border-top:1px solid #c9a87d;border-left:1px solid #c9a87d}.bottom{bottom:32px;right:32px;border-bottom:1px solid #c9a87d;border-right:1px solid #c9a87d}
@keyframes reveal{from{opacity:0;filter:blur(10px);transform:translateY(35px) scale(.92)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}
@keyframes shine{0%{background-position:100% 50%}75%,100%{background-position:0% 50%}}
@keyframes trace{to{stroke-dashoffset:-2828}}
@keyframes orbit{to{transform:rotate(335deg) scaleY(.8)}}
@keyframes atmosphere{to{transform:translate(5%,-4%) scale(1.05)}}
@keyframes line-in{from{opacity:0;width:0}to{opacity:1;width:64px}}
@keyframes line-light{70%,100%{transform:translateX(100%)}}
@media(max-width:600px){h1{font-size:clamp(2.4rem,13.2vw,5rem)}.stage{padding:28px 16px}.orbital{width:138vw}.halo{width:120vw}.signature-line{margin-top:32px}.top{top:22px;left:22px}.bottom{bottom:22px;right:22px}}
@media(max-height:460px) and (min-width:601px){h1{font-size:min(11vw,24vh)}.signature-line{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.dust{display:none}.word>span{opacity:1;filter:none;transform:none;color:#f2e7d8;background:none}}