.to-editorial-nav .to-rail { z-index:90; overflow:visible; }
.to-nav-preview { position:fixed; z-index:150; width:320px; padding:9px; border:1px solid #d5bd934d; border-radius:23px; background:#fffdf8; color:#403526; text-decoration:none; box-shadow:0 24px 64px -26px #44301666,0 1px 0 #fff inset; opacity:0; visibility:hidden; pointer-events:none; transform:translateX(-12px) scale(.97); transform-origin:left center; transition:opacity .22s ease,transform .32s cubic-bezier(.2,.7,.2,1),visibility .22s; }
.to-nav-preview.is-open { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0) scale(1); }
.to-nav-preview::before { content:''; position:absolute; right:100%; width:16px; top:0; height:100%; }
.to-nav-preview__frame { display:block; height:190px; border-radius:15px; overflow:hidden; background:linear-gradient(140deg,#f5efdf,#e5d5b8); }
.to-nav-preview__frame img { width:100%; height:100%; display:block; object-fit:cover; opacity:0; transform:scale(1.055); transition:opacity .3s,transform .65s cubic-bezier(.2,.7,.2,1); }
.to-nav-preview.is-image-ready img { opacity:1; transform:scale(1); }
.to-nav-preview.is-portrait img { object-fit:contain; }
.to-nav-preview__number { position:absolute; top:20px; left:20px; width:32px; height:32px; display:grid; place-items:center; border:1px solid #fff9; border-radius:50%; background:#fffaf0e8; color:#856338; font:500 11px/1 var(--to-sans,sans-serif); }
.to-nav-preview__caption { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:70px; padding:12px 8px 4px; }
.to-nav-preview__title { font:500 27px/1.05 var(--to-serif,serif); }
.to-nav-preview__caption svg { flex:none; width:38px; height:38px; padding:7px; border-radius:50%; background:#f0e1c3; color:#826038; transition:transform .25s; }
.to-nav-preview:hover .to-nav-preview__caption svg { transform:translateX(3px); }
@media (min-width:861px) {
  .to-editorial-nav .to-rail { background:linear-gradient(160deg,#fffdf8f5,#f4efe4eb); border-color:#cfb58a3d; box-shadow:inset 0 1px 0 #fff; }
  .to-editorial-nav .to-menu--primary { gap:8px; }
  .to-editorial-nav .to-menu--primary .to-nav-item { padding:12px 3px; gap:7px; }
}
@media (max-width:860px) {
  .to-nav-preview { display:none; }
  .to-editorial-nav .to-menu__label { font-size:10px; }
  .to-editorial-nav .to-menu--primary .to-nav-item { gap:3px; }
  .to-editorial-nav .to-menu--primary .current-menu-item > .to-nav-item::after { top:auto; bottom:2px; right:calc(50% - 8px); width:16px; height:2px; }
}
@media (max-width:360px) { .to-editorial-nav .to-menu__label { font-size:9px; } }
@media (prefers-reduced-motion:reduce) {
  .to-nav-preview,.to-nav-preview * { transition:none!important; transform:none!important; }
}