*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Noto Sans JP",sans-serif;line-height:1.8;color:#222;background-color:#fff;scroll-behavior:smooth}a{text-decoration:none;color:inherit}body.no-scroll{overflow:hidden}.btn{display:inline-block;padding:8px 18px;border-radius:5px;font-weight:700;font-size:.95rem;text-align:center;transition:background-color .3s,color .3s;cursor:pointer;border:1px solid rgba(0,0,0,0)}.btn--primary{display:inline-block;padding:8px 18px;border-radius:5px;font-weight:700;font-size:.95rem;text-align:center;transition:background-color .3s,color .3s;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:#00bcd4;color:#f4f4f4;border-color:#00bcd4}.btn--primary:hover{background-color:rgb(0,142.7735849057,161);opacity:1}.btn--secondary{display:inline-block;padding:8px 18px;border-radius:5px;font-weight:700;font-size:.95rem;text-align:center;transition:background-color .3s,color .3s;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:#fff;color:#222;border-color:#222}.btn--secondary:hover{background-color:#222;color:#fff;opacity:1}.btn--contact{padding:8px 15px}.fixed-nav{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;background-color:hsla(0,0%,100%,.98);color:#222;z-index:100;box-shadow:0 0 1px rgba(0,0,0,.2)}.fixed-nav__logo{font-size:1.4rem;font-weight:700;letter-spacing:2px;font-family:"Poppins",sans-serif;color:#222;text-transform:uppercase}.fixed-nav .fixed-nav__link--logo{display:flex;align-items:center;color:inherit;text-decoration:none}.fixed-nav .nav-logo-icon{height:1.2rem;width:auto;margin-right:8px;vertical-align:middle}.fixed-nav__list{list-style:none;display:flex;align-items:center;gap:30px}.fixed-nav__item--contact{margin-left:20px}.fixed-nav__item--contact .fixed-nav__link{display:inline-block;padding:8px 18px;border-radius:5px;font-weight:700;font-size:.95rem;text-align:center;transition:background-color .3s,color .3s;cursor:pointer;border:1px solid rgba(0,0,0,0);display:inline-block;padding:8px 18px;border-radius:5px;font-weight:700;font-size:.95rem;text-align:center;transition:background-color .3s,color .3s;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:#00bcd4;color:#f4f4f4;border-color:#00bcd4;line-height:1}.fixed-nav__item--contact .fixed-nav__link:hover{background-color:rgb(0,142.7735849057,161);opacity:1}.fixed-nav__item--contact .fixed-nav__link::after{content:none}.fixed-nav__link{font-size:.9rem;font-weight:400;padding:5px 0;letter-spacing:1px;position:relative;line-height:1}.fixed-nav__link::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:#00bcd4;transition:width .3s ease-out}.fixed-nav__link:hover::after{width:100%}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:101}.menu-toggle .bar{display:block;width:25px;height:3px;margin:5px auto;background-color:#222;transition:all .3s ease-in-out}.menu-toggle.is-active .bar:nth-child(2){opacity:0}.menu-toggle.is-active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.is-active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero{height:100vh;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;background:#fff;color:#222;overflow:hidden;position:relative;padding-top:80px}.hero__content{width:50%}.hero__content--right{text-align:right;padding-top:150px}.hero__phrase{font-family:"Noto Sans JP",sans-serif;font-size:2.2rem;font-weight:700;line-height:1.5;color:#00bcd4;margin-right:5vw;opacity:.8}.hero__title{font-size:8vw;font-weight:900;margin:0;line-height:.9;font-family:"Poppins",sans-serif}.hero__title--bottom{margin-top:10px}.hero__subtitle{font-size:1.4rem;font-weight:300;margin-top:40px;color:#222;font-family:"Poppins",sans-serif}.fade-in-text{display:inline-block;opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.hero__title .fade-in-text{animation:glitch-init 1s ease-out}.fade-in-text.delay-1{transition-delay:.2s}.fade-in-text.delay-2{transition-delay:.4s}.fade-in-text.is-visible{opacity:1;transform:translateY(0)}@keyframes glitch-init{0%{transform:translate(2px, 2px);opacity:.8}10%{transform:translate(-2px, -2px)}20%{transform:translate(4px, 0)}30%{transform:translate(-4px, 4px)}100%{transform:translate(0, 0);opacity:1}}.section{padding:150px 5vw;max-width:1400px;margin:0 auto;text-align:center}.section--dark{background-color:#101010;color:#f4f4f4}.section__title{font-size:2rem;font-weight:700;letter-spacing:2px;border-bottom:2px solid #00bcd4;display:inline-block;margin-bottom:80px;padding-bottom:5px;font-family:"Poppins",sans-serif}.section--dark .section__title{color:#f4f4f4}.section__content{max-width:800px;font-size:1.05rem;line-height:2.2;margin:0 auto 30px}.about__profile-meta{display:flex;justify-content:center;gap:30px;margin-bottom:40px;font-size:.95rem;font-weight:400;color:gray}.about__profile-meta .meta-item i{color:#00bcd4;margin-right:5px}.about__summary{font-weight:700;color:#222;border-left:3px solid #00bcd4;padding-left:15px;margin-top:20px;line-height:1.8;text-align:left;max-width:800px;margin:20px auto 30px}.about__career-list{list-style:none;padding:0;margin-top:30px;line-height:2.2;text-align:left;max-width:800px;margin:30px auto}.about__career-list li{font-size:1rem;margin-bottom:5px}.about__career-list li i{color:#00bcd4;margin-right:8px}.scroll-reveal{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.skills__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:30px;max-width:1200px;margin:40px auto}.skill-card{padding:30px 20px;background:#fff;color:#222;text-align:center;border:1px solid #00bcd4;font-weight:400;font-size:1.1rem;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 4px 15px rgba(0,0,0,.05)}.skill-card i{display:block;font-size:2rem;margin-bottom:10px;color:#00bcd4}.skill-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,188,212,.4)}.notion-intro__summary{font-weight:400;line-height:2;max-width:900px;margin:0 auto 50px}.notion-intro__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin:0 auto 80px;max-width:1100px;text-align:left}.intro-card{padding:25px;border:1px solid #eee;border-radius:5px;box-shadow:0 4px 15px rgba(0,0,0,.05);background-color:#fff;text-align:left}.intro-card__title{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:#00bcd4}.intro-card__title i{margin-right:8px}.intro-card__desc{font-size:.95rem;line-height:1.7;color:#222}.notion-intro__visual{text-align:center;padding:40px 0}.notion-intro__visual .video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto;max-width:900px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.2)}.notion-intro__visual .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.notion-intro__visual-placeholder{display:none}.notion-intro__visual-caption{font-size:.9rem;color:gray;margin-top:20px}.makes__list{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;max-width:1200px;margin:40px auto;text-align:center}.makes__list .makes-item{text-align:center}.makes__list .makes-item__desc{text-align:left;max-width:100%;margin:0 auto}.makes-item{padding:0 20px}.makes-item__title{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#00bcd4}.makes-item__title i{margin-right:10px;color:#00bcd4}.makes-item__desc{font-size:1rem;color:#f4f4f4;max-width:800px;line-height:1.8}.works__list{display:grid;grid-template-columns:repeat(2, 1fr);gap:80px 60px;max-width:1100px;margin:40px auto;text-align:left}.work-item{border-left:5px solid #00bcd4;padding:25px}.work-item__title{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#00bcd4}.work-item__title i{margin-right:10px}.work-item__desc{font-size:1rem;color:#222;max-width:700px;line-height:1.8}.works__cta-container{margin-top:80px;border-top:1px solid #f4f4f4;padding-top:30px;text-align:center}.works__cta-text{font-size:1.1rem;font-weight:700;margin-bottom:20px;line-height:1.8}.works__cta-btn{display:inline-block;padding:8px 18px;border-radius:5px;font-weight:700;font-size:.95rem;text-align:center;transition:background-color .3s,color .3s;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:#fff;color:#222;border-color:#222;border-color:#222;color:#222}.works__cta-btn:hover{background-color:#222;color:#fff;opacity:1}.works__cta-btn:hover{background-color:#222;color:#fff}.pricing-text{font-size:1.2rem;font-weight:400;line-height:2;max-width:800px;margin:0 auto 30px;text-align:center}.section--dark .pricing-text{color:#f4f4f4}.section--dark>div{text-align:center}.contact-form{display:flex;flex-direction:column;gap:15px;max-width:600px;margin:0 auto;text-align:left}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{padding:15px;border:1px solid rgba(0,188,212,.5);background:rgba(244,244,244,.1);color:#f4f4f4;font-family:"Noto Sans JP",sans-serif;font-size:1rem;box-shadow:0 0 5px rgba(0,188,212,.2)}.contact-form input[type=text]::-moz-placeholder, .contact-form input[type=email]::-moz-placeholder, .contact-form textarea::-moz-placeholder{color:#aaa;opacity:1}.contact-form input[type=text]::placeholder,.contact-form input[type=email]::placeholder,.contact-form textarea::placeholder{color:#aaa;opacity:1}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus,.contact-form textarea:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 8px rgba(0,188,212,.6)}.contact-form__btn{display:inline-block;padding:8px 18px;border-radius:5px;font-weight:700;font-size:.95rem;text-align:center;transition:background-color .3s,color .3s;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:#00bcd4;color:#f4f4f4;border-color:#00bcd4;margin-top:20px}.contact-form__btn:hover{background-color:rgb(0,142.7735849057,161);opacity:1}.contact-form__btn:hover{background-color:rgb(0,142.7735849057,161)}.footer{text-align:center;padding:40px 20px;background-color:#101010;color:#f4f4f4;font-size:.8rem;margin-top:0}.footer p{line-height:1.4}@media(max-width: 768px){.hero{height:100vh;min-height:auto;padding:0 5vw;padding-top:80px;display:block}.hero__content--right{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:none;order:2;text-align:center;padding-top:0;margin:0;z-index:10;margin-top:calc(-80px/2)}.hero__content--left{position:absolute;bottom:20px;left:5vw;width:90%;max-width:none;order:3;padding-left:0;margin-top:0;margin-bottom:0;text-align:left;z-index:10}.hero__content--left .hero__title{font-size:12vw;line-height:1}.hero__content--left .hero__subtitle{font-size:1.1rem;margin-top:5px}.hero__phrase{font-size:1.5rem;margin:0;opacity:1;text-align:center;width:100%}.hero__content{width:100%;display:block}.fixed-nav{padding:0 5vw;height:60px}.nav-logo-icon{height:1.1rem}.fixed-nav__logo{font-size:1.2rem;white-space:nowrap}.menu-toggle{display:block}.fixed-nav__list{position:fixed;top:0;left:0;flex-direction:column;width:100%;height:100vh;background-color:#fff;justify-content:center;align-items:center;transform:translateX(100%);transition:transform .3s ease-in-out;z-index:99}.fixed-nav__list.is-active{transform:translateX(0)}.fixed-nav__item{margin:20px 0}.fixed-nav__item--contact .fixed-nav__link{display:inline-block;padding:8px 18px;border-radius:5px;font-weight:700;font-size:.95rem;text-align:center;transition:background-color .3s,color .3s;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:#00bcd4;color:#f4f4f4;border-color:#00bcd4;font-size:1.5rem;padding:10px 30px;color:#f4f4f4}.fixed-nav__item--contact .fixed-nav__link:hover{background-color:rgb(0,142.7735849057,161);opacity:1}.fixed-nav__link{font-size:1.5rem;color:#222}.section{padding:80px 5vw}.section__title{font-size:1.8rem;margin-bottom:40px}.about__profile-meta{flex-wrap:wrap;gap:15px 30px}.makes__list,.notion-intro__grid,.works__list,.skills__grid{grid-template-columns:1fr;margin:40px auto;gap:30px}.works__list{gap:30px}.makes__list,.works__list{text-align:left}}