/* Project chapters share one display area. Original artwork keeps its own colour field. */
body.case-editorial.case-drawers {
  --drawer-art-height:350px;
}
body.case-editorial.case-drawers .case-sections { display:none; }
body.case-editorial.case-drawers button.case-door {
  appearance:none;
  width:100%;
  padding:0;
  border:0;
  font:inherit;
  text-align:left;
  cursor:pointer;
  background:var(--door-surface,var(--world-surface));
}
body.case-editorial.case-drawers .case-door-copy {
  transition:background-color .2s ease,color .2s ease;
}
body.case-editorial.case-drawers .case-door[aria-selected="true"] .case-door-copy {
  inset:auto 8px 8px;
  padding:11px 9px;
  border-radius:7px;
  background:#fff9f3;
  color:#17252b;
}
body.case-editorial.case-drawers .case-door[aria-selected="true"] .case-door-number { opacity:.66; }
body.case-editorial.case-drawers .case-door:focus-visible .case-door-copy {
  background:#fff9f3;
  color:#17252b;
}
body.case-editorial.case-drawers .case-display { min-width:0;margin:0 0 38px;overflow-anchor:none; }
body.case-editorial.case-drawers .case-panel { min-width:0;padding:0; }
body.case-editorial.case-drawers :is(.case-panel,.case-use-panel,.smart-shelf-item)[hidden] { display:none!important; }
body.case-editorial.case-drawers .case-panel :is(.bleed,.brand-chapter,.craft-section,.originals,#applications,#new-explorations,#event-apparel,#venue-world) {
  width:auto;
  margin:0;
}
body.case-editorial.case-drawers .case-panel .bleed { padding:28px; }
body.case-editorial.case-drawers .case-panel :is(.logo-suite,.craft-deck,.client-marks,.live-site) { border-radius:12px;border:0; }
body.case-editorial.case-drawers .case-panel .logo-suite { padding:28px; }
body.case-editorial.case-drawers .case-panel .suite-heading { gap:20px; }
body.case-editorial.case-drawers .case-panel :is(.suite-heading .eyebrow,.chapter-intro .eyebrow,.section-head .eyebrow,.identity-copy .eyebrow) { font-size:9px;line-height:1.6; }
body.case-editorial.case-drawers .case-panel .suite-count { font-size:8px; }
body.case-editorial.case-drawers .case-panel .chapter-intro { gap:10px 6%;margin-bottom:22px; }
body.case-editorial.case-drawers .case-panel .chapter-intro p { line-height:1.8; }
body.case-editorial.case-drawers .case-panel .section-head { margin:0 0 22px; }
body.case-editorial.case-drawers .case-panel .section-head h2 { margin-top:10px; }
body.case-editorial.case-drawers .case-panel .identity-row { margin:26px 0 0;gap:28px;min-height:0; }
body.case-editorial.case-drawers .case-panel .identity-copy { padding:0;min-width:0; }
body.case-editorial.case-drawers .case-panel .identity-copy h2 { margin:15px 0; }
body.case-editorial.case-drawers .case-panel .identity-copy p { margin:0;line-height:1.8;max-width:55ch; }
body.case-editorial.case-drawers .case-panel .has-suite .identity-copy { gap:0 7%; }
body.case-editorial.case-drawers .case-panel .has-suite .identity-copy h2 { margin-bottom:0; }
body.case-editorial.case-drawers .case-panel .has-suite .identity-copy p { margin-top:15px; }
body.case-editorial.case-drawers .case-panel .swatches { margin-top:20px; }
body.case-editorial.case-drawers .case-panel .swatches i { border:0; }
body.case-editorial.case-drawers .case-panel .mark-stage { min-height:300px;padding:30px;border-radius:12px; }
body.case-editorial.case-drawers .case-panel .mark-stage img { max-height:240px;object-fit:contain; }
body.case-editorial.case-drawers .case-panel .client-marks { padding:22px;margin:0 0 24px; }
body.case-editorial.case-drawers .case-panel .client-marks>div { padding:20px 0; }
body.case-editorial.case-drawers .case-panel .live-site { margin-bottom:24px;padding:22px; }
body.case-editorial.case-drawers .case-panel .evidence { max-width:78ch;margin:0;padding:28px 0;font-size:13px;line-height:1.85; }
body.case-editorial.case-drawers .case-panel .evidence>.eyebrow { display:block;margin-bottom:20px;color:var(--world-ink); }
body.case-editorial.case-drawers .case-panel .evidence p { margin:0 0 16px; }
body.case-editorial.case-drawers .case-panel .case-cross-link { margin-top:24px; }

