/* TAMIYOUZ | OUR EXPERTISE — selected capabilities, dual mode V1
   Scoped to the home expertise panel; zero image manipulation or animation.
   The existing tamiyouz-theme switch controls colors; layout remains identical. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities {
 --tz52-panel-a:#faf6ec;
 --tz52-panel-b:#f4efe5;
 --tz52-card-a:#fffefa;
 --tz52-card-b:#f8f6f0;
 --tz52-title:#0a2d43;
 --tz52-muted:#4b6572;
 --tz52-gold:#a67538;
 --tz52-gold-light:#c79753;
 --tz52-line:rgba(156,117,65,.26);
 --tz52-card-line:rgba(132,104,65,.23);
 --tz52-soft:rgba(188,139,70,.11);
 --tz52-shadow:0 11px 23px rgba(61,65,57,.07);
 --tz52-cta-bg:#102f45;
 --tz52-cta-text:#fff8ee;
 position:relative;
 isolation:isolate;
 overflow:hidden;
 margin:clamp(20px,2.8vw,40px) 0 0;
 padding:clamp(28px,4vw,53px);
 border:1px solid var(--tz52-line);
 border-radius:clamp(19px,2.6vw,31px);
 background:linear-gradient(132deg,var(--tz52-panel-a),var(--tz52-panel-b))!important;
 color:var(--tz52-title);
 box-shadow:0 22px 56px rgba(11,30,43,.07);
}
html[data-tyz-theme="dark"] body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities {
 --tz52-panel-a:#061827;
 --tz52-panel-b:#0b2639;
 --tz52-card-a:#12354a;
 --tz52-card-b:#0b263a;
 --tz52-title:#f8f7f2;
 --tz52-muted:#bed0d9;
 --tz52-gold:#ebc582;
 --tz52-gold-light:#ffd99a;
 --tz52-line:rgba(229,186,113,.30);
 --tz52-card-line:rgba(222,183,115,.23);
 --tz52-soft:rgba(237,194,116,.11);
 --tz52-shadow:0 17px 31px rgba(0,9,19,.23);
 --tz52-cta-bg:linear-gradient(115deg,#f1ce8e,#c79248);
 --tz52-cta-text:#082336;
 box-shadow:0 25px 62px rgba(0,13,25,.24);
}
/* Decorative accents are independent of the photographic/digital visual above. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities::before,
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities::after{
 content:"";
 position:absolute;
 pointer-events:none;
 z-index:-1;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities::before{
 inset:-16% -5% auto auto;
 width:min(62%,620px);
 height:63%;
 background:radial-gradient(ellipse at top right,var(--tz52-soft),transparent 68%);
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities::after{
 inset:auto auto -140px -10%;
 width:min(75%,800px);
 height:280px;
 border-radius:50%;
 background:radial-gradient(ellipse, var(--tz52-soft),transparent 72%);
}
/* The eyebrow, title and intro are centered and do not reflow on theme switch. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-cap-heading{
 position:relative;
 display:flex;
 flex-direction:column;
 align-items:center;
 text-align:center;
 gap:12px;
 margin:0 auto clamp(27px,3.6vw,42px);
 max-width:760px;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-cap-kicker{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:13px;
 direction:ltr;
 color:var(--tz52-gold)!important;
 font:800 clamp(10px,.85vw,12px)/1.4 Arial,sans-serif;
 letter-spacing:.34em;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-cap-kicker i{
 width:clamp(22px,4vw,56px);height:1px;
 display:block;
 background:linear-gradient(90deg,transparent,var(--tz52-gold),transparent);
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-cap-heading h3{
 margin:0!important;
 color:var(--tz52-title)!important;
 font:800 clamp(25px,3.1vw,46px)/1.18 Arial, sans-serif!important;
 letter-spacing:-.042em!important;
 direction:ltr;
 text-wrap:balance;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-cap-heading h3 em{
 font-style:normal!important;
 color:var(--tz52-gold)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-cap-heading p{
 margin:0!important;
 max-width:600px;
 font-size:clamp(13px,1vw,16px)!important;
 line-height:1.8!important;
 font-weight:600;
 color:var(--tz52-muted)!important;
 text-wrap:pretty;
}
/* Grid: same geometry for light + dark, with smaller, clear, equal-height cards. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-grid{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-auto-flow:row!important;
 align-items:stretch!important;
 gap:clamp(11px,1.4vw,18px)!important;
 margin:0!important;
 padding:0!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-grid .tyz52-cap-card,
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(n){
 --svc22-accent:var(--tz52-gold);
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-start!important;
 gap:0!important;
 grid-column:auto!important;
 grid-row:auto!important;
 position:relative!important;
 isolation:isolate;
 overflow:hidden!important;
 min-height:clamp(259px,22vw,296px)!important;
 margin:0!important;
 padding:clamp(20px,2vw,28px)!important;
 border:1px solid var(--tz52-card-line)!important;
 border-radius:19px!important;
 background:linear-gradient(147deg,var(--tz52-card-a),var(--tz52-card-b))!important;
 box-shadow:var(--tz52-shadow),inset 0 1px rgba(255,255,255,.075)!important;
 color:var(--tz52-title)!important;
 contain:layout style;
 transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
 transform:none!important;
}
/* Static index watermark: unlike images it never moves, rotates or scales. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card::before{
 content:attr(data-tyz-service)!important;
 display:block!important;
 position:absolute!important;
 inset:auto 17px 10px auto!important;
 width:auto!important;
 height:auto!important;
 padding:0!important;
 color:var(--tz52-gold)!important;
 opacity:.10!important;
 background:none!important;
 font:900 clamp(65px,7vw,96px)/1 Arial,sans-serif!important;
 letter-spacing:-.08em;
 z-index:0!important;
 pointer-events:none;
}
/* Soft opacity-only animated streak. Never touches an image or card geometry. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card::after{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 width:auto!important;height:auto!important;
 border:0!important;
 border-radius:inherit!important;
 background:linear-gradient(118deg,transparent 25%,var(--tz52-soft) 53%,transparent 77%)!important;
 opacity:0!important;
 pointer-events:none!important;
 z-index:0!important;
 animation:tyz52-soft-sheen 12s ease-in-out infinite!important;
 animation-delay:calc(var(--tyz52-step) * -2s)!important;
}
@keyframes tyz52-soft-sheen{
 0%,12%,23%,100%{opacity:0}
 15%,19%{opacity:.95}
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card > *{
 position:relative;
 z-index:1;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card > span:first-child{
 position:absolute!important;
 top:clamp(19px,2vw,26px)!important;
 left:clamp(20px,2vw,28px)!important;
 right:auto!important;
 margin:0!important;
 font:800 12px/1.5 Arial,sans-serif!important;
 color:var(--tz52-gold)!important;
 letter-spacing:.09em;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card .tyz-service__icon,
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card:nth-child(-n+2) .tyz-service__icon{
 display:grid!important;
 place-items:center!important;
 width:58px!important;height:58px!important;
 flex:0 0 58px!important;
 margin:0 0 clamp(16px,2vw,22px)!important;
 padding:0!important;
 border:1px solid var(--tz52-line)!important;
 border-radius:17px!important;
 background:linear-gradient(140deg,var(--tz52-soft),transparent)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 18px rgba(0,12,22,.07)!important;
 color:var(--tz52-gold)!important;
 transform:none!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card .tyz-service__icon svg{
 width:29px!important;height:29px!important;
 stroke:currentColor!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card h3,
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card:nth-child(-n+2) h3{
 width:100%!important;
 max-width:100%!important;
 margin:0 0 9px!important;
 padding:0!important;
 color:var(--tz52-title)!important;
 font-size:clamp(18px,1.65vw,24px)!important;
 font-weight:850!important;
 line-height:1.45!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card p{
 margin:0 0 15px!important;
 padding:0!important;
 color:var(--tz52-muted)!important;
 font-size:clamp(12px,.98vw,14px)!important;
 line-height:1.75!important;
 font-weight:500!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card .tyz-service__topics{
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;
 min-height:0!important;
 gap:6px!important;
 margin:auto 0 13px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card .tyz-service__topics span{
 padding:5px 9px!important;
 border-radius:50px!important;
 border:1px solid var(--tz52-line)!important;
 background:var(--tz52-soft)!important;
 color:var(--tz52-muted)!important;
 font-size:10px!important;
 line-height:1.5!important;
 font-weight:700!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card a{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:max-content!important;
 max-width:100%!important;
 min-height:32px!important;
 padding:7px 13px!important;
 margin:0!important;
 border:1px solid var(--tz52-line)!important;
 border-radius:10px!important;
 background:var(--tz52-soft)!important;
 color:var(--tz52-gold)!important;
 font-size:11px!important;
 font-weight:800!important;
 text-decoration:none!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card a::before{
 content:"";
 position:absolute;
 inset:0;
 z-index:2;
}
@media(hover:hover){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card:hover{
  transform:translateY(-4px)!important;
  border-color:var(--tz52-gold)!important;
  box-shadow:0 20px 35px rgba(8,20,29,.14),inset 0 1px rgba(255,255,255,.11)!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card:hover .tyz-service__icon{
  transform:none!important;
 }
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card:focus-within{
 outline:2px solid var(--tz52-gold)!important;
 outline-offset:3px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-footer{
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:space-between!important;
 flex-wrap:wrap!important;
 gap:16px!important;
 margin:clamp(18px,2.4vw,31px) 0 0!important;
 padding:0!important;
 border:0!important;
 background:none!important;
 box-shadow:none!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-footer>span{
 font:700 10px/1.6 Arial,sans-serif!important;
 letter-spacing:.12em!important;
 color:var(--tz52-muted)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-footer>a{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:22px!important;
 min-height:45px!important;
 width:max-content!important;
 padding:10px 18px!important;
 border:1px solid var(--tz52-line)!important;
 border-radius:12px!important;
 background:var(--tz52-cta-bg)!important;
 color:var(--tz52-cta-text)!important;
 font-size:13px!important;
 font-weight:850!important;
 text-decoration:none!important;
 box-shadow:0 9px 17px rgba(9,29,43,.12)!important;
 transition:opacity .2s ease,transform .2s ease!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-footer>a:hover{
 transform:translateY(-2px)!important;
 opacity:.92!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-footer>a span{
 font-size:17px!important;
 color:inherit!important;
}
@media(max-width:1000px){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media(max-width:640px){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities{
  margin-top:20px!important;padding:21px 15px 22px!important;border-radius:19px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:11px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-grid .tyz52-cap-card,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(n){
  min-height:220px!important;padding:17px 18px!important;border-radius:15px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card .tyz-service__icon,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card:nth-child(-n+2) .tyz-service__icon{
  width:48px!important;height:48px!important;flex-basis:48px!important;margin-bottom:11px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card .tyz-service__icon svg{
  width:24px!important;height:24px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card h3,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card:nth-child(-n+2) h3{
  font-size:18px!important;margin-bottom:6px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card p{
  margin-bottom:9px!important;font-size:12px!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-footer{
  flex-direction:column!important;align-items:stretch!important;text-align:center!important;
 }
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-footer>a{
  width:100%!important;justify-content:center!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card::after,
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-footer>a{
  animation:none!important;transition:none!important;transform:none!important;
 }
}
/* End scoped Expertise Dual Mode V1 */

