:root{
  --pink:#F6D9D5;
  --pink-2:#FFF6F3;
  --brown:#5A2E28;
  --brown-2:#321915;
  --mint:#8FD3C1;
  --cream:#FBF7F2;
  --ink:#261b18;
  --muted:#72635e;
  --line:rgba(90,46,40,.15);
  --shadow:0 22px 54px rgba(71,41,31,.14);
  --radius:28px;
  --font-sans:"Montserrat","Avenir Next","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --font-serif:"Cormorant Garamond","Didot","Bodoni 72",Georgia,"Times New Roman","Songti SC",serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;background:var(--pink)}
body{margin:0;color:var(--ink);background:linear-gradient(180deg,#f8ddd9 0%,#fbf4ef 34%,#fdf9f6 100%);padding-bottom:86px;overflow-x:hidden;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
img{display:block;width:100%;height:100%;object-fit:cover}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.section-pad{padding-left:20px;padding-right:20px}
.section{padding-top:54px;padding-bottom:54px}
.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:64px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;background:rgba(246,217,213,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(90,46,40,.08)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;object-fit:contain;mix-blend-mode:multiply}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:15px;letter-spacing:.22em}.brand-copy small{margin-top:5px;font-size:9px;letter-spacing:.24em;color:var(--muted)}
.menu-btn{width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.34);border-radius:50%;display:grid;place-content:center;gap:5px}.menu-btn span{display:block;width:17px;height:1.5px;background:var(--brown);border-radius:2px}
.drawer{position:fixed;z-index:19;top:70px;left:14px;right:14px;padding:12px;background:rgba(255,249,246,.96);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.24s}
.drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.drawer a{padding:14px 10px;border-radius:18px;background:#fff5f2;color:#5a403a;font-size:13px;font-weight:700;text-align:center}
.kicker{margin:0 0 13px;color:var(--brown);font-family:var(--font-sans);font-size:10.5px;font-weight:800;letter-spacing:.26em;text-transform:uppercase}
.section-head{margin-bottom:22px}.section-head.split{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.section-head.split span{max-width:120px;text-align:right;line-height:1.45;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.hero-desc{margin:18px 0 0;color:#5e514c;font-family:var(--font-sans);font-size:15px;line-height:1.86;letter-spacing:.01em}
.btn{height:48px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.btn.dark{background:var(--brown);color:#fff;box-shadow:0 12px 22px rgba(90,46,40,.18)}.btn.light{background:#fff;color:var(--brown);border-color:var(--line)}
.ticker{overflow:hidden;border-top:1px solid rgba(90,46,40,.12);border-bottom:1px solid rgba(90,46,40,.12);background:#f0ddd8}.ticker div{display:flex;width:max-content;animation:marquee 24s linear infinite}.ticker span{padding:14px 16px;font-size:11px;font-weight:800;letter-spacing:.18em;color:#624742;white-space:nowrap}@keyframes marquee{to{transform:translateX(-50%)}}
.showcase-hero{padding-top:78px}.showcase-hero__visual{margin:0 14px;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);height:520px;position:relative;border:1px solid rgba(255,255,255,.75)}.showcase-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 38%,rgba(90,46,40,.35) 100%)}.showcase-hero__badge{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;padding:16px 18px;border-radius:26px;background:rgba(255,249,246,.86);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7)}.showcase-hero__badge p{margin:0 0 6px;color:var(--brown);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.showcase-hero__badge h1{margin:0;font-family:var(--font-serif);font-size:34px;line-height:1;letter-spacing:-.03em}.showcase-hero__badge span{display:block;margin-top:8px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em}.showcase-hero__copy{padding-top:18px;padding-bottom:10px}.showcase-hero__copy h2,.section-head h2{margin:0;font-family:var(--font-serif);font-size:38px;line-height:.98;font-weight:600;letter-spacing:-.035em}.hero-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.brand-story,.vision-grid,.tech-grid,.product-grid,.identity-grid,.closing-actions{display:grid;gap:12px}.brand-story article,.brand-story__note,.vision-grid article,.tech-grid article,.closing-panel,.campaign-card,.feature-spotlight,.product,.identity-grid article{padding:18px;border-radius:24px;background:#fff;border:1px solid #f1d9d4;box-shadow:0 12px 28px rgba(71,41,31,.06)}.brand-story b,.vision-grid b,.tech-grid b{display:block;color:var(--brown);font-size:18px;margin-bottom:8px}.brand-story p,.brand-story__note p,.vision-grid p,.tech-grid p,.closing-panel p{margin:0;color:var(--muted);line-height:1.68}.brand-story__note{margin-top:12px;background:#fbf7f2}.brand-story__note strong{display:block;color:var(--brown);margin-bottom:8px;font-size:18px}.vision-grid article i{display:block;width:100%;height:82px;border-radius:18px;margin-bottom:12px}.campaign-card img,.feature-spotlight img{height:300px;border-radius:18px}.campaign-card div,.feature-spotlight div{padding-top:14px}.campaign-card strong,.feature-spotlight h3{display:block;font-size:18px;line-height:1.4;color:var(--brown);font-family:var(--font-serif);font-weight:600}.campaign-card p,.feature-spotlight p{margin:8px 0 0;color:var(--muted);line-height:1.7}
.category-section{padding:56px 0;background:linear-gradient(180deg,#5a2e28,#40201c);color:#fff;border-radius:40px 40px 0 0}.section-head.light .kicker{color:#e7c0b8}.section-head.light h2{color:#fff}.section-head.light span{color:#d8c7bf}.category-stack{display:grid;gap:12px;padding:0 20px}.category-stack article{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.category-stack em{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.16);font-style:normal;font-weight:900}.category-stack h3{margin:0 0 6px;font-family:var(--font-serif);font-size:24px;font-weight:600}.category-stack p{margin:0;color:#f0ded8;line-height:1.55}
.tech-grid{grid-template-columns:1fr}.tech-grid article{background:#fff7f5}.tech-grid span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--pink);color:var(--brown);font-weight:800}.product-grid{grid-template-columns:1fr 1fr;margin-top:14px}.product img{height:190px}.product span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f3e4de;color:var(--brown);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.product h3{margin:10px 0 6px;font-family:var(--font-serif);font-size:20px;font-weight:600;line-height:1.18;letter-spacing:-.02em}.product p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.tag.mint{display:inline-flex;padding:7px 10px;border-radius:999px;background:#e3f4ee;color:#2f6b5e;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.identity-grid article img{width:100%;height:260px;object-fit:contain;background:#fff7f6;padding:16px}.identity-grid article p{margin:0;padding:14px 16px 16px;color:var(--muted);line-height:1.65}
.closing-panel{background:#fff7f4}.closing-actions{margin-top:20px;grid-template-columns:1fr 1fr}.bottom-cta{position:fixed;z-index:18;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));height:58px;padding:6px;border-radius:999px;background:rgba(255,249,246,.92);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(32,24,20,.18);display:grid;grid-template-columns:1fr 1fr;gap:6px}.bottom-cta a{display:grid;place-items:center;border-radius:999px;font-size:13px;font-weight:900;color:var(--brown)}.bottom-cta a.active{background:var(--brown);color:#fff}.toast{position:fixed;z-index:30;left:20px;right:20px;bottom:96px;padding:14px 16px;border-radius:16px;background:#111;color:#fff;text-align:center;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.22s}.toast.show{transform:translateY(0);opacity:1}
@media (min-width:560px){body{max-width:430px;margin:0 auto;box-shadow:0 0 70px rgba(50,38,30,.16)}.topbar,.bottom-cta{left:50%;right:auto;width:430px;transform:translateX(-50%)}.drawer{left:50%;right:auto;width:402px;transform:translate(-50%,-12px)}.drawer.open{transform:translate(-50%,0)}.showcase-hero__visual{height:560px}}


/* 2026 design pass: product layout refinement */
body{font-family:"Noto Sans SC","Montserrat","PingFang SC","Microsoft YaHei",Arial,sans-serif}.section-head h2,.showcase-hero__copy h2,.showcase-hero__badge h1,.product h3,.category-stack h3,.waist-product-copy h3{font-family:"Noto Serif SC","Cormorant Garamond","Songti SC",serif;font-weight:700}.brand-story{grid-template-columns:1fr 1fr}.product{overflow:hidden;padding:0}.product div{padding:14px}.waist-products{background:linear-gradient(180deg,#fff8f5,#fff);border-radius:40px 40px 0 0}.waist-product-grid{display:grid;gap:16px}.waist-product-card{overflow:hidden;border-radius:28px;background:#fff;border:1px solid #f1d9d4;box-shadow:0 16px 36px rgba(71,41,31,.08)}.waist-product-card.featured{border-color:rgba(143,211,193,.65);box-shadow:0 20px 46px rgba(47,107,94,.14)}.waist-product-media{background:#f8e8e4;min-height:390px;display:grid;place-items:center}.waist-product-media img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center top}.waist-product-copy{padding:20px}.waist-product-copy h3{margin:12px 0 6px;color:var(--brown);font-size:30px;line-height:1.18}.product-position{margin:0;color:var(--muted);font-weight:700;line-height:1.55}.selling-points{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;list-style:none}.selling-points li{padding:8px 11px;border-radius:999px;background:#f7e6e2;color:#624742;font-size:12px;font-weight:800}.audience{margin:0;color:var(--muted);line-height:1.68;font-size:13px}.detail-placeholder{margin-top:16px;padding:12px;border:1px dashed #d7b5ae;border-radius:14px;color:#9a7770;text-align:center;font-size:12px;background:#fffaf8}@media (min-width:560px){.waist-product-media,.waist-product-media img{min-height:420px}}


/* Category navigation and secondary pages */
.category-stack .category-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:.22s}.category-stack .category-card:active{transform:scale(.985)}.category-stack .category-card em{display:inline-grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.16);font-style:normal;font-weight:900}.category-stack .category-card h3{margin:0 0 6px;font-family:var(--font-serif);font-size:24px;font-weight:700;color:#fff}.category-stack .category-card p{margin:0;color:#f0ded8;line-height:1.6}.category-page{padding-top:76px}.back-link{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.5);border:1px solid var(--line);font-size:12px;font-weight:800;color:var(--brown)}.category-main{min-height:100vh}.category-hero{position:relative;margin:0 14px 20px;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#fff;border:1px solid rgba(255,255,255,.8)}.category-hero img{height:380px;object-fit:cover}.category-hero div{padding:20px;background:#fff}.category-hero h1{margin:0 0 8px;font-family:var(--font-serif);font-size:38px;line-height:1.1;color:var(--brown)}.category-hero p{margin:0;color:var(--muted);line-height:1.7}.placeholder-product{min-height:240px;display:grid;place-items:center;padding:28px;border-radius:28px;background:linear-gradient(135deg,#fff7f4,#e9f6f1);border:1px dashed #d7b5ae;text-align:center}.placeholder-product h3{margin:14px 0 8px;font-family:var(--font-serif);font-size:30px;color:var(--brown)}.placeholder-product p{margin:0;color:var(--muted);line-height:1.7}.product-grid .product{display:block}.showcase-hero__visual img[src$="hero-brand-style.png"]{object-position:center center}.category-stack>article{display:none}


/* 2026-08 image display QA */
.showcase-hero__visual{height:auto !important;aspect-ratio:1440/768;border-radius:28px;background:#f8ddd9}.showcase-hero__visual>img{object-fit:cover;object-position:center center}.showcase-hero__badge{left:14px;right:14px;bottom:14px;padding:14px 16px}.showcase-hero__badge h1{font-size:26px}.showcase-hero__badge span{font-size:10px}.campaign-card img,.feature-spotlight img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}.product img{height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center top}.category-hero img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}.waist-product-media{min-height:0}.waist-product-media img{min-height:0;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top}@media (min-width:560px){.showcase-hero__visual{height:auto !important}.waist-product-media,.waist-product-media img{min-height:0}}


/* Visual direction main image replacement */
.campaign-card img[src$="visual-direction-main.png"]{height:auto;aspect-ratio:1440/768;object-fit:cover;object-position:center center;border-radius:20px;background:#f8ddd9}.campaign-card{overflow:hidden}


/* VISI secondary page */
a.campaign-card{display:block;color:inherit}.inline-more{display:inline-flex;margin-top:12px;padding:8px 12px;border-radius:999px;background:#e3f4ee;color:#2f6b5e;font-size:12px;font-weight:900}.visual-hero img{object-position:center}.visi-grid{display:grid;gap:16px}.visi-grid article{overflow:hidden;border-radius:28px;background:#fff;border:1px solid #f1d9d4;box-shadow:0 16px 36px rgba(71,41,31,.08)}.visi-grid img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}.visi-grid article:nth-child(4) img{aspect-ratio:16/9}.visi-grid article>div{padding:18px}.visi-grid h3{margin:12px 0 8px;font-family:var(--font-serif);font-size:28px;line-height:1.18;color:var(--brown)}.visi-grid p{margin:0;color:var(--muted);line-height:1.7}.visual-page .category-hero img{aspect-ratio:1440/768}

/* Extended VISI applications: tags + internal identity */
.visi-grid article:nth-child(5) img{aspect-ratio:3/4;object-position:center center}.visi-grid article:nth-child(6) img{aspect-ratio:4/5;object-position:center center}.visi-grid article:nth-child(5),.visi-grid article:nth-child(6){background:#fffdfb}.visi-grid article:nth-child(5) .tag.mint,.visi-grid article:nth-child(6) .tag.mint{background:#f3e3de;color:var(--brown)}

/* Homepage VISI packaging applications: compact four-up grid */
.visual-packaging-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.visual-packaging-grid article{overflow:hidden;border-radius:20px;background:#fff;border:1px solid #f1d9d4;box-shadow:0 10px 24px rgba(71,41,31,.06)}.visual-packaging-grid img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}.visual-packaging-grid article div{padding:10px 11px 12px}.visual-packaging-grid span{display:block;color:#8c716a;font-size:8px;font-weight:900;letter-spacing:.1em;line-height:1.2}.visual-packaging-grid h3{margin:5px 0 0;color:var(--brown);font-family:var(--font-serif);font-size:16px;line-height:1.18;font-weight:700}@media (min-width:560px){.visual-packaging-grid{gap:12px}.visual-packaging-grid article div{padding:11px 12px 13px}.visual-packaging-grid h3{font-size:17px}}

/* Packaging solutions entry and secondary page */
.packaging-entry-grid a{overflow:hidden;border-radius:20px;background:#fff;border:1px solid #f1d9d4;box-shadow:0 10px 24px rgba(71,41,31,.06);display:block;transition:.22s}.packaging-entry-grid a:active{transform:scale(.985)}.packaging-entry-grid a div{padding:10px 11px 12px}.packaging-entry-grid p{margin:5px 0 0;color:#8c716a;font-size:11px;font-weight:800;line-height:1.3}.packaging-hero img{object-position:center}.packaging-detail-grid{display:grid;gap:18px}.packaging-detail-grid article{overflow:hidden;border-radius:28px;background:#fff;border:1px solid #f1d9d4;box-shadow:0 16px 36px rgba(71,41,31,.08);scroll-margin-top:86px}.packaging-detail-grid img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}.packaging-detail-grid article:nth-child(2) img,.packaging-detail-grid article:nth-child(4) img{aspect-ratio:16/10}.packaging-detail-grid article>div{padding:18px}.packaging-detail-grid h3{margin:12px 0 8px;font-family:var(--font-serif);font-size:30px;line-height:1.18;color:var(--brown);font-weight:700}.packaging-detail-grid p{margin:0;color:var(--muted);line-height:1.75}.packaging-detail-grid ul{margin:14px 0 0;padding-left:18px;color:#6f5d58;line-height:1.75;font-size:13px}.packaging-detail-grid li+li{margin-top:4px}@media (min-width:560px){.packaging-entry-grid a div{padding:11px 12px 13px}}

/* Homepage single packaging four-grid entry */
.packaging-combo-card{display:block;overflow:hidden;margin-top:12px;border-radius:24px;background:#fff;border:1px solid #f1d9d4;box-shadow:0 14px 30px rgba(71,41,31,.08);transition:.22s}.packaging-combo-card:active{transform:scale(.99)}.packaging-combo-card img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}.packaging-combo-card div{padding:14px 16px 16px}.packaging-combo-card h3{margin:10px 0 6px;color:var(--brown);font-family:var(--font-serif);font-size:26px;line-height:1.18;font-weight:700}.packaging-combo-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}

/* Swiper carousel styles are now in index.html */


/* Home Carousel Styles */
.home-carousel {
  position: relative;
  margin: 78px 14px 0;
  border-radius: 28px;
  overflow: hidden;
  background: #f8ddd9;
  border: 1px solid rgba(255,255,255,.75);
  box-shadow: var(--shadow);
}

.home-carousel__track {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}

.home-carousel__track:active {
  cursor: grabbing;
}

.home-carousel__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.65s ease-in-out;
  pointer-events: none;
}

.home-carousel__slide.active {
  opacity: 1;
  pointer-events: auto;
}

.home-carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.home-carousel__dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
  padding: 8px 12px;
  border-radius: 20px;
  background: rgba(255,249,246,.75);
  backdrop-filter: blur(8px);
}

.home-carousel__dots button {
  width: 7px;
  height: 7px;
  border: none;
  border-radius: 50%;
  background: rgba(90,46,40,.3);
  padding: 0;
  cursor: pointer;
  transition: all 0.22s ease;
  box-shadow: 0 1px 4px rgba(255,255,255,.45);
}

.home-carousel__dots button.active {
  width: 22px;
  border-radius: 6px;
  background: var(--brown);
}

.home-carousel__dots button:hover {
  background: rgba(90,46,40,.5);
}

.home-carousel__dots button.active:hover {
  background: var(--brown);
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .home-carousel {
    margin: 78px 10px 0;
    border-radius: 20px;
  }
  
  .home-carousel__track {
    aspect-ratio: 4/3;
  }
  
  .home-carousel__dots {
    bottom: 8px;
  }
}

/* Terminal Display Page */
.terminal-hero img {
  object-position: center top;
}

.terminal-gallery {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 14px;
}

.terminal-gallery article {
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #f1d9d4;
  box-shadow: 0 8px 24px rgba(71,41,31,.06);
  transition: all 0.3s ease;
}

.terminal-gallery article:hover {
  box-shadow: 0 12px 36px rgba(71,41,31,.12);
  transform: translateY(-2px);
}

.terminal-gallery img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
}

.terminal-gallery h3 {
  margin: 0 0 8px;
  padding: 14px 16px 0;
  font-family: var(--font-serif);
  font-size: 20px;
  line-height: 1.3;
  color: var(--brown);
  font-weight: 600;
}

.terminal-gallery p {
  margin: 0;
  padding: 0 16px 16px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 13px;
}

@media (min-width: 560px) {
  .terminal-gallery {
    grid-template-columns: 1fr 1fr;
  }
}

/* Product Showcase Grid */
.product-showcase-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 14px;
}

.product-showcase-grid article {
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #f1d9d4;
  box-shadow: 0 8px 24px rgba(71,41,31,.06);
  transition: all 0.3s ease;
}

.product-showcase-grid article:hover {
  box-shadow: 0 12px 36px rgba(71,41,31,.12);
  transform: translateY(-2px);
}

.product-showcase-grid img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}

.product-showcase-grid article > div {
  padding: 18px;
}

.product-showcase-grid h3 {
  margin: 12px 0 8px;
  font-family: var(--font-serif);
  font-size: 22px;
  line-height: 1.3;
  color: var(--brown);
  font-weight: 600;
}

.product-showcase-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  font-size: 13px;
}

/* VI Showcase Grid */
.vi-showcase-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 14px;
}

.vi-showcase-grid article {
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #f1d9d4;
  box-shadow: 0 8px 24px rgba(71,41,31,.06);
  transition: all 0.3s ease;
}

.vi-showcase-grid article:hover {
  box-shadow: 0 12px 36px rgba(71,41,31,.12);
  transform: translateY(-2px);
}

.vi-showcase-grid img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
}

.vi-showcase-grid h3 {
  margin: 0 0 8px;
  padding: 14px 16px 0;
  font-family: var(--font-serif);
  font-size: 20px;
  line-height: 1.3;
  color: var(--brown);
  font-weight: 600;
}

.vi-showcase-grid p {
  margin: 0;
  padding: 0 16px 16px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 13px;
}

@media (min-width: 560px) {
  .vi-showcase-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* Packaging Showcase Grid */
.packaging-showcase-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 14px;
}

.packaging-showcase-grid article {
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #f1d9d4;
  box-shadow: 0 8px 24px rgba(71,41,31,.06);
  transition: all 0.3s ease;
}

.packaging-showcase-grid article:hover {
  box-shadow: 0 12px 36px rgba(71,41,31,.12);
  transform: translateY(-2px);
}

.packaging-showcase-grid img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: center;
}

.packaging-showcase-grid h3 {
  margin: 0 0 8px;
  padding: 14px 16px 0;
  font-family: var(--font-serif);
  font-size: 20px;
  line-height: 1.3;
  color: var(--brown);
  font-weight: 600;
}

.packaging-showcase-grid p {
  margin: 0;
  padding: 0 16px 16px;
  color: var(--muted);
  line-height: 1.65;
  font-size: 13px;
}

@media (min-width: 560px) {
  .packaging-showcase-grid {
    grid-template-columns: 1fr 1fr;
  }
}


/* ===== BNS product cards (leg health) ===== */
.section-note{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.bns-grid{display:grid;gap:22px;margin-top:16px}
.bns-card{overflow:hidden;border-radius:26px;background:#fff;border:1px solid #f1d9d4;box-shadow:0 14px 34px rgba(71,41,31,.08);scroll-margin-top:86px}
.bns-card__media{background:#faefeb}
.bns-card__media img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}
.bns-card__body{padding:18px}
.bns-card__body h3{margin:12px 0 8px;font-family:var(--font-serif);font-size:26px;line-height:1.22;color:var(--brown);font-weight:700}
.bns-card__lead{margin:0;color:var(--muted);line-height:1.75;font-size:13px}
.bns-points{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.bns-points li{padding:7px 11px;border-radius:999px;background:#f7e6e2;color:#624742;font-size:12px;font-weight:800;line-height:1.2}
.bns-specs{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:16px 0 0;padding:14px;border-radius:16px;background:#fffaf8;border:1px solid #f1d9d4}
.bns-specs dt{margin:0;color:#8c716a;font-size:11px;font-weight:900;letter-spacing:.08em;align-self:center}
.bns-specs dd{margin:0;color:var(--brown);font-size:13px;font-weight:700;line-height:1.5}
.bns-card__detail{margin:0;padding:0 18px 18px}
.bns-card__detail img{display:block;width:100%;height:auto;aspect-ratio:7/5;object-fit:cover;border-radius:16px;border:1px solid #f1d9d4}
.bns-card__detail figcaption{margin-top:8px;color:#8c716a;font-size:10px;font-weight:900;letter-spacing:.12em;text-align:center}
@media (min-width:560px){.bns-card__body{padding:20px}.bns-card__detail{padding:0 20px 20px}}
.bns-card__detail a{display:block;text-decoration:none}
.bns-card__detail figcaption span{display:block;margin-top:4px;color:#b08d85;font-size:9px;font-weight:800;letter-spacing:.08em}

/* ===== BNS product nav (leg health) ===== */
.bns-nav{position:sticky;top:64px;z-index:12;margin:16px -18px 6px;padding:14px 0 13px;background:linear-gradient(180deg,#fff6f2 0%,#fbf7f2 100%);backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:1px solid rgba(90,46,40,.2);box-shadow:0 8px 20px rgba(71,41,31,.07)}
.bns-nav__head{display:flex;align-items:center;gap:10px;margin:0 18px 12px}
.bns-nav__bar{flex:0 0 auto;width:4px;height:30px;border-radius:999px;background:linear-gradient(180deg,var(--mint),#2f6b5e)}
.bns-nav__heading{flex:1 1 auto;min-width:0}
.bns-nav__heading strong{display:block;font-family:var(--font-serif);font-size:19px;font-weight:700;line-height:1.2;color:var(--brown)}
.bns-nav__heading span{display:block;margin-top:2px;color:#9d817a;font-size:9px;font-weight:900;letter-spacing:.14em}
.bns-nav__count{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:var(--brown);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
.bns-nav__list{display:flex;gap:9px;margin:0;padding:2px 18px 4px;list-style:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.bns-nav__list::-webkit-scrollbar{display:none}
.bns-nav__list li{flex:0 0 auto}
.bns-nav__link{display:block;min-width:90px;padding:10px 13px 11px;border-radius:15px;background:linear-gradient(180deg,#fff 0%,#fdf1ed 100%);border:1.5px solid #e8c9c2;border-bottom-width:3px;border-bottom-color:#d9aba2;text-decoration:none;text-align:center;transition:transform .14s ease,box-shadow .14s ease,background .2s ease,border-color .2s ease;box-shadow:0 3px 0 rgba(90,46,40,.07),0 6px 14px rgba(71,41,31,.09)}
.bns-nav__link strong{display:block;color:var(--brown);font-size:12px;font-weight:900;letter-spacing:.06em}
.bns-nav__link span{display:block;margin-top:3px;color:var(--ink);font-size:13px;font-weight:800;white-space:nowrap}
.bns-nav__link em{display:block;margin-top:3px;color:#a5877f;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}
.bns-nav__link:hover{border-color:var(--mint);box-shadow:0 3px 0 rgba(47,107,94,.12),0 8px 18px rgba(47,107,94,.16)}
.bns-nav__link:active{transform:translateY(3px);border-bottom-width:1.5px;box-shadow:0 1px 0 rgba(90,46,40,.06),0 3px 8px rgba(71,41,31,.1)}
.bns-nav__link:focus-visible{outline:3px solid rgba(47,107,94,.55);outline-offset:2px}
.bns-nav__link[aria-current="true"]{background:linear-gradient(180deg,#eafaf4 0%,#d3efe5 100%);border-color:var(--mint);border-bottom-color:#2f6b5e;box-shadow:0 3px 0 rgba(47,107,94,.22),0 10px 22px rgba(47,107,94,.22)}
.bns-nav__link[aria-current="true"] strong{color:#215247}
.bns-nav__link[aria-current="true"] span{color:#1d4a40}
.bns-nav__link[aria-current="true"] em{color:#3f7d6e}
.bns-card{scroll-margin-top:206px}
@media (min-width:560px){.bns-nav{margin-left:-18px;margin-right:-18px}}

/* leg page: showcase heading promoted to h1 after hero removal */
.section-head h1{margin:0;font-family:var(--font-serif);font-size:38px;line-height:.98;font-weight:700;letter-spacing:-.035em;color:var(--brown)}
.category-page .section:first-of-type{padding-top:26px}

.lead-copy{margin:-4px 0 18px;color:var(--muted);font-size:15px;line-height:1.85}.brand-story small{color:var(--muted);font-size:12px;letter-spacing:.08em}