/* Page-specific styles and accent theme: packaging.html */
.mat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.mat .t{aspect-ratio:1/1;border-radius:10px;overflow:hidden}
.mat .t img{width:100%;height:100%;object-fit:cover}
.mat>div{display:flex;flex-direction:column;gap:10px}
.mat b{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:16.5px}
.mat span{font-size:14px;color:var(--fg2);line-height:1.45}
@media (max-width:1024px){.mat{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pk{--g1:#1B0904;--g2:#73280F;--g3:#3A1408;--acc:#FFB48C;--accd:#9A3C17}