/* Quiet wayfinding, shared by portfolio pages. */
.collection-shortcuts { display:flex; flex-wrap:wrap; align-items:center; gap:4px 26px; margin:0 0 32px; }
.collection-shortcuts > span { width:100%; font-size:11px; letter-spacing:.1em; text-transform:uppercase; opacity:.7; }
.collection-shortcuts a, .case-browse, .case-back, .cfx-back-top { display:inline-flex; align-items:center; min-height:44px; color:inherit; font-size:14px; line-height:1.4; text-decoration:underline; text-underline-offset:5px; }
.collection-shortcuts a { text-decoration:none; }
.collection-shortcuts a:hover, .collection-shortcuts a[aria-current] { text-decoration:underline; }
.case-back { margin-bottom:16px; }
.case-browse { margin-bottom:20px; }
.case-browse-links { display:flex; flex-wrap:wrap; gap:0 28px; }
.foot > .cfx-back-top { order:2; }
.branding-index :is(.collection-section, .collection-heading h2, .deferred-identities, .index-card) { scroll-margin-top:28px; }
.brand-world .breadcrumb { min-height:44px; display:inline-flex; align-items:center; text-decoration:underline; text-underline-offset:5px; }
.brand-world .case-sections { position:sticky; top:0; z-index:12; background:var(--world-base); border:0; padding:8px 0; gap:4px 24px; margin-bottom:20px; }
.brand-world .case-sections a { display:inline-flex; align-items:center; min-height:44px; font-size:13px; opacity:.85; }
.brand-world .case-sections a[aria-current] { opacity:1; text-decoration:underline; text-underline-offset:6px; }
.brand-world :is(section[id], #applications, #credits) { scroll-margin-top:calc(var(--section-nav-height, 64px) + 20px); }
.brand-world .case-sections .case-collection { font-weight:600; opacity:1; }
:is(.collection-shortcuts, .case-sections, .cfx-footer-nav) a:focus-visible, :is(.case-back, .case-browse, .cfx-back-top):focus-visible, .index-card:focus-visible { outline:2px solid currentColor !important; outline-offset:5px !important; }
.nav-links a { min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:600px) {
  html:has(.conversion-nav) { --nav-height:112px; }
  .conversion-nav#siteNav { height:var(--nav-height); }
  .conversion-nav .nav-inner { flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; }
  .conversion-nav .nav-links { width:100%; justify-content:space-between; gap:12px; }
  .conversion-nav .nav-links a { min-width:44px; }
}
@media(max-width:700px) {
  .collection-shortcuts { column-gap:22px; margin-bottom:24px; }
  .collection-shortcuts a { font-size:13px; }
  .brand-world .case-sections { position:relative; gap:2px 20px; }
  .brand-world :is(section[id], #applications, #credits) { scroll-margin-top:24px; }
  .brand-world .case-sections .case-collection { flex-basis:100%; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto !important; } }