.yasu01-container{width:100%;max-width:1240px;padding-left:32px;padding-right:32px}@media(max-width:1024px){.yasu01-container{padding-left:20px;padding-right:20px}}
.yasu01-intro,.yasu01-intro p,.yasu01-feature-description,.yasu01-feature-description p{text-align:justify!important;text-justify:inter-word;text-align-last:auto}

/* Viewport-fit layout for tablet, laptop and desktop.
   Mobile below 768px keeps natural document scrolling. */
@media (min-width:768px){
  .elementor-widget-yano-agri-sustainability-01 .yasu01-section{
    width:100%!important;
    height:100vh!important;
    height:100svh!important;
    min-height:100vh!important;
    min-height:100svh!important;
    max-height:100vh!important;
    max-height:100svh!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-top{
    padding-top:clamp(24px,4.5svh,60px)!important;
    padding-bottom:clamp(18px,3svh,38px)!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-badge{
    margin-bottom:clamp(10px,1.7svh,20px)!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-heading{
    max-width:760px!important;
    margin-bottom:clamp(10px,1.7svh,18px)!important;
    font-size:clamp(30px,min(3.6vw,5.4svh),42px)!important;
    line-height:1.12!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-intro{
    max-width:720px!important;
    font-size:clamp(14px,1vw,16px)!important;
    line-height:1.65!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-images{
    --yasu01-template:1.4fr 1fr 1fr!important;
    --yasu01-columns:3!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    grid-template-columns:var(--yasu01-template)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:clamp(10px,1.2vw,14px)!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image,
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image:first-child{
    grid-column:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:clamp(170px,24svh,300px)!important;
    max-height:none!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-features{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(10px,1.2vw,16px)!important;
    padding-top:clamp(14px,2.5svh,32px)!important;
    padding-bottom:clamp(22px,4svh,54px)!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature{
    min-height:0!important;
    padding:clamp(14px,2.2svh,22px) clamp(13px,1.5vw,20px)!important;
    gap:clamp(7px,1.2svh,11px)!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-icon{
    width:clamp(32px,4.8svh,40px)!important;
    height:clamp(32px,4.8svh,40px)!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature-title{
    font-size:clamp(12.5px,.95vw,13.5px)!important;
    line-height:1.3!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature-description{
    font-size:clamp(11.5px,.82vw,12.5px)!important;
    line-height:1.5!important
  }
}

@media (min-width:768px) and (max-width:1024px){
  .elementor-widget-yano-agri-sustainability-01 .yasu01-container{padding-inline:20px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-images{grid-template-columns:1.2fr 1fr 1fr!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature{padding-inline:12px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature-description{font-size:11.5px!important;line-height:1.45!important}
}

/* Short laptop screens: compress empty space, not primary typography. */
@media (min-width:768px) and (max-height:720px){
  .elementor-widget-yano-agri-sustainability-01 .yasu01-top{padding-top:16px!important;padding-bottom:12px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-badge{margin-bottom:7px!important;padding-block:4px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-heading{font-size:clamp(28px,min(3.4vw,5svh),38px)!important;margin-bottom:8px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-intro{font-size:13.5px!important;line-height:1.5!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image,
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image:first-child{min-height:150px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-features{padding-top:10px!important;padding-bottom:16px!important;gap:8px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature{padding-block:11px!important;gap:6px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-icon{width:30px!important;height:30px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature-description{font-size:11.5px!important;line-height:1.4!important}
}

/* Balanced presentation override.
   Preserve premium proportions instead of forcing content into short screens. */
@media (min-width:768px){
  .elementor-widget-yano-agri-sustainability-01 .yasu01-section{
    height:auto!important;
    min-height:100vh!important;
    min-height:100svh!important;
    max-height:none!important;
    display:block!important;
    overflow:visible!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-top{
    padding-top:clamp(52px,7svh,82px)!important;
    padding-bottom:clamp(30px,4.2svh,48px)!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-badge{margin-bottom:18px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-heading{
    max-width:780px!important;
    margin-bottom:18px!important;
    font-size:clamp(34px,3.5vw,46px)!important;
    line-height:1.12!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-intro{
    max-width:760px!important;
    font-size:clamp(15px,1.05vw,17px)!important;
    line-height:1.72!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-images{
    height:auto!important;
    grid-template-columns:1.4fr 1fr 1fr!important;
    grid-template-rows:none!important;
    gap:16px!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image,
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image:first-child{
    height:clamp(260px,30svh,340px)!important;
    min-height:260px!important;
    border-radius:18px!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-features{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    padding-top:26px!important;
    padding-bottom:clamp(52px,7svh,78px)!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature{
    min-height:210px!important;
    padding:24px 20px!important;
    gap:12px!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-icon{width:40px!important;height:40px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature-title{font-size:13.5px!important;line-height:1.35!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature-description{font-size:12.5px!important;line-height:1.62!important}
}

/* On taller displays the whole section still resolves to one viewport. */
@media (min-width:768px) and (min-height:900px){
  .elementor-widget-yano-agri-sustainability-01 .yasu01-section{
    height:100vh!important;
    height:100svh!important;
    min-height:100vh!important;
    min-height:100svh!important;
    max-height:100vh!important;
    max-height:100svh!important;
    display:grid!important;
    grid-template-rows:auto minmax(260px,1fr) auto!important;
    overflow:hidden!important
  }
  .elementor-widget-yano-agri-sustainability-01 .yasu01-images{height:100%!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image,
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image:first-child{height:100%!important;min-height:260px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature{min-height:190px!important}
}

@media (min-width:768px) and (max-width:1024px){
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image,
  .elementor-widget-yano-agri-sustainability-01 .yasu01-image:first-child{height:clamp(240px,28svh,300px)!important;min-height:240px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature{min-height:220px!important;padding:20px 16px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-feature-description{font-size:12px!important;line-height:1.58!important}
}

/* Separate commitments section */
.elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section{
  --yasu01-accent:#2c6f46;
  position:relative;
  width:100%;
  min-height:clamp(460px,62svh,680px);
  padding-block:clamp(72px,10svh,118px);
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#f4faf6;
  font-family:Poppins,sans-serif
}
.elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section:before{
  content:"";position:absolute;width:420px;height:420px;top:-260px;right:-190px;
  border:1px solid rgba(44,111,70,.12);border-radius:50%;pointer-events:none
}
.elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-features{
  position:relative;z-index:1;width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(16px,1.7vw,24px)!important;
  padding-top:0!important;padding-bottom:0!important
}
.elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-feature{
  min-height:260px!important;padding:clamp(24px,2.4vw,32px)!important;gap:14px!important;
  border-color:rgba(44,111,70,.16)!important;
  box-shadow:0 18px 50px rgba(14,43,26,.06)!important
}
.elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-icon{width:44px!important;height:44px!important}
.elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-feature-title{font-size:15px!important;line-height:1.35!important}
.elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-feature-description{font-size:13.5px!important;line-height:1.68!important}
@media (min-width:768px) and (max-width:1024px){
  .elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section{min-height:auto;padding-block:76px}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-feature{min-height:230px!important;padding:26px!important}
}
@media (max-width:767px){
  .elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section{min-height:0;padding-block:64px}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-features{grid-template-columns:1fr!important;gap:16px!important;padding-block:0!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-feature{min-height:0!important;padding:24px!important}
  .elementor-widget-yano-agri-sustainability-01 .yasu01-cards-section .yasu01-feature-description{font-size:13.5px!important;line-height:1.65!important}
}