/* Original artwork with a transparent monogram for every site palette. */
.brand-logo{display:inline-block;position:relative;overflow:hidden;width:290px;aspect-ratio:589/422;background:#fff;flex-shrink:0;vertical-align:middle}
.brand-logo::before{content:'';position:absolute;left:0;top:-71.564%;width:100%;height:303.318%;background:url('assets/nail-code-logo-source.jpg') 0 0/100% 100% no-repeat}
.brand-monogram{display:inline-block;position:relative;overflow:hidden;width:64px;aspect-ratio:380/280;background:transparent;flex-shrink:0;vertical-align:middle}
.brand-monogram::before{content:'';position:absolute;inset:0;width:100%;height:100%;background:url('assets/nail-code-monogram-transparent.png') center/contain no-repeat}
.nc-socials a.social-button{text-decoration:none}.social-button .social-handle{font-size:9px;letter-spacing:0;color:inherit;opacity:.8}
.minimal-page header .logo,.atelier .at-header .at-wordmark{position:relative;padding-left:67px;min-height:48px;display:flex;flex-direction:column;justify-content:center}
.minimal-page header .logo .brand-monogram,.atelier .at-header .at-wordmark .brand-monogram{position:absolute;left:0;top:50%;transform:translateY(-50%);width:56px;margin:0}
.minimal-page header .logo .brand-monogram:before,.atelier .at-header .at-wordmark .brand-monogram:before{content:'';font-size:initial;margin:0}
.minimal-page header .logo span:not(.brand-monogram){letter-spacing:2px;font-size:8px}.atelier .at-wordmark span:not(.brand-monogram){letter-spacing:2px;font-size:8px}
.nocturne .no-logo{padding-left:60px}.nocturne .no-logo .brand-monogram{position:absolute;left:0;top:0;width:49px;display:inline-block}
@media(max-width:500px){.minimal-page header .logo,.atelier .at-header .at-wordmark{padding-left:49px;font-size:20px}.minimal-page header .logo .brand-monogram,.atelier .at-header .at-wordmark .brand-monogram{width:42px}.minimal-page header{gap:10px}.minimal-page nav{gap:12px}.minimal-page nav a{font-size:9px}.atelier .at-header nav{gap:10px}.nocturne .no-header{gap:10px}.nocturne .no-logo{padding-left:50px}.nocturne .no-logo .brand-monogram{width:42px}}
