/* Local proposal approved for all four home-page first scenes only.
   The two visible lines are slices of one unchanged, generated A artwork.
   Existing .mask-line > span entrances and the 3.5-second intro are reused. */
.editorial-hero .hero-copy h1.hero-lettering-title{
 width:clamp(420px,55vw,690px);
 max-width:100%;
 font-size:0;
 line-height:0;
 letter-spacing:0;
 margin:0;
}
.hero-lettering-title>.hero-lettering-mask{
 display:block;
 width:100%;
 overflow:visible;
 line-height:0;
}
.hero-lettering-title .hero-lettering-motion{display:block;line-height:0}
.hero-lettering-title .hero-lettering-fragment{
 display:block;
 width:100%;
 height:auto;
 overflow:hidden;
 filter:brightness(0) invert(1);
 pointer-events:none;
}
.hero-lettering-title>.hero-lettering-text{
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip:rect(0,0,0,0);
 white-space:nowrap;
 border:0;
 font-size:1px;
 line-height:1;
}
@media(min-width:901px) and (max-height:720px){
 .editorial-hero .hero-copy h1.hero-lettering-title{width:min(600px,48vw)}
}
@media(min-width:901px) and (max-height:620px){
 .editorial-hero .hero-copy h1.hero-lettering-title{width:min(520px,45vw)}
}
@media(max-width:600px){
 .editorial-hero .hero-copy h1.hero-lettering-title{width:100%;max-width:420px}
 .hero-lettering-title .hero-lettering-fragment{width:100%;height:auto}
}