/* TECHNOLOGY only. Approved HEADER/HERO/PHILOSOPHY stay frozen. */
.technology {
  position: relative; height: 155px; margin: 0 25px 0 35px;
  border: 1px solid #f3f0eb;
  background: linear-gradient(#f7f5f2d9, #f5f3f1e8), url('../assets/paper-texture.png') center / 690px 1140px;
  box-shadow: 1px 2px 2px #685f4d30;
  clip-path: inset(0 -8px -8px);
  @media (max-width: 900px) { height: auto; margin: 0 20px 25px; padding: 45px 12px 16px; }
}
.technology h2 { position: absolute; left: 19px; top: 10px; margin: 0; font-size: 12px; line-height: 20px; font-weight: 400; letter-spacing: 1.2px; }
.technology-all { position: absolute; top: 8px; right: 39px; display: flex; gap: 12px; align-items: center; padding: 0; border: 0; background: none; font-size: 9px; line-height: 19px; letter-spacing: .6px; }
.technology-all span:first-child { border-bottom: 1px solid #c4bdb1; }
.technology-all span:last-child { font-size: 16px; }
.technology-cards {
  position: absolute; top: 25px; left: 10.5263%; right: 7.6023%; display: grid; grid-template-columns: 168fr 198fr 200fr 200fr; gap: 24px;
  @media (max-width: 900px) { position: relative; inset: auto; grid-template-columns: 1fr 1fr; gap: 16px; }
}
.technology-card { position: relative; height: 110px; overflow: hidden; padding: 6px 11px; color: #676159; border: 1px solid #f1eeea; background: linear-gradient(#fdfbf9ef, #f8f6f4e8), url('../assets/paper-texture.png') center / 240px 397px; box-shadow: 1px 1px 2px #655b4820; }
.technology-number { position: relative; z-index: 1; display: block; font: 7px/12px Georgia, serif; letter-spacing: .5px; }
.technology-card h3 { position: relative; z-index: 1; margin: 1px 0 3px; font-size: 11px; line-height: 17px; font-weight: 400; letter-spacing: 1px; }
.technology-card p { position: relative; z-index: 1; margin: 0; font-size: 8px; line-height: 14px; letter-spacing: .5px; }
.technology-structure { position: absolute; right: 0; bottom: 0; width: 58px; height: 68px; object-fit: cover; clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%); filter: saturate(.7) contrast(.9) brightness(1.03); }
.technology-forest { position: absolute; right: 0; bottom: 0; width: 142px; height: 106px; object-fit: fill; opacity: .6; mask-image: linear-gradient(135deg, transparent 20%, #000 75%); }
.technology-condensation { position: absolute; right: 0; bottom: 0; width: 71px; height: 63px; object-fit: cover; filter: grayscale(1); opacity: .8; }
.technology-plan { position: absolute; right: -1px; bottom: -3px; width: 105px; height: 76px; object-fit: contain; opacity: .4; }