:root{--bg-color:#1a1a1a;--text-color:#e0e0e0;--primary-color:#4389d8;--secondary-color:#1f5492;--shadow-dark:#151515;--shadow-light:#252525}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Helvetica Neue",Arial,heisei-kaku-gothic-std,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-weight:700;line-height:1.2}h2{font-size:2.5rem;margin-bottom:2rem;position:relative;display:inline-block}h2:after{content:'';position:absolute;left:0;bottom:-10px;width:50px;height:4px;background:var(--primary-color);border-radius:2px}a{color:var(--primary-color);text-decoration:none;-webkit-transition:color 0.3s;transition:color 0.3s}a:hover{color:var(--secondary-color)}.header{position:fixed;top:0;left:0;width:100%;background-color:rgba(26,26,26,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(224,224,224,0.1);z-index:100;padding:15px 0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--text-color);text-decoration:none}.logo img{height:40px;margin-right:10px}.logo p{font-size:1.5rem;font-weight:700;margin:0}.list ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0;gap:30px}.list li a{color:var(--text-color);text-decoration:none;font-weight:500;padding:10px 0;position:relative;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}.list li a:hover{color:var(--primary-color)}.list li a:after{content:'';position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary-color);-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.list li a:hover:after{width:100%}.neumorphic-section{padding:80px 0}.neumorphic-card{background-color:var(--bg-color);border-radius:15px;padding:25px;-webkit-box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);-webkit-transition:-webkit-transform 0.3s ease,-webkit-box-shadow 0.3s ease;transition:-webkit-transform 0.3s ease,-webkit-box-shadow 0.3s ease;transition:transform 0.3s ease,box-shadow 0.3s ease;transition:transform 0.3s ease,box-shadow 0.3s ease,-webkit-transform 0.3s ease,-webkit-box-shadow 0.3s ease}.neumorphic-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:10px 10px 20px var(--shadow-dark),-10px -10px 20px var(--shadow-light);box-shadow:10px 10px 20px var(--shadow-dark),-10px -10px 20px var(--shadow-light)}.hero{height:100vh;position:relative;color:#fff;background:url("../img/hero-bg.png") no-repeat center center;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px)}.hero-content{position:relative;z-index:1}.hero h1{font-size:4rem;letter-spacing:2px}.hero p{font-size:1.5rem;max-width:600px;margin:0 auto 2rem auto}.profile-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:40px;max-width:1000px;margin:0 auto}.profile-image{-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px;overflow:hidden}.profile-image img{width:100%;height:auto;border-radius:10px;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.3s ease}.profile-image:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.profile-text{-webkit-box-flex:1;-ms-flex:1;flex:1}.profile-text h3{font-size:1.8rem;margin-bottom:10px}.timeline{position:relative;max-width:800px;margin:0 auto;padding:40px 0}.timeline:before{content:'';position:absolute;height:100%;width:4px;background:var(--primary-color);left:30px}.timeline-item{margin-bottom:50px;position:relative;width:100%;padding-left:70px}.timeline-item:before{content:'';position:absolute;left:23px;top:20px;width:12px;height:12px;background:var(--primary-color);border-radius:50%;border:3px solid var(--bg-color);-webkit-box-shadow:0 0 0 1px var(--primary-color);box-shadow:0 0 0 1px var(--primary-color);z-index:3}.timeline-content{position:relative}.timeline-content>h3{font-size:1.3rem;margin-bottom:10px}.timeline-date{display:inline-block;background:var(--primary-color);padding:4px 12px;border-radius:20px;font-weight:bold;color:#fff;font-size:0.8rem;margin-bottom:10px}#works p{margin-bottom:1rem}.works-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.filter-btn{padding:8px 20px;background:var(--bg-color);color:var(--text-color);border:none;border-radius:30px;cursor:pointer;font-size:16px;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);color:#fff;-webkit-box-shadow:inset 4px 4px 8px rgba(0,0,0,0.2);box-shadow:inset 4px 4px 8px rgba(0,0,0,0.2)}.works-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.work-item{overflow:hidden;cursor:pointer}.work-thumbnail{position:relative;width:100%;padding-top:56.25%;overflow:hidden;margin-bottom:15px;border-radius:10px}.work-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s}.work-item:hover .work-thumbnail img{-webkit-transform:scale(1.1);transform:scale(1.1)}.work-item h3{font-size:1.3rem;margin:10px 0}.load-more-container{text-align:center;margin-top:40px}.load-more-btn{padding:12px 30px;background:var(--bg-color);color:var(--text-color);border:none;border-radius:30px;font-size:16px;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);font-weight:500}.load-more-btn:hover{background:var(--primary-color);color:#fff}.load-more-btn:active{-webkit-box-shadow:inset 4px 4px 8px rgba(0,0,0,0.2);box-shadow:inset 4px 4px 8px rgba(0,0,0,0.2);-webkit-transform:translateY(2px);transform:translateY(2px)}.foriio-iframe-container{width:100%;max-width:800px;margin:30px auto;position:relative;overflow:hidden;border-radius:15px;-webkit-box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);container-type:inline-size}.foriio-iframe{width:100%;height:360px;border:none;display:block}#contact p{margin-bottom:1rem}.contact-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.contact-item{text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:250px}.contact-item i{font-size:2.5rem;color:var(--primary-color);margin-bottom:15px}footer{background-color:rgba(0,0,0,0.3);padding:20px 0;text-align:center}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);overflow-y:auto}.modal-content{position:relative;margin:5% auto;width:80%;max-width:900px;-webkit-animation:modalFade 0.3s ease;animation:modalFade 0.3s ease}.close-modal{position:absolute;right:20px;top:20px;font-size:28px;font-weight:bold;cursor:pointer;color:var(--text-color);z-index:10}.modal-body{padding:10px}.modal-videos-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;margin-bottom:30px}.modal-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.modal-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.modal-images{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;margin-top:30px}.modal-images img{max-width:100%;height:auto;border-radius:8px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.3);box-shadow:0 4px 8px rgba(0,0,0,0.3)}@container (width < 600px){.foriio-iframe-container{max-width:100%;margin:25px auto}.foriio-iframe{height:350px}}@container (width < 450px){.foriio-iframe-container{max-width:100%;margin:20px auto;border-radius:10px}.foriio-iframe{height:310px}}@container (width < 350px){.foriio-iframe-container{max-width:100%;margin:20px auto;border-radius:10px}.foriio-iframe{height:290px}}@media (max-width:992px){.header .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.list ul{gap:20px}.profile-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.profile-image{margin-bottom:30px;-webkit-box-flex:0;-ms-flex:0 0 250px;flex:0 0 250px;max-width:250px;margin-left:auto;margin-right:auto}.timeline:before{left:30px}.timeline-item{width:100%;padding-left:70px;padding-right:0;border-radius:4px;font-weight:bold;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2)}}@media (max-width:768px){.header{padding:10px 0}.header .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.list ul{gap:15px;font-size:14px}.logo p{font-size:1.3rem}h2{font-size:2rem;text-align:center;display:block;width:100%}h2:after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.works-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.timeline:before{left:20px}.timeline-item{padding-left:50px}.timeline-item:before{left:14px;top:15px;width:10px;height:10px}.timeline-content{padding:15px}.timeline-content>h3{font-size:1.1rem}.timeline-date{font-size:0.75rem;padding:3px 10px}}@media (max-width:480px){.container{padding:0 15px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.profile-text h3{font-size:1.5rem}.timeline-item{padding-left:40px}.timeline:before{left:15px}.timeline-item:before{left:11px;top:12px;width:8px;height:8px;border:2px solid var(--bg-color)}.timeline-date{font-size:0.7rem;padding:2px 8px}.modal-content{width:95%;margin:10% auto 5% auto}}@-webkit-keyframes modalFade{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modalFade{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=style.css.map */