/* Consistent navigation across every YUNIVERSE page */
.site-sticky-brand{position:fixed;top:27px;left:50%;transform:translateX(-50%);z-index:31;color:#fff;white-space:nowrap;font:400 10px monospace;letter-spacing:2.5px;line-height:14px;pointer-events:none}
.mobile-menu-trigger{display:block!important;position:fixed!important;top:14px!important;left:clamp(18px,3vw,55px)!important;transform:none!important;z-index:40!important;width:48px!important;height:48px!important;border:0!important;padding:0!important;background:transparent!important;color:#d1d1cb!important;cursor:pointer!important;touch-action:manipulation}
.mobile-menu-trigger .menu-stroke{position:absolute!important;left:12px!important;top:23px!important;width:24px!important;height:1.5px!important;border-radius:1px!important;background:currentColor!important;display:block!important;opacity:1!important;transform:translateY(0)!important;transition:opacity .15s ease}
.mobile-menu-trigger .menu-stroke-one{transform:translateY(-6px)!important}
.mobile-menu-trigger .menu-stroke-two{transform:none!important}
.mobile-menu-trigger .menu-stroke-three{transform:translateY(6px)!important}
.mobile-navigation{display:flex!important;position:fixed!important;top:0!important;left:0!important;width:min(86vw,360px)!important;height:100svh!important;z-index:39!important;background:rgba(10,12,13,.98)!important;border-right:1px solid #44483d!important;padding:110px 36px 40px!important;flex-direction:column!important;gap:0!important;transform:translateX(-105%)!important;transition:transform .4s cubic-bezier(.2,.8,.2,1)!important;visibility:hidden!important;box-shadow:12px 0 48px #0008!important}
.mobile-navigation a{font:12px monospace!important;letter-spacing:2px!important;color:#d1d1cb!important;padding:24px 0!important;border-bottom:1px solid #42443d!important;display:flex!important;justify-content:space-between!important;text-decoration:none!important}
.mobile-navigation a span{font-size:9px;color:#777e78}
body.menu-open .mobile-navigation{transform:translateX(0)!important;visibility:visible!important}
body.menu-open .mobile-menu-trigger{color:#f4ff00!important}
body.menu-open .mobile-menu-trigger .menu-stroke{opacity:0!important;display:none!important}
body.menu-open .mobile-menu-trigger::before,body.menu-open .mobile-menu-trigger::after{content:""!important;position:absolute!important;left:12px!important;top:23px!important;width:24px!important;height:1px!important;background:#f4ff00!important;border-radius:1px!important}
body.menu-open .mobile-menu-trigger::before{transform:rotate(45deg)!important}
body.menu-open .mobile-menu-trigger::after{transform:rotate(-45deg)!important}
@media(max-width:700px){.site-sticky-brand{top:27px;font-size:8px;letter-spacing:1.4px;line-height:12px}.mobile-menu-trigger{left:18px!important}}
@media(prefers-reduced-motion:reduce){.mobile-navigation{transition:none!important}}
/* Remove old top-left YUNIVERSE link; the centered identity replaces it. */
nav>a.wordmark{display:none!important}
/* Inner pages retain the back action on the right. */
body>header{justify-content:flex-end!important}

/* Fixed navigation bar matching approved mobile Photoshop reference. */
.site-sticky-brand{position:fixed!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;height:72px!important;z-index:55!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:auto!important;width:min(48vw,240px)!important}
.site-sticky-brand a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.site-sticky-brand img{display:block;width:100%;max-width:175px;height:auto;object-fit:contain}
.site-shop-link{position:fixed;top:0;right:clamp(18px,3vw,55px);height:72px;width:48px;display:flex;align-items:center;justify-content:center;color:#bfc1bc;z-index:55;text-decoration:none}
.site-shop-link:hover,.site-shop-link:focus-visible{color:#f4ff00}
.mobile-menu-trigger{top:12px!important;z-index:61!important}
body.menu-open .site-sticky-brand,body.menu-open .site-shop-link{opacity:0;pointer-events:none!important}
@media(max-width:700px){
.site-sticky-brand{height:70px!important;width:min(48vw,210px)!important}
.site-sticky-brand img{max-width:154px}
.site-shop-link{height:70px;right:12px;width:46px}
.site-shop-link svg{width:22px;height:26px}
.mobile-menu-trigger{top:11px!important;left:18px!important}
body>header .back{display:none!important}
}

/* Solid, independent black sticky header: HUD and all page content begin below. */
:root { --site-topbar-height: 72px; }
body { padding-top: var(--site-topbar-height) !important; }
body::after {
  content: "";
  position: fixed;
  inset: 0 0 auto 0;
  height: var(--site-topbar-height);
  background: #000;
  z-index: 50;
  pointer-events: none;
}
.site-sticky-brand, .site-shop-link, .mobile-menu-trigger { z-index: 61 !important; }
.site-sticky-brand, .site-shop-link { height: var(--site-topbar-height) !important; }
.mobile-menu-trigger { top: 12px !important; }
.mobile-navigation { z-index: 60 !important; }
.hud, .hud-mobile { top: var(--site-topbar-height) !important; }
.hero { height: calc(100svh - var(--site-topbar-height)) !important; }
@media (max-width: 700px) {
  :root { --site-topbar-height: 70px; }
  .site-sticky-brand, .site-shop-link { height: var(--site-topbar-height) !important; }
  .mobile-menu-trigger { top: 11px !important; }
}
body > nav { top: calc(var(--site-topbar-height) + 22px) !important; }

/* Return the background artwork and HUD to the top of the viewport.
   Keep the fixed navigation on a translucent black overlay. */
body { padding-top: 0 !important; }
body::after { background: rgba(0, 0, 0, 0.5) !important; }
.hud, .hud-mobile { top: 0 !important; }
.hero { height: 100svh !important; }
body > nav { top: 27px !important; }

/* Layout correction: only the background art extends behind the translucent header.
   The HUD and actual site layout begin below the fixed top bar. */
body { padding-top: var(--site-topbar-height) !important; }
.camo, .shade { top: 0 !important; } /* fixed background remains at viewport top */
.hud, .hud-mobile {
  top: var(--site-topbar-height) !important;
  bottom: 0 !important;
  height: calc(100svh - var(--site-topbar-height)) !important;
}
.hero { height: calc(100svh - var(--site-topbar-height)) !important; }
body > nav { top: calc(var(--site-topbar-height) + 22px) !important; }
/* Keep the black overlay translucent; icons and wordmark retain full opacity. */
body::after { background: rgba(0,0,0,.5) !important; }

/* Keep the shared header logo understated, while titles remain neon yellow. */
.site-sticky-brand img { filter: grayscale(1) brightness(.60) !important; opacity: .75 !important; }

/* Header identity refinement: reduced visual weight on every page. */
.site-sticky-brand img {
  max-width: 88px !important;
  opacity: .38 !important;
  filter: grayscale(1) brightness(.60) !important;
}
@media (max-width:700px) {
  .site-sticky-brand img { max-width: 77px !important; }
}

/* Header brand: 20% larger than prior version; original neon yellow */
.site-sticky-brand img {max-width:105.6px !important;opacity:1 !important;filter:none !important;}
@media(max-width:700px){.site-sticky-brand img{max-width:92.4px !important;}}

/* Requested update: make topbar fully transparent */
body::after { background: transparent !important; }

/* Soft white, subtle sticky YUNIVERSE identity; preserve logo sizing and transparent bar. */
.site-sticky-brand img { filter: grayscale(1) brightness(0) invert(.82) !important; opacity: .80 !important; }

/* Custom user-supplied white YUNIVERSE wordmark: 15% larger than preceding header logo. */
.site-sticky-brand img {
  max-width: 121.44px !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  filter: none !important;
}
@media (max-width:700px) {
  .site-sticky-brand img { max-width: 106.26px !important; }
}

/* Mobile-only: increase topbar YUNIVERSE wordmark by 20%. */
@media (max-width:700px) {
  .site-sticky-brand img { max-width: 127.512px !important; }
}



/* Shared YUNIVERSE shopping cart drawer */
.site-shop-link{cursor:pointer}
.site-cart-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
.site-cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,100vw);background:#080908;color:#d1d1cb;border-left:1px solid #41443e;z-index:1001;display:flex;flex-direction:column;transform:translateX(101%);visibility:hidden;transition:transform .36s cubic-bezier(.2,.8,.2,1),visibility .36s ease;font-family:monospace;box-shadow:-18px 0 60px rgba(0,0,0,.3)}
body.cart-open .site-cart-backdrop{opacity:1;visibility:visible;pointer-events:auto}
body.cart-open .site-cart-drawer{transform:translateX(0);visibility:visible}
body.cart-open{overflow:hidden}
.site-cart-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #42443d;min-height:78px;padding:0 28px;gap:16px}
.site-cart-heading h2{font:700 15px monospace;letter-spacing:3px;color:#f4ff00;margin:0}
.site-cart-close{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#d1d1cb;font-size:28px;font-family:Arial,Helvetica,sans-serif;font-weight:200;cursor:pointer}
.site-cart-close:hover,.site-cart-close:focus-visible{color:#f4ff00}
.site-cart-content{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px 24px;gap:16px}
.site-cart-symbol{display:grid;place-items:center;color:#777d75;margin-bottom:11px}
.site-cart-empty-title{font:700 13px monospace;letter-spacing:2.2px;margin:0;color:#deded8}
.site-cart-empty-copy{font:11px/1.85 monospace;letter-spacing:1px;margin:0;color:#92968e}
.site-cart-bottom{padding:24px 28px 32px;border-top:1px solid #42443d}
.site-cart-shop-button{display:flex;justify-content:center;align-items:center;text-decoration:none;width:100%;min-height:49px;padding:12px 16px;border:1px solid #f4ff00;color:#f4ff00;font:700 11px monospace;letter-spacing:2px;background:transparent;transition:background .2s,color .2s}
.site-cart-shop-button:hover,.site-cart-shop-button:focus-visible{background:#f4ff00;color:#080908}
@media(max-width:700px){.site-cart-heading{min-height:70px;padding:0 22px}.site-cart-bottom{padding:22px 22px max(26px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.site-cart-backdrop,.site-cart-drawer{transition:none}}

/* Half-width slide-out cart: 50% of the visible viewport. */
.site-cart-drawer{width:50vw!important;width:50dvw!important;max-width:none!important}
@media(max-width:700px){
 .site-cart-heading{padding:0 12px;gap:4px;min-height:65px}
 .site-cart-heading h2{font-size:10px;letter-spacing:1px;line-height:1.45}
 .site-cart-close{width:34px;min-width:34px;height:36px;font-size:24px}
 .site-cart-content{padding:20px 10px;gap:12px}
 .site-cart-symbol{margin-bottom:2px}
 .site-cart-symbol svg{width:27px;height:32px}
 .site-cart-empty-title{font-size:10px;letter-spacing:1px;line-height:1.5}
 .site-cart-empty-copy{font-size:9px;letter-spacing:.25px;line-height:1.6}
 .site-cart-bottom{padding:15px 10px max(18px,env(safe-area-inset-bottom))}
 .site-cart-shop-button{padding:9px 5px;font-size:8px;letter-spacing:.35px;min-height:45px;text-align:center;overflow-wrap:anywhere}
}


/* Shared page-heading coordinates: use WEBSTORE's original layout as reference.
   Scoped to the four editorial pages; product detail pages remain unaffected. */
body.yu-editorial-page > header {
  padding: 30px clamp(25px, 5vw, 80px) !important;
}
body.yu-editorial-page > main,
body.yu-editorial-page > main.contact-main {
  box-sizing: border-box;
  width: min(1440px, 100%);
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(clamp(90px, 13vh, 160px) - 100px) !important;
  padding-left: clamp(26px, 12vw, 210px) !important;
  padding-right: clamp(26px, 12vw, 210px) !important;
}
body.yu-editorial-page > main > .page-kicker {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}
body.yu-editorial-page > main > h1,
body.yu-editorial-page > main.contact-main > h1.graphic-heading {
  margin-top: 0 !important;
}
@media (max-width: 700px) {
  body.yu-editorial-page > header {
    padding: 23px 25px 0 !important;
  }
  body.yu-editorial-page > main,
  body.yu-editorial-page > main.contact-main {
    padding-top: calc(clamp(100px, 16vh, 160px) - 100px) !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  body.yu-editorial-page > main > .page-kicker {
    margin-bottom: 18px !important;
  }
}

/* Cart drawer mirrors the left navigation's dimensions and motion,
   entering from the opposite edge. */
.site-cart-drawer {
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  width: min(86vw, 360px) !important;
  max-width: min(86vw, 360px) !important;
  height: 100svh !important;
  background: rgba(10, 12, 13, .98) !important;
  border-left: 1px solid #44483d !important;
  box-shadow: -12px 0 48px #0008 !important;
  transform: translateX(105%) !important;
  transition: transform .4s cubic-bezier(.2,.8,.2,1), visibility .4s ease !important;
}
body.cart-open .site-cart-drawer {
  transform: translateX(0) !important;
}
@media (prefers-reduced-motion: reduce) {
  .site-cart-drawer { transition: none !important; }
}

/* WEBSTORE sidebar item: a lock appears to the right of the word when selected. */
.mobile-navigation .webstore-nav-label{display:inline-flex;align-items:center;gap:9px;color:inherit;font:inherit;letter-spacing:inherit}
.mobile-navigation .webstore-lock-icon{width:12px;height:15px;display:inline-block;flex:none;color:#f4ff00;opacity:0;transform:translateY(2px) scale(.84);transition:opacity .18s ease,transform .18s ease}
.mobile-navigation .webstore-nav-link.is-locked .webstore-lock-icon{opacity:1;transform:translateY(0) scale(1)}

/* Locked WEBSTORE is a real button, never a navigable anchor. Match sidebar links. */
.mobile-navigation .webstore-nav-link {
  appearance:none!important; -webkit-appearance:none!important;
  box-sizing:border-box!important; width:100%!important;
  background:none!important; border:0!important; border-bottom:1px solid #42443d!important;
  border-radius:0!important; margin:0!important; padding:24px 0!important;
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  font:12px monospace!important; letter-spacing:2px!important; color:#d1d1cb!important;
  text-align:left!important; cursor:pointer!important; -webkit-tap-highlight-color:transparent;
}
.mobile-navigation .webstore-nav-link .webstore-nav-label {
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  color:#d1d1cb!important; font:12px monospace!important;letter-spacing:2px!important;
}
.mobile-navigation .webstore-nav-link > span:last-child {font:9px monospace!important;color:#777e78!important;}
.mobile-navigation .webstore-nav-link .webstore-lock-icon {color:#f4ff00!important;}
.mobile-navigation .webstore-nav-link:focus-visible {outline:1px solid #f4ff00;outline-offset:4px;}

/* Active locked WEBSTORE feedback: override the default gray button label. */
.mobile-navigation .webstore-nav-link.is-locked,
.mobile-navigation .webstore-nav-link.is-locked .webstore-nav-label {
  color:#f4ff00!important;
}
.mobile-navigation .webstore-nav-link.is-locked .webstore-lock-icon {
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
  color:#f4ff00!important;
}

/* The lock symbol stays white, independent of the yellow WEBSTORE label. */
.mobile-navigation .webstore-nav-link .webstore-lock-icon,
.mobile-navigation .webstore-nav-link.is-locked .webstore-lock-icon { color:#fff!important; stroke:#fff!important; }