/* Auto-split from css/style.css. Keep page-specific styles here. */
@import url('base.css?v=1.1.1');

/* ===========================================================
   NOUVELLE STRUCTURE — composants v2 (refonte selon brief)
=========================================================== */

/* ---------- Hero vidéo (Home) ---------- */
.video-hero{position:relative; height:100vh; min-height:640px; overflow:hidden; display:flex; align-items:flex-end;}
.video-hero video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; animation:heroKenBurns 22s ease-in-out infinite alternate;}
@keyframes heroKenBurns{from{transform:scale(1);} to{transform:scale(1.12);}}
.video-hero::before{content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(6,56,28,.8) 0%, rgba(6,56,28,.2) 45%, rgba(6,56,28,.6) 100%); z-index:1;}
.video-hero-content{position:relative; z-index:2; padding:0 6vw 110px; color:#fff; max-width:820px;}
.video-hero-content .eyebrow{color:var(--orange);}
.video-hero-content h1{
  color:#fff; font-size:clamp(2.2rem,5.2vw,4.2rem); letter-spacing:.02em; line-height:1.1;
  opacity:0; transform:translateY(36px); animation:heroFadeUp 1s cubic-bezier(.16,1,.3,1) .3s forwards;
}
.video-hero-content p{
  color:#eef3ef; font-size:1.05rem; margin:18px 0 30px; max-width:620px;
  opacity:0; transform:translateY(30px); animation:heroFadeUp 1s cubic-bezier(.16,1,.3,1) .55s forwards;
}
@keyframes heroFadeUp{to{opacity:1; transform:translateY(0);}}
.hero-scroll-cue{
  position:absolute; left:50%; bottom:34px; transform:translateX(-50%); z-index:2;
  display:flex; flex-direction:column; align-items:center; gap:8px; color:#fff; opacity:.85;
  animation:heroFadeUp 1s cubic-bezier(.16,1,.3,1) 1s forwards; opacity:0;
}
.hero-scroll-cue span{font-size:.65rem; letter-spacing:2px; text-transform:uppercase; font-weight:700;}
.hero-scroll-cue svg{width:20px; height:20px; animation:scrollBounce 1.8s ease-in-out infinite;}
@keyframes scrollBounce{0%,100%{transform:translateY(0);} 50%{transform:translateY(8px);}}
.hero-btn-row{display:flex; gap:18px; flex-wrap:wrap;}

/* ---------- Logo strips (partners / export companies) ---------- */
.logo-strip-section{padding:70px 0;}
.logo-strip-section + .logo-strip-section{padding-top:10px;}
.logo-strip-title{text-align:center; text-transform:uppercase; letter-spacing:3px; font-size:.78rem; font-weight:700; color:var(--muted); margin-bottom:44px; position:relative;}
.logo-strip-title::before, .logo-strip-title::after{content:""; position:absolute; top:50%; width:60px; height:1px; background:#ddd;}
.logo-strip-title::before{left:calc(50% - 160px);}
.logo-strip-title::after{right:calc(50% - 160px);}
.logo-strip{display:flex; flex-wrap:wrap; gap:46px; align-items:flex-start; justify-content:center;}
.badge-logo{display:flex; flex-direction:column; align-items:center; gap:10px; width:110px; text-align:center;}
.badge-logo{width:150px;}
.badge-logo .ring{width:108px; height:108px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; box-shadow:0 10px 26px rgba(6,56,28,.12); border:1.5px solid #eef1ee; transition:transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease, border-color .4s ease;}
.badge-logo:hover .ring{transform:translateY(-8px) scale(1.08); box-shadow:0 20px 40px rgba(240,120,0,.25); border-color:var(--orange);}
.badge-logo .ring svg{width:44px; height:44px;}
.badge-logo .ring img{width:66px; height:66px; object-fit:contain;}
.badge-logo span{font-size:.85rem;}
.badge-logo span{font-size:.72rem; font-weight:700; letter-spacing:.4px; color:var(--text); line-height:1.3;}

/* ---------- Section header (eyebrow + heading + action link) ---------- */
.section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap;}
.link-arrow{display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:.85rem; color:var(--green); letter-spacing:.3px; padding-bottom:6px;}
.link-arrow svg{width:16px; height:16px; transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.link-arrow:hover svg{transform:translateX(5px);}

/* ---------- Packhouse cards (clean editorial photo cards) ---------- */
.packhouse-cards{display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:44px;}
@media (max-width:760px){.packhouse-cards{grid-template-columns:1fr;}}
.packhouse-card{position:relative; display:block; border-radius:24px; overflow:hidden; height:420px; text-decoration:none; box-shadow:0 20px 50px rgba(6,56,28,.14); transition:transform .5s cubic-bezier(.34,1.56,.64,1), box-shadow .5s ease;}
.packhouse-card:hover{transform:translateY(-10px); box-shadow:0 30px 64px rgba(6,56,28,.24);}
.packhouse-card img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.16,1,.3,1);}
.packhouse-card:hover img{transform:scale(1.08);}
.packhouse-card::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(6,56,28,.92) 0%, rgba(6,56,28,.05) 55%, rgba(6,56,28,0) 70%); z-index:1;}
.packhouse-card.orange::after{background:linear-gradient(0deg, rgba(240,120,0,.92) 0%, rgba(240,120,0,.05) 55%, rgba(240,120,0,0) 70%);}
.ph-badge{position:absolute; top:24px; left:24px; z-index:2; background:#fff; border-radius:14px; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px rgba(0,0,0,.22); padding:10px 14px; max-width:160px;}
.ph-badge img{height:42px; width:auto; max-width:132px; object-fit:contain; display:block;}
.ph-info{position:absolute; left:0; right:0; bottom:0; z-index:2; padding:32px; display:flex; justify-content:space-between; align-items:flex-end; gap:16px;}
.ph-info h3{color:#fff; font-size:1.7rem; letter-spacing:.02em; text-transform:none;}
.ph-link{display:inline-flex; align-items:center; gap:6px; color:#fff; font-size:.82rem; font-weight:700; white-space:nowrap;}
.ph-link svg{width:15px; height:15px; transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
.packhouse-card:hover .ph-link svg{transform:translateX(5px);}

/* ---------- Partners / Export companies (clean icon row) ---------- */
.partners-row{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; margin-top:40px; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.partner-row-item{display:flex; align-items:center; gap:12px; padding:28px 40px; border-right:1px solid #ececec; flex:1 1 0; justify-content:center; min-width:180px; text-decoration:none; transition:background .3s ease;}
.partner-row-item:last-child{border-right:none;}
.partner-row-item:hover{background:var(--cream);}
.partner-row-item img{height:44px; width:auto; max-width:120px; object-fit:contain; filter:grayscale(1) opacity(.7); transition:filter .3s ease, transform .3s ease;}
.partner-row-item:hover img{filter:grayscale(0) opacity(1); transform:scale(1.06);}
.partner-row-item span{font-weight:700; font-size:.85rem; color:var(--green); letter-spacing:.3px;}
.partner-row-item .text-logo{font-weight:900; font-size:1.5rem; color:var(--green); letter-spacing:.5px; filter:grayscale(1) opacity(.7); transition:filter .3s ease;}
.partner-row-item:hover .text-logo{filter:grayscale(0) opacity(1);}
@media (max-width:760px){.partner-row-item{flex:1 1 45%; border-right:none; border-bottom:1px solid #ececec;}}

/* ---------- CTA full-bleed photo ---------- */
.cta-photo{position:relative; border-radius:26px; overflow:hidden; min-height:380px; display:flex; align-items:center; justify-content:center; text-align:center; padding:50px 30px;}
.cta-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.cta-photo::before{content:""; position:absolute; inset:0; background:linear-gradient(120deg, rgba(6,56,28,.92) 0%, rgba(6,56,28,.55) 100%); z-index:1;}
.cta-photo-content{position:relative; z-index:2; max-width:640px;}
.cta-photo-content .eyebrow{color:var(--orange);}
.cta-photo-content h2{color:#fff;}
.cta-photo-content p{color:#e4ece6;}

/* ---------- Stat cards v2 ---------- */
.statcards-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:50px;}
@media (max-width:860px){.statcards-grid{grid-template-columns:repeat(2,1fr);}}
.statcard{background:#fff; border:1px solid #ececec; border-radius:18px; padding:34px 26px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,.04); transition:transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease, border-color .4s ease;}
.statcard:hover{transform:translateY(-8px); box-shadow:0 20px 44px rgba(6,56,28,.14); border-color:var(--orange);}
.statcard:hover .icon{transform:scale(1.15) rotate(-6deg);}
.statcard .icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1);}
.statcard .icon{width:32px; height:32px; color:var(--orange); margin-bottom:16px;}
.statcard .num{font-size:2.2rem; font-weight:800; color:var(--green);}
.statcard .label{color:var(--muted); font-size:.9rem; margin-top:6px;}

/* ---------- Mission / Vision split ---------- */
.mv-grid{display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:20px;}
@media (max-width:860px){.mv-grid{grid-template-columns:1fr;}}
.mv-card{background:var(--green); color:#fff; border-radius:20px; padding:44px;}
.mv-card:nth-child(2){background:var(--orange);}
.mv-card h3{color:#fff; font-size:1.4rem; margin-bottom:14px;}
.mv-card p{color:rgba(255,255,255,.92);}

/* ---------- Values / commitment icon row ---------- */
.values-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:26px; margin-top:44px;}
@media (max-width:860px){.values-grid{grid-template-columns:repeat(2,1fr);}}
.value-card{text-align:center; padding:20px 10px; border-radius:18px; transition:transform .4s cubic-bezier(.34,1.56,.64,1), background .4s ease;}
.value-card:hover{transform:translateY(-8px); background:#fff; box-shadow:0 20px 44px rgba(6,56,28,.1);}
.value-card .icon-circle{width:64px; height:64px; border-radius:50%; background:var(--cream); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; transition:transform .5s cubic-bezier(.34,1.56,.64,1), background .4s ease;}
.value-card:hover .icon-circle{transform:rotate(360deg) scale(1.1); background:var(--orange);}
.value-card:hover .icon-circle .icon{color:#fff;}
.value-card .icon-circle .icon{width:28px; height:28px; color:var(--green); transition:color .3s ease;}
.value-card h4{font-size:1rem; text-transform:none; letter-spacing:0; margin-bottom:8px;}

/* ---------- Global reach map block ---------- */
.reach-block{background:var(--green); border-radius:24px; padding:50px; color:#fff; margin-top:40px;}
.reach-block h3{color:#fff;}
.reach-block p{color:#dfe9e2;}
.reach-block img{border-radius:16px; margin-top:20px;}

/* ---------- TIMELINE (Our Story — style Myton) ---------- */
.timeline-section{background:var(--green); color:#fff; padding:100px 0;}
.timeline-intro{max-width:640px; margin-bottom:60px;}
.timeline-intro .eyebrow{color:var(--orange);}
.timeline-intro h1{color:#fff; font-size:clamp(2.4rem,5vw,4rem);}
.timeline-intro p{color:#dfe9e2; margin-top:16px;}
.timeline-track{display:flex; flex-direction:column; gap:0;}
.timeline-item{
  display:grid; grid-template-columns:140px 1fr 280px; gap:36px; align-items:center;
  padding:38px 0; border-top:1px solid rgba(255,255,255,.15);
}
.timeline-item:last-child{border-bottom:1px solid rgba(255,255,255,.15);}
@media (max-width:860px){.timeline-item{grid-template-columns:1fr; gap:16px;}}
.timeline-year{font-size:2.6rem; font-weight:800; color:var(--orange); letter-spacing:.02em;}
.timeline-text h4{color:#fff; font-size:1.15rem; margin-bottom:8px; text-transform:none; letter-spacing:0;}
.timeline-text p{color:#dfe9e2; font-size:.95rem;}
.timeline-photo{width:100%; height:160px; object-fit:cover; border-radius:14px;}
.timeline-today{
  text-align:center; padding:60px 0 0; font-weight:800; letter-spacing:.4em; color:var(--orange); font-size:1.1rem;
}
.timeline-closing{background:rgba(255,255,255,.06); border-radius:18px; padding:36px; margin-top:50px; text-align:center;}
.timeline-closing p{color:#fff; font-size:1.1rem; max-width:700px; margin:0 auto;}


/* ---------- Hero ---------- */
.hm-hero{position:relative; min-height:100vh; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end;}
.hm-hero video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; animation:heroKenBurns 24s ease-in-out infinite alternate;}
.hm-hero::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(75deg, rgba(7,32,18,.88) 0%, rgba(7,32,18,.45) 46%, rgba(7,32,18,.05) 75%),
    linear-gradient(0deg, rgba(7,32,18,.75) 0%, transparent 36%);
}
.hm-hero-topline{
  position:absolute; top:118px; left:0; right:0; z-index:2;
  display:flex; align-items:center; gap:14px;
  color:rgba(255,255,255,.75); font-size:.7rem; font-weight:600; letter-spacing:2.5px; text-transform:uppercase;
  opacity:0; animation:heroFadeUp .9s cubic-bezier(.16,1,.3,1) .2s forwards;
}
.hm-hero-topline .dot-sep{width:5px; height:5px; border-radius:50%; background:var(--orange);}
.hm-hero-inner{
  position:relative; z-index:2; width:100%;
  display:flex; align-items:flex-end; justify-content:space-between; gap:40px;
  padding-top:0;
  padding-bottom:64px;
}
.hm-hero-text{max-width:780px;}
.hm-hero-text h1{
  font-family:var(--hm-serif); font-weight:500; text-transform:none; letter-spacing:0;
  color:#fff; font-size:clamp(2.6rem,6vw,5.2rem); line-height:1.04;
  opacity:0; transform:translateY(38px); animation:heroFadeUp 1.1s cubic-bezier(.16,1,.3,1) .35s forwards;
}
.hm-hero-text h1 em{font-style:italic; font-weight:400; color:#ffb163;}
.hm-hero-text p{
  color:rgba(240,246,240,.92); font-size:1.02rem; max-width:560px; margin:22px 0 32px;
  opacity:0; transform:translateY(30px); animation:heroFadeUp 1s cubic-bezier(.16,1,.3,1) .6s forwards;
}
.hm-hero-actions{
  display:flex; align-items:center; gap:26px; flex-wrap:wrap;
  opacity:0; transform:translateY(24px); animation:heroFadeUp 1s cubic-bezier(.16,1,.3,1) .8s forwards;
}
.hm-hero-actions.center{justify-content:center; opacity:1; transform:none; animation:none;}
.hm-ghost-btn{
  display:inline-flex; align-items:center; gap:10px;
  color:#fff; font-weight:600; font-size:.85rem; letter-spacing:1px; text-transform:uppercase;
  padding:14px 0; border-bottom:1.5px solid rgba(255,255,255,.4);
  transition:border-color .3s ease, gap .3s ease;
}
.hm-ghost-btn svg{width:16px; height:16px;}
.hm-ghost-btn:hover{border-color:var(--orange); gap:16px;}

/* Rotating stamp */
.hm-stamp{
  position:relative; width:128px; height:128px; flex-shrink:0; display:block;
  opacity:0; animation:heroFadeUp 1s cubic-bezier(.16,1,.3,1) 1s forwards;
}
.hm-stamp > svg{width:100%; height:100%; animation:stampSpin 22s linear infinite;}
.hm-stamp > svg text{
  fill:#fff; font-family:var(--font); font-size:10px; font-weight:700; letter-spacing:2px;
}
.hm-stamp-core{
  position:absolute; inset:0; margin:auto; width:58px; height:58px; border-radius:50%;
  background:var(--orange); display:flex; align-items:center; justify-content:center;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
.hm-stamp-core svg{width:26px; height:26px; color:#fff;}
.hm-stamp:hover .hm-stamp-core{transform:scale(1.12);}
@keyframes stampSpin{to{transform:rotate(360deg);}}

/* Ticker */
.hm-ticker{position:relative; z-index:2; background:var(--hm-cream); overflow:hidden; padding:16px 0; border-top:1px solid rgba(12,36,21,.08);}
.hm-ticker-track{display:inline-flex; align-items:center; white-space:nowrap; animation:hmTicker 30s linear infinite;}
.hm-ticker-track span{
  font-family:var(--hm-serif); font-style:italic; font-weight:500;
  color:var(--hm-ink); font-size:1.15rem; padding:0 8px;
}
.hm-ticker-track i{color:var(--orange); font-style:normal; font-size:1rem; padding:0 18px;}
@keyframes hmTicker{to{transform:translateX(-50%);}}

/* ---------- Manifesto ---------- */
.hm-manifesto{background:#fff; padding:130px 0 110px; text-align:left;}
.hm-statement{
  font-family:var(--hm-serif); font-weight:500; text-transform:none;
  font-size:clamp(1.7rem,3.6vw,3rem); line-height:1.32; color:var(--hm-ink);
  max-width:1020px; margin-bottom:40px;
}
.hm-statement em{font-style:italic; color:var(--orange); font-weight:400;}
.hm-statement img{
  display:inline-block; vertical-align:middle;
  width:2.4em; height:1.25em; object-fit:cover; border-radius:100px;
  margin:0 .18em; transform:rotate(-2deg);
  border:2.5px solid var(--hm-cream);
  box-shadow:0 8px 20px rgba(12,36,21,.18);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
.hm-statement img:nth-of-type(2){transform:rotate(2.5deg);}
.hm-statement img:hover{transform:rotate(0) scale(1.35); z-index:2; position:relative;}

/* ---------- Produce grid ---------- */
.hm-produce{background:var(--hm-cream); padding:120px 0; position:relative;}
.hm-produce-grid{
  display:grid; gap:22px;
  grid-template-columns:repeat(12,1fr);
  grid-template-rows:300px 300px;
}
.hm-crop{position:relative; display:block; border-radius:22px; overflow:hidden; isolation:isolate;}
.hm-crop-citrus{grid-column:1 / span 5; grid-row:1 / span 2;}
.hm-crop-blue{grid-column:6 / span 4; grid-row:1;}
.hm-crop-rasp{grid-column:10 / span 3; grid-row:1;}
.hm-crop-corn{grid-column:6 / span 7; grid-row:2;}
.hm-crop img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.16,1,.3,1); z-index:0;}
.hm-crop:hover img{transform:scale(1.07);}
.hm-crop::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(0deg, rgba(7,28,16,.82) 0%, rgba(7,28,16,.08) 52%, rgba(7,28,16,0) 70%);
  transition:background .4s ease;
}
.hm-crop-index{
  position:absolute; top:20px; left:24px; z-index:2;
  font-family:var(--hm-serif); font-style:italic; font-size:1.05rem; color:rgba(255,255,255,.85);
}
.hm-crop-info{position:absolute; left:0; right:0; bottom:0; z-index:2; padding:26px;}
.hm-crop-info h3{
  font-family:var(--hm-serif); font-weight:500; text-transform:none; letter-spacing:0;
  color:#fff; font-size:clamp(1.5rem,2.4vw,2.1rem); line-height:1.1;
}
.hm-crop-info p{color:rgba(255,255,255,.82); font-size:.86rem; margin-top:8px; max-width:420px;}
.hm-season{
  display:inline-block; margin-bottom:12px;
  font-size:.66rem; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  color:#fff; background:rgba(240,120,0,.92); border-radius:100px; padding:6px 14px;
}
@media (max-width:960px){
  .hm-produce-grid{grid-template-columns:1fr 1fr; grid-template-rows:auto;}
  .hm-crop{height:280px;}
  .hm-crop-citrus{grid-column:1 / -1; grid-row:auto; height:360px;}
  .hm-crop-blue,.hm-crop-rasp{grid-column:auto; grid-row:auto;}
  .hm-crop-corn{grid-column:1 / -1; grid-row:auto;}
}
@media (max-width:560px){
  .hm-produce-grid{grid-template-columns:1fr;}
}

/* ---------- Packhouses section ---------- */
.hm-dark{
  background:#faf9f6;
  padding:130px 0;
  position:relative;
  overflow:hidden;
}
.hm-dark::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.55;
  pointer-events:none;
  background:
    radial-gradient(circle at 4% 8%, rgba(208,155,64,.1), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(11,30,20,.045), transparent 25%),
    repeating-linear-gradient(0deg, rgba(11,30,20,.018) 0 1px, transparent 1px 7px);
}
.hm-dark::after{
  content:"";
  position:absolute;
  right:max(24px, calc((100vw - var(--container)) / 2));
  top:72px;
  width:min(430px, 34vw);
  height:180px;
  opacity:.34;
  pointer-events:none;
  background:
    linear-gradient(155deg, transparent 28%, rgba(208,155,64,.18) 29%, transparent 31%),
    linear-gradient(165deg, transparent 38%, rgba(11,30,20,.14) 39%, transparent 41%),
    radial-gradient(ellipse at 76% 72%, transparent 0 58%, rgba(11,30,20,.12) 59%, transparent 60%),
    radial-gradient(ellipse at 50% 78%, transparent 0 54%, rgba(11,30,20,.1) 55%, transparent 56%);
}
.hm-dark .container{position:relative; z-index:1;}
.hm-pack-branch,
.hm-pack-leaves{
  position:absolute;
  z-index:0;
  pointer-events:none;
  user-select:none;
}
.hm-pack-branch{
  top:28px;
  left:max(-190px, calc((100vw - var(--container)) / 2 - 250px));
  width:min(430px, 32vw);
  opacity:.22;
  transform:rotate(-20deg);
}
.hm-pack-leaves{
  left:max(-230px, calc((100vw - var(--container)) / 2 - 310px));
  bottom:-168px;
  width:min(520px, 40vw);
  opacity:.18;
  transform:rotate(12deg) scaleX(-1);
}
.hm-pack-head{
  max-width:980px;
  margin:0 auto 74px;
  text-align:center;
}
.hm-pack-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:16px;
  color:#d09b40;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.2em;
}
.hm-pack-kicker svg{
  width:22px;
  height:22px;
  stroke:#d09b40;
  stroke-width:1.25;
}
.hm-pack-head .hm-title{
  color:#0b1e14;
  margin-bottom:18px;
  font-size:clamp(2.4rem, 5.2vw, 4.8rem);
  line-height:.98;
  white-space:nowrap;
}
.hm-pack-head .hm-title em{color:#d09b40;}
.hm-pack-head p{
  max-width:650px;
  margin:0 auto;
  color:#6f6c64;
  line-height:1.75;
  font-size:1rem;
}
.hm-ph-row{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(320px, .95fr);
  gap:clamp(3rem, 5vw, 6rem);
  align-items:center;
  margin-bottom:72px;
}
.hm-ph-row.flip{grid-template-columns:minmax(320px, .95fr) minmax(0, 1.45fr);}
.hm-ph-row.flip .hm-ph-media{order:2;}
.hm-ph-row.hm-ph-row-solo,
.hm-ph-row.hm-ph-row-solo.flip{grid-template-columns:1fr;}
.hm-ph-row-solo .hm-ph-media{height:460px;}
.hm-ph-row-solo.flip .hm-ph-media{order:0;}
.hm-ph-media{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  height:390px;
  background:#fff;
  border:8px solid rgba(255,255,255,.9);
  box-shadow:0 22px 54px rgba(11,30,20,.09);
  isolation:isolate;
  transform:rotate(1.2deg);
  transition:transform .55s cubic-bezier(.22,1,.36,1), box-shadow .45s ease;
}
.hm-ph-row.flip .hm-ph-media{transform:rotate(-1.15deg);}
.hm-ph-row:hover .hm-ph-media{
  transform:rotate(0deg) translateY(-4px);
  box-shadow:0 28px 68px rgba(11,30,20,.12);
}
.hm-ph-media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(0deg, rgba(11,30,20,.2), transparent 52%),
    radial-gradient(circle at 18% 82%, rgba(208,155,64,.12), transparent 34%);
  opacity:.78;
  pointer-events:none;
  transition:opacity .5s ease-in-out;
}
.hm-ph-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:brightness(.92) contrast(1.04) saturate(.96);
  transform:scale(1.01);
  transition:transform .8s cubic-bezier(.16,1,.3,1), filter .5s ease-in-out;
}
.hm-ph-media-zaouia img{object-position:center 54%;}
.hm-ph-media-diaf img{object-position:center 42%;}
.hm-ph-row:hover .hm-ph-media img{transform:scale(1.05); filter:brightness(1) contrast(1) saturate(1);}
.hm-ph-row:hover .hm-ph-media::after{opacity:.26;}
.hm-ph-card{
  position:relative;
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 22px 54px rgba(11,30,20,.09);
}
.hm-export-seal{
  position:absolute;
  top:-30px;
  right:-30px;
  z-index:10;
  width:118px;
  height:118px;
  border:1.5px solid var(--orange);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--orange);
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  font-size:.58rem;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.14em;
  text-align:center;
  box-shadow:none;
}
.hm-export-seal::before,
.hm-export-seal::after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.hm-export-seal::before{inset:9px; border:1px solid rgba(240,120,0,.58);}
.hm-export-seal::after{
  width:24px;
  height:14px;
  top:24px;
  background:
    radial-gradient(ellipse at 30% 50%, transparent 0 54%, var(--orange) 56% 61%, transparent 63%),
    radial-gradient(ellipse at 70% 50%, transparent 0 54%, var(--orange) 56% 61%, transparent 63%);
}
.hm-ph-num{
  font-family:var(--hm-serif);
  font-style:italic;
  font-size:1.18rem;
  color:#d09b40;
  display:block; margin-bottom:10px;
}
.hm-ph-icon{
  height:96px;
  width:auto;
  max-width:230px;
  object-fit:contain;
  display:block;
  margin-bottom:22px;
}
.hm-ph-row.flip .hm-ph-icon{height:128px;}
.hm-ph-text h3{
  font-family:var(--hm-serif); font-weight:500; text-transform:none; letter-spacing:0;
  color:#0b1e14; font-size:2.45rem; margin-bottom:14px;
}
.hm-ph-text p{color:#706d66; font-size:.96rem; line-height:1.7; margin-bottom:24px; max-width:460px;}
.hm-dark .link-arrow{color:#0b1e14;}
.hm-dark .link-arrow svg{color:#d09b40;}
.hm-dark .link-arrow:hover{color:#d09b40;}
@media (max-width:860px){
  .hm-dark{padding:90px 0;}
  .hm-pack-branch{width:280px; top:-58px; left:-130px;}
  .hm-pack-leaves{width:300px; bottom:-120px; left:-150px;}
  .hm-pack-head{margin-bottom:48px;}
  .hm-pack-head .hm-title{white-space:normal;}
  .hm-ph-row, .hm-ph-row.flip{grid-template-columns:1fr; gap:26px; margin-bottom:46px;}
  .hm-ph-row.flip .hm-ph-media{order:0;}
  .hm-ph-media{height:280px;}
  .hm-ph-card{min-height:0; padding:34px;}
  .hm-export-seal{right:18px; top:-42px; width:96px; height:96px; font-size:.5rem;}
}

/* Numbers */
.hm-numbers{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:30px;
  padding-top:44px;
  border-top:1px solid rgba(11,30,20,.1);
  gap:0;
}
.hm-number{
  position:relative;
  text-align:center;
  padding:0 28px;
}
.hm-number:not(:last-child)::after{
  content:"";
  position:absolute;
  top:8px;
  right:0;
  width:1px;
  height:82%;
  background:linear-gradient(to bottom, transparent, rgba(11,30,20,.16), transparent);
}
.hm-stat-icon{
  width:46px;
  height:46px;
  border:1px solid rgba(11,30,20,.2);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 18px;
  color:#0b1e14;
}
.hm-stat-icon svg{width:23px; height:23px;}
.hm-number .num{
  font-family:var(--hm-serif); font-weight:500; font-size:clamp(2.4rem,4.5vw,3.6rem);
  color:#0b1e14; display:block; line-height:1;
}
.hm-number small{
  display:block; margin-top:10px;
  font-size:.68rem; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; color:#d09b40;
}
@media (max-width:760px){
  .hm-numbers{grid-template-columns:repeat(2,1fr); row-gap:36px;}
  .hm-number:nth-child(2)::after{display:none;}
}
@media (max-width:520px){
  .hm-pack-kicker{letter-spacing:.14em; font-size:.6rem;}
  .hm-ph-card{padding:28px;}
  .hm-numbers{grid-template-columns:1fr;}
  .hm-number{padding:26px 0;}
  .hm-number::after{display:none;}
}

/* ---------- Ecosystem ---------- */
.hm-eco{background:#fff; padding:0 0 90px;}
.hm-eco-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:18px;}
@media (max-width:960px){.hm-eco-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.hm-eco-grid{grid-template-columns:1fr;}}
.hm-eco-card{
  position:relative; display:flex; flex-direction:column; gap:18px;
  border:1px solid #e8e4d8; border-radius:18px; padding:26px;
  background:#fff;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease, border-color .4s ease;
}
.hm-eco-card:hover{transform:translateY(-8px); box-shadow:0 22px 48px rgba(12,36,21,.12); border-color:var(--orange);}
.hm-eco-card img{height:52px; width:auto; max-width:120px; object-fit:contain; align-self:flex-start;}
.hm-eco-card h4{
  font-family:var(--hm-serif); font-weight:500; text-transform:none; letter-spacing:0;
  font-size:1.25rem; color:var(--hm-ink);
}
.hm-eco-card div span{font-size:.78rem; color:var(--muted);}
.hm-eco-card > svg{
  position:absolute; top:22px; right:22px; width:18px; height:18px; color:#c9c3b2;
  transition:color .3s ease, transform .3s ease;
}
.hm-eco-card:hover > svg{color:var(--orange); transform:translate(3px,-3px);}

.hm-partners-showcase{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100vw;
  margin-left:calc(50% - 50vw);
  padding:96px max(24px, calc((100vw - var(--container)) / 2 + 24px)) 104px;
  background:
    radial-gradient(circle at 18% 18%, rgba(207,148,74,.22), transparent 24%),
    radial-gradient(circle at 76% 12%, rgba(73,116,62,.24), transparent 28%),
    radial-gradient(circle at 50% 74%, rgba(241,183,93,.13), transparent 34%),
    repeating-linear-gradient(108deg, rgba(255,255,255,.028) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(18deg, rgba(0,0,0,.18) 0 2px, transparent 2px 22px),
    linear-gradient(135deg, #03150d 0%, #092617 42%, #14331f 66%, #07170e 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), inset 0 -90px 120px rgba(0,0,0,.24);
}
.hm-partners-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(ellipse at 20% 70%, rgba(105,72,38,.34), transparent 36%),
    radial-gradient(ellipse at 75% 58%, rgba(41,76,38,.36), transparent 42%),
    linear-gradient(90deg, rgba(0,0,0,.28), transparent 28%, transparent 72%, rgba(0,0,0,.32));
  mix-blend-mode:screen;
  opacity:.55;
  pointer-events:none;
}
.hm-partners-showcase::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(115deg, transparent 0 22%, rgba(255,215,133,.12) 30%, transparent 42%),
    radial-gradient(circle at 48% 38%, rgba(255,223,158,.14), transparent 22%);
  opacity:.7;
  pointer-events:none;
}
.hm-partners-intro{
  position:relative;
  z-index:3;
  max-width:980px;
  margin:0 auto;
  text-align:center;
}
.hm-partners-intro .hm-label{
  margin-bottom:12px;
  color:#f3d99b;
  font-family:var(--hm-serif);
  font-size:.86rem;
  letter-spacing:3.6px;
  text-shadow:0 0 18px rgba(244,192,101,.32);
}
.hm-partners-intro .hm-title{
  color:transparent;
  background:
    radial-gradient(circle at 35% 30%, #ffe1a3, transparent 18%),
    linear-gradient(100deg, #8e572c 0%, #f3c477 38%, #a96432 62%, #e2a95a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  font-size:clamp(3.6rem, 8vw, 7.8rem);
  line-height:.86;
  text-shadow:0 18px 42px rgba(0,0,0,.38);
}
.hm-partners-intro .hm-title em{
  color:transparent;
  background:linear-gradient(100deg, #f8d590, #b96b33 72%, #f0b85e);
  -webkit-background-clip:text;
  background-clip:text;
}
.hm-root-network{
  position:absolute;
  inset:170px max(12px, calc((100vw - var(--container)) / 2)) 74px;
  z-index:1;
  pointer-events:none;
}
.hm-root,
.hm-root::before,
.hm-root::after{
  position:absolute;
  display:block;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(255,231,174,.35), rgba(229,180,92,.95), rgba(255,246,210,.75), transparent);
  box-shadow:0 0 18px rgba(241,188,93,.38), 0 0 2px rgba(255,255,255,.8);
}
.hm-root{transform-origin:left center;}
.hm-root::before,
.hm-root::after{content:"";}
.hm-root-a{left:7%; top:35%; width:86%; transform:rotate(3deg);}
.hm-root-a::before{left:12%; top:-44px; width:28%; transform:rotate(-24deg);}
.hm-root-a::after{right:14%; top:36px; width:26%; transform:rotate(22deg);}
.hm-root-b{left:17%; top:60%; width:68%; transform:rotate(-7deg);}
.hm-root-b::before{left:30%; top:32px; width:22%; transform:rotate(26deg);}
.hm-root-c{left:3%; top:78%; width:44%; transform:rotate(13deg);}
.hm-root-d{right:3%; top:72%; width:42%; transform:rotate(-17deg);}
.hm-root-e{left:36%; top:18%; width:31%; transform:rotate(91deg);}
.hm-root-f{left:47%; top:49%; width:32%; transform:rotate(33deg);}
.hm-root-glow{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ffe8ae;
  box-shadow:0 0 22px rgba(255,221,146,.85), 0 0 54px rgba(239,162,62,.42);
}
.hm-root-glow-a{left:20%; top:34%;}
.hm-root-glow-b{left:52%; top:57%;}
.hm-root-glow-c{right:18%; top:43%;}
.hm-partners-showcase:hover .hm-root{
  background:linear-gradient(90deg, transparent, rgba(255,238,188,.55), rgba(255,199,94,1), rgba(255,250,222,.9), transparent);
  box-shadow:0 0 24px rgba(255,207,112,.58), 0 0 5px rgba(255,255,255,.82);
}
.hm-partners-showcase:hover .hm-root-glow{
  transform:scale(1.18);
  box-shadow:0 0 30px rgba(255,226,154,.95), 0 0 70px rgba(239,162,62,.56);
}
.hm-partners-wall{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:128px;
  gap:22px;
  margin-top:58px;
}
.hm-partner-logo{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:0;
  min-width:0;
  min-height:0;
  padding:18px;
  border:1px solid rgba(255,231,176,.2);
  border-radius:20px;
  background:
    radial-gradient(circle at 40% 20%, rgba(255,233,179,.14), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.1), rgba(0,0,0,.14));
  box-shadow:0 30px 86px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease;
}
.hm-partner-logo::before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:14px;
  opacity:.72;
  border:1px solid rgba(255,231,176,.18);
  pointer-events:none;
}
.hm-partner-logo::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.hm-partner-logo:hover{
  transform:translateY(-8px) scale(1.01);
  border-color:rgba(255,217,148,.58);
  box-shadow:0 42px 104px rgba(0,0,0,.42), 0 0 42px rgba(224,167,73,.16);
}
.hm-partner-logo img{
  position:relative;
  z-index:2;
  width:auto;
  height:82%;
  max-width:92%;
  object-fit:contain;
  filter:none;
  opacity:1;
  transition:transform .35s ease;
}
.hm-partner-logo:hover img{transform:scale(1.04);}
.hm-partner-logo strong{display:none;}
.hm-partner-logo.univers,
.hm-partner-logo.aspam,
.hm-partner-logo.ascam,
.hm-partner-logo.citrus,
.hm-partner-logo.apnm,
.hm-partner-logo.agrotech{grid-column:auto; grid-row:auto;}
.hm-partner-logo.univers{grid-column:1 / span 4; grid-row:1 / span 2;}
.hm-partner-logo.aspam{grid-column:5 / span 3; grid-row:1 / span 2;}
.hm-partner-logo.ascam{grid-column:8 / span 5; grid-row:1 / span 2;}
.hm-partner-logo.citrus{grid-column:1 / span 3; grid-row:3 / span 2;}
.hm-partner-logo.apnm{grid-column:4 / span 5; grid-row:3 / span 2;}
.hm-partner-logo.agrotech{grid-column:9 / span 4; grid-row:3 / span 2;}
.hm-partner-logo.univers{
  background:
    radial-gradient(circle at 48% 58%, rgba(73,184,255,.42), transparent 36%),
    linear-gradient(150deg, rgba(32,144,231,.22), rgba(8,54,63,.34)),
    rgba(8,48,52,.58);
  border-color:rgba(123,217,255,.48);
  box-shadow:0 32px 90px rgba(2,41,52,.5), 0 0 42px rgba(64,180,255,.18);
}
.hm-partner-logo.univers::after{
  left:26%;
  right:26%;
  bottom:18px;
  height:44px;
  border-radius:50% 50% 42% 42%;
  background:radial-gradient(ellipse at center, rgba(255,184,80,.44), transparent 62%);
  box-shadow:0 0 34px rgba(86,185,255,.38);
}
.hm-partner-logo.aspam{
  background:
    radial-gradient(circle at 82% 28%, rgba(236,127,37,.2), transparent 22%),
    repeating-linear-gradient(9deg, rgba(255,255,255,.045) 0 2px, transparent 2px 14px),
    linear-gradient(145deg, #8d5734, #d19b66 46%, #704125);
  border-color:rgba(255,192,121,.52);
}
.hm-partner-logo.ascam{
  justify-content:center;
  background:
    linear-gradient(90deg, rgba(114,66,35,.48) 0 22%, transparent 22% 27%, rgba(181,119,67,.48) 27% 54%, transparent 54% 60%, rgba(117,76,43,.5) 60%),
    radial-gradient(circle at 50% 20%, rgba(231,170,90,.28), transparent 34%),
    #4e311d;
  border-color:rgba(215,158,91,.52);
}
.hm-partner-logo.citrus{
  background:
    linear-gradient(135deg, rgba(255,244,211,.28) 25%, transparent 25% 50%, rgba(72,43,20,.18) 50% 75%, transparent 75%),
    linear-gradient(45deg, #9a7146, #d0a370 52%, #6c4a2e);
  background-size:44px 44px, auto;
  border-color:rgba(219,154,94,.5);
}
.hm-partner-logo.apnm{
  background:
    radial-gradient(circle at 22% 30%, rgba(247,143,43,.25), transparent 25%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 15px),
    linear-gradient(140deg, #a87542, #c39a64 46%, #6e5732);
  border-color:rgba(214,140,73,.52);
}
.hm-partner-logo.apnm::after{
  width:78px;
  height:32px;
  right:24px;
  bottom:22px;
  border-radius:16px 16px 6px 6px;
  background:linear-gradient(90deg, #66482c, #b26a34);
  box-shadow:-18px 16px 0 -6px #1d1a15, 18px 16px 0 -6px #1d1a15;
  opacity:.52;
}
.hm-partner-logo.agrotech{
  background:
    radial-gradient(ellipse at 50% 42%, rgba(255,223,132,.34), transparent 40%),
    linear-gradient(145deg, #6d4e1e, #d1a243 48%, #4c3918);
  border-color:rgba(255,229,142,.62);
}
.hm-partner-logo.agrotech::after{
  width:42%;
  height:58%;
  right:10%;
  top:11%;
  border-radius:80% 0 80% 0;
  background:linear-gradient(135deg, rgba(255,244,188,.22), rgba(129,88,24,.18));
  transform:rotate(18deg);
}
.hm-partner-logo.ascam img{height:88%; max-width:94%;}
.hm-partner-logo.univers img{height:80%; max-width:96%; filter:drop-shadow(0 0 20px rgba(64,185,255,.34));}
.hm-partner-logo.aspam img{height:92%; max-width:90%; filter:drop-shadow(0 12px 18px rgba(48,25,10,.34));}
.hm-partner-logo.citrus img{height:88%; max-width:92%; filter:drop-shadow(0 12px 18px rgba(20,13,8,.42));}
.hm-partner-logo.apnm img{height:80%; max-width:98%; filter:drop-shadow(0 12px 20px rgba(0,0,0,.36));}
.hm-partner-logo.agrotech img{height:94%; max-width:86%; filter:drop-shadow(0 12px 18px rgba(70,47,8,.34));}
.hm-partner-logo.univers:hover img{transform:scale(1.05) translateY(-4px);}
.hm-partner-logo.apnm:hover img{transform:scale(1.035) rotate(-.8deg);}
.hm-export-head{margin-top:74px;}
@media (max-width:900px){
  .hm-partners-showcase{padding:70px 28px;}
  .hm-root-network{display:none;}
  .hm-partners-wall{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:220px;
  }
  .hm-partner-logo.univers,
  .hm-partner-logo.aspam,
  .hm-partner-logo.ascam,
  .hm-partner-logo.citrus,
  .hm-partner-logo.apnm,
  .hm-partner-logo.agrotech{grid-column:auto; grid-row:auto;}
}
@media (max-width:560px){
  .hm-partners-showcase{padding:58px 18px;}
  .hm-partners-intro .hm-label{font-size:.7rem; letter-spacing:2.4px;}
  .hm-partners-intro .hm-title{font-size:clamp(3rem, 16vw, 4.2rem);}
  .hm-partners-wall{grid-template-columns:1fr; grid-auto-rows:210px; gap:16px;}
  .hm-partner-logo{padding:10px;}
  .hm-partner-logo img{height:78%; max-width:92%;}
  .hm-partner-logo.ascam img{height:88%; max-width:92%;}
  .hm-partner-logo.univers img,
  .hm-partner-logo.aspam img,
  .hm-partner-logo.citrus img,
  .hm-partner-logo.apnm img,
  .hm-partner-logo.agrotech img{height:88%; max-width:92%;}
}

.hm-partners-showcase{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100vw;
  min-height:820px;
  margin-left:calc(50% - 50vw);
  padding:108px max(24px, calc((100vw - var(--container)) / 2 + 24px)) 92px;
  background:
    radial-gradient(circle at 78% 18%, rgba(208,155,64,.07), transparent 26%),
    radial-gradient(circle at 18% 82%, rgba(0,86,45,.035), transparent 30%),
    repeating-linear-gradient(0deg, rgba(12,36,21,.018) 0 1px, transparent 1px 6px),
    #faf9f6;
  box-shadow:none;
}
.hm-partners-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:
    radial-gradient(circle, rgba(12,36,21,.04) .6px, transparent .7px),
    radial-gradient(circle, rgba(208,155,64,.035) .55px, transparent .65px);
  background-position:0 0, 18px 22px;
  background-size:38px 38px, 52px 52px;
  opacity:.65;
  pointer-events:none;
}
.hm-partners-showcase::after{content:none;}
.hm-partners-intro{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:0;
  text-align:left;
}
.hm-partners-intro .hm-label{
  margin-bottom:18px;
  color:#d09b40;
  font-family:var(--hm-sans);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:4px;
  text-shadow:none;
}
.hm-partners-intro .hm-title{
  color:#d09b40;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  font-family:var(--hm-serif);
  font-size:clamp(5.2rem, 11vw, 10rem);
  font-weight:400;
  line-height:.82;
  letter-spacing:0;
  text-shadow:none;
}
.hm-partners-intro .hm-title em{
  color:#d09b40;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
}
.hm-partners-wall{
  position:relative;
  z-index:2;
  display:block;
  height:540px;
  margin-top:6px;
}
.hm-partner-orbit{
  --mx:0px;
  --my:0px;
  --tilt:0deg;
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  width:clamp(156px, 16vw, 246px);
  height:clamp(128px, 13vw, 200px);
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  transform:translate3d(var(--mx), var(--my), 0) rotate(var(--tilt));
  transition:transform .45s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.hm-partner-orbit.univers{left:5%; top:10%; --tilt:-7deg;}
.hm-partner-orbit.aspam{left:42%; top:2%; --tilt:5deg;}
.hm-partner-orbit.ascam{right:4%; top:19%; --tilt:-3deg; width:clamp(190px, 20vw, 300px);}
.hm-partner-orbit.citrus{left:18%; bottom:10%; --tilt:4deg;}
.hm-partner-orbit.apnm{left:50%; bottom:0; --tilt:-5deg; width:clamp(190px, 20vw, 310px);}
.hm-partner-orbit.agrotech{right:12%; bottom:20%; --tilt:8deg;}
.hm-partner-mark{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  fill:none;
  stroke:#d09b40;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.92;
  transition:opacity .45s ease, transform .45s ease;
}
.hm-partner-mark path,
.hm-partner-mark circle{
  stroke-dasharray:460;
  stroke-dashoffset:460;
  transition:stroke-dashoffset 1.45s cubic-bezier(.22,1,.36,1);
}
.reveal.in .hm-partner-orbit:nth-child(1) .hm-partner-mark path,
.reveal.in .hm-partner-orbit:nth-child(1) .hm-partner-mark circle{transition-delay:.05s;}
.reveal.in .hm-partner-orbit:nth-child(2) .hm-partner-mark path,
.reveal.in .hm-partner-orbit:nth-child(2) .hm-partner-mark circle{transition-delay:.16s;}
.reveal.in .hm-partner-orbit:nth-child(3) .hm-partner-mark path,
.reveal.in .hm-partner-orbit:nth-child(3) .hm-partner-mark circle{transition-delay:.27s;}
.reveal.in .hm-partner-orbit:nth-child(4) .hm-partner-mark path,
.reveal.in .hm-partner-orbit:nth-child(4) .hm-partner-mark circle{transition-delay:.38s;}
.reveal.in .hm-partner-orbit:nth-child(5) .hm-partner-mark path,
.reveal.in .hm-partner-orbit:nth-child(5) .hm-partner-mark circle{transition-delay:.49s;}
.reveal.in .hm-partner-orbit:nth-child(6) .hm-partner-mark path,
.reveal.in .hm-partner-orbit:nth-child(6) .hm-partner-mark circle{transition-delay:.6s;}
.reveal.in .hm-partner-mark path,
.reveal.in .hm-partner-mark circle{stroke-dashoffset:0;}
.hm-partner-orbit img{
  position:relative;
  z-index:2;
  width:auto;
  max-width:100%;
  max-height:118px;
  object-fit:contain;
  opacity:0;
  filter:none;
  transform:translateY(8px) scale(.96);
  transition:opacity .45s ease, transform .45s cubic-bezier(.22,1,.36,1);
}
.hm-partner-orbit.ascam img{max-height:148px;}
.hm-partner-orbit.apnm img{max-height:126px;}
.hm-partner-orbit.agrotech img{max-height:142px;}
.hm-partner-orbit span{
  position:absolute;
  left:50%;
  top:calc(100% + 10px);
  z-index:2;
  color:#8f908b;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:1.8px;
  text-transform:uppercase;
  white-space:nowrap;
  opacity:0;
  transform:translate(-50%, 4px);
  transition:opacity .35s ease, transform .35s ease;
}
.hm-partner-orbit:hover .hm-partner-mark,
.hm-partner-orbit:focus-within .hm-partner-mark{
  opacity:0;
  transform:scale(1.08);
}
.hm-partner-orbit:hover img,
.hm-partner-orbit:focus-within img{
  opacity:1;
  transform:translateY(0) scale(1);
}
.hm-partner-orbit:hover span,
.hm-partner-orbit:focus-within span{
  opacity:1;
  transform:translate(-50%, 0);
}
@media (max-width:900px){
  .hm-partners-showcase{
    min-height:auto;
    padding:82px 28px 86px;
  }
  .hm-partners-wall{
    height:auto;
    margin-top:44px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:56px 36px;
  }
  .hm-partner-orbit{
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:210px;
    height:170px;
  }
}
@media (max-width:560px){
  .hm-partners-showcase{padding:70px 18px 76px;}
  .hm-partners-intro .hm-label{font-size:.64rem; letter-spacing:2.6px;}
  .hm-partners-intro .hm-title{font-size:clamp(4rem, 22vw, 5.8rem);}
  .hm-partners-wall{gap:42px;}
  .hm-partner-orbit{width:min(76vw, 240px); height:180px;}
  .hm-partner-orbit img{max-height:128px;}
}

.hm-partners-showcase{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100vw;
  min-height:780px;
  margin-left:calc(50% - 50vw);
  padding:102px max(24px, calc((100vw - var(--container)) / 2 + 24px)) 98px;
  background:
    radial-gradient(circle at 18% 10%, rgba(208,155,64,.13), transparent 28%),
    radial-gradient(circle at 82% 28%, rgba(255,255,255,.055), transparent 24%),
    linear-gradient(135deg, #0b1e14 0%, #092016 46%, #0d291a 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.hm-partners-showcase::before{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:0;
  background:
    radial-gradient(ellipse at 22% 35%, rgba(255,255,255,.55), transparent 18%),
    repeating-linear-gradient(118deg, transparent 0 18px, rgba(255,255,255,.42) 19px 20px, transparent 21px 42px),
    repeating-linear-gradient(28deg, transparent 0 26px, rgba(208,155,64,.42) 27px 28px, transparent 29px 58px);
  opacity:.05;
  transform:translate3d(0,0,0) scale(1.04);
  animation:hmLeafDrift 34s linear infinite alternate;
  pointer-events:none;
}
.hm-partners-showcase::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg, rgba(0,0,0,.2), transparent 32%, transparent 72%, rgba(0,0,0,.16));
  pointer-events:none;
}
@keyframes hmLeafDrift{
  from{transform:translate3d(-1.5%, -1%, 0) scale(1.04);}
  to{transform:translate3d(1.5%, 1%, 0) scale(1.08);}
}
.hm-partners-intro{
  position:relative;
  z-index:2;
  max-width:820px;
  margin:0;
  text-align:left;
}
.hm-partners-intro .hm-label{
  margin-bottom:16px;
  color:rgba(208,155,64,.86);
  font-family:var(--hm-sans);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:4px;
  text-shadow:none;
}
.hm-partners-intro .hm-title{
  color:#d09b40;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  font-family:var(--hm-serif);
  font-size:clamp(5rem, 10vw, 9.4rem);
  font-weight:400;
  line-height:.84;
  letter-spacing:0;
  text-shadow:0 22px 54px rgba(0,0,0,.22);
}
.hm-partners-intro .hm-title em{
  color:#d09b40;
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
}
.hm-partners-wall{
  position:relative;
  z-index:2;
  display:block;
  height:500px;
  margin-top:24px;
}
.hm-partner-mark{display:none;}
.hm-partner-orbit{
  --mx:0px;
  --my:0px;
  --tilt:0deg;
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  width:clamp(190px, 18vw, 290px);
  height:clamp(150px, 14vw, 218px);
  padding:30px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:22px;
  background:rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
  box-shadow:none;
  transform:translate3d(var(--mx), var(--my), 0) rotate(var(--tilt));
  transition:transform .45s cubic-bezier(.22,1,.36,1), background .35s ease, border-color .35s ease;
  will-change:transform;
}
.hm-partner-orbit::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:20px;
  background:linear-gradient(145deg, rgba(255,255,255,.14), transparent 42%, rgba(208,155,64,.08));
  opacity:.72;
  pointer-events:none;
}
.hm-partner-orbit.univers{left:2%; top:9%; --tilt:-5deg; width:clamp(230px, 20vw, 330px);}
.hm-partner-orbit.aspam{left:40%; top:0; --tilt:4deg; width:clamp(180px, 15vw, 250px);}
.hm-partner-orbit.ascam{right:2%; top:16%; --tilt:-3deg; width:clamp(240px, 22vw, 350px);}
.hm-partner-orbit.citrus{left:16%; bottom:8%; --tilt:3deg; width:clamp(200px, 17vw, 280px);}
.hm-partner-orbit.apnm{left:46%; bottom:0; --tilt:-4deg; width:clamp(250px, 23vw, 360px);}
.hm-partner-orbit.agrotech{right:11%; bottom:18%; --tilt:7deg; width:clamp(190px, 16vw, 270px);}
.hm-partner-orbit img{
  position:relative;
  z-index:2;
  width:auto;
  max-width:100%;
  max-height:126px;
  object-fit:contain;
  opacity:.96;
  filter:brightness(0) saturate(100%) invert(63%) sepia(35%) saturate(859%) hue-rotate(3deg) brightness(91%) contrast(88%) drop-shadow(0 0 14px rgba(208,155,64,.22));
  transform:translateY(0) scale(1);
  transition:filter .55s ease, opacity .35s ease, transform .45s cubic-bezier(.22,1,.36,1);
}
.hm-partner-orbit.ascam img{max-height:150px;}
.hm-partner-orbit.apnm img{max-height:132px;}
.hm-partner-orbit.agrotech img{max-height:150px;}
.hm-partner-orbit span{display:none;}
.hm-partner-orbit:hover,
.hm-partner-orbit:focus-within{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.16);
  transform:translate3d(var(--mx), calc(var(--my) - 4px), 0) rotate(var(--tilt));
}
.hm-partner-orbit:hover img,
.hm-partner-orbit:focus-within img{
  opacity:1;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.18));
  transform:scale(1.035);
}
@media (max-width:900px){
  .hm-partners-showcase{
    min-height:auto;
    padding:82px 28px 88px;
  }
  .hm-partners-wall{
    height:auto;
    margin-top:48px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }
  .hm-partner-orbit{
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:auto !important;
    height:190px;
    transform:translate3d(var(--mx), var(--my), 0) rotate(var(--tilt));
  }
}
@media (max-width:560px){
  .hm-partners-showcase{padding:70px 18px 78px;}
  .hm-partners-intro .hm-label{font-size:.64rem; letter-spacing:2.6px;}
  .hm-partners-intro .hm-title{font-size:clamp(4rem, 22vw, 5.8rem);}
  .hm-partners-wall{grid-template-columns:1fr; gap:18px;}
  .hm-partner-orbit{height:180px; padding:24px;}
  .hm-partner-orbit img{max-height:124px;}
}

.hm-partners-showcase{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100vw;
  min-height:0;
  margin-left:calc(50% - 50vw);
  padding:96px max(24px, calc((100vw - var(--container)) / 2 - 120px)) 104px max(24px, calc((100vw - var(--container)) / 2 + 24px));
  display:grid;
  grid-template-columns:minmax(330px, .32fr) minmax(760px, .68fr);
  gap:118px;
  align-items:center;
  background:
    radial-gradient(circle at 8% 18%, rgba(208,155,64,.2), transparent 30%),
    radial-gradient(circle at 88% 78%, rgba(11,64,39,.09), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.7), rgba(255,255,255,.14) 48%, rgba(208,155,64,.12)),
    repeating-linear-gradient(0deg, rgba(12,36,21,.025) 0 1px, transparent 1px 7px),
    #faf3e4;
  border-bottom:1px solid rgba(11,30,20,.06);
  box-shadow:none;
}
.hm-partners-showcase::before,
.hm-partners-showcase::after{content:none;}
.hm-partners-showcase.hm-partners-showcase-solo{
  grid-template-columns:1fr;
  padding-right:max(24px, calc((100vw - var(--container)) / 2 + 24px));
}
.hm-partners-left{
  position:relative;
  z-index:2;
  min-height:520px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  padding:8px 42px 180px 0;
}
.hm-partners-title{
  margin:0 0 24px;
  font-family:var(--hm-serif);
  font-size:clamp(3rem, 4.8vw, 5.05rem);
  font-weight:500;
  line-height:.92;
  letter-spacing:0;
}
.hm-partners-title span{display:block; color:#0b1e14;}
.hm-partners-title em{
  display:block;
  color:var(--orange);
  font-style:italic;
  font-weight:500;
}
.hm-partners-left p{
  max-width:390px;
  margin:0 0 30px;
  color:#4f5b4b;
  font-size:.98rem;
  line-height:1.8;
}
.hm-trust-badge{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:14px;
  max-width:360px;
  padding:17px 20px;
  border-radius:18px;
  background:#0b1e14;
  color:#fff;
}
.hm-trust-badge svg{
  flex:0 0 28px;
  width:28px;
  height:28px;
  color:#d09b40;
}
.hm-trust-badge span{
  font-size:.9rem;
  font-weight:700;
  line-height:1.45;
}
.hm-produce-branch{
  position:absolute;
  left:calc(-1 * max(24px, calc((100vw - var(--container)) / 2 + 24px)));
  bottom:-92px;
  width:min(600px, 52vw);
  max-width:none;
  pointer-events:none;
  z-index:1;
  opacity:.9;
}
.hm-partners-card{
  position:relative;
  z-index:2;
  overflow:visible;
  padding:82px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hm-partners-watermark{
  position:absolute;
  right:-36px;
  top:-44px;
  width:min(430px, 52%);
  opacity:.58;
  pointer-events:none;
}
.hm-partners-card-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:54px auto 1fr;
  align-items:center;
  gap:24px;
  margin-bottom:34px;
}
.hm-partners-card-head h3{
  position:relative;
  margin:0;
  padding-right:24px;
  color:var(--orange);
  font-size:.98rem;
  font-weight:900;
  letter-spacing:2.8px;
}
.hm-partners-card-head h3::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:1px;
  height:56px;
  background:rgba(12,36,21,.18);
  transform:translateY(-50%);
}
.hm-partners-card-head p{
  max-width:380px;
  margin:0;
  color:#6b6962;
  font-size:.88rem;
  line-height:1.65;
}
.hm-partners-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border:1px solid rgba(0,86,45,.45);
  border-radius:50%;
  color:var(--green);
  background:transparent;
}
.hm-partners-icon svg{width:25px; height:25px;}
.hm-partners-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.hm-partners-grid article{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:188px;
  padding:28px 18px 24px;
  border:1px solid rgba(31,68,42,.12);
  border-radius:20px;
  background:rgba(255,255,255,.55);
  box-shadow:0 14px 34px rgba(12,36,21,.06);
  transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
}
.hm-partners-grid article:hover{
  transform:translateY(-6px);
  background:#fff;
  box-shadow:0 22px 50px rgba(12,36,21,.12);
}
.hm-partners-grid img{
  position:relative;
  z-index:1;
  width:auto;
  max-width:94%;
  height:108px;
  object-fit:contain;
  margin-bottom:18px;
  filter:none;
  opacity:1;
  transition:filter .45s ease, opacity .35s ease, transform .35s ease;
}
.hm-partners-grid article:nth-child(2) img{height:124px;}
.hm-partners-grid article:nth-child(3) img{height:128px;}
.hm-partners-grid article:nth-child(5) img{height:116px;}
.hm-partners-grid article:nth-child(6) img{height:130px;}
.hm-partners-grid span{
  position:relative;
  z-index:1;
  color:#777168;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:1.7px;
  text-align:center;
  transition:color .35s ease;
}
.hm-partners-grid article:hover img{
  opacity:1;
  transform:translateY(-3px);
}
.hm-partners-grid article:hover span{
  color:#0b1e14;
}
@media (max-width:1280px){
  .hm-partners-showcase{
    padding-right:24px;
    grid-template-columns:minmax(280px, .34fr) minmax(0, .66fr);
    gap:76px;
  }
  .hm-partners-card{padding-top:70px;}
}
@media (max-width:1020px){
  .hm-partners-showcase{
    grid-template-columns:1fr;
    gap:38px;
    padding-right:28px;
  }
  .hm-partners-left{min-height:0; padding-bottom:210px;}
  .hm-produce-branch{width:min(500px, 82vw);}
}
@media (max-width:720px){
  .hm-partners-showcase{padding:72px 18px 84px;}
  .hm-partners-card{padding:0;}
  .hm-partners-card-head{
    grid-template-columns:48px 1fr;
    gap:16px;
  }
  .hm-partners-card-head p{grid-column:1 / -1;}
  .hm-partners-card-head h3::after{display:none;}
  .hm-partners-grid{grid-template-columns:1fr 1fr; gap:0;}
  .hm-partners-grid article{min-height:158px;}
  .hm-partners-grid article:nth-child(3n+1),
  .hm-partners-grid article:nth-child(3n+2){border-right:0;}
  .hm-partners-grid article:nth-child(odd){border-right:1px solid rgba(31,68,42,.16);}
  .hm-partners-grid article:nth-child(-n+4){border-bottom:1px solid rgba(31,68,42,.16);}
}
@media (max-width:500px){
  .hm-partners-left{padding-bottom:170px;}
  .hm-produce-branch{bottom:-86px; width:410px;}
  .hm-partners-grid{grid-template-columns:1fr;}
  .hm-partners-grid article,
  .hm-partners-grid article:nth-child(odd),
  .hm-partners-grid article:nth-child(3n+1),
  .hm-partners-grid article:nth-child(3n+2){border-right:0;}
  .hm-partners-grid article:nth-child(-n+5){border-bottom:1px solid rgba(31,68,42,.16);}
  .hm-partners-grid img{height:92px;}
}

.hm-eco{
  background:#f8f3e8;
  padding:0;
}
.hm-export-section{
  position:relative;
  overflow:hidden;
  width:100vw;
  height:80vh;
  min-height:620px;
  margin-left:calc(50% - 50vw);
  box-sizing:border-box;
  padding:46px max(64px, calc((100vw - var(--container)) / 2 + 24px)) 54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(105deg, #edf5eb 0%, #f8f3e8 24%, #f5f8f0 100%);
}
.hm-export-watermark{
  position:absolute;
  right:max(34px, calc((100vw - var(--container)) / 2 + 8px));
  top:20px;
  width:min(420px, 28vw);
  opacity:.48;
  pointer-events:none;
  z-index:0;
}
.hm-export-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:54px auto minmax(260px, 1fr);
  align-items:center;
  gap:24px;
  max-width:1180px;
  margin:0 0 34px;
}
.hm-export-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border:1px solid rgba(0,86,45,.45);
  border-radius:50%;
  color:var(--green);
  background:#fff;
  box-shadow:0 8px 22px rgba(12,36,21,.08);
}
.hm-export-icon svg{width:25px; height:25px;}
.hm-export-head h2{
  position:relative;
  margin:0;
  padding-right:26px;
  color:#0b1e14;
  font-family:var(--hm-serif);
  font-size:1.22rem;
  font-weight:600;
  letter-spacing:2px;
}
.hm-export-head h2::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:1px;
  height:58px;
  background:rgba(91,78,54,.18);
  transform:translateY(-50%);
}
.hm-export-head p{
  max-width:520px;
  margin:0;
  color:#6b6962;
  font-size:.92rem;
  line-height:1.7;
}
.hm-export-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
}
.hm-export-grid a{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:312px;
  padding:34px 26px 30px;
  border:1px solid rgba(12,36,21,.045);
  border-radius:16px;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 34px rgba(12,36,21,.085);
  text-align:center;
  text-decoration:none;
  color:inherit;
  transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
}
.hm-export-grid a:not(:last-child){border-right:0;}
.hm-export-grid a::before{
  content:none;
}
.hm-export-grid a:hover{
  transform:translateY(-6px);
  background:#fff;
  box-shadow:0 18px 42px rgba(12,36,21,.12);
}
.hm-export-grid img{
  position:relative;
  z-index:1;
  width:auto;
  height:96px;
  max-width:190px;
  object-fit:contain;
  margin-bottom:30px;
  filter:none;
  opacity:1;
  transition:filter .35s ease, opacity .35s ease, transform .35s ease;
}
.hm-export-grid a:nth-child(2) img{height:122px; max-width:150px;}
.hm-export-grid a:nth-child(3) img{height:86px; max-width:220px;}
.hm-export-grid a:nth-child(4) img{height:106px; max-width:172px;}
.hm-export-grid h3{
  position:relative;
  z-index:1;
  margin:0;
  color:#0b1e14;
  font-family:var(--font-main);
  font-size:1.24rem;
  font-weight:800;
  letter-spacing:.2px;
}
.hm-export-grid i{
  position:relative;
  z-index:1;
  display:block;
  width:36px;
  height:3px;
  border-radius:2px;
  margin:14px 0 16px;
  background:#d09b40;
}
.hm-export-grid a:nth-child(1) i{background:#2b3a67;}
.hm-export-grid a:nth-child(2) i{background:#ef7900;}
.hm-export-grid a:nth-child(3) i{background:#06351f;}
.hm-export-grid a:nth-child(4) i{background:#2f8f4e;}
.hm-export-grid span{
  position:relative;
  z-index:1;
  display:inline-block;
  padding:7px 16px;
  border-radius:999px;
  background:rgba(6,53,31,.06);
  color:#3d4a43;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.2px;
  text-transform:none;
}
.hm-export-grid a:hover img{
  opacity:1;
  transform:translateY(-4px);
}
@media (max-width:960px){
  .hm-export-section{
    height:auto;
    min-height:0;
    padding:64px 28px 68px;
  }
  .hm-export-head{
    grid-template-columns:54px 1fr;
    gap:18px;
    margin-bottom:52px;
  }
  .hm-export-head p{grid-column:1 / -1;}
  .hm-export-head h2::after{display:none;}
  .hm-export-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .hm-export-section{padding:58px 18px 62px;}
  .hm-export-watermark{right:-96px; top:18px; width:340px;}
  .hm-export-grid{grid-template-columns:1fr;}
}

/* ---------- Final CTA ---------- */
.hm-cta-wrap{
  position:relative; overflow:hidden; text-align:center;
  background:var(--hm-ink) url("../images/site/cta-bg.jpg") center / cover no-repeat;
  padding:150px 0 160px;
}
.hm-cta-wrap::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse at 50% 50%, rgba(7,27,16,.34) 0%, rgba(7,27,16,0) 62%);
}
.hm-cta-content{position:relative; z-index:2; max-width:760px; margin:0 auto;}
.hm-cta-kicker{
  display:inline-flex; align-items:center; gap:14px;
  font-size:.72rem; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  color:var(--orange); margin-bottom:22px;
}
.hm-cta-kicker::before, .hm-cta-kicker::after{content:""; width:36px; height:1.5px; background:rgba(240,120,0,.55);}
.hm-cta-content .hm-title{margin-bottom:22px;}
.hm-cta-sub{color:rgba(224,236,227,.82); font-size:1rem; max-width:520px; margin:0 auto 40px;}
@media (max-width:860px){
  .hm-cta-wrap{padding:96px 0 104px;}
  .hm-cta-branch{width:240px; top:-40px; right:-60px;}
  .hm-cta-branch.flip{width:220px; bottom:-50px; left:-60px;}
}