/* Isolate the real-photo gallery from the former 12-column mockup layout. */
.home-view #creations-section { padding: clamp(40px, 6vw, 72px) clamp(16px, 3vw, 40px); }
.home-view #creations-section .section-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 32px; align-items: end; }
.home-view #creations-title { font-size: clamp(32px, 4vw, 60px); line-height: 1.04; letter-spacing: -.05em; }
.home-view #creations-section .section-heading .lead { max-width: 500px; margin: 0; }
.home-view #creations-showcase-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 36px 24px !important; align-items: start; margin-top: 36px; }
.home-view #creations-showcase-grid .creation-item-card:nth-child(n) { grid-column: auto !important; min-width: 0; margin: 0 !important; opacity: 1; visibility: visible; transform: none; transition: none; border: 0; box-shadow: none; }
.home-view #creations-showcase-grid .creation-mockup-wrapper { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 1.12; border-radius: 18px; overflow: hidden; background: var(--paper); clip-path: none; }
.home-view #creations-showcase-grid .creation-img { display: block; width: 100%; max-width: none; height: 100%; max-height: none; object-fit: cover; filter: none; transition: transform .65s cubic-bezier(.22,1,.36,1); }
.home-view #creations-showcase-grid .creation-card-info { padding: 16px 0 0; }
.home-view #creations-showcase-grid .creation-card-info h3 { font-size: clamp(20px, 2vw, 26px); }
.home-view #creations-showcase-grid .production-revealed { animation: production-arrive .6s cubic-bezier(.22,1,.36,1); }
@keyframes production-arrive { from { transform: translateY(18px); } to { transform: translateY(0); } }
@media (hover: hover) and (pointer: fine) {
  .home-view #creations-showcase-grid .creation-item-card:hover .creation-img { transform: scale(1.045); }
}
@media (max-width: 1023px) {
  .home-view #creations-showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .home-view #creations-section .section-heading { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 600px) {
  .home-view #creations-showcase-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .home-view #creations-showcase-grid .production-revealed { animation: none; }
  .home-view #creations-showcase-grid .creation-img { transition: none; transform: none !important; }
}