/* Project identity, material links and complete photographs reuse the site type roles. */
.cv-project-detail{padding:24px var(--gutter) 48px}
.cv-project-heading{text-align:center;max-width:800px;margin:0 auto 24px}
.cv-project-heading .g-kicker{margin:0 0 10px}
.cv-project-heading h1{font:300 28px/1.2 var(--font-ui);text-transform:uppercase;margin:0 0 16px}
.cv-project-heading>p:not(.g-kicker){font:300 16px/1.4 var(--font-ui);color:var(--muted);margin:0}
.cv-project-systems{max-width:800px;margin:0 auto 24px}
.cv-project-systems h2{font:300 16px/1.25 var(--font-ui);text-transform:uppercase;margin:0 0 12px;text-align:center}
.cv-project-systems nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px}
.cv-project-systems .pb-material{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);padding:8px 0;min-height:40px;color:var(--ink)}
.cv-project-systems .pb-material-name{font:400 16px/1.3 var(--font-ui)}
.cv-project-photographs{columns:2;column-gap:12px}
.cv-project-photographs figure{break-inside:avoid;margin:0 0 12px}
.cv-project-photographs img{display:block;width:100%;height:auto;object-fit:contain}
.cv-project-credit{font:300 12px/1.5 var(--font-ui);color:var(--muted);margin:16px 0 0}
.cv-system-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cv-system-projects a{text-decoration:none;color:var(--ink)}
.cv-system-projects img{display:block;width:100%;height:auto;margin-bottom:8px}
body.g-preview .pb-linked-project .pb-project-link{display:block;text-decoration:none;color:#fff}
body.g-preview .pb-linked-project figure{position:relative;overflow:hidden}
body.g-preview .pb-linked-project figure::after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none;z-index:1}
body.g-preview .pb-linked-project .pb-project-system{display:block;font:400 13px/1.4 var(--font-ui);margin-top:10px;color:#fff}
@media(max-width:600px){.cv-project-detail{padding:20px 20px 32px}.cv-project-heading h1{font-size:24px}.cv-project-photographs{columns:1}.cv-system-projects{grid-template-columns:1fr}}

/* All project headings share the centre axis of their photograph area. */
body.g-preview .cv-project-detail .cv-project-heading{display:block;text-align:center;margin:0 auto 24px;max-width:900px;width:100%;padding:0;box-sizing:border-box}
body.g-preview .cv-project-detail .cv-project-heading>:is(h1,p){display:block;width:100%;max-width:none;margin-left:auto;margin-right:auto;text-align:center;box-sizing:border-box}
body.g-preview .cv-project-detail .cv-project-heading h1{font:300 28px/1.2 var(--font-ui);margin-top:0;margin-bottom:16px}
body.g-preview .cv-project-detail .cv-project-heading>.g-kicker{margin-top:0;margin-bottom:10px;text-align:center}
body.g-preview .cv-project-detail .cv-project-systems{margin-inline:auto;text-align:center}
body.g-preview .cv-project-detail .cv-project-systems h2{font:300 16px/1.25 var(--font-ui);text-align:center}

/* Same project page, using original category banner copy and native material links. */
body.g-preview .cv-project-materials{max-width:900px;margin:0 auto 24px}
body.g-preview .cv-project-materials .pb-project-intro{max-width:none}
body.g-preview .cv-project-materials h3{font:300 16px/1.25 var(--font-ui);margin:0 0 12px}
body.g-preview .cv-project-photo-label{margin:0 0 16px;font:300 16px/1.4 var(--font-ui)}
body.g-preview .pb-editorial-shell.pb-shared-entry-shell:not(:has(>.pb-business-nav))>.pb-sidebar{margin-top:20px!important}