/*
 * TAMIYOUZ — VISIBLE REDESIGN V4 (HOME / EN HOME)
 * REAL COMPOSITION CHANGE: warm/dark split hero; services editorial index;
 * light portfolio "prints" inside dark gallery; process split-studio timeline.
 * No extra JS, fonts, animations, content, SEO or form changes.
 * Defaults accessible, Arabic/English responsive, reversible.
 */
:root{--tv4-cream:#f6f1e7;--tv4-light:#fefcf7;--tv4-midnight:#092033;--tv4-ink:#142c39;--tv4-gold:#a7783d;--tv4-muted:#687682;}
/* A / 50–50 EDITORIAL SPLIT HERO. Replaces dark-on-dark landing composition. */
html #tyz-home-v21 .tyz-hero,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-hero{
  background:linear-gradient(to right,#071c2d 0%,#0c2b40 43.5%,#f6f1e7 43.6%,#f6f1e7 100%)!important;
  color:var(--tv4-ink)!important;
  border-bottom:1px solid rgba(138,114,79,.13);
}
#tyz-home-v21 .tyz-hero::before{display:none!important;content:none!important;}
#tyz-home-v21 .tyz-dc-hero-atmosphere{display:none!important;}
@media(min-width:1181px){
  #tyz-home-v21 .tyz-hero__grid{
    grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr)!important;
    gap:clamp(45px,5vw,85px)!important;
    padding-block:clamp(74px,8vw,130px) clamp(67px,7vw,112px)!important;
    min-height:clamp(715px,85vh,990px)!important;
    align-items:center!important;
  }
  #tyz-home-v21 .tyz-hero__copy{
    padding-inline-start:clamp(12px,2.6vw,48px)!important;
    padding-top:0!important;
    max-width:680px!important;
    align-self:center!important;
  }
  #tyz-home-v21 .tyz-hero__visual{align-self:center!important}
}
#tyz-home-v21 .tyz-hero__copy::before{display:none!important;content:none!important;}
#tyz-home-v21 .tyz-hero__copy .tyz5-hero-edition{
  font-size:10px;
  color:#906a3a!important;
  letter-spacing:.095em;
  margin-bottom:clamp(27px,2.9vw,44px);
}
#tyz-home-v21 .tyz-hero__copy .tyz5-hero-edition>span:last-child{color:#8d9294!important;}
#tyz-home-v21 .tyz5-edition-dot{background:#aa7f4b;box-shadow:0 0 0 5px rgba(181,135,73,.12);}
#tyz-home-v21 .tyz-hero__copy .tyz-eyebrow{
  color:#9a703e!important;
  letter-spacing:.07em;
  font-weight:800;
  font-size:12px;
  margin-bottom:14px;
}
html #tyz-home-v21 .tyz-hero__copy h1{
  color:#132d3e!important;
  font-size:clamp(63px,6.4vw,104px)!important;
  line-height:1.22!important;
  font-weight:900;
  letter-spacing:-.037em;
  max-width:13ch!important;
  text-shadow:none!important;
  margin:0;
}
html #tyz-home-v21 .tyz-hero__copy h1 em,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-hero__copy h1 em{
  background:none!important;
  color:#ad7a3d!important;
  -webkit-text-fill-color:#ad7a3d!important;
  text-shadow:none!important;
  animation:none!important;
}
html #tyz-home-v21 .tyz-hero__copy>p{
  color:#556c7c!important;
  font-size:clamp(16px,1.36vw,19px)!important;
  line-height:1.95!important;
  max-width:560px;
  margin-top:clamp(24px,2.4vw,35px);
}
#tyz-home-v21 .tyz-hero__actions{
  margin-top:clamp(27px,3.1vw,43px);
  margin-bottom:clamp(30px,3.4vw,51px);
  gap:clamp(13px,1.6vw,24px);
}
html #tyz-home-v21 .tyz-hero__actions .tyz-button{
  background:#0a293b!important;
  color:#fff7e8!important;
  border:1px solid #0a293b!important;
  border-radius:11px!important;
  min-height:57px!important;
  padding-inline:clamp(24px,2.6vw,37px)!important;
  box-shadow:0 14px 35px rgba(8,35,52,.18)!important;
  font-weight:850;
}
#tyz-home-v21 .tyz-hero__actions .tyz-button span{color:#eac99c!important;}
html #tyz-home-v21 .tyz-hero__actions .tyz-text-link{
  color:#294456!important;
  border-color:rgba(37,67,84,.2);
  font-weight:800;
}
#tyz-home-v21 .tyz-hero__actions .tyz-text-link span{color:#9c753f!important;}
#tyz-home-v21 .tyz-hero__meta{
  border-color:rgba(32,60,78,.14)!important;
  margin-top:0!important;
  padding-top:clamp(23px,2.6vw,37px);
}
#tyz-home-v21 .tyz-hero__meta div{border-color:rgba(32,60,78,.13)!important;}
html #tyz-home-v21 .tyz-hero__meta b{color:#1b3445!important;font-weight:850;font-size:12px;}
html #tyz-home-v21 .tyz-hero__meta small{color:#5d7080!important;font-size:11px;}
#tyz-home-v21 .tyz-hero__visual{
  filter:drop-shadow(0 26px 46px rgba(0,10,20,.2))!important;
}
html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame{
  border-radius:clamp(22px,2vw,34px);
  background:#091d2e!important;
  box-shadow:0 30px 65px rgba(0,8,20,.28),0 0 0 1px rgba(238,196,134,.3)!important;
}
/* Make the dark band below a strong typographic division, not more dark cards. */
#tyz-home-v21 .tyz5-studio-index{
  background:#081a2a!important;
  padding-block:clamp(29px,3.3vw,45px)!important;
}
#tyz-home-v21 .tyz5-studio-index__disciplines>a{
  border-inline:0!important;
  border-block-start:0!important;
  border-block-end:1px solid rgba(228,190,132,.35)!important;
  background:transparent!important;
  border-radius:0!important;
  min-height:105px;
  font-size:clamp(14px,1.12vw,17px)!important;
}
#tyz-home-v21 .tyz5-studio-index__disciplines>a:is(:hover,:focus-visible){
  background:rgba(226,186,125,.055)!important;
  border-block-end-color:#e4bd80!important;
}
/* B / EDITORIAL SERVICES INDEX: 6 horizontal disciplines instead of standard bento cards. */
html #tyz-home-v21 .tyz-services,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-services{
  background:#fffcf6!important;
  color:#142f40!important;
  padding-block:clamp(102px,9.2vw,155px) clamp(90px,8vw,128px)!important;
}
#tyz-home-v21 .tyz-services .tyz-section-head{
  grid-template-columns:minmax(0,1fr) minmax(230px,.65fr);
  margin-bottom:clamp(30px,4vw,57px);
  column-gap:clamp(40px,8vw,130px);
}
html #tyz-home-v21 .tyz-services .tyz-section-head h2{
  color:#162e3e!important;
  font-size:clamp(50px,5vw,77px)!important;
  line-height:1.31;
  max-width:15ch;
}
html #tyz-home-v21 .tyz-services .tyz-section-head h2 em{
  color:#b1824b!important;
}
#tyz-home-v21 .tyz-services .tyz-section-head>p{
  color:#607280!important;
  font-size:clamp(15px,1.25vw,17px);
  line-height:1.92;
  max-width:47ch;
}
#tyz-home-v21 .tyz5-section-number{
  border-bottom-color:rgba(32,63,83,.2);
  color:#956f43;
  padding-bottom:15px;margin-bottom:0;
  font-weight:800;
}
html #tyz-home-v21 .tyz5-bento-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:none!important;
  grid-auto-rows:auto!important;
  gap:0!important;
  padding:0!important;
  margin-top:0;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service,
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:nth-child(4){
  display:grid!important;
  grid-template-columns:45px 63px minmax(185px,.93fr) minmax(190px,1.12fr) minmax(125px,.53fr)!important;
  grid-template-rows:auto!important;
  grid-template-areas:"num icon title desc action";
  align-items:center!important;
  column-gap:clamp(12px,1.65vw,27px)!important;
  row-gap:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:153px!important;
  width:100%!important;
  padding:clamp(23px,2.35vw,38px) clamp(19px,2.35vw,37px)!important;
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid rgba(42,69,81,.16)!important;
  background:#fffcf6!important;
  box-shadow:none!important;
  transition:background-color .25s ease!important;
  transform:none!important;
  text-align:start;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child{
  background:#0d2c3f!important;
  border:1px solid rgba(226,182,117,.25)!important;
  border-radius:18px!important;
  margin-block:clamp(18px,2vw,28px) 7px!important;
  min-height:190px!important;
  box-shadow:0 19px 45px rgba(8,33,48,.11)!important;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service::before,
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service::after{
  content:none!important;
  display:none!important;
}
#tyz-home-v21 .tyz5-bento-grid>.tyz-service>span:first-child{
  grid-area:num;
  align-self:center;
  font:750 14px/1.3 "Outfit",system-ui,sans-serif;
  color:#a17849!important;
  letter-spacing:0;
}
#tyz-home-v21 .tyz5-bento-grid>.tyz-service>i.tyz-service__icon{
  grid-area:icon;
  display:grid!important;place-items:center;
  width:56px;height:56px;
  margin:0!important;
  border:1px solid rgba(183,137,78,.22);
  border-radius:13px;
  background:#f2e8d9;
  color:#987046;
  box-shadow:none;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>h3{
  grid-area:title;
  color:#182f40!important;
  margin:0!important;
  font-size:clamp(24px,2.35vw,35px)!important;
  line-height:1.36!important;
  letter-spacing:-.025em;
  max-width:none!important;
  font-weight:850;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>p{
  grid-area:desc;
  color:#5c6f7c!important;
  font-size:clamp(13px,1.12vw,16px)!important;
  line-height:1.85!important;
  max-width:43ch;
  margin:0!important;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>a{
  grid-area:action;
  display:inline-flex;align-items:center;justify-content:flex-end;
  gap:9px;
  border:0!important;
  margin:0!important;
  padding:0!important;
  min-height:47px;
  font-size:13px!important;
  text-align:end;
  color:#976b37!important;
  white-space:nowrap;
  font-weight:850;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child>h3{color:#fff9e9!important;}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child>p{color:#c3d1da!important;}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child>a{color:#edc993!important;}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child>span:first-child{color:#e9bb80!important;}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child>i.tyz-service__icon{
  background:rgba(229,185,116,.12)!important;
  border-color:rgba(232,187,120,.3)!important;
  color:#edc590!important;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>.tyz-v3-corners,
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>.tyz-luxe-card-beam,
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>.tyz-u2-edge{display:none!important;}
@media(hover:hover) and (pointer:fine){
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:not(:first-child):hover{
    background:#f5efe5!important;
  }
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child:hover{
    background:#123a50!important;
  }
}
#tyz-home-v21 .tyz5-services-bottom{
  margin-top:clamp(25px,2.6vw,39px);
  border-color:rgba(29,58,76,.17);
}
#tyz-home-v21 .tyz5-services-bottom a{color:#956a35!important;}
/* C / PROJECT GALLERY PRINTS. White editorial project cards now pop against dark gallery. */
html #tyz-home-v21 .tyz-work{
  background:linear-gradient(132deg,#071927,#0b2b40 61%,#071b2b)!important;
}
html #tyz-home-v21 .tyz5-work-editorial .tyz-xp-project-card{
  background:#f9f6ef!important;
  border:1px solid rgba(238,207,166,.4)!important;
  border-radius:15px!important;
  box-shadow:0 22px 50px rgba(0,4,11,.24)!important;
}
html #tyz-home-v21 .tyz-xp-project-card__copy{
  background:#f9f6ef!important;
  padding:clamp(27px,3.1vw,47px)!important;
}
html #tyz-home-v21 .tyz-xp-project-card__copy h3{
  color:#182e3f!important;
  line-height:1.4;
  font-weight:850;
  letter-spacing:-.025em;
}
html #tyz-home-v21 .tyz-xp-project-card__copy p{color:#627280!important;}
html #tyz-home-v21 .tyz-xp-project-card__category{color:#a4773e!important;}
html #tyz-home-v21 .tyz-xp-project-card__more{color:#91683a!important;}
#tyz-home-v21 .tyz-xp-project-card__visual{
  background:#102739!important;
}
#tyz-home-v21 .tyz-xp-project-card__visual:before{
  border-color:rgba(247,221,188,.38)!important;
}
#tyz-home-v21 .tyz-xp-project-card>.tyz-v3-corners{display:none!important;}
/* D / PROCESS STUDIO LAYOUT: a striking large left column + right-hand timeline. */
@media(min-width:1020px){
  #tyz-home-v21 .tyz-process>.tyz-shell{
    display:grid!important;
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;
    gap:clamp(55px,7.8vw,125px);
    align-items:start;
  }
  #tyz-home-v21 .tyz-process__intro{
    margin:0;position:sticky;top:140px;
    max-width:580px;
  }
}
html #tyz-home-v21 .tyz-process{
  background:#f4efe6!important;
  padding-block:clamp(98px,9vw,157px)!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process{
  background:#152c3b!important;
}
html #tyz-home-v21 .tyz-process__intro h2{
  font-size:clamp(46px,4.6vw,72px)!important;
  line-height:1.31;
  color:#172d3d;
  max-width:16ch;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process__intro h2{color:#f6ebdd;}
html #tyz-home-v21 .tyz-process__steps{
  display:flex!important;
  flex-direction:column!important;
  border-top:1px solid rgba(48,76,91,.23)!important;
}
html #tyz-home-v21 .tyz-process__steps>article{
  display:grid!important;
  grid-template-columns:75px minmax(0,1fr);
  grid-template-areas:"number heading" ". body";
  column-gap:clamp(17px,2vw,33px);
  row-gap:7px;
  align-items:start;
  min-height:0!important;
  padding:clamp(23px,2.7vw,38px) 0!important;
  border-inline:0!important;
  border-block-start:0!important;
  border-block-end:1px solid rgba(48,76,91,.19)!important;
  background:transparent;
}
html #tyz-home-v21 .tyz-process__steps>article>span{
  grid-area:number;
  font:500 clamp(35px,3.2vw,52px)/1 "Outfit",system-ui,sans-serif;
  color:#a47b49;
  letter-spacing:-.045em;
}
html #tyz-home-v21 .tyz-process__steps>article>h3{
  grid-area:heading;
  margin:0!important;
  color:#172e3d;
  font-size:clamp(26px,2.7vw,39px)!important;
  line-height:1.36;
  font-weight:850;
}
html #tyz-home-v21 .tyz-process__steps>article>p{
  grid-area:body;
  color:#60717d;
  font-size:clamp(14px,1.12vw,16px);
  line-height:1.84;
  margin:0!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process__steps>article>h3{color:#f7eee0;}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process__steps>article>p{color:#b5c5d1;}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process__steps{border-color:rgba(236,204,155,.22)!important;}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process__steps>article{border-color:rgba(236,204,155,.16)!important;}
/* Responsive hero and editorial services. */
@media(max-width:1180px){
  html #tyz-home-v21 .tyz-hero,
  html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-hero{
    background:#f6f1e7!important;
  }
  #tyz-home-v21 .tyz-hero__grid{min-height:0!important;padding-block:70px 56px!important;gap:34px!important;}
  #tyz-home-v21 .tyz-hero__copy{max-width:760px!important;}
  html #tyz-home-v21 .tyz-hero__copy h1{font-size:clamp(56px,8.5vw,82px)!important;}
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service{
    grid-template-columns:43px 55px minmax(0,1fr) minmax(122px,.45fr)!important;
    grid-template-areas:"num icon title action" ". . desc desc";
    row-gap:10px!important;
  }
}
@media(max-width:760px){
  #tyz-home-v21 .tyz-hero__grid{padding-block:47px 49px!important;gap:28px!important;}
  html #tyz-home-v21 .tyz-hero__copy h1{
    font-size:clamp(43px,11vw,65px)!important;
    line-height:1.32!important;
    max-width:100%!important;
  }
  html #tyz-home-v21 .tyz-hero__copy>p{font-size:15px!important;line-height:1.91!important;}
  #tyz-home-v21 .tyz-hero__meta{margin-top:20px!important;gap:11px;}
  #tyz-home-v21 .tyz-hero__meta div{border-inline-start:2px solid rgba(55,88,107,.15)!important;padding-inline-start:13px;}
  #tyz-home-v21 .tyz-hero__actions{margin-block:23px!important;}
  html #tyz-home-v21 .tyz-hero__actions .tyz-button{width:100%;text-align:center;min-height:55px!important;}
  #tyz-home-v21 .tyz5-studio-index__disciplines>a{border-radius:9px!important;border:1px solid rgba(215,179,126,.16)!important;}
  #tyz-home-v21 .tyz-services .tyz-section-head{grid-template-columns:1fr;gap:16px;}
  html #tyz-home-v21 .tyz-services .tyz-section-head h2{font-size:clamp(37px,9vw,52px)!important;}
  html #tyz-home-v21 .tyz-services{padding-block:75px 84px!important;}
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service,
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:nth-child(4){
    grid-template-columns:58px minmax(0,1fr) auto!important;
    grid-template-areas:"icon title num" "desc desc desc" "action action action";
    align-items:center;
    gap:15px 13px!important;
    min-height:0!important;
    padding:23px 14px!important;
  }
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child{
    min-height:0!important;padding:28px 20px!important;margin-block:16px 4px!important;
  }
  #tyz-home-v21 .tyz5-bento-grid>.tyz-service>span:first-child{font-size:12px;justify-self:end;}
  #tyz-home-v21 .tyz5-bento-grid>.tyz-service>i.tyz-service__icon{width:51px;height:51px;}
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>h3{
    font-size:clamp(22px,5.5vw,28px)!important;
    margin:0!important;
  }
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>p{font-size:14px!important;}
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>a{
    justify-content:flex-start;text-align:start;min-height:38px;
    border-top:1px solid rgba(40,70,86,.14)!important;
    padding-top:12px!important;
  }
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child>a{
    border-color:rgba(236,200,149,.2)!important;
  }
  #tyz-home-v21 .tyz-xp-project-card__copy{padding:22px!important;}
  html #tyz-home-v21 .tyz-process{padding-block:72px!important;}
  html #tyz-home-v21 .tyz-process__steps>article{grid-template-columns:57px minmax(0,1fr);padding:25px 0!important;}
  html #tyz-home-v21 .tyz-process__steps>article>span{font-size:37px;}
  html #tyz-home-v21 .tyz-process__intro h2{font-size:clamp(36px,9vw,54px)!important;}
}
@media(prefers-reduced-motion:reduce){
  html #tyz-home-v21 .tyz5-bento-grid>.tyz-service{transition:none!important;}
}
@media print{
  html #tyz-home-v21 .tyz-hero{background:#fff!important;}
  html #tyz-home-v21 .tyz-work{background:#fff!important;}
  #tyz-home-v21 .tyz-work :is(h2,p,span){color:#172d3a!important;}
}