/* Shared metadata and lists: one marker, baseline and spacing across every case. */
.meta-separator{font-family:Inter,Arial,sans-serif;font-size:1em;font-weight:400;vertical-align:baseline}
.project .project-copy h2+p,.case-page .case-copy h2+p,.case-page .case-copy h2+ul{margin-top:14px}
.case-page .case-copy h2{margin-bottom:0}
.case-page .case-copy ul{list-style:disc outside;padding-left:1.25em;margin:14px 0 0}
.case-page .case-copy li{padding-left:.125em}
.case-page .case-copy li::marker{font-size:.8em}
.case-page .case-copy li+li{margin-top:12px}
/* Scale the canvas, not the artwork: paired homepage cards share Figma's ratio. */
.page .project-pair .project-visual{height:auto;aspect-ratio:805/650}
.page .featured .project-visual.figma-cover{height:auto;aspect-ratio:1080/800;min-width:0}
.project-pair .project-visual.podcast-cover{padding-top:7.95%}
.project-pair .project-copy{padding-top:var(--caption-gap)}
.case-copy,.project-copy,figure{min-width:0}
.case-page .case-copy p,.project-copy p{overflow-wrap:break-word}
/* Stable small-screen section rhythm, while retaining intentional desktop layouts. */
@media(max-width:650px){
 .case-page .case-related{margin-top:64px}
 .case-page .case-footer{margin-top:64px}
 .case-context,.case-research,.case-decisions,.case-impact,.jib-context,.jib-task,.tele-context,.tele-decisions,.tele-outcome,.market-decisions,.market-alignment,.market-impact{gap:32px}
 .case-page .case-title{margin-bottom:48px}
 .case-page .case-copy h2{font-size:24px;line-height:28px}
 .case-page .related-grid .case-copy h2{font-size:20px;line-height:24px}
 .footer-links{justify-content:flex-start;column-gap:24px;row-gap:20px}
 .footer-links a{min-height:44px;display:inline-flex;align-items:center}
}
/* Focus affordances and a correct reduced-motion fallback. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(min-width:1101px){.page .project-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}