.nexo-intro{position:fixed;inset:0;z-index:100000;background:#080808;color:#ff7629;display:flex;align-items:center;justify-content:center;overflow:hidden;overscroll-behavior:contain;touch-action:none;opacity:1;transition:opacity .5s ease,visibility .5s;isolation:isolate}
.nexo-intro::before{content:'';position:absolute;width:min(90vw,1100px);height:40%;border-radius:50%;background:radial-gradient(ellipse,#ed590b14,transparent 68%);pointer-events:none}
.intro-brand{text-align:center;width:100%;padding:24px;animation:intro-arrive 1s cubic-bezier(.16,1,.3,1) both}
.intro-word{display:inline-block;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(76px,20vw,270px);line-height:1.2;letter-spacing:-.065em;padding-right:.065em;color:#ff7629;background:linear-gradient(115deg,#7f290c 0%,#ff681f 18%,#ffd1a1 32%,#fff2db 38%,#fb772c 45%,#923108 57%,#ff6b22 72%,#ffd7ae 84%,#ff681f 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:intro-flow 3.2s ease-in-out both;filter:drop-shadow(0 0 24px #ff681f1c)}
.intro-caption{margin:22px 0 0;color:#cba994;font-size:clamp(14px,1.5vw,19px);letter-spacing:.12em;line-height:1.5;animation:intro-caption-in .7s .3s both}

.nexo-intro.intro-leaving{opacity:0;visibility:hidden}
@keyframes intro-arrive{from{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes intro-flow{from{background-position:100% 50%}to{background-position:0% 50%}}
@keyframes intro-caption-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@supports not ((background-clip:text) or (-webkit-background-clip:text)){.intro-word{background:none;-webkit-text-fill-color:#ff7629}}
@media(max-width:600px){.intro-brand{padding:18px}.intro-word{font-size:22vw}.intro-caption{letter-spacing:.06em;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.nexo-intro{display:none}}

.nexo-intro:focus{outline:none}