/* Tamiyouz Auto Phase 14 — premium, sourced portfolio showcases.
   Use only published real case-study records; images retain actual captions. */
#tyz-home-v21 .tyz-work{
 position:relative;isolation:isolate;overflow:hidden;
 background:
 radial-gradient(ellipse 66% 65% at 100% 0%,rgba(188,139,66,.12),transparent 67%),
 linear-gradient(137deg,#fcfaf5,#f8f7f3 52%,#f6f5f2)!important;
 padding-block:clamp(86px,8vw,129px)!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-work{
 background:
 radial-gradient(ellipse 60% 69% at 100% 0%,rgba(182,117,39,.14),transparent 67%),
 linear-gradient(135deg,#0d182a,#101b2d 53%,#0e1623)!important;
}
#tyz-home-v21 .tyz-work .tyz-section-head{position:relative;z-index:2}
#tyz-home-v21 .tyz-work .tyz-section-head h2{
 text-wrap:balance;
}
#tyz-home-v21 .tyz-xp-portfolio-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:clamp(15px,1.7vw,24px);
 position:relative;z-index:1;
}
#tyz-home-v21 .tyz-xp-project-card{
 min-width:0;isolation:isolate;position:relative;
 overflow:hidden;border-radius:27px;
 background:rgba(255,255,255,.89);
 border:1px solid rgba(149,108,60,.19);
 box-shadow:0 21px 53px rgba(29,42,56,.065);
 transition:transform .45s cubic-bezier(.22,1,.36,1),
  box-shadow .45s cubic-bezier(.22,1,.36,1),
  border-color .4s;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-xp-project-card{
 background:#19283a;
 border-color:rgba(229,182,111,.19);
 box-shadow:0 26px 57px rgba(0,0,0,.18);
}
#tyz-home-v21 .tyz-xp-project-card--featured{grid-column:span 2}
#tyz-home-v21 .tyz-xp-project-card__link{
 display:grid;grid-template-rows:auto 1fr;
 height:100%;min-height:0;color:inherit;text-decoration:none;
}
#tyz-home-v21 .tyz-xp-project-card--featured .tyz-xp-project-card__link{
 display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,.66fr);
 grid-template-rows:minmax(0,1fr);align-items:stretch;
}
#tyz-home-v21 .tyz-xp-project-card__visual{
 position:relative;height:clamp(230px,22.5vw,333px);
 overflow:hidden;isolation:isolate;
 background:radial-gradient(circle at 45% 52%,#354b65,#0c192b 72%);
}
#tyz-home-v21 .tyz-xp-project-card--featured .tyz-xp-project-card__visual{
 height:100%;min-height:clamp(330px,34vw,478px);
}
#tyz-home-v21 .tyz-xp-project-card__visual::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(180deg,rgba(6,19,36,.13),transparent 48%,rgba(7,18,33,.26));
}
#tyz-home-v21 .tyz-xp-project-card__visual img{
 display:block;width:100%;height:100%;object-fit:cover;
 object-position:center top;
 transform:scale(1.005) translate3d(var(--tyz-work-x,0px),var(--tyz-work-y,0px),0);
 transition:transform .8s cubic-bezier(.22,1,.36,1),filter .6s;
}
#tyz-home-v21 .tyz-xp-project-card:is(:hover,:focus-within) .tyz-xp-project-card__visual img{
 transform:scale(1.065) translate3d(var(--tyz-work-x,0px),var(--tyz-work-y,0px),0);
}
#tyz-home-v21 .tyz-xp-project-card__placeholder{
 width:100%;height:100%;display:grid;place-items:center;
 font:900 110px Georgia,serif;color:#e3b26c;
 background:radial-gradient(circle at 48% 46%,#263e5a,#081427);
}
#tyz-home-v21 .tyz-xp-project-card__index{
 position:absolute;top:21px;inset-inline-start:22px;z-index:2;
 color:#fff4e3;background:rgba(9,22,39,.75);
 border:1px solid rgba(238,195,126,.28);
 padding:9px 13px;border-radius:99px;
 font:800 10px/1.1 Arial,sans-serif;letter-spacing:.08em;
 backdrop-filter:blur(8px);
}
#tyz-home-v21 .tyz-xp-project-card__visit{
 position:absolute;bottom:19px;inset-inline-end:21px;
 z-index:2;display:grid;place-items:center;
 width:46px;height:46px;border-radius:50%;
 color:#f8ecd3;background:rgba(6,17,29,.7);
 border:1px solid rgba(247,212,157,.3);
 font-size:24px;transition:transform .35s,background .35s;
 backdrop-filter:blur(7px);
}
#tyz-home-v21 .tyz-xp-project-card__copy{
 display:flex;flex-direction:column;align-items:flex-start;
 min-width:0;gap:0;padding:clamp(25px,2.9vw,41px);
}
#tyz-home-v21 .tyz-xp-project-card--featured .tyz-xp-project-card__copy{
 justify-content:center;padding:clamp(35px,3.7vw,65px);
}
#tyz-home-v21 .tyz-xp-project-card__category{
 color:#ab792f;font:850 10px/1.6 Arial,sans-serif;
 letter-spacing:.09em;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-xp-project-card__category{
 color:#e9c28b;
}
#tyz-home-v21 .tyz-xp-project-card h3{
 margin:14px 0 10px!important;
 font-size:clamp(25px,2.45vw,39px)!important;
 line-height:1.4!important;
 color:#182639!important;
 font-weight:900;letter-spacing:-.018em;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-xp-project-card h3{color:#f4efe6!important}
#tyz-home-v21 .tyz-xp-project-card p{
 font-size:clamp(12px,.98vw,15px)!important;
 line-height:1.9!important;
 color:#607080!important;
 margin:0!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-xp-project-card p{color:#b8c3ce!important}
#tyz-home-v21 .tyz-xp-project-card__more{
 display:inline-flex;align-items:center;gap:19px;
 color:#956525;font-weight:850;font-size:13px;
 margin-top:auto;padding-top:24px;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-xp-project-card__more{color:#e2b87b}
#tyz-home-v21 .tyz-xp-project-card__more i{font-style:normal;font-size:22px}
#tyz-home-v21 .tyz-xp-project-card:is(:hover,:focus-within){
 transform:translate3d(0,-6px,0);
 border-color:rgba(192,130,44,.49);
 box-shadow:0 32px 74px rgba(23,35,53,.135);
}
#tyz-home-v21 .tyz-xp-project-card:is(:hover,:focus-within) .tyz-xp-project-card__visit{
 transform:translate3d(3px,-3px,0);
 background:rgba(160,105,35,.95);
}
#tyz-home-v21 .tyz-xp-project-card:focus-within{
 outline:2px solid #d2a362;outline-offset:4px;
}
#tyz-home-v21 .tyz-xp-portfolio-footer{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:23px;margin-top:30px;
 color:#65707d;font-size:12px;line-height:1.9;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-xp-portfolio-footer{color:#adb7c5}
