/* =========================================================
   農園紹介
   ========================================================= */

.farm{ background:var(--cream); padding:1.8rem 1.2rem; }
.farm-inner{
  max-width:1280px; margin:0 auto; padding:0;
  display:grid; grid-template-columns:3fr 2fr; gap:0; align-items:stretch;
  background:#fff;
  border-radius:10px;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  overflow:hidden;
}
.farm-text-wrap{ padding:2.4rem 2.4rem; display:flex; flex-direction:column; justify-content:center; }
/* 書体は common.css の .section-heading-large を併用（HTML側でクラス指定） */
.farm-title{ margin-bottom:1.4rem; display:flex; align-items:center; gap:.7rem; }
.farm-title .vertical-line{ display:inline-block; width:4px; height:2.8rem; background:var(--green); border-radius:2px; }
.farm-text p{ color:#4a4a40; line-height:1.9; font-size:1.05rem; margin-bottom:.9rem; }
.farm-lead{ font-size:1.2rem; font-weight:600; color:var(--green-dark); line-height:1.8; }
.farm-feature-grid{ display:grid; gap:1.4rem; margin-top:1rem; }
.farm-feature{ background:var(--cream-2); border-radius:12px; padding:1.4rem 1.3rem; }
.farm-feature-title{ font-family:"Noto Serif JP",serif; font-size:1.15rem; font-weight:600; color:var(--green-dark); margin-bottom:.8rem; }
.farm-feature p{ margin:0; color:#4a4a40; line-height:1.9; font-size:1.05rem; }
.leaf{ font-size:1.2rem; }
.farm-img-stack{ position:relative; height:100%; min-height:520px; }
.farm-img{ position:absolute; aspect-ratio:1/1; object-fit:cover; border-radius:14px; box-shadow:0 14px 30px rgba(0,0,0,.18); border:6px solid #fff; }
.fis-1{ width:62%; top:14%; left:32%; z-index:2; transform:rotate(5deg); }
.fis-2{ width:49%; top:41%; left:2%; z-index:3; transform:rotate(-2deg); }
.fis-3{ width:61%; top:61%; left:30%; z-index:4; transform:rotate(7deg); }

/* ===== レスポンシブ ===== */
@media (max-width:1024px){
  .farm-inner{ grid-template-columns:1fr; }
  .farm-text-wrap{ padding:2rem; }
  .farm-img-stack{ min-height:510px; }
  .fis-1{ width:min(48%, 380px); top:5%; left:42%; }
  .fis-2{ width:min(42%, 330px); top:33%; left:12%; }
  .fis-3{ display:none; }
}
@media (max-width:600px){
  .farm{ padding:1.2rem .8rem; }
  .farm-text-wrap{ padding:1.6rem 1.2rem; }
  .farm-img-stack{ min-height:390px; }
  .fis-1{ width:60%; top:5%; left:32%; }
  .fis-2{ width:52%; top:38%; left:7%; }
  .fis-3{ display:none; }
}