#orientation-gate{color:#f0e8d6;background:radial-gradient(ellipse at 50% 5%,#314b34,#14251c 65%);border:1px solid #cbb17b66;border-radius:18px;width:min(410px,calc(100vw - 30px));max-height:calc(100dvh - 30px);padding:30px 24px;overflow:auto;text-align:center;box-shadow:0 30px 90px #0009}
#orientation-gate::backdrop{background:#08110bf5;backdrop-filter:blur(12px)}
.orientation-phone{display:grid;place-items:center;margin:8px auto 28px;width:106px;height:62px;border:2px solid #cfb97e;border-radius:10px;box-shadow:0 0 50px #d5be8516;font:36px Georgia;color:#dac38c;transform:rotate(-7deg)}
#orientation-gate .eyebrow{font-size:8px;letter-spacing:1.8px}#orientation-gate h2{font:30px/1.5 var(--serif);margin:18px 0 12px}#orientation-gate p{font:14px/1.9 var(--reading);color:#bec8b8;margin:0 0 24px}#orientation-gate button{display:block;width:100%;min-height:48px;font-size:14px;margin-top:12px;border-radius:8px}#orientation-gate .primary{padding:12px 16px}