/* =========================================================
   ARABIA GROUP — HOME V3.7
   Experience + Clarity + Orbit Workflow + System Types
   Loaded AFTER Home V7.6 and Home V2.4.
   ========================================================= */

:root{
  --ag36-gold:#F3C600;
  --ag36-ink:#0D0F10;
  --ag36-paper:#F4F1E8;
  --ag36-paper-2:#EEE9DD;
  --ag36-warm:#D9D1C1;
  --ag36-muted:#746F65;
}

/* ---------------------------------------------------------
   EXPERIENCE — first block after hero
   --------------------------------------------------------- */

.ag-xp36{
  position:relative;
  z-index:5;
  overflow:hidden;
  background:var(--ag36-paper);
  color:var(--ag36-ink);
  border-top:1px solid rgba(13,15,16,.08);
  border-bottom:1px solid rgba(13,15,16,.08);
}

.ag-xp36::before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(243,198,0,.8) 25%,rgba(13,15,16,.26) 50%,rgba(243,198,0,.8) 75%,transparent);
  pointer-events:none;
}

.ag-xp36__grid{
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);
  grid-template-areas:"visual copy";
  align-items:center;
  gap:clamp(44px,7vw,104px);
  direction:ltr;
  padding-top:clamp(62px,7vw,104px);
  padding-bottom:clamp(52px,6vw,90px);
}

.ag-xp36__visual{
  grid-area:visual;
  margin:0;
  position:relative;
  align-self:end;
  min-height:610px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.ag-xp36__image-stage{
  position:relative;
  width:min(100%,520px);
  height:610px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.ag-xp36__image-stage::after{
  content:"";
  position:absolute;
  z-index:0;
  left:12%;
  right:12%;
  bottom:26px;
  height:28px;
  border-radius:50%;
  background:rgba(13,15,16,.14);
  filter:blur(16px);
  transform:scaleX(.82);
}

.ag-xp36__image-stage img{
  position:relative;
  z-index:2;
  display:block;
  width:auto;
  height:min(610px,54vw);
  max-width:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 26px 32px rgba(13,15,16,.16));
}

.ag-xp36__year-ghost{
  position:absolute;
  z-index:0;
  left:-2%;
  bottom:24%;
  font:900 clamp(9rem,16vw,16rem)/.75 "Thmanyah Sans",ThmanyahSans,sans-serif;
  letter-spacing:-.08em;
  color:transparent;
  -webkit-text-stroke:1px rgba(13,15,16,.105);
  opacity:.9;
  pointer-events:none;
  user-select:none;
}


.ag-xp36__copy{
  grid-area:copy;
  direction:rtl;
  text-align:right;
  max-width:760px;
  justify-self:end;
}

html[dir="ltr"] .ag-xp36__copy{
  direction:ltr;
  text-align:left;
}

.ag-xp36__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:rgba(13,15,16,.68);
  font-size:.8rem;
  line-height:1;
  font-weight:900;
}

.ag-xp36__eyebrow::before{
  content:"";
  width:32px;
  height:3px;
  border-radius:999px;
  background:var(--ag36-gold);
}

.ag-xp36 h2{
  margin:15px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:.14em .24em;
  font-size:clamp(2.5rem,4.7vw,5.25rem);
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.035em;
}

html[dir="rtl"] .ag-xp36 h2{
  letter-spacing:0;
  line-height:1.14;
}

.ag-xp36 h2 span,
.ag-xp36 h2 mark{
  display:inline-block;
}

.ag-xp36 h2 mark{
  color:var(--ag36-ink);
  background:linear-gradient(transparent 58%,rgba(243,198,0,.92) 58%,rgba(243,198,0,.92) 89%,transparent 89%);
  padding-inline:3px;
}

.ag-xp36__metric{
  margin-top:28px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  width:max-content;
  max-width:100%;
  direction:rtl;
}

html[dir="ltr"] .ag-xp36__metric{direction:ltr}

.ag-xp36__metric>strong{
  display:grid;
  place-items:center;
  width:88px;
  height:88px;
  border-radius:50%;
  background:var(--ag36-ink);
  color:var(--ag36-gold);
  font-size:3.1rem;
  line-height:1;
  font-weight:900;
  box-shadow:0 0 0 7px rgba(243,198,0,.13);
}

.ag-xp36__metric div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.ag-xp36__metric span{
  font-size:1.22rem;
  line-height:1.35;
  font-weight:900;
}

.ag-xp36__metric small{
  color:rgba(13,15,16,.56);
  font-size:.78rem;
  line-height:1.45;
  font-weight:700;
}

.ag-xp36__lead{
  max-width:660px;
  margin:25px 0 0;
  color:rgba(13,15,16,.82);
  font-size:clamp(1rem,1.22vw,1.25rem);
  line-height:1.95;
  font-weight:800;
}

.ag-xp36__domains{
  margin-top:19px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.ag-xp36__domains span{
  position:relative;
  min-width:86px;
  padding:8px 14px;
  border:1px solid rgba(13,15,16,.16);
  border-radius:999px;
  background:rgba(255,255,255,.26);
  color:var(--ag36-ink);
  text-align:center;
  font-size:.77rem;
  font-weight:900;
  overflow:hidden;
}

.ag-xp36__domains span::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  bottom:0;
  width:0;
  height:3px;
  background:var(--ag36-gold);
  transition:width .55s cubic-bezier(.18,.8,.22,1);
  transition-delay:calc(var(--ag-v36-i,0) * 95ms + 340ms);
}

.ag-xp36.is-v36-visible .ag-xp36__domains span::after{
  width:100%;
}

.ag-xp36__promise{
  max-width:680px;
  margin:19px 0 0;
  padding-inline-start:17px;
  border-inline-start:3px solid var(--ag36-gold);
  color:rgba(13,15,16,.72);
  font-size:clamp(.92rem,1vw,1.03rem);
  line-height:1.9;
  font-weight:650;
}

.ag-xp36__cta{
  width:max-content;
  max-width:100%;
  margin-top:25px;
  min-height:45px;
  padding:9px 17px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid var(--ag36-ink);
  border-radius:999px;
  color:var(--ag36-ink);
  text-decoration:none;
  font-size:.81rem;
  font-weight:900;
  transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease;
}

.ag-xp36__cta b{
  color:var(--ag36-gold);
  font-size:1.05rem;
  transition:transform .22s ease;
}

.ag-xp36__cta:hover{
  background:var(--ag36-ink);
  color:var(--ag36-paper);
  transform:translateY(-2px);
}

.ag-xp36__cta:hover b{transform:translateX(-3px)}

/* ---------------------------------------------------------
   ABOUT V3.6 — the third block: from scattered ideas to clarity
   --------------------------------------------------------- */

.ag-who.ag-who--v36{
  min-height:650px!important;
  padding:72px 0 0!important;
  background:var(--ag36-gold)!important;
  border-top:0!important;
}

.ag-who--v36 .ag-who__grid{
  min-height:590px!important;
  grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr)!important;
  grid-template-areas:"visual copy"!important;
  gap:clamp(36px,6vw,86px)!important;
  direction:ltr!important;
  align-items:center!important;
}

.ag-who--v36 .ag-who__copy{
  grid-area:copy;
  justify-self:end;
  max-width:760px!important;
  padding-bottom:62px!important;
  direction:rtl!important;
  text-align:right!important;
}

html[dir="ltr"] .ag-who--v36 .ag-who__copy{
  direction:ltr!important;
  text-align:left!important;
}

.ag-who__eyebrow-v36{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
  color:rgba(13,15,16,.68);
  font-size:.76rem;
  font-weight:900;
}

.ag-who__eyebrow-v36::before{
  content:"";
  width:27px;
  height:3px;
  border-radius:999px;
  background:var(--ag36-ink);
}

.ag-who--v36 h2{
  max-width:720px;
  font-size:clamp(2rem,3.05vw,3.55rem)!important;
  line-height:1.22!important;
}

.ag-who--v36 .ag-who__body{
  max-width:700px!important;
  margin-top:16px!important;
  color:rgba(13,15,16,.73)!important;
  font-size:clamp(.94rem,1.02vw,1.06rem)!important;
  line-height:1.93!important;
}

.ag-who--v36 .ag-who__statement{
  max-width:700px!important;
  margin-top:17px!important;
  padding:13px 16px!important;
  border:1px solid rgba(13,15,16,.11)!important;
  border-inline-start:4px solid var(--ag36-ink)!important;
  border-radius:12px!important;
  background:rgba(244,241,232,.22)!important;
  color:rgba(13,15,16,.92)!important;
  font-size:clamp(.94rem,1vw,1.04rem)!important;
  line-height:1.82!important;
  font-weight:800!important;
}

.ag-who__steps-v36{
  margin-top:20px;
  border-top:1px solid rgba(13,15,16,.19);
}

.ag-who__steps-v36 article{
  min-height:68px;
  padding:12px 0;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:14px;
  border-bottom:1px solid rgba(13,15,16,.18);
  direction:rtl;
}

html[dir="ltr"] .ag-who__steps-v36 article{direction:ltr}

.ag-who__steps-v36 article>b{
  font:900 1.35rem/1 "Thmanyah Sans",ThmanyahSans,sans-serif;
  color:rgba(13,15,16,.4);
}

.ag-who__steps-v36 article div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.ag-who__steps-v36 article strong{
  font-size:.88rem;
  line-height:1.4;
  font-weight:900;
}

.ag-who__steps-v36 article span{
  color:rgba(13,15,16,.62);
  font-size:.72rem;
  line-height:1.55;
  font-weight:650;
}

.ag-who--v36 .ag-who__visual{
  grid-area:visual!important;
  min-height:585px!important;
  margin:0 0 -92px!important;
  justify-content:center!important;
}

.ag-who--v36 .ag-who__visual img{
  width:min(100%,500px)!important;
  max-height:635px!important;
  filter:drop-shadow(0 24px 35px rgba(13,15,16,.13))!important;
}

/* ---------------------------------------------------------
   PORTFOLIO / RANDOM WORK POLISH
   --------------------------------------------------------- */

.ag-work__eyebrow-v36{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
  color:var(--ag36-gold);
  font-size:.72rem;
  font-weight:900;
}

.ag-work__eyebrow-v36::before{
  content:"";
  width:25px;
  height:2px;
  background:currentColor;
  border-radius:999px;
}

.ag-work__shuffle.ag-work__shuffle--v36{
  position:relative;
  overflow:hidden;
  min-height:38px;
  padding:7px 14px;
  border-color:rgba(243,198,0,.34);
  background:rgba(243,198,0,.06);
}

.ag-work__shuffle--v36>i{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--ag36-gold);
  box-shadow:0 0 0 5px rgba(243,198,0,.10);
}

.ag-work__shuffle--v36:hover{
  background:var(--ag36-gold)!important;
  color:var(--ag36-ink)!important;
  border-color:var(--ag36-gold)!important;
}

.ag-work__shuffle--v36:hover>i{
  background:var(--ag36-ink);
  box-shadow:none;
}

.ag-work__shuffle--v36.is-v36-spinning b{
  animation:agV36Shuffle .48s cubic-bezier(.2,.75,.2,1);
}

@keyframes agV36Shuffle{
  0%{transform:rotate(0deg) scale(1)}
  55%{transform:rotate(230deg) scale(1.18)}
  100%{transform:rotate(360deg) scale(1)}
}

.ag-work-card__media img{
  transition:transform .5s cubic-bezier(.18,.8,.22,1),filter .35s ease!important;
}

.ag-work-card:hover .ag-work-card__media img{
  transform:scale(1.025);
  filter:saturate(1.04) contrast(1.015);
}

/* ---------------------------------------------------------
   WORKFLOW V3.6 — circular / orbit stages
   --------------------------------------------------------- */

.ag-workflow-v24.ag-workflow-v36{
  position:relative;
  z-index:20;
  overflow:hidden;
  padding:0;
  background:var(--ag36-paper)!important;
  color:var(--ag36-ink)!important;
  border-top:1px solid rgba(13,15,16,.08);
}

.ag-workflow-v36__inner{
  padding-top:clamp(62px,7vw,96px)!important;
  padding-bottom:clamp(58px,7vw,92px)!important;
}

.ag-workflow-v36__intro{
  max-width:760px;
  margin-inline-start:auto;
  direction:rtl;
  text-align:right;
}

html[dir="ltr"] .ag-workflow-v36__intro{
  margin-inline-start:0;
  direction:ltr;
  text-align:left;
}

.ag-workflow-v36__intro>span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:rgba(13,15,16,.57);
  font-size:.75rem;
  font-weight:900;
}

.ag-workflow-v36__intro>span::before{
  content:"";
  width:30px;
  height:3px;
  border-radius:999px;
  background:var(--ag36-gold);
}

.ag-workflow-v36__intro h2{
  max-width:720px;
  margin:12px 0 0;
  font-size:clamp(2rem,3.2vw,3.7rem);
  line-height:1.17;
  font-weight:900;
  letter-spacing:-.025em;
}

html[dir="rtl"] .ag-workflow-v36__intro h2{
  line-height:1.28;
  letter-spacing:0;
}

.ag-workflow-v36__intro p{
  max-width:680px;
  margin:11px 0 0;
  color:rgba(13,15,16,.64);
  font-size:clamp(.88rem,.98vw,1rem);
  line-height:1.83;
}

.ag-workflow-v36__stage{
  margin-top:42px;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.62fr);
  grid-template-areas:"orbit visual";
  gap:clamp(34px,5vw,74px);
  align-items:center;
  direction:ltr;
}

.ag-workflow-v36__orbit-wrap{
  grid-area:orbit;
  min-width:0;
  display:grid;
  place-items:center;
}

.ag-workflow-v36__orbit{
  position:relative;
  width:min(100%,780px);
  aspect-ratio:1.5 / 1;
  min-height:480px;
  margin:0 auto;
}

.ag-workflow-v36__orbit-line{
  position:absolute;
  inset:12% 15%;
  border:2px dashed rgba(13,15,16,.23);
  border-radius:50%;
  pointer-events:none;
}

.ag-workflow-v36__orbit-line::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  border:2px solid transparent;
  border-top-color:var(--ag36-gold);
  border-right-color:var(--ag36-gold);
  transform:rotate(18deg);
  opacity:.95;
}

.ag-workflow-v36__center{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:194px;
  height:194px;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--ag36-ink);
  color:var(--ag36-paper);
  box-shadow:0 18px 44px rgba(13,15,16,.15),0 0 0 10px rgba(243,198,0,.10);
  text-align:center;
}

.ag-workflow-v36__center small,
.ag-workflow-v36__center strong{
  font-size:.92rem;
  font-weight:900;
}

.ag-workflow-v36__center b{
  margin:3px 0;
  color:var(--ag36-gold);
  font-size:1.65rem;
  line-height:1;
  transform:rotate(0deg);
}

html[dir="rtl"] .ag-workflow-v36__center b{
  transform:rotate(180deg);
}

.ag-workflow-v36-step{
  position:absolute;
  z-index:3;
  width:180px;
  height:180px;
  padding:18px 16px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(13,15,16,.12);
  border-radius:50%;
  background:rgba(255,255,255,.58);
  box-shadow:0 14px 34px rgba(13,15,16,.075);
  text-align:center;
  direction:rtl;
  transition:transform .26s ease,box-shadow .26s ease,background .26s ease,border-color .26s ease;
}

html[dir="ltr"] .ag-workflow-v36-step{direction:ltr}

.ag-workflow-v36-step:hover{
  z-index:5;
  background:#fffaf0;
  border-color:rgba(243,198,0,.7);
  box-shadow:0 18px 40px rgba(13,15,16,.12);
}

.ag-workflow-v36-step--1{
  right:-1%;
  top:50%;
  transform:translateY(-50%);
}

.ag-workflow-v36-step--1:hover{transform:translateY(-50%) scale(1.025)}

.ag-workflow-v36-step--2{
  left:50%;
  bottom:-2%;
  transform:translateX(-50%);
}

.ag-workflow-v36-step--2:hover{transform:translateX(-50%) scale(1.025)}

.ag-workflow-v36-step--3{
  left:-1%;
  top:50%;
  transform:translateY(-50%);
}

.ag-workflow-v36-step--3:hover{transform:translateY(-50%) scale(1.025)}

.ag-workflow-v36-step--4{
  left:50%;
  top:-2%;
  transform:translateX(-50%);
}

.ag-workflow-v36-step--4:hover{transform:translateX(-50%) scale(1.025)}

.ag-workflow-v36-step__number{
  position:absolute;
  top:11px;
  inset-inline-start:18px;
  min-width:35px;
  height:25px;
  padding:0 8px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--ag36-gold);
  color:var(--ag36-ink);
  font:900 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}

.ag-workflow-v36-step__icon{
  width:48px;
  height:48px;
  margin-bottom:7px;
  display:grid;
  place-items:center;
}

.ag-workflow-v36-step__icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.ag-workflow-v36-step h3{
  margin:0;
  max-width:145px;
  font-size:.86rem;
  line-height:1.35;
  font-weight:900;
}

.ag-workflow-v36-step p{
  max-width:150px;
  margin:4px auto 0;
  color:rgba(13,15,16,.60);
  font-size:.60rem;
  line-height:1.45;
  font-weight:650;
}

.ag-workflow-v36__visual{
  grid-area:visual;
  position:relative;
  min-height:520px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.ag-workflow-v36__visual .ag-workflow-v24__character{
  width:min(100%,390px)!important;
  margin:0 auto!important;
  aspect-ratio:1204 / 1306;
}

.ag-workflow-v36__visual-note{
  position:absolute;
  z-index:9;
  inset-inline-end:0;
  bottom:3%;
  width:min(250px,78%);
  padding:12px 14px;
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:9px;
  align-items:start;
  border:1px solid rgba(13,15,16,.11);
  border-radius:13px;
  background:rgba(244,241,232,.92);
  box-shadow:0 15px 32px rgba(13,15,16,.08);
  direction:rtl;
  text-align:right;
}

html[dir="ltr"] .ag-workflow-v36__visual-note{
  direction:ltr;
  text-align:left;
}

.ag-workflow-v36__visual-note>span{
  color:var(--ag36-gold);
  font-size:1.25rem;
  font-weight:900;
}

.ag-workflow-v36__visual-note p{
  margin:0;
  color:rgba(13,15,16,.68);
  font-size:.66rem;
  line-height:1.55;
  font-weight:750;
}

.ag-workflow-v24__cta.ag-workflow-v36__cta{
  width:min(900px,82%)!important;
  min-height:88px;
  margin:34px auto 0!important;
  padding:15px 18px!important;
  border-radius:18px!important;
  border:1px solid rgba(13,15,16,.09)!important;
  background:var(--ag36-ink)!important;
  color:var(--ag36-paper)!important;
  box-shadow:0 18px 40px rgba(13,15,16,.12)!important;
}

.ag-workflow-v36__cta p{
  color:rgba(244,241,232,.64)!important;
}

.ag-workflow-v36__cta a{
  background:var(--ag36-gold)!important;
  color:var(--ag36-ink)!important;
  border-radius:999px!important;
  min-width:164px!important;
}

/* legacy delivery section no longer exists in V3.6 */
.ag-workflow-v36 .ag-workflow-v24__delivery{display:none!important}

/* ---------------------------------------------------------
   SYSTEMS — types now live directly inside systems block
   --------------------------------------------------------- */

.ag-systems-v36__types{
  margin-top:28px;
  padding-top:26px;
  border-top:1px solid rgba(13,15,16,.16);
  direction:rtl;
}

html[dir="ltr"] .ag-systems-v36__types{direction:ltr}

.ag-systems-v36__types-head{
  max-width:690px;
  margin-inline-start:auto;
  text-align:right;
}

html[dir="ltr"] .ag-systems-v36__types-head{
  margin-inline-start:0;
  text-align:left;
}

.ag-systems-v36__types-head>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(13,15,16,.58);
  font-size:.67rem;
  font-weight:900;
}

.ag-systems-v36__types-head>span::before{
  content:"";
  width:23px;
  height:2px;
  background:var(--ag36-ink);
  border-radius:999px;
}

.ag-systems-v36__types-head h3{
  margin:7px 0 0;
  font-size:clamp(1.25rem,1.65vw,1.75rem);
  line-height:1.3;
  font-weight:900;
}

.ag-systems-v36__types-head p{
  max-width:640px;
  margin:6px 0 0;
  color:rgba(13,15,16,.63);
  font-size:.76rem;
  line-height:1.62;
}

.ag-systems-v36__types-grid{
  margin-top:17px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.ag-systems-v36-type{
  position:relative;
  min-height:152px;
  padding:21px 22px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:16px;
  border-radius:16px;
  overflow:hidden;
}

.ag-systems-v36-type.is-paper{
  background:rgba(244,241,232,.94);
  color:var(--ag36-ink);
  border:1px solid rgba(13,15,16,.10);
}

.ag-systems-v36-type.is-dark{
  background:var(--ag36-ink);
  color:var(--ag36-paper);
  border:1px solid var(--ag36-ink);
  box-shadow:0 15px 32px rgba(13,15,16,.12);
}

.ag-systems-v36-type__number{
  position:absolute;
  inset-inline-end:16px;
  top:11px;
  color:rgba(13,15,16,.16);
  font:900 2.2rem/1 "Thmanyah Sans",ThmanyahSans,sans-serif;
}

.ag-systems-v36-type.is-dark .ag-systems-v36-type__number{
  color:rgba(244,241,232,.12);
}

.ag-systems-v36-type__icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(243,198,0,.22);
  color:var(--ag36-ink);
}

.ag-systems-v36-type.is-dark .ag-systems-v36-type__icon{
  background:rgba(243,198,0,.11);
  color:var(--ag36-gold);
}

.ag-systems-v36-type__icon svg{
  width:28px;
  height:28px;
}

.ag-systems-v36-type__icon svg *{
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ag-systems-v36-type h4{
  margin:0;
  padding-inline-end:48px;
  font-size:clamp(.92rem,1vw,1.05rem);
  line-height:1.4;
  font-weight:900;
}

.ag-systems-v36-type p{
  max-width:500px;
  margin:6px 0 0;
  color:rgba(13,15,16,.63);
  font-size:.68rem;
  line-height:1.58;
}

.ag-systems-v36-type.is-dark p{
  color:rgba(244,241,232,.66);
}

.ag-systems-v24__request{
  margin-top:14px!important;
}

/* ---------------------------------------------------------
   V3.6 Motion — replayable on scroll down and back up
   --------------------------------------------------------- */

html.has-ag-v36-motion [data-ag-v36-reveal]{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:
    opacity .7s cubic-bezier(.16,.82,.2,1),
    transform .9s cubic-bezier(.16,.82,.2,1);
  will-change:opacity,transform;
}

html.has-ag-v36-motion [data-ag-v36-reveal="visual"]{
  opacity:0;
  transform:translate3d(-40px,28px,0) scale(.975);
}

html[dir="ltr"].has-ag-v36-motion [data-ag-v36-reveal="visual"]{
  transform:translate3d(40px,28px,0) scale(.975);
}


html.has-ag-v36-motion .is-v36-visible [data-ag-v36-reveal]{
  opacity:1;
  transform:none;
}

html.has-ag-v36-motion [data-ag-v36-line]{
  opacity:0;
  transform:translate3d(0,34px,0);
  transition:
    opacity .62s cubic-bezier(.18,.82,.2,1),
    transform .86s cubic-bezier(.18,.82,.2,1);
}

html.has-ag-v36-motion [data-ag-v36-line]:nth-child(2){
  transition-delay:95ms;
}

html.has-ag-v36-motion .is-v36-visible [data-ag-v36-line]{
  opacity:1;
  transform:none;
}

html.has-ag-v36-motion [data-ag-v36-chip]{
  opacity:0;
  transform:translateY(12px);
  transition:
    opacity .42s ease,
    transform .55s cubic-bezier(.18,.82,.2,1);
  transition-delay:calc(280ms + (var(--ag-v36-i,0) * 90ms));
}

html.has-ag-v36-motion .is-v36-visible [data-ag-v36-chip]{
  opacity:1;
  transform:none;
}

/* Orbit enters in a circular rhythm, not one straight sweep. */
html.has-ag-v24-motion .ag-workflow-v36:not(.is-ag-v24-visible) .ag-workflow-v36-step{
  opacity:0;
}

html.has-ag-v24-motion .ag-workflow-v36.is-ag-v24-visible .ag-workflow-v36-step{
  animation:agV36OrbitNode .72s cubic-bezier(.18,.8,.2,1) both;
  animation-delay:var(--ag-v36-step-delay,0ms);
}

@keyframes agV36OrbitNode{
  from{opacity:0;filter:blur(0);box-shadow:0 5px 15px rgba(13,15,16,.03)}
  to{opacity:1}
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:1160px){
  .ag-xp36__grid{
    grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
    gap:40px;
  }

  .ag-xp36__visual{min-height:570px}
  .ag-xp36__image-stage{height:570px}
  .ag-xp36__image-stage img{height:min(570px,56vw)}

  .ag-workflow-v36__stage{
    grid-template-columns:minmax(0,1.1fr) minmax(275px,.6fr);
    gap:28px;
  }

  .ag-workflow-v36__orbit{
    min-height:440px;
  }

  .ag-workflow-v36-step{
    width:164px;
    height:164px;
    padding:16px 14px 14px;
  }

  .ag-workflow-v36-step p{font-size:.57rem}
}

@media(max-width:900px){
  .ag-xp36__grid{
    min-height:0;
    grid-template-columns:1fr;
    grid-template-areas:
      "copy"
      "visual";
    gap:20px;
    padding-top:64px;
    padding-bottom:0;
  }

  .ag-xp36__copy{
    max-width:760px;
    justify-self:stretch;
  }

  .ag-xp36__visual{
    min-height:520px;
    margin-top:0;
  }

  .ag-xp36__image-stage{
    height:520px;
  }

  .ag-xp36__image-stage img{
    height:min(520px,78vw);
  }


  .ag-who--v36 .ag-who__grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
    gap:10px!important;
  }

  .ag-who--v36 .ag-who__copy{
    justify-self:stretch;
    padding-bottom:12px!important;
  }

  .ag-who--v36 .ag-who__visual{
    min-height:470px!important;
    margin-bottom:-74px!important;
  }

  .ag-workflow-v36__stage{
    grid-template-columns:1fr;
    grid-template-areas:
      "orbit"
      "visual";
    gap:20px;
  }

  .ag-workflow-v36__orbit{
    width:min(100%,720px);
    min-height:460px;
  }

  .ag-workflow-v36__visual{
    min-height:430px;
  }

  .ag-workflow-v36__visual .ag-workflow-v24__character{
    width:min(75vw,390px)!important;
  }

  .ag-systems-v36__types-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .ag-xp36__grid{
    padding-top:48px;
  }

  .ag-xp36 h2{
    font-size:clamp(2.25rem,12vw,3.55rem);
  }

  .ag-xp36__metric>strong{
    width:74px;
    height:74px;
    font-size:2.65rem;
  }

  .ag-xp36__lead{
    font-size:.96rem;
  }

  .ag-xp36__visual{
    min-height:430px;
  }

  .ag-xp36__image-stage{
    height:430px;
  }

  .ag-xp36__image-stage img{
    height:min(430px,100vw);
  }

  .ag-xp36__year-ghost{
    font-size:9rem;
    left:0;
  }


  .ag-who.ag-who--v36{
    padding-top:52px!important;
  }

  .ag-who--v36 .ag-who__visual{
    min-height:410px!important;
    margin-bottom:-58px!important;
  }

  .ag-who__steps-v36 article{
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
  }

  .ag-workflow-v36__inner{
    padding-top:54px!important;
    padding-bottom:58px!important;
  }

  .ag-workflow-v36__orbit{
    min-height:650px;
    aspect-ratio:auto;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    align-content:start;
  }

  .ag-workflow-v36__orbit-line,
  .ag-workflow-v36__center{
    display:none;
  }

  .ag-workflow-v36-step,
  .ag-workflow-v36-step--1,
  .ag-workflow-v36-step--2,
  .ag-workflow-v36-step--3,
  .ag-workflow-v36-step--4{
    position:relative;
    inset:auto;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:100%;
    height:auto;
    min-height:112px;
    transform:none!important;
    border-radius:18px;
    padding:16px 18px;
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    grid-template-areas:
      "icon title"
      "icon text";
    gap:3px 13px;
    align-items:center;
    text-align:right;
  }

  html[dir="ltr"] .ag-workflow-v36-step{
    text-align:left;
  }

  .ag-workflow-v36-step__number{
    top:10px;
    inset-inline-end:12px;
    inset-inline-start:auto;
  }

  .ag-workflow-v36-step__icon{
    grid-area:icon;
    width:48px;
    height:48px;
    margin:0;
  }

  .ag-workflow-v36-step h3{
    grid-area:title;
    max-width:none;
    padding-inline-end:40px;
    font-size:.9rem;
  }

  .ag-workflow-v36-step p{
    grid-area:text;
    max-width:none;
    margin:2px 0 0;
    font-size:.66rem;
  }

  .ag-workflow-v36__visual{
    min-height:390px;
  }

  .ag-workflow-v36__visual-note{
    width:min(250px,82%);
  }

  .ag-workflow-v24__cta.ag-workflow-v36__cta{
    width:100%!important;
    grid-template-columns:1fr!important;
  }

  .ag-workflow-v36__cta a{
    width:100%;
  }

  .ag-systems-v36-type{
    min-height:138px;
    padding:18px;
    grid-template-columns:50px minmax(0,1fr);
    gap:12px;
  }

  .ag-systems-v36-type__icon{
    width:50px;
    height:50px;
  }

  .ag-systems-v36-type h4{
    padding-inline-end:38px;
  }
}

@media(prefers-reduced-motion:reduce){
  html.has-ag-v36-motion [data-ag-v36-reveal],
  html.has-ag-v36-motion [data-ag-v36-line],
  html.has-ag-v36-motion [data-ag-v36-chip]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  html.has-ag-v24-motion .ag-workflow-v36 .ag-workflow-v36-step{
    opacity:1!important;
    animation:none!important;
  }

  .ag-work__shuffle--v36.is-v36-spinning b{
    animation:none!important;
  }
}

/* =========================================================
   ARABIA GROUP — HOME V3.7.1 IDENTITY CORRECTION
   Exact visual corrections requested after V3.6 review.
   ========================================================= */

/* 01 — EXPERIENCE: Solar Gold block, image left, copy right. */
.ag-xp36{
  background:var(--ag36-gold)!important;
  color:var(--ag36-ink)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(13,15,16,.18)!important;
}

.ag-xp36::before{
  height:100%;
  inset:0;
  background:
    radial-gradient(circle at 13% 18%,rgba(244,241,232,.18),transparent 29%),
    radial-gradient(circle at 78% 86%,rgba(13,15,16,.055),transparent 32%)!important;
  pointer-events:none;
}

.ag-xp36__grid{
  position:relative;
  z-index:2;
}

.ag-xp36__eyebrow{color:rgba(13,15,16,.72)!important}
.ag-xp36__eyebrow::before{background:var(--ag36-ink)!important}

.ag-xp36 h2 mark{
  color:var(--ag36-paper)!important;
  background:var(--ag36-ink)!important;
  border-radius:.12em;
  padding:.01em .13em .06em;
}

.ag-xp36__metric>strong{
  background:var(--ag36-ink)!important;
  color:var(--ag36-gold)!important;
  box-shadow:0 0 0 7px rgba(13,15,16,.09)!important;
}

.ag-xp36__metric small,
.ag-xp36__lead,
.ag-xp36__promise{
  color:rgba(13,15,16,.76)!important;
}

.ag-xp36__promise{
  border-inline-start-color:var(--ag36-ink)!important;
}

