/* A one-time invitation, sized to the visible screen with a reachable close control. */
.offer-dialog{width:calc(100% - 32px);width:calc(100% - max(16px,env(safe-area-inset-left,0px)) - max(16px,env(safe-area-inset-right,0px)));max-width:520px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:0;margin:auto;border:1px solid #e3b77b66;background:var(--panel);color:var(--paper);overflow:auto;overscroll-behavior:contain;box-shadow:0 28px 100px #0009}
.offer-dialog::backdrop{background:#070b09bf;backdrop-filter:blur(5px)}
.offer-topline{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);padding:12px 12px 12px 28px}
.offer-topline .eyebrow{color:var(--accent);font-size:11px;letter-spacing:.12em}
.offer-close{display:grid;place-items:center;width:48px;height:48px;min-width:48px;padding:0;border:1px solid var(--line);background:none;color:var(--paper);font-size:28px;font-weight:400;line-height:1}
.offer-close:hover{border-color:var(--accent)}
.offer-content{padding:8px 28px 28px}
.offer-content h2{font-size:52px;line-height:1.07;letter-spacing:-.045em;max-width:390px}
.offer-content>p{font-size:17px;line-height:1.6;color:#cbd0c2;max-width:385px;margin:22px 0 26px}
.offer-content .button{width:100%;font-size:15px;min-height:52px;gap:16px;padding:17px 20px}
@media(max-width:500px){.offer-topline{padding-left:20px;gap:10px}.offer-topline .eyebrow{font-size:10px;letter-spacing:.08em}.offer-content{padding:4px 20px 20px}.offer-content h2{font-size:clamp(37px,10vw,46px)}.offer-content>p{font-size:16px;margin:18px 0 22px}.offer-content .button{padding-inline:16px}}
@media(orientation:landscape) and (max-height:500px){.offer-dialog{max-width:600px}.offer-topline{padding-block:8px}.offer-content{padding-top:0;padding-bottom:20px}.offer-content h2{font-size:36px;max-width:none}.offer-content>p{font-size:16px;margin:12px 0 16px;max-width:none}.offer-content .button{min-height:48px;padding-block:13px}}

/* Independent of the concept's type and color system. */
.baker-offer-open{overflow:hidden}
.offer-dialog{--panel:#18211e;--paper:#f7f3e9;--accent:#e3b77b;--line:#ffffff30;border-radius:6px;font-family:Arial,sans-serif;box-sizing:border-box;text-align:left}
.offer-dialog *{box-sizing:border-box}
.offer-dialog .offer-topline{border:0;min-height:0;margin:0}
.offer-dialog .offer-topline .eyebrow{font:600 10px/1.5 Arial,sans-serif;margin:0;color:var(--accent);letter-spacing:.1em}
.offer-dialog .offer-content h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0;color:var(--paper)}
.offer-dialog .offer-content h2 em{color:var(--accent);font-weight:400}
.offer-dialog .offer-content>p{font-family:Arial,sans-serif;letter-spacing:0}
.offer-dialog .offer-explore{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:var(--panel);border:0;border-radius:0;cursor:pointer;font-family:Arial,sans-serif;font-weight:600;text-transform:none;letter-spacing:0}
.offer-dialog .offer-close{cursor:pointer;border-radius:0;font-family:Arial,sans-serif}
.offer-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:500px){.offer-dialog .offer-topline .eyebrow{font-size:9px}}

.offer-dialog{--panel:#191b17;--paper:#f3efdf;--accent:#e96953;--line:#ffffff33;border:1px solid #ffffff33;border-top:5px solid #bd3d2f;border-radius:0px;font-family:'DM Sans',Arial,sans-serif}
.offer-dialog .offer-content h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600}
.offer-dialog .offer-content h2 em{font-style:normal;font-weight:inherit;white-space:normal}
.offer-dialog .offer-topline .eyebrow{font-family:'DM Sans',Arial,sans-serif}
.offer-dialog .offer-content>p{font-family:'DM Sans',Arial,sans-serif;color:#b6b8aa}
.offer-dialog .offer-explore{font-family:'DM Sans',Arial,sans-serif;background:#bd3d2f;color:#f3efdf;border-radius:0px;transform:none}
.offer-dialog .offer-close{border-radius:0px}
.offer-dialog .offer-explore:hover{background:#bd3d2f;filter:brightness(.94);transform:none}
