/* Display the supplied original logo intact, including its cream background. */
.dannieme-brand{display:block;flex-shrink:0;width:164px;line-height:0;background:#fffaf0;border-radius:3px;overflow:hidden}
.dannieme-brand img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
header .header-inner,header .nav-inner{height:auto;min-height:128px;padding-top:9px;padding-bottom:9px}
footer .dannieme-brand{width:210px;margin-bottom:12px}
@media(max-width:760px){header .dannieme-brand{width:118px}header .header-inner,header .nav-inner{min-height:100px;padding-top:10px;padding-bottom:10px}footer .dannieme-brand{width:180px}}
:root{--heritage-green:#482933;--heritage-cream:#f6f2e8;--heritage-gold:#ecd477;--heritage-red:#9d3530;--heritage-lapis:#294862;--heritage-serif:'Cormorant Garamond',Georgia,serif;--space-unit:8px}
:focus-visible{outline:2px solid #b69a3e;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Alpha artwork sits directly on the page, with no tile, frame or background. */
.dannieme-brand{background:transparent;border-radius:0;overflow:visible;width:180px}
header,body.membership-page header,body.members-page header{background:#f6f2e8f5;color:#482933;border-bottom:1px solid #48293320;backdrop-filter:blur(12px)}
header nav{color:#482933}header .nav-join,header .outline-button{border-color:#48293370;color:#482933;background:transparent}
header .header-inner,header .nav-inner{min-height:120px;padding-block:0}
footer{background:#f6f2e8;color:#482933;border-top:1px solid #48293320}footer p,footer span,footer .brand{color:#647467}
.circle-welcome{display:grid;grid-template-columns:130px minmax(0,1fr);gap:25px;align-items:center}.welcome-mascot{width:100%;height:auto;object-fit:contain;max-height:300px}
.auth-welcome{display:flex;gap:22px;align-items:center;margin-bottom:20px}.auth-welcome>img{width:85px;height:140px;object-fit:contain;flex-shrink:0}.auth-welcome>div{min-width:0}.auth-welcome h2{font-size:43px;margin-bottom:0}
@media(max-width:760px){header .dannieme-brand{width:135px}header .header-inner,header .nav-inner{min-height:108px}.circle-welcome{grid-template-columns:85px minmax(0,1fr);gap:17px}.circle-welcome h2{font-size:48px}.auth-welcome{gap:17px}.auth-welcome>img{width:66px;height:115px}.auth-welcome h2{font-size:36px}.auth-welcome .label{font-size:12px}}
/* Champagne-gold silhouette provides clear lettering on dark surfaces. */
.dannieme-brand.logo-on-dark img,[data-logo-theme="dark"] .dannieme-brand img{filter:brightness(0) saturate(100%) invert(88%) sepia(23%) saturate(653%) hue-rotate(350deg) brightness(98%) contrast(90%)}
[data-logo-theme="light"] .dannieme-brand img{filter:none}

/* Readable, balanced navigation shared by the homepage and marketplace. */
:root{--heritage-green:#6b0024}
header .nav-inner,header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:132px}
header nav{display:flex;align-items:center;justify-content:center;gap:clamp(24px,3vw,44px);font-size:18px;line-height:1.4;font-weight:400;flex-wrap:wrap}
header nav a{padding:12px 0;white-space:nowrap}
header .nav-join,header .outline-button,header .auth-switch{font-size:17px;line-height:1.4;font-weight:400;padding:15px 22px;white-space:nowrap}
header nav a:hover{color:#780028}
header nav a:focus-visible,header .nav-join:focus-visible{outline-color:#780028}
@media(min-width:761px) and (max-width:1100px){header .nav-inner,header .header-inner{gap:18px;flex-wrap:wrap;padding-block:10px}header nav{order:3;width:100%;gap:32px;font-size:17px}header .dannieme-brand{width:150px}}
@media(max-width:760px){header .nav-inner,header .header-inner{gap:10px 16px;flex-wrap:wrap;padding-block:10px;min-height:130px}header nav{order:3;width:100%;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:4px;font-size:15px}header nav a{padding:10px 0}header .nav-join,header .outline-button,header .auth-switch{font-size:15px;padding:12px}header .dannieme-brand{width:125px}}
@media(max-width:360px){header nav{font-size:15px;gap:3px}header .nav-join{padding:10px;font-size:15px}}

/* Give the brand mark more presence while reserving room for navigation. */
header .dannieme-brand{width:240px}
header .nav-inner,header .header-inner{min-height:160px}
footer .dannieme-brand{width:260px}
@media(min-width:761px) and (max-width:1100px){header .dannieme-brand{width:210px}}
@media(max-width:760px){header .dannieme-brand{width:180px}header .nav-inner,header .header-inner{min-height:160px}footer .dannieme-brand{width:220px}}
@media(max-width:400px){header .dannieme-brand{width:150px}}
/* Align customer navigation and keep membership/language controls together. */
header .nav-inner,header .header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;min-height:144px;padding-block:8px}
header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}
header nav{width:auto;order:initial;display:flex;justify-content:center;gap:clamp(18px,2vw,30px);font-size:18px}
header nav a{padding:10px 0;letter-spacing:0}
header .header-actions .nav-join,header .header-actions .outline-button,header .header-actions .auth-switch{border-radius:8px;font-size:16px;letter-spacing:0;padding:12px 18px;line-height:1.4}
header .language-switch{margin:0;padding:3px;border-color:#48293340;background:transparent}
header .language-switch button{font-size:15px;font-weight:400;padding:8px 11px}
header nav [aria-current]{border-color:#580722;color:#580722}
@media(min-width:761px) and (max-width:1250px){header .nav-inner,header .header-inner{grid-template-columns:auto 1fr;gap:6px 20px;padding-block:8px}header .dannieme-brand{width:210px;grid-row:1 / 3}header .header-actions{grid-column:2;grid-row:1}header nav{grid-column:2;grid-row:2;justify-content:flex-end;gap:24px;font-size:17px}}
@media(max-width:760px){header .nav-inner,header .header-inner{grid-template-columns:1fr;gap:6px;min-height:0;padding-block:8px 12px}header .dannieme-brand{width:150px;justify-self:center}header .header-actions{justify-content:center;gap:12px;flex-wrap:wrap}header nav{grid-row:3;justify-content:center;gap:8px 20px;flex-wrap:wrap;font-size:15px}header nav a{padding:8px 0}header .header-actions .nav-join,header .header-actions .outline-button,header .header-actions .auth-switch{font-size:15px;padding:9px 12px}header .language-switch button{font-size:15px;padding:7px 9px}}
header .auth-switch,header .header-actions .auth-switch{display:inline-flex;align-items:center;gap:6px;border:1px solid #580722;border-radius:24px;background:#580722;color:#fff;font-weight:500;box-shadow:0 2px 6px #58072233;transition:background .15s,box-shadow .15s,transform .15s}
header .auth-switch:hover{background:#6e0a2b;box-shadow:0 4px 10px #58072240;transform:translateY(-1px)}
header .auth-switch:focus-visible{outline:2px solid #9d6b22;outline-offset:3px}
.home-page header{position:fixed;top:0;left:0;right:0;z-index:20;transition:background .25s,border-color .25s,color .25s}
.home-page header:not(.scrolled){background:linear-gradient(180deg,rgba(0,15,19,.6),rgba(0,15,19,0));border-bottom:0;box-shadow:none;backdrop-filter:none;color:#f6f2e8}
.home-page header:not(.scrolled) nav,.home-page header:not(.scrolled) nav a{color:#f6f2e8}
.home-page header:not(.scrolled) nav a:hover{color:#ecd477}
.home-page header:not(.scrolled) .nav-join{border-color:#f6f2e8a0;color:#f6f2e8}
.home-page header:not(.scrolled) .language-switch{border-color:#f6f2e860;color:#f6f2e8}
.home-page .hero{padding-top:var(--header-height,144px)}
@media(max-width:760px){.home-page header{position:absolute}}
.home-page header:not(.scrolled) .dannieme-brand img{filter:drop-shadow(1px 0 0 #f6f2e8) drop-shadow(-1px 0 0 #f6f2e8) drop-shadow(0 1px 0 #f6f2e8) drop-shadow(0 -1px 0 #f6f2e8)}
:root{--pink-radiant:linear-gradient(135deg,#ffe6ef 0%,#fbc4d7 50%,#f5a3c1 100%);--pink-radiant-hover:linear-gradient(135deg,#fff0f5 0%,#fcd0e0 50%,#f7b0ca 100%);--pink-ink:#7a1f45}
body :is(.language-switch button[aria-pressed=true],header .auth-switch,.dm-chat-launcher,.dm-chat-head,.dm-chat-form button,.modern-chat-composer .chat-send-button,.gold-button,.auth-panel .gold-button,.member-welcome .gold-button,.category-option:has(input:checked),.sale-badge,.toast){background:var(--pink-radiant);color:var(--pink-ink);border-color:#f5a3c1}
body :is(header .auth-switch,.gold-button,.auth-panel .gold-button,.dm-chat-launcher):hover{background:var(--pink-radiant-hover);color:var(--pink-ink)}
.dm-chat-head *,.dm-chat-launcher *{color:inherit}
