@font-face{font-family:'Cinzel Chronicle';src:url('./fonts/CinzelDecorative-Bold.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.valley-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-3}
.hero.valley-ready>.hero-art{visibility:hidden}
.hero.valley-ready:after{animation:none;opacity:0}
.hero #world-name{font-family:'Cinzel Chronicle',Georgia,serif;font-weight:400;font-size:clamp(3.4rem,6.1vw,5.65rem);line-height:1.08;letter-spacing:-.035em;color:#e9d6a7;text-shadow:0 2px 3px #1b160bd9,0 4px 22px #080c09b3;margin:0 auto;max-width:650px}
.hero #world-name em{font:inherit;display:block}
@supports(background-clip:text){.hero #world-name{background:linear-gradient(175deg,#f1e9cf 8%,#dac090 46%,#b48e50 67%,#ecd4a2 92%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 2px #171708) drop-shadow(0 4px 14px #080c0980)}}
.hero .hero-intro{margin-top:27px}
@media(max-width:720px){.hero #world-name{font-size:clamp(2.5rem,11.9vw,4.5rem);line-height:1.12;letter-spacing:-.04em}.hero .hero-intro{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none}}