`data/artifacts/145b5d1ed01f/hermes3-8b.html`

93 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grandmillennial Lookbook</title>
<style>
body {
  font-family: 'Didot', 'Bodoni MT', 'Playfair Display', Georgia, serif;
  line-height: 1.5;
  background-color: #f7efe6;
  color: #3a2c22;
}

h1, h2, h3 {
  font-family: 'Didot', 'Bodoni MT', 'Playfair Display', Georgia, serif;
  letter-spacing: .15em;
}

.luxe-noir {
  background-color: #0d0d0f;
  color: #f5f2ea;
}

.ivory-gallery {
  background-color: #faf8f4;
  color: #1c1a17;
}

.synthwave {
  background-color: #12002b;
  color: #f3e9ff;
}

.terracotta-sun {
  background-color: #f7efe6;
  color: #3a2c22;
}

.palette, .room {
  display: grid;
  gap: 24px;
  padding: 96px;
}

.card {
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  transition: box-shadow .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
}

.card:hover {
  box-shadow: 0 16px 48px rgba(0,0,0,.18);
  transform: translateY(-8px);
}

@media (min-width: 620px) {
  .cards {
    display: grid;
    gap: 24px;
    padding: 96px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
}
</style>
</head>
<body>
<div class="palette ivory-gallery">
  <h1>Grandmillennial</h1>
  <div class="cards">
    <div class="card luxe-noir">
      <h2>Muted Sage</h2>
      <img src="sage-room.jpg" alt="Sage Green Living Room">
      <p>Earthy sage greens evoke the timeless elegance of grandmother's house.</p>
    </div>
    <div class="card synthwave">
      <h2>Turquoise Accent</h2>
      <img src="turq-room.jpg" alt="Turquoise Accents in Bedroom">
      <p>Bright turquoise pops against crisp white for a nostalgic yet modern look.</p>
    </div>
    <div class="card terracotta-sun">
      <h2>Blush Pink Walls</h2>
      <img src="blush-room.jpg" alt="Pink Wall in Dining Room">
      <p>Sweet blush pink walls with warm wood tones create a cozy, inviting space.</p>
    </div>
  </div>
</div>
<div class="room ivory-gallery">
  <h2>Shop This Look</h2>
  <a href="https://www.designerwallcoverings.com/grandmillennial" class="btn">Browse Grandmillennial Looks</a>
</div>
</body>
</html>