/* Arabia Group — HOME V6.14 light / official logo / yellow journey
   Goals: preserve hero motion and previews, keep the physical wall light fixed,
   widen/soften the white illumination, and reveal the official Arabia lockup
   without any badge or background. */

body.ag-home-v7{position:relative!important;}

:root{
  --ag-v63-gold:#F3C600;
  --ag-v63-ink:#0D0F10;
  --ag-v63-paper:#F4F1E8;
}

/* Fast first paint: the TV never opens as an empty black/yellow frame. The
   small already-preloaded ad is a temporary poster until channel 01 decodes. */
body.ag-home-v7 #home .hero-screen{background:#0D0F10 url('/assets/home-v7-6/media/small/ads/1-ad.webp.webp') center/cover no-repeat!important;}
body.ag-home-v7 #home img{visibility:visible!important;}
html.ag-v642-hero-ready body.ag-home-v7 #home .hero-screen{background-color:#0D0F10!important;}

/* --------------------------------------------------------------------------
   CONTENT READY — the page must already be paintable behind the intro.
   -------------------------------------------------------------------------- */
html.ag-v63-content-ready body.ag-home-v7 .site-shell,
html.ag-v63-content-ready body.ag-home-v7 main,
html.ag-v63-content-ready body.ag-home-v7 #home,
body.ag-home-v7.ag-v63-content-ready .site-shell,
body.ag-home-v7.ag-v63-content-ready main,
body.ag-home-v7.ag-v63-content-ready #home{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

/* The shared V6.14 entry helper keeps all sections visible. */
body.ag-home-v7 main [data-ag69-reveal]{opacity:1!important;visibility:visible!important;filter:none!important;clip-path:none!important}
body.ag-home-v7 #home [data-ag-reveal]{opacity:1!important;visibility:visible!important;transform:none!important;translate:none!important;animation:none!important}
body.ag-home-v7 #home .hero-v143-fallback.is-suppressed{opacity:0!important;visibility:hidden!important}
body.ag-home-v7 .ag-intro-v3{transition:opacity .48s ease,visibility 0s linear .48s!important}
body.ag-home-v7 .ag-intro-v3.is-leaving{opacity:0!important;visibility:hidden!important;pointer-events:none}


body.ag-home-v7 main section.ag-v63-revealed,
body.ag-home-v7 main section.ag-v62-revealed{
  opacity:1!important;
  visibility:visible!important;
}

/* Preview media is real content. Never blank it while a larger resource is
   downloading. */
body.ag-home-v7 img[data-ag-progressive],
body.ag-home-v7 img[data-ag-progressive-src],
body.ag-home-v7 img.ag-v63-preview-visible,
body.ag-home-v7 img.ag-v65-preview-visible{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}

body.ag-home-v7 img.is-ag-v64-full,
body.ag-home-v7 img.is-ag-v63-full,
body.ag-home-v7 img.is-ag-v62-full,
body.ag-home-v7 img.is-ag-v6-full,
body.ag-home-v7 img.is-ag-v42-full{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  image-rendering:auto!important;
}

/* --------------------------------------------------------------------------
   SINGLE FLOATING DECORATION STAGE
   -------------------------------------------------------------------------- */
#ag-v6-floating-stage{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  z-index:500;
  pointer-events:none;
  overflow:visible!important;
}
#ag-v6-floating-stage *{pointer-events:none!important;}

.ag-v6-float{
  position:absolute;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  contain:layout style;
}
.ag-v6-float>img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:none!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  image-rendering:auto!important;
}
.ag-v6-exp{z-index:540;}
.ag-v6-chair{z-index:535;}

/* Strict anchor hiding. JS also applies inline !important so legacy V4.2
   opacity rules cannot make the source paint a second time. */
body.ag-home-v7 img.ag-v6-anchor-hidden,
body.ag-home-v7 #experience .ag-xp373__visual img.ag-v6-anchor-hidden,
body.ag-home-v7 #about .ag-who__visual img.ag-v6-anchor-hidden{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  filter:none!important;
}
body.ag-home-v7 #about .ag-who__visual img{
  transform:none!important;
  clip-path:none!important;
}

