/* ===== Sustainability page ===== */

  /* pillar detail rows — alternating image/copy, one per commitment */
  .pillar-detail { padding:clamp(70px,9vw,100px) 0; }
  .pillar-detail:nth-child(odd) { background:#FFFFFF; }
  .pillar-detail:nth-child(even) { background:#FBF9F4; }
  .pillar-detail .row { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,6vw,80px); align-items:center; }
  .pillar-detail .row.reverse { direction:rtl; }
  .pillar-detail .row.reverse > * { direction:ltr; }
  .pillar-detail .frame { aspect-ratio:4/5; position:relative; background-color:#E4D6AE; }
  .pillar-detail .frame img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
  .pillar-detail .frame::after { content:''; position:absolute; inset:0; border:1px solid #1C130C; transform:translate(14px,14px); z-index:-1; }
  .pillar-detail .idx { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:15px; color:#A6821D; margin-bottom:18px; }
  .pillar-detail h2 { font-family:'Fraunces',serif; font-weight:400; font-size:clamp(24px,3vw,32px); color:#1C130C; line-height:1.24; margin-bottom:18px; }
  .pillar-detail p { font-family:'Cormorant Garamond',serif; font-size:17.5px; line-height:1.75; color:#5A4F3C; margin-bottom:16px; }
  .pillar-detail p:last-of-type { margin-bottom:0; }
  .pillar-detail .fact { display:inline-flex; align-items:baseline; gap:8px; margin-top:20px; padding:12px 18px; background:#FFFFFF; border:1px solid #E0D3AE; }
  .pillar-detail:nth-child(even) .fact { background:#FBF9F4; }
  .pillar-detail .fact b { font-family:'Fraunces',serif; font-size:17px; color:#1C130C; }
  .pillar-detail .fact span { font-size:12.5px; color:#8A7B5C; }

  /* impact numbers */
  .impact { padding:clamp(80px,10vw,110px) 0; background:linear-gradient(155deg, #FBF9F4 0%, #F4EEDC 45%, #F0E6C8 100%); color:#1C130C; }
  .impact .head { max-width:640px; margin:0 auto clamp(48px,6vw,64px); text-align:center; }
  .impact .head .eyebrow { color:#A6821D; justify-content:center; display:flex; }
  .impact .head h2 { font-family:'Fraunces',serif; font-weight:400; font-size:clamp(24px,3vw,32px); color:#1C130C; line-height:1.28; }
  .impact .grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#E4D8BF; border:1px solid #E4D8BF; }
  .impact .item { padding:clamp(28px,3.6vw,36px) clamp(16px,2vw,22px); text-align:center; background:#FFFFFF; }
  .impact .item b { display:block; font-family:'Fraunces',serif; font-weight:400; font-size:clamp(28px,3.6vw,38px); color:#A6821D; margin-bottom:10px; }
  .impact .item span { font-size:12.5px; letter-spacing:.03em; color:#5A4F3C; line-height:1.5; }

  /* packaging & waste — icon row */
  .waste { padding:clamp(90px,11vw,130px) 0; background:#FFFFFF; }
  .waste .grid { display:grid; grid-template-columns:0.9fr 1.1fr; gap:clamp(40px,6vw,72px); align-items:center; }
  .waste .intro .eyebrow { margin-bottom:16px; }
  .waste .intro h2 { font-family:'Fraunces',serif; font-weight:400; font-size:clamp(26px,3.2vw,34px); line-height:1.24; color:#1C130C; margin-bottom:18px; }
  .waste .intro p { font-family:'Cormorant Garamond',serif; font-size:18px; line-height:1.75; color:#5A4F3C; }
  .waste .items { display:flex; flex-direction:column; gap:1px; background:#E4D8BF; border:1px solid #E4D8BF; }
  .waste .item { background:#FFFFFF; padding:22px 26px; display:flex; gap:18px; align-items:flex-start; }
  .waste .item svg { color:#A6821D; flex:0 0 auto; margin-top:2px; }
  .waste .item h4 { font-family:'Fraunces',serif; font-weight:500; font-size:15.5px; color:#1C130C; margin-bottom:4px; }
  .waste .item p { font-size:14px; line-height:1.6; color:#5A4F3C; }

  @media (max-width:900px) {
    .pillar-detail .row, .pillar-detail .row.reverse { grid-template-columns:1fr; direction:ltr; }
    .pillar-detail .frame { max-width:400px; margin:0 auto; }
    .impact .grid { grid-template-columns:repeat(2,1fr); }
    .waste .grid { grid-template-columns:1fr; }
  }
  @media (max-width:480px) {
    .impact .grid { grid-template-columns:1fr; }
  }