/* Essenze Studio — global head styles.
   Extracted from the inline <style> in includes/base-head.php on 2026-07-27.
   Kept as a SEPARATE file from esp-chrome.css on purpose: this one is linked
   in <head> (before each template's own <style>) while esp-chrome.css is
   linked in <body> from nav.php (after it). Merging the two would invert the
   cascade around the per-template CSS. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#FAFAF7;--fg:#111110;--amber:#C9893A;--amber-d:#b07833;--muted:#8C8C87;--border:#D8D4CC;--bg2:#F4F0E8;--white:#ffffff;--ease:cubic-bezier(0.23,1,0.32,1);--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:16px;--sh-sm:0 1px 4px rgba(0,0,0,.06);--sh-md:0 4px 16px rgba(0,0,0,.09);--sh-lg:0 8px 32px rgba(0,0,0,.12);--f-serif:'Cormorant Garamond',Georgia,serif;--f-sans:'Outfit',system-ui,sans-serif;--f-mono:'JetBrains Mono','Courier New',monospace}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--f-sans);font-weight:300;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:var(--f-sans);border:none;background:none;outline:none}.container{width:100%;margin:0 auto;padding:0 1.25rem;max-width:1400px}@media(min-width:640px){.container{padding:0 2rem}}@media(min-width:1024px){.container{padding:0 3rem}}
.site-header{border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(250,250,247,.96);z-index:200;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.site-nav{display:flex;align-items:center;padding:.9rem 0;height:56px}.nav-logo{font-family:var(--f-serif);font-style:italic;font-weight:700;font-size:1.2rem;color:var(--fg);flex-shrink:0;margin-right:auto}.nav-logo span{color:var(--amber)}.nav-links{display:flex;align-items:center;gap:1.6rem;margin-right:1.25rem}.nav-links a{font-family:var(--f-mono);font-size:.59rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color .2s;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.nav-sep{width:1px;height:11px;background:var(--border)}@media(max-width:900px){.nav-links{display:none}}.nav-cart{position:relative;display:flex;align-items:center;padding:.35rem;color:var(--muted);transition:color .2s}.nav-cart:hover{color:var(--amber)}.cart-cnt{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;background:var(--amber);color:#fff;border-radius:50%;font-size:.48rem;font-family:var(--f-mono);display:flex;align-items:center;justify-content:center;padding:0 3px;opacity:0;transition:opacity .2s}.cart-cnt.has-items{opacity:1}.nav-ham{display:none;flex-direction:column;gap:5px;padding:.4rem;cursor:pointer;margin-left:.6rem}.nav-ham span{display:block;width:19px;height:1.5px;background:var(--fg);transition:all .3s}@media(max-width:900px){.nav-ham{display:flex}}.mob-nav{display:none;position:fixed;inset:56px 0 0 0;background:var(--bg);z-index:199;padding:1.5rem;border-top:1px solid var(--border);flex-direction:column;gap:.75rem;overflow-y:auto}.mob-nav.open{display:flex}.mob-nav a{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);padding:.6rem 0;border-bottom:1px solid var(--border)}.mob-nav a:hover{color:var(--amber)}.mob-cart-link{margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;background:var(--amber);color:#fff!important;border-radius:var(--r-sm);font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;border:none!important}.btn-solid{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.7rem;background:var(--amber);color:#fff;font-family:var(--f-sans);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:400;border:1px solid var(--amber);border-radius:var(--r-sm);transition:background .25s;cursor:pointer}.btn-solid:hover{background:var(--amber-d)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:var(--amber);font-family:var(--f-sans);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:400;border:1px solid rgba(201,137,58,.3);border-radius:var(--r-sm);transition:all .25s;cursor:pointer}.btn-ghost:hover{background:rgba(201,137,58,.07)}.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s var(--ease),transform .55s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
