/* "As seen on" band under the hero: the 3D Printing Nerd video. Sizes, colours and type are the page's own: content
   width 1260px; the hero's "Coming soon" pill; white Krona One headings; the intro's grey Montserrat; the waitlist
   button, but with dark text as on the pill, so that it meets WCAG AA contrast (the play triangle too). Every rule
   starts with .muon3d-press so that the theme's ".elementor-kit-9 h2" and "a" colours, and the page's uppercase body
   text, do not reach the band. Every height is a whole number of pixels (line heights in px, the video's 16:9 box
   rounded down), so the page below the band moves by whole pixels and draws exactly as before. */
.muon3d-press{box-sizing:border-box;max-width:1260px;margin:100px auto 0;padding:0 10px;color:#fff;text-transform:none}
.muon3d-press *,.muon3d-press *::before,.muon3d-press *::after{box-sizing:border-box}
.muon3d-press .muon3d-press__inner{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:30px 60px;align-items:center}
.muon3d-press .muon3d-press__label{display:block;width:fit-content;margin:0 0 20px;padding:5px 15px;border-radius:6px;background:#76C4C0;
  color:#202020;font-family:"Montserrat",Sans-serif;font-size:15px;font-weight:600;line-height:20px;letter-spacing:-.4px;
  text-transform:uppercase}
.muon3d-press .muon3d-press__title{margin:0 0 20px;color:#fff;font-family:"Krona One",Sans-serif;font-size:40px;font-weight:600;
  line-height:48px;letter-spacing:-1px;text-transform:uppercase}
.muon3d-press .muon3d-press__body{margin:0 0 30px;color:#DDDBDB;font-family:"Montserrat",Sans-serif;font-size:16px;font-weight:500;
  line-height:24px}
.muon3d-press .muon3d-press__link{display:block;width:fit-content;padding:20px 40px;border-radius:6px;background:#76C4C0;color:#030303;
  font-family:"Krona One",Sans-serif;font-size:13px;font-weight:500;line-height:13px;text-decoration:none;text-transform:uppercase;
  transition:all .3s}
.muon3d-press .muon3d-press__link:hover,.muon3d-press .muon3d-press__link:focus{background:rgba(118,196,192,.91);color:#000}
.muon3d-press .muon3d-press__link:focus-visible,.muon3d-press .muon3d-press__play:focus-visible{outline:2px solid #fff;outline-offset:3px}
.muon3d-press .muon3d-press__video{min-width:0;container-type:inline-size}
.muon3d-press .muon3d-press__play,.muon3d-press .muon3d-press__frame{position:relative;display:block;width:100%;aspect-ratio:16/9;
  height:round(down,56.25cqw,1px);border:0;border-radius:8px;overflow:hidden;background:#161D26}
.muon3d-press .muon3d-press__play img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s}
.muon3d-press .muon3d-press__play:hover img{transform:scale(1.03);filter:brightness(.85)}
.muon3d-press .muon3d-press__button{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;
  background:#76C4C0;box-shadow:0 6px 24px rgba(0,0,0,.45);transition:transform .3s,background-color .3s}
.muon3d-press .muon3d-press__button::after{content:"";position:absolute;left:34px;top:26px;border-style:solid;
  border-width:16px 0 16px 26px;border-color:transparent transparent transparent #030303}
.muon3d-press .muon3d-press__play:hover .muon3d-press__button,
.muon3d-press .muon3d-press__play:focus-visible .muon3d-press__button{transform:scale(1.08)}
.muon3d-press .muon3d-press__note{margin:12px 0 0;color:#999;font-family:"Montserrat",Sans-serif;font-size:12px;font-weight:500;
  line-height:18px}
@media(max-width:1024px){
  .muon3d-press{margin-top:80px;padding:0 20px}
  .muon3d-press .muon3d-press__inner{grid-template-columns:minmax(0,1fr);text-align:center}
  .muon3d-press .muon3d-press__label,.muon3d-press .muon3d-press__link{margin-left:auto;margin-right:auto}
  .muon3d-press .muon3d-press__title{font-size:32px;line-height:38px}
}
@media(max-width:767px){
  .muon3d-press{margin-top:60px}
  .muon3d-press .muon3d-press__title{font-size:26px;line-height:31px}
  .muon3d-press .muon3d-press__body{font-size:15px;line-height:23px}
  .muon3d-press .muon3d-press__button{width:68px;height:68px;margin:-34px 0 0 -34px}
  .muon3d-press .muon3d-press__button::after{left:27px;top:21px;border-width:13px 0 13px 21px}
}
@media(prefers-reduced-motion:reduce){
  .muon3d-press *{transition:none!important}
  .muon3d-press .muon3d-press__play:hover img,.muon3d-press .muon3d-press__play:hover .muon3d-press__button{transform:none}
}
