/* The original Nectar applications carry the agency colours. */
.agency-case .case-opening { padding-block: clamp(22px,3vw,48px); }
.agency-case .case-opening.with-work {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  column-gap: clamp(24px,4vw,72px);
  align-items: start;
}
.agency-case .case-opening .case-abstract {
  font-size: clamp(17px,1.4vw,22px);
  line-height: 1.6;
  margin-block: 4px 16px;
}
.agency-case .case-facts { margin-block-start: 10px; }
.agency-case .case-facts > div { padding-block: 7px; }
.agency-case .agency-actions {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: 4px 14px; max-width: none;
}
.agency-actions .solid { padding: 10px 18px; }
.agency-actions p { flex-basis: 100%; margin: 6px 0; }
.agency-resources { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 22px; border-block-start: 1px solid var(--rule); padding-block: 9px; }
.agency-resources .agency-archive { font-size: 16px; }
.agency-resources .role-actions { margin: 0; }
.agency-case .role-actions .text-link { font-size: 15px; }
.agency-showcase {
  grid-area: work;
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 4px; overflow: hidden;
  background: #1d1916;
}
.agency-plate { min-width: 0; display: block; color: var(--white); text-decoration: none; }
.agency-plate:first-child { grid-column: 1/-1; }
.agency-plate img {
  width: 100%; height: auto; display: block;
  aspect-ratio: 2.55; object-fit: cover; object-position: center;
}
.agency-plate:first-child img { aspect-ratio: 2.45; }
.agency-plate > span {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 6px; padding: 6px clamp(10px,1.2vw,17px);
}
.agency-plate > span strong { font-size: 16px; line-height: 1.35; }
.agency-plate > span small { color: #e4ddcb; font-size: 13px; }
.agency-plate:is(:hover,:focus-visible) > span strong { text-decoration: underline; text-underline-offset: .3em; }
.agency-plate:focus-visible { outline: 3px solid #ffcd4b; outline-offset: -3px; }
.agency-case .agency-services { padding-inline: 0; padding-block: clamp(35px,5vw,80px); }
.agency-documents { padding-block: clamp(35px,5vw,80px); }
.agency-documents > h2 { font-size: clamp(28px,3vw,44px); margin-block-end: 20px; }
.agency-documents .presentation { max-width: 62rem; margin-inline: auto; }
.agency-case .service-body .service-proof {
  display: grid; grid-template-columns: minmax(8.4rem,.8fr) minmax(0,1.2fr); align-items: center;
  gap: clamp(12px,2vw,26px); padding-block: 16px;
}
.agency-case .service-proof .service-proof-art, .agency-case .service-proof .service-proof-case { display: block; }
.agency-case .service-proof-art img { width: 100%; height: auto; padding: 0; aspect-ratio: 14/9; }
.agency-case .service-proof-art span {
  display: block; color: var(--white); background: var(--ink); padding: 6px 9px; font-size: 14px; line-height: 1.45;
}
.agency-case .service-proof-art:is(:hover,:focus-visible) span { text-decoration: underline; }
.agency-case .service-proof .service-proof-case { min-height: auto; padding: 0; }
.agency-case .service-proof-role { display: block; color: var(--muted); margin-block-start: 5px; font-size: 16px; }
@media (prefers-reduced-motion: no-preference) {
  .agency-plate img { transition: filter .28s ease-out; }
  .agency-showcase:has(.agency-plate:hover) .agency-plate:not(:hover) img { filter: saturate(.65); }
}
@media (max-width:700px) {
  .agency-case .case-opening.with-work {
    grid-template-columns: minmax(0,1fr);
    grid-template-areas: "brief" "story" "work";
    gap: 10px;
  }
  .agency-case .case-opening .case-abstract { margin: 0 0 12px; }
  .agency-case .agency-actions { gap: 3px 10px; }
  .agency-case .agency-actions .solid, .agency-case .agency-actions .text-link { font-size: 16px; gap: 6px; }
  .agency-case .agency-actions .solid { padding-inline: 12px; }
  .agency-case .agency-actions svg { width: 18px; }
  .agency-case .agency-actions p { margin: 4px 0; }
  .agency-plate img { aspect-ratio: 2.6; }
  .agency-plate:first-child img { aspect-ratio: 2.1; }
  .agency-case .service-body .service-proof { grid-template-columns: minmax(7rem,.8fr) minmax(0,1.2fr); }
}

.web-proofs .web-proof-copy { display: grid; gap: 5px; line-height: 1.5; }
.web-proof-copy b, .web-proof-copy small { color: var(--ink); }
.web-proof-copy small { text-decoration: underline; text-underline-offset: .22em; font-size: 14px; }
.web-proofs li a:is(:hover,:focus-visible) .web-proof-copy small { text-decoration-thickness: 2px; }
@media (max-width: 740px) {
  .web-proofs li a { grid-template-columns: minmax(0,1fr); gap: 4px; }
}

.agency-case .service-proof .service-proof-need {
  color: var(--ink);
  margin: .4rem 0 .15rem;
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.45;
}
.agency-case .service-proof .service-proof-brief {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .3rem 0;
  margin-top: .2rem;
  font-weight: 700;
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: .2em;
}

.agency-case .project-heading .nectar-symbol { object-fit:contain; flex:none; width:clamp(38px,4.5vw,56px); height:auto; }
.agency-mission-source { display:inline-flex; align-items:center; min-height:44px; font-size:1rem; text-underline-offset:.22em; margin-block-end:.4rem; }