/* TAMIYOUZ / CINEMATIC LUXURY HOMEPAGE V5
   Approved dark/navy/gold visual direction.
   Existing logo + REAL projects. No invented client logos, numbers, testimonials.
   CSS-only layout + photo treatment. Arabic/English, mobile and reduced motion. */
:root{
 --tf5-navy:#071421;--tf5-deep:#050f1b;--tf5-blue:#0d263c;
 --tf5-surface:#11263b;--tf5-cream:#fff9ef;--tf5-gold:#e4b876;
 --tf5-gold-soft:#bb8e54;--tf5-muted:#b2c4d1;
 --tf5-line:rgba(222,176,111,.21);
 --tf5-shadow:0 22px 60px rgba(0,5,16,.32);
}
html #tyz-home-v21,
html[data-tyz-theme="dark"] #tyz-home-v21{
 background:#071421!important;color:#f6efe3!important;
}
html #tyz-home-v21 main{background:#071421!important;}
#tyz-home-v21 :is(.tyz-eyebrow,.tyz5-kicker){color:#e4b876!important;}
/* GENERAL EDITORIAL SCALE */
#tyz-home-v21 .tyz-shell{width:min(calc(100% - clamp(32px,6vw,100px)),1500px)!important;}
#tyz-home-v21 :is(.tyz-section-head,.tyz-process__intro) h2 em,
#tyz-home-v21 .tyz-ai__copy h2 em,
#tyz-home-v21 .tyz-about__copy h2 em{
 color:#e5b777!important;-webkit-text-fill-color:#e5b777!important;
}
html #tyz-home-v21 .tyz-section-head h2{
 color:#fff9ef!important;font-size:clamp(36px,4vw,61px);
 line-height:1.34;letter-spacing:-.03em;
}
#tyz-home-v21 :is(.tyz-section-head>p,.tyz-about__copy>p,.tyz-ai__copy>p,.tyz-process__intro>p){
 color:#b6c3d0!important;line-height:1.98;
}
/* 01 / HERO: existing official asset adapted into a cinematic real brand scene */
html #tyz-home-v21 .tyz-hero,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-hero{
 position:relative;isolation:isolate;overflow:hidden;
 background:
 radial-gradient(ellipse 55% 68% at 34% 5%,rgba(208,143,64,.125),transparent 78%),
 radial-gradient(ellipse 45% 71% at 91% 43%,rgba(29,74,111,.31),transparent 80%),
 linear-gradient(110deg,#06111d,#0b2134 51%,#050f1b)!important;
 border-bottom:1px solid rgba(221,170,94,.24)!important;
 color:#fff9ec!important;
}
html #tyz-home-v21 .tyz-hero::before{
 display:block!important;content:""!important;position:absolute;inset:0;
 opacity:.28;pointer-events:none;z-index:0;
 background-image:linear-gradient(rgba(236,196,126,.07) 1px,transparent 1px),
 linear-gradient(90deg,rgba(236,196,126,.055) 1px,transparent 1px);
 background-size:96px 96px;
 -webkit-mask-image:linear-gradient(90deg,transparent,black 40%,transparent);
 mask-image:linear-gradient(90deg,transparent,black 40%,transparent);
}
#tyz-home-v21 .tyz-dc-hero-atmosphere{display:none!important;}
@media(min-width:1181px){
 html #tyz-home-v21 .tyz-hero__grid{
  direction:ltr!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  grid-template-areas:"media copy"!important;
  max-width:1580px!important;
  align-items:center!important;gap:clamp(35px,4.8vw,82px)!important;
  min-height:clamp(665px,81vh,830px)!important;
  padding-block:clamp(70px,7.4vw,105px) clamp(50px,6vw,90px)!important;
 }
 #tyz-home-v21 .tyz-hero__copy{
  grid-area:copy!important;align-self:center!important;justify-self:stretch!important;
  direction:rtl!important;text-align:start!important;max-width:670px!important;
  padding:0!important;
 }
 html[lang^="en"] #tyz-home-v21 .tyz-hero__copy{
  direction:ltr!important;text-align:left!important;
 }
 #tyz-home-v21 .tyz-hero__visual{
  grid-area:media!important;align-self:center!important;
  width:100%!important;max-width:none!important;
 }
}
#tyz-home-v21 .tyz-hero__copy::before{display:none!important;content:none!important;}
#tyz-home-v21 .tyz5-hero-edition{
 color:#d7ad72!important;
 font-size:10px;letter-spacing:.13em;
 margin-bottom:clamp(18px,2.8vw,37px);
}
#tyz-home-v21 .tyz5-hero-edition>span:last-child{color:#9db1bd!important;}
#tyz-home-v21 .tyz-hero__copy .tyz-eyebrow{
 color:#ebc286!important;font-size:12px;letter-spacing:.035em;
}
html #tyz-home-v21 .tyz-hero__copy h1{
 color:#fffdf7!important;
 font-size:clamp(52px,5vw,79px)!important;line-height:1.34!important;
 max-width:15ch!important;letter-spacing:-.03em!important;
 font-weight:900!important;text-shadow:0 14px 40px rgba(0,4,11,.22);
}
html #tyz-home-v21 .tyz-hero__copy h1 em,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-hero__copy h1 em{
 color:#e6b877!important;
 background:none!important;-webkit-text-fill-color:#e6b877!important;
 animation:none!important;text-shadow:0 0 36px rgba(225,160,75,.12)!important;
}
html #tyz-home-v21 .tyz-hero__copy>p{
 max-width:550px;color:#c5d0d9!important;line-height:2!important;
 font-size:clamp(15px,1.24vw,18px)!important;
 margin-block:clamp(18px,2.2vw,29px);
}
#tyz-home-v21 .tyz-hero__actions{
 gap:13px!important;margin-block:25px 31px!important;
}
html #tyz-home-v21 .tyz-hero__actions .tyz-button{
 min-height:54px!important;min-width:185px;border-radius:12px!important;
 background:linear-gradient(125deg,#ffe0a8,#c69350)!important;
 border:1px solid #e9bc7e!important;color:#132638!important;
 box-shadow:inset 0 1px rgba(255,255,255,.45),0 15px 36px rgba(0,0,0,.28)!important;
 font-size:13px;font-weight:850;
}
#tyz-home-v21 .tyz-hero__actions .tyz-button span{color:#142334!important;}
html #tyz-home-v21 .tyz-hero__actions .tyz-text-link{
 color:#f5ecdd!important;
 border:1px solid rgba(232,185,115,.46);
 border-radius:12px;
 padding:15px 20px;min-height:54px;
 text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:9px;
}
#tyz-home-v21 .tyz-hero__actions .tyz-text-link span{color:#f2ce98!important;}
#tyz-home-v21 .tyz-hero__meta{
 border-top:1px solid rgba(230,192,137,.23)!important;
 padding-top:24px!important;margin-top:26px!important;
}
#tyz-home-v21 .tyz-hero__meta div{border-color:rgba(231,190,135,.16)!important;}
html #tyz-home-v21 .tyz-hero__meta b{color:#f8eee0!important;font-size:12px!important;}
html #tyz-home-v21 .tyz-hero__meta small{color:#b6c4ce!important;font-size:11px!important;}
/* Scene rebuilt from the site's OWN pre-existing workstation/city artwork. */
#tyz-home-v21 .tyz-hero__visual{position:relative!important;isolation:isolate;}
html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-hero__media.tyz-dc-frame{
 position:relative!important;display:block!important;visibility:visible!important;opacity:1!important;
 min-height:clamp(400px,37vw,570px)!important;
 width:100%!important;aspect-ratio:1.43!important;
 padding:0!important;overflow:hidden!important;
 border:1px solid rgba(237,196,132,.43)!important;
 border-radius:24px!important;
 background:linear-gradient(100deg,rgba(8,19,34,.05),rgba(5,15,26,.24)),url("./hero-scene.webp") center center/cover no-repeat!important;
 box-shadow:0 32px 72px rgba(0,4,12,.42),0 0 0 6px rgba(226,175,102,.045)!important;
 transform:none!important;filter:none!important;
}
#tyz-home-v21 .tyz-hero__media.tyz-dc-frame > :is(
 .tyz-dc-grid,.tyz-dc-aurora,.tyz-dc-stage,.tyz-dc-corner,.tyz-dc-border,
 .tyz-command-hero__fx,.tyz-live-command,.tyz-living-cards,.tyz-native-cards,
 .tyz-rh-screen,.tyz-rh-kpis,.tyz-rh-glass,.tyz-rh-photo
){display:none!important;visibility:hidden!important;}
html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame::before{
 content:""!important;display:block!important;position:absolute;inset:0!important;
 background:linear-gradient(115deg,rgba(5,16,28,.06),transparent 37%,rgba(1,9,20,.2))!important;
 z-index:10;pointer-events:none;
 opacity:1!important;
}
html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame::after{
 content:""!important;display:block!important;position:absolute;inset:0!important;
 border:1px solid rgba(246,215,159,.2)!important;border-radius:inherit!important;
 box-shadow:inset 0 0 100px rgba(1,8,17,.17)!important;
 z-index:11;pointer-events:none;opacity:1!important;
}
#tyz-home-v21 .tyz-hero__visual::after{
 display:none!important;content:none!important;
}
/* Client proof replaced by honest disciplines; no fictitious brand partnerships. */
#tyz-home-v21 .tyz-capabilities{
 background:#081a2a!important;border-top:1px solid rgba(215,171,105,.19)!important;
 border-bottom:1px solid rgba(215,171,105,.24)!important;
}
#tyz-home-v21 .tyz-capabilities__inner{
 min-height:70px!important;gap:clamp(14px,3vw,45px)!important;
 color:#c7d1dc!important;font-weight:750!important;letter-spacing:.07em;
}
#tyz-home-v21 .tyz-capabilities__inner>i{
 background:#be8e51!important;
}
/* 02 / compact studio discipline strip */
html #tyz-home-v21 .tyz5-studio-index{
 background:#071724!important;color:#fff1de!important;
 border-color:rgba(213,168,101,.19)!important;
 padding-block:clamp(26px,3vw,42px)!important;
}
#tyz-home-v21 .tyz5-studio-index__identity strong{
 color:#fbf3e5!important;
 font-size:clamp(28px,2.85vw,45px)!important;
}
#tyz-home-v21 .tyz5-studio-index__identity small{color:#b5c0cb!important;}
#tyz-home-v21 .tyz5-studio-index__disciplines>a{
 background:rgba(255,255,255,.022)!important;
 border:1px solid rgba(230,186,122,.23)!important;
 border-radius:12px!important;min-height:77px!important;
 padding:15px 19px!important;gap:9px;
 color:#f5eade!important;
}
#tyz-home-v21 .tyz5-studio-index__disciplines>a b{color:#d9aa6d!important;}
/* 03 / ABOUT - rich dark art direction */
html #tyz-home-v21 .tyz-about,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-about{
 background:linear-gradient(160deg,#091e31,#061521)!important;
 color:#f6eee2!important;padding-block:clamp(85px,8vw,128px)!important;
}
#tyz-home-v21 .tyz-about__copy h2{color:#fff5e9!important;font-size:clamp(36px,3.7vw,56px);}
#tyz-home-v21 .tyz-about__copy h2 em{color:#e5b777!important;}
#tyz-home-v21 .tyz-about__copy>p{color:#b9c8d4!important;}
#tyz-home-v21 .tyz-about__points>div{
 border-top:1px solid rgba(227,184,117,.24)!important;
}
#tyz-home-v21 .tyz-about__points b{color:#fff3df!important;}
#tyz-home-v21 .tyz-about__points small{color:#bdcbd4!important;}
#tyz-home-v21 .tyz-about-media--v32{
 border:1px solid rgba(228,182,116,.4)!important;
 box-shadow:0 23px 63px rgba(0,6,17,.29)!important;
}
#tyz-home-v21 .tyz-about__cta{
 color:#f3cf9e!important;border-color:rgba(220,178,119,.4)!important;
}
/* 04 / SERVICES - six glass-and-gold agency cards, NOT the previous list. */
html #tyz-home-v21 .tyz-services,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-services{
 background:
 radial-gradient(ellipse 50% 80% at 92% 2%,rgba(34,76,109,.18),transparent 80%),
 linear-gradient(140deg,#071725,#0a1c2d 58%,#061422)!important;
 color:#faf0e1!important;
 padding-block:clamp(74px,7.6vw,118px)!important;
}
#tyz-home-v21 .tyz-services .tyz-section-head{
 margin-bottom:29px!important;
 border-bottom:1px solid rgba(227,184,113,.19);
 padding-bottom:clamp(22px,2.6vw,37px);
}
html #tyz-home-v21 .tyz-services .tyz-section-head h2{color:#fff6e9!important;font-size:clamp(35px,3.65vw,57px)!important;}
html #tyz-home-v21 .tyz-services .tyz-section-head h2 em{color:#e5bb82!important;-webkit-text-fill-color:#e5bb82!important;}
#tyz-home-v21 .tyz-services .tyz-section-head>p{color:#b8c8d5!important;}
#tyz-home-v21 .tyz5-section-number{
 color:#d4af7d!important;border-color:rgba(229,188,129,.25)!important;
 font-size:10px;
}
html #tyz-home-v21 .tyz5-bento-grid{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-auto-rows:auto!important;
 gap:clamp(14px,1.65vw,23px)!important;
 padding:16px 0 0!important;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service,
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:nth-child(4),
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child{
 display:flex!important;
 flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
 grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;
 min-width:0!important;min-height:clamp(280px,23vw,342px)!important;
 width:100%!important;
 margin:0!important;
 padding:clamp(25px,2.4vw,35px)!important;
 border:1px solid rgba(231,191,130,.23)!important;
 border-radius:20px!important;
 background:
 radial-gradient(ellipse 84% 62% at 95% 100%,rgba(198,142,73,.11),transparent 75%),
 linear-gradient(145deg,rgba(26,51,73,.92),rgba(11,27,44,.96))!important;
 box-shadow:inset 0 1px rgba(255,239,210,.065),0 21px 55px rgba(0,4,13,.17)!important;
 color:#f9f0e1!important;
 position:relative!important;overflow:hidden!important;
 transform:none!important;transition:border-color .28s ease,box-shadow .28s ease,background-color .28s ease!important;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child{
 border-color:rgba(245,190,107,.54)!important;
 box-shadow:inset 0 1px rgba(255,232,189,.11),0 0 0 1px rgba(205,149,72,.12),0 20px 58px rgba(0,5,14,.27)!important;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service::before{
 content:""!important;display:block!important;position:absolute;
 width:175px;height:175px;inset:auto -72px -87px auto;
 border:1px solid rgba(225,173,93,.2);
 border-radius:50%;background:radial-gradient(circle,rgba(239,176,79,.10),transparent 71%);
 pointer-events:none;z-index:0;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service::after{display:none!important;content:none!important;}
#tyz-home-v21 .tyz5-bento-grid>.tyz-service>span:first-child{
 display:block!important;position:absolute;top:26px;inset-inline-end:27px;
 color:#ddb886!important;font:750 11px/1.1 "Outfit",system-ui,sans-serif;opacity:.78;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>i.tyz-service__icon{
 display:grid!important;place-items:center!important;
 position:relative!important;
 width:57px!important;height:57px!important;min-height:57px!important;
 margin:0 0 clamp(20px,2vw,28px)!important;
 border:1px solid rgba(229,185,114,.4)!important;border-radius:13px!important;
 background:rgba(235,184,110,.08)!important;color:#f0bf78!important;
 box-shadow:inset 0 1px rgba(255,243,220,.06)!important;
}
#tyz-home-v21 .tyz5-bento-grid>.tyz-service>i.tyz-service__icon svg{
 width:26px;height:26px;color:#f0bf78!important;stroke:#f0bf78!important;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>h3,
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child>h3{
 color:#fff7e9!important;
 font-size:clamp(20px,1.8vw,28px)!important;font-weight:850!important;
 line-height:1.49!important;margin:0 0 11px!important;
 letter-spacing:-.018em!important;max-width:100%!important;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>p,
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child>p{
 color:#b9c8d5!important;font-size:clamp(12px,.97vw,14px)!important;
 line-height:1.89!important;margin:0 0 20px!important;max-width:100%!important;
}
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>a,
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child>a{
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
 margin-top:auto!important;padding:12px 0 0!important;width:100%!important;
 min-height:44px!important;border:0!important;border-top:1px solid rgba(228,185,123,.18)!important;
 color:#f0cb95!important;font-size:12px!important;font-weight:800!important;
 text-align:start!important;white-space:normal!important;
}
#tyz-home-v21 .tyz5-bento-grid>.tyz-service>.tyz-v3-corners,
#tyz-home-v21 .tyz5-bento-grid>.tyz-service>.tyz-luxe-card-beam,
#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:hover{
  border-color:rgba(247,192,114,.66)!important;
  box-shadow:0 12px 31px rgba(0,3,10,.22),inset 0 1px rgba(255,239,209,.11),0 0 0 1px rgba(226,175,102,.12)!important;
 }
}
#tyz-home-v21 .tyz5-services-bottom{
 border-color:rgba(229,185,123,.24)!important;
 margin-top:clamp(25px,3vw,46px);padding-top:clamp(20px,2.2vw,32px);
}
#tyz-home-v21 .tyz5-services-bottom>span{color:#b4c1cb!important;}
#tyz-home-v21 .tyz5-services-bottom a{color:#f0c892!important;}
/* 05 / SHOWREEL + AI */
html #tyz-home-v21 .tyz-showreel,
html #tyz-home-v21 .tyz-ai{
 background:#071725!important;color:#fff4e4!important;
}
#tyz-home-v21 .tyz-showreel{padding-block:26px clamp(74px,7vw,111px)!important;}
#tyz-home-v21 .tyz-showreel__panel{
 border:1px solid rgba(226,180,112,.3)!important;
 border-radius:24px!important;
 background:linear-gradient(95deg,rgba(5,17,29,.82),rgba(7,24,41,.65)),url("./hero-scene.webp") center 45%/cover no-repeat!important;
 box-shadow:var(--tf5-shadow);
}
#tyz-home-v21 .tyz-showreel__copy h2,
#tyz-home-v21 .tyz-ai__copy h2{color:#fff6e8!important;line-height:1.4;}
#tyz-home-v21 .tyz-showreel__copy p,#tyz-home-v21 .tyz-ai__copy p{color:#c5d0da!important;}
#tyz-home-v21 .tyz-ai{padding-block:clamp(85px,9vw,134px)!important;}
#tyz-home-v21 .tyz-ai__copy ul li{
 background:#11283b!important;color:#e4eef4!important;
 border-color:rgba(221,181,121,.25)!important;
}
#tyz-home-v21 .tyz-console{
 border:1px solid rgba(231,188,121,.29)!important;
 box-shadow:0 28px 76px rgba(0,5,16,.4)!important;
}
/* 06 / REAL PUBLISHED WORK, with big project imagery and restrained gold metadata. */
html #tyz-home-v21 .tyz-work,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-work{
 background:linear-gradient(155deg,#091a2a,#0b2033 63%,#071625)!important;
 color:#fff4e5!important;
 padding-block:clamp(78px,7.5vw,120px)!important;
 border-block:1px solid rgba(230,184,120,.18)!important;
}
#tyz-home-v21 .tyz-work .tyz-section-head{
 border-color:rgba(236,195,134,.22)!important;margin-bottom:clamp(28px,3vw,45px);
}
html #tyz-home-v21 .tyz-work .tyz-section-head h2{color:#fff8ee!important;}
html #tyz-home-v21 .tyz-work .tyz-section-head>p{color:#b9c8d4!important;}
html #tyz-home-v21 .tyz-xp-portfolio-grid{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-auto-flow:row!important;
 gap:clamp(14px,1.7vw,25px)!important;
}
html #tyz-home-v21 .tyz-xp-portfolio-grid>.tyz-xp-project-card,
html #tyz-home-v21 .tyz-xp-project-card--featured{
 grid-column:auto!important;grid-row:auto!important;
 border:1px solid rgba(237,194,131,.27)!important;
 border-radius:17px!important;
 background:#0b192a!important;overflow:hidden!important;
 box-shadow:0 20px 50px rgba(0,4,12,.23)!important;
}
html #tyz-home-v21 .tyz-xp-project-card__visual{
 aspect-ratio:1.64!important;height:auto!important;
 min-height:190px!important;max-height:290px!important;
 background:#10263a!important;overflow:hidden!important;
}
#tyz-home-v21 .tyz-xp-project-card__visual img{
 width:100%!important;height:100%!important;
 object-fit:cover!important;display:block!important;
 filter:saturate(.97) contrast(1.03);
}
html #tyz-home-v21 .tyz-xp-project-card__copy{
 background:linear-gradient(150deg,#132b40,#0c1c2e)!important;
 padding:clamp(19px,1.9vw,30px)!important;
}
html #tyz-home-v21 .tyz-xp-project-card__category{
 font-size:9px!important;letter-spacing:.13em!important;color:#e3b778!important;
}
html #tyz-home-v21 .tyz-xp-project-card__copy h3{
 color:#fff5e7!important;
 font-size:clamp(18px,1.65vw,25px)!important;
 line-height:1.43!important;margin:12px 0 6px!important;
}
html #tyz-home-v21 .tyz-xp-project-card__copy p{
 color:#b4c7d4!important;line-height:1.7!important;
 font-size:clamp(12px,.94vw,14px)!important;
}
html #tyz-home-v21 .tyz-xp-project-card__more{color:#f1cb92!important;font-size:12px!important;}
#tyz-home-v21 .tyz-xp-project-card__index,
#tyz-home-v21 .tyz-xp-project-card__visit{
 background:rgba(6,20,34,.85)!important;
 color:#efd0a0!important;border-color:rgba(238,191,118,.31)!important;
}
#tyz-home-v21 .tyz-xp-portfolio-footer{
 border-color:rgba(226,182,122,.23)!important;margin-top:clamp(25px,3vw,47px)!important;
}
#tyz-home-v21 .tyz-xp-portfolio-footer span{color:#b5c7d4!important;}
#tyz-home-v21 .tyz-xp-portfolio-footer a{color:#f0c68f!important;}
/* 07 / PROCESS: signature horizontal 4-stage premium roadmap. */
html #tyz-home-v21 .tyz-process,
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-process{
 background:
 linear-gradient(90deg,rgba(5,17,29,.92),rgba(6,22,37,.88)),
 url("./hero-scene.webp") center 44%/cover no-repeat!important;
 color:#f8efe1!important;
 padding-block:clamp(77px,7.7vw,125px)!important;
}
@media(min-width:1020px){
 #tyz-home-v21 .tyz-process>.tyz-shell{
  display:block!important;
 }
 #tyz-home-v21 .tyz-process__intro{position:static!important;max-width:none!important;margin:0 0 44px!important;}
}
html #tyz-home-v21 .tyz-process__intro h2{
 color:#fff8e9!important;
 font-size:clamp(37px,4.3vw,63px)!important;
 max-width:22ch!important;line-height:1.38!important;
}
html #tyz-home-v21 .tyz-process__intro h2 em{color:#e8be84!important;}
html #tyz-home-v21 .tyz-process__steps{
 display:grid!important;
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:clamp(12px,1.7vw,24px)!important;
 border:0!important;
}
html #tyz-home-v21 .tyz-process__steps>article{
 display:flex!important;flex-direction:column!important;
 min-height:230px!important;
 padding:clamp(23px,2.2vw,35px)!important;
 border:1px solid rgba(227,185,125,.24)!important;
 border-radius:17px!important;
 background:linear-gradient(145deg,rgba(24,50,72,.75),rgba(7,22,38,.82))!important;
 box-shadow:inset 0 1px rgba(255,244,216,.035)!important;
}
html #tyz-home-v21 .tyz-process__steps>article>span{
 font:650 clamp(29px,2.8vw,42px)/1 "Outfit",system-ui,sans-serif;
 color:#eac18a!important;margin-bottom:clamp(19px,2vw,29px)!important;
}
html #tyz-home-v21 .tyz-process__steps>article>h3{
 color:#fff6e9!important;margin:0 0 10px!important;
 font-size:clamp(22px,2vw,29px)!important;line-height:1.43!important;
}
html #tyz-home-v21 .tyz-process__steps>article>p{
 color:#b6c7d4!important;margin:0!important;font-size:13px;line-height:1.83!important;
}
/* 08 / FINAL CONTACT: wide cinematic banner with gold focus. */
#tyz-home-v21 .tyz-cta{
 background:#071421!important;
 padding-block:0 clamp(65px,7vw,110px)!important;
}
html #tyz-home-v21 .tyz-cta__panel{
 min-height:clamp(320px,31vw,425px)!important;
 padding:clamp(34px,4.8vw,75px)!important;
 border:1px solid rgba(232,187,124,.37)!important;
 border-radius:22px!important;
 background:linear-gradient(95deg,rgba(8,25,41,.85),rgba(8,25,41,.52)),
 url("./hero-scene.webp") center 72%/cover no-repeat!important;
 box-shadow:0 24px 70px rgba(0,5,14,.34)!important;
}
#tyz-home-v21 .tyz-cta__panel::before{display:none!important;content:none!important;}
#tyz-home-v21 .tyz-cta__panel h2{color:#fff7e9!important;font-size:clamp(36px,4vw,59px);line-height:1.33!important;}
#tyz-home-v21 .tyz-cta__panel h2 em{color:#eac18d!important;}
#tyz-home-v21 .tyz-cta__panel p{color:#e0e2e2!important;font-size:15px!important;line-height:1.9!important;}
#tyz-home-v21 .tyz-cta__panel .tyz-button{
 background:linear-gradient(125deg,#f7d8a0,#c99553)!important;
 border-color:#eac086!important;color:#162536!important;
 min-height:55px;border-radius:12px;font-weight:850;
}
#tyz-home-v21 .tyz-cta__panel>.tyz-v3-cta-reflection{display:none!important;}
/* Responsiveness: keeps everything visible, no horizontal scrolling. */
@media(min-width:1480px){
 html #tyz-home-v21 .tyz5-bento-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service{min-height:335px!important;padding:25px 17px!important;}
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>h3{font-size:clamp(17px,1.2vw,21px)!important;}
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>p{font-size:12px!important;}
}
@media(max-width:1180px){
 html #tyz-home-v21 .tyz-hero__grid{
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:"copy" "media"!important;
  min-height:0!important;
  gap:clamp(30px,4vw,55px)!important;
  padding-block:clamp(50px,7vw,75px)!important;
 }
 html[lang^="en"] #tyz-home-v21 .tyz-hero__grid{direction:ltr!important;}
 #tyz-home-v21 .tyz-hero__copy{grid-area:copy!important;max-width:850px!important;direction:rtl!important;}
 html[lang^="en"] #tyz-home-v21 .tyz-hero__copy{direction:ltr!important;text-align:left!important;}
 #tyz-home-v21 .tyz-hero__visual{grid-area:media!important;max-width:850px;width:100%;}
 html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame{min-height:390px!important;aspect-ratio:1.55!important;}
 html #tyz-home-v21 .tyz5-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html #tyz-home-v21 .tyz-xp-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 html #tyz-home-v21 .tyz-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
 #tyz-home-v21 .tyz-shell{width:calc(100% - 32px)!important;}
 html #tyz-home-v21 .tyz-hero__grid{padding-block:47px 45px!important;gap:27px!important;}
 html #tyz-home-v21 .tyz-hero__copy h1{font-size:clamp(43px,10.7vw,65px)!important;max-width:100%!important;}
 html #tyz-home-v21 .tyz-hero__copy>p{font-size:15px!important;}
 #tyz-home-v21 .tyz-hero__actions{flex-direction:column;align-items:stretch;}
 html #tyz-home-v21 .tyz-hero__actions .tyz-button,
 html #tyz-home-v21 .tyz-hero__actions .tyz-text-link{
  width:100%;justify-content:center;text-align:center;
 }
 html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame{
  aspect-ratio:1.39!important;min-height:260px!important;border-radius:18px!important;
 }
 #tyz-home-v21 .tyz-hero__meta{gap:13px!important;}
 #tyz-home-v21 .tyz-capabilities__inner{min-height:61px!important;}
 #tyz-home-v21 .tyz5-studio-index__disciplines>a{
  min-height:61px!important;border-radius:10px!important;
 }
 html #tyz-home-v21 .tyz-services{padding-block:67px 84px!important;}
 #tyz-home-v21 .tyz-services .tyz-section-head{grid-template-columns:1fr;gap:13px;}
 html #tyz-home-v21 .tyz-services .tyz-section-head h2{font-size:clamp(33px,8.4vw,49px)!important;}
 html #tyz-home-v21 .tyz5-bento-grid{grid-template-columns:1fr!important;gap:14px!important;}
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service,
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child{
  min-height:240px!important;padding:25px!important;
 }
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>i.tyz-service__icon{margin-bottom:18px!important;}
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service>h3{font-size:23px!important;}
 html #tyz-home-v21 .tyz-xp-portfolio-grid{grid-template-columns:1fr!important;}
 html #tyz-home-v21 .tyz-xp-project-card__visual{max-height:none!important;min-height:230px!important;}
 html #tyz-home-v21 .tyz-process__steps{grid-template-columns:1fr!important;}
 html #tyz-home-v21 .tyz-process__steps>article{min-height:175px!important;padding:26px!important;}
 html #tyz-home-v21 .tyz-work{padding-block:68px 79px!important;}
 html #tyz-home-v21 .tyz-process{padding-block:68px 81px!important;}
 html #tyz-home-v21 .tyz-cta__panel{min-height:350px!important;padding:31px 25px!important;}
}
@media(hover:none){
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service{transform:none!important;}
}
@media(prefers-reduced-motion:reduce){
 html #tyz-home-v21 :is(.tyz5-bento-grid>.tyz-service,.tyz-hero__media.tyz-dc-frame){transition:none!important;animation:none!important;}
}
@media print{
 html #tyz-home-v21 :is(.tyz-hero,.tyz-services,.tyz-work,.tyz-process,.tyz-cta){background:#fff!important;color:#111!important;}
 html #tyz-home-v21 :is(h1,h2,h3,p){color:#111!important;-webkit-text-fill-color:#111!important;}
}

