/* Position only: retain each page's media, type scale and interactions. */
@media(min-width:1200px){
  /* The interactive stage starts at 84px; other heroes start below 104px. */
  html body.approved-technology-home #stage #heroCopy{top:100px!important}
}
@media(min-width:761px){
  body{--hero-copy-inset:64px;--hero-copy-top:80px}
  .home-page .home-slide{padding-top:0!important}
  body.industrial-page .industrial-hero-content{padding-top:80px!important;align-items:flex-start!important}
  .research-page .research-hero,body .research-hero{padding-top:80px!important}
  body .research-hero>.rd-outcome-hero-grid,
  body .coexist-hero{width:calc(100% - 2 * var(--hero-copy-inset))!important;max-width:none!important;margin-inline:var(--hero-copy-inset)!important}
  body .rd-outcome-hero-copy,body .coexist-hero-copy{align-self:start!important;transform:none!important}
  .coexist-page section.hero{display:block!important;padding-top:80px!important}
}
@media(min-width:761px) and (max-width:1199px){body{--hero-copy-inset:40px}}
@media(min-width:761px) and (max-width:1199px){
  html body.approved-technology-home #stage>.sticky{padding:80px 40px 32px!important;align-items:start!important;align-content:start!important}
  html body.approved-technology-home #stage #heroCopy{align-self:start!important}
}
@media(min-width:901px){
  body.industrial-page .industrial-hero-content{width:calc(100% - 2 * var(--hero-copy-inset))!important;margin-inline:var(--hero-copy-inset)!important}
}
@media(min-width:761px) and (max-width:900px){
  body.industrial-page .industrial-hero-content>div{margin-inline:40px!important}
}
@media(max-width:760px){
  .home-page .home-hero>.wrap{width:calc(100% - 40px)!important;max-width:none!important;margin-inline:20px!important}
  .home-page .home-hero-copy{margin-top:288px!important;padding:0!important}
  .home-page .home-slide{padding-top:0!important}
  .about-doc .doc-hero-copy{padding-top:288px!important}
  body.industrial-page .industrial-hero-content{padding-top:48px!important}
  body.industrial-page .industrial-hero-content>div{margin-inline:20px!important}
  body .research-hero,.coexist-page section.hero{display:block!important;padding-top:48px!important}
  .demosath-integrated .dm-hero{align-items:flex-start!important;padding-top:48px!important}
  .demosath-integrated .dm-hero .txt{margin:0!important;padding:0 20px!important}
  html body.approved-technology-home #stage>.sticky{padding-top:48px!important}
}