.nf404{--nf-navy:var(--color-brand-navy,#001d6d);--nf-orange:var(--color-brand-orange,#ff6700);--nf-orange-on:var(--color-brand-orange-on,#c24e00);--nf-blue-on:var(--color-brand-blue-on,#006ce2);--nf-muted:var(--color-text-muted,#44516e);--nf-line:#e8dccb;background:var(--color-brand-cream,#fff7ef);color:var(--nf-navy);font-family:var(--font-sans), Inter, system-ui, sans-serif;-webkit-font-smoothing:antialiased;padding:clamp(40px, 7vh, 88px) max(16px, env(safe-area-inset-right,0px)) clamp(48px, 8vh, 96px) max(16px, env(safe-area-inset-left,0px));overflow:hidden}.nf404 .nf-wrap{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(28px,5vw,72px);max-width:1160px;margin:0 auto;display:grid}.nf404 .nf-copy{gap:20px;min-width:0;display:grid}.nf404 .nf-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--nf-blue-on);margin:0;font-size:13px;font-weight:600}.nf404 h1{font-family:var(--font-sans), Inter, system-ui, sans-serif;letter-spacing:-.035em;color:var(--nf-navy);text-wrap:balance;margin:0;font-size:clamp(36px,4.4vw,56px);font-weight:500;line-height:1.08}.nf404 h1 span{color:var(--nf-orange-on)}.nf404 .nf-lede{max-width:52ch;color:var(--nf-muted);margin:0;font-size:clamp(16px,1.3vw,18px);line-height:1.65}.nf404 .nf-ctas{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.nf404 .nf-btn{background:var(--nf-orange-on);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:15px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 10px 22px -12px #c24e00b3}.nf404 .nf-btn:hover{background:#a84300;transform:translateY(-1px)}.nf404 .nf-ghost{color:var(--nf-navy);background:#fff;border:1.5px solid #cbd5e8;border-radius:999px;align-items:center;padding:14px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-flex}.nf404 .nf-ghost:hover{border-color:var(--nf-navy)}.nf404 a:focus-visible,.nf404 button:focus-visible{outline:2px solid var(--nf-blue-on);outline-offset:3px}.nf404 .nf-label{border:1px solid var(--nf-line);background:#fff;border-radius:14px;max-width:470px;margin-top:10px;padding:16px 18px 14px;position:relative;box-shadow:0 14px 30px -24px #001d6d73}.nf404 .nf-label:before{content:"";border-top:1.5px dashed var(--nf-line);position:absolute;top:38px;left:14px;right:14px}.nf404 .nf-label-head{letter-spacing:.12em;text-transform:uppercase;color:var(--nf-navy);justify-content:space-between;gap:12px;padding-bottom:16px;font-size:11px;font-weight:700;display:flex}.nf404 .nf-label-head span:last-child{color:var(--nf-orange-on)}.nf404 .nf-label dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px;line-height:1.45;display:grid}.nf404 .nf-label dt{color:#6a7689;font-weight:500}.nf404 .nf-label dd{color:var(--nf-navy);margin:0}.nf404 .nf-label a{color:var(--nf-blue-on);white-space:nowrap;font-weight:600;text-decoration:none}.nf404 .nf-label a:hover{text-decoration:underline}.nf404 .nf-art{justify-self:center;width:100%;max-width:560px;position:relative}.nf404 .nf-art svg{width:100%;height:auto;display:block}.nf404 .nf-caps{aspect-ratio:520/440;pointer-events:none;width:100%;position:absolute;top:0;left:0}.nf404 .nf-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:20px;width:19%;height:31%;position:absolute;top:54%;left:40.5%}.nf404 .nf-tidy{font:inherit;color:#c24e00;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;font-weight:600;text-decoration:underline}.nf404 .nf-hit:focus:not(:focus-visible){outline:none}.nf404 .nf-hit:focus-visible{outline:2px dashed var(--nf-blue-on);outline-offset:4px;border-radius:24px}.nf404 .nf-hit:disabled{cursor:default}.nf404 .nf-count{text-align:center;color:#6a7689;font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:13px}.nf404 .nf-bottle{transform-box:fill-box;transform-origin:50% 100%;animation:5.5s ease-in-out 1.2s infinite nf-wobble}.nf404 .nf-lid{transform-box:fill-box;transform-origin:50% 100%;animation:.55s cubic-bezier(.3,1.4,.5,1) nf-pop}.nf404 .nf-art:has(.nf-hit:hover) .nf-bottle{animation:.38s ease-in-out infinite nf-giggle}.nf404 .nf-tag{transform-box:fill-box;transform-origin:0%;animation:3.2s ease-in-out infinite nf-swing}.nf404 .nf-nudge{animation:2.4s ease-in-out infinite nf-nudge}@keyframes nf-wobble{0%,78%,to{transform:rotate(0)}82%{transform:rotate(-4deg)}86%{transform:rotate(3.5deg)}90%{transform:rotate(-2deg)}94%{transform:rotate(1deg)}}@keyframes nf-giggle{0%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(-3deg)translateY(-2px)}75%{transform:rotate(3deg)translateY(-1px)}}@keyframes nf-pop{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(-34px)rotate(-14deg)}to{transform:translateY(0)rotate(0)}}@keyframes nf-swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes nf-nudge{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}@media (max-width:860px){.nf404 .nf-wrap{grid-template-columns:1fr}.nf404 .nf-art{order:-1;max-width:420px}}@media (max-width:420px){.nf404 .nf-btn,.nf404 .nf-ghost{flex:auto;justify-content:center;padding-left:18px;padding-right:18px}.nf404 .nf-label dl{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.nf404 .nf-bottle,.nf404 .nf-lid,.nf404 .nf-tag,.nf404 .nf-nudge{animation:none}.nf404 .nf-art:has(.nf-hit:hover) .nf-bottle{animation:none}}
