/* Show supplied photography in full without zooming or clipping its contents. */
body .product-stage{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/2;width:100%;align-self:start;background:#0b1828}
body .product-frame>img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:none!important;scale:1!important;translate:none!important;filter:none!important;animation:none!important;transition:none!important;clip-path:none!important;will-change:auto!important}
body .product-frame[data-product-frame="1"] .product-orb{position:absolute!important;inset:auto 5% 8% auto!important;left:auto!important;top:auto!important;width:20%!important;height:auto!important;max-width:105px;aspect-ratio:1;transform:none!important;translate:none!important;filter:drop-shadow(0 3px 8px #00132455)}
body .product-frame>span{max-width:65%;bottom:16px;inset-inline-start:16px;padding:6px 9px;font-size:10px}
body .ecosystem-picture>img{object-fit:contain!important;aspect-ratio:auto;object-position:center!important}
body .chapter-visual:not(.chapter-orb):not(.chapter-connection){height:auto!important;min-height:0!important;aspect-ratio:3/2;max-height:none;background:#0b1828;clip-path:none!important;border-radius:18px}body .chapter-visual:not(.chapter-orb)>img{object-fit:contain!important;transform:none!important;scale:1!important;translate:none!important;clip-path:none!important}
body .plan-photo{height:auto!important;aspect-ratio:auto!important}body .plan-photo img{width:100%;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important}
body .membership-page-hero img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:760px){body .product-stage{aspect-ratio:3/2;top:88px!important;max-height:none!important;margin-bottom:24px}body .product-frame[data-product-frame="1"] .product-orb{width:22%!important;max-width:80px}body .product-frame>span{bottom:12px;inset-inline-start:12px;font-size:9px}body .chapter-visual:not(.chapter-orb):not(.chapter-connection){min-height:0!important;aspect-ratio:3/2}}

/* Match the exact shared photo ratio to remove the journey’s navy side gutter. */
body #how-it-works .product-stage{aspect-ratio:1168 / 784!important;background:transparent!important}
body #how-it-works .product-frame{background:transparent!important}

/* 03 NODO: let the full photograph set the frame, without navy side gutters. */
body :is(#hub,#nodes) .chapter-visual{aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;background:transparent!important}
body :is(#hub,#nodes) .chapter-visual>img{display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}

/* Membership photos meet the card edge without a coloured picture frame. */
body #memberships :is(#vector,#vanguard,#echelon-card).plan-card{border:0!important}
body #memberships :is(#vector,#vanguard,#echelon-card) .plan-photo{display:block;width:100%;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;line-height:0;aspect-ratio:auto!important}
body #memberships :is(#vector,#vanguard,#echelon-card) .plan-photo::before,body #memberships :is(#vector,#vanguard,#echelon-card) .plan-photo::after{display:none!important}
body #memberships :is(#vector,#vanguard,#echelon-card) .plan-photo>img{display:block;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important}
body :is(.membership-vector,.membership-vanguard,.membership-echelon) .membership-page-hero figure{height:auto!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;line-height:0}
body :is(.membership-vector,.membership-vanguard,.membership-echelon) .membership-page-hero figure>img{display:block;width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
