:root {
  color-scheme: light;
  --ink: #10231e;
  --paper: #f6f3ec;
  --leaf: #dcede4;
  --clay: #d36e4b;
  --muted: #567069;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, sans-serif; }
.holding { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 6vw, 8rem); max-width: 1240px; margin: auto; padding: clamp(2rem, 8vw, 8rem) clamp(1.5rem, 5vw, 5rem); }
.holding-copy { max-width: 38rem; }
.wordmark { display: inline-flex; flex-direction: column; margin: 0 0 3.5rem; color: var(--ink); font-size: clamp(1.3rem, 2.4vw, 1.85rem); font-weight: 800; letter-spacing: -.07em; line-height: .78; text-transform: uppercase; }
.wordmark span:last-child { margin-left: 1.6rem; color: var(--clay); }
.eyebrow { margin: 0 0 1rem; color: var(--clay); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { max-width: 12ch; margin: 0; font-family: Georgia, serif; font-size: clamp(3rem, 6vw, 5.8rem); font-weight: 500; letter-spacing: -.065em; line-height: .9; }
.lede { max-width: 36rem; margin: 2rem 0 0; color: var(--muted); font-size: clamp(1.08rem, 1.6vw, 1.3rem); line-height: 1.55; }
.status { margin: 2rem 0 0; padding: 1rem 1.1rem; border-left: .25rem solid var(--clay); background: var(--leaf); color: #25423a; font-size: .92rem; line-height: 1.45; }
.holding-art { position: relative; margin: 0; overflow: hidden; background: var(--leaf); }
.holding-art::before { position: absolute; inset: 1rem; border: 1px solid rgba(16,35,30,.24); content: ''; pointer-events: none; }
.holding-art img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
@media (max-width: 760px) { .holding { grid-template-columns: 1fr; gap: 2.5rem; padding-top: 3rem; } .wordmark { margin-bottom: 2.5rem; } .holding-art { max-width: 32rem; } }