/* V22 — homepage motion/optics while preserving the current art direction. */
body:has(#tmLayeredHome) main{padding-top:0!important}
body:has(#tmLayeredHome) .reveal{opacity:1!important;transform:none!important}
body:has(#tmLayeredHome) #tmSiteHeader{position:fixed!important;inset:0 0 auto!important;top:0!important;padding:9px 0 0!important;background:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important}
body:has(#tmLayeredHome) #tmSiteHeader .tm-header-inner{width:min(1180px,calc(100% - 28px))!important;height:66px!important;margin:auto!important;padding:0 9px 0 14px!important;background:linear-gradient(110deg,#10121be8,#151722df)!important;border:1px solid #ffffff16!important;box-shadow:0 12px 38px #00000029,inset 0 1px 0 #ffffff08!important;backdrop-filter:blur(20px) saturate(1.2)!important;-webkit-backdrop-filter:blur(20px) saturate(1.2)!important}
body:has(#tmLayeredHome) #tmSiteHeader .tm-header-nav,body:has(#tmLayeredHome) #tmSiteHeader .tm-language{background:#ffffff07!important;border-color:#ffffff15!important}
body:has(#tmLayeredHome) #tmSiteHeader .tm-header-nav a,body:has(#tmLayeredHome) #tmSiteHeader .tm-language button{color:#eee8f2!important}
body:has(#tmLayeredHome) #tmSiteHeader .tm-header-brand b{display:inline!important;color:#f4eff8!important;font:800 11px/1 Montserrat,sans-serif!important;letter-spacing:.13em!important}
body:has(#tmLayeredHome) #tmSiteHeader .tm-lang-pill{background:#05070d!important}
body:has(#tmLayeredHome) #tmSiteHeader .tm-mobile-menu-btn{background:#171a24!important;color:#f3edf7!important;border-color:#ffffff20!important}

#tmLayeredHome{position:relative;isolation:isolate;overflow:hidden;background:#040710;color:#fff;width:100%;height:clamp(700px,100svh,1080px);padding:0;direction:ltr}
#tmLayeredHome .home-city{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:0;pointer-events:none;animation:tmCityBreath 8s ease-in-out infinite alternate}
@keyframes tmCityBreath{0%{filter:brightness(.94) saturate(.96)}100%{filter:brightness(1.045) saturate(1.05)}}
#tmLayeredHome .home-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#03060df4 0%,#03060db9 34%,#03060d20 65%,transparent),linear-gradient(180deg,#03060d20,transparent 65%);pointer-events:none}
#tmLayeredHome .home-visual{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible}
#tmLayeredHome::before{content:"";position:absolute;z-index:1;inset:42% 4% 24%;pointer-events:none;opacity:.34;mix-blend-mode:screen;background-image:radial-gradient(circle at 22% 64%,#ffd08b 0 1px,transparent 4px),radial-gradient(circle at 49% 43%,#e2a4ff 0 1px,transparent 4px),radial-gradient(circle at 71% 55%,#ffbd68 0 1px,transparent 4px),radial-gradient(circle at 89% 31%,#ffd49b 0 1px,transparent 4px);background-size:19% 23%,23% 31%,17% 27%,21% 29%;animation:tmCityTwinkle 4.8s steps(2,end) infinite}
@keyframes tmCityTwinkle{0%,100%{opacity:.18}28%{opacity:.50}58%{opacity:.25}82%{opacity:.62}}

#tmLayeredHome .home-operator,#tmLayeredHome .home-operator-mobile{will-change:transform;backface-visibility:hidden;filter:drop-shadow(0 20px 32px #0008)}
#tmLayeredHome .home-operator{position:absolute;right:3.2%;top:15%;height:92%;width:auto;max-width:none;object-fit:contain;transform-origin:50% 50%;pointer-events:none}
#tmLayeredHome .home-operator-mobile{display:none;position:absolute;pointer-events:none}
#tmLayeredHome .home-rays{position:absolute;width:52%;height:auto;max-width:none;z-index:-1;opacity:.92;mix-blend-mode:screen;transform-origin:96.5% 50%;will-change:transform,left,top,width;pointer-events:none;filter:saturate(.94) brightness(1.06)}
#tmLayeredHome .home-particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;mix-blend-mode:screen;opacity:.82;pointer-events:none}
#tmLayeredHome .home-lens-glow{position:absolute;width:122px;height:122px;border-radius:50%;z-index:0;pointer-events:none;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff8dc 0 3%,#ffd38191 17%,#ff9e3a2f 40%,transparent 70%);filter:blur(7px);mix-blend-mode:screen}

#tmLayeredHome .home-copy{position:absolute;z-index:3;left:6.6%;top:26%;width:55%;isolation:isolate}
#tmLayeredHome .home-copy::after{content:"";position:absolute;z-index:1;pointer-events:none;inset:-12% -6% -12% 32%;opacity:var(--copy-glow,.36);mix-blend-mode:screen;background:linear-gradient(90deg,transparent 0%,#ffc66f0b 30%,#ffd58f20 68%,#fff0c93d 100%);filter:blur(12px);transition:opacity .45s ease}
#tmLayeredHome .home-copy>*{position:relative;z-index:2}
#tmLayeredHome [data-home-lang]{display:none}
html[lang^=en] #tmLayeredHome [data-home-lang=en],html[lang^=fr] #tmLayeredHome [data-home-lang=fr],html[lang^=ar] #tmLayeredHome [data-home-lang=ar]{display:inline}
#tmLayeredHome .home-eyebrow{display:flex;gap:15px;align-items:center;margin:0 0 24px;font:500 clamp(8px,.75vw,13px)/1.5 Montserrat,sans-serif;letter-spacing:.29em;text-transform:uppercase;color:#e3dce7}
#tmLayeredHome .home-eyebrow i{display:block;width:8px;height:8px;flex:0 0 8px;background:#be29f0;border-radius:50%;box-shadow:0 0 14px #bd22ed}
html body #tmLayeredHome h1{margin:0 0 23px;padding:0;font:800 clamp(42px,4.7vw,88px)/.98 Montserrat,sans-serif!important;letter-spacing:-.045em!important;text-transform:uppercase;color:#faf9fc!important;max-width:none!important}
html body #tmLayeredHome h1 em{font:inherit;font-style:normal;color:transparent;background:linear-gradient(100deg,#a82ff2,#e647d8 39%,#fba453 79%,#ffcb51);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 13px #ce59c62b);white-space:nowrap}
#tmLayeredHome .home-description{max-width:720px;margin:0;color:#d3cad8;font:400 clamp(12px,1.1vw,18px)/1.7 Montserrat,sans-serif}
#tmLayeredHome .home-actions{display:flex;gap:20px;align-items:center;margin-top:29px}
#tmLayeredHome .home-actions a{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:10px 23px;border-radius:99px;border:1px solid #ffffff22;text-decoration:none;color:#f9f5ff;font:700 clamp(8px,.7vw,12px)/1.4 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:#11121d55;transition:translate .58s cubic-bezier(.22,1,.36,1),background-color .58s ease,border-color .58s ease,box-shadow .68s ease,filter .58s ease!important}
#tmLayeredHome .home-actions a:hover{translate:0 -3px;border-color:#ffffff55;background:#090b14d9;box-shadow:0 15px 38px #0006,0 0 24px #d147e42b;filter:brightness(1.08)}
#tmLayeredHome .home-actions .home-primary{border-color:#b87a625e;background:#050710bf;padding-right:10px;box-shadow:0 0 20px #c1777420}
#tmLayeredHome .home-primary i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;font:25px/1 Arial;background:linear-gradient(130deg,#8a27ed,#d738ef 55%,#ffb15c);box-shadow:0 0 16px #d749d766;transition:transform .62s cubic-bezier(.22,1,.36,1)!important}
#tmLayeredHome .home-primary:hover i{transform:translateX(3px) rotate(8deg)}
#tmLayeredHome a:focus-visible{outline:2px solid #e9b2ff;outline-offset:5px}
#tmLayeredHome .home-metrics{position:absolute;left:6.6%;top:78%;z-index:3;display:flex;gap:0;width:36%}
#tmLayeredHome .home-metrics>div{flex:1;padding:0 20px;border-left:1px solid #9e91b133}
#tmLayeredHome .home-metrics>div:first-child{padding-left:0;border:0}
#tmLayeredHome .home-metrics strong{display:block;font:600 clamp(20px,1.55vw,28px)/1.2 Montserrat,sans-serif;color:#fff}
#tmLayeredHome .home-metrics span{margin-top:8px;font:500 clamp(7px,.62vw,11px)/1.5 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#bfb5c7}
#tmLayeredHome .home-tagline{position:absolute;left:6.6%;bottom:5%;z-index:3;font:500 clamp(8px,.7vw,12px)/1.4 Montserrat,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#c6bece}
#tmLayeredHome .home-tagline:before{content:"";display:inline-block;width:42px;height:1px;background:#d1bdcc80;vertical-align:middle;margin-right:18px}
#tmLayeredHome .home-wall{display:none!important}
html[lang^=ar] #tmLayeredHome .home-copy{direction:rtl;text-align:right}
html[lang^=ar] #tmLayeredHome h1,html[lang^=ar] #tmLayeredHome .home-copy *,html[lang^=ar] #tmLayeredHome .home-metrics span{font-family:Cairo,sans-serif!important;letter-spacing:0!important}
#tmLayeredHome :is(h1,p,span,strong,em){user-select:text!important;-webkit-user-select:text!important}

body:has(#tmLayeredHome) .marquee{display:block!important;position:relative;z-index:8;background:#070911!important;border-color:#ffffff14!important;color:#fff;overflow:hidden}
body:has(#tmLayeredHome) .marquee-track{animation:marquee 31s linear infinite!important;will-change:transform}
body:has(#tmLayeredHome) .marquee-row{color:#bdb4c4!important;padding-block:9px!important}
body:has(#tmLayeredHome) .marquee-row i{box-shadow:0 0 13px #d93aef99}

@media(max-width:1100px) and (min-width:701px){
 #tmLayeredHome .home-copy{width:58%}
 #tmLayeredHome .home-actions{gap:10px}
 #tmLayeredHome .home-operator{right:-8%;height:88%;top:19%}
}

@media(max-width:700px){
 body:has(#tmLayeredHome) #tmSiteHeader{padding-top:9px!important}
 body:has(#tmLayeredHome) #tmSiteHeader .tm-header-inner{height:60px!important;border-radius:18px!important;width:calc(100% - 18px)!important;padding:0 7px 0 10px!important;gap:7px!important}
 body:has(#tmLayeredHome) #tmSiteHeader .tm-header-brand b{display:none!important}
 #tmLayeredHome{height:auto;min-height:0;padding:92px 18px 26px;display:flex;flex-direction:column}
 #tmLayeredHome .home-city{object-position:68% bottom}
 #tmLayeredHome .home-shade{background:linear-gradient(180deg,#03060df5 0%,#03060de9 36%,#03060d43 65%,#03060de0 100%)}
 #tmLayeredHome .home-copy{position:relative;left:auto;top:auto;width:100%;order:0}
 #tmLayeredHome .home-copy::after{inset:-8% -5% -16% 18%;opacity:.30}
 #tmLayeredHome .home-eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:18px;gap:10px}
 html body #tmLayeredHome h1{font-size:clamp(30px,8vw,52px)!important;margin-bottom:18px;line-height:1.02!important}
 #tmLayeredHome .home-description{font-size:12px;line-height:1.7}
 #tmLayeredHome .home-actions{margin-top:20px;gap:9px;flex-wrap:wrap}
 #tmLayeredHome .home-actions a{font-size:8px;min-height:44px;padding:8px 14px;gap:10px}
 #tmLayeredHome .home-primary i{width:28px;height:28px;flex-basis:28px;font-size:21px}
 #tmLayeredHome .home-visual{position:relative;inset:auto;order:1;height:430px;width:calc(100% + 36px);margin:4px -18px 0;overflow:visible}
 #tmLayeredHome .home-operator{display:none}
 #tmLayeredHome .home-operator-mobile{display:block;height:420px;width:auto;max-width:none;right:6%;top:4px;object-fit:contain}
 #tmLayeredHome .home-rays{opacity:.70}
 #tmLayeredHome .home-lens-glow{width:88px;height:88px}
 #tmLayeredHome .home-metrics{position:relative;top:auto;left:auto;order:2;width:100%;margin-top:8px}
 #tmLayeredHome .home-metrics>div{padding:0 12px}
 #tmLayeredHome .home-metrics strong{font-size:21px}
 #tmLayeredHome .home-metrics span{font-size:7px;letter-spacing:.07em}
 #tmLayeredHome .home-tagline{position:relative;left:auto;bottom:auto;order:3;font-size:8px;margin:24px 0 0}
}

@media(prefers-reduced-motion:reduce){
 #tmLayeredHome .home-city,#tmLayeredHome::before,body:has(#tmLayeredHome) .marquee-track{animation:none!important}

}

/* Original photographs remain rigid; only the isolated wrist assembly pivots. */
#tmLayeredHome .home-rig{position:absolute;right:3.2%;top:15%;height:92%;aspect-ratio:2/3;pointer-events:none;transform-origin:50% 95%}
#tmLayeredHome .home-rig .home-operator{inset:0!important;width:100%!important;height:100%!important;filter:none;transform:none!important;mask:url(#tm-body-mask)}
#tmLayeredHome .home-projector{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform-origin:21.5% 35.2%;will-change:transform}
#tmLayeredHome .home-shoulder-patch{position:absolute;inset:0;width:100%;height:100%;clip-path:polygon(30% 34%,48% 32%,52% 36%,32% 40%);pointer-events:none}
#tmLayeredHome .home-title-light{position:absolute;inset:0;pointer-events:none!important;user-select:none!important;opacity:var(--title-light,0);color:#ffe8b4!important;background:none!important;-webkit-text-fill-color:#ffe8b4;mask-image:linear-gradient(90deg,transparent 5%,#0002 28%,#000 100%);filter:blur(.3px) drop-shadow(0 0 8px #ffb34e) drop-shadow(0 0 22px #ffb34e);transition:opacity .3s ease}
html body #tmLayeredHome h1 em{position:relative;display:inline-block}
#tmLayeredHome .home-city{animation:none}
#tmLayeredHome::before{display:none}
#tmLayeredHome .home-city-lights{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen}
#tmLayeredHome .home-city-lights i{position:absolute;width:5px;height:9px;border-radius:50%;background:#ffbd68;filter:blur(2px);animation:tm-window-light 5s ease-in-out infinite alternate}
@keyframes tm-window-light{0%,20%{opacity:.04}60%{opacity:.4}100%{opacity:.12}}
@media(max-width:1100px) and (min-width:701px){#tmLayeredHome .home-rig{right:-8%;height:88%;top:19%}}
@media(max-width:700px){#tmLayeredHome .home-rig{display:none}#tmLayeredHome .home-visual{height:430px}#tmLayeredHome .home-operator-mobile{height:420px;max-width:100%;right:50%;translate:50% 0}#tmLayeredHome .home-copy{z-index:3}}
@media(prefers-reduced-motion:reduce){#tmLayeredHome .home-city-lights i{animation:none;opacity:.2}}
