.things-page { background: #fdfbf7; color: #17658c; }
.things-page *, .things-page *::before, .things-page *::after { box-sizing: border-box; }
.things-page .things-accessible-copy { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
.things-hero picture, .things-hero img { display: block; width: 100%; height: auto; }
.things-content { position: relative; width: min(94%, 1800px); margin: 0 auto; padding: 14px 0 26px; }
.things-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.things-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 18px; padding: 24px 26px 16px; background: #eaf5f8; }
.things-card--options, .things-card--storage, .things-card--lasting { background: #eef4ee; }
.things-page .things-card h2 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(24px, 1.95vw, 37px); font-weight: 600; letter-spacing: -.035em; line-height: 1.12; color: #075780; margin: 0 0 12px; }
.things-page .things-card p { color: #28799e; font-size: clamp(15px, 1.12vw, 22px); line-height: 1.45; margin: 0; }
.things-card-heading { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 18px; align-items: start; }
.things-number { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: #c6e3df; color: #075780; font-size: 31px; font-weight: 800; line-height: 1; }
.things-art { display: block; width: 100%; height: auto; object-fit: contain; }
.things-art--slow { margin-top: auto; max-height: 180px; }
.things-options-art { margin-top: auto; padding-top: 18px; }
.things-options-art > img:first-child { max-height: 105px; }
.things-meat-labels { max-height: 80px; margin: 0 auto; }
.things-art--plan { margin: auto 0 8px; padding-top: 22px; }
.things-storage-art { position: relative; margin-top: auto; padding-top: 28px; }
.things-storage-art img { width: 86%; height: 125px; object-fit: fill; }
.things-temperature, .things-no-freeze { position: absolute; color: #17658c; font-size: clamp(12px, 1.05vw, 20px); line-height: 1.4; top: 58%; }
.things-temperature { left: 44%; top: auto; bottom: -5px; }
.things-no-freeze { right: 0; }
.things-freshness-content { display: grid; grid-template-columns: 1fr 39%; gap: 14px; align-items: center; flex: 1; margin-top: 8px; margin-bottom: -16px; }
.things-freshness-content img { display: block; width: 100%; height: auto; align-self: end; }
.things-art--calendar { width: 65%; max-height: 160px; margin: auto auto 0; padding-top: 14px; }
.things-signoff { text-align: center; padding: 16px 0 0; color: #17658c; }
.things-signoff > span { display: flex; align-items: center; justify-content: center; gap: 16px; font-size: 28px; line-height: 1; }
.things-signoff > span::before, .things-signoff > span::after { content: ''; width: 120px; height: 1px; background: #acd2df; }
.things-page .things-signoff p { color: #28799e; font-size: 12px; letter-spacing: .19em; text-transform: uppercase; margin: 8px 0 0; }
@media (max-width: 1000px) and (min-width: 768px) {
  .things-card { padding: 18px 16px 14px; }
  .things-card-heading { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }
  .things-number { width: 42px; height: 42px; font-size: 23px; }
  .things-page .things-card h2 { font-size: 23px; }
  .things-page .things-card p { font-size: 14px; }
}
@media (max-width: 767px) {
  .things-content { width: calc(100% - 28px); padding-top: 8px; padding-bottom: 95px; }
  .things-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .things-card { padding: 12px 10px 12px; border-radius: 12px; }
  .things-card--transition { background: #f6f3e9; }
  .things-card--storage { background: #eaf5f8; }
  .things-card-heading { grid-template-columns: 29px minmax(0, 1fr); gap: 7px; }
  .things-number { width: 29px; height: 29px; font-size: 16px; }
  .things-page .things-card h2 { font-size: clamp(16px, 3.1vw, 25px); margin-bottom: 9px; }
  .things-page .things-card p { font-size: clamp(11px, 2.05vw, 16px); line-height: 1.45; }
  .things-art--slow { max-height: 115px; padding-top: 6px; }
  .things-options-art { padding-top: 8px; }
  .things-options-art > img:first-child { max-height: 80px; }
  .things-meat-labels { max-height: 52px; }
  .things-art--plan { padding-top: 16px; margin-bottom: 0; }
  .things-storage-art { padding-top: 14px; }
  .things-storage-art img { height: 72px; width: 82%; }
  .things-temperature, .things-no-freeze { font-size: clamp(9px, 1.7vw, 13px); top: 57%; }
  .things-temperature { left: 43%; top: auto; bottom: -5px; }
  .things-freshness-content { gap: 5px; grid-template-columns: 1fr 38%; margin-bottom: -12px; }
  .things-art--calendar { width: 80%; max-height: 115px; padding-top: 12px; }
  .things-signoff > span::before, .things-signoff > span::after { width: 65px; }
  .things-page .things-signoff p { font-size: 9px; }
}