/* Original painted artwork, two shallow moving layers, and dimensional logo glasses. */
.sculpture-hero { background: #061322; }
.sculpture-art { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.paint-depth-base, .paint-depth-layer, .paint-depth-shade { position: absolute; inset: -18px; }
.paint-depth-base, .paint-depth-layer { background: url('paint.webp') center / cover no-repeat; }
.paint-depth-layer { visibility: hidden; }
.is-sculpture-ready .paint-depth-layer { visibility: visible; }
.paint-depth-magenta { mask-image: linear-gradient(135deg, transparent 37%, #000 47%, #000 52%, transparent 62%); }
.paint-depth-teal { mask-image: linear-gradient(135deg, transparent 58%, #000 66%, #000 73%, transparent 82%); }
.paint-depth-shade { background: linear-gradient(90deg, #03121dc2, #03121d55 42%, transparent 67%); }
.sculpture-art canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: opacity .45s; }
.sculpture-hero.is-sculpture-ready .sculpture-art canvas { opacity: 1; }
.sculpture-hero.is-sculpture-ready .hero-signature .glasses-space { visibility: hidden; }
.sculpture-hero .hero-inner { min-height: 530px; }
.sculpture-hero .hero-copy { width: 56%; padding-block: 58px; }
.sculpture-hero .hero-signature { width: 49%; }
.sculpture-hero .art-label { top: 35px; right: 26px; background: #061322e8; border: 1px solid #ffffff20; }
.sculpture-hero .art-note { right: 22px; bottom: 35px; font-size: 30px; }
.sculpture-hero .hero-actions .button-white-outline { background: #061322dc; }
.sculpture-hero[data-sculpture="still"] .glasses-space,
.sculpture-hero[data-sculpture="fallback"] .glasses-space { animation: none; transform: rotate(-10deg); }
@media (min-width: 641px) and (max-width: 1024px) {
  .sculpture-hero .hero-copy { width: 60%; padding-block: 56px 70px; }
  .sculpture-hero .hero-signature { width: 44%; }
  .sculpture-hero .art-note { font-size: 26px; right: 4px; bottom: 48px; }
}
@media (max-width: 640px) {
  .sculpture-hero .hero-inner { min-height: 0; padding-top: 32px; }
  .sculpture-hero .hero-copy { display: contents; }
  .sculpture-hero .hero-signature { width: 100%; height: clamp(215px, 61vw, 330px); margin: 2px 0 17px; }
  .sculpture-hero .art-note { font-size: 21px; bottom: 0; right: 0; }
  .paint-depth-base, .paint-depth-layer { background-position: 68% center; }
  .paint-depth-shade { background: linear-gradient(180deg, #03121dbf, #03121d88 23%, transparent 40%, transparent 49%, #03121deb 68%, #03121d 90%); }
}
@media (prefers-reduced-motion: reduce) {
  .sculpture-art canvas { transition: none; }
}