/* Tamiyouz • Services Experience V21 / 28 Oct 2026
   Scoped production design layer. This file never touches service URLs or behaviours. */
html body #tyz-home-v21 #services.tyz-services--signature{
 --s21-ink:#edf5f8;--s21-muted:#bdcad2;--s21-gold:#e8bb77;--s21-hair:rgba(209,175,120,.28);
 padding:clamp(92px,8.2vw,134px) 0 clamp(84px,7vw,118px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature::before{
 background-size:76px 76px!important;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__masthead{
 grid-template-columns:minmax(0,1.07fr) minmax(340px,.86fr)!important;
 gap:clamp(36px,5vw,76px)!important;
 margin-bottom:clamp(27px,3vw,43px)!important;
 align-items:center!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head{
 position:relative;padding-inline-start:clamp(3px,1vw,16px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-eyebrow{
 margin-bottom:21px!important;font-weight:800!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__eyebrow-mark{
 height:8px;width:8px;border-radius:50%;box-shadow:0 0 0 5px rgba(224,178,108,.11)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2{
 font-size:clamp(46px,5.35vw,82px)!important;line-height:1.21!important;letter-spacing:-.032em!important;
 max-width:760px!important;text-wrap:balance;position:relative;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2 em{
 position:relative;display:table!important;margin-top:1px;
 color:var(--s21-gold)!important;-webkit-text-fill-color:var(--s21-gold)!important;
 padding-bottom:clamp(10px,1.1vw,16px);line-height:1.3!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2 em::after{
 content:"";position:absolute;pointer-events:none;right:0;bottom:3px;
 width:65%;height:3px;border-radius:10px;
 background:linear-gradient(270deg,var(--s21-gold),rgba(231,181,110,.2),transparent);
 opacity:.8;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head>p{
 margin-top:24px!important;max-width:530px!important;line-height:1.98!important;
 color:var(--s21-muted)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise{
 border:1px solid var(--s21-hair)!important;border-radius:16px;
 padding:14px 22px!important;margin-top:31px!important;
 background:rgba(233,198,144,.055);box-shadow:inset 0 1px rgba(255,255,255,.04);
 gap:23px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise>span{
 font-size:clamp(28px,2.6vw,38px)!important;font-weight:800!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise small{
 font-size:11px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual{
 border-radius:32px!important;padding:clamp(20px,2vw,30px)!important;
 background:radial-gradient(ellipse 75% 65% at 53% 44%,rgba(51,105,119,.32),transparent 77%),linear-gradient(145deg,#143448 0%,#081d2d 72%)!important;
 box-shadow:0 32px 70px rgba(0,9,19,.25),0 0 0 1px rgba(236,201,144,.12),inset 0 1px rgba(250,227,181,.14)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbits{
 width:min(87%,360px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbit--outer{
 border-width:1.5px!important;border-color:rgba(233,191,127,.46)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbit-core{
 border-width:1.5px!important;box-shadow:0 0 0 11px rgba(222,177,102,.06),0 14px 35px rgba(0,8,17,.35),inset 0 1px rgba(255,255,255,.10)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbit-node{
 transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
@media(hover:hover){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual:hover .tyz-services__orbit-node{
  border-color:rgba(255,214,144,.75)!important;box-shadow:0 10px 24px rgba(0,8,14,.34),0 0 0 4px rgba(240,194,111,.075)!important;
 }
}
/* The connection narrative is useful even without script or animation. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey{
 display:flex;align-items:center;gap:clamp(9px,1.7vw,23px);
 margin:0 0 31px!important;padding:18px clamp(16px,2.2vw,29px)!important;
 border:1px solid var(--s21-hair)!important;border-radius:18px!important;
 background:linear-gradient(110deg,rgba(226,185,120,.075),rgba(33,81,102,.065))!important;
 direction:rtl;min-width:0;overflow:hidden;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey-label{
 font:750 10px/1.5 Arial,sans-serif;letter-spacing:.12em;white-space:nowrap;color:var(--s21-gold);
 padding-inline-end:clamp(12px,2vw,28px);border-inline-end:1px solid var(--s21-hair);
 direction:ltr;flex:none;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey-step{
 font-size:clamp(12px,.99vw,14px);line-height:1.6;font-weight:750;color:var(--s21-ink)!important;
 white-space:normal;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey-separator{
 color:var(--s21-gold)!important;font-size:17px;opacity:.75;flex:none;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz5-section-number{
 padding-bottom:14px!important;margin-bottom:20px!important;letter-spacing:.12em!important;
}
/* Asymmetric 12-column bento / recognizable hierarchy between capability families. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service-grid{
 grid-template-columns:repeat(12,minmax(0,1fr))!important;
 gap:clamp(13px,1.35vw,21px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service{
 grid-column:span 3!important;
 min-height:287px!important;padding:clamp(25px,2vw,32px)!important;
 border-radius:24px!important;
 transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(1){
 grid-column:span 7!important;min-height:325px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(2){
 grid-column:span 5!important;min-height:325px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service::after{
 inset:auto 25px 0;height:3px!important;
 background:linear-gradient(90deg,transparent,var(--s21-gold),transparent)!important;
 opacity:.58!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service>span{
 font-size:15px!important;letter-spacing:.065em!important;opacity:.8;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon{
 width:64px!important;height:64px!important;border-radius:20px!important;
 margin-bottom:23px!important;
 transition:transform .25s ease,box-shadow .25s ease!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon svg{
 width:29px!important;height:29px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service h3{
 font-size:clamp(19px,1.65vw,26px)!important;line-height:1.45!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2) h3{
 font-size:clamp(26px,2vw,32px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service p{
 font-size:clamp(13px,.95vw,15px)!important;
 max-width:45ch;line-height:1.85!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz-service a{
 min-height:42px!important;padding:10px 16px!important;
 border-radius:12px!important;
 transition:background .2s ease,color .2s ease,border-color .2s ease!important;
}
@media(hover:hover){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:hover .tyz-service__icon{
  transform:translateY(-4px)!important;box-shadow:0 9px 22px rgba(0,0,0,.12)!important;
 }
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz5-services-bottom{
 margin-top:28px!important;border-radius:22px!important;padding:24px clamp(23px,3vw,39px)!important;
}
/* A refined editorial paper palette in LIGHT mode, a cinematic one in DARK. */
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature{
 --s21-ink:#18374a;--s21-muted:#526d7b;--s21-gold:#a6753f;--s21-hair:rgba(146,113,67,.23);
 background:radial-gradient(ellipse 42% 50% at 102% 4%,rgba(185,139,77,.095),transparent 75%),
 linear-gradient(145deg,#f8f6f1 0%,#fffefd 49%,#f3f3ed 100%)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey{
 background:linear-gradient(112deg,#f3e9d7,#faf9f5 46%,#eff4f4)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise{
 background:rgba(242,233,217,.74)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual{
 background:radial-gradient(ellipse at 52% 44%,rgba(54,113,136,.34),transparent 62%),linear-gradient(145deg,#173b52,#071c2d 82%)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service{
 background:linear-gradient(135deg,#fff,#f9faf7)!important;
 border-color:rgba(55,86,99,.16)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(1){
 background:radial-gradient(circle at 6% 15%,rgba(227,176,100,.16),transparent 50%),linear-gradient(130deg,#fff8ec,#fffdf8)!important;
 border-color:rgba(161,117,58,.35)!important;
}
html[data-tyz-theme="light"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(2){
 background:radial-gradient(circle at 4% 15%,rgba(82,142,156,.14),transparent 51%),linear-gradient(130deg,#eff6f6,#fffdfb)!important;
 border-color:rgba(96,142,151,.29)!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 #services.tyz-services--signature{
 background:radial-gradient(ellipse 50% 45% at 0 5%,rgba(43,86,111,.20),transparent 74%),linear-gradient(135deg,#071522,#0d2234 59%,#081827)!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service{
 background:linear-gradient(137deg,#1b394e,#0e293b)!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(1){
 background:radial-gradient(circle at 4% 3%,rgba(228,173,98,.14),transparent 49%),linear-gradient(125deg,#25495c,#0d273a)!important;
}
html[data-tyz-theme="dark"] body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(2){
 background:radial-gradient(circle at 4% 3%,rgba(54,134,159,.17),transparent 50%),linear-gradient(125deg,#253a48,#112a3a)!important;
}
/* Tablets and phones preserve legibility without sideways scrolling. */
@media(max-width:1100px){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__masthead{
  grid-template-columns:minmax(0,1fr) minmax(280px,.84fr)!important;gap:24px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2){
  grid-column:span 1!important;min-height:288px!important;
 }
}
@media(max-width:800px){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__masthead{
  grid-template-columns:minmax(0,1fr)!important;gap:28px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2{font-size:clamp(42px,8vw,62px)!important;}
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual{
  height:345px!important;max-width:540px;margin-inline:auto;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey{flex-wrap:wrap;}
}
@media(max-width:600px){
 html body #tyz-home-v21 #services.tyz-services--signature{
  padding:76px 0 79px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head h2{
  font-size:clamp(38px,9.5vw,52px)!important;max-width:100%!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-section-head>p{
  line-height:1.85!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise{
  padding:12px 14px!important;gap:14px!important;width:100%!important;justify-content:center;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__promise>span{
  font-size:28px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__visual{
  height:315px!important;border-radius:23px!important;padding:18px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbits{width:min(86%,260px)!important;}
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey{
  display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr;
  gap:8px!important;padding:15px 12px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey-label{
  grid-column:1/-1;padding:0 0 9px!important;border-inline-end:none;
  border-bottom:1px solid var(--s21-hair);margin-bottom:1px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey-step{
  font-size:12px!important;text-align:center!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service-grid{
  grid-template-columns:minmax(0,1fr)!important;gap:14px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2){
  grid-column:span 1!important;min-height:254px!important;padding:25px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service h3,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service:nth-child(-n+2) h3{
  font-size:24px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon{
  width:56px!important;height:56px!important;margin-bottom:16px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz5-services-bottom{padding:21px!important;}
}
@media(prefers-reduced-motion:reduce){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-services__orbit-node,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz-service .tyz-service__icon{transition:none!important;}
}

/* English direction: preserve natural process order for the English homepage. */
html[lang^="en"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey{
 direction:ltr!important;
}
html[lang^="en"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey-label{
 padding-inline-end:clamp(12px,2vw,28px);border-inline-end:1px solid var(--s21-hair);
}
@media(max-width:600px){
 html[lang^="en"] body #tyz-home-v21 #services.tyz-services--signature .tyz-services__journey-label{
  padding-inline-end:0!important;border-inline-end:none;
 }
}