/* TAMIYOUZ PREMIUM EXPERIENCE V1 / PHASE 7 — scoped, additive, reversible.
   Keeps existing homepage, blog, article, forms and WordPress functionality. */
:root{
 --tyz-xp-navy:#0c192d;
 --tyz-xp-navy-deep:#071321;
 --tyz-xp-navy-mid:#182e4c;
 --tyz-xp-gold:#c69b56;
 --tyz-xp-gold-hi:#e8c88f;
 --tyz-xp-gold-deep:#946222;
 --tyz-xp-text:#142338;
 --tyz-xp-muted:#617080;
 --tyz-xp-surface:#f9f7f2;
 --tyz-xp-card:#fffefa;
 --tyz-xp-border:rgba(62,75,92,.13);
 --tyz-xp-radius:22px;
 --tyz-xp-ease:cubic-bezier(.22,1,.36,1);
}
html[data-tyz-theme="dark"]{
 --tyz-xp-text:#f5eee2;
 --tyz-xp-muted:#b4c0cc;
 --tyz-xp-surface:#0e1828;
 --tyz-xp-card:#162336;
 --tyz-xp-border:rgba(231,203,150,.15);
}
html{scroll-padding-top:96px}
body.tyz-site-v1 {
 --s-bg:var(--tyz-xp-surface);
 --s-surface:var(--tyz-xp-card);
 --s-text:var(--tyz-xp-text);
 --s-muted:var(--tyz-xp-muted);
 --s-line:var(--tyz-xp-border);
 --s-gold:var(--tyz-xp-gold);
 --s-gold2:var(--tyz-xp-gold-hi);
}
html[data-tyz-theme="dark"] body.tyz-site-v1{
 --s-gold:var(--tyz-xp-gold-hi);
}
body.tyz-site-v1 :where(a,button,input,textarea,select):focus-visible,
#tyz-global-header :where(a,button):focus-visible,
#tyz-home-v21 :where(a,button,input,textarea):focus-visible{
 outline:2px solid var(--tyz-xp-gold-hi)!important;
 outline-offset:3px;
}
/* One premium secondary-section design across services and portfolio. */
body.tyz-site-v1 .tyz-site-hero{
 position:relative;isolation:isolate;overflow:hidden;
 background:
  radial-gradient(ellipse 50% 90% at 15% 44%,rgba(196,145,74,.18),transparent 73%),
  linear-gradient(115deg,#fbf9f4,#f2f4f5 59%,#eaf0f4);
 border-bottom:1px solid var(--tyz-xp-border);
}
html[data-tyz-theme="dark"] body.tyz-site-v1 .tyz-site-hero{
 background:
  radial-gradient(ellipse 58% 90% at 15% 42%,rgba(210,151,73,.17),transparent 75%),
  linear-gradient(119deg,#0c1b2e,#102139 59%,#0b1627);
}
body.tyz-site-v1 .tyz-site-hero::before{
 content:"";position:absolute;pointer-events:none;
 width:min(620px,67vw);aspect-ratio:1;top:-49%;inset-inline-end:-14%;
 border-radius:50%;
 border:1px solid rgba(179,126,52,.21);
 box-shadow:0 0 0 42px rgba(192,145,73,.038),
 0 0 0 99px rgba(192,145,73,.025),
 0 0 0 159px rgba(192,145,73,.015);
 transform:rotate(-20deg);z-index:0;
}
body.tyz-site-v1 .tyz-site-hero::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background-image:linear-gradient(rgba(162,139,94,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(162,139,94,.035) 1px,transparent 1px);
 background-size:54px 54px;
 mask-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 80%);
}
body.tyz-site-v1 .tyz-site-hero > .tyz-site-shell{position:relative;z-index:1}
body.tyz-site-v1 .tyz-site-hero h1{
 line-height:1.25;letter-spacing:-.027em;
 text-wrap:balance;max-width:1030px;
}
body.tyz-site-v1 .tyz-site-hero p{line-height:2;max-width:780px}
body.tyz-site-v1 .tyz-site-hero span{
 color:var(--tyz-xp-gold-deep);
 letter-spacing:.13em;
}
html[data-tyz-theme="dark"] body.tyz-site-v1 .tyz-site-hero span{color:var(--tyz-xp-gold-hi)}
/* Don't recolor the established dark portfolio hero. Enhance its current treatment. */
body.post-type-archive-tyz_case_study.tyz-site-v1 .tyz-site-hero{
 background:
 radial-gradient(ellipse at 16% 29%,rgba(204,160,91,.24),transparent 37%),
 linear-gradient(125deg,#081326,#172744);
 color:#f9f4e9;
}
body.tyz-site-v1 .tyz-site-card,
body.tyz-site-v1 .tyz-content-cards > div,
body.tyz-site-v1 .tyz-work-concept {
 border-color:var(--tyz-xp-border);
 box-shadow:0 14px 40px rgba(13,35,58,.05);
 transition:transform .45s var(--tyz-xp-ease),
  box-shadow .45s var(--tyz-xp-ease),
  border-color .45s var(--tyz-xp-ease),
  background-color .4s var(--tyz-xp-ease);
}
body.tyz-site-v1 .tyz-site-card:is(:hover,:focus-within),
body.tyz-site-v1 .tyz-content-cards>div:hover,
body.tyz-site-v1 .tyz-work-concept:is(:hover,:focus-within){
 transform:translate3d(0,-5px,0);
 border-color:rgba(181,132,62,.45);
 box-shadow:0 28px 65px rgba(20,40,63,.13),0 0 0 1px rgba(205,157,84,.08);
}
html[data-tyz-theme="dark"] body.tyz-site-v1 .tyz-site-card:is(:hover,:focus-within),
html[data-tyz-theme="dark"] body.tyz-site-v1 .tyz-content-cards>div:hover,
html[data-tyz-theme="dark"] body.tyz-site-v1 .tyz-work-concept:is(:hover,:focus-within){
 box-shadow:0 22px 58px rgba(0,0,0,.23),0 0 0 1px rgba(215,166,85,.06);
}
body.tyz-site-v1 .tyz-site-card h2,
body.tyz-site-v1 .tyz-work-concept-copy h2{
 line-height:1.52;letter-spacing:-.015em;
}
body.tyz-site-v1 .tyz-site-link,
body.tyz-site-v1 .tyz-work-concept-copy a{
 transition:color .3s,letter-spacing .3s;
}
body.tyz-site-v1 .tyz-site-card:hover .tyz-site-link,
body.tyz-site-v1 .tyz-work-concept:hover .tyz-work-concept-copy a{
 color:var(--tyz-xp-gold-deep)!important;letter-spacing:.025em;
}
html[data-tyz-theme="dark"] body.tyz-site-v1 .tyz-site-card:hover .tyz-site-link{
 color:var(--tyz-xp-gold-hi)!important;
}
body.tyz-site-v1 .tyz-site-feature img{
 box-shadow:0 30px 76px rgba(13,28,45,.11);
 border:1px solid var(--tyz-xp-border);
}
body.tyz-site-v1 .tyz-site-cta>.tyz-site-shell{
 background:
 radial-gradient(circle at 18% 46%,rgba(228,173,86,.24),transparent 30%),
 linear-gradient(116deg,#122b47,#081627 66%,#0b101b);
 box-shadow:0 32px 72px rgba(9,23,41,.16);
 border:1px solid rgba(237,197,125,.15);
}
body.tyz-site-v1 .tyz-site-cta a,
body.tyz-site-v1 .tyz-content-links a:first-child{
 transition:transform .3s var(--tyz-xp-ease),box-shadow .3s var(--tyz-xp-ease);
}
body.tyz-site-v1 .tyz-site-cta a:hover,
body.tyz-site-v1 .tyz-content-links a:first-child:hover{
 transform:translateY(-3px);box-shadow:0 13px 28px rgba(196,141,58,.21);
}
/* Shared footer gains visual rhythm without changing layout or link navigation. */
body.tyz-site-v1 .tyz-site-footer{
 border-top:1px solid var(--tyz-xp-border);
 background:linear-gradient(95deg,rgba(203,155,77,.052),transparent 45%);
}
#tyz-premium-blog .tyz-pb-category-card:focus-within,
#tyz-premium-blog .tyz-pb-article-card:focus-within{
 outline:2px solid var(--tyz-xp-gold-hi);
 outline-offset:3px;
}
@media(max-width:760px){
 body.tyz-site-v1 .tyz-site-hero{padding-block:72px 60px}
 body.tyz-site-v1 .tyz-site-hero h1{font-size:clamp(38px,9.3vw,62px);line-height:1.35}
 body.tyz-site-v1 .tyz-site-hero::before{width:82vw;top:-26%;inset-inline-end:-42%}
 body.tyz-site-v1 .tyz-site-card:hover,
 body.tyz-site-v1 .tyz-content-cards>div:hover,
 body.tyz-site-v1 .tyz-work-concept:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 body.tyz-site-v1 .tyz-site-card,
 body.tyz-site-v1 .tyz-content-cards>div,
 body.tyz-site-v1 .tyz-work-concept,
 body.tyz-site-v1 .tyz-site-cta a,
 body.tyz-site-v1 .tyz-content-links a{transition:none!important;transform:none!important}
}
