.not-found{text-align:center;background:#4a2e18 url(/textures/wood-desk.jpg) 50%/cover no-repeat;flex:1;place-items:center;min-height:100dvh;padding:32px 16px;display:grid;position:relative;overflow:hidden}.not-found__inner{z-index:1;justify-items:center;gap:26px;display:grid;position:relative}.not-found__title{font:400 clamp(36px, 5vw, 46px) / 1 var(--display);color:var(--ink);text-shadow:0 2px 10px #000000a6}.not-found__photo{background:var(--paper);width:min(330px,70vw);margin:0;padding:10px 10px 50px;position:relative;rotate:-4deg;box-shadow:0 14px 30px #0000008c}.not-found__photo img{aspect-ratio:1;object-fit:cover;object-position:52% 30%;width:100%;height:auto;display:block}.not-found__photo figcaption{font:400 clamp(19px, 4.8vw, 22px) / 1.2 var(--hand);color:var(--pen);position:absolute;bottom:10px;left:12px;right:12px}.not-found__scrap{clip-path:polygon(0 8%,22% 0,48% 12%,75% 0,100% 10%,92% 55%,100% 100%,60% 88%,30% 100%,4% 86%);background:#fbfaf3;position:absolute;box-shadow:0 2px 4px #00000059}.not-found__scrap:after{content:"";background:repeating-linear-gradient(#0000 0 7px,#5a8cbe59 7px 8px);position:absolute;inset:0}.not-found__scrap--1{width:70px;height:46px;top:30%;left:22%;rotate:18deg}.not-found__scrap--2{width:54px;height:38px;top:62%;left:28%;rotate:-24deg}.not-found__scrap--3{width:62px;height:40px;top:40%;right:24%;rotate:-8deg}.not-found__scrap--4{width:40px;height:30px;top:70%;right:28%;rotate:30deg}@media (max-width:640px){.not-found__scrap--1{width:46px;height:32px;top:12%;left:6%}.not-found__scrap--2{width:40px;height:28px;top:58%;left:auto;right:7%}.not-found__scrap--3{width:36px;height:26px;inset:auto auto 12% 9%;rotate:-10deg}.not-found__scrap--4{display:none}}.not-found__home{--r:3deg;--tc:var(--tape-blue);font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;color:#fbfbf8;background:linear-gradient(180deg, #ffffff57 0, #ffffff14 20%, #fff0 26%, #0000 74%, #0000001f 92%, #ffffff14 100%), linear-gradient(var(--tc), var(--tc));text-shadow:0 1px #00000080,0 -1px #ffffff40;transform:rotate(var(--r));transition:box-shadow var(--ease), transform var(--ease);border-radius:2px;padding:.66em .5em .66em .8em;font-size:clamp(18px,4.6vw,22px);font-weight:700;font-stretch:118%;line-height:1;display:inline-block;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 2px #00000040,inset 0 3px 0 -2px #0000002e,inset 0 -4px 0 -3px #ffffff2e,0 2px 3px #0009}.not-found__home:hover,.not-found__home:focus-visible{box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -2px 2px #00000040, 0 0 0 2px var(--gold), 0 0 26px 4px var(--glow);transform:rotate(var(--r)) translateY(-1px);outline:none}@media (prefers-reduced-motion:reduce){.not-found__home{transition:none}.not-found__home:hover,.not-found__home:focus-visible{transform:rotate(var(--r))}}
