/* Preserve the established palette while keeping the green wordmarks readable. */
:root[data-theme="light"] .copycount-wordmark>span {color:#007a00!important}
.skip {z-index:10001}
button:focus-visible,select:focus-visible,video:focus-visible,audio:focus-visible {
  outline:3px solid var(--accent);outline-offset:4px;
}
.hero-bottom>a {gap:12px}
@media(max-width:850px) {
  .hero .hero-bottom {display:flex;flex-direction:column;align-items:flex-start;gap:24px}
  .hero-bottom>a {order:-1;margin-top:0;min-height:44px;padding:8px 14px;border:1px solid var(--rule);border-radius:3px}
  .hero-bottom>.hero-intro {order:0}
  .hero-bottom>.hero-portrait {order:1}
}
#category-websites .site-preview-frame {position:relative;min-width:0;width:100%}
.preview-controls {position:absolute;right:10px;bottom:10px;z-index:2;display:flex;gap:2px;padding:3px;border:1px solid #ffffff80;border-radius:6px;background:#191919ee;box-shadow:0 2px 10px #0003}
.preview-controls button {display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:3px;background:transparent;color:#fff;font:22px/1 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.preview-controls button:hover {background:#ffffff28}
.preview-controls button:focus-visible {outline:2px solid #fff;outline-offset:-4px}
.preview-controls button[hidden] {display:none}
#category-websites .site-scroll-preview.is-manual {scrollbar-width:thin;scrollbar-color:#777 transparent}
#category-websites .site-scroll-preview.is-manual::-webkit-scrollbar {display:block;width:6px}
#category-websites .site-scroll-preview.is-manual::-webkit-scrollbar-thumb {background:#777;border-radius:3px}
@media print {.preview-controls {display:none}}

/* Blend the whole scrolling surface so white logo canvases disappear in light mode,
   including browsers that composite horizontal scrollers as separate layers. */
:root[data-theme="light"] .client-strip-window {mix-blend-mode:multiply}
:root[data-theme="light"] .client-strip-track img {mix-blend-mode:normal}

/* Give the in-page work link a clear, substantial downward arrow. */
.hero-bottom>a>span {position:relative;display:inline-block;flex:none;width:18px;height:26px;font-size:0}
.hero-bottom>a>span::before {content:"";position:absolute;left:8px;top:1px;width:3px;height:21px;background:currentColor;border-radius:1px}
.hero-bottom>a>span::after {content:"";position:absolute;left:4px;bottom:2px;width:11px;height:11px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg)}
/* Topic Ownership is a peer of the work categories, with room for its own approach. */
#search-contributions {max-width:none;margin:48px -4vw;padding:56px 4vw;border:0;background:#e8e4da}
:root[data-theme="dark"] #search-contributions {background:#242522}
#search-contributions .contribution-grid article {border:0;padding-top:0}
#search-contributions + .work-category {border-top:0}
#search-contributions>.eyebrow {margin:0 0 20px}
#search-contributions h3 {font-size:clamp(44px,5.5vw,80px);line-height:1.08;max-width:none;margin:0 0 26px}
#search-contributions .contribution-intro {font-size:18px;line-height:1.7;max-width:780px;margin:0 0 32px}
#search-contributions .contribution-grid {gap:32px;margin:0}
@media(max-width:700px){
  #search-contributions {margin:32px -4vw;padding:36px 4vw}
  #search-contributions .contribution-intro {font-size:16px;margin-bottom:24px}
  #search-contributions .contribution-grid {gap:24px}
}
/* One caption column beneath every gallery, independent of the artwork's aspect ratio. */
@media(min-width:900px){#work .broadcast-slider {--gallery-gutter:64px}}
#work .broadcast-slider .broadcast-track {width:calc(100% - 2 * var(--gallery-gutter));margin-inline:auto}
#work .broadcast-slide>.broadcast-caption,
#work .broadcast-slide>.project-info {width:100%;max-width:none;margin-inline:0;text-align:left;box-sizing:border-box}
#work .broadcast-slide>.broadcast-caption {padding:12px 0 0}
#work .broadcast-caption h4 {font-size:23px;line-height:1.35}
#work .broadcast-slide>.project-info {margin-top:0}
#category-livestreams .broadcast-slide {display:block}
#category-livestreams .broadcast-slide>.collection-media {height:var(--gallery-stage);aspect-ratio:auto}
#category-livestreams .broadcast-slide>.livestream-results {width:100%;max-width:none;margin:24px 0 0}
#category-livestreams .broadcast-caption {display:block}
@media(min-width:900px){
  #category-livestreams .broadcast-slide {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);column-gap:40px;row-gap:0}
  #category-livestreams .broadcast-slide>.collection-media {grid-column:1;grid-row:1;height:auto;aspect-ratio:16/9}
  #category-livestreams .broadcast-slide>.broadcast-caption {grid-column:1;grid-row:2}
  #category-livestreams .broadcast-slide>.project-info {grid-column:1;grid-row:3}
  #category-livestreams .broadcast-slide>.livestream-results {grid-column:2;grid-row:1;align-self:center;margin:0}
  #category-livestreams .broadcast-slide .livestream-metrics {grid-template-columns:1fr;gap:24px;border:0;padding:0}
  #category-livestreams .livestream-metrics>div {display:flex;align-items:baseline;gap:18px;text-align:left}
  #category-livestreams .livestream-metrics strong {flex:0 0 105px;font-size:38px}
  #category-livestreams .livestream-metrics .metric-label {margin:0;font-size:14px}
}
.shared-lottery-case {padding-top:0;margin:24px 4% 0;padding-inline:0;border:0}
.shared-lottery-case .case-study-disclosure {margin-top:0;max-width:none}
/* Both disclosures follow the page's type, gutter and fine-rule treatment. */
.shared-lottery-case .case-study-disclosure,
#category-websites .website-more {border:0;border-top:1px solid var(--rule)}
#category-websites .website-stack>.site-project:last-of-type {border-bottom:0}
.shared-lottery-case .case-study-disclosure>summary,
#category-websites .website-more>summary {min-height:84px;padding:22px 0;border:0;background:transparent;color:var(--ink);font-size:clamp(20px,2vw,24px);font-weight:600;line-height:1.5;gap:24px}
.shared-lottery-case .case-study-disclosure>summary:hover,
#category-websites .website-more>summary:hover {color:var(--accent)}
.shared-lottery-case .case-study-disclosure>summary:hover>span:first-child,
#category-websites .website-more>summary:hover>span:not(:last-child) {text-decoration:underline;text-underline-offset:5px}
.shared-lottery-case .case-study-disclosure>summary:focus-visible,
#category-websites .website-more>summary:focus-visible {outline:3px solid var(--accent);outline-offset:5px}
.shared-lottery-case .case-study-toggle,
#category-websites .expand-mark {color:var(--accent);font-size:34px;line-height:1;flex:none;transition:transform 160ms ease}
@media(max-width:700px){
  .shared-lottery-case .case-study-disclosure>summary,
  #category-websites .website-more>summary {min-height:76px;padding:20px 0;gap:18px}
}
@media(prefers-reduced-motion:reduce){#category-websites .expand-mark{transition:none}}