@font-face{font-family:"Thmanyah Sans";src:url("/assets/brand/fonts/thmanyah-sans-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/assets/brand/fonts/thmanyah-sans-medium.ttf") format("truetype");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/assets/brand/fonts/thmanyah-sans-bold.ttf") format("truetype");font-weight:700 800;font-style:normal;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url("/assets/brand/fonts/thmanyah-sans-black.ttf") format("truetype");font-weight:900 950;font-style:normal;font-display:swap}
:root{--solar:#F3C600;--ink:#0D0F10;--paper:#F4F1E8;--cherry:#8E2230}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body.ag-maintenance{min-width:320px;min-height:100vh;min-height:100svh;overflow-x:hidden;background:var(--solar);color:var(--ink);font-family:"Thmanyah Sans",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ag-maintenance__shell{position:relative;min-height:100vh;min-height:100svh;padding:clamp(18px,2.4vw,34px);overflow:hidden}
.ag-maintenance__frame{position:relative;z-index:2;width:min(1380px,100%);min-height:calc(100vh - clamp(36px,4.8vw,68px));min-height:calc(100svh - clamp(36px,4.8vw,68px));margin-inline:auto;padding:clamp(12px,1.5vw,20px) clamp(10px,2vw,24px);display:flex;flex-direction:column}
.ag-maintenance__top{display:flex;align-items:center;justify-content:flex-start;animation:agMaintIn .7s cubic-bezier(.16,.82,.2,1) both}
.ag-maintenance__brand{display:inline-flex;align-items:center;text-decoration:none;line-height:0}
.ag-maintenance__brand img{display:block;width:min(270px,48vw);height:auto;object-fit:contain}
.ag-maintenance__hero{flex:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.68fr);gap:clamp(36px,6vw,106px);align-items:center;padding-block:clamp(44px,8vh,96px);direction:rtl}
.ag-maintenance__copy{max-width:820px;text-align:right;padding-inline:clamp(2px,1vw,12px)}
.ag-maintenance__eyebrow{margin:0 0 18px;width:max-content;max-width:100%;font-size:clamp(.82rem,1vw,.96rem);font-weight:900;color:rgba(13,15,16,.68);animation:agMaintIn .72s .08s cubic-bezier(.16,.82,.2,1) both}
.ag-maintenance__eyebrow::before{content:"";display:inline-block;width:32px;height:3px;background:var(--ink);border-radius:999px;margin-inline-end:10px;vertical-align:middle}
.ag-maintenance h1{display:grid;gap:.08em;max-width:760px;margin:0;font-size:clamp(3rem,5.6vw,6rem);line-height:.98;font-weight:950;letter-spacing:0;animation:agMaintIn .82s .14s cubic-bezier(.16,.82,.2,1) both}
.ag-maintenance h1 span{display:block;white-space:normal}
.ag-maintenance__sub{max-width:720px;margin:20px 0 0;font-size:clamp(1.08rem,1.6vw,1.42rem);line-height:1.55;font-weight:950;color:var(--cherry);animation:agMaintIn .82s .2s cubic-bezier(.16,.82,.2,1) both}
.ag-maintenance__lead{max-width:710px;margin:18px 0 0;color:rgba(13,15,16,.78);font-size:clamp(.98rem,1.08vw,1.12rem);line-height:2.05;font-weight:700;animation:agMaintIn .82s .26s cubic-bezier(.16,.82,.2,1) both}
.ag-maintenance__actions{margin-top:clamp(28px,3vw,40px);display:flex;flex-wrap:wrap;gap:12px;animation:agMaintIn .82s .32s cubic-bezier(.16,.82,.2,1) both}
.ag-maintenance__button{min-height:56px;padding:10px 18px 10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:950;transition:transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease}
.ag-maintenance__button svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ag-maintenance__button--primary{background:var(--ink);color:var(--paper);min-width:218px;border:1px solid var(--ink)}
.ag-maintenance__button--ghost{background:transparent;color:var(--ink);min-width:185px;border:1px solid rgba(13,15,16,.24)}
.ag-maintenance__button:hover{transform:translateY(-3px)}.ag-maintenance__button--primary:hover{background:#1b1f22}.ag-maintenance__button--ghost:hover{background:rgba(255,255,255,.24)}
.ag-maintenance__aside{display:flex;justify-content:center;align-items:center;animation:agMaintAside .9s .18s cubic-bezier(.16,.82,.2,1) both}
.ag-maintenance__orbit{position:relative;width:min(355px,100%);aspect-ratio:1/1;display:grid;place-items:center}
.ag-maintenance__orbit-ring{position:absolute;inset:20px;border:3px solid var(--cherry);border-radius:50%}
.ag-maintenance__orbit-ring--inner{inset:58px;border-width:1px;border-color:rgba(142,34,48,.32)}
.ag-maintenance__orbit-label{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:174px;height:174px;border-radius:50%;font-size:1.08rem;font-weight:950;color:var(--cherry);text-align:center;line-height:1.5;padding:20px;background:transparent}
.ag-maintenance__orb{position:absolute;display:block;border-radius:50%;background:var(--cherry);top:50%;left:50%;transform-origin:0 0}
.ag-maintenance__orb--1{width:18px;height:18px;margin:-9px;animation:agMaintOrbitA 6.8s linear infinite}
.ag-maintenance__orb--2{width:12px;height:12px;margin:-6px;background:#bf4251;animation:agMaintOrbitB 8.8s linear infinite}
.ag-maintenance__orb--3{width:9px;height:9px;margin:-4.5px;background:#6d1420;animation:agMaintOrbitC 5.6s linear infinite}
@keyframes agMaintIn{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes agMaintAside{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}
@keyframes agMaintOrbitA{from{transform:rotate(0deg) translateX(147px) rotate(0deg)}to{transform:rotate(360deg) translateX(147px) rotate(-360deg)}}
@keyframes agMaintOrbitB{from{transform:rotate(120deg) translateX(116px) rotate(-120deg)}to{transform:rotate(480deg) translateX(116px) rotate(-480deg)}}
@keyframes agMaintOrbitC{from{transform:rotate(220deg) translateX(160px) rotate(-220deg)}to{transform:rotate(580deg) translateX(160px) rotate(-580deg)}}
@media(max-width:940px){.ag-maintenance__hero{grid-template-columns:1fr;gap:30px;padding-block:44px 26px}.ag-maintenance__aside{justify-content:flex-start}.ag-maintenance__orbit{width:min(285px,100%)}.ag-maintenance__orbit-label{width:150px;height:150px;font-size:1rem}.ag-maintenance__orb--1{animation-name:agMaintOrbitACompact}.ag-maintenance__orb--2{animation-name:agMaintOrbitBCompact}.ag-maintenance__orb--3{animation-name:agMaintOrbitCCompact}}
@keyframes agMaintOrbitACompact{from{transform:rotate(0deg) translateX(116px) rotate(0deg)}to{transform:rotate(360deg) translateX(116px) rotate(-360deg)}}
@keyframes agMaintOrbitBCompact{from{transform:rotate(120deg) translateX(90px) rotate(-120deg)}to{transform:rotate(480deg) translateX(90px) rotate(-480deg)}}
@keyframes agMaintOrbitCCompact{from{transform:rotate(220deg) translateX(126px) rotate(-220deg)}to{transform:rotate(580deg) translateX(126px) rotate(-580deg)}}
@media(max-width:620px){.ag-maintenance__shell{padding:10px}.ag-maintenance__frame{min-height:calc(100svh - 20px);padding:10px 8px}.ag-maintenance__brand img{width:215px}.ag-maintenance h1{font-size:clamp(2.55rem,12vw,4.2rem);line-height:1;gap:.12em}.ag-maintenance__sub{font-size:1.02rem;line-height:1.62;margin-top:18px}.ag-maintenance__lead{font-size:.93rem;line-height:1.9}.ag-maintenance__actions{display:grid;grid-template-columns:1fr;width:100%}.ag-maintenance__button{width:100%;min-width:0}.ag-maintenance__orbit{width:min(250px,100%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* =========================================================
   ARABIA GROUP — SITE MAINTENANCE V6
   Fix stacked title spacing and diacritic collisions.
   ========================================================= */
.ag-maintenance h1{
  gap:.18em!important;
  line-height:1.08!important;
  max-width:780px!important;
}
.ag-maintenance h1 span{
  padding-block:2px!important;
}
.ag-maintenance h1 span + span{
  margin-top:.02em!important;
}
.ag-maintenance__sub{
  margin-top:22px!important;
}
@media(max-width:620px){
  .ag-maintenance h1{
    gap:.2em!important;
    line-height:1.12!important;
  }
  .ag-maintenance__sub{
    margin-top:20px!important;
    line-height:1.75!important;
  }
}