#medical-content-studio-demo .phone-window {background:#06142f;}
#medical-content-studio-demo .phone-window .thumbnail-layer {position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;max-width:none;object-fit:contain;object-position:center;opacity:0;transform:translateY(-9px)!important;filter:none!important;animation:none!important;transition:opacity .16s ease,transform .18s cubic-bezier(.2,.7,.3,1);}
#medical-content-studio-demo .phone-window .thumbnail-layer.is-entering {transform:translateY(12px)!important;}
#medical-content-studio-demo .phone-window .thumbnail-layer.is-active {opacity:1;transform:translateY(0)!important;}
#medical-content-studio-demo .phone-top,#medical-content-studio-demo .phone-bottom,#medical-content-studio-demo .phone-shade,#medical-content-studio-demo .phone-caption {display:none;}
#medical-content-studio-demo .phone-float {transition:width .22s ease,height .22s ease,left .22s ease,top .22s ease,margin .22s ease,transform .22s ease;}
#medical-content-studio-demo .caption-card,#medical-content-studio-demo .microphone {transition:top .22s ease,transform .22s ease;}
#medical-content-studio-demo .studio[data-thumbnail-format="landscape"] .phone-float {width:min(330px,90cqw);height:auto;aspect-ratio:16/9;left:50%;top:54%;margin:0;transform:translate(-50%,-50%);}
#medical-content-studio-demo .studio[data-thumbnail-format="landscape"] .phone-shell {padding:6px;border-radius:17px;}
#medical-content-studio-demo .studio[data-thumbnail-format="landscape"] .phone-window {border-radius:11px;}
#medical-content-studio-demo .studio[data-thumbnail-format="landscape"] .caption-card {top:337px;min-height:90px;}
@container content-studio (max-width:520px){
  #medical-content-studio-demo .studio[data-thumbnail-format="landscape"] .caption-card {top:328px;min-height:84px;}
  #medical-content-studio-demo .studio[data-thumbnail-format="landscape"] .microphone {top:320px;}
}
@media(prefers-reduced-motion:reduce){#medical-content-studio-demo .phone-window .thumbnail-layer,#medical-content-studio-demo .phone-float,#medical-content-studio-demo .caption-card,#medical-content-studio-demo .microphone {transition:none;}}
.thumbnail-peek,.thumbnail-grid {display:none;}
@media(max-width:700px){
  html[data-mobile-layout],html[data-mobile-layout] body {overflow-x:clip;}
  .site-header {height:64px;}
  .hero {padding-top:10px;}
  .hero-copy {display:contents;}
  .hero-copy .hero-topic {order:0;justify-content:center;font-size:7px;letter-spacing:.11em;margin-bottom:12px;}
  .hero .hero-brand {order:1;text-align:center;font-size:clamp(39px,12.4vw,48px);line-height:.9;margin:0;}
  .hero-brand .hero-line {display:inline-block;margin-right:.08em;}
  .hero-brand .hero-line:last-child {display:block;margin-right:0;}
  .hero-brand .headline-end {justify-content:center;gap:12px;}
  .hero-brand .headline-end svg {width:27px;height:27px;margin-top:3px;}
  .hero-art.content-studio-art {order:2;height:330px;min-height:330px;margin:9px auto 0;}
  #medical-content-studio-demo .studio {padding:0;}
  #medical-content-studio-demo .scene {height:314px;}
  #medical-content-studio-demo .question,#medical-content-studio-demo .caption-card,#medical-content-studio-demo .microphone,#medical-content-studio-demo .steps,#medical-content-studio-demo .actions,#medical-content-studio-demo .stage-status {display:none;}
  #medical-content-studio-demo .phone-float {left:50%;top:50%;margin-left:-83px;margin-top:-148px;width:166px;height:296px;}
  #medical-content-studio-demo .studio[data-thumbnail-format="landscape"] .phone-float {top:50%;left:50%;width:min(330px,96cqw);margin:0;}
  .hero .hero-description {order:3;font-size:11px;line-height:1.55;max-width:330px;text-align:center;align-self:center;margin:0 auto;}
  .hero .hero-actions {order:4;width:100%;margin-top:12px;margin-bottom:16px;}
  .hero-actions .button {min-height:48px;padding-block:13px;}
  .hero-bottom {order:5;padding:10px 0 13px;}
  .hero-bottom>p {font-size:7px;}
  .hero-bottom .motion-toggle {font-size:9px;padding:7px 10px;}
  html[data-mobile-layout="trio"] #medical-content-studio-demo .phone-float {width:145px;height:258px;margin-left:-72px;margin-top:-129px;}
  html[data-mobile-layout="trio"] #medical-content-studio-demo .thumbnail-peek {position:absolute;display:block;width:24%;height:160px;max-height:none;object-fit:contain;filter:none;animation:none!important;top:77px;z-index:1;background:#042985;border:1px solid #92b8ff77;border-radius:8px;}
  html[data-mobile-layout="trio"] #medical-content-studio-demo .peek-left {left:0;transform:rotate(-5deg);}
  html[data-mobile-layout="trio"] #medical-content-studio-demo .peek-right {right:0;transform:rotate(5deg);}
  html[data-mobile-layout="trio"] #medical-content-studio-demo .studio[data-thumbnail-format="landscape"] .phone-float {width:min(330px,96cqw);height:auto;margin:0;}
  html[data-mobile-layout="trio"] #medical-content-studio-demo .studio[data-thumbnail-format="landscape"] .thumbnail-peek {visibility:hidden;}
  html[data-mobile-layout="grid"] .hero-art.content-studio-art {height:367px;min-height:367px;}
  html[data-mobile-layout="grid"] #medical-content-studio-demo .scene {height:350px;}
  html[data-mobile-layout="grid"] #medical-content-studio-demo .phone-float {display:none;}
  html[data-mobile-layout="grid"] #medical-content-studio-demo .thumbnail-grid {position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px;}
  html[data-mobile-layout="grid"] #medical-content-studio-demo .thumbnail-grid-tile {min-width:0;min-height:0;background:#042985;border:1px solid #91b4ff66;border-radius:10px;overflow:hidden;}
  html[data-mobile-layout="grid"] #medical-content-studio-demo .thumbnail-grid img {display:block;width:100%;height:100%;max-height:none;object-fit:contain;animation:none!important;filter:none;}
}