/* offer */
.offer{position:relative;border-radius:var(--r-lg);overflow:hidden;color:#fff;min-height:400px;display:flex;align-items:center;isolation:isolate}
.offer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.offer::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(26,18,10,.82) 0%,rgba(26,18,10,.4) 50%,rgba(26,18,10,0) 75%)}
.offer-body{margin-left:auto;max-width:520px;padding:clamp(32px,5vw,64px)}
.offer .eyebrow{color:#FFC79E}
.offer h2{margin:16px 0;font-size:clamp(28px,2.8vw,42px);color:#fff}
.offer p{color:rgba(255,255,255,.85);margin-bottom:28px}
.countdown{display:flex;gap:10px;margin-bottom:28px}
.countdown div{background:rgba(255,255,255,.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 0;width:72px;text-align:center}
.countdown b{font-family:var(--head);font-size:24px;display:block}
.countdown span{font-size:11px;opacity:.75;text-transform:uppercase;letter-spacing:.08em}
.offer .offer-orn{inset:auto;left:28px;top:0;width:auto;height:100%;object-fit:contain;z-index:0;opacity:.9}
@media (max-width:720px){
  .offer::before{background:linear-gradient(0deg,rgba(26,18,10,.85) 30%,rgba(26,18,10,.2))}
  .offer{align-items:flex-end;min-height:560px}
  .offer .offer-orn{display:none}
}