.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 0 80px;overflow:hidden}
.hero-glow{position:absolute;top:-12%;right:-6%;width:58vw;height:58vw;background:radial-gradient(circle,rgba(255,90,60,.35),transparent 62%);filter:blur(20px);animation:floaty 9s ease-in-out infinite;z-index:0}
.hero::after{content:'';position:absolute;bottom:-22%;left:-12%;width:44vw;height:44vw;background:radial-gradient(circle,rgba(255,90,60,.13),transparent 64%);filter:blur(34px);z-index:0;animation:floaty 12s ease-in-out infinite reverse}
.hero .wrap{position:relative;z-index:1}
.hero-title{font-size:clamp(3rem,9vw,7.5rem);margin:18px 0 24px;line-height:1.08}
.hero-title span{display:block;padding-bottom:.08em}
.hero-title .serif-i{display:inline}
.hero-sub{font-size:clamp(1.05rem,2vw,1.35rem);max-width:560px;color:var(--muted)}
.hero-cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.hero-meta{display:flex;gap:46px;margin-top:60px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px;max-width:580px}
.hero-meta-item{display:flex;flex-direction:column}
.hero-meta-item span{font-family:'Fraunces',serif;font-size:1.9rem;line-height:1}
.hero-meta-item small{font-size:.78rem;color:var(--muted);margin-top:5px;letter-spacing:.01em}
.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}