https://www.destination.com/_next/static/chunks/0bca0f_re33y2.js?dpl=dpl_BE6PZXSLuAvwoppedG3KExR8q2XQ

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,758298,e=>{"use strict";var r=e.i(843476),t=e.i(522016),n=e.i(271645);e.s(["default",0,function({error:e,reset:i}){return(0,n.useEffect)(()=>{console.error("[root-error]",{message:e.message,digest:e.digest});try{let r=JSON.stringify({scope:"root",message:e.message,digest:e.digest,stack:e.stack,url:window.location.href});fetch("/api/log-client-error",{method:"POST",headers:{"Content-Type":"application/json"},body:r,keepalive:!0}).catch(()=>{})}catch{}},[e]),(0,r.jsxs)("main",{className:"err-main",children:[(0,r.jsx)("section",{className:"err-hero",children:(0,r.jsxs)("div",{className:"err-copy",children:[(0,r.jsx)("div",{className:"err-eyebrow",children:"Vol. 04 · Off the map"}),(0,r.jsx)("h1",{className:"err-num",children:(0,r.jsx)("em",{children:"500"})}),(0,r.jsxs)("h2",{className:"err-title",children:["Something went ",(0,r.jsx)("em",{children:"sideways"}),"."]}),(0,r.jsx)("p",{className:"err-lead",children:"A page failed to render. It's probably us, not you. Try again, or head somewhere with firmer footing."}),(0,r.jsxs)("div",{className:"err-cta-row",children:[(0,r.jsx)("button",{onClick:()=>i(),className:"err-btn solid",type:"button",children:"Try again"}),(0,r.jsx)(t.default,{href:"/",className:"err-btn ghost",children:"Back to home"})]}),e.digest?(0,r.jsxs)("p",{className:"err-digest",children:["Reference: ",(0,r.jsx)("code",{children:e.digest})]}):null]})}),(0,r.jsx)("div",{className:"err-strip",children:(0,r.jsxs)("span",{children:["destination",(0,r.jsx)("em",{className:"dt",children:"."}),"com · even the best journals lose a page now and then"]})}),(0,r.jsx)("style",{children:`
2        .err-main { background: var(--bg); min-height: 100vh; }
3
4        .err-hero {
5          max-width: var(--max);
6          margin: 0 auto;
7          padding: 120px 36px 80px;
8          min-height: 70vh;
9          display: flex; align-items: center;
10        }
11        .err-copy { max-width: 620px; }
12        .err-eyebrow {
13          font-family: var(--font-sans);
14          font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
15          font-weight: 600; color: var(--accent);
16          margin-bottom: 28px;
17          display: inline-flex; align-items: center; gap: 10px;
18        }
19        .err-eyebrow::before { content: ""; width: 26px; height: 1px; background: var(--accent); }
20        .err-num {
21          font-family: var(--font-serif);
22          font-weight: 300;
23          font-size: clamp(29px, 20vw, 240px);
24          line-height: .85;
25          letter-spacing: -.04em;
26          color: var(--ink);
27          margin: 0 0 24px;
28        }
29        .err-num em { font-style: italic; font-weight: 400; color: var(--peach); }
30        .err-title {
31          font-family: var(--font-serif);
32          font-weight: 400;
33          font-size: clamp(28px, 3vw, 40px);
34          line-height: 1.15; letter-spacing: -.02em;
35          color: var(--ink);
36          margin: 0 0 18px;
37        }
38        .err-title em { font-style: italic; color: var(--accent); font-weight: 400; }
39        .err-lead {
40          font-family: var(--font-sans);
41          font-size: 16px; line-height: 1.7;
42          color: var(--muted);
43          max-width: 46ch;
44          margin: 0 0 36px;
45        }
46        .err-cta-row { display: flex; gap: 12px; flex-wrap: wrap; }
47        .err-btn {
48          display: inline-flex; align-items: center; gap: 8px;
49          padding: 13px 22px; border-radius: 999px;
50          font-family: var(--font-sans);
51          font-size: 13px; font-weight: 600; letter-spacing: .02em;
52          text-decoration: none; cursor: pointer;
53          transition: all .2s;
54          border: 1px solid transparent;
55        }
56        .err-btn.solid { background: var(--ink); color: #fff; }
57        .err-btn.solid:hover { background: var(--accent); }
58        .err-btn.ghost { border-color: var(--line); color: var(--ink); background: transparent; }
59        .err-btn.ghost:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
60
61        .err-digest {
62          margin-top: 28px;
63          font-family: var(--font-sans);
64          font-size: 12px; color: var(--muted);
65        }
66        .err-digest code {
67          font-family: "SF Mono", Menlo, Consolas, monospace;
68          font-size: 11px;
69          background: var(--soft, #f4f1ed);
70          padding: 2px 8px; border-radius: 4px;
71        }
72
73        .err-strip {
74          background: #050608;
75          color: rgba(255,255,255,.4);
76          padding: 22px 0;
77          text-align: center;
78          font-family: var(--font-sans);
79          font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 500;
80        }
81        .err-strip .dt { color: var(--accent); font-style: italic; }
82
83        @media (max-width: 900px) {
84          .err-hero { padding: 72px 24px; min-height: auto; }
85        }
86
87        /* Phone-tier polish — mirrors /not-found.tsx Phase 13c. The
88           240px cinematic numeral + 16px body lead are sized for a
89           desktop column; tighten on phones so the recovery CTAs sit
90           in comfortable thumb range instead of below the fold. */
91        @media (max-width: 767px) {
92          .err-hero { padding: 64px 16px 48px; }
93          .err-num { font-size: 96px; line-height: .9; margin-bottom: 16px; }
94          .err-title { font-size: 26px; line-height: 1.2; margin-bottom: 14px; }
95          .err-lead { font-size: 15px; line-height: 1.6; margin-bottom: 24px; }
96          .err-cta-row { gap: 8px; }
97          .err-btn { padding: 13px 18px; font-size: 12.5px; min-height: 44px; }
98          .err-digest { margin-top: 20px; font-size: 11.5px; }
99        }
100      `})]})}])}]);