/* Packaging update, scoped to the three approved English pages. */
.packaging-home-checkpoint main h1,.packaging-home-checkpoint main h3,.packaging-graphics-checkpoint main h1,.packaging-graphics-checkpoint main h2,.packaging-graphics-checkpoint main h3{text-wrap:balance}

.packaging-graphics-checkpoint [aria-label="Packaging expertise"]{display:block;max-width:none}
.packaging-graphics-checkpoint [aria-label="Packaging expertise"]>.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px}
.packaging-graphics-checkpoint [aria-label="Packaging expertise"] .card{display:block;min-width:0;padding:26px}
.packaging-graphics-checkpoint [aria-label="Packaging expertise"] .card h3{font-size:23px;line-height:1.3;margin:0 0 16px;grid-column:auto}
.packaging-graphics-checkpoint [aria-label="Packaging expertise"] .card p{font-size:17px;line-height:1.65;margin:0;grid-column:auto}
.packaging-graphics-checkpoint [aria-label="Fictional packaging concept"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:44px;align-items:center}
.packaging-graphics-checkpoint [aria-label="Fictional packaging concept"] figure{margin:0;min-width:0}
.packaging-graphics-checkpoint [aria-label="Fictional packaging concept"] figure img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.packaging-graphics-checkpoint [aria-label="Fictional packaging concept"] p{font-size:18px;line-height:1.7;max-width:40em}
@media(max-width:1000px){.packaging-graphics-checkpoint [aria-label="Packaging expertise"]>.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){

 .packaging-graphics-checkpoint [aria-label="Packaging expertise"]>.cards{grid-template-columns:1fr;gap:18px}
 .packaging-graphics-checkpoint [aria-label="Packaging expertise"] .card{padding:22px}
 .packaging-graphics-checkpoint [aria-label="Packaging expertise"] .card h3{font-size:22px}
 .packaging-graphics-checkpoint [aria-label="Packaging expertise"] .card p{font-size:16px}
 .packaging-graphics-checkpoint [aria-label="Fictional packaging concept"]{grid-template-columns:1fr;gap:24px}
 .packaging-graphics-checkpoint [aria-label="Fictional packaging concept"] p{font-size:17px}
}

.packaging-graphics-checkpoint.inner-copy-checkpoint.graphics-pilot [aria-label="Packaging expertise"] .cards .card:not(:has(>.image-frame)){padding:26px}
@media(max-width:600px){.packaging-graphics-checkpoint.inner-copy-checkpoint.graphics-pilot [aria-label="Packaging expertise"] .cards .card:not(:has(>.image-frame)){padding:22px}}



/* Home AI focus; Services and Graphics remain unchanged. */
.home-copy-checkpoint.home-ai-focus .portfolio-row>.cards{grid-template-columns:1fr}
.home-copy-checkpoint.home-ai-focus .portfolio-row .cards>.card{display:grid;grid-template-columns:280px minmax(0,1fr);gap:38px;align-items:center;padding:32px}
.home-copy-checkpoint.home-ai-focus .portfolio-row .cards>.card>.image-frame{width:100%;height:240px;object-fit:contain;margin:0}
.home-copy-checkpoint.home-ai-focus .portfolio-row .card p{margin:0 0 24px}
.home-copy-checkpoint.home-ai-focus .usecases>.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-copy-checkpoint.home-ai-focus .usecases .card:nth-child(n){grid-column:auto}
@media(max-width:900px){.home-copy-checkpoint.home-ai-focus .usecases>.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-copy-checkpoint.home-ai-focus .portfolio-row .cards>.card{grid-template-columns:200px minmax(0,1fr);gap:24px}}
@media(max-width:600px){.home-copy-checkpoint.home-ai-focus .portfolio-row .cards>.card{grid-template-columns:1fr;padding:22px;gap:22px}.home-copy-checkpoint.home-ai-focus .portfolio-row .cards>.card>.image-frame{height:190px}.home-copy-checkpoint.home-ai-focus .usecases>.cards{grid-template-columns:1fr}}

/* Graphics packaging collaboration hero, vertically centred beside its copy. */
.packaging-graphics-checkpoint.graphics-pilot .hero>.image-frame{width:44%;max-width:640px;height:auto;right:3%;top:50%;bottom:auto;transform:translateY(-50%);object-fit:contain}
@media(max-width:600px){.packaging-graphics-checkpoint.graphics-pilot .hero>.image-frame{width:88%;max-width:none;right:6%;top:auto;bottom:18px;transform:none}.packaging-graphics-checkpoint.graphics-pilot main .hero{padding-bottom:285px}}

@media(max-width:600px){.packaging-graphics-checkpoint.inner-copy-checkpoint.graphics-pilot .hero h1{font-size:37px!important}}
