* { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #202c28; font-family: Arial, Helvetica, sans-serif; line-height: 1.55; }
a { color: inherit; }
.wrap { width: min(1200px, calc(100% - 48px)); margin: auto; }
.bar { position: sticky; top: 0; z-index: 5; background: #fff; border-bottom: 1px solid #dce2db; }
.bar-in { min-height: 72px; display: flex; align-items: center; gap: 24px; }
.brand { margin-right: auto; color: #183c35; font-size: 21px; font-weight: 800; text-decoration: none; }
.brand small { display: block; color: #65716b; font-size: 9px; letter-spacing: 1px; }
.bar nav { display: flex; gap: 20px; }
.bar nav a { color: #35413b; font-size: 16px; font-weight: 700; text-decoration: none; }
.bar nav a:hover { color: #819740; }
.lang { border: 1px solid #dce2db; background: white; color: #183c35; padding: 9px 12px; font-weight: 700; cursor: pointer; }
.hero { min-height: 375px; display: flex; align-items: end; color: white; background: linear-gradient(0deg,rgba(15,43,37,.92),rgba(15,43,37,.08)),var(--img) center/cover; }
.hero-in { padding: 50px 0; }
.eyebrow { color: #e3aa4b; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
h1 { max-width: 720px; margin: 8px 0 10px; font-size: clamp(36px,5vw,58px); line-height: 1.05; }
.hero p { max-width: 600px; margin: 0; color: #e5ede6; }
.content { padding: 66px 0 82px; }
.cols { display: grid; grid-template-columns: 1fr .9fr; gap: 52px; align-items: start; }
h2 { margin: 0 0 16px; color: #183c35; font-size: 31px; line-height: 1.13; }
.intro { margin: 0 0 25px; color: #65716b; font-size: 14px; }
.spec { width: 100%; border-collapse: collapse; }
.spec th,.spec td { padding: 13px 10px; border-top: 1px solid #dce2db; text-align: left; font-size: 13px; vertical-align: top; }
.spec th { width: 35%; color: #183c35; }
.spec td { color: #526057; }
.gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gallery figure { margin: 0; }
.gallery figure:first-child { grid-column: span 2; }
.gallery img { display: block; width: 100%; height: 230px; object-fit: cover; background: #f7f7f2; }
.gallery figure:not(:first-child) img { height: 145px; }
figcaption { padding-top: 7px; color: #65716b; font-size: 11px; }
.callout { margin-top: 34px; padding: 19px 21px; background: #f3f5ef; border-left: 3px solid #91a84f; color: #45534c; font-size: 13px; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 25px; }
.btn { min-height: 44px; display: inline-flex; align-items: center; padding: 0 18px; background: #183c35; color: white; font-size: 12px; font-weight: 700; text-decoration: none; }
.btn.alt { background: white; border: 1px solid #183c35; color: #183c35; }
footer { padding: 18px 0; background: #102e29; color: #ccdad0; font-size: 10px; }
[data-en],[data-zh] { transition: opacity .15s; }
body.zh [data-en] { display: none !important; }
body:not(.zh) [data-zh] { display: none !important; }
.brand{display:flex;align-items:center;gap:12px;font-size:36px;letter-spacing:.8px;line-height:1.1;flex-shrink:0;padding-top:4px}
.brand img{width:140px;height:auto;object-fit:contain}.brand>span{transform:translateY(4px)}.brand small{font-size:12px;letter-spacing:1.4px;margin-top:6px}.bar-in{min-height:142px;flex-wrap:wrap;align-content:center;justify-content:space-between}.bar nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;padding:4px 0 10px}
.cashew-hero{min-height:610px;position:relative;overflow:hidden;background:#183c35;align-items:center}
.cashew-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cashew-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,34,23,.76),rgba(13,34,23,.18))}
.cashew-hero .hero-in{position:relative;z-index:1;padding:65px 0 95px}.cashew-hero h1{font-size:clamp(42px,5.6vw,72px);max-width:850px;margin:18px 0 24px;line-height:1.13}.cashew-hero p{font-size:19px;line-height:1.8;max-width:650px}.hero-cta{display:inline-block;margin-top:30px;color:white;text-decoration:none;border-bottom:1px solid #e3aa4b;padding-bottom:9px;font-weight:bold}
.video-toolbar{position:absolute;bottom:20px;right:28px;z-index:2;color:white;display:flex;gap:16px;align-items:center;font-size:11px}.video-toolbar button{border:1px solid #fff;background:#183c35;color:white;padding:10px 15px;cursor:pointer}
.category-tabs{background:#183c35;color:white}.category-tabs .wrap{display:flex;justify-content:space-between;gap:18px}.category-tabs a{padding:22px 0;font-size:15px;text-decoration:none;letter-spacing:.5px}.category-tabs a:hover{color:#efc76e}
.collection-section{padding:90px 0;scroll-margin-top:180px}.skin-section{background:#f7efdf}.white-section{background:#fffdf6}.shell-section{background:#edf1e8}.collection-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center}.reverse .collection-photos{order:2}.reverse{grid-template-columns:1fr 1.15fr}.collection-copy h2{font-size:clamp(32px,3.5vw,48px);line-height:1.18;margin:18px 0 22px}.collection-copy p{font-size:16px;line-height:1.9;color:#4f5e50}.collection-copy .eyebrow{color:#7b6126}.collection-copy dl{display:grid;grid-template-columns:100px 1fr;gap:14px 18px;margin:28px 0;font-size:14px}.collection-copy dt{font-weight:bold;color:#183c35}.collection-copy dd{margin:0;color:#536353}.grade-pills{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.grade-pills span{border:1px solid #a9ad94;padding:9px 13px;color:#183c35;font-size:13px;font-weight:bold;border-radius:3px}
.collection-photos figure,.walnut-gallery figure{margin:0;min-width:0}.collection-photos a,.walnut-gallery a{display:block;overflow:hidden;border-radius:5px}.collection-photos img,.walnut-gallery img{width:100%;display:block;object-fit:cover;transition:transform .3s}.collection-photos a:hover img,.walnut-gallery a:hover img{transform:scale(1.035)}.main-photo img{height:490px}.secondary-photo{margin-top:20px!important}.secondary-photo img{height:330px;object-fit:contain;background:#f1d26a}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.photo-pair img{height:230px}.collection-photos figcaption,.walnut-gallery figcaption{font-size:12px;padding-top:9px;color:#52614e}
.purchase-band{background:#183c35;color:white;padding:60px 0}.purchase-band .wrap{display:grid;grid-template-columns:1fr auto;gap:55px;align-items:center}.purchase-band h2{color:white;font-size:36px;margin-top:14px}.purchase-band p{max-width:760px;color:#dce6db;font-size:14px;line-height:1.8}.purchase-band .actions{flex-direction:column}.purchase-band .btn{background:#e3aa4b;color:#183c35}.purchase-band .btn.alt{background:white}
.walnut-section{background:#f7efdf}.walnut-heading{display:flex;gap:60px;align-items:center;justify-content:space-between;margin-bottom:35px}.walnut-heading h2{font-size:42px;margin-top:16px}.walnut-heading .eyebrow{color:#7b6126}.walnut-heading p{max-width:500px;color:#52614e;font-size:16px;line-height:1.9}.walnut-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.walnut-gallery img{height:280px}.walnut-gallery figure:last-child img{object-fit:contain;background:white}
@media(prefers-reduced-motion:reduce){.collection-photos img,.walnut-gallery img{transition:none}.collection-photos a:hover img,.walnut-gallery a:hover img{transform:none}}
@media(max-width:760px) {
  .wrap { width: calc(100% - 36px); }
  .bar-in { min-height: 64px; gap: 10px; flex-wrap: wrap; padding: 10px 0; }
  .bar nav { order: 3; width: 100%; overflow-x: auto; gap: 17px; padding-bottom: 3px; }
  .bar nav a { white-space: nowrap; }
  .hero { min-height: 330px; }
  .hero-in { padding: 38px 0; }
  .content { padding: 48px 0 64px; }
  .cols { grid-template-columns: 1fr; gap: 33px; }
  h2 { font-size: 27px; }
  .gallery img { height: 210px; }
  .gallery figure:not(:first-child) img { height: 125px; }
  .brand{font-size:24px;gap:9px;padding-top:2px;width:auto;flex-direction:row;align-items:center}.brand img{width:110px;max-width:none;height:auto}.brand>span{transform:translateY(2px)}.brand small{font-size:9px;letter-spacing:1.1px}.bar-in{min-height:0;padding:0;justify-content:space-between}.bar nav{gap:16px;padding-top:4px;justify-content:flex-start}.bar nav a{font-size:16px}.lang{margin-left:auto}
  .cashew-hero{min-height:540px}.cashew-hero .hero-in{padding:45px 0 85px}.cashew-hero p{font-size:16px}.video-toolbar{right:18px;bottom:16px;gap:10px;font-size:10px}.category-tabs .wrap{gap:13px;overflow-x:auto}.category-tabs a{font-size:12px;white-space:nowrap;padding:18px 0}
  .collection-section{padding:55px 0;scroll-margin-top:130px}.collection-grid,.reverse{grid-template-columns:1fr;gap:32px}.reverse .collection-photos{order:0}.main-photo img,.secondary-photo img{height:auto;aspect-ratio:4/3}.collection-copy h2{font-size:34px}.photo-pair img{height:auto;aspect-ratio:4/3}.purchase-band .wrap{grid-template-columns:1fr;gap:10px}.purchase-band .actions{flex-direction:row}.walnut-heading{display:block}.walnut-heading h2{font-size:34px}.walnut-gallery{grid-template-columns:1fr 1fr;gap:16px}.walnut-gallery img{height:auto;aspect-ratio:4/3}
}

/* Keep product imagery, captions, and content columns visually aligned. */
.main-photo img,.secondary-photo img,.photo-pair img,.walnut-gallery img{height:auto;aspect-ratio:4/3;object-fit:cover}
.secondary-photo img{background:#f7f7f2}
.collection-photos figure,.walnut-gallery figure{min-width:0}