.ag-xp36__cta{
  border-color:var(--ag36-ink)!important;
  background:transparent!important;
  color:var(--ag36-ink)!important;
}

.ag-xp36__cta b{color:var(--ag36-ink)!important}
.ag-xp36__cta:hover{
  background:var(--ag36-ink)!important;
  color:var(--ag36-paper)!important;
}
.ag-xp36__cta:hover b{color:var(--ag36-gold)!important}

.ag-xp36__year-ghost{
  -webkit-text-stroke:1px rgba(13,15,16,.19)!important;
  color:rgba(13,15,16,.018)!important;
}

.ag-xp36__image-stage::after{
  background:rgba(13,15,16,.19)!important;
}

/* Visible, elegant text/image motion — replayed by the existing observer. */
html.has-ag-v36-motion .ag-xp36 [data-ag-v36-reveal="text"]{
  transition-delay:var(--ag-v36-delay,0ms)!important;
}

html.has-ag-v36-motion .ag-xp36 [data-ag-v36-line]{
  clip-path:inset(0 0 105% 0);
  transform:translate3d(0,34px,0) rotate(.35deg);
  transition:
    opacity .65s cubic-bezier(.16,.82,.2,1),
    transform .9s cubic-bezier(.16,.82,.2,1),
    clip-path .92s cubic-bezier(.16,.82,.2,1);
}

html.has-ag-v36-motion .ag-xp36.is-v36-visible [data-ag-v36-line]{
  clip-path:inset(0 0 0 0);
  transform:none;
}

html.has-ag-v36-motion .ag-xp36 .ag-xp36__image-stage img{
  opacity:0;
  clip-path:inset(8% 0 100% 0);
  transform:translate3d(-42px,42px,0) scale(.965);
  transition:
    opacity .72s ease,
    transform 1.05s cubic-bezier(.16,.82,.2,1),
    clip-path 1.02s cubic-bezier(.16,.82,.2,1);
}

html.has-ag-v36-motion .ag-xp36.is-v36-visible .ag-xp36__image-stage img{
  opacity:1;
  clip-path:inset(0 0 0 0);
  transform:none;
}

/* 02 — ABOUT: restore calm Paper Cream. Copy LEFT, character RIGHT. */
.ag-who.ag-who--v36{
  position:relative!important;
  z-index:24!important;
  overflow:visible!important;
  min-height:620px!important;
  padding:72px 0 0!important;
  background:var(--ag36-paper)!important;
  color:var(--ag36-ink)!important;
  border-top:0!important;
}

.ag-who--v36 .ag-who__grid{
  min-height:560px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  grid-template-areas:"copy visual"!important;
  gap:clamp(42px,6vw,92px)!important;
  direction:ltr!important;
  align-items:center!important;
}

.ag-who--v36 .ag-who__copy{
  grid-area:copy!important;
  justify-self:stretch!important;
  max-width:720px!important;
  padding-bottom:84px!important;
  direction:rtl!important;
  text-align:right!important;
}

.ag-who--v36 .ag-who__statement{
  margin-top:22px!important;
  padding:0 16px 0 0!important;
  border:0!important;
  border-inline-start:0!important;
  border-inline-end:4px solid var(--ag36-gold)!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:clamp(1rem,1.08vw,1.12rem)!important;
  line-height:1.88!important;
}

.ag-who--v36 .ag-who__visual{
  grid-area:visual!important;
  position:relative!important;
  z-index:30!important;
  min-height:600px!important;
  margin:0 0 -132px!important;
  align-self:end!important;
  justify-content:center!important;
  overflow:visible!important;
}

.ag-who--v36 .ag-who__visual img{
  width:min(100%,520px)!important;
  max-height:665px!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 28px 38px rgba(13,15,16,.17))!important;
  transform:translateY(18px);
}

/* The next portfolio section is black; let only the character feet overlap it. */
.ag-work{
  position:relative!important;
  z-index:20!important;
  padding-top:132px!important;
}

/* 03 — WORKFLOW: full Solar Gold, orbit on RIGHT, character on LEFT. */
.ag-workflow-v24.ag-workflow-v36{
  background:var(--ag36-gold)!important;
  color:var(--ag36-ink)!important;
  border-top:1px solid rgba(13,15,16,.16)!important;
}

.ag-workflow-v36__intro{
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:0!important;
  direction:rtl!important;
  text-align:right!important;
}

.ag-workflow-v36__intro>span,
.ag-workflow-v36__intro p{
  color:rgba(13,15,16,.68)!important;
}

.ag-workflow-v36__intro>span::before{
  background:var(--ag36-ink)!important;
}

.ag-workflow-v36__stage{
  grid-template-columns:minmax(300px,.62fr) minmax(0,1.18fr)!important;
  grid-template-areas:"visual orbit"!important;
  align-items:center!important;
}

.ag-workflow-v36__orbit{
  width:min(100%,790px)!important;
  min-height:500px!important;
}

.ag-workflow-v36__orbit-line{
  border:2px dashed rgba(13,15,16,.35)!important;
  animation:agV361OrbitSpin 28s linear infinite;
}

.ag-workflow-v36__orbit-line::after{
  border-top-color:var(--ag36-ink)!important;
  border-right-color:var(--ag36-ink)!important;
  opacity:.72!important;
}

@keyframes agV361OrbitSpin{
  to{transform:rotate(360deg)}
}

.ag-workflow-v36-step,
.ag-workflow-v36-step:hover{
  width:190px!important;
  height:190px!important;
  padding:15px 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.ag-workflow-v36-step__number{
  top:6px!important;
  inset-inline-start:12px!important;
  min-width:auto!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(13,15,16,.54)!important;
  font:900 .68rem/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
}

.ag-workflow-v36-step__icon{
  width:78px!important;
  height:78px!important;
  margin-bottom:8px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.ag-workflow-v36-step__icon img{
  width:78px!important;
  height:78px!important;
  filter:brightness(0) saturate(100%)!important;
  animation:agV361IconSpin 16s linear infinite;
  transform-origin:50% 50%;
}

.ag-workflow-v36-step:nth-of-type(even) .ag-workflow-v36-step__icon img{
  animation-direction:reverse;
  animation-duration:19s;
}

@keyframes agV361IconSpin{
  to{transform:rotate(360deg)}
}

.ag-workflow-v36-step h3{
  max-width:158px!important;
  font-size:.92rem!important;
  color:var(--ag36-ink)!important;
}

.ag-workflow-v36-step p{
  max-width:160px!important;
  color:rgba(13,15,16,.68)!important;
  font-size:.62rem!important;
}

.ag-workflow-v36__center{
  background:var(--ag36-ink)!important;
  color:var(--ag36-paper)!important;
  box-shadow:0 18px 44px rgba(13,15,16,.15),0 0 0 10px rgba(13,15,16,.075)!important;
}

.ag-workflow-v36__center b{color:var(--ag36-gold)!important}

.ag-workflow-v36__visual{
  justify-content:center!important;
}

.ag-workflow-v36__visual-note{display:none!important}

.ag-workflow-v24__cta.ag-workflow-v36__cta{
  border-color:rgba(13,15,16,.12)!important;
  background:var(--ag36-ink)!important;
}

/* 04 — SYSTEM TYPES: separate below the system, never over the cover; heading RIGHT. */
.ag-systems-v36__types{
  position:relative!important;
  z-index:3!important;
  clear:both!important;
  width:100%!important;
  margin-top:54px!important;
  padding-top:32px!important;
  border-top:1px solid rgba(13,15,16,.22)!important;
}

.ag-systems-v36__types-head{
  width:min(100%,720px)!important;
  max-width:720px!important;
  margin-left:auto!important;
  margin-right:0!important;
  direction:rtl!important;
  text-align:right!important;
}

.ag-systems-v36__types-head h3,
.ag-systems-v36__types-head p{
  text-align:right!important;
  margin-left:0!important;
  margin-right:0!important;
}

.ag-systems-v36__types-head h3{
  font-size:clamp(1.45rem,2vw,2rem)!important;
}

/* LTR keeps the physical direction sane. */
html[dir="ltr"] .ag-who--v36 .ag-who__grid{
  grid-template-areas:"visual copy"!important;
}
html[dir="ltr"] .ag-who--v36 .ag-who__copy{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="ltr"] .ag-workflow-v36__intro,
html[dir="ltr"] .ag-systems-v36__types-head{
  margin-left:0!important;
  margin-right:auto!important;
  direction:ltr!important;
  text-align:left!important;
}
html[dir="ltr"] .ag-systems-v36__types-head h3,
html[dir="ltr"] .ag-systems-v36__types-head p{
  text-align:left!important;
}

@media(max-width:900px){
  .ag-who--v36 .ag-who__grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
  }

  .ag-who--v36 .ag-who__copy{
    padding-bottom:12px!important;
  }

  .ag-who--v36 .ag-who__visual{
    min-height:480px!important;
    margin-bottom:-92px!important;
  }

  .ag-work{padding-top:108px!important}

  .ag-workflow-v36__stage{
    grid-template-columns:1fr!important;
    grid-template-areas:"orbit" "visual"!important;
  }
}

@media(max-width:640px){
  .ag-xp36{
    background:var(--ag36-gold)!important;
  }

  .ag-who.ag-who--v36{
    padding-top:48px!important;
  }

  .ag-who--v36 .ag-who__visual{
    min-height:420px!important;
    margin-bottom:-70px!important;
  }

  .ag-work{padding-top:88px!important}

  /* Mobile keeps the circular feel as four large orbit points in a 2x2 field. */
  .ag-workflow-v36__orbit{
    min-height:560px!important;
    aspect-ratio:1 / 1!important;
    display:block!important;
  }

  .ag-workflow-v36__orbit-line{
    display:block!important;
    inset:16% 13%!important;
  }

  .ag-workflow-v36__center{
    display:flex!important;
    width:132px!important;
    height:132px!important;
  }

  .ag-workflow-v36-step,
  .ag-workflow-v36-step--1,
  .ag-workflow-v36-step--2,
  .ag-workflow-v36-step--3,
  .ag-workflow-v36-step--4{
    position:absolute!important;
    width:150px!important;
    height:150px!important;
    min-height:0!important;
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-areas:none!important;
    padding:10px 8px!important;
    text-align:center!important;
  }

  .ag-workflow-v36-step--1{right:-2%!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
  .ag-workflow-v36-step--2{left:50%!important;right:auto!important;bottom:-1%!important;top:auto!important;transform:translateX(-50%)!important}
  .ag-workflow-v36-step--3{left:-2%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
  .ag-workflow-v36-step--4{left:50%!important;right:auto!important;top:-1%!important;bottom:auto!important;transform:translateX(-50%)!important}

  .ag-workflow-v36-step__icon,
  .ag-workflow-v36-step__icon img{
    width:62px!important;
    height:62px!important;
  }

  .ag-workflow-v36-step h3{font-size:.78rem!important}
  .ag-workflow-v36-step p{font-size:.55rem!important;line-height:1.35!important}
}

@media(prefers-reduced-motion:reduce){
  .ag-workflow-v36__orbit-line,
  .ag-workflow-v36-step__icon img{
    animation:none!important;
  }
}

/* =========================================================
   ARABIA GROUP — HOME V3.7.4 CONTINUOUS RESULTS
   Final correction: dark experience, yellow clarity block,
   workflow orbit LEFT + character RIGHT, simplified systems CTA.
   ========================================================= */

/* 01 — EXPERIENCE: dark, alive, compact, image larger on LEFT. */
.ag-xp36.ag-xp362{
  position:relative!important;
  z-index:8!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 20% 22%,rgba(243,198,0,.095),transparent 26%),
    radial-gradient(circle at 84% 70%,rgba(244,241,232,.035),transparent 34%),
    linear-gradient(180deg,#0b0d0e 0%,#0d0f10 58%,#090b0c 100%)!important;
  color:var(--ag36-paper)!important;
  border:0!important;
}

.ag-xp36.ag-xp362::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  background:
    linear-gradient(90deg,transparent 0,rgba(243,198,0,.045) 49.8%,rgba(243,198,0,.14) 50%,rgba(243,198,0,.045) 50.2%,transparent 100%),
    repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.012) 40px)!important;
  opacity:.65!important;
  pointer-events:none!important;
}

.ag-xp362::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(243,198,0,.78),transparent);
  opacity:.7;
}

.ag-xp362 .ag-xp36__grid{
  min-height:620px!important;
  grid-template-columns:minmax(420px,.93fr) minmax(0,1.07fr)!important;
  grid-template-areas:"visual copy"!important;
  gap:clamp(28px,4.2vw,70px)!important;
  padding-top:clamp(34px,4vw,58px)!important;
  padding-bottom:clamp(28px,3.6vw,52px)!important;
  direction:ltr!important;
}

.ag-xp362 .ag-xp36__copy{
  grid-area:copy!important;
  position:relative;
  z-index:5;
  max-width:760px!important;
  direction:rtl!important;
  text-align:right!important;
  justify-self:end!important;
}

.ag-xp362 .ag-xp36__visual{
  grid-area:visual!important;
  min-height:590px!important;
  margin:0!important;
  align-self:end!important;
  overflow:visible!important;
}

.ag-xp362 .ag-xp36__image-stage{
  width:min(100%,650px)!important;
  height:610px!important;
  overflow:visible!important;
}

.ag-xp362 .ag-xp36__image-stage img{
  height:min(650px,59vw)!important;
  max-width:118%!important;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.38)) drop-shadow(0 0 34px rgba(243,198,0,.08))!important;
  transform-origin:50% 92%;
}

.ag-xp362 .ag-xp36__image-stage::after{
  left:11%!important;
  right:7%!important;
  bottom:14px!important;
  height:22px!important;
  background:rgba(0,0,0,.5)!important;
  filter:blur(18px)!important;
}

.ag-xp362__halo{
  position:absolute;
  z-index:1;
  width:350px;
  height:350px;
  left:50%;
  top:34%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(243,198,0,.13),rgba(243,198,0,.035) 42%,transparent 70%);
  filter:blur(4px);
  opacity:.9;
  pointer-events:none;
}

.ag-xp362 .ag-xp36__year-ghost{
  left:2%!important;
  bottom:20%!important;
  color:rgba(244,241,232,.008)!important;
  -webkit-text-stroke:1px rgba(243,198,0,.12)!important;
  font-size:clamp(10rem,17vw,18rem)!important;
}

.ag-xp362 h2{
  margin:0!important;
  display:block!important;
  max-width:760px!important;
  font-size:clamp(2.35rem,4.25vw,4.85rem)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  color:var(--ag36-paper)!important;
}

.ag-xp362 h2 span,
.ag-xp362 h2 mark{
  display:inline!important;
  padding:0!important;
  background:none!important;
  border-radius:0!important;
}

.ag-xp362 h2 span{color:var(--ag36-paper)!important}
.ag-xp362 h2 mark{color:var(--ag36-gold)!important}

.ag-xp362 .ag-xp36__metric{
  margin-top:22px!important;
  gap:14px!important;
}

.ag-xp362 .ag-xp36__metric>strong{
  width:92px!important;
  height:92px!important;
  background:var(--ag36-gold)!important;
  color:var(--ag36-ink)!important;
  border:1px solid rgba(244,241,232,.11)!important;
  box-shadow:0 0 0 8px rgba(243,198,0,.07),0 16px 44px rgba(0,0,0,.24)!important;
}

.ag-xp362 .ag-xp36__metric span{color:var(--ag36-paper)!important}
.ag-xp362 .ag-xp36__metric small{color:rgba(244,241,232,.56)!important}

.ag-xp362 .ag-xp36__lead{
  margin-top:18px!important;
  color:rgba(244,241,232,.90)!important;
  font-size:clamp(1rem,1.1vw,1.18rem)!important;
  line-height:1.9!important;
}

.ag-xp362 .ag-xp36__promise{
  margin-top:12px!important;
  max-width:700px!important;
  padding-inline-start:15px!important;
  border-inline-start:3px solid var(--ag36-gold)!important;
  color:rgba(244,241,232,.68)!important;
  font-size:clamp(.9rem,.97vw,1rem)!important;
  line-height:1.85!important;
}

.ag-xp362 .ag-xp36__cta{
  margin-top:20px!important;
  min-height:47px!important;
  border-color:rgba(243,198,0,.9)!important;
  background:var(--ag36-gold)!important;
  color:var(--ag36-ink)!important;
  padding:10px 20px!important;
  box-shadow:0 12px 34px rgba(243,198,0,.1)!important;
}

.ag-xp362 .ag-xp36__cta b{color:var(--ag36-ink)!important}
.ag-xp362 .ag-xp36__cta:hover{
  background:var(--ag36-paper)!important;
  border-color:var(--ag36-paper)!important;
  color:var(--ag36-ink)!important;
}

/* Six-year animated journey, no pills/tags. */
.ag-xp362__journey{
  position:relative;
  margin-top:20px;
  max-width:720px;
  padding-top:12px;
}

.ag-xp362__journey-track{
  position:absolute;
  top:28px;
  right:17px;
  left:17px;
  height:1px;
  background:rgba(244,241,232,.13);
  overflow:hidden;
}

.ag-xp362__journey-track i{
  display:block;
  width:0;
  height:100%;
  margin-right:0;
  background:linear-gradient(90deg,rgba(243,198,0,.25),var(--ag36-gold));
  box-shadow:0 0 16px rgba(243,198,0,.4);
  transition:width 2s cubic-bezier(.2,.75,.2,1);
}

.ag-xp362.is-v36-visible .ag-xp362__journey-track i{width:100%}

.ag-xp362__journey ol{
  position:relative;
  z-index:2;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  list-style:none;
  direction:rtl;
}

.ag-xp362__journey li{
  min-width:0;
  opacity:.38;
  transform:translateY(5px);
  transition:opacity .42s ease,transform .42s cubic-bezier(.18,.8,.2,1);
}

.ag-xp362__journey li>b{
  position:relative;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:10px;
  border:1px solid rgba(244,241,232,.22);
  border-radius:50%;
  background:#111415;
  color:rgba(244,241,232,.62);
  font-size:.72rem;
  font-weight:900;
  transition:background .35s ease,color .35s ease,transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.ag-xp362__journey li.is-reached{
  opacity:1;
  transform:none;
}

.ag-xp362__journey li.is-reached>b{
  background:var(--ag36-gold);
  color:var(--ag36-ink);
  border-color:var(--ag36-gold);
  transform:scale(1.06);
  box-shadow:0 0 0 5px rgba(243,198,0,.08);
}

.ag-xp362__journey li div{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  padding-inline-end:2px;
}

.ag-xp362__journey li small{
  color:rgba(244,241,232,.44);
  font-size:.58rem;
  font-weight:750;
  white-space:nowrap;
}

.ag-xp362__journey li strong{
  color:var(--ag36-paper);
  font-size:.72rem;
  line-height:1.35;
  font-weight:900;
}

.ag-xp362__journey li span{
  margin-top:1px;
  color:rgba(244,241,232,.48);
  font-size:.55rem;
  line-height:1.42;
}

/* Experience motion — text reveals + gentle character breathing, not floating wildly. */
html.has-ag-v362-motion .ag-xp362 [data-ag-v36-line]{
  opacity:0;
  clip-path:inset(0 0 100% 0);
  transform:translate3d(0,26px,0);
}

html.has-ag-v362-motion .ag-xp362.is-v36-visible [data-ag-v36-line]{
  opacity:1;
  clip-path:inset(0);
  transform:none;
  transition:opacity .55s ease,clip-path .85s cubic-bezier(.16,.82,.2,1),transform .85s cubic-bezier(.16,.82,.2,1);
}

html.has-ag-v362-motion .ag-xp362.is-v36-visible [data-ag-v36-line]:nth-child(2){transition-delay:90ms}

html.has-ag-v362-motion .ag-xp362.is-v36-visible .ag-xp36__image-stage img{
  animation:agV362ExplorerBreath 6.8s ease-in-out 1.05s infinite alternate;
}

@keyframes agV362ExplorerBreath{
  0%{transform:translate3d(0,0,0) rotate(-.15deg)}
  100%{transform:translate3d(0,-7px,0) rotate(.12deg)}
}

@keyframes agV362HaloPulse{
  0%,100%{opacity:.62;transform:translate(-50%,-50%) scale(.94)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}
}

.ag-xp362.is-v36-visible .ag-xp362__halo{animation:agV362HaloPulse 5.8s ease-in-out infinite}

/* 02 — ABOUT / CLARITY: restore bold Solar Gold block, image RIGHT, copy LEFT. */
.ag-who.ag-who--v36{
  z-index:24!important;
  min-height:590px!important;
  padding:54px 0 0!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(244,241,232,.16),transparent 28%),
    linear-gradient(180deg,#F3C600 0%,#F0C300 100%)!important;
  color:var(--ag36-ink)!important;
  border:0!important;
  overflow:visible!important;
}

.ag-who--v36 .ag-who__grid{
  min-height:540px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  grid-template-areas:"copy visual"!important;
  gap:clamp(30px,4.8vw,74px)!important;
  direction:ltr!important;
  align-items:center!important;
}

.ag-who--v36 .ag-who__copy{
  grid-area:copy!important;
  max-width:720px!important;
  padding-bottom:58px!important;
  direction:rtl!important;
  text-align:right!important;
  justify-self:stretch!important;
}

.ag-who--v36 .ag-who__eyebrow-v36{
  color:rgba(13,15,16,.68)!important;
}

.ag-who--v36 h2{
  color:var(--ag36-ink)!important;
  max-width:680px!important;
}

.ag-who--v36 .ag-who__body{color:rgba(13,15,16,.76)!important}

.ag-who--v36 .ag-who__statement{
  max-width:660px!important;
  margin-top:18px!important;
  border-inline-end:4px solid var(--ag36-ink)!important;
  color:rgba(13,15,16,.86)!important;
  font-weight:800!important;
}

.ag-who--v36 .ag-who__visual{
  grid-area:visual!important;
  min-height:570px!important;
  margin:0 0 -122px!important;
  align-self:end!important;
  justify-content:center!important;
  overflow:visible!important;
}

.ag-who--v36 .ag-who__visual img{
  width:min(100%,535px)!important;
  max-height:645px!important;
  filter:drop-shadow(0 26px 30px rgba(13,15,16,.20))!important;
}

/* keep the feet floating into the black portfolio block */
.ag-work{
  z-index:20!important;
  padding-top:122px!important;
}

html.has-ag-v362-motion .ag-who--v36 .ag-who__copy,
html.has-ag-v362-motion .ag-who--v36 .ag-who__visual{
  opacity:0;
  transition:opacity .72s ease,transform .9s cubic-bezier(.16,.82,.2,1);
}
html.has-ag-v362-motion .ag-who--v36 .ag-who__copy{transform:translate3d(-24px,16px,0)}
html.has-ag-v362-motion .ag-who--v36 .ag-who__visual{transform:translate3d(28px,28px,0)}
html.has-ag-v362-motion .ag-who--v36.is-v362-visible .ag-who__copy,
html.has-ag-v362-motion .ag-who--v36.is-v362-visible .ag-who__visual{opacity:1;transform:none}
html.has-ag-v362-motion .ag-who--v36.is-v362-visible .ag-who__visual img{animation:agV362AboutFloat 7.5s ease-in-out 1s infinite alternate}

@keyframes agV362AboutFloat{
  from{transform:translateY(18px)}
  to{transform:translateY(8px)}
}

/* 03 — WORKFLOW: yellow, orbit/steps LEFT, character RIGHT. */
.ag-workflow-v24.ag-workflow-v36.ag-workflow-v362{
  background:
    radial-gradient(circle at 12% 82%,rgba(13,15,16,.07),transparent 28%),
    linear-gradient(180deg,#F3C600 0%,#F1C300 100%)!important;
  color:var(--ag36-ink)!important;
  border:0!important;
  overflow:hidden!important;
}

.ag-workflow-v362 .ag-workflow-v36__inner{
  padding-top:clamp(62px,7vw,92px)!important;
  padding-bottom:clamp(56px,6vw,84px)!important;
}

.ag-workflow-v362 .ag-workflow-v36__intro{
  width:min(100%,760px)!important;
  margin-left:auto!important;
  margin-right:0!important;
  direction:rtl!important;
  text-align:right!important;
}

.ag-workflow-v362 .ag-workflow-v36__intro>span,
.ag-workflow-v362 .ag-workflow-v36__intro p{color:rgba(13,15,16,.68)!important}
.ag-workflow-v362 .ag-workflow-v36__intro>span::before{background:var(--ag36-ink)!important}

.ag-workflow-v362 .ag-workflow-v36__stage{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(310px,.62fr)!important;
  grid-template-areas:"orbit visual"!important;
  direction:ltr!important;
  gap:clamp(22px,4vw,64px)!important;
  align-items:center!important;
}

.ag-workflow-v362 .ag-workflow-v36__orbit-wrap{grid-area:orbit!important}
.ag-workflow-v362 .ag-workflow-v36__visual{
  grid-area:visual!important;
  justify-content:center!important;
  align-self:end!important;
}

.ag-workflow-v362 .ag-workflow-v36__visual .ag-workflow-v24__character{
  width:min(100%,430px)!important;
  margin-inline:auto!important;
  filter:drop-shadow(0 28px 30px rgba(13,15,16,.16));
}

.ag-workflow-v362 .ag-workflow-v36__orbit{
  width:min(100%,800px)!important;
  min-height:520px!important;
}

.ag-workflow-v362 .ag-workflow-v36__orbit-line{
  border:2px dashed rgba(13,15,16,.34)!important;
  animation:agV362OrbitSpin 34s linear infinite!important;
}

@keyframes agV362OrbitSpin{to{transform:rotate(360deg)}}

.ag-workflow-v362 .ag-workflow-v36-step,
.ag-workflow-v362 .ag-workflow-v36-step:hover{
  width:194px!important;
  height:190px!important;
  padding:12px 10px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.ag-workflow-v362 .ag-workflow-v36-step__icon{
  width:88px!important;
  height:88px!important;
  margin-bottom:6px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  color:var(--ag36-ink)!important;
  animation:agV362IconTurn 12s linear infinite;
  transform-origin:center;
}

.ag-workflow-v362 .ag-workflow-v36-step:nth-of-type(even) .ag-workflow-v36-step__icon{
  animation-direction:reverse;
  animation-duration:15s;
}

.ag-workflow-v362 .ag-workflow-v36-step__icon svg{
  width:84px!important;
  height:84px!important;
  display:block;
  overflow:visible;
  stroke:currentColor;
  stroke-width:4.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}

@keyframes agV362IconTurn{
  0%{transform:rotate(0deg) translateY(0)}
  25%{transform:rotate(90deg) translateY(-3px)}
  50%{transform:rotate(180deg) translateY(0)}
  75%{transform:rotate(270deg) translateY(3px)}
  100%{transform:rotate(360deg) translateY(0)}
}

.ag-workflow-v362 .ag-workflow-v36-step__number{
  color:rgba(13,15,16,.52)!important;
  background:transparent!important;
}

.ag-workflow-v362 .ag-workflow-v36-step h3{
  color:var(--ag36-ink)!important;
  font-size:.96rem!important;
}

.ag-workflow-v362 .ag-workflow-v36-step p{
  color:rgba(13,15,16,.66)!important;
  font-size:.64rem!important;
}

.ag-workflow-v362 .ag-workflow-v36__center{
  background:var(--ag36-ink)!important;
  color:var(--ag36-paper)!important;
}
.ag-workflow-v362 .ag-workflow-v36__center b{color:var(--ag36-gold)!important}

html.has-ag-v362-motion .ag-workflow-v362 .ag-workflow-v36__visual,
html.has-ag-v362-motion .ag-workflow-v362 .ag-workflow-v36__orbit-wrap{
  opacity:0;
  transition:opacity .8s ease,transform 1s cubic-bezier(.16,.82,.2,1);
}
html.has-ag-v362-motion .ag-workflow-v362 .ag-workflow-v36__orbit-wrap{transform:translate3d(-28px,14px,0) scale(.985)}
html.has-ag-v362-motion .ag-workflow-v362 .ag-workflow-v36__visual{transform:translate3d(30px,24px,0)}
html.has-ag-v362-motion .ag-workflow-v362.is-v362-visible .ag-workflow-v36__orbit-wrap,
html.has-ag-v362-motion .ag-workflow-v362.is-v362-visible .ag-workflow-v36__visual{opacity:1;transform:none}

/* 04 — SYSTEMS: remove package/type cards; use one concise contact bar. */
.ag-systems-v362 .ag-systems-v24__header{
  direction:rtl!important;
  text-align:right!important;
}
.ag-systems-v362 .ag-systems-v24__header>div{
  margin-left:auto!important;
  margin-right:0!important;
  text-align:right!important;
}

.ag-systems-v362__contact{
  position:relative;
  margin-top:clamp(42px,5vw,68px);
  padding:clamp(24px,3vw,34px) clamp(24px,4vw,44px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid rgba(13,15,16,.17);
  border-bottom:1px solid rgba(13,15,16,.17);
  background:linear-gradient(90deg,rgba(243,198,0,.10),rgba(244,241,232,.56));
  direction:rtl;
}

.ag-systems-v362__contact::before{
  content:"";
  width:7px;
  align-self:stretch;
  background:var(--ag36-gold);
  border-radius:999px;
  flex:0 0 auto;
  order:3;
}

.ag-systems-v362__contact div{
  flex:1;
  text-align:right;
}

.ag-systems-v362__contact h3{
  margin:0;
  color:var(--ag36-ink);
  font-size:clamp(1.55rem,2.4vw,2.35rem);
  font-weight:900;
  line-height:1.15;
}

.ag-systems-v362__contact p{
  margin:8px 0 0;
  color:rgba(13,15,16,.66);
  font-size:.9rem;
  line-height:1.75;
  font-weight:650;
}

.ag-systems-v362__contact a{
  min-height:46px;
  padding:10px 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--ag36-ink);
  color:var(--ag36-paper);
  text-decoration:none;
  font-size:.82rem;
  font-weight:900;
  white-space:nowrap;
  transition:transform .22s ease,background .22s ease,color .22s ease;
}

.ag-systems-v362__contact a:hover{
  transform:translateY(-2px);
  background:var(--ag36-gold);
  color:var(--ag36-ink);
}

html.has-ag-v362-motion .ag-systems-v362 .ag-systems-v24__header,
html.has-ag-v362-motion .ag-systems-v362 .ag-system-v24,
html.has-ag-v362-motion .ag-systems-v362 .ag-systems-v362__contact{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity .72s ease,transform .88s cubic-bezier(.16,.82,.2,1);
}
html.has-ag-v362-motion .ag-systems-v362.is-v362-visible .ag-systems-v24__header,
html.has-ag-v362-motion .ag-systems-v362.is-v362-visible .ag-system-v24,
html.has-ag-v362-motion .ag-systems-v362.is-v362-visible .ag-systems-v362__contact{
  opacity:1;
  transform:none;
}
html.has-ag-v362-motion .ag-systems-v362.is-v362-visible .ag-system-v24{transition-delay:110ms}
html.has-ag-v362-motion .ag-systems-v362.is-v362-visible .ag-systems-v362__contact{transition-delay:210ms}

/* Physical LTR fallbacks. */
html[dir="ltr"] .ag-xp362 .ag-xp36__copy,
html[dir="ltr"] .ag-who--v36 .ag-who__copy,
html[dir="ltr"] .ag-workflow-v362 .ag-workflow-v36__intro,
html[dir="ltr"] .ag-systems-v362 .ag-systems-v24__header,
html[dir="ltr"] .ag-systems-v362__contact{
  direction:ltr!important;
  text-align:left!important;
}

html[dir="ltr"] .ag-xp362__journey ol{direction:ltr}
html[dir="ltr"] .ag-xp362__journey-track i{margin-left:0;margin-right:auto}

@media(max-width:1050px){
  .ag-xp362 .ag-xp36__grid{
    grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr)!important;
  }
  .ag-xp362__journey li span{display:none}
  .ag-workflow-v362 .ag-workflow-v36__stage{
    grid-template-columns:minmax(0,1.08fr) minmax(280px,.58fr)!important;
  }
}

@media(max-width:900px){
  .ag-xp362 .ag-xp36__grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
    gap:12px!important;
    padding-top:46px!important;
  }
  .ag-xp362 .ag-xp36__visual{min-height:500px!important}
  .ag-xp362 .ag-xp36__image-stage{height:510px!important}
  .ag-xp362 .ag-xp36__image-stage img{height:min(530px,82vw)!important}

  .ag-who--v36 .ag-who__grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
  }

  .ag-workflow-v362 .ag-workflow-v36__stage{
    grid-template-columns:1fr!important;
    grid-template-areas:"visual" "orbit"!important;
  }
  .ag-workflow-v362 .ag-workflow-v36__visual .ag-workflow-v24__character{width:min(82vw,420px)!important}
}

