.kelrosa-page-slug-packaging-label-design{
  --kr-page-accent:var(--kr-brand);
  --kr-page-soft:#f2f6ed;
  --kr-packaging-soft:#f6f9f3;
  --kr-packaging-line:rgba(42,80,46,.10);
}

.kr-packaging-page{overflow:hidden}

.kr-packaging-eyebrow{
  margin:0 0 13px;
  color:var(--kr-primary);
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
}

/* Hero — broad split, more breathing room */
.kr-packaging-hero{
  padding:clamp(88px,7vw,124px) 0 clamp(96px,7.6vw,136px);
  background:linear-gradient(105deg,#f8fbf5 0%,#fbfaf5 72%,#f2f3e9 100%);
}

.kr-packaging-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:clamp(68px,6.5vw,110px);
  align-items:center;
}

.kr-packaging-hero__copy{max-width:650px}

.kr-packaging-hero__copy h1{
  max-width:620px;
  margin:0 0 22px;
  font-size:clamp(50px,4vw,66px);
  line-height:1.01;
}

.kr-packaging-hero__lead{
  max-width:600px;
  margin:0;
  color:#526159;
  font-size:18px;
  line-height:1.62;
}

.kr-packaging-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:28px;
}

.kr-packaging-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
}

.kr-packaging-hero__meta li{
  position:relative;
  color:#89928d;
  font-size:11px;
  font-weight:700;
}

.kr-packaging-hero__meta li+li:before{
  content:"";
  position:absolute;
  left:-11px;
  top:50%;
  width:3px;
  height:3px;
  border-radius:50%;
  background:rgba(79,139,71,.52);
}

.kr-packaging-hero__visual{
  position:relative;
  min-height:610px;
}

.kr-packaging-hero__visual>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1px solid rgba(40,75,43,.08);
  border-radius:34px;
  box-shadow:0 28px 64px rgba(29,44,33,.10);
}

.kr-packaging-hero__note{
  position:absolute;
  right:22px;
  bottom:22px;
  width:min(300px,46%);
  padding:17px 19px 18px;
  border:1px solid rgba(43,77,45,.08);
  border-radius:17px;
  background:rgba(255,255,255,.95);
  box-shadow:0 14px 32px rgba(28,38,31,.09);
  backdrop-filter:blur(4px);
}

.kr-packaging-hero__note .kr-packaging-eyebrow{margin-bottom:9px;font-size:8.5px}

.kr-packaging-hero__note-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 15px;
  padding-top:10px;
  border-top:1px solid rgba(41,76,44,.08);
}

.kr-packaging-hero__note-grid span{
  color:#77817b;
  font-size:10.5px;
  line-height:1.4;
}

.kr-packaging-hero__note-grid strong{
  display:block;
  margin-bottom:2px;
  color:var(--kr-ink);
  font-size:11.5px;
}

/* Shared section rhythm — intentionally generous */
.kr-packaging-system{padding-block:clamp(118px,8vw,154px);background:#fff}
.kr-packaging-formats{padding-block:clamp(126px,8.5vw,164px)}
.kr-packaging-artwork{padding-block:clamp(122px,8vw,158px)}
.kr-packaging-process{padding-block:clamp(112px,7.6vw,146px)}
.kr-packaging-existing{padding-block:clamp(116px,8vw,152px);background:#fff}

.kr-packaging-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.72fr);
  gap:clamp(60px,6vw,96px);
  align-items:end;
  margin-bottom:clamp(50px,4vw,66px);
}

.kr-packaging-section-head h2{max-width:760px;margin:0}

.kr-packaging-section-head>p{
  max-width:560px;
  margin:0;
  color:#536159;
  font-size:17px;
  line-height:1.62;
}

.kr-packaging-section-head--centered{
  display:block;
  max-width:860px;
  margin:0 auto clamp(54px,4.2vw,68px);
  text-align:center;
}

.kr-packaging-section-head--centered h2{margin-inline:auto}
.kr-packaging-section-head--centered>p{max-width:720px;margin:17px auto 0}

/* Packaging system — spacious editorial map, controlled type hierarchy */

.kr-packaging-system__layout{
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
  gap:clamp(78px,7vw,118px);
  align-items:center;
}

.kr-packaging-system__intro{max-width:500px}

