@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Noto+Sans+JP:wght@300;400;500;700&family=Playfair+Display:wght@400;500;600&display=swap";.th-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.2rem 3rem;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;transition:padding .3s ease}.th-header--scrolled{padding:1rem 3rem}.th-header--open{mix-blend-mode:normal}.th-header__logo{display:flex;align-items:baseline;gap:.4rem;text-decoration:none;z-index:1001}.th-header__logo-text{font-family:Cinzel,serif;font-size:1.3rem;font-weight:500;color:#fff;letter-spacing:.25em;transition:color .3s ease}.th-header--open .th-header__logo-text{color:#1a1a2e}.th-header__nav{display:flex;gap:2.5rem;padding-top:.3rem}.th-header__nav-link{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;position:relative;padding:.3rem 0}.th-header__nav-en{font-family:Cinzel,serif;font-size:.65rem;font-weight:500;color:#fff;letter-spacing:.2em;text-transform:uppercase;transition:letter-spacing .3s ease}.th-header__nav-jp{font-family:Noto Sans JP,sans-serif;font-size:.5rem;font-weight:300;color:#fff;letter-spacing:.1em;opacity:0;transform:translateY(-5px);transition:all .3s ease}.th-header__nav-link:hover .th-header__nav-en{letter-spacing:.3em}.th-header__nav-link:hover .th-header__nav-jp{opacity:.5;transform:translateY(0)}.th-header__nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:#fff;transition:width .3s ease}.th-header__nav-link:hover:after{width:100%}.th-header__burger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;z-index:1001;padding:0;gap:6px}.th-header__burger-line{display:block;width:24px;height:2px;background:#fff;transition:all .3s ease;transform-origin:center}.th-header--open .th-header__burger-line{background:#1a1a2e}.th-header__burger--active .th-header__burger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.th-header__burger--active .th-header__burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.th-header__burger--active .th-header__burger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:1024px){.th-header{padding:1rem 2rem}.th-header--scrolled{padding:.8rem 2rem}.th-header__nav{display:none}.th-header__burger{display:flex}}@media(max-width:768px){.th-header{padding:1rem 1.5rem}.th-header--scrolled{padding:.8rem 1.5rem}.th-header__logo-text{font-size:1rem;letter-spacing:.2em}}@media(max-width:480px){.th-header{padding:.8rem 1rem}.th-header--scrolled{padding:.6rem 1rem}.th-header__logo-text{font-size:.9rem;letter-spacing:.15em}.th-header__burger{width:40px;height:40px}.th-header__burger-line{width:20px}}.loader-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden}.loader-dark-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0f}.loader-drop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.loader-ripple{position:absolute;top:50%;left:50%;width:60px;height:60px;background:var(--bg-cream);border-radius:50%;transform:translate(-50%,-50%);z-index:5}.loader-small-ripple{position:absolute;top:50%;left:50%;width:40px;height:40px;border:2px solid rgba(233,69,96,.3);border-radius:50%;transform:translate(-50%,-50%);z-index:6}.loader-content{position:relative;z-index:10;text-align:center;color:var(--primary)}.loader-company-name{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,4rem);font-weight:500;letter-spacing:.2em;margin-bottom:1.5rem}.loader-divider{width:60px;height:2px;background:var(--accent);margin:0 auto 1.5rem;transform-origin:center}.loader-philosophy{font-family:Noto Sans JP,sans-serif;font-size:clamp(.9rem,2vw,1.2rem);font-weight:300;letter-spacing:.3em;color:var(--text-light)}header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.2rem 3rem;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference}.logo{display:flex;align-items:baseline;gap:.4rem;text-decoration:none}.logo-main{font-family:Cinzel,serif;font-size:1.3rem;font-weight:500;color:#fff;letter-spacing:.25em}.logo-sub{font-family:Cinzel,serif;font-size:.55rem;font-weight:400;color:#fff;letter-spacing:.15em;opacity:.6}nav{display:flex;gap:2.5rem;padding-top:.3rem}.nav-link{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;position:relative;padding:.3rem 0}.nav-text{font-family:Cinzel,serif;font-size:.65rem;font-weight:500;color:#fff;letter-spacing:.2em;text-transform:uppercase;transition:all .3s ease}.nav-label{font-family:Noto Sans JP,sans-serif;font-size:.5rem;font-weight:300;color:#fff;letter-spacing:.1em;opacity:0;transform:translateY(-5px);transition:all .3s ease}.nav-link:hover .nav-text{letter-spacing:.3em}.nav-link:hover .nav-label{opacity:.5;transform:translateY(0)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:#fff;transition:width .3s ease}.nav-link:hover:after{width:100%}.header-line{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1px;transform-origin:center}.hero{height:150vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--bg-cream) 0%,#e8e4dc 100%)}.hero .btn{background:linear-gradient(135deg,var(--primary) 0%,#2a2a5a 100%);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 4px 20px #1a1a2e4d,inset 0 1px #ffffff1a}.hero .btn:before{background:var(--accent)}.hero .btn:hover{color:#fff;border-color:var(--accent);box-shadow:0 8px 30px #e945604d}.hero-canvas{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none}.hero-content{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;text-align:center;padding:0 2rem;box-sizing:border-box}.hero-tagline{font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text);margin-bottom:2rem;text-shadow:0 0 30px rgba(245,243,239,.9)}.hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,8vw,6rem);font-weight:400;line-height:1.1;margin-bottom:1.5rem;color:var(--primary);text-shadow:0 0 40px rgba(245,243,239,1),0 0 80px rgba(245,243,239,.8),0 0 120px rgba(245,243,239,.6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem 3.5rem;border:1px solid var(--primary);color:var(--primary);text-decoration:none;font-size:.8rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;position:relative;overflow:hidden;transition:color .4s ease,border-color .4s ease;background:transparent;cursor:pointer;z-index:1}.btn span{position:relative;z-index:2}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:1}.btn:hover{color:#fff}.btn:hover:before{transform:translateY(0)}.hero-subtitle{font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:400;color:var(--primary);letter-spacing:.2em;line-height:2;text-shadow:0 0 30px rgba(245,243,239,1),0 0 60px rgba(245,243,239,.9),0 0 90px rgba(245,243,239,.7)}.hero-cta{margin-top:2.5rem}.scroll-indicator2{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:10}.scroll-mouse2{width:24px;height:40px;border:2px solid var(--primary);border-radius:12px;position:relative;opacity:.6}.scroll-wheel2{position:absolute;top:8px;left:50%;transform:translate(-50%);width:3px;height:8px;background:var(--primary);border-radius:2px;animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel2{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.3;transform:translate(-50%) translateY(10px)}}.scroll-indicator2 span{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.3em;color:var(--primary);opacity:.6}.scroll-line{width:1px;height:60px;background:var(--text-light);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--accent);animation:scrollDown 2s ease infinite}@keyframes scrollDown{0%{top:-100%}50%{top:100%}to{top:100%}}section{padding:6rem 4rem;position:relative}.section-label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-light);margin-bottom:1rem}.section-title{font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1.3;margin-bottom:2rem}.about{min-height:100vh;position:relative;background:var(--bg-cream);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:0}.about-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f3efbf;z-index:1;pointer-events:none}.about-title-area{width:100%;display:flex;justify-content:center;margin-top:12vh;margin-bottom:4rem;position:relative;z-index:10}.decode-text{font-family:Cinzel,serif;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:400;letter-spacing:.2em;display:flex;justify-content:center}.decode-char{display:inline-block;position:relative;color:transparent;transition:color .15s ease}.decode-char.space{width:.3em}.decode-char:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--primary);width:0;height:1.1em;transition:width .12s ease}.decode-char.state-0{color:transparent}.decode-char.state-0:before{width:0}.decode-char.state-1:before{width:2px}.decode-char.state-2:before{width:.85em}.decode-char.state-3{color:var(--primary);text-shadow:0 2px 10px rgba(26,26,46,.1)}.decode-char.state-3:before{width:0}.decode-char.state-3:hover{color:var(--accent);transform:translateY(-8px);transition:all .2s ease}.about-content{width:100%;max-width:1400px;padding:2rem 4rem 8rem;position:relative;z-index:10}.about-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:center}.about-image{display:flex;flex-direction:column;align-items:center}.image-wrapper{position:relative;padding:0;background:#ffffffe6;box-shadow:0 20px 60px #1a1a2e26}.image-wrapper img{width:320px;height:auto;display:block}.image-label{margin-top:1.5rem;font-family:Cormorant Garamond,serif;font-size:.9rem;font-style:italic;color:var(--text);letter-spacing:.15em;opacity:.7}.about-text{color:var(--text)}.about-header{margin-bottom:2rem}.about-header .label{display:block;font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.4em;color:var(--accent);margin-bottom:1rem;font-weight:500}.about-header h3{font-family:Cinzel,serif;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:400;letter-spacing:.05em;margin-bottom:.5rem;color:var(--primary)}.about-header .subtitle{font-size:.95rem;color:var(--text);letter-spacing:.2em;font-weight:400;opacity:.7}.about-text .description{font-size:1rem;line-height:2.2;color:var(--text);margin-bottom:3rem;max-width:520px;opacity:.8}.about-values{display:flex;flex-direction:column}.value-row{display:flex;align-items:center;gap:2rem;padding:1.3rem 0;border-top:1px solid rgba(26,26,46,.15);cursor:default;transition:all .3s ease}.value-row:last-child{border-bottom:1px solid rgba(26,26,46,.15)}.value-num{font-family:Cinzel,serif;font-size:.9rem;color:var(--accent);min-width:25px;font-weight:500}.value-title{font-family:Cinzel,serif;font-size:1rem;font-weight:500;letter-spacing:.15em;color:var(--primary);min-width:110px}.value-desc{font-size:.9rem;color:var(--text);font-weight:400;opacity:.7}.about-button-area{margin-top:5rem;display:flex;justify-content:center;width:100%}.greek-button{display:flex;align-items:center;gap:2rem;padding:1.5rem 0;text-decoration:none;position:relative;cursor:pointer;transition:all .4s ease}.greek-button-line{display:block;width:60px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(26,26,46,.3) 50%,transparent 100%);position:relative;transition:all .4s ease}.greek-button-line:before,.greek-button-line:after{content:"";position:absolute;width:6px;height:6px;border:1px solid rgba(26,26,46,.3);transition:all .4s ease}.greek-button-line.left:before{left:0;top:50%;transform:translateY(-50%) rotate(45deg)}.greek-button-line.right:after{right:0;top:50%;transform:translateY(-50%) rotate(45deg)}.greek-button-text{display:flex;flex-direction:column;align-items:center;gap:.4rem}.greek-button-text .text-main{font-family:Cinzel,serif;font-size:.85rem;font-weight:500;letter-spacing:.35em;color:var(--primary);transition:all .4s ease}.greek-button-text .text-sub{font-family:Noto Sans JP,sans-serif;font-size:.7rem;font-weight:300;letter-spacing:.2em;color:var(--text-light);transition:all .4s ease}.greek-button:hover .greek-button-line{width:80px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%)}.greek-button:hover .greek-button-line:before,.greek-button:hover .greek-button-line:after{border-color:var(--accent);transform:translateY(-50%) rotate(45deg) scale(1.2)}.greek-button:hover .greek-button-text .text-main{color:var(--accent);letter-spacing:.45em}.greek-button:hover .greek-button-text .text-sub{color:var(--accent);opacity:.7}.greek-button:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:var(--accent);transition:width .4s ease}.greek-button:hover:after{width:100%}.about-page{min-height:100vh;background:var(--bg-cream)}.about-page-hero{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary);color:#fff;text-align:center}.about-page-hero h1{font-family:Cinzel,serif;font-size:clamp(3rem,10vw,6rem);font-weight:400;letter-spacing:.15em;margin-bottom:1rem}.about-page-hero p{font-size:1rem;letter-spacing:.3em;opacity:.7}.about-page-section{padding:6rem 4rem}.about-page-container{max-width:1000px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-header .label{display:block;font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.4em;color:var(--accent);margin-bottom:1rem}.section-header h2{font-family:Cinzel,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400;letter-spacing:.1em;color:var(--primary)}.company-info dl{border-top:1px solid rgba(26,26,46,.1)}.info-row{display:grid;grid-template-columns:150px 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid rgba(26,26,46,.1)}.info-row dt{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.1em;color:var(--text-light)}.info-row dd{font-size:.95rem;color:var(--text)}.members-section{background:#fff}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.member-card{text-align:center}.member-image{width:200px;height:200px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;background:var(--bg-cream)}.member-image .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.2em;color:var(--text-light)}.member-info .position{display:block;font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.2em;color:var(--accent);margin-bottom:.5rem}.member-info h3{font-family:Cinzel,serif;font-size:1.3rem;font-weight:400;margin-bottom:1rem;color:var(--primary)}.member-info p{font-size:.9rem;line-height:1.8;color:var(--text-light)}.back-button-area{padding:4rem;text-align:center}.back-button{display:inline-flex;align-items:center;gap:.8rem;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em;color:var(--text);text-decoration:none;transition:all .3s ease}.back-button:hover{color:var(--accent)}.back-button span{transition:transform .3s ease}.back-button:hover span{transform:translate(-5px)}.services-container{position:relative;height:300vh;z-index:20}.services-sticky{position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden;background:var(--bg-cream)}.services-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-cream);z-index:0}.services-main-title{position:absolute;top:100px;left:0;width:100%;text-align:center;z-index:10;pointer-events:none;padding:1.5rem 0;background:var(--bg-cream)}.services-decode{font-family:Cinzel,serif;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:400;letter-spacing:.2em;opacity:1;justify-content:center}.services-decode .decode-char.state-3{color:var(--primary)}.skw-pages{position:absolute;top:220px;left:5%;width:90%;height:calc(100% - 260px);z-index:5;overflow:hidden}.skw-page{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.skw-page.active{pointer-events:auto}.skw-page__half{position:absolute;top:0;width:50%;height:100%;overflow:hidden;transition:transform 1s cubic-bezier(.77,0,.175,1)}.skw-page__half--left{left:0;transform:translate3d(-30vh,100%,0)}.skw-page__half--right{left:50%;transform:translate3d(30vh,-100%,0)}.skw-page__half.active{transform:translateZ(0)}.skw-page.prev .skw-page__half--left{transform:translate3d(-30vh,-100%,0)}.skw-page.prev .skw-page__half--right{transform:translate3d(30vh,100%,0)}.skw-page__skewed{position:absolute;top:0;width:140%;height:100%;transform:skew(-18deg);overflow:hidden}.skw-page__half--left .skw-page__skewed{left:-40%}.skw-page__half--right .skw-page__skewed{right:-40%}.skw-page__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:skew(18deg);padding:0 15%}.skw-page__half--left .skw-page__content{padding-left:30%;padding-right:10%}.skw-page__half--right .skw-page__content{padding-left:10%;padding-right:30%}.content-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;color:#fff}.visual-image-wrapper{position:relative;width:320px;height:320px;border-radius:12px;overflow:hidden;box-shadow:0 25px 80px #0006,0 10px 30px #0003;border:1px solid rgba(255,255,255,.1)}.visual-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.visual-image-wrapper:hover .visual-image{transform:scale(1.08)}.visual-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,transparent 60%,rgba(26,26,46,.3) 100%);pointer-events:none}.visual-label{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.4em;text-transform:uppercase;color:#ffffffb3}.visual-icon{font-size:5rem;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.content-text{position:relative;max-width:420px;z-index:1}.pioneer-bg{position:absolute;bottom:-20%;right:-15%;top:auto;transform:none;width:450px;height:auto;pointer-events:none;z-index:-1}.pioneer-bg img{width:100%;height:auto;filter:grayscale(100%) contrast(1.2);opacity:1}.text-label{display:flex;align-items:center;gap:1.2rem;margin-bottom:2rem;margin-top:1.5rem}.text-label .label-line{width:40px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);position:relative}.text-label .label-line:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--accent);border-radius:50%}.text-label span:last-child{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.4em;color:var(--accent);font-weight:600;text-transform:uppercase}.text-title{font-family:Noto Sans JP,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;line-height:1.6;color:var(--primary);margin-bottom:1rem;position:relative;padding-left:1rem;border-left:3px solid var(--accent)}.text-subtitle{font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;letter-spacing:.15em;color:var(--text-light);margin-bottom:1.5rem;padding-left:1rem}.text-desc{font-family:Noto Sans JP,sans-serif;font-size:.9rem;line-height:2;color:var(--text);margin-bottom:2rem;opacity:.85;padding-left:1rem}.text-link{display:inline-flex;align-items:center;gap:1.2rem;text-decoration:none;font-family:Cinzel,serif;font-size:.8rem;font-weight:500;letter-spacing:.25em;color:var(--primary);padding:1rem 0;margin-left:1rem;position:relative;transition:all .4s ease}.text-link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px}.text-link:after{font-size:.5rem;color:var(--accent);transition:transform .3s ease}.text-link:hover{color:var(--accent);padding-left:.5rem}.text-link:hover:after{transform:translate(5px)}.text-link .link-arrow{font-size:1.2rem;transition:transform .3s ease}.text-link:hover .link-arrow{transform:translate(8px)}.skw-nav{position:absolute;right:3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:100}.skw-nav__dot{width:12px;height:12px;border:1px solid var(--primary);border-radius:50%;background:transparent;cursor:pointer;transition:all .3s ease;position:relative}.skw-nav__dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:6px;height:6px;background:var(--accent);border-radius:50%;transition:transform .3s ease}.skw-nav__dot.active:after{transform:translate(-50%,-50%) scale(1)}.skw-scroll-hint{position:absolute;left:3rem;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:100}.skw-scroll-hint span{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:var(--text-light);writing-mode:vertical-rl}.skw-scroll-hint .scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1)}}.skw-counter{position:absolute;right:3rem;bottom:3rem;display:flex;align-items:baseline;gap:.4rem;z-index:100;color:#f0f8ff}.counter-frame{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.5rem;background:#f5f3efe6;position:relative}.counter-frame:before,.counter-frame:after{content:"";position:absolute;width:8px;height:8px;border:1px solid var(--accent);transform:rotate(45deg)}.counter-frame:before{top:-5px;left:50%;transform:translate(-50%) rotate(45deg);background:var(--bg-cream)}.counter-frame:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);background:var(--bg-cream)}.counter-deco{font-size:.6rem;color:var(--accent);opacity:.6}.counter-current{font-family:Cinzel,serif;font-size:1.5rem;font-weight:400;color:#0f7ca3}.counter-divider{font-family:Cinzel,serif;font-size:.9rem;color:#0f7ca3;margin:0 .2rem}.counter-total{font-family:Cinzel,serif;font-size:.9rem;color:#0f7ca3}.news-section{position:relative;padding:5rem 4rem;background:var(--bg-cream);overflow:hidden;z-index:25}.news-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(233,69,96,.03) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(26,26,46,.03) 0%,transparent 40%);pointer-events:none}.news-bg-line{position:absolute;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(26,26,46,.05) 20%,rgba(26,26,46,.05) 80%,transparent 100%);pointer-events:none}.news-bg-line-1{left:10%}.news-bg-line-2{right:10%}.news-bg-image{position:absolute;top:25%;left:35%;transform:translate(-50%,-50%);width:80%;max-width:1200px;height:auto;pointer-events:none;z-index:0}.news-bg-image img{width:100%;height:auto;filter:grayscale(100%) contrast(1.1)}.news-header{text-align:center;margin-bottom:5rem;position:relative;z-index:1}.news-label{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.news-label .label-ornament{font-size:.5rem;color:var(--accent);opacity:.6}.news-label span:not(.label-ornament){font-family:Cinzel,serif;font-size:.7rem;font-weight:500;letter-spacing:.5em;color:var(--accent)}.news-decode{font-family:Cinzel,serif;font-size:clamp(3.5rem,12vw,7rem);font-weight:400;letter-spacing:.15em;margin-bottom:1rem}.news-subtitle{font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:300;letter-spacing:.4em;color:var(--text-light)}.news-header-line{width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:2rem auto 0;transform-origin:center}.news-container{max-width:1000px;margin:0 auto;position:relative;padding-left:180px}.news-timeline-wrapper{position:absolute;left:150px;top:0;bottom:0;width:2px}.news-timeline-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a2e14}.news-timeline{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,var(--accent),rgba(233,69,96,.3));z-index:1}.news-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 0}.loading-spinner{width:40px;height:40px;border:2px solid rgba(26,26,46,.1);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.news-loading span{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.2em;color:var(--text-light)}.news-list{display:flex;flex-direction:column;gap:2rem}.news-card{display:flex;align-items:flex-start;gap:2rem;position:relative}.news-date{position:absolute;left:-180px;top:0;width:120px;display:flex;flex-direction:column;align-items:flex-end;padding-right:2rem}.date-year{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.15em;color:var(--text-light);margin-bottom:.3rem}.date-main{display:flex;align-items:baseline;gap:.5rem}.date-month{font-family:Cinzel,serif;font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--accent)}.date-day{font-family:Cinzel,serif;font-size:2rem;font-weight:400;color:var(--primary);line-height:1}.news-dot{position:absolute;left:-37px;top:.5rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.dot-inner{width:10px;height:10px;background:var(--bg-cream);border:2px solid var(--accent);border-radius:50%;position:relative;z-index:2;transition:all .3s ease}.news-card:hover .dot-inner{background:var(--accent);transform:scale(1.2)}.dot-pulse{position:absolute;width:100%;height:100%;border:1px solid var(--accent);border-radius:50%;animation:pulse 2s ease-out infinite;opacity:0}.news-card:hover .dot-pulse{animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2.5);opacity:0}}.news-content{flex:1;background:#fff;padding:2rem 2.5rem;position:relative;cursor:pointer;transition:all .4s ease;box-shadow:0 5px 20px #1a1a2e0d}.card-corner{position:absolute;width:20px;height:20px;border:1px solid rgba(233,69,96,.2);transition:all .3s ease}.card-corner-tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.card-corner-br{bottom:-1px;right:-1px;border-left:none;border-top:none}.news-content:hover .card-corner{width:30px;height:30px;border-color:var(--accent)}.news-meta{margin-bottom:1rem}.news-category{display:inline-flex;align-items:center;gap:.5rem;font-family:Noto Sans JP,sans-serif;font-size:.65rem;font-weight:500;letter-spacing:.1em;color:var(--cat-color);padding:.4rem 1rem;border:1px solid var(--cat-color);background:transparent;transition:all .3s ease}.news-content:hover .news-category{background:var(--cat-color);color:#fff}.cat-icon{font-size:.5rem}.news-title{font-family:Noto Sans JP,sans-serif;font-size:1.15rem;font-weight:500;color:var(--primary);line-height:1.7;margin-bottom:.8rem;transition:color .3s ease}.news-content:hover .news-title{color:var(--accent)}.news-summary{font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:300;color:var(--text-light);line-height:1.9;margin-bottom:1.5rem}.news-footer{display:flex;justify-content:flex-end}.news-read-more{display:inline-flex;align-items:center;gap:.8rem;font-family:Cinzel,serif;font-size:.7rem;font-weight:500;letter-spacing:.15em;color:var(--text-light);transition:all .3s ease}.read-arrow{display:flex;align-items:center;transition:transform .3s ease}.read-arrow svg{transition:all .3s ease}.news-content:hover .news-read-more{color:var(--accent)}.news-content:hover .read-arrow{transform:translate(5px)}.news-button-area{margin-top:5rem;display:flex;justify-content:center;width:100%}.contact{position:relative;background:var(--bg-cream);padding:8rem 0;overflow:hidden;z-index:25}.contact-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.contact-bg-sketch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;max-width:600px;opacity:.04}.contact-bg-sketch img{width:100%;height:auto;filter:grayscale(100%) contrast(1.2)}.contact-container{position:relative;max-width:800px;margin:0 auto;padding:0 2rem;text-align:center;z-index:1}.contact-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.contact-label-ornament{font-size:.8rem;color:var(--accent)}.contact-label-text{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.4em;color:var(--accent)}.contact-decode{font-family:Cinzel,serif;font-size:clamp(3rem,10vw,5rem);font-weight:400;letter-spacing:.15em;justify-content:center}.contact-decode .decode-char.state-3{color:var(--primary)}.contact-subtitle{font-family:Noto Sans JP,sans-serif;font-size:.9rem;letter-spacing:.3em;color:var(--text-light);margin-top:.5rem}.contact-divider{width:80px;height:2px;background:var(--accent);margin:2rem auto}.contact-message{font-family:Noto Sans JP,sans-serif;font-size:1rem;line-height:2;color:var(--text);margin-bottom:3rem}.contact-buttons{display:flex;justify-content:center;margin-bottom:4rem}.contact-info{display:flex;align-items:center;justify-content:center;gap:2rem;padding-top:3rem;border-top:1px solid rgba(26,26,46,.1)}.contact-info-item{display:flex;flex-direction:column;align-items:center;gap:.4rem}.contact-info-item .info-label{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.15em;color:var(--text-light);text-transform:uppercase}.contact-info-item .info-value{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--primary)}.contact-info-divider{font-size:.4rem;color:var(--accent);opacity:.5}@media(max-width:1024px){.contact{padding:6rem 0}}@media(max-width:768px){.contact{padding:5rem 0}.contact-decode{font-size:clamp(2.5rem,12vw,4rem)}.contact-info{flex-wrap:wrap;gap:1.5rem}.contact-info-divider{display:none}}@media(max-width:480px){.contact{padding:4rem 1.5rem}.contact-decode{font-size:clamp(2rem,12vw,3rem)}.contact-subtitle{font-size:.75rem;letter-spacing:.2em}.contact-message{font-size:.9rem}.contact-info{flex-direction:column;gap:1rem}.contact-info-item{flex-direction:row;gap:1rem}}.footer{position:relative;background:var(--primary);color:#fff;overflow:hidden;z-index:25}.footer-decoration{display:flex;align-items:center;justify-content:center;padding:2rem 0}.footer-line{width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.footer-ornament{font-size:.6rem;color:var(--accent);margin:0 1.5rem;opacity:.8}.footer-container{max-width:1200px;margin:0 auto;padding:0 4rem 3rem}.footer-main{display:grid;grid-template-columns:1.2fr 2fr;gap:4rem;padding-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:baseline;gap:.5rem;text-decoration:none}.footer-logo .logo-text{font-family:Cinzel,serif;font-size:1.5rem;font-weight:500;letter-spacing:.2em;color:#fff;transition:color .3s ease}.footer-logo .logo-llc{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.1em;color:#ffffff80}.footer-logo:hover .logo-text{color:var(--accent)}.footer-tagline{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic;letter-spacing:.15em;color:#ffffffb3}.footer-desc{font-family:Noto Sans JP,sans-serif;font-size:.8rem;line-height:2;color:#ffffff80;max-width:250px}.footer-social{display:flex;gap:1rem;margin-top:1rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:all .3s ease}.social-link:hover{border-color:var(--accent);color:var(--accent);background:#e945601a}.social-icon{font-family:Cinzel,serif;font-weight:600}.footer-links-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.footer-links-column{display:flex;flex-direction:column;gap:1.2rem}.footer-links-title{display:flex;align-items:center;gap:.6rem;font-family:Cinzel,serif;font-size:.75rem;font-weight:500;letter-spacing:.2em;color:#fff;margin-bottom:.5rem}.title-deco{font-size:.5rem;color:var(--accent)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.footer-link{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:#fff9;text-decoration:none;transition:all .3s ease;position:relative;display:inline-block}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s ease}.footer-link:hover{color:#fff}.footer-link:hover:after{width:100%}.footer-contact{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;flex-direction:column;gap:.3rem}.contact-label{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.15em;color:#fff6;text-transform:uppercase}.contact-value{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:#ffffffb3;text-decoration:none;transition:color .3s ease}a.contact-value:hover{color:var(--accent)}.footer-bottom{padding-top:2rem}.footer-bottom-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin-bottom:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center}.copyright{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.1em;color:#fff6}.footer-credit{display:flex;align-items:center;gap:.5rem;font-family:Noto Sans JP,sans-serif;font-size:.7rem;color:#fff6}.credit-heart{color:var(--accent);font-size:.8rem;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.credit-text{letter-spacing:.1em}.footer-bg-pattern{position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle at center,rgba(233,69,96,.05) 0%,transparent 70%);pointer-events:none}@media(max-width:1024px){header{padding:1rem 2rem}nav{display:none}.header-line{display:none}section{padding:4rem 2rem}.about-title-area{margin-top:8vh}.decode-text{font-size:clamp(2rem,7vw,4rem)}.about-content{padding:2rem 2rem 6rem}.about-inner{grid-template-columns:1fr;gap:3rem}.about-image{order:-1}.image-wrapper img{width:250px}.value-row{flex-wrap:wrap}.value-desc{width:100%;margin-top:.3rem}.about-grid{grid-template-columns:1fr;gap:3rem}.about-visual{display:none}.services-container{height:300vh}.services-main-title{top:80px;padding:1rem 0}.services-decode{font-size:clamp(2rem,7vw,4rem)}.skw-pages{top:180px;left:3%;width:94%;height:calc(100% - 220px)}.skw-page__half{width:100%;height:50%}.skw-page__half--left{top:0;left:0;transform:translate3d(0,-100%,0)}.skw-page__half--right{top:50%;left:0;transform:translate3d(0,100%,0)}.skw-page__half.active{transform:translateZ(0)}.skw-page.prev .skw-page__half--left{transform:translate3d(0,-100%,0)}.skw-page.prev .skw-page__half--right{transform:translate3d(0,100%,0)}.skw-page__skewed{width:100%;height:140%;transform:skewY(-8deg)}.skw-page__half--left .skw-page__skewed{left:0;top:-20%}.skw-page__half--right .skw-page__skewed{right:0;bottom:-20%;top:auto}.skw-page__content{transform:skewY(8deg);padding:10% 8%}.skw-page__half--left .skw-page__content,.skw-page__half--right .skw-page__content{padding:10% 8%}.skw-nav{right:1.5rem}.skw-scroll-hint{left:1.5rem;bottom:2rem}.skw-counter{right:1.5rem;bottom:2rem}.counter-current{font-size:1.3rem}.visual-image-wrapper{width:400px;height:400px}.visual-label{font-size:1rem}.content-visual{gap:1.5rem}.visual-icon{font-size:3.5rem}.content-text{max-width:100%}.pioneer-bg{position:absolute;top:auto;bottom:-20%;left:40%;transform:translate(50%);width:500px}.services-grid{grid-template-columns:1fr}.news-section{padding:4rem 2rem}.news-container{padding-left:140px}.news-timeline-wrapper{left:110px}.news-date{left:-140px;width:90px}.date-day{font-size:1.6rem}.news-dot{left:-37px}.news-content{padding:1.5rem 2rem}.news-bg-image{width:100%;opacity:.05}.contact{padding:5rem 2rem}.contact-content{grid-template-columns:1fr;gap:3rem}.contact-message{text-align:center}.contact-message-title{padding-left:0}.title-line{display:none}.contact-message-desc{padding-left:0}.contact-quote{justify-content:center;text-align:center;border-left:none;border-top:2px solid rgba(233,69,96,.3);border-bottom:2px solid rgba(233,69,96,.3)}.contact-bg-image{width:90%}.footer-container{padding:0 2rem 2rem}.footer-main{grid-template-columns:1fr;gap:3rem}.footer-brand{align-items:center;text-align:center}.footer-desc{max-width:100%}.footer-social{justify-content:center}.footer-links-wrapper{grid-template-columns:repeat(3,1fr);text-align:center}.footer-links-column{align-items:center}.footer-links-title{justify-content:center}.footer-contact,.contact-item{align-items:center}}@media(max-width:768px){header{padding:1rem 1.5rem}.logo-main{font-size:1rem;letter-spacing:.2em}.logo-sub{font-size:.5rem}.decode-text{font-size:clamp(1.8rem,10vw,3rem)}.greek-button-line{width:40px}.greek-button:hover .greek-button-line{width:50px}.greek-button-text .text-main{font-size:.75rem}.about-page-section{padding:4rem 2rem}.info-row{grid-template-columns:1fr;gap:.5rem}.services-main-title{top:70px}.services-decode{font-size:clamp(1.8rem,10vw,3rem)}.skw-pages{top:150px;left:2%;width:96%;height:calc(100% - 180px)}.text-title{font-size:1.1rem}.text-desc{font-size:.75rem}.visual-image-wrapper{width:180px;height:180px}.visual-label{font-size:.6rem;letter-spacing:.3em}.visual-icon{font-size:3rem}.pioneer-bg{width:280px;bottom:-30%}.skw-scroll-hint{display:none}.skw-counter{right:1rem;bottom:1.5rem}.counter-current{font-size:1.1rem}.skw-nav{right:1rem;gap:.8rem}.skw-nav__dot{width:10px;height:10px}.news-header{margin-bottom:3rem}.news-decode{font-size:clamp(2.5rem,15vw,4rem)}.news-bg-line{display:none}.news-container{padding-left:0}.news-timeline-wrapper,.news-dot{display:none}.news-card{flex-direction:column;gap:0}.news-date{position:relative;left:0;width:100%;flex-direction:row;align-items:center;gap:1rem;padding:0;margin-bottom:1rem}.news-bg-image{width:120%;opacity:.04}.date-year{margin-bottom:0}.date-day{font-size:1.3rem}.news-content{padding:1.5rem}.news-title{font-size:1rem}.news-summary{font-size:.8rem}.contact-decode{font-size:clamp(2.5rem,12vw,4rem)}.contact-method-card{padding:1.2rem 1.5rem}.method-icon{width:40px;height:40px;font-size:1rem}.contact-info{flex-wrap:wrap;gap:1.5rem}.contact-info-divider{display:none}.card-corner{width:15px;height:15px}.footer-decoration{padding:1.5rem 0}.footer-line{width:60px}.footer-links-wrapper{grid-template-columns:1fr 1fr;gap:2rem}.footer-links-column:last-child{grid-column:1 / -1}.footer-bottom-content{flex-direction:column;gap:1rem}}@media(max-width:480px){header{padding:.8rem 1rem}.logo-main{font-size:.9rem;letter-spacing:.15em}.logo-sub{font-size:.45rem}.hero-content{padding:0 1.5rem}.hero-tagline{font-size:.75rem;letter-spacing:.2em}.hero-title{font-size:clamp(2rem,10vw,3rem)}.hero-subtitle{font-size:.85rem;letter-spacing:.15em}.btn{padding:1rem 2.5rem;font-size:.7rem}.about-title-area{margin-top:10vh;margin-bottom:2rem}.decode-text{font-size:clamp(1.5rem,12vw,2.5rem)}.about-content{padding:1.5rem 1.5rem 4rem}.about-header h3{font-size:clamp(1.5rem,6vw,2rem)}.about-text .description{font-size:.9rem;line-height:2}.value-row{padding:1rem 0;gap:1rem}.value-title{font-size:.9rem;min-width:auto}.value-desc{font-size:.8rem}.image-wrapper img{width:200px}.greek-button{gap:1rem}.greek-button-line{width:30px}.greek-button:hover .greek-button-line{width:40px}.greek-button-text .text-main{font-size:.7rem;letter-spacing:.25em}.greek-button-text .text-sub{font-size:.6rem}.services-main-title{top:60px;padding:.8rem 0}.services-decode{font-size:clamp(1.5rem,12vw,2.5rem)}.skw-pages{top:150px;left:0;width:100%;height:calc(100% - 160px)}.skw-page__half--left .skw-page__content,.skw-page__half--right .skw-page__content{padding:8% 5%}.text-label{margin-bottom:1rem}.text-label .label-line{width:20px}.text-label span:last-child{font-size:.6rem}.text-title{font-size:1rem;line-height:1.6}.text-subtitle{font-size:.6rem;margin-bottom:.8rem}.text-desc{font-size:.7rem;line-height:1.7;margin-bottom:1rem}.text-link{font-size:.65rem;gap:.5rem}.visual-icon{font-size:2.5rem}.visual-image-wrapper{width:140px;height:140px;border-radius:8px}.pioneer-bg{width:200px;bottom:15%;left:35%}.visual-label{font-size:.55rem;letter-spacing:.25em}.content-visual{gap:1rem}.skw-nav{right:.8rem;gap:.6rem}.skw-nav__dot{width:8px;height:8px}.skw-nav__dot:after{width:4px;height:4px}.skw-counter{right:.8rem;bottom:1rem}.counter-current{font-size:1rem}.counter-divider,.counter-total{font-size:.7rem}.about-page-hero{height:50vh}.about-page-hero h1{font-size:clamp(2rem,10vw,3rem)}.about-page-hero p{font-size:.85rem;letter-spacing:.2em}.about-page-section{padding:3rem 1.5rem}.section-header{margin-bottom:2.5rem}.section-header .label{font-size:.65rem}.section-header h2{font-size:clamp(1.3rem,5vw,1.8rem)}.info-row{padding:1rem 0}.info-row dt{font-size:.75rem}.info-row dd{font-size:.85rem}.member-image{width:150px;height:150px}.member-info h3{font-size:1.1rem}.member-info p{font-size:.8rem}.back-button-area{padding:2.5rem 1.5rem}.back-button{font-size:.75rem}.news-section{padding:3rem 1.5rem}.news-label{gap:.6rem}.news-label span:not(.label-ornament){font-size:.6rem;letter-spacing:.3em}.news-subtitle{font-size:.75rem;letter-spacing:.3em}.news-header-line{width:60px}.news-list{gap:1.5rem}.news-date{gap:.8rem;margin-bottom:.8rem}.news-bg-image{width:150%;opacity:.03}.date-year{font-size:.6rem}.date-month{font-size:.65rem}.date-day{font-size:1.1rem}.news-content{padding:1.2rem}.news-category{font-size:.55rem;padding:.3rem .8rem}.news-title{font-size:.9rem;margin-bottom:.6rem}.news-summary{font-size:.75rem;line-height:1.8;margin-bottom:1rem}.news-read-more{font-size:.6rem}.card-corner{width:12px;height:12px}.news-button-area{margin-top:3rem}.contact{padding:4rem 1.5rem}.contact-decoration{margin-bottom:2rem}.contact-dec-line{width:50px}.contact-header{margin-bottom:3rem}.contact-label span:not(.label-ornament){font-size:.6rem;letter-spacing:.3em}.contact-subtitle{font-size:.75rem;letter-spacing:.3em}.contact-message-title{font-size:1.3rem}.contact-message-desc{font-size:.8rem}.quote-text{font-size:.95rem}.contact-method-card{gap:1rem;padding:1rem}.method-value{font-size:.85rem}.cta-line{width:40px}.cta-text{font-size:.8rem}.contact-info{flex-direction:column;gap:1rem}.contact-bg-image{width:120%;opacity:.04}.footer-container{padding:0 1.5rem 2rem}.footer-logo .logo-text{font-size:1.2rem}.footer-tagline{font-size:.9rem}.footer-desc{font-size:.75rem}.footer-links-wrapper{grid-template-columns:1fr;gap:2rem}.footer-links-column:last-child{grid-column:auto}.footer-links-title{font-size:.7rem}.footer-link{font-size:.75rem}.copyright{font-size:.6rem;text-align:center}.footer-credit{font-size:.6rem}.social-link{width:36px;height:36px;font-size:.8rem}}.admin-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-cream)}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-cream);padding:2rem}.admin-login-card{background:#fff;padding:3rem;max-width:400px;width:100%;box-shadow:0 10px 40px #1a1a2e1a}.admin-login-title{font-family:Cinzel,serif;font-size:1.5rem;font-weight:500;letter-spacing:.2em;color:var(--primary);text-align:center;margin-bottom:.5rem}.admin-login-subtitle{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);text-align:center;margin-bottom:2rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.admin-error{background:#e945601a;color:var(--accent);padding:.8rem;font-size:.85rem;text-align:center;border-radius:4px}.admin-form-group{display:flex;flex-direction:column;gap:.5rem}.admin-form-group label{font-family:Noto Sans JP,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.1em;color:var(--text)}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{font-family:Noto Sans JP,sans-serif;font-size:.9rem;padding:.8rem 1rem;border:1px solid rgba(26,26,46,.15);background:#fff;color:var(--text);transition:all .3s ease}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{outline:none;border-color:var(--accent)}.admin-form-group textarea{resize:vertical}.admin-btn{font-family:Cinzel,serif;font-size:.75rem;font-weight:500;letter-spacing:.15em;padding:1rem 2rem;border:none;cursor:pointer;transition:all .3s ease}.admin-btn-primary{background:var(--primary);color:#fff}.admin-btn-primary:hover{background:var(--accent)}.admin-btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.admin-btn-outline:hover{background:var(--primary);color:#fff}.admin-btn-small{padding:.5rem 1rem;font-size:.65rem}.admin-btn-danger{background:var(--accent);color:#fff}.admin-btn-danger:hover{background:#c73e54}.admin-back-link{display:block;text-align:center;margin-top:2rem;font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);text-decoration:none;transition:color .3s ease}.admin-back-link:hover{color:var(--accent)}.admin-dashboard{min-height:100vh;background:var(--bg-cream)}.admin-header{background:var(--primary);color:#fff;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center}.admin-header-title{font-family:Cinzel,serif;font-size:1.2rem;font-weight:500;letter-spacing:.2em}.admin-header-actions{display:flex;align-items:center;gap:1.5rem}.admin-user{font-size:.8rem;opacity:.7}.admin-header .admin-btn-outline{border-color:#fff;color:#fff;padding:.6rem 1.2rem}.admin-header .admin-btn-outline:hover{background:#fff;color:var(--primary)}.admin-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 3rem;max-width:1400px;margin:0 auto}.admin-form-card,.admin-list-card{background:#fff;padding:2rem;box-shadow:0 5px 20px #1a1a2e0d}.admin-form-title,.admin-list-title{font-family:Cinzel,serif;font-size:1rem;font-weight:500;letter-spacing:.15em;color:var(--primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(26,26,46,.1)}.admin-form-card form{display:flex;flex-direction:column;gap:1.2rem}.admin-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.admin-news-list{display:flex;flex-direction:column;gap:0;max-height:600px;overflow-y:auto}.admin-news-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(26,26,46,.08)}.admin-news-item:last-child{border-bottom:none}.admin-news-info{flex:1}.admin-news-date{font-family:Cinzel,serif;font-size:.7rem;color:var(--text-light);margin-right:1rem}.admin-news-category{font-size:.6rem;background:var(--accent);color:#fff;padding:.2rem .5rem;border-radius:2px}.admin-news-item .admin-news-title{font-family:Noto Sans JP,sans-serif;font-size:.9rem;font-weight:500;color:var(--text);margin-top:.5rem}.admin-news-actions{display:flex;gap:.5rem}.admin-empty{text-align:center;color:var(--text-light);padding:2rem;font-size:.9rem}@media(max-width:1024px){.admin-content{grid-template-columns:1fr;padding:1.5rem}.admin-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem}}@media(max-width:768px){.admin-login-card{padding:2rem}.admin-news-item{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:1024px)and (max-height:700px){.services-container{height:250vh}.services-main-title{top:60px;padding:.8rem 0}.services-decode{font-size:clamp(1.5rem,5vw,2.5rem)}.skw-pages{top:120px;height:calc(100% - 150px)}.skw-page__half{width:50%;height:100%}.skw-page__half--left{top:0;left:0;transform:translate3d(-30vh,100%,0)}.skw-page__half--right{top:0;left:50%;transform:translate3d(30vh,-100%,0)}.skw-page__half.active{transform:translateZ(0)}.skw-page.prev .skw-page__half--left{transform:translate3d(-30vh,-100%,0)}.skw-page.prev .skw-page__half--right{transform:translate3d(30vh,100%,0)}.skw-page__skewed{width:140%;height:100%;transform:skew(-18deg)}.skw-page__half--left .skw-page__skewed{left:-40%;top:0}.skw-page__half--right .skw-page__skewed{right:-40%;top:0;bottom:auto}.skw-page__content{transform:skew(18deg);padding:5% 10%}.skw-page__half--left .skw-page__content{padding-left:25%;padding-right:8%}.skw-page__half--right .skw-page__content{padding-left:8%;padding-right:25%}.visual-image-wrapper{width:150px;height:150px}.visual-label{font-size:.55rem}.text-title{font-size:1rem}.text-subtitle{font-size:.65rem;margin-bottom:.5rem}.text-desc{font-size:.7rem;line-height:1.6;margin-bottom:1rem}.text-link{font-size:.6rem}.pioneer-bg{width:200px;bottom:-10%;right:-10%}.skw-counter{right:1rem;bottom:1rem}.counter-current{font-size:1rem}.skw-nav{right:1rem}.skw-nav__dot{width:8px;height:8px}}.transition-layer{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9998;pointer-events:none}.transition-layer-1{background:linear-gradient(135deg,#f5f3ef,#e8e4dc,#f5f3ef);transform-origin:top;z-index:9998}.transition-layer-2{background:linear-gradient(90deg,#1a1a2ef2,#1a1a2ed9);transform-origin:left;z-index:9999}.transition-layer-3{top:50%;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(26,26,46,.3) 20%,rgba(26,26,46,.3) 80%,transparent 100%);transform-origin:center;z-index:10000}.transition-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1rem}.transition-logo-content{display:flex;align-items:center;gap:1.5rem}.transition-logo-line{width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,46,.5),transparent)}.transition-logo-text{font-family:Cinzel,serif;font-size:1.5rem;letter-spacing:.5em;color:#c9a227;text-shadow:0 0 20px rgba(201,162,39,.3)}.transition-logo-sub{font-family:Cormorant Garamond,serif;font-size:.75rem;font-style:italic;letter-spacing:.3em;color:#fff;opacity:.6}.transition-ornament{position:fixed;font-size:.8rem;color:var(--text-light);opacity:.4;z-index:10001;pointer-events:none}.transition-ornament-tl{top:3rem;left:3rem}.transition-ornament-br{bottom:3rem;right:3rem}@media(max-width:768px){.transition-logo-line{width:25px}.transition-logo-text{font-size:1.3rem;letter-spacing:.3em}.transition-logo-sub{font-size:.65rem}.transition-ornament-tl{top:1.5rem;left:1.5rem}.transition-ornament-br{bottom:1.5rem;right:1.5rem}}@media(max-width:480px){.transition-logo-content{gap:1rem}.transition-logo-line{width:20px}.transition-logo-text{font-size:1.1rem;letter-spacing:.25em}.transition-ornament{display:none}}.about-page{background:var(--bg-cream);overflow-x:hidden}.about-hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary)}.about-hero-bg{position:absolute;top:0;left:0;width:100%;height:120%;pointer-events:none}.about-hero-image{position:absolute;top:40%;left:60%;transform:translate(-50%,-50%);width:100%;max-width:500px;opacity:.01;pointer-events:none;z-index:0}.about-hero-image img{width:120%;height:auto;filter:brightness(2) contrast(1.1)}.hero-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(233,69,96,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(26,26,46,.8) 0%,var(--primary) 100%)}.hero-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#ffffff4d;border-radius:50%}.about-hero-frame-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.about-hero-frame{position:absolute;width:120px;height:120px;border:1px solid rgba(255,255,255,.15)}.about-hero-frame-tl{top:4rem;left:4rem;border-right:none;border-bottom:none}.about-hero-frame-tr{top:4rem;right:4rem;border-left:none;border-bottom:none}.about-hero-frame-bl{bottom:4rem;left:4rem;border-right:none;border-top:none}.about-hero-frame-br{bottom:4rem;right:4rem;border-left:none;border-top:none}.about-hero-content{position:relative;text-align:center;color:#fff;z-index:1}.about-hero-label{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.about-hero-label span:not(.label-line){font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.5em;color:#ffffffb3}.about-hero-label .label-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform-origin:center}.about-hero-title{margin-bottom:2.5rem;display:flex;justify-content:center}.about-decode{font-family:Cinzel,serif;font-size:clamp(3rem,12vw,8rem);font-weight:400;letter-spacing:.15em;line-height:1;display:flex;justify-content:center}.about-decode .decode-char.state-3{color:#fff;text-shadow:0 0 80px rgba(255,255,255,.4)}.about-decode-outline .decode-char.state-3{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);text-shadow:none}.about-hero-tagline{font-family:Noto Sans JP,sans-serif;font-size:1.1rem;line-height:2.2;color:#ffffffb3;letter-spacing:.1em}.tagline-accent{color:#fff;font-weight:500}.about-hero-scroll{position:absolute;bottom:-180px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem}.scroll-mouse{width:24px;height:40px;border:1px solid rgba(255,255,255,.4);border-radius:12px;position:relative}.scroll-wheel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:3px;height:8px;background:#fff9;border-radius:2px;animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.3;transform:translate(-50%) translateY(10px)}}.about-hero-scroll span{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.3em;color:#ffffff80}.hero-side-text{position:absolute;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#ffffff4d;writing-mode:vertical-rl}.hero-side-text.left{left:4rem;bottom:4rem}.hero-side-text.right{right:4rem;top:50%;transform:translateY(-50%)}.about-section-container{max-width:1300px;margin:0 auto;padding:0 4rem;position:relative;z-index:1}.about-philosophy-new{position:relative;background:var(--bg-cream);overflow:hidden;min-height:100vh;display:flex;align-items:center}.philosophy-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.philosophy-bg-sketch{position:absolute;top:10%;right:35%;transform:translate(-50%,-50%);width:80%;max-width:1000px}.philosophy-bg-sketch img{width:120%;height:auto;filter:grayscale(100%) contrast(1.2)}.philosophy-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(233,69,96,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(26,26,46,.03) 0%,transparent 50%)}.philosophy-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.02;background-image:linear-gradient(90deg,rgba(26,26,46,.1) 1px,transparent 1px),linear-gradient(rgba(26,26,46,.1) 1px,transparent 1px);background-size:80px 80px}.philosophy-frame-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.philosophy-frame{position:absolute;width:100px;height:100px;border:1px solid rgba(26,26,46,.1)}.philosophy-frame-tl{top:4rem;left:4rem;border-right:none;border-bottom:none}.philosophy-frame-br{bottom:4rem;right:4rem;border-left:none;border-top:none}.philosophy-header-area{text-align:center;margin-bottom:4rem}.philosophy-label-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.philosophy-label-row .label-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,46,.3),transparent);transform-origin:center}.philosophy-label-row .label-ornament{font-size:.6rem;color:var(--accent);opacity:.6}.philosophy-label-row .label-text{font-family:Cinzel,serif;font-size:.75rem;font-weight:500;letter-spacing:.5em;color:var(--accent)}.philosophy-title-wrapper{margin-bottom:1rem}.philosophy-decode{font-family:Cinzel,serif;font-size:clamp(3rem,10vw,6rem);font-weight:400;letter-spacing:.2em;justify-content:center}.philosophy-decode .decode-char.state-3{color:var(--primary);text-shadow:0 2px 20px rgba(26,26,46,.1)}.philosophy-tagline{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic;letter-spacing:.2em;color:var(--text-light)}.philosophy-divider{width:80px;height:2px;background:var(--accent);margin:2.5rem auto 0;transform-origin:center}.philosophy-content{max-width:1100px;margin:0 auto;text-align:center}.philosophy-main-message{margin-bottom:3rem}.philosophy-headline{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.philosophy-headline .headline-accent{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;color:var(--primary);letter-spacing:.05em;position:relative}.philosophy-headline .headline-accent:after{content:"";position:absolute;bottom:.1em;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.philosophy-headline .headline-separator{font-family:Cormorant Garabond,serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:300;color:var(--accent)}.philosophy-subtitle-jp{font-family:Noto Sans JP,sans-serif;font-size:1rem;letter-spacing:.3em;color:var(--text-light)}.philosophy-description-wrapper{position:relative;max-width:700px;margin:0 auto 4rem;padding:2rem 3rem;background:#ffffff80;border:1px solid rgba(26,26,46,.05)}.description-quote-mark{font-family:Cormorant Garamond,serif;font-size:3rem;color:var(--accent);opacity:.3;line-height:1;position:absolute;top:.5rem;left:1rem}.description-quote-mark.end{top:auto;left:auto;bottom:.5rem;right:1rem}.philosophy-description{font-family:Noto Sans JP,sans-serif;font-size:1rem;line-height:2.4;color:var(--text)}.philosophy-description .text-accent{color:var(--primary);font-weight:500;position:relative}.philosophy-description .text-accent:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--accent);opacity:.3}.philosophy-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.philosophy-value-card{position:relative;background:#fff;padding:2.5rem 2rem;text-align:center;box-shadow:0 10px 30px #1a1a2e0f;transition:all .4s ease;cursor:default}.value-card-inner{position:relative;z-index:1}.value-card-top{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.philosophy-value-card .value-num{font-family:Cinzel,serif;font-size:1.5rem;color:var(--accent);letter-spacing:.1em}.philosophy-value-card .value-line{width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.philosophy-value-card .value-title{font-family:Cinzel,serif;font-size:1.3rem;font-weight:500;letter-spacing:.2em;color:var(--primary);margin-bottom:1rem}.philosophy-value-card .value-desc{font-family:Noto Sans JP,sans-serif;font-size:.85rem;line-height:1.9;color:var(--text-light)}.value-card-corner{position:absolute;width:20px;height:20px;border:1px solid rgba(233,69,96,.15);transition:all .4s ease}.value-card-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.value-card-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.philosophy-value-card:hover .value-card-corner{width:35px;height:35px;border-color:var(--accent)}.philosophy-value-card:hover .value-num{transform:scale(1.1)}.philosophy-side-text{position:absolute;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#1a1a2e26;writing-mode:vertical-rl}.philosophy-side-text.left{left:3rem;bottom:4rem}.philosophy-side-text.right{right:3rem;top:50%;transform:translateY(-50%)}.philosophy-button-area{display:flex;justify-content:center;margin-top:2rem}.greek-link-button{display:flex;align-items:center;gap:1.5rem;text-decoration:none;padding:1.5rem 0;position:relative;transition:all .4s ease}.greek-link-button .btn-ornament{font-size:.7rem;color:var(--accent);opacity:.5;transition:all .4s ease}.greek-link-button .btn-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,46,.3),transparent);transition:all .4s ease}.greek-link-button .btn-content{display:flex;flex-direction:column;align-items:center;gap:.3rem}.greek-link-button .btn-text-en{font-family:Cinzel,serif;font-size:.85rem;font-weight:500;letter-spacing:.25em;color:var(--primary);transition:all .4s ease}.greek-link-button .btn-text-jp{font-family:Noto Sans JP,sans-serif;font-size:.65rem;letter-spacing:.15em;color:var(--text-light);transition:all .4s ease}.greek-link-button:hover .btn-ornament{opacity:1;transform:scale(1.2)}.greek-link-button:hover .btn-line{width:80px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.greek-link-button:hover .btn-text-en{color:var(--accent);letter-spacing:.35em}.about-history-new{position:relative;background:#fff;padding:8rem 0;overflow:hidden}.history-bg-sketch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1200px;opacity:.03;pointer-events:none}.history-bg-sketch img{width:100%;height:auto;filter:grayscale(100%) contrast(1.2)}.history-header{text-align:center;margin-bottom:5rem}.history-decode{font-family:Cinzel,serif;font-size:clamp(3rem,10vw,5rem);font-weight:400;letter-spacing:.15em;justify-content:center}.history-decode .decode-char.state-3{color:var(--primary)}.history-subtitle{font-family:Noto Sans JP,sans-serif;font-size:.85rem;letter-spacing:.5em;color:var(--text-light);margin-top:.5rem}.history-header-line{width:80px;height:2px;background:var(--accent);margin:2rem auto 0}.history-timeline{position:relative;max-width:800px;margin:0 auto;padding-left:200px}.timeline-line-wrapper{position:absolute;left:170px;top:0;bottom:0;width:2px}.timeline-line-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a2e1a}.timeline-line-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--accent),rgba(233,69,96,.3));transform-origin:top}.history-item{display:flex;align-items:flex-start;gap:2rem;margin-bottom:3rem;position:relative}.history-item:last-child{margin-bottom:0}.history-date{position:absolute;left:-200px;top:0;width:140px;display:flex;flex-direction:column;align-items:flex-end;padding-right:2rem}.history-date .date-year{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.1em;color:var(--text-light)}.history-date .date-month{font-family:Cinzel,serif;font-size:1.8rem;font-weight:400;color:var(--accent);line-height:1}.history-dot{position:absolute;left:-37px;top:.5rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.history-dot .dot-inner{width:10px;height:10px;background:#fff;border:2px solid var(--accent);border-radius:50%;position:relative;z-index:2;transition:all .3s ease}.history-item:hover .dot-inner{background:var(--accent);transform:scale(1.3)}.history-dot .dot-pulse{position:absolute;width:100%;height:100%;border:1px solid var(--accent);border-radius:50%;opacity:0}.history-item:hover .dot-pulse{animation:historyPulse 1.5s ease-out infinite}@keyframes historyPulse{0%{transform:scale(1);opacity:.5}to{transform:scale(2.5);opacity:0}}.history-card{flex:1;background:#fff;padding:2rem 2.5rem;position:relative;box-shadow:0 5px 30px #1a1a2e0f;transition:all .4s ease}.history-card:hover{box-shadow:0 10px 40px #1a1a2e1a;transform:translateY(-3px)}.history-card .card-corner{position:absolute;width:20px;height:20px;border:1px solid rgba(233,69,96,.2);transition:all .3s ease}.history-card .card-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.history-card .card-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.history-card:hover .card-corner{width:30px;height:30px;border-color:var(--accent)}.history-title{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;font-weight:500;color:var(--primary);margin-bottom:.5rem}.history-desc{font-family:Noto Sans JP,sans-serif;font-size:.9rem;color:var(--text-light);line-height:1.8}.about-company-new{position:relative;background:var(--bg-cream);padding:8rem 0;overflow:hidden}.company-bg-sketch{position:absolute;bottom:-50%;right:40%;width:50%;max-width:600px;opacity:.03;pointer-events:none}.company-bg-sketch img{width:280%;height:auto;filter:grayscale(100%) contrast(1.2)}.company-header{text-align:center;margin-bottom:5rem}.company-decode{font-family:Cinzel,serif;font-size:clamp(3rem,10vw,5rem);font-weight:400;letter-spacing:.15em;justify-content:center}.company-decode .decode-char.state-3{color:var(--primary)}.company-subtitle{font-family:Noto Sans JP,sans-serif;font-size:.85rem;letter-spacing:.5em;color:var(--text-light);margin-top:.5rem}.company-header-line{width:80px;height:2px;background:var(--accent);margin:2rem auto 0}.company-info-card{max-width:800px;margin:0 auto;background:#fff;padding:3rem 4rem;position:relative;box-shadow:0 10px 50px #1a1a2e14}.company-info-card .card-corner{position:absolute;width:25px;height:25px;border:1px solid rgba(233,69,96,.3)}.company-info-card .card-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.company-info-card .card-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.about-company-new .company-info-list{border-top:1px solid rgba(26,26,46,.1)}.about-company-new .company-info-row{display:grid;grid-template-columns:180px 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid rgba(26,26,46,.1);transition:all .3s ease}.about-company-new .company-info-row:hover{background:#1a1a2e05;padding-left:1rem;padding-right:1rem}.about-company-new .company-info-row dt{display:flex;flex-direction:column;gap:.2rem}.about-company-new .info-en{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.about-company-new .info-jp{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light)}.about-company-new .company-info-row dd{font-family:Noto Sans JP,sans-serif;font-size:1rem;color:var(--primary);display:flex;align-items:center}.about-team-new{position:relative;background:#fff;padding:10rem 0;overflow:hidden;min-height:100vh}.about-team-new .team-bg-sketch{position:absolute;top:-3%;left:10%;transform:translate(-50%,-50%);width:100%;max-width:1400px;height:100%;opacity:.06;pointer-events:none;z-index:0}.about-team-new .team-bg-sketch img{width:150%;height:auto;filter:grayscale(100%) contrast(1.1)}.about-team-new .team-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.about-team-new .team-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 20%,rgba(233,69,96,.03) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(26,26,46,.02) 0%,transparent 50%)}.about-team-new .team-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.015;background-image:linear-gradient(90deg,rgba(26,26,46,.1) 1px,transparent 1px),linear-gradient(rgba(26,26,46,.1) 1px,transparent 1px);background-size:60px 60px}.about-team-new .team-frame-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.about-team-new .team-frame{position:absolute;width:80px;height:80px;border:1px solid rgba(26,26,46,.08)}.about-team-new .team-frame-tl{top:4rem;left:4rem;border-right:none;border-bottom:none}.about-team-new .team-frame-br{bottom:4rem;right:4rem;border-left:none;border-top:none}.about-team-new .team-header-area{text-align:center;margin-bottom:5rem}.about-team-new .team-label-row{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.about-team-new .team-label-row .label-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,46,.3),transparent);transform-origin:center}.about-team-new .team-label-row .label-ornament{font-size:.6rem;color:var(--accent);opacity:.6}.about-team-new .team-label-row .label-text{font-family:Cinzel,serif;font-size:.75rem;font-weight:500;letter-spacing:.5em;color:var(--accent)}.about-team-new .team-title-wrapper{margin-bottom:1rem}.about-team-new .team-decode{font-family:Cinzel,serif;font-size:clamp(3rem,10vw,5rem);font-weight:400;letter-spacing:.15em;justify-content:center}.about-team-new .team-decode .decode-char.state-3{color:var(--primary);text-shadow:0 2px 20px rgba(26,26,46,.1)}.about-team-new .team-tagline{font-family:Noto Sans JP,sans-serif;font-size:1rem;letter-spacing:.3em;color:var(--text-light)}.about-team-new .team-divider{width:80px;height:2px;background:var(--accent);margin:2.5rem auto 0;transform-origin:center}.about-team-new .team-members-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1100px;margin:0 auto}.about-team-new .team-member-card{position:relative;background:var(--bg-cream);box-shadow:0 15px 40px #1a1a2e14;transition:all .5s cubic-bezier(.87,0,.13,1);overflow:hidden}.about-team-new .team-member-card:hover{box-shadow:0 25px 60px #1a1a2e26}.about-team-new .member-card-inner{display:flex;flex-direction:column}.about-team-new .member-image-area{position:relative;padding:2.5rem;display:flex;justify-content:center}.about-team-new .team-member-card .member-image-frame{position:relative;width:250px;height:250px;background:linear-gradient(145deg,#f5f3ef,#e8e4dc);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;box-shadow:0 10px 30px #1a1a2e1a}.about-team-new .member-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,transparent 70%,rgba(26,26,46,.05) 100%);pointer-events:none}.about-team-new .team-member-card .member-image-deco{display:none}.about-team-new .team-member-card:hover .member-image-deco{top:.5rem;left:.5rem;opacity:.4}.about-team-new .member-info-area{padding:2rem}.about-team-new .member-position-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#e9456014;margin-bottom:1rem}.about-team-new .member-position-badge .position-icon{font-size:.5rem;color:var(--accent)}.about-team-new .member-position-badge .position-text{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.15em;color:var(--accent);font-weight:500}.about-team-new .team-member-card .member-name{font-family:Noto Sans JP,sans-serif;font-size:1.8rem;font-weight:500;color:var(--primary);letter-spacing:.05em;margin-bottom:.3rem}.about-team-new .team-member-card .member-name-en{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.2em;color:var(--text-light);display:block}.about-team-new .member-info-area .member-divider{width:50px;height:2px;background:var(--accent);margin:1.5rem 0}.about-team-new .member-info-area .member-details{display:flex;flex-direction:column;gap:1.2rem}.about-team-new .detail-item{display:flex;gap:1rem;align-items:flex-start}.about-team-new .detail-item .detail-icon{font-size:1rem;opacity:.6;margin-top:.2rem}.about-team-new .detail-item .detail-content{flex:1}.about-team-new .detail-item .detail-label{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;display:block;margin-bottom:.3rem}.about-team-new .detail-item .detail-value{font-family:Noto Sans JP,sans-serif;font-size:.85rem;line-height:1.8;color:var(--text)}.about-team-new .team-member-card .card-corner{position:absolute;width:25px;height:25px;border:1px solid rgba(233,69,96,.2);transition:all .4s ease}.about-team-new .team-member-card .card-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.about-team-new .team-member-card .card-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.about-team-new .team-member-card:hover .card-corner{width:40px;height:40px;border-color:var(--accent)}.about-team-new .team-side-text{position:absolute;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#1a1a2e1a;writing-mode:vertical-rl}.about-team-new .team-side-text.left{left:3rem;bottom:4rem}.about-team-new .team-side-text.right{right:3rem;top:50%;transform:translateY(-50%)}.about-cta-new{position:relative;background:var(--bg-cream);padding:8rem 0;overflow:hidden}.about-cta-new2{position:relative;background:var(--bg-cream);padding:8rem 0;overflow:hidden;z-index:25}.cta-bg-sketch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:1000px;opacity:.04;pointer-events:none}.cta-bg-sketch img{width:100%;height:auto;filter:grayscale(100%) contrast(1.2)}.cta-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.cta-label-ornament{font-size:.6rem;color:var(--accent)}.cta-label{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.4em;color:var(--accent)}.cta-decode{font-family:Cinzel,serif;font-size:clamp(3rem,10vw,5rem);font-weight:400;letter-spacing:.15em;text-align:center;justify-content:center}.cta-decode .decode-char.state-3{color:var(--primary)}.about-cta-new .cta-subtitle,.about-cta-new2 .cta-subtitle{font-family:Noto Sans JP,sans-serif;font-size:.85rem;letter-spacing:.5em;color:var(--text-light);text-align:center;margin-top:.5rem}.cta-divider{width:80px;height:2px;background:var(--accent);margin:2rem auto 4rem}.cta-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;max-width:1100px;margin:0 auto 5rem}.cta-message{display:flex;flex-direction:column;justify-content:center}.cta-message-title{font-family:Noto Sans JP,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.8;color:var(--primary);margin-bottom:1.5rem;position:relative;padding-left:1.5rem}.cta-message-title .title-line{position:absolute;left:0;top:.5rem;width:3px;height:60%;background:var(--accent)}.cta-message-desc{font-family:Noto Sans JP,sans-serif;font-size:.9rem;line-height:2.2;color:var(--text);margin-bottom:2rem;padding-left:1.5rem}.cta-quote{display:flex;align-items:flex-start;gap:.5rem;padding:1.5rem;background:#1a1a2e05;border-left:2px solid rgba(233,69,96,.3)}.cta-quote .quote-mark{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:var(--accent);opacity:.5;line-height:1}.cta-quote .quote-text{font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;line-height:1.8;color:var(--text-light)}.cta-actions{display:flex;flex-direction:column;gap:1.5rem}.cta-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:#fff;text-decoration:none;position:relative;box-shadow:0 5px 25px #1a1a2e0f;transition:all .4s ease}.cta-card:hover{box-shadow:0 10px 35px #1a1a2e1a;transform:translateY(-3px)}.cta-card .card-corner{position:absolute;width:15px;height:15px;border:1px solid rgba(233,69,96,.2);transition:all .3s ease}.cta-card .card-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.cta-card .card-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.cta-card:hover .card-corner{width:25px;height:25px;border-color:var(--accent)}.cta-card-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(233,69,96,.3);font-size:1.2rem;color:var(--accent);transition:all .3s ease}.cta-card:hover .cta-card-icon{background:#e9456014;border-color:var(--accent)}.cta-card-content{flex:1;display:flex;flex-direction:column;gap:.2rem}.cta-card .card-label{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.15em;color:var(--text-light)}.cta-card .card-value{font-family:Noto Sans JP,sans-serif;font-size:1rem;color:var(--primary);transition:color .3s ease}.cta-card:hover .card-value{color:var(--accent)}.cta-card .card-desc{font-family:Noto Sans JP,sans-serif;font-size:.7rem;color:var(--text-light)}.cta-card .card-arrow{font-size:1.2rem;color:#1a1a2e4d;transition:all .3s ease}.cta-card:hover .card-arrow{color:var(--accent);transform:translate(5px)}.cta-bottom{position:relative;display:flex;justify-content:center;padding-top:3rem}.cta-bottom-bg{position:absolute;top:-20%;left:50%;transform:translate(-50%);font-family:Cormorant Garamond,serif;font-size:clamp(2rem,6vw,4rem);font-weight:300;color:#1a1a2e14;white-space:nowrap;pointer-events:none}.about-back{padding:4rem;text-align:center;background:var(--bg-cream)}.back-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text);transition:all .3s ease}.back-link:hover{color:var(--accent)}.back-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(26,26,46,.2);border-radius:50%;transition:all .3s ease}.back-link:hover .back-icon{border-color:var(--accent);background:#e945600d}.back-icon svg{transition:transform .3s ease}.back-link:hover .back-icon svg{transform:translate(-3px)}.back-text{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em}.about-team-new .team-member-card .member-photo{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:all .6s cubic-bezier(.87,0,.13,1)}.about-team-new .team-member-card:hover .member-photo{transform:scale(1.05)}@media(max-width:1024px){.about-section-container{padding:0 2rem}.about-hero-frame{width:80px;height:80px}.about-hero-frame-tl,.about-hero-frame-bl{left:2rem}.about-hero-frame-tr,.about-hero-frame-br{right:2rem}.about-hero-frame-tl,.about-hero-frame-tr{top:2rem}.about-hero-frame-bl,.about-hero-frame-br{bottom:2rem}.hero-side-text{display:none}.about-hero-image{width:60%;max-width:400px}.about-philosophy-new,.about-history-new,.about-company-new,.about-cta-new{padding:6rem 0}.philosophy-grid{grid-template-columns:1fr;gap:4rem}.philosophy-image-area{order:-1}.philosophy-image-wrapper img{width:220px}.history-timeline{padding-left:160px}.timeline-line-wrapper{left:130px}.history-date{left:-160px;width:110px}.history-dot{left:-37px}.cta-content-grid{grid-template-columns:1fr;gap:3rem}.about-philosophy-new{padding:6rem 0;min-height:auto}.philosophy-frame{width:60px;height:60px}.philosophy-frame-tl{top:2rem;left:2rem}.philosophy-frame-br{bottom:2rem;right:2rem}.philosophy-values-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.philosophy-value-card{padding:2rem 1.5rem}.philosophy-side-text{display:none}.about-team-new{padding:6rem 0;min-height:auto}.about-team-new .team-frame{width:50px;height:50px}.about-team-new .team-frame-tl{top:2rem;left:2rem}.about-team-new .team-frame-br{bottom:2rem;right:2rem}.about-team-new .team-members-grid{gap:2rem}.about-team-new .team-member-card .member-name{font-size:1.5rem}.about-team-new .team-side-text{display:none}.about-company-new .company-bg-sketch{width:45%;bottom:-3%;right:-3%;opacity:.06}}@media(max-width:768px){.about-decode{font-size:clamp(2.5rem,14vw,5rem)}.about-hero-frame{width:50px;height:50px}.about-hero-image{width:70%;max-width:350px}.about-philosophy-new,.about-history-new,.about-company-new,.about-cta-new{padding:5rem 0}.history-timeline{padding-left:0}.timeline-line-wrapper{display:none}.history-item{flex-direction:column;gap:0}.history-date{position:relative;left:0;width:100%;flex-direction:row;align-items:center;gap:1rem;padding:0;margin-bottom:1rem}.history-dot{display:none}.history-card{padding:1.5rem}.company-info-card{padding:2rem}.about-company-new .company-info-row{grid-template-columns:1fr;gap:.5rem}.cta-message-title{padding-left:0;text-align:center}.cta-message-title .title-line{display:none}.cta-message-desc{padding-left:0;text-align:center}.cta-quote{justify-content:center;text-align:center;border-left:none;border-top:2px solid rgba(233,69,96,.3);border-bottom:2px solid rgba(233,69,96,.3)}.about-philosophy-new{padding:5rem 0}.philosophy-frame{display:none}.philosophy-label-row .label-line{width:40px}.philosophy-headline{flex-direction:column;gap:.5rem}.philosophy-headline .headline-separator{display:none}.philosophy-description-wrapper{padding:1.5rem 2rem;margin-bottom:3rem}.description-quote-mark{font-size:2rem}.philosophy-values-grid{grid-template-columns:1fr;gap:1.5rem}.philosophy-value-card{padding:2rem}.about-team-new{padding:5rem 0}.about-team-new .team-frame{display:none}.about-team-new .team-members-grid{grid-template-columns:1fr;max-width:500px}.about-team-new .team-label-row .label-line{width:40px}.about-team-new .member-image-area{padding:1.5rem 1.5rem 0}.about-team-new .member-info-area{padding:1.5rem}.about-team-new .team-member-card .member-name{font-size:1.4rem}.about-team-new .team-member-card .member-image-frame{width:70%;max-width:260px}.about-company-new .company-bg-sketch{width:50%;bottom:0;right:-5%;opacity:.05}}@media(max-width:480px){.about-section-container{padding:0 1.5rem}.about-decode{font-size:clamp(2rem,15vw,3.5rem);letter-spacing:.1em}.about-hero-label .label-line{width:40px}.about-hero-label span:not(.label-line){font-size:.65rem;letter-spacing:.3em}.about-hero-frame{display:none}.about-hero-image{position:absolute;top:60%;left:40%;transform:translate(-50%,-50%);width:80%;max-width:300px;opacity:.01;pointer-events:none;z-index:0}.about-philosophy-new,.about-history-new,.about-company-new,.about-cta-new{padding:4rem 0}.greek-link-button .btn-line{width:30px}.greek-link-button .btn-text-en{font-size:.75rem;letter-spacing:.15em}.history-decode,.company-decode,.cta-decode{font-size:clamp(2rem,12vw,3rem)}.history-date .date-month{font-size:1.3rem}.cta-card{padding:1.2rem;gap:1rem}.cta-card-icon{width:40px;height:40px;font-size:1rem}.back-link{gap:.8rem}.back-icon{width:40px;height:40px}.philosophy-label-row{gap:1rem}.philosophy-label-row .label-text{font-size:.65rem;letter-spacing:.3em}.philosophy-decode{font-size:clamp(2rem,12vw,3rem)}.philosophy-tagline{font-size:.9rem}.philosophy-description{font-size:.9rem;line-height:2.2}.philosophy-value-card .value-title{font-size:1.1rem}.philosophy-value-card .value-desc{font-size:.8rem}.about-team-new{padding:4rem 0}.about-team-new .team-decode{font-size:clamp(2rem,12vw,3rem)}.about-team-new .team-label-row{gap:1rem}.about-team-new .team-label-row .label-text{font-size:.65rem;letter-spacing:.3em}.about-team-new .team-member-card .member-placeholder{font-size:4rem}.about-team-new .team-member-card .member-name{font-size:1.2rem}.about-team-new .detail-item .detail-value{font-size:.8rem}.about-team-new .member-position-badge{padding:.3rem .8rem}.about-team-new .member-position-badge .position-text{font-size:.6rem}.about-team-new .team-member-card .member-image-frame{width:65%;max-width:220px}.about-company-new .company-bg-sketch{width:60%;bottom:0;right:-10%;opacity:.04}.company-bg-sketch{position:absolute;top:-20%;left:10%;width:50%;max-width:600px;opacity:.03;pointer-events:none}}.news-content-link{text-decoration:none;color:inherit;display:block;flex:1}.news-content-link:hover .news-title,.news-content-link:hover .news-read-more{color:var(--accent)}.news-content-link:hover .read-arrow{transform:translate(5px)}@media(max-width:480px){.about-page .about-hero-image{top:40%;left:10%;max-width:300px;opacity:.08}.about-page .about-hero-image img{width:200%}}.legal-page{background:#f5f3ef;min-height:100vh}.legal-hero{position:relative;height:50vh;min-height:350px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;overflow:hidden}.legal-hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(233,69,96,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.05) 0%,transparent 50%)}.legal-hero__content{position:relative;text-align:center;color:#fff;z-index:1;padding:0 2rem}.legal-hero__label{display:inline-block;font-family:Cinzel,serif;font-size:.75rem;font-weight:500;letter-spacing:.4em;color:#e94560;margin-bottom:1.5rem;padding:.5rem 1.5rem;border:1px solid rgba(233,69,96,.3)}.legal-hero__title{font-family:Noto Sans JP,sans-serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:500;letter-spacing:.1em;margin-bottom:1rem}.legal-hero__subtitle{font-family:Noto Sans JP,sans-serif;font-size:.9rem;letter-spacing:.2em;color:#fff9}.legal-content{padding:5rem 2rem}.legal-container{max-width:900px;margin:0 auto}.legal-intro{background:#fff;padding:2rem 2.5rem;margin-bottom:3rem;border-left:4px solid #e94560;box-shadow:0 5px 20px #1a1a2e0d}.legal-intro p{font-family:Noto Sans JP,sans-serif;font-size:1rem;line-height:2;color:#1a1a2e}.legal-sections{display:flex;flex-direction:column;gap:2rem}.legal-section{background:#fff;padding:2rem 2.5rem;box-shadow:0 5px 20px #1a1a2e0d;position:relative}.legal-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#e94560,#e945604d)}.legal-section__title{font-family:Noto Sans JP,sans-serif;font-size:1.1rem;font-weight:600;color:#1a1a2e;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(26,26,46,.1)}.legal-section__content{font-family:Noto Sans JP,sans-serif;font-size:.9rem;line-height:2;color:#4a4a5a}.legal-section__content p{margin-bottom:.5rem}.legal-section__content p:last-child{margin-bottom:0}.legal-table{background:#fff;box-shadow:0 5px 20px #1a1a2e0d;overflow:hidden}.legal-table__row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid rgba(26,26,46,.1)}.legal-table__row:last-child{border-bottom:none}.legal-table__label{background:#f8f7f5;padding:1.5rem 2rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:600;color:#1a1a2e;display:flex;align-items:flex-start}.legal-table__value{padding:1.5rem 2rem;font-family:Noto Sans JP,sans-serif;font-size:.9rem;line-height:1.8;color:#4a4a5a}.legal-table__value p{margin-bottom:.3rem}.legal-table__value p:last-child{margin-bottom:0}.legal-footer-info{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(26,26,46,.1);text-align:right}.legal-footer-info p{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:#6b7280;margin-bottom:.3rem}.legal-back{padding:3rem 2rem 5rem;text-align:center;background:#f5f3ef}.legal-back__link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;padding:1rem 2rem;border:1px solid rgba(26,26,46,.2);transition:all .3s ease}.legal-back__link:hover{border-color:#e94560;background:#fff}.legal-back__icon{font-size:1rem;color:#1a1a2e;transition:transform .3s ease}.legal-back__link:hover .legal-back__icon{transform:translate(-5px);color:#e94560}.legal-back__text{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:#1a1a2e;letter-spacing:.1em}.legal-back__link:hover .legal-back__text{color:#e94560}@media(max-width:768px){.legal-hero{height:40vh;min-height:300px}.legal-hero__title{font-size:clamp(1.5rem,6vw,2rem)}.legal-content{padding:3rem 1rem}.legal-intro,.legal-section{padding:1.5rem}.legal-section__title{font-size:1rem}.legal-table__row{grid-template-columns:1fr}.legal-table__label{padding:1rem 1.5rem;background:#1a1a2e;color:#fff}.legal-table__value{padding:1rem 1.5rem}}@media(max-width:480px){.legal-hero{height:35vh;min-height:280px}.legal-hero__label{font-size:.65rem;padding:.4rem 1rem}.legal-hero__subtitle{font-size:.8rem}.legal-section__content,.legal-table__value{font-size:.85rem}.legal-back{padding:2rem 1rem 4rem}}.services-page{min-height:100vh;background:var(--bg-cream)}.split-text{display:inline-flex;flex-wrap:wrap}.split-char{display:inline-block;transform-style:preserve-3d}.glitch-text{position:relative;display:inline-block}.glitch-text-main{font-family:Cinzel,serif;font-size:clamp(3rem,12vw,8rem);font-weight:400;letter-spacing:.15em;color:#fff;text-shadow:0 0 80px rgba(255,255,255,.4)}.glitch-text-clone{position:absolute;top:0;left:0;opacity:0;font-family:Cinzel,serif;font-size:clamp(3rem,12vw,8rem);font-weight:400;letter-spacing:.15em}.glitch-text.glitching .glitch-text-clone{opacity:.8}.glitch-text.glitching .glitch-1{color:#e94560;animation:glitch1 .3s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.glitch-text.glitching .glitch-2{color:#4ecdc4;animation:glitch2 .3s ease-in-out infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}@keyframes glitch1{0%,to{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(3px,3px)}}@keyframes glitch2{0%,to{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(-3px,3px)}60%{transform:translate(3px,3px)}80%{transform:translate(-3px,-3px)}}.floating-icon{display:inline-flex}.animated-line{height:2px;background:var(--accent);margin-bottom:2rem}.parallax-text{will-change:transform}.magnet-button{display:inline-block;will-change:transform}.services-hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary)}.services-hero-bg{position:absolute;top:0;left:0;width:100%;height:120%;pointer-events:none}.services-hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(233,69,96,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(78,205,196,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(26,26,46,.8) 0%,var(--primary) 100%)}.services-hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px}.services-hero-image{position:absolute;top:50%;left:60%;transform:translate(-50%,-50%);width:100%;max-width:800px;opacity:.01;pointer-events:none;z-index:0}.services-hero-image img{width:100%;height:auto;filter:brightness(1.5) contrast(1.1)}.services-hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.services-particle{position:absolute;background:radial-gradient(circle,#fffc,#fff0 70%);border-radius:50%;filter:blur(1px)}.services-hero-frame-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.services-hero-frame{position:absolute;width:120px;height:120px;border:1px solid rgba(255,255,255,.15);transition:all .5s ease}.services-hero-frame:hover{border-color:#e9456080}.services-hero-frame-tl{top:4rem;left:4rem;border-right:none;border-bottom:none}.services-hero-frame-tr{top:4rem;right:4rem;border-left:none;border-bottom:none}.services-hero-frame-bl{bottom:4rem;left:4rem;border-right:none;border-top:none}.services-hero-frame-br{bottom:4rem;right:4rem;border-left:none;border-top:none}.services-hero-content{position:relative;text-align:center;color:#fff;z-index:1}.services-hero-label{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.services-hero-label span:not(.label-line){font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.5em;color:#ffffffb3}.services-hero-label .label-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform-origin:center}.services-hero-title{margin-bottom:2.5rem;display:flex;justify-content:center}.services-page-decode{font-family:Cinzel,serif;font-size:clamp(3rem,12vw,8rem);font-weight:400;letter-spacing:.15em}.services-page-decode .decode-char.state-3{color:#fff;text-shadow:0 0 80px rgba(255,255,255,.4)}.services-hero-tagline{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;letter-spacing:.1em;color:#fffc;line-height:2}.services-hero-tagline .tagline-accent{color:#fff;font-weight:500}.services-hero-tagline-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem}.services-tagline-split{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;letter-spacing:.1em;color:#ffffffb3}.services-tagline-split.accent{color:#fff;font-weight:500;font-size:1.4rem}.services-tagline-split .split-char{text-shadow:0 2px 20px rgba(255,255,255,.3)}.services-hero-scroll{position:absolute;bottom:-180px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem}.services-hero-scroll .scroll-mouse{width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:13px;position:relative;overflow:hidden}.services-hero-scroll .scroll-mouse:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.1) 100%)}.services-hero-scroll .scroll-wheel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:10px;background:#fffc;border-radius:2px}.services-hero-scroll span{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#ffffff80}.services-side-text{position:absolute;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#ffffff4d;writing-mode:vertical-rl;transition:color .3s ease}.services-side-text:hover{color:#fff9}.services-side-text.left{left:4rem;bottom:4rem}.services-side-text.right{right:4rem;top:50%;transform:translateY(-50%)}.services-list{position:relative}.service-section{position:relative;padding:8rem 0;overflow:hidden}.service-section.bg-cream{background:var(--bg-cream)}.service-section.bg-white{background:#fff}.service-bg-sketch{position:absolute;top:30%;transform:translateY(-50%);width:40%;max-width:500px;opacity:.5;pointer-events:none}.service-bg-sketch.pos-right{right:-6%}.service-bg-sketch.pos-left{left:-5%}.service-bg-sketch img{width:110%;height:auto;filter:grayscale(100%) contrast(1.1)}.service-container{position:relative;max-width:1200px;margin:0 auto;padding:0 3rem;z-index:1}.service-number{display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.service-number .number-text{font-family:Cinzel,serif;font-size:2rem;color:var(--accent);letter-spacing:.1em;text-shadow:0 2px 20px rgba(233,69,96,.3);cursor:default;transition:all .3s ease}.service-number .number-line{flex:1;height:1px;background:linear-gradient(90deg,var(--accent),transparent);transform-origin:left}.service-content{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.service-content.reverse{direction:rtl}.service-content.reverse>*{direction:ltr}.service-text-area{max-width:550px}.service-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.service-icon{font-size:3rem;line-height:1;filter:drop-shadow(0 4px 15px rgba(0,0,0,.1))}.service-titles{display:flex;flex-direction:column;gap:.3rem}.service-title-en{font-family:Cinzel,serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500;letter-spacing:.1em;color:var(--primary);transition:all .3s ease}.service-title-en:hover{letter-spacing:.15em;color:var(--accent)}.service-title-jp{font-family:Noto Sans JP,sans-serif;font-size:.9rem;letter-spacing:.2em;color:var(--text-light)}.service-catchcopy{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;font-weight:500;color:var(--primary);margin-bottom:1.5rem;line-height:1.8}.service-description{font-family:Noto Sans JP,sans-serif;font-size:.95rem;line-height:2;color:var(--text);margin-bottom:2rem}.service-features{display:flex;flex-wrap:wrap;gap:.8rem}.feature-tag{display:inline-flex;align-items:center;padding:.5rem 1.2rem;background:#e9456014;font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--accent);letter-spacing:.05em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.feature-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.feature-tag:hover:before{left:100%}.feature-tag:hover{background:var(--tag-color, var(--accent));color:#fff;transform:translateY(-2px)}.service-card-area{display:flex;justify-content:center;perspective:1000px;width:100%}.service-card-area .magnet-button{width:100%;max-width:400px}.service-card{position:relative;width:100%;max-width:400px;aspect-ratio:4 / 5;background:#fff;box-shadow:0 20px 50px #1a1a2e1a;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:all .5s cubic-bezier(.87,0,.13,1);overflow:hidden}.service-section.bg-white .service-card{background:var(--bg-cream)}.service-card .card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);transform:rotate(45deg) translateY(100%);transition:transform .8s ease;pointer-events:none}.service-card:hover .card-shine{transform:rotate(45deg) translateY(-100%)}.service-card:hover{box-shadow:0 30px 60px #1a1a2e33,0 0 0 1px var(--card-accent, var(--accent))}.service-card .card-corner{position:absolute;width:30px;height:30px;border:1px solid rgba(233,69,96,.3);transition:all .4s ease}.service-card .card-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.service-card .card-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.service-card:hover .card-corner{width:60px;height:60px;border-color:var(--card-accent, var(--accent))}.service-card-content{text-align:center;padding:2rem;position:relative;z-index:1}.service-card-content .card-number{display:block;font-family:Cinzel,serif;font-size:1.5rem;color:var(--accent);letter-spacing:.2em;margin-bottom:2rem}.service-card-content .card-icon{display:block;font-size:4rem;margin-bottom:2rem;filter:drop-shadow(0 5px 20px rgba(0,0,0,.15))}.service-card-content .card-title{font-family:Noto Sans JP,sans-serif;font-size:1.5rem;font-weight:500;color:var(--primary);letter-spacing:.1em;margin-bottom:.5rem;transition:color .3s ease}.service-card:hover .card-title{color:var(--card-accent, var(--accent))}.service-card-content .card-subtitle{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.2em;color:var(--text-light)}.service-card.has-image{position:relative;width:100%;min-height:500px;aspect-ratio:auto;background:#fff;box-shadow:0 20px 50px #1a1a2e1a;transform-style:preserve-3d;transition:all .5s cubic-bezier(.87,0,.13,1);overflow:hidden}.service-card-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease}.service-card.has-image:hover .service-card-image img{transform:scale(1.08);filter:brightness(.85)}.service-card-overlay{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(to top,rgba(26,26,46,.95) 0%,rgba(26,26,46,.7) 50%,transparent 100%);text-align:center;transform:translateY(20px);opacity:0;transition:all .4s ease;z-index:3}.service-card.has-image:hover .service-card-overlay{transform:translateY(0);opacity:1}.service-card-overlay .card-number{display:block;font-family:Cinzel,serif;font-size:1.2rem;color:var(--card-accent, var(--accent));letter-spacing:.2em;margin-bottom:.5rem}.service-card-overlay .card-title{font-family:Noto Sans JP,sans-serif;font-size:1.4rem;font-weight:500;color:#fff;letter-spacing:.1em;margin-bottom:.3rem}.service-card-overlay .card-subtitle{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.2em;color:#ffffffb3}.service-card.has-image .card-corner{z-index:4;border-color:#fff6}.service-card.has-image:hover .card-corner{border-color:var(--card-accent, var(--accent))}.service-card.has-image .card-shine{z-index:2}.services-works{position:relative;background:#fff;padding:8rem 0;overflow:hidden}.works-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.works-bg-sketch{position:absolute;top:-3%;right:1%;transform:translateY(-50%);width:45%;max-width:600px;opacity:.12}.works-bg-sketch img{width:95%;height:auto;filter:grayscale(100%) contrast(1.1)}.works-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 80% 50%,rgba(233,69,96,.03) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(26,26,46,.02) 0%,transparent 40%)}.works-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.works-header{text-align:center;margin-bottom:4rem}.works-label{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.works-label span:not(.label-ornament){font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.4em;color:var(--accent)}.works-label .label-ornament{font-size:.6rem;color:var(--accent)}.works-title-decode{font-family:Cinzel,serif;font-size:clamp(3rem,10vw,5rem);font-weight:400;letter-spacing:.15em;justify-content:center}.works-title-decode .decode-char.state-3{color:var(--primary)}.works-subtitle{font-family:Noto Sans JP,sans-serif;font-size:.9rem;letter-spacing:.3em;color:var(--text-light);margin-top:.5rem}.works-divider{width:80px;height:2px;background:var(--accent);margin:2rem auto;transform-origin:center}.works-lead{font-family:Noto Sans JP,sans-serif;font-size:1rem;color:var(--text);line-height:1.8}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.work-card{position:relative;background:var(--bg-cream);overflow:hidden;transition:all .5s cubic-bezier(.87,0,.13,1);cursor:pointer}.work-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(233,69,96,.03) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.work-card:hover:before{opacity:1}.work-card:hover{box-shadow:0 20px 50px #1a1a2e26}.work-image-wrapper{position:relative;width:100%;height:220px;overflow:hidden}.work-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s ease}.work-card:hover .work-image-wrapper img{transform:scale(1.05)}.work-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(26,26,46,.8) 100%);display:flex;align-items:flex-end;padding:1rem;opacity:0;transition:opacity .3s ease}.work-card:hover .work-overlay{opacity:1}.work-category{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.2em;color:#fff;background:var(--accent);padding:.3rem .8rem}.work-info{padding:1.5rem}.work-title{font-family:Noto Sans JP,sans-serif;font-size:1.1rem;font-weight:600;color:var(--primary);margin-bottom:.5rem;transition:color .3s ease}.work-card:hover .work-title{color:var(--accent)}.work-description{font-family:Noto Sans JP,sans-serif;font-size:.85rem;line-height:1.6;color:var(--text);margin-bottom:1rem}.work-tags{display:flex;flex-wrap:wrap;gap:.5rem}.work-tags span{font-family:Noto Sans JP,sans-serif;font-size:.7rem;letter-spacing:.05em;color:var(--text-light);background:#1a1a2e0d;padding:.25rem .6rem;transition:all .3s ease}.work-card:hover .work-tags span{background:#e945601a;color:var(--accent)}.work-card.featured{grid-column:span 2}.work-card.featured .work-image-wrapper{height:280px}.work-card.mobile .work-image-wrapper{height:300px}.work-card.mobile .work-image-wrapper img{object-fit:contain;object-position:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1rem}.works-more{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(26,26,46,.1)}.works-more-text{font-family:Noto Sans JP,sans-serif;font-size:.95rem;line-height:2;color:var(--text-light)}.services-cta{position:relative;background:var(--bg-cream);padding:8rem 0;overflow:hidden}.services-cta .cta-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.services-cta-bg-sketch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;max-width:600px;opacity:.04}.services-cta-bg-sketch img{width:100%;height:auto;filter:grayscale(100%) contrast(1.2)}.services-cta-container{position:relative;max-width:800px;margin:0 auto;padding:0 2rem;text-align:center;z-index:1}.services-cta-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.services-cta-header .cta-label-ornament{font-size:.8rem;color:var(--accent)}.services-cta-header .cta-label{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.4em;color:var(--accent)}.services-cta-decode{font-family:Cinzel,serif;font-size:clamp(3rem,10vw,5rem);font-weight:400;letter-spacing:.15em;justify-content:center}.services-cta-decode .decode-char.state-3{color:var(--primary)}.services-cta-subtitle{font-family:Noto Sans JP,sans-serif;font-size:.9rem;letter-spacing:.3em;color:var(--text-light);margin-top:.5rem}.services-cta-divider{width:80px;height:2px;background:var(--accent);margin:2rem auto}.services-cta-message{font-family:Noto Sans JP,sans-serif;font-size:1rem;line-height:2;color:var(--text);margin-bottom:3rem}.services-cta-buttons{display:flex;justify-content:center}.cta-magnet{display:inline-block}.services-back{padding:4rem;text-align:center;background:#fff}.services-back .back-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text);transition:all .3s ease}.services-back .back-link:hover{color:var(--accent)}.services-back .back-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(26,26,46,.2);border-radius:50%;transition:all .3s ease}.services-back .back-link:hover .back-icon{border-color:var(--accent);background:#e945600d}.services-back .back-text{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em}@media(max-width:1024px){.services-hero-frame{width:80px;height:80px}.services-hero-frame-tl,.services-hero-frame-bl{left:2rem}.services-hero-frame-tr,.services-hero-frame-br{right:2rem}.services-hero-frame-tl,.services-hero-frame-tr{top:2rem}.services-hero-frame-bl,.services-hero-frame-br{bottom:2rem}.services-side-text{display:none}.services-hero-image{max-width:600px}.glitch-text-main,.glitch-text-clone{font-size:clamp(2.5rem,10vw,5rem)}.service-section{padding:6rem 0}.service-container{padding:0 2rem}.service-content{gap:3rem}.service-card{max-width:350px}.service-card.has-image{min-height:450px}.service-card-area .magnet-button{max-width:350px}.services-works{padding:6rem 0}.works-bg-sketch{width:50%;right:-8%;opacity:.08}.works-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.work-card.featured{grid-column:span 2}.work-image-wrapper{height:200px}.work-card.featured .work-image-wrapper{height:240px}.work-card.mobile .work-image-wrapper{height:260px}}@media(max-width:768px){.services-hero{min-height:80vh}.services-hero-frame{width:50px;height:50px}.services-hero-label .label-line{width:40px}.services-hero-label span:not(.label-line){font-size:.65rem;letter-spacing:.3em}.glitch-text-main,.glitch-text-clone{font-size:clamp(2rem,12vw,4rem)}.services-tagline-split{font-size:1rem}.services-tagline-split.accent{font-size:1.2rem}.services-hero-image{max-width:400px;opacity:.1!important}.service-section{padding:5rem 0}.service-bg-sketch{width:50%;opacity:.03}.service-content{grid-template-columns:1fr;gap:3rem}.service-content.reverse{direction:ltr}.service-text-area{max-width:100%;text-align:center}.service-header{flex-direction:column;align-items:center;gap:1rem}.service-titles{align-items:center}.animated-line{margin:2rem auto}.service-features{justify-content:center}.service-card{max-width:320px;aspect-ratio:1 / 1}.service-card.has-image{max-width:320px;min-height:320px}.service-card-area .magnet-button{max-width:320px}.service-card-overlay{padding:1.5rem;transform:translateY(0);opacity:1}.service-card-overlay .card-title{font-size:1.2rem}.services-cta,.services-works{padding:5rem 0}.works-bg-sketch{width:60%;right:-10%;opacity:.06}.works-header{margin-bottom:3rem}.works-grid{grid-template-columns:1fr;gap:1.5rem}.work-card.featured{grid-column:span 1}.work-image-wrapper{height:200px}.work-card.featured .work-image-wrapper{height:220px}.work-card.mobile .work-image-wrapper{height:280px}.work-info{padding:1.2rem}.work-title{font-size:1rem}.work-description{font-size:.8rem}.works-more{margin-top:3rem;padding-top:2rem}}@media(max-width:480px){.services-hero{min-height:70vh}.services-hero-frame{display:none}.services-hero-label{gap:1rem}.services-hero-label .label-line{width:30px}.glitch-text-main,.glitch-text-clone{font-size:clamp(1.8rem,14vw,3rem);letter-spacing:.1em}.services-tagline-split{font-size:.9rem}.services-tagline-split.accent{font-size:1rem}.services-hero-image{position:absolute;top:58%;left:30%;transform:translate(-50%,-50%);width:200%;opacity:.01;pointer-events:none;z-index:0}.service-section{padding:4rem 0}.service-container{padding:0 1.5rem}.service-number .number-text{font-size:1.5rem}.service-bg-sketch{transform:none;width:70%;max-width:300px;opacity:.04}.service-bg-sketch.pos-right{top:-5%;left:-20%;right:auto}.service-bg-sketch.pos-left{top:0%;right:10%;left:auto}.service-bg-sketch img{width:150%}.service-icon{font-size:2.5rem}.service-title-en{font-size:1.3rem}.service-catchcopy{font-size:1rem}.service-description{font-size:.8rem}.feature-tag{padding:.4rem 1rem;font-size:.75rem}.service-card{max-width:280px}.service-card.has-image{max-width:280px;min-height:280px}.service-card-area .magnet-button{max-width:280px}.service-card-overlay .card-number{font-size:1rem}.service-card-overlay .card-title{font-size:1.1rem}.service-card-content .card-icon{font-size:3rem}.service-card-content .card-title{font-size:1.2rem}.services-cta-decode{font-size:clamp(2rem,12vw,3rem)}.services-back{padding:3rem 1.5rem}.services-back .back-icon{width:40px;height:40px}.services-works{padding:4rem 0}.works-bg-sketch{display:none}.works-container{padding:0 1.5rem}.works-title-decode{font-size:clamp(2rem,12vw,3rem)}.work-image-wrapper{height:180px}.work-card.mobile .work-image-wrapper{height:250px}.work-info{padding:1rem}.work-title{font-size:.95rem}.work-tags span{font-size:.65rem;padding:.2rem .5rem}.works-more-text{font-size:.85rem}}.service-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;box-shadow:none;overflow:visible}.service-icon-wrapper:before{display:none}.service-icon-wrapper:after{display:none}.service-icon-img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(26,26,46,.15));transition:all .4s ease}.service-icon-wrapper:hover .service-icon-img{filter:drop-shadow(0 8px 25px rgba(233,69,96,.25));transform:scale(1.1) translateY(-3px)}@media(max-width:768px){.service-icon-wrapper{width:60px;height:60px}.service-icon-img{width:45px;height:45px}}@media(max-width:480px){.service-icon-wrapper{width:50px;height:50px}.service-icon-img{position:absolute;bottom:-280%;width:120px;height:120px}.service-section:nth-child(odd) .service-icon-img{left:200%;right:auto}.service-section:nth-child(2n) .service-icon-img{right:200%;left:auto}}.br-sp,.br-tablet{display:none}@media(max-width:768px){.br-tablet{display:block}}@media(max-width:480px){.br-sp{display:block}}:root{--primary: #1a1a2e;--secondary: #16213e;--accent: #e94560;--accent-alt: #0f3460;--text: #333;--text-light: #666;--bg: #fafafa;--bg-cream: #f5f3ef}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,sans-serif;background:var(--bg-cream);color:var(--text);overflow-x:hidden}.contact-page{min-height:100vh;background:var(--bg-cream)}.contact-hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary)}.contact-hero-bg{position:absolute;top:0;left:0;width:100%;height:120%;pointer-events:none}.contact-hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 40%,rgba(233,69,96,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(78,205,196,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(26,26,46,.8) 0%,var(--primary) 100%)}.contact-hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px}.contact-hero-image{position:absolute;top:30%;left:60%;transform:translate(-50%,-50%);width:100%;max-width:800px;opacity:.01;pointer-events:none;z-index:0}.contact-hero-image img{width:100%;height:auto;filter:brightness(1.5) contrast(1.1)}.contact-hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.contact-particle{position:absolute;background:radial-gradient(circle,#fffc,#fff0 70%);border-radius:50%;filter:blur(1px)}.contact-hero-frame-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.contact-hero-frame{position:absolute;width:120px;height:120px;border:1px solid rgba(255,255,255,.15);transition:all .5s ease}.contact-hero-frame:hover{border-color:#e9456080}.contact-hero-frame-tl{top:4rem;left:4rem;border-right:none;border-bottom:none}.contact-hero-frame-tr{top:4rem;right:4rem;border-left:none;border-bottom:none}.contact-hero-frame-bl{bottom:4rem;left:4rem;border-right:none;border-top:none}.contact-hero-frame-br{bottom:4rem;right:4rem;border-left:none;border-top:none}.contact-hero-content{position:relative;text-align:center;color:#fff;z-index:1}.contact-hero-label{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.contact-hero-label span:not(.label-line){font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.5em;color:#ffffffb3}.contact-hero-label .label-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform-origin:center}.contact-hero-title{margin-bottom:2.5rem;display:flex;justify-content:center}.contact-page-decode{font-family:Cinzel,serif;font-size:clamp(3rem,12vw,8rem);font-weight:400;letter-spacing:.15em}.contact-page-decode .decode-char.state-3{color:#fff;text-shadow:0 0 80px rgba(255,255,255,.4)}.contact-hero-tagline{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;letter-spacing:.2em;color:#fffc}.contact-hero-scroll{position:absolute;bottom:-180px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem}.contact-hero-scroll .scroll-mouse{width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:13px;position:relative;overflow:hidden}.contact-hero-scroll .scroll-mouse:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.1) 100%)}.contact-hero-scroll .scroll-wheel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:10px;background:#fffc;border-radius:2px;animation:scrollWheel 1.5s ease-in-out infinite}@keyframes scrollWheel{0%,to{opacity:1;top:8px}50%{opacity:.3;top:16px}}.contact-hero-scroll span{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#ffffff80}.contact-side-text{position:absolute;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#ffffff4d;writing-mode:vertical-rl;transition:color .3s ease}.contact-side-text:hover{color:#fff9}.contact-side-text.left{left:4rem;bottom:4rem}.contact-side-text.right{right:4rem;top:50%;transform:translateY(-50%)}.contact-form-section{padding:6rem 0;background:var(--bg-cream)}.contact-container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:start}.contact-form-wrapper{background:#fff;padding:3rem;box-shadow:0 10px 40px #1a1a2e14}.form-header{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:.5rem}.form-label-ornament{font-size:.7rem;color:var(--accent)}.form-label{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:var(--accent)}.form-title{font-family:Noto Sans JP,sans-serif;font-size:1.5rem;font-weight:500;color:var(--primary);text-align:center;letter-spacing:.1em;margin-bottom:.5rem}.form-divider{width:60px;height:2px;background:var(--accent);margin:1.5rem auto 2.5rem;transform-origin:center}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:span 2}.form-group label{font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:500;color:var(--primary);letter-spacing:.05em}.form-group label .required{color:var(--accent);font-size:.75rem}.form-group input,.form-group select,.form-group textarea{font-family:Noto Sans JP,sans-serif;font-size:.95rem;padding:1rem 1.2rem;border:1px solid rgba(26,26,46,.15);background:var(--bg-cream);color:var(--primary);transition:all .3s ease;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #e945601a}.form-group input::placeholder,.form-group textarea::placeholder{color:#1a1a2e66}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231a1a2e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group textarea{resize:vertical;min-height:150px}.form-submit{grid-column:span 2;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}.submit-button{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2.5rem;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:Cinzel,serif;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);transition:left .4s ease;z-index:0}.submit-button:hover:before{left:0}.submit-button:hover{color:#fff}.submit-button:hover .btn-ornament,.submit-button:hover .btn-line{color:#fff;background:#fff}.submit-button:disabled{opacity:.6;cursor:not-allowed}.submit-button.submitting:before{left:0;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.submit-button .btn-ornament{font-size:.7rem;color:var(--accent);transition:color .4s ease;z-index:1}.submit-button .btn-line{width:20px;height:1px;background:var(--accent);transition:background .4s ease;z-index:1}.submit-button .btn-content{display:flex;flex-direction:column;align-items:center;gap:.2rem;z-index:1}.submit-button .btn-text-en{font-size:.85rem;letter-spacing:.2em}.submit-button .btn-text-jp{font-size:.65rem;letter-spacing:.1em;font-family:Noto Sans JP,sans-serif}.submit-message{display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;font-family:Noto Sans JP,sans-serif;font-size:.9rem}.submit-message.success{background:#4ecdc41a;color:#2a9d8f;border:1px solid rgba(78,205,196,.3)}.submit-message.error{background:#e945601a;color:var(--accent);border:1px solid rgba(233,69,96,.3)}.submit-message .message-icon{font-size:1.2rem;font-weight:700}.contact-info-wrapper{position:sticky;top:120px}.info-card{background:#fff;padding:2.5rem;box-shadow:0 10px 40px #1a1a2e14;margin-bottom:2rem}.info-header{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-bottom:.5rem}.info-ornament{font-size:.6rem;color:var(--accent)}.info-label{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.3em;color:var(--accent)}.info-title{font-family:Noto Sans JP,sans-serif;font-size:1.3rem;font-weight:500;color:var(--primary);text-align:center;letter-spacing:.1em}.info-divider{width:50px;height:2px;background:var(--accent);margin:1.2rem auto 2rem;transform-origin:center}.info-items{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;gap:1rem;align-items:flex-start}.info-icon{font-size:1.2rem;flex-shrink:0;margin-top:.2rem}.info-content{display:flex;flex-direction:column;gap:.3rem}.info-label-sm{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.15em;color:var(--text-light)}.info-value{font-family:Noto Sans JP,sans-serif;font-size:.9rem;line-height:1.6;color:var(--primary)}.info-value.link{color:var(--accent);text-decoration:none;transition:opacity .3s ease}.info-value.link:hover{opacity:.7}.info-note{font-size:.75rem;color:var(--text-light)}.response-note{margin-top:2rem;padding:1.2rem;background:var(--bg-cream);display:flex;gap:1rem;align-items:flex-start}.response-note .note-icon{font-size:1.5rem;flex-shrink:0}.response-note p{font-family:Noto Sans JP,sans-serif;font-size:.8rem;line-height:1.8;color:var(--text)}.quick-links{background:var(--primary);padding:2rem}.quick-links-title{font-family:Noto Sans JP,sans-serif;font-size:.8rem;letter-spacing:.1em;color:#fff9;margin-bottom:1rem}.quick-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);text-decoration:none;transition:all .3s ease}.quick-link:hover{padding-left:.5rem}.quick-link-text{font-family:Cinzel,serif;font-size:1rem;letter-spacing:.15em;color:#fff}.quick-link-arrow{font-size:1.2rem;color:var(--accent);transition:transform .3s ease}.quick-link:hover .quick-link-arrow{transform:translate(5px)}.contact-back{padding:4rem;text-align:center;background:#fff}.contact-back .back-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text);transition:all .3s ease}.contact-back .back-link:hover{color:var(--accent)}.contact-back .back-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(26,26,46,.2);border-radius:50%;transition:all .3s ease}.contact-back .back-link:hover .back-icon{border-color:var(--accent);background:#e945600d}.contact-back .back-text{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em}@media(max-width:1024px){.contact-hero{min-height:80vh}.contact-hero-frame{width:80px;height:80px}.contact-hero-frame-tl,.contact-hero-frame-bl{left:2rem}.contact-hero-frame-tr,.contact-hero-frame-br{right:2rem}.contact-hero-frame-tl,.contact-hero-frame-tr{top:2rem}.contact-hero-frame-bl,.contact-hero-frame-br{bottom:2rem}.contact-side-text{display:none}.contact-hero-image{max-width:600px}.contact-page-decode{font-size:clamp(2.5rem,10vw,5rem)}.contact-layout{grid-template-columns:1fr;gap:3rem}.contact-info-wrapper{position:static}.contact-form-wrapper{padding:2.5rem}}@media(max-width:768px){.contact-hero{min-height:70vh}.contact-hero-frame{width:50px;height:50px}.contact-hero-label .label-line{width:40px}.contact-hero-label span:not(.label-line){font-size:.65rem;letter-spacing:.3em}.contact-page-decode{font-size:clamp(2rem,12vw,4rem)}.contact-hero-tagline{font-size:1rem}.contact-hero-image{max-width:400px;opacity:.1!important}.contact-form-section{padding:4rem 0}.contact-form-wrapper{padding:2rem}.contact-form{grid-template-columns:1fr}.form-group.full-width,.form-submit{grid-column:span 1}.info-card{padding:2rem}}@media(max-width:480px){.contact-hero{min-height:60vh}.contact-hero-frame{display:none}.contact-hero-label{gap:1rem}.contact-hero-label .label-line{width:30px}.contact-page-decode{font-size:clamp(1.8rem,14vw,3rem);letter-spacing:.1em}.contact-hero-tagline{font-size:.9rem}.contact-hero-image{max-width:300px}.contact-container{padding:0 1.5rem}.contact-page .contact-hero-image{top:50%;left:10%;max-width:300px;opacity:.08}.contact-page .contact-hero-image img{width:150%}.contact-form-wrapper{padding:1.5rem}.form-title{font-size:1.2rem}.form-group input,.form-group select,.form-group textarea{padding:.8rem 1rem;font-size:.9rem}.submit-button{padding:.8rem 1.5rem;width:100%;justify-content:center}.info-card,.quick-links{padding:1.5rem}.contact-back{padding:3rem 1.5rem}.contact-back .back-icon{width:40px;height:40px}}.news-page{min-height:100vh;background:var(--bg-cream)}.news-page .news-hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary)}.news-page .news-hero-bg{position:absolute;top:0;left:0;width:100%;height:120%;pointer-events:none}.news-page .news-hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 40%,rgba(233,69,96,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(78,205,196,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(26,26,46,.8) 0%,var(--primary) 100%)}.news-page .news-hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px}.news-page .news-hero-image{position:absolute;top:35%;left:58%;transform:translate(-50%,-50%);width:100%;max-width:800px;opacity:.01;pointer-events:none;z-index:0}.news-page .news-hero-image img{width:90%;height:auto;filter:brightness(1.5) contrast(1.1)}.news-page .news-hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.news-page .news-particle{position:absolute;background:radial-gradient(circle,#fffc,#fff0 70%);border-radius:50%;filter:blur(1px)}.news-page .news-hero-frame-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.news-page .news-hero-frame{position:absolute;width:120px;height:120px;border:1px solid rgba(255,255,255,.15);transition:all .5s ease}.news-page .news-hero-frame:hover{border-color:#e9456080}.news-page .news-hero-frame-tl{top:4rem;left:4rem;border-right:none;border-bottom:none}.news-page .news-hero-frame-tr{top:4rem;right:4rem;border-left:none;border-bottom:none}.news-page .news-hero-frame-bl{bottom:4rem;left:4rem;border-right:none;border-top:none}.news-page .news-hero-frame-br{bottom:4rem;right:4rem;border-left:none;border-top:none}.news-page .news-hero-content{position:relative;text-align:center;color:#fff;z-index:1}.news-page .news-hero-label{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.news-page .news-hero-label span:not(.label-line){font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.5em;color:#ffffffb3}.news-page .news-hero-label .label-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform-origin:center}.news-page .news-hero-title{margin-bottom:2.5rem;display:flex;justify-content:center}.news-page .news-page-decode{font-family:Cinzel,serif;font-size:clamp(3rem,12vw,8rem);font-weight:400;letter-spacing:.15em}.news-page .news-page-decode .decode-char.state-3{color:#fff;text-shadow:0 0 80px rgba(255,255,255,.4)}.news-page .news-hero-tagline{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;letter-spacing:.2em;color:#fffc}.news-page .news-hero-scroll{position:absolute;bottom:-180px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem}.news-page .news-hero-scroll .scroll-mouse{width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:13px;position:relative;overflow:hidden}.news-page .news-hero-scroll .scroll-mouse:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.1) 100%)}.news-page .news-hero-scroll .scroll-wheel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:10px;background:#fffc;border-radius:2px;animation:scrollWheel 1.5s ease-in-out infinite}.news-page .news-hero-scroll span{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#ffffff80}.news-page .news-side-text{position:absolute;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#ffffff4d;writing-mode:vertical-rl;transition:color .3s ease}.news-page .news-side-text:hover{color:#fff9}.news-page .news-side-text.left{left:4rem;bottom:4rem}.news-page .news-side-text.right{right:4rem;top:50%;transform:translateY(-50%)}.news-page .news-list-section{position:relative;padding:6rem 0;background:var(--bg-cream);overflow:hidden}.news-page .news-list-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.news-page .news-list-bg-sketch{position:absolute;top:50%;left:-5%;transform:translateY(-50%);width:50%;max-width:700px;opacity:.08}.news-page .news-list-bg-sketch img{width:100%;height:auto;filter:grayscale(100%) contrast(1.1)}.news-page .news-list-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 80% 30%,rgba(233,69,96,.03) 0%,transparent 50%),radial-gradient(ellipse at 20% 70%,rgba(26,26,46,.02) 0%,transparent 40%)}.news-page .news-list-section .news-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}.news-page .news-filter{text-align:center;margin-bottom:4rem}.news-page .filter-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.news-page .filter-ornament{font-size:.7rem;color:var(--accent)}.news-page .filter-label{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.3em;color:var(--accent)}.news-page .filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.news-page .filter-btn{font-family:Noto Sans JP,sans-serif;font-size:.85rem;padding:.6rem 1.5rem;background:#fff;border:1px solid rgba(26,26,46,.15);color:var(--text);cursor:pointer;transition:all .3s ease}.news-page .filter-btn:hover{border-color:var(--accent);color:var(--accent)}.news-page .filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.news-page .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.news-page .news-grid .news-card{background:#fff;box-shadow:0 5px 30px #1a1a2e14;transition:all .4s ease}.news-page .news-grid .news-card:hover{box-shadow:0 15px 50px #1a1a2e1f}.news-page .news-card-link{display:block;padding:2rem;text-decoration:none;height:100%}.news-page .news-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.news-page .news-card-date{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.1em;color:var(--text-light)}.news-page .news-card-category{font-family:Noto Sans JP,sans-serif;font-size:.7rem;padding:.25rem .8rem;background:var(--category-color, var(--accent));color:#fff;letter-spacing:.05em}.news-page .news-card-title{font-family:Noto Sans JP,sans-serif;font-size:1.1rem;font-weight:600;color:var(--primary);line-height:1.6;margin-bottom:1rem;transition:color .3s ease}.news-page .news-grid .news-card:hover .news-card-title{color:var(--accent)}.news-page .news-card-summary{font-family:Noto Sans JP,sans-serif;font-size:.85rem;line-height:1.8;color:var(--text);margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden}.news-page .news-card-footer{display:flex;justify-content:flex-end}.news-page .news-card-more{display:flex;align-items:center;gap:.5rem;font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.15em;color:var(--accent);transition:gap .3s ease}.news-page .news-grid .news-card:hover .news-card-more{gap:.8rem}.news-page .news-card-more svg{transition:transform .3s ease}.news-page .news-grid .news-card:hover .news-card-more svg{transform:translate(3px)}.news-page .news-count{text-align:center;margin-top:3rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light)}.news-page .news-count span{font-family:Cinzel,serif;font-size:1.2rem;color:var(--accent)}.news-page .news-loading{text-align:center;padding:4rem;grid-column:1 / -1}.news-page .news-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(233,69,96,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.news-page .news-loading p{font-family:Noto Sans JP,sans-serif;font-size:.9rem;color:var(--text-light)}.news-page .news-empty{text-align:center;padding:4rem;grid-column:1 / -1}.news-page .news-empty p{font-family:Noto Sans JP,sans-serif;font-size:1rem;color:var(--text-light)}.news-page .news-back{padding:4rem;text-align:center;background:#fff}.news-page .news-back .back-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text);transition:all .3s ease}.news-page .news-back .back-link:hover{color:var(--accent)}.news-page .news-back .back-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(26,26,46,.2);border-radius:50%;transition:all .3s ease}.news-page .news-back .back-link:hover .back-icon{border-color:var(--accent);background:#e945600d}.news-page .news-back .back-text{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em}.news-detail-page{min-height:100vh;background:var(--bg-cream)}.news-detail-page .news-detail-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary);padding:8rem 2rem 6rem}.news-detail-page .news-detail-hero-bg{position:absolute;top:0;left:0;width:100%;height:120%;pointer-events:none}.news-detail-page .news-detail-hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 40%,rgba(233,69,96,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(78,205,196,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(26,26,46,.85) 0%,var(--primary) 100%)}.news-detail-page .news-detail-hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:80px 80px}.news-detail-page .news-detail-hero-image{position:absolute;top:30%;left:60%;transform:translate(-50%,-50%);width:100%;max-width:700px;pointer-events:none;z-index:0}.news-detail-page .news-detail-hero-image img{width:100%;height:auto;filter:brightness(1.5) contrast(1.1)}.news-detail-page .news-detail-hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.news-detail-page .news-particle{position:absolute;background:radial-gradient(circle,#fffc,#fff0 70%);border-radius:50%;filter:blur(1px)}.news-detail-page .news-detail-frame-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.news-detail-page .news-detail-frame{position:absolute;width:100px;height:100px;border:1px solid rgba(255,255,255,.15);transition:all .5s ease}.news-detail-page .news-detail-frame-tl{top:3rem;left:3rem;border-right:none;border-bottom:none}.news-detail-page .news-detail-frame-tr{top:3rem;right:3rem;border-left:none;border-bottom:none}.news-detail-page .news-detail-frame-bl{bottom:3rem;left:3rem;border-right:none;border-top:none}.news-detail-page .news-detail-frame-br{bottom:3rem;right:3rem;border-left:none;border-top:none}.news-detail-page .news-detail-hero-content{position:relative;text-align:center;color:#fff;z-index:3;max-width:900px}.news-detail-page .news-detail-label{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.news-detail-page .news-detail-label span:not(.label-line){font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.4em;color:#fff9}.news-detail-page .news-detail-label .label-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform-origin:center}.news-detail-page .news-detail-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.news-detail-page .news-detail-date{display:flex;align-items:center;gap:.5rem;font-family:Cinzel,serif;font-size:.9rem;letter-spacing:.1em;color:#fffc}.news-detail-page .date-icon{font-size:.5rem;color:var(--accent)}.news-detail-page .meta-divider{color:#ffffff4d}.news-detail-page .news-detail-category{font-family:Noto Sans JP,sans-serif;font-size:.8rem;padding:.4rem 1.2rem;background:#ffffff1a;border:1px solid var(--category-color, var(--accent));color:#fff;letter-spacing:.1em;transition:all .3s ease}.news-detail-page .news-detail-title{font-family:Noto Sans JP,sans-serif;font-size:clamp(1.5rem,4vw,2.8rem);font-weight:600;line-height:1.6;color:#fff;letter-spacing:.05em;text-align:center;max-width:900px;margin:0 auto}.news-detail-page .news-detail-title-line{width:80px;height:2px;background:var(--accent);margin:2rem auto 0;transform-origin:center}.news-detail-page .news-detail-side-text{position:absolute;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#fff3;writing-mode:vertical-rl;z-index:3}.news-detail-page .news-detail-side-text.left{left:3rem;bottom:3rem}.news-detail-page .news-detail-side-text.right{right:3rem;top:50%;transform:translateY(-50%)}.news-detail-page .news-detail-scroll{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;z-index:3}.news-detail-page .news-detail-scroll .scroll-mouse{width:24px;height:40px;border:1px solid rgba(255,255,255,.4);border-radius:12px;position:relative}.news-detail-page .news-detail-scroll .scroll-wheel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:3px;height:8px;background:#fff9;border-radius:2px;animation:scrollWheel 2s ease-in-out infinite}.news-detail-page .news-detail-scroll span{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.3em;color:#fff6}.news-detail-page .news-detail-content-section{position:relative;padding:6rem 0;background:var(--bg-cream)}.news-detail-page .content-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(233,69,96,.03) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(26,26,46,.02) 0%,transparent 40%);pointer-events:none}.news-detail-page .news-detail-container{max-width:800px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.news-detail-page .article-header-deco{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.news-detail-page .deco-ornament{font-size:.6rem;color:var(--accent)}.news-detail-page .deco-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,46,.2),transparent)}.news-detail-page .deco-text{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.3em;color:var(--accent)}.news-detail-page .news-detail-article{position:relative;background:#fff;padding:4rem;box-shadow:0 15px 50px #1a1a2e14}.news-detail-page .article-corner{position:absolute;width:30px;height:30px;border:1px solid rgba(233,69,96,.2);transition:all .4s ease}.news-detail-page .article-corner-tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.news-detail-page .article-corner-tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.news-detail-page .article-corner-bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.news-detail-page .article-corner-br{bottom:-1px;right:-1px;border-left:none;border-top:none}.news-detail-page .news-detail-article:hover .article-corner{width:50px;height:50px;border-color:var(--accent)}.news-detail-page .news-detail-summary{position:relative;padding:2.5rem 3rem;margin-bottom:3rem;background:linear-gradient(135deg,#e9456008,#1a1a2e05);border-left:3px solid var(--accent)}.news-detail-page .summary-quote-mark{position:absolute;font-family:Cormorant Garamond,serif;font-size:4rem;color:var(--accent);opacity:.2;line-height:1}.news-detail-page .summary-quote-mark:first-of-type{top:.5rem;left:1rem}.news-detail-page .summary-quote-mark.end{bottom:.5rem;right:1rem}.news-detail-page .news-detail-summary p{font-family:Noto Sans JP,sans-serif;font-size:1.15rem;line-height:2.2;color:var(--primary);font-weight:500}.news-detail-page .news-detail-body{padding-top:2rem;border-top:1px solid rgba(26,26,46,.08)}.news-detail-page .news-detail-body p{font-family:Noto Sans JP,sans-serif;font-size:1rem;line-height:2.2;color:var(--text);margin-bottom:1.8rem}.news-detail-page .news-detail-body p:last-child{margin-bottom:0}.news-detail-page .article-footer-deco{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:3rem;padding-top:3rem}.news-detail-page .footer-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,46,.15),transparent)}.news-detail-page .footer-ornament{font-size:.6rem;color:var(--accent)}.news-detail-page .news-detail-actions{display:flex;justify-content:center;margin-top:4rem}.news-detail-page .greek-action-button{display:flex;align-items:center;gap:2rem;padding:1.5rem 0;text-decoration:none;transition:all .4s ease}.news-detail-page .action-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,46,.3),transparent);position:relative;transition:all .4s ease}.news-detail-page .action-line:before{content:"";position:absolute;width:8px;height:8px;border:1px solid rgba(26,26,46,.3);transform:rotate(45deg);top:50%;transition:all .4s ease}.news-detail-page .action-line.left:before{left:0;transform:translateY(-50%) rotate(45deg)}.news-detail-page .action-line.right:before{right:0;transform:translateY(-50%) rotate(45deg)}.news-detail-page .action-content{display:flex;align-items:center;gap:1rem}.news-detail-page .action-content svg{color:var(--text-light);transition:all .3s ease}.news-detail-page .action-text{display:flex;flex-direction:column;align-items:center;gap:.2rem}.news-detail-page .action-text .text-en{font-family:Cinzel,serif;font-size:.85rem;font-weight:500;letter-spacing:.2em;color:var(--primary);transition:all .3s ease}.news-detail-page .action-text .text-jp{font-family:Noto Sans JP,sans-serif;font-size:.7rem;color:var(--text-light)}.news-detail-page .greek-action-button:hover .action-line{width:80px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.news-detail-page .greek-action-button:hover .action-line:before{border-color:var(--accent)}.news-detail-page .greek-action-button:hover .action-content svg{color:var(--accent);transform:translate(-5px)}.news-detail-page .greek-action-button:hover .text-en{color:var(--accent);letter-spacing:.3em}.news-detail-page .news-related-section{position:relative;padding:6rem 0;background:#fff;overflow:hidden}.news-detail-page .related-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(233,69,96,.02) 0%,transparent 30%),radial-gradient(circle at 90% 80%,rgba(26,26,46,.02) 0%,transparent 30%);pointer-events:none}.news-detail-page .related-header-area{text-align:center;margin-bottom:4rem}.news-detail-page .related-label-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.news-detail-page .related-label-row .label-line{width:50px;height:1px;background:linear-gradient(90deg,transparent,rgba(26,26,46,.2),transparent);transform-origin:center}.news-detail-page .related-ornament{font-size:.5rem;color:var(--accent)}.news-detail-page .related-label{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.4em;color:var(--accent)}.news-detail-page .related-title{font-family:Noto Sans JP,sans-serif;font-size:1.5rem;font-weight:500;color:var(--primary);letter-spacing:.15em}.news-detail-page .related-divider{width:80px;height:2px;background:var(--accent);margin:1.5rem auto 0;transform-origin:center}.news-detail-page .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.news-detail-page .related-card{position:relative;background:var(--bg-cream);transition:all .4s ease;overflow:hidden}.news-detail-page .related-card-link{display:flex;padding:2rem;text-decoration:none;gap:1.5rem}.news-detail-page .related-card-number{font-family:Cinzel,serif;font-size:2rem;font-weight:400;color:#e9456026;line-height:1;transition:all .3s ease}.news-detail-page .related-card:hover .related-card-number{color:var(--accent)}.news-detail-page .related-card-content{flex:1;display:flex;flex-direction:column}.news-detail-page .related-card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.news-detail-page .related-card-date{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.1em;color:var(--text-light)}.news-detail-page .related-card-category{font-family:Noto Sans JP,sans-serif;font-size:.6rem;padding:.2rem .6rem;background:var(--category-color, var(--accent));color:#fff}.news-detail-page .related-card-title{font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:500;color:var(--primary);line-height:1.6;margin-bottom:1rem;transition:color .3s ease}.news-detail-page .related-card:hover .related-card-title{color:var(--accent)}.news-detail-page .related-card-arrow{display:flex;align-items:center;color:var(--text-light);transition:all .3s ease;margin-top:auto}.news-detail-page .related-card:hover .related-card-arrow{color:var(--accent);transform:translate(5px)}.news-detail-page .related-card-corner{position:absolute;width:20px;height:20px;border:1px solid rgba(233,69,96,.15);transition:all .3s ease}.news-detail-page .related-card-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.news-detail-page .related-card-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.news-detail-page .related-card:hover .related-card-corner{width:35px;height:35px;border-color:var(--accent)}.news-detail-page .news-back{padding:4rem;text-align:center;background:var(--bg-cream)}.news-detail-page .news-back .back-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text);transition:all .3s ease}.news-detail-page .news-back .back-link:hover{color:var(--accent)}.news-detail-page .news-back .back-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(26,26,46,.2);border-radius:50%;transition:all .3s ease}.news-detail-page .news-back .back-link:hover .back-icon{border-color:var(--accent);background:#e945600d}.news-detail-page .news-back .back-text{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em}.news-detail-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-cream);gap:1.5rem}.news-detail-loading .loading-spinner{width:50px;height:50px;border:2px solid rgba(233,69,96,.1);border-top-color:var(--accent);border-radius:50%}.news-detail-loading p{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.2em;color:var(--text-light)}.news-detail-notfound{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-cream);text-align:center}.news-detail-notfound h1{font-family:Cinzel,serif;font-size:8rem;font-weight:400;color:var(--accent);line-height:1;margin-bottom:1rem;text-shadow:0 10px 30px rgba(233,69,96,.2)}.news-detail-notfound p{font-family:Noto Sans JP,sans-serif;font-size:1.1rem;color:var(--text-light);margin-bottom:2rem}.news-detail-notfound .notfound-link{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2.5rem;background:var(--primary);color:#fff;text-decoration:none;font-family:Noto Sans JP,sans-serif;font-size:.9rem;letter-spacing:.1em;transition:all .3s ease}.news-detail-notfound .notfound-link:hover{background:var(--accent);transform:translateY(-3px);box-shadow:0 10px 30px #e945604d}.news-detail-notfound .notfound-link svg{transition:transform .3s ease}.news-detail-notfound .notfound-link:hover svg{transform:translate(5px)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.news-page .news-list-bg-sketch{width:60%;right:-10%;opacity:.06}.news-page .news-hero{min-height:80vh}.news-page .news-hero-frame{width:80px;height:80px}.news-page .news-hero-frame-tl,.news-page .news-hero-frame-bl{left:2rem}.news-page .news-hero-frame-tr,.news-page .news-hero-frame-br{right:2rem}.news-page .news-hero-frame-tl,.news-page .news-hero-frame-tr{top:2rem}.news-page .news-hero-frame-bl,.news-page .news-hero-frame-br{bottom:2rem}.news-page .news-side-text{display:none}.news-page .news-page-decode{font-size:clamp(2.5rem,10vw,5rem)}.news-page .news-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.news-detail-page .news-detail-frame{width:60px;height:60px}.news-detail-page .news-detail-side-text{display:none}.news-detail-page .news-detail-article{padding:3rem}.news-detail-page .related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.news-page .news-list-bg-sketch{width:70%;right:-15%;top:30%;opacity:.05}.news-page .news-hero{min-height:70vh}.news-page .news-hero-frame{width:50px;height:50px}.news-page .news-hero-label .label-line{width:40px}.news-page .news-hero-label span:not(.label-line){font-size:.65rem;letter-spacing:.3em}.news-page .news-page-decode{font-size:clamp(2rem,12vw,4rem)}.news-page .news-hero-tagline{font-size:1rem}.news-page .news-list-section{padding:4rem 0}.news-page .filter-buttons{gap:.5rem}.news-page .filter-btn{font-size:.8rem;padding:.5rem 1rem}.news-page .news-grid{grid-template-columns:1fr}.news-page .news-card-link{padding:1.5rem}.news-detail-page .news-detail-hero{min-height:50vh;padding:6rem 1.5rem 4rem}.news-detail-page .news-detail-frame{display:none}.news-detail-page .news-detail-label{gap:1rem}.news-detail-page .news-detail-label .label-line{width:40px}.news-detail-page .news-detail-scroll{display:none}.news-detail-page .news-detail-title{font-size:clamp(1.3rem,5vw,2rem)}.news-detail-page .news-detail-article{padding:2rem}.news-detail-page .news-detail-summary{padding:1.5rem 2rem}.news-detail-page .summary-quote-mark{font-size:2.5rem}.news-detail-page .related-grid{grid-template-columns:1fr;gap:1.5rem}.news-detail-page .related-card-number{font-size:1.5rem}.news-detail-page .greek-action-button{gap:1rem}.news-detail-page .action-line{width:40px}}@media(max-width:480px){.news-page .news-list-bg-sketch{display:none}.news-page .news-hero{min-height:60vh}.news-page .news-hero-frame{display:none}.news-page .news-hero-label{gap:1rem}.news-page .news-hero-label .label-line{width:30px}.news-page .news-page-decode{font-size:clamp(1.8rem,14vw,3rem);letter-spacing:.1em}.news-page .news-list-section .news-container{padding:0 1.5rem}.news-page .filter-buttons{flex-direction:column;align-items:stretch}.news-page .filter-btn{width:100%}.news-page .news-card-title{font-size:1rem}.news-detail-page .news-detail-hero{padding:5rem 1rem 3rem}.news-detail-page .news-detail-label span:not(.label-line){font-size:.65rem;letter-spacing:.2em}.news-detail-page .news-detail-meta{flex-direction:column;gap:.8rem}.news-detail-page .meta-divider{display:none}.news-detail-page .article-header-deco{gap:.5rem}.news-detail-page .deco-line{width:30px}.news-detail-page .news-detail-container{padding:0 1rem}.news-detail-page .news-detail-article{padding:1.5rem}.news-detail-page .news-detail-summary{padding:1rem 1.5rem}.news-detail-page .news-detail-summary p{font-size:1rem}.news-detail-page .news-detail-body p{font-size:.95rem}.news-detail-page .action-line{width:30px}.news-detail-page .action-text .text-en{font-size:.75rem}.news-detail-notfound h1{font-size:5rem}.news-page .news-back{padding:3rem 1.5rem}.news-page .news-back .back-icon{width:40px;height:40px}.news-detail-page .news-back{padding:3rem 1.5rem}.news-detail-page .news-back .back-icon{width:40px;height:40px}}@media(max-width:768px){.news-page .news-hero-image{top:50%;left:50%;max-width:500px;opacity:.08}}@media(max-width:480px){.news-page .news-hero-image{top:60%;left:40%;max-width:350px;opacity:.06}.news-page .news-hero-image img{width:100%}}@media(max-width:480px){.news-detail-page .news-detail-hero-image{top:60%;left:45%;max-width:300px;opacity:.05}.news-detail-page .news-detail-hero-image img{width:100%}}.demo-page{min-height:100vh;background:var(--bg-cream)}.demo-page .demo-hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary)}.demo-page .demo-hero-bg{position:absolute;top:0;left:0;width:100%;height:120%;pointer-events:none}.demo-page .demo-hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 30% 40%,rgba(233,69,96,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(78,205,196,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(26,26,46,.8) 0%,var(--primary) 100%)}.demo-page .demo-hero-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:100px 100px}.demo-page .demo-hero-image{position:absolute;top:35%;left:58%;transform:translate(-50%,-50%);width:100%;max-width:800px;opacity:.1;pointer-events:none;z-index:0}.demo-page .demo-hero-image img{width:90%;height:auto;filter:brightness(1.5) contrast(1.1)}.demo-page .demo-hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.demo-page .demo-particle{position:absolute;background:radial-gradient(circle,#fffc,#fff0 70%);border-radius:50%;filter:blur(1px)}.demo-page .demo-hero-frame-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.demo-page .demo-hero-frame{position:absolute;width:120px;height:120px;border:1px solid rgba(255,255,255,.15);transition:all .5s ease}.demo-page .demo-hero-frame-tl{top:4rem;left:4rem;border-right:none;border-bottom:none}.demo-page .demo-hero-frame-tr{top:4rem;right:4rem;border-left:none;border-bottom:none}.demo-page .demo-hero-frame-bl{bottom:4rem;left:4rem;border-right:none;border-top:none}.demo-page .demo-hero-frame-br{bottom:4rem;right:4rem;border-left:none;border-top:none}.demo-page .demo-hero-content{position:relative;text-align:center;color:#fff;z-index:1}.demo-page .demo-hero-label{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.demo-page .demo-hero-label span:not(.label-line){font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.5em;color:#ffffffb3}.demo-page .demo-hero-label .label-line{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform-origin:center}.demo-page .demo-hero-title{margin-bottom:2.5rem;display:flex;justify-content:center}.demo-page .demo-page-decode{font-family:Cinzel,serif;font-size:clamp(3rem,12vw,8rem);font-weight:400;letter-spacing:.15em}.demo-page .demo-page-decode .decode-char.state-3{color:#fff;text-shadow:0 0 80px rgba(255,255,255,.4)}.demo-page .demo-hero-tagline{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;letter-spacing:.2em;color:#fffc;line-height:2}.demo-page .demo-hero-tagline .tagline-accent{color:var(--accent);font-weight:500}.demo-page .demo-hero-scroll{position:absolute;bottom:-180px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem}.demo-page .demo-hero-scroll .scroll-mouse{width:26px;height:42px;border:2px solid rgba(255,255,255,.4);border-radius:13px;position:relative}.demo-page .demo-hero-scroll .scroll-wheel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:10px;background:#fffc;border-radius:2px;animation:scrollWheel 1.5s ease-in-out infinite}.demo-page .demo-hero-scroll span{font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#ffffff80}.demo-page .demo-side-text{position:absolute;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;color:#ffffff4d;writing-mode:vertical-rl}.demo-page .demo-side-text.left{left:4rem;bottom:4rem}.demo-page .demo-side-text.right{right:4rem;top:50%;transform:translateY(-50%)}.demo-page .demo-list-section{position:relative;padding:6rem 0;background:var(--bg-cream);overflow:hidden}.demo-page .demo-list-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.demo-page .demo-list-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(233,69,96,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(78,205,196,.03) 0%,transparent 50%)}.demo-page .demo-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem}.demo-page .demo-filter{text-align:center;margin-bottom:4rem}.demo-page .filter-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.demo-page .filter-ornament{font-size:.7rem;color:var(--accent)}.demo-page .filter-label{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.3em;color:var(--accent)}.demo-page .filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.demo-page .filter-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem 1.8rem;background:#fff;border:1px solid rgba(26,26,46,.1);cursor:pointer;transition:all .3s ease}.demo-page .filter-btn .btn-en{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.15em;color:var(--primary);transition:color .3s ease}.demo-page .filter-btn .btn-jp{font-family:Noto Sans JP,sans-serif;font-size:.65rem;color:var(--text-light)}.demo-page .filter-btn:hover{border-color:var(--accent)}.demo-page .filter-btn:hover .btn-en{color:var(--accent)}.demo-page .filter-btn.active{background:var(--primary);border-color:var(--primary)}.demo-page .filter-btn.active .btn-en{color:#fff}.demo-page .filter-btn.active .btn-jp{color:#ffffffb3}.demo-page .demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.demo-page .demo-card{position:relative;background:#fff;box-shadow:0 5px 30px #1a1a2e14;transition:all .4s ease;overflow:hidden}.demo-page .demo-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--card-color, var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.demo-page .demo-card:hover:before{transform:scaleX(1)}.demo-page .demo-card:hover{box-shadow:0 20px 50px #1a1a2e26}.demo-page .demo-card-link{display:block;padding:2rem;text-decoration:none;height:100%}.demo-page .demo-card .card-corner{position:absolute;width:20px;height:20px;border:1px solid rgba(26,26,46,.1);transition:all .3s ease}.demo-page .demo-card .card-corner.tl{top:0;left:0;border-right:none;border-bottom:none}.demo-page .demo-card .card-corner.br{bottom:0;right:0;border-left:none;border-top:none}.demo-page .demo-card:hover .card-corner{width:30px;height:30px;border-color:var(--card-color, var(--accent))}.demo-page .demo-card-category span{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.2em;color:var(--card-color, var(--accent));padding:.3rem .8rem}.demo-page .demo-card-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--card-color, var(--accent)) 0%,transparent 100%);opacity:.15;border-radius:50%;margin-bottom:1.5rem;transition:all .3s ease}.demo-page .demo-card-icon span{font-size:1.8rem;filter:grayscale(100%);transition:filter .3s ease}.demo-page .demo-card:hover .demo-card-icon{opacity:1;background:var(--card-color, var(--accent))}.demo-page .demo-card:hover .demo-card-icon span{filter:grayscale(0%) brightness(10)}.demo-page .demo-card-title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:500;letter-spacing:.05em;color:var(--primary);margin-bottom:.3rem;transition:color .3s ease}.demo-page .demo-card:hover .demo-card-title{color:var(--card-color, var(--accent))}.demo-page .demo-card-title-jp{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);margin-bottom:1rem}.demo-page .demo-card-description{font-family:Noto Sans JP,sans-serif;font-size:.85rem;line-height:1.8;color:var(--text);margin-bottom:1.5rem}.demo-page .demo-card-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.demo-page .demo-card-tech span{font-family:Noto Sans JP,sans-serif;font-size:.65rem;padding:.25rem .6rem;background:var(--bg-cream);color:var(--text-light);border-radius:2px}.demo-page .demo-card-action{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(26,26,46,.08)}.demo-page .demo-card-action .try-text{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.15em;color:var(--card-color, var(--accent));transition:letter-spacing .3s ease}.demo-page .demo-card-action .try-arrow{font-size:1rem;color:var(--card-color, var(--accent));transition:transform .3s ease}.demo-page .demo-card:hover .demo-card-action .try-text{letter-spacing:.25em}.demo-page .demo-card:hover .demo-card-action .try-arrow{transform:translate(5px)}.demo-page .demo-count{text-align:center;margin-top:3rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light)}.demo-page .demo-count span{font-family:Cinzel,serif;font-size:1.5rem;color:var(--accent);margin-right:.3rem}.demo-page .demo-back{padding:4rem;text-align:center;background:#fff}.demo-page .demo-back .back-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:var(--text);transition:all .3s ease}.demo-page .demo-back .back-link:hover{color:var(--accent)}.demo-page .demo-back .back-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(26,26,46,.2);border-radius:50%;transition:all .3s ease}.demo-page .demo-back .back-link:hover .back-icon{border-color:var(--accent);background:#e945600d}.demo-page .demo-back .back-text{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.15em}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}@media(max-width:1200px){.demo-page .demo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.demo-page .demo-hero{min-height:80vh}.demo-page .demo-hero-frame{width:80px;height:80px}.demo-page .demo-hero-frame-tl,.demo-page .demo-hero-frame-bl{left:2rem}.demo-page .demo-hero-frame-tr,.demo-page .demo-hero-frame-br{right:2rem}.demo-page .demo-hero-frame-tl,.demo-page .demo-hero-frame-tr{top:2rem}.demo-page .demo-hero-frame-bl,.demo-page .demo-hero-frame-br{bottom:2rem}.demo-page .demo-side-text{display:none}.demo-page .demo-page-decode{font-size:clamp(2.5rem,10vw,5rem)}.demo-page .demo-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.demo-page .demo-hero{min-height:70vh}.demo-page .demo-hero-frame{width:50px;height:50px}.demo-page .demo-hero-label .label-line{width:40px}.demo-page .demo-hero-label span:not(.label-line){font-size:.65rem;letter-spacing:.3em}.demo-page .demo-page-decode{font-size:clamp(2rem,12vw,4rem)}.demo-page .demo-hero-tagline{font-size:1rem}.demo-page .demo-list-section{padding:4rem 0}.demo-page .filter-buttons{gap:.5rem}.demo-page .filter-btn{padding:.6rem 1.2rem}.demo-page .demo-card-link{padding:1.5rem}}@media(max-width:480px){.demo-page .demo-hero{min-height:60vh}.demo-page .demo-hero-frame{display:none}.demo-page .demo-hero-label{gap:1rem}.demo-page .demo-hero-label .label-line{width:30px}.demo-page .demo-page-decode{font-size:clamp(1.8rem,14vw,3rem);letter-spacing:.1em}.demo-page .demo-container{padding:0 1rem}.demo-page .filter-buttons{flex-direction:column;align-items:stretch}.demo-page .filter-btn{width:100%}.demo-page .demo-grid{grid-template-columns:1fr}.demo-page .demo-back{padding:3rem 1.5rem}.demo-page .demo-back .back-icon{width:40px;height:40px}}.demo-detail-page{min-height:100vh;background:var(--bg-cream);padding-top:100px}.demo-detail-header{max-width:1400px;margin:0 auto;padding:2rem}.demo-back-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-light);font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.1em;transition:all .3s ease;margin-bottom:2rem}.demo-back-link:hover{color:var(--accent)}.demo-back-link svg{transition:transform .3s ease}.demo-back-link:hover svg{transform:translate(-5px)}.demo-detail-title-area{text-align:center}.demo-detail-category{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.3em;color:var(--accent);padding:.4rem 1rem;border:1px solid var(--accent);display:inline-block;margin-bottom:1rem}.demo-detail-title{font-family:Cinzel,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;letter-spacing:.1em;color:var(--primary);margin-bottom:.5rem}.demo-detail-subtitle{font-family:Noto Sans JP,sans-serif;font-size:1rem;color:var(--text-light);letter-spacing:.2em}.demo-detail-content{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 320px;gap:2rem}.demo-canvas-wrapper{position:relative;background:#1a1a2e;border-radius:8px;overflow:hidden;min-height:500px;box-shadow:0 20px 60px #1a1a2e4d}.particle-canvas{display:block;width:100%;height:100%;min-height:500px}.canvas-overlay-text{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);pointer-events:none}.canvas-overlay-text span{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:#fff6;letter-spacing:.1em}.demo-control-panel{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 10px 40px #1a1a2e1a;height:fit-content;position:sticky;top:120px}.control-header{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(26,26,46,.1)}.control-icon{font-size:1.5rem}.control-header h3{font-family:Cinzel,serif;font-size:1rem;font-weight:500;letter-spacing:.1em;color:var(--primary)}.control-group{margin-bottom:1.5rem}.control-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.control-label{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text)}.control-value{font-family:Cinzel,serif;font-size:.85rem;color:var(--accent)}.control-group input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent),var(--accent));background-size:50% 100%;background-repeat:no-repeat;border-radius:3px;cursor:pointer}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #e945604d;transition:transform .2s ease}.control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.color-picker-row{display:flex;align-items:center;gap:1rem}.control-group input[type=color]{width:50px;height:35px;border:none;border-radius:4px;cursor:pointer;padding:0}.color-value{font-family:Courier New,monospace;font-size:.85rem;color:var(--text-light)}.control-buttons{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(26,26,46,.1)}.control-btn{flex:1;padding:.8rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.control-btn.play,.control-btn.pause{background:var(--primary);color:#fff}.control-btn.play:hover,.control-btn.pause:hover{background:var(--accent)}.control-btn.reset{background:transparent;border:1px solid var(--text-light);color:var(--text-light)}.control-btn.reset:hover{border-color:var(--accent);color:var(--accent)}.demo-tech-section{max-width:1400px;margin:0 auto;padding:3rem 2rem}.demo-tech-section h3{font-family:Cinzel,serif;font-size:1.2rem;font-weight:500;letter-spacing:.1em;color:var(--primary);margin-bottom:1.5rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.tech-tags span{font-family:Noto Sans JP,sans-serif;font-size:.8rem;padding:.5rem 1rem;background:#fff;border:1px solid rgba(26,26,46,.1);border-radius:4px;color:var(--text)}.tech-description{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 5px 20px #1a1a2e0d}.tech-description p{font-family:Noto Sans JP,sans-serif;font-size:.95rem;line-height:2;color:var(--text)}@media(max-width:1024px){.demo-detail-content{grid-template-columns:1fr}.demo-control-panel{position:static}}@media(max-width:768px){.demo-detail-page{padding-top:80px}.demo-detail-header,.demo-detail-content{padding:1.5rem}.demo-canvas-wrapper,.particle-canvas{min-height:400px}.control-buttons{flex-direction:column}}@media(max-width:480px){.demo-detail-title{font-size:1.8rem}.demo-canvas-wrapper,.particle-canvas{min-height:300px}.demo-control-panel{padding:1.5rem}}.card-demo-area{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;padding:3rem}.card-3d-grid{display:grid;gap:2rem;width:100%;max-width:800px}.card-3d-wrapper{perspective:1000px}.card-3d{position:relative;padding:2.5rem;border-radius:16px;cursor:pointer;transform-style:preserve-3d;transition:box-shadow .3s ease;overflow:hidden;min-height:220px}.card-3d.hovered{box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a}.card-3d.with-border:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#fff6,#ffffff1a);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.card-glare{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .3s ease;border-radius:16px}.card-3d-content{position:relative;z-index:1;color:#fff}.card-3d-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.card-3d-title{font-family:Cinzel,serif;font-size:1.4rem;font-weight:500;letter-spacing:.05em;margin-bottom:.3rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.card-3d-subtitle{font-family:Noto Sans JP,sans-serif;font-size:.85rem;opacity:.8;margin-bottom:1rem;letter-spacing:.1em}.card-3d-description{font-family:Noto Sans JP,sans-serif;font-size:.9rem;line-height:1.6;opacity:.9}.card-3d-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-20deg);transition:left .6s ease;pointer-events:none}.card-3d.hovered .card-3d-shine{left:150%}.card-3d-corner{position:absolute;width:30px;height:30px;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.card-3d-corner.tl{top:12px;left:12px;border-right:none;border-bottom:none}.card-3d-corner.br{bottom:12px;right:12px;border-left:none;border-top:none}.card-3d.hovered .card-3d-corner{width:40px;height:40px;border-color:#fff9}.checkbox-group{margin-bottom:1rem}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:22px;height:22px;border:2px solid rgba(26,26,46,.2);border-radius:4px;position:relative;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--accent);border-color:var(--accent)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-label:hover .checkbox-custom{border-color:var(--accent)}@media(max-width:768px){.card-demo-area{padding:2rem 1rem}.card-3d-grid{grid-template-columns:1fr!important;gap:1.5rem}.card-3d{padding:2rem;min-height:180px}.card-3d-icon{font-size:2.5rem}.card-3d-title{font-size:1.2rem}}.dashboard-layout{grid-template-columns:1fr 280px}.dashboard-area{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;padding:2rem;min-height:600px}.dashboard-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.2em;color:#fff9}.status-dot{width:8px;height:8px;border-radius:50%;background:#6b7280}.status-dot.live{background:#22c55e;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.stat-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.2rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--stat-color)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.2rem}.stat-change{font-family:Noto Sans JP,sans-serif;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px}.stat-change.positive{background:#22c55e33;color:#22c55e}.stat-change.negative{background:#ef444433;color:#ef4444}.stat-value{font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.3rem}.stat-title{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:#ffffff80;margin-bottom:.8rem}.stat-sparkline{margin-top:.5rem;opacity:.8}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.chart-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.chart-card.donut-card{grid-column:span 2}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h4{font-family:Cinzel,serif;font-size:1rem;font-weight:500;color:#fff;letter-spacing:.05em}.chart-badge{font-family:Noto Sans JP,sans-serif;font-size:.65rem;padding:.3rem .6rem;background:#e9456033;color:#e94560;border-radius:4px}.chart-body{min-height:200px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:.8rem;padding-top:1rem}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-fill{width:70%;border-radius:4px 4px 0 0;min-height:4px}.bar-label{font-family:Noto Sans JP,sans-serif;font-size:.65rem;color:#ffffff80;margin-top:.5rem}.donut-body{display:flex;align-items:center;justify-content:center;gap:3rem;min-height:auto}.donut-chart-wrapper{position:relative}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-total{display:block;font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;color:#fff}.donut-label{font-family:Noto Sans JP,sans-serif;font-size:.7rem;color:#ffffff80}.donut-legend{display:flex;flex-direction:column;gap:.8rem}.legend-item{display:flex;align-items:center;gap:.8rem}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-label{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:#ffffffb3;flex:1}.legend-value{font-family:Cinzel,serif;font-size:.85rem;color:#fff}.control-info{margin-top:1.5rem;padding:1rem;background:#e945601a;border-radius:8px}.control-info p{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);margin:0}@media(max-width:1200px){.stat-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.dashboard-layout,.charts-grid{grid-template-columns:1fr}.chart-card.donut-card{grid-column:span 1}.donut-body{flex-direction:column;gap:1.5rem}}@media(max-width:768px){.dashboard-area{padding:1.5rem}.stat-cards-grid{grid-template-columns:1fr;gap:.8rem}.stat-card{padding:1rem}.stat-value{font-size:1.3rem}.bar-chart{height:150px}}.stat-unit{font-size:.7em;margin-left:.2em;opacity:.7}.svg-demo-area{background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.svg-display{position:relative;width:100%;max-width:400px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.svg-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.svg-glow{position:absolute;width:120%;height:120%;top:-10%;left:-10%;pointer-events:none;z-index:0}.svg-image-wrapper{position:relative;z-index:1;width:80%;height:80%;display:flex;align-items:center;justify-content:center;perspective:1000px}.svg-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.svg-name{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:.3rem}.svg-name-en{font-family:Cinzel,serif;font-size:1.3rem;color:#fff;letter-spacing:.1em}.svg-name-jp{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:#fff9;letter-spacing:.2em}.svg-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.svg-particle{position:absolute;border-radius:50%;filter:blur(1px)}.svg-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.svg-select-btn{padding:.6rem .8rem;font-family:Noto Sans JP,sans-serif;font-size:.75rem;background:var(--bg-cream);border:1px solid rgba(26,26,46,.15);border-radius:4px;cursor:pointer;transition:all .3s ease}.svg-select-btn:hover{border-color:var(--btn-color, var(--accent));color:var(--btn-color, var(--accent))}.svg-select-btn.active{background:var(--btn-color, var(--accent));border-color:var(--btn-color, var(--accent));color:#fff}.animation-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.animation-select-btn{padding:.5rem .6rem;font-family:Noto Sans JP,sans-serif;font-size:.7rem;background:var(--bg-cream);border:1px solid rgba(26,26,46,.15);border-radius:4px;cursor:pointer;transition:all .3s ease}.animation-select-btn:hover{border-color:var(--accent);color:var(--accent)}.animation-select-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}@media(max-width:768px){.svg-demo-area{padding:2rem 1rem}.svg-display{max-width:280px}.svg-selector,.animation-selector{grid-template-columns:1fr}}.md-toolbar{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.md-toolbar-buttons{display:flex;gap:.3rem;flex-wrap:wrap}.md-toolbar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--primary);transition:all .2s ease}.md-toolbar-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.md-toolbar-actions{display:flex;gap:.5rem}.md-action-btn{padding:.5rem 1rem;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:6px;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text);transition:all .2s ease}.md-action-btn:hover{border-color:var(--accent);color:var(--accent)}.md-editor-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;gap:0;height:500px;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #1a1a2e26}.md-editor-container.theme-dark{background:#1e1e2e}.md-editor-container.theme-light{background:#fff}.md-editor-pane,.md-preview-pane{display:flex;flex-direction:column;overflow:hidden}.md-pane-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.theme-light .md-pane-header{border-bottom-color:#1a1a2e1a}.md-pane-title{font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:500}.theme-dark .md-pane-title{color:#fffc}.theme-light .md-pane-title{color:var(--primary)}.md-pane-stats{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:#ffffff80}.theme-light .md-pane-stats{color:var(--text-light)}.md-textarea-wrapper{flex:1;display:flex;overflow:hidden}.md-line-numbers{padding:1rem .5rem;text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden}.md-line-number{font-family:Courier New,monospace;font-size:.8rem;line-height:1.8;color:#ffffff4d}.theme-light .md-line-number{color:#1a1a2e4d}.md-textarea{flex:1;padding:1rem;border:none;background:transparent;resize:none;outline:none;font-family:Courier New,monospace}.theme-dark .md-textarea{color:#e0e0e0}.theme-light .md-textarea{color:var(--text)}.md-textarea::placeholder{color:#ffffff4d}.theme-light .md-textarea::placeholder{color:#1a1a2e4d}.md-divider{width:4px;background:#ffffff1a;cursor:col-resize}.theme-light .md-divider{background:#1a1a2e1a}.md-preview{flex:1;padding:1rem 1.5rem;overflow-y:auto}.theme-dark .md-preview{color:#e0e0e0}.theme-light .md-preview{color:var(--text)}.md-h1{font-family:Cinzel,serif;font-size:1.8em;font-weight:500;margin:.5em 0;padding-bottom:.3em;border-bottom:2px solid var(--accent)}.md-h2{font-family:Cinzel,serif;font-size:1.4em;font-weight:500;margin:.5em 0;padding-bottom:.2em;border-bottom:1px solid rgba(233,69,96,.3)}.md-h3{font-family:Cinzel,serif;font-size:1.2em;font-weight:500;margin:.5em 0}.md-p{margin:.8em 0;line-height:1.8}.md-ul,.md-ol{margin:.8em 0;padding-left:1.5em}.md-li,.md-li-ordered{margin:.3em 0}.md-blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--accent);background:#e945601a;border-radius:0 8px 8px 0}.md-code-block{margin:1em 0;padding:1em;background:#2d2d3a;border-radius:8px;overflow-x:auto}.theme-light .md-code-block{background:#f5f5f5}.md-code-block code{font-family:Courier New,monospace;font-size:.9em;color:#4ecdc4}.theme-light .md-code-block code{color:#e94560}.md-inline-code{padding:.15em .4em;background:#4ecdc433;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#4ecdc4}.theme-light .md-inline-code{background:#e945601a;color:#e94560}.md-link{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.md-link:hover{border-bottom-color:var(--accent)}.md-hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:1.5em 0}.md-checkbox{display:flex;align-items:center;gap:.5em;margin:.3em 0}.md-checkbox .checkbox-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);border-radius:4px;font-size:.7em}.theme-light .md-checkbox .checkbox-icon{border-color:#1a1a2e4d}.md-checkbox.checked .checkbox-icon{background:var(--accent);border-color:var(--accent);color:#fff}.md-image{max-width:100%;border-radius:8px;margin:1em 0}.md-settings{max-width:1400px;margin:1.5rem auto;padding:0 2rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.md-setting-item{display:flex;align-items:center;gap:.8rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text)}.md-setting-item select{padding:.4rem .8rem;border:1px solid rgba(26,26,46,.15);border-radius:6px;background:#fff;cursor:pointer}.md-setting-item input[type=range]{width:80px}.md-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.md-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media(max-width:1024px){.md-editor-container{flex-direction:column;height:auto}.md-editor-pane,.md-preview-pane{width:100%!important;min-height:300px}.md-divider{width:100%;height:4px}}@media(max-width:768px){.md-toolbar,.md-editor-container{padding:0 1rem}.md-toolbar-buttons,.md-toolbar-actions{width:100%;justify-content:center}.md-settings{padding:0 1rem;flex-direction:column;align-items:flex-start}}.compress-layout{grid-template-columns:1fr 320px}.compress-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #1a1a2e1a}.compress-dropzone{border:3px dashed rgba(26,26,46,.2);border-radius:16px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-cream)}.compress-dropzone:hover,.compress-dropzone.dragging{border-color:var(--accent);background:#e945600d}.compress-dropzone.dragging{transform:scale(1.02)}.dropzone-icon{font-size:4rem;margin-bottom:1rem}.compress-dropzone h3{font-family:Cinzel,serif;font-size:1.3rem;color:var(--primary);margin-bottom:.5rem}.compress-dropzone p{font-family:Noto Sans JP,sans-serif;font-size:.95rem;color:var(--text-light);margin-bottom:1rem}.dropzone-hint{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:#1a1a2e66}.compress-compare{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.compress-image-box{flex:1;border:1px solid rgba(26,26,46,.1);border-radius:12px;overflow:hidden;background:var(--bg-cream)}.compress-image-box.compressed{border-color:var(--accent)}.image-box-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:#fff;border-bottom:1px solid rgba(26,26,46,.1)}.image-box-label{font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:500;color:var(--primary)}.compressed .image-box-label{color:var(--accent)}.image-box-size{font-family:Courier New,monospace;font-size:.8rem;color:var(--text-light)}.image-box-preview{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:1rem}.image-box-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.compress-arrow{font-size:2rem;color:var(--accent);flex-shrink:0}.processing-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-light)}.processing-spinner{width:40px;height:40px;border:3px solid rgba(26,26,46,.1);border-top-color:var(--accent);border-radius:50%}.compress-stats{display:flex;justify-content:center;gap:3rem;padding:1.5rem;background:linear-gradient(135deg,#e945600d,#4ecdc40d);border-radius:12px;margin-bottom:1.5rem}.stat-item{text-align:center}.stat-label{display:block;font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);margin-bottom:.3rem}.stat-value{font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;color:var(--primary)}.stat-value.good{color:#22c55e}.compress-actions{display:flex;gap:1rem;justify-content:center}.compress-btn{padding:.8rem 2rem;font-family:Noto Sans JP,sans-serif;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.compress-btn.download{background:var(--accent);color:#fff}.compress-btn.download:hover{background:#d63850;transform:translateY(-2px)}.compress-btn.reset{background:#fff;border:1px solid rgba(26,26,46,.2);color:var(--text)}.compress-btn.reset:hover{border-color:var(--primary);color:var(--primary)}.quality-hints{display:flex;justify-content:space-between;font-family:Noto Sans JP,sans-serif;font-size:.7rem;color:var(--text-light);margin-top:.3rem}.format-selector{display:flex;gap:.5rem;margin-top:.5rem}.format-btn{flex:1;padding:.6rem;font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.05em;background:var(--bg-cream);border:1px solid rgba(26,26,46,.15);border-radius:6px;cursor:pointer;transition:all .3s ease}.format-btn:hover{border-color:var(--accent)}.format-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.control-info{margin-top:1.5rem;padding:1rem;background:#4ecdc41a;border-radius:8px}.control-info p{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:var(--text-light);margin:.3rem 0}@media(max-width:1024px){.compress-layout{grid-template-columns:1fr}.compress-compare{flex-direction:column}.compress-arrow{transform:rotate(90deg)}}@media(max-width:768px){.compress-main{padding:1.5rem}.compress-dropzone{padding:3rem 1.5rem}.compress-stats{flex-direction:column;gap:1rem}.compress-actions{flex-direction:column}.compress-btn{width:100%}}.qr-layout{grid-template-columns:1fr 320px}.qr-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #1a1a2e1a}.qr-presets{margin-bottom:1.5rem}.presets-label{display:block;font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);margin-bottom:.8rem}.presets-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.preset-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--bg-cream);border:1px solid rgba(26,26,46,.1);border-radius:20px;cursor:pointer;transition:all .2s ease}.preset-btn:hover{border-color:var(--accent);background:#e945600d}.preset-icon{font-size:1rem}.preset-label{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text)}.qr-input-area{margin-bottom:2rem}.qr-input-label{display:block;font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:500;color:var(--primary);margin-bottom:.5rem}.qr-input{width:100%;padding:1rem;border:2px solid rgba(26,26,46,.1);border-radius:10px;font-family:Noto Sans JP,sans-serif;font-size:1rem;resize:none;transition:border-color .2s ease}.qr-input:focus{outline:none;border-color:var(--accent)}.qr-input-count{display:block;text-align:right;font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:var(--text-light);margin-top:.3rem}.qr-preview-area{display:flex;flex-direction:column;align-items:center}.qr-preview{width:280px;height:280px;display:flex;align-items:center;justify-content:center;background:var(--bg-cream);border-radius:16px;padding:1rem;margin-bottom:1.5rem}.qr-preview img{max-width:100%;max-height:100%;border-radius:8px}.qr-placeholder{text-align:center;color:var(--text-light)}.qr-placeholder span{font-size:3rem;display:block;margin-bottom:1rem;opacity:.5}.qr-placeholder p{font-family:Noto Sans JP,sans-serif;font-size:.85rem}.qr-actions{display:flex;gap:.8rem}.qr-action-btn{padding:.7rem 1.5rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;background:#fff;border:1px solid rgba(26,26,46,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.qr-action-btn:hover{border-color:var(--accent);color:var(--accent)}.qr-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.qr-action-btn.primary:hover{background:#d63850}.error-level-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.5rem}.level-btn{padding:.5rem;font-family:Noto Sans JP,sans-serif;font-size:.7rem;background:var(--bg-cream);border:1px solid rgba(26,26,46,.15);border-radius:6px;cursor:pointer;transition:all .2s ease}.level-btn:hover{border-color:var(--accent)}.level-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}@media(max-width:1024px){.qr-layout{grid-template-columns:1fr}}@media(max-width:768px){.qr-main{padding:1.5rem}.presets-buttons{justify-content:center}.qr-preview{width:240px;height:240px}.qr-actions{flex-wrap:wrap;justify-content:center}.error-level-selector{grid-template-columns:repeat(2,1fr)}}.json-toolbar{max-width:1400px;margin:0 auto 1rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.json-toolbar-left{display:flex;gap:.5rem;flex-wrap:wrap}.json-btn{padding:.5rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.8rem;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:6px;cursor:pointer;transition:all .2s ease}.json-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.json-btn:disabled{opacity:.5;cursor:not-allowed}.json-status{padding:.5rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.8rem;border-radius:20px}.json-status.valid{background:#22c55e1a;color:#22c55e}.json-status.invalid{background:#ef44441a;color:#ef4444}.json-editor-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:450px}.json-pane{display:flex;flex-direction:column;background:#1e1e2e;border-radius:12px;overflow:hidden}.json-pane-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.json-pane-title{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:#fffc}.json-error-line{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:#ef4444}.json-textarea-wrapper{flex:1;display:flex;overflow:hidden}.json-line-numbers{padding:1rem .5rem;text-align:right;-webkit-user-select:none;user-select:none;overflow-y:auto;background:#0003}.json-line-number{font-family:Courier New,monospace;font-size:.8rem;line-height:1.6;color:#ffffff4d;padding-right:.5rem}.json-line-number.error{color:#ef4444;background:#ef444433}.json-textarea{flex:1;padding:1rem;border:none;background:transparent;color:#e0e0e0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;resize:none;outline:none}.json-textarea::placeholder{color:#ffffff4d}.json-preview-wrapper{flex:1;overflow:auto;padding:1rem}.json-preview{margin:0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:#e0e0e0}.json-key{color:#9cdcfe}.json-string{color:#ce9178}.json-number{color:#b5cea8}.json-boolean,.json-null{color:#569cd6}.json-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem}.json-error .error-icon{font-size:3rem;margin-bottom:1rem}.json-error .error-title{font-family:Cinzel,serif;font-size:1.2rem;color:#ef4444;margin-bottom:.5rem}.json-error .error-message{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:#fff9;word-break:break-all}.json-footer{max-width:1400px;margin:1.5rem auto 0;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.json-settings{display:flex;gap:1.5rem;align-items:center}.json-setting-item{display:flex;align-items:center;gap:.5rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text)}.json-setting-item select{padding:.4rem .8rem;border:1px solid rgba(26,26,46,.15);border-radius:6px;background:#fff;cursor:pointer}.json-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.json-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.json-stats{display:flex;gap:2rem}.json-stat{display:flex;flex-direction:column;align-items:center}.json-stat .stat-label{font-family:Noto Sans JP,sans-serif;font-size:.7rem;color:var(--text-light)}.json-stat .stat-value{font-family:Cinzel,serif;font-size:.9rem;color:var(--primary)}@media(max-width:1024px){.json-editor-container{grid-template-columns:1fr;height:auto}.json-pane{min-height:300px}}@media(max-width:768px){.json-toolbar,.json-editor-container{padding:0 1rem}.json-footer{padding:0 1rem;flex-direction:column;align-items:flex-start}.json-stats{width:100%;justify-content:space-between}}.palette-layout{grid-template-columns:1fr 350px}.palette-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #1a1a2e1a}.palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.color-card{aspect-ratio:1;border-radius:16px;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 5px 20px #00000026;transition:box-shadow .3s ease}.color-card:hover{box-shadow:0 10px 40px #00000040}.color-card-content{padding:1.2rem;display:flex;flex-direction:column;gap:.3rem}.color-card-content.dark-text{color:#000c}.color-card-content.light-text{color:#fffffff2}.color-hex{font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;letter-spacing:.05em}.color-rgb,.color-hsl{font-family:Courier New,monospace;font-size:.7rem;opacity:.7}.color-copied{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-family:Noto Sans JP,sans-serif;font-size:.85rem}.color-card-hint{position:absolute;top:1rem;right:1rem;font-family:Noto Sans JP,sans-serif;font-size:.65rem;opacity:0;transition:opacity .2s ease}.color-card:hover .color-card-hint{opacity:.6}.palette-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.palette-btn{padding:.8rem 1.5rem;font-family:Noto Sans JP,sans-serif;font-size:.9rem;background:#fff;border:1px solid rgba(26,26,46,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.palette-btn:hover{border-color:var(--accent);color:var(--accent)}.palette-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.palette-btn.primary:hover{background:#d63850}.palette-message{text-align:center;margin-top:1rem;font-family:Noto Sans JP,sans-serif;font-size:.9rem;color:#22c55e}.base-color-picker{display:flex;gap:.8rem;align-items:center;margin-top:.5rem}.color-input-large{width:60px;height:45px;border:none;border-radius:8px;cursor:pointer;padding:0}.color-text-input{flex:1;padding:.6rem 1rem;font-family:Courier New,monospace;font-size:1rem;border:1px solid rgba(26,26,46,.15);border-radius:8px;text-transform:uppercase}.color-text-input:focus{outline:none;border-color:var(--accent)}.scheme-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.scheme-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:var(--bg-cream);border:1px solid rgba(26,26,46,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.scheme-btn:hover{border-color:var(--accent)}.scheme-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.scheme-icon{font-size:1rem}.scheme-name{font-family:Noto Sans JP,sans-serif;font-size:.75rem}@media(max-width:1024px){.palette-layout{grid-template-columns:1fr}}@media(max-width:768px){.palette-main{padding:1.5rem}.palette-grid{grid-template-columns:repeat(2,1fr)}.color-card{aspect-ratio:1.2}.palette-actions{flex-direction:column}.palette-btn{width:100%}.scheme-selector{grid-template-columns:1fr}}@media(max-width:480px){.palette-grid{grid-template-columns:1fr}}.diff-toolbar{max-width:1400px;margin:0 auto 1rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.diff-toolbar-left{display:flex;gap:.5rem}.diff-btn{padding:.5rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.8rem;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:6px;cursor:pointer;transition:all .2s ease}.diff-btn:hover{border-color:var(--accent);color:var(--accent)}.diff-stats{display:flex;gap:1rem;font-family:Courier New,monospace;font-size:.9rem}.stat-added{color:#22c55e}.stat-removed{color:#ef4444}.stat-unchanged{color:#6b7280}.diff-input-container{max-width:1400px;margin:0 auto 1rem;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.diff-input-pane{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #1a1a2e14}.diff-pane-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--bg-cream);border-bottom:1px solid rgba(26,26,46,.1)}.diff-pane-title{font-family:Noto Sans JP,sans-serif;font-size:.85rem;font-weight:500;color:var(--primary)}.diff-pane-count{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:var(--text-light)}.diff-textarea{flex:1;min-height:180px;padding:1rem;border:none;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;resize:none;outline:none}.diff-textarea::placeholder{color:#1a1a2e4d}.diff-settings{max-width:1400px;margin:0 auto 1rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.diff-view-modes{display:flex;align-items:center;gap:1rem}.settings-label{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text)}.view-mode-buttons{display:flex;gap:.3rem}.mode-btn{padding:.5rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.8rem;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:6px;cursor:pointer;transition:all .2s ease}.mode-btn:hover{border-color:var(--accent)}.mode-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.diff-options{display:flex;gap:1.5rem}.diff-checkbox-label{display:flex;align-items:center;gap:.5rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text);cursor:pointer}.diff-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.diff-result-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;gap:1rem}.diff-result-container.split{grid-template-columns:1fr 1fr}.diff-result-container.unified{grid-template-columns:1fr}.diff-result-pane{background:#1e1e2e;border-radius:12px;overflow:hidden}.diff-result-header{padding:.8rem 1rem;background:#0003;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.1)}.diff-result-content{max-height:400px;overflow-y:auto;padding:.5rem 0}.diff-line{display:flex;align-items:flex-start;padding:.1rem 1rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6}.diff-line.diff-added{background:#22c55e26;color:#86efac}.diff-line.diff-removed{background:#ef444426;color:#fca5a5}.diff-line.diff-unchanged{color:#ffffffb3}.diff-line-number{min-width:40px;padding-right:1rem;color:#ffffff4d;text-align:right;-webkit-user-select:none;user-select:none}.diff-symbol{min-width:20px;font-weight:700}.diff-content{flex:1;white-space:pre-wrap;word-break:break-all}@media(max-width:1024px){.diff-input-container,.diff-result-container.split{grid-template-columns:1fr}}@media(max-width:768px){.diff-toolbar,.diff-input-container{padding:0 1rem}.diff-settings{padding:0 1rem;flex-direction:column;align-items:flex-start}.diff-result-container{padding:0 1rem}.diff-options{width:100%;justify-content:flex-start}}.typing-layout{grid-template-columns:1fr 320px}.typing-main{background:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 10px 40px #1a1a2e1a;min-height:450px;display:flex;align-items:center;justify-content:center}.typing-ready{text-align:center}.typing-icon{font-size:4rem;margin-bottom:1rem}.typing-ready h2{font-family:Cinzel,serif;font-size:1.8rem;color:var(--primary);margin-bottom:.5rem}.typing-ready p{font-family:Noto Sans JP,sans-serif;font-size:.95rem;color:var(--text-light);margin-bottom:2rem}.typing-start-btn{padding:1rem 3rem;font-family:Cinzel,serif;font-size:1.1rem;background:var(--accent);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}.typing-start-btn:hover{background:#d63850;transform:translateY(-2px);box-shadow:0 5px 20px #e945604d}.typing-playing{width:100%;display:flex;flex-direction:column;align-items:center}.typing-progress{width:100%;display:flex;align-items:center;gap:1rem;margin-bottom:2rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light)}.progress-bar{flex:1;height:6px;background:#1a1a2e1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px}.typing-sentence{font-family:Courier New,monospace;font-size:1.5rem;line-height:1.8;margin-bottom:2rem;padding:1.5rem;background:var(--bg-cream);border-radius:12px;min-height:80px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.typing-sentence .char{transition:all .1s ease}.typing-sentence .char.correct{color:#22c55e}.typing-sentence .char.incorrect{color:#ef4444;background:#ef44441a;border-radius:2px}.typing-sentence .char.current{background:#e9456033;border-bottom:2px solid var(--accent)}.typing-input{width:100%;max-width:600px;padding:1rem 1.5rem;font-family:Courier New,monospace;font-size:1.2rem;border:2px solid rgba(26,26,46,.15);border-radius:10px;outline:none;text-align:center;transition:border-color .2s ease}.typing-input:focus{border-color:var(--accent)}.typing-live-stats{display:flex;gap:2rem;margin-top:1.5rem}.live-stat{display:flex;flex-direction:column;align-items:center}.live-label{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:var(--text-light)}.live-value{font-family:Cinzel,serif;font-size:1.2rem;color:var(--primary)}.typing-finished{text-align:center}.typing-result-icon{font-size:4rem;margin-bottom:1rem}.typing-finished h2{font-family:Cinzel,serif;font-size:1.8rem;color:var(--primary);margin-bottom:1.5rem}.typing-final-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.final-stat{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:var(--bg-cream);border-radius:12px;min-width:100px}.final-stat.main{background:linear-gradient(135deg,var(--accent),#ff6b8a);color:#fff}.final-stat.main .final-value,.final-stat.main .final-label{color:#fff}.final-value{font-family:Cinzel,serif;font-size:1.8rem;font-weight:600;color:var(--primary)}.final-label{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:var(--text-light)}.typing-rating{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;color:var(--primary);margin-bottom:2rem}.typing-result-actions{display:flex;gap:1rem;justify-content:center}.typing-btn{padding:.8rem 2rem;font-family:Noto Sans JP,sans-serif;font-size:.95rem;background:#fff;border:1px solid rgba(26,26,46,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.typing-btn:hover{border-color:var(--accent);color:var(--accent)}.typing-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.typing-btn.primary:hover{background:#d63850}.category-selector{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.category-btn{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;background:var(--bg-cream);border:1px solid rgba(26,26,46,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Noto Sans JP,sans-serif;font-size:.85rem}.category-btn:hover:not(:disabled){border-color:var(--accent)}.category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.typing-layout{grid-template-columns:1fr}}@media(max-width:768px){.typing-main{padding:2rem 1.5rem}.typing-sentence{font-size:1.2rem;padding:1rem}.typing-input{font-size:1rem}.typing-final-stats{gap:1rem}.final-stat{min-width:80px;padding:.8rem 1rem}.final-value{font-size:1.4rem}.typing-result-actions{flex-direction:column}.typing-btn{width:100%}}.kanban-toolbar{max-width:1400px;margin:0 auto 1.5rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.kanban-stats{display:flex;gap:1.5rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light)}.kanban-stats .stat-item strong{color:var(--primary)}.kanban-stats .stat-item.todo strong{color:#6b7280}.kanban-stats .stat-item.progress strong{color:#3b82f6}.kanban-stats .stat-item.done strong{color:#22c55e}.kanban-reset-btn{padding:.5rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:6px;cursor:pointer;transition:all .2s ease}.kanban-reset-btn:hover{border-color:var(--accent);color:var(--accent)}.kanban-board{max-width:1400px;margin:0 auto;padding:0 2rem 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;min-height:500px}.kanban-column{background:var(--bg-cream);border-radius:12px;padding:1rem;display:flex;flex-direction:column;transition:all .2s ease}.kanban-column.drag-over{background:#e945600d;box-shadow:inset 0 0 0 2px var(--accent)}.column-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:3px solid}.column-title-area{display:flex;flex-direction:column}.column-title{font-family:Cinzel,serif;font-size:.9rem;font-weight:600;color:var(--primary)}.column-title-jp{font-family:Noto Sans JP,sans-serif;font-size:.7rem;color:var(--text-light)}.column-count{font-family:Cinzel,serif;font-size:.8rem;color:#fff;padding:.2rem .6rem;border-radius:10px}.column-content{flex:1;display:flex;flex-direction:column;gap:.8rem;min-height:200px}.column-add-btn{margin-top:auto;padding:.8rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light);background:transparent;border:2px dashed rgba(26,26,46,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.column-add-btn:hover{border-color:var(--accent);color:var(--accent);background:#e945600d}.kanban-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #1a1a2e14;cursor:grab;position:relative}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.5}.card-priority{position:absolute;top:.5rem;right:.5rem;font-family:Noto Sans JP,sans-serif;font-size:.6rem;color:#fff;padding:.15rem .4rem;border-radius:4px}.card-content{font-family:Noto Sans JP,sans-serif;font-size:.9rem;color:var(--text);margin-bottom:.8rem;padding-right:2rem}.card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem}.card-tag{font-family:Noto Sans JP,sans-serif;font-size:.65rem;color:var(--text-light);background:var(--bg-cream);padding:.15rem .5rem;border-radius:4px}.card-actions{display:flex;gap:.3rem;opacity:0;transition:opacity .2s ease}.kanban-card:hover .card-actions{opacity:1}.card-action-btn{background:transparent;border:none;font-size:.8rem;cursor:pointer;padding:.2rem;opacity:.6;transition:opacity .2s ease}.card-action-btn:hover{opacity:1}.card-action-btn.delete:hover{color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:450px;max-height:90vh;overflow-y:auto}.modal-content h3{font-family:Cinzel,serif;font-size:1.3rem;color:var(--primary);margin-bottom:1.5rem}.modal-field{margin-bottom:1.2rem}.modal-field label{display:block;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text);margin-bottom:.5rem}.modal-field textarea,.modal-field input,.modal-field select{width:100%;padding:.8rem;font-family:Noto Sans JP,sans-serif;font-size:.95rem;border:1px solid rgba(26,26,46,.2);border-radius:8px;outline:none;transition:border-color .2s ease}.modal-field textarea:focus,.modal-field input:focus,.modal-field select:focus{border-color:var(--accent)}.modal-field textarea{resize:none}.priority-selector{display:flex;gap:.5rem}.priority-btn{flex:1;padding:.6rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;border:2px solid;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-btn{flex:1;padding:.8rem;font-family:Noto Sans JP,sans-serif;font-size:.95rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-btn.cancel{background:#fff;border:1px solid rgba(26,26,46,.2);color:var(--text)}.modal-btn.cancel:hover{border-color:var(--primary)}.modal-btn.save{background:var(--accent);border:none;color:#fff}.modal-btn.save:hover{background:#d63850}@media(max-width:1200px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.kanban-toolbar{padding:0 1rem}.kanban-board{padding:0 1rem 2rem;grid-template-columns:1fr}.kanban-stats{flex-wrap:wrap;gap:.8rem}.modal-content{padding:1.5rem}}.canvas-toolbar{max-width:1400px;margin:0 auto 1.5rem;padding:0 2rem;display:flex;gap:2rem;flex-wrap:wrap;align-items:flex-end}.toolbar-section{display:flex;flex-direction:column;gap:.5rem}.toolbar-label{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:var(--text-light)}.brush-presets{display:flex;gap:.4rem}.brush-preset-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .8rem;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:8px;cursor:pointer;transition:all .2s ease}.brush-preset-btn:hover{border-color:var(--accent)}.brush-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.preset-icon{font-size:1.2rem}.preset-name{font-family:Noto Sans JP,sans-serif;font-size:.65rem}.color-palette{display:flex;gap:.3rem;align-items:center}.color-btn{width:28px;height:28px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--primary);transform:scale(1.15)}.color-picker-btn{width:28px;height:28px;border:1px solid rgba(26,26,46,.2);border-radius:50%;cursor:pointer;padding:0;overflow:hidden}.action-buttons{display:flex;gap:.4rem}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s ease}.action-btn:hover:not(:disabled){border-color:var(--accent);background:#e945600d}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.download{background:var(--accent);border-color:var(--accent)}.action-btn.download:hover{background:#d63850}.canvas-layout{grid-template-columns:1fr 280px}.canvas-main{display:flex;flex-direction:column;gap:.5rem}.canvas-wrapper{background:#fff;border-radius:12px;box-shadow:0 10px 40px #1a1a2e1a;overflow:hidden;aspect-ratio:4 / 3}.canvas-wrapper canvas{display:block;cursor:crosshair;touch-action:none}.canvas-hint{text-align:center;font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:var(--text-light)}.brush-preview{display:flex;justify-content:center;align-items:center;height:60px;background:var(--bg-cream);border-radius:8px;margin-top:.5rem}.brush-dot{border-radius:50%;transition:all .2s ease}.bg-color-options{display:flex;gap:.5rem;margin-top:.5rem}.bg-color-btn{width:36px;height:36px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 0 0 1px #0000001a}.bg-color-btn:hover{transform:scale(1.05)}.bg-color-btn.active{border-color:var(--accent)}.current-brush-info{display:flex;align-items:center;gap:.8rem;padding:.8rem;background:var(--bg-cream);border-radius:8px;margin-top:.5rem}.current-brush-icon{font-size:1.5rem}.current-brush-name{font-family:Noto Sans JP,sans-serif;font-size:.9rem;color:var(--text)}@media(max-width:1024px){.canvas-layout{grid-template-columns:1fr}.canvas-toolbar{justify-content:center}}@media(max-width:768px){.canvas-toolbar{padding:0 1rem;gap:1rem}.toolbar-section{width:100%}.brush-presets{justify-content:space-between}.brush-preset-btn{flex:1}.color-palette{flex-wrap:wrap}.canvas-wrapper{aspect-ratio:1}}.invoice-toolbar{max-width:1200px;margin:0 auto 1.5rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.toolbar-actions{display:flex;gap:.8rem}.preview-toggle,.print-btn,.reset-btn{padding:.6rem 1.2rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:8px;cursor:pointer;transition:all .2s ease}.preview-toggle:hover,.print-btn:hover,.reset-btn:hover{border-color:var(--accent)}.preview-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.print-btn{background:var(--primary);border-color:var(--primary);color:#fff}.print-btn:hover{background:#0f0f1a}.invoice-total-display{display:flex;align-items:baseline;gap:1rem}.total-label{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light)}.total-value{font-family:Cinzel,serif;font-size:1.8rem;font-weight:600;color:var(--accent)}.invoice-container{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.invoice-editor{display:flex;flex-direction:column;gap:1.5rem}.editor-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 5px 20px #1a1a2e14}.editor-section h3{font-family:Noto Sans JP,sans-serif;font-size:1rem;color:var(--primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(26,26,46,.1)}.editor-row{display:flex;gap:1rem;margin-bottom:1rem}.editor-row:last-child{margin-bottom:0}.editor-field{flex:1}.editor-field.full{flex:100%}.editor-field label{display:block;font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);margin-bottom:.4rem}.editor-field input,.editor-field select,.editor-field textarea{width:100%;padding:.7rem;font-family:Noto Sans JP,sans-serif;font-size:.9rem;border:1px solid rgba(26,26,46,.15);border-radius:6px;outline:none;transition:border-color .2s ease}.editor-field input:focus,.editor-field select:focus,.editor-field textarea:focus{border-color:var(--accent)}.items-table{border:1px solid rgba(26,26,46,.1);border-radius:8px;overflow:hidden}.items-header{display:flex;background:var(--bg-cream);padding:.8rem;font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:var(--text-light)}.items-row{display:flex;padding:.5rem .8rem;border-top:1px solid rgba(26,26,46,.1);align-items:center}.items-row input{padding:.5rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;border:1px solid rgba(26,26,46,.15);border-radius:4px;outline:none}.items-row input:focus{border-color:var(--accent)}.col-name{flex:3;margin-right:.5rem}.col-quantity{flex:1;margin-right:.5rem;text-align:right}.col-unit{flex:.8;margin-right:.5rem;text-align:center}.col-price{flex:1.5;margin-right:.5rem;text-align:right}.col-total{flex:1.5;text-align:right;font-family:Noto Sans JP,sans-serif;font-size:.85rem}.col-action{flex:.5;text-align:center}.remove-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:1rem;padding:.3rem;opacity:.6;transition:opacity .2s ease}.remove-btn:hover{opacity:1}.add-item-btn{width:100%;padding:.8rem;margin-top:1rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--accent);background:transparent;border:2px dashed rgba(233,69,96,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.add-item-btn:hover{border-color:var(--accent);background:#e945600d}.invoice-preview{display:none}.invoice-preview.show{display:block}.invoice-paper{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 10px 40px #1a1a2e1a;max-width:800px;margin:0 auto}.invoice-header{text-align:center;margin-bottom:2rem}.invoice-header h1{font-family:Noto Sans JP,sans-serif;font-size:1.8rem;font-weight:500;letter-spacing:.5em;color:var(--primary);margin-bottom:.5rem}.invoice-number{font-family:Courier New,monospace;font-size:.9rem;color:var(--text-light)}.invoice-client{margin-bottom:2rem}.client-name{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;font-weight:500;color:var(--primary);border-bottom:1px solid var(--primary);display:inline-block;padding-bottom:.3rem;margin-bottom:.3rem}.client-person{font-family:Noto Sans JP,sans-serif;font-size:.9rem;color:var(--text)}.invoice-amount{background:var(--bg-cream);padding:1.5rem;border-radius:8px;text-align:center;margin-bottom:2rem}.amount-label{display:block;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light);margin-bottom:.5rem}.amount-value{font-family:Cinzel,serif;font-size:2rem;font-weight:600;color:var(--accent)}.amount-tax{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);margin-left:.5rem}.invoice-info{display:flex;justify-content:flex-end;gap:2rem;margin-bottom:2rem}.info-row{font-family:Noto Sans JP,sans-serif;font-size:.85rem}.info-label{color:var(--text-light)}.info-value{color:var(--text)}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:2rem}.invoice-table th,.invoice-table td{padding:.8rem;border:1px solid rgba(26,26,46,.15);font-family:Noto Sans JP,sans-serif;font-size:.85rem}.invoice-table th{background:var(--primary);color:#fff;font-weight:500}.th-name{width:40%}.th-quantity,.th-unit{width:10%}.th-price,.th-total{width:20%}.invoice-table .text-right{text-align:right}.invoice-table .text-center{text-align:center}.invoice-table tfoot td{font-weight:500}.invoice-table .total-row td{background:var(--bg-cream);font-size:1rem;font-weight:600;color:var(--accent)}.invoice-notes{background:var(--bg-cream);padding:1rem;border-radius:8px;margin-bottom:2rem}.notes-label{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);margin-bottom:.5rem}.notes-content{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text);white-space:pre-wrap}.invoice-company{text-align:right;padding-top:2rem;border-top:1px solid rgba(26,26,46,.1)}.company-name{font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:500;color:var(--primary);margin-bottom:.3rem}.company-address,.company-contact{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light)}@media print{.no-print{display:none!important}body{background:#fff}.demo-detail-page{padding:0}.invoice-container{padding:0;max-width:none}.invoice-preview{display:block!important}.invoice-paper{box-shadow:none;padding:0;border-radius:0}.invoice-table th{background:#1a1a2e!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-amount,.invoice-notes,.invoice-table .total-row td{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(max-width:768px){.invoice-toolbar{padding:0 1rem;flex-direction:column;align-items:stretch}.toolbar-actions,.invoice-total-display{justify-content:center}.invoice-container{padding:0 1rem 2rem}.editor-row{flex-direction:column}.items-header{display:none}.items-row{flex-wrap:wrap;gap:.5rem}.items-row .col-name{flex:100%}.items-row .col-quantity,.items-row .col-unit,.items-row .col-price{flex:1}.items-row .col-total{flex:100%;text-align:right;margin-top:.5rem}.invoice-paper{padding:1.5rem}.invoice-info{flex-direction:column;gap:.5rem;align-items:flex-end}}.gantt-toolbar{max-width:1400px;margin:0 auto 1.5rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.toolbar-left{display:flex;gap:.8rem}.gantt-btn{padding:.6rem 1.2rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:8px;cursor:pointer;transition:all .2s ease}.gantt-btn:hover{border-color:var(--accent)}.gantt-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.gantt-btn.primary:hover{background:#d63850}.task-count{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light)}.gantt-container{max-width:1400px;margin:0 auto;padding:0 2rem;overflow-x:auto}.gantt-chart{display:flex;background:#fff;border-radius:12px;box-shadow:0 10px 40px #1a1a2e1a;overflow:hidden;min-width:max-content}.gantt-tasks{flex-shrink:0;width:220px;border-right:1px solid rgba(26,26,46,.1);background:var(--bg-cream)}.gantt-header-cell{height:60px;display:flex;align-items:center;padding:0 1rem;font-family:Noto Sans JP,sans-serif;font-size:.8rem;font-weight:500;color:var(--text-light);border-bottom:1px solid rgba(26,26,46,.1)}.task-header{height:80px}.gantt-task-row{height:50px;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid rgba(26,26,46,.05);cursor:pointer;transition:background .2s ease}.gantt-task-row:hover{background:#e945600d}.gantt-task-row.selected{background:#e945601a}.task-color{width:8px;height:8px;border-radius:50%;margin-right:.8rem;flex-shrink:0}.task-name{flex:1;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-progress{font-family:Courier New,monospace;font-size:.75rem;color:var(--text-light);margin-left:.5rem}.gantt-timeline{flex:1;overflow-x:auto}.gantt-weeks{display:flex;height:30px;background:var(--primary)}.week-header{display:flex;align-items:center;justify-content:center;font-family:Noto Sans JP,sans-serif;font-size:.7rem;color:#fff;border-right:1px solid rgba(255,255,255,.2)}.gantt-dates{display:flex;height:50px;border-bottom:1px solid rgba(26,26,46,.1)}.date-cell{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Noto Sans JP,sans-serif;font-size:.65rem;color:var(--text-light);border-right:1px solid rgba(26,26,46,.05)}.date-cell.weekend{background:#1a1a2e08;color:var(--accent)}.gantt-bars{position:relative}.gantt-bar-row{height:50px;position:relative;border-bottom:1px solid rgba(26,26,46,.05)}.bar-grid{display:flex;position:absolute;inset:0}.grid-cell{width:40px;flex-shrink:0;border-right:1px solid rgba(26,26,46,.05)}.grid-cell.weekend{background:#1a1a2e08}.task-bar{position:absolute;top:10px;height:30px;border-radius:4px;cursor:pointer;overflow:hidden;transition:box-shadow .2s ease;z-index:10}.task-bar:hover{box-shadow:0 4px 12px #0003}.task-bar.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.task-bar-progress{position:absolute;top:0;left:0;height:100%;background:#ffffff4d}.task-bar-label{position:relative;display:flex;align-items:center;height:100%;padding:0 .8rem;font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}.today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);z-index:20}.today-line:before{content:"今日";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-family:Noto Sans JP,sans-serif;font-size:.6rem;color:var(--accent);white-space:nowrap}.gantt-detail-panel{max-width:1400px;margin:1.5rem auto 0;padding:1.5rem 2rem;background:#fff;border-radius:12px;box-shadow:0 5px 20px #1a1a2e14}.gantt-detail-panel h4{font-family:Noto Sans JP,sans-serif;font-size:1rem;margin-bottom:1rem}.detail-row{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.detail-label{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:var(--text-light);min-width:60px}.detail-value{font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text)}.progress-control{display:flex;align-items:center;gap:1rem;flex:1}.progress-control input[type=range]{flex:1;max-width:200px}.detail-actions{display:flex;gap:.8rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(26,26,46,.1)}.detail-btn{padding:.5rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.8rem;background:#fff;border:1px solid rgba(26,26,46,.15);border-radius:6px;cursor:pointer;transition:all .2s ease}.detail-btn:hover{border-color:var(--accent)}.detail-btn.delete{color:#ef4444}.detail-btn.delete:hover{border-color:#ef4444;background:#ef44440d}.modal-field-row{display:flex;gap:1rem}.modal-field-row .modal-field{flex:1}.color-options{display:flex;gap:.5rem;margin-top:.5rem}.color-option{width:32px;height:32px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--primary);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}@media(max-width:1024px){.gantt-container{padding:0 1rem}.gantt-tasks{width:160px}}@media(max-width:768px){.gantt-toolbar{padding:0 1rem;flex-direction:column;gap:1rem}.gantt-tasks{width:120px}.task-name{font-size:.75rem}.task-progress{display:none}.gantt-detail-panel{margin:1rem;padding:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-field-row{flex-direction:column}}.form-layout{grid-template-columns:1fr 300px}.form-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 10px 40px #1a1a2e1a}.form-progress{margin-bottom:2rem}.progress-info{display:flex;justify-content:space-between;font-family:Noto Sans JP,sans-serif;font-size:.85rem;color:var(--text-light);margin-bottom:.5rem}.form-progress .progress-bar{height:8px;background:#1a1a2e1a;border-radius:4px;overflow:hidden}.form-progress .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ff6b8a);border-radius:4px}.form-field{margin-bottom:1.5rem}.form-field label{display:block;font-family:Noto Sans JP,sans-serif;font-size:.9rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.form-field .required{color:var(--accent);margin-left:.2rem}.input-wrapper{position:relative}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.8rem 2.5rem .8rem 1rem;font-family:Noto Sans JP,sans-serif;font-size:.95rem;border:2px solid rgba(26,26,46,.15);border-radius:8px;outline:none;transition:all .2s ease;background:#fff}.form-field textarea{resize:vertical;min-height:100px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e945601a}.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:#ef4444;background:#ef444405}.form-field.is-valid input,.form-field.is-valid select,.form-field.is-valid textarea{border-color:#22c55e;background:#22c55e05}.field-status{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.status-icon{font-size:1rem}.status-icon.error{color:#ef4444}.status-icon.valid{color:#22c55e}.checkbox-label{display:flex;align-items:center;gap:.8rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-text{font-family:Noto Sans JP,sans-serif;font-size:.9rem;color:var(--text)}.password-strength{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.strength-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.strength-fill{height:100%;border-radius:3px}.strength-label{font-family:Noto Sans JP,sans-serif;font-size:.75rem;min-width:80px}.field-hint{font-family:Noto Sans JP,sans-serif;font-size:.75rem;color:var(--text-light);margin-top:.4rem}.field-error{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:#ef4444;margin-top:.4rem;display:flex;align-items:center;gap:.3rem}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(26,26,46,.1)}.form-btn{flex:1;padding:1rem;font-family:Noto Sans JP,sans-serif;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.form-btn.reset{background:#fff;border:1px solid rgba(26,26,46,.2);color:var(--text)}.form-btn.reset:hover{border-color:var(--primary)}.form-btn.submit{background:#1a1a2e4d;border:none;color:#fff}.form-btn.submit.valid{background:var(--accent)}.form-btn.submit.valid:hover{background:#d63850}.form-success{text-align:center;padding:3rem 2rem;margin-top:2rem;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:12px}.success-icon{font-size:4rem;margin-bottom:1rem}.form-success h3{font-family:Cinzel,serif;font-size:1.5rem;color:#22c55e;margin-bottom:.5rem}.form-success p{font-family:Noto Sans JP,sans-serif;font-size:.95rem;color:var(--text-light);margin-bottom:1.5rem}.form-success button{padding:.8rem 2rem;font-family:Noto Sans JP,sans-serif;font-size:.9rem;background:#22c55e;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.form-success button:hover{background:#16a34a}.validation-status-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.validation-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;background:var(--bg-cream);border-radius:6px;font-family:Noto Sans JP,sans-serif;font-size:.8rem}.validation-item.pending{color:var(--text-light)}.validation-item.valid{background:#22c55e1a;color:#22c55e}.validation-item.error{background:#ef44441a;color:#ef4444}.validation-icon{font-size:.9rem}.validation-name{flex:1}.validation-required{font-size:.65rem;padding:.15rem .4rem;background:#1a1a2e1a;border-radius:4px;color:var(--text-light)}.validation-item.valid .validation-required{background:#22c55e33;color:#22c55e}.validation-item.error .validation-required{background:#ef444433;color:#ef4444}@media(max-width:1024px){.form-layout{grid-template-columns:1fr}}@media(max-width:768px){.form-main{padding:1.5rem}.form-actions{flex-direction:column}.validation-status-list{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.validation-status-list{grid-template-columns:1fr}}@media(max-width:480px){.demo-page .demo-hero-image{top:55%;left:10%;max-width:300px;opacity:.2}.demo-page .demo-hero-image img{width:150%}}.demo-page .demo-card-category{margin-bottom:1.5rem}.demo-page .demo-card-category span{font-family:Cinzel,serif;font-size:.6rem;letter-spacing:.2em;padding:.3rem .8rem;border:1px solid currentColor;transition:all .3s ease}.demo-page .category-visual span{color:#a78bfa;border-color:#a78bfa;background:#a78bfa14}.demo-page .category-tool span{color:#10b981;border-color:#10b981;background:#10b98114}.demo-page .category-interactive span{color:#3b82f6;border-color:#3b82f6;background:#3b82f614}.demo-page .category-business span{color:#f59e0b;border-color:#f59e0b;background:#f59e0b14}