/* ---- Promo popup ---- */
.ppop{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px}
.ppop[hidden]{display:none}
.ppop__veil{position:absolute;inset:0;opacity:0;transition:opacity .3s ease}
.ppop.is-on .ppop__veil{opacity:1}
.ppop__box{position:relative;z-index:1;width:min(var(--ppop-w,560px),100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 20px 60px rgba(20,17,14,.22);opacity:0;transform:translateY(10px) scale(.99);transition:opacity .28s ease,transform .28s cubic-bezier(.4,0,.2,1)}
.ppop.is-on .ppop__box{opacity:1;transform:none}

.ppop__x{position:absolute;top:10px;right:12px;z-index:2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--ink-2);background:none;border:0;cursor:pointer}
.ppop__x:hover{color:var(--ink-strong)}
.ppop__x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.ppop__body{padding:38px 36px 34px}
.ppop__h{margin:10px 0 0;font-family:var(--f-serif);font-weight:300;font-size:clamp(24px,3.2vw,34px);line-height:1.08;letter-spacing:-.03em}
.ppop__t{margin-top:12px;font-family:var(--f-sans);font-size:14px;line-height:21px;color:var(--ink-2);max-width:42ch}
.ppop__t p{margin:0 0 8px}
.ppop__form{display:flex;gap:8px;margin-top:20px}
.ppop__form input{flex:1;min-width:0;border:1px solid var(--line-2);border-radius:var(--radius-pill);padding:11px 16px;font:inherit;font-size:14px;background:var(--bg);color:var(--ink)}
.ppop__form input:focus{outline:none;border-color:var(--ink-strong)}
.ppop__cta{display:inline-block;margin-top:20px}
.ppop__ok{margin-top:18px;font-size:14px;color:var(--ink)}
.ppop__fine{margin:14px 0 0;font-size:12px;line-height:17px;color:var(--ink-3)}
.ppop__dismiss{display:block;margin-top:16px;padding:0;background:none;border:0;font-family:var(--f-sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);cursor:pointer}
.ppop__dismiss:hover{color:var(--ink-2)}

.ppop__box--split{display:grid;grid-template-columns:.85fr 1fr}
.ppop__media{position:relative;min-height:100%}
.ppop__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:620px){
  .ppop__box--split{grid-template-columns:1fr}
  .ppop__media{aspect-ratio:16/10;min-height:0}
  .ppop__media img{position:relative}
  .ppop__body{padding:28px 24px 26px}
}

.ppop[data-popup-position="corner"]{align-items:flex-end;justify-content:flex-start;padding:20px}
.ppop[data-popup-position="corner"] .ppop__veil{background:transparent!important;pointer-events:none}
.ppop[data-popup-position="corner"] .ppop__box{max-width:420px}
@media(max-width:620px){.ppop[data-popup-position="corner"]{justify-content:center}}

@media(prefers-reduced-motion:reduce){
  .ppop__veil,.ppop__box{transition-duration:.01ms}
  .ppop__box{transform:none}
}