@font-face { font-family:"Studio Lora"; src:url("assets/fonts/promo-lora.woff2") format("woff2"); font-style:normal; font-weight:400 700; font-display:swap; }
/* Shared two-brand layout. Mobile keeps a visible close control above scrolling cards. */
.promo.subscription-promo { box-sizing:border-box; position:fixed; inset:0; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:clamp(10px,2.5vw,32px); border:0; background:transparent; color:#f6f0e4; }
.promo.subscription-promo:not([open]) { display:none; }
.promo.subscription-promo[hidden],.promo.subscription-promo [hidden] { display:none!important; }
.promo.subscription-promo[open] { display:flex; align-items:center; justify-content:center; }
.promo.subscription-promo::backdrop { background:rgba(5,12,8,.78); backdrop-filter:blur(5px); }
.subscription-promo * { box-sizing:border-box; }
.promo.subscription-promo .promo__panel { display:flex; flex-direction:column; width:min(1180px,100%); max-height:100%; min-height:0; border:1px solid #74674c; border-radius:24px; overflow:hidden; background:#102018; box-shadow:0 24px 80px #0008; animation:none; }
.promo.subscription-promo .promo__head { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:16px; padding:12px 20px; min-height:68px; background:#101a13; border-bottom:1px solid #ffffff20; }
.promo.subscription-promo .promo__tagline { margin:0; color:#e7d5a7; font:400 17px/1.4 "Studio Lora",Georgia,serif; letter-spacing:.015em; font-style:normal; }
.promo.subscription-promo .promo__close { position:static; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:8px; min-width:100px; min-height:44px; height:auto; padding:10px 14px; border:1px solid #baa570; border-radius:30px; background:#17251c; color:#f8f0df; cursor:pointer; font:400 14px/1.2 "Studio Lora",Georgia,serif; }
.promo.subscription-promo .promo__body { display:grid; grid-template-columns:1fr 1fr; grid-auto-rows:max-content; align-content:start; min-height:0; overflow:auto; overscroll-behavior:contain; }
.promo.subscription-promo .promo__half { position:relative; display:flex; flex-direction:column; min-width:0; min-height:0; aspect-ratio:auto; padding:0; gap:0; overflow:visible; background:#17271c; }
.promo.subscription-promo .promo__half--avokado { background:#25261a; border-left:1px solid #e3d4a72e; }
.promo.subscription-promo .promo__half::before,.promo.subscription-promo .promo__half::after { display:none; }
.promo.subscription-promo .promo__portrait { position:static; display:block; max-width:none; width:100%; height:auto; aspect-ratio:1672/941; object-fit:cover; object-position:center; border-radius:0; }
.promo.subscription-promo .promo__portrait[hidden] { display:none; }
.promo.subscription-promo .promo__content { position:relative; display:flex; flex:1; flex-direction:column; width:100%; max-width:none; min-width:0; gap:12px; padding:24px 28px 28px; color:#f6f0e4; }
.promo.subscription-promo .promo__brand { margin:0; color:#d7c48e; font:500 10px/1.6 "Studio Lora",Georgia,serif; letter-spacing:.09em; text-transform:uppercase; }
.promo.subscription-promo .promo__title { margin:0; color:#fff7e5; font:400 clamp(27px,2.5vw,34px)/1.18 "Studio Lora",Georgia,serif; text-shadow:none; }
.promo.subscription-promo .promo__copy { margin:0; color:#eee9de; font:400 15px/1.65 "Studio Lora",Georgia,serif; text-shadow:none; }
.promo.subscription-promo .promo__note { margin:0; color:#d6cfbc; font:400 12px/1.6 "Studio Lora",Georgia,serif; letter-spacing:0; }
.promo.subscription-promo .promo__actions { margin-top:auto; padding-top:9px; }
.promo.subscription-promo .promo__button { display:flex; width:100%; min-width:0; min-height:48px; align-items:center; justify-content:center; padding:12px 16px; border:1px solid #d9c58c; border-radius:999px; background:#e5d399; color:#172018; font:500 16px/1.35 "Studio Lora",Georgia,serif; text-align:center; text-decoration:none; text-transform:none; letter-spacing:0; box-shadow:none; }
.promo.subscription-promo .promo__button::after { display:none; }
.promo.subscription-promo .promo__button:hover { background:#f2e2b0; }
.promo.subscription-promo :is(a,button):focus-visible { outline:3px solid #f4eabf; outline-offset:3px; }
.subscription-promo-opener { display:inline-flex; align-items:center; min-height:44px; margin:10px 8px; padding:8px 16px; border:1px solid #b9a574; border-radius:24px; background:#17261d; color:#eee0b5; cursor:pointer; font:500 14px/1.3 "Studio Lora",Georgia,serif; }
.subscription-promo-opener[hidden] { display:none; }
html.promo-open,html.promo-open body { overflow:hidden; }
html.promo-open :is(.floating-cta,.sticky-cta,.cookie-notice) { visibility:hidden; }
@media(min-width:760px) and (max-height:760px) {
  .promo.subscription-promo .promo__half { display:grid; grid-template-columns:34% 1fr; }
  .promo.subscription-promo .promo__portrait { height:100%; min-height:100%; aspect-ratio:auto; object-position:33% center; }
  .promo.subscription-promo .promo__content { padding:20px; gap:10px; }
  .promo.subscription-promo .promo__title { font-size:27px; }
}
@media(max-width:759px) {
  .promo.subscription-promo { padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)); }
  .promo.subscription-promo .promo__panel { border-radius:18px; }
  .promo.subscription-promo .promo__head { padding:10px 12px; gap:10px; min-height:64px; }
  .promo.subscription-promo .promo__tagline { font-size:13px; }
  .promo.subscription-promo .promo__close { min-width:92px; font-size:13px; padding:10px; }
  .promo.subscription-promo .promo__body { grid-template-columns:1fr; grid-auto-rows:max-content; }
  .promo.subscription-promo .promo__half--avokado { border-left:0; border-top:1px solid #e3d4a73d; }
  .promo.subscription-promo .promo__content { padding:20px; gap:11px; }
  .promo.subscription-promo .promo__title { font-size:28px; }
  .promo.subscription-promo .promo__copy { font-size:15px; line-height:1.65; }
  .promo.subscription-promo .promo__brand { font-size:10px; }
}
html.edit-full .promo.subscription-promo { display:block; position:static; height:auto; padding:24px; }
html.edit-full .promo.subscription-promo .promo__panel { margin:auto; max-height:none; }
html.edit-full .promo.subscription-promo .promo__body { overflow:visible; }
html.edit-full .promo.subscription-promo .promo__close { display:none; }

.promo.subscription-promo .promo__half--alvi .promo__portrait { object-position: 76% center; }