/* TAMIYOUZ Signature Studio V3 — editorial art direction; no content hidden by default. */
:root{--tyz-v3-ink:#15314a;--tyz-v3-metal:#c2965b;--tyz-v3-paper:rgba(255,252,244,.93);--tyz-v3-border:rgba(174,130,74,.28);}
html[data-tyz-theme="dark"]{--tyz-v3-ink:#f4e9d7;--tyz-v3-paper:rgba(12,30,49,.91);--tyz-v3-border:rgba(228,188,129,.33)}
/* 01 / Studio chapter rail. Placed opposite the Siraj launcher for both RTL/LTR. */
.tyz-v3-rail{display:none;position:fixed;top:50%;inset-inline-end:clamp(9px,1.8vw,28px);
 transform:translateY(-50%);z-index:850;width:43px;padding:14px 5px;
 border-radius:26px;border:1px solid var(--tyz-v3-border);
 background:var(--tyz-v3-paper);
 box-shadow:0 14px 43px rgba(12,32,52,.12);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
 color:var(--tyz-v3-ink);direction:inherit;}
@media(min-width:1280px) and (min-height:650px){.tyz-v3-rail{display:flex;flex-direction:column;align-items:center;gap:8px}}
.tyz-v3-rail__cap{font:800 8px/1.2 system-ui,sans-serif;letter-spacing:.1em;color:#aa824e;writing-mode:vertical-rl;
 transform:rotate(180deg);margin-bottom:9px;user-select:none}
.tyz-v3-rail__items{display:flex;flex-direction:column;gap:5px;width:100%;align-items:center}
.tyz-v3-rail__item{display:grid;place-items:center;position:relative;width:32px;height:34px;
 border-radius:11px;text-decoration:none!important;color:#887052!important;
 transition:background-color .28s ease,color .28s ease,transform .28s ease;}
.tyz-v3-rail__item:hover,.tyz-v3-rail__item:focus-visible,
.tyz-v3-rail__item[aria-current="location"]{color:#865b2b;background:rgba(209,167,103,.14)}
.tyz-v3-rail__item:focus-visible{outline:2px solid #b38345!important;outline-offset:2px}
.tyz-v3-rail__digit{font:800 10px/1 system-ui,sans-serif;letter-spacing:.02em;opacity:.6;transition:opacity .24s}
.tyz-v3-rail__item[aria-current="location"] .tyz-v3-rail__digit{opacity:1}
.tyz-v3-rail__item[aria-current="location"]::after{content:"";height:13px;width:2px;position:absolute;
 inset-inline-end:0;top:calc(50% - 6px);border-radius:5px;background:#bb8844;box-shadow:0 0 9px rgba(201,150,77,.45)}
.tyz-v3-rail__tip{position:absolute;inset-inline-end:calc(100% + 15px);top:50%;
 transform:translate3d(4px,-50%,0);pointer-events:none;opacity:0;visibility:hidden;
 white-space:nowrap;border:1px solid var(--tyz-v3-border);border-radius:10px;
 background:var(--tyz-v3-paper);color:var(--tyz-v3-ink);padding:9px 13px;
 font:700 12px/1.4 "Cairo",system-ui,sans-serif;
 box-shadow:0 13px 29px rgba(12,32,52,.14);
 transition:opacity .22s ease,transform .22s ease,visibility .22s}
.tyz-v3-rail__item:is(:hover,:focus-visible) .tyz-v3-rail__tip{opacity:1;visibility:visible;transform:translate3d(0,-50%,0)}
.tyz-v3-rail__foot{width:1px;height:22px;background:linear-gradient(transparent,rgba(188,146,88,.55),transparent);margin-top:6px}
/* 02 / Homepage hero: deliberate studio frame, not another continuous parallax. */
#tyz-home-v21 .tyz-hero__visual{position:relative;isolation:isolate}
#tyz-home-v21 .tyz-hero__visual::after{
 content:"";position:absolute;inset:clamp(5px,.75vw,13px);z-index:30;pointer-events:none;
 border:1px solid rgba(237,200,145,.29);border-radius:clamp(20px,2vw,30px);
 box-shadow:inset 0 0 0 1px rgba(11,24,43,.08);opacity:.85;
}
#tyz-home-v21 .tyz-v3-hero-signature{
 display:flex;align-items:center;gap:13px;max-width:100%;margin-top:clamp(18px,2.5vw,34px);
 color:#d8c09d;font:700 10px/1.5 "Outfit","Cairo",system-ui,sans-serif;
 letter-spacing:.10em;text-transform:uppercase;
}
#tyz-home-v21 .tyz-v3-hero-signature__line{display:inline-block;width:clamp(33px,3vw,58px);height:1px;flex:none;
 background:linear-gradient(90deg,#b8894f,rgba(228,193,144,.12));}
#tyz-home-v21 .tyz-v3-hero-signature__diamond{width:5px;height:5px;flex:none;rotate:45deg;
 background:#e3c091;box-shadow:0 0 12px rgba(228,178,110,.33)}
/* 03 / Large editorial section indexing: separated from the existing content flow. */
#tyz-home-v21 .tyz-v3-chapter{position:relative;isolation:isolate}
#tyz-home-v21 .tyz-v3-section-id{
 position:absolute;top:clamp(16px,2.5vw,37px);inset-inline-end:max(22px,calc((100vw - 1390px)/2));
 display:flex;align-items:center;gap:10px;z-index:2;pointer-events:none;
 font:800 10px/1.4 "Outfit","Cairo",system-ui,sans-serif;letter-spacing:.12em;
 color:#ab8656;opacity:.83;
}
#tyz-home-v21 .tyz-v3-section-id::before{content:"";display:block;width:22px;height:1px;background:#bd925d}
html[data-tyz-theme="dark"] #tyz-home-v21 .tyz-v3-section-id{color:#e3c698}
/* Visual panels: warm staged surfaces rather than flat sections. */
#tyz-home-v21 .tyz-v3-chapter.tyz-services>.tyz-v3-atmosphere,
#tyz-home-v21 .tyz-v3-chapter.tyz-work>.tyz-v3-atmosphere{
 position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
 background:radial-gradient(ellipse 37% 39% at 10% 15%,rgba(224,182,119,.095),transparent 78%),
 radial-gradient(ellipse 50% 45% at 95% 88%,rgba(103,137,168,.06),transparent 83%);
}
#tyz-home-v21 .tyz-v3-chapter:is(.tyz-services,.tyz-work)>.tyz-shell{position:relative;z-index:1}
/* 04 / Precision corners for cards — two hand-crafted 18px ticks. */
#tyz-home-v21 .tyz-v3-card{position:relative;isolation:isolate}
#tyz-home-v21 .tyz-v3-card>.tyz-v3-corners{
 position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;
 opacity:.45;transition:opacity .38s ease;
}
#tyz-home-v21 .tyz-v3-card>.tyz-v3-corners::before,
#tyz-home-v21 .tyz-v3-card>.tyz-v3-corners::after{
 content:"";position:absolute;width:18px;height:18px;
 border-color:rgba(204,156,94,.75);border-style:solid;
 transition:width .36s ease,height .36s ease,border-color .36s ease;
}
#tyz-home-v21 .tyz-v3-card>.tyz-v3-corners::before{
 inset-block-start:12px;inset-inline-start:12px;border-width:1px 0 0 1px;
}
#tyz-home-v21 .tyz-v3-card>.tyz-v3-corners::after{
 inset-block-end:12px;inset-inline-end:12px;border-width:0 1px 1px 0;
}
[dir="rtl"] #tyz-home-v21 .tyz-v3-card>.tyz-v3-corners::before{border-width:1px 1px 0 0}
[dir="rtl"] #tyz-home-v21 .tyz-v3-card>.tyz-v3-corners::after{border-width:0 0 1px 1px}
#tyz-home-v21 .tyz-v3-card:is(:hover,:focus-within)>.tyz-v3-corners{opacity:1}
#tyz-home-v21 .tyz-v3-card:is(:hover,:focus-within)>.tyz-v3-corners::before,
#tyz-home-v21 .tyz-v3-card:is(:hover,:focus-within)>.tyz-v3-corners::after{width:25px;height:25px}
#tyz-home-v21 .tyz-service h3{font-weight:880}
#tyz-home-v21 .tyz-xp-project-card__visual:before{content:"";position:absolute;inset:13px;z-index:2;
 border:1px solid rgba(252,225,184,.24);border-radius:clamp(11px,1.5vw,19px);pointer-events:none;
 opacity:.5;transition:opacity .4s ease}
