:root{--nn-roast:#2B170C;--nn-roast-2:#5A3A22;--nn-decaf:#8A5A36;--nn-crema:#C89A6A}.nn-video{display:block;width:100%;height:100%;object-fit:cover;background:var(--nn-deep)}.nn-hero{position:relative}.nn-beans{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.nn-hero__hint{position:absolute;z-index:3;right:24px;bottom:16px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f5f3efbf;display:flex;align-items:center;gap:8px}.nn-steam{position:absolute;left:50%;top:6%;transform:translate(-50%);display:flex;gap:14px;pointer-events:none;z-index:2;opacity:0;transition:opacity .4s}.nn-steam i{display:block;width:10px;height:56px;border-radius:10px;background:linear-gradient(to top,#ffffffd9,#fff0);filter:blur(3px);animation:nn-steam 2.4s ease-in-out infinite}.nn-steam i:nth-child(2){animation-delay:.5s;height:70px}.nn-steam i:nth-child(3){animation-delay:1s}@keyframes nn-steam{0%{transform:translateY(16px) scaleX(.8);opacity:0}30%{opacity:.9}to{transform:translateY(-34px) scaleX(1.4) skew(12deg);opacity:0}}.nn-card:hover .nn-steam,.nn-card:focus-within .nn-steam{opacity:1}.nn-cinema{background:var(--nn-cream);padding:56px 24px}.nn-cinema__frame{--s:.9;position:relative;max-width:1400px;margin:0 auto;aspect-ratio:16/9;max-height:86vh;border-radius:calc(48px - var(--s) * 0px);overflow:hidden;background:var(--nn-navy);transform:scale(var(--s));transform-origin:center;transition:transform .1s linear;border:2px solid var(--nn-navy)}.nn-cinema__fallback{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--nn-tone);display:flex;align-items:center;justify-content:center;overflow:hidden}.nn-cinema__sun{position:absolute;left:73%;top:50%;width:200%;aspect-ratio:1/1;transform:translate(-50%,-50%)}.nn-cinema__fallback .nn-rays{display:block;width:100%;height:100%;animation:nn-spin 140s linear infinite}.nn-cinema__fallback .nn-rays__sun{fill:var(--nn-gold)}@keyframes nn-spin{to{transform:rotate(360deg)}}.nn-cinema__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#042b6ed1 0,#042b6e40 45%,#042b6e00 70%);pointer-events:none}.nn-cinema__text{position:absolute;left:clamp(20px,5vw,64px);right:clamp(20px,5vw,64px);bottom:clamp(20px,5vw,56px);color:var(--nn-cream);display:flex;flex-direction:column;gap:12px;max-width:760px}.nn-cinema__text .nn-eyebrow{color:var(--nn-gold)}.nn-cinema__text h2{font-size:clamp(36px,5.4vw,80px);line-height:1}.nn-cinema__text p{font-size:clamp(16px,1.6vw,20px);color:#e8edf7;max-width:560px}.nn-cinema__toggle{position:absolute;right:20px;top:20px;width:48px;height:48px;border-radius:50%;border:2px solid var(--nn-cream);background:#042b6e80;color:var(--nn-cream);display:flex;align-items:center;justify-content:center;cursor:pointer}.nn-cinema__toggle svg{width:18px;height:18px}.nn-cinema__toggle .nn-i-play{display:none}.nn-cinema__toggle[aria-pressed=true] .nn-i-play{display:block}.nn-cinema__toggle[aria-pressed=true] .nn-i-pause{display:none}@media(max-width:760px){.nn-cinema{padding:32px 12px}.nn-cinema__frame{aspect-ratio:4/5;border-radius:28px}}.nn-pour-sec{background:var(--nn-cream)}.nn-pour{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:48px;align-items:center}.nn-pour__copy{display:flex;flex-direction:column;gap:20px}.nn-pour__controls{display:flex;flex-wrap:wrap;gap:12px}.nn-pour__btn{display:inline-flex;align-items:center;gap:10px;border:2px solid var(--nn-navy);border-radius:999px;padding:16px 22px;font-family:var(--nn-body);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;box-shadow:3px 3px 0 var(--nn-navy);transition:transform .1s,box-shadow .1s}.nn-pour__btn:active,.nn-pour__btn.is-pouring{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--nn-navy)}.nn-pour__btn--reg{background:var(--nn-navy);color:var(--nn-cream)}.nn-pour__btn--decaf{background:var(--nn-gold);color:var(--nn-navy)}.nn-pour__dot{width:14px;height:14px;border-radius:50%;border:2px solid currentColor}.nn-pour__btn--reg .nn-pour__dot{background:var(--nn-roast)}.nn-pour__btn--decaf .nn-pour__dot{background:var(--nn-decaf)}.nn-pour__reset{background:none;border:0;font-family:inherit;font-weight:600;font-size:15px;color:var(--nn-navy);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:12px 6px}.nn-pour__readout{background:var(--nn-white);border:2px solid var(--nn-navy);border-radius:26px;padding:22px;display:flex;flex-direction:column;gap:14px}.nn-pour__bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:#ece8e0;border:2px solid var(--nn-navy)}.nn-pour__bar span{display:block;height:100%;width:0;transition:width .12s linear}.nn-pour__bar span:first-child{background:var(--nn-roast)}.nn-pour__bar span:last-child{background:var(--nn-decaf)}.nn-pour__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nn-pour__stats span{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--nn-ink-soft)}.nn-pour__stats strong{display:block;font-family:var(--nn-display);font-weight:400;font-size:30px;line-height:1.1}.nn-pour__msg{font-weight:600;font-size:17px;min-height:1.5em}.nn-pour__readout .nn-btn[hidden]{display:none}.nn-pour__stage{position:relative;border:2px solid var(--nn-navy);border-radius:36px;min-height:520px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:40px}.nn-pour__spouts{position:absolute;z-index:1;top:26px;left:0;right:0;display:flex;justify-content:center;gap:78px}.nn-spout{position:relative;width:96px;height:118px}.nn-spout__pot{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--nn-navy);border-radius:18px 18px 28px 28px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:transform .25s ease}.nn-spout--reg .nn-spout__pot{background:var(--nn-navy);color:var(--nn-gold);transform-origin:90% 80%}.nn-spout--decaf .nn-spout__pot{background:var(--nn-gold);color:var(--nn-navy);transform-origin:10% 80%}.nn-spout__pot:after{content:"";position:absolute;bottom:14px;width:22px;height:14px;border:3px solid var(--nn-navy);background:inherit}.nn-spout--reg .nn-spout__pot:after{right:-20px;border-left:0;border-radius:0 10px 10px 0}.nn-spout--decaf .nn-spout__pot:after{left:-20px;border-right:0;border-radius:10px 0 0 10px}.nn-spout--reg.is-pouring .nn-spout__pot{transform:rotate(28deg)}.nn-spout--decaf.is-pouring .nn-spout__pot{transform:rotate(-28deg)}.nn-stream{position:absolute;top:104px;width:9px;height:0;border-radius:6px;transition:height .18s ease-out}.nn-spout--reg .nn-stream{right:-30px;background:var(--nn-roast)}.nn-spout--decaf .nn-stream{left:-30px;background:var(--nn-decaf)}.nn-spout.is-pouring .nn-stream{height:var(--nn-stream,250px)}.nn-mug{position:relative;z-index:2;width:230px;height:250px}.nn-mug__body{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid var(--nn-navy);border-top-width:3px;border-radius:10px 10px 46px 46px;background:#ffffff6b;overflow:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nn-mug__liquid{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--nn-roast);transition:height .12s linear,background-color .2s}.nn-mug__crema{position:absolute;left:0;right:0;top:0;height:10px;background:var(--nn-crema);opacity:.75}.nn-mug__mark{position:absolute;left:-2px;right:-2px;top:50%;border-top:2px dashed rgba(7,60,143,.55)}.nn-mug__mark span{position:absolute;right:8px;top:-22px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--nn-navy)}.nn-mug__logo{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:120px;color:var(--nn-gold);opacity:.95;mix-blend-mode:normal}.nn-mug__handle{position:absolute;right:-62px;top:56px;width:70px;height:110px;border:4px solid var(--nn-navy);border-left:0;border-radius:0 50px 50px 0}.nn-mug .nn-steam{top:-70px;opacity:0}.nn-pour.is-full .nn-mug .nn-steam{opacity:1}.nn-pour__sunburst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .5s;color:var(--nn-gold)}.nn-pour__sunburst .nn-rays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.nn-pour.is-win .nn-pour__sunburst{opacity:1}.nn-pour.is-win .nn-mug{animation:nn-bounce .6s ease}@keyframes nn-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}.nn-journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}.nn-journey__media{position:sticky;top:110px}.nn-journey__frame{position:relative;aspect-ratio:4/5;border:2px solid var(--nn-navy);border-radius:36px;overflow:hidden;background:var(--nn-navy)}.nn-journey__shot{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease;display:flex;align-items:center;justify-content:center}.nn-journey__shot[data-active]{opacity:1}.nn-journey__art{position:relative;z-index:1;width:56%;max-width:280px}.nn-journey__num{position:absolute;z-index:2;left:24px;top:20px;font-family:var(--nn-display);font-size:64px;line-height:1;color:var(--nn-navy);opacity:.9}.nn-journey__shot--blue .nn-journey__num{color:var(--nn-gold)}.nn-journey__progress{margin-top:16px;height:8px;border-radius:999px;background:#e4ded3;overflow:hidden;border:2px solid var(--nn-navy)}.nn-journey__progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--nn-roast),var(--nn-decaf));transition:width .3s}.nn-journey__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.nn-journey__step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 0;opacity:.35;transition:opacity .4s}.nn-journey__step.is-active{opacity:1}.nn-journey__kicker{font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--nn-ink-soft)}.nn-journey__step h3{font-size:clamp(32px,3.6vw,48px);line-height:1.04}.nn-journey__step p{font-size:18px;line-height:1.6;color:var(--nn-ink-soft);max-width:460px}.nn-journey__inline{display:none}@media(max-width:860px){.nn-journey{grid-template-columns:1fr;gap:0}.nn-journey__media{display:none}.nn-journey__step{min-height:0;opacity:1;padding:20px 0 36px}.nn-journey__inline{display:block;position:relative;aspect-ratio:4/3;border:2px solid var(--nn-navy);border-radius:28px;overflow:hidden;margin-bottom:8px}.nn-journey__inline .nn-journey__shot{opacity:1}}.nn-brew-sec{background:var(--nn-gold);border-top:2px solid var(--nn-navy);border-bottom:2px solid var(--nn-navy)}.nn-brew__tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.nn-brew__tab{border:2px solid var(--nn-navy);border-radius:999px;padding:12px 20px;background:var(--nn-cream);color:var(--nn-navy);font-family:var(--nn-body);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.nn-brew__tab[aria-selected=true]{background:var(--nn-navy);color:var(--nn-gold)}.nn-brew__panel{background:var(--nn-cream);border:2px solid var(--nn-navy);border-radius:36px;box-shadow:10px 10px 0 var(--nn-navy);padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:40px;align-items:center}.nn-brew__specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.nn-brew__spec{background:var(--nn-white);border:2px solid var(--nn-navy);border-radius:20px;padding:16px 18px}.nn-brew__spec span{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--nn-ink-soft)}.nn-brew__spec strong{display:block;font-family:var(--nn-display);font-weight:400;font-size:28px;line-height:1.15}.nn-grind{display:flex;gap:6px;margin-top:8px}.nn-grind i{display:block;border-radius:50%;background:#e4ded3;border:2px solid var(--nn-navy)}.nn-grind i.on{background:var(--nn-roast-2)}.nn-brew__tip{grid-column:1/-1;font-size:16px;line-height:1.55;color:var(--nn-ink-soft)}.nn-brew__timer{display:flex;flex-direction:column;align-items:center;gap:18px}.nn-ring{position:relative;width:240px;height:240px}.nn-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.nn-ring__bg{fill:none;stroke:#e4ded3;stroke-width:14}.nn-ring__fg{fill:none;stroke:var(--nn-navy);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.nn-ring__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nn-ring__time{font-family:var(--nn-display);font-size:48px;line-height:1}.nn-ring__label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--nn-ink-soft)}.nn-drip{position:absolute;left:50%;top:18px;width:8px;height:14px;margin-left:-4px;border-radius:50%/60% 60% 40% 40%;background:var(--nn-roast-2);opacity:0}.nn-brew.is-running .nn-drip{animation:nn-drip 1.1s ease-in infinite}@keyframes nn-drip{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(60px);opacity:0}}.nn-brew__btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.nn-brew__msg{font-weight:600;text-align:center;min-height:1.4em}.nn-reel-sec{background:var(--nn-navy);color:var(--nn-cream);padding:88px 0;overflow:hidden}.nn-reel-sec .nn-head h2{color:var(--nn-cream)}.nn-reel-sec .nn-lede{color:#e8edf7}.nn-reel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 24px 24px;scrollbar-width:thin}.nn-reel__card{position:relative;flex:0 0 clamp(220px,24vw,300px);aspect-ratio:9/14;border:2px solid var(--nn-gold);border-radius:28px;overflow:hidden;scroll-snap-align:start;background:var(--nn-deep)}.nn-reel__card .nn-tint{position:absolute;top:0;right:0;bottom:0;left:0}.nn-reel__art{position:absolute;z-index:1;left:50%;top:44%;transform:translate(-50%,-50%);width:58%}.nn-reel__cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(to top,#042b6ee6,#042b6e00);font-weight:600;font-size:15px}.nn-reel__cap strong{display:block;font-family:var(--nn-display);font-weight:400;font-size:22px;color:var(--nn-gold)}@media(prefers-reduced-motion:reduce){.nn-cinema__fallback .nn-rays,.nn-steam i,.nn-brew.is-running .nn-drip{animation:none}.nn-cinema__frame{transform:none!important}}.nn-hero--spin .nn-hero__rays .nn-rays{animation:nn-spin 200s linear infinite}.nn-hero__hint .nn-bean{color:var(--nn-gold)}.nn-hero__hint .nn-bean path{stroke:var(--nn-navy)}@media(prefers-reduced-motion:reduce){.nn-hero--spin .nn-hero__rays .nn-rays{animation:none}}.nn-art{display:block;width:100%;height:auto}.nn-journey__shot .nn-tint{position:absolute;top:0;right:0;bottom:0;left:0}.nn-journey__shot .nn-video,.nn-reel__card .nn-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.nn-cupfab{position:fixed;left:20px;bottom:20px;z-index:45;width:62px;height:62px;border-radius:50%;background:var(--nn-cream);border:2px solid var(--nn-navy);box-shadow:3px 3px 0 var(--nn-navy);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .3s,transform .3s;text-decoration:none}.nn-cupfab.is-on{opacity:1;transform:none;pointer-events:auto}.nn-cupfab__mug{position:relative;width:26px;height:26px;margin-right:6px;margin-top:6px;border:3px solid var(--nn-navy);border-top-width:2px;border-radius:2px 2px 9px 9px;overflow:hidden;background:var(--nn-white)}.nn-cupfab__mug:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--fill,0) * 100%);background:var(--nn-roast-2);transition:height .15s linear}.nn-cupfab__handle{position:absolute;left:calc(50% + 11px);top:calc(50% - 1px);width:10px;height:13px;border:3px solid var(--nn-navy);border-left:0;border-radius:0 8px 8px 0}.nn-cupfab .nn-steam{top:4px;gap:4px;opacity:0}.nn-cupfab .nn-steam i{width:4px;height:14px;background:linear-gradient(to top,#073c8f99,#073c8f00);filter:blur(1px)}.nn-cupfab.is-full .nn-steam{opacity:1}.nn-cupfab__tip{position:absolute;left:72px;white-space:nowrap;background:var(--nn-navy);color:var(--nn-cream);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:8px;opacity:0;transition:opacity .2s;pointer-events:none}.nn-cupfab:hover .nn-cupfab__tip,.nn-cupfab:focus-visible .nn-cupfab__tip{opacity:1}.nn-pour__stats b{font-weight:inherit}.nn-cinema__bag{position:absolute;z-index:1;right:9%;top:50%;max-height:78%;width:auto;filter:drop-shadow(0 26px 30px rgba(2,18,52,.5));transform:translateY(-50%) rotate(4deg)}@media(max-width:760px){.nn-cinema__sun{left:50%;top:24%;width:320%}.nn-cinema__frame{aspect-ratio:3/4}.nn-cinema__bag{right:50%;top:6%;max-height:36%;transform:translate(50%) rotate(4deg)}}.nn-brew__specs[hidden]{display:none}.nn-reel__card{margin:0}.nn-reel{padding-left:max(24px,calc((100vw - 1240px)/2 + 24px));padding-right:24px;scroll-padding-left:max(24px,calc((100vw - 1240px)/2 + 24px))}.nn-reel:focus-visible{outline:3px solid var(--nn-gold);outline-offset:-3px}.nn-mug__mark span{background:var(--nn-cream);padding:2px 6px;border-radius:6px;top:-26px}.nn-mug__logo{color:var(--nn-navy);transition:color .3s}.nn-pour.is-deep .nn-mug__logo{color:var(--nn-gold)}@media(max-width:760px){.nn-pour{display:flex;flex-direction:column;align-items:stretch;gap:18px}.nn-pour__copy{display:contents}.nn-pour__copy>.nn-eyebrow,.nn-pour__copy>.nn-h2,.nn-pour__copy>.nn-lede{order:0}.nn-pour__stage{order:1;min-height:400px;padding-bottom:24px}.nn-pour__controls{order:2;justify-content:center}.nn-pour__readout{order:3}.nn-pour__btn{padding:14px 18px;font-size:13px}.nn-mug{width:180px;height:200px;translate:-22px 0}.nn-mug__handle{right:-50px;top:44px;width:56px;height:90px}.nn-mug__logo{width:96px;bottom:16px}.nn-pour__spouts{top:18px;gap:56px}.nn-spout{width:80px;height:98px}.nn-stream{top:86px}.nn-cupfab{width:52px;height:52px;left:12px;bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/noon-b.css.map */