@font-face{font-family:NC Oswald;src:url('assets/Oswald-SemiBold.woff2') format('woff2');font-display:swap;font-weight:600}
*{box-sizing:border-box}body{margin:0;background:#211e1c;color:#f4eee6;font-family:Arial,Helvetica,sans-serif}
.nc-section{--nc-cream:#f4eee6;--nc-muted:#c5bbb2;--nc-accent:#dcae90;max-width:1440px;margin:auto;padding:48px 64px 64px}
.nc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px;gap:24px}
.nc-logo{display:block;width:256px;height:auto;max-width:60%}.nc-collaboration{color:var(--nc-muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.nc-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.nc-copy{min-width:0}
.nc-eyebrow{color:var(--nc-accent);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 18px}
.nc-copy h1{font-family:NC Oswald,Arial,sans-serif;text-transform:uppercase;font-size:clamp(44px,4.8vw,70px);line-height:1.08;letter-spacing:-.025em;font-weight:600;margin:0 0 24px}.nc-copy h1 span{color:var(--nc-accent)}
.nc-intro{font-size:25px;line-height:1.3;letter-spacing:-.015em;margin:0 0 20px}.nc-details{font-size:16px;line-height:1.6;max-width:47ch;color:var(--nc-muted);margin:0 0 32px}.nc-details strong{color:var(--nc-cream);font-weight:600}
.nc-flavors{border:0;padding:0;margin:0;min-inline-size:0}.nc-flavors legend{font-size:13px;letter-spacing:.04em;font-weight:700;padding:0;margin-bottom:14px}
.nc-flavor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nc-flavor{position:relative;cursor:pointer;display:block;padding:0 0 12px;border-bottom:2px solid #63564d;min-width:0}
.nc-flavor input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:1}
.nc-product{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:#282320;border-radius:6px}.nc-product img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease-out}
/* Viewport framing only: the original official photographs remain unmodified. */
.nc-product-strawberry img{position:absolute;width:250%;max-width:none;height:auto;left:-96.76%;top:-60.76%}
.nc-product-vanilla img{position:absolute;width:200%;max-width:none;height:auto;left:-50%;top:-50%}
.nc-product-chocolate img{object-position:50% 50%}
.nc-flavor-label{display:block;font-size:14px;line-height:1.35;font-weight:600;padding:12px 24px 0 0}.nc-selection{position:absolute;right:2px;bottom:15px;width:14px;height:14px;border:1px solid var(--nc-muted);border-radius:50%}
.nc-flavor:has(input:checked){border-color:var(--nc-accent)}.nc-flavor input:checked~.nc-selection{background:var(--nc-accent);box-shadow:inset 0 0 0 3px #211e1c}
.nc-flavor:has(input:focus-visible){outline:2px solid var(--nc-accent);outline-offset:5px;border-radius:6px}
.nc-flavor:active .nc-product img{transform:scale(.98)}
.nc-choice-status{min-height:18px;font-size:12px;color:var(--nc-muted);margin:12px 0 0}
.nc-bottom-copy{max-width:49ch;font-size:15px;line-height:1.6;color:var(--nc-muted);margin:28px 0 0}.nc-bottom-copy strong{display:block;color:var(--nc-cream);font-weight:600;margin-top:5px}
.nc-film-column{min-width:0;padding-top:2px}.nc-film-stage{aspect-ratio:1;background:#191715;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}
.nc-film-stage video{display:block;height:100%;width:100%;object-fit:contain;max-width:100%;aspect-ratio:1;background:#191715}
.nc-film-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;color:var(--nc-muted);font-size:13px}
.nc-film-caption button{font:inherit;font-weight:600;color:var(--nc-cream);border:1px solid #706258;border-radius:6px;background:transparent;min-height:44px;padding:10px 16px;cursor:pointer}.nc-film-caption button span{margin-left:16px}.nc-film-caption button:focus-visible{outline:2px solid var(--nc-accent);outline-offset:4px}.nc-film-caption button:active{transform:translateY(1px)}.nc-film-error{font-size:14px;line-height:1.5}.nc-film-error a{color:var(--nc-accent)}
@media(hover:hover){.nc-flavor:hover .nc-product img{transform:scale(1.035)}.nc-film-caption button:hover{background:#39312b;border-color:var(--nc-accent)}}
@media(min-width:1100px){.nc-film-column{position:sticky;top:32px}}
@media(max-width:1100px){.nc-section{padding:36px 32px 48px}.nc-layout{gap:36px}.nc-header{margin-bottom:40px}.nc-intro{font-size:22px}.nc-flavor-grid{gap:8px}.nc-flavor-label{font-size:12px;padding-right:16px}.nc-copy h1{font-size:clamp(40px,5.2vw,58px)}}
@media(max-width:760px){.nc-section{padding:28px 24px 40px}.nc-header{align-items:center;margin-bottom:40px}.nc-logo{width:194px}.nc-collaboration{font-size:9px;max-width:88px;line-height:1.7;text-align:right}.nc-layout{grid-template-columns:1fr;gap:32px}.nc-eyebrow{font-size:11px}.nc-copy h1{font-size:clamp(43px,10vw,68px);margin-bottom:22px}.nc-intro{font-size:23px}.nc-details{font-size:16px;margin-bottom:28px}.nc-flavor-label{font-size:12px}.nc-product{border-radius:6px}.nc-bottom-copy{font-size:14px;margin-top:24px}.nc-film-stage{aspect-ratio:4/5}.nc-film-stage video{aspect-ratio:4/5}.nc-film-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.nc-product img{transition:none}.nc-flavor:hover .nc-product img,.nc-flavor:active .nc-product img{transform:none}}

/* User-requested full-square framing for this sandbox only. */
.nc-film-stage,.nc-film-stage video{aspect-ratio:1}.nc-film-stage video{object-fit:cover;object-position:50% 50%}

/* v5 Nutcase chapter. The archived base rules above remain available to
   nutcase.html. This scoped block is the only unlocked main-page treatment. */
.nc-section[data-version="v5"]{max-width:none;padding:0;background:#211e1c;color:#f4eee6;container-type:inline-size}
.nc-section[data-version="v5"] .nc-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch}
.nc-section[data-version="v5"] .nc-copy{padding:64px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.nc-section[data-version="v5"] .nc-collaboration{order:0;color:#c5bbb2;font-size:12px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;margin:0 0 28px}
.nc-section[data-version="v5"] .nc-lockup{order:1;display:block;width:min(100%,480px);height:auto;max-width:100%;margin:0 0 44px;filter:brightness(0) invert(1)}
.nc-section[data-version="v5"] .nc-eyebrow{order:2;margin-bottom:18px;color:#dcae90}
.nc-section[data-version="v5"] #nc-title{order:3;margin:0 0 24px;font-size:clamp(58px,6.2cqw,104px);line-height:.94;letter-spacing:-.03em;color:#f4eee6;text-wrap:balance}
.nc-section[data-version="v5"] #nc-title .nc-title-cream{color:#f4eee6}
.nc-section[data-version="v5"] #nc-title .nc-title-copper{color:#dcae90}
.nc-section[data-version="v5"] .nc-intro{order:4;font-size:clamp(22px,2.1cqw,30px);line-height:1.25;max-width:26ch;color:#f4eee6;margin:0 0 20px}
.nc-section[data-version="v5"] .nc-details{order:5;max-width:48ch;margin:0 0 22px;color:#c5bbb2}
.nc-section[data-version="v5"] .nc-bottom-copy{order:6;max-width:48ch;margin:0 0 32px;color:#c5bbb2}
.nc-section[data-version="v5"] .nc-bottom-copy strong{color:#f4eee6}
.nc-section[data-version="v5"] .nc-can-row{order:7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:0 0 20px}
.nc-section[data-version="v5"] .nc-can-figure{min-width:0;margin:0}
.nc-section[data-version="v5"] .nc-can-product{display:block;aspect-ratio:3/4;overflow:hidden;background:#282320;border-radius:6px}
.nc-section[data-version="v5"] .nc-can-product img{display:block;width:100%;height:100%;object-fit:contain}
.nc-section[data-version="v5"] .nc-can-figure figcaption{padding-top:10px;color:#f4eee6;font-size:12px;line-height:1.35}
.nc-section[data-version="v5"] .nc-pick-link{order:8;display:inline-flex;align-items:center;min-height:44px;padding:0 0 6px;border-bottom:1px solid #dcae90;color:#f4eee6;font-size:14px;font-weight:600;text-decoration:none}
.nc-section[data-version="v5"] .nc-film-column{display:grid;grid-template-rows:minmax(50cqw,1fr) auto auto;align-self:stretch;min-width:0;padding:0;position:relative;top:auto}
.nc-section[data-version="v5"] .nc-film-stage{min-height:50cqw;height:100%;aspect-ratio:auto;border-radius:0;background:#191715;overflow:hidden}
.nc-section[data-version="v5"] .nc-film-stage video{display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;background:#191715}
.nc-section[data-version="v5"] .nc-film-caption{min-height:64px;padding:16px 64px 0;color:#c5bbb2;background:#211e1c}
.nc-section[data-version="v5"] .nc-film-caption button{border-color:#706258}
.nc-section[data-version="v5"] .nc-film-error{padding:16px 64px 32px;margin:0;background:#211e1c;color:#c5bbb2}
@media(max-width:1100px){
  .nc-section[data-version="v5"] .nc-copy{padding:48px 32px}
  .nc-section[data-version="v5"] .nc-lockup{margin-bottom:36px}
  .nc-section[data-version="v5"] #nc-title{font-size:clamp(52px,6.6cqw,88px)}
  .nc-section[data-version="v5"] .nc-film-caption{padding-inline:32px}
  .nc-section[data-version="v5"] .nc-film-error{padding-inline:32px}
}
@media(max-width:760px){
  .nc-section[data-version="v5"] .nc-layout{grid-template-columns:1fr}
  .nc-section[data-version="v5"] .nc-copy{padding:40px 24px 48px}
  .nc-section[data-version="v5"] .nc-lockup{width:min(100%,360px);margin-bottom:28px}
  .nc-section[data-version="v5"] #nc-title{font-size:clamp(48px,13cqw,72px)}
  .nc-section[data-version="v5"] .nc-intro{font-size:24px}
  .nc-section[data-version="v5"] .nc-film-column{grid-template-rows:minmax(100cqw,1fr) auto auto}
  .nc-section[data-version="v5"] .nc-film-stage{min-height:100cqw}
  .nc-section[data-version="v5"] .nc-film-caption{padding-inline:24px}
  .nc-section[data-version="v5"] .nc-film-error{padding-inline:24px}
}
@media(prefers-reduced-motion:reduce){.nc-section[data-version="v5"] .nc-pick-link,.nc-section[data-version="v5"] .nc-film-caption button{transition:none}}