/* Palette adapted from Next Level Properties Team: crisp white, charcoal, and deep crimson. */
:root {
  --ink: #202020;
  --cream: #fbfbfa;
  --clay: #b32035;
  --sand: #e7e5e3;
  --gold: #b32035;
  --line: rgba(32, 32, 32, .18);
}

.site-header { background: var(--cream); }
.eyebrow { font-size: 13px; letter-spacing: .1em; }
.hero-art { background: #eceae8; }
.sun { background: #d6d2ce; }
.arch-back { background: #2d2d2d; }
.arch-front { background: var(--clay); }
.trust-bar { min-height: 78px; background: #202020; font-size: 13px; font-weight: 500; letter-spacing: .07em; }
.ways { background: #efedeb; }
.process-visual { background: #e8e6e4; }
.consultation { background: var(--clay); }
.agent-portrait { overflow: hidden; background: #e4e2e0; }
.agent-portrait::before, .agent-portrait span { display: none; }
.agent-portrait img { width: 100%; height: 100%; min-height: 500px; display: block; object-fit: cover; object-position: center; }
.brokerage { font-size: 10px; letter-spacing: .015em; }
.website-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.status-page { min-height: 100vh; display: grid; place-items: center; padding: 28px; }
.status-card { width: min(680px, 100%); padding: clamp(40px, 8vw, 86px); background: #efedeb; border-top: 6px solid var(--clay); }
.status-card .brand { margin-bottom: clamp(50px, 8vw, 95px); }
.status-card h1 { font: 500 clamp(42px, 6vw, 67px)/1.05 var(--display); letter-spacing: -.045em; margin: 0 0 23px; }
.status-card p:not(.eyebrow) { max-width: 500px; margin: 0 0 31px; font-size: 16px; line-height: 1.75; }
.status-card p a { color: var(--ink); }

@media (max-width: 760px) {
  .agent-portrait img { min-height: 360px; }
  .eyebrow { font-size: 12px; }
  .trust-bar { min-height: 74px; font-size: 11px; letter-spacing: .045em; }
}