/* Daenem Farms V3.3 interaction and spacing refinements */

/* Customers We Serve — tighter home rhythm with a useful service band instead of empty space */
.home-customers{padding-bottom:72px}
.home-customers .section-heading.center{margin-bottom:40px}
.home-customers .customer-showcase-grid{margin-bottom:28px}
.home-customer-service-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(21,61,45,.12);border:1px solid rgba(21,61,45,.12);border-radius:24px;overflow:hidden;margin-top:28px}
.home-customer-service-strip article{background:#fff;padding:24px 26px;min-height:150px}
.home-customer-service-strip span{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.home-customer-service-strip h3{font-family:'Playfair Display',serif;font-size:21px;line-height:1.16;color:var(--green);margin-bottom:8px}
.home-customer-service-strip p{font-size:13px;line-height:1.55;color:var(--muted)}
.home-customers .customer-buy-cta{margin-top:26px}

/* Premium 3D flip interactions for farm operations and facilities. */
.farm-flip-card{perspective:1200px;position:relative;min-height:280px;background:transparent!important;border:0!important;padding:0!important;overflow:visible!important}
.farm-flip-card.featured{min-height:310px;display:block;grid-template-columns:none}
.farm-flip-inner{position:relative;width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.farm-flip-card:hover .farm-flip-inner,.farm-flip-card:focus-within .farm-flip-inner,.farm-flip-card.is-flipped .farm-flip-inner{transform:rotateY(180deg)}
.farm-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;overflow:hidden}
.farm-flip-front{background:#fff;border:1px solid rgba(21,61,45,.1);padding:28px;box-shadow:0 8px 24px rgba(21,61,45,.035)}
.farm-flip-card.featured .farm-flip-front{background:var(--green);color:#fff;border:0;padding:38px;display:grid;grid-template-columns:100px 1fr}
.farm-flip-card.featured .farm-flip-front p{color:#d4e1d8}.farm-flip-card.featured .farm-flip-front a{color:#f4d48e}
.farm-flip-back{transform:rotateY(180deg);background:linear-gradient(145deg,#163f2e,#2e6d4c);box-shadow:0 24px 55px rgba(21,61,45,.18);display:flex;align-items:flex-end;isolation:isolate}
.farm-flip-back:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(224,183,96,.28),transparent 32%),linear-gradient(180deg,transparent 22%,rgba(7,31,21,.82) 100%);z-index:-1}
.farm-flip-back img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .35s ease,transform 1s ease}
.farm-flip-back.has-photo img{opacity:1}.farm-flip-card:hover .farm-flip-back img,.farm-flip-card.is-flipped .farm-flip-back img{transform:scale(1.045)}
.farm-flip-back-copy{padding:25px 26px;color:#fff;width:100%}
.farm-flip-back-copy span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#f0ce80;margin-bottom:7px}
.farm-flip-back-copy h3{font-size:25px;line-height:1.12;margin-bottom:7px}.farm-flip-back-copy p{font-size:12px;color:#d7e4db;max-width:95%}
.flip-hint{position:absolute;right:16px;top:15px;z-index:4;border:1px solid rgba(21,61,45,.13);background:rgba(255,255,255,.8);backdrop-filter:blur(8px);color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;border-radius:999px;padding:6px 9px;pointer-events:none}
.featured .flip-hint{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1)}

/* Facility rows use the same flip language while keeping the clean horizontal layout. */
.facility-flip{perspective:1300px;min-height:185px;border-bottom:1px solid var(--line);position:relative}
.facility-flip-inner{position:relative;width:100%;height:185px;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.7,.2,1)}
.facility-flip:hover .facility-flip-inner,.facility-flip:focus-within .facility-flip-inner,.facility-flip.is-flipped .facility-flip-inner{transform:rotateX(180deg)}
.facility-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.facility-front{display:grid;grid-template-columns:110px 1fr .8fr;gap:38px;align-items:center;padding:30px 0;background:#fff}
.facility-back{transform:rotateX(180deg);border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#123f2b,#477b56);display:flex;align-items:flex-end;isolation:isolate;margin:12px 0}
.facility-back:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,31,21,.05),rgba(8,31,21,.82));z-index:-1}
.facility-back img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:-2;transition:opacity .35s ease,transform 1s ease}.facility-back.has-photo img{opacity:1}.facility-flip:hover img,.facility-flip.is-flipped img{transform:scale(1.035)}
.facility-back-copy{padding:22px 28px;color:#fff}.facility-back-copy span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#efd087;font-weight:800}.facility-back-copy h3{font-size:25px;margin-top:5px}.facility-back-copy p{font-size:12px;color:#d7e3db}
.facility-flip .flip-hint{top:50%;right:8px;transform:translateY(-50%)}

/* Dedicated Customers page should feel like one intentional destination. */
.customers-page-section{padding-top:92px;padding-bottom:92px}
.customers-page-section .customer-showcase-grid{margin-top:8px}

@media(max-width:1050px){
  .home-customer-service-strip{grid-template-columns:1fr}
  .farm-flip-card.featured .farm-flip-front{grid-template-columns:78px 1fr}
  .facility-front{grid-template-columns:80px 1fr}.facility-note{display:none}
}
@media(max-width:760px){
  .home-customers{padding-bottom:56px}
  .farm-flip-card,.farm-flip-card.featured{min-height:300px}
  .farm-flip-card.featured .farm-flip-front{display:block;padding:28px}.farm-flip-card.featured .op-icon{margin-bottom:34px}
  .flip-hint{font-size:8px}
  .facility-flip,.facility-flip-inner{min-height:250px;height:250px}.facility-front{grid-template-columns:62px 1fr;gap:18px;padding:25px 0}.facility-number{font-size:34px}.facility-back{margin:8px 0}
}
@media(hover:none){
  .flip-hint:after{content:' / tap'}
}
@media(prefers-reduced-motion:reduce){.farm-flip-inner,.facility-flip-inner{transition:none}}