/* Desktop surround only. These decorative wings stop at the unchanged 1200px
   banner frame: no image crop, overlay, filter, repositioning or mobile changes.
   Colour stops sample the ORIGINAL banner's outermost 3 pixel columns, averaged
   across 7 rows every 2% of image height. This is colour analysis, not an image
   derivative: the original PNG remains the only image and stays byte-identical.
   The sampled colours diffuse into ivory within 52px, regardless of screen width,
   so kitchen edges do not turn into long streaks across the desktop surround.
   The same background behind the opaque image fills only its existing fractional
   contain gutters; it is never painted over the banner artwork. */
@media(min-width:1201px){
  #class-details.class-hero-banner{
    position:relative;
    --alaia-hero-left-edge:linear-gradient(to bottom,
      #fce9e3 0%,#fae7e1 2%,#fbe0da 4%,#daa8a2 6%,#b5907e 8%,#ad8c7b 10%,
      #ac8c79 12%,#eec7bf 14%,#fbdfd9 16%,#f6beb8 18%,#f8b9bf 20%,#fac8cb 22%,
      #eed1c9 24%,#c2a796 26%,#a9927d 28%,#cbb6a7 30%,#c5b5a3 32%,#dccec1 34%,
      #eadcd3 36%,#fcf1eb 38%,#f3e5de 40%,#d8bfb1 42%,#dfccc0 44%,#f5e4df 46%,
      #e9b2b1 48%,#f0a5ac 50%,#f8babd 52%,#fce0da 54%,#f7c7c1 56%,#f9c6c1 58%,
      #f2a9ae 60%,#f6bbc1 62%,#f9d0d2 64%,#e8bbb6 66%,#dbaca2 68%,#b18876 70%,
      #e0aba5 72%,#dcb6ab 74%,#e9d5cb 76%,#a38f78 78%,#ead1c6 80%,#e6c4b9 82%,
      #bb9382 84%,#e8cbc3 86%,#f1cac8 88%,#f5bfc2 90%,#f7b7bc 92%,#efa5ad 94%,
      #f0a3ac 96%,#eda4ab 98%,#f6c5c4 100%);
    --alaia-hero-right-edge:linear-gradient(to bottom,
      #cdcee5 0%,#cecee6 2%,#cecfe7 4%,#cecee6 6%,#cecee7 8%,#cdcee7 10%,
      #cfcfe7 12%,#cfd0e7 14%,#b99484 16%,#faefe0 18%,#9e847a 20%,#be8e70 22%,
      #8e7066 24%,#917e7e 26%,#d1cbe0 28%,#d3d1e9 30%,#8e8995 32%,#cbcee5 34%,
      #cbcde5 36%,#cacde4 38%,#c9cbe2 40%,#c8cae1 42%,#c8cbe1 44%,#c7cade 46%,
      #a4a4b6 48%,#b8b9cd 50%,#bdbfd6 52%,#b6bad1 54%,#b6bad0 56%,#b6bad0 58%,
      #9ea2b4 60%,#777683 62%,#101012 64%,#100f12 66%,#9898ac 68%,#b6b8ce 70%,
      #b3b5cb 72%,#6e717f 74%,#7e8090 76%,#999bb0 78%,#9f7c76 80%,#9c7c77 82%,
      #ad8783 84%,#e8b8ba 86%,#f7b7bd 88%,#efb0b0 90%,#dda298 92%,#f6c5c2 94%,
      #dca7a2 96%,#a87f6e 98%,#a97c6e 100%);
  }
  #class-details.class-hero-banner::before,
  #class-details.class-hero-banner::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:max(0px,calc((100% - 1200px) / 2));
    pointer-events:none;
  }
  #class-details.class-hero-banner::before{
    left:0;
    background:linear-gradient(to left,transparent 0px,#fcf6efa6 16px,#fcf6ef 52px),var(--alaia-hero-left-edge);
  }
  #class-details.class-hero-banner::after{
    right:0;
    background:linear-gradient(to right,transparent 0px,#fcf6efa6 16px,#fcf6ef 52px),var(--alaia-hero-right-edge);
  }
  #class-details .hero-banner-frame{
    background-image:var(--alaia-hero-left-edge),var(--alaia-hero-right-edge);
    background-position:left top,right top;
    background-size:50% 100%;
    background-repeat:no-repeat;
  }
}