/* Brand-owned mastheads. The Emerald masks use the intact original logo alpha. */
[data-brand-page]{--em-primary:#ff1a1a;--em-secondary:#fff;--masthead-bg:#090909;--masthead-ink:#fff;--masthead-line:#ffffff29;--client-width:224px;--client-height:76px;min-width:0}
[data-brand-page=skybox]{--em-primary:#fff;--em-secondary:#69dfd3;--masthead-bg:#071426;--client-width:218px}
[data-brand-page=casa-jardin]{--em-primary:#6b4636;--em-secondary:#ad5264;--masthead-bg:#fffdf9;--masthead-ink:#6b4636;--masthead-line:#6b46362c;--client-width:96px;--client-height:84px}
[data-brand-page=penny-z]{--em-primary:#f08cac;--em-secondary:#fffdf9;--masthead-bg:#164c3b;--client-width:210px;--client-height:80px}
[data-brand-page=h-wellness]{--em-primary:#d4b671;--em-secondary:#f4eddf;--masthead-bg:#12110f;--masthead-ink:#f4eddf;--client-width:180px;--client-height:96px}
[data-brand-page=sunday-blitz]{--em-primary:#ef2535;--em-secondary:#fff;--masthead-bg:#090a0d;--client-width:96px;--client-height:96px}
.brand-masthead{background:var(--masthead-bg);color:var(--masthead-ink);padding:0 clamp(19px,4vw,60px);margin:0;max-width:none;border-bottom:1px solid var(--masthead-line)}
.brand-masthead-row{width:min(1360px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,240px) minmax(0,1fr);align-items:center;column-gap:24px;min-height:116px}
.brand-masthead a{color:inherit;text-decoration:none}
.emerald-signature{display:block;position:relative;width:190px;max-width:100%;aspect-ratio:1000/221;justify-self:start}
.emerald-signature img{display:block;width:100%;height:auto;opacity:0}
.emerald-signature-symbol,.emerald-signature-wordmark{position:absolute;inset:0;display:block;-webkit-mask:url('/assets/logo.png') center/100% 100% no-repeat;mask:url('/assets/logo.png') center/100% 100% no-repeat}
.emerald-signature-symbol{background:var(--em-primary);clip-path:inset(0 81.5% 0 0)}
.emerald-signature-wordmark{background:var(--em-secondary);clip-path:inset(0 0 0 18.5%)}
.client-signature{display:flex;justify-content:center;align-items:center;justify-self:center;width:100%;min-height:96px}
.client-signature img{display:block;width:var(--client-width);max-width:100%;height:var(--client-height);object-fit:contain;filter:none}
[data-brand-page=h-wellness] .client-signature img{filter:brightness(1.8)}
.brand-return{justify-self:end;display:inline-flex;align-items:center;gap:18px;min-height:44px;font:500 11px/1.3 'Manrope',Arial,sans-serif;letter-spacing:.015em;white-space:nowrap}
.brand-return span{font-size:19px;font-weight:400}
.brand-return:hover{color:var(--em-primary)}
.brand-masthead .brand-masthead-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 34px;width:min(1360px,100%);margin:0 auto;padding:0;border-top:1px solid var(--masthead-line);border-bottom:0;min-height:47px;font:500 10px/1.4 'Manrope',Arial,sans-serif;letter-spacing:.04em}
.brand-masthead-nav a,.brand-masthead-nav button{display:inline-flex;align-items:center;min-height:46px;padding:8px 0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--masthead-ink);font:inherit;text-transform:none;white-space:nowrap}
.brand-masthead-nav a:hover{color:var(--em-primary)}
.brand-masthead-nav.penny-tabs button{border-bottom:2px solid transparent}
.brand-masthead-nav.penny-tabs button[aria-selected=true]{color:#fffdf9;border-bottom-color:#f08cac}
.brand-masthead :focus-visible{outline:2px solid var(--em-primary);outline-offset:5px}
@media(max-width:760px){
  .brand-masthead{padding-inline:19px}
  .brand-masthead-row{grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);column-gap:10px;min-height:92px}
  .emerald-signature{width:108px}
  .client-signature{min-height:82px}
  .client-signature img{max-width:132px;height:54px}
  [data-brand-page=casa-jardin] .client-signature img{width:74px;height:74px}
  [data-brand-page=sunday-blitz] .client-signature img{width:76px;height:76px}
  [data-brand-page=h-wellness] .client-signature img{width:126px;height:72px}
  [data-brand-page=penny-z] .client-signature img{width:132px;height:64px}
  .brand-return{font-size:9px;gap:8px}
  .brand-return span{font-size:15px}
  .brand-masthead .brand-masthead-nav{gap:0 25px;font-size:9px;letter-spacing:.015em;min-height:43px}
  .brand-masthead-nav a,.brand-masthead-nav button{min-height:43px}
}
@media(max-width:370px){
  .brand-masthead{padding-inline:15px}
  .brand-masthead-row{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);column-gap:8px}
  .client-signature img{max-width:112px}
  .brand-return{font-size:8px;gap:4px}
  .brand-masthead .brand-masthead-nav{gap:0 18px}
}
