/* Packaging V5 review. Scoped to this page; shared navigation and contact stay intact. */
.pkg-page { overflow-wrap:break-word; }
.pkg-page figure { margin:0; min-width:0; }
.pkg-page h1,.pkg-dispensing-copy h2,.pkg-collection-copy h3,.pkg-project h2 { white-space:pre-line; }
.pkg-eyebrow { display:block; font-size:10px; font-weight:500; letter-spacing:.13em; line-height:1.6; color:#7b6652; }
.pkg-hero { padding:35px 0 48px; background:var(--soft); }
.pkg-hero-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:65px; }
.pkg-hero-copy { min-width:0; padding:0 0 12px; }
.pkg-hero-copy .breadcrumb { margin-bottom:30px; }
.pkg-hero-copy h1 { margin-top:18px; font-size:clamp(42px,4.5vw,65px); letter-spacing:-.045em; line-height:1.04; }
.pkg-lead { font-size:17px; line-height:1.75; max-width:490px; margin:22px 0 26px; }
.pkg-hero-image { background:#fff; position:relative; }
.pkg-hero-image img { width:100%; height:auto; aspect-ratio:6/5; object-fit:contain; padding:25px; }
.pkg-hero-image figcaption { position:relative; padding:15px 22px; border-top:1px solid #ede9e4; font-size:11px; line-height:1.6; color:#6d655c; }
.pkg-jump { border-bottom:1px solid var(--line); background:#fff; }
.pkg-jump-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.pkg-jump-link { display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:12px; line-height:1.4; padding:23px 27px; border-right:1px solid var(--line); }
.pkg-jump-link:first-child { padding-left:0; }
.pkg-jump-link:last-child { border-right:0; padding-right:0; }
.pkg-jump-link svg { width:17px; height:17px; transform:rotate(90deg); }
.pkg-jump-link:hover { color:#8d6740; }
.pkg-section-intro .pkg-eyebrow { margin-bottom:15px; }
.pkg-section-intro .section-heading { max-width:930px; margin-bottom:40px; }
.pkg-section-intro .section-heading p { max-width:730px; }
.pkg-container-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:45px 28px; }
.pkg-container { display:flex; flex-direction:column; min-width:0; }
.pkg-container-image { background:#f7f7f5; }
.pkg-container-image img { width:100%; height:auto; aspect-ratio:1/1; object-fit:contain; padding:13px; }
.pkg-container-image.pkg-designed { background:#eeeae3; }
.pkg-container-image.pkg-designed img { padding:0; }
.pkg-container-copy { display:flex; flex-direction:column; align-items:flex-start; flex:1; padding-top:20px; }
.pkg-card-number { color:#9c8771; font-size:10px; letter-spacing:.08em; line-height:1; }
.pkg-container h3 { font-size:23px; line-height:1.15; letter-spacing:-.03em; margin-top:11px; min-height:53px; text-wrap:balance; }
.pkg-container-specs { margin:19px 0 23px; width:100%; }
.pkg-container-specs>div { padding:12px 0; border-top:1px solid var(--line); }
.pkg-container-specs dt { color:#827366; font-size:10px; letter-spacing:.025em; }
.pkg-container-specs dd { margin:5px 0 0; font-size:13px; line-height:1.65; color:#514b50; }
.pkg-container .text-link { font-size:12px; gap:12px; margin-top:auto; padding-bottom:8px; }
.pkg-container .text-link svg { width:17px; height:17px; }
.pkg-dispensing-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr); align-items:start; gap:76px; }
.pkg-component-image { background:#fff; position:sticky; top:115px; }
.pkg-component-image img { width:100%; height:auto; aspect-ratio:1/1; object-fit:contain; padding:30px; }
.pkg-dispensing-copy h2 { margin-top:18px; font-size:clamp(34px,3vw,46px); }
.pkg-dispensing-lead { margin-top:20px; font-size:16px; line-height:1.75; }
.pkg-component-list { margin:28px 0; }
.pkg-component-list>div { border-top:1px solid #d9d1c8; padding-top:17px; margin-top:18px; }
.pkg-component-list dt { font-size:17px; line-height:1.4; font-weight:500; }
.pkg-component-list dd { margin:7px 0 0; color:var(--muted); font-size:14px; line-height:1.75; }
.pkg-outer-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:45px; margin-bottom:48px; }
.pkg-outer-details article { min-width:0; border-top:1px solid #bcae9b; padding-top:22px; }
.pkg-outer-details h3 { font-size:25px; }
.pkg-outer-details p { margin-top:14px; font-size:15px; line-height:1.75; }
.pkg-collection-feature { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); background:var(--soft); align-items:center; }
.pkg-collection-feature>figure { background:#d8cdc0; }
.pkg-collection-feature img { width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.pkg-collection-copy { padding:35px; }
.pkg-collection-copy h3 { margin-top:17px; font-size:32px; }
.pkg-collection-copy p { margin-top:18px; font-size:14px; line-height:1.8; }
.pkg-collection-copy .text-link { margin-top:24px; font-size:13px; gap:15px; }
.pkg-case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-top:32px; }
.pkg-case { min-width:0; }
.pkg-case>figure { background:#ece5db; }
.pkg-case img { width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.pkg-case>div { padding-top:23px; }
.pkg-case h3 { font-size:28px; text-wrap:balance; }
.pkg-case p { margin-top:13px; font-size:15px; max-width:530px; line-height:1.75; }
.pkg-case .text-link { margin-top:20px; font-size:13px; }
.pkg-project { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr); gap:75px; align-items:center; }
.pkg-project h2 { max-width:680px; }
.pkg-project p { font-size:16px; line-height:1.8; margin-top:22px; max-width:640px; }
.pkg-project-actions { display:flex; flex-direction:column; gap:25px; align-items:flex-start; justify-self:end; }
html[lang=zh] .pkg-container h3 { min-height:63px; font-size:22px; }
html[lang=zh] .pkg-container-specs dd { font-size:13px; }

@media(max-width:1150px) {
  .pkg-hero-grid { gap:35px; }
  .pkg-hero-copy h1 { font-size:51px; }
  .pkg-lead { font-size:16px; }
  .pkg-container-grid { gap:40px 20px; }
  .pkg-container h3 { font-size:21px; }
  .pkg-dispensing-grid { gap:45px; }
  .pkg-collection-copy { padding:27px; }
  .pkg-collection-copy h3 { font-size:29px; }
}
@media(max-width:950px) {
  .pkg-container-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 25px; }
  .pkg-container h3,html[lang=zh] .pkg-container h3 { min-height:0; font-size:26px; }
  .pkg-container-specs { margin-top:17px; }
  .pkg-container-specs dd { font-size:14px; }
  .pkg-container .text-link { font-size:13px; }
  .pkg-hero-copy h1 { font-size:46px; }
  .pkg-hero-grid { gap:30px; }
  .pkg-hero-image img { aspect-ratio:4/5; padding:16px; }
  .pkg-hero-image figcaption { padding:13px 16px; font-size:10px; }
  .pkg-jump-link { padding:22px 17px; font-size:11px; }
  .pkg-outer-details { gap:28px; }
  .pkg-outer-details h3 { font-size:23px; }
  .pkg-collection-feature { grid-template-columns:minmax(0,1fr); }
  .pkg-collection-copy { padding:32px; }
  .pkg-collection-copy h3 { white-space:normal; font-size:33px; }
  .pkg-collection-copy p { max-width:620px; }
  .pkg-project { gap:40px; }
}
@media(max-width:700px) {
  .pkg-hero { padding:28px 0 35px; }
  .pkg-hero-grid { grid-template-columns:minmax(0,1fr); gap:27px; }
  .pkg-hero-copy .breadcrumb { margin-bottom:25px; }
  .pkg-hero-copy h1 { font-size:43px; }
  .pkg-hero-copy { padding-bottom:0; }
  .pkg-lead { font-size:16px; max-width:600px; margin:20px 0 23px; }
  .pkg-hero-image img { aspect-ratio:4/3; padding:16px; }
  .pkg-hero-image figcaption { font-size:11px; padding:13px 18px; }
  .pkg-dispensing-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
  .pkg-component-image { position:static; width:100%; max-width:520px; justify-self:center; }
  .pkg-component-image img { aspect-ratio:5/4; padding:20px; }
  .pkg-dispensing-copy h2 { font-size:35px; }
  .pkg-outer-details { grid-template-columns:minmax(0,1fr); gap:25px; margin-bottom:32px; }
  .pkg-outer-details p { font-size:14px; margin-top:10px; }
  .pkg-outer-details h3 { font-size:25px; }
  .pkg-project { grid-template-columns:minmax(0,1fr); gap:27px; }
  .pkg-project-actions { justify-self:start; }
}
@media(max-width:520px) {
  .pkg-eyebrow { font-size:9px; letter-spacing:.09em; }
  .pkg-hero-copy h1 { font-size:42px; }
  .pkg-lead { font-size:15px; }
  .pkg-jump-links { grid-template-columns:minmax(0,1fr); }
  .pkg-jump-link,.pkg-jump-link:first-child,.pkg-jump-link:last-child { font-size:12px; padding:14px 0; border-right:0; border-bottom:1px solid #e9e3dd; }
  .pkg-jump-link:last-child { border-bottom:0; }
  .pkg-section-intro .section-heading { margin-bottom:28px; }
  .pkg-container-grid { grid-template-columns:minmax(0,1fr); gap:38px; }
  .pkg-container-image img { aspect-ratio:6/5; padding:15px; }
  .pkg-container-image.pkg-designed img { padding:0; }
  .pkg-container-copy { padding-top:19px; }
  .pkg-container h3,html[lang=zh] .pkg-container h3 { font-size:28px; margin-top:10px; }
  .pkg-container-specs { margin:17px 0 18px; }
  .pkg-container-specs>div { display:grid; grid-template-columns:80px minmax(0,1fr); gap:10px; padding:11px 0; }
  .pkg-container-specs dt { padding-top:2px; font-size:11px; }
  .pkg-container-specs dd { margin:0; font-size:14px; }
  .pkg-container .text-link { font-size:13px; }
  .pkg-dispensing-copy h2 { font-size:33px; }
  .pkg-dispensing-lead { font-size:15px; }
  .pkg-component-list dd { font-size:14px; }
  .pkg-collection-copy { padding:25px 22px; }
  .pkg-collection-copy h3 { font-size:29px; }
  .pkg-case-grid { grid-template-columns:minmax(0,1fr); gap:34px; margin-top:26px; }
  .pkg-case h3 { font-size:26px; }
  .pkg-case p { font-size:14px; }
  .pkg-project h2 { font-size:33px; }
  .pkg-project p { font-size:15px; }
}

/* Paired real component photographs retain both the pump and pipette details. */
.pkg-component-gallery { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.72fr); gap:15px; align-items:center; position:sticky; top:115px; }
.pkg-component-gallery .pkg-component-image { position:static; }
.pkg-component-gallery .pkg-component-image img { aspect-ratio:2/3; padding:0; }
.pkg-component-detail img { width:100%; height:auto; aspect-ratio:2/3; object-fit:contain; }
@media(max-width:700px) { .pkg-component-gallery { position:static; } }