/* Only the twelve saved X profiles. The LP screens keep their own scrolling. */
body.home-page.editorial.revision-three .profile-frames-stage.profile-frames-stage {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  flex:0 0 auto!important;
  align-self:start!important;
  padding:18px!important;
}
body.home-page.editorial.revision-three .dcard[data-output-number="4"]>.profile-frames-stage {
  padding:36px 14px 14px!important;
}
body.home-page.editorial.revision-three .output-phone-trio__items.profile-frames {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(8px,1.2vw,14px)!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
}
body.home-page.editorial.revision-three .output-phone-trio__items.profile-frames>figure {
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  align-self:start!important;
  min-width:0;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  transform:none!important;
}
body.home-page.editorial.revision-three .output-phone-trio__items.profile-frames .output-phone.profile-frame {
  position:relative;
  box-sizing:content-box!important;
  display:block!important;
  width:calc(100% - 6px)!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  flex:0 0 auto!important;
  aspect-ratio:var(--profile-content-ratio)!important;
  padding:0!important;
  margin:0!important;
  border:3px solid #292431!important;
  border-radius:12px!important;
  overflow:clip!important;
  background:transparent!important;
  cursor:default;
}
/* Content-box ratios include the tab underline and a small blank safety edge. */
.profile-frame--ichi{--profile-content-ratio:400 / 670}
.profile-frame--codex{--profile-content-ratio:780 / 1160}
.profile-frame--claude{--profile-content-ratio:400 / 650}
body.home-page.editorial.revision-three .output-phone-trio__items.profile-frames .output-phone.profile-frame::before {
  content:none!important;
  display:none!important;
}
body.home-page.editorial.revision-three .output-phone-trio__items.profile-frames .output-phone.profile-frame>img {
  position:absolute!important;
  inset:auto!important;
  top:0!important;
  left:0!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:top center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
}
body.home-page.editorial.revision-three .output-phone-trio__items.profile-frames figcaption {
  flex:0 0 auto!important;
  width:100%!important;
  min-height:2.7em!important;
  margin:9px 0 0!important;
  font-size:clamp(11px,.9vw,12px)!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
/* At desktop width all sixteen outputs use the same three-column catalogue. */
@media(min-width:1101px){
  body.home-page.editorial.revision-three #deliverables .dgrid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.home-page.editorial.revision-three #deliverables .dgrid>.dcard[data-output-number] {
    grid-column:auto!important;
    display:flex!important;
    flex-direction:column;
    align-items:stretch!important;
    min-width:0;
  }
  body.home-page.editorial.revision-three #deliverables .dcard[data-output-number]>.dcard__imgwrap:not(.profile-frames-stage) {
    min-height:0!important;
    flex:0 0 auto!important;
    aspect-ratio:16/11!important;
  }
  body.home-page.editorial.revision-three #deliverables .dcard[data-output-number]>.dcard__body {
    padding:25px 25px 30px!important;
  }
}