@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@900&display=swap";:root{--menu-item-height: 15vh;--menu-font-size: min(5vw, 4.5rem);--bg-color: #000;--text-color: #fff}body{margin:0;background-color:var(--bg-color);color:var(--text-color)}.app[data-v-af23ae0e]{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);font-family:Noto Sans SC,sans-serif}.frame[data-v-af23ae0e]{position:fixed;z-index:100;top:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start}.frame--footer[data-v-af23ae0e]{top:auto;bottom:0;justify-content:flex-end}.frame__logo h1[data-v-af23ae0e]{font-size:1rem;font-weight:900;margin:0;line-height:1.2}.frame__slogan[data-v-af23ae0e]{text-align:center;line-height:1.2}.frame__links[data-v-af23ae0e]{display:flex;gap:2rem}.frame__links a[data-v-af23ae0e],.frame__contact[data-v-af23ae0e]{color:var(--text-color);text-decoration:none;opacity:.7;transition:opacity .3s ease}.frame__links a[data-v-af23ae0e]:hover,.frame__contact[data-v-af23ae0e]:hover{opacity:1}.main[data-v-af23ae0e]{flex:1;display:flex;align-items:center;justify-content:center;padding:0;margin:8vh 0}.menu[data-v-af23ae0e]{width:100%;max-width:100%;padding:0 2rem}.menu__item[data-v-af23ae0e]{position:relative;height:var(--menu-item-height);overflow:hidden;cursor:pointer}.menu__item-link[data-v-af23ae0e]{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:var(--menu-font-size);font-weight:900;text-decoration:none;color:var(--text-color);transition:color .3s ease;z-index:1}.marquee[data-v-af23ae0e]{position:absolute;top:0;left:0;width:100vw;height:100%;background:#fff;opacity:0;pointer-events:none;transition:opacity .3s ease;transform:translate(-2rem)}.menu__item.hover .marquee[data-v-af23ae0e]{opacity:1}.menu__item.hover .menu__item-link[data-v-af23ae0e]{color:#000}.marquee__inner[data-v-af23ae0e]{height:100%;display:flex;align-items:center;position:relative;animation:marquee-af23ae0e 20s linear infinite;white-space:nowrap}.marquee__line[data-v-af23ae0e]{display:flex;align-items:center;gap:2rem;padding:0 2rem}.marquee__line span[data-v-af23ae0e]{font-size:var(--menu-font-size);font-weight:900}.marquee__img[data-v-af23ae0e]{width:calc(var(--menu-item-height) * .8);height:calc(var(--menu-item-height) * .8);background-size:cover;background-position:center;border-radius:1rem}.marquee__subtitle[data-v-af23ae0e]{font-size:calc(var(--menu-font-size) * .25);color:#000}@keyframes marquee-af23ae0e{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media (max-width: 768px){.frame[data-v-af23ae0e]{padding:1rem;flex-direction:column;align-items:center;gap:1rem}.frame__logo[data-v-af23ae0e],.frame__slogan[data-v-af23ae0e]{text-align:center}.menu[data-v-af23ae0e]{padding:0 1rem}.menu__item-link[data-v-af23ae0e]{font-size:8vw}.marquee[data-v-af23ae0e]{transform:translate(-1rem)}.marquee__line span[data-v-af23ae0e]{font-size:8vw}.marquee__img[data-v-af23ae0e]{display:none}.marquee__subtitle[data-v-af23ae0e]{font-size:1rem}}:root{--menu-item-height: 15vh;--menu-font-size: min(5vw, 4.5rem);--menu-item-gap: 2px;--scroll-duration: 20s;--bg-black: #000000;--text-white: #ffffff}.home[data-v-982f33dc]{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-black);font-family:Noto Sans SC,sans-serif}.frame[data-v-982f33dc]{position:fixed;z-index:100;top:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start}.frame--footer[data-v-982f33dc]{top:auto;bottom:0;justify-content:flex-end}.frame__logo h1[data-v-982f33dc]{font-size:1rem;font-weight:900;margin:0;line-height:1.2}.frame__slogan[data-v-982f33dc]{text-align:center;line-height:1.2}.frame__links[data-v-982f33dc]{display:flex;gap:2rem}.frame__links a[data-v-982f33dc],.frame__contact[data-v-982f33dc]{color:var(--text-white);text-decoration:none;opacity:.7;transition:opacity .3s ease}.frame__links a[data-v-982f33dc]:hover,.frame__contact[data-v-982f33dc]:hover{opacity:1}.main[data-v-982f33dc]{flex:1;display:flex;align-items:center;justify-content:center;padding:0;margin:8vh 0}.menu[data-v-982f33dc]{width:100%;display:flex;flex-direction:column}.menu__item[data-v-982f33dc]{position:relative;height:var(--menu-item-height);overflow:hidden;cursor:pointer;background-color:var(--bg-black);border-top:var(--menu-item-gap) solid var(--text-white)}.menu__item[data-v-982f33dc]:last-child{border-bottom:var(--menu-item-gap) solid var(--text-white)}.menu__item-bg[data-v-982f33dc]{position:absolute;top:0;left:50%;width:100vw;height:100%;background:#000;transform:translate(-50%);transition:none;z-index:1}.menu__item-link[data-v-982f33dc]{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:100%;text-decoration:none;z-index:2;overflow:hidden}.menu__item-title[data-v-982f33dc]{position:absolute;font-size:var(--menu-font-size);font-weight:900;transition:opacity .3s ease;width:100%;text-align:center;color:var(--text-white)}.menu__item-projects[data-v-982f33dc]{position:absolute;width:100%;height:100%;display:flex;align-items:center;opacity:0;transition:opacity .3s ease;z-index:2}.scroll-container[data-v-982f33dc]{width:100%;height:var(--menu-font-size);overflow:hidden;position:relative;display:flex;align-items:center;background:#fff}.scroll-text[data-v-982f33dc]{position:absolute;white-space:nowrap;font-size:var(--menu-font-size);font-weight:900;color:#000;animation:scrollText-982f33dc var(--scroll-duration) linear infinite;left:0}.scroll-text[data-v-982f33dc]:before,.scroll-text[data-v-982f33dc]:after{content:attr(data-content);position:absolute;left:0;top:0;color:#000;font-weight:900}.scroll-text[data-v-982f33dc]:after{left:auto;padding-left:2em}.menu__item.hover .menu__item-bg[data-v-982f33dc]{background:#fff}.menu__item.hover .menu__item-projects[data-v-982f33dc]{opacity:1}@keyframes scrollText-982f33dc{0%{transform:translate(0)}to{transform:translate(-50%)}}.menu__item.hover .menu__item-title[data-v-982f33dc]{opacity:0}@media (max-width: 768px){.frame[data-v-982f33dc]{padding:1rem;flex-direction:column;align-items:center;gap:1rem}.frame__logo[data-v-982f33dc],.frame__slogan[data-v-982f33dc]{text-align:center}.menu__item-link[data-v-982f33dc],.marquee__title[data-v-982f33dc]{font-size:8vw}.marquee__img[data-v-982f33dc]{display:none}}.about[data-v-e2288e2e]{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);font-family:Noto Sans SC,sans-serif;color:var(--text-color)}.frame[data-v-e2288e2e]{position:fixed;z-index:100;top:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start}.frame--footer[data-v-e2288e2e]{top:auto;bottom:0;justify-content:flex-end}.frame__logo h1[data-v-e2288e2e]{font-size:1rem;font-weight:900;margin:0;line-height:1.2}.frame__links[data-v-e2288e2e]{display:flex;gap:2rem}.frame__links a[data-v-e2288e2e]{color:var(--text-color);text-decoration:none;opacity:.7;transition:opacity .3s ease}.frame__links a[data-v-e2288e2e]:hover{opacity:1}main[data-v-e2288e2e]{padding:8rem 0 4rem;min-height:100vh;background:var(--bg-color);color:var(--text-color)}.content[data-v-e2288e2e]{max-width:1200px;margin:0 auto;padding:0 2rem}.info-section[data-v-e2288e2e]{display:grid;grid-template-columns:1fr 4fr;gap:4rem;align-items:start}.info-section h2[data-v-e2288e2e]{font-size:1rem;color:#999;margin:0 0 1rem;font-weight:400}.info-section p[data-v-e2288e2e]{margin:0 0 2rem;line-height:1.6;color:var(--text-color)}.info-section p[data-v-e2288e2e]:last-of-type{margin-bottom:2rem}.info-section a[data-v-e2288e2e]{color:#999;text-decoration:none;transition:color .3s ease}.info-section a[data-v-e2288e2e]:hover{color:var(--text-color)}.loading-container[data-v-e2288e2e]{text-align:center;padding:2rem;color:var(--text-color)}.loading-spinner[data-v-e2288e2e]{border:4px solid rgba(0,0,0,.1);border-left-color:var(--text-color);border-radius:50%;width:30px;height:30px;animation:spin-e2288e2e 1s linear infinite}@keyframes spin-e2288e2e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-e2288e2e]{margin-top:1rem}.error-container[data-v-e2288e2e]{text-align:center;padding:2rem;color:var(--text-color)}.error-icon[data-v-e2288e2e]{font-size:2rem;margin-bottom:1rem}.error-message[data-v-e2288e2e]{margin-bottom:1rem}.retry-button[data-v-e2288e2e]{padding:.5rem 1rem;background-color:var(--text-color);color:var(--bg-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.retry-button[data-v-e2288e2e]:hover{background-color:var(--text-color)}@media (max-width: 768px){.frame[data-v-e2288e2e]{padding:1rem;flex-direction:column;align-items:center;gap:1rem}.frame__logo[data-v-e2288e2e]{text-align:center}main[data-v-e2288e2e]{padding:6rem 1rem 2rem}.info-section[data-v-e2288e2e]{grid-template-columns:1fr;gap:.5rem}.info-section h2[data-v-e2288e2e]{position:static;margin:2rem 0 .5rem}.info-section p[data-v-e2288e2e]{margin:0}.info-section p+p[data-v-e2288e2e]{margin-top:1rem}.info-section p[data-v-e2288e2e]:last-of-type{margin-bottom:2rem}.content[data-v-e2288e2e]{padding:0 1rem}}:root{--project-item-height: 15vh;--project-font-size: min(5vw, 4.5rem);--project-item-gap: 2px}.category-page[data-v-29cafcb4]{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);font-family:Noto Sans SC,sans-serif}.frame[data-v-29cafcb4]{position:fixed;z-index:100;top:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-start}.frame--footer[data-v-29cafcb4]{top:auto;bottom:0;justify-content:flex-end}.frame__logo h1[data-v-29cafcb4]{font-size:1rem;font-weight:900;margin:0;line-height:1.2}.back-link[data-v-29cafcb4]{color:var(--text-color);text-decoration:none;opacity:.7;transition:opacity .3s;display:flex;align-items:center;gap:.5rem}.back-link[data-v-29cafcb4]:hover{opacity:1}.back-arrow[data-v-29cafcb4]{font-size:1.2em}.main[data-v-29cafcb4]{flex:1;display:flex;align-items:center;justify-content:center;padding:0;margin:8vh 0}.projects-list[data-v-29cafcb4]{width:100%;display:flex;flex-direction:column}.project-item[data-v-29cafcb4]{position:relative;height:var(--project-item-height);overflow:hidden;cursor:pointer;background-color:var(--bg-color);border-top:var(--project-item-gap) solid var(--text-color);text-decoration:none;display:flex;flex-direction:column;justify-content:center}.project-item[data-v-29cafcb4]:last-child{border-bottom:var(--project-item-gap) solid var(--text-color)}.project-item-bg[data-v-29cafcb4]{position:absolute;top:0;left:50%;width:100vw;height:100%;background-color:var(--bg-color);transform:translate(-50%)}.project-content[data-v-29cafcb4]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;z-index:1}.project-item-link[data-v-29cafcb4]{position:relative;font-size:var(--project-font-size);font-weight:900;color:var(--text-color);transition:opacity .3s ease;line-height:1;margin-bottom:.5rem}.project-info[data-v-29cafcb4]{font-size:1rem;opacity:.7;color:var(--text-color);text-align:center}.project-date[data-v-29cafcb4]{margin-right:1rem}.loading-container[data-v-29cafcb4],.error-container[data-v-29cafcb4]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.loading-spinner[data-v-29cafcb4]{border:3px solid rgba(255,255,255,.1);border-top-color:var(--text-color);border-radius:50%;width:30px;height:30px;animation:spin-29cafcb4 1s linear infinite}@keyframes spin-29cafcb4{to{transform:rotate(360deg)}}.retry-button[data-v-29cafcb4]{margin-top:1rem;padding:.5rem 1rem;background:var(--text-color);color:var(--bg-color);border:none;border-radius:4px;cursor:pointer}@media (max-width: 768px){.frame[data-v-29cafcb4]{padding:1rem;flex-direction:column;align-items:center;gap:1rem}.frame__logo[data-v-29cafcb4]{text-align:center}.project-item-link[data-v-29cafcb4]{font-size:8vw}.project-info[data-v-29cafcb4]{font-size:.9rem}}.project-detail[data-v-641b9eec]{min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:Noto Sans SC,sans-serif}.back-button[data-v-641b9eec]{position:fixed;top:2rem;left:2rem;z-index:100;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .3s}.back-button[data-v-641b9eec]:hover{opacity:1}.media-container[data-v-641b9eec]{position:relative;height:100vh;width:100vw;overflow:hidden}.media-content[data-v-641b9eec]{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.media-item[data-v-641b9eec]{width:100%;height:100%;object-fit:cover}.media-item.video[data-v-641b9eec]{aspect-ratio:16/9;max-height:80vh}.media-dots[data-v-641b9eec]{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.dot[data-v-641b9eec]{width:8px;height:8px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:background-color .3s}.dot.active[data-v-641b9eec]{background:var(--text-color)}.project-info[data-v-641b9eec]{position:absolute;top:50%;left:4rem;transform:translateY(-50%);max-width:40%;background:#000000b3;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-title[data-v-641b9eec]{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.project-metadata[data-v-641b9eec]{font-size:.9rem;opacity:.7;margin-bottom:2rem}.project-description[data-v-641b9eec]{line-height:1.6;margin-bottom:2rem}.project-link[data-v-641b9eec]{display:inline-block;color:var(--text-color);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--text-color);transition:all .3s}.project-link[data-v-641b9eec]:hover{background:var(--text-color);color:var(--bg-color)}.loading-container[data-v-641b9eec],.error-container[data-v-641b9eec]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading-spinner[data-v-641b9eec]{border:3px solid rgba(255,255,255,.1);border-top-color:var(--text-color);border-radius:50%;width:30px;height:30px;animation:spin-641b9eec 1s linear infinite}@keyframes spin-641b9eec{to{transform:rotate(360deg)}}.retry-button[data-v-641b9eec]{margin-top:1rem;padding:.5rem 1rem;background:var(--text-color);color:var(--bg-color);border:none;border-radius:4px;cursor:pointer}@media (max-width: 768px){.back-button[data-v-641b9eec]{top:1rem;left:1rem}.project-info[data-v-641b9eec]{left:0;right:0;bottom:0;top:auto;transform:none;max-width:none;padding:1.5rem}.project-title[data-v-641b9eec]{font-size:1.8rem}}:root{--font-primary: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-base: 16px;--line-height-base: 1.5;--color-text: #ffffff;--color-bg: #000000;--color-link: #ffffff;--color-link-hover: #ffffff;--color-border: #333333;--marquee-bg: #ffffff;--marquee-text: #000000;--menu-focus: #775e41;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--transition-fast: .3s cubic-bezier(.4, 0, .2, 1);--transition-normal: .5s cubic-bezier(.4, 0, .2, 1);--text-color: #ffffff;--text-secondary: #888888;--bg-color: #0a0a0a;--accent-color: #775e41;--border-color: #222222;--max-width: 1400px;--header-height: 80px;--transition-speed: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--color-bg)}body{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--color-link);text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.7}img{max-width:100%;height:auto;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-scroll{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}@media screen and (max-width: 768px){:root{--font-size-base: 14px;--header-height: 60px;--max-width: 100%}.container{padding:0 1rem}}