/* Tavren v6 — editorial portfolio / ALL EVENTS client view */
:root {
  --bg: oklch(0.905 0.008 70); --surface: oklch(0.945 0.004 70); --surface-high: oklch(0.975 0.002 70);
  --ink: oklch(0.13 0.004 285); --ink-soft: oklch(0.30 0.010 285); --line: oklch(0.47 0.012 65);
  --line-soft: oklch(0.78 0.010 68); --rouge: oklch(0.26 0.14 18); --rouge-dark: oklch(0.20 0.11 18);
  --rouge-wash: oklch(0.84 0.045 18); --coral: oklch(0.25 0.07 190); --coral-light: oklch(0.68 0.08 185);
  --coral-wash: oklch(0.89 0.012 190); --cognac: oklch(0.44 0.11 46); --cognac-wash: oklch(0.90 0.018 46);
  --accent: var(--rouge); --accent-dark: var(--rouge-dark); --accent-soft: oklch(0.90 0.02 18);
  --surface-hi: var(--surface-high); --surface-tint: oklch(0.875 0.012 70); --muted: var(--cognac); --muted-soft: oklch(0.44 0.055 46);
  --topbar-h: 68px; --page-max: 1440px; --font-display: "Barlow Condensed", sans-serif; --font-body: "Urbanist", sans-serif;
  --ease-out: cubic-bezier(.16, 1, .3, 1); --z-sticky: 100; --z-popover: 300; --z-drawer: 400; --z-modal: 500; --z-toast: 600;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; color: var(--ink); background: var(--bg); font-family: var(--font-body); font-size: 16px; font-weight: 500; line-height: 1.55; }
