.error-page{min-block-size:min(740px,calc(100svh - 100px));display:grid;align-content:center;justify-items:center;gap:32px;padding-block:56px 80px;text-align:center}.error-artwork{inline-size:min(100%,660px);perspective:1000px}.error-code{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-display);font-size:clamp(7rem,23vw,17rem);font-weight:500;line-height:1;letter-spacing:-.08em}.error-digit{color:var(--color-text);padding-inline-end:.08em}.error-record{position:relative;display:grid;flex:0 0 .86em;place-items:center;inline-size:.86em;aspect-ratio:1;border:2px solid var(--studio-vinyl-edge);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3px,var(--studio-groove) 4px 5px),conic-gradient(from 30deg,var(--studio-vinyl-base),var(--studio-vinyl-light) 40deg,var(--studio-vinyl-dark) 80deg,var(--studio-vinyl-mid) 150deg,var(--studio-vinyl-reflection) 215deg,var(--studio-vinyl-shadow) 250deg,var(--studio-vinyl-warm) 310deg,var(--studio-vinyl-base));box-shadow:0 18px 40px var(--studio-record-shadow)}.error-record:before{content:"";position:absolute;inset:8%;border:1px solid var(--studio-groove);border-radius:inherit}.error-record-label{display:grid;place-items:center;inline-size:36%;aspect-ratio:1;border:1px solid var(--studio-label-edge);border-radius:50%;background:var(--color-accent-soft)}.error-record-label img{display:block;inline-size:53%;block-size:auto}.error-copy{max-inline-size:480px}.error-eyebrow{margin:0 0 14px;color:var(--color-accent);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.error-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.4rem);font-weight:500;letter-spacing:-.055em;line-height:1.12}.error-description{margin:20px auto 28px;max-inline-size:39ch;color:var(--color-muted);font-size:15px;line-height:1.8}.error-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 28px}.error-primary{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-block-size:56px;padding:10px 12px 10px 24px;border:1px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-contrast);font-size:14px;font-weight:500;text-decoration:none}.error-primary:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--color-text);transform:translate(-103%)}.error-primary:hover,.error-primary:focus-visible{color:var(--color-accent-contrast)}.error-primary:is(:hover,:focus-visible):before{transform:translate(0)}.error-arrow{display:grid;place-items:center;inline-size:32px;block-size:32px;border:1px solid var(--studio-button-edge);border-radius:50%;font-size:22px;line-height:1}.error-primary:is(:hover,:focus-visible) .error-arrow{transform:rotate(45deg)}.error-secondary{display:inline-flex;align-items:center;min-block-size:44px;color:var(--color-muted);font-size:14px;text-underline-offset:5px;text-decoration-color:var(--color-border)}.error-secondary:hover{color:var(--color-text)}@media(prefers-reduced-motion:no-preference){.error-primary:before,.error-arrow{transition-property:transform;transition-duration:var(--transition-fast);transition-timing-function:var(--ease-out)}}@media not (min-width:480px){.error-page{gap:28px;padding-block:48px 64px;min-block-size:580px}.error-code{gap:4px}.error-description{font-size:14px}}
