/* Shared public navigation. Keep these rules after each page's own styles. */
header.atelier-site-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0;padding:25px max(4vw,20px);border-bottom:1px solid #d9d6cc;background:#f5f3ed;color:#29362e;position:relative;z-index:2}
header.atelier-site-header .atelier-brand{font:48px/1 Georgia,'Times New Roman',serif;letter-spacing:-3px;text-decoration:none;color:inherit;margin:0}
header.atelier-site-header nav{display:flex;align-items:center;gap:30px;margin:0;padding:0;border:0;overflow:visible}
header.atelier-site-header nav a{display:block;color:#5f665e;font:13px/1.6 system-ui,sans-serif;letter-spacing:0;text-decoration:none;padding:10px 0;border:0;border-bottom:1px solid transparent;white-space:nowrap}
header.atelier-site-header nav a[aria-current]{color:#29362e;border-bottom-color:#29362e}
.atelier-section-nav{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:17px 20px;border-bottom:1px solid #e2dfd5;background:#f8f6f0;font:12px/1.6 system-ui,sans-serif}
.atelier-section-nav a{color:#697066;text-decoration:none}.atelier-section-nav a[aria-current]{color:#29362e;text-decoration:underline;text-underline-offset:6px}
.atelier-footer-links{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0;font:12px/1.6 system-ui,sans-serif}.atelier-footer-links a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.lookbook-views{display:flex;gap:12px;margin:24px 0}.lookbook-views button{padding:10px 18px;background:transparent;border:1px solid #c7cbbf;color:#344135;font:inherit;cursor:pointer}.lookbook-views .active{background:#344135;color:#fff}
.discovery-motto .wardrobe-hero-link{display:inline-block;margin-left:25px;font:13px/1.7 system-ui,sans-serif;color:#344135;text-decoration:underline;text-underline-offset:6px}
@media(max-width:650px){header.atelier-site-header{flex-direction:column;gap:15px;padding:22px 16px 12px}header.atelier-site-header .atelier-brand{font-size:44px}header.atelier-site-header nav{gap:20px;justify-content:center;width:100%}header.atelier-site-header nav a{font-size:12px}.atelier-section-nav{gap:18px;font-size:11px}.discovery-motto .wardrobe-hero-link{display:block;margin:12px 0 0}}
/* Neutral shared chrome; let the clothing carry the colour. */
header.atelier-site-header{background:#faf9f6;color:#292c28;border-bottom-color:#dedfd7}
header.atelier-site-header nav a{color:#646960}
header.atelier-site-header nav a[aria-current]{color:#292c28;border-bottom-color:#292c28}
.atelier-section-nav{background:#faf9f6;border-bottom-color:#e5e5de;justify-content:flex-start;padding-left:max(5vw,20px)}
@media(max-width:650px){.atelier-section-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:12px 20px;gap:22px}.atelier-section-nav a{white-space:nowrap;flex-shrink:0;padding:5px 0}}
header.atelier-site-header nav a.atelier-popcorn-link{font-weight:800;letter-spacing:1px;color:#cf2878;background:linear-gradient(100deg,#cf2878 10%,#bd601b 47%,#7840b4 82%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
header.atelier-site-header nav a.atelier-popcorn-link[aria-current]{border-bottom-color:#cf2878}
header.atelier-site-header nav a.atelier-popcorn-link:hover{border-bottom-color:#cf2878}
@media(max-width:650px){header.atelier-site-header nav{flex-wrap:wrap;column-gap:18px;row-gap:0}}
