/* v5: a mobile-first cinematic scene. Desktop sculpture is retained. */
.mobile-scene,.mobile-scene-control{display:none}
.hero-lead,.hero-result{display:block}.hero-result{margin-top:.12em}
@media(min-width:1024px){
 [data-screen-label="B01 Hero"] [data-k="hIntro"]{top:20%!important;gap:18px!important}
 [data-screen-label="B01 Hero"] h1{font-size:clamp(42px,4.8vw,74px)!important;line-height:1.04!important}
 [dir=rtl][data-screen-label="B01 Hero"] h1{font-size:clamp(38px,4.2vw,64px)!important;line-height:1.2!important}
 .hero-result{color:var(--ac,#C8102E)}
 [dir=rtl] .hero-lead{color:var(--ac,#C8102E)}[dir=rtl] .hero-result{color:var(--text)}
 [data-screen-label="B01 Hero"] .hero-actions{gap:16px}.hero-actions .audit-primary{gap:12px}
}
@media(max-width:1023px){
 [data-screen-label="B01 Hero"]{background:#151512!important;color:#fff;isolation:isolate}
 [data-screen-label="B01 Hero"] .fateel-cinema{display:none!important}
 .mobile-scene{display:block;position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:#151512;contain:paint}
 .mobile-scene-camera{position:absolute;inset:-2%;background-image:url('fateel-architecture-v5.webp');background-size:cover;background-position:center 58%;transform-origin:55% 67%;animation:ft-camera 16s ease-in-out infinite;will-change:transform}
 .mobile-scene-camera:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 56% 61%,rgba(255,218,163,.23),transparent 27%);mix-blend-mode:screen;animation:ft-daylight 8s ease-in-out infinite}
 .mobile-scene-camera:after{content:'';position:absolute;inset:36% 0 0;background:linear-gradient(115deg,transparent 28%,rgba(255,210,143,.12) 45%,transparent 59%);mix-blend-mode:screen;transform-origin:55% 15%;animation:ft-sunbeam 12s ease-in-out infinite}
 .mobile-scene-signal{position:absolute;inset:0;width:100%;height:100%;opacity:.8;mix-blend-mode:screen;filter:drop-shadow(0 0 5px #f33938)}
 .mobile-scene-signal path{stroke-dasharray:3 97;stroke-dashoffset:100;animation:ft-signal 7s cubic-bezier(.25,.1,.45,1) infinite}
 .mobile-scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,19,18,.97) 0%,rgba(17,19,18,.88) 22%,rgba(17,19,18,.58) 40%,rgba(17,19,18,.06) 63%,rgba(17,19,18,.25) 100%)}
 [data-screen-label="B01 Hero"] [data-k="hIntro"]{top:96px!important;left:24px!important;right:24px!important;inset-inline-start:24px!important;width:auto!important;max-width:620px!important;gap:16px!important;color:#fff!important;text-shadow:0 2px 20px #0003}
 [data-screen-label="B01 Hero"] [data-k="hIntro"]>div:first-child{color:#d0c7b9!important;font-size:9px!important;letter-spacing:.09em!important}
 [data-screen-label="B01 Hero"] h1{font-size:clamp(35px,9.3vw,56px)!important;line-height:1.04!important;max-width:17ch!important;letter-spacing:-.045em!important}
 [data-screen-label="B01 Hero"] .hero-lead{color:#d4cec4}.hero-result{color:#fff;margin-top:.16em}
 [dir=rtl][data-screen-label="B01 Hero"] h1{font-size:clamp(31px,8.3vw,50px)!important;line-height:1.2!important;max-width:20ch!important;letter-spacing:0!important}
 [dir=rtl][data-screen-label="B01 Hero"] .hero-lead{color:#fff}
 [dir=rtl][data-screen-label="B01 Hero"] .hero-result{color:#d4cec4}
 [data-screen-label="B01 Hero"] p{color:#e3dfd6!important;font-size:14px!important;line-height:1.55!important;max-width:40ch!important}
 [data-screen-label="B01 Hero"] .hero-actions{display:none!important}
 [data-screen-label="B01 Hero"]>div:last-of-type:not([data-k]):not(.mobile-scene):not(.fateel-cinema){display:none!important}
 html[data-mobile-hero=true] [data-k="head"],html[data-mobile-hero=true] [data-k="svg"]{opacity:0!important}
 .mobile-scene-control{display:grid;place-items:center;position:absolute;z-index:7;bottom:calc(92px + env(safe-area-inset-bottom));right:24px;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;background:#11131266;color:#fff;backdrop-filter:blur(8px);cursor:pointer}
 .mobile-scene-control svg{width:13px;height:15px}
 .mobile-scene[data-paused=true] *,.mobile-scene[data-paused=true] *:before,.mobile-scene[data-paused=true] *:after{animation-play-state:paused!important}
}
@media(max-width:1023px) and (max-height:650px) and (orientation:portrait){
 [data-screen-label="B01 Hero"] [data-k="hIntro"]{top:80px!important;left:20px!important;right:20px!important;inset-inline-start:20px!important;gap:12px!important}
 [data-screen-label="B01 Hero"] [data-k="hIntro"]>div:first-child{display:none}
 [data-screen-label="B01 Hero"] h1{font-size:31px!important;line-height:1.02!important}
 [dir=rtl][data-screen-label="B01 Hero"] h1{font-size:29px!important;line-height:1.16!important}
 [data-screen-label="B01 Hero"] p{font-size:12px!important;line-height:1.5!important}
 .mobile-scene-shade{background:linear-gradient(180deg,#111312f7,#111312cc 35%,#11131222 65%,#11131244)}
 .mobile-scene-control{right:20px;bottom:88px}
}
@media(max-width:1023px) and (orientation:landscape) and (max-height:550px){
 [data-screen-label="B01 Hero"] [data-k="hIntro"]{top:77px!important;width:51%!important;gap:10px!important}
 [data-screen-label="B01 Hero"] [data-k="hIntro"]>div:first-child{display:none}
 [data-screen-label="B01 Hero"] h1,[dir=rtl][data-screen-label="B01 Hero"] h1{font-size:clamp(25px,4.2vw,34px)!important;line-height:1.08!important}
 [data-screen-label="B01 Hero"] p{font-size:11px!important;line-height:1.4!important}
 .mobile-scene-camera{background-position:center 64%}
 .mobile-scene-shade{background:linear-gradient(90deg,#111312ee,#111312aa 45%,#11131211 80%)}
 [dir=rtl] .mobile-scene-shade{transform:scaleX(-1)}
}
@keyframes ft-camera{0%,100%{transform:scale(1.03) translate3d(0,1%,0)}50%{transform:scale(1.14) translate3d(-.5%,-1.2%,0)}}
@keyframes ft-daylight{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes ft-sunbeam{0%,100%{transform:rotate(-7deg) translateX(-4%);opacity:.35}50%{transform:rotate(7deg) translateX(4%);opacity:1}}
@keyframes ft-signal{0%{stroke-dashoffset:100;opacity:0}12%{opacity:.9}85%{opacity:.9}100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.mobile-scene *,.mobile-scene *:before,.mobile-scene *:after{animation:none!important}.mobile-scene-signal{display:none}}
