/* The first screen introduces the mill's history through a readable promise. */
.hero-identity.hero-copy{width:min(1060px,90%);max-width:none;top:49%}
.hero-copy .hero-brand-line{font:400 14px/1.8 var(--serif);letter-spacing:.09em;color:#fff;margin:0}
.hero .hero-headline{display:block;font:400 clamp(42px,4.6vw,66px)/1.5 var(--serif);letter-spacing:-.045em;margin:22px 0 27px}
.hero-headline .hero-line{display:block;white-space:nowrap;opacity:0;transform:translateY(12px);transition:opacity 1200ms ease,transform 1400ms ease;transition-delay:350ms}
.hero-headline .hero-line+.hero-line{transition-delay:650ms}
.intro-ready .hero-headline .hero-line{opacity:1;transform:none}
.hero-copy .hero-description{font:400 15px/2 var(--serif);letter-spacing:0;margin:0;color:#fff}
.skip-intro .hero-headline .hero-line{transition:none}
@media(max-width:760px){
 .hero-identity.hero-copy{width:calc(100% - 44px);top:47%}
 .hero-copy .hero-brand-line{font-size:12px;letter-spacing:.05em}
 .hero .hero-headline{font-size:clamp(29px,8.6vw,40px);line-height:1.6;letter-spacing:-.05em;margin:19px 0 23px}
 .hero-copy .hero-description{font-size:12px;line-height:2}
}
@media(prefers-reduced-motion:reduce){.hero-headline .hero-line{transition:none;transform:none}}
