/* Keep the identity line below the floating navigation without reserving a
   pale spacer above the hero. The root underlay also covers mobile overscroll. */
html:has(.cayena-experience),body:has(.cayena-experience){background:#08080a}
.cayena-experience{position:relative}
.cayena-experience .preview-strip{
  position:absolute;top:0;left:16px;
  transform:translateY(calc(var(--cc-nav-bottom,max(76px,calc(env(safe-area-inset-top) + 64px))) + 10px));
  width:calc(100% - 32px);margin:0;background:transparent;color:#f4efe5;
  font-size:10px;line-height:1.4;letter-spacing:.055em;gap:8px;z-index:30;
}
.cc-compact.site-header,.cc-compact.header,.cc-compact.product-nav{
  background:linear-gradient(120deg,var(--cc-nav-start,#272930f7),var(--cc-nav-end,#15171efa))!important;
}
.cc-catalog{scroll-margin-top:calc(var(--cc-nav-bottom,76px) + 20px)!important}
@media(max-width:359px){.cayena-experience .preview-strip{font-size:9px;letter-spacing:.015em;gap:6px}}
@media(prefers-reduced-transparency:reduce){
  .cc-compact.site-header,.cc-compact.header,.cc-compact.product-nav{background:linear-gradient(120deg,var(--cc-nav-start,#272930),var(--cc-nav-end,#15171e)),#461820!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}