#tyz-home-v21 .tyz-xp-project-card:is(:hover,:focus-within) .tyz-xp-project-card__visual:before{opacity:1}
/* 05 / A bespoke CTA stage with restrained metallic vignette. */
#tyz-home-v21 .tyz-cta__panel{isolation:isolate;border:1px solid rgba(224,188,135,.25);
 box-shadow:0 32px 90px rgba(7,20,37,.21),inset 0 1px rgba(255,243,221,.12)}
#tyz-home-v21 .tyz-cta__panel>.tyz-v3-cta-reflection{
 position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
 background:radial-gradient(ellipse 48% 110% at 96% -18%,rgba(229,174,100,.22),transparent 68%),
 linear-gradient(118deg,transparent 58%,rgba(248,223,177,.045) 60%,transparent 72%);
}
/* No new layout width or forced visibility rules on smaller screens. */
@media(max-width:1279px){
 #tyz-home-v21 .tyz-v3-section-id{display:none}
}
@media(max-width:767px){
 #tyz-home-v21 .tyz-hero__visual::after{inset:6px;border-radius:18px;opacity:.4}
 #tyz-home-v21 .tyz-v3-hero-signature{font-size:9px;letter-spacing:.025em;gap:8px;margin-top:17px}
 #tyz-home-v21 .tyz-v3-hero-signature__line{width:22px}
 #tyz-home-v21 .tyz-v3-card>.tyz-v3-corners{display:none}
 #tyz-home-v21 .tyz-xp-project-card__visual:before{display:none}
 #tyz-home-v21 .tyz-v3-chapter.tyz-services>.tyz-v3-atmosphere,
 #tyz-home-v21 .tyz-v3-chapter.tyz-work>.tyz-v3-atmosphere{background:none}
}
@media(prefers-reduced-motion:reduce){
 #tyz-home-v21 .tyz-v3-card>.tyz-v3-corners,
 #tyz-home-v21 .tyz-v3-card>.tyz-v3-corners::before,
 #tyz-home-v21 .tyz-v3-card>.tyz-v3-corners::after{transition:none!important}
 .tyz-v3-rail__item,.tyz-v3-rail__tip{transition:none!important}
}
@media print{
 .tyz-v3-rail,.tyz-v3-section-id,#tyz-home-v21 .tyz-v3-cta-reflection{display:none!important}
}