.invoice-section { --invoice-accent:#e5c486; --invoice-muted:#bdbbb5; padding:32px 0; background:linear-gradient(110deg,#131412,#24251f); border-block:1px solid #9c824b40; }
.invoice-section .invoice-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:36px; align-items:center; }
.invoice-inner > img { display:block; width:100%; height:auto; aspect-ratio:2 / 1; object-fit:contain; border-radius:6px; box-shadow:0 8px 24px #0003; }
.invoice-copy { min-width:0; padding-left:32px; border-left:1px solid #cdb37835; }
.invoice-kicker { display:block; margin-bottom:10px; color:var(--invoice-accent); font-size:10px; line-height:1.4; font-weight:700; letter-spacing:0; }
.invoice-copy h2 { margin:0 0 12px; color:#fff; font-size:26px; line-height:1.22; letter-spacing:0; }
.invoice-copy h2 em { color:var(--invoice-accent); font-family:Georgia,serif; font-weight:400; }
.invoice-copy p { max-width:480px; margin:0 0 14px; color:var(--invoice-muted); font-size:14px; line-height:1.65; }
.invoice-copy p strong { color:#f2f4ed; font-weight:600; }
.invoice-contact { display:inline-flex; align-items:center; gap:14px; min-height:32px; color:var(--invoice-accent); font-size:13px; line-height:1.5; font-weight:600; text-decoration:none; }
.invoice-contact span { font-size:20px; line-height:1; }
.invoice-contact:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.invoice-contact:focus-visible { outline:2px solid var(--invoice-accent); outline-offset:5px; border-radius:2px; }
@media(max-width:900px) {
 .invoice-section .invoice-inner { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
 .invoice-copy { padding-left:24px; }
 .invoice-copy h2 { font-size:24px; }
}
@media(max-width:600px) {
 .invoice-section { padding:24px 0; }
 .invoice-section .invoice-inner { grid-template-columns:minmax(0,1fr); gap:22px; }
 .invoice-inner > img { max-width:100%; margin-inline:auto; }
 .invoice-copy { max-width:380px; width:100%; margin-inline:auto; padding-left:0; border-left:0; }
 .invoice-copy h2 { font-size:23px; }
 .invoice-copy h2 br { display:none; }
 .invoice-copy h2 em::before { content:' '; }
 .invoice-copy p { font-size:13px; margin-bottom:10px; }
 .invoice-kicker { margin-bottom:8px; }
}
