/* Alshahm V10 — cinematic motion, readable imagery, floating actions, search-growth UX */
:root{--v10-gold:#e5ae32;--v10-deep:#003c2b;--v10-ink:#17352c;--v10-ivory:#fbfaf6}

/* Intro reliability + story: labels are outside photographs */
.v8-site .intro{--intro-duration:6.2s;background:radial-gradient(circle at 50% 24%,rgba(31,138,96,.28),transparent 33%),linear-gradient(145deg,#001f17,#003c2b 58%,#07553e)}
.v8-site .intro-human-story{height:116px;grid-template-columns:108px minmax(160px,1fr) 108px;gap:18px;margin-top:14px;align-items:start}
.v8-site .intro-person-wrap{display:grid;justify-items:center;gap:7px;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.01em}
.v8-site .intro-human-story .intro-person-wrap figure{margin:0;width:96px;height:96px;border-radius:28px;background:#f6f5f0;box-shadow:0 22px 48px rgba(0,15,10,.3);overflow:hidden}
.v8-site .intro-human-story .intro-person-wrap>span{position:static;padding:0;background:none;color:#e8f5ef;white-space:nowrap}
.v8-site .intro-human-story figure img{transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .7s ease;filter:saturate(.96) contrast(1.035)}
.v8-site .intro-student-wrap figure{transform:perspective(600px) rotateY(-5deg)}
.v8-site .intro-doctor-wrap figure{transform:perspective(600px) rotateY(5deg)}
.v8-site .intro-human-bridge{align-self:center;margin-top:18px;min-height:74px}
.v8-site .intro-human-bridge i{display:block;width:min(210px,100%);height:1px;margin-top:8px;background:linear-gradient(90deg,transparent,#ffd465,transparent);position:relative;overflow:visible}
.v8-site .intro-human-bridge i:after{content:"";position:absolute;top:-3px;right:0;width:7px;height:7px;border-radius:50%;background:#fff1aa;box-shadow:0 0 16px #ffd465;animation:v10BridgeLight 2.1s ease-in-out infinite}
@keyframes v10BridgeLight{0%{right:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{right:calc(100% - 7px);opacity:0}}
body.intro-reduced-motion .intro *{animation:none!important;transition:none!important}body.v8-site.intro-reduced-motion .intro-title span,body.v8-site.intro-reduced-motion .intro-title strong,body.v8-site.intro-reduced-motion .intro-copy,body.v8-site.intro-reduced-motion .intro-human-story,body.v8-site.intro-reduced-motion .intro-progress,body.v8-site.intro-reduced-motion .intro-welcome,body.v8-site.intro-reduced-motion .intro-season{opacity:1!important;transform:none!important}

/* CGI-like depth without altering the doctor's facial pixels */
.v10-cgi-scene{--mx:0;--my:0;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 64% 30%,rgba(255,218,123,.58),transparent 27%),linear-gradient(145deg,#f5eee2,#fff 48%,#e9f0ec);border-inline-start:1px solid rgba(0,63,45,.08)}
.v10-cgi-scene .v10-scene-grid{position:absolute;inset:0;z-index:0;opacity:.17;background-image:linear-gradient(rgba(0,78,55,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,78,55,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 78%,transparent)}
.v10-scene-orbit{position:absolute;z-index:0;border:1px solid rgba(211,158,33,.34);border-radius:50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.v10-scene-orbit.orbit-one{width:380px;height:380px;right:-90px;top:65px;transform:translate(calc(var(--mx)*-13px),calc(var(--my)*-10px)) rotate(11deg)}
.v10-scene-orbit.orbit-two{width:210px;height:210px;left:5%;bottom:8%;transform:translate(calc(var(--mx)*16px),calc(var(--my)*12px))}
.v10-campus-ghost{position:absolute;z-index:0;inset:auto 0 0 0;height:42%;opacity:.12;mask-image:linear-gradient(to top,#000,transparent 90%);filter:saturate(.7) contrast(1.1)}
.v10-campus-ghost img{width:100%;height:100%;object-fit:cover;transform:scale(1.06) translate(calc(var(--mx)*-8px),calc(var(--my)*-4px));transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.v10-doctor-frame{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;transform:translate(calc(var(--mx)*12px),calc(var(--my)*8px));transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.v10-doctor-frame:after{content:"";position:absolute;right:12%;bottom:4%;width:72%;height:28%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,51,36,.16),transparent 68%);filter:blur(12px);z-index:-1}
.v10-cgi-scene .v5-founder-image{filter:drop-shadow(0 26px 34px rgba(0,44,31,.22)) saturate(.98) contrast(1.025);transform:scale(1.015)}
.v10-cgi-scene:after{content:"";position:absolute;z-index:3;inset:-20% auto -20% -34%;width:27%;transform:rotate(13deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.23),transparent);animation:v10Sheen 8.5s ease-in-out infinite;pointer-events:none}
@keyframes v10Sheen{0%,70%{left:-34%}100%{left:120%}}

/* Keep typography in its own column; visual has no text overlays on mobile either */
.v8-site .v5-founder-label{top:auto!important;bottom:28px!important;right:24px!important;max-width:240px}
.v10-founder-story{isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#eff4f1,#fbf8f1);position:relative}
.v10-founder-story .v10-story-campus{position:absolute;inset:0;opacity:.13;mask-image:linear-gradient(to top,#000,transparent 92%)}
.v10-founder-story .v10-story-campus img{width:100%;height:100%;object-fit:cover;animation:v10KenBurns 14s ease-in-out infinite alternate}
.v10-founder-story .v10-story-doctor{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center}
.v10-founder-story .v10-story-doctor img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.97) contrast(1.03);transform:translate(calc(var(--mx)*8px),calc(var(--my)*6px)) scale(1.01);transition:transform .55s ease}
@keyframes v10KenBurns{from{transform:scale(1.03) translate3d(-1%,0,0)}to{transform:scale(1.12) translate3d(2%,-1%,0)}}

/* University images feel alive; labels remain outside the picture */
.v8-site .v5-uni-image,.university-card .uni-image,.university-detail-media{position:relative;isolation:isolate}
.v8-site .v5-uni-image:after,.university-card .uni-image:after,.university-detail-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.19) 50%,transparent 58%);transform:translateX(-130%);transition:transform 1s ease}
.v8-site .v5-university-card:hover .v5-uni-image:after,.v8-site .v5-university-card.v10-spotlight .v5-uni-image:after,.university-card:hover .uni-image:after{transform:translateX(130%)}
.v8-site .v5-university-card .v5-uni-image>img,.university-card .uni-image>img{transform:scale(1.015);animation:v10CampusBreath 12s ease-in-out infinite alternate;filter:saturate(.96) contrast(1.035)}
.v8-site .v5-university-card:nth-child(even) .v5-uni-image>img{animation-direction:alternate-reverse}
@keyframes v10CampusBreath{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(1.2%,-.7%,0)}}
.v8-site .v5-university-card.v10-spotlight{transform:translateY(-7px);box-shadow:0 20px 42px rgba(0,63,45,.13);border-color:#d5b15b}
.v10-uni-brand-link{display:block!important;color:#9b741b!important;font-size:.68rem!important;font-weight:800;margin-top:2px;letter-spacing:.01em}
.v10-search-intent{margin-top:14px;padding:14px 16px;border-inline-start:3px solid #d9a629;background:#fbf8ed;border-radius:10px;color:#425f55!important}

/* Floating conversion actions */
.v10-floating-rail{position:fixed;z-index:690;inset-inline-start:18px;top:50%;transform:translateY(-50%);display:grid;gap:8px}
.v10-float-action{width:56px;min-height:56px;border:1px solid rgba(0,63,45,.11);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(0,46,33,.14);display:grid;place-items:center;gap:2px;padding:7px 4px;color:#003f2d;font:inherit;cursor:pointer;backdrop-filter:blur(12px);transition:.24s ease;text-decoration:none}
.v10-float-action span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#edf6f1;font-size:.72rem;font-weight:900}
.v10-float-action b{font-size:.49rem;line-height:1.15;white-space:nowrap}
.v10-float-action:hover{width:86px;transform:translateX(4px);border-color:rgba(210,157,31,.5)}
.v10-float-action.whatsapp span{background:#dcf8e7;color:#087b43}.v10-float-action.consult{background:#f6c74c;color:#163c30;border-color:#e7b126}.v10-float-action.consult span{background:#fff7d8}

/* Search-oriented in-page entity ribbon: semantic, user-first, not hidden SEO text */
.v10-entity-ribbon{border-block:1px solid #e8eee9;background:#fbfcfa;overflow:hidden}
.v10-entity-ribbon-track{display:flex;gap:34px;width:max-content;padding:11px 0;animation:v10Ribbon 34s linear infinite}
.v10-entity-ribbon a{color:#39564c;font-size:.72rem;font-weight:750;white-space:nowrap}.v10-entity-ribbon a:before{content:"✦";color:#c99823;margin-inline-end:7px}
@keyframes v10Ribbon{to{transform:translateX(45%)}}

@media(max-width:950px){.v10-floating-rail{display:none}.v10-cgi-scene{border-radius:22px 22px 0 0}.v10-cgi-scene .v5-founder-label{display:none!important}}
@media(max-width:680px){.v8-site .intro-human-story{grid-template-columns:76px 1fr 76px;height:88px;gap:8px}.v8-site .intro-human-story .intro-person-wrap figure{width:68px;height:68px;border-radius:20px}.v8-site .intro-person-wrap>span{font-size:.48rem}.v8-site .intro-human-bridge{margin-top:5px;min-height:54px}.v8-site .intro-human-bridge span{font-size:.46rem!important}.v8-site .intro-human-bridge b{font-size:.5rem!important}.v10-scene-orbit.orbit-one{width:250px;height:250px}.v10-campus-ghost{height:50%}.v10-cgi-scene .v5-founder-image{transform:scale(1.02)}.v8-site .v5-university-card.v10-spotlight{transform:none;box-shadow:none}.v10-uni-brand-link{font-size:.52rem!important}}
@media(prefers-reduced-motion:reduce){.v8-site .intro{display:grid!important}.v8-site .intro-title span,.v8-site .intro-title strong,.v8-site .intro-copy,.v8-site .intro-human-story,.v8-site .intro-progress,.v8-site .intro-welcome,.v8-site .intro-season{opacity:1!important;transform:none!important}.v10-scene-orbit,.v10-campus-ghost img,.v10-doctor-frame,.v10-founder-story img,.v8-site .v5-university-card .v5-uni-image>img,.university-card .uni-image>img,.v10-cgi-scene:after,.v10-entity-ribbon-track{animation:none!important;transition:none!important;transform:none!important}}

.v10-cgi-scene .v5-founder-label{display:none!important}.v8-site .whatsapp-float{display:none!important}.v10-about-photo{overflow:hidden;position:relative}.v10-about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.97) contrast(1.03);transform:scale(1.025) translate(calc(var(--mx)*7px),calc(var(--my)*5px));transition:transform .55s ease}
