:root{--plum: #1b0b2e;--cream: #fff1df;--sidebar: #4a1a2c;--maroon: #7b2b3d;--heading: #5d202e;--maroon-edge: rgba(74, 26, 44, 0.93);--pill: #f7e9dc;--ink: #1b0b2e;--card: #f7e9dc;--card-edge: var(--maroon-edge);--brown: #57443e;--chestnut: #5c3a21;--espresso: #4a2e22;--brown-soft: rgba(87, 68, 62, 0.7);--trail: #075e54;--hl-red: #8f2000;--highlight: #ff9a00;--font-ui: 'Ancizar Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--font-serif: 'Ancizar Serif', 'Iowan Old Style', Georgia, serif;--font-script: 'Blank Script', var(--font-serif);--ease-out: cubic-bezier(0.22, 1, 0.36, 1);--ease-sine: cubic-bezier(0.37, 0, 0.63, 1);--sb-s: 1;--sb-h: 1024px;--stage-s: 1}*, *::before, *::after{box-sizing: border-box;margin: 0;padding: 0}html{-webkit-text-size-adjust: 100%;cursor: url(../assets/ui/cursor-star.svg) 16 16, auto}body{min-height: 100vh;min-height: 100dvh;background: var(--cream);color: var(--ink);font-family: var(--font-ui);font-weight: 400;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img, svg, canvas, video{display: block;max-width: none}a{color: inherit;text-decoration: none}button{font: inherit;color: inherit;background: none;border: 0}input{font: inherit;color: inherit}ul{list-style: none}:focus-visible{outline: 2px solid var(--maroon);outline-offset: 3px;border-radius: 6px}.footer :focus-visible, .landing :focus-visible{outline-color: #fff}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.stage-wrap{position: relative;width: 100%;height: calc(var(--sh) * var(--stage-s))}.stage{position: absolute;top: 0;left: 0;width: var(--stage-w, 1092px);height: var(--sh);transform: scale(var(--stage-s));transform-origin: 0 0;margin-left: max(0px, calc((100% - var(--stage-w, 1092px) * var(--stage-s)) / 2))}.rc{position: absolute;left: calc((var(--cx) - var(--w) / 2) * 1px);top: calc((var(--cy) - var(--h) / 2) * 1px);width: calc(var(--w) * 1px);height: calc(var(--h) * 1px);transform: rotate(var(--r, 0deg))}.shadow-fixed{position: absolute;left: 0;top: 0;width: 0;height: 0}@font-face{font-family: 'Ancizar Sans';font-style: normal;font-weight: 100 599;font-display: swap;size-adjust: 122%;ascent-override: 79.5%;descent-override: 19.7%;line-gap-override: 0%;src: url(../assets/fonts/AncizarSans.woff2) format('woff2'), url(../assets/fonts/AncizarSans.ttf) format('truetype')}@font-face{font-family: 'Ancizar Sans Upright';font-style: normal;font-weight: 100 900;font-display: swap;size-adjust: 122%;ascent-override: 79.5%;descent-override: 19.7%;line-gap-override: 0%;src: url(../assets/fonts/AncizarSans.woff2) format('woff2'), url(../assets/fonts/AncizarSans.ttf) format('truetype')}@font-face{font-family: 'Ancizar Sans';font-style: normal;font-weight: 600 900;font-display: swap;size-adjust: 122%;ascent-override: 79.5%;descent-override: 19.7%;line-gap-override: 0%;src: url(../assets/fonts/AncizarSans-Italic.woff2) format('woff2'), url(../assets/fonts/AncizarSans-Italic.ttf) format('truetype')}@font-face{font-family: 'Ancizar Sans';font-style: italic;font-weight: 100 900;font-display: swap;size-adjust: 122%;ascent-override: 79.5%;descent-override: 19.7%;line-gap-override: 0%;src: url(../assets/fonts/AncizarSans-Italic.woff2) format('woff2'), url(../assets/fonts/AncizarSans-Italic.ttf) format('truetype')}@font-face{font-family: 'Ancizar Serif';font-style: normal;font-weight: 400 500;font-display: swap;src: url(../assets/fonts/AncizarSerif-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family: 'Ancizar Serif';font-style: normal;font-weight: 400 500;font-display: swap;src: url(../assets/fonts/AncizarSerif-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Blank Script';src: url(../assets/fonts/BlankScript.otf) format('opentype');font-display: swap}a, button, label, summary, select, [role='button'], [role='radio'], [role='tab']{cursor: url(../assets/ui/cursor-star.svg) 16 16, pointer}input[type='text'], textarea{cursor: text}body.landing, body.landing a, .footer, .footer a, .footer button{cursor: url(../assets/ui/cursor-star-glow.svg) 36 36, pointer}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;transition-duration: 0.001ms !important}}body{display: flex;flex-direction: column;min-height: 100vh;min-height: 100dvh}.layout{flex: 1 0 auto;position: relative;display: flex;align-items: flex-start;overflow: clip;background: var(--cream)}.main{position: relative;flex: 1 1 0;min-width: 0;min-height: 100vh;min-height: 100dvh}body[data-sidebar='none']{--stage-w: 1448px}body[data-fit='screen'] .main{height: 100vh;height: 100dvh;min-height: 0;display: flex;align-items: center;overflow: hidden}body[data-fit='screen'] .stage-wrap{flex: none}body[data-fit='screen'] .stage{animation: fade-in 0.5s ease both}@keyframes fade-in{from{opacity: 0}}body.entering{overflow: hidden}body.entering .layout{animation: page-rise 0.9s var(--ease-out) both}@keyframes page-rise{from{translate: 0 100vh}}.sidebar{position: sticky;top: 0;z-index: 40;flex: none;width: calc(356px * var(--sb-s));height: 100vh;transition: transform 0.7s var(--ease-out)}.sb-inner{position: absolute;left: 0;top: 0;width: 356px;height: var(--sb-h);transform: scale(var(--sb-s));transform-origin: 0 0;background: var(--sidebar);box-shadow: 7px 4px 18.7px rgba(0, 0, 0, 0.25);font-family: var(--font-ui);font-weight: 500;overflow: visible}.sb-top{position: absolute;left: 0;top: 0;width: 356px;height: 160px;overflow: visible;pointer-events: none}.sb-static, .sb-goo-group{transition: opacity 90ms linear}.sb-static{stroke: #4a1a2c;stroke-width: 12px;stroke-linejoin: round;paint-order: stroke fill}.sb-goo-group{opacity: 0}.sb-body{position: absolute;left: 6px;right: 12px;top: 150px;bottom: 12px;background: #f7e9dc;border-radius: 0 0 8px 8px}.sb-body::before{content: '';position: absolute;inset: 0 -6px -6px -6px;z-index: -1;background: #4a1a2c;border-radius: 0 0 14px 14px}.sb-tab{position: absolute;top: 12px;width: 143px;height: 54px;z-index: 3}.sb-tab[data-tab='index']{left: 6px;width: 149px}.sb-tab[data-tab='lm']{left: 201px}.sb-tab span{position: absolute;white-space: nowrap;font-size: 16px;line-height: 1.18;transition: left 0.45s var(--ease-out), top 0.45s var(--ease-out), transform 0.45s var(--ease-out), color 0.35s ease}.sb-tab[data-tab='index'] span{left: 50px;top: 12px;color: #000}.sb-tab[data-tab='lm'] span{left: 50%;top: 12px;transform: translateX(-50%);color: #fff1df}.sidebar[data-tab='index'] .sb-tab[data-tab='lm'] span{left: 17px;transform: none}.sidebar[data-tab='lm'] .sb-tab[data-tab='index'] span{color: var(--cream)}.sidebar[data-tab='lm'] .sb-tab[data-tab='lm'] span{color: var(--ink)}.pane{position: absolute;inset: 0 3px 0 -3px;z-index: 2;transition: opacity 0.32s ease, transform 0.55s var(--ease-out), visibility 0s linear 0.32s}.sidebar[data-tab='index'] .pane-lm{opacity: 0;transform: translateX(28px);visibility: hidden;pointer-events: none}.sidebar[data-tab='lm'] .pane-index{opacity: 0;transform: translateX(-28px);visibility: hidden;pointer-events: none}.sidebar[data-tab='index'] .pane-index, .sidebar[data-tab='lm'] .pane-lm{transition-delay: 0.08s, 0.08s, 0s}.avatar-ring{position: absolute;left: 99px;top: 84px;width: 124px;height: 124px}.avatar-photo{position: absolute;left: 93px;top: 96px;width: 152px;height: 138px;overflow: hidden;pointer-events: none}.avatar-photo img{position: absolute;height: 191.63%;left: -39.34%;top: -34.51%;width: 174.04%}.name{position: absolute;left: 64px;top: 234px;width: 191px;text-align: center;white-space: nowrap;font-family: var(--font-serif);font-weight: 400;font-size: 30px;line-height: 1.18;color: var(--ink)}.role{position: absolute;left: 176.5px;top: 276px;transform: translateX(-50%);font-size: 17px;letter-spacing: .4px;text-transform: uppercase;line-height: 1.18;color: rgba(127, 87, 68, 0.7);white-space: nowrap}.bio{position: absolute;left: 49px;top: 301px;width: 272px;font-size: 17.5px;line-height: 26px;text-align: left;color: rgba(53, 35, 26, 0.8)}.toc-back{position: absolute;left: 0;top: 114px;width: 356px;display: flex;align-items: center;justify-content: center;gap: 10px;font-size: 36px;font-weight: 500;color: var(--maroon);transition: color 0.2s ease}.toc-back img{width: 22px;height: 19px;transform: scaleX(-1)}.toc-back:hover{color: var(--brown)}.explore-box{position: absolute;left: 26px;top: calc(421px + var(--nav-dy, 0px));width: 298px;height: 419px;background: var(--maroon);border-radius: 20px;box-shadow: inset 0 0 0 calc(7px / var(--sb-s, 1)) #4a1a2c, 0 4px 4px rgba(0, 0, 0, 0.25), 0 4px 4px rgba(0, 0, 0, 0.25)}.explore-title{position: absolute;left: 98px;top: calc(449px + var(--nav-dy, 0px));transform: translate(-50%, -50%);font-size: 24px;line-height: 1.18;color: var(--cream);white-space: nowrap}.nav-item{position: absolute;left: 38px;z-index: 1;width: 273px;height: 41px;display: flex;align-items: center;justify-content: center;gap: 16px;border-radius: 10px;font-size: 24px;line-height: 1.18;color: var(--cream);white-space: nowrap;transition: background-color 0.25s ease, color 0.25s ease}.nav-item:hover{background: rgba(245, 233, 226, 0.14)}.nav-item .arrow{width: 0;height: 24.48px;margin-left: -16px;opacity: 0;transition: width 0.4s var(--ease-out), margin-left 0.4s var(--ease-out), opacity 0.3s ease}.nav-item.is-active{color: var(--ink)}.nav-item.is-active:hover{background: transparent}.nav-item.is-active .arrow{width: 21.17px;margin-left: 0;opacity: 1}.nav-pill{position: absolute;left: 38px;top: calc(500px + var(--nav-dy, 0px));width: 273px;height: 41px;border-radius: 10px;background: var(--pill);pointer-events: none;transition: opacity 0.3s ease}.sidebar.ready .nav-pill{transition: top 0.6s var(--ease-out), opacity 0.3s ease}.nav-pill.is-hidden{opacity: 0}.nav-item[data-nav='work']{top: calc(500px + var(--nav-dy, 0px))}.nav-item[data-nav='about']{top: calc(573px + var(--nav-dy, 0px))}.nav-item[data-nav='quests']{top: calc(641px + var(--nav-dy, 0px))}.nav-item[data-nav='lm']{top: calc(709px + var(--nav-dy, 0px))}.nav-item[data-nav='gallery']{top: calc(778px + var(--nav-dy, 0px))}.toc-box{left: 26px;top: 174px;height: 698px}.toc-pill{top: 190px;height: 76px}.sidebar.ready .toc-pill{transition: opacity 0.3s ease}.toc-item{display: flex;align-items: center;justify-content: flex-start;gap: 18px;width: 217px;padding-left: 16px;font-size: 60px;height: 76px;box-sizing: border-box;transition: justify-content 0.45s var(--ease-out)}.toc-item:hover{background: transparent}.toc-item::before{content: '';position: absolute;inset: 0;width: 273px;border-radius: 10px;background-color: transparent;transition: background-color 0.25s ease;pointer-events: none}.toc-item:not(.is-active):hover::before{background-color: rgba(245, 233, 226, 0.14)}.toc-item span{line-height: 1;position: relative;transition: color 0.25s ease}@media (prefers-reduced-motion: reduce){.toc-item span{transition: none}}.toc-item.is-active{color: var(--brown);justify-content: flex-end;padding-right: 20px}:is(.nearu-page, .flummox-page, .ncfe-page) .toc-box{border-radius: 18px;box-shadow: inset 0 0 0 calc(7px / var(--sb-s, 1)) #4a1a2c, 0 5px 12px rgba(25, 5, 35, 0.16)}:is(.nearu-page, .flummox-page, .ncfe-page) .toc-pill{border-radius: 9px;box-shadow: 0 2px 5px rgba(25, 5, 35, 0.12)}:is(.nearu-page, .flummox-page, .ncfe-page) .toc-item{width: 273px;padding: 0;display: block;transition: color 0.25s ease}:is(.nearu-page, .flummox-page, .ncfe-page) .toc-item span{position: absolute;top: 50%;left: 16px;width: max-content;transform: translate(0, -50%);transition: left 0.45s var(--ease-out), transform 0.45s var(--ease-out), color 0.25s ease}:is(.nearu-page, .flummox-page, .ncfe-page) .toc-item.is-active span{left: calc(50% - 16.5px);transform: translate(-50%, -50%)}:is(.nearu-page, .flummox-page, .ncfe-page) .toc-item .arrow{position: absolute;left: calc(50% + var(--toc-half-label, 60px) - 4.5px);top: 50%;width: 21px;height: 24px;margin: 0;transform: translate(-5px, -50%);transition: opacity 0.3s ease, transform 0.45s var(--ease-out)}:is(.nearu-page, .flummox-page, .ncfe-page) .toc-item.is-active .arrow{transform: translate(0, -50%)}:is(.nearu-page, .flummox-page, .ncfe-page) .toc-item:focus-visible{outline: 2px solid var(--cream);outline-offset: 3px}@media (prefers-reduced-motion: reduce){:is(.nearu-page, .flummox-page, .ncfe-page) .toc-item span, :is(.nearu-page, .flummox-page, .ncfe-page) .toc-item .arrow{transition: none}}.connect{position: absolute;left: 0;width: 356px;bottom: 60px;height: 96px}.connect-title{position: absolute;left: 175.5px;top: 14px;transform: translate(-50%, -50%);font-family: var(--font-serif);font-weight: 400;font-size: 26px;line-height: 1.18;color: var(--ink);white-space: nowrap}.connect-links{position: absolute;left: 59px;top: 45px;width: 239px;height: 51px;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;font-size: 17.5px;line-height: 1.18;color: rgba(53, 35, 26, 0.8);text-transform: capitalize}.connect-links a{flex: none;width: 88px;transition: color 0.2s ease}.connect-links a:nth-child(1){width: 76px}.connect-links a:nth-child(2){text-align: center}.connect-links a:nth-child(4){width: 75px}.connect-links a:hover{color: var(--maroon)}.sidebar.gb-out{transform: translateX(-112%)}.lm-clear{position: absolute;right: 26px;top: 88px;z-index: 2;padding: 3px 13px;border: 2px solid var(--maroon-edge);border-radius: 20px;font-size: 17px;font-weight: 500;line-height: 1.3;color: var(--maroon);background: transparent;opacity: 0;pointer-events: none;transition: opacity 0.3s ease, background-color 0.2s ease, color 0.2s ease}.pane-lm:has(.lm-thread.has-chat) .lm-clear{opacity: 1;pointer-events: auto}.lm-clear:hover{background: var(--maroon);color: var(--card)}.lm-nav{position: absolute;left: 21px;top: 132px;width: 311px;height: 172px;background: var(--maroon);border-radius: 20px}.lm-nav-grid{position: absolute;left: 23px;top: 22px;width: 268px;height: 128px;display: grid;grid-template-columns: 134px 134px;grid-template-rows: 61px 59px;font-size: 20px;line-height: 1.18;color: var(--pill);text-transform: capitalize}.lm-nav-grid a{display: flex;align-items: center;transition: opacity 0.2s ease}.lm-nav-grid a:hover{opacity: 0.7}.lm-thread{position: absolute;left: 14px;right: 14px;top: 316px;bottom: 76px;display: flex;flex-direction: column;gap: 10px;overflow-y: auto;overscroll-behavior: contain;padding: 0 8px 0 12px;scrollbar-width: thin;scrollbar-color: rgba(127, 64, 78, 0.55) transparent}.lm-thread > :first-child{margin-top: auto}.lm-thread::-webkit-scrollbar{width: 6px}.lm-thread::-webkit-scrollbar-track{background: transparent}.lm-thread::-webkit-scrollbar-thumb{background: rgba(127, 64, 78, 0.5);border-radius: 3px}.lm-thread::-webkit-scrollbar-thumb:hover{background: var(--maroon)}.lm-greet{font-family: var(--font-serif);font-weight: 500;font-size: 27px;line-height: 1.18;color: var(--plum);margin-bottom: 16px;flex: none}.lm-intro{display: grid;grid-template-rows: 1fr;flex: none;transition: grid-template-rows 0.4s var(--ease-out), margin-bottom 0.4s var(--ease-out)}.lm-intro-in{min-height: 0;overflow: hidden;transition: opacity 0.4s ease, transform 0.4s var(--ease-out)}.lm-thread.is-typing .lm-intro, .lm-thread.has-chat .lm-intro{grid-template-rows: 0fr;margin-bottom: -10px}.lm-thread.is-typing .lm-intro-in, .lm-thread.has-chat .lm-intro-in{opacity: 0;transform: translateY(-24px);pointer-events: none}@media (prefers-reduced-motion: reduce){.lm-intro, .lm-intro-in{transition: none}.lm-thread.is-typing .lm-intro-in, .lm-thread.has-chat .lm-intro-in{transform: none}}.lm-info{font-size: 15px;line-height: 1.4;color: var(--brown);margin: -4px 0 16px;flex: none}.lm-suggest{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;margin: 0 0 60px 4px;flex: none}.lm-suggest button, .lm-follow button{display: flex;align-items: center;gap: 9px;font-size: 17px;font-weight: 300;line-height: 1.6;color: var(--plum);text-align: left;transition: font-weight 0.2s ease, transform 0.25s var(--ease-out)}.lm-suggest button img, .lm-follow button img{width: 17px;height: 17px;flex: none;transform: rotate(180deg);transition: transform 0.3s var(--ease-out)}.lm-suggest button:hover, .lm-follow button:hover{font-weight: 400;transform: translateX(3px)}.lm-suggest button:hover img, .lm-follow button:hover img{transform: rotate(180deg) translateX(-2px)}.lm-thread.has-chat .lm-suggest{display: none}.lm-follow{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;margin: 0 0 6px 4px;flex: none;animation: msg-in 0.4s var(--ease-out) 0.15s both}.msg{flex: none;max-width: 92%;font-size: 17px;font-weight: 400;line-height: 1.4;padding: 8px 12px;border-radius: 14px;animation: msg-in 0.4s var(--ease-out) both}.msg.user{align-self: flex-end;background: var(--maroon);color: var(--pill);border-bottom-right-radius: 4px}.msg.bot{align-self: flex-start;background: var(--card);color: var(--plum);border: 2px solid rgba(127, 64, 78, 0.35);border-bottom-left-radius: 4px}.msg.has-img{max-width: 100%;width: 100%}.msg-imgs{display: grid;grid-template-columns: 1fr;gap: 6px;margin-top: 8px}.msg-imgs:first-child{margin-top: 0}.msg-imgs.multi{grid-template-columns: 1fr 1fr}.msg-imgs a{display: block;overflow: hidden;border-radius: 10px;border: 2px solid rgba(127, 64, 78, 0.28);background: rgba(127, 64, 78, 0.06)}.msg-imgs img{display: block;width: 100%;height: auto;max-height: 340px;object-fit: contain}.msg-imgs.multi img{max-height: 200px;object-fit: cover}.msg-video{margin: 4px auto 6px;padding: 8px 8px 6px;width: 78%;max-width: 250px;background: var(--pill);border: 5px solid var(--maroon-edge);border-radius: 14px;box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.22);transform: rotate(-2deg)}.msg-video video{display: block;width: 100%;aspect-ratio: 283 / 382;object-fit: cover;border-radius: 8px;background: #d9d9d9;cursor: pointer}.msg-video figcaption{padding-top: 6px;font-size: 14px;line-height: 1.2;text-align: center;color: rgba(14, 3, 20, 0.8)}.msg-photo{margin: 4px auto 6px;padding: 8px 8px 6px;width: 78%;max-width: 250px;background: var(--pill);border: 5px solid var(--maroon-edge);border-radius: 14px;box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.22);transform: rotate(-2deg)}.msg-imgs .msg-photo a{border: 0;border-radius: 8px;background: none}.msg-photo img{border-radius: 8px;max-height: 320px;object-fit: cover}.msg-photo figcaption{padding-top: 6px;font-size: 14px;line-height: 1.2;text-align: center;color: rgba(14, 3, 20, 0.8)}.msg-actions{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 8px}.msg-actions a, .msg-actions button{font-size: 17px;font-weight: 500;padding: 4px 14px;border-radius: 22px;background: var(--maroon);border: 2px solid var(--maroon-edge);color: var(--card);transition: transform 0.2s var(--ease-out)}.msg-actions a:hover, .msg-actions button:hover{transform: translateY(-1px)}.msg.typing{display: flex;gap: 4px;padding: 11px 14px}.msg.typing i{width: 6px;height: 6px;border-radius: 50%;background: var(--maroon);opacity: 0.4;animation: typing 1s ease-in-out infinite}.msg.typing i:nth-child(2){animation-delay: 0.15s}.msg.typing i:nth-child(3){animation-delay: 0.3s}@keyframes msg-in{from{opacity: 0;transform: translateY(8px)}}@keyframes typing{0%, 100%{opacity: 0.3;transform: translateY(0)}50%{opacity: 1;transform: translateY(-3px)}}.lm-form{position: absolute;left: 22px;bottom: 16px;width: 322px;height: 48px}.lm-form input{position: absolute;left: 0;top: 0;width: 262px;height: 48px;padding: 0 14px;background: var(--card);border: 3px solid rgba(127, 64, 78, 0.87);border-radius: 5px;font-size: 17px;font-weight: 400;color: var(--plum);outline: none}.lm-form input::placeholder{font-weight: 300;color: var(--plum);opacity: 1}.lm-form input:focus{border-color: var(--maroon);box-shadow: 0 0 0 2px rgba(127, 64, 78, 0.25)}.lm-form button{position: absolute;left: 270px;top: 0;width: 52px;height: 48px;transition: transform 0.25s var(--ease-out)}.lm-form button img{width: 44px;height: 50px;position: absolute;left: 4px;top: -1px;transform: rotate(-90deg)}.lm-form button:hover{transform: translateY(-2px)}.footer{flex: none;position: relative;background: var(--plum);overflow: hidden;z-index: 1}.footer-koi{position: absolute;inset: 0;opacity: 0.4;pointer-events: none}.footer-koi canvas{width: 100% !important;height: 100% !important}.footer-inner{position: relative;width: 100%;min-height: 368px;padding: 48px 36px;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 48px;color: #f7e9dc;font-weight: 500}.footer-tag{font-family: var(--font-serif);font-weight: 400;font-size: clamp(28px, 3vw, 40px);line-height: 1.18;color: rgba(245, 233, 226, 0.9);transition: color 0.45s ease, text-shadow 0.45s ease}.footer-tag:hover{color: #fff6ef;text-shadow: 0 0 10px rgba(245, 233, 226, 0.5), 0 0 26px rgba(245, 233, 226, 0.28)}.footer-links{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px;align-items: start}.footer-col{display: flex;flex-direction: column;min-width: 0;font-size: 18px;line-height: 1.18;text-transform: capitalize}.footer-col a{display: flex;align-items: center;min-height: 44px;padding: 10px 0;overflow-wrap: anywhere;transition: opacity 0.2s ease, transform 0.3s var(--ease-out)}.footer-col a:hover{opacity: 0.75;transform: translateX(4px)}.footer-space{display: flex;align-items: center;gap: 6px;min-height: 44px;font-size: 18px;line-height: 1.18;color: #fff}.footer-space img{flex: none;width: 26.43px;height: 24.6px;transform: rotate(-7.82deg);margin-right: 5px;transition: transform 0.6s var(--ease-out)}.footer-space:hover img{transform: rotate(172deg) scale(1.15)}@media (min-width: 1101px){.footer-inner{min-height: 0;padding: 32px 36px 8px}}@media (max-width: 1100px){.footer-inner{grid-template-columns: minmax(0, 1fr);gap: 28px;padding: 32px}}@media (max-width: 560px){.footer-inner{padding: 28px 24px}.footer-links{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px}.footer-space{grid-column: 1 / -1}}.sb-toggle, .sb-scrim{display: none}.compact .layout{display: flex;flex-direction: column}.compact .main{width: 100%;flex: 1 0 auto}.compact .sidebar{position: fixed;left: 0;top: 0;z-index: 90;width: calc(356px * var(--sb-s));height: calc(var(--sb-h) * var(--sb-s));transform: translateX(-112%);visibility: hidden;animation: none;transition: transform 0.6s var(--ease-out), visibility 0s linear 0.6s;--nav-dy: -159px}.compact.sb-open .sidebar{transform: none;visibility: visible;transition-delay: 0s}.compact .sb-inner{border-radius: 0 0 18px 0}.compact .sb-body{border-radius: 0 0 12px 8px}.compact .avatar-ring{left: 30px;top: 84px;width: 70px;height: 70px}.compact .avatar-photo{left: 26.6px;top: 90.8px;width: 85.9px;height: 78px}.compact .name{left: 112px;top: 88px;width: auto;text-align: left;font-size: 27px}.compact .role{left: 112px;top: 120px;transform: none;font-size: 13px}.compact .bio{left: 35px;top: 176px;width: 294px;font-size: 17px;line-height: 1.32;color: rgba(53, 35, 26, 0.8)}.compact .connect{bottom: 36px}.compact .toc-box{height: 528px}body.compact:not([data-fit='screen']) .main{--top-gap: 64px;padding-top: var(--top-gap);min-height: 0}.compact .sb-scrim{display: block;position: fixed;inset: 0;z-index: 85;background: rgba(25, 5, 35, 0.5);opacity: 0;pointer-events: none;transition: opacity 0.4s ease}.compact.sb-open .sb-scrim{opacity: 1;pointer-events: auto}.compact.sb-open{overflow: hidden}.sb-note{display: none}.compact .sb-toggle{display: flex;align-items: center;justify-content: center;position: fixed;left: 12px;top: 12px;z-index: 95;width: 46px;height: 46px;padding: 0;border-radius: 50%;background: var(--maroon);border: 2px solid var(--maroon-edge);color: var(--cream);box-shadow: 0 6px 16px rgba(25, 5, 35, 0.32);transition: left 0.6s var(--ease-out), background-color 0.2s ease, color 0.2s ease, transform 0.25s var(--ease-out)}.compact .sb-toggle:hover{background: var(--cream);color: var(--maroon);transform: translateY(-1px)}.compact .sb-toggle .ic{position: absolute;flex: none;transition: opacity 0.35s ease, transform 0.55s var(--ease-out)}.compact .sb-toggle .ic-menu, .compact .sb-toggle .ic-close{opacity: 0;transform: rotate(-90deg) scale(0.55)}.compact .sb-toggle.as-menu .ic-star{opacity: 0;transform: rotate(90deg) scale(0.55)}.compact .sb-toggle.as-menu .ic-menu{opacity: 1;transform: none}.compact.sb-open .sb-toggle{left: calc(356px * var(--sb-s) + 12px)}.compact.sb-open .sb-toggle .ic-star, .compact.sb-open .sb-toggle .ic-menu{opacity: 0;transform: rotate(90deg) scale(0.55)}.compact.sb-open .sb-toggle .ic-close{opacity: 1;transform: none}.compact .sb-note{display: flex;align-items: center;position: fixed;left: 66px;top: 12px;z-index: 94;height: 46px;padding: 0 18px 0 16px;border-radius: 23px;background: var(--maroon);border: 2px solid var(--maroon-edge);color: var(--cream);font: 500 14px/1 var(--font-ui);white-space: nowrap;box-shadow: 0 6px 16px rgba(25, 5, 35, 0.28);opacity: 0;transform: translateX(-14px) scale(0.94);transform-origin: 0 50%;pointer-events: none;transition: opacity 0.3s ease, transform 0.45s var(--ease-out)}.compact .sb-note.on{opacity: 1;transform: none}.email-pop{position: fixed;z-index: 200;display: flex;align-items: center;gap: 12px;padding: 8px 16px;border-radius: 22px;background: var(--maroon);border: 2px solid var(--maroon-edge);color: var(--card);font: 500 15px/1.2 var(--font-ui);white-space: nowrap;text-transform: none;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);transform-origin: 50% 50%;animation: pop-in 0.28s var(--ease-out) both;transition: background-color 0.2s ease, transform 0.2s var(--ease-out), opacity 0.18s ease}.email-pop:hover{background: #8f4a59;transform: translateY(-1px)}.email-pop.out{opacity: 0;transform: scale(0.92);pointer-events: none}.email-pop a{color: inherit}.email-pop a:hover{text-decoration: underline;text-underline-offset: 3px}.email-gmail{padding-left: 12px;border-left: 2px solid rgba(255, 237, 219, 0.45)}.email-pop.copied .email-gmail{display: none}.email-pop.copied::after{content: ' \2014 copied';opacity: 0.85}@keyframes pop-in{from{opacity: 0;transform: scale(0.8)}}.cs-cursor{position: fixed;left: 0;top: 0;z-index: 300;pointer-events: none;display: flex;align-items: center;gap: 13px;width: 217px;height: 42px;padding-left: 29px;box-sizing: border-box;border: 2px solid color-mix(in srgb, var(--cs, #7b2b3d) 58%, #000);border-radius: 32.5px;background: var(--cs, #7b2b3d);color: #fff;font: 400 15px/1.18 var(--font-ui);white-space: nowrap;box-shadow: 0 6px 16px rgba(25, 5, 35, 0.25);opacity: 0;visibility: hidden;transition: opacity 0.14s ease, visibility 0s linear 0.14s, background-color 0.2s ease;-webkit-font-smoothing: antialiased;text-rendering: geometricPrecision}.cs-cursor svg{flex: none}.cs-cursor .ic-try{display: none}.cs-cursor.try .ic-eye{display: none}.cs-cursor.try .ic-try{display: block}.cs-cursor.hug{width: auto;padding: 0 26px 0 22px;gap: 10px}.cs-cursor.on{opacity: 1;visibility: visible;transition-delay: 0s}body.cs-on, body.cs-on a, body.cs-on .card{cursor: none}.move-hint{position: fixed;left: var(--notify-x, 50%);top: 18px;z-index: 250;display: flex;align-items: center;gap: 9px;transform: translateX(-50%);padding: 10px 20px 10px 16px;border-radius: 30px;background: var(--maroon);border: 2px solid var(--maroon-edge);color: var(--card);font: 500 15px/1.2 var(--font-ui);white-space: nowrap;box-shadow: 0 8px 22px rgba(25, 5, 35, 0.3);pointer-events: none;animation: hint-in 0.35s var(--ease-out) both}.move-hint.out{animation: hint-out 0.5s ease both}@keyframes hint-in{from{opacity: 0;transform: translateX(-50%) translateY(-14px) scale(0.9)}}@keyframes hint-out{to{opacity: 0}}.lm-nudge{position: absolute;left: 75px;top: 50px;z-index: 5;width: 162.068px;height: 42.842px;pointer-events: none;background: url(../assets/ui/nudge-bubble.svg) -0.5px -1.54px / 163.47px 44.88px no-repeat;filter: drop-shadow(0 4px 6px rgba(25, 5, 35, 0.25));opacity: 0;transform: translateY(-6px);transition: opacity 0.4s ease, transform 0.4s var(--ease-out)}.lm-nudge span{position: absolute;left: 8px;top: 15px;width: 141px;height: 26px;line-height: 26px;text-align: center;white-space: nowrap;font: 500 13px/26px var(--font-ui);color: var(--pill)}.lm-nudge.on{opacity: 1;transform: none}.resume-pill{position: fixed;right: 16px;top: 7px;z-index: 60;display: flex;align-items: center;gap: 8px;padding: 6px 15px 6px 13px;border-radius: 22px;background: var(--maroon);border: 2px solid var(--maroon-edge);color: var(--card);font: 500 15px/1.2 var(--font-ui);white-space: nowrap;box-shadow: 0 6px 18px rgba(25, 5, 35, 0.28);transition: background-color 0.2s ease, color 0.2s ease, transform 0.25s var(--ease-out)}.resume-pill:hover{background: var(--card);color: var(--maroon);transform: translateY(-1px)}.resume-pill svg{flex: none}.compact .resume-pill{right: 12px;top: 15px;padding: 6px 13px 6px 11px;font-size: 14px}@media (min-width: 560px){.compact .resume-pill{right: 16px;top: 12px;gap: 9px;padding: 9px 20px 9px 17px;font-size: 17px}.compact .resume-pill svg{width: 15px;height: 17px}}.hl{position: relative;display: inline-block;z-index: 0;white-space: nowrap}.hl-svg{position: absolute;z-index: -1;overflow: visible;pointer-events: none;opacity: 0.5}.hl-svg path{fill: none;stroke: var(--highlight);stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1 2;stroke-dashoffset: 1}.hl.on .hl-svg path{stroke-dashoffset: 0;transition: stroke-dashoffset 1.2s cubic-bezier(0.45, 0, 0.25, 1) var(--hl-delay, 0.55s)}.hl.instant .hl-svg path{transition: none}.card{--k: 1.07;position: absolute;left: calc(546px + (var(--x) - 561.5px) * var(--k));top: calc(var(--y) * var(--k));z-index: 1;display: block;width: calc(437.04px * var(--k));height: calc(437.04px * var(--k));background: var(--card);border: 5px solid var(--maroon);border-radius: 10px;color: var(--ink);transform: rotate(var(--r));transform-origin: 50% 50%;transition: transform 0.6s var(--ease-out), height 0.55s var(--ease-out), box-shadow 0.45s ease;-webkit-font-smoothing: antialiased;text-rendering: geometricPrecision}.card.is-featured{box-shadow: -6px 5px 6px rgba(0, 0, 0, 0.25)}.card:hover, .card:focus-visible{z-index: 10;height: calc(var(--hh) * var(--k));transform: rotate(0deg) scale(1.02);box-shadow: -8px 10px 20px rgba(0, 0, 0, 0.28)}.card:focus-visible{outline-offset: 6px}.card-in{position: absolute;left: -5px;top: -5px;zoom: var(--k)}.card-in > *{position: absolute}.media{display: block;overflow: hidden;border-radius: 8px;background: #d9d9d9}.media img{width: 100%;height: 100%;object-fit: cover}.nearu-card{box-shadow: -6px 5px 6px rgba(0, 0, 0, 0.25)}.nearu-card-media{background: transparent}.nearu-card-media video{width: 100%;height: 100%;object-fit: cover}.nearu-card .tag{font-size: 12px;border-color: #a6747b}.nearu-card .desc{width: 386.837px}.nearu-card:hover .desc, .nearu-card:focus-visible .desc{width: 396.443px;line-height: 1.02305;text-align: left}.media.road img{position: absolute;left: -15.45px;top: -332.4px;width: 454px;height: 1006px;max-width: none;object-fit: fill}.phone{left: 113.83px;top: 38.57px;width: 200.94px;height: 255.43px;overflow: hidden;filter: drop-shadow(-9px 0 3.7px rgba(0, 0, 0, 0.53))}.phone img{position: absolute;left: -0.05%;top: 0;height: 100%;width: 121.71%}.glyph{left: 286.3px;top: 213.8px;width: 74px;height: 71px}.pill{display: flex;align-items: center;justify-content: center;background: #faf2e9;border: 1px solid #033530;border-radius: 28px;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);font-size: 14px;line-height: 1;color: #7a5c47;white-space: nowrap;will-change: transform;transform: translate3d(0, 0, 0);animation: levitate 5.4s var(--ease-sine) infinite;animation-delay: var(--d, 0s)}@keyframes levitate{0%, 100%{transform: translate3d(0, 0, 0)}25%{transform: translate3d(0, -4px, 0)}75%{transform: translate3d(0, 4px, 0)}}@media (prefers-reduced-motion: reduce){.pill{animation: none;will-change: auto}}.tag{left: var(--tl);top: var(--tt);width: var(--tw);height: 21px;display: flex;align-items: center;justify-content: center;background: var(--maroon);border: 2px solid var(--maroon-edge);border-radius: 28px;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);font-size: 14px;line-height: 1;color: var(--card);white-space: nowrap}.title{left: 24.4px;top: 308.6px;font-family: var(--font-serif);font-weight: 500;font-size: 24px;line-height: 22px;color: var(--ink);white-space: nowrap}.desc{left: 26.3px;top: 341.8px;width: 381px;font-size: 15px;line-height: 1.22;color: var(--brown)}.desc.justify{text-align: justify;text-justify: inter-word;hyphens: auto}.pin{left: 202px;top: -12.5px;width: 33px;height: 33px;border-radius: 50%;background: var(--pin, #a20000);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);pointer-events: none;z-index: 3}.pin::after{content: '';position: absolute;left: 4px;top: 4px;width: 25px;height: 25px;border-radius: 50%;background: var(--pin-in, #6c0000)}.meta{left: 21.3px;top: 426.5px;width: 400px;opacity: 0;transition: opacity 0.3s ease}.card:hover .meta, .card:focus-visible .meta{opacity: 1;transition-delay: 0.16s}.meta .rule{display: block;height: 1px;background: rgba(127, 87, 68, 0.55)}.meta .row{position: relative;display: flex;margin-top: 12px;font-size: 14px;line-height: 19px;color: var(--brown)}.meta .row:first-of-type{margin-top: 10px}.meta .row b{flex: none;width: 173px;padding-left: 18px;font-weight: 500}.meta .row span{flex: 1}.home-wrap{--sh: 1100px;transition: height 0.55s var(--ease-out)}.home-wrap:has(.card.low:hover), .home-wrap:has(.card.low:focus-visible){--sh: 1198px}body.one-col{--stage-w: 480px}body.one-col .home-wrap, body.one-col .home-wrap:has(.card.low:hover), body.one-col .home-wrap:has(.card.low:focus-visible){--sh: 2110px}body.one-col .card{--k: 1;left: 21.5px;top: calc(36px + var(--n, 0) * 505px)}body.one-col .eye{left: calc((var(--cx) * 0.44 - 59.5) * 1px);top: calc((var(--cy) * 2 - 29) * 1px)}.stub-eyebrow{position: absolute;left: 90px;top: 150px;font-size: 20px;text-transform: uppercase;letter-spacing: 0.12em;color: var(--brown)}.stub-title{position: absolute;left: 90px;top: 190px;font-family: var(--font-serif);font-size: 72px;line-height: 1.1;font-weight: 400;color: var(--ink)}.stub-copy{position: absolute;left: 90px;top: 310px;width: 720px;font-size: 24px;line-height: 1.4;color: var(--ink)}.stub-soon{position: absolute;left: 90px;top: 520px;font-family: var(--font-serif);font-size: 28px;color: var(--maroon)}.stub-back{position: absolute;left: 90px;top: 590px;font-size: 20px;font-weight: 500;color: var(--maroon);border-bottom: 2px solid var(--maroon-edge)}.card[hidden]{display: none !important}.home-wrap.hide-low, .home-wrap.hide-low:has(.card:hover), .home-wrap.hide-low:has(.card:focus-visible){--sh: 700px}body.one-col .home-wrap.hide-low{--sh: 1040px}body.one-col .home-wrap.hide-low:has(.card:hover), body.one-col .home-wrap.hide-low:has(.card:focus-visible){--sh: 1170px}.ncfe-card .title{white-space: normal;width: 252px}.ncfe-card .desc{left: 28.5px;top: 360px;width: 396.8px;line-height: 1.238}.ncfe-card .meta{top: 431px}.ncfe-card .media{position: relative}.ncfe-card .media-cap{position: absolute;left: 56%;right: 3%;text-align: left;bottom: 8%;font-family: var(--font-ui);font-weight: 700;font-style: normal;font-size: 20px;line-height: 1.2;color: #fff;text-shadow: 0 1px 3px rgba(0,0,0,.25)}.ncfe-card .media-tag{position: absolute;left: 4%;top: 4%;font-family: var(--font-ui);font-weight: 700;font-style: normal;font-size: 16px;line-height: 1.2;color: #fff;text-shadow: 0 1px 3px rgba(0,0,0,.35);z-index: 2}.ncfe-card .media{container-type: inline-size}.ncfe-card .media-cap{left: 23%;right: 2%;bottom: 3%;text-align: left;font-size: 5.6cqw;line-height: 1.2;z-index: 2}body:not([data-fit='screen']) .main{--gk: 1.3625;--gx: -375.6;--gy: -17.5;--grid-a: 0.25;--grid-line: max(1px, calc(1px * var(--gk) * var(--stage-s, 1)));--grid-ink: rgba(0, 0, 0, calc(var(--grid-a) * max(0.7, min(1, var(--gk) * var(--stage-s, 1)))));align-self: stretch;min-height: 100vh;min-height: 100svh;background-image: linear-gradient(to right, var(--grid-ink) var(--grid-line), transparent var(--grid-line)), linear-gradient(to bottom, var(--grid-ink) var(--grid-line), transparent var(--grid-line));background-repeat: repeat;background-size: calc(34.79px * var(--gk) * var(--stage-s, 1)) calc(34.74px * var(--gk) * var(--stage-s, 1));background-position: calc(var(--stage-m, 0px) + var(--gx) * var(--stage-s, 1) * 1px) calc(var(--top-gap, 0px) + var(--gy) * var(--stage-s, 1) * 1px)}body[data-page='work'] .main{--gk: 1.0833;--gx: -66.17;--gy: -15.67}body[data-page='quests'] .main{--gk: 1.3458;--gx: -356.79;--gy: -85.17}body[data-page='gallery'] .main{--gk: 1.3458;--gx: -273.79;--gy: -221.17}body[data-page='about'] .main{--gk: 1.3625;--gx: -375.63;--gy: -17.5;--grid-a: 0.15}.dc{position: absolute;left: calc((var(--cx) - var(--w) / 2) * 1px);top: calc((var(--cy) - var(--h) / 2) * 1px);width: calc(var(--w) * 1px);height: calc(var(--h) * 1px);rotate: var(--r, 0deg);pointer-events: none}.dc img{position: absolute;max-width: none}.dc.fish{overflow: hidden}.dc.fish img{left: 0;top: -47.23%;width: 100%;height: 286.01%}.dc.dino img{left: 0;top: 0;width: 100%;height: 100%;transform: scaleY(-1);object-fit: cover}.dc-arc{position: absolute;max-width: none;pointer-events: none}.eye{position: absolute;left: calc((var(--cx) - 59.5) * 1px);top: calc((var(--cy) - 29) * 1px);width: 123.952px;height: 62px;margin: -2px 0 0 -2.08px;rotate: var(--r, 0deg);color: var(--c);pointer-events: none;z-index: 0;overflow: visible}.gb-content{position: absolute;left: 0;top: 0;width: 1448px;height: 1024px}.gb-title{position: absolute;left: 724px;top: 62px;transform: translate(-50%, -50%);font-family: var(--font-serif);font-size: 64px;line-height: 1.18;font-weight: 400;color: var(--maroon);white-space: nowrap}.gb-sub{position: absolute;left: 724px;top: 114px;transform: translate(-50%, -50%);font-size: 24px;line-height: 1.18;color: rgba(0, 0, 0, 0.8);white-space: nowrap}.gb-card{position: absolute;left: 336px;top: 184px;width: 776px;height: var(--card-h, 450.395px);background: #bb3739;border-radius: 10px;box-shadow: -9px 10px 4px rgba(0, 0, 0, 0.25);transition: background-color 0.3s ease}.gb-paper{position: absolute;left: 18.28px;top: 14.66px;width: 641.927px;height: 421.067px;background: #fff;border-radius: 10px;overflow: hidden}.gb-paper canvas{display: block;touch-action: none;cursor: crosshair}.gb-siglabel{position: absolute;left: 414px;top: calc(684px + var(--pdy, 0px));font-family: var(--font-script);font-size: 24px;line-height: 1.18;color: var(--ink);pointer-events: none;transition: opacity 0.25s ease}.gb-siglabel.dim{opacity: 0.3}.gb-sig{position: absolute;left: 413px;top: calc(692px + var(--pdy, 0px));width: 622px;height: 54px;padding: 0 10px 1px;border: 0;background: transparent;outline-offset: -2px;font-family: var(--font-script);font-size: 42px;line-height: 54px;letter-spacing: 0.01em;color: var(--ink);caret-color: var(--maroon)}.gb-sig::placeholder{color: transparent;opacity: 1}.gb-line{position: absolute;left: 413px;top: calc(746px + var(--pdy, 0px));width: 622px;height: 2px}.gb-colorlabel{position: absolute;left: 516px;top: calc(800px + var(--pdy, 0px));transform: translate(-50%, -50%);font-size: 20px;line-height: 1.18;color: var(--ink);white-space: nowrap}.gb-swatches{position: absolute;left: 0;top: calc(770px + var(--pdy, 0px))}.gb-swatch{position: absolute;top: 0;width: 60px;height: 60px;border-radius: 50%;transition: transform 0.3s var(--ease-out), box-shadow 0.25s ease}.gb-swatch:hover{transform: scale(1.07)}.gb-swatch[aria-checked='true']{box-shadow: 0 0 0 4px var(--cream), 0 0 0 7px var(--ink)}.gb-hint{position: absolute;left: 724px;top: calc(952px + var(--pdy, 0px));transform: translateX(-50%);font-size: 14px;color: var(--brown);white-space: nowrap}.gb-skip{position: absolute;left: 724px;top: calc(970px + var(--pdy, 0px));transform: translateX(-50%);font-family: 'Ancizar Sans Upright', var(--font-ui);font-style: normal;font-weight: 700;font-size: 20px;line-height: 1.2;color: var(--maroon);white-space: nowrap;text-decoration: underline;text-underline-offset: 5px;text-decoration-thickness: 2px;transition: color 0.2s ease}.gb-skip::after{content: ' \2192'}.gb-skip:hover, .gb-skip:focus-visible{color: #8f4a59}.gb-tools{position: absolute;left: 673.7px;top: 14.66px;width: 84px;height: 421.067px;padding: 12px 8px 12px;display: grid;grid-template-columns: 36px 36px;grid-template-rows: repeat(4, 36px) auto auto auto;gap: 12px 8px;justify-content: center;align-content: space-between;background: #fff;border-radius: 10px}.gb-pen{width: 36px;height: 36px;border-radius: 50%;background: var(--c, #fff);display: flex;align-items: center;justify-content: center;color: var(--ink);transition: transform 0.25s var(--ease-out), box-shadow 0.2s ease}.gb-pen:hover{transform: scale(1.1)}.gb-pen.is-on{box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--ink)}.gb-eraser svg{width: 19px;height: 19px}.gb-eraser{background: #f1e7e0}.gb-sep{grid-column: 1 / -1;align-self: center;height: 2px;margin: 2px 0;border-radius: 2px;background: rgba(14, 3, 20, 0.12)}.gb-sizes{grid-column: 1 / -1;display: flex;justify-content: space-between}.gb-size{width: 26px;height: 34px;border-radius: 8px;display: flex;align-items: center;justify-content: center;transition: background-color 0.2s ease}.gb-size i{display: block;width: var(--d);height: var(--d);border-radius: 50%;background: var(--ink)}.gb-size:hover{background: #f1e7e0}.gb-size.is-on{background: #e6d8ce}.gb-brushes{grid-column: 1 / -1;display: grid;grid-template-columns: 1fr 1fr;gap: 6px;justify-items: center}.gb-brush{width: 34px;height: 30px;border-radius: 8px;display: flex;align-items: center;justify-content: center;color: var(--ink);transition: background-color 0.2s ease, transform 0.2s var(--ease-out)}.gb-brush:hover{background: #f1e7e0;transform: scale(1.08)}.gb-brush.is-on{background: #e6d8ce;box-shadow: 0 0 0 1.5px var(--ink)}body.book-phone{--stage-w: 720px}body.book-phone .stage-wrap{--sh: 1306px !important}body.book-phone .gb-content{left: -364px;height: 1306px;--pdy: 230px;--card-h: 680px}body.book-phone .gb-sub{width: 620px;white-space: normal;text-align: center;top: 130px}body.book-phone .gb-card{left: 379px;width: 690px}body.book-phone .gb-paper{left: 24px}body.book-phone .gb-tools{left: 24px;top: 452px;width: 642px;height: 204px;padding: 12px 22px;grid-template-columns: repeat(8, 52px);grid-template-rows: 52px 46px 2px 50px;gap: 10px 0;justify-content: space-between;align-content: space-between}body.book-phone .gb-pen{width: 52px;height: 52px}body.book-phone .gb-eraser svg{width: 26px;height: 26px}body.book-phone .gb-sizes{justify-content: center;gap: 34px}body.book-phone .gb-size{width: 46px;height: 50px}body.book-phone .gb-siglabel, body.book-phone .gb-colorlabel{font-size: 27px}body.book-phone .gb-colorlabel{left: 486px}body.book-phone .gb-create{left: 604px;width: 240px;height: 66px;font-size: 32px;border-radius: 14px}body.book-phone .gb-hint{top: 1198px;font-size: 26px}body.book-phone .gb-skip{top: 1240px;font-size: 36px}body.book-phone .dc{scale: 0.55}.gb-create, .gb-more{position: absolute;display: flex;align-items: center;justify-content: center;background: var(--maroon);color: var(--cream);border-radius: 10px;font-size: 24px;line-height: 1;transition: transform 0.35s var(--ease-out), background-color 0.25s ease}.gb-create{left: 637.5px;top: calc(897px + var(--pdy, 0px));width: 173px;height: 48px}.gb-more{left: 393.2px;top: 199.63px;width: 258px;height: 46.76px}.gb-create:hover, .gb-more:hover{transform: translateY(-2px);background: #8f4a59}.gc{position: absolute;border-radius: 10px}.gc-paper{position: absolute;background: #fff;border-radius: 10px;overflow: hidden}.gc-paper img{width: 100%;height: 100%;object-fit: contain}.gc-sig{position: absolute;white-space: nowrap;color: var(--ink);font-weight: 400;line-height: 1.18}.gc-sig.typed{font-family: var(--font-script);letter-spacing: 0.01em;line-height: 1}.gc-line{position: absolute;left: 12px;top: var(--ly, 285px);width: 353px;height: 1px}.gc-gallery.fresh{animation: fade-in 0.45s ease both}.gc-gallery{width: 382px;height: 215px}.gc-gallery .gc-paper{left: 9px;top: 7px;width: 316px;height: 201px}.gc-gallery .gc-sig{left: 14px;top: calc(var(--ly, 285px) - 13.8px);font-size: 14px}.gc-gallery .gc-sig.typed{top: calc(var(--ly, 285px) - 26.6px);font-size: 32px}.gc-strip{width: 507px;height: 274px;box-shadow: -9px 10px 4px rgba(0, 0, 0, 0.25)}.gc-strip .gc-paper{left: 12px;top: 8px;width: 436px;height: 257px}.gc-strip .gc-sig{left: 25px;top: 294px;font-size: 20px}.gc-strip .gc-sig.typed{top: 284px;font-size: 46px}.anim{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;height: 100dvh;z-index: 50;overflow: hidden;background: url(../assets/gallery/wall-rough.svg) 0 0 / 420px auto, linear-gradient(180deg, #f6e4d4, #f0d9c4 55%, #e8cfb7);background-blend-mode: multiply;outline: none;cursor: pointer}.anim::before{content: '';position: absolute;inset: 0;z-index: 0;pointer-events: none;background: url(../assets/gallery/wallpaper.webp) 0 0 / 360px auto repeat;mix-blend-mode: hard-light;opacity: 0.45}.anim-pins{position: absolute;z-index: 1;width: 1448px;height: 1024px;transform-origin: 0 0;pointer-events: none}.anim-group{position: absolute;inset: 0;z-index: 2}.anim-lines{position: absolute;inset: 0;z-index: 1;width: 100%;height: 100%;pointer-events: none}.anim-lines path{fill: none;stroke-linecap: round;stroke-dasharray: 1 1;stroke-dashoffset: 1}.anim-lines .g{stroke: #075e54;stroke-width: 16}.anim-lines .o{stroke: #ff9a00;stroke-width: 10}.anim-wall{position: absolute;width: 784px;height: 505px;transform-origin: 0 0}.anim .gf{pointer-events: none;transition: none;animation: none;box-shadow: 1px 2px 3px rgba(60, 30, 10, 0.35)}.xf{position: absolute;left: 50%;top: 50%;z-index: 3;perspective: 1800px}.xf-measure{position: absolute;left: 0;top: 0;overflow: visible;pointer-events: none}.xf-measure path{fill: none;stroke: #1b0b2e;stroke-opacity: 0.55;stroke-width: 1.5}.xf-swing, .xf-rig{position: absolute;inset: 0;transform-style: preserve-3d}.xf-wire{position: absolute;left: 0;top: 0;overflow: visible;pointer-events: none}.xf-wire path{fill: none;stroke: rgba(30, 20, 15, 0.75);stroke-width: 1.6}.xf-nail{position: absolute;width: 12px;height: 12px;margin: -6px 0 0 -6px;border-radius: 50%;background: radial-gradient(circle at 35% 35%, #e3e6e8, #5b646b);box-shadow: 2px 4px 4px rgba(20, 50, 90, 0.5)}.xp{position: absolute;display: block;transform-style: preserve-3d}.xp-back{background: #c9b79a}.xp-draw{background: #fff;box-shadow: 0 0 0 1px rgba(60, 40, 20, 0.2)}.xp-draw img{width: 100%;height: 100%;object-fit: contain;display: block}.xp-mat{border-style: solid;box-sizing: border-box;background: transparent;box-shadow: inset 0 0 0 1px rgba(60, 40, 20, 0.12)}.xp-glass{box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.75);background: linear-gradient(115deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0.4) 48%, rgba(255, 255, 255, 0) 62%), rgba(255, 255, 255, 0.08)}.xp-bar{box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.5)}.anim-fly{position: absolute;z-index: 5;pointer-events: none;box-shadow: -9px 10px 4px rgba(0, 0, 0, 0.25)}.anim-thanks{position: absolute;z-index: 4;left: 50%;top: 50%;margin: 0;transform: translate(-50%, -50%);text-align: center;white-space: nowrap;font-family: var(--font-serif);font-weight: 400;line-height: 1.08;letter-spacing: -0.01em;color: var(--maroon);opacity: 0;outline: none;mix-blend-mode: multiply;text-shadow: 0 1px 0 rgba(255, 236, 214, 0.5)}.anim-thanks span{display: table;margin: 0 auto;will-change: translate, rotate, opacity}.anim-thanks i{display: block;width: 60%;height: 3px;margin: 0.22em auto 0;background: var(--maroon);opacity: 0.85;scale: 0 1}body.gb-playing{overflow: hidden}body.gb-playing > .footer{display: none}.gb-peek{position: fixed;left: 0;top: 0;z-index: 60;width: 100%;height: 100vh;height: 100dvh;border: 0;background: var(--cream);pointer-events: none;transform: translateY(200vh)}.gb-leaving .gb-ctl{opacity: 0;pointer-events: none;transition: opacity 0.25s ease}.gb-leaving .dc{will-change: translate, rotate}.anim-group, .anim-wall, .xf, .xf-swing, .xf-rig, .xp, .anim-fly, .anim-thanks, .anim-lines path{will-change: transform, opacity;backface-visibility: hidden}body[data-fit='screen'] .main::after{content: '';position: absolute;inset: 0;z-index: -1;pointer-events: none;background: url(../assets/gallery/wallpaper.webp) 0 0 / 360px auto repeat, url(../assets/gallery/wall-rough.svg) 0 0 / 420px auto, linear-gradient(180deg, #f6e4d4, #f0d9c4 55%, #e8cfb7);background-blend-mode: hard-light, multiply, normal;opacity: 0.55}body[data-fit='screen'] .scrap{z-index: 5;opacity: 1}.stage:has(> .gb-content){z-index: 6}body.book-phone .gb-brushes{display: flex;justify-content: space-between;gap: 0}body.book-phone .gb-brush{width: 62px;height: 46px}body.book-phone .gb-brush svg{width: 28px;height: 28px}body[data-page='gallery']:not([data-fit]) .main{overflow-x: clip}body[data-page='gallery']:not([data-fit]) .gb-title{font-family: var(--font-serif);color: var(--maroon);font-size: 76px;line-height: 1;letter-spacing: -0.01em}body[data-page='gallery']:not([data-fit]) .gb-sub{font-size: 26px;color: rgba(27, 11, 46, 0.82)}.gal-tape{position: absolute;left: 471px;top: 6px;width: 150px;height: 30px;rotate: -5deg;background: repeating-linear-gradient(135deg, rgba(255, 154, 0, 0.55) 0 10px, rgba(255, 154, 0, 0.35) 10px 20px);mix-blend-mode: multiply;pointer-events: none;clip-path: polygon(0 12%, 4% 0, 9% 14%, 14% 0, 100% 0, 100% 100%, 95% 88%, 90% 100%, 85% 86%, 80% 100%, 0 100%)}body[data-page='gallery']:not([data-fit]) .gb-more{z-index: 5;border-radius: 30px;border: 2px solid var(--maroon-edge);color: var(--card);font-size: 20px;font-weight: 500;box-shadow: 0 8px 22px rgba(25, 5, 35, 0.3);transition: background-color 0.2s ease, color 0.2s ease, transform 0.25s var(--ease-out)}body[data-page='gallery']:not([data-fit]) .gb-more:hover{background: var(--card);color: var(--maroon);transform: translateY(-1px)}.move-hint .arr{flex: none;width: 15px;height: 17px;background: currentColor;-webkit-mask: url(../assets/ui/nav-arrow.svg) center / contain no-repeat;mask: url(../assets/ui/nav-arrow.svg) center / contain no-repeat}.gal-win{position: absolute;left: -58px;top: 152.9px;width: 1184px;height: 987px;overflow: hidden;transform: scale(1.1);transform-origin: 50% 0;background: #e9d6c0}.gal-wall{position: absolute;inset: 0;overflow: hidden;pointer-events: none}.gal-photo{position: absolute;left: -118px;top: 0;width: 1421px;height: 1184px;max-width: none;user-select: none}.gal-scroll{position: absolute;left: 234px;top: 81px;width: 662px;height: 426px;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;overscroll-behavior-x: contain;cursor: grab;outline-offset: -4px;-webkit-mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent);mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent)}.gal-scroll::-webkit-scrollbar{display: none}.gal-scroll.dragging{cursor: grabbing;user-select: none}.gal-scroll.dragging .gf{pointer-events: none}.gal-track{position: relative;height: 100%}.gf{position: absolute;left: calc(var(--x) * 1px);top: calc(var(--y) * 1px);width: calc(var(--w) * 1px);height: calc(var(--h) * 1px);padding: calc(var(--b) * 1px);cursor: pointer;transition: margin-top 0.2s var(--ease-out), box-shadow 0.2s;text-align: left;box-shadow: 1px 2px 3px rgba(60, 30, 10, 0.4), 3px 5px 7px rgba(60, 30, 10, 0.2)}.gf:hover, .gf:focus-visible, .gf.open{margin-top: -4px;box-shadow: 2px 5px 7px rgba(60, 30, 10, 0.42), 9px 15px 18px rgba(60, 30, 10, 0.24)}.gf-black{background: #1d1a19}.gf-oak{background: linear-gradient(135deg, #d0a974, #b38655 50%, #c49a67)}.gf-white{background: #f6f1e8;box-shadow: inset 0 0 0 1px rgba(60, 40, 20, 0.14), 1px 2px 3px rgba(60, 30, 10, 0.4), 3px 5px 7px rgba(60, 30, 10, 0.2)}.gf-mat{display: block;width: 100%;height: 100%;padding: calc(var(--m) * 1px);background: var(--c);box-shadow: inset 0 0 0 1px rgba(60, 40, 20, 0.1)}.gf-in{position: relative;display: block;width: 100%;height: 100%;background: #fbf8ef;overflow: hidden;box-shadow: 0 0 0 1px rgba(60, 40, 20, 0.2)}.gf-in img{position: relative;z-index: 1;width: 100%;height: 100%;object-fit: contain;mix-blend-mode: multiply}.gf-in::before{content: '';position: absolute;inset: 0;background: url(../assets/gallery/wall-grain.svg), linear-gradient(135deg, #fffdf6, #f6f0e2);background-blend-mode: multiply;opacity: 0.9;z-index: 0}.gf-in::after{content: '';position: absolute;inset: 0;z-index: 2;pointer-events: none;box-shadow: inset 2px 3px 6px rgba(40, 20, 5, 0.32), inset -1px -1px 3px rgba(40, 20, 5, 0.12);background: linear-gradient(135deg, rgba(255, 244, 214, 0.5), rgba(255, 244, 214, 0) 45%), linear-gradient(115deg, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0.22) 60%, rgba(255, 255, 255, 0) 70%), linear-gradient(0deg, rgba(60, 30, 10, 0.1), rgba(60, 30, 10, 0) 40%)}.gf.fresh{animation: fade-in 0.45s ease both}@keyframes gal-draw{to{stroke-dashoffset: 0}}.gf-card{position: absolute;left: 12px;top: calc(100% + 8px);z-index: 4;min-width: 130px;max-width: 240px;padding: 8px 18px 6px 14px;background: #fff;border-radius: 4px;box-shadow: -2px 3px 4px rgba(0, 0, 0, 0.25);opacity: 0;visibility: hidden;translate: 0 -6px;transition: opacity 0.2s, translate 0.2s, visibility 0s 0.2s;pointer-events: none}.gf-card::before{content: '';position: absolute;left: 0;top: 0;width: 22px;height: 12px;background: var(--c);border-radius: 4px 0 4px 0}.gf.open .gf-card{opacity: 1;visibility: visible;translate: 0 0;transition: opacity 0.2s, translate 0.2s}.gf-card b{display: block;padding-top: 10px;font-weight: 400;font-family: var(--font-script);font-size: 30px;line-height: 1.05;color: #1b1b5e;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}@media (prefers-reduced-motion: reduce){.gf, .gf-card{transition: none}.gf.fresh{animation: none}.gal-string path{animation: none;stroke-dashoffset: 0}}.gal-top{position: absolute;left: 234px;top: 81px;width: 662px;height: 150px;z-index: 4;pointer-events: none}.gal-top > *{pointer-events: auto}body[data-page='gallery']:not([data-fit]) .gal-top .gal-cta{position: absolute;width: 260px;height: 50px;font-size: 24px;white-space: nowrap;rotate: -2deg;transition: rotate 0.25s var(--ease-out), background-color 0.2s ease, color 0.2s ease, margin-top 0.25s var(--ease-out)}body[data-page='gallery']:not([data-fit]) .gal-top .gal-cta:hover{rotate: 0deg;transform: none;margin-top: -3px}.gal-shelf{position: absolute;left: calc(var(--x) * 1px);top: 130px;width: 194px;height: 232px;max-width: none;pointer-events: none;filter: drop-shadow(5px 8px 7px rgba(40, 20, 5, 0.4))}body[data-page='gallery']:not([data-fit]) ~ .move-hint, .move-hint{font-size: 16px}.gal-vine{position: absolute;top: 72px;height: 380px;width: auto;max-width: none;z-index: 6;pointer-events: none;filter: drop-shadow(3px 5px 5px rgba(40, 20, 5, 0.35))}.gal-vine-l1{left: 190px}.gal-vine-l2{left: 232px;height: 290px}.gal-vine-r1{left: 903px;top: 279px;height: 270px}.gal-vine-r2{left: 934px;top: 279px;height: 215px}body[data-page='gallery']:not([data-fit]) .stage > .dc{z-index: 1}.gal-win .dc.on-wall{z-index: 5}.gal-win .dc.dino img{transform: none}.gal-nav{position: absolute;top: 81px;z-index: 8;width: 60px;height: 60px;border-radius: 50%;background: var(--maroon);border: 2px solid var(--maroon-edge);color: var(--card);display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 8px 22px rgba(25, 5, 35, 0.3);transition: background-color 0.2s ease, color 0.2s ease, scale 0.25s var(--ease-out), opacity 0.2s ease}.gal-prev{left: 309px}.gal-next{left: 770px}.gal-nav .arr{width: 22px;height: 26px;background: currentColor;-webkit-mask: url(../assets/ui/nav-arrow.svg) center / contain no-repeat;mask: url(../assets/ui/nav-arrow.svg) center / contain no-repeat}.gal-prev .arr{transform: scaleX(-1)}.gal-nav:hover:not(:disabled), .gal-nav:focus-visible{background: var(--card);color: var(--maroon);scale: 1.08}.gal-nav:disabled{opacity: 0.35;cursor: default}body.compact[data-page='quests'] .main{overflow-x: hidden}.q-cap{position: absolute;transform: translate(-50%, -50%);font-size: 24px;line-height: 1.18;color: #000;text-align: center;white-space: nowrap}.q-cap[style*='width']{white-space: normal}a.q-link{display: block;transition: color 0.2s ease}a.q-link:hover, a.q-link:focus-visible{text-decoration: underline;text-underline-offset: 5px;text-decoration-thickness: 2px;color: var(--maroon)}.q{position: absolute;margin: 0}.q img{width: 100%;height: 100%;object-fit: cover}.q-poster{left: 42px;top: 50px;width: 266px;height: 354px;border: 5px solid var(--maroon-edge);border-radius: 5px;box-shadow: -7px 11px 4px rgba(0, 0, 0, 0.25)}.q-poster img{border-radius: 0}.q-scroll{position: absolute;width: 249px;z-index: 30;display: grid;grid-template-rows: 0fr;background: #ffe278;border-radius: 0 0 15px 15px;box-shadow: -4px 6px 6px rgba(0, 0, 0, 0.25);overflow: hidden;pointer-events: none;visibility: hidden;transition: grid-template-rows 0.55s var(--ease-out), visibility 0s linear 0.55s}.q-scroll p{min-height: 0;margin: 0;padding: 0 14px;font-size: 16px;line-height: 1.3;color: #000;transition: padding 0.55s var(--ease-out)}.q-scroll.open{grid-template-rows: 1fr;visibility: visible;transition-delay: 0s}.q-scroll.open p{padding: 14px}body.compact .q-scroll{display: none}@media (prefers-reduced-motion: reduce){.q-scroll, .q-scroll p{transition: none}}.q-brain{left: 636px;top: 45px;width: 253px;height: 380px;border: 5px solid var(--maroon-edge);border-radius: 10px;box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.25);overflow: hidden}.q-abstract{left: 342px;top: 668px;width: 256px;height: 222px;border: 5px solid var(--maroon-edge);border-radius: 10px;box-shadow: -8px 8px 4px rgba(0, 0, 0, 0.25);overflow: hidden}.q-frog{position: absolute;left: 41px;top: 1121px;width: 312px;height: 238px;overflow: hidden}.q-frog img{position: absolute;left: -68.27%;top: -95.38%;width: 222.44%;height: 291.6%;image-rendering: pixelated}a.q-frog{display: block;transition: transform 0.4s var(--ease-out)}a.q-frog:hover, a.q-frog:focus-visible{transform: translateY(-6px) rotate(-2deg)}.q-basket{position: absolute;left: 636px;top: 476px;width: 278px;height: 320px}.q-basket span{position: absolute;inset: 0;background: #101010;border-radius: 20px;box-shadow: -6px 7px 4px rgba(0, 0, 0, 0.25)}.q-basket img{position: absolute;left: -4.8%;top: 9px;width: 104.8%;height: 308px;max-width: none;object-fit: cover;transform: translateX(0)}.q-sword img{width: 100%;height: 100%;object-fit: cover}.q-camera{position: absolute;left: 313px;top: 838px;width: 435px;height: 377px;overflow: hidden}.q-camera img{position: absolute;left: 0;top: -33.46%;width: 100%;height: 192.12%}.q-cat{position: absolute;left: 717.04px;top: 1002px;width: 309.058px;height: 250.995px}.q-phone{position: absolute;left: 332.6px;top: 29.6px;width: 278.795px;height: 551.795px;filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25))}.q-phone i{position: absolute;display: block}.q-phone .btn-hw{left: 6.29px;width: 8.181px;border-radius: 1.51px;background: #535353;box-shadow: inset 0 0 2.517px rgba(0, 0, 0, 0.51)}.q-phone .bezel-outer{inset: 9.44px;border-radius: 35.306px;background: #535353;box-shadow: inset 0 0 2.517px rgba(0, 0, 0, 0.51)}.q-phone .bezel-inner{inset: 13.85px;border-radius: 32.662px;background: #000}.q-phone .screen{position: absolute;inset: 21.4px;overflow: hidden;border-radius: 25.11px;background: #fff;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)}.q-phone .screen img{position: absolute;left: 0;top: -1px;width: 236px;height: 510px;object-fit: cover}a.q-phone{display: block;transition: transform 0.4s var(--ease-out)}a.q-phone:hover, a.q-phone:focus-visible{transform: translateY(-6px) rotate(-1deg)}.q-patch-wrap{position: absolute;left: 691px;top: 830px;width: 169px;height: 200px;z-index: 5}.q-patch{display: block;width: 100%;height: 100%;filter: drop-shadow(-3px 4px 4px rgba(0, 0, 0, 0.25));transition: transform 0.5s var(--ease-out)}.q-patch img{display: block;width: 100%;height: 100%}.q-patch:hover, .q-patch[aria-expanded='true']{transform: rotate(-6deg) scale(1.05)}.q-patch-note{position: absolute;left: 50%;bottom: calc(100% - 10px);transform: translateX(-50%);transform-origin: 50% 100%;padding: 12px 24px;border-radius: 40px;background: var(--maroon);border: 3px solid var(--maroon-edge);color: var(--card);font: 500 20px/1.2 var(--font-ui);white-space: nowrap;box-shadow: 0 8px 20px rgba(25, 5, 35, 0.3);pointer-events: none}.q-patch-note::after{content: '';position: absolute;left: 50%;bottom: -10px;width: 16px;height: 16px;margin-left: -8px;background: var(--maroon);border-right: 3px solid var(--maroon-edge);border-bottom: 3px solid var(--maroon-edge);transform: rotate(45deg);border-radius: 0 0 4px 0}.q-patch-note.on{animation: note-in 0.45s var(--ease-out) both}.q-patch-note.off{animation: note-out 0.25s ease both}@keyframes note-in{from{opacity: 0;transform: translateX(-50%) scale(0.5) translateY(14px)}}@keyframes note-out{to{opacity: 0;transform: translateX(-50%) scale(0.85) translateY(6px)}}body.compact[data-page='quests'] .stage-wrap{width: 100%;height: auto}body.compact[data-page='quests'] .stage.quests{position: relative;width: min(340px, 100%);height: auto;margin: 0 auto;transform: none;display: flex;flex-direction: column;align-items: center;gap: 8px;padding: 32px 0 72px}body.compact[data-page='quests'] .stage.quests > *{position: relative;left: auto;top: auto;margin: 0}body.compact[data-page='quests'] .stage.quests > .q, body.compact[data-page='quests'] .stage.quests > a.q-frog, body.compact[data-page='quests'] .stage.quests > a.q-phone, body.compact[data-page='quests'] .stage.quests > a.q-phone2, body.compact[data-page='quests'] .stage.quests > .q-basket, body.compact[data-page='quests'] .stage.quests > .q-camera, body.compact[data-page='quests'] .stage.quests > .shadow-fixed, body.compact[data-page='quests'] .stage.quests > .q-patch-wrap, body.compact[data-page='quests'] .stage.quests > img.q-cat{width: min(280px, 78vw);height: auto;max-width: 280px}body.compact[data-page='quests'] .stage.quests .q-frog{aspect-ratio: 312 / 238}body.compact[data-page='quests'] .stage.quests .q-phone{aspect-ratio: 278.795 / 551.795;width: min(190px, 55vw)}body.compact[data-page='quests'] .stage.quests .q-basket{aspect-ratio: 278 / 320}body.compact[data-page='quests'] .stage.quests .q-camera{aspect-ratio: 435 / 377}body.compact[data-page='quests'] .stage.quests .q-patch-wrap{width: min(150px, 40vw);margin-top: 20px}body.compact[data-page='quests'] .stage.quests .shadow-fixed{position: relative;width: min(280px, 78vw);filter: drop-shadow(-4px 6px 6px rgba(0, 0, 0, 0.3))}body.compact[data-page='quests'] .stage.quests .q-sword.rc{position: static;width: 100% !important;height: auto !important;aspect-ratio: 931 / 206;transform: none !important}body.compact[data-page='quests'] .stage.quests .q-frog, body.compact[data-page='quests'] .stage.quests .q-camera, body.compact[data-page='quests'] .stage.quests .q-basket{position: relative;overflow: hidden}body.compact[data-page='quests'] .stage.quests .q-cap{position: static !important;left: auto !important;top: auto !important;transform: none !important;width: min(280px, 78vw) !important;margin: -2px 0 22px;font-size: 18px;white-space: normal;text-align: center}body.compact[data-page='quests'] .stage.quests .q-poster, body.compact[data-page='quests'] .stage.quests .q-brain, body.compact[data-page='quests'] .stage.quests .q-abstract, body.compact[data-page='quests'] .stage.quests .q-mystery, body.compact[data-page='quests'] .stage.quests .q-temple{aspect-ratio: auto}body.compact[data-page='quests'] .stage.quests .q-album{aspect-ratio: 1}body.compact[data-page='quests'] .stage.quests .q-phone2{aspect-ratio: 288.245 / 587.245;width: min(190px, 55vw)}a.q-mystery, a.q-temple, a.q-album{display: block;border: 5px solid var(--maroon-edge);border-radius: 10px;overflow: hidden;transition: transform 0.4s var(--ease-out)}.q-mystery{left: 686px;top: 1313px;width: 376px;height: 204px;box-shadow: -6px 8px 4px rgba(0, 0, 0, 0.25)}.q-temple{left: 57px;top: 1476px;width: 282px;height: 184px;box-shadow: -6px 8px 4px rgba(0, 0, 0, 0.25)}.q-album{left: 388px;top: 1277px;width: 270px;height: 270px;box-shadow: -10px 12px 6.2px rgba(0, 0, 0, 0.25)}a.q-mystery:hover, a.q-mystery:focus-visible, a.q-temple:hover, a.q-temple:focus-visible, a.q-album:hover, a.q-album:focus-visible{transform: translateY(-6px) rotate(-1deg)}.q-phone2{position: absolute;left: 30px;top: 477px;width: 288.245px;height: 587.245px;filter: drop-shadow(0 4px 2px rgba(0, 0, 0, 0.25))}.q-phone2 i{position: absolute;display: block}.q-phone2 .btn-hw{left: 6.51px;width: 8.459px;border-radius: 1.562px;background: #535353;box-shadow: inset 0 0 2.603px rgba(0, 0, 0, 0.51)}.q-phone2 .bezel-outer{inset: 9.76px;border-radius: 36.502px;background: #535353;box-shadow: inset 0 0 2.603px rgba(0, 0, 0, 0.51)}.q-phone2 .bezel-inner{inset: 14.31px;border-radius: 33.77px;background: #000}.q-phone2 .screen{position: absolute;inset: 22.12px;overflow: hidden;border-radius: 25.962px;background: #fff}.q-phone2 .screen img{width: 100%;height: 100%;object-fit: cover}a.q-phone2{display: block;transition: transform 0.4s var(--ease-out)}a.q-phone2:hover, a.q-phone2:focus-visible{transform: translateY(-6px) rotate(-1deg)}@media (prefers-reduced-motion: reduce){a.q-mystery, a.q-temple, a.q-album, a.q-phone2{transition: none !important}a.q-mystery:hover, a.q-temple:hover, a.q-album:hover, a.q-phone2:hover{transform: none !important}}.about-title{position: absolute;left: 216.5px;top: 57.1px;width: 721px;text-align: center;white-space: nowrap;font-family: var(--font-serif);font-size: 64px;line-height: 94.67px;font-weight: 400;color: var(--ink)}.about-t{position: absolute;margin: 0;font-size: 24px;line-height: 47.33px;color: var(--ink);text-align: justify}.about-t.t1{left: 243px;top: 187.15px;width: 473px}.about-t.t2{left: 385px;top: 565.8px;width: 623px}.about-t.t3{left: 152px;top: 897.1px;width: 443px}.about-t.t4{left: 346px;top: 1228.6px;width: 627px;text-align: center}.sq-link{position: relative;z-index: 1;display: inline-block;color: inherit;transition: color 0.2s ease}.sq-link::before{content: '';position: absolute;inset: 1px -17px 1px -15px;z-index: -1;border-radius: 30px;background: var(--maroon);border: 2px solid var(--maroon-edge);box-shadow: 0 8px 22px rgba(25, 5, 35, 0.3);opacity: 0;scale: 0.7;transition: opacity 0.2s ease, scale 0.25s var(--ease-out)}.sq-link:hover, .sq-link:focus-visible{z-index: 400;color: var(--card)}.sq-link:hover::before, .sq-link:focus-visible::before{opacity: 1;scale: 1.08}.about-t:has(.sq-link:hover), .about-t:has(.sq-link:focus-visible){z-index: 400}.dc.weave{border-radius: 50%;border: 8px solid var(--maroon-edge);background: var(--pill);overflow: hidden}.dc.weave img{position: static;left: auto;top: auto;width: 100%;height: 100%;object-fit: cover;border-radius: 50%}.rc.sword img{width: 100%;height: 100%;object-fit: contain;filter: drop-shadow(-4px 5px 4px rgba(0, 0, 0, 0.28))}.cap.sm{font-size: 20px}.at-greet{display: inline-block;text-align: left;white-space: nowrap}.at-typed{font-family: var(--font-serif), 'Noto Serif Devanagari', 'Nirmala UI', serif}.at-caret{display: inline-block;width: 0.04em;height: 0.8em;margin-left: 0.04em;background: currentColor;vertical-align: -0.05em;animation: at-blink 1.05s steps(1) infinite}@keyframes at-blink{50%{opacity: 0}}.at-name{white-space: nowrap}.at-tile.at-bang{position: relative;z-index: 2;width: 0.62em;height: 1em;margin-left: -0.38em;padding: 0;vertical-align: baseline;background: none;color: transparent;box-shadow: none;border-radius: 0;transform-origin: 50% 100%;opacity: 0;transform: translateY(-0.6em) scale(0.2) rotate(-20deg)}.at-tile.at-bang::before{content: '';position: absolute;left: 0;right: 0;bottom: -0.08em;height: 1.4em;background: url(../assets/about/exclaim.svg) center bottom / contain no-repeat}.at-bang.is-in{opacity: 1;animation: at-jump 2.2s ease-in-out both}@keyframes at-jump{0%{opacity: 0;transform: translateY(-0.9em) scale(0.2) rotate(-20deg);animation-timing-function: cubic-bezier(0.3, 1.6, 0.5, 1)}22%{opacity: 1;transform: translateY(0) scale(1) rotate(26deg)}50%{opacity: 1;transform: translateY(0) scale(1) rotate(26deg);animation-timing-function: cubic-bezier(0.5, 0, 0.2, 1.4)}80%, 100%{opacity: 1;transform: translateX(0.4em) translateY(0) scale(1) rotate(0deg)}}@media (prefers-reduced-motion: reduce){.at-tile.at-bang{opacity: 1;transform: translateX(0.4em)}.at-bang.is-in{animation: none}}.at-tile{display: inline-block;width: 0.8em;padding: 0.04em 0;margin: 0 0.02em;font-size: 0.86em;line-height: 1.1;text-align: center;font-weight: 800;border-radius: 3px;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.18)}body.compact .dc-arc{transform-origin: 50% 100%;transform: scaleY(calc(1 + 64 / (939.38 * var(--stage-s, 1))))}.frame{background: var(--pill);border: 9px solid var(--maroon-edge);border-radius: 20px;box-shadow: var(--shd) rgba(0, 0, 0, 0.25)}.photo{border-radius: 10px;overflow: hidden;background: #d9d9d9}.photo img, .photo video{width: 100%;height: 100%;object-fit: cover}.cap{display: flex;align-items: center;justify-content: center;font-size: 24px;line-height: 1.18;text-align: center;white-space: nowrap;color: rgba(14, 3, 20, 0.8)}.cap.dark{color: #000}.cap.right{justify-content: flex-end;text-align: right;white-space: normal;color: rgba(14, 3, 20, 0.84)}.cap.side{color: rgba(14, 3, 20, 0.73)}.book{filter: drop-shadow(var(--dx) var(--dy) 4px rgba(0, 0, 0, 0.25))}.book img{width: 100%;height: 100%;object-fit: contain}.board{overflow: hidden}.board img{position: absolute;height: 137.73%;left: -60.46%;top: -18.09%;width: 229.34%}.vinyl img{width: 100%;height: 100%;animation: vinyl-spin 20s linear infinite}@keyframes vinyl-spin{to{transform: rotate(360deg)}}a.vinyl-link{display: block;transition: scale 0.4s var(--ease-out)}@media (hover: hover) and (pointer: fine){a.vinyl-link:hover, a.vinyl-link:focus-visible{scale: 1.06}}@media (prefers-reduced-motion: reduce){a.vinyl-link{transition: none}}.dc.drag{pointer-events: auto;touch-action: none;user-select: none;-webkit-user-select: none;will-change: translate, rotate;translate: var(--tx, 0px) var(--ty, 0px);rotate: calc(var(--r, 0deg) + var(--tilt, 0deg));transition: scale 0.25s var(--ease-out), filter 0.25s ease, rotate 0.5s var(--ease-out)}.dc.drag img{pointer-events: none;-webkit-user-drag: none}.dc.drag:hover{scale: 1.06}.dc.drag.grabbing{scale: 1.14;filter: drop-shadow(0 10px 10px rgba(25, 5, 35, 0.35));transition: scale 0.15s ease, filter 0.15s ease, rotate 0.25s var(--ease-out)}.cap.left{justify-content: flex-start;align-items: flex-end;text-align: left;white-space: normal}.cap.sk{font-size: 20px;white-space: nowrap}.cap.pl{justify-content: flex-start;align-items: flex-end;text-align: left;white-space: nowrap}.rc.frame.pol{position: absolute;--shd: -6px 7px 6px}.pol .photo{position: absolute}.pol .pcap{position: absolute;margin: 0;display: flex;align-items: center;font-size: 24px;line-height: 1.18;color: rgba(14, 3, 20, 0.84);white-space: nowrap}.pol .pcap.small{font-size: 24px}.pol .pcap.center{justify-content: center}.pol .pcap.left{justify-content: flex-start}.pol .pcap.right{justify-content: flex-end}.vinyl-arc{position: absolute;width: 400px;height: 400px;z-index: 3}.vinyl-arc text{font: 400 24px var(--font-ui);fill: #000}.vinyl-arc:hover text{fill: var(--maroon)}.pol .pcap.wrap{white-space: normal;align-items: flex-start;padding-top: 4px}.about-lastreads{position: absolute;margin: 0;width: 150px;text-align: center;font-size: 24px;line-height: 1.18;color: #000;z-index: 2}.pol.ghost{background: none;border-color: transparent;box-shadow: none;pointer-events: none}.pol.nocap .pcap{visibility: hidden}.pol.ghost .pcap{color: rgba(14, 3, 20, 0.84)}.about-books{position: absolute;width: 484px;height: 426px}.about-books .bk{position: absolute;left: 0;top: 0;transform-origin: 0 0;object-fit: fill;filter: drop-shadow(-5px 6px 5px rgba(0, 0, 0, 0.3))}.pol .pcap.sk{font-size: 20px}:root{--paper-veil: rgba(255, 236, 225, 0.5);--paper-speckle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .43 0 0 0 0 .4 2.2 0 0 0 -1.12'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='u%72l(%23s)'/%3E%3C/svg%3E");
  --paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .30 0 0 0 0 .19 0 0 0 0 .11 .224 0 0 0 -.0896'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='u%72l(%23n)'/%3E%3C/svg%3E");
  --paper-fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .05' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .33 0 0 0 0 .22 0 0 0 0 .13 .1232 0 0 0 -.0476'/%3E%3C/filter%3E%3Crect width='520' height='520' filter='u%72l(%23f)'/%3E%3C/svg%3E");
}
.nearu-page, .flummox-page, .ncfe-page { --paper-veil: rgba(255, 241, 223, 0.5); }

