#packaging{padding:32px 0 80px;border-top:0;background:linear-gradient(#edf3f8 0,#fff 190px)}
#packaging .packaging-editorial{position:relative}
#packaging .packaging-editorial::before{content:"";position:absolute;top:-32px;left:0;right:0;height:1px;background:#cbd8e8}
@media(max-width:600px){#packaging .packaging-editorial::before{top:-24px}}
#packaging .pack-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end;margin-bottom:36px}
#packaging .pack-heading h2{font-size:clamp(32px,2.8vw,50px);line-height:1.12;margin-top:16px}
#packaging .pack-heading>p{font-size:16px;line-height:1.7;max-width:500px;justify-self:end}
#packaging .pack-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
#packaging figure{display:block;max-height:none;overflow:visible;min-width:0;margin:0}
#packaging figure a{display:flex;align-items:center;justify-content:center;height:clamp(300px,27vw,450px);border-radius:6px;overflow:hidden;background:#e8edf1;border:1px solid #dce3ea}
#packaging figure img{display:block;width:100%;max-height:none;height:100%;object-fit:contain;border-radius:0}
#packaging figure a:hover{outline:2px solid #0751c9;outline-offset:3px}
#packaging figcaption{display:flex;align-items:baseline;gap:13px;padding:18px 0 0}
#packaging figcaption span{font-size:12px;color:#0650bf;font-weight:700}
#packaging figcaption h3{font-size:20px;line-height:1.3}
@media(max-width:900px){#packaging .pack-heading{grid-template-columns:1fr;gap:20px}#packaging .pack-heading>p{justify-self:start}#packaging .pack-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}#packaging figure a{height:300px}#packaging figcaption h3{font-size:17px}}
@media(max-width:600px){#packaging{padding:24px 0 50px}#packaging .pack-heading h2{font-size:34px}#packaging .pack-gallery{grid-template-columns:1fr}#packaging figure a{height:360px}#packaging figcaption{padding-top:13px}}