/* V6.14 — restrained wall light and repeating official lockup. */
body.ag-home-v7 #experience.ag-xp373{background:#0d0f10!important;position:relative!important;isolation:isolate!important;overflow:hidden!important}
#experience [data-ag-lamp-v42],#experience [data-ag-lamp-v41],#experience .ag-xp373__visual{display:none!important}
body.ag-home-v7 #experience .ag-xp373__inner{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr)!important;grid-template-areas:"visual copy"!important;align-items:center!important;gap:clamp(26px,3.5vw,54px)!important;min-height:640px!important;padding-top:130px!important;padding-bottom:80px!important}
body.ag-home-v7 #experience .ag-xp373__copy{position:relative!important;top:auto!important;grid-area:copy;width:100%;max-width:720px;min-width:0;padding:0!important;z-index:2}
body.ag-home-v7 #experience .ag-xp373__headline h2{font-size:clamp(28px,3.25vw,46px)!important;line-height:1.45!important;gap:14px!important;flex-wrap:nowrap!important}
body.ag-home-v7 #experience .ag-xp373__title-text{line-height:1.45!important;padding:4px 0!important}
body.ag-home-v7 #experience .ag-xp373__title-badge{width:62px!important;height:66px!important;flex-shrink:0}
body.ag-home-v7 #experience .ag-xp373__story p{font-size:15px!important;line-height:1.95!important;font-weight:500!important}
body.ag-home-v7 #experience .ag-xp373__actions{gap:18px!important;flex-wrap:wrap!important}
body.ag-home-v7 #experience .ag-xp373__counter{max-width:100%!important}
#experience .ag-v68-light-stage{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none}
#experience .ag-v68-fixture{position:absolute;top:19px;left:50%;width:clamp(260px,29vw,380px);height:23px;transform:translateX(-50%);z-index:3;border:1px solid #9da2a4;border-radius:6px 6px 9px 9px;background:linear-gradient(180deg,#71787b 0%,#e6eaeb 16%,#fff 26%,#bdc4c7 39%,#8d969a 62%,#d8dddf 86%,#f3f5f5);box-shadow:0 -3px 8px #0007,0 7px 11px #0008,inset 0 1px 2px #fff}
#experience .ag-v68-fixture::before{content:"";position:absolute;inset:3px 8px 8px;border-radius:3px;background:linear-gradient(180deg,#dde2e4,#adb6ba);box-shadow:inset 0 1px 3px #66707766}
#experience .ag-v68-fixture::after{content:"";position:absolute;left:9px;right:9px;bottom:2px;height:4px;border-radius:5px;background:#fff;box-shadow:0 1px 5px #fff,0 5px 18px #fff9;opacity:.12;animation:agV68Emitter 9s ease-in-out infinite both;animation-play-state:paused}
#experience .ag-v68-light-near,#experience .ag-v68-light-far{position:absolute;left:50%;pointer-events:none;opacity:0;transform:translateX(-50%);animation:agV68Light 9s ease-in-out infinite both;animation-play-state:paused}
#experience .ag-v68-light-near{top:35px;width:min(610px,98%);height:125px;background:radial-gradient(ellipse 48% 90% at 50% 0%,#ffffffa3 0%,#ffffff38 26%,#ffffff0f 55%,#ffffff00 100%);filter:blur(7px)}
#experience .ag-v68-light-far{top:34px;width:min(1120px,125%);height:520px;background:radial-gradient(ellipse 48% 98% at 50% 0%,#f5f8ff24 0%,#f5f8ff14 30%,#ffffff08 58%,#ffffff00 91%);filter:blur(18px)}
#experience .ag-v68-logo-zone{grid-area:visual;position:relative;min-width:0;width:min(100%,440px);justify-self:end;align-self:center;z-index:2;background:none!important;border:0!important;box-shadow:none!important;direction:ltr}
#experience .ag-v68-brand{display:block;width:100%;height:auto;overflow:visible;direction:ltr}
#experience .ag-v68-brand-symbol{animation:agV68Symbol 9s cubic-bezier(.22,.75,.25,1) infinite both;animation-play-state:paused;transform-box:view-box;transform-origin:50% 50%}
#experience .ag-v68-brand-name{animation:agV68Name 9s cubic-bezier(.22,.75,.25,1) infinite both;animation-play-state:paused}
#experience.ag-v68-scene-running .ag-v68-brand-symbol,#experience.ag-v68-scene-running .ag-v68-brand-name,#experience.ag-v68-scene-running .ag-v68-fixture::after,#experience.ag-v68-scene-running .ag-v68-light-near,#experience.ag-v68-scene-running .ag-v68-light-far{animation-play-state:running}
@keyframes agV68Light{0%,100%{opacity:0}13%,72%{opacity:1}86%{opacity:0}}
@keyframes agV68Emitter{0%,100%{opacity:.12}10%,74%{opacity:1}88%{opacity:.12}}
@keyframes agV68Symbol{0%{opacity:0;transform:translate(340px,12px) scale(.94)}12%,22%{opacity:1;transform:translate(340px,0) scale(1)}36%,74%{opacity:1;transform:translate(0,0) scale(1)}86%,100%{opacity:0;transform:translate(0,-8px) scale(1)}}
@keyframes agV68Name{0%,27%{opacity:0;clip-path:inset(-12% 105% -12% 0);transform:translateX(-8px)}45%,74%{opacity:1;clip-path:inset(-12% -6% -12% 0);transform:translateX(0)}86%,100%{opacity:0;clip-path:inset(-12% -6% -12% 0);transform:translateX(0)}}

