/* A consistent frame for real work and rendered concept pages. */
.client-image{height:auto;aspect-ratio:1.28;padding:22px 24px 0}
.client-image img{min-height:0}
.client-caption{min-height:145px}
.project-story{border-top:1px solid #cfd3dc;border-bottom:1px solid #cfd3dc;margin-top:6px}
.project-story summary{cursor:pointer;list-style:none;padding:17px 0;display:flex;justify-content:space-between;font-size:13px;font-weight:700}
.project-story summary::-webkit-details-marker{display:none}
.project-story summary span{font-size:20px;line-height:1}
.project-story[open] summary span{transform:rotate(45deg)}
.project-story dl{margin:0;padding:5px 0 20px;display:grid;grid-template-columns:110px 1fr;gap:15px 20px;font-size:13px}
.project-story dt{font-weight:700}.project-story dd{margin:0;color:var(--muted)}
.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.rendered-preview{display:block;position:relative;padding:13px;background:#dde1e8;border-radius:5px;overflow:hidden}
.preview-window{aspect-ratio:1.35;position:relative;overflow:hidden;background:white}
.preview-window iframe{position:absolute;left:0;top:0;width:300%;height:300%;border:0;transform:scale(.333333);transform-origin:top left;pointer-events:none}
.preview-open{position:absolute;right:22px;bottom:22px;padding:9px 12px;background:#151619;color:white;font-size:11px;border-radius:3px}
.rendered-preview:hover .preview-open{background:var(--blue)}
.concept-grid .project-info{padding-top:20px;display:block}
.concept-grid .project-info h3{font-size:25px;margin:10px 0}
.concept-grid .project-info p{font-size:13px;line-height:1.7}
.concept-grid .label{font-size:9px;letter-spacing:.04em}
.portfolio-section{padding-bottom:75px}
.about-section{margin-bottom:0}
@media(max-width:1050px){.concept-grid{grid-template-columns:1fr 1fr}.concept-grid article:last-child{grid-column:1/-1;max-width:calc(50% - 13px)}}
@media(max-width:760px){.client-caption{min-height:0}.client-image{padding:17px 17px 0;aspect-ratio:1.1}.concept-grid{grid-template-columns:1fr;gap:35px}.concept-grid article:last-child{grid-column:auto;max-width:none}.project-story dl{grid-template-columns:1fr;gap:5px}.project-story dd{margin-bottom:12px}.preview-window{aspect-ratio:1.3}.concepts-heading{margin-top:65px}}