/* Punch list v6 (Oct 12, 2026): chapter galleries and flyers, the team photograph, the client's words, the logo. */
/* The circular D2 logo redrawn from the supplied image (scripts/build_brand_mark.py): a mask, so it takes the text colour */
.brand-mark,.footer-mark{background:currentColor;-webkit-mask:url("../brand/drce-monogram.0b5fe51e8b84.svg") center/contain no-repeat;mask:url("../brand/drce-monogram.0b5fe51e8b84.svg") center/contain no-repeat}
.brand-mark{flex:none;width:46px;height:46px;margin-right:-4px}
.footer-mark{display:block;width:clamp(110px,10vw,150px);aspect-ratio:1;margin-bottom:26px;-webkit-mask-image:url("../brand/drce-mark.ba93c18b5da6.svg");mask-image:url("../brand/drce-mark.ba93c18b5da6.svg")}
.flyer{margin:0;min-width:0}
.flyer video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#171815;border-radius:var(--photo-radius,8px)}
.flyer-frame{position:relative;border-radius:var(--photo-radius,8px);overflow:hidden}
.flyer-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .45s ease}
.is-playing .flyer-poster{opacity:0}
.flyer figcaption{font-size:12px;line-height:1.5;color:var(--muted);padding-top:10px}
.archive-flyers{display:flex;gap:16px;align-items:start}
.archive-flyers .flyer{flex:1 1 0;max-width:340px}
.cms-archive-project--panorama .archive-flyers{margin-top:32px}
.archive-more{display:flex;gap:16px;margin-top:32px;align-items:start}
.archive-more-photo{flex:1 1 0;min-width:0;border-radius:var(--photo-radius,8px)}
.archive-more-photo img{width:100%;height:auto}
.work-image--flyer{display:flex;flex-direction:column;justify-content:center;align-items:center;aspect-ratio:590/820;padding:20px;background:var(--studio,#171b19);border-radius:var(--photo-radius,14px)}
.work-image--flyer .flyer{height:100%;display:flex;flex-direction:column;align-items:center;min-height:0}
.work-image--flyer video{width:auto;height:100%;min-height:0;max-width:100%;flex:1 1 auto}
.work-image--flyer figcaption{color:var(--stage-muted,#d1d0c6);text-align:center}
.team-photo{grid-column:1/-1;margin:0}
.team-photo img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:center 45%;border-radius:var(--photo-radius,8px)}
.testimonial{padding-block:72px}
.testimonial-figure{display:grid;grid-template-columns:180px minmax(0,680px);gap:48px;align-items:center;margin:0 auto;max-width:960px}
.testimonial-photo{width:180px;height:180px;border-radius:50%;object-fit:cover}
.testimonial-quote{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.45;letter-spacing:-.01em}
.testimonial-quote p{margin:0}.testimonial-quote p+p{margin-top:.8em}
.testimonial-name{margin-top:20px;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
@media(max-width:700px){
 .brand-mark{width:38px;height:38px}
 .archive-flyers{overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
 .archive-flyers .flyer{flex:0 0 72vw;max-width:300px}
 .archive-more{gap:10px;margin-top:20px}
 .archive-more-photo .photo-open{display:none}
 .team-photo img{aspect-ratio:3/2}
 .testimonial{padding-block:48px}
 .testimonial-figure{grid-template-columns:1fr;gap:24px}
 .testimonial-photo{width:120px;height:120px}
 .testimonial-quote{font-size:19px}
}