/* GO BIG — restrained premium typography for the main directions photo */
.direction-media{
  height:470px !important;
  min-height:470px !important;
  position:relative !important;
  overflow:hidden !important;
}
.direction-media-overlay{
  background:
    linear-gradient(0deg,rgba(7,20,34,.46) 0%,rgba(7,20,34,.26) 100%),
    linear-gradient(90deg,rgba(7,20,34,.10) 0%,rgba(7,20,34,.08) 100%) !important;
}
.direction-media-copy{
  left:50% !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  width:min(980px,calc(100% - 96px)) !important;
  transform:translate(-50%,-50%) !important;
  text-align:center !important;
  padding:18px 0 !important;
}
.direction-media-copy span{
  margin-bottom:9px !important;
  font-family:var(--font-body) !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  color:rgba(255,255,255,.76) !important;
}
.direction-media-copy h3{
  margin:0 auto !important;
  max-width:820px !important;
  font-family:var(--font-heading) !important;
  font-size:0 !important;
  line-height:1.02 !important;
  letter-spacing:-.02em !important;
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.18) !important;
  white-space:normal !important;
}
.direction-media-copy h3::before{
  content:"Рынки Технологии Люди";
  display:block;
  font-family:var(--font-heading) !important;
  font-size:clamp(24px,2.7vw,38px) !important;
  line-height:1.04 !important;
  letter-spacing:-.02em !important;
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.18) !important;
}
.direction-media-copy p{
  max-width:760px !important;
  margin:16px auto 0 !important;
  font-family:var(--font-body) !important;
  font-size:clamp(12px,1.04vw,15px) !important;
  line-height:1.42 !important;
  font-weight:500 !important;
  color:rgba(255,255,255,.94) !important;
  text-shadow:0 1px 9px rgba(0,0,0,.18) !important;
}

html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%}

/* Homepage AGRO TAG project card — mirrors the International project card. */
.project-card.agro-tag-card{position:relative;isolation:isolate;background:#1d2630}
.project-card.agro-tag-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;z-index:0}
.project-card.agro-tag-card .project-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,20,31,.02) 0%,rgba(9,20,31,.04) 36%,rgba(10,22,34,.48) 66%,rgba(9,19,30,.90) 100%)}
.project-card.agro-tag-card .project-top{position:absolute;z-index:2;left:20px;right:20px;top:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.project-card.agro-tag-card .project-type{display:flex;align-items:flex-start;gap:8px;max-width:190px;font-size:10px;font-weight:800;letter-spacing:.10em;line-height:1.25;color:#fff;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.18)}
.project-card.agro-tag-card .project-type:before{content:"";width:7px;height:7px;margin-top:3px;border-radius:50%;background:#4fc48a;box-shadow:0 0 0 4px rgba(79,196,138,.12);flex:0 0 auto}
.project-card.agro-tag-card .project-no{font-size:10px;font-weight:800;color:rgba(255,255,255,.82);letter-spacing:.10em}
.project-card.agro-tag-card .project-copy{position:absolute;left:22px;right:22px;bottom:24px;z-index:2;color:#fff}
.project-card.agro-tag-card .project-copy h3{margin:0;color:#fff;font-family:var(--font-heading,Georgia,serif);font-size:clamp(25px,1.85vw,32px);line-height:1.02;text-shadow:0 2px 14px rgba(0,0,0,.24)}
.project-card.agro-tag-card .project-copy p{margin:13px 0 0;color:rgba(255,255,255,.90);font-size:13px;line-height:1.5}
.project-card.agro-tag-card .project-more{display:inline-flex;align-items:center;gap:14px;margin-top:19px;padding-bottom:6px;border-bottom:1px solid rgba(89,202,145,.70);color:#68d79f;font-size:13px;font-weight:800}
.project-card.agro-tag-card .project-more:after{content:"→";font-size:20px;line-height:1}

@media(max-width:850px){
  header .head{
    min-height:auto !important;
    padding:14px 0 !important;
    gap:12px !important;
  }
  header nav{
    width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    gap:16px !important;
    overflow-x:auto !important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    padding:3px 0 8px !important;
  }
  header nav::-webkit-scrollbar{display:none}
  header nav a{white-space:nowrap !important;font-size:13px !important}

  .direction-media{
    height:500px !important;
    min-height:500px !important;
    position:relative !important;
    overflow:hidden !important;
  }
  .direction-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    filter:grayscale(.30) saturate(.72) brightness(.86) !important;
  }
  .direction-media-overlay{
    background:linear-gradient(0deg,rgba(7,20,34,.56) 0%,rgba(7,20,34,.10) 68%,rgba(7,20,34,.04) 100%) !important;
  }
  .direction-media-copy{
    left:50% !important;
    top:50% !important;
    bottom:auto !important;
    width:calc(100% - 32px) !important;
    transform:translate(-50%,-50%) !important;
    padding:16px 0 !important;
  }
  .direction-media-copy h3{
    max-width:100% !important;
    font-size:0 !important;
    line-height:1.08 !important;
    white-space:normal !important;
  }
  .direction-media-copy h3::before{
    font-size:clamp(20px,4.65vw,26px) !important;
    line-height:1.08 !important;
  }
  .direction-media-copy p{
    max-width:540px !important;
    margin-top:12px !important;
    font-size:12px !important;
    line-height:1.45 !important;
  }
}

@media(max-width:520px){
  .direction-media{height:470px !important;min-height:470px !important}
  .direction-media-copy{width:calc(100% - 26px) !important;top:50% !important;bottom:auto !important}
  .direction-media-copy span{font-size:9px !important;margin-bottom:7px !important}
  .direction-media-copy h3{font-size:0 !important;line-height:1.1 !important}
  .direction-media-copy h3::before{font-size:17px !important;line-height:1.1 !important}
  .direction-media-copy p{font-size:10.5px !important;line-height:1.45 !important;margin-top:10px !important}
}