/* TAMIYOUZ SIGNATURE STUDIO V6
   Design refinement, not more ornamental layers:
   1) signature floating navigation, 2) editorial service+portfolio hierarchy,
   3) elevated, keyboard-accessible finishes on all page families.
   Colors inherit V5 Cinematic Dark / Dual Mode V1.
   No third-party assets, JS or page-content changes.
*/
:root{
 --tyz6-curve:cubic-bezier(.22,1,.36,1);
 --tyz6-line:rgba(228,183,118,.26);
 --tyz6-radius:20px;
 --tyz6-gold:#e4b779;
}
html[data-tyz-theme="light"]{
 --tyz6-line:rgba(103,104,95,.20);
 --tyz6-gold:#936930;
}
html[data-tyz-theme="dark"]{
 --tyz6-line:rgba(228,183,118,.26);
 --tyz6-gold:#e4b779;
}
/* Signature floating navigation, desktop-only. No mobile menu layout changes. */
@media(min-width:1181px){
 html #tyz-global-header{
  position:fixed!important;
  top:12px!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100% - 40px),1460px)!important;
  height:76px!important;--tyz-height:76px;
  border:1px solid rgba(231,190,124,.42)!important;
  border-radius:20px!important;
  background:linear-gradient(105deg,rgba(7,20,33,.975),rgba(16,42,61,.963) 54%,rgba(6,19,31,.975))!important;
  backdrop-filter:blur(22px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.22)!important;
  box-shadow:0 16px 49px rgba(0,6,19,.28),inset 0 1px rgba(250,223,174,.105)!important;
  transition:top .36s var(--tyz6-curve),height .36s var(--tyz6-curve),
   box-shadow .36s var(--tyz6-curve),border-color .36s var(--tyz6-curve)!important;
 }
 html #tyz-global-header.tyz-header--scrolled{
  top:7px!important;height:70px!important;--tyz-height:70px;
  border-color:rgba(236,197,138,.54)!important;
  box-shadow:0 22px 58px rgba(0,6,19,.39),inset 0 1px rgba(252,225,187,.11)!important;
 }
 body.admin-bar #tyz-global-header{top:44px!important;}
 body.admin-bar #tyz-global-header.tyz-header--scrolled{top:39px!important;}
 #tyz-global-header .tyz-header__inner{
  max-width:100%!important;
  padding-inline:clamp(19px,2.2vw,33px)!important;gap:clamp(14px,1.5vw,24px)!important;
 }
 #tyz-global-header .tyz-header__nav{
  padding:4px!important;border-radius:13px;
  background:rgba(255,240,214,.025)!important;
  border:1px solid rgba(239,194,126,.10);
 }
 #tyz-global-header .tyz-header__nav-list{gap:1px!important;}
 #tyz-global-header .tyz-header__link{
  font-size:clamp(11px,.94vw,13px)!important;
  padding:10px clamp(10px,.93vw,15px)!important;
  border-radius:10px!important;
 }
 #tyz-global-header .tyz-header__link--active{
  background:rgba(233,185,115,.15)!important;color:#f6d6a2!important;
 }
 #tyz-global-header .tyz-header__cta{
  border-radius:11px!important;
  min-height:44px!important;
  padding:12px clamp(14px,1.3vw,23px)!important;
 }
}
@media(min-width:1181px) and (max-width:1270px){
 #tyz-global-header .tyz-header__inner{gap:10px!important;padding-inline:18px!important;}
 #tyz-global-header .tyz-header__link{padding-inline:9px!important;font-size:11px!important;}
 #tyz-global-header .tyz-header__logo{gap:8px!important;padding-inline-end:0!important;}
 #tyz-global-header .tyz-header__wordmark{font-size:20px!important;}
 #tyz-global-header .tyz-header__actions{gap:7px!important;}
}
@media(max-width:1180px){
 /* Preserve full-width header and original burger panel on tablet/mobile. */
 html #tyz-global-header{
  top:0!important;left:0!important;right:0!important;width:100%!important;
  transform:none!important;border-radius:0!important;
 }
 body.admin-bar #tyz-global-header{top:32px!important;}
}
@media(max-width:782px){
 body.admin-bar #tyz-global-header{top:46px!important;}
}
html #tyz-global-header::after{
 content:"";position:absolute;pointer-events:none;
 bottom:0;inset-inline:12%;height:1px;
 background:linear-gradient(90deg,transparent,rgba(240,198,136,.56),transparent);
 opacity:.8;
}
#tyz-global-header .tyz-header__logo img{
 filter:drop-shadow(0 2px 11px rgba(219,161,91,.21))!important;
}
#tyz-global-header .tyz-header__language,
#tyz-global-header .tyz-header__theme-toggle{
 border-radius:11px!important;
}
#tyz-global-header :is(.tyz-header__cta,.tyz-header__language,.tyz-header__theme-toggle):focus-visible,
#tyz-global-header .tyz-header__nav a:focus-visible{
 outline:2px solid #f3d6a4!important;outline-offset:3px!important;
}
/* Typography and quiet structure. Gold lines carry hierarchy across sections. */
#tyz-home-v21 :is(.tyz-services,.tyz-work,.tyz-ai,.tyz-process) .tyz-section-head,
#tyz-home-v21 .tyz-process__intro{
 position:relative;
}
#tyz-home-v21 :is(.tyz-services,.tyz-work) .tyz-section-head:before,
#tyz-home-v21 .tyz-process__intro:before{
 content:"";position:absolute;inset-block-start:-24px;inset-inline-start:0;
 width:clamp(48px,6vw,94px);height:2px;border-radius:2px;
 background:linear-gradient(90deg,var(--tyz6-gold),transparent);
 opacity:.8;pointer-events:none;
}
#tyz-home-v21 :is(.tyz-services,.tyz-work) .tyz-section-head h2{
 letter-spacing:-.025em;line-height:1.32!important;
 text-wrap:balance;
}
#tyz-home-v21 :is(.tyz-services,.tyz-work) .tyz-section-head>p{
 max-width:53ch;line-height:2!important;
}
#tyz-home-v21 .tyz-hero__copy h1{
 text-wrap:balance;
 letter-spacing:-.04em!important;
}
#tyz-home-v21 .tyz-hero__media.tyz-dc-frame{
 border-radius:25px!important;
}
@media(min-width:1181px){
 #tyz-home-v21 .tyz-hero__visual:before{
  content:"TAMIYOUZ  /  DIGITAL EXPERIENCE";
  display:block!important;position:absolute;
  top:-23px;inset-inline-start:4px;
  font:800 10px/1.2 "Outfit",system-ui,sans-serif;
  letter-spacing:.16em;color:var(--tyz6-gold);
  text-shadow:0 3px 18px rgba(0,5,12,.28);
  pointer-events:none;z-index:5;
 }
}
/* Editorial "two lead / four curated" structure on ultra-wide services.
   No item is moved or rewritten: six existing real services remain. */
