/* SharifStudy experience v16 — responsive, branded, fixed-height, CSS-only. */
.ss-experience,.ss-experience *{box-sizing:border-box}.ss-experience{--ink:#17383b;--muted:#5e7072;--brand:#ff5e15;--green:#004044;--soft:#f7f9f8;--line:#dce6e4;--duration:32s;--count:3;direction:rtl;width:calc(100% - 36px);max-width:1010px;margin:13px auto 4px;color:var(--ink);font-family:inherit;cursor:default}.ss-experience--speed-normal{--duration:25s}.ss-experience--items-2{--count:2}.ss-experience--items-3{--count:3}.ss-experience--items-4{--count:4}
.ss-experience__frame{position:relative;padding:18px 26px 20px;overflow:hidden;background:radial-gradient(circle at 8% 28%,rgba(255,94,21,.10),transparent 32%),radial-gradient(circle at 91% 72%,rgba(0,64,68,.075),transparent 35%),linear-gradient(145deg,#fff 0%,#fbfdfc 56%,#fff8f4 100%);border:1px solid var(--line);border-radius:10px}.ss-experience__frame::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--green) 0 72%,var(--brand) 72%)}.ss-experience__label{display:inline-flex;align-items:center;gap:8px;margin:0 0 11px;color:var(--green);font-size:13px;font-weight:800}.ss-experience__label-line{width:20px;height:3px;background:var(--brand);border-radius:3px}.ss-experience__stage{position:relative;height:112px;overflow:hidden;isolation:isolate}.ss-experience__stage::before{content:"";position:absolute;z-index:0;width:190px;height:190px;left:-70px;bottom:-128px;border:1px solid rgba(255,94,21,.16);border-radius:50%;background:radial-gradient(circle,rgba(255,94,21,.08),transparent 67%);opacity:.75}.ss-experience__stage::after{content:"";position:absolute;z-index:0;inset:0;background-image:radial-gradient(circle,rgba(0,64,68,.13) 1px,transparent 1.4px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 28%,rgba(0,0,0,.25) 72%,transparent);opacity:.28;pointer-events:none}.ss-experience--motion .ss-experience__stage::before{animation:ambient 8s ease-in-out infinite}@keyframes ambient{50%{transform:translate(24px,-8px) scale(1.08);opacity:.95}}.ss-experience__steps,.ss-experience__core,.ss-experience__scenes,.ss-experience__scene{position:absolute;inset:0}.ss-experience__steps{z-index:1;display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:28px}.ss-experience__step{--mx:0%;--my:0%;position:relative;width:max-content;max-width:calc(100% - 16px);min-width:0;height:72px;align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 10px;color:var(--muted);font-size:13px;font-weight:500;background:rgba(255,255,255,.78);border:1px solid rgba(220,230,228,.75);border-radius:9px;opacity:0;transform:translateY(5px) scale(.96);will-change:transform,opacity,font-size}.ss-experience__step-icon{width:32px;height:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center;opacity:.72}.ss-experience__step-icon img{display:block;width:30px;height:30px;transition:transform .35s ease}.ss-experience__step-copy{min-width:0;display:flex;align-items:baseline;justify-content:center;gap:5px;white-space:nowrap}.ss-experience__value,.ss-experience__text{font-weight:inherit}.ss-experience__value{color:var(--ink);font-size:1.04em}.ss-experience__text{font-size:.92em}
.ss-experience--items-2 .ss-experience__step--1{--mx:-55%}.ss-experience--items-2 .ss-experience__step--2{--mx:55%}.ss-experience--items-3 .ss-experience__step--1{--mx:-145%}.ss-experience--items-3 .ss-experience__step--3{--mx:145%}.ss-experience--items-4 .ss-experience__step--1{--mx:-165%}.ss-experience--items-4 .ss-experience__step--2{--mx:-55%}.ss-experience--items-4 .ss-experience__step--3{--mx:55%}.ss-experience--items-4 .ss-experience__step--4{--mx:165%}
.ss-experience--motion .ss-experience__step--1{animation:e1 var(--duration) linear infinite}.ss-experience--motion .ss-experience__step--2{animation:e2 var(--duration) linear infinite}.ss-experience--motion .ss-experience__step--3{animation:e3 var(--duration) linear infinite}.ss-experience--motion .ss-experience__step--4{animation:e4 var(--duration) linear infinite}
@keyframes e1{0%{opacity:0;transform:translateY(5px) scale(.96);font-size:13px;font-weight:500}1.5%,4%{opacity:1;transform:none;font-size:13px;font-weight:500}5.4%,23%{opacity:1;transform:translateY(-2px) scale(1.02);font-size:15.7px;font-weight:900;background:#fff7f2;border-color:rgba(255,94,21,.72);box-shadow:inset 0 0 0 2px rgba(255,94,21,.18),0 7px 18px rgba(8,51,54,.10)}28.5%{opacity:1;transform:translate(var(--mx),var(--my)) scale(.82);font-size:15.7px;font-weight:900}31%,100%{opacity:0;transform:translate(var(--mx),var(--my)) scale(.54);font-size:15.7px;font-weight:900}}
@keyframes e2{0%{opacity:0;transform:translateY(5px) scale(.96);font-size:13px;font-weight:500}1.5%,8%{opacity:1;transform:none;font-size:13px;font-weight:500}9.7%,23%{opacity:1;transform:translateY(-2px) scale(1.02);font-size:15.7px;font-weight:900;background:#fff7f2;border-color:rgba(255,94,21,.72);box-shadow:inset 0 0 0 2px rgba(255,94,21,.18),0 7px 18px rgba(8,51,54,.10)}28.5%{opacity:1;transform:translate(var(--mx),var(--my)) scale(.82);font-size:15.7px;font-weight:900}31%,100%{opacity:0;transform:translate(var(--mx),var(--my)) scale(.54);font-size:15.7px;font-weight:900}}
@keyframes e3{0%{opacity:0;transform:translateY(5px) scale(.96);font-size:13px;font-weight:500}1.5%,12%{opacity:1;transform:none;font-size:13px;font-weight:500}14%,23%{opacity:1;transform:translateY(-2px) scale(1.02);font-size:15.7px;font-weight:900;background:#fff7f2;border-color:rgba(255,94,21,.72);box-shadow:inset 0 0 0 2px rgba(255,94,21,.18),0 7px 18px rgba(8,51,54,.10)}28.5%{opacity:1;transform:translate(var(--mx),var(--my)) scale(.82);font-size:15.7px;font-weight:900}31%,100%{opacity:0;transform:translate(var(--mx),var(--my)) scale(.54);font-size:15.7px;font-weight:900}}
@keyframes e4{0%{opacity:0;transform:translateY(5px) scale(.96);font-size:13px}1.5%,15%{opacity:1;transform:none;font-size:13px;font-weight:500}17%,23%{opacity:1;transform:translateY(-2px) scale(1.02);font-size:15.4px;font-weight:900;background:#fff7f2;border-color:rgba(255,94,21,.72)}28.5%{opacity:1;transform:translate(var(--mx),var(--my)) scale(.82);font-size:15.4px}31%,100%{opacity:0;transform:translate(var(--mx),var(--my)) scale(.54)}}
.ss-experience__core{z-index:2;display:flex;align-items:center;justify-content:center;gap:15px;opacity:0;transform:scale(.66)}.ss-experience__core-orbit{position:relative;width:78px;height:78px;display:flex;align-items:center;justify-content:center}.ss-experience__core-orbit::before,.ss-experience__core-orbit::after{content:"";position:absolute;inset:-8px;border:1px solid rgba(255,94,21,.28);border-radius:50%}.ss-experience__core-orbit::after{inset:-19px;border-color:rgba(0,64,68,.16)}.ss-experience__core-orbit img{width:70px;height:70px}.ss-experience__core strong{font-size:27px;font-weight:900}.ss-experience--motion .ss-experience__core{animation:core var(--duration) ease-in-out infinite}.ss-experience--motion .ss-experience__core-orbit::before{animation:wave 2.6s ease-out infinite}.ss-experience--motion .ss-experience__core-orbit::after{animation:wave 2.6s 1.1s ease-out infinite}@keyframes core{0%,29%{opacity:0;transform:scale(.58)}32%,43.5%{opacity:1;transform:scale(1)}45%,100%{opacity:0;transform:scale(1.1)}}@keyframes wave{0%{transform:scale(.72);opacity:0}30%{opacity:1}100%{transform:scale(1.28);opacity:0}}
.ss-experience__scenes{z-index:3}.ss-experience__scene{display:flex;align-items:center;justify-content:center;gap:18px;padding:4px 18px;opacity:0;transform:translateY(7px)}.ss-experience__logo{width:190px;height:auto}.ss-experience__scene-divider{width:1px;height:38px;background:var(--line)}.ss-experience__scene p{max-width:540px;margin:0;color:var(--muted);font-size:13px;font-weight:600;line-height:1.85}.ss-experience__scene-copy{display:flex;align-items:center;gap:14px}.ss-experience__scene-copy strong{font-size:21px;white-space:nowrap}.ss-experience__people{width:230px;height:auto}.ss-experience__socials{display:flex;align-items:flex-start;gap:11px;padding:9px 12px;background:rgba(247,249,248,.9);border:1px solid var(--line);border-radius:14px}.ss-experience__social{min-width:48px;display:grid;justify-items:center;gap:3px}.ss-experience__social img{display:block;width:32px;height:32px;object-fit:contain}.ss-experience__social:last-child img{width:25px;height:34px}.ss-experience__social small{color:var(--muted);font-size:9.5px;font-weight:700;line-height:1}.ss-experience--motion .ss-experience__scene--1{animation:s1 var(--duration) ease-in-out infinite}.ss-experience--motion .ss-experience__scene--2{animation:s2 var(--duration) ease-in-out infinite}.ss-experience--motion .ss-experience__scene--3{animation:s3 var(--duration) ease-in-out infinite}@keyframes s1{0%,43%{opacity:0;transform:translateY(8px) scale(.96)}46%,68%{opacity:1;transform:none}70%,100%{opacity:0;transform:translateX(-7px)}}@keyframes s2{0%,68%{opacity:0;transform:translateX(7px)}71%,82%{opacity:1;transform:none}84%,100%{opacity:0;transform:translateX(-7px)}}@keyframes s3{0%,82%{opacity:0;transform:translateX(7px)}85%,98%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}
.ss-experience__sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.ss-experience--static .ss-experience__steps,.ss-experience--static .ss-experience__core{display:none}.ss-experience--static .ss-experience__scene--1{opacity:1;transform:none}.ss-experience--static .ss-experience__scene--2,.ss-experience--static .ss-experience__scene--3{display:none}
@media(min-width:701px) and (max-width:980px){.ss-experience__frame{padding-inline:20px}.ss-experience__steps{gap:14px}.ss-experience__step{max-width:calc(100% - 28px);padding-inline:9px}.ss-experience__step-copy{flex-direction:column;align-items:center;gap:1px;text-align:center}.ss-experience__value{font-size:13px}.ss-experience__text{font-size:11.5px}.ss-experience__scene p{max-width:430px}}
@media(max-width:700px){.ss-experience{width:100%;max-width:none;margin:16px auto 2px}.ss-experience__frame{padding:17px 10px 20px;border-right:0;border-left:0;border-radius:0}.ss-experience__label{display:flex;justify-content:center;margin-bottom:13px;font-size:12.5px}.ss-experience__stage{height:294px}.ss-experience--items-2 .ss-experience__stage{height:194px}.ss-experience--items-4 .ss-experience__stage{height:386px}.ss-experience__steps{grid-template-columns:1fr;grid-template-rows:repeat(var(--count),minmax(0,1fr));gap:18px}.ss-experience__step{width:max-content;max-width:calc(100% - 40px);height:auto;padding:7px 11px;gap:7px}.ss-experience__step-copy{white-space:normal}.ss-experience__step-icon{width:30px;height:30px;flex-basis:30px}.ss-experience__step-icon img{width:28px;height:28px}.ss-experience__value{font-size:1.04em}.ss-experience__text{font-size:.92em}.ss-experience--items-2 .ss-experience__step--1{--mx:0%;--my:55%}.ss-experience--items-2 .ss-experience__step--2{--mx:0%;--my:-55%}.ss-experience--items-3 .ss-experience__step--1{--mx:0%;--my:175%}.ss-experience--items-3 .ss-experience__step--3{--mx:0%;--my:-175%}.ss-experience--items-4 .ss-experience__step--1{--mx:0%;--my:165%}.ss-experience--items-4 .ss-experience__step--2{--mx:0%;--my:55%}.ss-experience--items-4 .ss-experience__step--3{--mx:0%;--my:-55%}.ss-experience--items-4 .ss-experience__step--4{--mx:0%;--my:-165%}.ss-experience__core{flex-direction:column;gap:14px}.ss-experience__core-orbit{width:90px;height:90px}.ss-experience__core-orbit img{width:80px;height:80px}.ss-experience__core strong{font-size:29px}.ss-experience__scene{flex-direction:column;gap:11px;padding:15px 12px;text-align:center}.ss-experience__scene-divider{width:54px;height:1px}.ss-experience__scene-copy{flex-direction:column;gap:7px}.ss-experience__scene-copy strong{font-size:22px}.ss-experience__scene p{max-width:336px;font-size:14px}.ss-experience__people{width:min(270px,84vw)}.ss-experience__socials{gap:15px;padding:13px 18px}.ss-experience__social{min-width:58px}.ss-experience__social img{width:46px;height:46px}.ss-experience__social:last-child img{width:36px;height:48px}.ss-experience__social small{font-size:10.5px}.ss-experience__logo{width:225px}}
@media(max-width:370px){.ss-experience__frame{padding-inline:8px}.ss-experience__stage{height:310px}.ss-experience__steps{gap:16px}.ss-experience__step-copy{flex-direction:column;align-items:center;gap:1px;text-align:center}.ss-experience__step{max-width:calc(100% - 28px);padding-inline:9px}.ss-experience__value{font-size:13px}.ss-experience__text{font-size:11.5px}.ss-experience__scene p{max-width:290px}.ss-experience__people{width:min(250px,88vw)}}
@media(prefers-reduced-motion:reduce){.ss-experience--motion .ss-experience__stage::before{animation:none}.ss-experience--motion .ss-experience__steps,.ss-experience--motion .ss-experience__core{display:none}.ss-experience--motion .ss-experience__scene{animation:none}.ss-experience--motion .ss-experience__scene--1{opacity:1;transform:none}.ss-experience--motion .ss-experience__scene--2,.ss-experience--motion .ss-experience__scene--3{display:none}}