:root{--green:#8bab45;--navy:#082d45;--ink:#142932;--cream:#f4f3ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.nav{height:82px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #ffffff32}.nav img{width:168px;max-height:44px;object-fit:contain}.nav nav{display:flex;gap:27px;align-items:center}.nav a{color:#fff;text-decoration:none;font-size:14px}.pill{border:1px solid #ffffff88;padding:10px 18px;border-radius:30px}.languages{color:#fff;font-size:12px;display:flex;gap:7px}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:#102b36}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#071f2dcc 0%,#071f2d73 48%,#071f2d18 82%),linear-gradient(0deg,#071f2d9b 0%,transparent 52%)}.hero-copy{position:relative;color:#fff;padding:0 7vw 9vh;max-width:920px}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:700;color:#d2e4a5}.eyebrow.dark{color:#6f9133}h1,h2{letter-spacing:-.045em}.hero h1{font-size:clamp(52px,7vw,102px);line-height:.94;margin:20px 0 25px;font-weight:700}.hero h1 em{font-style:normal;color:#bed66f}.hero p{font-size:19px;line-height:1.55;max-width:690px;color:#eef3f4}.cta{display:inline-block;margin-top:16px;color:#fff;text-decoration:none;border-bottom:1px solid #bed66f;padding-bottom:7px}.intro,.services,.products,.why{padding:105px 7vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--cream)}h2{font-size:clamp(38px,5vw,68px);line-height:1.02;margin:17px 0 28px}.lead{font-size:24px;line-height:1.42}.intro p:not(.lead),.sectionlead,.products p{font-size:17px;line-height:1.72;color:#52636b}.services h2,.why h2{max-width:850px}.cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid #d1d7d4}.cards article{padding:32px 28px 22px 0;border-right:1px solid #d1d7d4}.cards article+article{padding-left:28px}.cards b{color:#779b36}.cards h3{font-size:22px;margin:30px 0 15px}.cards p{color:#5b696f;line-height:1.65}.products{background:#eef1ec}.products-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.products-head p{max-width:680px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.product-card{background:#fff}.product-card img{display:block;width:100%;height:300px;object-fit:cover}.product-card div{padding:23px}.product-card h3{margin:0;font-size:22px}.process{background:var(--navy);color:#fff;padding:105px 7vw}.process-intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.process-intro p{color:#b9c9d0;line-height:1.72}.process-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:45px}.process-card{position:relative;background:#071e2d;overflow:hidden}.process-card video,.process-card img{display:block;width:100%;height:430px;object-fit:cover}.process-card.vertical video{object-fit:contain;background:#071e2d}.process-card span{position:absolute;left:22px;bottom:20px;background:#082d45d9;padding:10px 13px;font-size:13px;letter-spacing:.06em}.shipband{height:500px;position:relative;overflow:hidden}.shipband img{width:100%;height:100%;object-fit:cover}.shipband:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071e2d8f,transparent 60%)}.shipband div{position:absolute;z-index:2;left:7vw;bottom:45px;color:#fff;font-size:28px;max-width:620px}.why{text-align:center}.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;text-align:left;margin-top:50px}.whygrid p{line-height:1.65;color:#59686f}.contact{background:#789d3b;color:#fff;padding:95px 7vw;display:grid;grid-template-columns:1.4fr .6fr;gap:8vw}.contact p{line-height:1.65}.contactbox{border-left:1px solid #ffffff66;padding-left:30px}.contact a{color:#fff}footer{background:#071e2d;color:#9aaab0;padding:32px 7vw;display:flex;justify-content:space-between;align-items:center;font-size:12px}footer img{width:130px}.footer-links{display:flex;gap:18px}.footer-links a{color:#c7d1d5;text-decoration:none}.legal-nav{position:relative;background:#071e2d}.legal-page{max-width:920px;margin:0 auto;padding:145px 7vw 90px}.legal-page h1{font-size:48px}.legal-page h2{font-size:23px}.legal-page p,.legal-page li{font-size:16px;line-height:1.75;color:#40535c}.legal-page a{color:#12664f}@media(max-width:800px){.nav nav>a:not(.pill),.nav nav span.languages~a:not(.pill){display:none}.nav nav{gap:12px}.hero{min-height:650px}.intro,.products-head,.process-intro,.contact{grid-template-columns:1fr}.cards,.product-grid,.whygrid,.process-grid{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid #d1d7d4;padding-left:0!important}.process-card video,.process-card img{height:300px}.shipband{height:360px}.contactbox{border-left:0;padding-left:0}.hero-copy{padding-bottom:65px}}
/* V12: equal logistics media cards */
.process-grid.four{grid-template-columns:repeat(4,1fr);gap:14px}.process-grid.four .process-card{aspect-ratio:16/10}.process-grid.four .process-card video{width:100%;height:100%;object-fit:cover}.process-grid.four .process-card span{max-width:calc(100% - 30px)}
@media(max-width:1000px){.process-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.process-grid.four{grid-template-columns:1fr}}
/* V13 selected visual system */
.hero.hero-still{background:#0a2033;min-height:760px;position:relative;overflow:hidden}
.hero.hero-still>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.product-card img{aspect-ratio:2.44/1;object-fit:cover}
.process-film{max-width:1280px;margin:34px auto 0;position:relative;border-radius:8px;overflow:hidden;background:#061b2a;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.process-film video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.process-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#dce4e8;margin-top:1px}
.process-steps span{background:#fff;color:#0b2c43;padding:12px 8px;text-align:center;font-size:12px;font-weight:700}
.resources{padding:70px 6vw;background:#f3f6f7}.resources .resource-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.resources a{border:1px solid #ccd7dc;background:white;padding:14px 18px;border-radius:5px;color:#0b2c43;text-decoration:none;font-weight:700}
@media(max-width:800px){.hero.hero-still{min-height:680px}.process-steps{grid-template-columns:1fr 1fr}.process-steps span:last-child{grid-column:1/-1}}

/* V14 refinement: compact, automatic process film + responsive polish */
.process-film{max-width:1040px;margin-top:38px;border-radius:10px}
.process-film video{width:100%;height:clamp(300px,31vw,430px);aspect-ratio:auto;object-fit:cover;object-position:center;display:block}
.resources{padding-top:76px;padding-bottom:76px}
.resource-links a{transition:transform .2s ease,border-color .2s ease}.resource-links a:hover{transform:translateY(-2px);border-color:#8bab45}
.shipband img{object-position:center 48%}
@media(max-width:800px){
 .nav{height:68px;padding:0 5vw}.nav img{width:138px;max-height:36px}.nav .pill{padding:8px 12px}
 .hero.hero-still{height:82vh;min-height:600px}.hero.hero-still>img{object-position:58% center}
 .hero-copy{padding:0 6vw 52px}.hero h1{font-size:clamp(43px,13vw,64px)}.hero p{font-size:16px}
 .intro,.services,.products,.why,.process{padding:72px 6vw}.lead{font-size:21px}
 .product-card img{height:auto;aspect-ratio:16/8.5}.product-card div{padding:18px}
 .process{padding-bottom:76px}.process-film{width:100%;margin-top:28px;border-radius:7px}.process-film video{height:auto;aspect-ratio:16/10;object-fit:cover}
 .shipband{height:290px}.shipband div{left:6vw;bottom:28px;font-size:22px;max-width:82%}
 .resources{padding:60px 6vw}.resource-links{display:grid!important;grid-template-columns:1fr}.resource-links a{width:100%}
 .contact{padding:70px 6vw}footer{padding:28px 6vw;gap:20px;align-items:flex-start}.footer-links{flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:480px){.hero.hero-still{min-height:560px}.hero h1{font-size:42px}.shipband{height:250px}.process-film video{aspect-ratio:4/3}}

/* V15 detail refinement */
.brand{display:flex;flex-direction:column;text-decoration:none!important;color:#fff!important;line-height:1}.brand strong{font-size:23px;letter-spacing:.18em;font-weight:700}.brand small{font-size:7px;letter-spacing:.24em;margin-top:5px;opacity:.82}.process-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:38px auto 0;max-width:1280px}.process-mini{position:relative;overflow:hidden;border-radius:8px;background:#061b2a;aspect-ratio:16/10;box-shadow:0 12px 30px rgba(0,0,0,.14)}.process-mini video{width:100%;height:100%;display:block;object-fit:cover}.process-mini:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(4,22,34,.78));pointer-events:none}.process-mini span{position:absolute;z-index:2;left:13px;right:10px;bottom:11px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.025em}.resource-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.resource-links a{display:flex;align-items:center;min-height:72px;padding:18px 20px;border:1px solid #dfe5e2;border-radius:7px;color:#173846;text-decoration:none;background:#fff;line-height:1.3}.shipband img{object-position:center 54%}.footer-brand{display:flex;flex-direction:column;color:#fff;line-height:1}.footer-brand strong{font-size:18px;letter-spacing:.18em}.footer-brand small{font-size:6px;letter-spacing:.2em;margin-top:4px;color:#9aaab0}
@media(max-width:1000px){.process-strip{grid-template-columns:repeat(3,1fr)}.resource-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.nav{height:70px;padding:0 5vw}.brand strong{font-size:19px}.brand small{font-size:6px}.process-strip{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:26px}.process-mini{aspect-ratio:4/3}.process-mini:last-child{grid-column:1/-1;aspect-ratio:16/7}.process-mini span{font-size:11px;left:10px;bottom:9px}.resource-links{grid-template-columns:1fr}.shipband img{object-position:center}.shipband div{font-size:22px;left:6vw;right:6vw}.nav .pill{padding:8px 11px}}
@media(max-width:480px){.process{padding-left:5vw;padding-right:5vw}.process-strip{gap:7px}.process-mini span{font-size:10px}.resource-links a{min-height:58px;padding:14px 16px}}
/* V16 process-film refinement */
.process-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1180px}
.process-mini{aspect-ratio:auto;height:150px;border-radius:6px;contain:layout paint;transform:translateZ(0)}
.process-mini video{width:100%;height:100%;object-fit:cover;object-position:center;transform:translateZ(0);background:#0a2638}
.process-mini span{font-size:11px;text-shadow:0 1px 4px rgba(0,0,0,.45)}
@media(max-width:1000px){.process-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;gap:10px}.process-mini{flex:0 0 220px;height:132px;scroll-snap-align:start}}
@media(max-width:800px){.process-strip{display:flex;grid-template-columns:none;margin-left:-1vw;margin-right:-1vw}.process-mini,.process-mini:last-child{flex:0 0 72vw;height:150px;aspect-ratio:auto;grid-column:auto}.process-mini span{font-size:10px}.process{padding-top:78px;padding-bottom:78px}}
@media(max-width:480px){.process-mini,.process-mini:last-child{flex-basis:78vw;height:138px}}
/* V17: final process micro-loop playback polish */
.process-strip{gap:10px;max-width:1160px}
.process-mini{height:142px;background:#0a2638;isolation:isolate}
.process-mini video{pointer-events:none;-webkit-user-select:none;user-select:none}
@media(max-width:1000px){.process-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding-bottom:0}.process-mini{height:125px;min-width:0}}
@media(max-width:800px){.process-strip{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.process-mini,.process-mini:last-child{flex:0 0 68vw;height:136px;scroll-snap-align:start}}
@media(max-width:480px){.process-mini,.process-mini:last-child{flex-basis:76vw;height:132px}}
/* V18: reliable animated process tiles */
.process-mini .process-motion{display:block;width:100%;height:100%;object-fit:cover;border:0;}
/* V20: compact unlabelled fertilizer gallery + smoother process animations */
.fertilizer-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:42px}
.fertilizer-gallery figure{margin:0;overflow:hidden;border-radius:7px;background:#dfe6e2;aspect-ratio:2.45/1;box-shadow:0 8px 22px rgba(8,45,69,.06)}
.fertilizer-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.fertilizer-gallery figure:hover img{transform:scale(1.015)}
.process-mini .process-motion{image-rendering:auto;transform:translateZ(0);backface-visibility:hidden}
@media(max-width:800px){.fertilizer-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:30px}.fertilizer-gallery figure{aspect-ratio:1.55/1}}

/* V22: clearer, wider fertilizer imagery with more breathing room */
.fertilizer-gallery{gap:18px;margin-top:38px}
.fertilizer-gallery figure{aspect-ratio:1.85/1;border-radius:8px}
.fertilizer-gallery img{object-position:center center}
@media(max-width:800px){.fertilizer-gallery{gap:10px}.fertilizer-gallery figure{aspect-ratio:1.45/1}}

/* V23: static logistics photography */
.process-mini .process-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .35s ease}
.process-mini:hover .process-photo{transform:scale(1.015)}

/* V24 FINAL QUALITY PASS — static high-resolution imagery, compact galleries */
.fertilizer-gallery{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  max-width:1320px;
  margin:38px auto 0;
}
.fertilizer-gallery figure{
  aspect-ratio:1.72/1;
  border-radius:7px;
  box-shadow:0 7px 18px rgba(8,45,69,.055);
  background:#e8ece9;
}
.fertilizer-gallery img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transform:none!important;transition:none;
}
.process-strip{max-width:1240px;gap:12px;margin-top:38px}
.process-mini{height:auto;aspect-ratio:1.72/1;border-radius:7px;box-shadow:0 9px 24px rgba(0,0,0,.12)}
.process-mini .process-photo{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;transition:none}
.process-mini:after{inset:58% 0 0}
@media(max-width:1150px){
 .fertilizer-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;gap:14px}
 .process-strip{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:visible}
 .process-mini{height:auto;min-width:0}
}
@media(max-width:800px){
 .fertilizer-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:28px}
 .fertilizer-gallery figure{aspect-ratio:1.55/1}
 .process-strip{display:flex;overflow-x:auto;gap:9px;padding-bottom:8px;scroll-snap-type:x proximity}
 .process-mini,.process-mini:last-child{flex:0 0 68vw;height:auto;aspect-ratio:1.72/1;scroll-snap-align:start}
}
@media(max-width:480px){
 .fertilizer-gallery{grid-template-columns:1fr 1fr;gap:8px}
 .process-mini,.process-mini:last-child{flex-basis:76vw}
}

/* V25: balanced 3 x 2 fertilizer gallery for desktop */
.fertilizer-gallery{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  max-width:1180px;
  margin:42px auto 0;
}
.fertilizer-gallery figure{
  aspect-ratio:1.9/1;
  border-radius:8px;
  box-shadow:0 8px 22px rgba(8,45,69,.07);
}
.fertilizer-gallery img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transform:none!important;transition:none;
}
@media(max-width:800px){
 .fertilizer-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px;max-width:none}
 .fertilizer-gallery figure{aspect-ratio:1.55/1}
}
@media(max-width:480px){
 .fertilizer-gallery{grid-template-columns:1fr;gap:10px}
 .fertilizer-gallery figure{aspect-ratio:1.8/1}
}

/* V26 final fertilizer gallery: clean high-resolution photographic crops */
.fertilizer-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;margin:44px auto 0;gap:16px}
.fertilizer-gallery figure{aspect-ratio:1.64/1;border-radius:9px;background:#e8ece9;box-shadow:0 8px 22px rgba(8,45,69,.07);overflow:hidden}
.fertilizer-gallery img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;transition:none!important}
@media(max-width:800px){.fertilizer-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:10px;margin-top:30px}.fertilizer-gallery figure{aspect-ratio:1.55/1}}
@media(max-width:520px){.fertilizer-gallery{grid-template-columns:1fr}.fertilizer-gallery figure{aspect-ratio:1.7/1}}