@media(min-width:1240px){
 html #tyz-home-v21 .tyz5-bento-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:clamp(14px,1.8vw,26px)!important;
 }
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service,
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:first-child{
  grid-area:auto!important;grid-column:span 1!important;grid-row:auto!important;
  min-height:335px!important;
  padding:clamp(23px,2.1vw,32px)!important;
 }
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:nth-child(-n+2){
  grid-column:span 2!important;
  min-height:355px!important;
  padding:clamp(31px,3.15vw,51px)!important;
 }
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:nth-child(-n+2)>h3{
  font-size:clamp(29px,2.8vw,44px)!important;
  line-height:1.36!important;max-width:19ch!important;
 }
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:nth-child(-n+2)>p{
  font-size:clamp(14px,1.1vw,17px)!important;
  max-width:49ch!important;line-height:1.91!important;
 }
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:nth-child(n+3)>h3{
  font-size:clamp(19px,1.55vw,24px)!important;
 }
 html #tyz-home-v21 .tyz5-bento-grid>.tyz-service:nth-child(n+3)>p{
  font-size:13px!important;line-height:1.9!important;
 }
}
/* Refined interactive surfaces without hidden content/opacity reveal. */
html #tyz-home-v21 .tyz5-bento-grid>.tyz-service,
html #tyz-home-v21 .tyz-xp-portfolio-grid>.tyz-xp-project-card,
body.post-type-archive-tyz_case_study #tyz-portfolio .tyz-pb-project>button,
body.post-type-archive-tyz_service .tyz5-directory-card{
 transition:border-color .37s var(--tyz6-curve),box-shadow .37s var(--tyz6-curve),
 background-color .37s var(--tyz6-curve)!important;
}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz5-bento-grid>.tyz-service:hover,
html[data-tyz-theme="dark"] body.post-type-archive-tyz_service .tyz5-directory-card:hover{
 border-color:rgba(244,198,133,.55)!important;
 box-shadow:0 24px 65px rgba(0,5,16,.32),inset 0 1px rgba(248,218,171,.08)!important;
}
html[data-tyz-theme="light"] #tyz-home-v21 .tyz5-bento-grid>.tyz-service:hover,
html[data-tyz-theme="light"] body.post-type-archive-tyz_service .tyz5-directory-card:hover{
 border-color:rgba(153,106,52,.45)!important;
 box-shadow:0 22px 59px rgba(19,43,58,.14)!important;
}
#tyz-home-v21 .tyz5-bento-grid>.tyz-service:focus-within,
#tyz-home-v21 .tyz-xp-project-card:focus-within,
body.post-type-archive-tyz_service .tyz5-directory-card:focus-within{
 outline:2px solid var(--tyz6-gold);outline-offset:4px;
}
/* Editorial real-project showcase: two widescreen stories, four supporting tiles.
   The existing six real WP case studies and links stay intact. */
