.hero{min-height:100vh;display:grid;align-items:end;padding-bottom:80px;padding-top:140px;position:relative;overflow:hidden}
.hero-top{
  position:absolute;top:120px;left:56px;right:56px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;
}
.hero-meta{display:flex;flex-direction:column;gap:8px;max-width:280px}
.hero-meta .v{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:15px;color:var(--bone);line-height:1.5}
.hero-edition{writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Manrope",sans-serif;font-size:10px;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);align-self:flex-start}
@media (max-width: 820px){ .hero-top{ position:static; padding:0 22px; flex-direction:column; gap:14px; margin-bottom:30px } .hero-edition{ writing-mode:horizontal-tb; transform:none } .hero{ padding-top:90px } }

.hero-title{
  font-family:"Cormorant Garamond",serif;font-weight:300;
  font-size:clamp(64px, 16.5vw, 280px);
  line-height:.86;
  letter-spacing:-.025em;
  color:var(--paper);
  position:relative;
}
.hero-title .line{display:block;position:relative}
.hero-title .it{font-style:italic;color:var(--gold-bright)}
.hero-title .amp{font-style:italic;color:var(--gold);font-size:.7em;display:inline-block;transform:translateY(.06em)}
.hero-title .underline{position:relative;display:inline-block}
.hero-title .underline::after{
  content:"";position:absolute;left:0;right:0;bottom:-.04em;height:1px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;animation:underline 1.6s 1.2s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes underline{to{transform:scaleX(1)}}

.hero-sub{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;
  margin-top:46px;border-top:1px solid var(--rule);padding-top:24px;
}
.hero-sub p{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:clamp(17px, 1.4vw, 21px);color:var(--bone);max-width:520px;line-height:1.45}
.hero-stats{display:flex;gap:46px;align-items:flex-start}
.hero-stat{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.hero-stat .n{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:300;font-size:42px;color:var(--paper);line-height:1}
.hero-stat .l{font-family:"Manrope",sans-serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}

/* Scroll indicator */
.scroll-ind{position:absolute;bottom:30px;right:56px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--gold);font-family:"Manrope",sans-serif;font-size:9px;letter-spacing:.4em;text-transform:uppercase}
.scroll-ind .l{width:1px;height:60px;background:linear-gradient(to bottom, var(--gold) 0%, transparent 100%);position:relative;overflow:hidden}
.scroll-ind .l::before{content:"";position:absolute;top:-30%;left:0;width:1px;height:30%;background:var(--paper);animation:scrollline 2.2s infinite}
@keyframes scrollline{0%{top:-30%}100%{top:120%}}
@media (max-width: 820px){ .scroll-ind{ display:none } }