.cover{padding:0;background:#1f1511}.cover-card{position:relative;width:min(100%,430px);height:100svh;overflow:hidden;background:#261a14;box-shadow:0 0 80px #0009}.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#180f0aa8 0%,transparent 30%,transparent 67%,#180f0acc 100%)}.cover-copy,.cover-action{position:absolute;z-index:1;left:20px;right:20px;text-align:center}.cover-copy{top:clamp(20px,4svh,42px)}.cover-copy .arabic{font-size:clamp(19px,5.5vw,26px);text-shadow:0 2px 12px #000}.cover-kicker{margin:.15rem 0;text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:#e8d5b0}.cover-copy h1{font-size:clamp(46px,13vw,64px);margin:.08em 0;text-shadow:0 4px 18px #000}.cover-copy h1 i{display:inline}.cover-action{bottom:max(28px,calc(18px + env(safe-area-inset-bottom)));padding:12px 14px 14px;border:1px solid #c9a66b66;background:#1c120dd9;backdrop-filter:blur(7px);box-shadow:0 12px 34px #0008}.cover-action .to{margin:0 0 10px;color:#f6e8ca;text-shadow:0 2px 10px #000;font-size:15px;line-height:1.3}.cover-action button{min-width:190px;box-shadow:0 8px 28px #0007}.cover.opened .cover-card{animation:coverZoom 1.1s cubic-bezier(.76,0,.24,1) both}@keyframes coverZoom{to{transform:scale(1.06);filter:blur(2px)}}@media(max-height:650px){.cover-copy{top:12px}.cover-copy h1{font-size:40px}.cover-copy .arabic{font-size:17px}.cover-action{bottom:max(18px,env(safe-area-inset-bottom));padding:8px 12px 10px}.cover-action .to{font-size:13px}.cover-action button{padding:9px 18px}}@media(prefers-reduced-motion:reduce){.cover.opened .cover-card{animation:none}}