.nb-ingredient-bold{--story-width:calc((100vw - 64px)/3);max-width:none!important;width:100%;margin:0!important;box-sizing:border-box;padding:9px 0 12px;background:radial-gradient(ellipse at 38% 35%,#105359 0%,#003e44 62%,#00363b 100%);color:#fbfcf3;border-top:1px solid #cfb26b;overflow:hidden}
.nb-ingredient-bold *{box-sizing:border-box}
.nb-ingredient-bold header{display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:16px;min-height:40px}
.nb-ingredient-bold h2{display:flex;align-items:center;gap:12px;margin:0;color:#f5f8ef;font:500 13px/1.3 Inter,sans-serif;text-transform:uppercase;letter-spacing:.15em}
.nb-ingredient-bold h2::before{content:'';width:34px;height:2px;background:#d5b967;flex:none}
.nb-rail-actions{display:flex;align-items:center;gap:18px;flex:none}
.nb-rail-facts,.nb-rail-motion{border:0;background:none;color:#f4f8ed;font:400 12px/1 Inter,sans-serif;min-height:40px;cursor:pointer;padding:0}
.nb-rail-motion{display:flex;align-items:center;gap:10px}
.nb-rail-motion::before{content:'';height:14px;width:1px;background:#a3b3a3;margin-right:6px}
.nb-rail-motion i{display:grid;place-items:center;width:24px;height:24px;border:1px solid #d5b967;border-radius:50%}
.nb-rail-motion i::after{content:'';width:6px;height:9px;border-left:2px solid #f8f4d6;border-right:2px solid #f8f4d6}
.nb-rail-motion[data-paused=true] i::after{width:0;height:0;border:0;border-left:7px solid #f8f4d6;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
.nb-ingredient-track{display:flex;position:relative;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;padding-left:32px}
.nb-ingredient-track::-webkit-scrollbar{display:none}
.nb-ingredient-track:active{cursor:grabbing}
.nb-ingredient-group{display:flex;width:max-content!important;max-width:none!important;flex:0 0 auto}
.nb-ingredient-card{display:grid;grid-template-columns:49% 51%;align-items:center;width:var(--story-width);max-width:none!important;flex:0 0 var(--story-width);min-width:0;margin:0;position:relative;padding:12px 12px 12px 0;min-height:228px}
.nb-ingredient-card::after{content:'';position:absolute;right:7px;top:17%;bottom:17%;width:1px;background:linear-gradient(transparent,#aa915055,transparent)}
.nb-ingredient-art{position:relative;width:100%;aspect-ratio:1;overflow:hidden;filter:drop-shadow(0 9px 7px #00202544)}
.nb-ingredient-art::before{content:'';position:absolute;inset:0;background:url('/images/homepage-refined-20260929/ingredient-atlas-transparent-v2.webp') var(--ix) var(--iy)/400% 200% no-repeat}
.nb-ingredient-copy{padding:0 12px 0 8px;min-width:0}
.nb-ingredient-copy h3{font:700 clamp(28px,2.8vw,46px)/.97 'Barlow Condensed',sans-serif;letter-spacing:-.025em;text-transform:uppercase;color:#fbfcf4;margin:0}
.nb-ingredient-gold{display:block;width:29px;height:2px;background:#d5b967;margin:13px 0 10px}
.nb-ingredient-copy h4{font:700 clamp(18px,1.55vw,26px)/1.06 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.005em;color:#fbfcf4;margin:0 0 10px}
.nb-ingredient-copy p{font:400 clamp(11px,1.02vw,16px)/1.35 Inter,sans-serif;color:#edf4ee;margin:0}
.nb-rail-pagination{display:flex;justify-content:center;gap:1px;min-height:27px;align-items:center}
.nb-rail-pagination button{border:0;background:none;width:25px;height:27px;display:grid;place-items:center;padding:0;cursor:pointer}
.nb-rail-pagination button::after{content:'';width:6px;height:6px;border-radius:50%;background:#9bb8b577}
.nb-rail-pagination button[aria-pressed=true]::after{background:#dfbd66;width:8px;height:8px}
.nb-rail-note{font:400 9px/1.4 Inter,sans-serif;color:#d2e2db;margin:2px 32px 0;max-width:none!important}
.nb-ingredient-bold button:focus-visible,.nb-ingredient-track:focus-visible{outline:2px solid #dfbd66;outline-offset:-2px}
@media(min-width:1600px){.nb-ingredient-bold{--story-width:calc((100vw - 96px)/3)}.nb-ingredient-bold header{padding:0 48px}.nb-ingredient-track{padding-left:48px}.nb-ingredient-card{min-height:260px}.nb-rail-note{margin-left:48px;margin-right:48px}}
@media(max-width:1050px) and (min-width:801px){.nb-ingredient-bold{--story-width:calc((100vw - 48px)/2)}.nb-ingredient-bold header{padding:0 24px}.nb-ingredient-track{padding-left:24px}.nb-ingredient-copy h3{font-size:35px}.nb-ingredient-copy h4{font-size:21px}.nb-ingredient-copy p{font-size:13px}}
@media(max-width:800px){.nb-ingredient-bold{--story-width:86vw;padding:5px 0 10px}.nb-ingredient-bold header{padding:0 16px;gap:10px;min-height:38px}.nb-ingredient-bold h2{font-size:10px;letter-spacing:.1em;gap:8px;white-space:nowrap}.nb-ingredient-bold h2::before{width:20px}.nb-rail-actions{gap:10px}.nb-rail-facts,.nb-rail-motion{font-size:10px;min-height:36px}.nb-rail-motion{gap:5px}.nb-rail-motion::before{margin-right:2px;height:12px}.nb-rail-motion i{width:19px;height:19px}.nb-ingredient-track{padding-left:12px}.nb-ingredient-card{min-height:194px;padding:9px 8px 7px 0;grid-template-columns:47% 53%}.nb-ingredient-copy{padding:0 8px 0 6px}.nb-ingredient-copy h3{font-size:30px}.nb-ingredient-gold{width:24px;margin:9px 0 8px}.nb-ingredient-copy h4{font-size:20px;margin-bottom:7px}.nb-ingredient-copy p{font-size:11px;line-height:1.35}.nb-rail-pagination{min-height:26px}.nb-rail-pagination button{height:26px;width:25px}.nb-rail-note{font-size:8px;line-height:1.45;margin:2px 16px 0}}
@media(max-width:350px){.nb-ingredient-bold{--story-width:91vw}.nb-ingredient-bold h2{font-size:9px;letter-spacing:.08em;gap:6px}.nb-ingredient-bold h2::before{width:16px}.nb-rail-actions{gap:8px}.nb-ingredient-card{min-height:194px}.nb-ingredient-copy h3{font-size:27px}.nb-ingredient-copy h4{font-size:18px}.nb-ingredient-copy p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.nb-ingredient-track{scroll-behavior:auto}}
/* Compact navigation overrides inherited global button minimums. */
.nb-ingredient-bold .nb-rail-pagination button{width:32px;min-width:32px;height:32px;min-height:32px;flex:0 0 32px}
.nb-ingredient-bold .nb-ingredient-card{min-height:212px;padding-top:8px;padding-bottom:8px}
@media(max-width:800px){.nb-ingredient-bold .nb-ingredient-card{min-height:176px;padding-top:5px;padding-bottom:5px}.nb-rail-note{font-size:9px;line-height:1.4}.nb-ingredient-bold .nb-rail-pagination button{height:28px;min-height:28px}}

/* Match the approved photographic reference: ingredient debris, leaves and gold hairlines. */
.nb-ingredient-bold{background:radial-gradient(ellipse at 32% 34%,#105157 0%,#043b40 52%,#002d32 100%);border-top-color:#cfb26b}
.nb-ingredient-bold .nb-ingredient-track{padding-left:0}
@media(min-width:1051px){.nb-ingredient-bold{--story-width:calc(100vw / 3)}}
.nb-ingredient-bold .nb-ingredient-card{grid-template-columns:51% 49%}
.nb-ingredient-bold .nb-ingredient-art{filter:drop-shadow(0 9px 6px #001d2455)}
.nb-ingredient-art-detail::before{display:none}
.nb-ingredient-art-detail img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;transform:scale(1.06)}
.nb-ingredient-bold .nb-ingredient-card::after{right:5px;top:10%;bottom:10%;background:linear-gradient(to bottom,#c7a95b25,#d4b465aa 20%,#d4b465aa 80%,#c7a95b25)}
.nb-ingredient-bold .nb-ingredient-gold{width:40px;height:2px;background:linear-gradient(90deg,#b78322,#f4d579 46%,#bc923e)}
.nb-ingredient-bold h2::before{background:linear-gradient(90deg,#d2a63e,#f4d579);width:38px}
@media(min-width:1051px){.nb-ingredient-bold .nb-ingredient-copy h3{font-size:clamp(32px,3vw,48px)}}
@media(min-width:1051px){.nb-ingredient-bold .nb-ingredient-card:nth-child(5) h3{font-size:clamp(28px,2.6vw,42px)}}
@media(max-width:800px){.nb-ingredient-bold .nb-ingredient-card{grid-template-columns:49% 51%}.nb-ingredient-bold .nb-ingredient-gold{width:30px}.nb-ingredient-bold h2::before{width:20px}}
@media(max-width:350px){.nb-ingredient-bold h2::before{width:16px}}

/* Compact reference banner: reduce vertical footprint without scaling the whole UI. */
.nb-ingredient-bold{padding-top:4px;padding-bottom:6px}
.nb-ingredient-bold header{min-height:36px}
.nb-ingredient-bold .nb-rail-pagination{min-height:24px}
.nb-ingredient-bold .nb-rail-pagination button{height:24px;min-height:24px}
.nb-ingredient-bold .nb-ingredient-gold{margin:7px 0 6px}
.nb-ingredient-bold .nb-ingredient-copy h4{margin-bottom:6px}
@media(min-width:801px){
 .nb-ingredient-bold .nb-ingredient-card{min-height:clamp(152px,13.2vw,228px);padding-top:4px;padding-bottom:4px;grid-template-columns:43% 57%}
 .nb-ingredient-bold .nb-ingredient-art{width:min(100%,clamp(140px,12.5vw,220px));justify-self:center}
 .nb-ingredient-bold .nb-ingredient-copy h3,.nb-ingredient-bold .nb-ingredient-card:nth-child(5) h3{font-size:clamp(28px,2.45vw,40px)}
 .nb-ingredient-bold .nb-ingredient-copy h4{font-size:clamp(16px,1.35vw,22px)}
 .nb-ingredient-bold .nb-ingredient-copy p{font-size:clamp(12px,.98vw,15px);line-height:1.3}
}
@media(max-width:800px){
 .nb-ingredient-bold{--story-width:92vw;padding-top:2px;padding-bottom:5px}
 .nb-ingredient-bold header{min-height:34px}
 .nb-ingredient-bold .nb-ingredient-card{grid-template-columns:39% 61%;min-height:132px;padding-top:3px;padding-bottom:3px}
 .nb-ingredient-bold .nb-ingredient-copy{padding-left:5px;padding-right:10px}
 .nb-ingredient-bold .nb-ingredient-copy h3{font-size:25px;line-height:1}
 .nb-ingredient-bold .nb-ingredient-copy h4{font-size:17px;line-height:1.06;margin-bottom:5px}
 .nb-ingredient-bold .nb-ingredient-copy p{font-size:11px;line-height:1.3}
 .nb-ingredient-bold .nb-ingredient-gold{margin:6px 0 5px;width:26px}
 .nb-ingredient-bold .nb-rail-note{margin-top:1px}
}
@media(max-width:350px){
 .nb-ingredient-bold .nb-ingredient-copy h3{font-size:23px}
 .nb-ingredient-bold .nb-ingredient-copy h4{font-size:16px}
}

/* Variable-length catalog captions retain compact cards without truncation. */
.nb-catalog-rail .nb-ingredient-copy h3{overflow-wrap:normal}
