.card-promo { position:fixed; width:min(900px,calc(100vw - 48px)); max-width:none; max-height:calc(100dvh - 48px); margin:auto; padding:0; border:0; border-radius:10px; overflow:auto; overscroll-behavior:contain; color:var(--ink); background:#f8f6f0; box-shadow:0 28px 110px #141d2866; }
.card-promo:not([open]) { display:none; }
.card-promo[open] { display:grid; grid-template-columns:1.12fr 1fr; animation:card-promo-enter .3s ease-out; }
.card-promo::backdrop { background:#20271fd1; backdrop-filter:blur(4px); }
.card-promo:focus-visible { outline:none; }
body.card-promo-visible { overflow:hidden; }
.card-promo-close { position:absolute; z-index:2; top:14px; right:14px; display:grid; place-items:center; width:40px; height:40px; padding:10px; border-radius:50%; color:#f8f6f0; background:#f8f6f015; }
.card-promo-close:hover { background:#f8f6f030; }
.card-promo-close:focus-visible { outline-color:#f8f6f0; outline-offset:2px; }
.card-promo-close svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; }
.card-promo-copy { padding:43px 43px 29px; }
.card-promo-eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:22px; font-size:9px; font-weight:600; letter-spacing:.17em; color:var(--olive); }
.card-promo-eyebrow > span { width:6px; height:6px; border-radius:50%; background:var(--olive); }
.card-promo h2 { font-size:clamp(35px,3.7vw,49px); font-weight:400; letter-spacing:-.055em; line-height:1.02; }
.card-promo h2 em { font-size:1.13em; color:var(--olive); }
.card-promo-description { margin-top:18px; font-size:13px; line-height:1.75; color:#6d7065; }
.card-promo-benefits { margin:23px 0 26px; padding:0; list-style:none; display:grid; gap:15px; }
.card-promo-benefits li { display:flex; align-items:baseline; gap:12px; }
.card-promo-benefits li > span { font-size:9px; color:#91967d; font-variant-numeric:tabular-nums; }
.card-promo-benefits p { font-size:11px; line-height:1.7; color:#777a6e; }
.card-promo-benefits strong { font-weight:500; font-size:12px; color:var(--ink); }
.card-promo-cta { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:50px; padding:15px 20px; border-radius:3px; font-size:13px; font-weight:500; color:#fffdf5; background:var(--olive); transition:background .2s; }
.card-promo-cta:hover { color:#fffdf5; background:#414b34; }
.card-promo-cta svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.card-promo-help { margin-top:12px; font-size:9px; line-height:1.65; color:#777a6e; }
.card-promo-later { display:block; min-height:44px; margin:7px auto -7px; padding:12px 8px; font-size:10px; color:#777a6e; text-decoration:underline; text-underline-offset:4px; }
.card-promo-later:hover { color:var(--ink); }
.card-promo-art { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; min-width:0; overflow:hidden; padding:55px 32px 36px; color:#f5f1df; background:radial-gradient(ellipse at 30% 20%,#697451,#39452f 70%); }
.card-promo-art-label { z-index:1; margin-bottom:56px; font-size:8px; letter-spacing:.17em; color:#ebefd7a6; }
.card-promo-rings { position:absolute; top:15%; left:-65%; width:180%; aspect-ratio:1; border:1px solid #d5ddba1a; border-radius:50%; }
.card-promo-rings::before,.card-promo-rings::after { content:''; position:absolute; inset:11%; border:1px solid #d5ddba1a; border-radius:50%; }
.card-promo-rings::after { inset:22%; }
.card-promo-plastic { position:relative; z-index:1; width:100%; max-width:320px; aspect-ratio:1.586; flex-shrink:0; padding:26px; border:1px solid #e8dec588; border-radius:12px; color:#3e4734; background:linear-gradient(115deg,#f2ead8,#ddd3b9 70%,#eee5d0); box-shadow:0 25px 38px #15200f66,inset 0 1px 0 #fff8; transform:rotate(-9deg); }
.card-promo-plastic::after { content:''; position:absolute; top:0; bottom:0; right:26px; width:1px; background:#aeb39b55; }
.card-promo-wordmark { display:block; font-family:'Times New Roman',Times,serif; font-size:30px; line-height:1; letter-spacing:.055em; }
.card-promo-card-tagline { display:block; margin-top:4px; font-family:'Cormorant Garamond',Georgia,serif; font-size:16px; font-style:italic; }
.card-promo-contactless { position:absolute; top:27px; right:47px; width:22px; height:22px; fill:none; stroke:#788264; stroke-width:1.4; stroke-linecap:round; }
.card-promo-card-bottom { position:absolute; bottom:25px; left:26px; right:45px; display:flex; align-items:flex-end; justify-content:space-between; gap:10px; }
.card-promo-card-bottom > span:first-child { font-size:8px; letter-spacing:.13em; line-height:1.6; }
.card-promo-card-bottom > span:last-child { font-size:8px; line-height:1.5; text-align:right; color:#758062; }
.card-promo-art-caption { position:relative; z-index:1; margin-top:62px; font-size:25px; font-weight:400; line-height:1.1; letter-spacing:-.035em; text-align:center; }
.card-promo-art-caption em { font-size:1.3em; }
.card-promo-art-address { position:relative; z-index:1; margin-top:32px; font-size:7px; letter-spacing:.16em; color:#ebefd78c; }
.card-promo-reopen { padding:10px 0; font-size:11px; color:var(--olive); text-align:left; }
.card-promo-reopen span { margin-left:9px; }
.card-promo-reopen[hidden] { display:none; }
@keyframes card-promo-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:640px) {
  .card-promo { width:calc(100vw - 28px); max-height:calc(100dvh - 28px); border-radius:9px; }
  .card-promo[open] { display:flex; flex-direction:column; }
  .card-promo-art { order:-1; flex-shrink:0; min-height:183px; padding:31px 28px 29px; }
  .card-promo-art-label,.card-promo-art-caption,.card-promo-art-address { display:none; }
  .card-promo-plastic { width:218px; padding:20px; border-radius:9px; transform:rotate(-7deg); }
  .card-promo-wordmark { font-size:24px; }
  .card-promo-card-tagline { font-size:14px; }
  .card-promo-contactless { width:18px; height:18px; top:23px; right:35px; }
  .card-promo-plastic::after { right:17px; }
  .card-promo-card-bottom { bottom:17px; left:20px; right:34px; }
  .card-promo-card-bottom > span { font-size:6px!important; }
  .card-promo-close { top:12px; right:12px; width:36px; height:36px; }
  .card-promo-copy { padding:24px 26px 20px; }
  .card-promo-eyebrow { margin-bottom:13px; font-size:8px; }
  .card-promo h2 { font-size:37px; }
  .card-promo-description { margin-top:12px; font-size:12px; line-height:1.6; }
  .card-promo-benefits { margin:17px 0 20px; gap:10px; }
  .card-promo-benefits p { font-size:10px; }
  .card-promo-benefits strong { font-size:11px; }
  .card-promo-cta { min-height:48px; }
  .card-promo-help { font-size:9px; }
  .card-promo-later { margin-top:4px; }
}
@media(prefers-reduced-motion:reduce) { .card-promo[open] { animation:none; } }

.header-card-actions { display:flex; flex-direction:column; align-items:flex-end; justify-self:end; }
.header-card-actions .header-contact { min-height:26px; padding:4px 0; font-size:11px; }
.header-card-actions .header-contact:first-child { color:var(--olive); font-weight:500; }
@media(max-width:640px) { .header-card-actions .header-contact { font-size:9px; white-space:normal; text-align:right; } .footer-bottom { flex-wrap:wrap; gap:16px; } }