/* =========================================================
   SALAMEH SALEM — HUMAN EXPERIENCE 3.0 / HX3.1
   Global cinematic engine + homepage + profile
   September 2026
   Lightweight: CSS transforms, sticky positioning, IO + rAF.
   ========================================================= */
:root{
  --hx3-gold:#d9c08a;
  --hx3-gold2:#b9995c;
  --hx3-ink:#04070d;
  --hx3-deep:#070b14;
  --hx3-paper:#f4f0e7;
  --hx3-progress:0;
  --hx3-mx:50%;
  --hx3-my:50%;
}
html{scroll-behavior:smooth}
body{overflow-x:clip}

/* global scroll intelligence */
.hx3-scroll-progress{position:fixed;z-index:10050;top:0;inset-inline-start:0;width:100%;height:2px;pointer-events:none;background:rgba(255,255,255,.04)}
.hx3-scroll-progress>span{display:block;width:100%;height:100%;transform-origin:0 50%;transform:scaleX(var(--hx3-progress));background:linear-gradient(90deg,var(--hx3-gold2),#ffe5a7,var(--hx3-gold));box-shadow:0 0 18px rgba(217,192,138,.42)}
html[dir="rtl"] .hx3-scroll-progress>span{transform-origin:100% 50%}
.hx3-page-veil{position:fixed;z-index:10060;inset:0;background:#050810;pointer-events:none;opacity:0;transition:opacity .32s ease}
.hx3-page-veil::after{content:"";position:absolute;left:50%;top:50%;width:76px;height:1px;background:linear-gradient(90deg,transparent,var(--hx3-gold),transparent);transform:translate(-50%,-50%) scaleX(.2);opacity:0;transition:transform .38s ease,opacity .25s ease}
.hx3-page-leaving .hx3-page-veil{opacity:1}.hx3-page-leaving .hx3-page-veil::after{opacity:1;transform:translate(-50%,-50%) scaleX(1)}
.site-header{transition:transform .42s cubic-bezier(.2,.7,.2,1),background .32s ease,border-color .32s ease,box-shadow .32s ease}
.site-header.hx3-header-hidden{transform:translateY(-110%)}
.site-header.hx3-header-scrolled{background:rgba(5,8,16,.82);border-bottom-color:rgba(217,192,138,.12);box-shadow:0 18px 50px rgba(0,0,0,.2)}

/* atmospheric cursor light — desktop only */
.hx3-atmosphere{position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.55;background:radial-gradient(520px circle at var(--hx3-mx) var(--hx3-my),rgba(217,192,138,.075),transparent 66%);transition:opacity .4s ease}

/* semantic sections still render normally, but gain cinematic depth */
.hx3-section-seen{position:relative}
.hx3-section-seen::before{content:"";position:absolute;inset:8% 4%;pointer-events:none;opacity:0;transform:translateY(28px) scale(.98);transition:opacity .9s ease,transform 1.1s cubic-bezier(.18,.82,.18,1);background:radial-gradient(circle at 50% 30%,rgba(217,192,138,.028),transparent 62%)}
.hx3-section-seen.hx3-in-view::before{opacity:1;transform:none}

/* magnetic controls */
@media (hover:hover) and (pointer:fine){
  .hx3-magnetic{will-change:transform}
  .hx3-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease}
  .hx3-tilt:hover{border-color:rgba(217,192,138,.3)!important;box-shadow:0 26px 70px rgba(0,0,0,.25)}
}

/* ---------- HOME HERO ---------- */
.hx3-home-page .hero.hx3-home-hero{position:relative;min-height:100svh;padding:0!important;display:grid;align-items:stretch;overflow:hidden;background:#04070d;isolation:isolate}
.hx3-home-hero .hx3-hero-stage{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:clamp(92px,12vh,150px) 0 clamp(54px,8vh,96px)}
.hx3-home-hero .hx3-hero-stage::before{content:"";position:absolute;inset:0;z-index:-5;background:
  radial-gradient(circle at 67% 42%,rgba(217,192,138,.13),transparent 25%),
  radial-gradient(circle at 14% 86%,rgba(31,69,93,.22),transparent 34%),
  linear-gradient(135deg,#03060b 0%,#07101b 48%,#03060a 100%)}
.hx3-home-hero .hx3-hero-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,7,13,.98) 0%,rgba(4,7,13,.84) 35%,rgba(4,7,13,.22) 67%,rgba(4,7,13,.56) 100%),linear-gradient(180deg,transparent 58%,#04070d 100%)}
.hx3-hero-gridline{position:absolute;inset:0;z-index:-4;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 78%,transparent)}
.hx3-hero-aura{position:absolute;right:-4vw;top:7vh;width:min(62vw,900px);aspect-ratio:1;border-radius:50%;z-index:-3;background:repeating-radial-gradient(circle,rgba(217,192,138,.14) 0 1px,transparent 1px 35px);opacity:.5;filter:drop-shadow(0 0 18px rgba(217,192,138,.18));animation:hx3breathe 8s ease-in-out infinite}
html[dir="rtl"] .hx3-hero-aura{right:auto;left:-4vw}
@keyframes hx3breathe{0%,100%{transform:scale(.96);opacity:.36}50%{transform:scale(1.025);opacity:.58}}
.hx3-hero-portrait{position:absolute;right:0;top:0;width:min(62vw,930px);height:100%;z-index:-2;overflow:hidden;pointer-events:none}
html[dir="rtl"] .hx3-hero-portrait{right:auto;left:0}
.hx3-hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.045);filter:saturate(.9) contrast(1.04);will-change:transform}
.hx3-hero-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04070d 0%,transparent 37%,transparent 76%,rgba(4,7,13,.32) 100%),linear-gradient(180deg,rgba(4,7,13,.1),transparent 52%,#04070d 100%)}
html[dir="rtl"] .hx3-hero-portrait::after{background:linear-gradient(270deg,#04070d 0%,transparent 37%,transparent 76%,rgba(4,7,13,.32) 100%),linear-gradient(180deg,rgba(4,7,13,.1),transparent 52%,#04070d 100%)}
.hx3-hero-watermark{position:absolute;z-index:-1;inset-inline-start:4vw;top:14vh;font-size:clamp(120px,21vw,340px);font-weight:900;letter-spacing:-.075em;line-height:.75;color:transparent;-webkit-text-stroke:1px rgba(217,192,138,.11);text-transform:uppercase;white-space:nowrap;pointer-events:none;transform:translate3d(0,calc(var(--hx3-hero-y,0)*1px),0)}
.hx3-home-hero .container{position:relative;width:min(100% - 48px,1240px)}
.hx3-hero-copy{max-width:680px;position:relative;z-index:2}
html[dir="rtl"] .hx3-hero-copy{margin-inline-start:auto;text-align:right}
.hx3-hero-overline{display:flex;align-items:center;gap:11px;color:var(--hx3-gold);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px}
.hx3-hero-overline::before{content:"";width:44px;height:1px;background:var(--hx3-gold)}
.hx3-hero-name{margin:0;font-size:clamp(62px,9.2vw,142px);line-height:.78;letter-spacing:-.072em;text-transform:uppercase;max-width:8.5ch;text-wrap:balance}
html[dir="rtl"] .hx3-hero-name{text-transform:none;max-width:9ch;font-size:clamp(66px,9.5vw,145px);line-height:.88;letter-spacing:-.055em}
.hx3-hero-line{width:min(380px,65vw);height:1px;background:linear-gradient(90deg,var(--hx3-gold),transparent);margin:28px 0 23px}
html[dir="rtl"] .hx3-hero-line{background:linear-gradient(270deg,var(--hx3-gold),transparent);margin-inline-start:auto}
.hx3-hero-slogan{margin:0 0 18px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3.2vw,43px);line-height:1.12;color:#f4ead2;max-width:18ch}
html[dir="rtl"] .hx3-hero-slogan{font-family:inherit;font-weight:700}
.hx3-hero-spectrum{display:flex;gap:11px;align-items:center;flex-wrap:wrap;color:#aeb6c5;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px}
.hx3-hero-spectrum span+span::before{content:"•";margin-inline-end:11px;color:var(--hx3-gold)}
.hx3-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hx3-hero-actions .btn{width:auto;min-width:174px}
.hx3-hero-proof{position:absolute;right:24px;bottom:28px;z-index:3;display:flex;gap:7px;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(4,7,13,.55);backdrop-filter:blur(14px);font-size:10px;color:#c3cad5;letter-spacing:.035em}
html[dir="rtl"] .hx3-hero-proof{right:auto;left:24px}
.hx3-hero-proof b{color:var(--hx3-gold);font-weight:800}
.hx3-scroll-cue{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:#8e98aa;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.hx3-scroll-cue::after{content:"";width:1px;height:40px;background:linear-gradient(var(--hx3-gold),transparent);animation:hx3scrollcue 1.8s ease-in-out infinite}
@keyframes hx3scrollcue{0%,100%{transform:scaleY(.45);transform-origin:top;opacity:.35}50%{transform:scaleY(1);opacity:1}}

/* ---------- TRANSFORMATION STORY ---------- */
.hx3-story{position:relative;height:calc(var(--hx3-scenes,7) * 72svh + 100svh);background:#04070d;isolation:isolate}
.hx3-story-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center;background:#04070d}
.hx3-story-bg{position:absolute;inset:0;transition:background 1s ease;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(217,192,138,.12),transparent 34%),linear-gradient(145deg,#04070d,#08101a)}
.hx3-story-bg::before,.hx3-story-bg::after{content:"";position:absolute;pointer-events:none;transition:opacity .8s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.hx3-story-bg::before{width:58vmin;height:58vmin;border-radius:50%;right:4vw;top:18vh;border:1px solid rgba(217,192,138,.17);box-shadow:0 0 0 38px rgba(217,192,138,.025),0 0 0 76px rgba(217,192,138,.018)}
.hx3-story-bg::after{inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(circle at 65% 55%,#000,transparent 64%);opacity:.2}
html[dir="rtl"] .hx3-story-bg::before{right:auto;left:4vw}
.hx3-story-stage{position:relative;width:min(100% - 48px,1240px);height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:center;gap:48px;z-index:2}
html[dir="rtl"] .hx3-story-stage{direction:rtl}
.hx3-story-copy{align-self:center;max-width:660px}
.hx3-story-index{display:block;color:var(--hx3-gold);font-size:11px;letter-spacing:.2em;font-weight:800;margin-bottom:16px}
.hx3-story-word{position:absolute;z-index:-1;left:-2vw;top:17vh;margin:0;font-size:clamp(105px,18vw,290px);line-height:.72;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px rgba(217,192,138,.14);text-transform:uppercase;white-space:nowrap;transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
html[dir="rtl"] .hx3-story-word{left:auto;right:-2vw;text-transform:none;font-size:clamp(110px,18vw,300px);letter-spacing:-.045em}
.hx3-story-title{margin:0 0 14px;font-size:clamp(52px,6.5vw,94px);line-height:.88;letter-spacing:-.058em;text-transform:uppercase;text-wrap:balance}
html[dir="rtl"] .hx3-story-title{text-transform:none;line-height:.98;letter-spacing:-.04em}
.hx3-story-line{margin:0 0 25px;color:#c5cbd5;font-size:clamp(19px,2.1vw,29px);line-height:1.35;max-width:29ch;text-wrap:balance}
.hx3-story-action{display:inline-flex;align-items:center;gap:12px;color:#f5ead2;font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:11px}
.hx3-story-action::after{content:"→";font-size:18px;color:var(--hx3-gold);transition:transform .25s ease}
html[dir="rtl"] .hx3-story-action::after{content:"←"}.hx3-story-action:hover::after{transform:translateX(5px)}html[dir="rtl"] .hx3-story-action:hover::after{transform:translateX(-5px)}
.hx3-story-visual{position:relative;height:min(76vh,720px);display:grid;place-items:end center;align-self:end}
.hx3-story-portrait{position:absolute;inset:0;display:grid;place-items:end center;overflow:hidden;mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
.hx3-story-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.08) brightness(.88);transform:scale(1.08);transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .8s ease}
.hx3-story-glow{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;right:-6%;top:8%;border:1px solid rgba(217,192,138,.23);box-shadow:0 0 0 22px rgba(217,192,138,.025),0 0 80px rgba(217,192,138,.08);transition:transform 1s ease,border-radius .9s ease,opacity .8s ease}
html[dir="rtl"] .hx3-story-glow{right:auto;left:-6%}
.hx3-story-dots{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:grid;gap:10px;z-index:4}.hx3-story-dots button{appearance:none;width:5px;height:20px;border:0;border-radius:9px;background:rgba(255,255,255,.16);padding:0;transition:height .3s ease,background .3s ease}.hx3-story-dots button.active{height:44px;background:var(--hx3-gold)}
html[dir="rtl"] .hx3-story-dots{right:auto;left:24px}
.hx3-story-progress-label{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#8992a2}
.hx3-story-steps{position:absolute;inset:0;top:100svh;pointer-events:none}.hx3-story-step{height:72svh}

/* semantic content after the experience becomes calmer */
.hx3-home-page #platforms,.hx3-home-page .platforms{position:relative}
.hx3-home-page .section-intro h2,.hx3-home-page .section-copy h2{max-width:15ch;text-wrap:balance}
.hx3-home-page .section-intro p,.hx3-home-page .section-copy p{max-width:64ch}
.hx3-home-page .cards-grid,.hx3-home-page .language-card-grid,.hx3-home-page .format-grid{perspective:1200px}
.hx3-home-page #services{padding-top:clamp(90px,10vw,150px)}
.hx3-home-page #services .section-intro::before{content:"SERVICES";display:block;font-size:clamp(65px,12vw,170px);font-weight:900;line-height:.72;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(217,192,138,.08);margin-bottom:-.1em}
html[dir="rtl"] .hx3-home-page #services .section-intro::before{content:"الخدمات";letter-spacing:-.04em}
html[lang="de"] .hx3-home-page #services .section-intro::before{content:"COACHING"}

/* quiet machine-summary content: available to people on demand, not dumped into the story */
.hx3-machine-details{max-width:880px;margin:0 auto;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.02);overflow:hidden}
.hx3-machine-details summary{cursor:pointer;list-style:none;padding:16px 18px;color:#9ea7b7;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;display:flex;justify-content:space-between;gap:12px;align-items:center}
.hx3-machine-details summary::-webkit-details-marker{display:none}.hx3-machine-details summary::after{content:"+";color:var(--hx3-gold);font-size:18px}.hx3-machine-details[open] summary::after{content:"−"}
.hx3-machine-details .hx3-machine-body{padding:4px 18px 20px}.hx3-machine-details .hx3-machine-body h2{font-size:clamp(24px,4vw,38px);margin-bottom:12px}.hx3-machine-details .hx3-machine-body p,.hx3-machine-details .hx3-machine-body li{font-size:14px;line-height:1.7;color:#9fa8b7}

/* ---------- PROFILE DOCUMENTARY ---------- */
.hx3-profile-page .profile-hero.hx3-profile-hero{padding:0!important;min-height:100svh;display:grid;align-items:end;position:relative;overflow:hidden;background:#04070d;isolation:isolate}
.hx3-profile-hero .hx3-profile-bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 68% 28%,rgba(217,192,138,.13),transparent 28%),linear-gradient(135deg,#03060a,#08101a 55%,#04070d)}
.hx3-profile-hero .hx3-profile-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:82px 82px;opacity:.18;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}
.hx3-profile-hero .hx3-profile-portrait{position:absolute;z-index:-2;right:0;top:0;width:min(63vw,940px);height:100%;overflow:hidden}.hx3-profile-hero .hx3-profile-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.87) contrast(1.06);transform:scale(1.03)}
.hx3-profile-hero .hx3-profile-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04070d 0%,rgba(4,7,13,.75) 24%,transparent 58%,rgba(4,7,13,.2) 100%),linear-gradient(180deg,transparent 55%,#04070d 100%)}
html[dir="rtl"] .hx3-profile-hero .hx3-profile-portrait{right:auto;left:0}html[dir="rtl"] .hx3-profile-hero .hx3-profile-portrait::after{background:linear-gradient(270deg,#04070d 0%,rgba(4,7,13,.75) 24%,transparent 58%,rgba(4,7,13,.2) 100%),linear-gradient(180deg,transparent 55%,#04070d 100%)}
.hx3-profile-hero .container{position:relative;padding-bottom:clamp(56px,8vh,98px);width:min(100% - 48px,1240px)}
.hx3-profile-kicker{color:var(--hx3-gold);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:17px}
.hx3-profile-title{margin:0;max-width:7ch;font-size:clamp(64px,9vw,140px);line-height:.78;letter-spacing:-.07em;text-transform:uppercase}
html[dir="rtl"] .hx3-profile-title{text-transform:none;line-height:.9;letter-spacing:-.05em}
.hx3-profile-roleline{margin:26px 0 0;color:#f1dfb8;font-family:Georgia,"Times New Roman",serif;font-size:clamp(25px,3.2vw,45px);line-height:1.15;max-width:18ch}
html[dir="rtl"] .hx3-profile-roleline{font-family:inherit;font-weight:700}
.hx3-profile-summary{margin:18px 0 0;max-width:55ch;color:#aeb6c4;font-size:16px;line-height:1.72}
.hx3-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hx3-profile-actions .btn{width:auto}
.hx3-profile-facts{position:absolute;right:0;bottom:48px;display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px;width:min(380px,38vw)}html[dir="rtl"] .hx3-profile-facts{right:auto;left:0}
.hx3-profile-fact{padding:14px 15px;border:1px solid rgba(255,255,255,.1);background:rgba(5,8,15,.62);backdrop-filter:blur(12px);border-radius:15px}.hx3-profile-fact strong{display:block;color:var(--hx3-gold);font-size:17px}.hx3-profile-fact span{display:block;color:#9ca5b5;font-size:10px;line-height:1.4;margin-top:3px;text-transform:uppercase;letter-spacing:.07em}

.hx3-profile-story{position:relative;background:#050810;padding:clamp(80px,10vw,150px) 0;overflow:hidden}.hx3-profile-story::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(217,192,138,.055),transparent 48%);pointer-events:none}
.hx3-profile-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(38px,7vw,96px);align-items:start}.hx3-profile-story-intro{position:sticky;top:130px}.hx3-profile-story-intro small{color:var(--hx3-gold);letter-spacing:.18em;text-transform:uppercase;font-weight:800}.hx3-profile-story-intro h2{font-size:clamp(48px,6vw,90px);line-height:.9;letter-spacing:-.055em;margin:14px 0 0;max-width:8ch}.hx3-profile-beats{display:grid;gap:0}.hx3-profile-beat{min-height:44vh;display:grid;align-content:center;padding:40px 0;border-top:1px solid rgba(255,255,255,.08)}.hx3-profile-beat:first-child{border-top:0}.hx3-profile-beat strong{display:block;font-size:clamp(55px,8vw,120px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(217,192,138,.34);letter-spacing:-.06em;margin-bottom:18px}.hx3-profile-beat h3{font-size:clamp(27px,3.6vw,48px);line-height:1.03;margin:0 0 12px}.hx3-profile-beat p{color:#aab2c0;max-width:50ch;font-size:16px;line-height:1.7;margin:0}
.hx3-profile-page .profile-card-grid,.hx3-profile-page .credential-grid,.hx3-profile-page .profile-service-grid,.hx3-profile-page .trust-grid,.hx3-profile-page .direct-answer-grid{perspective:1200px}
.hx3-profile-page .profile-intro h2{max-width:14ch;text-wrap:balance}
.hx3-profile-page .profile-intro p{max-width:62ch}

/* mobile composition */
@media(max-width:768px){
  .hx3-atmosphere{display:none}
  .hx3-home-page .hero.hx3-home-hero,.hx3-home-hero .hx3-hero-stage{min-height:calc(100svh - 62px)}
  .hx3-home-hero .hx3-hero-stage{padding:58px 0 48px;align-items:flex-end}
  .hx3-home-hero .container{width:min(100% - 24px,1240px);padding-bottom:6vh}
  .hx3-hero-portrait{width:100%;height:78%;top:3%;right:0!important;left:0!important;opacity:.9}
  .hx3-hero-portrait img{object-position:58% center;transform:scale(1.08)}
  html[dir="rtl"] .hx3-hero-portrait img{object-position:42% center}
  .hx3-hero-portrait::after,html[dir="rtl"] .hx3-hero-portrait::after{background:linear-gradient(180deg,rgba(4,7,13,.05) 0%,rgba(4,7,13,.08) 32%,#04070d 84%,#04070d 100%),linear-gradient(90deg,rgba(4,7,13,.2),transparent 45%,rgba(4,7,13,.18))}
  .hx3-hero-aura{width:100vw;right:-24vw!important;left:auto!important;top:13vh;opacity:.3}
  html[dir="rtl"] .hx3-hero-aura{left:-24vw!important;right:auto!important}
  .hx3-hero-watermark{inset-inline-start:-2vw;top:14vh;font-size:26vw;opacity:.82}
  .hx3-hero-copy{max-width:none;text-shadow:0 3px 24px rgba(0,0,0,.8)}
  .hx3-hero-overline{font-size:8.5px;margin-bottom:12px}.hx3-hero-overline::before{width:28px}
  .hx3-hero-name{font-size:clamp(51px,16vw,76px);line-height:.82;max-width:7ch}
  html[dir="rtl"] .hx3-hero-name{font-size:clamp(56px,17vw,80px);max-width:8ch;line-height:.9}
  .hx3-hero-line{margin:17px 0 15px;width:54vw}
  .hx3-hero-slogan{font-size:clamp(22px,7vw,31px);max-width:14ch;margin-bottom:11px}
  .hx3-hero-spectrum{font-size:9px;gap:6px;margin-bottom:18px}.hx3-hero-spectrum span+span::before{margin-inline-end:6px}
  .hx3-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hx3-hero-actions .btn{min-width:0;width:100%!important;min-height:46px!important;padding:11px 10px!important;font-size:11px!important;border-radius:14px!important}
  .hx3-hero-proof{left:12px!important;right:12px!important;bottom:7px;justify-content:center;padding:7px 9px;font-size:8.5px;white-space:nowrap;overflow:hidden}
  .hx3-scroll-cue{display:none}

  .hx3-story{height:calc(var(--hx3-scenes,7) * 68svh + 100svh)}
  .hx3-story-stage{width:min(100% - 24px,1240px);grid-template-columns:1fr;height:100%;display:block;padding-top:16vh}
  .hx3-story-copy{position:relative;z-index:4;max-width:none;text-shadow:0 4px 24px rgba(0,0,0,.7)}
  .hx3-story-word{top:13vh;left:0!important;right:0!important;font-size:26vw;white-space:normal;max-width:100%;overflow:hidden;line-height:.74}
  .hx3-story-title{font-size:clamp(45px,13vw,64px);max-width:8ch;margin-bottom:10px}.hx3-story-line{font-size:17px;line-height:1.35;max-width:18ch;margin-bottom:15px}.hx3-story-action{font-size:9px}
  .hx3-story-visual{position:absolute;inset:24vh 0 0;height:auto;z-index:1;opacity:.78}.hx3-story-portrait img{object-position:center}.hx3-story-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,13,.35),transparent 28%,rgba(4,7,13,.2) 60%,#04070d 100%)}
  .hx3-story-glow{width:76vw;right:-20vw!important;left:auto!important;top:16%}html[dir="rtl"] .hx3-story-glow{left:-20vw!important;right:auto!important}
  .hx3-story-dots{right:9px!important;left:auto!important;gap:7px}.hx3-story-dots button{height:13px;width:3px}.hx3-story-dots button.active{height:28px}html[dir="rtl"] .hx3-story-dots{left:9px!important;right:auto!important}
  .hx3-story-progress-label{bottom:84px;font-size:7.5px;white-space:nowrap}
  .hx3-story-step{height:68svh}

  .hx3-profile-page .profile-hero.hx3-profile-hero{min-height:calc(100svh - 62px)}
  .hx3-profile-hero .hx3-profile-portrait{width:100%;height:74%;top:0;right:0!important;left:0!important}.hx3-profile-hero .hx3-profile-portrait img{object-position:58% center;transform:scale(1.08)}html[dir="rtl"] .hx3-profile-hero .hx3-profile-portrait img{object-position:42% center}
  .hx3-profile-hero .hx3-profile-portrait::after,html[dir="rtl"] .hx3-profile-hero .hx3-profile-portrait::after{background:linear-gradient(180deg,rgba(4,7,13,.03),rgba(4,7,13,.05) 32%,#04070d 83%,#04070d),linear-gradient(90deg,rgba(4,7,13,.15),transparent,rgba(4,7,13,.12))}
  .hx3-profile-hero .container{width:min(100% - 24px,1240px);padding-bottom:9vh}
  .hx3-profile-kicker{font-size:8.5px;margin-bottom:10px}.hx3-profile-title{font-size:clamp(50px,16vw,74px);line-height:.82;max-width:7ch;text-shadow:0 3px 22px rgba(0,0,0,.8)}html[dir="rtl"] .hx3-profile-title{line-height:.9;max-width:8ch}
  .hx3-profile-roleline{font-size:clamp(21px,6.8vw,29px);max-width:15ch;margin-top:15px}.hx3-profile-summary{font-size:13.5px;line-height:1.55;max-width:33ch;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .hx3-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.hx3-profile-actions .btn{width:100%!important;min-height:45px!important;padding:10px!important;font-size:10.5px!important;border-radius:14px!important}
  .hx3-profile-facts{position:static;width:100%;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:13px}.hx3-profile-fact{padding:9px 5px;border-radius:11px;text-align:center}.hx3-profile-fact strong{font-size:13px}.hx3-profile-fact span{font-size:7.5px;letter-spacing:.035em}

  .hx3-profile-story{padding:60px 0 25px}.hx3-profile-story-grid{display:block}.hx3-profile-story-intro{position:relative;top:auto;margin-bottom:28px}.hx3-profile-story-intro h2{font-size:clamp(42px,12vw,58px);max-width:7ch}.hx3-profile-beat{min-height:34vh;padding:30px 0}.hx3-profile-beat strong{font-size:clamp(55px,18vw,88px)}.hx3-profile-beat h3{font-size:clamp(25px,7.5vw,34px)}.hx3-profile-beat p{font-size:14px;line-height:1.62}

  .hx3-machine-details summary{font-size:9.5px;padding:13px 14px}.hx3-machine-details .hx3-machine-body{padding:4px 14px 16px}
}

@media(max-width:420px){
  .hx3-hero-actions,.hx3-profile-actions{grid-template-columns:1fr}
  .hx3-hero-spectrum{max-width:34ch}
  .hx3-profile-facts{grid-template-columns:repeat(2,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .hx3-hero-aura,.hx3-scroll-cue::after{animation:none!important}
  .hx3-story-portrait img,.hx3-story-word,.hx3-story-bg::before,.hx3-story-bg::after{transition:none!important}
  .site-header{transition:none!important}
  .hx3-page-veil{display:none!important}
}