@media(min-width:1240px){
 html #tyz-home-v21 .tyz-xp-portfolio-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(15px,1.9vw,29px)!important;
  grid-auto-flow:row!important;
 }
 html #tyz-home-v21 .tyz-xp-portfolio-grid>.tyz-xp-project-card{
  grid-column:span 1!important;grid-row:auto!important;
  min-width:0;
 }
 html #tyz-home-v21 .tyz-xp-portfolio-grid>.tyz-xp-project-card:nth-child(-n+2){
  grid-column:span 2!important;
 }
 html #tyz-home-v21 .tyz-xp-portfolio-grid>.tyz-xp-project-card:nth-child(-n+2) .tyz-xp-project-card__visual{
  aspect-ratio:1.88!important;min-height:260px!important;max-height:380px!important;
 }
 html #tyz-home-v21 .tyz-xp-portfolio-grid>.tyz-xp-project-card:nth-child(-n+2) .tyz-xp-project-card__copy h3{
  font-size:clamp(25px,2.1vw,34px)!important;
  max-width:27ch;
 }
 html #tyz-home-v21 .tyz-xp-portfolio-grid>.tyz-xp-project-card:nth-child(n+3) .tyz-xp-project-card__visual{
  aspect-ratio:1.48!important;min-height:175px!important;max-height:255px!important;
 }
 html #tyz-home-v21 .tyz-xp-portfolio-grid>.tyz-xp-project-card:nth-child(n+3) .tyz-xp-project-card__copy{
  padding:clamp(21px,1.7vw,28px)!important;
 }
}
#tyz-home-v21 .tyz-xp-project-card__visual{isolation:isolate;}
#tyz-home-v21 .tyz-xp-project-card__visual::after{
 content:"";position:absolute!important;inset:0!important;
 background:linear-gradient(180deg,transparent 40%,rgba(3,12,24,.20));
 pointer-events:none!important;opacity:1!important;z-index:2!important;
}
#tyz-home-v21 .tyz-xp-project-card__visual img,
body.post-type-archive-tyz_case_study #tyz-portfolio .tyz-pb-card-media img{
 transition:transform .8s var(--tyz6-curve),filter .6s ease!important;
 will-change:auto!important;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 #tyz-home-v21 .tyz-xp-project-card:hover .tyz-xp-project-card__visual img,
 #tyz-home-v21 .tyz-xp-project-card:focus-within .tyz-xp-project-card__visual img,
 body.post-type-archive-tyz_case_study #tyz-portfolio .tyz-pb-project:hover .tyz-pb-card-media img{
  transform:scale(1.045)!important;
 }
}
/* Full-width luxurious contact close and firm sectional rhythm. */
html #tyz-home-v21 .tyz-cta__panel{
 border-radius:clamp(20px,2.5vw,31px)!important;
 border:1px solid rgba(232,185,117,.43)!important;
 box-shadow:0 30px 86px rgba(0,5,19,.28),inset 0 1px rgba(255,246,217,.08)!important;
}
html #tyz-home-v21 .tyz-cta__panel h2{text-wrap:balance;}
html #tyz-home-v21 .tyz-cta__panel .tyz-button,
html body.post-type-archive-tyz_service .tyz-hub-cta>a,
html body.page-id-15 .tyz-contact-actions button{
 border-radius:12px!important;
 box-shadow:0 13px 34px rgba(0,9,21,.17)!important;
}
/* Inner archive/detail pages: controlled headings and discreet signature rules. */
body.post-type-archive-tyz_service .tyz5-directory-heading,
body.post-type-archive-tyz_case_study #tyz-portfolio .tyz-pb-section-head,
body.tyz-premium-blog-body #tyz-premium-blog .tyz-pb-section-head{
 position:relative;
}
body.post-type-archive-tyz_service .tyz5-directory-heading::before,
body.post-type-archive-tyz_case_study #tyz-portfolio .tyz-pb-section-head::before{
 content:"";position:absolute;inset-inline-start:0;top:-19px;
 width:80px;height:2px;border-radius:2px;
 background:linear-gradient(90deg,var(--tyz6-gold),transparent);
}
body.post-type-archive-tyz_service .tyz5-directory-card{
 border-radius:21px!important;
}
body.post-type-archive-tyz_case_study #tyz-portfolio .tyz-pb-project>button,
body.tyz-premium-blog-body #tyz-premium-blog .tyz-pb-article-card{
 border-radius:20px!important;
}
body.tyz-premium-blog-body #tyz-premium-blog .tyz-pb-article-card:focus-within{
 outline:2px solid var(--tyz6-gold);outline-offset:3px;
}
body.page-id-15 .tyz-contact-panel,
body.tj-body #tyz-join .tj-form-layout{
 border-radius:24px!important;
 box-shadow:0 29px 73px rgba(0,6,19,.20)!important;
}
/* High legibility across light/dark, without changing form submission/UI states. */
html[data-tyz-theme="light"] body.page-id-15 .tyz-contact-panel,
html[data-tyz-theme="light"] body.tj-body #tyz-join .tj-form-layout{
 box-shadow:0 22px 59px rgba(29,51,65,.13)!important;
}
html[data-tyz-theme="light"] body.tj-body #tyz-join .tj-form-panel :is(label,legend,small){
 color:#344e61;
}
html[data-tyz-theme="dark"] body.tj-body #tyz-join .tj-form-panel :is(label,legend,small){
 color:#344e61;
}
/* Signature footer: structured divider, quieter link treatment and consistent spacing. */
#tyz-home-v21 .tyz-footer{
 position:relative;background:linear-gradient(125deg,#081a2a,#102b40)!important;
 border-top:1px solid rgba(223,180,116,.29)!important;
 padding-block:clamp(38px,4vw,60px)!important;
}
#tyz-home-v21 .tyz-footer::before{
 content:"";position:absolute;top:-1px;inset-inline:10%;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(234,188,122,.68),transparent);
}
html[data-tyz-theme="light"] #tyz-home-v21 .tyz-footer{
 background:linear-gradient(115deg,#132f43,#1a4057)!important;
}
#tyz-home-v21 .tyz-footer__links a{
 color:#d7dfdf!important;text-decoration:none;
 text-underline-offset:5px;
 transition:color .22s ease;
}
#tyz-home-v21 .tyz-footer__links a:is(:hover,:focus-visible){color:#f2cf9b!important;}
#tyz-home-v21 .tyz-footer__brand p,
#tyz-home-v21 .tyz-footer__inner>small{color:#b5c6d0!important;}
html body.tyz-site-v1 .tyz-site-footer{
 border-top:1px solid var(--tyz6-line)!important;
}
/* Mobile requires comfortable touch targets, never a floating menu clipping modal. */
@media(max-width:760px){
 #tyz-global-header .tyz-header__actions :is(button,a){min-height:40px;}
 #tyz-home-v21 .tyz-services .tyz-section-head:before,
 #tyz-home-v21 .tyz-work .tyz-section-head:before{top:-17px;}
 #tyz-home-v21 .tyz-xp-portfolio-grid{grid-template-columns:1fr!important;}
 #tyz-home-v21 .tyz5-bento-grid{grid-template-columns:1fr!important;}
 #tyz-home-v21 .tyz-xp-project-card__visual img{transform:none;}
 #tyz-home-v21 .tyz-footer__links{flex-wrap:wrap;row-gap:12px;}
}
/* Care for people who choose less motion or save-data. */
@media(prefers-reduced-motion:reduce){
 #tyz-global-header, #tyz-home-v21 .tyz-xp-project-card__visual img,
 body.post-type-archive-tyz_case_study #tyz-portfolio .tyz-pb-card-media img,
 #tyz-home-v21 .tyz5-bento-grid>.tyz-service{
  transition:none!important;transform:none!important;
 }
 @media(min-width:1181px){#tyz-global-header{transform:translateX(-50%)!important;}}
}
@media print{
 #tyz-global-header{position:static!important;transform:none!important;width:100%!important;box-shadow:none!important;}
 #tyz-home-v21 .tyz-xp-project-card__visual img{transform:none!important;}
}
