*{box-sizing:border-box;margin:0;padding:0}:root{--color-white:#f7f5f3;--color-light-gray:#e5e0da;--color-gray:#6c757d;--color-dark-gray:#343a40;--color-black:#1a1a1a;--color-accent:#2d2d2d;--accent-brown:#8b7355;--accent-brown-light:#a0826d;--accent-brown-dark:#6b4423}body{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-white);color:var(--color-black);font-weight:300;letter-spacing:.04em;line-height:2}a{color:inherit;text-decoration:none;transition:all .5s ease}a:hover{opacity:.7}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section{padding:7rem 0;position:relative}.section:before{background:var(--accent-brown);content:"";height:3px;left:50%;position:absolute;top:0;transform:translate(-50%);width:60px}.section-alt{background:var(--color-light-gray)}.section-dark{background:var(--color-black);color:var(--color-white)}.section-dark:before{background:var(--accent-brown-light)}.section-header{margin-bottom:4rem;text-align:center}.section-label{color:var(--accent-brown);display:inline-block;font-size:.7rem;font-weight:400;letter-spacing:6px;margin-bottom:1.5rem;text-transform:uppercase}.section-title{color:var(--color-black);font-size:2rem;font-weight:500;letter-spacing:4px}.section-dark .section-title{color:var(--color-white)}.section-dark .section-label{color:var(--accent-brown-light)}@media(max-width:768px){.container{padding:0 1.5rem}.section{padding:4rem 0}.section-title{font-size:1.75rem}.section-header{margin-bottom:2.5rem}}.header[data-v-aca5f188]{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border-bottom:1px solid transparent;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:2100}.header.scrolled[data-v-aca5f188]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.05)}.header-content[data-v-aca5f188]{align-items:center;display:flex;height:80px;justify-content:space-between}.logo[data-v-aca5f188]{display:block;height:60px;opacity:0;pointer-events:none;transition:opacity .3s ease}.header.scrolled .logo[data-v-aca5f188]{opacity:1;pointer-events:auto}.logo-img[data-v-aca5f188]{height:60px;width:auto}.nav-desktop[data-v-aca5f188]{display:flex;gap:2.5rem}.nav-desktop .nav-link[data-v-aca5f188]{color:#ffffffe6;font-size:.85rem;font-weight:500;letter-spacing:1px;transition:color .3s ease}.header.scrolled .nav-desktop .nav-link[data-v-aca5f188]{color:var(--color-dark-gray)}.hamburger[data-v-aca5f188],.menu-overlay[data-v-aca5f188],.nav-mobile[data-v-aca5f188]{display:none}.hamburger[data-v-aca5f188]{align-items:center;background:transparent;border:none;cursor:pointer;flex-direction:column;height:40px;justify-content:center;padding:0;position:relative;width:40px;z-index:1001}.hamburger span[data-v-aca5f188]{background:#ffffffe6;display:block;height:1.5px;position:relative;transition:all .3s ease;width:24px}.header.scrolled .hamburger span[data-v-aca5f188]{background:var(--color-black)}.hamburger span[data-v-aca5f188]:first-child{margin-bottom:6px}.hamburger span[data-v-aca5f188]:nth-child(3){margin-top:6px}.hamburger.active span[data-v-aca5f188]:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span[data-v-aca5f188]:nth-child(2){opacity:0}.hamburger.active span[data-v-aca5f188]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero[data-v-aca5f188]{align-items:center;background-color:#2a2a2a;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero[data-v-aca5f188]:after{animation:heroImageFadeIn-aca5f188 1.5s ease-in-out forwards;background-image:linear-gradient(135deg,#0009,#0006),url(../img/hero-bg.jpg);background-position:50%;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}@keyframes heroImageFadeIn-aca5f188{0%{opacity:0}to{opacity:1}}.hero[data-v-aca5f188]:before{animation:cloudShadow-aca5f188 12s ease-in-out infinite;background:#00000040;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes cloudShadow-aca5f188{0%,60%,to{background:transparent}80%{background:#00000040}}.hero-content[data-v-aca5f188]{position:relative;text-align:center;z-index:1}.hero-logo-wrapper[data-v-aca5f188]{cursor:pointer;height:200px;margin:0 auto 2rem;position:relative;width:200px}.hero-logo[data-v-aca5f188]{height:auto;left:0;position:absolute;top:0;transition:opacity .5s ease;width:200px}.hero-logo-light[data-v-aca5f188]{opacity:1}.hero-logo-dark[data-v-aca5f188],.hero-logo-wrapper:hover .hero-logo-light[data-v-aca5f188]{opacity:0}.hero-logo-wrapper:hover .hero-logo-dark[data-v-aca5f188]{opacity:1}.hero-tagline[data-v-aca5f188]{color:#fffc;font-size:.9rem;font-weight:300;letter-spacing:8px;margin-bottom:2.5rem;text-transform:uppercase}.hero-line[data-v-aca5f188]{background:#ffffff80;height:1px;margin:0 auto 2.5rem;width:80px}.hero-description[data-v-aca5f188]{color:#ffffffe6;font-size:1.05rem;letter-spacing:.08em;line-height:2.2}@keyframes heroFadeIn-aca5f188{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-animate[data-v-aca5f188]{animation:heroFadeIn-aca5f188 2s ease-out .5s forwards;opacity:0}.scroll-indicator[data-v-aca5f188]{align-items:center;bottom:3rem;display:flex;flex-direction:column;gap:.5rem;left:50%;position:absolute;transform:translate(-50%);z-index:1}.scroll-text[data-v-aca5f188]{color:#ffffffb3;font-size:.7rem;letter-spacing:2px;text-transform:uppercase}.scroll-line[data-v-aca5f188]{animation:scrollLine-aca5f188 2s ease-in-out infinite;background:linear-gradient(180deg,hsla(0,0%,100%,.7),transparent);height:40px;width:1px}@keyframes scrollLine-aca5f188{0%,to{opacity:.3}50%{opacity:1}}.about-content[data-v-aca5f188]{text-align:center}.about-text[data-v-aca5f188]{color:var(--color-dark-gray);font-size:1.05rem;letter-spacing:.05em;line-height:2.2;margin-bottom:5rem}.about-features[data-v-aca5f188]{display:flex;gap:6rem;justify-content:center}.about-feature[data-v-aca5f188]{flex:1;text-align:center}.feature-icon[data-v-aca5f188]{align-items:center;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-icon svg[data-v-aca5f188]{height:100%;width:100%}.feature-title[data-v-aca5f188]{color:var(--color-black);font-size:1.1rem;font-weight:500;letter-spacing:1px;margin-bottom:.8rem}.feature-desc[data-v-aca5f188]{color:var(--color-gray);font-size:.85rem;letter-spacing:.02em;line-height:1.8}.feature-number[data-v-aca5f188]{color:var(--color-black);font-size:2.5rem}.feature-label[data-v-aca5f188],.feature-number[data-v-aca5f188]{font-weight:400;letter-spacing:3px}.feature-label[data-v-aca5f188]{color:var(--color-gray);font-size:.7rem;margin-top:.75rem;text-transform:uppercase}.services-intro[data-v-aca5f188]{margin-bottom:3rem;text-align:center}.services-intro p[data-v-aca5f188]{color:var(--color-dark-gray);font-size:1rem;letter-spacing:.05em}.services-grid[data-v-aca5f188]{display:grid;gap:2.5rem;grid-template-columns:repeat(4,1fr)}.service-card[data-v-aca5f188]{background:var(--color-white);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #00000014;padding:3rem 2rem;text-align:center;transition:all .5s ease}.service-card[data-v-aca5f188]:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.service-icon[data-v-aca5f188]{color:var(--color-gray);font-family:Courier New,monospace;font-size:1.8rem;font-weight:300;margin-bottom:2rem;opacity:.7}.service-title[data-v-aca5f188]{color:var(--color-black);font-size:1rem;font-weight:500;letter-spacing:1px;margin-bottom:1.2rem}.service-desc[data-v-aca5f188]{color:var(--color-gray);font-size:.95rem;letter-spacing:.02em;line-height:1.9;margin-bottom:1.5rem}.service-example[data-v-aca5f188]{border-top:1px solid rgba(0,0,0,.05);color:var(--color-gray);font-size:.8rem;font-style:italic;padding-top:1rem}.skills-intro[data-v-aca5f188]{margin-bottom:3rem;text-align:center}.skills-intro p[data-v-aca5f188]{color:var(--color-dark-gray);font-size:1rem;letter-spacing:.05em}.skills-content[data-v-aca5f188]{display:grid;gap:4rem;grid-template-columns:repeat(2,1fr)}.skill-category-title[data-v-aca5f188]{color:var(--color-dark-gray);font-size:.75rem;font-weight:500;letter-spacing:3px;margin-bottom:1.8rem;text-transform:uppercase}.skill-tags[data-v-aca5f188]{display:flex;flex-wrap:wrap;gap:1rem}.skill-tag[data-v-aca5f188]{background:var(--color-white);border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #0000000f;color:var(--color-dark-gray);display:inline-block;font-size:.85rem;letter-spacing:.5px;padding:.7rem 1.4rem;transition:all .5s ease}.skill-tag[data-v-aca5f188]:hover{background:var(--color-black);color:var(--color-white)}.contact-content[data-v-aca5f188]{text-align:center}.contact-text[data-v-aca5f188]{color:#ffffffb3;font-size:1rem;letter-spacing:.05em;margin-bottom:2.5rem}.contact-email[data-v-aca5f188]{border:1px solid hsla(0,0%,100%,.2);color:var(--color-white);display:inline-block;font-size:1.3rem;font-weight:400;letter-spacing:3px;padding:1.2rem 3rem;transition:all .5s ease}.contact-email[data-v-aca5f188]:hover{background:var(--color-white);color:var(--color-black);opacity:1}.footer[data-v-aca5f188]{background:var(--color-black);border-top:1px solid hsla(0,0%,100%,.1);padding:2rem 0}.footer-content[data-v-aca5f188]{text-align:center}.footer-name[data-v-aca5f188]{color:#fffc;font-size:.9rem;letter-spacing:1px;margin-bottom:.5rem}.footer-nowrap[data-v-aca5f188]{white-space:nowrap}.footer-copy[data-v-aca5f188]{color:#ffffff80;font-size:.8rem;letter-spacing:1px}.pc-only[data-v-aca5f188]{display:inline}.sp-only[data-v-aca5f188]{display:none}@media(max-width:1024px){.services-grid[data-v-aca5f188]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header-content[data-v-aca5f188]{height:60px}.logo[data-v-aca5f188],.logo-img[data-v-aca5f188]{height:35px}.nav-desktop[data-v-aca5f188]{display:none}.hamburger[data-v-aca5f188]{display:flex;z-index:2000}.hamburger.active span[data-v-aca5f188]{background:var(--color-white)}.header.menu-open[data-v-aca5f188]{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important;border-bottom-color:transparent!important}.header.menu-open .logo[data-v-aca5f188]{opacity:0!important;pointer-events:none!important}.menu-overlay[data-v-aca5f188]{background:#141414f2;display:block;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .4s ease;visibility:hidden;width:100%;z-index:1500}.menu-overlay.open[data-v-aca5f188]{opacity:1;visibility:visible}.nav-mobile[data-v-aca5f188]{align-items:center;display:flex;flex-direction:column;gap:0;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1600}.nav-mobile.open[data-v-aca5f188]{pointer-events:auto}.nav-mobile .nav-link[data-v-aca5f188]{color:var(--color-white);font-size:1.5rem;font-weight:300;letter-spacing:6px;opacity:0;padding:1.5rem 2rem;pointer-events:none;text-transform:uppercase;transform:translateY(30px);transition:opacity .15s ease,transform .15s ease,visibility 0s .15s;visibility:hidden}.nav-mobile.open .nav-link[data-v-aca5f188]{opacity:1;pointer-events:auto;transform:translateY(0);transition:opacity .4s ease,transform .4s ease,visibility 0s;visibility:visible}.nav-mobile.open .nav-link[data-v-aca5f188]:first-child{transition-delay:.1s}.nav-mobile.open .nav-link[data-v-aca5f188]:nth-child(2){transition-delay:.2s}.nav-mobile.open .nav-link[data-v-aca5f188]:nth-child(3){transition-delay:.3s}.nav-mobile.open .nav-link[data-v-aca5f188]:nth-child(4){transition-delay:.4s}.hero-logo-wrapper[data-v-aca5f188]{height:150px;width:150px}.hero-logo[data-v-aca5f188]{width:150px}.skill-tag[data-v-aca5f188]:hover{background:var(--color-light-gray);color:var(--color-dark-gray)}.hero-logo-wrapper:hover .hero-logo-light[data-v-aca5f188]{opacity:1}.hero-logo-wrapper.toggled .hero-logo-light[data-v-aca5f188],.hero-logo-wrapper:hover .hero-logo-dark[data-v-aca5f188]{opacity:0}.hero-logo-wrapper.toggled .hero-logo-dark[data-v-aca5f188]{opacity:1}.hero-tagline[data-v-aca5f188]{font-size:.85rem;letter-spacing:4px}.hero-description[data-v-aca5f188]{font-size:1rem}.about-features[data-v-aca5f188]{flex-direction:column;gap:2.5rem}.feature-number[data-v-aca5f188]{font-size:2.5rem}.services-grid[data-v-aca5f188]{gap:1.5rem;grid-template-columns:1fr}.skills-content[data-v-aca5f188]{gap:2rem;grid-template-columns:1fr}.contact-email[data-v-aca5f188]{font-size:1.1rem;padding:.8rem 1.5rem}.pc-only[data-v-aca5f188]{display:none}.sp-only[data-v-aca5f188]{display:inline}}@media(max-width:896px)and (max-height:500px)and (orientation:landscape){.hero-content[data-v-aca5f188]{padding-top:70px}.hero-logo-wrapper[data-v-aca5f188]{height:100px;margin-bottom:1rem;width:100px}.hero-logo[data-v-aca5f188]{width:100px}.hero-line[data-v-aca5f188],.hero-tagline[data-v-aca5f188]{margin-bottom:1rem}.hero-description[data-v-aca5f188]{font-size:.9rem;line-height:1.8}.scroll-indicator[data-v-aca5f188]{bottom:1rem;left:auto!important;right:1.5rem;top:auto;transform:none}.nav-mobile[data-v-aca5f188]{flex-direction:row;flex-wrap:wrap;gap:.5rem 2rem;padding:60px 2rem 1rem}.nav-mobile .nav-link[data-v-aca5f188]{font-size:1rem;letter-spacing:3px;padding:.8rem 1rem}}