.sal34-concept-planet{
 --sal34-planet-rx:0deg;
 --sal34-planet-ry:0deg;
 --sal34-planet-x:0px;
 --sal34-planet-y:0px;
 position:relative;
 width:clamp(320px,34vw,480px);
 max-width:100%;
 aspect-ratio:1;
 justify-self:end;
 perspective:1100px;
}
.sal34-concept-planet:before{
 content:"";
 position:absolute;
 inset:9%;
 border-radius:50%;
 background:radial-gradient(circle,rgba(44,103,85,.16) 0,rgba(44,103,85,.055) 42%,transparent 72%);
 filter:blur(24px);
 opacity:.8;
 transform:translateZ(0);
}
.sal34-concept-planet:after{
 content:"";
 position:absolute;
 inset:12%;
 z-index:4;
 border:1px solid rgba(64,130,109,.2);
 border-radius:50%;
 box-shadow:0 0 0 18px rgba(64,130,109,.025),0 30px 90px rgba(15,35,30,.08);
 pointer-events:none;
}
.sal34-concept-planet-stage{
 position:absolute;
 inset:4%;
 overflow:hidden;
 border-radius:50%;
 transform:translate3d(var(--sal34-planet-x),var(--sal34-planet-y),0) rotateX(var(--sal34-planet-rx)) rotateY(var(--sal34-planet-ry));
 transform-style:preserve-3d;
 transition:filter .45s ease;
}
.sal34-concept-planet.is-interactive .sal34-concept-planet-stage{will-change:transform}
.sal34-concept-planet-video{
 position:absolute;
 inset:0;
 z-index:2;
 width:100%;
 height:100%;
 border:0;
 border-radius:50%;
 object-fit:cover;
 object-position:50% 50%;
 transform:scale(1.4);
 opacity:0;
 filter:saturate(1.02) contrast(1.12) brightness(.9);
 -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 64%,rgba(0,0,0,.98) 76%,rgba(0,0,0,.72) 88%,transparent 100%);
 mask-image:radial-gradient(circle at 50% 50%,#000 0 64%,rgba(0,0,0,.98) 76%,rgba(0,0,0,.72) 88%,transparent 100%);
 transition:opacity .75s ease,filter .45s ease;
 pointer-events:none;
}
.sal34-concept-planet.is-ready .sal34-concept-planet-video{opacity:1}
.sal34-concept-planet.is-ready .sal34-concept-planet-stage{filter:drop-shadow(0 28px 48px rgba(7,24,20,.16))}
.sal34-concept-planet.is-failed .sal34-concept-planet-video{display:none}
.sal34-concept-planet-fallback{
 position:absolute!important;
 inset:21%!important;
 z-index:1;
 width:auto!important;
 opacity:1;
 transition:opacity .45s ease;
}
.sal34-concept-planet.is-ready .sal34-concept-planet-fallback{opacity:0}

@media(max-width:1000px){
 .sal34-concept-planet{width:min(76vw,430px);justify-self:start;margin-top:-22px}
}
@media(max-width:680px){
 .sal34-concept-planet{width:min(88vw,370px);justify-self:center;margin:4px auto 0}
 .sal34-concept-planet:after{inset:13%;box-shadow:0 0 0 12px rgba(64,130,109,.025),0 22px 60px rgba(15,35,30,.07)}
}
@media(prefers-reduced-motion:reduce){
 .sal34-concept-planet-stage,.sal34-concept-planet-video,.sal34-concept-planet-fallback{transition:none!important}
 .sal34-concept-planet.is-interactive .sal34-concept-planet-stage{will-change:auto}
}