/* Secondary chapters stay on a single horizontal shelf, with native touch scrolling. */
body.case-editorial.case-drawers :is(.case-use-tabs,.smart-shelf-thumbs,.craft-tabs) {
  display:flex;
  gap:8px;
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,currentColor 25%,transparent) transparent;
  scroll-padding-inline:4px;
  -webkit-overflow-scrolling:touch;
}
body.case-editorial.case-drawers .case-use-tabs { padding:0 0 12px;margin-bottom:18px; }
body.case-editorial.case-drawers .case-use-tabs[hidden] { display:none; }
body.case-editorial.case-drawers .case-use-tabs>button {
  flex:0 0 auto;
  min-height:44px;
  padding:11px 17px;
  border:0;
  border-radius:7px;
  background:color-mix(in srgb,var(--world-ink) 8%,transparent);
  color:var(--world-ink);
  font:500 11px/1.5 var(--site-font);
  text-align:left;
  cursor:pointer;
}
body.case-editorial.case-drawers .case-use-tabs>button[aria-selected="true"] { background:var(--world-ink);color:var(--world-base); }
body.case-editorial.case-drawers .case-use-panel { min-width:0; }
body.case-editorial.case-drawers .case-use-panel :is(.gallery,.evidence-gallery,.editorial-gallery):not(.smart-shelf-track)>figure:only-child { grid-column:1/-1;max-width:none;margin:0; }
body.case-editorial.case-drawers .case-use-panel>.brand-chapter,
body.case-editorial.case-drawers .case-use-panel>section { margin:0;padding:0; }
body.case-editorial.case-drawers .case-use-panel>#new-explorations,
body.case-editorial.case-drawers .case-use-panel>#event-apparel,
body.case-editorial.case-drawers .case-use-panel>#venue-world { padding:24px;border-radius:12px; }
body.case-editorial.case-drawers .case-panel .scene-disclosure { margin:0;padding:0;border:0; }
body.case-editorial.case-drawers .case-panel .scene-disclosure summary { padding:10px 0 20px;font-size:18px; }
body.case-editorial.case-drawers .case-use-panel>details>summary { display:none; }