body.modal-open, body.detail-open { overflow: hidden; }
button, input, textarea { font: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, [role="button"]:focus-visible { outline: 2px solid var(--rouge); outline-offset: 3px; }
.quick-search { display: none !important; }

/* Shared navigation and full-ratio wordmark */
.site-nav { position: sticky; top: 0; z-index: var(--z-sticky); height: var(--topbar-h); border-bottom: 1px solid var(--ink); background: var(--surface-high); backdrop-filter: none; }
.site-nav.headroom--not-top { box-shadow: 0 2px 0 var(--ink); }
.nav-inner { display: flex; align-items: center; gap: 18px; width: min(100%, var(--page-max)); height: 100%; margin: auto; padding: 0 24px; }
.brand-switch { flex: 0 0 auto; }
.brand-button { display: flex; width: 132px; height: 44px; align-items: center; justify-content: flex-start; padding: 0; border: 0; border-radius: 0; background: transparent; }
.brand-button:hover, .brand-button:disabled { background: transparent; opacity: 1; cursor: default; }
.brand-logo { display: block; width: 116px; height: auto; max-height: 30px; object-fit: contain; filter: brightness(0) saturate(100%); }
.nav-context { display: flex; flex-direction: column; gap: 1px; margin: 0 auto 0 0; padding-left: 18px; border-left: 1px solid var(--line-soft); }
.nav-context span:first-child { font-size: 14px; font-weight: 800; }
.nav-context span:last-child { color: var(--cognac); font-size: 12px; }
.nav-controls { display: flex; gap: 6px; }
.filter-btn, .clear-btn, .share-toggle { min-height: 44px; padding: 0 15px; border: 1px solid var(--ink); border-radius: 2px; color: var(--ink); background: transparent; font-size: 13px; font-weight: 800; }
.filter-btn:hover, .clear-btn:hover { color: var(--surface-high); background: var(--ink); }
.share-toggle { border-color: var(--rouge); color: var(--surface-high); background: var(--rouge); }
.share-toggle:hover { background: var(--rouge-dark); }
.share-toggle span { min-width: 20px; border-radius: 2px; background: oklch(1 0 0 / .16); }
.brand-menu, .sort-dropdown, .star-filter, .share-panel { z-index: var(--z-popover); border: 1px solid var(--ink); border-radius: 2px; background: var(--surface-high); box-shadow: 5px 5px 0 oklch(0.13 0.004 285 / .18); }
.brand-menu { top: calc(100% + 8px); min-width: 160px; }
.brand-menu a { padding: 12px 14px; color: var(--ink); font-size: 14px; font-weight: 700; }
.brand-menu a:hover { color: var(--surface-high); background: var(--rouge); }
.share-panel { width: min(430px, calc(100vw - 24px)); padding: 18px; }
.selection-heading h2 { font: 600 30px var(--font-display); }
.share-panel { font-size: 14px; }
.selected-list li { border-bottom-color: var(--line-soft); font-size: 14px; }
.client-name-fields input, #shareLink { border: 1px solid var(--line); border-radius: 2px; background: var(--surface); }

/* Staff editorial masthead */
.portfolio-masthead { position: relative; display: grid; min-height: 340px; place-items: center; width: min(100%, var(--page-max)); margin: auto; border-bottom: 1px solid var(--ink); }
.masthead-quote { width: min(520px, 54vw); margin: 0; }
.masthead-quote p { display: flex; align-items: flex-start; justify-content: center; gap: 8px; margin: 0; color: var(--ink); font-size: clamp(1.25rem, 2.2vw, 1.75rem); font-weight: 600; line-height: 1.45; text-align: center; text-wrap: balance; }
.masthead-quote p > span[aria-hidden] { color: var(--cognac); font: 400 2rem/1 var(--font-display); }
#rotatingQuote { max-width: 34ch; opacity: 1; transition: opacity 140ms ease; }
#rotatingQuote.changing { opacity: 0; }
.masthead-meta { position: absolute; inset: 28px auto 28px 24px; display: flex; flex-direction: column; justify-content: space-between; color: var(--cognac); font-size: 12px; font-weight: 800; }
.masthead-meta strong { color: var(--ink); font: 600 30px var(--font-display); }
.masthead-note { position: absolute; right: 24px; bottom: 28px; display: grid; gap: 12px; width: min(290px, 26vw); }
.masthead-note p { margin: 0; font-size: 15px; line-height: 1.55; text-wrap: pretty; }
.masthead-note > span { color: var(--cognac); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.staff-search { display: grid; grid-template-columns: 168px minmax(0, 1fr); width: min(100%, var(--page-max)); min-height: 66px; margin: auto; border-bottom: 1px solid var(--ink); background: var(--bg); }
.staff-search-label { display: flex; align-items: center; padding: 0 18px; border-right: 1px solid var(--ink); color: var(--cognac); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.staff-search-field { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 8px 18px; }
#searchInput { width: 100%; height: 48px; padding: 0; border: 0; border-radius: 0; color: var(--ink); background: transparent; font-size: 18px; font-weight: 600; }
#searchInput::placeholder { color: var(--muted-soft); opacity: 1; }
.staff-search-field kbd { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); border-radius: 2px; color: var(--cognac); background: var(--surface); font: 700 12px var(--font-body); }

/* Staff category rail becomes the reference's horizontal category line */
.archive-workspace { display: block; width: min(100%, var(--page-max)); min-width: 0; min-height: 75vh; margin: auto; overflow-x: clip; }
.section-strip { position: relative; top: auto; z-index: 20; display: flex; width: 100%; height: 62px; align-items: center; overflow-x: auto; padding: 0; border: 0; border-bottom: 1px solid var(--ink); background: var(--bg); backdrop-filter: none; white-space: nowrap; scrollbar-width: none; }
.section-strip::-webkit-scrollbar { display: none; }
.section-heading { display: flex; min-width: 184px; height: 100%; align-items: center; justify-content: space-between; padding: 0 18px; border-right: 1px solid var(--ink); font: 600 18px var(--font-display); text-transform: uppercase; }
.section-nav { display: flex; height: 100%; min-width: 0; align-items: center; flex: 1 1 auto; overflow-x: auto; padding: 0 10px; border: 0; scrollbar-width: none; }
.section-nav::-webkit-scrollbar { display: none; }
.section-button { display: flex; min-height: 42px; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid transparent; border-radius: 999px; color: var(--ink-soft); background: transparent; font-size: 12px; white-space: nowrap; }
.section-button:hover { border-color: var(--line); color: var(--ink); background: var(--surface); }
.section-button.active { border-color: var(--coral); color: var(--surface-high); background: var(--coral); }
.count-pill { min-width: 22px; padding: 2px 6px; border-radius: 999px; color: inherit; background: oklch(1 0 0 / .14); font-size: 11px; }
.section-button:not(.active) .count-pill { color: var(--cognac); background: var(--cognac-wash); }
.section-summary { flex: 0 0 auto; padding: 0 18px; border-left: 1px solid var(--ink); }
.active-label, .result-summary { display: block; padding: 0; }
.active-label { color: var(--coral); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.result-summary { color: var(--cognac); font-size: 12px; }
.catalog, .project-panel { display: block; min-width: 0; margin: 0; border: 0; }

/* Staff: equal magazine boxes */
body:not(.client-mode) #projectList { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 480px; padding: 0; border-top: 1px solid var(--ink); border-left: 1px solid var(--ink); }
.project-card, .project-card:nth-child(n) { position: relative; grid-column: auto; min-width: 0; min-height: 0; height: 480px; border: 0; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: var(--bg); box-shadow: none; animation: none; }
.project-card:hover { background: var(--surface); }
.project-card.active { background: var(--coral-wash); box-shadow: inset 0 -3px 0 var(--coral); }
.project-card.selected { background: var(--bg); box-shadow: none; }
.project-card.active.selected { background: var(--coral-wash); box-shadow: inset 0 -3px 0 var(--coral); }
.project-index { position: absolute; top: 15px; left: 15px; z-index: 3; display: grid; min-width: 38px; height: 30px; place-items: center; padding: 0 8px; color: var(--surface-high); background: var(--ink); font: 400 17px var(--font-display); }
.select-project { position: absolute; top: 12px; right: 12px; z-index: 4; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--ink); border-radius: 50%; color: var(--ink); background: var(--surface-high); box-shadow: none; font-size: 17px; }
.select-project:hover, .select-project.selected { border-color: var(--rouge); color: var(--surface-high); background: var(--rouge); }
.card-main { display: flex; width: 100%; height: 100%; min-height: 0; flex-direction: column; padding: 0; text-align: left; }
.preview-wrap, .project-card:nth-child(n) .preview-wrap { display: block; width: 100%; height: 238px; aspect-ratio: auto; overflow: hidden; border: 0; border-radius: 0; background: var(--surface-tint); }
.preview-wrap img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) contrast(1.02); transition: transform 240ms var(--ease-out), filter 240ms var(--ease-out); }
.project-card:hover .preview-wrap img { transform: scale(1.025); filter: saturate(1) contrast(1.03); }
.preview-placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: var(--cognac); font-size: 13px; }
.card-copy { display: block; padding: 17px 17px 4px; }
.card-section { display: block; margin-bottom: 7px; color: var(--cognac); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.card-main h4 { display: -webkit-box; margin: 0 44px 5px 0; overflow: hidden; font: 600 32px/1 var(--font-display); letter-spacing: -.01em; text-wrap: balance; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.card-main p { margin: 0; overflow: hidden; color: var(--cognac); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.card-stars { padding: 3px 17px 0; }
.card-tags, .tag-row { display: flex; max-height: 64px; flex-wrap: wrap; gap: 5px; overflow: hidden; padding: 8px 17px 16px; margin-top: auto; }
.card-tags + .tag-row { padding-top: 0; }
.tag, .tag-chip, .client-card-tag { display: inline-block; padding: 4px 7px; border: 1px solid var(--line); border-radius: 1px; color: var(--ink-soft); background: transparent; font-size: 10px; font-weight: 800; line-height: 1.2; text-transform: uppercase; }
.tag-custom { border-color: var(--rouge); color: var(--rouge); }
.load-more { grid-column: 1 / -1; min-height: 64px; border: 0; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); color: var(--surface-high); background: var(--coral); font-weight: 800; }
.load-more:hover { color: var(--surface-high); background: var(--rouge); }
.skeleton-card { height: 480px; border-right: 1px solid var(--ink); border-bottom: 1px solid var(--ink); background: var(--surface); }

/* Dossier */
.detail-scrim { position: fixed; inset: 0; z-index: calc(var(--z-drawer) - 1); visibility: hidden; border: 0; background: oklch(0.13 0.004 285 / .58); opacity: 0; transition: opacity 180ms ease, visibility 180ms ease; }
.detail-col { position: fixed; inset: 0 0 0 auto; z-index: var(--z-drawer); width: min(500px, 94vw); max-height: none; overflow-y: auto; padding: 0; border-left: 1px solid var(--ink); background: var(--surface-high); scrollbar-width: none; -ms-overflow-style: none; transform: translateX(100%); transition: transform 240ms var(--ease-out); }
.detail-col::-webkit-scrollbar { display: none; }
body.detail-open .detail-scrim { visibility: visible; opacity: 1; }
body.detail-open .detail-col { transform: translateX(0); }
.project-detail { min-height: 100%; padding: 26px; border: 0; border-radius: 0; background: transparent; font-size: 15px; }
.detail-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--ink); }
.detail-heading .eyebrow { margin: 0; }
.detail-close { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--ink); border-radius: 50%; color: var(--ink); background: transparent; font-size: 20px; }
.detail-close:hover { color: var(--surface-high); background: var(--ink); }
.detail-shot { width: 100%; margin-bottom: 20px; border: 0; border-radius: 0; aspect-ratio: 4 / 3; object-fit: cover; }
.project-detail h3 { margin: 0 0 6px; font: 600 46px/.98 var(--font-display); }
.project-detail > p { color: var(--cognac); font-size: 15px; }
.detail-actions { padding-block: 14px; border-block: 1px solid var(--line-soft); }
.detail-actions a, .detail-actions button, .view-more { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 10px 13px; border: 1px solid var(--ink); border-radius: 2px; color: var(--ink); background: transparent; font-size: 13px; line-height: 1.2; }
.detail-actions a:hover, .detail-actions button:hover, .view-more:hover { border-color: var(--rouge); color: var(--surface-high); background: var(--rouge); }
.detail-meta span, .eyebrow { color: var(--cognac); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.detail-meta p, .detail-meta a, .note-list li { font-size: 14px; line-height: 1.55; }

/* Client: ALL EVENTS framed editorial */
.client-mode { padding: 24px; background: var(--rouge-wash); }
.client-mode .portfolio-masthead, .client-mode .staff-search, .client-mode .section-strip, .client-mode .nav-context, .client-mode .nav-controls, .client-mode .share-dock { display: none; }
.client-mode .site-nav { position: relative; width: min(100%, 1320px); margin: 0 auto; border: 1px solid var(--ink); border-bottom: 0; }
.client-mode .nav-inner { justify-content: center; }
.client-mode .brand-switch { margin-inline: auto; }
.client-mode .brand-button { justify-content: center; pointer-events: none; }
.client-mode .brand-menu { display: none !important; }
.client-mode .archive-workspace { display: block; width: min(100%, 1320px); min-height: 0; margin: auto; border-inline: 1px solid var(--ink); background: var(--bg); }
.client-mode .catalog { width: 100%; margin: 0; padding: 0 44px 70px; }
.hero-band { display: none; position: relative; overflow: hidden; }
.client-mode #heroHeader { display: block; width: min(100%, 1320px); margin: auto; border: 1px solid var(--ink); border-top: 0; border-bottom: 0; background: var(--bg); }
.hero-copy { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .7fr); gap: 20px 40px; width: 100%; max-width: none; margin: 0; padding: 38px 44px 46px; }
.client-issue-line { grid-column: 1 / -1; display: flex; justify-content: space-between; margin: 0 0 8px; padding-bottom: 12px; border-bottom: 1px solid var(--ink); color: var(--cognac); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.hero-display { align-self: end; max-width: none; margin: 0; color: var(--ink); font: 400 clamp(4.2rem, 8vw, 5.5rem)/.8 var(--font-display); letter-spacing: -.02em; text-transform: uppercase; }
.client-brief { align-self: end; max-width: 42ch; margin: 0; padding-bottom: 6px; color: var(--ink-soft); font-size: 17px; line-height: 1.55; }
.hero-stats { grid-column: 1 / -1; display: flex; gap: 0; margin-top: 16px; border-block: 1px solid var(--ink); }
.stat-item { min-width: 140px; padding: 12px 18px 12px 0; }
.stat-item + .stat-item { padding-left: 18px; border-left: 1px solid var(--ink); }
.stat-item strong { color: var(--ink); font: 400 44px var(--font-display); }
.stat-item span { color: var(--cognac); font-size: 12px; }
.client-mode #projectList { display: block; padding: 0; border: 0; }
.client-group-heading { display: flex; min-height: 52px; align-items: center; justify-content: space-between; margin-top: 24px; padding: 0 16px; color: var(--surface-high); background: var(--ink); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.client-card { display: none; grid-template-columns: 92px 280px minmax(0, 1fr); gap: 24px; min-height: 230px; padding: 24px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; cursor: pointer; }
.client-mode .client-card { display: grid; }
.client-card:hover, .client-card:focus-visible { box-shadow: none; transform: none; background: var(--surface); }
.client-card-index { display: flex; flex-direction: column; justify-content: space-between; padding-left: 3px; }
.client-card-index span { color: var(--cognac); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.client-card-index strong { font: 400 56px/.8 var(--font-display); }
.client-card-img { width: 280px; height: 180px; margin: 0; overflow: hidden; background: var(--surface-tint); }
.client-card-img img { width: 100%; height: 100%; object-fit: cover; }
.client-card-body { display: grid; align-content: start; padding: 0 28px 0 0; }
.client-card-section { margin: 0 0 5px; color: var(--cognac); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.client-card-name { margin: 0; font: 600 42px/.98 var(--font-display); }
.client-card-url { margin: 4px 0 9px; color: var(--cognac); font-size: 13px; }
.client-card-description { max-width: 65ch; margin: 0 0 12px; color: var(--ink-soft); font-size: 14px; line-height: 1.55; }
.client-card-tags { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 12px; }
.client-card-tag { border-color: var(--line); color: var(--ink-soft); }
.client-card-cta { display: flex; justify-content: space-between; margin-top: auto; color: var(--rouge); font-size: 13px; font-weight: 800; }

/* Modal */
.project-modal { z-index: var(--z-modal); }
.modal-backdrop { background: oklch(0.13 0.004 285 / .78); backdrop-filter: none; }
.modal-card { max-width: 1040px; border: 1px solid var(--ink); border-bottom: 0; border-radius: 3px 3px 0 0; background: var(--surface-high); box-shadow: inset 0 4px 0 var(--cognac); }
.modal-close { width: 44px; height: 44px; border: 1px solid var(--ink); }
#modalTitle { font: 600 clamp(2.7rem, 5vw, 4.8rem)/.88 var(--font-display); }
.modal-gallery figure, .modal-gallery img { border-radius: 0; }
.modal-hero > div:first-child > p, .modal-grid > section > p { font-size: 16px; line-height: 1.65; }
.modal-grid h3 { font-size: 18px; }
.modal-grid dt { font-size: 11px; }
.modal-grid dd { font-size: 15px; }
.modal-gallery figcaption { font-size: 11px; }
.suggest-keyword-hint, .suggest-keyword-status { font-size: 14px !important; }
.suggest-keyword-input { font-size: 15px !important; }
.modal-actions a, .modal-actions button, .suggest-keyword-btn, .suggest-keyword-submit { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 10px 14px; border-radius: 2px; font-size: 14px; line-height: 1.2; }
.toast { z-index: var(--z-toast); border-radius: 2px; background: var(--ink); }
.empty-state, .error-state { grid-column: 1 / -1; min-height: 260px; padding: 40px; color: var(--cognac); background: var(--surface); font-size: 16px; }

@media (max-width: 1040px) {
  body:not(.client-mode) #projectList { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .masthead-note { width: 230px; }
  .section-summary { display: none; }
  .client-mode .catalog { padding-inline: 28px; }
  .client-card { grid-template-columns: 76px 230px minmax(0, 1fr); gap: 18px; }
  .client-card-img { width: 230px; height: 155px; }
}

@media (max-width: 720px) {
  :root { --topbar-h: 112px; }
  .site-nav { height: auto; min-height: 112px; }
  .nav-inner { flex-wrap: wrap; padding: 8px 14px; gap: 7px; }
  .brand-switch { margin-right: auto; }
  .brand-button { width: 108px; }
  .brand-logo { width: 98px; }
  .nav-context { display: none; }
  .nav-controls { order: 3; width: 100%; }
  .filter-btn, .clear-btn { flex: 1; }
  .share-toggle { min-width: 96px; }
  .portfolio-masthead { min-height: 330px; place-items: start center; padding-top: 74px; }
  .masthead-quote { width: min(310px, 82vw); }
  .masthead-meta { inset: 16px 16px auto; flex-direction: row; }
  .masthead-note { right: 18px; bottom: 22px; left: 18px; width: auto; }
  .staff-search { grid-template-columns: 1fr; }
  .staff-search-label { display: none; }
  .staff-search-field { padding-inline: 14px; }
  #searchInput { font-size: 16px; }
  .section-strip { top: auto; }
  .section-heading { display: none; }
  .section-nav { padding-inline: 6px; }
  .section-button { min-height: 44px; }
  body:not(.client-mode) #projectList { grid-template-columns: 1fr; grid-auto-rows: 470px; border-left: 0; }
  .project-card, .project-card:nth-child(n) { height: 470px; border-right: 0; }
  .preview-wrap, .project-card:nth-child(n) .preview-wrap { height: 232px; }
  .client-mode { padding: 10px; }
  .client-mode .site-nav { min-height: 62px; }
  .client-mode .nav-inner { height: 62px; padding: 7px 14px; }
  .client-mode .brand-switch { margin: 0 auto; }
  .hero-copy { grid-template-columns: 1fr; padding: 28px 18px 32px; }
  .client-issue-line, .hero-stats { grid-column: 1; }
  .hero-display { font-size: clamp(3.8rem, 18vw, 5rem); }
  .client-mode .catalog { padding: 0 14px 44px; }
  .client-group-heading { margin-top: 16px; }
  .client-card { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; padding: 17px 0; }
  .client-card-index { grid-row: 1 / 3; justify-content: flex-start; gap: 12px; }
  .client-card-index span { writing-mode: vertical-rl; }
  .client-card-index strong { font-size: 44px; }
  .client-card-img { grid-column: 2; width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .client-card-body { grid-column: 2; padding-right: 2px; }
  .client-card-name { font-size: 36px; }
  .client-card-description { display: none; }
  .modal-hero { flex-direction: column; }
  .modal-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; }
  #rotatingQuote { transition: none; }
}