/* TOUCH Group — minimal gateway */
:root{--bg:#0a0a0c;--fg:#f1efe9;--mut:#8d8b86;--line:rgba(255,255,255,.1);--gold:#c9a96e}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body.gw2{font-family:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;background:var(--bg);color:var(--fg);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.en{font-family:"Inter","IBM Plex Sans Arabic",system-ui,sans-serif}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* intro */
.gw-intro{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;transition:clip-path 1.1s cubic-bezier(.77,0,.18,1);clip-path:inset(0 0 0 0)}
.gw-intro .w{display:flex;gap:.35em;direction:ltr;font-family:"Inter",sans-serif;font-weight:300;font-size:clamp(2.4rem,7vw,5rem);letter-spacing:.12em}
.gw-intro .w span{display:inline-block;opacity:0;transform:translateY(60%);animation:up .9s cubic-bezier(.2,.7,.2,1) forwards;color:var(--fg)}
.gw-intro .w span:nth-child(2){animation-delay:.08s}.gw-intro .w span:nth-child(3){animation-delay:.16s}.gw-intro .w span:nth-child(4){animation-delay:.24s}.gw-intro .w span:nth-child(5){animation-delay:.32s}
.gw-intro .bar{position:absolute;bottom:calc(50% - 4.2rem);left:50%;width:120px;height:1px;transform:translateX(-50%);background:var(--line);overflow:hidden}
.gw-intro .bar::after{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;animation:load 1.1s .2s cubic-bezier(.6,0,.2,1) forwards}
body.ready .gw-intro{clip-path:inset(0 0 100% 0);pointer-events:none}
@keyframes up{to{opacity:1;transform:none}}
@keyframes load{to{transform:scaleX(1)}}
/* header */
.g2-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(20px,4vw,56px)}
.g2-brand{display:flex;align-items:baseline;gap:12px;direction:ltr}
.g2-word{font-family:"Inter",sans-serif;font-weight:300;font-size:1.35rem;letter-spacing:.42em}
.g2-brand small{font-family:"Inter",sans-serif;font-size:.68rem;letter-spacing:.32em;color:var(--mut)}
.g2-contact{display:flex;align-items:center;gap:22px;font-size:.88rem;color:var(--mut)}
.g2-contact a:hover{color:var(--fg)}
.gw-lang{border:1px solid var(--line);border-radius:999px;padding:.32em 1em;color:var(--fg)!important;font-size:.82rem}
.gw-lang:hover{border-color:var(--gold)}
/* main */
.g2-main{flex:1;display:flex;flex-direction:column;padding:0 clamp(20px,4vw,56px)}
.g2-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:min(4vh,40px) 0 26px;border-bottom:1px solid var(--line);margin-bottom:24px}
.g2-eyebrow{font-size:.72rem;letter-spacing:.3em;color:var(--mut)}
.g2-title{font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:300;line-height:1.3}
.g2-title em{font-style:normal;color:var(--gold)}
.g2-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:520px}
.g2-card{position:relative;overflow:hidden;display:flex;align-items:flex-end;border:1px solid var(--line);border-radius:6px;isolation:isolate;opacity:0;transform:translateY(30px);transition:opacity 1s,transform 1.1s cubic-bezier(.2,.8,.2,1),border-color .5s}
body.ready .g2-card{opacity:1;transform:none}
body.ready .g2-card+.g2-card{transition-delay:.15s}
.g2-img{position:absolute;inset:-16px;z-index:-2;background:center/cover;filter:grayscale(1) brightness(.5);transform:scale(1.02);transition:filter 1s ease,transform 1.6s cubic-bezier(.2,.8,.2,1),translate .6s ease-out}
.g2-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,12,.15) 0%,rgba(10,10,12,.35) 45%,rgba(10,10,12,.92) 100%)}
.g2-num{position:absolute;top:24px;inset-inline-start:28px;font-size:.78rem;letter-spacing:.3em;color:var(--mut)}
.g2-body{padding:clamp(24px,3vw,44px);width:100%}
.g2-logo{height:56px;width:auto;margin-bottom:22px;opacity:.95}
.g2-card h2{font-size:clamp(1.3rem,2vw,1.75rem);font-weight:500;line-height:1.35}
.g2-en{display:block;margin-top:6px;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.g2-card p{margin-top:16px;color:#b9b6ae;font-size:.92rem;line-height:1.8;max-width:46ch;max-height:0;opacity:0;overflow:hidden;transition:max-height .7s ease,opacity .6s}
.g2-go{display:inline-flex;align-items:center;gap:14px;margin-top:22px;font-size:.92rem;letter-spacing:.02em}
.g2-go i{display:block;width:34px;height:1px;background:var(--gold);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.g2-card:hover{border-color:rgba(201,169,110,.45)}
.g2-card:hover .g2-img{filter:grayscale(0) brightness(.62);transform:scale(1.07)}
.g2-card:hover p{max-height:120px;opacity:1}
.g2-card:hover .g2-go i{width:90px}
.g2-card:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
/* footer */
.g2-foot{display:flex;justify-content:space-between;gap:16px;padding:22px clamp(20px,4vw,56px);color:var(--mut);font-size:.8rem}
@media (hover:none){.g2-img{filter:grayscale(.2) brightness(.55)}.g2-card p{max-height:none;opacity:1}}
@media (max-width:860px){
  .g2-head{padding:20px}
  .g2-contact a[href^="tel"]{display:none}
  .g2-intro{flex-direction:column;align-items:flex-start;gap:8px}
  .g2-grid{grid-template-columns:1fr;min-height:0}
  .g2-card{min-height:62vh}
  .g2-logo{height:46px}
}
@media (prefers-reduced-motion:reduce){.gw-intro{display:none}.g2-card{opacity:1;transform:none}}
.g2-foot .en{direction:ltr;unicode-bidi:isolate}
.g2-card[href="cleaning/"] .g2-logo{height:74px}
@media (max-width:860px){.g2-contact a[href^="mailto"]{display:none}.g2-word{font-size:1.1rem;letter-spacing:.3em}.g2-card[href="cleaning/"] .g2-logo{height:62px}}
.g2-mail{display:inline-flex;align-items:center;gap:8px}
.g2-mail::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
@media (max-width:860px){.g2-mail{font-size:.82rem}}
@media (max-width:860px){
  .g2-head{padding:16px 14px}
  .g2-main{padding:0 14px}
  .g2-intro{padding:4px 0 14px;margin-bottom:12px}
  .g2-eyebrow{display:none}
  .g2-title{font-size:1.35rem}
  .g2-grid{grid-template-columns:1fr 1fr;gap:10px;min-height:0}
  .g2-card{min-height:0;border-radius:10px}
  .g2-body{padding:16px 13px}
  .g2-num{top:12px;inset-inline-start:13px;font-size:.66rem}
  .g2-logo{height:32px;margin-bottom:12px}
  .g2-card[href="cleaning/"] .g2-logo{height:46px}
  .g2-card h2{font-size:.98rem;line-height:1.55}
  .g2-en{font-size:.56rem;letter-spacing:.1em;line-height:1.6}
  .g2-card p{display:none}
  .g2-go{font-size:.82rem;margin-top:12px;gap:8px}
  .g2-go i{width:18px}
  .g2-foot{padding:12px 14px;font-size:.72rem}
}
.g2-mail{white-space:nowrap}
@media (max-width:860px){.g2-brand small{display:none}.g2-contact{gap:14px}}
.gw-intro .w{font-family:"IBM Plex Sans Arabic","Segoe UI",sans-serif!important;font-weight:700!important;letter-spacing:.14em}
.g2-word{font-family:"IBM Plex Sans Arabic","Segoe UI",sans-serif;font-weight:700}
/* bilingual gateway */
.g2-title .en{display:block;font-size:.55em;color:var(--mut);margin-top:6px;font-weight:300;direction:ltr;text-align:right}
.g2-card h2 .en{display:block;font-size:.62em;font-weight:400;color:#cfccc4;margin-top:4px;direction:ltr;text-align:right;letter-spacing:.01em}
.g2-card p .en{display:block;direction:ltr;text-align:right;font-size:.92em;color:#9d9a92;margin-top:2px}
.g2-mail i{font-style:normal;color:var(--mut);font-size:.85em;margin-inline-start:4px}
.g2-cover{position:absolute;inset:0;z-index:1}
.g2-body{position:relative;z-index:2;pointer-events:none}
.g2-body a{pointer-events:auto}
.g2-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:20px}
.g2-acts .g2-go{margin-top:0}
.g2-go[lang=en] i{order:-1}
.g2-pf{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--fg);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.45em 1em;transition:border-color .3s,background .3s}
.g2-pf b{width:16px;height:16px;border-radius:50%;background:var(--gold);position:relative}
.g2-pf b::after{content:"";position:absolute;left:50%;top:3px;width:5px;height:5px;border:solid #0a0a0c;border-width:0 1.6px 1.6px 0;transform:translateX(-50%) rotate(45deg)}
.g2-pf:hover{border-color:var(--gold);background:rgba(201,169,110,.12)}
.g2-card p{max-height:none!important;opacity:1!important}
@media (max-width:860px){.g2-title .en{font-size:.7em}.g2-card h2 .en{font-size:.68em}.g2-card p{display:none}.g2-acts{gap:8px 12px;margin-top:12px}.g2-pf{font-size:.72rem;padding:.35em .7em}.g2-go{font-size:.78rem}}
.g2-card .g2-en{font-size:.58rem!important;letter-spacing:.22em!important;opacity:.7;margin-top:8px}
@media (max-width:860px){.g2-card .g2-en{font-size:.5rem!important}}
.g2-card .g2-en{font-size:.68rem!important;letter-spacing:.18em!important;opacity:1!important;color:var(--gold)!important;font-weight:600;margin-top:8px}
@media (max-width:860px){.g2-card .g2-en{font-size:.6rem!important}}
/* EN first */
.g2-card h2{display:flex;flex-direction:column-reverse;font-size:clamp(.95rem,1.25vw,1.15rem)!important;font-weight:500!important;color:#d8d5cd;line-height:1.5}
.g2-card h2 .en{font-size:clamp(1.35rem,2.1vw,1.9rem)!important;font-weight:600!important;color:#fff!important;margin:0 0 4px!important;letter-spacing:-.01em!important;line-height:1.25}
.g2-card p{display:flex;flex-direction:column-reverse;font-size:.82rem!important;color:#a29f97!important}
.g2-card p .en{font-size:.95rem!important;color:#d8d5cd!important;margin:0 0 4px!important}
.g2-title{display:flex;flex-direction:column-reverse;align-items:flex-end;font-size:clamp(1.05rem,1.7vw,1.5rem)!important;color:#cfccc4}
.g2-title .en{font-size:clamp(1.6rem,2.9vw,2.5rem)!important;color:var(--fg)!important;margin:0 0 6px!important;font-weight:300}
@media (max-width:860px){.g2-card h2 .en{font-size:1.05rem!important}.g2-card h2{font-size:.82rem!important}.g2-title .en{font-size:1.4rem!important}.g2-title{font-size:.95rem!important}}
.g2-title{align-items:flex-start!important}
.g2-card h2 .en{white-space:nowrap;font-size:clamp(1rem,1.5vw,1.6rem)!important}
@media (max-width:860px){.g2-card h2 .en{white-space:normal;font-size:1rem!important}}
/* social */
.g2-soc{display:inline-flex;gap:8px;align-items:center}
.g2-soc a{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;opacity:.75;transition:opacity .2s,transform .2s}
.g2-soc a:hover{opacity:1;transform:translateY(-1px)}
.g2-soc svg{width:15px;height:15px}
.g2-soc-m{display:none}
@media (max-width:860px){.g2-contact .g2-soc{display:none}.g2-foot .g2-soc-m{display:inline-flex;order:2}.g2-foot{align-items:center;flex-wrap:wrap}}