/* Landhaus Bromm: temporary public landing page. */
* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; background: #f1f2ef; color: #243d40; font-family: system-ui, sans-serif; }
.bromm-placeholder { width: 100%; max-width: 660px; text-align: center; }
.bromm-placeholder__brand { width: min(360px, 100%); margin: 0 auto 28px; padding: 24px 30px; border-radius: 4px; background: #298491; }
.bromm-placeholder__brand img { display: block; width: 100%; height: auto; filter: brightness(0) invert(1); }
.bromm-placeholder__location { margin: 0 0 30px; color: #527378; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; }
h1 { margin: 0 0 18px; font-size: clamp(26px, 5vw, 38px); line-height: 1.18; font-weight: 600; }
p { margin: 0 0 24px; font-size: 16px; line-height: 1.65; }
.bromm-placeholder__contact { display: inline-block; padding: 12px 20px; border-radius: 4px; color: #fff; background: #298491; text-decoration: none; font-weight: 600; overflow-wrap: anywhere; }
.bromm-placeholder__contact:hover { background: #216b76; }
.bromm-placeholder__contact:focus-visible { outline: 3px solid #243d40; outline-offset: 4px; }