.quip-additional { width: 100%; margin: 48px 0 64px; }
.quip-additional h2 { font-size: 22px; margin: 0 0 24px; }
.quip-design-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: start; }
.quip-design-grid figure { margin: 0; }
.quip-design-grid a, .quip-design-grid img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
 .quip-additional { width: calc(100% - 40px); margin-inline: auto; }
 .quip-design-grid { grid-template-columns: 1fr; gap: 24px; }
}

/* Give the square mark a white portrait frame matching the poster artwork. */
.project-page .project-thumbnail:has(.quip-logomark) { background: #fff; }
.project-page .full-sized-image .swiper-slide:has(.quip-logomark) { background: #fff; }
.project-page .full-sized-image .swiper-slide > .quip-logomark { padding: 12%; box-sizing: border-box; }
.project-page .project-thumbnail .quip-logomark { background: #fff; padding: 10%; box-sizing: border-box; }

/* Typography trial, scoped to Quip Co before adopting it elsewhere. */
.quip-type-preview #portfolio-content {
 font-family: "Lato", sans-serif;
 font-weight: 400;
 letter-spacing: 0;
 color: #292929;
}
.quip-type-preview .project-summary h1 {
 font-size: clamp(30px, 2.8vw, 38px);
 font-weight: 700;
 line-height: 1.12;
 letter-spacing: -.025em;
 margin-bottom: 16px;
}
.quip-type-preview .project-summary .project-type {
 font-size: 18px;
 line-height: 1.5;
 color: #444;
 margin-bottom: 28px;
}
.quip-type-preview .project-facts dt {
 font-size: 14px;
 font-weight: 700;
 line-height: 1.4;
 text-transform: none;
 letter-spacing: .01em;
 margin-top: 22px;
 color: #292929;
}
.quip-type-preview .project-facts dd {
 font-size: 16px;
 font-weight: 400;
 line-height: 1.55;
 margin-top: 5px;
 color: #444;
}
.quip-type-preview .project-summary .image-caption {
 font-size: 14px;
 line-height: 1.55;
 color: #555;
 margin-top: 28px;
}
.quip-type-preview .portfolio-description { max-width: 68ch; }
.quip-type-preview .portfolio-description h2,
.quip-type-preview .quip-additional h2 {
 font-size: 24px;
 font-weight: 700;
 line-height: 1.25;
 letter-spacing: -.015em;
 margin-top: 36px;
 margin-bottom: 12px;
}
.quip-type-preview .portfolio-description p {
 font-size: 18px;
 font-weight: 400;
 line-height: 1.7;
 letter-spacing: 0;
 margin-bottom: 24px;
}
@media (max-width: 767px) {
 .quip-type-preview .project-summary h1 { font-size: 30px; }
 .quip-type-preview .portfolio-description p { font-size: 17px; line-height: 1.65; }
 .quip-type-preview .portfolio-description h2,
 .quip-type-preview .quip-additional h2 { font-size: 22px; }
}

/* Selected pairing: Acumin Pro Regular with Neuzeit Grotesk Bold. */
.quip-type-preview #portfolio-content {
 font-family: "acumin-pro", sans-serif;
}
.quip-type-preview .project-summary .image-caption { color: #c92320; }

.quip-type-preview .project-summary h1,
.quip-type-preview .portfolio-description h2,
.quip-type-preview .quip-additional h2,
.quip-type-preview .project-facts dt {
 font-family: "neuzeit-grotesk", sans-serif;
 font-weight: 700;
}

/* Wider descriptions and slightly tighter text spacing. */
.quip-type-preview .portfolio-description { max-width: none; }
.quip-type-preview #portfolio-content { letter-spacing: -.01em; }
.quip-type-preview .portfolio-description p { letter-spacing: -.01em; }

/* Lighter metadata, with regular weight retained for longer reading. */
.quip-type-preview .project-facts dd {
 font-weight: 300;
 font-style: normal;
}