/* Exact StepRight cinematic component CSS, captured 2026-10-06.
 * Generated by port-reference-design.mjs; Streamova media and copy are supplied by PHP. */
.sv-hero{color:#f7f7f6;background:#090a0c;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 28px 75px -32px rgba(0,0,0,.72)}.sv-hero:before{background:radial-gradient(circle at 73% 43%,rgba(227,74,50,.18),transparent 25%),radial-gradient(circle at 57% 21%,hsla(0,0%,100%,.09),transparent 20%),linear-gradient(112deg,#08090b,#111216 48%,#07080a)}.sv-hero:after,.sv-hero:before{content:"";position:absolute;inset:0;pointer-events:none}.sv-hero:after{opacity:.28;background-image:linear-gradient(hsla(0,0%,100%,.018) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.018) 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}.cinematic-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(2rem,4.6vw,5rem);align-items:center}.cinematic-copy{display:flex;min-width:0;width:100%;flex-direction:column;align-items:flex-start;text-align:left}.cinematic-title{font-size:clamp(4rem,6.15vw,6.55rem);line-height:.82;letter-spacing:-.078em;text-transform:uppercase;text-shadow:0 16px 46px rgba(0,0,0,.42)}.cinematic-title>span{display:block;white-space:nowrap}.cinematic-title .soft-line{color:#7f8188}.cinematic-features{display:grid;gap:.72rem;margin-top:2rem}.cinematic-feature{display:flex;align-items:center;gap:.78rem;color:#93959d;font-size:.92rem}.cinematic-feature svg{color:rgb(var(--sr-accent));filter:drop-shadow(0 0 10px rgba(227,74,50,.34))}.hero-rays{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-ray{position:absolute;top:-24%;width:17%;height:96%;transform-origin:50% 0;background:linear-gradient(180deg,hsla(0,0%,100%,.13),hsla(0,0%,100%,.025) 48%,transparent 78%);filter:blur(18px);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%)}.hero-ray:first-child{left:51%;transform:rotate(12deg)}.hero-ray:nth-child(2){left:66%;width:12%;transform:rotate(-9deg);opacity:.55}.hero-ray:nth-child(3){left:79%;width:20%;transform:rotate(17deg);opacity:.3}.hero-haze{position:absolute;right:2%;top:12%;width:62%;height:72%;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,hsla(0,0%,100%,.085),rgba(227,74,50,.04) 35%,transparent 68%);filter:blur(36px)}.sv-hero-nav{color:#f4f4f3;border-color:hsla(0,0%,100%,.1)!important;background:rgba(12,13,16,.66)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 22px 46px -20px rgba(0,0,0,.88)!important}.sv-hero-nav .sv-nav-links{color:#aeb0b6}.sv-hero-nav .sv-nav-links a:hover{color:#fff;background:hsla(0,0%,100%,.07)}.sv-hero-nav .sr-nav-cta{background:#f5f5f3;color:#111216;box-shadow:inset 0 1px 0 #fff,0 14px 28px -12px rgba(0,0,0,.9)}.sv-hero-nav .sr-menu-button{color:#fff;border-color:hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06)}.sr-mobile-menu{color:#f4f4f3;border-color:hsla(0,0%,100%,.1)!important;background:rgba(12,13,16,.94)!important}.media-cluster{position:relative;height:650px;isolation:isolate;perspective:1100px}.media-cluster:before{content:"";position:absolute;inset:10% 2% 6% 2%;border-radius:50%;border:1px solid hsla(0,0%,100%,.07);box-shadow:0 0 110px rgba(227,74,50,.11),inset 0 0 110px hsla(0,0%,100%,.025);transform:rotate(-12deg)}.media-cluster:after{content:"";position:absolute;left:20%;top:20%;width:62%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(227,74,50,.15),rgba(227,74,50,.025) 40%,transparent 68%);filter:blur(22px);z-index:-1}.media-card{position:absolute;display:block;padding:.52rem;border-radius:1.35rem;background:linear-gradient(145deg,hsla(0,0%,100%,.13),hsla(0,0%,100%,.035));border:1px solid hsla(0,0%,100%,.14);box-shadow:0 34px 70px -22px rgba(0,0,0,.92),0 0 42px rgba(227,74,50,.05),inset 0 1px 0 hsla(0,0%,100%,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s ease;animation-duration:8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform-style:preserve-3d;will-change:transform}.media-card:hover{z-index:30!important;animation:none;box-shadow:0 42px 82px -22px rgba(0,0,0,.95),0 0 54px rgba(227,74,50,.12),inset 0 1px 0 hsla(0,0%,100%,.22);transform:translateY(-10px) rotate(0deg) scale(1.035)}.media-card-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:.94rem;color:#fff;background:#15161a;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12)}.media-card-inner img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.82) contrast(1.09) brightness(.78);transform:scale(1.035);transition:transform .8s ease,filter .8s ease}.media-card:hover img{transform:scale(1.09);filter:saturate(.95) contrast(1.08) brightness(.9)}.media-card-inner:before{background:linear-gradient(180deg,rgba(4,5,7,.03),rgba(4,5,7,.12) 42%,rgba(4,5,7,.88))}.media-card-inner:after,.media-card-inner:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.media-card-inner:after{background:linear-gradient(125deg,hsla(0,0%,100%,.17),transparent 28%,transparent 74%,rgba(227,74,50,.09))}.media-card-icon{position:absolute;right:.78rem;top:.72rem;z-index:3;display:flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:rgba(8,9,11,.56);border:1px solid hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 22px rgba(0,0,0,.32)}.media-card-kicker{top:.78rem;font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:hsla(0,0%,100%,.72)}.media-card-kicker,.media-card-title{position:absolute;left:.9rem;z-index:3}.media-card-title{right:.9rem;bottom:.78rem;font-size:.78rem;font-weight:600;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.7)}.media-card-1{top:2%;left:6%;width:205px;height:150px;z-index:6;animation-name:mediaFloat1;animation-delay:-1s}.media-card-2{top:11%;right:1%;width:242px;height:176px;z-index:7;animation-name:mediaFloat2;animation-delay:-3.2s}.media-card-3{top:36%;left:0;width:180px;height:132px;z-index:8;animation-name:mediaFloat3;animation-delay:-5.4s}.media-card-4{top:33%;right:8%;width:282px;height:202px;z-index:10;animation-name:mediaFloat4;animation-delay:-2.1s}.media-card-5{bottom:4%;left:18%;width:224px;height:162px;z-index:7;animation-name:mediaFloat5;animation-delay:-6.3s}.media-card-6{bottom:1%;right:1%;width:188px;height:138px;z-index:6;animation-name:mediaFloat6;animation-delay:-4.2s}@keyframes mediaFloat1{0%,to{transform:rotate(-5deg) rotateY(6deg) translateZ(0)}50%{transform:rotate(-5deg) rotateY(6deg) translate3d(0,-11px,0)}}@keyframes mediaFloat2{0%,to{transform:rotate(4deg) rotateY(-5deg) translateZ(0)}50%{transform:rotate(4deg) rotateY(-5deg) translate3d(0,-11px,0)}}@keyframes mediaFloat3{0%,to{transform:rotate(-3deg) rotateY(7deg) translateZ(0)}50%{transform:rotate(-3deg) rotateY(7deg) translate3d(0,-11px,0)}}@keyframes mediaFloat4{0%,to{transform:rotate(2deg) rotateY(-3deg) translateZ(0)}50%{transform:rotate(2deg) rotateY(-3deg) translate3d(0,-11px,0)}}@keyframes mediaFloat5{0%,to{transform:rotate(5deg) rotateY(4deg) translateZ(0)}50%{transform:rotate(5deg) rotateY(4deg) translate3d(0,-11px,0)}}@keyframes mediaFloat6{0%,to{transform:rotate(-4deg) rotateY(-6deg) translateZ(0)}50%{transform:rotate(-4deg) rotateY(-6deg) translate3d(0,-11px,0)}}@media (prefers-reduced-motion:reduce){.media-card{animation:none!important}.media-card,.media-card-inner img{transition:none!important}}@media (max-width:1120px){.cinematic-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:1rem}.cinematic-title{font-size:clamp(3.35rem,5.75vw,5.3rem)}.media-cluster{height:560px;transform:scale(.9);transform-origin:center}}@media (min-width:768px) and (max-width:900px){.cinematic-hero-grid{grid-template-columns:minmax(0,1fr);gap:3.8rem}.cinematic-copy{align-items:center;text-align:center}.cinematic-title{font-size:5.2rem}.cinematic-features{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:1rem}.cinematic-feature{align-items:flex-start;text-align:left}.media-cluster{width:min(100%,650px);height:540px;margin:0 auto;transform:none}}@media (max-width:767px){.sv-hero{min-height:auto!important}.cinematic-hero-grid{grid-template-columns:minmax(0,1fr);min-width:0;gap:2.75rem}.cinematic-copy{align-items:center;text-align:center}.cinematic-title{min-width:0;max-width:100%;font-size:clamp(1.9rem,9.35vw,3.2rem);line-height:.88;letter-spacing:-.06em}.cinematic-features{width:min(100%,330px);grid-template-columns:1fr;justify-items:start;text-align:left}.cinematic-feature{min-width:0;font-size:.84rem}.cinematic-feature span{min-width:0;white-space:normal}.media-cluster{height:350px;width:min(100%,430px);margin:0 auto;transform:none}.media-cluster:before{inset:3% 1% 0}.media-card{border-radius:1rem;padding:.34rem}.media-card-inner{border-radius:.7rem}.media-card-1{top:2%;left:1%;width:132px;height:96px}.media-card-2{top:7%;right:0;width:151px;height:109px}.media-card-3{top:36%;left:4%;width:119px;height:87px}.media-card-4{top:33%;right:5%;width:178px;height:128px}.media-card-5{bottom:0;left:20%;width:146px;height:105px}.media-card-6{display:none}.media-card-icon{right:.5rem;top:.5rem;width:1.75rem;height:1.75rem}.media-card-icon svg{width:.82rem;height:.82rem}.media-card-kicker{left:.58rem;top:.52rem;font-size:.42rem}.media-card-title{left:.58rem;right:.58rem;bottom:.5rem;font-size:.62rem}.hero-ray:first-child{left:8%}.hero-ray:nth-child(2){left:42%}.hero-ray:nth-child(3){left:72%}}@media (max-width:360px){.cinematic-copy .hero-cta-group a{padding:.78rem 1.05rem;font-size:.82rem;white-space:nowrap}.media-cluster{height:320px}}