*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Georgia,"Times New Roman",serif}
body{background:#f4efe7;color:#29251f}
.page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px}
.card{width:min(980px,100%);min-height:600px;background:#fffdf9;border:1px solid #e2d8c9;box-shadow:0 18px 55px rgba(61,45,29,.12);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}
.art{background:#e8dfd1;min-height:600px}
.art img{width:100%;height:100%;object-fit:cover}
.content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px}
.brand{font-family:Arial,Helvetica,sans-serif;letter-spacing:.22em;font-weight:700;font-size:18px;margin-bottom:55px}
.brand span{font-weight:400}
.eyebrow{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin:0 0 18px;color:#8b6f4d}
h1{font-size:clamp(34px,4vw,52px);line-height:1.12;font-weight:500;margin:0;max-width:520px}
.rule{display:flex;align-items:center;gap:14px;margin:30px 0 22px;color:#b18a5c}
.rule span{display:block;width:48px;height:1px;background:#c9b08e}
.message{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7;color:#70695f;max-width:390px;margin:0}
footer{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#8c8478;margin-top:18px}
@media(max-width:720px){.page{padding:14px}.card{grid-template-columns:1fr;min-height:auto}.art{min-height:300px;max-height:40vh}.content{padding:42px 24px 50px}.brand{margin-bottom:34px}h1{font-size:34px}}