/* ===================== anuncio + header ===================== */
.announce{
  position:relative;background:var(--primary-deep);color:var(--bg-100);
  font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  padding-block:.6rem;
}
.announce__in{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.announce b{color:var(--gold);font-weight:500}
.header{
  position:sticky;top:0;z-index:40;
  background:color-mix(in oklab,var(--canvas) 86%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.header__in{display:flex;align-items:center;gap:1.4rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.7rem;margin-right:auto}
.mark{display:block;background-image:var(--logo-mark);background-repeat:no-repeat;background-position:center;background-size:contain;aspect-ratio:443/600}
.mark--cream{background-image:var(--logo-cream)}
.brand__mark{height:44px}
.logo-a{display:var(--logo-a)}
.logo-b{display:var(--logo-b)}
.brand__type{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.5rem;letter-spacing:.14em}
.brand__tag{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);margin-top:.25rem}
.nav{display:flex;gap:1.9rem}
.nav a{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);position:relative;padding:.3rem 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--accent);transition:width .3s ease}
.nav a:hover{color:var(--ink)}
.nav a:hover::after{width:100%}
.tools{display:flex;align-items:center;gap:.5rem}
.iconbtn{
  width:42px;height:42px;display:grid;place-items:center;border-radius:999px;
  border:1px solid var(--line);color:var(--ink);position:relative;
  transition:border-color .25s ease,background-color .25s ease;
}
.iconbtn:hover{border-color:var(--accent);background:var(--surface)}
.iconbtn .icon{width:1.25rem;height:1.25rem}
.count{
  position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;
  border-radius:999px;background:var(--accent-bright);color:var(--on-accent);
  font-size:.68rem;font-weight:600;display:grid;place-items:center;letter-spacing:0;
}
.count[hidden]{display:none}
.burger{display:none}
.mobilenav{display:none;flex-direction:column;gap:.2rem;padding:.6rem 0 1.3rem;border-top:1px solid var(--line-soft)}
.mobilenav a{padding:.75rem .2rem;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line-soft)}
.mobilenav.open{display:flex}