@font-face{font-family:ChakraPetch-Light;src:url(public/ChakraPetch-Light.ttf) format("truetype")}@font-face{font-family:ChakraPetch-Bold;src:url(/assets/ChakraPetch-Bold-s-gf-5Hp.ttf) format("truetype")}@font-face{font-family:ChakraPetch-BoldItalic;src:url(/fonts/ChakraPetch-BoldItalic.ttf) format("truetype")}html{font-size:calc(100vw * 16 / 1440);overflow-x:hidden}@media screen and (max-width:1440px){html{font-size:16px}}@media screen and (max-width:768px){html{font-size:14px}}@media screen and (max-width:480px){html{font-size:12px}}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-y:auto;background:#000}.logo{position:fixed;width:30%;height:10%;top:5%;left:5%;z-index:3;object-fit:cover;display:flex;align-items:center;justify-content:left}.logo img{position:absolute;width:100%;height:100%;object-fit:contain}@media screen and (max-width:600px){.logo{width:50%;top:2%;height:12%}.logo img{transform:scale(1.08)}}.navigation{position:fixed;width:8%;height:100%;top:2%;right:0%;z-index:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.navigation a{position:relative;margin:30%;width:auto;height:auto;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:ChakraPetch-Bold,sans-serif;font-size:1rem;color:#fff}@media screen and (max-width:600px){.navigation{width:90%;height:6%;inset:auto auto 2% 5%;display:flex;flex-direction:row;align-items:center}.navigation a{margin:2%}}.navigation a:after{position:absolute;content:"";width:0%;height:.03rem;left:0;bottom:-.03rem;background:#fff;transition:.8s}.navigation a:hover:after{width:100%}.hands-on-main{background-color:#000;color:#fff;font-family:ChakraPetch-Light,sans-serif}.hands-on-hero{position:relative;height:80vh;display:grid;place-items:center;text-align:center;background-image:url(public/hands-on-hero-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff}.hands-on-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0003,#000000e6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hands-on-hero-content{position:relative;z-index:2;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.hands-on-event-subtitle{font-family:ChakraPetch-Light,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);color:#ffffffb3;letter-spacing:.1em;margin:0;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:20px}.hands-on-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(3rem,8vw,6rem);font-weight:600;color:#fff;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.6);line-height:1.2}.hands-on-subtitle{font-size:clamp(1.2rem,3vw,1.6rem);color:#ffffffe6;margin:0;max-width:600px}.hands-on-event-title{display:none}.hands-on-section{padding:100px 5%;position:relative;overflow:hidden}.hands-on-container{max-width:1000px;margin:0 auto;position:relative;z-index:2}.hands-on-section-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:2.5rem;font-weight:400;color:#e0e0e0;margin-bottom:4rem;text-align:left;border-bottom:none;padding-bottom:0;position:relative;z-index:2}.hands-on-section-title span{position:absolute;top:50%;left:0;transform:translateY(-60%);font-family:ChakraPetch-BoldItalic,sans-serif;font-size:clamp(4rem,15vw,8rem);font-weight:700;letter-spacing:.05em;color:#6b5ca81f;z-index:-1;margin:0;display:block;pointer-events:none}.concept-section{background-color:#050505;padding-top:150px;padding-bottom:150px}.concept-text{font-size:1.1rem;line-height:2;color:#fffc;max-width:800px;margin:0 auto}.experience-section{padding-top:150px;padding-bottom:150px}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.experience-card{background:#111;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15);transition:transform .4s ease,box-shadow .4s ease}.experience-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #0096ff26;border-color:#00d4ff80}.experience-card-img{width:100%;height:220px;object-fit:cover;display:block;transition:filter .4s ease,transform .4s ease}.experience-card:hover .experience-card-img{transform:scale(1.05)}.experience-card-content{padding:1.5rem}.experience-card-title{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.5rem;color:#e0e0e0;margin:0 0 1rem}.experience-card-text{font-size:1rem;color:#ffffffb3;line-height:1.6}.concept-section:before,.experience-section:before,.concept-section:after,.experience-section:after{content:"";position:absolute;left:0;width:100%;pointer-events:none;z-index:1}.concept-section:before,.experience-section:before{height:120px;top:15px;background:linear-gradient(15deg,transparent 20%,rgba(255,221,87,.1) 50%,transparent 80%)}.concept-section:after,.experience-section:after{height:4px;z-index:2;top:75px;background:#005f4bb3;box-shadow:0 0 15px 1px #005f4b4d}.concept-section:before,.concept-section:after{transform:skewY(3deg)}.experience-section:before,.experience-section:after{transform:skewY(-3deg)}@media(max-width:768px){.hands-on-hero{height:70vh}.hands-on-section{padding:80px 5%}.hands-on-section-title span{transform:translateY(-55%)}.hands-on-section-title{font-size:1.8rem}.concept-section,.experience-section{padding-top:120px;padding-bottom:120px}.concept-section:before,.experience-section:before,.concept-section:after,.experience-section:after{top:60px}}.footer{position:relative;display:flex;align-items:center;justify-content:center;z-index:0;background:#000}.footer p{font-family:ChakraPetch-Light,sans-serif;font-size:.8rem;color:gray;line-height:1.5}@media screen and (max-width:600px){.footer p{opacity:0}}