@font-face{font-family:mainfont;src:url(/assets/RockfordSans-Light-8872c10a.woff)}*{margin:0;padding:0;box-sizing:border-box}h1{font-size:2.3em}h2{font-size:1.3em}h4{font-size:1.1em;margin-bottom:5px}h5{font-size:1.1em;font-style:italic;margin-top:10px}a{text-decoration:none;color:var(--color-text-light)}:root{--color-text-light: #1A2130;--color-background-light: #a3b8d1;--color-yellow: #e7e4d6;--color-pink: #e8c2c3}html,body{color:var(--color-text-light);font-family:mainfont}.experience{position:fixed;width:100vw;height:100vh}.experience-canvas{width:100%;height:100%}.page{z-index:99999;width:100%;height:100%}.page-wrapper{position:relative}.preloader{background-color:var(--color-background-light);width:100%;height:100vh;position:fixed;opacity:1;z-index:9999;letter-spacing:.15em}.preloader-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}#loader{position:absolute;top:calc(50% - 30px);left:calc(50% - 20px)}#box{width:50px;height:50px;background:#313131;animation:animate .5s linear infinite;position:absolute;top:0;left:0;border-radius:3px}@keyframes animate{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes appearDisappear{0%{opacity:0}to{opacity:1}}#shadow{width:50px;height:5px;background:#000;opacity:.1;position:absolute;top:59px;left:0;border-radius:50%;animation:shadow .5s linear infinite}@keyframes shadow{50%{transform:scaleX(1.2)}}.preloader-text{font-size:20px;margin-top:70px;margin-left:-26px}.animatedis{display:inline-block;transform:translateY(100%)}.intro-text{position:absolute;top:50%;left:50%;font-weight:500;font-size:25px;transform:translate(-50%,-50%)}.arrow-svg-wrapper{position:absolute;top:91%;left:50%;transform:translate(-50%,-50%);animation:bounce .5s ease-in alternate infinite;opacity:0}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(8px)}}.hero{width:100vw;height:100vh}footer.hero{width:100vw;height:100vh}.hero-wrapper{position:relative;height:100%;width:calc(100% - 160px);margin:0 auto}.hero-main{position:absolute;bottom:100px;left:60px}.section-margin{height:2500px;width:100%}.last-move{height:1700px;width:100%}.section{width:50%;padding:800px 4%;margin:0;background-color:var(--color-background-light)}.left{margin-right:auto;border-radius:0 50% 100px 0}.right{margin-left:auto;border-radius:50% 0 0 100px}.section-intro-wrapper{position:relative;padding:20% 5% 400px;border-bottom:2px solid var(--color-text-light)}.section-intro-wrapper-myworks{position:relative;padding:20% 5% 400px;border-bottom:2px solid var(--color-text-light);margin-top:20%;margin-left:10%}.section-detail-wrapper{position:relative;padding:15% 5%}.section-heading{font-size:21px;font-weight:700;line-height:1.8;margin-top:64px;color:var(--color-text)}.course-text{margin-top:18px;font-size:17.5px}.section-text{line-height:2;margin-top:10px;font-size:19px}.section-number{position:absolute;bottom:15px;right:12%;font-size:24px}.section-title,.section-title-myworks{position:relative}.section-title-text{display:block;font-size:40px;font-weight:500;transform-origin:left;transform:skewY(25deg);z-index:5;text-transform:uppercase}.styleOne,.styleTwo,.styleThree{position:absolute;display:block;width:100%;max-width:278px;height:60px;border:1px solid var(--color-text-light);transform-origin:left;transform:skewY(-25deg)}.styleOne{top:0px}.styleTwo{top:80px}.styleThree{top:80px;transform:skewY(25deg);background-color:var(--color-text-light)}.hidden{display:none}.section-image-wrapper{position:relative;overflow:hidden}.clickable-image{cursor:pointer;transition:transform .3s ease}.clickable-image:hover{transform:scale(1.02)}.section-image{width:100%;height:280px;max-height:280px;margin-top:10px;border-radius:10px;object-fit:cover}.section-image-contain{object-fit:fill;background-color:#ffffff1a}.section-image-campass{width:100%;max-height:280px;object-fit:cover;margin-top:10px}.section-boba-image-wrapper{position:relative;display:flex;align-items:center;gap:20px;margin-top:20px}.section-image-boba{width:100%;max-height:280px;margin-top:10px;border-radius:10px;object-fit:cover}.section-demo-video-campass{width:100%;height:auto}.section-image-learn-more-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99999;text-align:center;font-size:1.5rem;padding-left:10px;padding-right:10px;border:2px solid var(--color-text-light);background-color:var(--color-background-light);border-radius:20px;opacity:0;transition:opacity .3s ease;pointer-events:none}.tools-wrapper{width:100%;display:flex;margin-top:10px;gap:10px;flex-wrap:wrap}.tool{border:1px solid var(--color-text-light);padding-left:7px;padding-right:7px}.contact-me-wrapper{width:100%;display:flex;margin-top:2rem;justify-content:center;align-items:center}.icon-wrapper{display:flex;width:60%;justify-content:center;align-items:center;gap:2.1rem}i{font-size:2rem}a:hover{cursor:pointer}.section-image-wrapper:hover .section-image-learn-more-button{opacity:1;pointer-events:auto}.image-hover-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(163,184,209,.95) 0%,rgba(163,184,209,.85) 70%,rgba(163,184,209,0) 100%);padding:20px;transform:translateY(100%);transition:transform .4s ease;z-index:10}.section-image-wrapper:hover .image-hover-overlay{transform:translateY(0)}.overlay-content{display:flex;flex-direction:column;gap:12px}.overlay-section-text{font-size:18px;line-height:1.6;color:var(--color-text-light);margin:0;max-height:120px;overflow-y:auto}.overlay-tools-wrapper{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.overlay-tools-wrapper .tool{font-size:12px;padding:4px 8px;border:1px solid var(--color-text-light);background-color:#fff3;border-radius:4px}.overlay-tools-wrapper .tool-more{opacity:.9}.project-buttons{display:flex;gap:15px;margin-top:20px;margin-bottom:10px}.btn-learn-more,.btn-website{padding:10px 20px;font-size:16px;font-family:mainfont;border:2px solid var(--color-text-light);background-color:transparent;color:var(--color-text-light);cursor:pointer;border-radius:5px;transition:all .3s ease}.btn-learn-more:hover,.btn-website:hover{background-color:var(--color-text-light);color:var(--color-background-light)}.btn-learn-more:active,.btn-website:active{transform:scale(.98)}.details-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:999999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.details-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.details-overlay.active .details-panel{pointer-events:auto}.details-panel{position:fixed;top:0;width:80%;max-width:900px;height:100vh;max-height:100vh;background-color:var(--color-background-light);z-index:9999999;overflow-y:scroll!important;overflow-x:hidden!important;transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);scrollbar-width:none;-ms-overflow-style:none}.details-panel::-webkit-scrollbar{display:none}.details-panel-right{box-shadow:-4px 0 20px #00000080}.details-panel-left{box-shadow:4px 0 20px #00000080}.details-panel-right{right:0;transform:translate(100%)}.details-panel-right.active{transform:translate(0) translateZ(0)}.details-panel-left{left:0;transform:translate(-100%)}.details-panel-left.active{transform:translate(0) translateZ(0)}.details-panel-content{padding:80px 40px 40px;max-width:1200px;margin:0 auto;min-height:calc(100vh + 1px);box-sizing:border-box;position:relative}.details-close-btn{position:fixed;top:20px;right:20px;width:50px;height:50px;background-color:transparent;border:2px solid var(--color-text-light);color:var(--color-text-light);font-size:32px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:99999999;transition:all .3s ease;font-family:Arial,sans-serif}.details-panel-left .details-close-btn{right:auto;left:20px}.details-close-btn:hover{background-color:var(--color-text-light);color:var(--color-background-light);transform:rotate(90deg)}.details-panel .details-header{margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid var(--color-text-light)}.details-panel .details-header h1{font-size:2.5em;margin-bottom:10px;color:var(--color-text)}.details-panel .details-header h2{font-size:1.5em;color:var(--color-text-light);opacity:.8;margin-bottom:5px}.details-panel .details-header h3{font-size:1.2em;font-style:italic;color:var(--color-text-light);opacity:.7;margin-top:10px}.details-panel .details-hero{width:100%;margin:30px 0 50px;border-radius:10px;overflow:hidden}.details-panel .details-hero-image{width:100%;height:auto;max-height:400px;display:block}.details-panel .details-hero-video{width:100%;max-width:800px;max-height:450px;height:auto;display:block;margin:0 auto}.details-panel .details-content{line-height:2;font-size:1.1em;margin-bottom:50px;white-space:pre-line;color:var(--color-text)}.details-panel .details-section{margin:50px 0;padding:30px 0;border-top:1px solid rgba(255,255,255,.1)}.details-panel .details-section-title{font-size:1.8em;font-weight:700;margin-bottom:20px;color:var(--color-text);text-transform:uppercase;letter-spacing:1px}.details-panel .details-section-content{line-height:2;font-size:1.1em;color:var(--color-text);white-space:pre-line}.details-panel .details-section-content.details-bullets ul{list-style-type:none;padding-left:0;margin:0}.details-panel .details-section-content.details-bullets li{position:relative;padding-left:25px;margin-bottom:12px;line-height:1.8}.details-panel .details-section-content.details-bullets li:before{content:"\2022";position:absolute;left:0;color:var(--color-text-light);font-weight:700;font-size:1.2em}.details-panel .details-gallery{margin:50px 0;padding:30px 0;border-top:1px solid rgba(255,255,255,.1)}.details-panel .details-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.details-panel .details-gallery-item{border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.details-panel .details-gallery-item:hover{transform:scale(1.02)}.details-panel .details-gallery-image{width:100%;height:auto;display:block}.details-panel .details-videos{margin:50px 0;padding:30px 0;border-top:1px solid rgba(255,255,255,.1)}.details-panel .details-videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:20px}.details-panel .details-video-item{border-radius:10px;overflow:hidden;box-shadow:0 4px 15px #0003}.details-panel .details-video{width:100%;height:auto;display:block}.details-panel .details-tools-section{margin:50px 0;padding:30px 0;border-top:1px solid rgba(255,255,255,.1)}.details-panel .details-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.details-panel .details-website-button{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center}@media (max-width: 768px){.details-panel{width:100%}.details-panel-content{padding:70px 20px 20px}.details-close-btn{top:10px;right:10px;width:40px;height:40px;font-size:24px}.details-panel-left .details-close-btn{right:auto;left:10px}.details-panel .details-header h1{font-size:2em}.details-panel .details-section-title{font-size:1.5em}.details-panel .details-gallery-grid,.details-panel .details-videos-grid{grid-template-columns:1fr}}