.ecotrophy-material-hero-section{position:relative;width:100%;padding:0 10px;box-sizing:border-box}.material-hero-container{position:relative;width:100%;height:175vw;max-height:98vh;overflow:hidden;border-radius:12px;background-color:#000;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.ecotrophy-material-hero-section.is-visible .material-hero-container{opacity:1;transform:translateY(0)}@media screen and (min-width:768px){.material-hero-container{height:56.25vw;max-height:90vh;border-radius:24px}}.hero-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-video-player,.hero-video-fallback{width:100%;height:100%;object-fit:cover;display:block}.desktop-only{display:none!important}.mobile-only{display:block!important}@media screen and (min-width:768px){.desktop-only{display:block!important}.mobile-only{display:none!important}}.hero-interactive-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none}.interactive-center-hub{position:relative;width:100%;height:100%;max-width:650px;max-height:650px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:767px){.interactive-center-hub{height:70%;margin-bottom:auto;top:5%}}.interactive-svg-rings{position:absolute;width:90%;height:90%;top:5%;left:5%;z-index:2;overflow:visible}.ring-bg,.ring-orbit-1,.ring-orbit-2,.orbit-dot{opacity:0;transition:opacity 1s ease .2s}.ecotrophy-material-hero-section.is-visible .ring-bg,.ecotrophy-material-hero-section.is-visible .ring-orbit-1,.ecotrophy-material-hero-section.is-visible .ring-orbit-2,.ecotrophy-material-hero-section.is-visible .orbit-dot{opacity:1}.hero-floating-img{position:absolute;top:50%;left:50%;width:56%;height:56%;object-fit:contain;z-index:10;pointer-events:auto;opacity:0;transform:translate(-50%,-50%) translateY(100px);transition:opacity 1.2s cubic-bezier(.25,.46,.45,.94),transform .1s linear;filter:drop-shadow(0 20px 40px rgba(0,0,0,.18))}.ecotrophy-material-hero-section.is-visible .hero-floating-img{opacity:1}.hero-floating-img-placeholder{position:absolute;width:50%;height:50%;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9}.callout-block{position:absolute;width:230px;color:#fff;pointer-events:auto;opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94)}.callout-block.is-visible{opacity:1;transform:translateY(0)}.callout-block.top-left{top:28%;left:-220px;text-align:right}.callout-block.bottom-left{top:66%;left:-220px;text-align:right}.callout-block.top-right{top:28%;right:-220px;text-align:left}.callout-block.bottom-right{top:66%;right:-220px;text-align:left}.callout-heading{font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0 0 6px;opacity:.85}.callout-text{font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;color:#fff;margin:0;opacity:.95}.hero-mobile-slider-wrapper{position:relative;z-index:5;width:100%;margin-top:auto;padding-bottom:24px}.mobile-scroll-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-left:24px;padding-right:24px;gap:16px;box-sizing:border-box}.mobile-scroll-track::-webkit-scrollbar{display:none}.mobile-slide-card{scroll-snap-align:center;flex:0 0 82%;max-width:320px;display:flex;flex-direction:column;box-sizing:border-box}.slide-indicator{margin-left:-4px;margin-bottom:8px}.slide-content{color:#fff}.slide-content .callout-heading{font-size:10px;letter-spacing:1.5px;margin-bottom:4px}.slide-content .callout-text{font-size:13px;line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/37/assets/ecotrophy-material-hero.css.map */