:root{--color-black: #111111;--color-white: #ffffff;--color-gray-50: #f8f8f8;--color-gray-100: #f0f0f0;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-primary: #111111;--color-accent: #0066ff;--color-accent-soft: rgba(0, 102, 255, .08);--color-bg-dark: #0a0a0a;--color-bg-light: #ffffff;--color-bg-cream: #f7f5f2;--color-bg-gray: #f5f5f5;--font-ja: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--font-en: "Inter", "Helvetica Neue", Arial, sans-serif;--font-handwritten: "Zen Antique Soft", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--max-width: 1200px;--header-height: 80px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--transition-slower: 1s cubic-bezier(.4, 0, .2, 1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ja);color:var(--color-black);background-color:var(--color-white);line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all var(--transition-fast)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}.scroll-anim{will-change:transform,opacity;transition-timing-function:cubic-bezier(.16,1,.3,1);transition-property:opacity,transform,filter}.scroll-anim--fade-up{opacity:0;transform:translateY(40px)}.scroll-anim--fade-down{opacity:0;transform:translateY(-40px)}.scroll-anim--fade-left{opacity:0;transform:translate(-40px)}.scroll-anim--fade-right{opacity:0;transform:translate(40px)}.scroll-anim--scale-in{opacity:0;transform:scale(.92)}.scroll-anim--blur-in{opacity:0;filter:blur(10px);transform:translateY(20px)}.scroll-anim--visible{opacity:1!important;transform:translateY(0) translate(0) scale(1)!important;filter:blur(0)!important}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.btn-arrow,.btn-arrow-white{display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;transition:all var(--transition-base)}.btn-arrow .arrow,.btn-arrow-white .arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid currentColor;transition:all var(--transition-base)}.btn-arrow .arrow svg,.btn-arrow-white .arrow svg{width:10px;height:10px;transition:transform var(--transition-base)}.btn-arrow:hover,.btn-arrow-white:hover{opacity:1;gap:var(--space-4)}.btn-arrow:hover .arrow,.btn-arrow-white:hover .arrow{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.btn-arrow:hover .arrow svg,.btn-arrow-white:hover .arrow svg{transform:translate(1px,-1px)}.btn-arrow-white{color:var(--color-white)}.btn-arrow-white:hover .arrow{background-color:var(--color-white);border-color:var(--color-white);color:var(--color-black)}.section-divider{position:relative;height:1px;background:linear-gradient(90deg,transparent,var(--color-gray-200),transparent);max-width:var(--max-width);margin:0 auto}.magnetic-wrap{display:inline-block;position:relative}.img-reveal{overflow:hidden;position:relative}.img-reveal img{transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.img-reveal:hover img{transform:scale(1.05)}.grain-overlay{position:absolute;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px}.loading-overlay{position:fixed;inset:0;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}.loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-overlay__logo{display:block;width:320px;height:auto;margin-bottom:48px}.loading-overlay__progress{display:flex;flex-direction:column;align-items:center;gap:16px;width:320px}.loading-overlay__bar-track{width:100%;height:1px;background:#0000001a;position:relative;overflow:hidden}.loading-overlay__bar{position:absolute;top:0;left:0;height:100%;background:var(--color-black);transition:width .03s linear}.loading-overlay__percent{font-family:var(--font-en);font-size:.75rem;font-weight:500;color:#00000059;letter-spacing:.1em}.loading-overlay__percent small{font-size:.6em}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px}::selection{background-color:var(--color-black);color:var(--color-white)}