@media(max-width:680px){
  .ag-xp362 h2{font-size:clamp(2.2rem,11vw,3.4rem)!important}
  .ag-xp362__journey{overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
  .ag-xp362__journey::-webkit-scrollbar{display:none}
  .ag-xp362__journey ol{min-width:720px}
  .ag-xp362__journey-track{min-width:680px}

  .ag-xp362 .ag-xp36__visual{min-height:440px!important}
  .ag-xp362 .ag-xp36__image-stage{height:450px!important}
  .ag-xp362 .ag-xp36__image-stage img{height:min(470px,104vw)!important}

  .ag-who.ag-who--v36{padding-top:42px!important}
  .ag-who--v36 .ag-who__visual{min-height:410px!important;margin-bottom:-68px!important}
  .ag-work{padding-top:84px!important}

  .ag-workflow-v362 .ag-workflow-v36__orbit{min-height:560px!important}
  .ag-workflow-v362 .ag-workflow-v36-step,
  .ag-workflow-v362 .ag-workflow-v36-step:hover{width:148px!important;height:148px!important}
  .ag-workflow-v362 .ag-workflow-v36-step__icon,
  .ag-workflow-v362 .ag-workflow-v36-step__icon svg{width:68px!important;height:68px!important}

  .ag-systems-v362__contact{
    align-items:stretch;
    flex-direction:column;
    text-align:right;
  }
  .ag-systems-v362__contact::before{width:100%;height:4px;min-height:4px;order:-1}
  .ag-systems-v362__contact a{width:max-content;max-width:100%}
}

@media(prefers-reduced-motion:reduce){
  .ag-xp362.is-v36-visible .ag-xp362__halo,
  .ag-xp362.is-v36-visible .ag-xp36__image-stage img,
  .ag-who--v36.is-v362-visible .ag-who__visual img,
  .ag-workflow-v362 .ag-workflow-v36__orbit-line,
  .ag-workflow-v362 .ag-workflow-v36-step__icon{
    animation:none!important;
  }
  html.has-ag-v362-motion .ag-who--v36 .ag-who__copy,
  html.has-ag-v362-motion .ag-who--v36 .ag-who__visual,
  html.has-ag-v362-motion .ag-workflow-v362 .ag-workflow-v36__visual,
  html.has-ag-v362-motion .ag-workflow-v362 .ag-workflow-v36__orbit-wrap,
  html.has-ag-v362-motion .ag-systems-v362 .ag-systems-v24__header,
  html.has-ag-v362-motion .ag-systems-v362 .ag-system-v24,
  html.has-ag-v362-motion .ag-systems-v362 .ag-systems-v362__contact{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* Portfolio keeps its approved black identity, with a cleaner reveal. */
html.has-ag-v362-motion .ag-work .ag-work__header,
html.has-ag-v362-motion .ag-work .ag-work__grid,
html.has-ag-v362-motion .ag-work .ag-work__more{
  opacity:0;
  transform:translate3d(0,20px,0);
  transition:opacity .68s ease,transform .86s cubic-bezier(.16,.82,.2,1);
}
html.has-ag-v362-motion .ag-work.is-v362-visible .ag-work__header,
html.has-ag-v362-motion .ag-work.is-v362-visible .ag-work__grid,
html.has-ag-v362-motion .ag-work.is-v362-visible .ag-work__more{
  opacity:1;
  transform:none;
}
html.has-ag-v362-motion .ag-work.is-v362-visible .ag-work__grid{transition-delay:90ms}
html.has-ag-v362-motion .ag-work.is-v362-visible .ag-work__more{transition-delay:170ms}

@media(prefers-reduced-motion:reduce){
  html.has-ag-v362-motion .ag-work .ag-work__header,
  html.has-ag-v362-motion .ag-work .ag-work__grid,
  html.has-ag-v362-motion .ag-work .ag-work__more{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   ARABIA GROUP — HOME V3.7.4 PRECISION POLISH
   Exact correction pass requested after V3.6.2 review.
   ========================================================= */

/* ---------------------------------------------------------
   01 — EXPERIENCE / 6 YEARS
   Full Solar Gold, no gradient, tighter rhythm, one animated
   0→6 block with a two-word phrase for every year.
   --------------------------------------------------------- */
.ag-xp36.ag-xp362.ag-xp363{
  position:relative!important;
  z-index:26!important;
  overflow:visible!important;
  background:#F3C600!important;
  color:#0D0F10!important;
  border:0!important;
}

.ag-xp363::before,
.ag-xp363::after,
.ag-xp363 .ag-xp362__halo,
.ag-xp363 .ag-xp36__year-ghost{
  display:none!important;
}

.ag-xp363 .ag-xp36__grid,
.ag-xp363__grid{
  min-height:540px!important;
  grid-template-columns:minmax(440px,.92fr) minmax(0,1.08fr)!important;
  grid-template-areas:"visual copy"!important;
  gap:clamp(24px,3.5vw,54px)!important;
  align-items:center!important;
  direction:ltr!important;
  padding-top:clamp(20px,2.6vw,38px)!important;
  padding-bottom:0!important;
}

.ag-xp363 .ag-xp36__visual,
.ag-xp363__visual{
  grid-area:visual!important;
  min-height:548px!important;
  align-self:end!important;
  margin:0 0 -34px!important;
  overflow:visible!important;
  z-index:4!important;
}

.ag-xp363 .ag-xp36__image-stage,
.ag-xp363__image-stage{
  width:min(100%,700px)!important;
  height:590px!important;
  align-items:flex-end!important;
  overflow:visible!important;
}

.ag-xp363 .ag-xp36__image-stage::after{
  display:block!important;
  left:9%!important;
  right:6%!important;
  bottom:8px!important;
  height:24px!important;
  background:rgba(13,15,16,.20)!important;
  filter:blur(17px)!important;
}

.ag-xp363 .ag-xp36__image-stage img{
  height:min(690px,62vw)!important;
  max-width:126%!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 28px 28px rgba(13,15,16,.20))!important;
  transform-origin:50% 93%!important;
}

.ag-xp363 .ag-xp36__copy,
.ag-xp363__copy{
  grid-area:copy!important;
  max-width:760px!important;
  justify-self:end!important;
  direction:rtl!important;
  text-align:right!important;
  padding:30px 0 42px!important;
  color:#0D0F10!important;
}

html[dir="ltr"] .ag-xp363 .ag-xp36__copy{
  direction:ltr!important;
  text-align:left!important;
}

.ag-xp363 h2{
  margin:0!important;
  max-width:730px!important;
  color:#0D0F10!important;
  font-size:clamp(2.45rem,4.2vw,4.7rem)!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

.ag-xp363__peak{
  margin:7px 0 0!important;
  color:#0D0F10!important;
  font-size:clamp(1.25rem,1.9vw,2.05rem)!important;
  line-height:1.35!important;
  font-weight:900!important;
  opacity:.78;
}

.ag-xp363__lead{
  max-width:700px;
  margin:18px 0 0;
  color:rgba(13,15,16,.80);
  font-size:clamp(1rem,1.14vw,1.18rem);
  line-height:1.95;
  font-weight:760;
}

/* one block only — no timeline / chart */
.ag-xp363__years{
  width:min(100%,470px);
  min-height:112px;
  margin-top:21px;
  padding:15px 18px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:18px;
  border:1px solid rgba(13,15,16,.10);
  border-radius:18px;
  background:#0D0F10;
  color:#F4F1E8;
  box-shadow:0 15px 34px rgba(13,15,16,.13);
  overflow:hidden;
}

.ag-xp363__years-count{
  min-width:142px;
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:8px;
  white-space:nowrap;
  direction:rtl;
}

html[dir="ltr"] .ag-xp363__years-count{direction:ltr}

.ag-xp363__years-count strong{
  display:inline-block;
  color:#F3C600;
  font-size:clamp(3.4rem,5vw,5.1rem);
  line-height:.82;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  transform-origin:center;
}

.ag-xp363__years-count strong.is-ticking{
  animation:agV363CountTick .34s cubic-bezier(.17,.84,.32,1.2);
}

@keyframes agV363CountTick{
  0%{transform:translateY(12px) scale(.88);opacity:.35}
  70%{transform:translateY(-2px) scale(1.06);opacity:1}
  100%{transform:none;opacity:1}
}

.ag-xp363__years-count span{
  color:#F4F1E8;
  font-size:1.08rem;
  line-height:1;
  font-weight:900;
}

.ag-xp363__years-words{
  position:relative;
  min-height:44px;
  display:flex;
  align-items:center;
  border-inline-start:1px solid rgba(244,241,232,.17);
  padding-inline-start:18px;
}

.ag-xp363__years-words span{
  position:absolute;
  inset-inline-start:18px;
  top:50%;
  width:calc(100% - 18px);
  opacity:0;
  transform:translate3d(0,12px,0);
  color:#F4F1E8;
  font-size:clamp(.98rem,1.28vw,1.25rem);
  line-height:1.35;
  font-weight:900;
  transition:opacity .22s ease,transform .38s cubic-bezier(.16,.82,.2,1);
}

.ag-xp363__years-words span.is-active{
  opacity:1;
  transform:translate3d(0,-50%,0);
}

.ag-xp363 .ag-xp36__cta,
.ag-xp363__cta{
  margin-top:19px!important;
  min-height:47px!important;
  padding:10px 20px!important;
  border:1px solid #0D0F10!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#0D0F10!important;
  box-shadow:none!important;
}

.ag-xp363 .ag-xp36__cta b{color:#0D0F10!important}
.ag-xp363 .ag-xp36__cta:hover{
  background:#0D0F10!important;
  color:#F4F1E8!important;
}
.ag-xp363 .ag-xp36__cta:hover b{color:#F3C600!important}

/* stronger entrance, then only a tiny living motion */
html.has-ag-v363-motion .ag-xp363 [data-ag-v36-line],
html.has-ag-v363-motion .ag-xp363 [data-ag-v36-reveal="text"]{
  opacity:0;
  transform:translate3d(0,24px,0);
  clip-path:inset(0 0 100% 0);
}

html.has-ag-v363-motion .ag-xp363.is-v36-visible [data-ag-v36-line],
html.has-ag-v363-motion .ag-xp363.is-v36-visible [data-ag-v36-reveal="text"]{
  opacity:1;
  transform:none;
  clip-path:inset(0);
  transition:
    opacity .56s ease var(--ag-v36-delay,0ms),
    transform .82s cubic-bezier(.16,.82,.2,1) var(--ag-v36-delay,0ms),
    clip-path .82s cubic-bezier(.16,.82,.2,1) var(--ag-v36-delay,0ms);
}

html.has-ag-v363-motion .ag-xp363 .ag-xp36__visual{
  opacity:0;
  transform:translate3d(-52px,26px,0) scale(.955) rotate(-1.2deg);
}

html.has-ag-v363-motion .ag-xp363.is-v36-visible .ag-xp36__visual{
  opacity:1;
  transform:none;
  transition:opacity .72s ease,transform 1.05s cubic-bezier(.16,.82,.2,1);
}

html.has-ag-v363-motion .ag-xp363.is-v36-visible .ag-xp36__image-stage img{
  animation:agV363ExplorerAlive 7.2s ease-in-out 1.25s infinite alternate;
}

@keyframes agV363ExplorerAlive{
  from{transform:translate3d(0,0,0) rotate(-.10deg)}
  to{transform:translate3d(0,-5px,0) rotate(.08deg)}
}

/* ---------------------------------------------------------
   02 — THIRD BLOCK / CLARITY
   Same Solar Gold plane; the editorial rule comes BEFORE text
   in RTL (right side). Character keeps touching the next black block.
   --------------------------------------------------------- */
.ag-who.ag-who--v36{
  background:#F3C600!important;
  border:0!important;
  padding-top:38px!important;
}

.ag-who--v36 .ag-who__statement{
  border:0!important;
  border-inline-start:4px solid #0D0F10!important;
  padding:1px 16px 1px 0!important;
  background:transparent!important;
}

html[dir="ltr"] .ag-who--v36 .ag-who__statement{
  padding:1px 0 1px 16px!important;
}

/* ---------------------------------------------------------
   03 — WORKFLOW
   Much shorter. Character RIGHT, orbit LEFT. Large naked icons,
   better numbering, replayable motion.
   --------------------------------------------------------- */
.ag-workflow-v24.ag-workflow-v36.ag-workflow-v362{
  background:#F3C600!important;
  color:#0D0F10!important;
  border:0!important;
}

.ag-workflow-v363 .ag-workflow-v36__inner,
.ag-workflow-v362 .ag-workflow-v36__inner{
  padding-top:clamp(34px,4.3vw,54px)!important;
  padding-bottom:clamp(34px,4vw,50px)!important;
}

.ag-workflow-v362 .ag-workflow-v36__intro{
  max-width:690px!important;
}

.ag-workflow-v362 .ag-workflow-v36__intro h2{
  font-size:clamp(1.9rem,3vw,3.15rem)!important;
  line-height:1.22!important;
}

.ag-workflow-v362 .ag-workflow-v36__intro p{
  max-width:620px!important;
  margin-top:7px!important;
  font-size:.88rem!important;
  line-height:1.72!important;
}

.ag-workflow-v362 .ag-workflow-v36__stage{
  margin-top:18px!important;
  grid-template-columns:minmax(0,1.2fr) minmax(245px,.52fr)!important;
  grid-template-areas:"orbit visual"!important;
  gap:clamp(18px,3vw,42px)!important;
  align-items:center!important;
}

.ag-workflow-v362 .ag-workflow-v36__orbit{
  width:min(100%,690px)!important;
  min-height:410px!important;
  aspect-ratio:1.55 / 1!important;
}

.ag-workflow-v362 .ag-workflow-v36__orbit-line{
  inset:15% 17%!important;
  border:1.5px dashed rgba(13,15,16,.33)!important;
  animation:agV363OrbitSpin 38s linear infinite!important;
}

@keyframes agV363OrbitSpin{to{transform:rotate(360deg)}}

.ag-workflow-v362 .ag-workflow-v36__center{
  width:145px!important;
  height:145px!important;
  box-shadow:0 12px 30px rgba(13,15,16,.12),0 0 0 7px rgba(13,15,16,.06)!important;
}

.ag-workflow-v362 .ag-workflow-v36__center small,
.ag-workflow-v362 .ag-workflow-v36__center strong{
  font-size:.74rem!important;
}

.ag-workflow-v362 .ag-workflow-v36__center b{
  font-size:1.25rem!important;
}

.ag-workflow-v362 .ag-workflow-v36-step,
.ag-workflow-v362 .ag-workflow-v36-step:hover{
  width:158px!important;
  height:154px!important;
  padding:8px 8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* elegant number: no badge, just an editorial index + hairline */
.ag-workflow-v362 .ag-workflow-v36-step__number{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0 0 1px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(13,15,16,.62)!important;
  font:900 .64rem/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.12em!important;
}

.ag-workflow-v362 .ag-workflow-v36-step__number::after{
  content:"";
  width:22px;
  height:1px;
  background:#0D0F10;
  opacity:.42;
}

.ag-workflow-v362 .ag-workflow-v36-step__icon{
  width:72px!important;
  height:72px!important;
  margin:4px 0 3px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0D0F10!important;
  animation:agV363IconOrbit 13s linear infinite!important;
}

.ag-workflow-v362 .ag-workflow-v36-step:nth-of-type(even) .ag-workflow-v36-step__icon{
  animation-direction:reverse!important;
  animation-duration:16s!important;
}

.ag-workflow-v362 .ag-workflow-v36-step__icon svg{
  width:70px!important;
  height:70px!important;
  stroke-width:3.7!important;
}

@keyframes agV363IconOrbit{
  0%{transform:rotate(0deg) scale(1)}
  50%{transform:rotate(180deg) scale(1.045)}
  100%{transform:rotate(360deg) scale(1)}
}

.ag-workflow-v362 .ag-workflow-v36-step h3{
  max-width:148px!important;
  font-size:.82rem!important;
  line-height:1.35!important;
}

.ag-workflow-v362 .ag-workflow-v36-step p{
  max-width:150px!important;
  margin-top:3px!important;
  color:rgba(13,15,16,.66)!important;
  font-size:.56rem!important;
  line-height:1.42!important;
}

.ag-workflow-v362 .ag-workflow-v36__visual .ag-workflow-v24__character{
  width:min(100%,340px)!important;
  filter:drop-shadow(0 22px 24px rgba(13,15,16,.14))!important;
}

.ag-workflow-v24__cta.ag-workflow-v36__cta{
  margin-top:14px!important;
  min-height:84px!important;
  padding:17px 21px!important;
}

/* smoother orbit reveal + staggered step arrival */
html.has-ag-v363-motion .ag-workflow-v362 .ag-workflow-v36-step{
  opacity:0;
  filter:blur(5px);
  transition:opacity .5s ease,filter .65s ease;
}

html.has-ag-v363-motion .ag-workflow-v362.is-v363-visible .ag-workflow-v36-step{
  opacity:1;
  filter:none;
}

html.has-ag-v363-motion .ag-workflow-v362.is-v363-visible .ag-workflow-v36-step--1{transition-delay:80ms}
html.has-ag-v363-motion .ag-workflow-v362.is-v363-visible .ag-workflow-v36-step--2{transition-delay:160ms}
html.has-ag-v363-motion .ag-workflow-v362.is-v363-visible .ag-workflow-v36-step--3{transition-delay:240ms}
html.has-ag-v363-motion .ag-workflow-v362.is-v363-visible .ag-workflow-v36-step--4{transition-delay:320ms}

/* ---------------------------------------------------------
   04 — SYSTEMS
   Restore the two actual system options. Below them: compact,
   solid white CTA, not translucent and not tall.
   --------------------------------------------------------- */
.ag-systems-v363 .ag-systems-v24__header{
  direction:rtl!important;
  text-align:right!important;
}

.ag-systems-v363 .ag-systems-v24__header>div{
  margin-left:auto!important;
  margin-right:0!important;
  text-align:right!important;
}

.ag-systems-v363 .ag-systems-v36__types{
  margin-top:34px!important;
  padding-top:27px!important;
  border-top:1px solid rgba(13,15,16,.16)!important;
}

.ag-systems-v363 .ag-systems-v36__types-head{
  max-width:700px!important;
  margin-left:auto!important;
  margin-right:0!important;
  text-align:right!important;
}

.ag-systems-v363 .ag-systems-v36__types-grid{
  margin-top:15px!important;
  gap:12px!important;
}

.ag-systems-v363 .ag-systems-v36-type{
  min-height:132px!important;
  padding:18px 20px!important;
  border-radius:14px!important;
}

.ag-systems-v363__contact{
  margin-top:14px;
  min-height:94px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border:1px solid rgba(13,15,16,.10);
  border-radius:15px;
  background:#FFFFFF;
  box-shadow:0 10px 24px rgba(13,15,16,.055);
  direction:rtl;
}

.ag-systems-v363__contact-copy{
  flex:1;
  min-width:0;
  text-align:right;
}

.ag-systems-v363__contact h3{
  margin:0;
  color:#0D0F10;
  font-size:clamp(1.18rem,1.7vw,1.6rem);
  line-height:1.25;
  font-weight:900;
}

.ag-systems-v363__contact p{
  max-width:650px;
  margin:5px 0 0;
  color:rgba(13,15,16,.62);
  font-size:.76rem;
  line-height:1.62;
  font-weight:650;
}

.ag-systems-v363__contact-actions{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}

.ag-systems-v363__contact-actions a{
  min-height:42px;
  padding:9px 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  text-decoration:none;
  white-space:nowrap;
  font-size:.76rem;
  font-weight:900;
  transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}

.ag-systems-v363__contact-link{
  border:1px solid rgba(13,15,16,.18);
  background:#FFFFFF;
  color:#0D0F10;
}

.ag-systems-v363__request-now{
  border:1px solid #F3C600;
  background:#F3C600;
  color:#0D0F10;
}

.ag-systems-v363__contact-actions a:hover{transform:translateY(-2px)}
.ag-systems-v363__contact-link:hover{border-color:#0D0F10}
.ag-systems-v363__request-now:hover{background:#0D0F10;color:#F4F1E8;border-color:#0D0F10}
.ag-systems-v363__request-now b{font-size:1rem}

/* ---------------------------------------------------------
   05 — REPLAYABLE SECTION MOTION
   --------------------------------------------------------- */
html.has-ag-v363-motion [data-ag-v363-section]:not([data-ag-v36-section]) [data-ag-v24-reveal],
html.has-ag-v363-motion .ag-work[data-ag-v363-section] .ag-work__header,
html.has-ag-v363-motion .ag-work[data-ag-v363-section] .ag-work__grid,
html.has-ag-v363-motion .ag-work[data-ag-v363-section] .ag-work__more{
  opacity:0;
  transform:translate3d(0,18px,0);
  transition:opacity .62s ease,transform .82s cubic-bezier(.16,.82,.2,1);
}

html.has-ag-v363-motion [data-ag-v363-section].is-v363-visible [data-ag-v24-reveal],
html.has-ag-v363-motion .ag-work[data-ag-v363-section].is-v363-visible .ag-work__header,
html.has-ag-v363-motion .ag-work[data-ag-v363-section].is-v363-visible .ag-work__grid,
html.has-ag-v363-motion .ag-work[data-ag-v363-section].is-v363-visible .ag-work__more{
  opacity:1;
  transform:none;
}

html.has-ag-v363-motion .ag-work[data-ag-v363-section].is-v363-visible .ag-work__grid{transition-delay:90ms}
html.has-ag-v363-motion .ag-work[data-ag-v363-section].is-v363-visible .ag-work__more{transition-delay:160ms}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media(max-width:1050px){
  .ag-xp363 .ag-xp36__grid{
    grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr)!important;
  }
  .ag-xp363 .ag-xp36__image-stage img{height:min(650px,65vw)!important}

  .ag-workflow-v362 .ag-workflow-v36__stage{
    grid-template-columns:minmax(0,1.12fr) minmax(230px,.5fr)!important;
  }
}

@media(max-width:900px){
  .ag-xp363 .ag-xp36__grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
    gap:0!important;
    padding-top:40px!important;
  }
  .ag-xp363 .ag-xp36__copy{padding-bottom:8px!important}
  .ag-xp363 .ag-xp36__visual{min-height:500px!important;margin-bottom:-25px!important}
  .ag-xp363 .ag-xp36__image-stage{height:520px!important}
  .ag-xp363 .ag-xp36__image-stage img{height:min(570px,88vw)!important}

  .ag-workflow-v362 .ag-workflow-v36__stage{
    grid-template-columns:1fr!important;
    grid-template-areas:"visual" "orbit"!important;
    gap:6px!important;
  }
  .ag-workflow-v362 .ag-workflow-v36__visual .ag-workflow-v24__character{
    width:min(72vw,340px)!important;
  }

  .ag-systems-v363__contact{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:680px){
  .ag-xp363 h2{font-size:clamp(2.1rem,10.8vw,3.25rem)!important}
  .ag-xp363__peak{font-size:1.22rem!important}
  .ag-xp363__years{
    width:100%;
    grid-template-columns:128px minmax(0,1fr);
    gap:12px;
    padding:14px;
  }
  .ag-xp363__years-count{min-width:118px}
  .ag-xp363__years-count strong{font-size:3.7rem}
  .ag-xp363__years-words{padding-inline-start:12px}
  .ag-xp363__years-words span{inset-inline-start:12px;width:calc(100% - 12px);font-size:.92rem}
  .ag-xp363 .ag-xp36__visual{min-height:430px!important}
  .ag-xp363 .ag-xp36__image-stage{height:445px!important}
  .ag-xp363 .ag-xp36__image-stage img{height:min(490px,110vw)!important}

  .ag-workflow-v362 .ag-workflow-v36__orbit{
    min-height:490px!important;
  }
  .ag-workflow-v362 .ag-workflow-v36-step,
  .ag-workflow-v362 .ag-workflow-v36-step:hover{
    width:136px!important;
    height:138px!important;
  }
  .ag-workflow-v362 .ag-workflow-v36-step__icon,
  .ag-workflow-v362 .ag-workflow-v36-step__icon svg{
    width:60px!important;
    height:60px!important;
  }
  .ag-workflow-v362 .ag-workflow-v36-step h3{font-size:.74rem!important}
  .ag-workflow-v362 .ag-workflow-v36-step p{font-size:.51rem!important}

  .ag-systems-v363__contact-actions{
    width:100%;
    flex-wrap:wrap;
  }
  .ag-systems-v363__contact-actions a{flex:1 1 auto}
}

@media(prefers-reduced-motion:reduce){
  .ag-xp363.is-v36-visible .ag-xp36__image-stage img,
  .ag-workflow-v362 .ag-workflow-v36__orbit-line,
  .ag-workflow-v362 .ag-workflow-v36-step__icon{
    animation:none!important;
  }
  html.has-ag-v363-motion [data-ag-v363-section] [data-ag-v24-reveal],
  html.has-ag-v363-motion .ag-work[data-ag-v363-section] .ag-work__header,
  html.has-ag-v363-motion .ag-work[data-ag-v363-section] .ag-work__grid,
  html.has-ag-v363-motion .ag-work[data-ag-v363-section] .ag-work__more{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   ARABIA GROUP — HOME V3.7.4
   Dark experience + looping years + larger workflow character
   ========================================================= */

/* ---------------------------------------------------------
   EXPERIENCE — BLACK / COMPACT / OVERLAPPING CHARACTER
   --------------------------------------------------------- */
.ag-xp36.ag-xp362.ag-xp363.ag-xp364{
  position:relative!important;
  z-index:30!important;
  overflow:visible!important;
  background:#0D0F10!important;
  color:#F4F1E8!important;
  border:0!important;
  isolation:isolate;
}

.ag-xp364::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 38%,rgba(243,198,0,.08),transparent 31%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 42%)!important;
  opacity:1!important;
}

.ag-xp364::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  inset:auto 0 0!important;
  height:1px!important;
  background:rgba(243,198,0,.36)!important;
  pointer-events:none!important;
}

.ag-xp364 .ag-xp36__grid,
.ag-xp364__grid{
  position:relative!important;
  z-index:2!important;
  min-height:510px!important;
  grid-template-columns:minmax(430px,.94fr) minmax(0,1.06fr)!important;
  grid-template-areas:"visual copy"!important;
  gap:clamp(20px,3.1vw,48px)!important;
  align-items:center!important;
  direction:ltr!important;
  padding-top:18px!important;
  padding-bottom:18px!important;
}

.ag-xp364 .ag-xp36__visual,
.ag-xp364__visual{
  grid-area:visual!important;
  position:relative!important;
  z-index:8!important;
  min-height:510px!important;
  align-self:stretch!important;
  margin:-64px 0 -76px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}

.ag-xp364 .ag-xp36__image-stage,
.ag-xp364__image-stage{
  position:relative!important;
  width:min(100%,710px)!important;
  height:650px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}

.ag-xp364 .ag-xp36__image-stage::after{
  display:block!important;
  left:8%!important;
  right:8%!important;
  bottom:35px!important;
  height:25px!important;
  background:rgba(0,0,0,.42)!important;
  filter:blur(18px)!important;
}

.ag-xp364 .ag-xp36__image-stage img{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  width:auto!important;
  height:min(750px,63vw)!important;
  max-width:132%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 30px 30px rgba(0,0,0,.38))!important;
  transform-origin:50% 88%!important;
}

.ag-xp364 .ag-xp36__copy,
.ag-xp364__copy{
  grid-area:copy!important;
  position:relative!important;
  z-index:6!important;
  max-width:760px!important;
  justify-self:end!important;
  direction:rtl!important;
  text-align:right!important;
  padding:26px 0 28px!important;
  color:#F4F1E8!important;
}

html[dir="ltr"] .ag-xp364 .ag-xp36__copy{
  direction:ltr!important;
  text-align:left!important;
}

.ag-xp364 h2{
  margin:0!important;
  max-width:700px!important;
  color:#F4F1E8!important;
  font-size:clamp(2rem,3.15vw,3.45rem)!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:0!important;
}

.ag-xp364__peak{
  width:max-content;
  max-width:100%;
  margin:7px 0 0!important;
  color:#F3C600!important;
  font-size:clamp(1.05rem,1.45vw,1.42rem)!important;
  line-height:1.45!important;
  font-weight:900!important;
  opacity:1!important;
}

.ag-xp364__lead{
  max-width:690px!important;
  margin:15px 0 0!important;
  color:rgba(244,241,232,.78)!important;
  font-size:clamp(.96rem,1.02vw,1.07rem)!important;
  line-height:1.92!important;
  font-weight:690!important;
}

/* Counter + CTA live on ONE row. */
.ag-xp364__actions{
  width:min(100%,650px);
  margin-top:19px;
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:11px;
  direction:rtl;
}

html[dir="ltr"] .ag-xp364__actions{direction:ltr}

.ag-xp364__years{
  flex:1 1 430px;
  width:auto!important;
  min-width:0;
  min-height:94px!important;
  margin:0!important;
  padding:12px 16px!important;
  grid-template-columns:auto minmax(120px,1fr)!important;
  gap:15px!important;
  border:1px solid rgba(244,241,232,.12)!important;
  border-radius:15px!important;
  background:rgba(244,241,232,.045)!important;
  color:#F4F1E8!important;
  box-shadow:none!important;
  backdrop-filter:blur(3px);
}

.ag-xp364__years-count{
  min-width:130px!important;
}

.ag-xp364__years-count strong{
  color:#F3C600!important;
  font-size:clamp(3rem,4.35vw,4.55rem)!important;
}

.ag-xp364__years-count span{
  color:#F4F1E8!important;
  font-size:.98rem!important;
}

.ag-xp364__years-words{
  min-height:42px!important;
  border-inline-start:1px solid rgba(244,241,232,.16)!important;
  padding-inline-start:15px!important;
}

.ag-xp364__years-words span{
  inset-inline-start:15px!important;
  width:calc(100% - 15px)!important;
  color:#F4F1E8!important;
  font-size:clamp(.91rem,1.05vw,1.06rem)!important;
  line-height:1.4!important;
}

.ag-xp364 .ag-xp36__cta,
.ag-xp364__cta{
  flex:0 0 auto;
  min-width:150px!important;
  min-height:94px!important;
  margin:0!important;
  padding:12px 18px!important;
  border:1px solid #F3C600!important;
  border-radius:15px!important;
  background:#F3C600!important;
  color:#0D0F10!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}

.ag-xp364 .ag-xp36__cta b{color:#0D0F10!important}
.ag-xp364 .ag-xp36__cta:hover{
  background:#F4F1E8!important;
  border-color:#F4F1E8!important;
  color:#0D0F10!important;
  transform:translateY(-2px);
}

/* Cleaner staged reveal with a small editorial slide. */
html.has-ag-v364-motion .ag-xp364 [data-ag-v36-line],
html.has-ag-v364-motion .ag-xp364 [data-ag-v36-reveal="text"]{
  opacity:0;
  transform:translate3d(0,22px,0);
  clip-path:inset(0 0 100% 0);
}

html.has-ag-v364-motion .ag-xp364.is-v364-visible [data-ag-v36-line],
html.has-ag-v364-motion .ag-xp364.is-v364-visible [data-ag-v36-reveal="text"]{
  opacity:1;
  transform:none;
  clip-path:inset(0);
  transition:
    opacity .48s ease var(--ag-v36-delay,0ms),
    transform .78s cubic-bezier(.16,.82,.2,1) var(--ag-v36-delay,0ms),
    clip-path .78s cubic-bezier(.16,.82,.2,1) var(--ag-v36-delay,0ms);
}

html.has-ag-v364-motion .ag-xp364 .ag-xp36__visual{
  opacity:0;
  transform:translate3d(-42px,18px,0) scale(.965);
}

html.has-ag-v364-motion .ag-xp364.is-v364-visible .ag-xp36__visual{
  opacity:1;
  transform:none;
  transition:opacity .7s ease,transform 1s cubic-bezier(.16,.82,.2,1);
}

html.has-ag-v364-motion .ag-xp364.is-v364-visible .ag-xp36__image-stage img{
  animation:agV364ExplorerFloat 6.8s ease-in-out 1.1s infinite alternate;
}

@keyframes agV364ExplorerFloat{
  from{transform:translate3d(0,0,0) rotate(-.08deg)}
  to{transform:translate3d(0,-6px,0) rotate(.07deg)}
}

/* ---------------------------------------------------------
   WORKFLOW — SHORTER BLOCK, BIGGER CHARACTER
   Character remains RIGHT / orbit remains LEFT.
   --------------------------------------------------------- */
.ag-workflow-v24.ag-workflow-v36.ag-workflow-v364{
  overflow:visible!important;
}

.ag-workflow-v364 .ag-workflow-v36__inner{
  padding-top:clamp(18px,2.4vw,30px)!important;
  padding-bottom:clamp(18px,2.2vw,28px)!important;
}

.ag-workflow-v364 .ag-workflow-v36__intro{
  max-width:650px!important;
}

.ag-workflow-v364 .ag-workflow-v36__intro>span{
  margin-bottom:4px!important;
}

.ag-workflow-v364 .ag-workflow-v36__intro h2{
  font-size:clamp(1.75rem,2.55vw,2.7rem)!important;
  line-height:1.2!important;
}

.ag-workflow-v364 .ag-workflow-v36__intro p{
  max-width:590px!important;
  margin-top:5px!important;
  font-size:.82rem!important;
  line-height:1.62!important;
}

.ag-workflow-v364 .ag-workflow-v36__stage{
  margin-top:5px!important;
  min-height:352px!important;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr)!important;
  grid-template-areas:"orbit visual"!important;
  gap:clamp(6px,1.2vw,18px)!important;
  align-items:center!important;
}

.ag-workflow-v364 .ag-workflow-v36__orbit{
  width:min(100%,620px)!important;
  min-height:340px!important;
  aspect-ratio:1.65 / 1!important;
}

.ag-workflow-v364 .ag-workflow-v36__orbit-line{
  inset:15% 18%!important;
}

.ag-workflow-v364 .ag-workflow-v36__center{
  width:122px!important;
  height:122px!important;
  box-shadow:0 10px 25px rgba(13,15,16,.11),0 0 0 6px rgba(13,15,16,.055)!important;
}

.ag-workflow-v364 .ag-workflow-v36__center small,
.ag-workflow-v364 .ag-workflow-v36__center strong{font-size:.66rem!important}
.ag-workflow-v364 .ag-workflow-v36__center b{font-size:1.05rem!important}

.ag-workflow-v364 .ag-workflow-v36-step,
.ag-workflow-v364 .ag-workflow-v36-step:hover{
  width:132px!important;
  height:126px!important;
  padding:4px 6px!important;
}

.ag-workflow-v364 .ag-workflow-v36-step__number{
  font-size:.56rem!important;
}

.ag-workflow-v364 .ag-workflow-v36-step__number::after{width:17px!important}

.ag-workflow-v364 .ag-workflow-v36-step__icon,
.ag-workflow-v364 .ag-workflow-v36-step__icon svg{
  width:58px!important;
  height:58px!important;
}

.ag-workflow-v364 .ag-workflow-v36-step h3{
  max-width:128px!important;
  font-size:.73rem!important;
  line-height:1.3!important;
}

.ag-workflow-v364 .ag-workflow-v36-step p{
  max-width:128px!important;
  margin-top:2px!important;
  font-size:.49rem!important;
  line-height:1.34!important;
}

.ag-workflow-v364 .ag-workflow-v36__visual{
  min-height:352px!important;
  align-items:flex-end!important;
  overflow:visible!important;
  z-index:5!important;
}

.ag-workflow-v364 .ag-workflow-v36__visual .ag-workflow-v24__character{
  width:min(118%,485px)!important;
  max-width:none!important;
  margin:-40px -8px -24px auto!important;
  filter:drop-shadow(0 24px 25px rgba(13,15,16,.15))!important;
}

.ag-workflow-v364 .ag-workflow-v24__cta.ag-workflow-v36__cta{
  width:min(860px,78%)!important;
  min-height:66px!important;
  margin:2px auto 0!important;
  padding:11px 16px!important;
  border-radius:15px!important;
}

.ag-workflow-v364 .ag-workflow-v36__cta h3{font-size:clamp(.95rem,1.3vw,1.16rem)!important}
.ag-workflow-v364 .ag-workflow-v36__cta p{font-size:.66rem!important;line-height:1.45!important}
.ag-workflow-v364 .ag-workflow-v36__cta a{min-height:39px!important;padding:8px 14px!important;font-size:.7rem!important}

/* ---------------------------------------------------------
   Responsive V3.6.4
   --------------------------------------------------------- */
@media(max-width:1050px){
  .ag-xp364 .ag-xp36__grid{
    grid-template-columns:minmax(370px,.88fr) minmax(0,1.12fr)!important;
  }
  .ag-xp364 .ag-xp36__image-stage img{height:min(700px,67vw)!important}

  .ag-workflow-v364 .ag-workflow-v36__stage{
    grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)!important;
  }
  .ag-workflow-v364 .ag-workflow-v36__visual .ag-workflow-v24__character{
    width:min(122%,445px)!important;
  }
}

@media(max-width:900px){
  .ag-xp364 .ag-xp36__grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
    gap:0!important;
    padding-top:34px!important;
    padding-bottom:0!important;
  }
  .ag-xp364 .ag-xp36__copy{padding:18px 0 2px!important}
  .ag-xp364 .ag-xp36__visual{
    min-height:520px!important;
    margin:-10px 0 -64px!important;
  }
  .ag-xp364 .ag-xp36__image-stage{height:560px!important}
  .ag-xp364 .ag-xp36__image-stage img{height:min(650px,94vw)!important}

  .ag-workflow-v364 .ag-workflow-v36__stage{
    grid-template-columns:1fr!important;
    grid-template-areas:"visual" "orbit"!important;
    min-height:0!important;
    gap:0!important;
  }
  .ag-workflow-v364 .ag-workflow-v36__visual{min-height:410px!important}
  .ag-workflow-v364 .ag-workflow-v36__visual .ag-workflow-v24__character{
    width:min(84vw,470px)!important;
    margin:-32px auto -46px!important;
  }
  .ag-workflow-v364 .ag-workflow-v36__orbit{min-height:350px!important}
}

@media(max-width:680px){
  .ag-xp364 h2{font-size:clamp(1.9rem,9.5vw,2.8rem)!important}
  .ag-xp364__peak{font-size:1.05rem!important}
  .ag-xp364__lead{font-size:.91rem!important;line-height:1.82!important}
  .ag-xp364__actions{
    width:100%;
    align-items:stretch;
    gap:8px;
  }
  .ag-xp364__years{
    min-height:82px!important;
    padding:10px 11px!important;
    grid-template-columns:103px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .ag-xp364__years-count{min-width:96px!important}
  .ag-xp364__years-count strong{font-size:3rem!important}
  .ag-xp364__years-count span{font-size:.78rem!important}
  .ag-xp364__years-words{padding-inline-start:9px!important}
  .ag-xp364__years-words span{
    inset-inline-start:9px!important;
    width:calc(100% - 9px)!important;
    font-size:.76rem!important;
  }
  .ag-xp364__cta{
    min-width:105px!important;
    min-height:82px!important;
    padding:9px 10px!important;
    font-size:.69rem!important;
  }
  .ag-xp364 .ag-xp36__visual{min-height:430px!important;margin-bottom:-50px!important}
  .ag-xp364 .ag-xp36__image-stage{height:455px!important}
  .ag-xp364 .ag-xp36__image-stage img{height:min(535px,116vw)!important}

  .ag-workflow-v364 .ag-workflow-v36__inner{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  .ag-workflow-v364 .ag-workflow-v36__visual{min-height:350px!important}
  .ag-workflow-v364 .ag-workflow-v36__visual .ag-workflow-v24__character{
    width:min(94vw,440px)!important;
    margin:-28px auto -42px!important;
  }
  .ag-workflow-v364 .ag-workflow-v36__orbit{
    min-height:410px!important;
  }
  .ag-workflow-v364 .ag-workflow-v36-step,
  .ag-workflow-v364 .ag-workflow-v36-step:hover{
    width:122px!important;
    height:120px!important;
  }
  .ag-workflow-v364 .ag-workflow-v36-step__icon,
  .ag-workflow-v364 .ag-workflow-v36-step__icon svg{
    width:52px!important;
    height:52px!important;
  }
  .ag-workflow-v364 .ag-workflow-v24__cta.ag-workflow-v36__cta{
    width:100%!important;
    min-height:62px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ag-xp364.is-v364-visible .ag-xp36__image-stage img{
    animation:none!important;
  }
}

/* =========================================================
   ARABIA GROUP — HOME V3.7.6 / VISUAL INTEGRITY
   Fixes: true full-bleed black experience, clean full character,
   refined looping counter, clearer workflow, maintenance V2.
   ========================================================= */

/* ---------- Experience: remove inherited transition clipping entirely ---------- */
.ag-xp36.ag-xp362.ag-xp363.ag-xp364.ag-xp365{
  position:relative!important;
  z-index:32!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
  isolation:visible!important;
  background:#0D0F10!important;
  color:#F4F1E8!important;
  border:0!important;
  box-shadow:none!important;
  clip-path:none!important;
}
.ag-xp365::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  width:100vw!important;
  transform:translateX(-50%)!important;
  background:#0D0F10!important;
  opacity:1!important;
  pointer-events:none!important;
}
.ag-xp365::after{display:none!important;content:none!important}

.ag-xp365__grid{
  position:relative;
  z-index:2;
  min-height:590px;
  display:grid;
  grid-template-columns:minmax(430px,.92fr) minmax(0,1.08fr);
  grid-template-areas:"visual copy";
  align-items:center;
  gap:clamp(28px,4vw,64px);
  direction:ltr;
  padding-top:32px;
  padding-bottom:32px;
  overflow:visible!important;
}
.ag-xp365__visual{
  grid-area:visual;
  position:relative;
  z-index:8;
  min-height:590px;
  margin:0;
  overflow:visible!important;
  align-self:stretch;
}
.ag-xp365__image-stage{
  position:relative;
  width:100%;
  height:590px;
  overflow:visible!important;
}
.ag-xp365__image-stage::before,
.ag-xp365__image-stage::after{display:none!important;content:none!important}
.ag-xp365__image-stage img{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  bottom:-92px!important;
  width:min(39vw,550px)!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateX(-50%)!important;
  filter:none!important;
  box-shadow:none!important;
  opacity:1!important;
}
.ag-xp365__copy{
  grid-area:copy;
  position:relative;
  z-index:7;
  width:min(100%,760px);
  justify-self:end;
  direction:rtl;
  text-align:right;
  color:#F4F1E8;
  padding:20px 0 24px;
}
html[dir="ltr"] .ag-xp365__copy{direction:ltr;text-align:left}

.ag-xp365__headline{display:grid;gap:2px}
.ag-xp365__headline h2{
  margin:0!important;
  max-width:720px!important;
  color:#F4F1E8!important;
  font-size:clamp(2.15rem,3.15vw,3.55rem)!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:0!important;
}
.ag-xp365__peak{
  width:max-content;
  max-width:100%;
  margin:2px 0 0!important;
  color:#F3C600!important;
  font-size:clamp(1.16rem,1.65vw,1.62rem)!important;
  line-height:1.45!important;
  font-weight:900!important;
}
.ag-xp365__story{
  width:min(100%,700px);
  margin-top:19px;
  display:grid;
  gap:7px;
}
.ag-xp365__story p{
  margin:0!important;
  color:rgba(244,241,232,.84)!important;
  font-size:clamp(.98rem,1.08vw,1.12rem)!important;
  line-height:1.9!important;
  font-weight:680!important;
}
.ag-xp365__story .ag-xp365__promise{
  color:#F4F1E8!important;
  font-weight:800!important;
}

/* Counter is intentionally NOT a boxed card. It reads as editorial typography. */
.ag-xp365__actions{
  width:min(100%,720px);
  margin-top:24px;
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:12px;
  direction:rtl;
}
html[dir="ltr"] .ag-xp365__actions{direction:ltr}
.ag-xp365__counter{
  position:relative;
  flex:1 1 470px;
  min-width:0;
  min-height:92px;
  display:grid;
  grid-template-columns:auto minmax(150px,1fr);
  align-items:center;
  gap:18px;
  padding:8px 0;
  color:#F4F1E8;
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(244,241,232,.18)!important;
  border-bottom:1px solid rgba(244,241,232,.18)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ag-xp365__counter-number{
  min-width:138px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  line-height:1;
}
.ag-xp365__counter-number strong{
  display:block;
  min-width:72px;
  color:#F3C600;
  font-size:clamp(3.7rem,5.1vw,5.3rem);
  line-height:.82;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  transform-origin:50% 75%;
}
.ag-xp365__counter-number strong.is-ticking{animation:agV365Digit .42s cubic-bezier(.16,.82,.2,1)}
.ag-xp365__counter-number>span{
  padding-bottom:5px;
  color:rgba(244,241,232,.82);
  font-size:.86rem;
  font-weight:900;
}
.ag-xp365__counter-copy{
  min-width:0;
  min-height:56px;
  padding-inline-start:18px;
  border-inline-start:1px solid rgba(243,198,0,.5);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
}
.ag-xp365__counter-copy small{
  color:rgba(244,241,232,.48);
  font-size:.65rem;
  font-weight:800;
}
.ag-xp365__year-words{
  position:relative;
  min-height:30px;
  overflow:hidden;
}
.ag-xp365__year-words span{
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  opacity:0;
  transform:translate3d(0,14px,0);
  color:#F4F1E8;
  font-size:clamp(.98rem,1.2vw,1.18rem);
  line-height:1.45;
  font-weight:950;
  transition:opacity .28s ease,transform .46s cubic-bezier(.16,.82,.2,1);
}
html[dir="rtl"] .ag-xp365__year-words span{right:0;left:auto}
.ag-xp365__year-words span.is-active{opacity:1;transform:none}

.ag-xp365__cta{
  flex:0 0 auto;
  min-width:178px;
  min-height:92px;
  padding:12px 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  border:1px solid rgba(244,241,232,.72);
  border-radius:999px;
  background:#F4F1E8;
  color:#0D0F10;
  text-decoration:none;
  font-size:.82rem;
  font-weight:950;
  box-shadow:none!important;
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}
.ag-xp365__cta i{
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:#0D0F10;color:#F3C600;
  overflow:hidden;
}
.ag-xp365__cta svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ag-xp365__cta:hover{transform:translateY(-3px);background:#F3C600;border-color:#F3C600}
.ag-xp365__cta:hover i svg{animation:agV365ArrowDown .72s ease-in-out infinite}

/* Independent reveal: avoids V7 section transform/clipping interactions. */
html.has-ag-v365-motion .ag-xp365 [data-ag-v365-line],
html.has-ag-v365-motion .ag-xp365 [data-ag-v365-reveal]{
  opacity:0;
  transform:translate3d(0,22px,0);
}
html.has-ag-v365-motion .ag-xp365 [data-ag-v365-line]{
  clip-path:inset(0 0 100% 0);
}
html.has-ag-v365-motion .ag-xp365.is-v365-visible [data-ag-v365-line],
html.has-ag-v365-motion .ag-xp365.is-v365-visible [data-ag-v365-reveal]{
  opacity:1;
  transform:none;
  transition:opacity .46s ease var(--ag-v365-delay,0ms),transform .78s cubic-bezier(.16,.82,.2,1) var(--ag-v365-delay,0ms),clip-path .78s cubic-bezier(.16,.82,.2,1) var(--ag-v365-delay,0ms);
}
html.has-ag-v365-motion .ag-xp365.is-v365-visible [data-ag-v365-line]{clip-path:inset(0)}
html.has-ag-v365-motion .ag-xp365 [data-ag-v365-reveal="visual"]{
  transform:translate3d(-34px,8px,0) scale(.985);
}
html.has-ag-v365-motion .ag-xp365.is-v365-visible [data-ag-v365-reveal="visual"]{
  transform:none;
  transition:opacity .62s ease,transform .9s cubic-bezier(.16,.82,.2,1);
}
html.has-ag-v365-motion .ag-xp365.is-v365-visible .ag-xp365__image-stage img{
  animation:agV365ExplorerFloat 7.5s ease-in-out 1.1s infinite alternate;
}

@keyframes agV365Digit{0%{opacity:.15;transform:translateY(12px) scale(.92)}100%{opacity:1;transform:none}}
@keyframes agV365ArrowDown{0%,100%{transform:translateY(-1px)}50%{transform:translateY(4px)}}
@keyframes agV365ExplorerFloat{from{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-5px)}}

/* ---------- About stays Solar Gold, but prevent accidental side seams ---------- */
.ag-who.ag-who--v36{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  background:#F3C600!important;
}

/* ---------- Workflow: compact block, larger readable orbit, larger character ---------- */
.ag-workflow-v24.ag-workflow-v36.ag-workflow-v362.ag-workflow-v363.ag-workflow-v364.ag-workflow-v365{
  position:relative!important;
  overflow:visible!important;
  background:#F3C600!important;
  border:0!important;
}
.ag-workflow-v365 .ag-workflow-v36__inner{
  padding-top:clamp(24px,3vw,38px)!important;
  padding-bottom:clamp(26px,3.2vw,42px)!important;
}
.ag-workflow-v365 .ag-workflow-v36__intro{
  width:min(100%,740px)!important;
  max-width:740px!important;
  margin-right:0!important;
  margin-left:auto!important;
}
.ag-workflow-v365 .ag-workflow-v36__intro>span{margin-bottom:5px!important;font-size:.76rem!important}
.ag-workflow-v365 .ag-workflow-v36__intro h2{
  margin:0!important;
  font-size:clamp(1.9rem,2.75vw,2.95rem)!important;
  line-height:1.2!important;
}
.ag-workflow-v365 .ag-workflow-v36__intro p{display:none!important}
.ag-workflow-v365 .ag-workflow-v36__stage{
  margin-top:4px!important;
  min-height:420px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.72fr)!important;
  grid-template-areas:"orbit visual"!important;
  gap:clamp(12px,2vw,30px)!important;
  align-items:center!important;
  overflow:visible!important;
}
.ag-workflow-v365 .ag-workflow-v36__orbit-wrap{grid-area:orbit!important;overflow:visible!important}
.ag-workflow-v365 .ag-workflow-v36__orbit{
  width:min(100%,730px)!important;
  min-height:405px!important;
  aspect-ratio:1.62/1!important;
  margin-inline:auto!important;
  overflow:visible!important;
}
.ag-workflow-v365 .ag-workflow-v36__orbit-line{
  inset:12% 14%!important;
  border-width:1px!important;
  opacity:.52!important;
}
.ag-workflow-v365 .ag-workflow-v36__center{
  width:136px!important;height:136px!important;
  background:#0D0F10!important;color:#F4F1E8!important;
  box-shadow:none!important;
}
.ag-workflow-v365 .ag-workflow-v36__center small,
.ag-workflow-v365 .ag-workflow-v36__center strong{font-size:.72rem!important}
.ag-workflow-v365 .ag-workflow-v36__center b{font-size:1.2rem!important;color:#F3C600!important}

.ag-workflow-v365 .ag-workflow-v36-step,
.ag-workflow-v365 .ag-workflow-v36-step:hover{
  width:162px!important;
  height:154px!important;
  padding:5px 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ag-workflow-v365 .ag-workflow-v36-step__number{
  width:28px!important;height:28px!important;
  margin:0 auto 1px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(13,15,16,.38)!important;
  border-radius:50%!important;
  color:#0D0F10!important;
  font-size:.65rem!important;
  line-height:1!important;
  font-weight:950!important;
}
.ag-workflow-v365 .ag-workflow-v36-step__number::after{display:none!important;content:none!important}
.ag-workflow-v365 .ag-workflow-v36-step__icon{
  width:72px!important;height:72px!important;
  margin:1px auto 1px!important;
  display:grid!important;place-items:center!important;
  background:transparent!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;
  color:#0D0F10!important;
}
.ag-workflow-v365 .ag-workflow-v36-step__icon svg{
  width:72px!important;height:72px!important;
  stroke:#0D0F10!important;stroke-width:3!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  fill:none!important;
}
.ag-workflow-v365 .ag-workflow-v36-step h3{
  max-width:155px!important;
  margin:0 auto!important;
  color:#0D0F10!important;
  font-size:.84rem!important;
  line-height:1.32!important;
  font-weight:950!important;
}
.ag-workflow-v365 .ag-workflow-v36-step p{
  max-width:155px!important;
  margin:3px auto 0!important;
  color:rgba(13,15,16,.65)!important;
  font-size:.57rem!important;
  line-height:1.42!important;
  font-weight:700!important;
}
.ag-workflow-v365 .ag-workflow-v36__visual{
  grid-area:visual!important;
  position:relative!important;
  z-index:5!important;
  min-height:420px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.ag-workflow-v365 .ag-workflow-v36__visual .ag-workflow-v24__character{
  width:min(132%,535px)!important;
  max-width:none!important;
  margin:-48px -20px -32px auto!important;
  filter:none!important;
  overflow:visible!important;
}
.ag-workflow-v365 .ag-workflow-v36__visual-note{display:none!important}

.ag-workflow-v365 .ag-workflow-v24__cta.ag-workflow-v36__cta{
  width:min(980px,88%)!important;
  min-height:82px!important;
  margin:8px auto 0!important;
  padding:15px 20px!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
.ag-workflow-v365 .ag-workflow-v36__cta h3{font-size:clamp(1rem,1.35vw,1.22rem)!important}
.ag-workflow-v365 .ag-workflow-v36__cta p{font-size:.74rem!important;line-height:1.55!important}
.ag-workflow-v365 .ag-workflow-v36__cta a{min-height:44px!important;padding:9px 18px!important;font-size:.76rem!important;border-radius:999px!important}

html.has-ag-v365-motion .ag-workflow-v365 .ag-workflow-v36-step{
  opacity:0!important;
  transform:translate3d(0,16px,0) scale(.96)!important;
  transition:opacity .46s ease,transform .72s cubic-bezier(.16,.82,.2,1)!important;
}
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step{
  opacity:1!important;
  transform:none!important;
}
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step--1{transition-delay:70ms!important}
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step--2{transition-delay:140ms!important}
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step--3{transition-delay:210ms!important}
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step--4{transition-delay:280ms!important}
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step__icon svg{
  animation:agV365WorkflowIcon 4.8s ease-in-out infinite alternate;
}
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step:nth-of-type(even) .ag-workflow-v36-step__icon svg{animation-delay:-2.1s}
@keyframes agV365WorkflowIcon{from{transform:translateY(1px) rotate(-1.2deg)}to{transform:translateY(-4px) rotate(1.4deg)}}

/* ---------- Responsive ---------- */
@media(max-width:1120px){
  .ag-xp365__grid{grid-template-columns:minmax(380px,.86fr) minmax(0,1.14fr)}
  .ag-xp365__image-stage img{width:min(43vw,520px)!important;bottom:-78px!important}
  .ag-workflow-v365 .ag-workflow-v36__stage{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr)!important}
  .ag-workflow-v365 .ag-workflow-v36__visual .ag-workflow-v24__character{width:min(128%,500px)!important}
}
@media(max-width:900px){
  .ag-xp365__grid{
    min-height:auto;
    grid-template-columns:1fr;
    grid-template-areas:"copy" "visual";
    gap:0;
    padding-top:42px;
    padding-bottom:0;
  }
  .ag-xp365__copy{width:100%;padding:0 0 8px}
  .ag-xp365__visual{min-height:560px;margin:0}
  .ag-xp365__image-stage{height:560px}
  .ag-xp365__image-stage img{width:min(72vw,470px)!important;bottom:-66px!important}
  .ag-workflow-v365 .ag-workflow-v36__stage{
    grid-template-columns:1fr!important;
    grid-template-areas:"visual" "orbit"!important;
    min-height:0!important;
    gap:0!important;
  }
  .ag-workflow-v365 .ag-workflow-v36__visual{min-height:430px!important}
  .ag-workflow-v365 .ag-workflow-v36__visual .ag-workflow-v24__character{width:min(82vw,500px)!important;margin:-30px auto -42px!important}
  .ag-workflow-v365 .ag-workflow-v36__orbit{min-height:430px!important}
}
@media(max-width:680px){
  .ag-xp365__headline h2{font-size:clamp(1.95rem,9.6vw,2.75rem)!important}
  .ag-xp365__peak{font-size:1.08rem!important}
  .ag-xp365__story p{font-size:.92rem!important;line-height:1.78!important}
  .ag-xp365__actions{gap:8px;align-items:stretch}
  .ag-xp365__counter{min-height:82px;grid-template-columns:104px minmax(0,1fr);gap:10px}
  .ag-xp365__counter-number{min-width:0;gap:5px}
  .ag-xp365__counter-number strong{font-size:3.3rem;min-width:55px}
  .ag-xp365__counter-number>span{font-size:.72rem}
  .ag-xp365__counter-copy{padding-inline-start:10px}
  .ag-xp365__counter-copy small{font-size:.57rem}
  .ag-xp365__year-words span{font-size:.82rem}
  .ag-xp365__cta{min-width:118px;min-height:82px;padding:9px 10px;font-size:.7rem;gap:7px}
  .ag-xp365__cta i{width:29px;height:29px}
  .ag-xp365__visual{min-height:500px}
  .ag-xp365__image-stage{height:500px}
  .ag-xp365__image-stage img{width:min(88vw,440px)!important;bottom:-58px!important}

  .ag-workflow-v365 .ag-workflow-v36__inner{padding-top:22px!important;padding-bottom:26px!important}
  .ag-workflow-v365 .ag-workflow-v36__visual{min-height:360px!important}
  .ag-workflow-v365 .ag-workflow-v36__visual .ag-workflow-v24__character{width:min(92vw,455px)!important;margin:-24px auto -38px!important}
  .ag-workflow-v365 .ag-workflow-v36__orbit{min-height:430px!important}
  .ag-workflow-v365 .ag-workflow-v36-step,
  .ag-workflow-v365 .ag-workflow-v36-step:hover{width:142px!important;height:142px!important}
  .ag-workflow-v365 .ag-workflow-v36-step__icon,
  .ag-workflow-v365 .ag-workflow-v36-step__icon svg{width:64px!important;height:64px!important}
  .ag-workflow-v365 .ag-workflow-v36-step h3{font-size:.78rem!important}
  .ag-workflow-v365 .ag-workflow-v36-step p{font-size:.53rem!important}
  .ag-workflow-v365 .ag-workflow-v24__cta.ag-workflow-v36__cta{width:100%!important;min-height:78px!important}
}
@media(max-width:470px){
  .ag-xp365__actions{display:grid;grid-template-columns:minmax(0,1fr) 112px}
  .ag-xp365__cta{min-width:0}
  .ag-xp365__visual{min-height:455px}
  .ag-xp365__image-stage{height:455px}
  .ag-xp365__image-stage img{width:min(94vw,405px)!important;bottom:-48px!important}
}
@media(prefers-reduced-motion:reduce){
  .ag-xp365__image-stage img,
  .ag-workflow-v365 .ag-workflow-v36-step__icon svg{animation:none!important}
  html.has-ag-v365-motion .ag-xp365 [data-ag-v365-line],
  html.has-ag-v365-motion .ag-xp365 [data-ag-v365-reveal],
  html.has-ag-v365-motion .ag-workflow-v365 .ag-workflow-v36-step{
    opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;
  }
}

/* V3.6.6 final transform/edge guardrails */
.ag-xp36.ag-xp362.ag-xp363.ag-xp364.ag-xp365{isolation:auto!important}
.ag-xp365__image-stage img{left:52%!important}
.ag-workflow-v365 .ag-workflow-v36-step__icon{animation:none!important}
.ag-workflow-v365 .ag-workflow-v36-step--1,
.ag-workflow-v365 .ag-workflow-v36-step--1:hover{right:-1%!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
.ag-workflow-v365 .ag-workflow-v36-step--2,
.ag-workflow-v365 .ag-workflow-v36-step--2:hover{left:50%!important;right:auto!important;bottom:-2%!important;top:auto!important;transform:translateX(-50%)!important}
.ag-workflow-v365 .ag-workflow-v36-step--3,
.ag-workflow-v365 .ag-workflow-v36-step--3:hover{left:-1%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
.ag-workflow-v365 .ag-workflow-v36-step--4,
.ag-workflow-v365 .ag-workflow-v36-step--4:hover{left:50%!important;right:auto!important;top:-2%!important;bottom:auto!important;transform:translateX(-50%)!important}
html.has-ag-v365-motion .ag-workflow-v365 .ag-workflow-v36-step{
  opacity:0!important;
  transition:opacity .55s ease!important;
}
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step{opacity:1!important}
@media(max-width:900px){.ag-xp365__image-stage img{left:50%!important}}

/* Preserve absolute orbit placement while reveal classes are active. */
html.has-ag-v365-motion .ag-workflow-v365 .ag-workflow-v36-step--1,
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step--1{transform:translateY(-50%)!important}
html.has-ag-v365-motion .ag-workflow-v365 .ag-workflow-v36-step--2,
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step--2{transform:translateX(-50%)!important}
html.has-ag-v365-motion .ag-workflow-v365 .ag-workflow-v36-step--3,
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step--3{transform:translateY(-50%)!important}
html.has-ag-v365-motion .ag-workflow-v365 .ag-workflow-v36-step--4,
html.has-ag-v365-motion .ag-workflow-v365.is-v365-visible .ag-workflow-v36-step--4{transform:translateX(-50%)!important}


/* =========================================================
   ARABIA GROUP — HOME V3.7.6 / POLISH PLUS
   Final visual correction layer requested by client.
   ========================================================= */

.ag-xp36.ag-xp362.ag-xp363.ag-xp364.ag-xp365.ag-xp366{
  position:relative!important;
  z-index:8!important;
  overflow:visible!important;
  background:#0D0F10!important;
  color:#F4F1E8!important;
  border:0!important;
}
.ag-xp36.ag-xp362.ag-xp363.ag-xp364.ag-xp365.ag-xp366::before,
.ag-xp36.ag-xp362.ag-xp363.ag-xp364.ag-xp365.ag-xp366::after{display:none!important}
.ag-xp366 .ag-xp365__grid{
  min-height:785px!important;
  display:grid!important;
  grid-template-columns:minmax(430px,.95fr) minmax(0,1.05fr)!important;
  grid-template-areas:"visual copy"!important;
  align-items:center!important;
  gap:clamp(18px,4vw,70px)!important;
  direction:ltr!important;
  padding-top:96px!important;
  padding-bottom:82px!important;
}
.ag-xp366 .ag-xp365__visual{
  position:relative!important;
  margin:0!important;
  min-height:780px!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.ag-xp366 .ag-xp365__image-stage{
  position:relative!important;
  width:min(100%,680px)!important;
  height:780px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.ag-xp366 .ag-xp365__image-stage::after{display:none!important}
.ag-xp366 .ag-xp365__image-stage img{
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  bottom:-70px!important;
  transform:translateX(-50%)!important;
  display:block!important;
  width:auto!important;
  height:min(920px,72vw)!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.ag-xp366__star{
  position:absolute;
  z-index:1;
  color:rgba(243,198,0,.92);
  text-shadow:0 0 18px rgba(243,198,0,.12);
  line-height:1;
  user-select:none;
  animation:agV366StarFloat 4.6s ease-in-out infinite;
}
.ag-xp366__star--1{top:9%;left:11%;font-size:1.1rem}
.ag-xp366__star--2{top:4%;left:18%;font-size:1.7rem;animation-delay:.7s}
.ag-xp366__star--3{top:13%;left:30%;font-size:.9rem;animation-delay:1.2s}
.ag-xp366__star--4{top:7%;right:18%;font-size:1.2rem;animation-delay:1.6s}
.ag-xp366__star--5{top:18%;right:9%;font-size:.88rem;animation-delay:2s}
.ag-xp366 .ag-xp365__copy{
  direction:rtl!important;
  text-align:right!important;
  max-width:760px!important;
  justify-self:end!important;
  position:relative!important;
  z-index:5!important;
}
html[dir="ltr"] .ag-xp366 .ag-xp365__copy{direction:ltr!important;text-align:left!important}
.ag-xp366 .ag-xp365__headline h2{
  margin:0!important;
  font-size:clamp(2.75rem,4.85vw,5.4rem)!important;
  line-height:1.02!important;
  font-weight:950!important;
  color:#F4F1E8!important;
}
.ag-xp366 .ag-xp365__peak{
  margin:16px 0 0!important;
  color:#F3C600!important;
  font-size:clamp(1.14rem,1.65vw,1.6rem)!important;
  font-weight:900!important;
}
.ag-xp366 .ag-xp365__story{
  margin-top:24px!important;
  max-width:690px!important;
}
.ag-xp366 .ag-xp365__story p{
  margin:0!important;
  color:rgba(244,241,232,.88)!important;
  font-size:clamp(1rem,1.18vw,1.18rem)!important;
  line-height:2!important;
  font-weight:700!important;
}
.ag-xp366 .ag-xp365__promise{
  margin-top:16px!important;
  padding-inline-start:18px!important;
  border-inline-start:3px solid rgba(243,198,0,.95)!important;
  color:rgba(244,241,232,.76)!important;
}
.ag-xp366 .ag-xp365__actions{
  margin-top:30px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:18px!important;
  flex-wrap:wrap!important;
}
.ag-xp366 .ag-xp365__counter{
  min-width:min(100%,390px)!important;
  padding:16px 18px 15px!important;
  border-top:1px solid rgba(244,241,232,.18)!important;
  border-bottom:1px solid rgba(244,241,232,.12)!important;
  background:linear-gradient(180deg,rgba(244,241,232,.05),rgba(244,241,232,.02))!important;
  backdrop-filter:blur(4px);
}
.ag-xp366 .ag-xp365__counter-number{
  display:flex!important;
  align-items:flex-end!important;
  gap:6px!important;
  color:#F4F1E8!important;
}
.ag-xp366 .ag-xp365__counter-number strong{
  font-size:clamp(3.15rem,5.1vw,5rem)!important;
  line-height:.9!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  color:#F3C600!important;
}
.ag-xp366 .ag-xp365__counter-number strong.is-ticking{animation:agV366CounterTick .36s cubic-bezier(.16,.84,.22,1)}
.ag-xp366__plus{
  display:inline-flex;
  align-items:flex-end;
  font-style:normal;
  font-weight:950;
  font-size:clamp(1.8rem,3.2vw,2.8rem);
  line-height:1;
  color:#F3C600;
  margin-inline-start:-2px;
  opacity:0;
  transform:translateY(8px) scale(.72);
  transition:opacity .26s ease,transform .26s ease;
}
.ag-xp366.is-v366-complete .ag-xp366__plus{opacity:1;transform:none;animation:agV366PlusPulse 1.9s ease-in-out infinite}
.ag-xp366 .ag-xp365__counter-number span{
  margin-inline-start:4px!important;
  padding-bottom:8px!important;
  font-size:1rem!important;
  font-weight:900!important;
  color:rgba(244,241,232,.88)!important;
}
.ag-xp366 .ag-xp365__counter-copy{
  display:grid!important;
  gap:10px!important;
  margin-top:8px!important;
}
.ag-xp366 .ag-xp365__counter-copy small{
  color:rgba(244,241,232,.62)!important;
  font-size:.78rem!important;
  font-weight:800!important;
}
.ag-xp366 .ag-xp365__year-words{
  position:relative!important;
  min-height:28px!important;
}
.ag-xp366 .ag-xp365__year-words span{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  color:#F4F1E8!important;
  font-size:1.02rem!important;
  font-weight:900!important;
  opacity:0!important;
  transform:translateY(10px)!important;
  transition:opacity .28s ease,transform .28s ease!important;
}
.ag-xp366 .ag-xp365__year-words span.is-active{opacity:1!important;transform:none!important}
.ag-xp366 .ag-xp365__cta{
  min-height:58px!important;
  padding:12px 18px 12px 22px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  border:0!important;
  border-radius:999px!important;
  background:#F3C600!important;
  color:#0D0F10!important;
  text-decoration:none!important;
  font-size:.92rem!important;
  font-weight:950!important;
  box-shadow:0 16px 28px rgba(0,0,0,.22)!important;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease!important;
}
.ag-xp366 .ag-xp365__cta i{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:rgba(13,15,16,.08);
}
.ag-xp366 .ag-xp365__cta svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:agV365ArrowDown 1.9s ease-in-out infinite}
.ag-xp366 .ag-xp365__cta:hover{transform:translateY(-3px)!important;box-shadow:0 22px 32px rgba(0,0,0,.28)!important;background:#ffd42a!important}
html.has-ag-v365-motion .ag-xp366 [data-ag-v365-line],
html.has-ag-v365-motion .ag-xp366 [data-ag-v365-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--ag-v365-delay,0ms)}
html.has-ag-v365-motion .ag-xp366.is-v365-visible [data-ag-v365-line],
html.has-ag-v365-motion .ag-xp366.is-v365-visible [data-ag-v365-reveal]{opacity:1;transform:none}

.ag-workflow-v24.ag-workflow-v36.ag-workflow-v362.ag-workflow-v363.ag-workflow-v364.ag-workflow-v365.ag-workflow-v366{
  padding:64px 0 42px!important;
  background:#F3C600!important;
  overflow:hidden!important;
}
.ag-workflow-v366 .ag-workflow-v36__inner{position:relative!important;z-index:2!important;gap:0!important}
.ag-workflow-v366 .ag-workflow-v36__intro{
  position:relative!important;
  z-index:5!important;
  max-width:760px!important;
  margin:0 0 18px auto!important;
  text-align:right!important;
}
html[dir="ltr"] .ag-workflow-v366 .ag-workflow-v36__intro{margin:0 auto 18px 0!important;text-align:left!important}
.ag-workflow-v366 .ag-workflow-v36__intro > span{font-size:.85rem!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;gap:10px!important}
.ag-workflow-v366 .ag-workflow-v36__intro h2{margin:10px 0 0!important;font-size:clamp(2.15rem,3.4vw,3.75rem)!important;line-height:1.18!important;font-weight:950!important;color:#0D0F10!important}
.ag-workflow-v366 .ag-workflow-v36__intro p{display:block!important;max-width:700px!important;margin:14px 0 0!important;color:rgba(13,15,16,.76)!important;font-size:1.03rem!important;line-height:1.95!important;font-weight:700!important}
.ag-workflow-v366 .ag-workflow-v36__stage{
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr)!important;
  grid-template-areas:"orbit visual"!important;
  gap:clamp(18px,4vw,50px)!important;
  align-items:center!important;
}
.ag-workflow-v366 .ag-workflow-v36__orbit-wrap{grid-area:orbit!important}
.ag-workflow-v366 .ag-workflow-v36__visual{grid-area:visual!important;align-self:end!important;position:relative!important;z-index:2!important;min-height:640px!important;overflow:visible!important}
.ag-workflow-v366 .ag-workflow-v36__visual .ag-workflow-v24__character{width:min(124%,620px)!important;max-width:none!important;transform:translateX(-10px)!important;overflow:visible!important}
.ag-workflow-v366 .ag-workflow-v36__orbit{min-height:660px!important;position:relative!important}
.ag-workflow-v366 .ag-workflow-v36__orbit-line{
  inset:13% 14%!important;
  border:2px dashed rgba(13,15,16,.22)!important;
  background:radial-gradient(circle at center,rgba(255,255,255,.18),rgba(255,255,255,0) 64%)!important;
  box-shadow:0 0 0 20px rgba(255,255,255,.12)!important;
}
.ag-workflow-v366 .ag-workflow-v36__center{
  width:172px!important;
  height:172px!important;
  background:#0D0F10!important;
  color:#F4F1E8!important;
  border:8px solid rgba(255,255,255,.16)!important;
  box-shadow:0 18px 34px rgba(13,15,16,.18)!important;
}
.ag-workflow-v366 .ag-workflow-v36__center strong{font-size:1.18rem!important;font-weight:950!important;line-height:1.45!important}
.ag-workflow-v366 .ag-workflow-v36-step,
.ag-workflow-v366 .ag-workflow-v36-step:hover{
  width:188px!important;
  height:188px!important;
  padding:18px 16px 16px!important;
  border-radius:30px!important;
  border:1px solid rgba(13,15,16,.12)!important;
  box-shadow:0 16px 28px rgba(13,15,16,.1)!important;
  transform-origin:center!important;
}
.ag-workflow-v366 .ag-workflow-v36-step--1{background:linear-gradient(180deg,rgba(255,250,240,.95),rgba(255,255,255,.82))!important}
.ag-workflow-v366 .ag-workflow-v36-step--2{background:linear-gradient(180deg,rgba(255,239,188,.95),rgba(255,250,232,.88))!important}
.ag-workflow-v366 .ag-workflow-v36-step--3{background:linear-gradient(180deg,rgba(245,243,236,.96),rgba(255,255,255,.9))!important}
.ag-workflow-v366 .ag-workflow-v36-step--4{background:linear-gradient(180deg,rgba(250,232,167,.96),rgba(255,246,214,.88))!important}
.ag-workflow-v366 .ag-workflow-v36-step__number{
  width:38px!important;height:38px!important;border-radius:14px!important;
  background:#0D0F10!important;color:#F3C600!important;font-size:.95rem!important;font-weight:950!important;
  box-shadow:none!important;
}
.ag-workflow-v366 .ag-workflow-v36-step__icon{
  width:76px!important;height:76px!important;border-radius:22px!important;
  display:grid!important;place-items:center!important;
  margin:12px auto 12px!important;
  background:rgba(243,198,0,.18)!important;
  animation:agV365WorkflowIcon 4.8s ease-in-out infinite;
}
.ag-workflow-v366 .ag-workflow-v36-step--2 .ag-workflow-v36-step__icon{background:rgba(13,15,16,.08)!important}
.ag-workflow-v366 .ag-workflow-v36-step--3 .ag-workflow-v36-step__icon{background:rgba(243,198,0,.16)!important}
.ag-workflow-v366 .ag-workflow-v36-step--4 .ag-workflow-v36-step__icon{background:rgba(13,15,16,.1)!important}
.ag-workflow-v366 .ag-workflow-v36-step__icon svg{width:40px!important;height:40px!important;stroke:#0D0F10!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ag-workflow-v366 .ag-workflow-v36-step h3{margin:0!important;font-size:1.02rem!important;line-height:1.35!important;font-weight:950!important;color:#0D0F10!important}
.ag-workflow-v366 .ag-workflow-v36-step p{margin:8px 0 0!important;font-size:.81rem!important;line-height:1.62!important;color:rgba(13,15,16,.76)!important;font-weight:700!important}
.ag-workflow-v366 .ag-workflow-v24__cta.ag-workflow-v36__cta{
  margin-top:12px!important;
  min-height:96px!important;
  padding:20px 24px!important;
  border-radius:26px!important;
  background:#fffdf6!important;
  border:1px solid rgba(13,15,16,.1)!important;
  box-shadow:0 14px 24px rgba(13,15,16,.08)!important;
}
.ag-workflow-v366 .ag-workflow-v36__cta h3{font-size:1.18rem!important;font-weight:950!important}
.ag-workflow-v366 .ag-workflow-v36__cta p{font-size:.94rem!important;line-height:1.8!important}
.ag-workflow-v366 .ag-workflow-v36__cta a{
  min-height:56px!important;
  padding-inline:22px!important;
  border-radius:999px!important;
  background:#0D0F10!important;
  color:#F4F1E8!important;
  font-weight:950!important;
}
html.has-ag-v362-motion .ag-workflow-v366 .ag-workflow-v36__intro,
html.has-ag-v362-motion .ag-workflow-v366 .ag-workflow-v36__visual,
html.has-ag-v362-motion .ag-workflow-v366 .ag-workflow-v36__orbit-wrap{
  opacity:0;transform:translate3d(0,26px,0);transition:opacity .7s ease,transform .7s ease;
}
html.has-ag-v362-motion .ag-workflow-v366.is-v362-visible .ag-workflow-v36__intro,
html.has-ag-v362-motion .ag-workflow-v366.is-v362-visible .ag-workflow-v36__visual,
html.has-ag-v362-motion .ag-workflow-v366.is-v362-visible .ag-workflow-v36__orbit-wrap{opacity:1;transform:none}

@keyframes agV366CounterTick{0%{transform:translateY(10px);opacity:.35}100%{transform:none;opacity:1}}
@keyframes agV366PlusPulse{0%,100%{transform:none;opacity:1}50%{transform:translateY(-2px) scale(1.06);opacity:.92}}
@keyframes agV366StarFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.06)}}
@keyframes agV365ArrowDown{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@keyframes agV365WorkflowIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

@media (max-width: 1180px){
  .ag-xp366 .ag-xp365__grid{grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr)!important;min-height:740px!important}
  .ag-xp366 .ag-xp365__visual,.ag-xp366 .ag-xp365__image-stage{min-height:730px!important;height:730px!important}
  .ag-xp366 .ag-xp365__image-stage img{height:min(860px,78vw)!important}
  .ag-workflow-v366 .ag-workflow-v36__stage{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr)!important}
  .ag-workflow-v366 .ag-workflow-v36-step,.ag-workflow-v366 .ag-workflow-v36-step:hover{width:176px!important;height:176px!important}
}
@media (max-width: 960px){
  .ag-xp366 .ag-xp365__grid{grid-template-columns:1fr!important;grid-template-areas:"copy" "visual"!important;padding-top:66px!important;padding-bottom:40px!important;min-height:auto!important}
  .ag-xp366 .ag-xp365__copy{justify-self:stretch!important;max-width:none!important}
  .ag-xp366 .ag-xp365__visual{min-height:640px!important}
  .ag-xp366 .ag-xp365__image-stage{height:640px!important}
  .ag-xp366 .ag-xp365__image-stage img{height:min(760px,100vw)!important;bottom:-36px!important}
  .ag-workflow-v366 .ag-workflow-v36__stage{grid-template-columns:1fr!important;grid-template-areas:"visual" "orbit"!important}
  .ag-workflow-v366 .ag-workflow-v36__visual{min-height:540px!important;display:flex!important;justify-content:center!important}
  .ag-workflow-v366 .ag-workflow-v36__visual .ag-workflow-v24__character{width:min(88vw,520px)!important;transform:none!important}
}
@media (max-width: 720px){
  .ag-xp366 .ag-xp365__headline h2{font-size:clamp(2.2rem,10vw,3.3rem)!important;line-height:1.08!important}
  .ag-xp366 .ag-xp365__peak{font-size:1.02rem!important}
  .ag-xp366 .ag-xp365__story p{font-size:.95rem!important;line-height:1.9!important}
  .ag-xp366 .ag-xp365__actions{align-items:stretch!important}
  .ag-xp366 .ag-xp365__counter,.ag-xp366 .ag-xp365__cta{width:100%!important}
  .ag-workflow-v366 .ag-workflow-v36__orbit{min-height:540px!important}
  .ag-workflow-v366 .ag-workflow-v36__center{width:142px!important;height:142px!important}
  .ag-workflow-v366 .ag-workflow-v36-step,.ag-workflow-v366 .ag-workflow-v36-step:hover{width:156px!important;height:156px!important;padding:14px 12px!important;border-radius:24px!important}
  .ag-workflow-v366 .ag-workflow-v36-step__icon{width:64px!important;height:64px!important}
  .ag-workflow-v366 .ag-workflow-v36-step h3{font-size:.92rem!important}
  .ag-workflow-v366 .ag-workflow-v36-step p{font-size:.73rem!important;line-height:1.5!important}
}

.ag-home-v7{overflow-x:hidden!important}
.ag-home-v7 main,.ag-home-v7 .site-content,.ag-home-v7 .app-shell{overflow-x:clip!important}

/* =========================================================
   ARABIA GROUP — HOME V3.7.7 / SECTION TUNING
   Requested corrections: yellow experience block, continuous counter,
   smaller elegant workflow path, improved maintenance page.
   ========================================================= */

.ag-xp36.ag-xp362.ag-xp363.ag-xp364.ag-xp365.ag-xp366.ag-xp367{
  position:relative!important;
  z-index:8!important;
  overflow:visible!important;
  background:#F3C600!important;
  color:#0D0F10!important;
  border:0!important;
}
.ag-xp367 .ag-xp365__grid{
  min-height:620px!important;
  display:grid!important;
  grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)!important;
  grid-template-areas:"visual copy"!important;
  align-items:center!important;
  gap:clamp(16px,3vw,48px)!important;
  direction:ltr!important;
  padding-top:58px!important;
  padding-bottom:32px!important;
}
.ag-xp367 .ag-xp365__visual{
  position:relative!important;
  margin:0!important;
  min-height:600px!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.ag-xp367 .ag-xp365__image-stage{
  position:relative!important;
  width:min(100%,590px)!important;
  height:600px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.ag-xp367 .ag-xp365__image-stage::after{display:none!important}
.ag-xp367 .ag-xp365__image-stage img{
  position:absolute!important;
  z-index:3!important;
  left:52%!important;
  bottom:-44px!important;
  transform:translateX(-50%)!important;
  display:block!important;
  width:auto!important;
  height:min(760px,63vw)!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
.ag-xp367 .ag-xp366__star,
.ag-xp367 .ag-xp367__star{display:none!important}
.ag-xp367 .ag-xp365__copy{
  direction:rtl!important;
  text-align:right!important;
  max-width:760px!important;
  justify-self:end!important;
  position:relative!important;
  z-index:5!important;
}
html[dir="ltr"] .ag-xp367 .ag-xp365__copy{direction:ltr!important;text-align:left!important}
.ag-xp367 .ag-xp365__headline h2{
  margin:0!important;
  font-size:clamp(2.35rem,4vw,4.25rem)!important;
  line-height:1.06!important;
  font-weight:950!important;
  color:#0D0F10!important;
}
.ag-xp367 .ag-xp365__peak{
  margin:12px 0 0!important;
  color:rgba(13,15,16,.72)!important;
  font-size:clamp(1rem,1.4vw,1.28rem)!important;
  font-weight:900!important;
}
.ag-xp367 .ag-xp365__story{
  margin-top:18px!important;
  max-width:680px!important;
}
.ag-xp367 .ag-xp365__story p{
  margin:0!important;
  color:rgba(13,15,16,.86)!important;
  font-size:clamp(.96rem,1.06vw,1.08rem)!important;
  line-height:1.95!important;
  font-weight:700!important;
}
.ag-xp367 .ag-xp365__promise{
  margin-top:12px!important;
  padding-inline-start:16px!important;
  border-inline-start:3px solid rgba(13,15,16,.18)!important;
  color:rgba(13,15,16,.72)!important;
}
.ag-xp367 .ag-xp365__actions{
  margin-top:24px!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
.ag-xp367 .ag-xp365__counter{
  min-width:min(100%,320px)!important;
  padding:14px 16px!important;
  border:1px solid rgba(13,15,16,.12)!important;
  border-radius:22px!important;
  background:rgba(255,248,217,.38)!important;
  backdrop-filter:none!important;
}
.ag-xp367 .ag-xp365__counter-number{
  display:flex!important;
  align-items:flex-end!important;
  gap:6px!important;
  color:#0D0F10!important;
}
.ag-xp367 .ag-xp365__counter-number strong{
  font-size:clamp(2.8rem,4.2vw,4.45rem)!important;
  line-height:.9!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  color:#0D0F10!important;
}
.ag-xp367 .ag-xp366__plus{
  display:inline-flex!important;
  align-items:flex-end!important;
  font-style:normal!important;
  font-weight:950!important;
  font-size:clamp(1.45rem,2vw,2.3rem)!important;
  line-height:1!important;
  color:#0D0F10!important;
  margin-inline-start:-2px!important;
  opacity:0!important;
  transform:translateY(6px) scale(.8)!important;
  transition:opacity .26s ease,transform .26s ease!important;
}
.ag-xp367.is-v366-complete .ag-xp366__plus,
.ag-xp367.is-v367-complete .ag-xp366__plus{opacity:1!important;transform:none!important;animation:agV367PlusPulse 1.7s ease-in-out infinite}
.ag-xp367 .ag-xp365__counter-number span{
  margin-inline-start:4px!important;
  padding-bottom:7px!important;
  font-size:.95rem!important;
  font-weight:900!important;
  color:rgba(13,15,16,.78)!important;
}
.ag-xp367 .ag-xp365__counter-copy{display:grid!important;gap:8px!important;margin-top:8px!important}
.ag-xp367 .ag-xp365__counter-copy small{color:rgba(13,15,16,.58)!important;font-size:.76rem!important;font-weight:800!important}
.ag-xp367 .ag-xp365__year-words{position:relative!important;min-height:24px!important}
.ag-xp367 .ag-xp365__year-words span{
  position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;
  color:#0D0F10!important;font-size:.96rem!important;font-weight:900!important;
  opacity:0!important;transform:translateY(8px)!important;
  transition:opacity .25s ease,transform .25s ease!important;
}
.ag-xp367 .ag-xp365__year-words span.is-active{opacity:1!important;transform:none!important}
.ag-xp367 .ag-xp365__cta{
  min-height:56px!important;
  padding:10px 16px 10px 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid rgba(13,15,16,.16)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#ffd94d,#f3c600)!important;
  color:#0D0F10!important;
  text-decoration:none!important;
  font-size:.92rem!important;
  font-weight:950!important;
  box-shadow:0 14px 22px rgba(13,15,16,.12)!important;
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease!important;
}
.ag-xp367 .ag-xp365__cta i{
  width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:rgba(13,15,16,.08)!important;
}
.ag-xp367 .ag-xp365__cta svg{width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;animation:agV367ArrowSide 1.9s ease-in-out infinite}
.ag-xp367 .ag-xp365__cta:hover{transform:translateY(-3px)!important;box-shadow:0 18px 28px rgba(13,15,16,.18)!important;background:linear-gradient(180deg,#ffe062,#f5cc0c)!important}
html.has-ag-v365-motion .ag-xp367 [data-ag-v365-line],
html.has-ag-v365-motion .ag-xp367 [data-ag-v365-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--ag-v365-delay,0ms)}
html.has-ag-v365-motion .ag-xp367.is-v365-visible [data-ag-v365-line],
html.has-ag-v365-motion .ag-xp367.is-v365-visible [data-ag-v365-reveal]{opacity:1;transform:none}

.ag-workflow-v24.ag-workflow-v36.ag-workflow-v362.ag-workflow-v363.ag-workflow-v364.ag-workflow-v365.ag-workflow-v366.ag-workflow-v367{
  padding:46px 0 34px!important;
  background:#F4F1E8!important;
  overflow:hidden!important;
}
.ag-workflow-v367 .ag-workflow-v36__inner{position:relative!important;z-index:2!important;gap:0!important}
.ag-workflow-v367 .ag-workflow-v36__intro{
  position:relative!important;z-index:5!important;max-width:650px!important;margin:0 0 14px auto!important;text-align:right!important;
}
html[dir="ltr"] .ag-workflow-v367 .ag-workflow-v36__intro{margin:0 auto 14px 0!important;text-align:left!important}
.ag-workflow-v367 .ag-workflow-v36__intro>span{font-size:.8rem!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;gap:8px!important;color:rgba(13,15,16,.68)!important}
.ag-workflow-v367 .ag-workflow-v36__intro h2{margin:8px 0 0!important;font-size:clamp(1.85rem,3vw,3rem)!important;line-height:1.15!important;font-weight:950!important;color:#0D0F10!important}
.ag-workflow-v367 .ag-workflow-v36__intro p{display:block!important;max-width:620px!important;margin:10px 0 0!important;color:rgba(13,15,16,.7)!important;font-size:.96rem!important;line-height:1.82!important;font-weight:700!important}
.ag-workflow-v367 .ag-workflow-v36__stage{
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(290px,.78fr)!important;
  grid-template-areas:"orbit visual"!important;
  gap:clamp(20px,3vw,42px)!important;
  align-items:center!important;
}
.ag-workflow-v367 .ag-workflow-v36__orbit-wrap{grid-area:orbit!important;overflow:visible!important}
.ag-workflow-v367 .ag-workflow-v36__visual{grid-area:visual!important;align-self:end!important;position:relative!important;z-index:3!important;min-height:455px!important;overflow:visible!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
.ag-workflow-v367 .ag-workflow-v36__visual .ag-workflow-v24__character{width:min(108%,440px)!important;max-width:none!important;transform:none!important;margin:0 auto -12px!important;filter:none!important;overflow:visible!important}
.ag-workflow-v367 .ag-workflow-v36__orbit{width:min(100%,760px)!important;min-height:400px!important;position:relative!important;overflow:visible!important;margin-inline:auto!important}
.ag-workflow-v367 .ag-workflow-v36__orbit-line{
  position:absolute!important;inset:34px 18px 30px!important;border:0!important;background:none!important;box-shadow:none!important;pointer-events:none!important;
}
.ag-workflow-v367 .ag-workflow-v36__orbit-line::before,
.ag-workflow-v367 .ag-workflow-v36__orbit-line::after{display:none!important;content:none!important}
.ag-workflow-v367 .ag-workflow-v36__orbit-line svg{width:100%!important;height:100%!important;display:block!important;overflow:visible!important}
.ag-workflow-v367 .ag-workflow-v36__orbit-line path{fill:none!important;stroke:rgba(13,15,16,.24)!important;stroke-width:8!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:1 18!important}
.ag-workflow-v367 .ag-workflow-v36__center{
  width:128px!important;height:128px!important;display:grid!important;place-items:center!important;
  background:#0D0F10!important;color:#F4F1E8!important;border:0!important;box-shadow:none!important;
  border-radius:50%!important;position:absolute!important;left:50%!important;top:51%!important;transform:translate(-50%,-50%)!important;z-index:4!important;
}
.ag-workflow-v367 .ag-workflow-v36__center strong{font-size:1rem!important;font-weight:950!important;line-height:1.5!important;text-align:center!important}
.ag-workflow-v367 .ag-workflow-v36-step,
.ag-workflow-v367 .ag-workflow-v36-step:hover{
  width:162px!important;min-height:150px!important;padding:12px 12px 13px!important;border-radius:20px!important;border:1px solid rgba(13,15,16,.12)!important;
  background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;transform-origin:center!important;position:absolute!important;text-align:center!important;
}
.ag-workflow-v367 .ag-workflow-v36-step__number{
  width:34px!important;height:34px!important;border-radius:999px!important;background:transparent!important;color:#0D0F10!important;
  font-size:.82rem!important;font-weight:950!important;box-shadow:none!important;border:1px solid rgba(13,15,16,.18)!important;margin:0 auto 4px!important;
}
.ag-workflow-v367 .ag-workflow-v36-step__icon{
  width:52px!important;height:52px!important;border-radius:0!important;display:grid!important;place-items:center!important;margin:4px auto 8px!important;background:transparent!important;animation:none!important;
}
.ag-workflow-v367 .ag-workflow-v36-step__icon svg{width:34px!important;height:34px!important;stroke:#0D0F10!important;stroke-width:3.1!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ag-workflow-v367 .ag-workflow-v36-step h3{margin:0!important;font-size:.88rem!important;line-height:1.34!important;font-weight:950!important;color:#0D0F10!important}
.ag-workflow-v367 .ag-workflow-v36-step p{margin:6px 0 0!important;font-size:.69rem!important;line-height:1.55!important;color:rgba(13,15,16,.72)!important;font-weight:700!important}
.ag-workflow-v367 .ag-workflow-v36-step--1{right:3%!important;top:49%!important;transform:translateY(-50%)!important}
.ag-workflow-v367 .ag-workflow-v36-step--2{right:33%!important;top:2%!important;transform:none!important}
.ag-workflow-v367 .ag-workflow-v36-step--3{left:25%!important;bottom:1%!important;transform:none!important}
.ag-workflow-v367 .ag-workflow-v36-step--4{left:0!important;top:44%!important;transform:translateY(-50%)!important}
.ag-workflow-v367 .ag-workflow-v24__cta.ag-workflow-v36__cta{
  margin-top:12px!important;min-height:92px!important;padding:18px 20px!important;border-radius:24px!important;background:#0D0F10!important;border:0!important;box-shadow:none!important;color:#F4F1E8!important;
}
.ag-workflow-v367 .ag-workflow-v36__cta h3{font-size:1.12rem!important;font-weight:950!important;color:#F4F1E8!important}
.ag-workflow-v367 .ag-workflow-v36__cta p{font-size:.9rem!important;line-height:1.75!important;color:rgba(244,241,232,.78)!important}
.ag-workflow-v367 .ag-workflow-v36__cta a{
  min-height:52px!important;padding-inline:20px!important;border-radius:999px!important;background:#F3C600!important;color:#0D0F10!important;font-weight:950!important;border:1px solid rgba(243,198,0,.38)!important;box-shadow:none!important;
}
html.has-ag-v362-motion .ag-workflow-v367 .ag-workflow-v36__intro,
html.has-ag-v362-motion .ag-workflow-v367 .ag-workflow-v36__visual,
html.has-ag-v362-motion .ag-workflow-v367 .ag-workflow-v36__orbit-wrap,
html.has-ag-v362-motion .ag-workflow-v367 .ag-workflow-v24__cta.ag-workflow-v36__cta{
  opacity:0;transform:translate3d(0,24px,0);transition:opacity .65s ease,transform .65s ease;
}
html.has-ag-v362-motion .ag-workflow-v367.is-v362-visible .ag-workflow-v36__intro,
html.has-ag-v362-motion .ag-workflow-v367.is-v362-visible .ag-workflow-v36__visual,
html.has-ag-v362-motion .ag-workflow-v367.is-v362-visible .ag-workflow-v36__orbit-wrap,
html.has-ag-v362-motion .ag-workflow-v367.is-v362-visible .ag-workflow-v24__cta.ag-workflow-v36__cta{opacity:1;transform:none}
html.has-ag-v365-motion .ag-workflow-v367 .ag-workflow-v36-step{opacity:0!important;transition:opacity .42s ease!important}
html.has-ag-v365-motion .ag-workflow-v367.is-v365-visible .ag-workflow-v36-step{opacity:1!important}
html.has-ag-v365-motion .ag-workflow-v367.is-v365-visible .ag-workflow-v36-step--1{transition-delay:70ms!important}
html.has-ag-v365-motion .ag-workflow-v367.is-v365-visible .ag-workflow-v36-step--2{transition-delay:150ms!important}
html.has-ag-v365-motion .ag-workflow-v367.is-v365-visible .ag-workflow-v36-step--3{transition-delay:230ms!important}
html.has-ag-v365-motion .ag-workflow-v367.is-v365-visible .ag-workflow-v36-step--4{transition-delay:310ms!important}

@keyframes agV367PlusPulse{0%,100%{transform:none;opacity:1}50%{transform:translateY(-1px) scale(1.04);opacity:.9}}
@keyframes agV367ArrowSide{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}

@media (max-width: 1180px){
  .ag-xp367 .ag-xp365__grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr)!important;min-height:590px!important}
  .ag-xp367 .ag-xp365__visual,.ag-xp367 .ag-xp365__image-stage{min-height:580px!important;height:580px!important}
  .ag-xp367 .ag-xp365__image-stage img{height:min(710px,69vw)!important}
  .ag-workflow-v367 .ag-workflow-v36__stage{grid-template-columns:minmax(0,1fr) minmax(250px,.76fr)!important}
}
@media (max-width: 960px){
  .ag-xp367 .ag-xp365__grid{grid-template-columns:1fr!important;grid-template-areas:"copy" "visual"!important;padding-top:46px!important;padding-bottom:18px!important;min-height:auto!important}
  .ag-xp367 .ag-xp365__copy{justify-self:stretch!important;max-width:none!important}
  .ag-xp367 .ag-xp365__visual{min-height:520px!important}
  .ag-xp367 .ag-xp365__image-stage{height:520px!important}
  .ag-xp367 .ag-xp365__image-stage img{height:min(670px,92vw)!important;bottom:-30px!important}
  .ag-workflow-v367 .ag-workflow-v36__stage{grid-template-columns:1fr!important;grid-template-areas:"visual" "orbit"!important}
  .ag-workflow-v367 .ag-workflow-v36__visual{min-height:390px!important;display:flex!important;justify-content:center!important}
  .ag-workflow-v367 .ag-workflow-v36__visual .ag-workflow-v24__character{width:min(84vw,400px)!important;margin:0 auto -8px!important}
  .ag-workflow-v367 .ag-workflow-v36__orbit{min-height:520px!important}
}
@media (max-width: 720px){
  .ag-xp367 .ag-xp365__headline h2{font-size:clamp(2rem,9.8vw,3rem)!important;line-height:1.08!important}
  .ag-xp367 .ag-xp365__peak{font-size:.98rem!important}
  .ag-xp367 .ag-xp365__story p{font-size:.93rem!important;line-height:1.86!important}
  .ag-xp367 .ag-xp365__actions{align-items:stretch!important}
  .ag-xp367 .ag-xp365__counter,.ag-xp367 .ag-xp365__cta{width:100%!important}
  .ag-workflow-v367 .ag-workflow-v36__intro h2{font-size:clamp(1.65rem,7vw,2.3rem)!important}
  .ag-workflow-v367 .ag-workflow-v36__orbit{min-height:600px!important}
  .ag-workflow-v367 .ag-workflow-v36__center{width:112px!important;height:112px!important}
  .ag-workflow-v367 .ag-workflow-v36-step,.ag-workflow-v367 .ag-workflow-v36-step:hover{width:148px!important;min-height:138px!important;padding:10px 10px 12px!important;border-radius:18px!important}
  .ag-workflow-v367 .ag-workflow-v36-step__icon{width:46px!important;height:46px!important}
  .ag-workflow-v367 .ag-workflow-v36-step__icon svg{width:30px!important;height:30px!important}
  .ag-workflow-v367 .ag-workflow-v36-step h3{font-size:.82rem!important}
  .ag-workflow-v367 .ag-workflow-v36-step p{font-size:.66rem!important;line-height:1.48!important}
  .ag-workflow-v367 .ag-workflow-v36-step--1{right:3%!important;top:49%!important}
  .ag-workflow-v367 .ag-workflow-v36-step--2{right:24%!important;top:4%!important}
  .ag-workflow-v367 .ag-workflow-v36-step--3{left:18%!important;bottom:4%!important}
  .ag-workflow-v367 .ag-workflow-v36-step--4{left:0!important;top:47%!important}
}
@media(prefers-reduced-motion:reduce){
  .ag-xp367 .ag-xp365__image-stage img,
  .ag-workflow-v367 .ag-workflow-v36-step__icon svg,
  .ag-xp367 .ag-xp366__plus{animation:none!important}
  html.has-ag-v365-motion .ag-xp367 [data-ag-v365-line],
  html.has-ag-v365-motion .ag-xp367 [data-ag-v365-reveal],
  html.has-ag-v365-motion .ag-workflow-v367 .ag-workflow-v36-step,
  html.has-ag-v362-motion .ag-workflow-v367 .ag-workflow-v36__intro,
  html.has-ag-v362-motion .ag-workflow-v367 .ag-workflow-v36__visual,
  html.has-ag-v362-motion .ag-workflow-v367 .ag-workflow-v36__orbit-wrap,
  html.has-ag-v362-motion .ag-workflow-v367 .ag-workflow-v24__cta.ag-workflow-v36__cta{
    opacity:1!important;transform:none!important;transition:none!important;
  }
}

.ag-home-v7{overflow-x:hidden!important}
.ag-home-v7 main,.ag-home-v7 .site-content,.ag-home-v7 .app-shell{overflow-x:clip!important}

/* =========================================================
   ARABIA GROUP — HOME V3.7.8 / CHARACTER + ROUTE + MAINTENANCE
   Final correction layer from the uploaded V3.6.7 package.
   ========================================================= */

/* ---------- Experience / second block ---------- */
.ag-xp36.ag-xp362.ag-xp363.ag-xp364.ag-xp365.ag-xp366.ag-xp367.ag-xp368{
  position:relative!important;
  z-index:12!important;
  overflow:visible!important;
  isolation:auto!important;
  background:#F3C600!important;
  color:#0D0F10!important;
  border:0!important;
}
.ag-xp368 .ag-xp365__grid{
  position:relative!important;
  min-height:585px!important;
  display:grid!important;
  grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)!important;
  grid-template-areas:"visual copy"!important;
  align-items:center!important;
  gap:clamp(16px,3vw,50px)!important;
  direction:ltr!important;
  padding-top:56px!important;
  padding-bottom:42px!important;
  overflow:visible!important;
}
.ag-xp368 .ag-xp365__visual{
  position:relative!important;
  z-index:14!important;
  margin:0!important;
  min-height:560px!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.ag-xp368 .ag-xp365__image-stage{
  position:relative!important;
  width:min(100%,590px)!important;
  height:560px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.ag-xp368 .ag-xp365__image-stage::before,
.ag-xp368 .ag-xp365__image-stage::after{display:none!important;content:none!important}
.ag-xp368 .ag-xp365__image-stage img{
  position:absolute!important;
  z-index:3!important;
  left:51%!important;
  bottom:-74px!important;
  transform:translateX(-50%)!important;
  display:block!important;
  width:auto!important;
  height:min(820px,66vw)!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
  box-shadow:none!important;
}
.ag-xp368__ground-spot{
  position:absolute!important;
  z-index:2!important;
  left:51%!important;
  bottom:-44px!important;
  width:clamp(205px,21vw,290px)!important;
  height:clamp(34px,4vw,48px)!important;
  transform:translateX(-50%) rotate(-2deg)!important;
  display:block!important;
  background:#0D0F10!important;
  border-radius:55% 45% 52% 48% / 60% 46% 54% 40%!important;
  clip-path:polygon(3% 46%,13% 22%,31% 16%,45% 5%,62% 17%,79% 13%,96% 37%,91% 69%,72% 77%,56% 94%,37% 84%,19% 91%,7% 70%)!important;
  opacity:.98!important;
}
.ag-xp368 .ag-xp365__copy{
  direction:rtl!important;
  text-align:right!important;
  max-width:720px!important;
  justify-self:end!important;
  position:relative!important;
  z-index:15!important;
}
html[dir="ltr"] .ag-xp368 .ag-xp365__copy{direction:ltr!important;text-align:left!important}
.ag-xp368 .ag-xp365__headline h2{
  margin:0!important;
  font-size:clamp(2.25rem,3.7vw,3.95rem)!important;
  line-height:1.08!important;
  font-weight:950!important;
  color:#0D0F10!important;
}
.ag-xp368 .ag-xp365__peak{
  margin:11px 0 0!important;
  color:#8E2230!important;
  font-size:clamp(1rem,1.35vw,1.22rem)!important;
  font-weight:950!important;
}
.ag-xp368 .ag-xp365__story{margin-top:17px!important;max-width:665px!important}
.ag-xp368 .ag-xp365__story p{
  margin:0!important;
  color:rgba(13,15,16,.86)!important;
  font-size:clamp(.94rem,1.02vw,1.05rem)!important;
  line-height:1.9!important;
  font-weight:700!important;
}
.ag-xp368 .ag-xp365__promise{
  margin-top:11px!important;
  padding-inline-start:15px!important;
  border-inline-start:3px solid rgba(13,15,16,.16)!important;
  color:rgba(13,15,16,.7)!important;
}
.ag-xp368 .ag-xp365__actions{
  margin-top:22px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
.ag-xp368 .ag-xp365__counter{
  min-width:min(100%,330px)!important;
  padding:15px 17px!important;
  border:0!important;
  border-radius:22px!important;
  background:#0D0F10!important;
  color:#F4F1E8!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.ag-xp368 .ag-xp365__counter-number{display:flex!important;align-items:flex-end!important;gap:6px!important;color:#F4F1E8!important}
.ag-xp368 .ag-xp365__counter-number strong{
  font-size:clamp(2.8rem,4.2vw,4.45rem)!important;
  line-height:.9!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  color:#F4F1E8!important;
}
.ag-xp368 .ag-xp365__counter-number strong.is-ticking{animation:agV368CounterTick .42s cubic-bezier(.16,.84,.22,1)!important}
.ag-xp368 .ag-xp366__plus{
  display:inline-flex!important;
  align-items:flex-end!important;
  font-style:normal!important;
  font-weight:950!important;
  font-size:clamp(1.4rem,2vw,2.2rem)!important;
  line-height:1!important;
  color:#F3C600!important;
  margin-inline-start:-2px!important;
  opacity:0!important;
  transform:translateY(6px) scale(.82)!important;
  transition:opacity .3s ease,transform .3s ease!important;
}
.ag-xp368.is-v368-complete .ag-xp366__plus,
.ag-xp368.is-v366-complete .ag-xp366__plus{opacity:1!important;transform:none!important;animation:agV368PlusPulse 2s ease-in-out infinite!important}
.ag-xp368 .ag-xp365__counter-number span{margin-inline-start:4px!important;padding-bottom:7px!important;font-size:.92rem!important;font-weight:900!important;color:rgba(244,241,232,.82)!important}
.ag-xp368 .ag-xp365__counter-copy{display:grid!important;gap:8px!important;margin-top:8px!important}
.ag-xp368 .ag-xp365__counter-copy small{color:rgba(244,241,232,.55)!important;font-size:.73rem!important;font-weight:800!important}
.ag-xp368 .ag-xp365__year-words{position:relative!important;min-height:24px!important}
.ag-xp368 .ag-xp365__year-words span{
  position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;
  color:#F4F1E8!important;font-size:.95rem!important;font-weight:900!important;
  opacity:0!important;transform:translateY(8px)!important;transition:opacity .3s ease,transform .3s ease!important;
}
.ag-xp368 .ag-xp365__year-words span.is-active{opacity:1!important;transform:none!important}
.ag-xp368 .ag-xp365__cta{
  min-height:56px!important;
  padding:10px 16px 10px 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid rgba(13,15,16,.15)!important;
  border-radius:999px!important;
  background:#0D0F10!important;
  color:#F4F1E8!important;
  text-decoration:none!important;
  font-size:.9rem!important;
  font-weight:950!important;
  box-shadow:none!important;
  transition:transform .24s ease,background .24s ease,color .24s ease!important;
}
.ag-xp368 .ag-xp365__cta i{width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#F3C600!important;color:#0D0F10!important}
.ag-xp368 .ag-xp365__cta svg{width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;animation:agV368ArrowSide 2s ease-in-out infinite!important}
.ag-xp368 .ag-xp365__cta:hover{transform:translateY(-3px)!important;background:#1a1d1f!important;color:#fff!important}
.ag-who{position:relative!important;z-index:4!important;overflow:visible!important}

/* ---------- Workflow / upward carved route ---------- */
.ag-workflow-v24.ag-workflow-v36.ag-workflow-v362.ag-workflow-v363.ag-workflow-v364.ag-workflow-v365.ag-workflow-v366.ag-workflow-v367.ag-workflow-v368{
  padding:48px 0 36px!important;
  background:#F4F1E8!important;
  color:#0D0F10!important;
  overflow:hidden!important;
}
.ag-workflow-v368 .ag-workflow-v36__inner{position:relative!important;z-index:2!important;gap:0!important}
.ag-workflow-v368 .ag-workflow-v36__intro{position:relative!important;z-index:5!important;max-width:650px!important;margin:0 0 12px auto!important;text-align:right!important}
html[dir="ltr"] .ag-workflow-v368 .ag-workflow-v36__intro{margin:0 auto 12px 0!important;text-align:left!important}
.ag-workflow-v368 .ag-workflow-v36__intro>span{font-size:.78rem!important;font-weight:900!important;color:rgba(13,15,16,.62)!important}
.ag-workflow-v368 .ag-workflow-v36__intro h2{margin:8px 0 0!important;font-size:clamp(1.8rem,2.8vw,2.85rem)!important;line-height:1.16!important;font-weight:950!important;color:#0D0F10!important}
.ag-workflow-v368 .ag-workflow-v36__intro p{display:block!important;max-width:610px!important;margin:9px 0 0!important;color:rgba(13,15,16,.68)!important;font-size:.93rem!important;line-height:1.78!important;font-weight:700!important}
.ag-workflow-v368 .ag-workflow-v36__stage{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr)!important;
  grid-template-areas:"orbit visual"!important;
  gap:clamp(18px,3vw,42px)!important;
  align-items:center!important;
}
.ag-workflow-v368 .ag-workflow-v368__route-wrap{grid-area:orbit!important;overflow:visible!important}
.ag-workflow-v368 .ag-workflow-v368__visual{grid-area:visual!important;align-self:end!important;position:relative!important;z-index:3!important;min-height:430px!important;overflow:visible!important;display:flex!important;align-items:flex-end!important;justify-content:center!important}
.ag-workflow-v368 .ag-workflow-v368__visual .ag-workflow-v24__character{width:min(104%,410px)!important;max-width:none!important;transform:none!important;margin:0 auto -12px!important;filter:none!important;overflow:visible!important}
.ag-workflow-v368 .ag-workflow-v368__route{width:min(100%,760px)!important;height:500px!important;min-height:500px!important;position:relative!important;overflow:visible!important;margin-inline:auto!important;aspect-ratio:auto!important}
.ag-workflow-v368__route-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:visible!important;pointer-events:none!important}
.ag-workflow-v368__route-cut{fill:none!important;stroke:#0D0F10!important;stroke-width:10!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 2px 0 rgba(13,15,16,.14))!important}
.ag-workflow-v368__route-edge{fill:none!important;stroke:rgba(244,241,232,.34)!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important;transform:translateY(-1.5px)!important}
.ag-workflow-v368__route-label{
  position:absolute!important;z-index:5!important;left:44%!important;top:48%!important;transform:translate(-50%,-50%) rotate(-3deg)!important;
  display:inline-block!important;padding:5px 9px!important;background:#F4F1E8!important;color:#0D0F10!important;
  border-bottom:3px solid #0D0F10!important;font-size:.76rem!important;font-weight:950!important;line-height:1!important;
}
.ag-workflow-v368 .ag-workflow-v36-step,
.ag-workflow-v368 .ag-workflow-v36-step:hover{
  position:absolute!important;
  width:160px!important;
  min-height:118px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  text-align:center!important;
  transform-origin:center!important;
}
.ag-workflow-v368 .ag-workflow-v36-step__number{
  width:auto!important;height:auto!important;margin:0 auto 4px!important;display:block!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:rgba(13,15,16,.55)!important;
  font-size:.68rem!important;line-height:1!important;font-weight:950!important;letter-spacing:.08em!important;
}
.ag-workflow-v368 .ag-workflow-v36-step__number::after{display:none!important;content:none!important}
.ag-workflow-v368 .ag-workflow-v36-step__icon{
  width:58px!important;height:58px!important;margin:2px auto 7px!important;display:grid!important;place-items:center!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#0D0F10!important;animation:none!important;
}
.ag-workflow-v368 .ag-workflow-v36-step__icon svg{width:50px!important;height:50px!important;stroke:#0D0F10!important;stroke-width:3.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;animation:none!important;filter:none!important}
.ag-workflow-v368 .ag-workflow-v36-step h3{max-width:160px!important;margin:0 auto!important;color:#0D0F10!important;font-size:.87rem!important;line-height:1.34!important;font-weight:950!important}
.ag-workflow-v368 .ag-workflow-v36-step p{max-width:160px!important;margin:5px auto 0!important;color:rgba(13,15,16,.7)!important;font-size:.67rem!important;line-height:1.5!important;font-weight:700!important}
.ag-workflow-v368 .ag-workflow-v368-step--1{right:1.5%!important;bottom:0!important;top:auto!important;left:auto!important;transform:none!important}
.ag-workflow-v368 .ag-workflow-v368-step--2{right:9%!important;top:34%!important;left:auto!important;bottom:auto!important;transform:none!important}
.ag-workflow-v368 .ag-workflow-v368-step--3{left:34%!important;top:23%!important;right:auto!important;bottom:auto!important;transform:none!important}
.ag-workflow-v368 .ag-workflow-v368-step--4{left:0!important;top:0!important;right:auto!important;bottom:auto!important;transform:none!important}
.ag-workflow-v368 .ag-workflow-v24__cta.ag-workflow-v36__cta{
  margin-top:10px!important;min-height:92px!important;padding:18px 20px!important;border-radius:24px!important;
  background:#0D0F10!important;border:0!important;box-shadow:none!important;color:#F4F1E8!important;
}
.ag-workflow-v368 .ag-workflow-v36__cta h3{font-size:1.1rem!important;font-weight:950!important;color:#F4F1E8!important}
.ag-workflow-v368 .ag-workflow-v36__cta p{font-size:.88rem!important;line-height:1.7!important;color:rgba(244,241,232,.76)!important}
.ag-workflow-v368 .ag-workflow-v36__cta a{min-height:52px!important;padding-inline:20px!important;border-radius:999px!important;background:#F3C600!important;color:#0D0F10!important;font-weight:950!important;border:0!important;box-shadow:none!important}
html.has-ag-v362-motion .ag-workflow-v368 .ag-workflow-v36__intro,
html.has-ag-v362-motion .ag-workflow-v368 .ag-workflow-v368__visual,
html.has-ag-v362-motion .ag-workflow-v368 .ag-workflow-v368__route-wrap,
html.has-ag-v362-motion .ag-workflow-v368 .ag-workflow-v24__cta.ag-workflow-v36__cta{opacity:0!important;transform:translate3d(0,22px,0)!important;transition:opacity .62s ease,transform .62s ease!important}
html.has-ag-v362-motion .ag-workflow-v368.is-v362-visible .ag-workflow-v36__intro,
html.has-ag-v362-motion .ag-workflow-v368.is-v362-visible .ag-workflow-v368__visual,
html.has-ag-v362-motion .ag-workflow-v368.is-v362-visible .ag-workflow-v368__route-wrap,
html.has-ag-v362-motion .ag-workflow-v368.is-v362-visible .ag-workflow-v24__cta.ag-workflow-v36__cta{opacity:1!important;transform:none!important}
html.has-ag-v365-motion .ag-workflow-v368 .ag-workflow-v36-step{opacity:0!important;transition:opacity .42s ease!important}
html.has-ag-v365-motion .ag-workflow-v368.is-v365-visible .ag-workflow-v36-step{opacity:1!important}
html.has-ag-v365-motion .ag-workflow-v368.is-v365-visible .ag-workflow-v368-step--1{transition-delay:70ms!important}
html.has-ag-v365-motion .ag-workflow-v368.is-v365-visible .ag-workflow-v368-step--2{transition-delay:160ms!important}
html.has-ag-v365-motion .ag-workflow-v368.is-v365-visible .ag-workflow-v368-step--3{transition-delay:250ms!important}
html.has-ag-v365-motion .ag-workflow-v368.is-v365-visible .ag-workflow-v368-step--4{transition-delay:340ms!important}

@keyframes agV368CounterTick{0%{transform:translateY(8px);opacity:.4}100%{transform:none;opacity:1}}
@keyframes agV368PlusPulse{0%,100%{transform:none;opacity:1}50%{transform:translateY(-1px) scale(1.04);opacity:.9}}
@keyframes agV368ArrowSide{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}

@media(max-width:1180px){
  .ag-xp368 .ag-xp365__grid{grid-template-columns:minmax(285px,.82fr) minmax(0,1.18fr)!important;min-height:560px!important}
  .ag-xp368 .ag-xp365__visual,.ag-xp368 .ag-xp365__image-stage{min-height:540px!important;height:540px!important}
  .ag-xp368 .ag-xp365__image-stage img{height:min(760px,72vw)!important}
  .ag-workflow-v368 .ag-workflow-v36__stage{grid-template-columns:minmax(0,1fr) minmax(250px,.7fr)!important}
}
@media(max-width:960px){
  .ag-xp368 .ag-xp365__grid{grid-template-columns:1fr!important;grid-template-areas:"copy" "visual"!important;padding-top:46px!important;padding-bottom:12px!important;min-height:auto!important}
  .ag-xp368 .ag-xp365__copy{justify-self:stretch!important;max-width:none!important}
  .ag-xp368 .ag-xp365__visual{min-height:500px!important}
  .ag-xp368 .ag-xp365__image-stage{height:500px!important}
  .ag-xp368 .ag-xp365__image-stage img{height:min(700px,96vw)!important;bottom:-50px!important;left:50%!important}
  .ag-xp368__ground-spot{left:50%!important;bottom:-24px!important}
  .ag-workflow-v368 .ag-workflow-v36__stage{grid-template-columns:1fr!important;grid-template-areas:"visual" "orbit"!important}
  .ag-workflow-v368 .ag-workflow-v368__visual{min-height:370px!important;display:flex!important;justify-content:center!important}
  .ag-workflow-v368 .ag-workflow-v368__visual .ag-workflow-v24__character{width:min(82vw,385px)!important;margin:0 auto -8px!important}
  .ag-workflow-v368 .ag-workflow-v368__route{height:500px!important;min-height:500px!important}
}
@media(max-width:720px){
  .ag-xp368 .ag-xp365__headline h2{font-size:clamp(1.95rem,9vw,2.85rem)!important;line-height:1.09!important}
  .ag-xp368 .ag-xp365__peak{font-size:.96rem!important}
  .ag-xp368 .ag-xp365__story p{font-size:.91rem!important;line-height:1.84!important}
  .ag-xp368 .ag-xp365__actions{align-items:stretch!important}
  .ag-xp368 .ag-xp365__counter,.ag-xp368 .ag-xp365__cta{width:100%!important}
  .ag-workflow-v368 .ag-workflow-v36__intro h2{font-size:clamp(1.62rem,7vw,2.25rem)!important}
  .ag-workflow-v368 .ag-workflow-v368__route{height:620px!important;min-height:620px!important}
  .ag-workflow-v368__route-svg{transform:scale(.92,1.05)!important;transform-origin:center!important}
  .ag-workflow-v368 .ag-workflow-v36-step,.ag-workflow-v368 .ag-workflow-v36-step:hover{width:145px!important;min-height:110px!important}
  .ag-workflow-v368 .ag-workflow-v36-step__icon{width:50px!important;height:50px!important}
  .ag-workflow-v368 .ag-workflow-v36-step__icon svg{width:42px!important;height:42px!important}
  .ag-workflow-v368 .ag-workflow-v36-step h3{font-size:.82rem!important}
  .ag-workflow-v368 .ag-workflow-v36-step p{font-size:.64rem!important;line-height:1.46!important}
  .ag-workflow-v368 .ag-workflow-v368-step--1{right:1%!important;bottom:1%!important}
  .ag-workflow-v368 .ag-workflow-v368-step--2{right:3%!important;top:42%!important}
  .ag-workflow-v368 .ag-workflow-v368-step--3{left:22%!important;top:20%!important}
  .ag-workflow-v368 .ag-workflow-v368-step--4{left:0!important;top:0!important}
  .ag-workflow-v368__route-label{left:46%!important;top:51%!important}
}
@media(prefers-reduced-motion:reduce){
  .ag-xp368 .ag-xp365__image-stage img,
  .ag-xp368 .ag-xp366__plus,
  .ag-xp368 .ag-xp365__cta svg{animation:none!important}
  html.has-ag-v365-motion .ag-xp368 [data-ag-v365-line],
  html.has-ag-v365-motion .ag-xp368 [data-ag-v365-reveal],
  html.has-ag-v365-motion .ag-workflow-v368 .ag-workflow-v36-step,
  html.has-ag-v362-motion .ag-workflow-v368 .ag-workflow-v36__intro,
  html.has-ag-v362-motion .ag-workflow-v368 .ag-workflow-v368__visual,
  html.has-ag-v362-motion .ag-workflow-v368 .ag-workflow-v368__route-wrap,
  html.has-ag-v362-motion .ag-workflow-v368 .ag-workflow-v24__cta.ag-workflow-v36__cta{opacity:1!important;transform:none!important;transition:none!important}
}

/* =========================================================
   ARABIA GROUP — HOME V3.7.9 / REFINED FLOW
   Focused correction of experience, workflow, nav tracking.
   ========================================================= */

/* --- NAV ACTIVE TRACKING --- */
.site-header .navbar__links a.is-active,
.site-header .navbar-mobile__panel a.is-active{
  color:#F3C600!important;
  opacity:1!important;
}

/* --- EXPERIENCE / BLOCK TWO --- */
.ag-xp36.ag-xp362.ag-xp363.ag-xp364.ag-xp365.ag-xp366.ag-xp367.ag-xp368.ag-xp369{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:#F3C600!important;
}

.ag-xp369 .ag-xp365__grid{
  position:relative!important;
  z-index:2!important;
  min-height:620px!important;
  padding-top:54px!important;
  padding-bottom:16px!important;
  gap:clamp(26px,4vw,62px)!important;
}

.ag-xp369 .ag-xp365__visual{
  min-height:700px!important;
  align-self:end!important;
  overflow:visible!important;
  margin:0!important;
}

.ag-xp369 .ag-xp365__image-stage{
  width:min(100%,560px)!important;
  height:700px!important;
  overflow:visible!important;
  align-items:flex-end!important;
}

.ag-xp369 .ag-xp365__image-stage img{
  position:relative!important;
  z-index:3!important;
  left:50%!important;
  bottom:-112px!important;
  transform:translateX(-50%)!important;
  height:min(940px,74vw)!important;
  width:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:none!important;
}

.ag-xp369__ground-spot,
.ag-xp368__ground-spot.ag-xp369__ground-spot,
.ag-xp369 .ag-xp368__ground-spot{
  position:absolute!important;
  z-index:1!important;
  left:51%!important;
  bottom:-74px!important;
  transform:translateX(-50%)!important;
  width:240px!important;
  height:76px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 50%, rgba(13,15,16,.92) 0%, rgba(13,15,16,.86) 42%, rgba(13,15,16,.35) 70%, rgba(13,15,16,0) 100%)!important;
  filter:blur(10px)!important;
}

.ag-xp369 .ag-xp365__copy{
  max-width:730px!important;
  padding-top:16px!important;
}

.ag-xp369 .ag-xp365__headline h2{
  margin:0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:14px!important;
  font-size:clamp(2.08rem,3.35vw,3.62rem)!important;
  line-height:1.22!important;
  font-weight:950!important;
  color:#0D0F10!important;
}
html[dir="ltr"] .ag-xp369 .ag-xp365__headline h2{line-height:1.06!important}

.ag-xp369__title-badge{
  display:inline-grid!important;
  place-items:center!important;
  min-width:74px!important;
  height:74px!important;
  padding:0 14px 4px!important;
  border-radius:18px!important;
  background:#0D0F10!important;
  color:#F3C600!important;
  font:950 clamp(2rem,3vw,2.65rem)/1 "Thmanyah Sans",ThmanyahSans,sans-serif!important;
  box-shadow:0 12px 26px rgba(13,15,16,.16)!important;
}

.ag-xp369__title-text{
  display:inline-block!important;
  line-height:1.28!important;
}

.ag-xp369 .ag-xp365__peak{
  margin-top:12px!important;
  color:#8E2230!important;
  font-size:1.08rem!important;
  font-weight:950!important;
}

.ag-xp369 .ag-xp365__story{margin-top:16px!important;max-width:660px!important}
.ag-xp369 .ag-xp365__story p{
  color:rgba(13,15,16,.86)!important;
  font-size:1rem!important;
  line-height:1.92!important;
  font-weight:770!important;
}
.ag-xp369 .ag-xp365__promise{
  margin-top:13px!important;
  padding-inline-start:15px!important;
  border-inline-start:4px solid rgba(13,15,16,.88)!important;
  color:rgba(13,15,16,.76)!important;
}

.ag-xp369 .ag-xp365__actions{
  margin-top:26px!important;
  align-items:stretch!important;
  gap:14px!important;
}

.ag-xp369 .ag-xp365__counter{
  min-height:138px!important;
  padding:18px 22px!important;
  border-radius:26px!important;
  background:#0D0F10!important;
  box-shadow:0 18px 34px rgba(13,15,16,.14)!important;
}

.ag-xp369 .ag-xp365__counter-number{color:#fff!important;gap:7px!important}
.ag-xp369 .ag-xp365__counter-number strong{
  color:#fff!important;
  font-size:clamp(3rem,4.4vw,4rem)!important;
  line-height:.92!important;
  font-weight:950!important;
}
.ag-xp369 .ag-xp365__counter-number span{
  color:rgba(255,255,255,.88)!important;
  font-size:1.02rem!important;
  padding-bottom:9px!important;
}
.ag-xp369 .ag-xp366__plus{
  color:#F3C600!important;
  font-size:2rem!important;
  transform:translateY(-4px) scale(.85)!important;
}
.ag-xp369 .ag-xp365__counter-copy small{color:rgba(255,255,255,.65)!important;font-size:.75rem!important}
.ag-xp369 .ag-xp365__year-words{min-height:28px!important}
.ag-xp369 .ag-xp365__year-words span{font-size:.98rem!important;font-weight:900!important;color:#fff!important}

.ag-xp369 .ag-xp365__cta{
  min-height:58px!important;
  padding:12px 20px!important;
  background:#0D0F10!important;
  border:1px solid #0D0F10!important;
  color:#F3C600!important;
  border-radius:999px!important;
  box-shadow:0 12px 24px rgba(13,15,16,.12)!important;
}
.ag-xp369 .ag-xp365__cta span{font-size:.96rem!important;font-weight:950!important}
.ag-xp369 .ag-xp365__cta i{
  width:38px!important;
  height:38px!important;
  background:#F3C600!important;
  color:#0D0F10!important;
}
.ag-xp369 .ag-xp365__cta svg{
  animation:agV369ArrowDown 1.9s ease-in-out infinite!important;
}
.ag-xp369 .ag-xp365__cta:hover{background:#0D0F10!important;color:#F3C600!important;transform:translateY(-3px)!important}

@keyframes agV369ArrowDown{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(3px)}
}

/* --- WORKFLOW / FROM FIRST QUESTION --- */
.ag-workflow-v24.ag-workflow-v36.ag-workflow-v362.ag-workflow-v363.ag-workflow-v364.ag-workflow-v365.ag-workflow-v366.ag-workflow-v367.ag-workflow-v368.ag-workflow-v369{
  overflow:visible!important;
  background:#fff!important;
}

.ag-workflow-v369 .ag-workflow-v36__inner{
  padding-top:38px!important;
  padding-bottom:38px!important;
}

.ag-workflow-v369 .ag-workflow-v36__intro{
  margin:0 0 8px auto!important;
  max-width:670px!important;
}
html[dir="ltr"] .ag-workflow-v369 .ag-workflow-v36__intro{margin:0 auto 8px 0!important}
.ag-workflow-v369 .ag-workflow-v36__intro h2{
  font-size:clamp(1.72rem,2.8vw,2.7rem)!important;
  line-height:1.22!important;
}
.ag-workflow-v369 .ag-workflow-v36__intro p{font-size:.94rem!important;line-height:1.8!important}

.ag-workflow-v369 .ag-workflow-v36__stage{
  margin-top:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr)!important;
  grid-template-areas:"orbit visual"!important;
  gap:clamp(18px,3.2vw,46px)!important;
  align-items:end!important;
}

.ag-workflow-v369 .ag-workflow-v368__visual{
  min-height:490px!important;
  overflow:visible!important;
}
.ag-workflow-v369 .ag-workflow-v368__visual .ag-workflow-v24__character{
  width:min(108%,470px)!important;
  margin:0 auto -8px!important;
  overflow:visible!important;
}
.ag-workflow-v369 .ag-workflow-v24__character-full,
.ag-workflow-v369 .ag-workflow-v24__character-preview{filter:none!important}

.ag-workflow-v369 .ag-workflow-v368__route{
  position:relative!important;
  width:min(100%,760px)!important;
  height:470px!important;
  min-height:470px!important;
  margin-inline:auto!important;
  overflow:visible!important;
}

.ag-workflow-v369__route-label,
.ag-workflow-v369 .ag-workflow-v368__route-label{
  position:absolute!important;
  left:48%!important;
  top:45%!important;
  transform:translate(-50%,-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:160px!important;
  min-height:56px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  background:#0D0F10!important;
  color:#fff!important;
  font-size:.96rem!important;
  font-weight:950!important;
  z-index:4!important;
}

.ag-workflow-v369__route-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important}
.ag-workflow-v369__route-track{
  fill:none!important;
  stroke:#111!important;
  stroke-width:12!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  stroke-dasharray:1 24!important;
}
.ag-workflow-v369__route-dot--static{
  fill:#111!important;
}
.ag-workflow-v369__route-traveler{
  fill:#F3C600!important;
  filter:drop-shadow(0 0 6px rgba(243,198,0,.55))!important;
}

.ag-workflow-v369 .ag-workflow-v36-step,
.ag-workflow-v369 .ag-workflow-v36-step:hover{
  width:172px!important;
  min-height:126px!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  text-align:right!important;
  direction:rtl!important;
  transform:none!important;
  z-index:5!important;
}
html[dir="ltr"] .ag-workflow-v369 .ag-workflow-v36-step,
html[dir="ltr"] .ag-workflow-v369 .ag-workflow-v36-step:hover{
  direction:ltr!important;
  text-align:left!important;
}

.ag-workflow-v369 .ag-workflow-v36-step__number{
  position:static!important;
  min-width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0 0 8px!important;
  background:transparent!important;
  color:rgba(13,15,16,.55)!important;
  font:900 .82rem/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.ag-workflow-v369 .ag-workflow-v36-step__icon{
  width:54px!important;
  height:54px!important;
  margin:0 0 10px!important;
  background:transparent!important;
  justify-content:flex-start!important;
}
.ag-workflow-v369 .ag-workflow-v36-step__icon svg{
  width:54px!important;
  height:54px!important;
  stroke:#111!important;
  stroke-width:3!important;
}
.ag-workflow-v369 .ag-workflow-v36-step h3{
  max-width:none!important;
  margin:0!important;
  color:#111!important;
  font-size:1rem!important;
  line-height:1.35!important;
  font-weight:950!important;
}
.ag-workflow-v369 .ag-workflow-v36-step p{
  max-width:none!important;
  margin:6px 0 0!important;
  color:rgba(13,15,16,.72)!important;
  font-size:.78rem!important;
  line-height:1.65!important;
  font-weight:750!important;
}

.ag-workflow-v369 .ag-workflow-v369-step--1{right:4%!important;bottom:6%!important}
.ag-workflow-v369 .ag-workflow-v369-step--2{right:17%!important;top:36%!important}
.ag-workflow-v369 .ag-workflow-v369-step--3{left:31%!important;top:19%!important}
.ag-workflow-v369 .ag-workflow-v369-step--4{left:6%!important;top:-1%!important}

.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--1,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--2,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--3,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--4{
  animation:agV369StepHighlight 8s linear infinite;
}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--1{animation-delay:0s}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--2{animation-delay:2s}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--3{animation-delay:4s}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--4{animation-delay:6s}

@keyframes agV369StepHighlight{
  0%,14%,100%{opacity:.68}
  15%,38%{opacity:1}
}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--1 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--1 h3,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--1 .ag-workflow-v36-step__number,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--2 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--2 h3,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--2 .ag-workflow-v36-step__number,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--3 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--3 h3,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--3 .ag-workflow-v36-step__number,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--4 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--4 h3,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--4 .ag-workflow-v36-step__number{
  transition:color .35s ease,stroke .35s ease!important;
}
.ag-workflow-v369.is-v369-step-1 .ag-workflow-v369-step--1 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-step-1 .ag-workflow-v369-step--1 h3,
.ag-workflow-v369.is-v369-step-1 .ag-workflow-v369-step--1 .ag-workflow-v36-step__number,
.ag-workflow-v369.is-v369-step-2 .ag-workflow-v369-step--2 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-step-2 .ag-workflow-v369-step--2 h3,
.ag-workflow-v369.is-v369-step-2 .ag-workflow-v369-step--2 .ag-workflow-v36-step__number,
.ag-workflow-v369.is-v369-step-3 .ag-workflow-v369-step--3 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-step-3 .ag-workflow-v369-step--3 h3,
.ag-workflow-v369.is-v369-step-3 .ag-workflow-v369-step--3 .ag-workflow-v36-step__number,
.ag-workflow-v369.is-v369-step-4 .ag-workflow-v369-step--4 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-step-4 .ag-workflow-v369-step--4 h3,
.ag-workflow-v369.is-v369-step-4 .ag-workflow-v369-step--4 .ag-workflow-v36-step__number{
  color:#D4AF37!important;
  stroke:#D4AF37!important;
}

.ag-workflow-v369 .ag-workflow-v24__cta.ag-workflow-v36__cta{
  width:min(860px,100%)!important;
  min-height:98px!important;
  margin:26px auto 0!important;
  padding:18px 20px!important;
  background:#0D0F10!important;
  color:#fff!important;
}
.ag-workflow-v369 .ag-workflow-v36__cta p{color:rgba(255,255,255,.72)!important}
.ag-workflow-v369 .ag-workflow-v36__cta a{background:#F3C600!important;color:#111!important;font-weight:950!important}

/* replayable section motion */
html.has-ag-v369-motion [data-ag-v369-reveal],
html.has-ag-v369-motion [data-ag-v369-line]{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity .72s cubic-bezier(.18,.82,.2,1), transform .82s cubic-bezier(.18,.82,.2,1);
}
html.has-ag-v369-motion .is-v369-visible [data-ag-v369-reveal],
html.has-ag-v369-motion .is-v369-visible [data-ag-v369-line]{
  opacity:1;
  transform:none;
}

@media(max-width:1160px){
  .ag-xp369 .ag-xp365__grid{min-height:600px!important}
  .ag-xp369 .ag-xp365__image-stage img{height:min(860px,76vw)!important}
  .ag-workflow-v369 .ag-workflow-v36__stage{grid-template-columns:minmax(0,1.05fr) minmax(250px,.72fr)!important}
  .ag-workflow-v369 .ag-workflow-v368__route{height:450px!important;min-height:450px!important}
}

@media(max-width:900px){
  .ag-xp369 .ag-xp365__grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "visual"!important;
    min-height:auto!important;
    padding-top:42px!important;
    padding-bottom:0!important;
    gap:10px!important;
  }
  .ag-xp369 .ag-xp365__visual{min-height:540px!important}
  .ag-xp369 .ag-xp365__image-stage{height:540px!important}
  .ag-xp369 .ag-xp365__image-stage img{bottom:-92px!important;height:min(760px,98vw)!important}
  .ag-xp369__ground-spot{bottom:-62px!important;width:220px!important;height:70px!important}

  .ag-workflow-v369 .ag-workflow-v36__stage{
    grid-template-columns:1fr!important;
    grid-template-areas:"visual" "orbit"!important;
    gap:8px!important;
  }
  .ag-workflow-v369 .ag-workflow-v368__visual{min-height:390px!important}
  .ag-workflow-v369 .ag-workflow-v368__visual .ag-workflow-v24__character{width:min(82vw,410px)!important}
  .ag-workflow-v369 .ag-workflow-v368__route{height:560px!important;min-height:560px!important}
  .ag-workflow-v369 .ag-workflow-v369-step--1{right:6%!important;bottom:10%!important}
  .ag-workflow-v369 .ag-workflow-v369-step--2{right:16%!important;top:43%!important}
  .ag-workflow-v369 .ag-workflow-v369-step--3{left:23%!important;top:18%!important}
  .ag-workflow-v369 .ag-workflow-v369-step--4{left:2%!important;top:-1%!important}
}

@media(max-width:640px){
  .ag-xp369 .ag-xp365__headline h2{font-size:clamp(1.78rem,9vw,2.5rem)!important;gap:10px!important}
  .ag-xp369__title-badge{min-width:62px!important;height:62px!important;border-radius:15px!important;font-size:2rem!important}
  .ag-xp369 .ag-xp365__peak{font-size:.98rem!important}
  .ag-xp369 .ag-xp365__story p{font-size:.92rem!important;line-height:1.82!important}
  .ag-xp369 .ag-xp365__actions{grid-template-columns:1fr!important}
  .ag-xp369 .ag-xp365__counter,.ag-xp369 .ag-xp365__cta{width:100%!important}
  .ag-xp369 .ag-xp365__visual{min-height:470px!important}
  .ag-xp369 .ag-xp365__image-stage{height:470px!important}
  .ag-xp369 .ag-xp365__image-stage img{height:min(650px,102vw)!important;bottom:-86px!important}
  .ag-xp369__ground-spot{width:190px!important;height:58px!important;bottom:-56px!important}

  .ag-workflow-v369 .ag-workflow-v36__inner{padding-top:30px!important;padding-bottom:30px!important}
  .ag-workflow-v369 .ag-workflow-v36__intro h2{font-size:clamp(1.45rem,7.4vw,2rem)!important}
  .ag-workflow-v369 .ag-workflow-v368__route{height:auto!important;min-height:0!important;display:grid!important;gap:20px!important;padding-top:24px!important}
  .ag-workflow-v369__route-svg,.ag-workflow-v369__route-label{display:none!important}
  .ag-workflow-v369 .ag-workflow-v36-step,
  .ag-workflow-v369 .ag-workflow-v36-step:hover{
    position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;margin:0!important;padding:0 0 0 20px!important
  }
  .ag-workflow-v369 .ag-workflow-v36-step::before{
    content:"";position:absolute;inset-inline-start:0;top:12px;bottom:-20px;width:2px;background:#111;
  }
  .ag-workflow-v369 .ag-workflow-v36-step:last-child::before{display:none}
  .ag-workflow-v369 .ag-workflow-v36-step__icon{margin-bottom:8px!important}
  .ag-workflow-v369 .ag-workflow-v24__cta.ag-workflow-v36__cta{width:100%!important;grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .ag-xp369 .ag-xp365__cta svg,
  .ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--1,
  .ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--2,
  .ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--3,
  .ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--4{animation:none!important}
  html.has-ag-v369-motion [data-ag-v369-reveal],
  html.has-ag-v369-motion [data-ag-v369-line]{opacity:1!important;transform:none!important;transition:none!important}
}

.ag-systems-v36__plans-anchor{display:block;position:relative;top:-130px;visibility:hidden;pointer-events:none}


/* =========================================================
   V3.7.0 REFINED FLOW — strict refinements requested
   ========================================================= */

.ag-xp36.ag-xp362.ag-xp363.ag-xp364.ag-xp365.ag-xp366.ag-xp367.ag-xp368.ag-xp369{
  background:#F3C600!important;
  color:#0D0F10!important;
  border:none!important;
  overflow:visible!important;
}
.ag-xp36::before{display:none!important}

.ag-xp369 .ag-xp365__grid{
  min-height:560px!important;
  padding-top:40px!important;
  padding-bottom:2px!important;
  gap:clamp(20px,3.6vw,48px)!important;
  align-items:end!important;
}
.ag-xp369 .ag-xp365__visual{
  min-height:620px!important;
  overflow:visible!important;
}
.ag-xp369 .ag-xp365__image-stage{
  width:min(100%,560px)!important;
  height:620px!important;
  overflow:visible!important;
}
.ag-xp369 .ag-xp365__image-stage img{
  height:min(900px,71vw)!important;
  bottom:-132px!important;
  filter:none!important;
}
.ag-xp369__ground-spot,
.ag-xp368__ground-spot.ag-xp369__ground-spot,
.ag-xp369 .ag-xp368__ground-spot{
  left:50.5%!important;
  bottom:-100px!important;
  width:290px!important;
  height:88px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 52%, rgba(13,15,16,.96) 0%, rgba(13,15,16,.96) 54%, rgba(13,15,16,.82) 73%, rgba(13,15,16,0) 100%)!important;
  filter:none!important;
  opacity:.98!important;
}
.ag-xp369 .ag-xp365__copy{
  max-width:700px!important;
  padding-top:0!important;
  padding-bottom:26px!important;
}
.ag-xp369 .ag-xp365__headline h2{
  font-size:clamp(1.86rem,3.05vw,3.25rem)!important;
  line-height:1.34!important;
  gap:12px!important;
  align-items:center!important;
}
.ag-xp369__title-badge{
  min-width:72px!important;
  height:72px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  background:#0D0F10!important;
  color:#F3C600!important;
  box-shadow:none!important;
}
.ag-xp369__title-text{
  line-height:1.38!important;
  overflow:visible!important;
}
.ag-xp369 .ag-xp365__peak{
  margin-top:8px!important;
  font-size:1.01rem!important;
  font-weight:950!important;
  color:#8E2230!important;
}
.ag-xp369 .ag-xp365__story{margin-top:12px!important;max-width:640px!important}
.ag-xp369 .ag-xp365__story p{
  font-size:.98rem!important;
  line-height:1.88!important;
  color:#141618!important;
}
.ag-xp369 .ag-xp365__promise{
  margin-top:11px!important;
  border-inline-start:none!important;
  padding-inline-start:0!important;
  color:rgba(13,15,16,.82)!important;
}
.ag-xp369 .ag-xp365__actions{
  grid-template-columns:minmax(0,220px) auto!important;
  align-items:end!important;
  gap:12px!important;
  margin-top:20px!important;
}
.ag-xp369 .ag-xp365__counter{
  min-height:108px!important;
  padding:14px 18px!important;
  border-radius:18px!important;
  background:#0D0F10!important;
  box-shadow:none!important;
}
.ag-xp369 .ag-xp365__counter-number{
  align-items:flex-end!important;
  gap:6px!important;
}
.ag-xp369 .ag-xp365__counter-number strong{
  color:#fff!important;
  font-size:clamp(2.5rem,4vw,3.4rem)!important;
  line-height:1.04!important;
  font-weight:950!important;
}
.ag-xp369 .ag-xp365__counter-number span{
  color:#fff!important;
  font-size:1rem!important;
  line-height:1.3!important;
  padding-bottom:6px!important;
}
.ag-xp369 .ag-xp366__plus{
  color:#F3C600!important;
  font-size:1.95rem!important;
  line-height:1!important;
  transform:translateY(-2px)!important;
}
.ag-xp369 .ag-xp365__counter-copy small{
  color:rgba(255,255,255,.68)!important;
  font-size:.73rem!important;
}
.ag-xp369 .ag-xp365__year-words{
  min-height:24px!important;
}
.ag-xp369 .ag-xp365__year-words span{
  color:#fff!important;
  font-size:.94rem!important;
  font-weight:900!important;
}
.ag-xp369 .ag-xp365__cta{
  min-height:46px!important;
  padding:8px 14px!important;
  border-radius:12px!important;
  background:#0D0F10!important;
  color:#F3C600!important;
  border:1px solid #0D0F10!important;
  box-shadow:none!important;
  width:max-content!important;
}
.ag-xp369 .ag-xp365__cta span{font-size:.89rem!important;font-weight:950!important}
.ag-xp369 .ag-xp365__cta i{
  width:28px!important;
  height:28px!important;
  background:transparent!important;
  color:#F3C600!important;
}
.ag-xp369 .ag-xp365__cta svg{
  width:18px!important;
  height:18px!important;
  animation:agV370ArrowDown 2.15s cubic-bezier(.4,0,.2,1) infinite!important;
}
.ag-xp369 .ag-xp365__cta:hover{
  transform:translateY(-2px)!important;
  background:#16191b!important;
  color:#F3C600!important;
}

@keyframes agV370ArrowDown{
  0%,100%{transform:translateY(0);opacity:1}
  50%{transform:translateY(3px);opacity:.75}
}

/* tighter overall section rhythm */
#experience{margin-bottom:-8px!important}
#about.ag-who--v36{padding-top:48px!important;padding-bottom:58px!important}
#portfolio.ag-work{padding-top:58px!important;padding-bottom:56px!important}
.ag-workflow-v24.ag-workflow-v36.ag-workflow-v362.ag-workflow-v363.ag-workflow-v364.ag-workflow-v365.ag-workflow-v366.ag-workflow-v367.ag-workflow-v368.ag-workflow-v369{
  background:#fff!important;
  overflow:visible!important;
  padding-top:0!important;
}
.ag-workflow-v369 .ag-workflow-v36__inner{
  padding-top:22px!important;
  padding-bottom:24px!important;
}
.ag-workflow-v369 .ag-workflow-v36__intro{
  margin:0 0 6px auto!important;
  max-width:620px!important;
}
html[dir="ltr"] .ag-workflow-v369 .ag-workflow-v36__intro{margin:0 auto 6px 0!important}
.ag-workflow-v369 .ag-workflow-v36__intro h2{
  font-size:clamp(1.48rem,2.35vw,2.22rem)!important;
  line-height:1.28!important;
  margin-bottom:8px!important;
}
.ag-workflow-v369 .ag-workflow-v36__intro p{
  font-size:.92rem!important;
  line-height:1.8!important;
}
.ag-workflow-v369 .ag-workflow-v36__stage{
  margin-top:12px!important;
  grid-template-columns:minmax(0,1.22fr) minmax(290px,.7fr)!important;
  gap:clamp(10px,2vw,28px)!important;
  align-items:end!important;
}
.ag-workflow-v369 .ag-workflow-v368__visual{
  min-height:455px!important;
  overflow:visible!important;
}
.ag-workflow-v369 .ag-workflow-v368__visual .ag-workflow-v24__character{
  width:min(108%,495px)!important;
  margin:0 auto -10px!important;
}
.ag-workflow-v369 .ag-workflow-v24__character-full,
.ag-workflow-v369 .ag-workflow-v24__character-preview{filter:none!important}
.ag-workflow-v369 .ag-workflow-v368__route{
  position:relative!important;
  width:min(100%,790px)!important;
  height:430px!important;
  min-height:430px!important;
  margin-inline:auto!important;
  overflow:visible!important;
}
.ag-workflow-v369__route-label,
.ag-workflow-v369 .ag-workflow-v368__route-label{
  left:50%!important;
  top:54%!important;
  transform:translate(-50%,-50%)!important;
  min-width:146px!important;
  min-height:48px!important;
  padding:8px 16px!important;
  background:#0D0F10!important;
  color:#fff!important;
  border-radius:14px!important;
  font-size:.92rem!important;
  box-shadow:none!important;
}
.ag-workflow-v369__route-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important}
.ag-workflow-v369__route-track{
  fill:none!important;
  stroke:#111!important;
  stroke-width:10!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  stroke-dasharray:1 22!important;
}
.ag-workflow-v369__route-dot--static{fill:#111!important}
.ag-workflow-v370__traveler-wrap{filter:drop-shadow(0 0 7px rgba(243,198,0,.42))!important}
.ag-workflow-v370__traveler-body{fill:#111!important}
.ag-workflow-v370__traveler-lamp{fill:#F7D64A!important}
.ag-workflow-v369__route-traveler{fill:#F3C600!important}
.ag-workflow-v369 .ag-workflow-v36-step,
.ag-workflow-v369 .ag-workflow-v36-step:hover{
  width:154px!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  z-index:5!important;
}
.ag-workflow-v369 .ag-workflow-v36-step__number{
  margin:0 0 7px!important;
  color:rgba(13,15,16,.58)!important;
  font:900 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.ag-workflow-v369 .ag-workflow-v36-step__icon{
  width:48px!important;
  height:48px!important;
  margin:0 0 10px!important;
  background:transparent!important;
}
.ag-workflow-v369 .ag-workflow-v36-step__icon svg{
  width:48px!important;
  height:48px!important;
  stroke:#111!important;
  stroke-width:3!important;
}
.ag-workflow-v369 .ag-workflow-v36-step h3{
  margin:0!important;
  color:#111!important;
  font-size:.94rem!important;
  line-height:1.34!important;
  font-weight:950!important;
}
.ag-workflow-v369 .ag-workflow-v36-step p{display:none!important}
.ag-workflow-v369 .ag-workflow-v369-step--1{right:5%!important;bottom:8%!important}
.ag-workflow-v369 .ag-workflow-v369-step--2{right:24%!important;top:52%!important}
.ag-workflow-v369 .ag-workflow-v369-step--3{left:34%!important;top:24%!important}
.ag-workflow-v369 .ag-workflow-v369-step--4{left:5%!important;top:2%!important}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--1,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--2,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--3,
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--4{animation:agV370StepGlow 12s linear infinite}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--1{animation-delay:0s}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--2{animation-delay:3s}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--3{animation-delay:6s}
.ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--4{animation-delay:9s}
@keyframes agV370StepGlow{
  0%,18%,100%{opacity:.6}
  20%,42%{opacity:1}
}
.ag-workflow-v369.is-v369-step-1 .ag-workflow-v369-step--1 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-step-1 .ag-workflow-v369-step--1 h3,
.ag-workflow-v369.is-v369-step-1 .ag-workflow-v369-step--1 .ag-workflow-v36-step__number,
.ag-workflow-v369.is-v369-step-2 .ag-workflow-v369-step--2 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-step-2 .ag-workflow-v369-step--2 h3,
.ag-workflow-v369.is-v369-step-2 .ag-workflow-v369-step--2 .ag-workflow-v36-step__number,
.ag-workflow-v369.is-v369-step-3 .ag-workflow-v369-step--3 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-step-3 .ag-workflow-v369-step--3 h3,
.ag-workflow-v369.is-v369-step-3 .ag-workflow-v369-step--3 .ag-workflow-v36-step__number,
.ag-workflow-v369.is-v369-step-4 .ag-workflow-v369-step--4 .ag-workflow-v36-step__icon svg,
.ag-workflow-v369.is-v369-step-4 .ag-workflow-v369-step--4 h3,
.ag-workflow-v369.is-v369-step-4 .ag-workflow-v369-step--4 .ag-workflow-v36-step__number{
  color:#D4AF37!important;
  stroke:#D4AF37!important;
}
.ag-workflow-v369 .ag-workflow-v24__cta.ag-workflow-v36__cta{
  width:min(820px,100%)!important;
  min-height:90px!important;
  margin:14px auto 0!important;
  padding:16px 18px!important;
  background:#0D0F10!important;
  color:#fff!important;
  border-radius:20px!important;
}
.ag-workflow-v369 .ag-workflow-v36__cta p{color:rgba(255,255,255,.72)!important}
.ag-workflow-v369 .ag-workflow-v36__cta a{background:#F3C600!important;color:#111!important;font-weight:950!important}

html.has-ag-v369-motion [data-ag-v369-reveal],
html.has-ag-v369-motion [data-ag-v369-line]{
  opacity:0;
  transform:translate3d(0,26px,0);
  transition:opacity .9s cubic-bezier(.2,.84,.24,1), transform .95s cubic-bezier(.2,.84,.24,1);
}
html.has-ag-v369-motion .is-v369-visible [data-ag-v369-reveal],
html.has-ag-v369-motion .is-v369-visible [data-ag-v369-line]{
  opacity:1;
  transform:none;
}

@media(max-width:1160px){
  .ag-xp369 .ag-xp365__grid{min-height:540px!important}
  .ag-xp369 .ag-xp365__image-stage img{height:min(820px,72vw)!important}
  .ag-workflow-v369 .ag-workflow-v36__stage{grid-template-columns:minmax(0,1.12fr) minmax(250px,.74fr)!important}
}
@media(max-width:900px){
  .ag-xp369 .ag-xp365__grid{grid-template-columns:1fr!important;grid-template-areas:"copy" "visual"!important;gap:4px!important;padding-top:36px!important;padding-bottom:0!important;min-height:auto!important}
  .ag-xp369 .ag-xp365__actions{grid-template-columns:1fr!important;gap:10px!important}
  .ag-xp369 .ag-xp365__counter,.ag-xp369 .ag-xp365__cta{width:100%!important}
  .ag-xp369 .ag-xp365__visual{min-height:540px!important}
  .ag-xp369 .ag-xp365__image-stage{height:540px!important}
  .ag-xp369 .ag-xp365__image-stage img{height:min(700px,98vw)!important;bottom:-100px!important}
  .ag-xp369__ground-spot{bottom:-76px!important;width:220px!important;height:70px!important}
  .ag-workflow-v369 .ag-workflow-v36__stage{grid-template-columns:1fr!important;grid-template-areas:"visual" "orbit"!important;gap:4px!important}
  .ag-workflow-v369 .ag-workflow-v368__visual{min-height:370px!important}
  .ag-workflow-v369 .ag-workflow-v368__visual .ag-workflow-v24__character{width:min(83vw,420px)!important}
  .ag-workflow-v369 .ag-workflow-v368__route{height:520px!important;min-height:520px!important}
  .ag-workflow-v369 .ag-workflow-v369-step--1{right:5%!important;bottom:10%!important}
  .ag-workflow-v369 .ag-workflow-v369-step--2{right:20%!important;top:48%!important}
  .ag-workflow-v369 .ag-workflow-v369-step--3{left:22%!important;top:23%!important}
  .ag-workflow-v369 .ag-workflow-v369-step--4{left:4%!important;top:4%!important}
}
@media(max-width:640px){
  .ag-xp369 .ag-xp365__headline h2{font-size:clamp(1.68rem,8vw,2.35rem)!important;line-height:1.42!important}
  .ag-xp369__title-badge{min-width:60px!important;height:60px!important;font-size:1.8rem!important}
  .ag-xp369 .ag-xp365__story p{font-size:.91rem!important;line-height:1.8!important}
  .ag-xp369 .ag-xp365__visual{min-height:450px!important}
  .ag-xp369 .ag-xp365__image-stage{height:450px!important}
  .ag-xp369 .ag-xp365__image-stage img{height:min(620px,101vw)!important;bottom:-82px!important}
  .ag-xp369__ground-spot{bottom:-52px!important;width:180px!important;height:54px!important}
  .ag-workflow-v369 .ag-workflow-v36__inner{padding-top:18px!important;padding-bottom:22px!important}
  .ag-workflow-v369 .ag-workflow-v36__intro h2{font-size:clamp(1.38rem,7vw,1.94rem)!important}
  .ag-workflow-v369 .ag-workflow-v368__route{height:auto!important;min-height:0!important;display:grid!important;gap:18px!important;padding-top:18px!important}
  .ag-workflow-v369__route-svg,.ag-workflow-v369__route-label{display:none!important}
  .ag-workflow-v369 .ag-workflow-v36-step,
  .ag-workflow-v369 .ag-workflow-v36-step:hover{position:relative!important;inset:auto!important;width:100%!important;padding:0 0 0 18px!important}
  .ag-workflow-v369 .ag-workflow-v36-step::before{content:"";position:absolute;inset-inline-start:0;top:9px;bottom:-16px;width:2px;background:#111}
  .ag-workflow-v369 .ag-workflow-v36-step:last-child::before{display:none}
  .ag-workflow-v369 .ag-workflow-v24__cta.ag-workflow-v36__cta{width:100%!important;grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .ag-xp369 .ag-xp365__cta svg,
  .ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--1,
  .ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--2,
  .ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--3,
  .ag-workflow-v369.is-v369-route-playing .ag-workflow-v369-step--4{animation:none!important}
}

/* =========================================================
   ARABIA GROUP — HOME V3.7.4 / FINAL TUNING
   Isolated experience + compact winding workflow.
   ========================================================= */

:root{
  --ag373-yellow:#F3C600;
  --ag373-ink:#0D0F10;
  --ag373-paper:#F4F1E8;
  --ag373-cherry:#8E2230;
}

/* =========================================================
   EXPERIENCE / 6 YEARS
   ========================================================= */
#experience.ag-xp373{
  position:relative!important;
  z-index:18!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:var(--ag373-yellow)!important;
  color:var(--ag373-ink)!important;
  border:0!important;
  isolation:isolate!important;
}
#experience.ag-xp373::before,
#experience.ag-xp373::after{display:none!important}

.ag-xp373__inner{
  position:relative;
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(410px,.9fr) minmax(0,1.1fr);
  grid-template-areas:"visual copy";
  gap:clamp(38px,5vw,82px);
  align-items:center;
  direction:ltr;
  padding-top:34px;
  padding-bottom:44px;
  overflow:visible!important;
}

.ag-xp373__visual{
  grid-area:visual;
  position:relative;
  align-self:stretch;
  min-height:680px;
  margin:0;
  overflow:visible!important;
  z-index:6;
}
.ag-xp373__visual img{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:-118px;
  display:block;
  width:auto;
  height:min(830px,64vw);
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  transform:translateX(-50%);
  filter:none!important;
}

/* Solid, ink-like ground puddle: no blur, no fade, no transparency. */
.ag-xp373__ground-spot{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:-92px;
  width:300px;
  height:66px;
  transform:translateX(-52%) rotate(-2deg);
  border-radius:48% 52% 44% 56% / 58% 42% 58% 42%;
  background:var(--ag373-ink);
  opacity:1;
  box-shadow:
    -70px 8px 0 -24px var(--ag373-ink),
    76px 5px 0 -28px var(--ag373-ink),
    -118px 13px 0 -48px var(--ag373-ink),
    118px 10px 0 -50px var(--ag373-ink);
  pointer-events:none;
}
.ag-xp373__ground-spot::before,
.ag-xp373__ground-spot::after{
  content:"";
  position:absolute;
  background:var(--ag373-ink);
  border-radius:50%;
}
.ag-xp373__ground-spot::before{width:42px;height:22px;left:-34px;bottom:1px;transform:rotate(12deg)}
.ag-xp373__ground-spot::after{width:28px;height:16px;right:-30px;top:9px;transform:rotate(-9deg)}

.ag-xp373__copy{
  grid-area:copy;
  direction:rtl;
  text-align:right;
  max-width:760px;
  justify-self:end;
  padding-bottom:12px;
  overflow:visible!important;
}
html[dir="ltr"] .ag-xp373__copy{direction:ltr;text-align:left;justify-self:start}

.ag-xp373__headline{overflow:visible!important}
.ag-xp373__headline h2{
  margin:0;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:14px;
  overflow:visible!important;
  color:var(--ag373-ink)!important;
  font-size:clamp(2.3rem,3.65vw,3.95rem);
  line-height:1.3;
  font-weight:950;
  letter-spacing:0;
}
.ag-xp373__title-badge{
  flex:0 0 auto;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  padding:0 0 4px;
  border-radius:12px;
  background:var(--ag373-ink);
  color:var(--ag373-yellow);
  font-size:clamp(2rem,2.7vw,2.65rem);
  line-height:1;
  font-weight:950;
  box-shadow:none!important;
}
.ag-xp373__title-text{
  display:block;
  min-width:0;
  padding-block:8px 12px;
  overflow:visible!important;
  color:var(--ag373-ink)!important;
  line-height:1.36;
}
.ag-xp373__peak{
  margin:4px 0 0;
  color:var(--ag373-cherry);
  font-size:1.03rem;
  line-height:1.6;
  font-weight:950;
}

.ag-xp373__story{max-width:700px;margin-top:15px}
.ag-xp373__story p{
  margin:0;
  color:var(--ag373-ink)!important;
  font-size:clamp(.94rem,1vw,1.02rem);
  line-height:1.9;
  font-weight:760;
}
.ag-xp373__story p + p{margin-top:10px}

.ag-xp373__actions{
  margin-top:22px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px;
}

/* Slightly larger, more composed counter. */
.ag-xp373__counter{
  width:286px;
  min-height:106px;
  padding:13px 17px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:16px;
  border:1px solid rgba(243,198,0,.24);
  border-radius:16px;
  background:var(--ag373-ink);
  color:#fff;
  box-shadow:none!important;
  overflow:hidden;
}
.ag-xp373__counter-main{
  min-width:84px;
  display:flex;
  align-items:flex-end;
  gap:5px;
  white-space:nowrap;
}
.ag-xp373__counter-main strong{
  color:var(--ag373-yellow);
  font-size:3.15rem;
  line-height:.92;
  font-weight:950;
  transform-origin:center bottom;
}
.ag-xp373__counter-main strong.is-ticking{animation:ag373CounterTick .62s cubic-bezier(.16,.84,.22,1)}
.ag-xp373__counter-main em{
  margin-bottom:8px;
  color:var(--ag373-yellow);
  font-size:1.55rem;
  line-height:1;
  font-style:normal;
  font-weight:950;
}
.ag-xp373__counter-main span{
  margin-bottom:6px;
  color:#fff;
  font-size:.88rem;
  line-height:1.2;
  font-weight:900;
}
@keyframes ag373CounterTick{
  0%{transform:translateY(7px) scale(.9);opacity:.22}
  58%{transform:translateY(-2px) scale(1.07);opacity:1}
  100%{transform:none;opacity:1}
}
.ag-xp373__counter-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  border-inline-start:1px solid rgba(243,198,0,.38);
  padding-inline-start:14px;
}
.ag-xp373__counter-copy small{
  color:rgba(255,255,255,.72);
  font-size:.66rem;
  line-height:1.3;
  font-weight:800;
}
.ag-xp373__year-words{position:relative;min-height:28px;overflow:visible}
.ag-xp373__year-words span{
  position:absolute;
  inset-inline-start:0;
  top:0;
  width:100%;
  opacity:0;
  transform:translateY(6px);
  color:#fff;
  font-size:.83rem;
  line-height:1.45;
  font-weight:900;
  white-space:normal;
  transition:opacity .42s ease,transform .46s cubic-bezier(.2,.8,.2,1);
}
.ag-xp373__year-words span.is-active{opacity:1;transform:none}

/* No box. Cherry editorial text + down arrow only. */
.ag-xp373__cta{
  min-height:auto;
  padding:8px 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ag373-cherry)!important;
  text-decoration:none;
  font-size:1rem;
  line-height:1.2;
  font-weight:950;
  box-shadow:none!important;
  transform:none!important;
}
.ag-xp373__cta svg{
  width:19px;
  height:19px;
  stroke:currentColor;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  animation:ag373Arrow 2.25s ease-in-out infinite;
}
.ag-xp373__cta:hover,
.ag-xp373__cta:focus-visible{
  background:transparent!important;
  color:#6f1825!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.ag-xp373__cta:hover svg{transform:translateY(2px)}
@keyframes ag373Arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}

/* More compact bridge to the next section while preserving leg overlap. */
#experience.ag-xp373 + #about,
#experience.ag-xp373 + .ag-who,
#about.ag-who--v36{
  position:relative!important;
  z-index:4!important;
  padding-top:clamp(82px,7vw,104px)!important;
  overflow:visible!important;
}

/* Explicit scroll-in motion for the experience block. */
html.has-ag373-motion #experience.ag-xp373 [data-ag-v373-reveal]{
  opacity:0;
  transition:opacity .82s cubic-bezier(.2,.82,.2,1),transform .95s cubic-bezier(.2,.82,.2,1);
  will-change:transform,opacity;
}
html.has-ag373-motion #experience.ag-xp373 [data-ag-v373-reveal="visual"]{transform:translate3d(-42px,28px,0) scale(.975)}
html.has-ag373-motion #experience.ag-xp373 [data-ag-v373-reveal="copy"]{transform:translate3d(34px,22px,0)}
html.has-ag373-motion #experience.ag-xp373 .ag-xp373__story[data-ag-v373-reveal="copy"]{transition-delay:90ms}
html.has-ag373-motion #experience.ag-xp373 .ag-xp373__actions[data-ag-v373-reveal="copy"]{transition-delay:170ms}
html.has-ag373-motion #experience.ag-xp373.is-ag373-visible [data-ag-v373-reveal]{opacity:1;transform:none}
html[dir="ltr"].has-ag373-motion #experience.ag-xp373 [data-ag-v373-reveal="visual"]{transform:translate3d(42px,28px,0) scale(.975)}
html[dir="ltr"].has-ag373-motion #experience.ag-xp373 [data-ag-v373-reveal="copy"]{transform:translate3d(-34px,22px,0)}

/* =========================================================
   WORKFLOW / FROM FIRST QUESTION
   ========================================================= */
.ag-workflow373{
  position:relative;
  z-index:8;
  overflow:hidden;
  background:#fff;
  color:var(--ag373-ink);
}
.ag-workflow373__inner{
  position:relative;
  z-index:2;
  padding-top:24px;
  padding-bottom:22px;
}

/* Intro is deliberately anchored to the right in RTL. */
.ag-workflow373__intro{
  width:min(720px,100%);
  margin:0 0 0 auto;
  direction:rtl;
  text-align:right;
}
html[dir="ltr"] .ag-workflow373__intro{margin:0 auto 0 0;direction:ltr;text-align:left}
.ag-workflow373__intro>span{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--ag373-cherry);
  font-size:.76rem;
  font-weight:950;
}
.ag-workflow373__intro>span::before{
  content:"";
  width:30px;
  height:3px;
  border-radius:999px;
  background:var(--ag373-ink);
}
.ag-workflow373__intro h2{
  margin:7px 0 0;
  color:var(--ag373-ink);
  font-size:clamp(1.65rem,2.55vw,2.55rem);
  line-height:1.28;
  font-weight:950;
}
.ag-workflow373__intro p{
  max-width:640px;
  margin:6px 0 0;
  color:rgba(13,15,16,.65);
  font-size:.9rem;
  line-height:1.72;
  font-weight:700;
}

.ag-workflow373__stage{
  margin-top:2px;
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(310px,.58fr);
  grid-template-areas:"route visual";
  gap:clamp(0px,1.4vw,20px);
  align-items:end;
  direction:ltr;
}
.ag-workflow373__route-wrap{
  grid-area:route;
  min-width:0;
  margin-right:-86px;
  position:relative;
  z-index:2;
}
.ag-workflow373__route{
  position:relative;
  width:min(110%,980px);
  height:438px;
  margin-inline:auto;
}
.ag-workflow373__route-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.ag-workflow373__route-track{
  fill:none;
  stroke:var(--ag373-ink);
  stroke-width:7;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:1 18;
  opacity:.92;
}
.ag-workflow373__stops circle{fill:var(--ag373-ink)}
.ag-workflow373__traveler rect{fill:var(--ag373-ink)}
.ag-workflow373__traveler-lamp,
.ag-workflow373__traveler-core{fill:var(--ag373-yellow)}
.ag-workflow373__traveler-lamp{filter:drop-shadow(0 0 5px rgba(243,198,0,.78))}

/* Stages sit NEXT TO the path, never on top of it. */
.ag-workflow373__step{
  position:absolute;
  z-index:4;
  width:190px;
  padding:4px 7px;
  direction:rtl;
  text-align:right;
  pointer-events:none;
}
html[dir="ltr"] .ag-workflow373__step{direction:ltr;text-align:left}
.ag-workflow373__step--1{right:-2%;bottom:-3%}
.ag-workflow373__step--2{right:31%;bottom:4%}
.ag-workflow373__step--3{left:27%;top:21%}
.ag-workflow373__step--4{left:-1%;top:-2%}

.ag-workflow373__step-number{
  display:block;
  margin-bottom:5px;
  color:rgba(13,15,16,.52);
  font:900 .76rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.ag-workflow373__step-icon{
  position:relative;
  width:48px;
  height:48px;
  margin-bottom:6px;
}
.ag-workflow373__step-icon::before{
  content:"";
  position:absolute;
  inset:8px;
  z-index:-1;
  border-radius:50%;
  background:var(--ag373-yellow);
  opacity:0;
  transform:scale(.55);
  transition:opacity .28s ease,transform .36s cubic-bezier(.2,.8,.2,1);
}
.ag-workflow373__step-icon svg{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  stroke:var(--ag373-ink);
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.ag-workflow373__step h3{
  position:relative;
  z-index:1;
  display:inline-block;
  margin:0;
  color:var(--ag373-ink)!important;
  font-size:.98rem;
  line-height:1.38;
  font-weight:950;
}
/* Yellow marker stroke instead of turning the title yellow. */
.ag-workflow373__step h3::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset-inline-start:-4px;
  bottom:.08em;
  width:calc(100% + 8px);
  height:.42em;
  border-radius:54% 46% 58% 42%;
  background:var(--ag373-yellow);
  clip-path:polygon(0 32%,8% 18%,20% 30%,37% 10%,55% 28%,73% 14%,100% 31%,96% 76%,74% 68%,51% 86%,31% 70%,12% 84%,2% 70%);
  transform:scaleX(0) rotate(-1.5deg);
  transform-origin:right center;
  opacity:.88;
  transition:transform .48s cubic-bezier(.18,.82,.2,1);
}
html[dir="ltr"] .ag-workflow373__step h3::after{transform-origin:left center}

.ag-workflow373__step p{
  max-height:0;
  max-width:185px;
  margin:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(5px);
  color:rgba(13,15,16,.76);
  font-size:.73rem;
  line-height:1.62;
  font-weight:720;
  transition:max-height .42s ease,margin-top .42s ease,opacity .34s ease,transform .42s cubic-bezier(.2,.8,.2,1);
}
.ag-workflow373__step.is-active .ag-workflow373__step-icon::before{opacity:.95;transform:scale(1)}
.ag-workflow373__step.is-active .ag-workflow373__step-icon svg{transform:translateY(-2px) scale(1.04)}
.ag-workflow373__step.is-active h3::after{transform:scaleX(1) rotate(-1.5deg)}
.ag-workflow373__step.is-active p{max-height:100px;margin-top:6px;opacity:1;transform:none}

.ag-workflow373__visual{
  grid-area:visual;
  position:relative;
  z-index:4;
  min-height:430px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.ag-workflow373__visual figure{width:min(112%,475px);margin:0 auto -4px}
.ag-workflow373__visual img{display:block;width:100%;height:auto;object-fit:contain;filter:none!important}

.ag-workflow373__cta{
  width:min(820px,100%);
  min-height:84px;
  margin:4px auto 0;
  padding:14px 17px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  border-radius:17px;
  background:var(--ag373-ink);
  color:#fff;
  direction:rtl;
}
html[dir="ltr"] .ag-workflow373__cta{direction:ltr}
.ag-workflow373__cta h3{margin:0;font-size:.98rem;line-height:1.45;font-weight:950}
.ag-workflow373__cta p{margin:3px 0 0;color:rgba(255,255,255,.7);font-size:.71rem;line-height:1.58;font-weight:700}
.ag-workflow373__cta a{
  min-width:154px;
  min-height:42px;
  padding:8px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--ag373-yellow);
  color:var(--ag373-ink);
  text-decoration:none;
  font-size:.79rem;
  font-weight:950;
}

.ag-workflow373__spot{position:absolute;border-radius:50%;pointer-events:none;z-index:1}
.ag-workflow373__spot--gold{
  width:205px;height:130px;right:7%;top:28%;
  background:radial-gradient(ellipse at center,rgba(243,198,0,.14) 0%,rgba(243,198,0,.055) 48%,rgba(243,198,0,0) 75%);
  transform:rotate(-14deg);
}
.ag-workflow373__spot--ink{
  width:235px;height:145px;left:4%;bottom:5%;
  background:radial-gradient(ellipse at center,rgba(13,15,16,.065) 0%,rgba(13,15,16,.025) 48%,rgba(13,15,16,0) 76%);
  transform:rotate(13deg);
}

/* General replayable motion. */
html.has-ag373-motion [data-ag-v373-reveal]{
  opacity:0;
  transform:translate3d(0,20px,0);
  transition:opacity .78s cubic-bezier(.2,.82,.2,1),transform .9s cubic-bezier(.2,.82,.2,1);
}
html.has-ag373-motion .is-ag373-visible [data-ag-v373-reveal]{opacity:1;transform:none}
html.has-ag373-motion [data-ag-v373-reveal="route"]{transform:translate3d(-18px,16px,0)}
html.has-ag373-motion [data-ag-v373-reveal="visual"]{transform:translate3d(22px,18px,0)}
html.has-ag373-motion .is-ag373-visible [data-ag-v373-reveal="route"],
html.has-ag373-motion .is-ag373-visible [data-ag-v373-reveal="visual"]{transform:none}

@media(max-width:1180px){
  .ag-xp373__inner{grid-template-columns:minmax(350px,.84fr) minmax(0,1.16fr);gap:30px}
  .ag-xp373__headline h2{font-size:clamp(2.05rem,3.4vw,3.45rem)}
  .ag-xp373__visual img{height:min(770px,65vw)}
  .ag-workflow373__stage{grid-template-columns:minmax(0,1.25fr) minmax(275px,.64fr)}
  .ag-workflow373__route{height:420px}
  .ag-workflow373__visual{min-height:410px}
}

@media(max-width:900px){
  .ag-xp373__inner{
    min-height:auto;
    grid-template-columns:1fr;
    grid-template-areas:"copy" "visual";
    gap:6px;
    padding-top:34px;
    padding-bottom:0;
  }
  .ag-xp373__copy{max-width:none;justify-self:stretch;padding-bottom:0}
  .ag-xp373__headline h2{font-size:clamp(2rem,7.2vw,3.2rem);flex-wrap:wrap}
  .ag-xp373__visual{min-height:590px}
  .ag-xp373__visual img{height:min(720px,90vw);bottom:-72px}
  .ag-xp373__ground-spot{bottom:-52px;width:260px;height:58px}
  #experience.ag-xp373 + #about,#experience.ag-xp373 + .ag-who,#about.ag-who--v36{padding-top:78px!important}

  .ag-workflow373__stage{grid-template-columns:1fr;grid-template-areas:"visual" "route";gap:4px}
  .ag-workflow373__route-wrap{margin-right:0}
  .ag-workflow373__visual{min-height:360px}
  .ag-workflow373__visual figure{width:min(80vw,430px)}
  .ag-workflow373__route{height:440px}
}

@media(max-width:640px){
  .ag-xp373__headline h2{font-size:clamp(1.72rem,8.5vw,2.5rem);gap:10px}
  .ag-xp373__title-badge{width:58px;height:58px;border-radius:10px;font-size:1.8rem}
  .ag-xp373__story p{font-size:.9rem;line-height:1.8}
  .ag-xp373__actions{display:grid;grid-template-columns:1fr;justify-items:start;gap:12px}
  .ag-xp373__counter{width:min(100%,286px)}
  .ag-xp373__visual{min-height:470px}
  .ag-xp373__visual img{height:min(575px,104vw);bottom:-48px}
  .ag-xp373__ground-spot{bottom:-35px;width:220px;height:50px}
  #experience.ag-xp373 + #about,#experience.ag-xp373 + .ag-who,#about.ag-who--v36{padding-top:66px!important}

  .ag-workflow373__inner{padding-top:22px;padding-bottom:22px}
  .ag-workflow373__route{height:auto;display:grid;gap:17px;padding-top:10px}
  .ag-workflow373__route-svg{display:none}
  .ag-workflow373__step,.ag-workflow373__step--1,.ag-workflow373__step--2,.ag-workflow373__step--3,.ag-workflow373__step--4{
    position:relative;inset:auto;width:100%;padding-inline-start:20px;
  }
  .ag-workflow373__step::before{content:"";position:absolute;inset-inline-start:0;top:8px;bottom:-18px;width:2px;background:var(--ag373-ink)}
  .ag-workflow373__step:last-of-type::before{display:none}
  .ag-workflow373__step p{max-height:none;margin-top:5px;opacity:1;transform:none}
  .ag-workflow373__step h3::after{display:none}
  .ag-workflow373__visual{min-height:315px}
  .ag-workflow373__cta{grid-template-columns:1fr}
  .ag-workflow373__cta a{width:100%}
}

@media(prefers-reduced-motion:reduce){
  html.has-ag373-motion [data-ag-v373-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  .ag-xp373__cta svg,.ag-xp373__counter-main strong.is-ticking{animation:none!important}
  .ag-workflow373__step h3::after{transition:none!important}
}

/* =========================================================
   ARABIA GROUP — HOME V3.7.4 / FINAL TUNING
   Last visual pass: restore About overlap, stronger experience,
   compact winding workflow with icons above route and copy below.
   ========================================================= */

/* ----- EXPERIENCE / 6 YEARS: larger character + stronger puddle ----- */
#experience.ag-xp373{
  overflow:visible!important;
  z-index:18!important;
}

.ag-xp373__inner{
  min-height:720px!important;
  padding-top:26px!important;
  padding-bottom:38px!important;
  gap:clamp(30px,4.2vw,70px)!important;
  overflow:visible!important;
}

.ag-xp373__visual{
  min-height:720px!important;
  overflow:visible!important;
}

.ag-xp373__visual img{
  height:min(900px,69vw)!important;
  bottom:-136px!important;
  max-width:none!important;
  filter:none!important;
}

.ag-xp373__ground-spot{
  bottom:-106px!important;
  width:360px!important;
  height:78px!important;
  transform:translateX(-52%) rotate(-2deg)!important;
  border-radius:48% 52% 45% 55% / 61% 42% 58% 39%!important;
  background:var(--ag373-ink)!important;
  opacity:1!important;
  box-shadow:
    -84px 10px 0 -26px var(--ag373-ink),
    91px 6px 0 -29px var(--ag373-ink),
    -138px 15px 0 -53px var(--ag373-ink),
    137px 11px 0 -53px var(--ag373-ink)!important;
}
.ag-xp373__ground-spot::before{width:52px!important;height:25px!important;left:-42px!important;bottom:0!important}
.ag-xp373__ground-spot::after{width:36px!important;height:20px!important;right:-38px!important;top:10px!important}

.ag-xp373__peak{
  margin-top:5px!important;
  color:var(--ag373-cherry)!important;
  font-size:clamp(1.22rem,1.5vw,1.48rem)!important;
  line-height:1.5!important;
  font-weight:950!important;
}

.ag-xp373__counter{
  width:350px!important;
  min-height:112px!important;
  padding:14px 20px!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:20px!important;
  border-radius:18px!important;
}
.ag-xp373__counter-main{min-width:98px!important}
.ag-xp373__counter-main strong{font-size:3.35rem!important}
.ag-xp373__counter-copy{padding-inline-start:17px!important}
.ag-xp373__counter-copy small{font-size:.7rem!important}
.ag-xp373__year-words span{font-size:.86rem!important}

.ag-xp373__cta{
  padding:10px 0!important;
  gap:11px!important;
  color:var(--ag373-cherry)!important;
  font-size:1.08rem!important;
  font-weight:950!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ag-xp373__cta:hover,
.ag-xp373__cta:focus-visible{
  color:#6f1825!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ag-xp373__cta svg{width:21px!important;height:21px!important}

/* ----- ABOUT / CLARITY: restore the leg crossing into Portfolio ----- */
#about.ag-who--v36,
#about.ag-who,
#about .ag-who__grid,
#about .ag-who__visual,
#about .ag-progressive-shell,
#about .ag-progressive-shell--transparent{
  overflow:visible!important;
  clip-path:none!important;
}

#about.ag-who--v36{
  position:relative!important;
  z-index:14!important;
  padding-top:70px!important;
  padding-bottom:0!important;
}

#about.ag-who--v36 .ag-who__grid{
  min-height:600px!important;
  align-items:center!important;
  padding-bottom:0!important;
}

#about.ag-who--v36 .ag-who__visual{
  position:relative!important;
  z-index:16!important;
  min-height:610px!important;
  margin:0 0 -104px!important;
  overflow:visible!important;
}

#about.ag-who--v36 .ag-who__visual img{
  position:relative!important;
  z-index:17!important;
  width:min(108%,535px)!important;
  max-height:none!important;
  height:auto!important;
  transform:translateY(72px)!important;
  filter:none!important;
  animation:none!important;
  clip-path:none!important;
}

#portfolio.ag-work{
  position:relative!important;
  z-index:5!important;
  padding-top:126px!important;
  overflow:visible!important;
}

/* ----- WORKFLOW: yellow background marks, raised/compact route ----- */
.ag-workflow373{
  overflow:hidden!important;
  background:
    radial-gradient(ellipse at 84% 31%, rgba(243,198,0,.16) 0 7%, rgba(243,198,0,.07) 8% 15%, transparent 16%),
    radial-gradient(ellipse at 18% 78%, rgba(243,198,0,.13) 0 6%, rgba(243,198,0,.05) 7% 14%, transparent 15%),
    radial-gradient(ellipse at 56% 22%, rgba(243,198,0,.07) 0 4%, transparent 12%),
    #fff!important;
}

.ag-workflow373__spot--gold{
  width:250px!important;
  height:145px!important;
  right:9%!important;
  top:25%!important;
  opacity:1!important;
}
.ag-workflow373__spot--ink{opacity:.55!important}

.ag-workflow373__inner{
  padding-top:18px!important;
  padding-bottom:16px!important;
}

.ag-workflow373__intro{
  width:min(690px,100%)!important;
  margin:0 0 0 auto!important;
  text-align:right!important;
  direction:rtl!important;
}
.ag-workflow373__intro h2{font-size:clamp(1.58rem,2.35vw,2.38rem)!important}
.ag-workflow373__intro p{font-size:.86rem!important;line-height:1.66!important}

.ag-workflow373__stage{
  margin-top:-8px!important;
  grid-template-columns:minmax(0,1.46fr) minmax(300px,.54fr)!important;
  gap:0!important;
  align-items:end!important;
}

.ag-workflow373__route-wrap{
  margin-right:-72px!important;
  transform:translateY(-30px)!important;
}

.ag-workflow373__route{
  width:min(111%,980px)!important;
  height:388px!important;
  margin-inline:auto!important;
  overflow:visible!important;
}

.ag-workflow373__route-track{
  stroke-width:7!important;
  stroke-dasharray:1 18!important;
}

/* Every stage is anchored just BELOW its local path point.
   The icon floats ABOVE the path; title + secondary copy stay BELOW it. */
.ag-workflow373__step{
  width:176px!important;
  padding:0 5px!important;
  text-align:center!important;
  direction:rtl!important;
  transform:translateX(50%)!important;
}

.ag-workflow373__step--1{right:1.5%!important;top:86%!important;bottom:auto!important;left:auto!important}
.ag-workflow373__step--2{right:33%!important;top:70%!important;bottom:auto!important;left:auto!important}
.ag-workflow373__step--3{left:31%!important;top:49%!important;bottom:auto!important;right:auto!important;transform:translateX(-50%)!important}
.ag-workflow373__step--4{left:2%!important;top:19%!important;bottom:auto!important;right:auto!important;transform:translateX(-5%)!important}

.ag-workflow373__step-number{
  position:absolute!important;
  top:-55px!important;
  inset-inline-start:50%!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  font-size:.72rem!important;
}

.ag-workflow373__step-icon{
  position:absolute!important;
  left:50%!important;
  top:-48px!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
}

.ag-workflow373__step-icon svg{width:44px!important;height:44px!important}

.ag-workflow373__step h3{
  margin:13px auto 0!important;
  font-size:.94rem!important;
  line-height:1.35!important;
  text-align:center!important;
}

.ag-workflow373__step p{
  max-width:174px!important;
  margin-inline:auto!important;
  text-align:center!important;
  font-size:.7rem!important;
  line-height:1.55!important;
}
.ag-workflow373__step.is-active p{margin-top:6px!important}

/* Marker remains yellow while the title itself stays black. */
.ag-workflow373__step h3::after{
  z-index:-1!important;
  bottom:.08em!important;
  height:.42em!important;
  background:var(--ag373-yellow)!important;
}
.ag-workflow373__step.is-active h3{color:var(--ag373-ink)!important}

.ag-workflow373__visual{
  min-height:382px!important;
}
.ag-workflow373__visual figure{
  width:min(110%,440px)!important;
  margin:0 auto -2px!important;
}

.ag-workflow373__cta{
  width:min(800px,100%)!important;
  min-height:78px!important;
  margin:-16px auto 0!important;
  padding:12px 16px!important;
}

@media(max-width:1180px){
  .ag-xp373__visual img{height:min(850px,70vw)!important}
  .ag-xp373__counter{width:330px!important}
  #about.ag-who--v36 .ag-who__visual img{width:min(104%,500px)!important}
  .ag-workflow373__stage{grid-template-columns:minmax(0,1.3fr) minmax(275px,.62fr)!important}
  .ag-workflow373__route-wrap{margin-right:-38px!important}
}

@media(max-width:900px){
  .ag-xp373__inner{min-height:auto!important;padding-top:28px!important}
  .ag-xp373__visual{min-height:620px!important}
  .ag-xp373__visual img{height:min(760px,94vw)!important;bottom:-92px!important}
  .ag-xp373__ground-spot{bottom:-68px!important;width:300px!important;height:66px!important}
  .ag-xp373__counter{width:min(100%,330px)!important}

  #about.ag-who--v36{padding-top:82px!important}
  #about.ag-who--v36 .ag-who__visual{margin-bottom:-78px!important}
  #about.ag-who--v36 .ag-who__visual img{transform:translateY(54px)!important}
  #portfolio.ag-work{padding-top:98px!important}

  .ag-workflow373__stage{grid-template-columns:1fr!important;grid-template-areas:"visual" "route"!important;gap:2px!important}
  .ag-workflow373__route-wrap{margin-right:0!important;transform:translateY(-18px)!important}
  .ag-workflow373__route{height:400px!important}
  .ag-workflow373__visual{min-height:340px!important}
  .ag-workflow373__cta{margin:-8px auto 0!important}
}

@media(max-width:640px){
  .ag-xp373__peak{font-size:1.12rem!important}
  .ag-xp373__counter{width:min(100%,320px)!important}
  .ag-xp373__visual{min-height:500px!important}
  .ag-xp373__visual img{height:min(610px,106vw)!important;bottom:-60px!important}
  .ag-xp373__ground-spot{bottom:-42px!important;width:245px!important;height:56px!important}

  #about.ag-who--v36 .ag-who__visual{margin-bottom:-58px!important}
  #about.ag-who--v36 .ag-who__visual img{transform:translateY(38px)!important}
  #portfolio.ag-work{padding-top:74px!important}

  .ag-workflow373__route-wrap{transform:none!important}
  .ag-workflow373__route{height:auto!important}
  .ag-workflow373__step,
  .ag-workflow373__step--1,
  .ag-workflow373__step--2,
  .ag-workflow373__step--3,
  .ag-workflow373__step--4{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    padding-inline-start:58px!important;
    text-align:right!important;
  }
  .ag-workflow373__step-icon{
    position:absolute!important;
    inset-inline-start:0!important;
    left:auto!important;
    top:3px!important;
    transform:none!important;
  }
  .ag-workflow373__step-number{
    position:static!important;
    transform:none!important;
    text-align:right!important;
  }
  .ag-workflow373__step h3,
  .ag-workflow373__step p{text-align:right!important;margin-inline:0!important}
  .ag-workflow373__cta{margin-top:8px!important}
}

/* V3.7.4 route-node alignment: JS anchors every stage to its actual SVG stop. */
@media(min-width:641px){
  .ag-workflow373__step,
  .ag-workflow373__step--1,
  .ag-workflow373__step--2,
  .ag-workflow373__step--3,
  .ag-workflow373__step--4{
    right:auto!important;
    bottom:auto!important;
    width:176px!important;
    transform:translate(-50%,18px)!important;
  }

  .ag-workflow373__step-icon{
    top:-58px!important;
  }

  .ag-workflow373__step-number{
    top:-15px!important;
  }

  .ag-workflow373__step h3{
    margin-top:12px!important;
  }

  .ag-workflow373__cta{
    margin:10px auto 0!important;
  }
}

/* =========================================================
   ARABIA — EXPERIENCE CHARACTER V3.1
   Buttoned-Up Character + compact walnut-table composition
   ========================================================= */

#experience.ag-xp373 .ag-xp373__visual{
  min-height:680px;
  z-index:6;
}

#experience.ag-xp373 .ag-xp373__visual img{
  left:43%!important;
  bottom:-52px!important;
  width:auto!important;
  height:min(760px,58vw)!important;
  max-width:none!important;
  transform:translateX(-50%)!important;
  object-position:center bottom!important;
}

/* Old explorer ink puddle is not part of the new table character. */
#experience.ag-xp373 .ag-xp373__ground-spot{
  display:none!important;
}

@media (max-width:1100px){
  #experience.ag-xp373 .ag-xp373__visual img{
    left:45%!important;
    bottom:-34px!important;
    height:min(690px,61vw)!important;
  }
}

@media (max-width:820px){
  #experience.ag-xp373 .ag-xp373__visual{
    min-height:570px;
  }

  #experience.ag-xp373 .ag-xp373__visual img{
    left:50%!important;
    bottom:-20px!important;
    height:min(610px,78vw)!important;
  }
}

@media (max-width:620px){
  #experience.ag-xp373 .ag-xp373__visual{
    min-height:470px;
  }

  #experience.ag-xp373 .ag-xp373__visual img{
    left:50%!important;
    bottom:-8px!important;
    height:min(510px,104vw)!important;
  }
}