/* Arabia Group — HOME POLISH V4.2 FINAL
   Focus: fully visible cross-block characters, smaller unclipped lamp,
   continuous elegant beam sweep, lifted third block, and cleaner workflow layout. */

:root{
  --ag-v42-ink:#0D0F10;
  --ag-v42-gold:#F3C600;
  --ag-v42-paper:#F4F1E8;
  --ag-v42-cherry:#8E2230;
}

body.ag-home-v7 main,
body.ag-home-v7 main > section,
body.ag-home-v7 main > section > .arabia-container,
body.ag-home-v7 main > section figure,
body.ag-home-v7 main > section [class*="__visual"],
body.ag-home-v7 main > section [class*="__media"],
body.ag-home-v7 main > section [class*="__scene"]{
  overflow:visible!important;
}

#experience [data-ag-v373-reveal],
#workflow [data-ag-v373-reveal]{
  visibility:visible!important;
}

.ag-v42-overflow-pass{
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}

/* --------------------------------------------------------------------------
   EXPERIENCE — BLACK BLOCK + DEEPER CHARACTER CROSSOVER
   -------------------------------------------------------------------------- */
#experience.ag-xp373{
  position:relative!important;
  z-index:34!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:#0D0F10!important;
  color:#F4F1E8!important;
}
#experience.ag-xp373::before,
#experience.ag-xp373::after{display:none!important}
#experience .ag-xp373__inner{
  overflow:visible!important;
  min-height:728px;
  padding-bottom:158px!important;
}
#experience .ag-xp373__visual{
  overflow:visible!important;
  z-index:44!important;
  min-height:700px;
}
#experience .ag-xp373__ground-spot{display:none!important}
#experience .ag-xp373__visual img{
  left:43.4%!important;
  bottom:-208px!important;
  width:auto!important;
  height:min(618px,47vw)!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateX(-50%)!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:46!important;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.20))!important;
}
#experience .ag-xp373__copy,
#experience .ag-xp373__headline,
#experience .ag-xp373__headline h2,
#experience .ag-xp373__title-text{color:#F4F1E8!important}
#experience .ag-xp373__title-badge{background:#F3C600!important;color:#0D0F10!important}
#experience .ag-xp373__peak{color:#F3C600!important}
#experience .ag-xp373__story p{color:rgba(244,241,232,.86)!important}
#experience .ag-xp373__counter{background:#151719!important;border-color:rgba(243,198,0,.32)!important}
#experience .ag-xp373__counter-main strong,
#experience .ag-xp373__counter-main em{color:#F3C600!important}
#experience .ag-xp373__counter-main span,
#experience .ag-xp373__counter-copy small,
#experience .ag-xp373__year-words span{color:#F4F1E8!important}
#experience .ag-xp373__cta{color:#D95A69!important}
#experience + section,
#experience ~ #about{position:relative;z-index:22;overflow:visible!important}

/* --------------------------------------------------------------------------
   LAMP V4.2 — SMALLER, LOWER, FULLY VISIBLE, CONTINUOUS SWEEP
   -------------------------------------------------------------------------- */
