/* Phase 24 | isolated native portfolio and case studies | RTL, 2026-10-30 */
body:is(.page-id-43264,.page-id-43448,.page-id-43692) .tyz24-main,
body:is(.page-id-43264,.page-id-43448,.page-id-43692) .tyz24-main *{box-sizing:border-box}
body:is(.page-id-43264,.page-id-43448,.page-id-43692) .tyz24-main{background:#081b31;color:#eaf2fc;font-family:Cairo,"Noto Kufi Arabic",Tahoma,sans-serif;direction:rtl;overflow:clip}
.tyz24-main .tyz24-container{width:min(1230px,100%);padding-inline:24px;margin-inline:auto}
.tyz24-main .tyz24-hero{padding:158px 0 100px;background:radial-gradient(ellipse 45% 75% at 80% 10%,rgba(235,189,125,.13),transparent 75%),radial-gradient(ellipse 55% 70% at 0% 100%,rgba(78,129,182,.14),transparent 75%),linear-gradient(135deg,#143653 0%,#0a1e35 58%,#07192c 100%);border-bottom:1px solid rgba(233,190,134,.21)}
.tyz24-main .tyz24-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:48px;align-items:center}
.tyz24-main .tyz24-kicker{display:inline-flex;gap:8px;align-items:center;max-width:100%;color:#ebc895;font:800 12px/1.8 Cairo,sans-serif;border:1px solid rgba(226,184,124,.35);border-radius:999px;background:rgba(233,185,117,.075);padding:9px 17px;letter-spacing:.45px}
.tyz24-main .tyz24-breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:21px 0 5px;color:#abbfd2;font:600 13px/1.7 Cairo,sans-serif}
.tyz24-main .tyz24-breadcrumb a{color:#d8b983!important;text-decoration:none!important}
.tyz24-main .tyz24-breadcrumb a:hover{text-decoration:underline!important}
.tyz24-main .tyz24-hero h1{margin:14px 0 5px!important;color:#f6d5a2!important;font:900 clamp(37px,4vw,58px)/1.6 "Noto Kufi Arabic",Cairo,sans-serif!important;letter-spacing:-.6px}
.tyz24-main .tyz24-en{display:block;direction:ltr;text-align:right;font:800 12px/1.8 Cairo,sans-serif;letter-spacing:1.1px;color:#a8c5de}
.tyz24-main .tyz24-subtitle{margin:24px 0 0!important;max-width:610px;color:#dce6f1!important;font:500 clamp(14px,1.25vw,17px)/2.15 Cairo,sans-serif!important;white-space:normal;overflow-wrap:anywhere}
.tyz24-main .tyz24-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}
.tyz24-main .tyz24-button{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:50px;padding:11px 23px;border:1px solid transparent;border-radius:12px;text-decoration:none!important;transition:transform .2s,background .2s,box-shadow .2s;font:800 14px/1.9 Cairo,sans-serif}
.tyz24-main .tyz24-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(0,5,17,.17)}
.tyz24-main .tyz24-button.primary{background:linear-gradient(135deg,#f4d5a5,#d5a265);color:#102743!important;box-shadow:0 12px 24px rgba(0,4,18,.15)}
.tyz24-main .tyz24-button.secondary{border-color:rgba(228,185,129,.56);background:rgba(229,189,127,.08);color:#f4d4a4!important}
.tyz24-main .tyz24-hero-art{position:relative;min-width:0;min-height:335px;padding:20px;display:flex;flex-direction:column;gap:20px;justify-content:space-between;border:1px solid rgba(232,189,126,.36);border-radius:27px;background:radial-gradient(circle at 70% 0,rgba(231,187,135,.1),transparent 58%),linear-gradient(155deg,#244561,#112b47);box-shadow:0 30px 58px rgba(0,8,24,.24)}
.tyz24-main .tyz24-art-caption,.tyz24-main .tyz24-art-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#e9c792;font:800 11px/1.6 Cairo,sans-serif;letter-spacing:1px}
.tyz24-main .tyz24-art-bottom{color:#b8d0e4}
.tyz24-main .tyz24-hero-art img{width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:14px}
.tyz24-main .tyz24-section-nav{position:relative;z-index:3;background:#102b46;border-bottom:1px solid rgba(227,190,135,.18)}
.tyz24-main .tyz24-nav-inner{display:flex;align-items:stretch;gap:6px;overflow-x:auto;scrollbar-width:thin}
.tyz24-main .tyz24-nav-inner a{display:flex;align-items:center;flex:0 0 auto;max-width:325px;padding:19px 17px;border-bottom:2px solid transparent;color:#d6e4f0!important;text-decoration:none!important;font:800 12px/1.8 Cairo,sans-serif;white-space:normal}
.tyz24-main .tyz24-nav-inner a:hover,.tyz24-main .tyz24-nav-inner a:focus-visible{background:rgba(235,194,135,.09);color:#f6d9ad!important;border-bottom-color:#d6ac76}
.tyz24-main #tyz24-work{scroll-margin-top:100px}
.tyz24-main .tyz24-section{padding:90px 0 102px;background:radial-gradient(ellipse 35% 65% at 95% 10%,rgba(53,105,160,.09),transparent 73%),#081e35;scroll-margin-top:105px}
.tyz24-main .tyz24-section-alt{background:radial-gradient(ellipse 42% 80% at 10% 80%,rgba(53,105,160,.1),transparent 70%),#0c263f}
.tyz24-main .tyz24-section-heading{display:flex;gap:22px;align-items:flex-start;margin-bottom:27px}
.tyz24-main .tyz24-section-heading h2{margin:0!important;max-width:950px;color:#efce9e!important;font:900 clamp(25px,2.8vw,39px)/1.8 "Noto Kufi Arabic",Cairo,sans-serif!important;overflow-wrap:anywhere}
.tyz24-main .tyz24-index{flex:none;min-width:88px;margin-top:16px;border:1px solid rgba(229,188,131,.31);background:rgba(229,188,131,.09);color:#eac394;padding:7px 11px;border-radius:10px;font:800 12px/1.4 Cairo,sans-serif;text-align:center;direction:ltr}
.tyz24-main .tyz24-section-content{display:grid;gap:24px;min-width:0}
.tyz24-main .tyz24-copy{max-width:1080px!important;color:#d9e8f5!important;margin:0!important;font:500 clamp(15px,1.4vw,18px)/2.15 Cairo,sans-serif!important;white-space:normal}
.tyz24-main .tyz24-subheading{margin:0!important;color:#f2d3a3!important;font:800 clamp(19px,2vw,25px)/1.8 Cairo,sans-serif!important}
.tyz24-main .tyz24-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tyz24-main .tyz24-metric{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:135px;padding:21px 18px;border:1px solid rgba(228,184,124,.30);border-radius:17px;background:linear-gradient(145deg,#1b3b58,#112e4c);box-shadow:0 17px 38px rgba(0,8,25,.10)}
.tyz24-main .tyz24-metric strong{font:900 clamp(19px,2.3vw,29px)/1.4 Cairo,Inter,sans-serif!important;color:#efc893!important;white-space:nowrap;max-width:100%;overflow-wrap:anywhere}
.tyz24-main .tyz24-metric span{font:700 12px/1.6 Cairo,Inter,sans-serif;color:#cadae9;overflow-wrap:anywhere}
.tyz24-main .tyz24-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.tyz24-main .tyz24-gallery.tyz24-single{grid-template-columns:minmax(0,1fr)}
.tyz24-main .tyz24-image{margin:0!important;display:flex;min-width:0;align-items:center;justify-content:center;padding:18px;background:linear-gradient(140deg,#183a56,#102b47);border:1px solid rgba(238,193,140,.27);border-radius:19px;overflow:hidden;min-height:160px}
.tyz24-main .tyz24-image img{display:block;width:100%;max-width:100%;height:auto;max-height:570px;object-fit:contain;border-radius:9px}
.tyz24-main .tyz24-info-card{padding:28px 30px;border:1px solid rgba(229,186,124,.29);border-radius:19px;background:linear-gradient(140deg,rgba(29,62,91,.84),rgba(12,37,64,.97))}
.tyz24-main .tyz24-info-card h3{color:#f1d3a1!important;font:800 clamp(18px,1.65vw,22px)/1.8 Cairo,sans-serif!important;margin:0 0 10px!important}
.tyz24-main .tyz24-info-card p{color:#dce8f3!important;font:500 15px/2.1 Cairo,sans-serif!important;margin:0!important}
.tyz24-main .tyz24-bullets{display:grid;gap:15px;margin:0!important;padding:0!important;list-style:none}
.tyz24-main .tyz24-bullets li{position:relative;padding:16px 46px 16px 22px;border:1px solid rgba(232,186,122,.22);border-radius:14px;background:rgba(36,71,101,.46);color:#dce9f5;font:600 15px/1.95 Cairo,sans-serif}
.tyz24-main .tyz24-bullets li:before{content:'✓';position:absolute;right:17px;top:15px;color:#edc792;font-weight:900}
.tyz24-main .tyz24-final{padding:87px 0 110px;background:#081a2f}
.tyz24-main .tyz24-final-inner{display:flex;align-items:center;flex-direction:column;text-align:center;padding:55px 30px;background:radial-gradient(ellipse at 85% 10%,rgba(232,180,118,.12),transparent 65%),linear-gradient(130deg,#234661,#102b47);border:1px solid rgba(235,193,131,.40);border-radius:24px}
.tyz24-main .tyz24-final h2{margin:21px 0 9px!important;color:#f1d09c!important;font:900 clamp(26px,3vw,39px)/1.8 "Noto Kufi Arabic",Cairo,sans-serif!important}
.tyz24-main .tyz24-final p{margin:0 0 23px!important;color:#d9e6f1!important;font:500 16px/1.9 Cairo,sans-serif!important}
.tyz24-main a:focus-visible{outline:3px solid #f6d5a5;outline-offset:4px}
@media(max-width:1050px){.tyz24-main .tyz24-hero-grid{gap:25px}.tyz24-main .tyz24-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.tyz24-main .tyz24-hero{padding:125px 0 65px}.tyz24-main .tyz24-hero-grid{grid-template-columns:1fr}.tyz24-main .tyz24-hero-art{min-height:240px}.tyz24-main .tyz24-section{padding:63px 0 75px}.tyz24-main .tyz24-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tyz24-main .tyz24-section-heading{flex-direction:column;gap:12px}.tyz24-main .tyz24-index{margin:0}.tyz24-main .tyz24-gallery{gap:12px}.tyz24-main .tyz24-section-heading h2{font-size:26px!important}}
@media(max-width:520px){.tyz24-main .tyz24-container{padding-inline:16px}.tyz24-main .tyz24-hero{padding-top:110px}.tyz24-main .tyz24-hero h1{font-size:34px!important}.tyz24-main .tyz24-hero-art{padding:14px;border-radius:18px}.tyz24-main .tyz24-art-caption,.tyz24-main .tyz24-art-bottom{font-size:10px}.tyz24-main .tyz24-gallery{grid-template-columns:1fr}.tyz24-main .tyz24-metrics{gap:9px}.tyz24-main .tyz24-metric{padding:17px 11px;min-height:113px}.tyz24-main .tyz24-metric strong{font-size:20px!important;white-space:normal}.tyz24-main .tyz24-metric span{font-size:11px}.tyz24-main .tyz24-nav-inner a{font-size:11px;max-width:250px;padding:15px 13px}.tyz24-main .tyz24-info-card{padding:23px 20px}.tyz24-main .tyz24-final-inner{padding:36px 16px}.tyz24-main .tyz24-final{padding:64px 0 75px}}
@media(prefers-reduced-motion:reduce){.tyz24-main .tyz24-button{transition:none}}
/* Dedicated light-mode support without changing global theme preferences */
:where(html[data-theme="light"],body[data-theme="light"],body.light-mode) .tyz24-main{background:#f5f8fc;color:#153250}
:where(html[data-theme="light"],body[data-theme="light"],body.light-mode) .tyz24-main .tyz24-hero{background:linear-gradient(125deg,#edf3f8,#dce8f2);border-color:#c6d6e6}
:where(html[data-theme="light"],body[data-theme="light"],body.light-mode) .tyz24-main .tyz24-hero h1{color:#193a5d!important}
:where(html[data-theme="light"],body[data-theme="light"],body.light-mode) .tyz24-main .tyz24-subtitle{color:#334b64!important}
:where(html[data-theme="light"],body[data-theme="light"],body.light-mode) .tyz24-main .tyz24-section{background:#f4f8fc}
:where(html[data-theme="light"],body[data-theme="light"],body.light-mode) .tyz24-main .tyz24-section-alt{background:#e8f0f7}
:where(html[data-theme="light"],body[data-theme="light"],body.light-mode) .tyz24-main .tyz24-section-heading h2{color:#173c5d!important}
:where(html[data-theme="light"],body[data-theme="light"],body.light-mode) .tyz24-main .tyz24-copy{color:#334e69!important}

/* Media resilience: only visible after an actual loading error. */
.tyz24-main .tyz24-image .tyz24-image-fallback{display:none;margin:auto;max-width:380px;text-align:center;padding:22px 18px;border:1px dashed rgba(231,184,119,.55);border-radius:14px;color:#f4d2a1!important;text-decoration:none!important;font:700 14px/1.95 Cairo,sans-serif}
.tyz24-main .tyz24-image.tyz24-media-failed{min-height:190px;background:linear-gradient(140deg,#18334c,#10243c)}
.tyz24-main .tyz24-image.tyz24-media-failed img{display:none}
.tyz24-main .tyz24-image.tyz24-media-failed .tyz24-image-fallback{display:block}