.packaging-showcase-hero{position:relative;isolation:isolate;overflow:hidden;min-height:640px;border-bottom:1px solid rgba(13,59,49,.14);background:radial-gradient(circle at 84% 18%,rgba(217,188,130,.2),transparent 28%),radial-gradient(circle at 58% 78%,rgba(41,95,75,.08),transparent 32%),linear-gradient(135deg,#fbf8f0 0%,#f4edde 100%)}
.packaging-showcase-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.56),transparent 46%),repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 12 - 1px),rgba(13,59,49,.025) calc(100% / 12));opacity:.55}
.packaging-showcase-layout{display:grid;grid-template-columns:minmax(390px,.38fr) minmax(0,.62fr);grid-template-rows:1fr auto;column-gap:4.5%;align-items:center;min-height:640px;padding:42px 0 28px}
.packaging-showcase-copy{position:relative;z-index:5;padding-left:28px;border-left:1px solid rgba(184,142,67,.48)}
.packaging-showcase-copy h1{max-width:620px;margin:20px 0 12px;color:#0d3b31;font:400 clamp(62px,5.2vw,84px)/.9 var(--serif,Georgia,serif);letter-spacing:-.05em}
.packaging-showcase-copy h1 em{color:#bf9348;font-weight:400}
.packaging-showcase-accent{margin:0;color:#a4772f;font:italic 400 clamp(23px,2vw,31px)/1.12 var(--serif,Georgia,serif)}
.packaging-showcase-lede{max-width:530px;margin:24px 0 0;color:#45655c;font-size:16px;line-height:1.72}
.packaging-showcase-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:30px}
.packaging-showcase-actions .series-primary-link,.packaging-showcase-actions .series-secondary-link{margin:0}
.packaging-showcase-actions .series-primary-link{min-width:202px;padding:16px 18px;background:#0d3b31;color:#fffaf0;border:1px solid #0d3b31}
.packaging-showcase-actions .series-secondary-link{display:inline-flex;width:auto;padding:0 0 9px;border:0;border-bottom:1px solid rgba(184,142,67,.75);background:none;color:#173f35}
.packaging-collection{position:relative;height:535px;min-width:0}
.packaging-collection:before{content:"";position:absolute;left:4%;right:1%;bottom:4%;height:16%;border-radius:50%;background:radial-gradient(ellipse,rgba(55,45,30,.2),transparent 69%);filter:blur(16px)}
.packaging-asset{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.74);background:#e7e1d8;box-shadow:0 28px 52px rgba(61,48,28,.16),0 7px 16px rgba(61,48,28,.08);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.packaging-asset:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(184,142,67,.12)}
.packaging-asset img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.02) brightness(1.025);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease}
.packaging-asset:hover{transform:translateY(-4px);box-shadow:0 34px 60px rgba(61,48,28,.2),0 9px 20px rgba(61,48,28,.1)}
.packaging-asset:hover img{transform:scale(1.018);filter:saturate(.94) contrast(1.025) brightness(1.035)}
.packaging-asset-primary{z-index:2;left:0;top:8%;width:65%;height:78%}
.packaging-asset-primary img{object-position:center}
.packaging-asset-dropper{z-index:4;right:2%;top:0;width:39%;height:37%}
.packaging-asset-dropper img{object-position:center 54%}
.packaging-asset-pump{z-index:5;right:0;top:39%;width:31%;height:25%}
.packaging-asset-pump img{object-position:center 48%}
.packaging-asset-carton{z-index:3;right:22%;bottom:1%;width:35%;height:27%}
.packaging-asset-carton img{object-position:center 52%}
.packaging-asset-gift{z-index:6;right:0;bottom:0;width:27%;height:28%}
.packaging-asset-gift img{object-position:44% 50%}
.packaging-format-index{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:0;margin-top:4px;border-top:1px solid rgba(13,59,49,.15);border-bottom:1px solid rgba(13,59,49,.15)}
.packaging-format-index span{position:relative;padding:12px 24px;color:#607870;font:700 9px/1 var(--sans,Arial,sans-serif);letter-spacing:.17em;text-transform:uppercase}
.packaging-format-index span+span:before{content:"";position:absolute;left:0;top:50%;width:2px;height:2px;border-radius:50%;background:#b98c41}
.packaging-explorer{scroll-margin-top:92px}
.packaging-page .packaging-detail{margin-top:30px}
.packaging-page .packaging-detail-visual:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(4,41,33,.25));pointer-events:none}
body[data-page="packaging"] .site-footer .footer-meta,body[data-page="packaging"] .site-footer .footer-bottom>span:last-child{display:none}

@media (max-width:1200px){
  .packaging-showcase-layout{grid-template-columns:minmax(350px,.4fr) minmax(0,.6fr);column-gap:3%;min-height:620px}
  .packaging-showcase-copy{padding-left:22px}
  .packaging-showcase-copy h1{font-size:clamp(56px,5.8vw,70px)}
  .packaging-collection{height:495px}
  .packaging-asset-primary{width:67%}
  .packaging-asset-dropper{width:41%}
}
@media (max-width:900px){
  .packaging-showcase-layout{grid-template-columns:minmax(310px,.43fr) minmax(0,.57fr);min-height:600px;padding-top:38px}
  .packaging-showcase-copy h1{font-size:54px}
  .packaging-showcase-accent{font-size:22px}
  .packaging-showcase-lede{font-size:15px}
  .packaging-collection{height:455px}
  .packaging-asset-pump{width:34%}
  .packaging-format-index span{padding:11px 13px}
}
@media (max-width:820px){
  .packaging-showcase-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:34px;min-height:auto;padding:64px 0 34px}
  .packaging-showcase-copy{max-width:680px}
  .packaging-showcase-copy h1{font-size:clamp(54px,9vw,72px)}
  .packaging-collection{height:535px;width:100%}
  .packaging-format-index{grid-column:1;margin-top:-12px}
  .packaging-format-index span{padding:12px 16px}
}
@media (max-width:520px){
  .packaging-showcase-layout{gap:28px;padding:54px 0 28px}
  .packaging-showcase-copy{padding-left:18px}
  .packaging-showcase-copy h1{margin-top:16px;font-size:49px;line-height:.93}
  .packaging-showcase-accent{font-size:22px}
  .packaging-showcase-lede{margin-top:19px;font-size:15px;line-height:1.68}
  .packaging-showcase-actions{display:grid;justify-items:start;gap:17px;margin-top:25px}
  .packaging-collection{height:400px}
  .packaging-asset-primary{left:0;top:4%;width:78%;height:62%}
  .packaging-asset-dropper{right:0;top:0;width:45%;height:35%}
  .packaging-asset-pump{display:none}
  .packaging-asset-carton{right:26%;bottom:0;width:46%;height:31%}
  .packaging-asset-gift{right:0;bottom:1%;width:35%;height:31%}
  .packaging-format-index{display:none}
  .packaging-explorer{padding-top:70px}
}
@media (prefers-reduced-motion:reduce){.packaging-asset,.packaging-asset img{transition:none!important}.packaging-asset:hover{transform:none}.packaging-asset:hover img{transform:none}}