:root {
    color-scheme: dark;
    font-family: system-ui, sans-serif;
    background: #122321;
    color: #f1eee4;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    place-items: center;
    padding: 2rem;
    background: radial-gradient(ellipse at top right, #29483e, transparent 65%);
}

main { width: min(100%, 46rem); padding: 3rem 0; }

.eyebrow {
    color: #d5ba79;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
}

h1 {
    font-family: Georgia, serif;
    font-size: clamp(2.6rem, 8vw, 5rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -.035em;
    margin: 1.5rem 0;
}

.intro { color: #d5ded7; font-size: 1.15rem; line-height: 1.6; max-width: 32rem; }
.status { display: flex; align-items: center; gap: .65rem; margin-top: 3rem; font-weight: 600; }
.status-dot { width: .55rem; height: .55rem; border-radius: 50%; background: #d5ba79; flex-shrink: 0; }
.detail { color: #b2c4ba; max-width: 30rem; line-height: 1.65; }