#recycle.recycle { display: block; min-height: 0; background: var(--ink); }
#recycle .recycle-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); max-width: 1440px; margin-inline: auto; }
#recycle .ph { min-width: 0; min-height: 0; margin: 0; position: relative; overflow: clip; }
#recycle .ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 43% 54%; filter: none; }
#recycle .ph::after { width: 44px; }
#recycle .ph figcaption { position: absolute; z-index: 1; left: 24px; bottom: 20px; margin-right: 24px; padding: 4px 9px; background: rgba(13, 30, 59, .78); color: #fff; font-size: 11px; line-height: 1.8; }
#recycle .t { min-width: 0; padding: 40px 48px 40px 32px; gap: 18px; }
#recycle .label { margin: 0; opacity: 1; }
#recycle h2 { max-width: none; margin: 0; font-size: 32px; line-height: 1.45; letter-spacing: 0; text-wrap: balance; }
#recycle h2 span { display: inline-block; }
#recycle .recycle-lead { max-width: 54em; color: #dce5f4; opacity: 1; font-size: 16px; line-height: 1.85; }
#recycle .recycle-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding-block: 20px; border-block: 1px solid rgba(220, 229, 244, .25); }
#recycle .recycle-services > section { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
#recycle .recycle-services > section + section { padding-left: 24px; border-left: 1px solid rgba(220, 229, 244, .25); }
#recycle .recycle-services h3 { margin-bottom: 8px; color: #fff; font-size: 18px; line-height: 1.6; letter-spacing: 0; }
#recycle .recycle-services p { max-width: none; margin-bottom: 10px; color: #dce5f4; opacity: 1; font-size: 14px; line-height: 1.85; }
#recycle .recycle-services .link { margin-top: auto; min-height: 44px; font-size: 14px; line-height: 1.7; }
#recycle .recycle-services .link::after { flex-shrink: 0; }
#recycle .recycle-notes p { max-width: none; color: #c7d3e8; opacity: 1; font-size: 13px; line-height: 1.85; }
#recycle .recycle-notes p + p { margin-top: 6px; }
@media (min-width: 901px) and (max-width: 1199px) {
  #recycle .t { padding: 36px 28px 36px 24px; }
  #recycle h2 { font-size: 28px; }
  #recycle .recycle-services { gap: 18px; }
  #recycle .recycle-services > section + section { padding-left: 18px; }
}
@media (max-width: 900px) {
  #recycle .recycle-inner { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  #recycle .ph { height: 220px; }
  #recycle .ph img { object-position: center 61%; }
  #recycle .ph::after { display: none; }
  #recycle .t { padding: 36px var(--margin); }
  #recycle h2 { font-size: 28px; }
}
@media (max-width: 600px) {
  #recycle .ph { height: 180px; }
  #recycle .ph figcaption { left: 20px; bottom: 16px; }
  #recycle .t { padding-block: 32px; }
  #recycle h2 { font-size: 26px; }
  #recycle .recycle-lead { font-size: 15px; }
  #recycle .recycle-services { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-block: 18px; }
  #recycle .recycle-services > section + section { padding: 18px 0 0; border-left: 0; border-top: 1px solid rgba(220, 229, 244, .25); }
}