#postcards{display:block;height:auto;min-height:0;padding:104px 60px 38px;background:#fff}
.postcard-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;max-width:1160px;margin:0 auto}
.postcard-message{min-width:0;background:#194de5;color:#fff;border-radius:28px;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:26px}
#postcards .postcard-message h2{font:300 clamp(34px,3.5vw,58px)/1.08 'Inter Display',Inter,sans-serif!important;letter-spacing:-.035em!important;color:#fff;margin:0;text-wrap:balance}
#postcards .postcard-message .postcards-intro{font:400 18px/1.5 Inter,sans-serif;color:rgba(255,255,255,.78);margin:0;max-width:330px}
#postcards .postcard-message .postcard-download{background:#fff;color:#194de5;border-radius:14px;min-height:54px;padding:16px 25px;font:500 15px/22px Inter,sans-serif;gap:12px;margin-top:8px;cursor:pointer}
#postcards .postcard-message .postcard-download:hover{background:#edf1ff}
#postcards .postcard-message .postcard-download:focus-visible{outline:2px solid #fff;outline-offset:5px}
.postcard-poster{margin:0;border-radius:28px;overflow:hidden;min-width:0;align-self:start}
.postcard-poster img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;box-shadow:none}
#postcards .postcard-message #download-status{margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.4}
#postcards .postcard-message #download-status:empty{display:none}
#postcards>.site-footer{max-width:1160px;margin:72px auto 0}
@media(max-width:1100px){#postcards{padding:80px 24px 32px}.postcard-duo{gap:16px}.postcard-message{padding:32px;gap:22px;border-radius:24px}.postcard-poster{border-radius:24px}#postcards .postcard-message h2{font-size:clamp(32px,4.2vw,46px)!important}#postcards .postcard-message .postcards-intro{font-size:16px}#postcards>.site-footer{margin-top:48px}}
@media(max-width:650px){.postcard-duo{grid-template-columns:1fr;gap:16px;max-width:480px}.postcard-message{padding:34px 28px;min-height:390px;gap:24px;border-radius:24px}#postcards .postcard-message h2{font-size:clamp(32px,8.5vw,42px)!important;line-height:1.1!important}#postcards .postcard-message .postcards-intro{max-width:100%}#postcards .postcard-message .postcard-download{min-height:52px;margin-top:0}#postcards>.site-footer{max-width:480px}}
@media(max-width:360px){#postcards{padding-left:18px;padding-right:18px}.postcard-message{padding:28px 24px;min-height:370px}#postcards .postcard-message h2{font-size:30px!important}}

/* Widen only the message panel; retain the poster's previous desktop width. */
.postcard-duo{max-width:1400px;grid-template-columns:minmax(0,1fr) min(570px,calc((100vw - 140px)/2))}
#postcards .postcard-message .postcards-intro{max-width:none}
@media(min-width:1101px){#postcards .postcard-message .postcards-intro{white-space:nowrap}}
@media(max-width:1100px){.postcard-duo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.postcard-duo{grid-template-columns:1fr}}

/* Match the section gutters; the extra width belongs to the message card. */
.postcard-duo{max-width:none}
.postcard-message{position:relative;overflow:hidden;isolation:isolate}
.postcard-message-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.postcard-message>h2,.postcard-message>p,.postcard-message>button{position:relative;z-index:1}
#postcards>.site-footer{max-width:none}
@media(max-width:650px){.postcard-duo,#postcards>.site-footer{max-width:480px}}