body[data-page="design"] .inner-header{min-height:330px;padding-top:55px;padding-bottom:55px;align-items:center}
body[data-page="design"] .inner-header h1{font-size:clamp(46px,6vw,78px)}
body[data-page="design"] .inner-header p:last-child{font-size:18px}
body[data-page="design"] .subnav{position:relative;top:auto;padding-top:14px;padding-bottom:14px}
.design-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:45px clamp(24px,6vw,96px) 65px;background:#f5f2eb}
.design-overview-grid .content-block{display:grid;grid-template-columns:42% 58%;gap:0;padding:0;min-height:310px;background:#fff!important;border:1px solid var(--line);align-items:stretch}
.design-overview-grid .content-block .content-image{order:0!important;height:auto;min-height:310px}
.design-overview-grid .content-image img{height:100%;object-fit:cover}
.design-overview-grid .content-copy{display:flex;flex-direction:column;padding:28px}
.design-overview-grid .content-copy .eyebrow{margin-bottom:12px;color:#789145}
.design-overview-grid .content-copy h2{margin-bottom:14px;font-size:clamp(25px,2.4vw,36px)}
.design-overview-grid .content-copy p:not(.eyebrow){margin:0;font-size:15px;line-height:1.55}
.design-overview-grid .content-copy .text-link{margin-top:auto;padding-top:20px;border-bottom:0;text-decoration:underline;text-underline-offset:4px}
body[data-page="design"] .page-cta{padding-top:65px;padding-bottom:65px}
body[data-page="design"] .page-cta h2{font-size:clamp(34px,4.2vw,58px);max-width:850px}
@media(max-width:1000px){.design-overview-grid .content-block{grid-template-columns:1fr}.design-overview-grid .content-block .content-image{min-height:220px;height:220px}}
@media(max-width:720px){body[data-page="design"] .inner-header{min-height:0;padding-top:45px;padding-bottom:45px}.design-overview-grid{grid-template-columns:1fr;padding:28px 18px 45px}.design-overview-grid .content-block{grid-template-columns:38% 62%;min-height:260px}.design-overview-grid .content-block .content-image{height:auto;min-height:260px}.design-overview-grid .content-copy{padding:22px}}
@media(max-width:520px){.design-overview-grid .content-block{grid-template-columns:1fr}.design-overview-grid .content-block .content-image{height:190px;min-height:190px}}

/* design process */
.design-process{grid-column:1/-1;padding:34px;background:#173f36;color:#fff}.design-process-head{display:grid;grid-template-columns:.35fr 1fr;gap:25px;align-items:end;margin-bottom:28px}.design-process-head .eyebrow{margin:0;color:#d7ed52}.design-process-head h2{margin:0;font:700 clamp(30px,3.5vw,48px)/1.05 var(--display);letter-spacing:-.04em}.design-process ol{display:grid;grid-template-columns:repeat(6,1fr);gap:0;list-style:none;margin:0;padding:0}.design-process li{position:relative;min-width:0;padding:20px 24px 8px 0;border-top:1px solid rgba(255,255,255,.28)}.design-process li:not(:last-child):after{content:'→';position:absolute;right:8px;top:17px;color:#d7ed52;font-size:18px}.design-process li>span{display:block;margin-bottom:25px;color:#d7ed52;font:800 11px var(--display);letter-spacing:.12em}.design-process h3{margin:0 0 8px;font:700 17px/1.15 var(--display)}.design-process li p{margin:0;color:#bdcac5;font-size:13px;line-height:1.45}@media(max-width:980px){.design-process ol{grid-template-columns:repeat(3,1fr);row-gap:25px}.design-process li:nth-child(3):after{display:none}}@media(max-width:620px){.design-process{padding:26px 22px}.design-process-head{grid-template-columns:1fr;gap:8px}.design-process ol{grid-template-columns:1fr}.design-process li{padding:16px 0 16px 48px}.design-process li:not(:last-child):after{content:'↓';right:auto;left:16px;top:auto;bottom:-16px}.design-process li>span{position:absolute;left:0;top:18px;margin:0}.design-process li p{font-size:14px}}

/* packaging overview */
body[data-page="packaging"] .inner-header{min-height:330px;padding-top:55px;padding-bottom:55px;align-items:center}body[data-page="packaging"] .inner-header h1{font-size:clamp(46px,6vw,78px)}body[data-page="packaging"] .inner-header p:last-child{font-size:18px}body[data-page="packaging"] .subnav{position:relative;top:auto;padding-top:14px;padding-bottom:14px}.packaging-overview-grid{padding-top:45px}.packaging-overview-grid .content-copy h2{font-size:clamp(23px,2.2vw,33px)}.packaging-overview-grid .content-copy p:not(.eyebrow){font-size:15px}.packaging-overview-grid .content-copy .text-link{margin-top:auto;padding-top:18px;border-bottom:0;text-decoration:underline;text-underline-offset:4px}body[data-page="packaging"] .page-cta{padding-top:65px;padding-bottom:65px}body[data-page="packaging"] .page-cta h2{font-size:clamp(34px,4.2vw,58px);max-width:850px}@media(max-width:720px){body[data-page="packaging"] .inner-header{min-height:0;padding-top:45px;padding-bottom:45px}}
/* Stable responsive layout for the four design cards */
.design-overview-grid .content-block,.design-overview-grid .content-image,.design-overview-grid .content-copy{min-width:0}.design-overview-grid .content-block{overflow:hidden}.design-overview-grid .content-image{width:100%;aspect-ratio:auto;overflow:hidden}.design-overview-grid .content-image img{display:block;width:100%;max-width:100%}.design-overview-grid .content-copy{position:relative;overflow-wrap:anywhere;word-break:normal}.design-overview-grid .content-copy h2,.design-overview-grid .content-copy p{max-width:100%}
@media(max-width:1180px){body[data-page="design"] .design-overview-grid{grid-template-columns:1fr}.design-overview-grid .content-block{grid-template-columns:minmax(260px,38%) minmax(0,1fr);min-height:280px}.design-overview-grid .content-block .content-image{height:auto;min-height:280px}.design-overview-grid .content-copy h2{font-size:clamp(25px,4vw,36px)}}
@media(max-width:700px){body[data-page="design"] .design-overview-grid{grid-template-columns:1fr}.design-overview-grid .content-block{grid-template-columns:1fr;min-height:0}.design-overview-grid .content-block .content-image{width:100%;height:auto;min-height:0;aspect-ratio:16/9}.design-overview-grid .content-copy{padding:24px;min-height:0}.design-overview-grid .content-copy .text-link{margin-top:18px}.design-overview-grid .content-copy h2{font-size:clamp(25px,8vw,34px)}}
/* Packaging cards: prevent copy from crossing into the image at narrow widths. */
body[data-page="packaging"] .packaging-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-page="packaging"] .packaging-overview-grid .content-block{grid-template-columns:minmax(190px,40%) minmax(0,1fr);min-width:0;overflow:hidden}
body[data-page="packaging"] .packaging-overview-grid .content-image{width:100%;min-width:0;overflow:hidden}
body[data-page="packaging"] .packaging-overview-grid .content-image img{display:block;width:100%;height:100%;object-fit:cover}
body[data-page="packaging"] .packaging-overview-grid .content-copy{min-width:0;max-width:100%;overflow:hidden;padding:clamp(22px,2.2vw,30px)}
body[data-page="packaging"] .packaging-overview-grid .content-copy h2,
body[data-page="packaging"] .packaging-overview-grid .content-copy p{max-width:100%;overflow-wrap:anywhere;word-break:normal}
@media(max-width:1180px){
  body[data-page="packaging"] .packaging-overview-grid{grid-template-columns:1fr}
  body[data-page="packaging"] .packaging-overview-grid .content-block{grid-template-columns:minmax(250px,36%) minmax(0,1fr);min-height:280px}
  body[data-page="packaging"] .packaging-overview-grid .content-image{height:auto;min-height:280px}
}
@media(max-width:700px){
  body[data-page="packaging"] .packaging-overview-grid .content-block{grid-template-columns:1fr;min-height:0}
  body[data-page="packaging"] .packaging-overview-grid .content-image{height:auto;min-height:0;aspect-ratio:16/9}
  body[data-page="packaging"] .packaging-overview-grid .content-copy{padding:24px;overflow:visible}
}
/* Final packaging layout: image and copy use separate rows, never overlapping. */
body[data-page="packaging"] .packaging-overview-grid .content-block{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:clamp(210px,22vw,300px) auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
body[data-page="packaging"] .packaging-overview-grid .content-image{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
body[data-page="packaging"] .packaging-overview-grid .content-image img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:cover!important;
}
body[data-page="packaging"] .packaging-overview-grid .content-copy{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
  padding:26px 28px 30px!important;
  overflow:visible!important;
}
body[data-page="packaging"] .packaging-overview-grid .content-copy h2{
  font-size:clamp(25px,2.5vw,36px)!important;
  line-height:1.08!important;
  overflow-wrap:anywhere!important;
  hyphens:auto;
}
@media(max-width:760px){
  body[data-page="packaging"] .packaging-overview-grid{grid-template-columns:1fr!important}
  body[data-page="packaging"] .packaging-overview-grid .content-block{grid-template-rows:220px auto!important}
}

/* Packaging buyer guide for the static website. */
:is(body[data-page="packaging"],body.page-packaging) :is(.packaging-guide-intro,.packaging-materials,.packaging-factors,.packaging-routing,.packaging-solutions-head,.packaging-process,.packaging-guide-cta){
  box-sizing:border-box;
  width:min(1280px,calc(100% - 48px));
  margin-inline:auto;
}
.packaging-guide-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);padding:70px 0 54px;border-bottom:1px solid var(--line)}
.packaging-guide-intro>*{min-width:0}.packaging-guide-intro h2,.packaging-materials>h2,.packaging-factors>h2,.packaging-section-head h2,.packaging-solutions-head h2,.packaging-process>h2,.packaging-guide-cta h2{margin:0;font:700 clamp(32px,4vw,54px)/1.04 var(--display);letter-spacing:-.035em}.packaging-guide-intro p{font-size:clamp(16px,1.5vw,19px);line-height:1.65}.packaging-guide-intro p:first-child{margin-top:0}
.packaging-materials,.packaging-factors,.packaging-routing,.packaging-process{padding:64px 0}.packaging-materials>h2,.packaging-factors>h2,.packaging-process>h2{max-width:850px;margin-bottom:32px}
.packaging-material-grid,.packaging-factor-grid,.packaging-route-grid{display:grid;gap:18px}.packaging-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.packaging-factor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.packaging-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.packaging-material-card,.packaging-factor-card,.packaging-route-card{display:flex;min-width:0;flex-direction:column;padding:clamp(24px,2.6vw,36px);background:#fff;border:1px solid var(--line);overflow-wrap:anywhere}.packaging-material-card{border-top:4px solid #bedf38}.packaging-material-card:nth-child(2){border-top-color:#789145}.packaging-material-card:nth-child(3){border-top-color:#173f36}.packaging-material-card h3,.packaging-factor-card h3,.packaging-route-card h3{margin:0 0 14px;font:700 clamp(23px,2vw,31px)/1.1 var(--display);letter-spacing:-.025em}.packaging-material-card>.eyebrow{min-height:2.5em;color:#567034}.packaging-material-card p,.packaging-factor-card p,.packaging-route-card p{line-height:1.6}.packaging-material-card ul{margin:12px 0 22px;padding-left:20px}.packaging-material-card li{margin:0 0 8px;line-height:1.45}.packaging-material-card .text-link,.packaging-factor-card .text-link,.packaging-route-card .text-link{margin-top:auto;padding-top:18px}
.packaging-factors{width:100%!important;max-width:none!important;padding-inline:max(24px,calc((100% - 1280px)/2));background:#f5f2eb}.packaging-factor-card{background:#fbfaf7}.packaging-factor-card h3{font-size:clamp(21px,1.8vw,27px)}
.packaging-routing{padding-top:72px}.packaging-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:48px;align-items:end;margin-bottom:32px}.packaging-section-head>*{min-width:0}.packaging-section-head p{margin:0;font-size:18px;line-height:1.6}.packaging-route-card{background:#173f36;color:#fff;border:0}.packaging-route-card:nth-child(2){background:#789145}.packaging-route-card:nth-child(3){background:#e8e1d3;color:#10231e}.packaging-route-card p{color:inherit;opacity:.82}.packaging-route-card .text-link{color:inherit}
.packaging-solutions-head{padding:40px 0 6px}.packaging-solutions-head h2{margin-bottom:16px}.packaging-solutions-head>p:last-child{max-width:760px;font-size:18px;line-height:1.6}
body.page-packaging .packaging-overview-grid{width:min(1376px,100%);margin:0 auto;padding-top:36px}.page-packaging .packaging-overview-grid .content-block{margin:0!important}.page-packaging .packaging-overview-grid .content-image img{width:100%;height:100%;object-fit:cover}
.packaging-process{padding-bottom:72px}.packaging-process ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}.packaging-process li{position:relative;min-width:0;padding:24px 26px 10px 0;border-top:2px solid #173f36;overflow-wrap:anywhere}.packaging-process li:not(:last-child)::after{content:'\2192';position:absolute;top:19px;right:10px;color:#789145}.packaging-process li>span{display:block;margin-bottom:22px;color:#789145;font:800 12px var(--display);letter-spacing:.12em}.packaging-process h3{margin:0 0 10px;font:700 19px/1.15 var(--display)}.packaging-process li p{margin:0;color:#52615d;font-size:14px;line-height:1.5}
.packaging-guide-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:72px!important;padding:clamp(32px,5vw,64px)!important;background:#d7ed52}.packaging-guide-cta>div{max-width:850px}.packaging-guide-cta h2{margin-bottom:14px}.packaging-guide-cta p:not(.eyebrow){margin:0;font-size:18px;line-height:1.6}.packaging-guide-cta .button{flex:0 0 auto}
@media(max-width:1050px){.packaging-material-grid,.packaging-factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.packaging-material-card:last-child{grid-column:1/-1}.packaging-process ol{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}.packaging-process li:nth-child(3)::after{display:none}}
@media(max-width:760px){:is(body[data-page="packaging"],body.page-packaging) :is(.packaging-guide-intro,.packaging-materials,.packaging-routing,.packaging-solutions-head,.packaging-process,.packaging-guide-cta){width:calc(100% - 36px)}.packaging-guide-intro,.packaging-section-head{grid-template-columns:1fr;gap:22px}.packaging-material-grid,.packaging-factor-grid,.packaging-route-grid{grid-template-columns:1fr}.packaging-material-card:last-child{grid-column:auto}.packaging-process ol{grid-template-columns:1fr}.packaging-process li{padding:18px 0 18px 48px}.packaging-process li:not(:last-child)::after{content:'\2193';top:auto;right:auto;bottom:-17px;left:16px}.packaging-process li:nth-child(3)::after{display:block}.packaging-process li>span{position:absolute;top:20px;left:0;margin:0}.packaging-guide-cta{align-items:flex-start;flex-direction:column}.packaging-guide-cta .button{width:100%;text-align:center}}

:is(body[data-page="design"],body[data-page="packaging"]) footer .logo-lockup img{filter:brightness(0) invert(1)}

/* Equal footer logo widths on the design overview. */
:is(body[data-page="design"],body[data-page="packaging"]) footer .logo-lockup img{
  width:130px!important;
  height:auto!important;
  max-width:130px!important;
  max-height:none!important;
  object-fit:contain!important;
  flex:0 0 130px!important;
}
@media(max-width:520px){
  :is(body[data-page="design"],body[data-page="packaging"]) footer .logo-lockup img{
    width:100px!important;
    max-width:100px!important;
    flex-basis:100px!important;
  }
}