/* Typography and placement for the supplied cover wording. */
.hero .hero-copy{top:6%}
.hero .hero-en{font-size:11px;letter-spacing:.3em;margin-bottom:16px}
.hero h1{font-size:clamp(44px,16vw,72px);letter-spacing:.06em;line-height:1.25;white-space:nowrap}
.hero .hero-rule{margin:14px 0}
.hero .hero-sub{font-size:clamp(12px,3.5vw,17px);letter-spacing:.08em;line-height:1.8;white-space:nowrap}
.hero-tagline{font-size:10px;line-height:1.8;letter-spacing:.08em;margin:9px 0 0;color:inherit}
.hero .hero-date{bottom:12%;flex-direction:column;align-items:flex-start;gap:4px}
.hero .hero-date strong{font-size:clamp(24px,6.5vw,32px);letter-spacing:.04em}
.hero .hero-date span{font-size:9px;line-height:1.8;letter-spacing:0}
.hero .hero-scroll{left:8%;right:8%;bottom:2.6%;display:flex;align-items:center;flex-direction:column;gap:0;font-size:10px;line-height:1.5;letter-spacing:.12em}
.hero-chevron{font-size:24px;line-height:1.05}
@media(max-width:360px){.hero .hero-en{font-size:9px;margin-bottom:12px}.hero .hero-rule{margin:10px 0}.hero-tagline{font-size:9px}.hero .hero-date span{font-size:8px}.hero .hero-scroll{font-size:9px}}