/* Approved mobile heroes: media first, equal 16:10 height. */
@layer mobile-media-first {
@media(max-width:760px){
:root{--mobile-hero-media-ratio:16/10}
:is(.home-hero,.doc-hero,.dm-hero,.industrial-hero,.research-hero,.coexist-page section.hero){display:flex!important;flex-direction:column!important;padding:0 0 40px!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#07121d!important}
:is(.home-hero,.doc-hero,.dm-hero,.industrial-hero,.coexist-page section.hero)::before,
:is(.home-hero,.doc-hero,.industrial-hero,.coexist-page section.hero)::after{display:none!important}
.home-hero>img{display:none!important}
.home-hero>.home-sea-video,.about-doc .doc-hero-media,.dm-hero .media,body.industrial-page .industrial-hero-card{
position:relative!important;inset:auto!important;order:-1!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:var(--mobile-hero-media-ratio)!important;margin:0!important;padding:0!important;transform:none!important;z-index:0!important;mask-image:none!important;-webkit-mask-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover!important;object-position:center!important}
.about-doc .doc-hero-media video,.dm-hero .media video,body.industrial-page .industrial-hero-card video{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important}
body.industrial-page .industrial-hero-card{aspect-ratio:var(--mobile-hero-media-ratio)!important}
body.industrial-page .industrial-hero-card video{object-fit:contain!important}
.dm-hero .media::after,body.industrial-page .industrial-hero-card::before,body.industrial-page .industrial-hero-card::after{display:none!important}
.home-hero>.wrap,.about-doc .doc-hero-copy,.demosath-integrated .dm-hero .txt,.rd-outcome-hero-grid{width:calc(100% - 40px)!important;margin:32px 20px 0!important;padding:0!important;max-width:none!important}
body.industrial-page .industrial-hero-content,.coexist-hero{width:100%!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
body.industrial-page .industrial-hero-content>div,.coexist-hero-copy{width:calc(100% - 40px)!important;margin:32px 20px 0!important;padding:0!important;max-width:none!important}
.coexist-hero-gallery{order:-1!important;width:100%!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.coexist-hero-gallery .hero-gallery-stage{aspect-ratio:var(--mobile-hero-media-ratio)!important}
.research-hero::before{content:""!important;display:block!important;position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:var(--mobile-hero-media-ratio)!important;height:auto!important;background:url('coexistencia/optimized/hero-demosath-lab-dscn3428-retouched-0fbc8d23.webp') center/cover no-repeat!important;opacity:1!important;transform:none!important;z-index:0!important}
.research-hero::after{display:none!important}
html body.approved-technology-home #stage>.sticky{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:0 0 32px!important;gap:0!important;min-height:0!important;height:auto!important;background:#07121d!important}
html body.approved-technology-home #stage .visual{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;aspect-ratio:var(--mobile-hero-media-ratio)!important;margin:0!important;position:relative!important;inset:auto!important}
html body.approved-technology-home #stage .visual .story-mobile-video{transform:none!important;object-fit:contain!important}
html body.approved-technology-home #stage #heroCopy{grid-row:2!important;grid-column:1!important;width:calc(100% - 40px)!important;margin:32px 20px 0!important;padding:0!important}
html body.approved-technology-home #stage .story-card-track{grid-row:3!important;width:calc(100% - 40px)!important;margin:32px 20px 0!important}
html body.approved-technology-home #stage .story-swipe-hint{grid-row:4!important}
.home-hero-caption{margin-top:24px!important}
}
}
/* Shared mobile typography and actions. Desktop retains existing styles. */
@layer mobile-hero-proposal {
@media(max-width:760px){
  :is(.home-hero,.doc-hero,.dm-hero,.industrial-hero,.research-hero,.coexist-page section.hero){
    position:relative!important;isolation:isolate!important;display:block!important;
    box-sizing:border-box!important;min-height:640px!important;height:auto!important;
    padding:48px 0 64px!important;overflow:hidden!important;background-color:#07121d!important;
  }
  :is(.home-hero,.doc-hero)>.wrap,
  .industrial-hero-content,.rd-outcome-hero-grid,.coexist-hero{
    width:calc(100% - 40px)!important;max-width:none!important;margin:0 20px!important;
    padding:0!important;display:block!important;min-height:0!important;position:relative!important;z-index:2!important;
  }
  .home-page .home-hero-copy,.home-page .home-slide,
  .industrial-hero-content>div,.rd-outcome-hero-copy,.coexist-hero-copy{
    margin:0!important;padding:0!important;width:100%!important;max-width:none!important;
    transform:none!important;position:relative!important;z-index:2!important;
  }
  .demosath-integrated .dm-hero .txt{margin:0!important;padding:0 20px!important;max-width:none!important}
  .about-doc .doc-hero-copy{width:calc(100% - 40px)!important;margin:0 20px!important;padding:0!important;transform:none!important;z-index:2!important}
  :is(.home-hero,.doc-hero,.dm-hero,.industrial-hero,.research-hero,.coexist-page section.hero) .hl{color:#5bc5ef!important}
  :is(.home-hero,.doc-hero,.dm-hero,.industrial-hero,.research-hero,.coexist-page section.hero) :is(h1,.home-slide h2),
  html body.approved-technology-home #stage #heroCopy h1{
    font-family:Archivo,sans-serif!important;font-size:32px!important;font-weight:900!important;
    line-height:1.08!important;letter-spacing:0!important;max-width:100%!important;
    margin:18px 0 24px!important;text-wrap:initial!important;color:#edf3f7!important;
  }
  .home-hero .home-title-outline{color:#5bc5ef!important;-webkit-text-stroke:0!important}
  :is(.home-hero,.doc-hero,.dm-hero,.industrial-hero,.research-hero,.coexist-page section.hero) :is(.lead,.doc-hero-copy>p,.home-slide>p),
  html body.approved-technology-home #stage #heroCopy>p{
    font-size:16px!important;line-height:1.55!important;color:#dbe6ef!important;
    max-width:100%!important;margin:0!important;
  }
  :is(.home-hero,.doc-hero,.dm-hero,.industrial-hero,.research-hero,.coexist-page section.hero) :is(.btns,.hero-actions,.doc-hero-actions){
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:16px!important;margin:24px 0 0!important;max-width:100%!important;
  }
  :is(.home-hero,.doc-hero,.dm-hero,.industrial-hero,.research-hero,.coexist-page section.hero) :is(.btns,.hero-actions,.doc-hero-actions)>:is(a,button),.home-primary{
    box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:48px!important;width:100%!important;margin:0!important;padding:12px 20px!important;border-radius:999px!important;
    font-size:14px!important;line-height:1.3!important;
  }
  .home-primary{margin-top:24px!important}
  .home-hero .home-slides{gap:0!important;min-height:0!important}
  .home-hero .home-slide{flex:0 0 100%!important;opacity:1!important}
  .home-hero>.home-sea-video,.about-doc .doc-hero-media{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;object-fit:cover!important;
  }
  .home-hero:before,.about-doc .doc-hero:after{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;
    background:linear-gradient(90deg,rgba(8,19,32,.9),rgba(8,19,32,.5)),linear-gradient(180deg,transparent,#07121d)!important;pointer-events:none!important;
  }
  .home-hero:after{display:none!important}
  .home-hero-caption{position:relative!important;inset:auto!important;margin:36px 20px 0!important;z-index:2!important}
  .home-scroll-cue{display:none!important}
  body.industrial-page .industrial-hero-card{
    position:absolute!important;inset:-48px -20px -64px!important;width:calc(100% + 40px)!important;
    height:calc(100% + 112px)!important;aspect-ratio:auto!important;margin:0!important;z-index:-1!important;
  }
  body.industrial-page .industrial-hero-card video{height:100%!important;width:100%!important;object-fit:cover!important}
  body.industrial-page .industrial-hero-card:before{
    background:linear-gradient(90deg,rgba(8,19,32,.94),rgba(8,19,32,.65)),linear-gradient(180deg,transparent,#07121d)!important;
  }
  .rd-hero-keycards{margin-top:40px!important}
  html body.approved-technology-home #stage>.sticky{padding:48px 20px 32px!important;min-height:640px!important}
  html body.approved-technology-home #stage #heroCopy{position:relative!important;inset:auto!important;transform:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;z-index:3!important}
}
}