#experience .ag-lamp-v42{
  position:absolute;
  inset:0;
  z-index:56;
  overflow:visible;
  pointer-events:none;
  isolation:isolate;
}
#experience .ag-lamp-v42__rig{
  position:absolute;
  top:-22px;
  left:clamp(8px,1.15vw,18px);
  width:clamp(252px,23vw,328px);
  aspect-ratio:2.9/1;
  z-index:6;
  overflow:visible;
  filter:drop-shadow(0 12px 14px rgba(0,0,0,.28));
}
#experience .ag-lamp-v42__rig,
#experience .ag-lamp-v42__rig *{overflow:visible!important;clip-path:none!important}
#experience .ag-lamp-v42__rig img{display:block;opacity:1!important;visibility:visible!important;max-width:none;user-select:none;-webkit-user-drag:none}
#experience .ag-lamp-v42__mount{position:absolute;left:0;top:0;width:14.9%;height:auto;z-index:8}
#experience .ag-lamp-v42__arm-a{position:absolute;left:12.1%;top:62.8%;width:33.2%;transform:translateY(-50%);transform-origin:0 50%;z-index:5}
#experience .ag-lamp-v42__arm-a > img{width:100%;height:auto}
#experience .ag-lamp-v42__arm-b{position:absolute;left:89.5%;top:50%;width:78%;transform:translateY(-50%) rotate(var(--ag-v42-arm-b-angle,-1deg));transform-origin:0 50%;transition:transform 2.6s cubic-bezier(.22,.78,.28,1);z-index:5}
#experience .ag-lamp-v42__arm-b > img{width:100%;height:auto}
#experience .ag-lamp-v42__head{position:absolute;left:93%;top:50%;width:94%;transform:translateY(-50%) rotate(var(--ag-v42-head-angle,-9deg));transform-origin:8% 50%;transition:transform 2.6s cubic-bezier(.22,.78,.28,1);z-index:9}
#experience .ag-lamp-v42__head > img{width:100%;height:auto}
#experience .ag-lamp-v42__lens{position:absolute;left:82%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);opacity:0}
#experience .ag-lamp-v42__beam{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;opacity:.98;transition:opacity .42s ease}
#experience .ag-lamp-v42__beam-soft{opacity:.30}
#experience .ag-lamp-v42__beam-core{opacity:.16}
#experience .ag-lamp-v42__spot{opacity:.48}
#experience .ag-v42-lamp-target-lit{position:relative;z-index:54;transition:filter .38s ease,text-shadow .38s ease,color .38s ease}
#experience .ag-xp373__headline.ag-v42-lamp-target-lit .ag-xp373__title-text{color:#FFF8DF!important;text-shadow:0 0 8px rgba(255,248,223,.28),0 0 18px rgba(243,198,0,.18)!important}
#experience .ag-xp373__headline.ag-v42-lamp-target-lit .ag-xp373__peak{color:#F3C600!important}
#experience .ag-xp373__story.ag-v42-lamp-target-lit p{color:#fff!important;filter:brightness(1.03);text-shadow:0 0 8px rgba(255,248,216,.10),0 0 16px rgba(243,198,0,.08)!important}
#experience .ag-xp373__actions.ag-v42-lamp-target-lit .ag-xp373__counter strong,
#experience .ag-xp373__actions.ag-v42-lamp-target-lit .ag-xp373__counter em{color:#FFF2A8!important;text-shadow:0 0 12px rgba(243,198,0,.18)!important}

/* --------------------------------------------------------------------------
   THIRD BLOCK / "نفهم الفكرة" — LIFT TEXT + ALLOW CHARACTER TO FLOW OUT
   -------------------------------------------------------------------------- */
.ag-v42-chair-section{position:relative!important;z-index:31!important;overflow:visible!important}
.ag-v42-chair-section > .arabia-container,
.ag-v42-chair-section > .container,
.ag-v42-chair-section [class*="__inner"]{transform:translateY(-54px)!important}
.ag-v42-chair-section + section{position:relative;z-index:20;overflow:visible!important}
.ag-v42-chair-wrap{position:relative!important;z-index:48!important;overflow:visible!important;translate:0 clamp(50px,6vw,86px);margin-bottom:clamp(-126px,-8vw,-74px)!important}
.ag-v42-chair-media{position:relative!important;z-index:49!important;overflow:visible!important;max-height:none!important;clip-path:none!important;mask:none!important;-webkit-mask:none!important}

/* --------------------------------------------------------------------------
   WORKFLOW — PATH THROUGH THE MIDDLE, ICON/TITLE ABOVE, DESCRIPTION BELOW
   -------------------------------------------------------------------------- */
