/* Zawiyah Turath: homepage HERO only. No header, footer or shared section overrides. */
#ztHero26.ztHero26 {
  --zh-forest:#083d31; --zh-gold:#c69a46; --zh-ivory:#fdfbf5;
  position:relative; display:block; isolation:isolate; width:100%; min-height:clamp(475px,33vw,600px);
  background:var(--zh-ivory); overflow:hidden; border-bottom:1px solid #eadfc9;
}
#ztHero26.ztHero26::before {
  content:"";position:absolute;z-index:1;top:-62px;left:-70px;width:260px;height:260px;opacity:.22;
  background:url('../web_assets/img/zt-hero/hero-pattern.svg') top left / 130px 130px repeat;pointer-events:none;
}
#ztHero26.ztHero26::after {
  content:"";position:absolute;z-index:1;left:-124px;bottom:65px;width:225px;height:225px;
  border:2px solid rgba(199,156,75,.7);transform:rotate(45deg);pointer-events:none;
}
#ztHero26 .ztHero26__media {
  position:absolute;z-index:0;inset:0 0 0 43%; overflow:hidden;
  background:#eee5d8;
}
#ztHero26 .ztHero26__media picture, #ztHero26 .ztHero26__photo {display:block;width:100%;height:100%;}
#ztHero26 .ztHero26__photo {max-width:none;object-fit:cover;object-position:52% center;}
#ztHero26 .ztHero26__media::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg, #fdfbf5 0%, rgba(253,251,245,.95) 5%, rgba(253,251,245,.67) 20%, rgba(253,251,245,.13) 36%, rgba(253,251,245,0) 58%);
}
#ztHero26 .ztHero26__inner {
  position:relative;z-index:2;display:flex;align-items:center;
  min-height:clamp(475px,33vw,600px);max-width:1320px;margin-inline:auto;padding:36px 28px;
}
#ztHero26 .ztHero26__copy {width:min(660px,57%);min-width:0;padding:8px 0;}
#ztHero26 .ztHero26__eyebrow {
  display:block;margin:0 0 16px;padding:0;font:800 clamp(10px,.76vw,13px)/1.5 Arial,Helvetica,sans-serif;
  text-transform:uppercase;letter-spacing:.16em;color:#b27c25;
}
#ztHero26 .ztHero26__title {
  margin:0;padding:0;color:var(--zh-forest);
  font-family:Georgia,'Times New Roman',serif;font-size:clamp(43px,3.58vw,70px);font-weight:700;
  letter-spacing:-.035em;line-height:1.055;max-width:700px;
  text-wrap:balance;
}
#ztHero26 .ztHero26__title>span {display:block;white-space:nowrap;}
#ztHero26 .ztHero26__description {
  max-width:565px;margin:17px 0 23px;padding:0;color:#53615a;
  font:400 clamp(13px,1.04vw,16px)/1.55 Arial,Helvetica,sans-serif;
}
#ztHero26 .ztHero26__actions {display:flex;align-items:center;gap:13px;flex-wrap:wrap;}
#ztHero26 .ztHero26__button {
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:11px;
  min-height:49px;padding:11px 21px;border:1px solid transparent;border-radius:7px;
  font:750 14px/1.25 Arial,Helvetica,sans-serif;text-decoration:none;white-space:nowrap;
  box-shadow:0 5px 13px rgba(20,55,46,.07);transition:transform .18s,background-color .18s,box-shadow .18s;
}
#ztHero26 .ztHero26__button:hover {transform:translateY(-2px);box-shadow:0 8px 18px rgba(12,53,39,.14)}
#ztHero26 .ztHero26__button svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;}
#ztHero26 .ztHero26__button--primary {background:#074837;border-color:#074837;color:#fff;}
#ztHero26 .ztHero26__button--primary:hover {background:#063429;color:#fff;}
#ztHero26 .ztHero26__button--outline {background:rgba(255,253,247,.92);border-color:#b5a080;color:#174a3b;}
#ztHero26 .ztHero26__button--outline:hover {background:#fff;color:#123d30;}
#ztHero26 .ztHero26__button .ztHero26__play {width:21px;height:21px;}
#ztHero26 .ztHero26__features {display:flex;align-items:center;gap:0;flex-wrap:wrap;margin-top:27px;max-width:690px;}
#ztHero26 .ztHero26__feature {display:flex;align-items:center;gap:10px;min-width:0;padding-right:17px;margin-right:17px;border-right:1px solid #dfd4bd;}
#ztHero26 .ztHero26__feature:last-child {border-right:0;margin-right:0;padding-right:0;}
#ztHero26 .ztHero26__featureIcon {display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;color:#b68532;border:1px solid rgba(199,159,80,.25);background:rgba(248,233,198,.75);}
#ztHero26 .ztHero26__featureIcon svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#ztHero26 .ztHero26__feature strong {display:block;color:#153e32;font:750 12px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap;}
#ztHero26 .ztHero26__feature small {display:block;color:#79827a;font:400 11px/1.3 Arial,Helvetica,sans-serif;margin-top:3px;white-space:nowrap;}
@media(max-width:1270px){
  #ztHero26 .ztHero26__inner{padding-inline:30px;}
  #ztHero26 .ztHero26__copy{width:min(640px,61%);}
  #ztHero26 .ztHero26__media{left:47%;}
  #ztHero26 .ztHero26__title{font-size:clamp(43px,4vw,57px)}
  #ztHero26 .ztHero26__features{gap:8px 0;}
  #ztHero26 .ztHero26__feature{padding-right:12px;margin-right:12px;gap:7px;}
  #ztHero26 .ztHero26__featureIcon{width:34px;height:34px;flex-basis:34px;}
  #ztHero26 .ztHero26__feature strong{font-size:10px;}
  #ztHero26 .ztHero26__feature small{font-size:9.5px;}
}
@media(max-width:930px){
  #ztHero26.ztHero26{min-height:470px;}
  #ztHero26 .ztHero26__inner{min-height:470px;padding:35px 24px;}
  #ztHero26 .ztHero26__copy{width:62%;}
  #ztHero26 .ztHero26__title{font-size:clamp(35px,4.3vw,45px);}
  #ztHero26 .ztHero26__description{font-size:12.5px;max-width:410px;}
  #ztHero26 .ztHero26__feature:last-child{margin-top:5px;}
  #ztHero26 .ztHero26__media{left:46%;}
  #ztHero26 .ztHero26__media::after{background:linear-gradient(90deg,#fdfbf5 0%,rgba(253,251,245,.92) 18%,rgba(253,251,245,.2) 55%,transparent 85%);}
}
@media(max-width:820px){
  #ztHero26.ztHero26{display:flex;flex-direction:column;min-height:0;overflow:hidden;}
  #ztHero26.ztHero26::before{top:0;left:-65px;width:180px;height:180px;background-size:98px 98px;opacity:.16;}
  #ztHero26.ztHero26::after{bottom:auto;top:160px;left:-160px;width:185px;height:185px;opacity:.45;}
  #ztHero26 .ztHero26__inner{order:1;min-height:0;width:100%;padding:34px 22px 23px;display:block;}
  #ztHero26 .ztHero26__copy{width:100%;max-width:620px;margin-inline:auto;padding:0;}
  #ztHero26 .ztHero26__eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:13px;}
  #ztHero26 .ztHero26__title{font-size:clamp(37px,8.8vw,54px);line-height:1.09;letter-spacing:-.04em;}
  #ztHero26 .ztHero26__title>span{white-space:normal;}
  #ztHero26 .ztHero26__description{font-size:13px;line-height:1.6;max-width:540px;margin:15px 0 20px;}
  #ztHero26 .ztHero26__actions{gap:9px;}
  #ztHero26 .ztHero26__button{min-height:43px;font-size:12px;padding:9px 13px;gap:7px;}
  #ztHero26 .ztHero26__button svg{width:17px;height:17px;}
  #ztHero26 .ztHero26__features{margin-top:23px;gap:10px 6px;justify-content:space-between;}
  #ztHero26 .ztHero26__feature{margin:0;padding:0;border:none;flex:1 1 140px;gap:7px;}
  #ztHero26 .ztHero26__featureIcon{flex-basis:30px;width:30px;height:30px;}
  #ztHero26 .ztHero26__featureIcon svg{height:16px;width:16px;}
  #ztHero26 .ztHero26__feature strong{font-size:10px;}
  #ztHero26 .ztHero26__feature small{font-size:9px;}
  #ztHero26 .ztHero26__media{position:relative;order:2;inset:auto;width:100%;height:auto;aspect-ratio:16/9;margin:0;background:#e9e4da;}
  #ztHero26 .ztHero26__media picture,#ztHero26 .ztHero26__photo{width:100%;height:100%;}
  #ztHero26 .ztHero26__photo{object-position:center center;}
  #ztHero26 .ztHero26__media::after{background:linear-gradient(180deg,#fdfbf5 0%,rgba(253,251,245,.24) 15%,transparent 39%);}
}
@media(max-width:395px){
  #ztHero26 .ztHero26__inner{padding:29px 17px 20px;}
  #ztHero26 .ztHero26__title{font-size:clamp(31px,8.65vw,37px);}
  #ztHero26 .ztHero26__eyebrow{font-size:8px;}
  #ztHero26 .ztHero26__description{font-size:12.5px;}
  #ztHero26 .ztHero26__feature{flex-basis:132px;}
}
@media(prefers-reduced-motion:reduce){#ztHero26 .ztHero26__button{transition:none}}