/* REMINOS — minimal luxury coming soon page */
:root { color-scheme: light; --ivory:#fffaf3; --espresso:#49301f; --muted:#806e5e; --line:#dfd2c1; }
* { box-sizing:border-box; }
html { min-height:100%; }
body { margin:0; min-height:100vh; min-height:100svh; background:var(--ivory); color:var(--espresso); font-family:Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.page { min-height:100vh; min-height:100svh; display:flex; flex-direction:column; justify-content:space-between; padding:clamp(28px,6vw,76px) clamp(22px,6vw,80px) 26px; }
.announcement { width:min(100%,760px); margin:auto; padding:20px 0 54px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.brand-mark { display:block; width:min(100%,560px); height:auto; mix-blend-mode:multiply; }
.rule { width:42px; height:1px; background:var(--line); margin:clamp(34px,6vh,58px) 0 27px; }
.eyebrow { margin:0 0 18px; color:var(--muted); font-size:10px; line-height:1.5; letter-spacing:.24em; font-weight:500; }
h1 { margin:0; font-family:Georgia,serif; font-size:clamp(36px,6vw,58px); line-height:1.14; font-weight:500; letter-spacing:-.035em; }
h1 span { color:#76543b; }
.description { margin:22px 0 0; color:var(--muted); font-size:clamp(14px,2vw,16px); line-height:1.85; }
.coming-soon { display:inline-flex; align-items:center; gap:10px; margin-top:34px; padding:11px 17px; border:1px solid var(--line); border-radius:999px; color:var(--espresso); font-size:10px; letter-spacing:.22em; font-weight:500; }
.dot { width:6px; height:6px; display:inline-block; border-radius:50%; background:#9a7453; }
footer { width:100%; display:flex; justify-content:space-between; gap:16px; color:#9a8877; font-size:9px; letter-spacing:.16em; line-height:1.5; }
@media(max-width:520px) { .page { padding:26px 22px 22px; } .announcement { padding:12px 0 36px; } .brand-mark { width:100%; } .rule { margin-top:34px; } .eyebrow { font-size:9px; letter-spacing:.18em; } .description { max-width:310px; } .desktop-break { display:none; } footer { font-size:8px; letter-spacing:.1em; } }
@media(prefers-reduced-motion:no-preference) { .announcement { animation:appear .8s ease-out both; } @keyframes appear { from {opacity:0;transform:translateY(8px)} to {opacity:1;transform:translateY(0)} } }