/* V1.1: Use a dedicated GPU-opacity overlay rather than inherited service pseudo-elements.
   The six existing service icons and the ecosystem visual never animate. */
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card::after{
 display:none!important;
 animation:none!important;
}
html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card .tyz52-cap-shine{
 position:absolute!important;
 inset:0!important;
 z-index:0!important;
 display:block!important;
 margin:0!important;
 padding:0!important;
 border-radius:inherit!important;
 border:1px solid var(--tz52-gold)!important;
 background:linear-gradient(125deg,transparent 26%,var(--tz52-soft) 54%,transparent 77%)!important;
 box-shadow:inset 0 0 26px var(--tz52-soft)!important;
 pointer-events:none!important;
 opacity:0;
 animation:tyz52-soft-sheen 12s ease-in-out infinite;
 animation-delay:calc(var(--tyz52-step) * -2s);
}
@media(prefers-reduced-motion:reduce){
 html body #tyz-home-v21 #services.tyz-services--signature .tyz52-capabilities .tyz52-cap-card .tyz52-cap-shine{
  animation:none!important;
  opacity:0!important;
 }
}

/* V1.2 - screenshot feedback 2026-11-14:
   keep the section title visible beneath the sticky global navigation,
   eliminate inherited ornamental overlays that collide with CTA buttons,
   increase type legibility without changing the hero illustration. */
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities{
  scroll-margin-top:36px!important;
}
html body.admin-bar #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities{
  scroll-margin-top:104px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-heading{
  margin-bottom:clamp(25px,3vw,35px)!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-heading h3{
  font-size:clamp(29px,3.4vw,46px)!important;
  line-height:1.25!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card::before{
  content:none!important;
  display:none!important;
  opacity:0!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card > .tyz-luxe-card-beam,
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card > .tyz-u2-edge,
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-card > .tyz-v3-corners{
  display:none!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card,
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(n){
  min-height:290px!important;
  border-radius:18px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card h3,
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(-n+2) h3{
  font-size:clamp(21px,1.85vw,26px)!important;
  line-height:1.4!important;
  margin-bottom:10px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card p{
  font-size:clamp(14px,1.08vw,16px)!important;
  line-height:1.75!important;
  margin-bottom:15px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card .tyz-service__topics span{
  font-size:11px!important;
  padding:5px 11px!important;
}
html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card a{
  font-size:12px!important;
  min-height:36px!important;
  padding:8px 15px!important;
  border-radius:10px!important;
}
@media (max-width:640px){
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities{
    scroll-margin-top:24px!important;
  }
  html body.admin-bar #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities{
    scroll-margin-top:88px!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-heading h3{
    font-size:clamp(25px,7.3vw,33px)!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card,
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(n){
    min-height:238px!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card h3,
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card:nth-child(-n+2) h3{
    font-size:19px!important;
  }
  html body #tyz-home-v21 #services.tyz-services--signature #tyz-selected-capabilities .tyz52-cap-grid .tyz52-cap-card p{
    font-size:13px!important;
  }
}