/* header image band */
.intro-image{
    width:100vw; height:70vh; background-size:cover;
    background-position:center; background-repeat:no-repeat;
}

/* stacked headline + lede */
.intro{
    background:#111; color:#fff; min-height:80vh;
    display:grid; place-items:center; padding:10vh 0; text-align:center;
}
.intro__inner{ max-width:1100px; padding:0 6vw }

.intro__stack{
    margin:0 0 12px 0; line-height:1.0; font-weight:800;
    text-transform:uppercase; letter-spacing:.02em;
    font-size:clamp(48px,10vw,128px);
}
.intro__stack span{
    display:block; opacity:0; animation:slideIn .12s linear;
    transform:translate3d(-110%,0,0);
}
.intro__serif{
    margin:.4em 0 .8em; font-family:"Playfair Display", Georgia, serif;
    font-weight:700; font-size:clamp(36px,7vw,90px); letter-spacing:.04em;
    color:#eaeaea; opacity:0; animation:slideIn .12s linear;
    transform:translate3d(0,-110%,0);
}
.intro__lede{
    max-width:70ch; margin:0 auto; color:#d7d7d7; line-height:1.8;
    font-size:clamp(14px,1.9vw,18px); opacity:0; animation:slideIn .12s linear;
    transform:translate3d(0,20px,0);
    text-align: justify;
}

/* force intro visible immediately */
.intro .animate{ animation:none !important; opacity:1 !important; transform:none !important }