@media(min-width:1101px){
  #how.bs[data-layout="3"][data-seam="a"][data-blur="3"] .bs-band{--blur-top:linear-gradient(180deg,transparent 0,rgba(0,0,0,.08) 60px,rgba(0,0,0,.4) 120px,#000 190px,rgba(0,0,0,.65) 240px,transparent 350px)}
  /* 3: a warmer frosted band. The radial tint is integrated into the painting
     layer, with no panel or wrapper behind the copy. */
  #how.bs[data-layout="3"][data-seam="a"][data-blur="3"] .bs-band{
    --tint:rgba(250,249,245,.68);
    --frost-x:72%;
    --blur-bottom:linear-gradient(0deg,#000 0,#000 var(--strip),rgba(0,0,0,.9) calc(var(--strip) + 35px),rgba(0,0,0,.4) calc(var(--strip) + 110px),transparent calc(var(--strip) + 210px));
  }
  #how.bs[data-layout="3"][data-seam="a"][data-blur="3"] .bs-band.is-group,
  #how.bs[data-layout="3"][data-seam="a"][data-blur="3"] .bs-band.is-client{--frost-x:28%}
  #how.bs[data-layout="3"][data-seam="a"][data-blur="3"] .bs-band::before{
    filter:blur(30px) saturate(.82);
    background:radial-gradient(ellipse at var(--frost-x) calc(100% - var(--strip) / 2),rgba(255,253,247,.42),transparent 65%),linear-gradient(var(--tint),var(--tint)),var(--bs-scene);
    background-size:auto,auto,100% auto;background-position:0 0,0 0,50% var(--bleed);background-repeat:no-repeat;
  }
  /* All studies fade the last blur back onto the page ground. */
  #how.bs[data-layout="3"][data-seam="a"][data-blur] .bs-band:last-child::before,
  #how.bs[data-layout="3"][data-seam="a"][data-blur] .bs-band:last-child .bs-blur-layer{
    mask-image:linear-gradient(0deg,transparent var(--bleed),#000 calc(var(--bleed) + 110px)),var(--blur-bottom);mask-composite:intersect;
    -webkit-mask-image:linear-gradient(0deg,transparent var(--bleed),#000 calc(var(--bleed) + 110px)),var(--blur-bottom);-webkit-mask-composite:source-in;
  }
}
@media(max-width:1100px){
  #how.bs[data-layout="3"][data-seam="a"][data-blur="3"] .bs-band{--tint:rgba(250,249,245,.68)}
  #how.bs[data-layout="3"][data-seam="a"][data-blur="3"] .bs-band::before{filter:blur(30px) saturate(.82)}
}