.packaging-breadcrumb{padding-top:25px}
.packaging-breadcrumb nav{display:flex;gap:12px;align-items:center;font-size:11px;flex-wrap:wrap}
.packaging-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.packaging-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-block:54px 85px}
.packaging-intro h1{font-size:clamp(56px,5.7vw,82px);margin:23px 0 28px;overflow-wrap:break-word}
.packaging-intro h1 em{display:block;color:var(--accent);font-size:.83em;line-height:1.15;margin-top:.1em}
.packaging-intro>p:not(.eyebrow){max-width:490px;margin-top:16px}
.packaging-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}
.packaging-hero-image{margin:0;min-width:0}
.packaging-hero-image img{aspect-ratio:1.05;object-fit:cover}
.packaging-hero-image figcaption{font-size:10px;margin-top:13px}
.packaging-section-heading .eyebrow{margin-bottom:20px}
.packaging-section-heading h2 em,.packaging-about h2 em,.packaging-contact h2 em,.packaging-faq h2 em{color:var(--accent)}
.packaging-section-heading>p:not(.eyebrow){max-width:660px;margin-top:25px}
.packaging-service{background:var(--ink);color:var(--paper);padding-block:85px}
.packaging-service h2 em{color:var(--pink)}
.packaging-offerings{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:50px}
.packaging-offerings article{border-top:1px solid #f7f3e95c;padding-top:20px}
.packaging-number{font-size:11px;color:var(--pink)}
.packaging-offering-icon{display:block;width:58px;height:58px;margin-top:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.packaging-icon-pouch{color:var(--gold)}
.packaging-icon-labels{color:#b0c4a0}
.packaging-icon-botanical{color:var(--pink)}
.packaging-offerings h3{font-size:21px;letter-spacing:-.035em;line-height:1.3;margin:22px 0 15px}
.packaging-offerings p{font-size:14px}
.packaging-projects{padding-block:90px 40px}
.packaging-cases{display:grid;grid-template-columns:1fr 1fr;gap:54px 34px;margin-top:42px}
.packaging-case{min-width:0}
.packaging-case-featured{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px}
.packaging-case-image{display:block;position:relative;overflow:hidden}
.packaging-case-image img{aspect-ratio:1.35;object-fit:cover;transition:transform .3s}
.packaging-case-image:hover img{transform:scale(1.025)}
.packaging-case-image>span{position:absolute;bottom:16px;right:16px;background:var(--paper);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:23px}
.packaging-case-copy{padding-top:22px}
.packaging-case-featured .packaging-case-copy{padding-top:0}
.packaging-case-copy h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin:14px 0 18px}
.packaging-case-copy p:not(.eyebrow){max-width:570px}
.packaging-case-copy .text-link{margin-top:22px}
.packaging-process{padding-block:65px 80px}
.packaging-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;margin:42px 0 0}
.packaging-steps li{counter-increment:step;border-top:1px solid var(--line);padding-top:22px}
.packaging-steps li:before{content:'0' counter(step);font-size:12px;color:var(--accent)}
.packaging-steps h3{font-size:18px;letter-spacing:-.025em;margin:18px 0 12px}
.packaging-steps p{font-size:13px}
.packaging-about{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;padding-block:45px 70px;border-top:1px solid var(--line)}
.packaging-about h2{font-size:clamp(40px,4.5vw,64px)}
.packaging-about p:not(.eyebrow){max-width:690px;margin-top:24px}
.packaging-about .text-link{margin-top:24px}
.packaging-faq{padding-block:55px 80px}
.packaging-contact{background:var(--pink);padding-block:75px}
.packaging-contact>.wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center}
.packaging-contact .eyebrow{margin-bottom:22px}
.packaging-contact h2{font-size:clamp(42px,4.8vw,68px)}
.packaging-contact p:not(.eyebrow){max-width:530px;margin-top:25px}
.packaging-contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:26px}
.service-detail-link{display:inline-block;border-bottom:1px solid currentColor;font-size:11px;padding-bottom:3px;margin-top:18px;text-underline-offset:4px}
.service-detail-link:hover{color:var(--pink)}
@media(max-width:1100px){.packaging-hero{gap:35px}.packaging-intro h1{font-size:59px}.packaging-offerings{gap:25px}.packaging-case-featured{gap:30px}.packaging-steps{grid-template-columns:repeat(2,1fr);row-gap:32px}}
@media(max-width:760px){
  .packaging-breadcrumb{padding-top:20px}.packaging-breadcrumb nav{font-size:10px}
  .packaging-hero{grid-template-columns:1fr;padding-block:32px 48px;gap:34px}
  .packaging-intro h1{font-size:clamp(45px,12vw,64px);margin:20px 0 23px}
  .packaging-intro>p:not(.eyebrow){font-size:14px}.packaging-actions{gap:22px;margin-top:25px}
  .packaging-hero-image img{aspect-ratio:1.15}.packaging-hero-image figcaption{font-size:9px}
  .packaging-service{padding-block:48px}.packaging-section-heading>p:not(.eyebrow){font-size:14px;margin-top:22px}
  .packaging-offerings{grid-template-columns:1fr;gap:27px;margin-top:35px}
  .packaging-offerings h3{margin-top:13px;font-size:21px}.packaging-offerings article{padding-top:16px}
  .packaging-offering-icon{width:46px;height:46px;margin-top:18px}
  .packaging-projects{padding-block:48px 20px}.packaging-cases{grid-template-columns:1fr;gap:38px;margin-top:30px}
  .packaging-case-featured{grid-column:auto;display:block}.packaging-case-featured .packaging-case-copy{padding-top:22px}
  .packaging-case-copy h3{font-size:23px}.packaging-case-copy p:not(.eyebrow){font-size:14px}
  .packaging-process{padding-block:35px 48px}.packaging-steps{gap:25px 20px;margin-top:30px}
  .packaging-steps h3{font-size:17px}.packaging-steps p{font-size:12px}
  .packaging-about{grid-template-columns:1fr;gap:22px;padding-block:30px 40px}
  .packaging-about h2{font-size:43px}.packaging-about p:not(.eyebrow){font-size:14px;margin-top:20px}
  .packaging-faq{padding-block:25px 48px}.packaging-contact{padding-block:48px}
  .packaging-contact>.wrap{grid-template-columns:1fr;gap:28px}.packaging-contact h2{font-size:43px}
  .packaging-contact-actions{gap:22px}.packaging-contact p:not(.eyebrow){font-size:14px}
}
