/* Share the full case studies' outer shell without changing trailer sections. */
html { scroll-padding-top:84px; }
.portfolio-preview {
  --ink:var(--portfolio-ink);
  --muted:var(--portfolio-muted);
  --line:var(--portfolio-rule);
  --blue:var(--portfolio-blue);
  --paper:var(--portfolio-bg);
}
.portfolio-preview :is(h1,h2,h3) { color:#0b1026; }
.portfolio-preview .decision-section { background:#f1eee7; }
.portfolio-preview .decision > p { color:var(--muted); }
.portfolio-preview :is(.comparison-panel,.comparison-image,.role-screen,.support-screen,.turn-findings,.turn-findings article,.image-open,.close-dialog,.sketch .image-link) { border-color:var(--line); }
.portfolio-preview .outcome { background:#0b1026; color:#fffdfa; }
.portfolio-preview .outcome :is(h2,h3) { color:inherit; }
.portfolio-preview .outcome .eyebrow { color:#a5c6ff; }
.portfolio-preview .outcome :is(.outcome-grid > div > p:last-child,.outcome-boundary p,.turn-handoff dd,.turn-limit,.result-source,.reported-result > p:not(.result-number)) { color:#cbd5e1; }
.portfolio-preview .outcome :is(.reported-result,.result-caveat,.outcome-boundary,.outcome-boundary p + p,.turn-handoff,.turn-handoff dl > div + div,.turn-limit) { border-color:#384056; }
.portfolio-preview .result-number { color:#fffdfa; }
.portfolio-preview .image-dialog::backdrop { background:#0b1026d9; }
.portfolio-preview .page-width {
  width:min(var(--portfolio-shell-width), calc(100% - (var(--portfolio-gutter) * 2)));
  margin-inline:auto;
}
.portfolio-preview .site-header { display:block; position:sticky; top:0; z-index:100; }
.portfolio-preview .site-header .wordmark { letter-spacing:normal; }
.portfolio-preview .site-header .nav a { border-bottom:0; padding-bottom:0; }
.portfolio-preview .skip { z-index:200; }
.portfolio-preview .interview-bottom.case-end-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; width:100%; }
.portfolio-preview .case-end-actions > .all-work { justify-self:start; text-align:left; }
.portfolio-preview .case-end-actions > .case-back-to-top { justify-self:end; white-space:nowrap; }
/* The full studies' ruled, four-column summary component. */
.portfolio-preview .project-facts { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:38px 0 0; padding:0; border-block:1px solid var(--line); }
.portfolio-preview .project-facts > div { display:block; min-width:0; padding:22px 24px; border-right:1px solid var(--line); }
.portfolio-preview .project-facts > div:first-child { padding-left:0; }
.portfolio-preview .project-facts > div:last-child { padding-right:0; border-right:0; }
.portfolio-preview .project-facts dt { margin:0 0 9px; color:var(--muted); font:500 10.5px/1.4 var(--mono); letter-spacing:.11em; }
.portfolio-preview .project-facts dd { margin:0; color:var(--ink); font-size:16px; font-weight:600; line-height:1.5; letter-spacing:-.01em; }
.portfolio-preview .next-case { display:block; }
.portfolio-preview .next-case a { border-bottom:0; }
.portfolio-preview .site-footer { width:min(var(--portfolio-shell-width),calc(100% - (var(--portfolio-gutter) * 2))) !important; }
.portfolio-preview .site-footer > span { display:block; }
@media (max-width:880px) {
  .portfolio-preview .project-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .portfolio-preview .project-facts > div { padding:20px 18px; border-bottom:1px solid var(--line); }
  .portfolio-preview .project-facts > div:nth-child(2n) { padding-right:0; border-right:0; }
  .portfolio-preview .project-facts > div:nth-child(2n + 1) { padding-left:0; }
  .portfolio-preview .project-facts > div:nth-last-child(-n + 2) { border-bottom:0; }
}
@media (max-width:560px) {
  .portfolio-preview footer.site-footer > span { text-align:left !important; }
  .portfolio-preview .project-facts { grid-template-columns:1fr; }
  .portfolio-preview .project-facts > div { padding:18px 0; border-right:0; border-bottom:1px solid var(--line); }
  .portfolio-preview .project-facts > div:nth-last-child(2) { border-bottom:1px solid var(--line); }
  .portfolio-preview .project-facts > div:last-child { border-bottom:0; }
}
/* Retain the existing three-line headlines within the narrower shared shell. */
@media (min-width:1180px) {
  .portfolio-preview :is(.hero-art,.account-evidence,.turn-evidence,.research-board) {
    width:min(var(--portfolio-media-width),calc(100vw - (var(--portfolio-gutter) * 2)));
    max-width:none;
    margin-left:50%;
    margin-right:0;
    transform:translateX(-50%);
  }
  .portfolio-preview.collections-preview .hero-grid { grid-template-columns:1.35fr .65fr; }
  .portfolio-preview.turn-preview .hero-grid { grid-template-columns:1.3fr .7fr; }
}
@media print {
  .portfolio-preview .page-width { width:100%; }
  .portfolio-preview .site-header { position:static; }
  .portfolio-preview :is(.hero-art,.account-evidence,.turn-evidence,.research-board) { width:100%; margin-inline:0; transform:none; }
  .portfolio-preview .outcome :is(h2,h3,p,dd) { color:#17191d; }
}