.sperber-popup-lock{overflow:hidden}
.sperber-popup{position:fixed;inset:0;z-index:1000;pointer-events:none;font-family:Arial,Helvetica,sans-serif;color:#373131}
.sperber-popup.is-visible{pointer-events:auto}
.sperber-popup-backdrop{position:absolute;inset:0;background:rgba(31,24,19,.42);opacity:0;transition:opacity .28s ease}
.sperber-popup.is-visible .sperber-popup-backdrop{opacity:1}
.sperber-popup-card{position:absolute;left:50%;top:50%;width:min(92vw,560px);max-height:calc(100dvh - 42px);overflow:auto;background:#fcfaf7;border-radius:20px;box-shadow:0 24px 70px #2f241b35;opacity:0;transform:translate(-50%,-47%) scale(.98);transition:opacity .28s ease,transform .28s ease}
.sperber-popup-card:focus{outline:none}
.sperber-popup.is-visible .sperber-popup-card{opacity:1;transform:translate(-50%,-50%) scale(1)}
.sperber-popup-close{position:absolute;top:14px;right:14px;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#f0eae4;color:#67564b;font-size:25px;line-height:1;cursor:pointer}
.sperber-popup-close:hover{background:#e6dcd2}
.sperber-popup-image{display:block;width:100%;height:min(30vh,220px);object-fit:cover}
.sperber-popup-card picture{display:block}
.sperber-popup-content{padding:36px}
.sperber-popup-content h2{font-size:clamp(27px,4vw,36px);line-height:1.2;font-weight:400;margin:0 38px 18px 0}
.sperber-popup-content p{font-size:17px;line-height:1.65;margin:0 0 16px;white-space:pre-line}
.sperber-popup-action{display:inline-block;margin-top:10px;padding:13px 22px;border-radius:11px;background:#807164;color:#fff;text-decoration:none;font-size:16px}
.sperber-popup-action:hover{background:#706155;color:#fff}
.sperber-popup--corner{inset:auto 20px 20px auto;width:min(420px,calc(100vw - 40px));height:auto}
.sperber-popup--corner .sperber-popup-backdrop{display:none}
.sperber-popup--corner .sperber-popup-card{position:relative;left:auto;top:auto;width:100%;max-height:calc(100dvh - 40px);transform:translateY(18px)}
.sperber-popup--corner.is-visible .sperber-popup-card{transform:translateY(0)}
@media(max-width:600px){.sperber-popup-content{padding:27px 23px}.sperber-popup-content p{font-size:16px}.sperber-popup--corner{right:10px;bottom:10px;width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.sperber-popup-backdrop,.sperber-popup-card{transition:none}}

.sperber-popup-card{background:radial-gradient(circle at 90% 8%,#eee6dd 0,#fcfaf7 38%,#fcfaf7 100%)}
.sperber-popup-content .sperber-popup-eyebrow{display:flex;align-items:center;gap:9px;margin:0 42px 16px 0;color:#806b5c;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}
.sperber-popup-eyebrow::before{content:'';width:7px;height:7px;flex:none;background:#9b806e;border-radius:50%;box-shadow:0 0 0 5px #e7dbd1}
.sperber-popup-content h2{font-size:clamp(31px,4vw,40px);letter-spacing:-.045em}
.sperber-popup-action{box-shadow:0 7px 17px #66534421;transition:background .2s,transform .2s,box-shadow .2s}
.sperber-popup-action:hover{transform:translateY(-2px);box-shadow:0 9px 20px #6653442f}
@media(prefers-reduced-motion:reduce){.sperber-popup-action{transition:none}}

/* The promotional banner uses the media-pool image edge to edge, without a frame. */
.sperber-popup--banner .sperber-popup-card{width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:18px;background:#fff;box-shadow:0 24px 70px #2f241b35}
.sperber-popup--banner .sperber-popup-image{height:auto;aspect-ratio:1983/793;object-fit:cover}
.sperber-popup--banner .sperber-popup-close{top:16px;right:16px;width:42px;height:42px;background:#fffdf9eb;color:#53463f}
.sperber-popup--banner .sperber-popup-content{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);column-gap:30px;align-items:start;padding:27px 34px 30px}
.sperber-popup--banner .sperber-popup-heading{grid-column:1;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.sperber-popup--banner .sperber-popup-eyebrow{gap:0;margin:0 0 15px}
.sperber-popup--banner .sperber-popup-eyebrow::before{display:none}
.sperber-popup--banner .sperber-popup-content h2{margin:0 0 22px;font-size:clamp(34px,4vw,46px);font-weight:500;line-height:1.08}
.sperber-popup--banner .sperber-popup-action{align-self:flex-start;margin:0;white-space:nowrap}
.sperber-popup--banner .sperber-popup-body{grid-column:2}
.sperber-popup--banner .sperber-popup-body p{font-size:16px;line-height:1.4;margin:0 0 11px;white-space:normal}
.sperber-popup--banner .sperber-popup-body p strong{font-weight:700}
.sperber-popup--banner .sperber-popup-body p:nth-child(2),.sperber-popup--banner .sperber-popup-body p:nth-child(3){font-weight:700;line-height:1.3}
.sperber-popup--banner .sperber-popup-body p:nth-child(2){font-size:19px;line-height:1.25}
.sperber-popup--banner .sperber-popup-body p:nth-child(4){color:#68605b;font-size:14px}
.sperber-popup--banner .sperber-popup-body p:last-child{margin-bottom:0;color:#373131;font-size:18px;font-weight:600;line-height:1.35}
@media(max-width:700px){.sperber-popup--banner .sperber-popup-content{grid-template-columns:1fr;gap:0;padding:23px 24px 27px}.sperber-popup--banner .sperber-popup-heading,.sperber-popup--banner .sperber-popup-body{grid-column:1;grid-row:auto}.sperber-popup--banner .sperber-popup-heading{margin-bottom:24px}.sperber-popup--banner .sperber-popup-content h2{margin:0 0 18px;font-size:36px}.sperber-popup--banner .sperber-popup-body p{font-size:15px}.sperber-popup--banner .sperber-popup-body p:nth-child(2){font-size:17px}.sperber-popup--banner .sperber-popup-body p:nth-child(4){font-size:13px}.sperber-popup--banner .sperber-popup-body p:last-child{font-size:16px}}
