/* A generous original mark, balanced with the live wordmark and navigation. */
.orange-page .og-header,.minimal-page header,.atelier .at-header,.nocturne .no-header,.cosmo .cx-header{padding-top:24px;padding-bottom:24px;gap:28px}
.orange-page .og-header .og-brand,.nocturne .no-header .no-wordmark,.cosmo .cx-header .cx-brand{gap:18px;flex-shrink:0}
.orange-page .og-header .brand-monogram,.minimal-page header .logo .brand-monogram,.atelier .at-header .at-wordmark .brand-monogram,.nocturne .no-header .brand-monogram,.cosmo .cx-header .brand-monogram{width:100px;margin:0}
.orange-page .og-header .og-brand-name{font-size:34px;letter-spacing:2px;white-space:nowrap}
.orange-page .og-header .og-brand-name small{font-size:11px;line-height:1.4;letter-spacing:2px;margin-top:11px}
.minimal-page header .logo,.atelier .at-header .at-wordmark{padding-left:118px;min-height:74px;line-height:1.05}
.minimal-page header .logo{font-size:30px;letter-spacing:-1px}
.atelier .at-header .at-wordmark{font-size:34px;letter-spacing:2px}
.minimal-page header .logo span:not(.brand-monogram),.atelier .at-header .at-wordmark span:not(.brand-monogram){font-size:11px;line-height:1.4;letter-spacing:2px;margin-top:11px}
.nocturne .no-header .no-wordmark{font-size:34px;letter-spacing:2px;white-space:nowrap}
.nocturne .no-header .no-wordmark small{font-size:11px;line-height:1.4;margin-top:11px}
.cosmo .cx-header .cx-brand b,.cosmo .cx-header .cx-brand i{font-size:32px}
.cosmo .cx-header .cx-brand small{font-size:11px;line-height:1.4;letter-spacing:2px;margin-top:11px}
.orange-page .og-footer .brand-monogram,.cosmo .cx-footer .brand-monogram{width:60px}

@media(max-width:1100px) and (min-width:761px){
 .minimal-page header nav a{display:inline}
 .orange-page .og-header,.minimal-page header,.atelier .at-header,.nocturne .no-header,.cosmo .cx-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px 24px}
 .orange-page .og-header nav,.minimal-page header nav,.atelier .at-header nav,.nocturne .no-header nav,.cosmo .cx-header nav{grid-column:1/-1;grid-row:2;justify-content:center;width:100%;padding-top:18px;border-top:1px solid #a88b5e44;gap:36px;font-size:13px;margin:0}
 .orange-page .og-header>.og-button,.minimal-page header>.book,.atelier .at-header>.at-button,.nocturne .no-header>.no-button,.cosmo .cx-header>.cx-button{grid-column:2;grid-row:1;display:inline-flex}
}

@media(max-width:760px){
 .orange-page .og-header,.minimal-page header,.atelier .at-header,.nocturne .no-header,.cosmo .cx-header{padding-top:22px;padding-bottom:0;gap:0}
 .orange-page .og-header .og-brand,.nocturne .no-header .no-wordmark,.cosmo .cx-header .cx-brand{gap:14px}
 .orange-page .og-header .brand-monogram,.minimal-page header .logo .brand-monogram,.atelier .at-header .at-wordmark .brand-monogram,.nocturne .no-header .brand-monogram,.cosmo .cx-header .brand-monogram{width:72px}
 .orange-page .og-header .og-brand-name{font-size:28px;letter-spacing:1.5px}
 .orange-page .og-header .og-brand-name small,.minimal-page header .logo span:not(.brand-monogram),.atelier .at-header .at-wordmark span:not(.brand-monogram),.nocturne .no-header .no-wordmark small,.cosmo .cx-header .cx-brand small{font-size:10px;line-height:1.4;letter-spacing:1.7px;margin-top:9px}
 .minimal-page header .logo,.atelier .at-header .at-wordmark{padding-left:86px;min-height:54px}
 .minimal-page header .logo{font-size:25px}
 .atelier .at-header .at-wordmark,.nocturne .no-header .no-wordmark{font-size:28px;letter-spacing:1.5px}
 .cosmo .cx-header .cx-brand b,.cosmo .cx-header .cx-brand i{font-size:28px}
 .orange-page .og-header nav,.minimal-page header nav,.atelier .at-header nav,.nocturne .no-header nav,.cosmo .cx-header nav{margin-top:20px;font-size:12px}
}

@media(max-width:360px){
 .orange-page .og-header .brand-monogram,.minimal-page header .logo .brand-monogram,.atelier .at-header .at-wordmark .brand-monogram,.nocturne .no-header .brand-monogram,.cosmo .cx-header .brand-monogram{width:64px}
 .minimal-page header .logo,.atelier .at-header .at-wordmark{padding-left:78px;min-height:48px}
 .orange-page .og-header .og-brand-name,.atelier .at-header .at-wordmark,.nocturne .no-header .no-wordmark{font-size:26px}
 .cosmo .cx-header .cx-brand b,.cosmo .cx-header .cx-brand i{font-size:26px}
}