.lost{min-height:calc(100svh - var(--nav-h));align-items:center;column-gap:clamp(calc(24 * var(--u)), 4vw, calc(64 * var(--u)));padding-block:calc(40 * var(--u)) calc(64 * var(--u));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.lost-copy h1{font-family:var(--serif);font-size:var(--t-hero);letter-spacing:.02em;color:var(--ink-900);margin:0;font-weight:600;line-height:1.2}.lost-copy h1 .accent{color:var(--ochre)}.lost-copy p{margin:calc(24 * var(--u)) 0 0;max-width:24em;font-size:var(--t-base);color:var(--ink-500);font-weight:300;line-height:1.85}.lost-acts{gap:calc(12 * var(--u)) calc(28 * var(--u));margin-top:calc(36 * var(--u));flex-wrap:wrap;display:flex}.lost-acts .hero-act{margin-top:0}.lost-acts .hero-act.quiet{color:var(--ink-400);border-bottom-color:var(--rule-strong)}.lost-acts .hero-act.quiet:hover,.lost-acts .hero-act.quiet:focus-visible{color:var(--ink-900);border-bottom-color:var(--ink-900)}@media (max-width:900px){.lost{row-gap:calc(36 * var(--u));min-height:0;padding-block:calc(48 * var(--u)) calc(56 * var(--u));grid-template-columns:1fr}.lost-art{justify-self:center}}.lost-art{--px:calc(100cqw / 984);--art:url(/scenes/nf-day.webp);--glint:#fff6e680;--slip:#fcf6ee;--slip-sh:#eedccb;--slip-back:#f6ebdf;--line:#6b4a36;--twine:#c08a55;--fade:linear-gradient(180deg, transparent 0, #000 13%, #000 72%, transparent 98%), linear-gradient(90deg, transparent 0, #000 11%, #000 89%, transparent 100%);width:min(100%, calc(540 * var(--u)));aspect-ratio:984/1310;justify-self:end;margin:0;position:relative;container-type:inline-size}[data-theme=dark] .lost-art{--art:url(/scenes/nf-night.webp);--glint:#ffba6e4d;--slip:#eed9bc;--slip-sh:#d9be9c;--slip-back:#dcc4a4;--line:#3a2418;--twine:#b07a45;--fade:linear-gradient(180deg, transparent 0, #000 16%, #000 70%, transparent 96%), linear-gradient(90deg, transparent 0, #000 22%, #000 86%, transparent 100%)}.lost-art>img{width:100%;height:100%;-webkit-mask:var(--fade);-webkit-mask-composite:source-in;-webkit-mask:var(--fade);mask:var(--fade);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.lost-art .spines a{pointer-events:none;color:var(--fg);outline:none;text-decoration:none;position:absolute;inset:0}[data-theme=dark] .lost-art .spines a{color:var(--fgn,var(--fg))}.lost-art .spines a:hover,.lost-art .spines a:focus-visible{z-index:2}.lost-art .pull{transform-origin:var(--ox) var(--oy);filter:drop-shadow(var(--px) var(--px) 0 rgb(var(--shadow-rgb) / 0));transition:transform .32s var(--ease-soft), filter .32s var(--ease-soft);display:block;position:absolute;inset:0}.lost-art .cut{pointer-events:auto;cursor:pointer;background:var(--art) 0 0 / 100% 100% no-repeat;clip-path:var(--clip);-webkit-mask:var(--fade);-webkit-mask-composite:source-in;-webkit-mask:var(--fade);mask:var(--fade);transition:filter .32s var(--ease-soft);display:block;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.lost-art .glint{left:var(--gx);top:var(--gy);width:var(--gw);height:var(--gh);background:linear-gradient(112deg, transparent 38%, var(--glint) 50%, transparent 62%) 100% 0 / 300% 100% no-repeat;mix-blend-mode:screen;opacity:0;display:block;position:absolute}.lost-art .t{box-sizing:border-box;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.lost-art .t span{writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.06em;white-space:nowrap;text-underline-offset:.32em;transition:text-decoration-color var(--dur-fast) var(--ease-soft);font-weight:600;line-height:1.07;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.lost-art .t.two span{white-space:normal;letter-spacing:.02em;max-height:100%;line-height:1.2}.lost-art .spines a:hover .pull,.lost-art .spines a:focus-visible .pull{transform:translateY(calc(-4 * var(--px))) scale(1.02);filter:drop-shadow(calc(5 * var(--px)) calc(7 * var(--px)) calc(8 * var(--px)) rgb(var(--shadow-rgb) / .3));transition:transform .22s var(--ease-out), filter .22s var(--ease-out)}[data-theme=dark] .lost-art .spines a:hover .pull,[data-theme=dark] .lost-art .spines a:focus-visible .pull{filter:drop-shadow(calc(5 * var(--px)) calc(7 * var(--px)) calc(8 * var(--px)) #00000080)}.lost-art .spines a:hover .glint,.lost-art .spines a:focus-visible .glint{opacity:1;transition:background-position 1.1s var(--ease-soft), opacity .2s linear;background-position:0 0}.lost-art .spines a:focus-visible .t span{text-decoration-color:currentColor}.lost-art .spines:has(a:hover) a:not(:hover) .cut{filter:brightness(.96)saturate(.94)}.lost-art .hangset{pointer-events:none;transform-origin:var(--nx) var(--ny);animation:lost-swing 2.6s var(--ease-soft) .6s backwards;position:absolute;inset:0}@keyframes lost-swing{0%{transform:rotate(0)}12%{transform:rotate(2.4deg)}32%{transform:rotate(-1.6deg)}52%{transform:rotate(.9deg)}72%{transform:rotate(-.35deg)}to{transform:rotate(0)}}.lost-art .slips{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lost-art .slip-shadow rect{fill:#78462829;filter:blur(6px)}[data-theme=dark] .lost-art .slip-shadow rect{fill:#00000073}.lost-art .sl .pf{fill:var(--slip)}.lost-art .sl.back .pf{fill:var(--slip-back)}.lost-art .sl .ps{fill:var(--slip-sh)}.lost-art .sl .pl{fill:none;stroke:var(--line);stroke-width:2.2px;stroke-linejoin:round}.lost-art .sl .fold{fill:var(--slip-sh);stroke:var(--line);stroke-width:2px;stroke-linejoin:round}.lost-art .sl .hole{fill:var(--slip-sh);stroke:var(--line);stroke-width:2px}.lost-art .tw-o{fill:none;stroke:var(--line);stroke-width:6.5px;stroke-linecap:round}.lost-art .tw{fill:none;stroke:var(--twine);stroke-width:3.4px;stroke-linecap:round}.lost-art .knot{fill:var(--twine);stroke:var(--line);stroke-width:2px}.lost-art .reg{box-sizing:border-box;left:var(--hx);top:var(--hy);width:calc(350 * var(--px));height:calc(490 * var(--px));transform-origin:0 0;transform:rotate(var(--a)) translate(calc(-95 * var(--px)), calc(-24 * var(--px)));padding:calc(52 * var(--px)) calc(26 * var(--px)) calc(30 * var(--px)) calc(28 * var(--px));gap:calc(12 * var(--px));color:#3a2e24;pointer-events:auto;flex-direction:column;display:flex;position:absolute}.lost-art .sh-head{justify-content:space-between;align-items:baseline;gap:calc(8 * var(--px));padding-bottom:calc(10 * var(--px));border-bottom:1px solid #3a2e244d;display:flex}.lost-art .sh-head b{font-family:var(--serif);font-weight:600;font-size:calc(28 * var(--px));letter-spacing:.1em;color:#23100d;white-space:nowrap}.lost-art .sh-head span{font-size:calc(19 * var(--px));color:#5c443d;white-space:nowrap}.lost-art dl{grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.lost-art dt,.lost-art dd{min-height:calc(44 * var(--px));padding:calc(6 * var(--px)) 0;border-bottom:1px dashed #3a2e2438;align-items:center;min-width:0;margin:0;display:flex}.lost-art dt{padding-right:calc(16 * var(--px));font-size:calc(21 * var(--px));letter-spacing:.12em;color:#5c443d;white-space:nowrap}.lost-art dd{font-size:calc(26 * var(--px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lost-art dd.mono{line-height:calc(44 * var(--px));font-family:Maple Mono NF CN,ui-monospace,Menlo,monospace;font-size:calc(23 * var(--px));display:block}.lost-art dd.none{font-family:var(--serif);color:#5c443d}.lost-art dd.hand{font-family:Maple Mono NF CN,ui-monospace,Menlo,monospace;font-size:calc(23 * var(--px));color:#8a4531}.lost-art .memo{font-size:calc(20 * var(--px));color:#5c443d;white-space:nowrap;margin:auto 0 0}.lost-art .sh-stamp{right:calc(44 * var(--px));bottom:calc(84 * var(--px));padding:calc(3 * var(--px)) calc(14 * var(--px));border-radius:calc(5 * var(--px));font-family:var(--serif);font-weight:600;font-size:calc(30 * var(--px));letter-spacing:.24em;color:#8a4531;opacity:.92;animation:lost-thump .42s var(--ease-out) 1.3s both;border:1.5px solid;line-height:1.35;position:absolute;transform:rotate(-9deg)}@keyframes lost-thump{0%{opacity:0;transform:rotate(-9deg)scale(1.5)}60%{opacity:.92;transform:rotate(-9deg)scale(.96)}to{opacity:.92;transform:rotate(-9deg)scale(1)}}@media (prefers-reduced-motion:reduce){.lost-art .hangset,.lost-art .sh-stamp{animation:none}.lost-art .pull{transition:none}.lost-art .spines a:hover .pull,.lost-art .spines a:focus-visible .pull{transform:none}.lost-art .spines a:hover .glint,.lost-art .spines a:focus-visible .glint{opacity:0;transition:none}}.lost.lost-error{grid-template-columns:minmax(0,1fr)}.lost-acts button.hero-act{font:inherit;font-size:calc(14 * var(--u));letter-spacing:.06em;border:0;border-bottom:1px solid rgb(var(--ochre-deep-rgb) / .42);padding:0 0 calc(5 * var(--u));cursor:pointer;background:0 0}
