/* Workwebsite v4.2.3
   Focused polish for the homepage CTA visual and footer typography.
   Loaded after v4.2.2 so it intentionally overrides older rules.
*/

:root{
  --h423-gold:#dca63a;
  --h423-gold2:#f0c65d;
  --h423-cream:#f3eadb;
  --h423-muted:#9b896d;
  --h423-line:rgba(220,166,58,.30);
}

/* ===============================
   CTA — tighter, calmer, thematic
   =============================== */
.h422-final{
  padding:0 0 42px!important;
}

.h422-final-box{
  grid-template-columns:minmax(0,1.48fr) minmax(300px,.62fr)!important;
  min-height:154px!important;
  max-height:none!important;
  border-color:rgba(220,166,58,.42)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(220,166,58,.08),transparent 28%),
    linear-gradient(130deg,#100e0a 0%,#0a0907 56%,#070706 100%)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}

.h422-final-copy{
  padding:23px 28px!important;
  align-self:center!important;
}

.h422-final-copy>span{
  color:#d5a13a!important;
  font:800 7px Arial,sans-serif!important;
  letter-spacing:.18em!important;
}

.h422-final-copy h2{
  max-width:760px!important;
  margin:6px 0 5px!important;
  color:#f3ecdf!important;
  font-family:"Vazirmatn",Tahoma,sans-serif!important;
  font-size:18.5px!important;
  line-height:1.72!important;
  font-weight:850!important;
  letter-spacing:-.15px!important;
}

.h422-final-copy p{
  margin:0!important;
  color:#9f8f75!important;
  font-size:8.6px!important;
  line-height:1.9!important;
}

.h422-final-copy>div{
  display:flex!important;
  gap:8px!important;
  margin-top:14px!important;
}

.h422-final-copy a{
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border-color:rgba(220,166,58,.38)!important;
  background:#090807!important;
  color:#d9c59e!important;
  font-size:8.25px!important;
  font-weight:800!important;
}

.h422-final-copy a.primary{
  border:0!important;
  color:#171006!important;
  background:linear-gradient(180deg,#f0c55c,#d59a2d)!important;
  box-shadow:0 9px 22px rgba(220,166,58,.12)!important;
}

/* Image is now an inset visual rather than a large unrelated block. */
.h422-final-visual{
  position:relative!important;
  align-self:stretch!important;
  min-height:154px!important;
  margin:11px 11px 11px 0!important;
  overflow:hidden!important;
  border:1px solid rgba(220,166,58,.26)!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 70% 40%,rgba(220,166,58,.15),transparent 36%),
    #080706!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}

.h422-final-visual:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(8,7,6,.88) 0%,rgba(8,7,6,.24) 25%,transparent 52%),
    linear-gradient(180deg,rgba(220,166,58,.08),transparent 40%,rgba(0,0,0,.18))!important;
}

.h422-final-visual:after{
  content:""!important;
  position:absolute!important;
  left:13px!important;
  right:13px!important;
  bottom:10px!important;
  height:1px!important;
  z-index:3!important;
  background:linear-gradient(90deg,transparent,rgba(235,187,76,.56),transparent)!important;
}

.h422-final-visual img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:72% center!important;
  transform:none!important;
  filter:
    saturate(.66)
    sepia(.16)
    brightness(.66)
    contrast(1.12)!important;
}

/* ===============================
   FOOTER — readable, premium, calm
   =============================== */
.home-v41__footer{
  position:relative!important;
  padding:19px 0 21px!important;
  border-top:1px solid rgba(220,166,58,.28)!important;
  background:
    linear-gradient(180deg,#050505 0%,#020202 100%)!important;
}

.home-v41__footer:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:50%!important;
  width:min(560px,55vw)!important;
  height:1px!important;
  transform:translateX(50%)!important;
  background:linear-gradient(90deg,transparent,rgba(238,190,77,.55),transparent)!important;
}

.home-v41__footer>.home-v41__shell{
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr)!important;
  align-items:center!important;
  gap:24px!important;
  min-height:48px!important;
}

/* Brand on the right in RTL layout */
.home-v41__footer b{
  justify-self:start!important;
  margin:0!important;
  color:#e5b64c!important;
  font-family:"Cinzel","Times New Roman",serif!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
  direction:ltr!important;
}

/* Center descriptor */
.home-v41__footer> .home-v41__shell > span{
  justify-self:center!important;
  color:#897a63!important;
  font-family:"Inter","Segoe UI",Arial,sans-serif!important;
  font-size:7.5px!important;
  font-weight:500!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
  direction:ltr!important;
}

/* Navigation: remove weak yellow/default-link look */
.home-v41__footer nav{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex-wrap:wrap!important;
}

.home-v41__footer nav a,
.home-v41__footer nav a:link,
.home-v41__footer nav a:visited{
  position:relative!important;
  min-height:31px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#c8baa1!important;
  font-family:"Vazirmatn",Tahoma,sans-serif!important;
  font-size:8.1px!important;
  line-height:1!important;
  font-weight:650!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  transition:
    color .2s ease,
    border-color .2s ease,
    background .2s ease,
    transform .2s ease!important;
}

.home-v41__footer nav a:after{
  content:""!important;
  position:absolute!important;
  right:9px!important;
  left:9px!important;
  bottom:4px!important;
  height:1px!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  background:linear-gradient(90deg,transparent,#d9aa43,transparent)!important;
  transition:transform .2s ease!important;
}

.home-v41__footer nav a:hover,
.home-v41__footer nav a:focus-visible{
  color:#f0dfba!important;
  border-color:rgba(220,166,58,.20)!important;
  background:rgba(220,166,58,.045)!important;
  transform:translateY(-1px)!important;
  outline:none!important;
}

.home-v41__footer nav a:hover:after,
.home-v41__footer nav a:focus-visible:after{
  transform:scaleX(1)!important;
}

/* Avoid any old/global anchor rule turning footer links blue or purple */
.home-v41__footer a{
  text-decoration:none!important;
}
.home-v41__footer a:any-link{
  color:#c8baa1!important;
}

/* Responsive */
@media(max-width:900px){
  .h422-final-box{
    grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)!important;
  }

  .home-v41__footer>.home-v41__shell{
    grid-template-columns:1fr auto!important;
    row-gap:10px!important;
  }

  .home-v41__footer> .home-v41__shell > span{
    grid-column:1 / -1!important;
    grid-row:2!important;
    justify-self:center!important;
  }
}

@media(max-width:700px){
  .h422-final-box{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }

  .h422-final-visual{
    order:-1!important;
    min-height:128px!important;
    margin:10px 10px 0!important;
  }

  .h422-final-copy{
    padding:20px 18px 22px!important;
  }

  .h422-final-copy h2{
    font-size:17px!important;
  }

  .home-v41__footer>.home-v41__shell{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    text-align:center!important;
  }

  .home-v41__footer b,
  .home-v41__footer> .home-v41__shell > span,
  .home-v41__footer nav{
    justify-self:auto!important;
  }

  .home-v41__footer nav{
    justify-content:center!important;
  }
}

@media(max-width:430px){
  .h422-final-visual{
    min-height:112px!important;
  }

  .h422-final-copy>div{
    flex-wrap:wrap!important;
  }

  .home-v41__footer nav{
    gap:2px!important;
  }

  .home-v41__footer nav a{
    padding:0 7px!important;
    font-size:7.8px!important;
  }
}