/* Gift vouchers: perforated ticket cards, three across from 720px and tilted, stacked straight below that */
.vouchers{display:grid;gap:var(--s5)}
.voucher{--tilt:0deg;position:relative;background:var(--rose-ink);color:#fff;border:3px solid var(--bark);border-radius:var(--r);box-shadow:6px 6px 0 var(--bark);padding:var(--s6) calc(64px + var(--s5)) var(--s5) var(--s5);min-height:180px;display:grid;align-content:end;gap:6px;min-width:0}
.voucher--sage{background:var(--sage-ink)}
.voucher--bark{background:var(--bark)}
.voucher__perf{position:absolute;top:0;bottom:0;right:64px;border-left:3px dashed rgba(255,255,255,.55)}
.voucher__kicker{font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:1}
.voucher__amount{font-family:var(--fd);font-weight:600;font-size:clamp(44px,3vw + 24px,56px);line-height:1}
.voucher__text{font-size:var(--t-sm);opacity:1}
.vouchers .voucher.reveal{transform:translateY(18px) scale(.94) rotate(var(--tilt));transition:opacity .6s var(--bounce),transform .6s var(--bounce);transition-delay:calc(var(--i,0) * .1s)}
.vouchers .voucher.is-in{transform:rotate(var(--tilt))}
.vouchers .voucher.is-in:hover{transform:rotate(0) translateY(-6px);transition-delay:0s;transition-duration:.3s}
.vouchers + .btns{margin-top:var(--s7)}
@media (min-width:720px){
	.vouchers{grid-template-columns:repeat(3,1fr);gap:var(--s4)}
	.voucher{padding:var(--s5) calc(44px + var(--s4)) var(--s5) var(--s4);min-height:200px}
	.voucher__perf{right:44px}
	.voucher:nth-child(3n+1){--tilt:-2deg}.voucher:nth-child(3n+2){--tilt:1.5deg}.voucher:nth-child(3n+3){--tilt:-1deg}
}
@media (min-width:1000px){
	.vouchers{gap:var(--s6)}
	.voucher{padding:var(--s6) calc(64px + var(--s5)) var(--s5) var(--s6);min-height:230px}
	.voucher__perf{right:64px}
}
@media (prefers-reduced-motion:reduce){.vouchers .voucher.reveal{transition:none;transform:rotate(var(--tilt))}}