.journey-recording{display:grid;place-items:center;background:#061b29;width:100%;height:clamp(440px,65vh,720px)}
.journey-recording video{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
@media(max-width:760px){.journey-recording{height:auto;aspect-ratio:2112/3704;max-height:75svh}.journey-recording video{max-height:75svh}}
.work-grid>.concierge-project{min-width:0}
.work-grid .journey-recording,.work-grid .concierge-stage.is-playing{height:660px;max-height:none;min-height:0}
@media(max-width:760px){.work-grid .journey-recording{height:auto;max-height:75svh}.work-grid .concierge-stage.is-playing{height:620px;max-height:85svh}}
.concierge-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:32px;text-align:center;background:#f5f5f1;color:#173b43;font-size:16px;pointer-events:none}
.concierge-loading[hidden]{display:none}
/* Keep the portrait recording edge-to-edge, without pillarbox padding. */
.work-grid .journey-recording{width:min(100%,376.328px);height:auto;aspect-ratio:2112/3704;background:transparent}
.journey-recording video{aspect-ratio:2112/3704;height:auto;max-height:none}
@media(min-width:1000px){.work-grid{grid-template-columns:376.328px minmax(0,1fr)}}
@media(max-width:760px){.work-grid .journey-recording{width:min(100%,calc(75svh * 2112 / 3704));max-height:none}.journey-recording video{max-height:none}}
.concierge-recording video{display:block;width:100%;height:auto;aspect-ratio:968/720}
.demo-stage{height:660px;position:relative;background:#b9e0df}.demo-stage iframe,.demo-stage video{display:block;border:0;width:100%;height:100%;object-fit:contain}.demo-stage:empty:before{content:'3D Concierge · ready to explore';position:absolute;inset:0;display:grid;place-items:center;color:#183c45}@media(max-width:760px){.demo-stage{height:620px;max-height:80svh}}