.packaging-gateway { padding: clamp(2rem, min(3vw, 38.4px), 3rem) var(--page-x); display: flex; align-items: center; justify-content: space-between; gap: 2rem; color: #fff; background: var(--navy); }
.packaging-gateway h2 { margin: 0 0 .75rem; font-size: clamp(1.8rem, min(2.7vw, 34.56px), 2.7rem); font-weight: 400; line-height: 1.15; }
.packaging-gateway p { max-width: 65ch; margin: 0; color: #dce7f1; font-size: .95rem; line-height: 1.65; }
.packaging-gateway a { flex-shrink: 0; min-height: 48px; padding: .9rem 1.3rem; display: inline-flex; align-items: center; gap: 1rem; color: var(--navy-deep); background: #fff; text-decoration: none; font-size: .88rem; font-weight: 700; }
.packaging-gateway a:hover { background: #e9f0f6; }
.packaging-gateway a:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
@media (max-width: 700px) { .packaging-gateway { flex-direction: column; align-items: flex-start; gap: 1.25rem; } }