
.cup-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:32px;padding-bottom:32px;border-bottom:1px solid #d5d5d5}.cup-callout h2{font-size:clamp(1.8rem,4vw,3rem);margin:8px 0}.cup-callout p{margin:8px 0}.cup-actions{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.cup-details,.cup-dismiss{font:inherit;color:inherit;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:10px}.cup-dialog{padding:0;border:0;border-radius:8px;background:#f5f3ed;color:#171717;width:min(920px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 20px 90px #0008}.cup-dialog::backdrop{background:rgba(7,15,22,.78)}.cup-layout{display:grid;grid-template-columns:1fr 1fr}.cup-layout>img{display:block;width:100%;height:100%;max-height:calc(100dvh - 24px);object-fit:contain;background:#d3ecec}.cup-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 30px 30px;gap:16px}.cup-copy h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95;margin:0}.cup-copy p{line-height:1.6;margin:0}.cup-copy .button{justify-content:center;text-align:center}.cup-close{position:absolute;right:10px;top:10px;width:44px;height:44px;border:1px solid #ccc;border-radius:50%;background:#fff;color:#171717;font-size:30px;line-height:1;cursor:pointer;z-index:2}.cup-dialog button:focus-visible,.cup-dialog a:focus-visible,.cup-details:focus-visible{outline:3px solid #d72c36;outline-offset:3px}html.cup-modal-open{overflow:hidden}@media(max-width:650px){.cup-callout{flex-direction:column;align-items:stretch}.cup-layout{grid-template-columns:1fr}.cup-layout>img{height:auto;max-height:46dvh;object-fit:contain}.cup-copy{padding:20px;gap:12px}.cup-copy h2{font-size:2.3rem}.cup-copy h2 br{display:none}.cup-copy h2 br:after{content:' '}.cup-copy .eyebrow{font-size:.7rem}.cup-copy p{font-size:.88rem}.cup-dismiss{padding:5px}.cup-dialog{max-width:440px}}
