:root {
  color-scheme: dark;
  font-family: Georgia, "Times New Roman", serif;
  background: #17120e;
  color: #efe3cb;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top, #493620, #17120e 65%); }
main { width: min(1100px, 92vw); margin: 0 auto; padding: 56px 0; text-align: center; }
.quiet-home { min-height: 100vh; display: grid; place-content: center; }
.quiet-home h1 { font-size: clamp(2rem, 6vw, 4.5rem); }
.quiet-home p { color: #aa9b84; font-family: system-ui, sans-serif; }
.eyebrow { letter-spacing: .18em; text-transform: uppercase; color: #c7a876; }
h1 { margin: .25em 0 0; font-size: clamp(2.4rem, 7vw, 5.4rem); font-weight: 400; }
.date { margin-bottom: 36px; color: #d6c29f; }
#style-gallery { display: grid; grid-template-columns: 1.4fr .75fr; gap: 20px; align-items: stretch; }
figure { margin: 0; position: relative; overflow: hidden; border: 1px solid #9b7a48; background: #090807; }
figure img { width: 100%; height: 100%; max-height: 640px; object-fit: cover; display: block; opacity: .88; }
figcaption { position: absolute; inset: auto 0 0; padding: 18px; background: linear-gradient(transparent, rgba(0,0,0,.85)); text-align: left; }
nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 32px 0; }
nav a { padding: 13px 19px; border: 1px solid #c7a876; color: #efe3cb; text-decoration: none; }
.private-actions { margin: 32px auto; padding: 20px; max-width: 620px; border: 1px solid #6f5938; font-family: system-ui, sans-serif; }
.status { color: #aa9b84; font-family: system-ui, sans-serif; font-size: .9rem; }
@media (max-width: 720px) { #style-gallery { grid-template-columns: 1fr; } figure img { max-height: 520px; } }