/* Three independent illustration layers, exclusively in the Seminar invitation. */
body.page-id-32828 #semib-formation-draft .slp-final{
  position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;
  min-height:480px;padding:145px 0 65px;background:#073dff;
}
body.page-id-32828 #semib-formation-draft .slp-final::before{
  content:"";position:absolute;top:0;left:50%;width:max(100%,2400px);height:250px;transform:translateX(-50%);z-index:-1;pointer-events:none;
  background:url('assets/formation-final/invitation-temple-scale-v5.webp') center top/100% auto no-repeat;
  mask-image:linear-gradient(#000 88%,transparent 100%);
}
body.page-id-32828 #semib-formation-draft .slp-final::after,
body.page-id-32828 #semib-formation-draft .slp-final>.slp-wrap::before{
  content:"";position:absolute;bottom:-35px;width:clamp(180px,24vw,340px);aspect-ratio:2/3;
  z-index:-1;pointer-events:none;background:center bottom/contain no-repeat;mask-image:none;
}
body.page-id-32828 #semib-formation-draft .slp-final::after{
  left:-12px;bottom:-8px;width:clamp(250px,34vw,510px);aspect-ratio:1309/1000;background-image:url('assets/formation-final/invitation-left-v4.webp');
}
body.page-id-32828 #semib-formation-draft .slp-final>.slp-wrap::before{
  right:-12px;background-image:url('assets/formation-final/invitation-right-v3.webp');
}
body.page-id-32828 #semib-formation-draft .slp-final>.slp-wrap::after{content:none}
body.page-id-32828 #semib-formation-draft .slp-final>.slp-wrap{
  position:static;box-sizing:border-box;padding:0;width:50%;max-width:720px;transform:none;
}
/* Reversible angular landscape edge inspired by the original identity artwork. */
@media(min-width:601px){
  body.page-id-32828 #semib-formation-draft .slp-final::before{
    width:100%;height:clamp(150px,6.2vw,210px);
    opacity:.9;background-size:max(100vw,2400px) auto;mask-image:none;
    clip-path:polygon(0 0,100% 0,100% 58%,83% 80%,67% 100%,37% 82%,15% 62%,0 92%);
  }
}
@media(min-width:1200px){
  body.page-id-32828 #semib-formation-draft .slp-final::after{
    top:0;bottom:0;height:100%;width:auto;left:clamp(-180px,calc(25vw - 492px),-12px);
    background-size:auto 100%;
  }
}
@media(min-width:2600px){
  body.page-id-32828 #semib-formation-draft .slp-final>.slp-wrap{transform:translateY(45px)}
}
/* Mobile composition uses the original transparent artwork as a single layer. */
@media(max-width:600px){
  body.page-id-32828 #semib-formation-draft .slp-final{
    display:block;min-height:min(137.75vw,620px);padding:clamp(210px,55vw,290px) 20px 32px 47%;text-align:left;
  }
  body.page-id-32828 #semib-formation-draft .slp-final::before{
    width:100%;height:180px;background-size:auto 330px;background-position:60% top;
    background-image:url('assets/formation-final/invitation-temple-mobile-v3.webp');
    mask-image:none;clip-path:polygon(0 0,100% 0,100% 65%,62% 82%,23% 60%,0 90%);
  }
  body.page-id-32828 #semib-formation-draft .slp-final::after{
    top:auto;bottom:0;left:0;width:min(100%,450px);height:auto;aspect-ratio:1796/2474;
    background:url('assets/formation-final/invitation-mobile-editorial-v6.webp') left top/100% auto no-repeat;
  }
  body.page-id-32828 #semib-formation-draft .slp-final>.slp-wrap::before{content:none}
  body.page-id-32828 #semib-formation-draft .slp-final>.slp-wrap{
    width:100%;max-width:none;margin:0;padding:0;transform:none;
  }
  body.page-id-32828 #semib-formation-draft .slp-final .slp-kicker{
    font-size:10px;letter-spacing:1.4px;line-height:1.6;margin-bottom:18px;
  }
  body.page-id-32828 #semib-formation-draft .slp-final h2{
    font-size:clamp(28px,7.6vw,36px);line-height:1.13;
  }
  body.page-id-32828 #semib-formation-draft .slp-final .slp-actions{
    position:static;margin:26px 0 0;justify-content:flex-start;
  }
  body.page-id-32828 #semib-formation-draft .slp-final .slp-actions .slp-btn{
    width:100%;min-width:0;padding:12px;gap:12px;font-size:14px;text-align:left;
  }
  body.page-id-32828 #semib-formation-draft .slp-final .slp-actions .slp-btn svg{flex-shrink:0}
}