/* The shelf keeps captions and full-size artwork links, rather than cropping the work. */
body.case-editorial.case-drawers .smart-shelf { min-width:0;--artwork-height:var(--drawer-art-height);--hero-height:var(--drawer-art-height); }
body.case-editorial.case-drawers .smart-shelf-controls { display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;margin:18px 0 12px; }
body.case-editorial.case-drawers .smart-shelf-controls button,
body.case-editorial.case-drawers .craft-controls button {
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;
  border:0;border-radius:7px;background:color-mix(in srgb,currentColor 11%,transparent);color:inherit;font-size:16px;cursor:pointer;
}
body.case-editorial.case-drawers .smart-shelf-status { font-size:10px;line-height:1.5;letter-spacing:.08em;font-variant-numeric:tabular-nums;text-align:center; }
body.case-editorial.case-drawers .smart-shelf-track { display:block;grid-template-columns:none;gap:0;max-width:none;margin:0;padding:0; }
body.case-editorial.case-drawers .smart-shelf-track>.smart-shelf-item {
  grid-column:auto!important;
  grid-area:auto!important;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0!important;
}
body.case-editorial.case-drawers .smart-shelf-track>.suite-mark { min-height:0;padding:16px 20px;border-radius:8px; }
body.case-editorial.case-drawers .smart-shelf-track>.suite-mark>a { min-height:0;height:var(--drawer-art-height); }
body.case-editorial.case-drawers .smart-shelf-track>.suite-mark>a>img { width:min(90%,520px);height:100%;max-height:var(--drawer-art-height);object-fit:contain; }
body.case-editorial.case-drawers .smart-shelf-track>.suite-mark>figcaption { margin:14px 0 0;font-size:9px; }
body.case-editorial.case-drawers .smart-shelf-track>.evidence-figure>.artwork-link {
  display:flex;align-items:center;justify-content:center;aspect-ratio:auto;height:var(--drawer-art-height);padding:0;max-width:none;box-shadow:none;
}
body.case-editorial.case-drawers .smart-shelf-track>.evidence-figure>.artwork-link>.scene-base {
  width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:auto;
}
body.case-editorial.case-drawers .smart-shelf-track>.evidence-figure .scene-canvas { width:min(100%,calc(var(--drawer-art-height) * var(--artwork-ratio,1.5)));max-height:var(--drawer-art-height);box-shadow:none; }
body.case-editorial.case-drawers .smart-shelf-track>.evidence-figure .scene-canvas>.scene-base { width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:auto; }
body.case-editorial.case-drawers .smart-shelf-track>figure>video { width:100%;height:var(--drawer-art-height);max-height:var(--drawer-art-height);object-fit:contain; }
body.case-editorial.case-drawers .smart-shelf-track>.artwork-link>img { width:100%;height:var(--drawer-art-height);object-fit:contain;aspect-ratio:auto; }
body.case-editorial.case-drawers .smart-shelf-track>.artwork-link>span { display:block;margin-top:12px;font-size:11px;line-height:1.6; }
body.case-editorial.case-drawers .smart-shelf .caption { margin-top:12px;font-size:11px;line-height:1.6;gap:20px; }
body.case-editorial.case-drawers .smart-shelf .caption span:last-child { font-size:8px; }
body.case-editorial.case-drawers .smart-shelf-thumbs { margin:20px 0 0;padding:4px 0 10px;align-items:stretch; }
body.case-editorial.case-drawers .smart-shelf-thumbs button {
  display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 106px;min-width:0;min-height:44px;padding:9px;
  border:0;border-radius:8px;background:color-mix(in srgb,currentColor 6%,transparent);color:inherit;
  font:400 9px/1.4 var(--site-font);text-align:center;cursor:pointer;opacity:.65;transition:background-color .2s,opacity .2s;
}
body.case-editorial.case-drawers .smart-shelf-thumbs button img { width:100%;height:54px;object-fit:contain;aspect-ratio:auto; }
body.case-editorial.case-drawers .smart-shelf-thumbs button span { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
body.case-editorial.case-drawers .smart-shelf-thumbs button[aria-pressed="true"] { background:color-mix(in srgb,currentColor 19%,transparent);opacity:1;font-weight:600; }
body.case-editorial.case-drawers .logo-suite :is(.smart-shelf-controls button,.smart-shelf-thumbs button):focus-visible {
  background:#fff6e8!important;color:#17252b!important;opacity:1;
}
body.case-editorial.case-drawers .smart-shelf-controls button:disabled { opacity:.35;cursor:default; }
body.case-editorial.case-drawers .smart-shelf-controls[hidden],body.case-editorial.case-drawers .smart-shelf-thumbs[hidden] { display:none; }

/* Existing craft slides retain their own controls and complete art boards. */
body.case-editorial.case-drawers .case-panel .craft-deck {
  padding:18px;
  background:color-mix(in srgb,var(--world-ink) 6%,var(--world-base));
  color:var(--world-ink);
  --muted:color-mix(in srgb,var(--world-ink) 78%,var(--world-base));
}
body.case-editorial.case-drawers .case-panel .craft-tabs { margin-bottom:18px;padding-bottom:6px;border:0; }
body.case-editorial.case-drawers .case-panel .craft-tabs button { min-height:44px;min-width:120px;padding:10px 12px;border:0;border-radius:6px;opacity:1; }
body.case-editorial.case-drawers .case-panel .craft-tabs button[aria-selected="true"] { opacity:1;background:var(--world-ink);color:var(--world-base); }
body.case-editorial.case-drawers .case-panel .craft-tabs button>span { margin-bottom:5px; }
body.case-editorial.case-drawers .case-panel .craft-art>.evidence-figure>.artwork-link { height:var(--drawer-art-height);aspect-ratio:auto; }
body.case-editorial.case-drawers .case-panel .craft-art>.evidence-figure>.artwork-link>.scene-base { width:100%;height:100%;max-height:var(--drawer-art-height);object-fit:contain; }
body.case-editorial.case-drawers .case-panel .craft-panel.is-mark .craft-art>.evidence-figure>.artwork-link>.scene-base { width:65%;height:80%; }
body.case-editorial.case-drawers .case-panel .craft-note { min-height:0;margin:16px 0 0;font-size:12px;line-height:1.7; }
body.case-editorial.case-drawers .case-panel .craft-controls { margin-top:14px;padding-top:0;border:0; }
body.case-editorial.case-drawers .digital-experience { margin:32px 0 55px; }
body.case-editorial.case-drawers .experience-bar { padding:16px 0;border:0; }

@media(hover:hover) and (pointer:fine) {
  body.case-editorial.case-drawers .smart-shelf-thumbs button:hover { opacity:1;background:color-mix(in srgb,currentColor 14%,transparent); }
  body.case-editorial.case-drawers .smart-shelf-controls button:not(:disabled):hover { background:color-mix(in srgb,currentColor 20%,transparent); }
}
@media(max-width:700px) {
  body.case-editorial.case-drawers { --drawer-art-height:250px; }
  body.case-editorial.case-drawers .case-door[aria-selected="true"] .case-door-copy { inset:auto 6px 7px;padding:9px 6px; }
  body.case-editorial.case-drawers .case-display { margin-bottom:24px; }
  body.case-editorial.case-drawers .case-panel :is(.logo-suite,.bleed) { padding:20px 16px; }
  body.case-editorial.case-drawers .case-panel .suite-heading { grid-template-columns:1fr;gap:9px; }
  body.case-editorial.case-drawers .case-panel .suite-count { text-align:left; }
  body.case-editorial.case-drawers .case-panel .chapter-intro { display:block;margin-bottom:20px; }
  body.case-editorial.case-drawers .case-panel .chapter-intro .eyebrow { display:block;margin-bottom:10px; }
  body.case-editorial.case-drawers .case-panel .chapter-intro p { margin-top:13px; }
  body.case-editorial.case-drawers .case-panel .identity-row { display:block;margin:24px 0 0; }
  body.case-editorial.case-drawers .case-panel .identity-copy { display:block;margin:0;padding:0; }
  body.case-editorial.case-drawers .case-panel .mark-stage+.identity-copy { margin-top:22px; }
  body.case-editorial.case-drawers .case-panel .has-suite .identity-copy h2 { margin:14px 0; }
  body.case-editorial.case-drawers .case-panel .has-suite .identity-copy p { margin-top:0; }
  body.case-editorial.case-drawers .case-panel .mark-stage { min-height:250px;padding:25px; }
  body.case-editorial.case-drawers .case-panel .mark-stage img { max-height:190px; }
  body.case-editorial.case-drawers .case-panel .evidence { padding:12px 0 18px; }
  body.case-editorial.case-drawers .smart-shelf-controls { margin-top:14px; }
  body.case-editorial.case-drawers .smart-shelf-track>.suite-mark { padding:10px 12px; }
  body.case-editorial.case-drawers .smart-shelf .caption { display:flex;flex-direction:column;gap:4px;font-size:10px; }
  body.case-editorial.case-drawers .smart-shelf .caption span { max-width:none;text-align:left; }
  body.case-editorial.case-drawers .smart-shelf-thumbs { margin-top:14px; }
  body.case-editorial.case-drawers .smart-shelf-thumbs button { flex-basis:88px;padding:7px;font-size:8px; }
  body.case-editorial.case-drawers .smart-shelf-thumbs button img { height:46px; }
  body.case-editorial.case-drawers .case-panel .craft-deck { padding:12px; }
  body.case-editorial.case-drawers .case-panel .craft-tabs button { min-width:112px;font-size:10px; }
  body.case-editorial.case-drawers .case-use-panel>#new-explorations,
  body.case-editorial.case-drawers .case-use-panel>#event-apparel,
  body.case-editorial.case-drawers .case-use-panel>#venue-world { padding:20px 16px; }
  body.case-editorial.case-drawers .digital-experience { margin-top:24px;margin-bottom:38px; }
  body.case-editorial.case-drawers .experience-bar { align-items:center;gap:15px; }
  body.case-editorial.case-drawers .experience-bar .eyebrow { font-size:8px;line-height:1.7; }
  body.case-editorial.case-drawers .experience-bar a { display:inline-flex;align-items:center;min-height:44px;font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  body.case-editorial.case-drawers :is(.case-door-copy,.smart-shelf-thumbs button) { transition:none; }
}

body.case-editorial.case-drawers .case-panel:focus-visible { outline:none;background:color-mix(in srgb,var(--world-ink) 5%,var(--world-base));border-radius:12px; }

/* One connected chapter surface, announced by a single projecting title tab. */
body.case-editorial.case-drawers .case-door[aria-selected="true"] .case-door-copy {
  inset:auto 17px 19px;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#fff9f3;
}
body.case-editorial.case-drawers .case-door[aria-selected="true"] .case-door-number { opacity:.72; }
body.case-editorial.case-drawers .case-door:focus-visible .case-door-copy {
  inset:auto 8px 8px;
  padding:11px 9px;
  border-radius:7px;
  background:#fff9f3;
  color:#17252b;
}
body.case-editorial.case-drawers .case-drawer-label {
  position:relative;
  z-index:1;
  display:table;
  max-width:100%;
  padding:18px 30px 17px;
  margin:0;
  border-radius:13px 13px 0 0;
  background:var(--drawer-surface,var(--world-surface));
  color:var(--drawer-ink,var(--world-ink));
}
body.case-editorial.case-drawers .case-drawer-label h2 {
  margin:0;
  font:600 clamp(23px,2.5vw,32px)/1.15 var(--site-font);
  letter-spacing:-.035em;
}
body.case-editorial.case-drawers #case-display {
  --world-base:var(--drawer-surface);
  --world-ink:var(--drawer-ink);
  --ink:var(--drawer-ink);
  --paper:var(--drawer-surface);
  --muted:color-mix(in srgb,var(--drawer-ink) 78%,var(--drawer-surface));
  --case-focus-bg:var(--drawer-ink);
  --case-focus-ink:var(--drawer-surface);
  width:100vw;
  max-width:none;
  margin:0 calc(50% - 50vw) 38px;
  padding:36px max(56px,calc((100vw - 1440px)/2)) 46px;
  background:var(--drawer-surface);
  color:var(--drawer-ink);
}
body.case-editorial.case-drawers #case-display>.case-panel { max-width:1440px;margin-inline:auto; }
body.case-editorial.case-drawers #case-display .logo-suite {
  background:transparent;
  color:var(--drawer-ink);
  padding:0;
  border-radius:0;
}
body.case-editorial.case-drawers #case-display :is(.suite-heading,.suite-heading .eyebrow,.chapter-intro .eyebrow,.identity-copy,.identity-copy .eyebrow,.section-head,.evidence>.eyebrow) { color:var(--drawer-ink); }
body.case-editorial.case-drawers #case-display :is(.identity-copy p,.chapter-intro p,.caption,.evidence,.craft-note) { color:var(--muted); }
body.case-editorial.case-drawers #case-display .suite-mark { color:var(--suite-label,var(--drawer-ink)); }
body.case-editorial.case-drawers #case-display .craft-deck {
  color:var(--drawer-ink);
  background:color-mix(in srgb,var(--drawer-ink) 6%,var(--drawer-surface));
  --muted:color-mix(in srgb,var(--drawer-ink) 78%,var(--drawer-surface));
}
body.case-editorial.case-drawers #case-display .case-use-tabs>button {
  background:color-mix(in srgb,var(--drawer-ink) 10%,var(--drawer-surface));
  color:var(--drawer-ink);
}
body.case-editorial.case-drawers #case-display :is(.case-use-tabs,.craft-tabs)>button[aria-selected="true"] {
  background:var(--drawer-ink);
  color:var(--drawer-surface);
}
body.case-editorial.case-drawers #case-display .logo-suite :is(.smart-shelf-controls button,.smart-shelf-thumbs button):focus-visible {
  background:var(--drawer-ink)!important;
  color:var(--drawer-surface)!important;
  opacity:1;
}
body.case-editorial.case-drawers #case-display .case-panel:focus-visible {
  outline:none;
  background:color-mix(in srgb,var(--drawer-ink) 6%,var(--drawer-surface));
}
@media(max-width:1000px) {
  body.case-editorial.case-drawers #case-display { padding-inline:32px; }
}
@media(max-width:700px) {
  body.case-editorial.case-drawers .case-door[aria-selected="true"] .case-door-copy { inset:auto 12px 15px;padding:0; }
  body.case-editorial.case-drawers .case-door:focus-visible .case-door-copy { inset:auto 6px 7px;padding:9px 6px; }
  body.case-editorial.case-drawers .case-drawer-label { padding:15px 22px 14px;border-radius:11px 11px 0 0; }
  body.case-editorial.case-drawers .case-drawer-label h2 { font-size:25px; }
  body.case-editorial.case-drawers #case-display { padding:25px 20px 32px;margin-bottom:24px; }
  body.case-editorial.case-drawers #case-display .logo-suite { padding:0; }
}

