/* Four customer questions, using the original PauPack homepage images. */
.pq-roles .pq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.pq-roles .pq-card { position:relative; isolation:isolate; min-width:0; min-height:375px; display:grid; place-items:center; overflow:hidden; background:#173b32; }
.pq-roles .pq-card > img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; z-index:-2; }
.pq-roles .pq-card::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(4,20,16,.43),rgba(4,20,16,.64) 55%,rgba(4,20,16,.50)); }
.pq-roles .pq-copy { padding:40px 35px; text-align:center; width:100%; max-width:560px; }
.pq-roles .pq-copy h3 { font-family:inherit; font-size:clamp(25px,2.35vw,34px); font-weight:650; line-height:1.24; letter-spacing:-.025em; color:#fff; margin:0 auto 15px; max-width:490px; text-wrap:balance; }
.pq-roles .pq-copy > p { max-width:410px; margin:0 auto; font-size:12px; line-height:1.75; color:#edece4; text-wrap:pretty; }
.pq-roles .pq-contact { display:inline-flex; align-items:center; justify-content:center; gap:25px; background:#e2d1ac; border:1px solid #e2d1ac; border-radius:3px; color:#173a31; text-decoration:none; padding:13px 24px; margin-top:25px; font-size:14px; line-height:1.4; font-weight:650; transition:background .2s,color .2s; }
.pq-roles .pq-contact > span[aria-hidden] { font-size:20px; font-weight:400; line-height:1; }
.pq-roles .pq-contact:hover { background:#f1e6cd; border-color:#f1e6cd; color:#102f26; }
.pq-roles .pq-contact:focus-visible { outline:3px solid #fff; outline-offset:5px; }
.pq-roles .pq-card:hover > img { transform:scale(1.025); }
.pq-roles .pq-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:1100px) {
 .pq-roles .pq-grid { gap:16px; }
 .pq-roles .pq-card { min-height:350px; }
 .pq-roles .pq-copy { padding:34px 28px; }
 .pq-roles .pq-copy h3 { font-size:27px; }
}
@media(max-width:760px) {
 .pq-roles .pq-grid { grid-template-columns:1fr; gap:16px; }
 .pq-roles .pq-card { min-height:350px; }
 .pq-roles .pq-copy { padding:34px 24px; }
 .pq-roles .pq-copy h3 { font-size:28px; max-width:440px; }
 .pq-roles .pq-copy > p { font-size:12px; }
 .pq-roles .pq-contact { margin-top:24px; min-height:48px; }
}
@media(prefers-reduced-motion:reduce) {
 .pq-roles .pq-card > img,.pq-roles .pq-contact { transition:none; }
 .pq-roles .pq-card:hover > img { transform:none; }
}