.error-experience{background:var(--bg);position:relative;overflow:clip}main:has(.error-experience) #closing{display:none}.error-experience--under-nav{padding-top:88px}.error-experience__inner{grid-template-columns:.95fr 1.05fr;align-items:center;gap:24px;min-height:min(760px,90svh);padding-block:56px 80px;display:grid}.error-experience__copy{z-index:1;position:relative}.error-experience__eyebrow{color:var(--ink-2);align-items:center;gap:14px;margin-bottom:24px;font-size:12px;display:flex}.error-experience__eyebrow>:first-child{font-family:var(--font-mono), monospace;color:var(--rattan-ink);border-right:1px solid var(--line);padding-right:14px}.error-experience h1{max-width:10ch;font-family:var(--font-display), sans-serif;letter-spacing:-.06em;font-size:clamp(48px,5.8vw,80px);font-weight:400;line-height:1.04}.error-experience__body{max-width:35ch;color:var(--ink-2);text-wrap:pretty;margin-top:24px;font-size:17px;line-height:1.7}.error-experience__actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px;display:flex}.error-action{border:1px solid var(--action);background:var(--action);color:var(--action-ink);white-space:nowrap;cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:28px;padding:14px 23px;font-size:14px;font-weight:600;display:inline-flex}.error-action:hover{box-shadow:var(--shadow-nav);transform:translateY(-2px)}.error-action:active{transform:translateY(0)}.error-text-link{color:var(--ink-2);text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);font-size:14px}.error-text-link:hover{color:var(--ink);text-decoration-color:currentColor}.error-experience__support{margin-top:26px}.error-experience__support>a{color:var(--ink-2);background:0 0;border:0;padding:0;font-size:13px}.error-experience__support svg{width:16px;height:16px}.error-scene-shell{min-width:0;position:relative}.error-scene{aspect-ratio:600/460;isolation:isolate;width:100%;position:relative}.error-scene *{animation-iteration-count:infinite!important;animation-direction:alternate!important}.error-scene-shell[data-motion-paused=true] .error-scene *{animation-play-state:paused!important}.error-motion-toggle{z-index:10;cursor:pointer;background:0 0;border:0;border-radius:12px;position:absolute;inset:0}.error-scene__code{text-align:center;width:100%;color:var(--line);font-family:var(--font-display), sans-serif;letter-spacing:-.07em;z-index:-2;-webkit-user-select:none;user-select:none;font-size:clamp(100px,14vw,190px);font-weight:600;line-height:1;position:absolute;top:5%;left:0}.error-scene--journey .error-scene__code{font-size:clamp(55px,8vw,100px);top:8%}.error-scene--offline .error-scene__code{font-size:clamp(65px,9vw,120px)}.error-scene__floor{background:radial-gradient(ellipse at center, var(--rattan-wash), transparent 65%);opacity:.65;z-index:-1;position:absolute;inset:58% -12% 0}.error-scene__basket-shadow{background:var(--ink);filter:blur(17px);opacity:.12;height:7%;animation:basket-shadow 4.4s var(--ease) both;border-radius:50%;position:absolute;top:78%;left:19%;right:17%}.error-basket{transform-origin:50% 85%;width:94%;animation:basket-settle 4.4s var(--ease) both;position:absolute;top:17%;left:3%}.error-basket__image{z-index:2;width:100%;height:auto;position:relative}.error-scene__threads{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.error-thread{transform-origin:58% 60%;animation:thread-uncurl 4.4s var(--ease) both}.error-thread--fine{animation-delay:.1s}.error-paper{aspect-ratio:1.05;background:var(--surface);border:1px solid var(--line);width:21%;box-shadow:var(--shadow);border-radius:5px;position:absolute;overflow:hidden}.error-paper__chrome{border-bottom:1px solid var(--line);gap:3px;padding:7% 9%;display:flex}.error-paper__chrome i{background:var(--rattan);border-radius:50%;width:3px;height:3px;display:block}.error-paper__chrome i:nth-child(2){background:var(--sage)}.error-paper__chrome i:nth-child(3){background:var(--line)}.error-paper__content{gap:9%;padding:13% 12% 10%;display:flex}.error-paper__content>span{aspect-ratio:1;background:var(--rattan-wash);border-radius:2px;width:40%}.error-paper__content>div{flex-direction:column;flex:1;justify-content:space-around;display:flex}.error-paper__content i,.error-paper__line{background:var(--line);border-radius:2px;height:3px}.error-paper__content i:first-child{background:var(--rattan)}.error-paper__line{margin:0 12% 6%}.error-paper__line:last-child{width:48%}.error-paper--inside{z-index:1;width:22%;top:-7%;left:39%;transform:rotate(-13deg)}.error-paper--escaped{z-index:4;animation:page-escape 4.4s var(--ease) both;top:38%;left:76%;transform:rotate(15deg)}.error-scene--spill .error-basket{animation-name:basket-tip}.error-scene--spill .error-scene__basket-shadow{left:17%;right:19%}.error-scene--empty .error-paper--escaped{opacity:0;animation-name:page-leave}.error-empty-slot{animation:empty-slot 4.4s var(--ease) both}.error-lid{z-index:4;transform-origin:16% 65%;width:91%;height:auto;animation:lid-peek 4.4s var(--ease) both;position:absolute;top:-5%;left:4.5%}.error-basket-tag{background:var(--rattan-wash);color:var(--rattan-ink);border:1px solid var(--rattan-text);box-shadow:var(--shadow-nav);z-index:5;transform-origin:50% 0;animation:tag-swing 4.4s var(--ease) both;border-radius:5px;padding:12px 10px;position:absolute;top:47%;left:48%}.error-scene--tag .error-basket-tag{top:40%;left:62%}.error-scene--locked .error-paper--inside{display:none}.error-scene--journey .error-basket,.error-scene--bridge .error-basket{width:72%;top:22%;left:-1%}.error-scene--journey .error-scene__basket-shadow,.error-scene--bridge .error-scene__basket-shadow{top:69%;left:9%;right:37%}.error-road{opacity:.9}.error-road__seam{animation:road-travel 4.4s var(--ease) both}.error-parcel{aspect-ratio:1.1;border:1px solid var(--rattan-text);background:var(--rattan-wash);width:12%;box-shadow:var(--shadow-nav);z-index:4;animation:parcel-travel 4.4s var(--ease) both;position:absolute;top:69%;left:70%;transform:rotate(-7deg)skewY(-8deg)}.error-parcel>span{background:var(--rattan);opacity:.7;width:17%;height:100%;display:block;position:absolute;left:40%}.error-parcel>i{background:var(--surface);width:25%;height:20%;position:absolute;top:24%;left:9%}.error-paper--queue-one{z-index:3;animation:queue-arrive 4.4s var(--ease) both;top:49%;left:67%;transform:rotate(5deg)}.error-paper--queue-two{z-index:4;animation:queue-arrive 4.4s .15s var(--ease) both;top:57%;left:56%;transform:rotate(-7deg)}.error-scene--queue .error-paper--escaped{animation-name:queue-arrive;top:40%;left:79%}.error-scene--bridge .error-paper--escaped{animation-name:page-bridge;top:43%;left:72%}.error-cord{width:100%;height:auto;animation:cord-reach-left 4.4s var(--ease) both;position:absolute;top:8.5%;left:0}.error-cord--left{clip-path:inset(0 50% 0 0)}.error-cord--right{clip-path:inset(0 0 0 50%);animation-name:cord-reach-right}.error-connection-mark{animation:connection-spark 4.4s var(--ease) both;align-items:center;gap:9px;display:flex;position:absolute;top:40%;left:46%}.error-connection-mark i{background:var(--rattan-text);width:2px;height:12px;transform:rotate(-30deg)}.error-connection-mark i:nth-child(2){transform:translateY(-5px)}.error-connection-mark i:nth-child(3){transform:rotate(30deg)}.error-spool{z-index:4;border:2px solid var(--rattan-text);background:var(--rattan);width:15%;height:29%;box-shadow:var(--shadow-nav);animation:spool-turn 4.4s var(--ease) both;border-radius:25%/10%;flex-direction:column;justify-content:space-evenly;display:flex;position:absolute;top:56%;left:9%;transform:rotate(-7deg)}.error-spool span{border:2px solid var(--rattan-wash);border-radius:50%;height:9%;display:block}.error-scene--repair .error-basket__image{animation:weave-reveal 4.4s var(--ease) both}.error-preview{background:var(--bg);padding-top:112px}.error-preview__toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-block:18px;display:flex}.error-preview__toolbar p{max-width:45ch;color:var(--ink-2);font-size:12px;line-height:1.6}.error-preview__select{align-items:center;gap:12px;font-size:12px;display:flex}.error-preview__select select{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:8px;max-width:100%;padding:10px 32px 10px 12px}.error-preview__status{min-height:24px;color:var(--ink-2);padding-block:12px;font-size:12px}.error-preview .error-experience__inner{min-height:650px}@keyframes basket-settle{0%{transform:translateY(-18px)rotate(-5deg)}30%{transform:translateY(2px)rotate(2deg)}52%{transform:rotate(-1deg)}to{transform:none}}@keyframes basket-tip{0%{transform:rotate(0)}30%{transform:translate(-8px,-7px)rotate(-16deg)}65%{transform:translate(-5px)rotate(-9deg)}to{transform:rotate(-12deg)}}@keyframes basket-shadow{0%{opacity:.06;transform:scale(.85)}to{opacity:.12;transform:scale(1)}}@keyframes page-escape{0%{opacity:0;transform:translate(-170%,10%)rotate(-15deg)}15%{opacity:1}55%{transform:translate(7%,-17%)rotate(23deg)}to{opacity:1;transform:rotate(15deg)}}@keyframes page-leave{0%{opacity:1;transform:translate(-80%)rotate(0)}to{opacity:0;transform:translate(30%,-25%)rotate(22deg)}}@keyframes empty-slot{0%,45%{opacity:0}to{opacity:1}}@keyframes thread-uncurl{0%{stroke-dasharray:700;stroke-dashoffset:650px;transform:translate(-10px,-8px)}to{stroke-dasharray:700;stroke-dashoffset:0;transform:none}}@keyframes lid-peek{0%{transform:rotate(0)}35%{transform:translateY(-9px)rotate(-16deg)}65%{transform:translateY(-3px)rotate(-5deg)}to{transform:rotate(-7deg)}}@keyframes tag-swing{0%{transform:rotate(-22deg)}30%{transform:rotate(17deg)}60%{transform:rotate(-8deg)}to{transform:rotate(3deg)}}@keyframes road-travel{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes parcel-travel{0%{transform:translate(-210%,12%)rotate(-18deg)}45%{transform:translate(-80%,-12%)rotate(3deg)}to{transform:rotate(-7deg)skewY(-8deg)}}@keyframes queue-arrive{0%{opacity:0;translate:35px -18px}to{opacity:1;translate:0}}@keyframes page-bridge{0%{transform:translate(-20%,-30%)rotate(-15deg)}to{transform:rotate(12deg)}}@keyframes cord-reach-left{0%{transform:translate(-24px)}55%{transform:translate(20px)}to{transform:translate(0)}}@keyframes cord-reach-right{0%{transform:translate(24px)}55%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes connection-spark{0%,30%{opacity:0}55%{opacity:1}to{opacity:.55}}@keyframes spool-turn{0%{transform:rotate(-18deg)}35%{transform:rotate(5deg)}to{transform:rotate(-7deg)}}@keyframes weave-reveal{0%{clip-path:inset(40% 0 0)}to{clip-path:inset(0)}}@media not (min-width:760px){.error-experience--under-nav{padding-top:82px}.error-experience__inner{grid-template-columns:1fr;gap:10px;min-height:0;padding-block:12px 64px}.error-scene-shell{grid-row:1;width:min(100%,460px);margin-inline:auto}.error-scene__code{font-size:clamp(100px,30vw,155px)}.error-scene--journey .error-scene__code{font-size:clamp(50px,17vw,85px)}.error-scene--offline .error-scene__code{font-size:clamp(65px,22vw,115px)}.error-experience__copy{padding-top:20px}.error-experience h1{max-width:11ch;font-size:clamp(46px,9.5vw,65px)}.error-experience__eyebrow{margin-bottom:18px}.error-experience__body{margin-top:18px;font-size:15px}.error-experience__actions{gap:18px;margin-top:24px}.error-basket-tag{padding:6px}.error-basket-tag svg{width:24px;height:24px}.error-preview{padding-top:88px}.error-preview__select{flex-wrap:wrap}.error-preview .error-experience__inner{min-height:0;padding-top:12px}}@media (prefers-reduced-motion:reduce){.error-scene *,.error-scene :before,.error-scene :after{transition:none!important;animation:none!important}.error-motion-toggle{display:none}}