#workflow.ag-workflow373,
#workflow .ag-workflow373__inner,
#workflow .ag-workflow373__stage,
#workflow .ag-workflow373__route-wrap{overflow:visible!important}
#workflow .ag-workflow373__route{position:relative!important;min-height:590px!important;overflow:visible!important}
#workflow .ag-workflow373__route-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:none}
#workflow .ag-workflow373__step{position:absolute!important;left:var(--ag-v42-step-x,50%)!important;top:var(--ag-v42-step-y,50%)!important;width:min(218px,24%)!important;max-width:218px!important;min-width:164px;margin:0!important;translate:-50% -50%;z-index:8!important;padding:0 8px!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto 70px auto!important;align-items:start!important;justify-items:center!important;text-align:center!important;transition:left .42s ease,top .42s ease,translate .42s ease,opacity .28s ease!important}
#workflow .ag-workflow373__step::before{display:none!important}
#workflow .ag-workflow373__step-number{position:absolute!important;inset-inline-start:50%!important;top:-12px!important;translate:-50% 0!important;z-index:3!important}
#workflow .ag-workflow373__step-icon{grid-row:1!important;margin:2px auto 8px!important;z-index:3!important}
#workflow .ag-workflow373__step h3{grid-row:2!important;margin:0!important;align-self:end!important}
#workflow .ag-workflow373__step p{grid-row:4!important;margin:0!important;align-self:start!important;opacity:0;transform:translateY(8px);transition:opacity .38s ease,transform .38s ease!important}
#workflow .ag-workflow373__step.is-ag-v42-active p{opacity:1;transform:none}
#workflow .ag-workflow373__step--1{--ag-v42-step-x:79%;--ag-v42-step-y:73%}
#workflow .ag-workflow373__step--2{--ag-v42-step-x:60%;--ag-v42-step-y:38%}
#workflow .ag-workflow373__step--3{--ag-v42-step-x:37%;--ag-v42-step-y:65%}
#workflow .ag-workflow373__step--4{--ag-v42-step-x:15%;--ag-v42-step-y:28%}
#workflow .ag-workflow373__traveler{z-index:4}

/* --------------------------------------------------------------------------
   PROGRESSIVE MEDIA
   -------------------------------------------------------------------------- */
img[data-ag-progressive-src],
.ag-v42-progressive-media{transition:filter .34s ease,opacity .34s ease!important;will-change:filter,opacity}
img[data-ag-progressive-src]:not(.is-ag-v42-full),
.ag-v42-progressive-media:not(.is-ag-v42-full){filter:blur(4px) saturate(.94)!important}
img.is-ag-v42-full,
.ag-v42-progressive-media.is-ag-v42-full{filter:none!important}

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */
@media (max-width:1100px){
  #experience .ag-xp373__visual img{left:45%!important;bottom:-184px!important;height:min(590px,54vw)!important}
  #experience .ag-lamp-v42__rig{top:-12px;left:0;width:290px}
}
@media (max-width:820px){
  #experience .ag-xp373__inner{padding-bottom:110px!important}
  #experience .ag-xp373__visual{min-height:550px}
  #experience .ag-xp373__visual img{left:50%!important;bottom:-120px!important;height:min(530px,73vw)!important}
  #experience .ag-lamp-v42__rig{top:-8px;left:-24px;width:248px;scale:.96;transform-origin:0 0}

  #workflow .ag-workflow373__route{min-height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px!important}
  #workflow .ag-workflow373__route-svg{opacity:.20!important}
  #workflow .ag-workflow373__step{position:relative!important;left:auto!important;top:auto!important;width:auto!important;max-width:none!important;min-width:0!important;translate:none!important;grid-template-rows:auto auto 16px auto!important;padding:6px 8px 0!important}
  #workflow .ag-workflow373__step-number{position:relative!important;inset-inline-start:auto!important;top:auto!important;translate:none!important;margin-bottom:8px}
}
@media (max-width:620px){
  #experience .ag-xp373__visual{min-height:462px}
  #experience .ag-xp373__visual img{bottom:-86px!important;height:min(462px,102vw)!important}
  #experience .ag-lamp-v42__rig{top:0;left:-26px;width:216px;scale:.88}
  #experience .ag-lamp-v42__beam-soft{opacity:.24}
  #experience .ag-lamp-v42__beam-core{opacity:.12}
  #workflow .ag-workflow373__route{grid-template-columns:1fr}
  .ag-v42-chair-wrap{translate:0 30px;margin-bottom:-60px!important}
}
@media (prefers-reduced-motion:reduce){
  #experience .ag-lamp-v42__arm-b,
  #experience .ag-lamp-v42__head,
  #experience .ag-lamp-v42__beam,
  #workflow .ag-workflow373__step,
  img[data-ag-progressive-src]{transition:none!important}
}