.persona-exhibit{margin:32px 0 0;border:1px solid #526a6d;background:#233238}
.persona-image-link{display:flex;justify-content:center;align-items:center;padding:24px;background:radial-gradient(ellipse at center,#36585e,#213238)}
.persona-image-link img{display:block;width:auto;max-width:100%;max-height:480px;height:auto;object-fit:contain;box-shadow:0 10px 28px #0004}
.persona-exhibit figcaption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 26px}
.persona-exhibit strong{display:block;font-size:1.25rem;margin-bottom:6px}
.persona-exhibit span{color:#c5d5d4;font-size:1rem}
.persona-exhibit p{color:#c5d5d4;font-size:.875rem;margin:10px 0 0;line-height:1.5}
.persona-exhibit figcaption>a{flex-shrink:0;color:#79d5d2;font-weight:700;padding:12px 16px;border:1px solid #79d5d2;text-decoration:none;border-radius:3px}
.portal-challenge{row-gap:40px}
.portal-challenge .legacy-preview{grid-column:1/-1;width:100%;margin:0}
.portal-challenge .legacy-preview>a{height:clamp(260px,38vw,460px)}
.portal-persona h2{margin-bottom:0}
.team-planning .library-item>a{position:relative;isolation:isolate;height:360px;padding:18px;background:#233238}
.team-planning .library-item img{width:auto;height:auto;max-width:100%;max-height:100%;filter:grayscale(1) contrast(1.08)}
.team-planning .library-item>a::after{content:"";position:absolute;inset:0;background:#79d5d2;opacity:.18;mix-blend-mode:color;pointer-events:none}
.foundation-images{display:grid;gap:12px;padding:16px;background:#edf0f2;height:330px;min-width:0}
.foundation-images a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:0;color:#233238;text-decoration:none;font-size:.8rem;font-weight:600}
.foundation-images img{width:100%;height:100%;min-height:0;object-fit:contain}
.foundation-images span{flex-shrink:0;text-align:center}
.colour-pair{grid-template-rows:1fr 1fr}
.state-trio{grid-template-columns:repeat(3,minmax(0,1fr))}
.foundation-hint{color:#79d5d2;font-size:.875rem}
.prototype-section{display:block;position:relative;padding:95px 0}
.prototype-section>div:first-child{max-width:70ch;margin-bottom:32px}
.prototype-section p{font-size:1.12rem;color:#c5d5d4;line-height:1.7}
.portal-finals{padding-bottom:95px}
@media(max-width:760px){
.portal-challenge .legacy-preview{grid-column:auto}
.persona-image-link{padding:14px}
.persona-exhibit figcaption{flex-direction:column;align-items:flex-start;padding:20px}
.team-planning .library-item>a{height:320px}
.foundation-images{height:280px;padding:12px;gap:8px}
.prototype-section{padding:70px 0}
.portal-finals{padding-bottom:70px}
}

.persona-image-link img{clip-path:inset(6px round 24px);box-shadow:none}
.date-line-map{grid-column:1/-1;margin:12px 0 0;padding:24px;background:#233238;border:1px solid #526a6d}
.date-line-map svg{display:block;width:100%;max-height:220px}
.date-line-map figcaption{color:#c5d5d4;font-size:.875rem;line-height:1.5;margin-top:12px}
.library-item>.colour-collection-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:10px;padding:20px;height:330px}
.colour-collection-preview img{width:100%;height:auto;max-height:100%;object-fit:contain}
@media(max-width:760px){.date-line-map{padding:14px}.library-item>.colour-collection-preview{height:280px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));padding:14px}.date-line-map figcaption{font-size:.8rem}}

/* The date-line sketch sits directly on the page. */
.date-line-map{padding:0;border:0;background:transparent}
/* Needs with concise headings and an open, structured layout. */
.portal-needs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;margin-top:32px}
.portal-needs article{padding-top:18px;border-top:1px solid #526a6d}
.portal-needs h3{font-size:1.1rem;color:#79d5d2;margin:0 0 10px;line-height:1.4}
.portal-needs article p{font-size:1rem;margin:0;line-height:1.65}
/* Restore original workshop colours. */
.team-planning .library-item img{filter:none}
.team-planning .library-item>a::after{content:none}
/* Trim the export border and bottom shadow at every displayed size. */
.persona-image-link img{clip-path:inset(.5% .3% 1.5% .3% round 24px)}
/* Open editorial foundation exhibits, without carousel controls. */
.foundation-stories{margin-top:40px}
.foundation-story{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:center;margin:0;padding:32px 0}
.foundation-story+figure{border-top:1px solid #46575b;margin-top:24px;padding-top:48px}
.foundation-story h3{font-size:1.6rem;line-height:1.3;margin:0 0 18px}
.foundation-story p{font-size:1.12rem;line-height:1.7;color:#c5d5d4;margin:0 0 24px}
.foundation-story figcaption>a{color:#79d5d2;font-weight:600;text-underline-offset:4px}
.foundation-colour-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;align-items:center;text-decoration:none}
.foundation-colour-preview img{display:block;width:100%;height:auto;max-height:235px;object-fit:contain;grid-column:span 2}
.foundation-colour-preview img:nth-child(-n+2){grid-column:span 3}
.foundation-type-preview{display:flex;align-items:center;justify-content:center}
.foundation-type-preview img{display:block;max-width:100%;width:auto;height:auto;max-height:520px;object-fit:contain}
@media(max-width:760px){.portal-needs{grid-template-columns:1fr;gap:20px}.foundation-story{grid-template-columns:minmax(0,1fr);gap:28px}.foundation-colour-preview{gap:10px}.foundation-colour-preview img{max-height:180px}.foundation-type-preview img{max-height:450px}}

/* Follow-up: a linked overview and readable foundation content. */
.date-line-map{grid-column:auto;margin-top:28px;width:100%;min-width:0}
.date-line-map svg{height:auto;max-height:none}
.portal-needs article:last-child{grid-column:1/-1}
.portal-work .artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
.portal-work h2{font-size:clamp(2.15rem,3.7vw,3.7rem);line-height:1.15;margin:18px 0}
.portal-work>p{color:#c5d5d4;line-height:1.7}
.portal-work-preview{background:radial-gradient(ellipse at center,#36585e,#213238)!important;padding:24px}
.portal-work-preview img{display:block;width:100%;height:100%;object-fit:contain}
.portal-work .artifact-meta a{color:inherit;text-decoration:none}
.portal-work .artifact-meta a:hover{color:#79d5d2}
.portal-work .artifact-meta p{color:#c5d5d4;line-height:1.6}
.portal-work article:first-child img{clip-path:inset(.5% .3% 1.5% .3% round 16px)}
.foundation-content{padding:28px 0}
.foundation-content+.foundation-content{margin-top:24px;padding-top:48px;border-top:1px solid #46575b}
.foundation-content h3{font-size:1.6rem;margin:0 0 16px}
.foundation-content p{color:#c5d5d4;line-height:1.7}
.portal-table-wrap{overflow-x:auto;margin:28px 0 24px}
.portal-table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem;line-height:1.55}
.portal-table caption{text-align:left;color:#79d5d2;font-weight:700;padding-bottom:14px}
.portal-table th,.portal-table td{padding:18px 20px;border-bottom:1px solid #46575b;vertical-align:middle}
.portal-table thead{background:#233238;color:#79d5d2}
.portal-table tbody th{font-weight:600;color:#edf4f2;width:22%}
.portal-table td{color:#c5d5d4}
.portal-swatch{display:inline-block;width:38px;height:26px;background:var(--swatch);border-radius:3px;margin-right:16px;vertical-align:middle;border:1px solid var(--swatch)}
.portal-swatch.outline{background:transparent}
.portal-swatch.soft{opacity:.22}
.foundation-source{color:#79d5d2;font-weight:600;text-underline-offset:4px}
@media(max-width:760px){.portal-work .artifact-grid{grid-template-columns:1fr}.portal-table th,.portal-table td{padding:14px 10px}.portal-table{min-width:520px}.portal-swatch{margin-right:8px}.date-line-map figcaption{font-size:.8rem}}

.portal-table tbody tr:last-child th,.portal-table tbody tr:last-child td{border-bottom:0}

.production-demo-link{display:inline-block;color:#79d5d2;font-weight:700;text-underline-offset:5px;margin:4px 0 12px}
.case-section .production-demo-note{font-size:.875rem;color:#b9cacb;margin:0}

.portal-production-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 20px}
.portal-production-stats article{border-top:1px solid #46575b;padding-top:22px;min-width:0}
.portal-production-stats strong{display:block;color:#79d5d2;font-size:clamp(2rem,3vw,2.8rem);line-height:1.1;margin-bottom:16px}
.portal-production-stats h3{font-size:1.1rem;line-height:1.4;margin:0 0 12px}
.case-section .portal-production-stats p{font-size:1rem;line-height:1.65;margin:0 0 16px}
.portal-production-stats a{font-size:.875rem;color:#79d5d2;font-weight:600;text-underline-offset:5px}
.case-section .portal-stats-note{font-size:.875rem;line-height:1.6;color:#b9cacb;margin:0}
@media(max-width:560px){.portal-production-stats{grid-template-columns:1fr}}