/* Horizontal journey: right-hand start, successive crests toward the upper left. */
body.ag-home-v7 #workflow.ag-workflow373{background:#F3C600!important;color:#0d0f10!important;position:relative;isolation:isolate;overflow:hidden!important;scroll-margin-top:88px}
body.ag-home-v7 #workflow::before,body.ag-home-v7 #workflow::after,#workflow .ag-workflow373__spot,#workflow .ag-workflow373__route-svg{display:none!important}
body.ag-home-v7 #workflow .ag-workflow373__inner{padding-top:56px!important;padding-bottom:48px!important}
body.ag-home-v7 #workflow [data-ag-v373-reveal]{opacity:1!important;visibility:visible!important;transform:none!important;translate:none!important;filter:none!important}
body.ag-home-v7 #workflow .ag-workflow373__intro{width:100%!important;max-width:800px;margin:0 0 0 auto!important}
body.ag-home-v7 #workflow .ag-workflow373__intro>span{color:#563900!important;font-size:13px!important}
body.ag-home-v7 #workflow .ag-workflow373__intro h2{font-size:clamp(28px,3.1vw,44px)!important;line-height:1.5!important;margin:9px 0 0!important}
body.ag-home-v7 #workflow .ag-workflow373__intro p{margin:8px 0 0!important;color:#3c330c!important;max-width:730px!important;font-size:15px!important;line-height:1.9!important}
body.ag-home-v7 #workflow .ag-workflow373__stage{display:grid!important;grid-template-columns:minmax(0,2.45fr) minmax(0,1fr)!important;grid-template-areas:"route character"!important;gap:clamp(20px,3vw,46px)!important;align-items:end!important;direction:ltr;margin:22px 0 34px!important;transform:none!important}
body.ag-home-v7 #workflow .ag-workflow373__route-wrap{grid-area:route;margin:0!important;width:100%!important;max-width:100%;transform:none!important;min-width:0;direction:rtl;overflow:visible!important}
#workflow .ag-v69-map-scroll{width:100%;min-width:0;overflow:visible;direction:rtl}
#workflow .ag-v69-map-hint{display:none;font-size:12px;color:#51420b;margin:12px 0 0;text-align:right}
body.ag-home-v7 #workflow .ag-workflow373__route{position:relative;isolation:isolate;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;gap:16px!important;width:100%!important;height:auto!important;min-height:460px!important;margin:0!important;padding:72px 2px 10px!important;direction:rtl}
body.ag-home-v7 #workflow .ag-workflow373__step{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;translate:none!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px 16px auto auto!important;gap:10px!important;align-content:start!important;align-items:start!important;justify-items:center!important;min-height:0!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;direction:rtl;text-align:center!important;pointer-events:auto!important;opacity:1!important;transition:none!important;z-index:2!important}
body.ag-home-v7 #workflow .ag-workflow373__step:nth-of-type(1){margin-top:210px!important}
body.ag-home-v7 #workflow .ag-workflow373__step:nth-of-type(2){margin-top:140px!important}
body.ag-home-v7 #workflow .ag-workflow373__step:nth-of-type(3){margin-top:70px!important}
#workflow .ag-workflow373__step::before,#workflow .ag-workflow373__step::after,#workflow .ag-workflow373__step h3::after,#workflow .ag-workflow373__step-icon::before{display:none!important}
body.ag-home-v7 #workflow .ag-workflow373__step-number{grid-column:1!important;grid-row:2!important;position:static!important;inset:auto!important;translate:none!important;transform:none!important;margin:0!important;display:block!important;color:#66520e!important;font:500 11px/16px ui-monospace,monospace!important;letter-spacing:2px;direction:ltr}
body.ag-home-v7 #workflow .ag-workflow373__step-icon{grid-column:1!important;grid-row:1!important;position:relative!important;width:48px!important;height:48px!important;margin:0!important;display:grid!important;place-items:center;color:#0d0f10;border:1px solid #0d0f1038!important;border-radius:15px!important;background:#F3C600!important;box-shadow:0 0 0 7px #F3C600!important;transform:none!important;transition:background .22s ease,color .22s ease!important;z-index:2!important}
body.ag-home-v7 #workflow .ag-workflow373__step-icon svg{width:25px!important;height:25px!important;display:block;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round;stroke-linejoin:round;transform:none!important;animation:none!important}
body.ag-home-v7 #workflow .ag-workflow373__step.is-active .ag-workflow373__step-icon{color:#F3C600!important;background:#0d0f10!important;border-color:#0d0f10!important}
body.ag-home-v7 #workflow .ag-workflow373__step h3{grid-column:1!important;grid-row:3!important;align-self:start!important;display:block!important;width:100%;max-width:none!important;margin:0!important;padding:3px 0 0!important;color:#0d0f10!important;font-size:clamp(17px,1.5vw,22px)!important;line-height:1.6!important;text-align:center!important;font-weight:850!important}
body.ag-home-v7 #workflow .ag-workflow373__step p{grid-column:1!important;grid-row:4!important;align-self:start!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;color:#453809!important;font-size:13px!important;line-height:1.85!important;font-weight:500!important;text-align:center!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}
#workflow .ag-v68-route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
#workflow .ag-v68-route-base,#workflow .ag-v68-route-progress{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#workflow .ag-v68-route-base{stroke:#0d0f1038;stroke-width:1.5;stroke-dasharray:3 7}
#workflow .ag-v68-route-progress{stroke:#0d0f10;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}
#workflow .ag-v68-traveler{position:absolute;left:0;top:0;width:13px;height:13px;border:3px solid #fff4ca;border-radius:50%;background:#0d0f10;box-shadow:0 0 0 4px #0d0f1010;pointer-events:none;z-index:4;opacity:0}
body.ag-home-v7 #workflow .ag-workflow373__visual{grid-area:character;position:relative!important;inset:auto!important;display:block!important;align-self:end!important;width:100%!important;max-width:390px!important;min-width:0!important;height:auto!important;margin:0 0 12px!important;padding:0!important;transform:none!important;direction:rtl;justify-self:center}
body.ag-home-v7 #workflow .ag-workflow373__visual figure{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;transform:none!important;background:none!important;border:0!important;box-shadow:none!important}
body.ag-home-v7 #workflow .ag-workflow373__visual img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;position:relative!important;inset:auto!important;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important}
body.ag-home-v7 #workflow .ag-workflow373__cta{position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:24px 0 0!important;width:100%!important;min-height:0!important;padding:30px 34px!important;gap:28px!important;border:0!important;border-radius:20px!important;background:#0d0f10!important;transform:none!important;box-shadow:none!important;color:#fff!important}
body.ag-home-v7 #workflow .ag-workflow373__cta h3{font-size:clamp(22px,2.2vw,30px)!important;color:#fff!important;line-height:1.5!important}
body.ag-home-v7 #workflow .ag-workflow373__cta p{color:#e0e1dc!important;font-size:14px!important;line-height:1.8!important}
body.ag-home-v7 #workflow .ag-workflow373__cta a{flex-shrink:0;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 24px!important;background:#F3C600!important;color:#0d0f10!important;border:0!important;border-radius:10px!important;box-shadow:none!important;font-size:15px!important;font-weight:800!important}
body.ag-home-v7 #workflow .ag-workflow373__cta a *{color:#0d0f10!important;stroke:currentColor}
@media(max-width:1050px){
 body.ag-home-v7 #workflow .ag-workflow373__stage{grid-template-columns:minmax(0,1fr) 25%!important;gap:18px!important}
 #workflow .ag-v69-map-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#65520b70 transparent;overscroll-behavior-x:contain;padding-block:4px 10px}
 body.ag-home-v7 #workflow .ag-workflow373__route{min-width:640px!important}
 #workflow .ag-v69-map-hint{display:block}
}
@media(max-width:820px){
 body.ag-home-v7 #experience .ag-xp373__inner{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"visual" "copy"!important;gap:46px!important;min-height:0!important;padding-top:156px!important;padding-bottom:54px!important}
 #experience .ag-v68-logo-zone{width:min(80%,370px);justify-self:center}
 #experience .ag-v68-fixture{top:18px;width:280px;height:21px}
 #experience .ag-v68-light-near{top:34px}
 #experience .ag-v68-light-far{top:34px;height:440px}
 body.ag-home-v7 #experience .ag-xp373__headline h2{font-size:clamp(26px,4.6vw,36px)!important}
 body.ag-home-v7 #workflow .ag-workflow373__inner{padding-top:40px!important;padding-bottom:36px!important}
 body.ag-home-v7 #workflow .ag-workflow373__stage{grid-template-columns:minmax(0,1fr) 27%!important;gap:12px!important}
 body.ag-home-v7 #workflow .ag-workflow373__cta{padding:24px!important;flex-wrap:wrap!important;gap:20px!important}
}
@media(max-width:540px){
 body.ag-home-v7 #experience .ag-xp373__title-badge{width:48px!important;height:56px!important;border-radius:9px!important;font-size:29px!important}
 body.ag-home-v7 #experience .ag-xp373__headline h2{gap:11px!important;font-size:27px!important}
 body.ag-home-v7 #experience .ag-xp373__story p{font-size:14px!important}
 body.ag-home-v7 #experience .ag-xp373__counter{width:100%!important}
 body.ag-home-v7 #workflow .ag-workflow373__intro h2{font-size:28px!important}
 body.ag-home-v7 #workflow .ag-workflow373__intro p{font-size:14px!important}
 body.ag-home-v7 #workflow .ag-workflow373__visual{margin-bottom:58px!important}
 body.ag-home-v7 #workflow .ag-workflow373__cta a{width:100%}
}
@media(prefers-reduced-motion:reduce){
 #experience .ag-v68-brand-symbol,#experience .ag-v68-brand-name{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
 #experience .ag-v68-light-near,#experience .ag-v68-light-far,#experience .ag-v68-fixture::after{animation:none!important;opacity:1!important}
 #workflow .ag-v68-traveler{display:none}
 #workflow .ag-v68-route-progress{stroke-dashoffset:0!important}
}


/* --------------------------------------------------------------------------
   PERFORMANCE CONTAINMENT
   -------------------------------------------------------------------------- */
body.ag-home-v7 #portfolio .ag-work-card,
body.ag-home-v7 #systems article,
body.ag-home-v7 #articles article{
  content-visibility:auto;
  contain-intrinsic-size:1px 360px;
}


/* Performance probe panel exists only with ?agperf=1. */
#ag-v62-perf-panel{
  position:fixed;
  left:12px;
  bottom:12px;
  z-index:1000000;
  direction:ltr;
  width:min(390px,calc(100vw - 24px));
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(10,12,14,.92);
  color:#f6f3e8;
  box-shadow:0 8px 30px rgba(0,0,0,.28);
  font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;
  pointer-events:none;
  white-space:pre-wrap;
}
#ag-v62-perf-panel strong{color:#F3C600;}