/* NoodleBomb: food and product first, with one clear path into the Trio. */
.page-nav .nav-cta { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; }
.nb-shine-hero { position:relative; isolation:isolate; display:flex; align-items:center; min-height:690px; min-height:min(800px,calc(100svh - 64px)); overflow:hidden; background:#100d09; }
.nb-shine-hero .hero-bg-media { position:absolute; inset:0; overflow:hidden; }
.nb-shine-hero .hero-bg-media::before { content:none; }
.nb-shine-hero .hero-bg-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#100d09 0%,rgba(16,13,9,.94) 25%,rgba(16,13,9,.48) 45%,transparent 66%); }
.nb-shine-hero .hero-product-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; opacity:1; animation:none; transform:none; filter:none; will-change:auto; }
.nb-shine-hero .hero-copy-panel { position:relative; z-index:1; flex:none; width:53%; max-width:750px; padding:76px clamp(24px,5.5vw,80px); }
.nb-shine-eyebrow { margin:0 0 20px; color:#e2b85e; font:600 11px/1.5 'Inter',sans-serif; letter-spacing:.15em; }
.nb-shine-hero h1.display { font-size:clamp(54px,5.4vw,86px); line-height:.96; letter-spacing:-.055em; margin:0 0 24px; max-width:none; animation:none; text-shadow:none; }
.nb-shine-hero h1 span { color:#e2b85e; }
.nb-shine-hero .hero-subcopy { max-width:36ch; margin:0 0 23px; font:400 clamp(16px,1.3vw,19px)/1.6 'Inter',sans-serif; color:#ddd5c7; }
.nb-shine-flavors { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:30px; }
.nb-shine-flavors span { display:flex; align-items:center; gap:7px; font:500 11px/1.3 'Inter',sans-serif; padding:8px 11px; border:1px solid #5e513d; border-radius:5px; color:#f5f1ea; }
.nb-shine-flavors span::before { content:""; width:5px; height:5px; background:#d4a24a; border-radius:50%; }
.nb-shine-flavors span:nth-child(2)::before { background:#ed6850; }
.nb-shine-flavors span:nth-child(3)::before { background:#efa253; }
.nb-shine-hero .hero-cta-row { display:flex; align-items:center; gap:18px; flex-wrap:wrap; animation:none; }
.nb-shine-primary { display:inline-flex; justify-content:center; align-items:center; gap:20px; min-height:54px; padding:16px 24px; color:#18120a; background:#e2b85e; border:1px solid #e2b85e; border-radius:7px; text-decoration:none; font:700 14px/1.3 'Inter',sans-serif; transition:background .2s; }
.nb-shine-primary:hover { background:#f3ce80; }
.nb-shine-secondary { display:inline-flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; color:#f5f1ea; text-underline-offset:5px; font:500 13px/1.4 'Inter',sans-serif; }
.nb-shine-hero .hero-trust-line { margin:19px 0 0; width:100%; max-width:none !important; font:400 12px/1.75 'Inter',sans-serif; letter-spacing:0 !important; color:#d2c9ba; animation:none; }
.nb-shine-hero .hero-trust-line::before { content:none; }
.nb-shine-hero .hero-trust-line strong { color:#f5f1ea; font-weight:500; }
.nb-shine-starter { background:#ede7db; color:#211c15; padding:72px clamp(24px,5.5vw,80px) 80px; border:0; }
.nb-shine-section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:32px; }
.nb-shine-starter .nb-shine-eyebrow { color:#79613b; margin-bottom:12px; }
.nb-shine-section-head h2 { margin:0; font-size:clamp(36px,4vw,60px); line-height:1.02; letter-spacing:-.045em; }
.nb-shine-section-head>p { font:400 14px/1.6 'Inter',sans-serif; color:#5d5549; margin:0; }
.nb-shine-starter .starter-path-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.nb-shine-starter .nb-shine-card { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; min-height:0; border:1px solid #cec4b3; border-radius:12px; overflow:hidden; background:#f7f3eb; color:#211c15; text-decoration:none; transform:none; }
.nb-shine-starter .nb-shine-card:hover { border-color:#8f703c; background:#fffcf6; transform:none; }
.nb-shine-card-photo { aspect-ratio:1.7; overflow:hidden; background:#17120d; display:flex; align-items:center; justify-content:center; }
.nb-shine-card-photo img { width:100%; height:100%; object-fit:cover; }
.nb-shine-card--shake .nb-shine-card-photo { background:radial-gradient(ellipse at 50% 80%,#6e432b,#211812 80%); gap:18px; padding:20px; }
.nb-shine-card--shake .nb-shine-card-photo img { width:31%; height:100%; object-fit:contain; }
.nb-shine-card--box .nb-shine-card-photo img { object-position:center 47%; }
.nb-shine-card-copy { display:flex; flex-direction:column; flex:1; padding:25px; }
.nb-shine-card-copy h3 { margin:0 0 12px; font-size:clamp(27px,2.5vw,38px); line-height:1; letter-spacing:-.035em; }
.nb-shine-description { margin:0 0 20px; font:400 14px/1.6 'Inter',sans-serif; color:#5d5549; }
.nb-shine-starter .nb-shine-price { margin:auto 0 18px; font:600 13px/1.5 'Inter',sans-serif; color:#211c15; }
.nb-shine-card-link { display:flex; justify-content:space-between; border-top:1px solid #d7cebf; padding-top:16px; font:600 14px/1.3 'Inter',sans-serif; }
.nb-shine-hero a:focus-visible,.nb-shine-starter a:focus-visible { outline:3px solid #e84a3a; outline-offset:5px; }
@media(min-width:769px) and (max-width:1120px) { .nb-shine-hero .hero-copy-panel { width:62%; } .nb-shine-hero .hero-bg-media::after { background:linear-gradient(90deg,#100d09,rgba(16,13,9,.8) 42%,transparent 85%); } }
@media(max-width:768px) {
  .nb-shine-hero { display:flex; flex-direction:column; min-height:0 !important; }
  .nb-shine-hero .hero-bg-media { position:relative; inset:auto; width:100%; height:clamp(240px,72vw,400px); }
  .nb-shine-hero .hero-product-bg { top:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:74% center !important; opacity:1; }
  .nb-shine-hero .hero-bg-media::after { background:linear-gradient(0deg,#100d09 0%,transparent 30%); }
  .nb-shine-hero .hero-copy-panel { width:100%; max-width:none; padding:8px 24px 36px !important; }
  .nb-shine-hero .nb-shine-eyebrow { margin-bottom:14px; font-size:10px; }
  .nb-shine-hero h1.display { font-size:clamp(42px,11.8vw,76px) !important; max-width:none; line-height:.98 !important; margin-bottom:17px !important; }
  .nb-shine-hero .hero-subcopy { max-width:34ch !important; font-size:14px !important; line-height:1.55 !important; margin-bottom:17px !important; }
  .nb-shine-flavors { gap:6px; margin-bottom:23px; }
  .nb-shine-flavors span { font-size:10px; padding:7px 9px; }
  .nb-shine-hero .hero-cta-row { flex-direction:column !important; align-items:stretch; gap:9px !important; }
  .nb-shine-hero .hero-cta-row a { width:100%; min-height:50px; }
  .nb-shine-hero .nb-shine-primary { font:700 14px/1.3 'Inter',sans-serif !important; letter-spacing:0 !important; }
  .nb-shine-hero .hero-cta-row a:nth-child(2) { display:flex !important; min-height:38px; font-size:12px; }
  .nb-shine-hero .hero-trust-line { margin-top:12px !important; font-size:11px !important; text-align:center; line-height:1.75 !important; }
  .nb-shine-starter { padding:45px 24px 52px; }
  .nb-shine-section-head { display:block; margin-bottom:26px; }
  .nb-shine-section-head h2 { max-width:11ch; margin-bottom:16px; }
  .nb-shine-starter .starter-path-cards { grid-template-columns:1fr; gap:22px; }
  .nb-shine-card-copy { padding:23px; }
  .nb-shine-card-photo { aspect-ratio:1.85; }
}
@media(prefers-reduced-motion:reduce) { .nb-shine-hero *, .nb-shine-starter * { animation:none !important; transition:none !important; scroll-behavior:auto; } }
