/* The author-selected PNG is the logo; its alpha silhouette inherits page ink. */
.masthead>.signature-png,
header>.brand.signature-png{
 display:block;
 flex:0 0 auto;
 width:174px;
 padding:0;
 margin:0;
 line-height:0;
 text-decoration:none;
}
.signature-png .logo-artwork{
 display:block;
 width:100%;
 margin:0;
 padding:0;
 background:currentColor;
 -webkit-mask:url("editorial-media/nailee-logo.png") center / contain no-repeat;
 mask:url("editorial-media/nailee-logo.png") center / contain no-repeat;
}
.signature-png .logo-artwork img{
 display:block;
 width:100%;
 height:auto;
 max-width:none;
 opacity:0;
 pointer-events:none;
}
.signature-png:focus-visible{outline:2px solid currentColor;outline-offset:7px}

/* Small, quiet work title; the photograph carries the opening. */
.hero-immersive .hero-copy h1.project-title-small,
.project-intro h1.project-title-small{
 font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size:26px;
 font-weight:300;
 font-style:normal;
 font-kerning:normal;
 letter-spacing:.045em;
 line-height:1.3;
 text-transform:none;
 max-width:100%;
 margin:16px 0 14px;
}
.project-intro h1.project-title-small{margin-top:28px}
.hero-immersive .hero-copy .hero-title-zh{font-size:10px;margin-top:8px;letter-spacing:.18em}
@media(max-width:760px){
 .masthead>.signature-png,header>.brand.signature-png{width:138px}
 .hero-immersive .hero-copy h1.project-title-small,
 .project-intro h1.project-title-small{font-size:21px;letter-spacing:.035em;line-height:1.3;margin:14px 0 12px;max-width:100%}
}
@media(max-width:360px){.masthead>.signature-png,header>.brand.signature-png{width:122px}}