/* Frame & Foundation — centered 1440px composition, refined edge artwork (v4).
   Load after all main site styles. Width/layout changes only. */
@media (min-width: 1441px) {
  html { background: #100e0d; }
  body {
    background:
      radial-gradient(ellipse 52% 55% at 6% 30%, rgba(92,52,29,.15), transparent 90%),
      radial-gradient(ellipse 52% 60% at 94% 70%, rgba(92,52,29,.13), transparent 90%),
      #100e0d;
    min-height: 100vh;
  }
  body > .site-header,
  body > main,
  body > .footer {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }

  /* The decorative panels sit in .container, which is narrower than the hero.
     Extend ONLY their positioning to the outer 1440px site edges.
     Do not change the central copy columns, photographs, or image crop. */
  main .music-section .music-layout,
  main .philosophy .philosophy-layout {
    position: relative;
  }
  main .music-section .record-art {
    margin-left: 0 !important;
    left: calc((100% - 1440px) / 2) !important;
    /* The turntable art is still inset ~100px from the framed hero edge.
       Shift its visual layer left only; leave the music text/layout untouched. */
    transform: translateX(-100px) !important;
  }
  main .philosophy .martini-art {
    margin-right: 0 !important;
    right: calc((100% - 1440px) / 2) !important;
    transform: none !important;
  }

  /* Keep the small hero motto attached to the right edge of the hero,
     not a viewport-width-based offset on ultrawide monitors. */
  main .hero .hero-aside {
    right: 32px !important;
    left: auto !important;
    transform: none !important;
  }
}