/* Compact case studies, using the portfolio's existing colour and type system. */
.selected-heading-row { display:flex; align-items:baseline; justify-content:space-between; gap:24px; }
.work-story .selected-card { scroll-margin-top:145px; }
.project-observe { margin:18px 0 0; color:var(--muted); font-size:.85rem; line-height:1.7; }
.project-observe strong { color:var(--ink); }
.portfolio-landing .selected-work .section-intro--stacked { display:block; }
.portfolio-landing .selected-work .section-intro h2 { max-width:none; margin-bottom:20px; }
.portfolio-landing .selected-work .section-intro p { max-width:70ch; }
.case-tabs { display:flex; gap:24px; border-bottom:1px solid var(--line); margin-bottom:32px; }
.case-tabs[hidden] { display:none; }
.case-tabs button { position:relative; min-height:48px; padding:12px 2px 16px; border:0; background:transparent; color:var(--muted); font:700 .95rem/1.4 var(--body); cursor:pointer; }
.case-tabs button::after { content:""; position:absolute; bottom:-1px; left:0; right:0; height:3px; background:var(--accent); transform:scaleX(0); transition:transform 180ms ease; }
.case-tabs button[aria-selected="true"] { color:var(--ink); }
.case-tabs button[aria-selected="true"]::after { transform:scaleX(1); }
.case-tabs button:hover { color:var(--accent); }
.case-tabs button:focus-visible, .work-story [role="tabpanel"]:focus-visible { outline:2px solid var(--accent); outline-offset:5px; border-radius:7px; }
.portfolio-landing [data-story-mode="tabs"] .selected-grid--shelf { display:block; }
.portfolio-landing [data-story-mode="tabs"] .selected-card[hidden] { display:none; }
.portfolio-landing [data-story-mode="tabs"] .selected-card-content { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; gap:clamp(28px,4vw,64px); height:auto; }
.portfolio-landing [data-story-mode="tabs"] .selected-grid--shelf .project-media { display:flex; align-items:center; padding:24px; aspect-ratio:1.3; }
.portfolio-landing [data-story-mode="tabs"] .project-media img { width:100%; height:100%; max-height:100%; object-fit:contain; object-position:center; border-radius:7px; transform:none; }
.portfolio-landing [data-story-mode="tabs"] .project-media picture { display:block; width:100%; height:100%; min-height:0; }
.portfolio-landing [data-story-mode="tabs"] .project-copy { padding:0; }
.portfolio-landing [data-story-mode="tabs"] .project-title-line h3 { font-size:clamp(1.75rem,2.6vw,2.5rem); }
.portfolio-landing [data-story-mode="tabs"] .project-audience { min-height:0; margin-top:18px; color:var(--accent); font-size:1rem; font-weight:750; }
.portfolio-landing [data-story-mode="tabs"] .project-summary { min-height:0; font-size:.95rem; }
.method-examples { margin-top:32px; }
.method-example { display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; padding-block:24px; border-top:1px solid var(--line); }
.method-example h3 { margin:0; font-size:1.18rem; line-height:1.4; letter-spacing:-.02em; }
.method-example p { margin:0; color:var(--muted); font-size:.92rem; line-height:1.7; max-width:65ch; }
.method-example a { display:inline-flex; align-items:center; min-height:44px; margin-top:4px; color:var(--accent); font-size:.85rem; font-weight:700; text-underline-offset:4px; }
@media (max-width:760px) {
  .case-tabs { gap:20px; margin-bottom:24px; }
  .case-tabs button { font-size:.82rem; }
  .portfolio-landing [data-story-mode="tabs"] .selected-card-content { grid-template-columns:1fr; gap:24px; }
  .portfolio-landing [data-story-mode="tabs"] .selected-grid--shelf .project-media { aspect-ratio:1.4; padding:16px; }
  .portfolio-landing [data-story-mode="tabs"] .project-copy { padding:0; }
  .method-example { grid-template-columns:1fr; gap:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .case-tabs button::after { transition:none; }
}
@media print {
  .case-tabs { display:none !important; }
  .portfolio-landing .work-story .selected-card[hidden] { display:block !important; }
  .portfolio-landing .work-story .selected-card { break-inside:avoid; margin-bottom:32px; }
}