/* Existing packaging designs, shared between home and product-family pages. */
.technology .technology-packaging{margin:20px -12px 25px;aspect-ratio:3/2;min-width:0;background:transparent}
.technology-packaging img{display:block;width:100%;height:100%;object-fit:contain}
/* Shared rows keep each packaging family aligned even when copy wraps. */
.technology-section .technologies{column-gap:0;row-gap:22px}
.technology-section .technology{display:grid;grid-template-rows:subgrid;grid-row:span 7;padding:32px 24px;min-width:0}
.technology-section .technology>.technology-type,.technology-section .technology>h3{margin:0}
.technology-section .technology>.technology-packaging{margin:0;width:100%;max-width:none;aspect-ratio:3/2;align-self:start}
.technology-section .technology>p.technology-description{margin:0;max-width:none}
.technology-section .technology>.tags{margin:0;align-self:start}
.technology-section .technology>.tags span{font-size:12px;line-height:1.5}
.technology-section .technology>p.packaging-formats{margin:0;max-width:none}
.technology-section .technology>.text-link{margin:0;justify-self:start;align-self:end}
.technology .packaging-formats{font-size:14px;line-height:1.65;color:#b5d1dc;margin:16px 0 24px}
.product-packaging{display:grid;grid-template-columns:.8fr 1.35fr;align-items:center;gap:55px;background:radial-gradient(ellipse at 75% 65%,#174e64,#092a40 70%)}
.packaging-copy h2{font-size:clamp(36px,4vw,60px);line-height:1.12;margin-bottom:25px}
.packaging-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#c0d7df;max-width:480px}
.packaging-hero{margin:0;min-width:0}.packaging-hero img{width:100%;height:auto;display:block}
.packaging-format-list{display:flex;flex-wrap:wrap;list-style:none;gap:10px;margin:24px 0;padding:0}
.packaging-format-list li{border:1px solid #77c6d344;padding:7px 12px;font-size:14px;color:#dceff4}
.packaging-copy>.packaging-note{font-size:14px!important;line-height:1.7!important;color:#9ebbc9!important}
.packaging-copy .text-link{font-size:15px;margin-top:18px}
/* Keep the portrait warehouse photograph in a smaller image area, instead of
   stretching it across the whole panorama. The existing overlay stays intact. */
.hero-track>.hero.warehouse-slide .hero-image>img{left:auto;right:0;width:62%;max-width:1100px;object-fit:cover;object-position:50% 52%;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0000001a 8%,#00000080 22%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,#0000001a 8%,#00000080 22%,#000 42%)}
.about-hero.flag-hero{background-image:linear-gradient(90deg,#052339f2 0%,#08394cdb 30%,#10506b6b 61%,#14536830),linear-gradient(0deg,#052339db,transparent 55%),var(--photo);background-position:center;background-size:cover}
.about-hero.flag-hero .about-hero-copy{max-width:800px}
.about-hero.flag-hero .lead{max-width:530px}
.quality-section .warehouse-quality-photo{min-height:640px;background-image:linear-gradient(270deg,var(--paper),#f7fafb66 12%,transparent 32%),var(--photo);background-position:center 48%;background-size:cover}
.about-facade{position:relative;margin:34px 0 0;overflow:hidden;background:#113346}
.about-facade img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 48%}
.about-facade:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#092a40c7,transparent 35%)}
.about-facade figcaption{position:absolute;bottom:20px;left:24px;font-size:13px;letter-spacing:.08em;color:#def2f7;z-index:1}
.photo-band.machinery-band{min-height:480px;align-items:center;background-image:linear-gradient(90deg,#0c456a55 0%,#0d435c88 34%,#103c52ed 59%,#082b40 100%),var(--photo);background-position:center;position:relative}
.photo-band.machinery-band>div{margin-left:auto;width:47%;max-width:630px}
.photo-band.machinery-band .machinery-caption{position:absolute;bottom:18px;left:6%;margin:0;font-size:12px;line-height:1.4;color:#a8c7d5}
@media(max-width:1050px){
 .product-packaging{gap:30px;grid-template-columns:1fr 1.2fr}
 .technology .technology-packaging{margin-left:0;margin-right:0}
 .quality-section .warehouse-quality-photo{min-height:560px}
 .photo-band.machinery-band>div{width:52%}
}
@media(max-width:700px){
 .technology-section .technologies{row-gap:0}
 .technology-section .technology{display:flex;grid-row:auto;gap:22px;padding:30px 0}
 .technology .technology-packaging{max-width:530px;width:100%;align-self:center;margin:12px 0 25px}
 .product-packaging{grid-template-columns:1fr;gap:30px}
 .packaging-hero{grid-row:2}.packaging-copy h2{font-size:42px}
 .hero-track>.hero.warehouse-slide .hero-image>img{width:100%;max-width:none;object-position:50% 55%;-webkit-mask-image:none;mask-image:none}
 .about-hero.flag-hero{background-position:62% center;background-image:linear-gradient(90deg,#052339ee,#103c52b3),var(--photo)}
 .about-facade{max-width:520px}.about-facade figcaption{left:18px}
 .quality-section .warehouse-quality-photo{min-height:490px;background-image:linear-gradient(0deg,var(--paper),transparent 30%),var(--photo)}
 .photo-band.machinery-band{padding-top:210px;padding-bottom:65px;background-image:linear-gradient(0deg,#082b40 0%,#103c52f2 48%,#0c456a55 100%),var(--photo);background-position:25% top}
 .photo-band.machinery-band>div{width:100%;max-width:none}
 .photo-band.machinery-band .machinery-caption{font-size:12px}
}