#tyz-home-v21 .tyz-xp-portfolio-footer>a{
 display:inline-flex;align-items:center;gap:25px;white-space:nowrap;
 border-radius:999px;border:1px solid rgba(181,130,59,.35);
 color:#956422!important;padding:12px 23px;
 font-size:12px;font-weight:850;
 transition:transform .3s,border-color .3s;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-xp-portfolio-footer>a{color:#e8bd7f!important}
#tyz-home-v21 .tyz-xp-portfolio-footer>a:hover{
 border-color:#c4944f;transform:translateY(-3px);
}
#tyz-home-v21 .tyz-xp-portfolio-footer i{font-style:normal;font-size:19px}
@media(max-width:860px){
 #tyz-home-v21 .tyz-xp-project-card--featured .tyz-xp-project-card__link{
  grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;
 }
 #tyz-home-v21 .tyz-xp-project-card--featured .tyz-xp-project-card__visual{
  height:310px;min-height:0;
 }
 #tyz-home-v21 .tyz-xp-project-card--featured .tyz-xp-project-card__copy{
  padding:25px;
 }
}
@media(max-width:620px){
 #tyz-home-v21 .tyz-xp-portfolio-grid{grid-template-columns:minmax(0,1fr)}
 #tyz-home-v21 .tyz-xp-project-card--featured{grid-column:auto}
 #tyz-home-v21 .tyz-xp-project-card__visual,
 #tyz-home-v21 .tyz-xp-project-card--featured .tyz-xp-project-card__visual{
  height:245px;min-height:0;
 }
 #tyz-home-v21 .tyz-xp-project-card{border-radius:22px}
 #tyz-home-v21 .tyz-xp-project-card__copy{padding:24px!important}
 #tyz-home-v21 .tyz-xp-project-card h3{font-size:25px!important}
 #tyz-home-v21 .tyz-xp-project-card:is(:hover,:focus-within){transform:none}
 #tyz-home-v21 .tyz-xp-portfolio-footer{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
 #tyz-home-v21 .tyz-xp-project-card,
 #tyz-home-v21 .tyz-xp-project-card__visual img,
 #tyz-home-v21 .tyz-xp-project-card__visit,
 #tyz-home-v21 .tyz-xp-portfolio-footer>a{
  transition:none!important;animation:none!important;
 }
 #tyz-home-v21 .tyz-xp-project-card__visual img{
  transform:none!important;
 }
}