.project-screen{margin:0;min-width:0}.project-screen img{display:block;width:100%;height:auto;aspect-ratio:8/5;border:1px solid #d6dfd8;border-radius:4px;background:#fff}.project-screen a{display:block}.project-screen a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.project-screen figcaption{margin-top:8px;font-size:.72rem;line-height:1.45;color:var(--muted)}
.reader-card--owned-project .project-screen{margin:0 0 20px}.reader-card--owned-project .project-screen figcaption{font-size:.68rem}
.page-hero.project-preview-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:40px;align-items:center;padding:44px 0 40px}.project-preview-hero .project-hero-copy{min-width:0}.page-hero.project-preview-hero h1{font-size:clamp(2.8rem,4.8vw,4.5rem)}.project-preview-hero .lede{font-size:1.15rem;line-height:1.55;margin-bottom:0}.project-preview-hero .project-screen figcaption{color:#c1d1c6}
@media(max-width:1000px){.page-hero.project-preview-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:36px 0 32px}.project-preview-hero .project-screen{max-width:680px}.project-preview-hero .lede{max-width:760px}}
@media(max-width:620px){.page-hero.project-preview-hero{padding:32px 0 30px;gap:22px}.page-hero.project-preview-hero h1{font-size:2.65rem}.project-preview-hero .lede{font-size:1rem}.project-screen figcaption{font-size:.67rem}}
@media print{.project-screen{break-inside:avoid}.page-hero.project-preview-hero{display:block}.project-preview-hero .project-screen{max-width:480px;margin-top:20px}}