/* ===================================================================
   HOUSE OF VEIRA — shared layer for all collection pages
   Unified header (identical to landing), opaque dropdown, red accents,
   and removal of the custom cursor. Loaded AFTER each page's inline
   <style> so it wins on the shared elements.
=================================================================== */
:root{ --pop:#FF2E1F; --gut:clamp(20px,5vw,64px); }

/* ---- kill the custom cursor everywhere ---- */
*{ cursor:auto !important; }
a, button, .dropdown-toggle, img{ cursor:pointer !important; }
#cur-dot, #cur-ring{ display:none !important; }

/* ---- signature red top-bar (site-wide constant) ---- */
body::after{
  content:''; position:fixed; top:0; left:0; right:0; height:3px;
  background:var(--pop); z-index:9500; pointer-events:none;
}

/* ---- unified header (matches the landing page exactly) ---- */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:2000;
  display:flex; align-items:center; justify-content:space-between;
  padding:24px var(--gut); color:#fff; mix-blend-mode:difference;
}
.site-header .brand{
  font-family:'Archivo Black',sans-serif; font-size:20px; letter-spacing:.04em;
  color:#fff; text-decoration:none;
}
.site-header .nav{
  position:static !important; display:flex; align-items:center; gap:30px;
  background:none !important; transform:none !important; mix-blend-mode:inherit;
  padding:0 !important; margin:0 !important; inset:auto !important;
}
.site-header .nav > a,
.site-header .dropdown-toggle{
  font-family:'Archivo',sans-serif; font-size:11px; letter-spacing:.22em;
  text-transform:uppercase; font-weight:700; color:#fff;
  background:none; border:0; padding:4px 0; text-decoration:none; cursor:pointer;
}
.site-header .dropdown{ position:relative; }

/* ---- opaque, readable dropdown ---- */
.site-header .dropdown-menu{
  position:absolute; top:calc(100% + 14px); right:0; min-width:248px;
  background:#0a0a0a; mix-blend-mode:normal; isolation:isolate;
  padding:10px 0; opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .28s cubic-bezier(.7,0,.2,1), transform .28s cubic-bezier(.7,0,.2,1), visibility .28s;
  box-shadow:0 30px 70px -18px rgba(0,0,0,.9); border:1px solid rgba(255,255,255,.16); border-radius:2px;
}
.site-header .dropdown:hover .dropdown-menu,
.site-header .dropdown.open .dropdown-menu{ opacity:1; visibility:visible; transform:none; }
.site-header .dropdown-menu a{
  display:block; padding:10px 26px; font-family:'Archivo',sans-serif;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; font-weight:600;
  color:rgba(255,255,255,.85); text-decoration:none; transition:color .2s;
}
.site-header .dropdown-menu a:hover{ color:var(--pop); }
.site-header .dropdown-menu .dd-head{ font-weight:800; color:#fff; font-size:11px; letter-spacing:.22em; }
.site-header .dropdown-menu .dd-div{ height:1px; background:rgba(255,255,255,.14); margin:6px 26px; }

/* red accent on the simple "back to archive" returns */
.footer-back:hover, .closer-back:hover{ color:var(--pop) !important; }

.site-header .nav-toggle{ display:none; }

/* ---- mobile nav (matches landing's full-screen overlay menu) ---- */
@media(max-width:760px){
  .site-header{ padding:16px 20px; }
  .site-header.menu-open{ mix-blend-mode:normal !important; }
  .site-header .nav-toggle{
    display:block !important; font-family:'Archivo',sans-serif; font-size:11px;
    letter-spacing:.22em; text-transform:uppercase; font-weight:700; color:#fff;
    background:none; border:0; padding:4px 0; z-index:2100; position:relative;
  }
  .site-header .nav{
    position:fixed !important; inset:0 !important; left:0; right:0; top:0; bottom:0;
    background:#0a0a0a !important; color:#fff; mix-blend-mode:normal !important;
    flex-direction:column !important; justify-content:center; align-items:center;
    gap:28px !important; transform:translateY(-100%) !important; transition:transform .5s cubic-bezier(.7,0,.2,1);
    z-index:2050;
  }
  .site-header .nav.open{ transform:none !important; }
  .site-header .nav > a, .site-header .dropdown-toggle{ font-size:16px; }
  .site-header .dropdown{ display:flex; flex-direction:column; align-items:center; }
  .site-header .dropdown-menu{
    position:static !important; opacity:1 !important; visibility:visible !important;
    transform:none !important; background:transparent !important; border:0; box-shadow:none;
    text-align:center; min-width:0; max-height:60vh; overflow-y:auto;
  }
  .site-header .dropdown-menu a{ padding:8px 20px; font-size:13px; }
}