/* Shared static navigation. Original Q artwork, product PWA palette. */
[data-suite-product=atelier]{--suite-metal:#b9b9b9;--suite-ink:#505050}
[data-suite-product=maison]{--suite-metal:#c9a66b;--suite-ink:#7a5a2e}
[data-suite-product=carnet]{--suite-metal:#c7784f;--suite-ink:#6e3820}
.suite-q{display:block;flex:0 0 32px;width:32px;height:32px;background:var(--suite-metal);mask:url('/brand-assets/Logo-Dark.png') center/contain no-repeat;-webkit-mask:url('/brand-assets/Logo-Dark.png') center/contain no-repeat}
body header #nav .suite-nav{position:relative;border:0;padding:0;margin:0;color:inherit}
body header #nav .suite-nav>summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:0;cursor:pointer;font:inherit;color:inherit;white-space:nowrap;border:0;background:none}
body header #nav .suite-nav>summary::-webkit-details-marker{display:none}
body header #nav .suite-nav>summary::after{content:none}
body header #nav .suite-chevron{width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg) translateY(-2px);transition:transform 220ms}
body header #nav .suite-nav[open] .suite-chevron{transform:rotate(225deg) translate(-1px,-1px)}
body header #nav .suite-nav:is([open],[data-active=true])>summary{color:var(--gold,#9c7a4b)}
body header #nav .suite-panel{position:absolute;top:calc(100% + 10px);left:-28px;width:352px;max-width:calc(100vw - 48px);padding:22px;background:#faf8f3;color:#282720;border:1px solid #ded8cc;box-shadow:0 18px 45px #28201524;text-align:left;z-index:30;box-sizing:border-box}
body header #nav .suite-panel>p{font-family:inherit;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:0;color:#746a59;margin:0 0 14px;padding:0 4px}
body header #nav .suite-panel>a{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:76px;padding:12px 8px;margin:0;border:0;border-radius:0;color:#282720;font-size:15px;line-height:1.4;letter-spacing:0;text-decoration:none;background:transparent;box-sizing:border-box;opacity:1;transform:none;transition:background 180ms,color 180ms}
body header #nav .suite-panel a::after{content:none}
body header #nav .suite-panel a:is(:hover,[aria-current=page]){background:#eee9df;color:var(--suite-ink,#795a30)}
body header #nav .suite-panel strong{display:block;font-size:17px;font-weight:550;line-height:1.4;letter-spacing:-.025em}
body header #nav .suite-panel small{display:block;font-size:13px;font-weight:400;line-height:1.6;color:#645e52;margin-top:4px}
body header #nav .suite-link-arrow{margin-left:auto;color:var(--suite-ink);font-size:16px}
body header #nav .suite-panel>.suite-overview{justify-content:space-between;border-top:1px solid #ded8cc;margin-top:10px;padding-top:18px}
body header #nav .suite-overview strong{font-size:14px}
body header #nav .suite-nav :is(summary,a):focus-visible{outline:2px solid #a5804c;outline-offset:3px}
@media(min-width:1001px){body header #nav .suite-nav[open] .suite-panel{animation:suite-panel-in 200ms ease-out}@keyframes suite-panel-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}
@media(max-width:1000px){
 body header #nav .suite-nav{width:100%;max-width:360px;flex-shrink:0}
 body header #nav .suite-nav>summary{justify-content:center;min-height:48px}
 body header #nav .suite-panel{position:static;max-width:none;width:100%;padding:16px;margin:8px 0 16px;box-shadow:none;background:#faf8f3}
 body header #nav .suite-panel>a{min-height:72px}
}
@media(prefers-reduced-motion:reduce){body header #nav .suite-nav *{animation:none!important;transition:none!important}}