.kr-packaging-system__intro h2{
  max-width:455px;
  margin:0 0 20px;
  font-size:clamp(42px,3vw,50px);
  line-height:1.04;
}

.kr-packaging-system__intro>p:not(.kr-packaging-eyebrow){
  max-width:455px;
  margin:0;
  color:#526159;
  font-size:17px;
  line-height:1.62;
}

.kr-packaging-system__stack{display:grid;gap:16px}

.kr-packaging-system__stack article{
  display:grid;
  grid-template-columns:minmax(210px,.82fr) minmax(0,1.18fr);
  gap:clamp(30px,3vw,48px);
  align-items:center;
  min-height:108px;
  padding:23px 28px;
  border:1px solid rgba(42,80,46,.08);
  border-radius:18px;
  background:linear-gradient(90deg,#f8faf6 0%,#fbfcfa 100%);
  transition:border-color .2s ease,transform .2s ease;
}

.kr-packaging-system__stack article:nth-child(even){margin-left:18px}
.kr-packaging-system__stack article:hover{transform:translateX(3px);border-color:rgba(79,139,71,.18)}

.kr-packaging-system__label p{
  margin:0 0 7px;
  color:var(--kr-primary);
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.13em;
}

.kr-packaging-system__label h3{
  margin:0;
  color:var(--kr-ink);
  font-size:clamp(19px,1.25vw,22px);
  font-weight:720;
  line-height:1.17;
}

.kr-packaging-system__details{display:grid;gap:5px}
.kr-packaging-system__details span{color:#3f4b44;font-size:15.5px;font-weight:680;line-height:1.42}
.kr-packaging-system__details small{color:#77827b;font-size:13.5px;font-weight:560;line-height:1.4}

/* Commercial formats — larger image-led 3x2 gallery */
.kr-packaging-formats__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}

.kr-packaging-format{
  overflow:hidden;
  border:1px solid rgba(36,77,50,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 12px 30px rgba(24,34,27,.045);
  transition:transform .22s ease,box-shadow .22s ease;
}

.kr-packaging-format:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(24,34,27,.075)}
.kr-packaging-format__image{height:310px;overflow:hidden;background:#f1f5ed}
.kr-packaging-format__image img{width:100%;height:100%;object-fit:cover}
.kr-packaging-format__body{padding:24px 26px 28px}
.kr-packaging-format__body p{margin:0 0 10px;color:var(--kr-primary);font-size:9.5px;font-weight:850;letter-spacing:.13em}
.kr-packaging-format__body h3{margin:0 0 9px;font-size:clamp(21px,1.45vw,25px);line-height:1.16}
.kr-packaging-format__body span{display:block;color:#526159;font-size:15.5px;line-height:1.58}

/* Artwork handoff — substantial split, visual and specs feel connected */
.kr-packaging-artwork__layout{
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:clamp(72px,6.7vw,110px);
  align-items:center;
}

.kr-packaging-artwork__visual{
  position:relative;
  height:clamp(520px,42vw,620px);
  margin:0;
  overflow:hidden;
  border:1px solid rgba(34,73,42,.08);
  border-radius:28px;
  background:#f4f7f1;
  box-shadow:0 18px 42px rgba(26,40,29,.07);
}

.kr-packaging-artwork__visual>img{width:100%;height:100%;object-fit:cover}

.kr-packaging-artwork__visual figcaption{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  width:auto;
  padding:19px 22px 20px;
  border:1px solid rgba(38,75,43,.08);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 28px rgba(28,38,31,.08);
}

.kr-packaging-artwork__visual figcaption .kr-packaging-eyebrow{margin-bottom:7px;font-size:8.5px}
.kr-packaging-artwork__visual figcaption h3{margin:0 0 6px;font-size:clamp(20px,1.35vw,23px);line-height:1.15}
.kr-packaging-artwork__visual figcaption>p:last-child{margin:0;color:#647169;font-size:14px;line-height:1.48}

.kr-packaging-artwork__content{min-width:0}
.kr-packaging-artwork__head{max-width:650px;margin:0 0 34px}
.kr-packaging-artwork__head h2{max-width:590px;margin:0 0 15px;font-size:clamp(42px,3vw,50px);line-height:1.04}
.kr-packaging-artwork__head>p:last-child{max-width:600px;margin:0;color:#536159;font-size:17px;line-height:1.62}

.kr-packaging-artwork__specs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  border:0;
}

.kr-packaging-artwork__specs article{
  min-height:150px;
  padding:22px 23px 24px;
  border:1px solid rgba(39,75,42,.07);
  border-radius:16px;
  background:#f9fbf7;
}

.kr-packaging-artwork__specs article>p{margin:0 0 7px;color:var(--kr-primary);font-size:9px;font-weight:850;letter-spacing:.12em}
.kr-packaging-artwork__specs h3{margin:0 0 7px;font-size:clamp(18px,1.2vw,21px);line-height:1.18}
.kr-packaging-artwork__specs span{display:block;color:#55635b;font-size:14.5px;line-height:1.54}

/* Approval process — roomy horizontal timeline, not a compressed strip */
.kr-packaging-process .kr-packaging-section-head{align-items:end;margin-bottom:clamp(48px,4vw,62px)}
.kr-packaging-process .kr-packaging-section-head h2{max-width:700px;font-size:clamp(42px,3.2vw,52px);line-height:1.04}
.kr-packaging-process .kr-packaging-section-head>p{max-width:520px;font-size:17px;line-height:1.6}

.kr-packaging-process__timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:34px;
  padding-top:0;
}

.kr-packaging-process__timeline:before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:28px;
  height:1px;
  background:rgba(49,91,51,.16);
}

.kr-packaging-process__timeline article{
  position:relative;
  z-index:1;
  min-height:250px;
  padding:0 22px 10px 0;
}

.kr-packaging-process__number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:62px;
  height:56px;
  margin:0 0 24px;
  padding:0 8px;
  color:rgba(78,150,69,.92);
  font-size:44px;
  font-weight:650;
  line-height:1;
  background:var(--kr-sand,#f4f1e7);
}

.kr-packaging-process__timeline p{margin:0 0 9px;color:var(--kr-primary);font-size:9.5px;font-weight:850;letter-spacing:.12em}
.kr-packaging-process__timeline h3{margin:0 0 10px;max-width:235px;font-size:clamp(21px,1.4vw,25px);line-height:1.16}
.kr-packaging-process__timeline article>div{max-width:255px;color:#526159;font-size:15px;line-height:1.58}

/* Compatibility — dark feature block with intentional breathing room */
.kr-packaging-compatibility{
  padding-block:clamp(102px,7vw,136px);
  background:var(--kr-deep,#2e5037);
  color:#dbe5dc;
}

.kr-packaging-compatibility__layout{
  display:grid;
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
  gap:clamp(82px,7vw,118px);
  align-items:center;
}

.kr-packaging-compatibility .kr-packaging-eyebrow{color:#a9d28b}
.kr-packaging-compatibility__intro h2{max-width:470px;margin:0 0 18px;color:#fff;font-size:clamp(42px,3vw,50px);line-height:1.04}
.kr-packaging-compatibility__intro>p{max-width:450px;margin:0 0 28px;color:#d5e0d7;font-size:16.5px;line-height:1.62}
.kr-packaging-compatibility__intro .button{min-height:46px}
.kr-packaging-compatibility__rows{border-top:1px solid rgba(255,255,255,.13)}

.kr-packaging-compatibility__rows article{
  display:grid;
  grid-template-columns:minmax(205px,.74fr) minmax(0,1.26fr);
  gap:36px;
  align-items:center;
  padding:29px 0 30px;
  border-bottom:1px solid rgba(255,255,255,.13);
}

.kr-packaging-compatibility__rows p{margin:0 0 7px;color:#a9d28b;font-size:9.5px;font-weight:850;letter-spacing:.12em}
.kr-packaging-compatibility__rows h3{margin:0;color:#fff;font-size:clamp(20px,1.4vw,24px);line-height:1.16}
.kr-packaging-compatibility__rows span{display:block;color:#dbe4dc;font-size:15px;line-height:1.58}

/* Artwork starting point — unified decision matrix */

.kr-packaging-existing__head{
  max-width:760px;
  margin:0 auto clamp(48px,4vw,66px);
  text-align:center;
}

.kr-packaging-existing__head h2{
  max-width:720px;
  margin:0 auto 18px;
  font-size:clamp(42px,3.25vw,54px);
  line-height:1.04;
}

.kr-packaging-existing__head>p:last-child{
  max-width:720px;
  margin:0 auto;
  color:#536159;
  font-size:17px;
  line-height:1.64;
}

.kr-packaging-existing__matrix{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid rgba(42,80,46,.10);
  border-radius:26px;
  background:linear-gradient(135deg,#f8faf5 0%,#fbfcfa 55%,#f5f8f1 100%);
  box-shadow:0 18px 46px rgba(23,48,31,.055);
}

.kr-packaging-existing__matrix article{
  min-width:0;
  min-height:360px;
  padding:clamp(34px,3.1vw,48px) clamp(30px,2.8vw,44px);
}

.kr-packaging-existing__matrix article+article{
  border-left:1px solid rgba(42,80,46,.10);
}

.kr-packaging-existing__stage{
  min-height:190px;
  padding-bottom:28px;
}

.kr-packaging-existing__stage>p{
  margin:0 0 11px;
  color:var(--kr-primary);
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
}

.kr-packaging-existing__stage h3{
  margin:0 0 14px;
  font-size:clamp(23px,1.7vw,28px);
  line-height:1.12;
}

.kr-packaging-existing__stage span{
  display:block;
  max-width:360px;
  color:#536159;
  font-size:15.5px;
  line-height:1.6;
}

.kr-packaging-existing__meta{
  display:grid;
  gap:20px;
  padding-top:25px;
  border-top:1px solid rgba(42,80,46,.10);
}

.kr-packaging-existing__meta div{
  display:grid;
  gap:6px;
}

.kr-packaging-existing__meta small{
  color:#7b867e;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}

.kr-packaging-existing__meta strong{
  color:#20282a;
  font-size:14.5px;
  font-weight:650;
  line-height:1.42;
}

.kr-packaging-existing__action{
  display:flex;
  justify-content:center;
  margin-top:clamp(36px,3vw,46px);
}

.kr-packaging-existing__action .button{min-height:48px}

/* FAQ — comfortable buying-decision section */
.kr-packaging-faq{padding-block:clamp(108px,7vw,140px)}
.kr-packaging-faq__layout{grid-template-columns:minmax(310px,.7fr) minmax(0,1.3fr);gap:clamp(72px,6.5vw,108px);align-items:start}
.kr-packaging-faq .kr-faq__intro h2{max-width:500px}
.kr-packaging-faq .kr-faq__list{gap:13px}
.kr-packaging-faq .kr-faq__list details{padding-inline:27px;border-radius:18px;box-shadow:0 8px 20px rgba(16,37,30,.035)}
.kr-packaging-faq .kr-faq__list summary{padding:22px 0;font-size:17.5px}
.kr-packaging-faq .kr-faq__list summary::after{font-size:22px}
.kr-packaging-faq .kr-faq__list details p{padding-bottom:23px;font-size:15.5px;line-height:1.64}

/* Final conversion — larger visual close */
.kr-packaging-page>.kr-cta-section{
  margin-block:clamp(70px,5.5vw,94px);
  padding-block:0;
  background:#fff;
}

.kr-packaging-page>.kr-cta-section .kr-callout{
  padding:clamp(54px,4.4vw,70px) clamp(52px,5vw,78px);
  border-radius:34px;
}

.kr-packaging-page>.kr-cta-section .kr-callout h2{margin-bottom:14px;font-size:clamp(34px,2.7vw,44px)}
.kr-packaging-page>.kr-cta-section .kr-callout p:not(.kr-kicker){font-size:16.5px;line-height:1.6}

@media (max-width:1100px){
  .kr-packaging-hero__grid{grid-template-columns:minmax(0,1fr) minmax(430px,1fr);gap:54px}
  .kr-packaging-hero__visual{min-height:540px}
  .kr-packaging-system__stack article:nth-child(even){margin-left:0}
  .kr-packaging-formats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kr-packaging-process__timeline{gap:24px}
}

@media (max-width:860px){
  .kr-packaging-hero{padding-top:72px}
  .kr-packaging-hero__grid,
  .kr-packaging-system__layout,
  .kr-packaging-artwork__layout,
  .kr-packaging-compatibility__layout,
  .kr-packaging-faq__layout{grid-template-columns:1fr}
  .kr-packaging-hero__copy{max-width:none}
  .kr-packaging-hero__visual{min-height:540px}
  .kr-packaging-system__intro,.kr-packaging-compatibility__intro{max-width:680px}
  .kr-packaging-system__stack{max-width:760px}
  .kr-packaging-section-head{grid-template-columns:1fr;gap:20px;align-items:start}
  .kr-packaging-section-head>p{max-width:680px}
  .kr-packaging-process__timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}
  .kr-packaging-process__timeline:before{display:none}
  .kr-packaging-process__timeline article{min-height:220px;padding-top:6px;border-top:1px solid rgba(49,91,51,.14)}
  .kr-packaging-process__number{margin-top:-1px;background:var(--kr-sand,#f4f1e7)}
  .kr-packaging-existing__matrix{grid-template-columns:1fr}
  .kr-packaging-existing__matrix article{min-height:0}
  .kr-packaging-existing__matrix article+article{border-left:0;border-top:1px solid rgba(42,80,46,.10)}
  .kr-packaging-existing__stage{min-height:0}
  .kr-packaging-existing__meta{grid-template-columns:1fr 1fr}
}

@media (max-width:640px){
  .kr-packaging-hero{padding:58px 0 72px}
  .kr-packaging-hero__copy h1{font-size:clamp(38px,11vw,50px)}
  .kr-packaging-hero__lead{font-size:16.5px}
  .kr-packaging-hero__actions{align-items:stretch;flex-direction:column}
  .kr-packaging-hero__actions .button{width:100%;justify-content:center}
  .kr-packaging-hero__visual{min-height:410px}
  .kr-packaging-hero__visual>img{inset:0;height:100%;border-radius:22px}
  .kr-packaging-hero__note{right:12px;bottom:12px;left:auto;width:min(300px,72%);padding:14px 15px 15px;border-radius:14px}
  .kr-packaging-section-head--centered{text-align:left}
  .kr-packaging-section-head--centered h2,.kr-packaging-section-head--centered>p{margin-inline:0}
  .kr-packaging-formats__grid,
  .kr-packaging-artwork__specs,
  .kr-packaging-process__timeline{grid-template-columns:1fr}
  .kr-packaging-system__stack{gap:12px}
  .kr-packaging-system__stack article{grid-template-columns:1fr;gap:12px;min-height:0;padding:22px 21px;border-radius:15px}
  .kr-packaging-system__label h3{font-size:19px}
  .kr-packaging-system__details span{font-size:15px}
  .kr-packaging-system__details small{font-size:13px}
  .kr-packaging-format__image{height:250px}
  .kr-packaging-artwork__visual{height:390px;border-radius:22px}
  .kr-packaging-artwork__visual figcaption{left:14px;right:14px;bottom:14px;width:auto;padding:17px 18px}
  .kr-packaging-artwork__specs{gap:12px}
  .kr-packaging-artwork__specs article{min-height:0;padding:19px 20px}
  .kr-packaging-process__timeline{gap:0}
  .kr-packaging-process__timeline article{min-height:0;padding:26px 0;border-top:1px solid rgba(49,91,51,.13)}
  .kr-packaging-process__number{height:auto;margin:0 0 13px;padding:0;background:transparent;font-size:40px}
  .kr-packaging-compatibility__rows article{grid-template-columns:1fr;gap:10px;padding:25px 0}
  .kr-packaging-existing{padding-block:76px}
  .kr-packaging-existing__head{margin-bottom:34px;text-align:left}
  .kr-packaging-existing__head h2,.kr-packaging-existing__head>p:last-child{margin-inline:0}
  .kr-packaging-existing__matrix{grid-template-columns:1fr;border-radius:20px}
  .kr-packaging-existing__matrix article{min-height:0;padding:28px 24px}
  .kr-packaging-existing__matrix article+article{border-left:0;border-top:1px solid rgba(42,80,46,.10)}
  .kr-packaging-existing__stage{min-height:0;padding-bottom:22px}
  .kr-packaging-existing__meta{grid-template-columns:1fr 1fr;gap:16px;padding-top:20px}
  .kr-packaging-faq{padding-block:72px}
  .kr-packaging-page>.kr-cta-section .kr-callout{padding:38px 26px;border-radius:28px}
}