/* Keep the five desktop-composition pages edge-to-edge on portrait phones. */
.project-detail.desktop-phone-fill{
  background:#08090b;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.project-detail.desktop-phone-fill > :is(.project-detail-bar,.project-detail-nav,.project-detail-hero,.project-detail-body,.project-detail-next){
  width:100%;
  max-width:none;
  margin-inline:0;
  box-shadow:none;
}
.project-detail.desktop-phone-fill :is(.sun25-profile,.sun25-section,.sun24-profile,.sun24-section){width:1248px;max-width:1248px}
.project-detail.desktop-phone-fill :is(.jj-profile,.jj-section,.aigc-profile,.aigc-section,.early-profile,.early-section){width:1152px;max-width:1152px}
.project-detail.desktop-phone-fill > .project-detail-bar{
  top:0;
  height:calc(60px * var(--phone-ui-scale));
  padding-inline:calc(14px * var(--phone-ui-scale));
  font-size:calc(9px * var(--phone-ui-scale));
  border-bottom-width:calc(1px * var(--phone-ui-scale));
}
.project-detail.desktop-phone-fill > .project-detail-bar button{padding-block:calc(10px * var(--phone-ui-scale))}
.project-detail.desktop-phone-fill > .project-detail-bar span:last-child{display:none}
.project-detail.desktop-phone-fill > .project-detail-nav{
  top:calc(60px * var(--phone-ui-scale));
  gap:calc(24px * var(--phone-ui-scale));
  padding:calc(17px * var(--phone-ui-scale)) calc(16px * var(--phone-ui-scale));
  border-bottom-width:calc(1px * var(--phone-ui-scale));
}
.project-detail.desktop-phone-fill > .project-detail-nav button{font-size:calc(9px * var(--phone-ui-scale))}
.project-detail.desktop-phone-fill :is(#project-profile,[id^="program-section"]){scroll-margin-top:calc(110px * var(--phone-ui-scale))}