body[data-page="community"] header,
body[data-page="community"] footer,
.community-wrap{max-width:1500px}
.community-title{font:normal 32px/1.2 Georgia,serif;letter-spacing:-.02em;margin:10px 0 30px}
.community-project{display:grid;grid-template-columns:minmax(220px,.86fr) minmax(0,1fr) minmax(0,1fr);column-gap:24px;row-gap:18px;padding:28px 0;border-top:1px solid var(--line);align-items:start}
.project-copy{align-self:center;padding:0 12px 0 0;max-width:350px}
.project-context{margin:0 0 14px;font-size:10px;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:var(--accent)}
.project-copy h2{font:normal 29px/1.2 Georgia,serif;letter-spacing:-.015em;margin:0 0 16px}
.project-description{font-size:14px;line-height:1.8;margin:0;color:var(--muted)}
.project-photo{margin:0;min-width:0}
.project-photo img{width:100%;height:auto;display:block}
.project-photo figcaption{margin:8px 0 0;font-size:10px;line-height:1.5;color:var(--muted)}
.community-project+.community-project{margin-top:20px}
#community-detail .large-image{display:block}
#community-detail .photo-caption{font:normal 17px/1.4 Georgia,serif;margin:12px 0 0}
body[data-page="community"] footer{margin-top:30px}
@media(max-width:1000px){
 .community-project{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-copy{grid-column:1/-1;max-width:560px;padding:0;margin-bottom:6px}
 .project-copy h2{font-size:26px;margin-bottom:10px}
 .project-context{margin-bottom:8px}
}
@media(max-width:700px){
 .community-title{font-size:27px;margin:6px 0 22px}
 .community-project{padding-top:22px;gap:16px}
 .project-copy h2{font-size:24px}
 .project-description{font-size:13px;line-height:1.75}
 body[data-page="community"] footer{flex-wrap:wrap}
}
@media(max-width:450px){
 .community-project{grid-template-columns:1fr;gap:20px}
 .project-copy{grid-column:auto}
}

.chem-photo-gallery{grid-column:2/-1;display:flex;flex-direction:column;gap:18px;min-width:0}
.chem-feature-row{display:grid;grid-template-columns:minmax(0,1.333333fr) minmax(0,.567635fr);gap:16px;align-items:start}
.chem-library{display:grid;grid-template-columns:minmax(0,1.883686fr) minmax(0,1.331946fr) minmax(0,1.333333fr);gap:12px;min-width:0;align-items:start}
.chem-library-pair{display:contents}
.photo-label{grid-column:1/-1;margin:0;font-size:10px;line-height:1.5;color:var(--muted)}
@media(max-width:1000px){.chem-photo-gallery{grid-column:1/-1}}
@media(max-width:600px){.chem-feature-row{grid-template-columns:1fr;gap:20px}.chem-vehicle{width:min(100%,360px)}.chem-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chem-library>figure{grid-column:1/-1}}

.art-teaching-gallery{grid-column:2/-1;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.art-teaching-don-bosco{display:flex;flex-direction:column;gap:14px;min-width:0}
@media(max-width:1000px){.art-teaching-gallery{grid-column:1/-1}}
@media(max-width:600px){.art-teaching-gallery{grid-template-columns:1fr;gap:20px}.art-teaching-don-bosco{gap:20px}}

.nextcanvas-project>.project-copy{align-self:start}
.nextcanvas-brand{display:flex;gap:16px;align-items:center;margin-bottom:20px}
.nextcanvas-logo{width:68px;height:auto;flex-shrink:0}
.nextcanvas-brand .project-context{margin-bottom:7px;font-size:9px;letter-spacing:.08em}
.nextcanvas-brand h2{margin:0}
.nextcanvas-website{display:block;margin-top:24px;text-decoration:none;max-width:350px}
.nextcanvas-website-label{display:block;margin-bottom:9px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.nextcanvas-website>img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.nextcanvas-website-link{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;color:var(--muted)}
.nextcanvas-website:hover .nextcanvas-website-link{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.nextcanvas-photo-gallery{grid-column:2/-1;display:flex;flex-direction:column;gap:18px;min-width:0}
.nextcanvas-feature-row{display:grid;grid-template-columns:minmax(0,1.333333fr) minmax(0,.576142fr);gap:16px;align-items:start}
.nextcanvas-event-row{display:grid;grid-template-columns:minmax(0,1.777778fr) minmax(0,1.75583fr) minmax(0,1.19338fr);gap:12px;align-items:start}
@media(max-width:1000px){
 .nextcanvas-photo-gallery{grid-column:1/-1}
 .nextcanvas-project>.project-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);column-gap:28px;max-width:none;align-items:start}
 .nextcanvas-brand{grid-column:1;grid-row:1}
 .nextcanvas-project .project-description{grid-column:1;grid-row:2}
 .nextcanvas-website{grid-column:2;grid-row:1/3;margin-top:0}
}
@media(max-width:700px){
 .nextcanvas-project>.project-copy{display:block;max-width:560px}
 .nextcanvas-brand{margin-bottom:16px}
 .nextcanvas-website{margin-top:20px;max-width:310px}
}
@media(max-width:600px){
 .nextcanvas-feature-row{grid-template-columns:1fr;gap:20px}
 .nextcanvas-ymca-portrait{width:min(100%,360px);justify-self:center}
 .nextcanvas-event-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .nextcanvas-event-row>figure:first-child{grid-column:1/-1}
}
@media(max-width:420px){.nextcanvas-event-row{grid-template-columns:1fr}.nextcanvas-logo{width:58px}.nextcanvas-brand{gap:12px}}
