.experience-block{--foreground:var(--color-white);--background:var(--color-black);background-color:var(--background);color:var(--foreground);display:block;padding:.9rem 0 0;position:relative}.experience-block .title{margin-bottom:.9rem}.experience-block .media-frame.main-media{border-radius:.12rem;height:7.43rem;overflow:hidden;position:relative;width:100%}:is(.experience-block .media-frame.main-media) .media{object-fit:cover}:is(.experience-block .media-frame.main-media) [data-experience-short-video],:is(.experience-block .media-frame.main-media) picture.media-frame{height:100%;left:0;position:absolute;top:0;width:100%}.experience-block .experience-youtube,.experience-block [data-experience-short-video]{transition:opacity .4s var(--ease)}.experience-block .experience-youtube{height:calc(100% + .02rem);left:50%;object-fit:cover;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + .02rem)}:is(.experience-block .experience-youtube) iframe{border:0}.experience-block.is-playing-youtube [data-experience-short-video]{opacity:0;pointer-events:none}.experience-block.is-playing-youtube .experience-youtube{opacity:1;pointer-events:auto}.experience-block.has-video-started .play-button,.experience-block.is-playing-youtube .play-button{opacity:0;pointer-events:none}.experience-block.has-video-started [data-experience-short-video]{background-color:var(--color-black);object-fit:contain;pointer-events:auto;z-index:1}.experience-block .play-button{align-items:center;background-color:var(--color-orange);border-radius:.12rem;color:var(--color-black);cursor:pointer;display:flex;gap:.2rem;justify-content:flex-start;left:50%;max-width:2.27rem;padding:.2rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s var(--ease);z-index:2}:is(.experience-block .play-button) svg{flex-shrink:0;height:.24rem;width:.24rem}@media screen and (max-width:768px) and (orientation:portrait){.experience-block{padding:.4rem 0 0}.experience-block .title{margin-bottom:.8rem}.experience-block .media-frame.main-media{aspect-ratio:390/585;height:5.85rem;width:100%}:is(.experience-block .media-frame.main-media) .media{height:100%;left:0;position:absolute;top:0;width:100%}}