/* ---------- v3: logo browser (Apple-inspired, no strokes) ----------
   One stable viewer, four main selectors, a "More marks" rail. Tints derive from
   the brand world so every case gets its own version. */
.logo-browser {
  --lb-ink: var(--world-ink, #f5f5f7);
  --lb-base: var(--world-surface, #161617);
  --lb-tint-1: color-mix(in srgb, var(--lb-ink) 6%, var(--lb-base));
  --lb-tint-2: color-mix(in srgb, var(--lb-ink) 11%, var(--lb-base));
  --lb-tint-3: color-mix(in srgb, var(--lb-ink) 18%, var(--lb-base));
  --lb-muted: color-mix(in srgb, var(--lb-ink) 66%, transparent);
  display: grid; gap: 14px; margin: 0 auto; max-width: 1040px; color: var(--lb-ink);
}
.logo-browser .logo-viewer {
  position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; align-items: center; gap: 12px;
  padding: 16px; border-radius: 28px; background: var(--lb-tint-1);
  box-shadow: 0 30px 60px -34px rgba(0, 0, 0, .5);
}
.logo-browser .logo-stage {
  position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; min-height: 240px; max-height: 520px;
  border-radius: 20px; outline: 0; overflow: hidden; touch-action: pan-y;
  background: radial-gradient(ellipse 70% 70% at 50% 45%, color-mix(in srgb, var(--lb-ink) 7%, transparent), transparent 75%);
}
.logo-browser .logo-stage:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--world-accent, #8593ff) 70%, transparent); }
.logo-browser .logo-stage-item {
  grid-area: 1 / 1; display: grid; place-items: center; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; box-shadow: none !important; transform: none !important;
}
.logo-browser .logo-stage-item[hidden] { display: none !important; }
.logo-browser .logo-stage-item figcaption { display: none; }
.logo-browser .logo-stage-item .artwork-link {
  display: grid; place-items: center; width: 100%; height: 100%; padding: clamp(20px, 5%, 48px);
  border-radius: 20px; background: var(--suite-card, transparent) !important; box-shadow: none !important;
}
.logo-browser .logo-stage-item img {
  width: auto !important; height: auto !important; max-width: min(100%, 560px) !important; max-height: 100% !important;
  object-fit: contain; margin: 0 auto; transform: none !important;
}
@media (prefers-reduced-motion: no-preference) {
  .logo-browser .logo-stage-item:not([hidden]) { animation: lb-in .45s cubic-bezier(.28, .11, .32, 1) both; }
}
@keyframes lb-in { from { opacity: 0; transform: scale(.985); } to { opacity: 1; transform: none; } }

.logo-browser .logo-step, .logo-browser .logo-rail-step {
  display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%;
  background: var(--lb-tint-2); color: var(--lb-ink); cursor: pointer; box-shadow: none;
  transition: background .2s ease, transform .1s ease-out, opacity .2s ease;
}
.logo-browser .logo-step:hover, .logo-browser .logo-rail-step:hover { background: var(--lb-tint-3); }
.logo-browser .logo-step:active, .logo-browser .logo-rail-step:active { transform: scale(.94); }
.logo-browser .logo-rail-step:disabled { opacity: .35; cursor: default; }
.logo-browser :is(.logo-step, .logo-rail-step, .logo-pick, .logo-chip):focus-visible {
  outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--world-accent, #8593ff) 75%, transparent);
}

.logo-browser .logo-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 2px 6px 4px; }
.logo-browser .logo-name { margin: 0; font-size: 21px; line-height: 1.2; font-weight: 600; letter-spacing: .011em; }
.logo-browser .logo-position { margin: 0; font-size: 14px; letter-spacing: -.016em; color: var(--lb-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }

/* Four main selectors */
.logo-browser .logo-main { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.logo-browser .logo-pick {
  position: relative; display: grid; gap: 10px; padding: 10px 10px 14px; border: 0; border-radius: 18px;
  background: var(--lb-tint-1); color: var(--lb-muted); text-align: center; cursor: pointer;
  transition: background .2s ease, transform .3s cubic-bezier(.28, .11, .32, 1), box-shadow .3s ease, color .2s ease;
}
.logo-browser .logo-pick:hover { background: var(--lb-tint-2); color: var(--lb-ink); }
.logo-browser .logo-thumb-media {
  display: grid; place-items: center; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden;
  background: var(--thumb-bg, color-mix(in srgb, var(--lb-ink) 5%, transparent));
}
.logo-browser .logo-thumb-media img { width: 78%; height: 78%; object-fit: contain; }
.logo-browser .logo-pick-label { font-size: 14px; line-height: 1.25; letter-spacing: -.016em; }
.logo-browser .logo-pick::after {
  content: ""; position: absolute; left: 50%; bottom: 6px; width: 0; height: 3px; border-radius: 3px;
  background: var(--lb-ink); transform: translateX(-50%); transition: width .3s cubic-bezier(.28, .11, .32, 1);
}
.logo-browser .logo-pick.is-selected {
  background: var(--lb-tint-3); color: var(--lb-ink); transform: translateY(-2px);
  box-shadow: 0 14px 28px -18px rgba(0, 0, 0, .6);
}
.logo-browser .logo-pick.is-selected .logo-pick-label { font-weight: 600; }
.logo-browser .logo-pick.is-selected::after { width: 28px; }

/* More marks rail */
.logo-browser .logo-more { display: grid; gap: 10px; padding: 14px; border-radius: 22px; background: var(--lb-tint-1); }
.logo-browser .logo-more-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.logo-browser .logo-more-title { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -.022em; }
.logo-browser .logo-more-title span { margin-left: 6px; font-weight: 400; font-size: 14px; color: var(--lb-muted); }
.logo-browser .logo-rail-nav { display: flex; gap: 8px; }
.logo-browser .logo-rail-step { width: 36px; height: 36px; }
.logo-browser .logo-rail {
  display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; padding: 4px 2px 10px;
  scrollbar-width: none; overscroll-behavior-x: contain;
}
.logo-browser .logo-rail::-webkit-scrollbar { display: none; }
.logo-browser .logo-chip {
  position: relative; flex: 0 0 96px; padding: 6px; border: 0; border-radius: 14px; background: var(--lb-tint-2);
  cursor: pointer; scroll-snap-align: start; opacity: .78;
  transition: opacity .2s ease, background .2s ease, transform .3s cubic-bezier(.28, .11, .32, 1);
}
.logo-browser .logo-chip .logo-thumb-media { aspect-ratio: 1; border-radius: 10px; }
.logo-browser .logo-chip:hover { opacity: 1; background: var(--lb-tint-3); }
.logo-browser .logo-chip::after {
  content: ""; position: absolute; left: 50%; bottom: -1px; width: 0; height: 3px; border-radius: 3px;
  background: var(--lb-ink); transform: translateX(-50%); transition: width .3s cubic-bezier(.28, .11, .32, 1);
}
.logo-browser .logo-chip.is-selected { opacity: 1; background: var(--lb-tint-3); transform: translateY(-2px); }
.logo-browser .logo-chip.is-selected::after { width: 22px; }

@media (max-width: 734px) {
  .logo-browser { gap: 10px; }
  .logo-browser .logo-viewer { grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px; border-radius: 22px; }
  .logo-browser .logo-stage { grid-column: 1 / -1; grid-row: 1; aspect-ratio: 4 / 3; min-height: 200px; }
  .logo-browser .logo-step { grid-row: 2; width: 100%; height: 40px; border-radius: 980px; }
  .logo-browser .logo-main { grid-template-columns: 1fr 1fr; gap: 8px; }
  .logo-browser .logo-name { font-size: 17px; }
  .logo-browser .logo-chip { flex-basis: 76px; }
}
/* Compact selectors: thumbnails are navigation, not second viewers. */
.logo-browser .logo-pick .logo-thumb-media { aspect-ratio: auto; height: 84px; }
@media (max-width: 734px) {
  .logo-browser .logo-pick { grid-template-columns: 56px minmax(0, 1fr); align-items: center; gap: 10px; padding: 8px 10px 8px 8px; text-align: left; border-radius: 14px; }
  .logo-browser .logo-pick .logo-thumb-media { height: 48px; border-radius: 10px; }
  .logo-browser .logo-pick-label { font-size: 13px; }
  .logo-browser .logo-pick::after { left: auto; right: 10px; bottom: 50%; transform: translateY(50%); width: 0; height: 6px; }
  .logo-browser .logo-pick.is-selected::after { width: 6px; }
}
.logo-browser .logo-main { grid-template-columns: repeat(var(--lb-count, 4), minmax(0, 1fr)); }
@media (min-width: 735px) { .logo-browser .logo-main { max-width: calc(var(--lb-count, 4) * 25%); width: 100%; margin-inline: auto; } }
@media (max-width: 734px) { .logo-browser .logo-main { grid-template-columns: repeat(min(2, var(--lb-count, 4)), minmax(0, 1fr)); } }
@media (max-width: 734px) { .logo-browser .logo-pick { padding-right: 24px; } }
/* Fit any artwork whole inside the stable stage: wide, tall or square, never cropped. */
.logo-browser .logo-stage-item { position: absolute !important; inset: 0 !important; }
.logo-browser .logo-stage-item .artwork-link { position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; box-sizing: border-box; }
.logo-browser .logo-stage-item img { max-width: 100% !important; max-height: 100% !important; width: auto !important; height: auto !important; object-fit: contain; }
.logo-browser .logo-stage-item .artwork-link { display: flex !important; align-items: center; justify-content: center; }
.logo-browser .logo-stage-item img { flex: none; min-width: 0; min-height: 0; }

/* Edge-matched fill: the whole display box takes the artwork's margin colour. */
.logo-browser .logo-viewer { transition: background-color .45s cubic-bezier(.28, .11, .32, 1); }
.logo-browser .logo-viewer[data-fill] { background: var(--lb-fill); }
.logo-browser .logo-viewer[data-fill] .logo-stage { background: none; }
.logo-browser .logo-viewer[data-fill] .logo-stage-item .artwork-link { background: transparent !important; }
.logo-browser .logo-viewer[data-fill="dark"] .logo-step { background: rgba(255, 255, 255, .18); color: #fff; }
.logo-browser .logo-viewer[data-fill="dark"] .logo-step:hover { background: rgba(255, 255, 255, .28); }
.logo-browser .logo-viewer[data-fill="light"] .logo-step { background: rgba(0, 0, 0, .1); color: #1d1d1f; }
.logo-browser .logo-viewer[data-fill="light"] .logo-step:hover { background: rgba(0, 0, 0, .16); }

/* A pair slide: two formats of one artwork, side by side at equal height. */
body.case-editorial.case-drawers .smart-shelf-track>.evidence-pair { display:flex;align-items:flex-start;justify-content:center;gap:clamp(12px,2vw,24px); }
body.case-editorial.case-drawers .evidence-pair>.evidence-figure { flex:var(--artwork-ratio,1) 1 0;min-width:0;max-width:calc(var(--drawer-art-height) * var(--artwork-ratio,1));margin:0; }
body.case-editorial.case-drawers .evidence-pair>.evidence-figure>.artwork-link { display:block;width:100%;height:auto;aspect-ratio:var(--artwork-ratio,1);padding:0;box-shadow:none; }
body.case-editorial.case-drawers .evidence-pair>.evidence-figure>.artwork-link>.scene-base { width:100%;height:100%;object-fit:contain;aspect-ratio:auto; }
/* Posters keep their own edges: no rounded corners on paired artwork. */
html body.brand-world .evidence-pair>.evidence-figure :is(.artwork-link, img) { border-radius:0 !important; }