.steps{width:100%;position:relative}.steps .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.steps__grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}@media (min-width: 768px){.steps__grid{grid-template-columns:1fr 1fr;gap:48px}}.steps__grid--reversed{direction:ltr}@media (min-width: 768px){.steps__grid--reversed .steps__content{order:2}.steps__grid--reversed .steps__media{order:1}}.steps__content{width:100%}.steps__steps{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.steps__step-item{margin-bottom:24px}.steps__step-item:last-child{margin-bottom:0}.steps__step{position:relative;display:flex;gap:20px;padding:8px 0;cursor:pointer;transition:all .3s ease;border-radius:8px;background-color:transparent;border:none;background:none;font-family:inherit;font-size:inherit;text-align:left;width:100%;color:inherit}.steps__step:focus{outline:none}.steps__step:focus-visible{outline:2px solid #ffffff;outline-offset:2px;border-radius:8px}.steps__progress-bar{position:absolute;top:0;left:0;width:4px;height:100%;background-color:#fff3;border-radius:999px;overflow:hidden}.steps__progress-fill{position:absolute;top:0;left:0;width:100%;height:0%;background-color:#fff;transition:height .05s linear}.steps__step-content{flex:1;padding-left:16px}.steps__step-title{margin:0 0 8px;transition:all .3s ease;display:block}.steps__step-description{margin:0;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.steps__media,.steps__media-wrapper{width:100%;position:relative}.steps__image-container{position:relative;width:100%;padding-top:75%;border-radius:24px;overflow:hidden;background-color:#0000001a}.steps__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:24px}.steps__play-button{position:absolute;bottom:24px;left:24px;background:#fff;border:1px solid #e0e0e0;border-radius:999px;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px 20px;transition:all .3s ease;z-index:2}.steps__play-button:hover{background:#f5f5f5;border-color:#d0d0d0;transform:scale(1.02)}.steps__play-button:focus{outline:none}.steps__play-button:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.steps__play-text{color:#1a1a1a;font-weight:600;white-space:nowrap}@media (max-width: 767px){.steps__play-button{bottom:16px;left:16px;padding:10px 16px;gap:8px}}.steps__image-container:before{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to top,#0000004d,#0000001a,#0000);border-radius:0 0 24px 24px;z-index:1;pointer-events:none}.steps__modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.steps__modal-content{position:relative;width:100%;max-width:1200px;background-color:#000;border-radius:8px;overflow:hidden;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.steps__modal-close{position:absolute;top:-50px;right:0;background:transparent;border:none;cursor:pointer;padding:8px;z-index:10;transition:transform .2s ease}.steps__modal-close:hover{transform:scale(1.1)}.steps__modal-close:focus{outline:none}.steps__modal-close:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.steps__video-container{position:relative;width:100%;padding-top:56.25%;background-color:#000}.steps__video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 767px){.steps__grid{gap:32px}.steps__step{gap:16px;padding:16px 16px 16px 0}.steps__step-item{margin-bottom:12px}}@media (prefers-reduced-motion: reduce){.steps__step-description{animation:none}.steps__progress-fill,.steps__step{transition:none}.steps__modal,.steps__modal-content{animation:none}.steps__play-button,.steps__modal-close{transition:none}}