/* 09 / CINEMATIC BRAND MONITOR: decorative, no fake KPIs. */
html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame > .tyz-tf5-monitor{
 display:flex!important;visibility:visible!important;opacity:1!important;
 flex-direction:column!important;align-items:center!important;
 position:absolute!important;inset:10% 13% 13% 14%!important;
 width:auto!important;height:auto!important;min-height:0!important;
 margin:0!important;padding:0!important;
 pointer-events:none!important;z-index:30!important;
 transform:perspective(1050px) rotateY(-6deg) rotateX(2deg)!important;
 filter:drop-shadow(15px 19px 20px rgba(1,7,19,.45))!important;
}
#tyz-home-v21 .tyz-tf5-monitor__panel{
 display:flex;flex-direction:column;flex:0 1 auto;
 height:76%;width:100%;min-height:0;
 background:linear-gradient(145deg,#111e31,#060f1e 74%);
 border:4px solid #263b50;border-bottom-width:8px;
 border-radius:13px 13px 10px 10px;
 box-shadow:0 0 0 1px rgba(242,194,130,.25),inset 0 0 0 1px rgba(250,229,188,.075),0 26px 48px rgba(0,4,12,.46);
 overflow:hidden;
}
#tyz-home-v21 .tyz-tf5-monitor__toolbar{
 display:flex;align-items:center;justify-content:space-between;
 gap:12px;padding:9px 15px;min-height:34px;
 border-bottom:1px solid rgba(227,187,131,.17);
 color:#9caebb;
 font:800 clamp(7px,.65vw,10px)/1.4 "Outfit",system-ui,sans-serif;
 letter-spacing:.15em;background:#091725;
}
#tyz-home-v21 .tyz-tf5-monitor__dots{display:flex;gap:5px;}
#tyz-home-v21 .tyz-tf5-monitor__dots i{
 width:5px;height:5px;border-radius:50%;display:block;
 background:#cba166;box-shadow:0 0 7px rgba(237,178,104,.26);
}
#tyz-home-v21 .tyz-tf5-monitor__badge{color:#e1bd8e;font-size:8px;}
#tyz-home-v21 .tyz-tf5-monitor__body{
 display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
 position:relative;min-height:0;flex:1;padding:clamp(15px,2.4vw,36px);
 background:
 radial-gradient(ellipse 80% 90% at 100% 18%,rgba(200,144,77,.11),transparent 75%),
 linear-gradient(115deg,rgba(15,37,57,.96),rgba(7,19,33,.92));
 color:#fff7e8;text-align:left;
}
#tyz-home-v21 .tyz-tf5-monitor__body:after{
 content:"";position:absolute;right:10%;top:13%;width:28%;aspect-ratio:1;
 border:1px solid rgba(221,165,88,.20);
 border-radius:50%;box-shadow:0 0 0 25px rgba(201,151,83,.03),0 0 0 54px rgba(201,151,83,.025);
 pointer-events:none;
}
#tyz-home-v21 .tyz-tf5-monitor__body img{
 display:block!important;visibility:visible!important;opacity:1!important;
 width:auto!important;height:clamp(27px,3.8vw,57px)!important;
 object-fit:contain;object-position:left;margin:0 0 clamp(10px,1.3vw,19px);
 filter:drop-shadow(0 4px 10px rgba(208,154,84,.15));
}
#tyz-home-v21 .tyz-tf5-monitor__body>small{
 display:block;color:#ddb782;letter-spacing:.18em;
 font:800 clamp(7px,.75vw,11px)/1.5 "Outfit",system-ui,sans-serif;
 margin-bottom:clamp(9px,1.3vw,19px);max-width:90%;
}
#tyz-home-v21 .tyz-tf5-monitor__body>strong{
 display:block;font-family:"Outfit",system-ui,sans-serif;
 font-size:clamp(21px,2.6vw,42px);font-weight:790;letter-spacing:-.035em;
 line-height:1.12;color:#fff7e7;position:relative;z-index:1;
}
#tyz-home-v21 .tyz-tf5-monitor__body>strong em{
 color:#e8b875;font-style:normal;
}
#tyz-home-v21 .tyz-tf5-monitor__rule{
 display:block;width:clamp(44px,6vw,88px);height:2px;
 background:linear-gradient(90deg,#d5a56a,transparent);
 margin:clamp(10px,1.8vw,25px) 0;
}
#tyz-home-v21 .tyz-tf5-monitor__pills{display:flex;flex-wrap:wrap;gap:6px;}
#tyz-home-v21 .tyz-tf5-monitor__pills>span{
 padding:5px 8px;border:1px solid rgba(229,185,116,.23);
 border-radius:6px;background:rgba(245,204,146,.05);
 color:#d6c4a9;font:650 clamp(7px,.64vw,10px)/1.3 "Outfit",system-ui,sans-serif;
 letter-spacing:.08em;
}
#tyz-home-v21 .tyz-tf5-monitor__stem{
 width:13%;height:11%;
 background:linear-gradient(90deg,#243448,#586577 52%,#24364c);
 box-shadow:inset 2px 0 rgba(251,220,168,.12);clip-path:polygon(30% 0,70% 0,88% 100%,12% 100%);
}
#tyz-home-v21 .tyz-tf5-monitor__foot{
 width:41%;height:4%;min-height:7px;
 background:linear-gradient(180deg,#55647a,#1d2e42);
 border-radius:35% 35% 15% 15%;
 box-shadow:0 10px 20px rgba(0,4,13,.32);
}
@media(max-width:1180px){
 html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame > .tyz-tf5-monitor{inset:7% 15% 10% 15%!important;}
}
@media(max-width:760px){
 html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame > .tyz-tf5-monitor{
  inset:8% 11% 13% 11%!important;
  transform:perspective(900px) rotateY(-4deg)!important;
 }
 #tyz-home-v21 .tyz-tf5-monitor__panel{border-width:3px;border-bottom-width:6px;border-radius:9px;}
 #tyz-home-v21 .tyz-tf5-monitor__toolbar{padding:6px 10px;min-height:25px;font-size:7px;}
 #tyz-home-v21 .tyz-tf5-monitor__body{padding:14px 17px;}
 #tyz-home-v21 .tyz-tf5-monitor__body img{height:25px!important;margin-bottom:7px;}
 #tyz-home-v21 .tyz-tf5-monitor__body>small{font-size:6px;margin-bottom:7px;letter-spacing:.07em;}
 #tyz-home-v21 .tyz-tf5-monitor__body>strong{font-size:clamp(17px,4.4vw,27px);}
 #tyz-home-v21 .tyz-tf5-monitor__rule{margin:8px 0;}
 #tyz-home-v21 .tyz-tf5-monitor__pills>span{font-size:7px;padding:3px 6px;}
}
@media(max-width:380px){
 #tyz-home-v21 .tyz-tf5-monitor__pills{display:none;}
 #tyz-home-v21 .tyz-tf5-monitor__body>strong{font-size:17px;}
}
@media(prefers-reduced-motion:reduce){
 html #tyz-home-v21 .tyz-hero__media.tyz-dc-frame > .tyz-tf5-monitor{
  transform:none!important;transition:none!important;
 }
}