/*
 * Tamiyouz Blog V36: dedicated mobile hero pass.
 * Changes layout and decorative complexity only; text, links and all JS animations remain.
 * This stylesheet is appended after V31/V32 and scoped to the custom home hero.
 */
@media (min-width:701px) and (max-width:1100px){
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-layout{
   grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;
   min-height:0!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-copy{
   grid-column:1!important;grid-row:1!important;
   padding:clamp(26px,3.6vw,40px) clamp(24px,5vw,56px) 20px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-visual{
   grid-column:1!important;grid-row:2!important;
   min-height:0!important;height:clamp(330px,43vw,455px)!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-benefits{
   grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-floating{font-size:.82rem!important}
}
@media (max-width:700px){
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v13-home .tyz-v30-hero{
   min-height:0!important;width:100%!important;max-width:100%!important;
   overflow:hidden!important;margin:0!important;padding:0!important;
   background:linear-gradient(165deg,#fff8ee 0%,#f7ead9 71%,#f8efe4 100%)!important;
 }
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v30-hero .tyz-v30-layout{
   box-sizing:border-box!important;display:grid!important;
   grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;
   width:100%!important;min-height:0!important;max-width:100%!important;
   gap:0!important;align-items:stretch!important;
 }
 body.tyz-home-v13.tyz-editorial-v17 .tyz-v30-hero .tyz-v30-copy{
   box-sizing:border-box!important;width:100%!important;max-width:100%!important;
   grid-column:1!important;grid-row:1!important;
   padding:clamp(20px,5.5vw,29px) 18px 14px!important;
   display:flex!important;flex-direction:column!important;
   align-items:stretch!important;justify-content:flex-start!important;
   gap:0!important;text-align:right!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-identity{
   flex-wrap:nowrap!important;justify-content:flex-start!important;
   align-items:center!important;overflow:hidden!important;
   gap:8px!important;padding:0!important;margin:0 0 12px!important;
   font-size:clamp(.72rem,2.25vw,.88rem)!important;line-height:1.45!important;
   color:#183551!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-brand{
   white-space:nowrap!important;flex:0 0 auto!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-identity-line{
   width:clamp(15px,5vw,25px)!important;flex:0 0 auto!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-english{
   font-size:clamp(.55rem,1.75vw,.72rem)!important;
   letter-spacing:.08em!important;white-space:nowrap!important;
   overflow:hidden!important;text-overflow:ellipsis!important;min-width:0;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-identity-dot{
   flex:0 0 auto!important;width:6px!important;height:6px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-kicker{
   align-self:flex-start!important;margin:0 0 7px!important;
   padding-inline:10px!important;max-width:calc(100% - 25px)!important;
   font-size:clamp(.83rem,2.9vw,1.02rem)!important;
   line-height:1.6!important;letter-spacing:0!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-kicker::before,
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-kicker::after{
   width:11px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-kicker::before{inset-inline-start:-7px!important}
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-kicker::after{inset-inline-end:-7px!important}
 body.tyz-home-v13 .tyz-v30-hero h1.tyz-v30-title{
   display:block!important;
   max-width:100%!important;width:100%!important;
   font-size:clamp(1.76rem,7.4vw,2.5rem)!important;
   line-height:1.45!important;letter-spacing:0!important;
   font-weight:900!important;text-wrap:pretty!important;
   margin:0 0 10px!important;padding:0!important;
   color:#102943!important;overflow-wrap:normal!important;word-break:normal!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-title-gold{
   display:block!important;width:100%!important;
   font-size:clamp(1.57rem,6.8vw,2.34rem)!important;
   color:#a8782b!important;line-height:1.48!important;
   margin:2px 0 0!important;padding:0 0 8px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-title-gold [data-tyz-v30-ink]{
   max-width:100%!important;word-break:normal!important;overflow-wrap:normal!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-title-gold::after{
   bottom:0!important;height:3px!important;opacity:.78;
 }
 /* The desktop writing pen travels across an entire one-line word; on
    narrow wrapped Arabic text it intersects letters, so hide just the pen icon. */
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-pen{display:none!important}
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-description{
   box-sizing:border-box!important;
   max-width:100%!important;width:100%!important;
   font-size:clamp(.84rem,3.15vw,.97rem)!important;
   line-height:1.78!important;font-weight:550!important;
   color:#33465a!important;
   margin:4px 0 13px!important;padding:0 12px 0 0!important;
   border-left:none!important;border-right:2px solid rgba(200,149,63,.68)!important;
   text-wrap:pretty!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-actions{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   box-sizing:border-box!important;width:100%!important;
   align-items:stretch!important;gap:9px!important;
   margin:0 0 12px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-actions a.tyz-v30-action{
   box-sizing:border-box!important;display:flex!important;
   width:100%!important;min-width:0!important;
   min-height:51px!important;padding:9px 8px!important;
   gap:6px!important;border-radius:13px!important;
   font-size:clamp(.70rem,2.82vw,.91rem)!important;
   font-weight:850!important;line-height:1.4!important;
   white-space:normal!important;text-align:center!important;
   word-break:normal!important;
   box-shadow:0 5px 14px rgba(54,50,35,.11)!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-actions a.tyz-v30-action span{
   font-size:clamp(15px,4.1vw,19px)!important;flex:0 0 auto!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-benefits{
   display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
   align-items:stretch!important;justify-content:flex-start!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   gap:8px!important;margin:0!important;padding:3px 1px 7px!important;
   overflow-x:auto!important;overflow-y:hidden!important;
   scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain!important;
   -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
   mask-image:linear-gradient(90deg,transparent,#000 4%,#000 97%,transparent);
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-benefits::-webkit-scrollbar{display:none!important}
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-benefit{
   box-sizing:border-box!important;flex:0 0 auto!important;
   min-width:136px!important;max-width:170px!important;min-height:40px!important;
   padding:9px 10px!important;border-radius:12px!important;
   gap:5px!important;scroll-snap-align:start!important;
   font-size:clamp(.7rem,2.75vw,.83rem)!important;
   line-height:1.4!important;
   white-space:normal!important;
   box-shadow:none!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-benefit .tyz-v30-benefit__icon{
   font-size:16px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-benefit-detail{
   display:block!important;margin:1px 0 0!important;
   max-width:100%!important;min-height:17px!important;
   font-size:clamp(.7rem,2.6vw,.78rem)!important;
   line-height:1.5!important;color:#796747!important;
 }
 /* Keep the picture a clean cinematic card; no giant navy area or
    overlapping mini panels. The Ken Burns and scroll animation continue. */
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-visual{
   box-sizing:border-box!important;grid-column:1!important;grid-row:2!important;
   position:relative!important;
   width:calc(100% - 32px)!important;max-width:620px!important;
   margin:7px auto 16px!important;padding:0!important;
   min-height:0!important;
   height:clamp(218px,64vw,340px)!important;
   overflow:hidden!important;border-radius:22px!important;
   background:#112c46!important;isolation:isolate!important;
   box-shadow:0 10px 22px rgba(22,32,46,.11)!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-photo-frame{
   inset:0!important;border-radius:22px!important;clip-path:none!important;
   padding:2px!important;box-shadow:none!important;
   background:linear-gradient(140deg,#e7be72,#f5dbad 49%,#c48e3d)!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-photo-clip{
   inset:2px!important;border-radius:20px!important;clip-path:none!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-photo{
   object-fit:cover!important;object-position:center 42%!important;
   filter:saturate(.98) contrast(1.05) brightness(.9)!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-photo-shade{
   background:linear-gradient(180deg,rgba(2,13,25,.12),transparent 44%,rgba(2,13,28,.60))!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-orbit,
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-floating--marketing,
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-floating--analysis,
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-book,
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-visual-glow{
   display:none!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-floating--strategy{
   position:absolute!important;z-index:9!important;
   top:auto!important;right:auto!important;bottom:12px!important;left:13px!important;
   display:flex!important;gap:7px!important;
   padding:7px 11px!important;border-radius:11px!important;
   color:#fff3db!important;font-size:clamp(.65rem,2.5vw,.78rem)!important;
   line-height:1.25!important;
   box-shadow:0 3px 9px rgba(0,0,0,.18)!important;
   animation:tyzV30Float 30s ease-in-out infinite!important;
   animation-play-state:paused!important;
 }
 body.tyz-home-v13 .tyz-v30-hero.is-v30-inview .tyz-v30-floating--strategy{
   animation-play-state:running!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-floating--strategy span{
   font-size:19px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-latest{
   position:absolute!important;z-index:9!important;
   top:12px!important;left:12px!important;right:auto!important;
   padding:7px 11px!important;border-radius:999px!important;
   font-size:.63rem!important;letter-spacing:.04em!important;
   white-space:nowrap!important;box-shadow:none!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-bottom-wave{
   height:2px!important;opacity:.5!important;
 }
 body.tyz-home-v13 .tyz-v30-hero.tyz-v31-motion .tyz-v30-copy > :where(.tyz-v30-identity,.tyz-v30-kicker,.tyz-v30-title,.tyz-v30-description,.tyz-v30-actions,.tyz-v30-benefits){
   opacity:1!important;transform:none!important;transition:none!important;
 }
}
/* Very narrow phones: preserve readable CTAs and Arabic shaping. */
@media(max-width:375px){
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-copy{
   padding:19px 13px 12px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-identity-line,
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-identity-dot{display:none!important}
 body.tyz-home-v13 .tyz-v30-hero h1.tyz-v30-title{
   font-size:clamp(1.68rem,7.55vw,1.88rem)!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-title-gold{
   font-size:clamp(1.53rem,7.15vw,1.82rem)!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-actions{
   grid-template-columns:1fr!important;gap:7px!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-actions a.tyz-v30-action{
   min-height:45px!important;padding:8px 10px!important;
   font-size:.82rem!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-visual{
   width:calc(100% - 26px)!important;
   height:clamp(212px,69vw,260px)!important;
 }
}
/* Landscape phones: avoid making the photo exceptionally tall. */
@media(max-width:700px) and (orientation:landscape){
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-visual{height:230px!important}
}
/* Honor device-wide motion preferences without hiding important content. */
@media(max-width:700px) and (prefers-reduced-motion:reduce){
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-floating--strategy{
   animation:none!important;transform:none!important;
 }
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-benefit,
 body.tyz-home-v13 .tyz-v30-hero .tyz-v30-actions a{transition:none!important}
}