body .main,
.nearu-page .nearu-viewport,
.nearu-page .nearu-canvas,
.nearu-page .nu-2,
.nearu-mobile,
.flummox-viewport,
.ncfe-page .ncfe-viewport,
.syn-mobile { isolation: isolate; }

body .main::before,
.nearu-page .nearu-viewport::before,
.nearu-page .nearu-canvas::before,
.nearu-page .nu-2::before,
.nearu-mobile::before,
.flummox-viewport::before,
.ncfe-page .ncfe-viewport::before,
.syn-mobile::before {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-color: var(--paper-veil);
  background-image: var(--paper-grain), var(--paper-fibre);
  background-size: 320px 320px, 520px 520px;
  background-blend-mode: normal;
  opacity: 1;
}
body .main { position: relative; }               /* the sheet fills the page area it sits in */
.nearu-mobile, .syn-mobile { position: relative; }

/* ---------- Scrapbook corners (Figma 151:8359 "image 32" top-left, "image 35" bottom-right): torn paper tucked into the corners of the page area ----------
   Home gets both, About Me only the top-left. They hang off the .main corners at the page's own scale, above the grid and behind the content;the white edge and soft shadow follow the torn outline (drop-shadow, not box-shadow). Mirrored, as in the design. */ .main:has(> .scrap){overflow-x: clip}.scrap{position: absolute;z-index: -1;max-width: none;height: auto;pointer-events: none;user-select: none;transform: scaleX(-1)}.scrap-tl{left: 0;top: calc(-6px * var(--stage-s, 1));width: calc(332px * var(--stage-s, 1));filter: drop-shadow(0 calc(5px * var(--stage-s, 1)) 0 #fff) drop-shadow(0 calc(8px * var(--stage-s, 1)) 7px rgba(0, 0, 0, 0.34))}.scrap-br{right: calc(-84px * var(--stage-s, 1));bottom: calc(-2px * var(--stage-s, 1));width: calc(456px * var(--stage-s, 1));filter: drop-shadow(calc(-4px * var(--stage-s, 1)) calc(3px * var(--stage-s, 1)) 6px rgba(0, 0, 0, 0.32))}.scrap-tl.scrap-sm{width: calc(300px * var(--stage-s, 1))}.card-sheet{--k: 1.07;--sz: 1;--e: calc(var(--sz) * var(--szm, 1));position: absolute;z-index: 0;pointer-events: none;width: calc(440px * var(--k) * var(--e));height: calc(440px * var(--k) * var(--e));left: calc(546px + (var(--x) - 561.5px) * var(--k) + (218.52px + var(--dx) - 220px * var(--e)) * var(--k));top: calc(var(--y) * var(--k) + (218.52px + var(--dy) - 220px * var(--e)) * var(--k));--pin-x: calc((220px * var(--e) - var(--dx) + cos(var(--r)) * 0px - sin(var(--r)) * -214.52px) * var(--k));--pin-y: calc((220px * var(--e) - var(--dy) + sin(var(--r)) * 0px + cos(var(--r)) * -214.52px) * var(--k));transform-origin: var(--pin-x) var(--pin-y);transition: transform 0.6s var(--ease-out)}.card-sheet::before{content: '';position: absolute;inset: 0;background: var(--sheet) center / 100% 100% no-repeat;filter: drop-shadow(-3px 5px 5px rgba(0, 0, 0, 0.3));transform: rotate(calc(var(--r) + var(--a)));transform-origin: calc((220px * var(--e) - var(--dx)) * var(--k)) calc((220px * var(--e) - var(--dy)) * var(--k))}.card-sheet[hidden]{display: none}@media (hover: hover) and (pointer: fine){body:not(.one-col) .card-sheet{transition: transform 1.1s cubic-bezier(0.25, 1.9, 0.45, 0.9)}body:not(.one-col) .card-sheet:has(+ .card:hover), body:not(.one-col) .card-sheet:has(+ .card:focus-visible){transform: rotate(var(--swing, 0deg))}}.sheet-white{--sheet: url("../assets/scrapbook/sheet-white.webp")}.sheet-cream{--sheet: url("../assets/scrapbook/sheet-cream.webp")}.sheet-blue{--sheet: url("../assets/scrapbook/sheet-blue.webp")}.sheet-green{--sheet: url("../assets/scrapbook/sheet-green.webp")}@media (prefers-reduced-motion: reduce){.card-sheet{transition: none}}.scrap-br.scrap-sm{right: calc(-70px * var(--stage-s, 1));width: calc(400px * var(--stage-s, 1))}body.one-col .card-sheet{display: none}.sb-inner::after{content: '';position: absolute;inset: 0;z-index: 2;pointer-events: none;background-image: var(--paper-grain), var(--paper-fibre);background-size: 320px 320px, 520px 520px;mix-blend-mode: multiply}:is(.nearu-page, .flummox-page, .ncfe-page) h2[tabindex="-1"]{font-family: 'Ancizar Sans Upright', var(--font-ui);font-weight: 700;font-style: normal;font-size: 28px}@media (max-width: 899px){:is(.nearu-page, .flummox-page, .ncfe-page) h2[tabindex="-1"]{font-size: 24px}}