#connection{position:relative;z-index:2;background:var(--page)}
#identity{position:relative;z-index:1;grid-template-columns:.9fr 1.1fr;gap:5%;padding:52px 7%;overflow:visible}
.card-stage.card-journey-stage{padding:0;border:0;background:transparent;pointer-events:auto;max-width:480px;width:100%;justify-self:center}
.card-journey{position:relative;width:100%;aspect-ratio:900/860;isolation:isolate;overflow:visible;--lanyard-overhang:34.88372093%}
.card-journey-player,.card-journey-skeleton,.card-journey-fallback{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.card-journey-player{top:calc(-1 * var(--lanyard-overhang));bottom:auto;height:calc(100% + var(--lanyard-overhang));opacity:0;pointer-events:none;transition:opacity .6s ease}
.card-journey-skeleton{color:#b9c4bb;opacity:.7;transition:opacity .45s ease;animation:journey-loading 1.8s ease-in-out infinite}
.card-journey-fallback{object-fit:contain;visibility:hidden}
.card-journey[data-ready="true"] .card-journey-player{opacity:1}
.card-journey[data-ready="true"] .card-journey-skeleton,.card-journey[data-ready="fallback"] .card-journey-skeleton{opacity:0;animation:none;visibility:hidden;transition:opacity .45s ease,visibility 0s .45s}
.card-journey[data-ready="fallback"] .card-journey-fallback{visibility:visible}
@keyframes journey-loading{0%,100%{opacity:.4}50%{opacity:.75}}
/* In the stacked layout, read the introduction before the scene. The soft
   ribbon entry stays inside its own frame, clear of the copy above it. */
@media(max-width:1100px){#identity{gap:20px;padding-block:48px}.card-journey{overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28px);mask-image:linear-gradient(to bottom,transparent,#000 28px)}}
@media(max-width:760px){#identity{padding:42px 6%;gap:12px}.card-stage.card-journey-stage{margin:0 -12px;width:calc(100% + 24px);max-width:380px;align-self:center}.card-journey{aspect-ratio:660/780;--lanyard-overhang:30.76923077%}}
@media(prefers-reduced-motion:reduce){.card-journey-player,.card-journey-skeleton{transition:none;animation:none}}