.body-tag{--bg-opacity: 0;background:#fcf4ed;font-family:Heebo,Roboto,Arial,Helvetica,sans-serif;height:100vh;margin:0;padding:0}.body-tag::after{background:rgba(0, 0, 0, var(--bg-opacity));content:"";height:calc(100% - 64px);position:fixed;top:64px;width:100%;z-index:-1}.body-tag.game-2048::after{background:linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, var(--bg-opacity)));height:calc(100% - 128px);position:absolute;z-index:-1}.body-tag.scroll-hidden{overflow:hidden}.body-tag.scroll-hidden:not(.game-2048)::after{z-index:0}.reverse-primary-btn,.primary-btn,.reverse-solid-btn,.solid-btn{align-items:center;display:flex;flex-direction:row;justify-content:center;box-sizing:border-box;cursor:pointer;font:16px/20px Heebo,Roboto,Arial,Helvetica,sans-serif;height:fit-content;min-height:48px;padding:0 10px;width:fit-content}[data-game-over] .reverse-primary-btn,[data-game-over] .primary-btn,[data-game-over] .reverse-solid-btn,[data-game-over] .solid-btn{visibility:hidden}.reverse-primary-btn:hover,.primary-btn:hover,.reverse-solid-btn:hover,.solid-btn:hover{background:#dcc9b3}.reverse-primary-btn:focus,.primary-btn:focus,.reverse-solid-btn:focus,.solid-btn:focus{border-width:3px;margin:0 -1px}.reverse-primary-btn .btn-logo,.primary-btn .btn-logo,.reverse-solid-btn .btn-logo,.solid-btn .btn-logo{height:24px;margin-left:10px;width:24px}.solid-btn{background:#f1dcc4;border:2px solid #7b5c3f;border-radius:5px;color:#7b5c3f}.reverse-solid-btn{background:rgba(0,0,0,0);border:0;color:#7b5c3f;cursor:pointer}.reverse-solid-btn:hover{background:none}.reverse-solid-btn .btn-logo{fill:#7b5c3f}.primary-btn{background:#e2bc5d;border:2px solid #6f4206;border-radius:30px;color:#6f4206;font-size:16px;font-weight:500;letter-spacing:1px;padding:12px 24px;text-decoration:none}.primary-btn:hover{background:#f5cc66}.primary-btn .btn-logo{fill:#6f4206}.reverse-primary-btn{background:rgba(0,0,0,0);border:2px solid #6f4206;border-radius:30px;color:#6f4206;font-size:16px;font-weight:500;letter-spacing:1px;padding:12px 24px;text-decoration:none}.reverse-primary-btn:hover{background:rgba(0,0,0,.1)}.reverse-primary-btn .btn-logo{fill:#6f4206}.hamburger-btn{height:48px;width:48px}.hamburger-btn:focus{margin:0}.hamburger-btn .hamburger-menu{list-style-type:none;margin:0;padding:0;width:fit-content}.hamburger-btn .hamburger-menu .line{background:var(--line-color, #000);border-radius:2px;height:3.5px;margin:3px 0;width:21px}.js-section .image-wrapper,.js-modal-section .image-wrapper{display:grid;grid:"image-sizer"}.js-section .image-sizer,.js-modal-section .image-sizer{grid-area:image-sizer;height:0;padding-bottom:var(--default-height, 100%)}.js-section .image-frame,.js-modal-section .image-frame{grid-area:image-sizer}.bg-dot-box{display:flex;height:22px;width:67px}@media(min-height: 650px)and (min-width: 1024px){.bg-dot-box{height:33px;width:101px}}@media(min-height: 650px)and (min-width: 1440px){.bg-dot-box{height:44px;width:133px}}.bg-dot-box .dots-logo{height:100%;width:100%}.game-2048-iframe{border:0;height:100vh;width:100%}.game-2048 .page-content{height:100vh}.portfolio .page-content{overflow:hidden}.portfolio .title{color:#0f2641;font-family:Cabin Sketch,Roboto,Arial,Helvetica,sans-serif;font-size:36px;height:fit-content;letter-spacing:2px;margin:0;position:relative;width:fit-content;z-index:2}@media(min-width: 1024px){.portfolio .title{font-size:48px}}@media(min-width: 1440px){.portfolio .title{font-size:64px}}.portfolio .title::after{background:rgba(176,135,29,.5);bottom:0;content:"";display:block;height:50%;position:absolute;transform:translateX(-10px);width:calc(100% + 20px);z-index:-1}.fixed-btns{bottom:0;position:fixed;right:0;z-index:1}.fixed-btns .toggle-motion-btn{display:grid;grid-template-areas:"motion-btn";left:50%;padding:14px;position:absolute;transform:translate(-50%, -50%);top:50%}.fixed-btns .toggle-motion-btn:hover .label{opacity:1;padding-left:10px;width:100%}.fixed-btns .toggle-motion-btn:focus{margin:0}.fixed-btns .toggle-motion-btn[data-activate-animation=true] .motion-pause{opacity:1}.fixed-btns .toggle-motion-btn[data-activate-animation=false] .motion-play{opacity:1}.fixed-btns .toggle-motion-btn-wrapper{left:100%;padding:10px;position:relative;transform:translateX(-100%);visibility:hidden;width:fit-content}@media(min-width: 1024px){.fixed-btns .toggle-motion-btn-wrapper{visibility:visible}}.fixed-btns .toggle-motion-btn .motion-pause,.fixed-btns .toggle-motion-btn .motion-play{fill:#6f4206;grid-area:motion-btn;height:24px;opacity:0;width:24px}.fixed-btns .circular-text{fill:#6f4206;height:98px;width:98px}.fixed-btns .circular-text path{transform:translate(10px, 10px)}.fixed-btns .circular-text g{transform:translate(2px, 6px)}.fixed-btns .circular-text g text{font-size:13.8px}.snackbar{background:#fff;bottom:0;box-shadow:2px 4px 4px rgba(0,0,0,.25);border-radius:5px;grid-area:snackbar;margin:10px;opacity:0;padding:15px;width:fit-content}.snackbar-wrapper{bottom:0;display:grid;grid-template-areas:"snackbar";position:fixed;z-index:-1}.snackbar .snackbar-text{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.snackbar .snackbar-text.hide-text{display:none}.snackbar .snackbar-text .snackbar-logo{fill:#6f4206;height:24px;width:24px}.snackbar .snackbar-text .text{color:#6f4206;padding-left:5px}.app-header{backdrop-filter:blur(5px);background:rgba(216,216,216,.5);width:100%;z-index:1000}@media(min-width: 600px)and (min-height: 650px){.app-header{position:fixed;top:0}}.portfolio .app-header{background:rgba(173,173,173,.5);position:fixed;top:0}.projects .app-header{background:rgba(255,255,255,.5);position:fixed;top:0}.app-header .mobile-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}@media(min-height: 650px)and (min-width: 769px){.app-header .mobile-header{display:none}}.app-header .desktop-header{display:none}@media(min-height: 650px)and (min-width: 769px){.app-header .desktop-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}}.app-header .mobile-header .header-logo,.app-header .desktop-header .header-logo{align-items:center;display:flex;height:64px;width:fit-content}.app-header .mobile-header .header-logo .header-logo-link,.app-header .desktop-header .header-logo .header-logo-link{align-items:center;color:#05564b;display:flex;height:48px;margin-left:7px;text-decoration:none;width:fit-content}.app-header .mobile-header .header-logo .header-logo-link .header-logo-container,.app-header .desktop-header .header-logo .header-logo-link .header-logo-container{align-items:center;column-gap:15px;display:flex;padding:0 7px}.app-header .mobile-header .header-logo .header-logo-link .header-logo-container .logo-image,.app-header .desktop-header .header-logo .header-logo-link .header-logo-container .logo-image{height:28px}.app-header .mobile-header .header-logo .header-logo-link .header-logo-container .logo-name,.app-header .desktop-header .header-logo .header-logo-link .header-logo-container .logo-name{font-family:Rock Salt,Roboto,Arial,Helvetica,sans-serif}.app-header .mobile-header .header-cta,.app-header .desktop-header .header-cta{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:5px;margin-right:15px}.app-header .mobile-header .header-cta-link,.app-header .desktop-header .header-cta-link{border-radius:5px;box-sizing:border-box;color:#494949;min-height:48px;padding:12px 10px;text-decoration:none;text-transform:uppercase}.app-header .mobile-header .header-cta-link:hover,.app-header .mobile-header .header-cta-link:focus,.app-header .desktop-header .header-cta-link:hover,.app-header .desktop-header .header-cta-link:focus{background:rgba(158,158,158,.3);color:#2a362e}.app-header .mobile-header .header-cta .hamburger-btn,.app-header .desktop-header .header-cta .hamburger-btn{--line-color: #05564b;background:rgba(0,0,0,0);border:none}.app-header .mobile-header .header-cta .hamburger-btn:hover,.app-header .mobile-header .header-cta .hamburger-btn:focus,.app-header .desktop-header .header-cta .hamburger-btn:hover,.app-header .desktop-header .header-cta .hamburger-btn:focus{background:rgba(158,158,158,.3);color:#2a362e}.app-header .mobile-header .header-cta .menu-modal,.app-header .desktop-header .header-cta .menu-modal{height:calc(100vh - 64px);right:55%;width:90%}.app-header .mobile-header .header-cta .menu-modal .modal-header,.app-header .desktop-header .header-cta .menu-modal .modal-header{height:140px;padding-bottom:20px;position:relative}.app-header .mobile-header .header-cta .menu-modal .modal-header::before,.app-header .desktop-header .header-cta .menu-modal .modal-header::before{background:url("/static/images/logo/og-image-portfolio.7856dfbc21c7.png");background-position-y:45%;background-size:cover;border-radius:0 0 25px 25px;content:"";height:calc(100% + 20px);position:absolute;transform:translate(-20px, -20px);width:calc(100% + 40px);z-index:-1}@media(min-width: 600px){.app-header .mobile-header .header-cta .menu-modal .modal-header::before,.app-header .desktop-header .header-cta .menu-modal .modal-header::before{background:#2a2b2a}}.app-header .mobile-header .header-cta .menu-modal .modal-header .title,.app-header .desktop-header .header-cta .menu-modal .modal-header .title{display:none;font-size:64px;left:50%;position:relative;top:50%;transform:translate(-50%, -50%)}@media(min-width: 600px){.app-header .mobile-header .header-cta .menu-modal .modal-header .title,.app-header .desktop-header .header-cta .menu-modal .modal-header .title{display:block}}.app-header .mobile-header .header-cta .menu-modal .modal-header .title::after,.app-header .desktop-header .header-cta .menu-modal .modal-header .title::after{display:none}.app-header .mobile-header .header-cta .menu-modal .btn-container,.app-header .desktop-header .header-cta .menu-modal .btn-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.app-header .mobile-header .header-cta .menu-modal .btn-container .header-cta-link,.app-header .desktop-header .header-cta .menu-modal .btn-container .header-cta-link{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:10px 0;width:100%}.app-header .mobile-header .header-cta .menu-modal .btn-container .header-cta-link .btn-text,.app-header .desktop-header .header-cta .menu-modal .btn-container .header-cta-link .btn-text{flex-grow:1;margin-left:15px;text-align:left}.app-header .mobile-header .header-cta .menu-modal .btn-container .header-cta-link .arrow-right,.app-header .desktop-header .header-cta .menu-modal .btn-container .header-cta-link .arrow-right{fill:#7b5c3f;height:24px;transform:rotate(90deg);width:24px}.app-footer{position:relative}.app-footer .footer{background:#9e8441;bottom:0;text-align:center;width:100vw}.game-2048 .app-footer .footer{background:rgba(190,165,143,.5);color:#795d04;display:none;position:fixed}@media(min-width: 600px)and (min-height: 650px){.game-2048 .app-footer .footer{display:block}}.app-footer .footer-text{color:#081f3a;font-size:14px;margin:0;padding:10px}.grid-display{display:grid !important;grid-template-columns:repeat(12, 1fr) !important;row-gap:48px !important}.grid-display .grid-span-2{grid-column:span 2}.grid-display .grid-span-3{grid-column:span 3}.grid-display .grid-span-4{grid-column:span 4}.page-modal{--opacity: 1, 1;--scale: 1, 1;--translateX: -50%, 50%;--translateY: 0, 0;background:var(--modal-bk-color, #fff);height:calc(100% - 64px);overflow-y:auto;position:absolute;right:50%;top:64px;width:100%;z-index:1000}@media(min-height: 650px)and (min-width: 600px){.page-modal{transform:translateY(0)}}@media(min-height: 650px)and (min-width: 769px){.page-modal{height:100%;top:0}}@media(min-height: 650px)and (min-width: 1024px){.page-modal{--opacity: 0, 1;--scale: 0.5, 1;--translateX: 50%, 50%;--translateY: -50%, -50%;border:2px solid #7b5c3f;border-radius:10px;filter:brightness(0.96);height:75vh;max-width:984px;top:50%}.page-modal.full-page-modal{--opacity: 1, 1;--scale: 1, 1;--translateX: 100%, 0;--translateY: 0, 0;border-radius:0;height:100%;max-width:min(75vw,1023px)}}.page-modal.hide-modal{display:none}.page-modal.modal-open{max-width:1024px}@media(min-width: 1024px)and (min-height: 650px){.page-modal.modal-open{max-width:984px;top:50%}.page-modal.modal-open.full-page-modal{max-width:min(75vw,1023px);top:0}}.page-modal.fixed-page-modal{position:fixed;top:64px;transform:none}@media(min-height: 650px)and (min-width: 1024px){.page-modal.fixed-page-modal{top:50%}}.page-modal.full-page-modal{--opacity: 1, 1;--scale: 1, 1;--translateX: 100%, 0;--translateY: 0, 0;border:0;position:fixed;right:0;top:64px;transform:none}@media(min-height: 650px)and (min-width: 769px){.page-modal.full-page-modal{top:0}}.page-modal.card-modal,.page-modal.timeline-modal{background:#fcf4ed}.page-modal.card-modal .modal-content .modal-header,.page-modal.timeline-modal .modal-content .modal-header{column-gap:30px;position:sticky;top:20px}.page-modal.card-modal .modal-content .modal-header::after,.page-modal.timeline-modal .modal-content .modal-header::after{background:#fcf4ed;border-bottom:1px solid #000;content:"";height:calc(100% + 20px);position:absolute;top:-20px;width:100%;z-index:-1}@media(min-width: 600px){.page-modal.card-modal .modal-content .modal-header::after,.page-modal.timeline-modal .modal-content .modal-header::after{left:46px;width:calc(100% - 46px)}}.page-modal.card-modal .modal-content .modal-header .modal-title,.page-modal.timeline-modal .modal-content .modal-header .modal-title{color:#684112;font-family:Cabin Sketch,Roboto,Arial,Helvetica,sans-serif;font-size:32px;margin:0 0 24px}@media(min-width: 600px){.page-modal.card-modal .modal-content .modal-header .modal-title,.page-modal.timeline-modal .modal-content .modal-header .modal-title{font-size:40px;margin:24px 0 24px 48px}}@media(min-width: 1024px){.page-modal.card-modal .modal-content .modal-header .modal-title,.page-modal.timeline-modal .modal-content .modal-header .modal-title{font-size:48px}}.page-modal.card-modal .modal-content .modal-body,.page-modal.timeline-modal .modal-content .modal-body{padding-top:24px}@media(min-width: 600px){.page-modal.card-modal .modal-content .modal-body,.page-modal.timeline-modal .modal-content .modal-body{margin:0 48px}}.page-modal.card-modal .modal-content .modal-body .image-wrapper,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper{--default-height: 200px;height:200px;margin:0}@media(min-width: 600px){.page-modal.card-modal .modal-content .modal-body .image-wrapper,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper{--default-height: 400px;height:400px}}.page-modal.card-modal .modal-content .modal-body .image-wrapper .modal-image,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper .modal-image{border-radius:8px;height:var(--default-height, 100%);object-fit:cover;width:100%}.page-modal.card-modal .modal-content .modal-body .image-wrapper .modal-image.image-contain,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper .modal-image.image-contain{object-fit:contain}.page-modal.card-modal .modal-content .modal-body .image-wrapper .modal-image.bg-white,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper .modal-image.bg-white{background:#fff}.page-modal.card-modal .modal-content .modal-body .image-wrapper .image-caption,.page-modal.timeline-modal .modal-content .modal-body .image-wrapper .image-caption{font-size:8px;text-align:right}.page-modal.card-modal .modal-content .modal-body .modal-subheading,.page-modal.timeline-modal .modal-content .modal-body .modal-subheading{color:#4c5458;font-size:14px;line-height:24px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-subheading,.page-modal.timeline-modal .modal-content .modal-body .modal-subheading{font-size:16px}}@media(min-width: 1440px){.page-modal.card-modal .modal-content .modal-body .modal-subheading,.page-modal.timeline-modal .modal-content .modal-body .modal-subheading{font-size:18px;line-height:28px}}.page-modal.card-modal .modal-content .modal-body .modal-subheading .desc-para,.page-modal.timeline-modal .modal-content .modal-body .modal-subheading .desc-para{margin:0}.page-modal.card-modal .modal-content .modal-body .modal-description,.page-modal.timeline-modal .modal-content .modal-body .modal-description{font-size:14px;line-height:28px;margin-top:36px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description,.page-modal.timeline-modal .modal-content .modal-body .modal-description{font-size:16px}}@media(min-width: 1440px){.page-modal.card-modal .modal-content .modal-body .modal-description,.page-modal.timeline-modal .modal-content .modal-body .modal-description{font-size:18px;line-height:32px}}.page-modal.card-modal .modal-content .modal-body .modal-description .list-heading,.page-modal.card-modal .modal-content .modal-body .modal-description .highlighted-text,.page-modal.timeline-modal .modal-content .modal-body .modal-description .list-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .highlighted-text{color:#6f4206;font-weight:500}.page-modal.card-modal .modal-content .modal-body .modal-description .list-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .list-heading{font-size:16px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description .list-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .list-heading{font-size:18px}}.page-modal.card-modal .modal-content .modal-body .modal-description .sub-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-title{font-size:28px;font-weight:500;letter-spacing:.5px;margin:40px 0 10px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description .sub-title,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-title{font-size:32px}}.page-modal.card-modal .modal-content .modal-body .modal-description .sub-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-heading{color:#6f4206;font-size:18px;font-weight:100;letter-spacing:.5px;margin:20px 0 10px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-description .sub-heading,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-heading{font-size:20px}}.page-modal.card-modal .modal-content .modal-body .modal-description .sub-list,.page-modal.timeline-modal .modal-content .modal-body .modal-description .sub-list{margin:0}.page-modal.card-modal .modal-content .modal-body .modal-btn,.page-modal.timeline-modal .modal-content .modal-body .modal-btn{font-size:16px}@media(min-width: 769px){.page-modal.card-modal .modal-content .modal-body .modal-btn,.page-modal.timeline-modal .modal-content .modal-body .modal-btn{font-size:18px}}.page-modal.card-modal .modal-content .modal-body .modal-btn-wrapper,.page-modal.timeline-modal .modal-content .modal-body .modal-btn-wrapper{margin:36px 0}.page-modal .modal-content{margin:20px}.page-modal .modal-content .modal-header{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;column-gap:15px}.page-modal .modal-content .modal-header .title{color:#795d04;font-size:36px;line-height:48px;margin:0}.page-modal .modal-content .modal-header .close-btn{padding:0 6px}.page-modal .modal-content .modal-header .close-btn .close-logo{fill:#7b5c3f;height:32px;width:32px}.intro-section{align-items:center;display:flex;flex-direction:row;justify-content:space-between;font-weight:600;max-width:1440px;width:100%}.intro-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;background:linear-gradient(90deg, rgba(228, 172, 99, 0.85), rgba(215, 200, 122, 0.7)),#fcf4ed;height:100vh;margin-top:64px;overflow:hidden;padding:0 20px;position:relative}@media(min-width: 600px){.intro-section-container{padding:0 60px}}@media(min-width: 600px)and (min-height: 650px){.intro-section-container{margin:0}}@media(min-width: 1024px){.intro-section-container{padding:0 120px}}.intro-section-container .solar-system{height:-webkit-fill-available;list-style:none;margin:0;padding:0;position:absolute;top:0;width:-webkit-fill-available;z-index:-1}.intro-section-container .solar-system .sun-radius{border-radius:50%;display:inline-flex;height:var(--circle-width);position:absolute;transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)));width:var(--circle-width)}@media(min-width: 600px){.intro-section-container .solar-system .sun-radius{right:30vw}}.intro-section-container .solar-system .sun-radius.solar-radius-1{--circle-width: min(200vw, 200vh);background:rgba(212,196,31,.2);transform:translate(calc(-0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}@media(min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-1{--circle-width: min(50vw, 50vh);transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}}@media(min-height: 650px)and (min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-1{transform:translate(calc(0.5 * var(--circle-width)), calc(64px - 0.5 * var(--circle-width)))}}.intro-section-container .solar-system .sun-radius.solar-radius-2{--circle-width: min(100vw, 100vh);background:rgba(212,196,31,.4);transform:translate(calc(-0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}@media(min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-2{--circle-width: min(35vw, 35vh);transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}}@media(min-height: 650px)and (min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-2{transform:translate(calc(0.5 * var(--circle-width)), calc(64px - 0.5 * var(--circle-width)))}}.intro-section-container .solar-system .sun-radius.solar-radius-3{--circle-width: min(50vw, 50vh);background:#d4c41f;transform:translate(calc(-0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}@media(min-width: 600px){.intro-section-container .solar-system .sun-radius.solar-radius-3{--circle-width: min(20vw, 20vh);transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)))}}@media(min-width: 600px)and (min-height: 650px){.intro-section-container .solar-system .sun-radius.solar-radius-3{transform:translate(calc(0.5 * var(--circle-width)), calc(64px - 0.5 * var(--circle-width)))}}.intro-section-container .solar-system .orbit-cluster{align-items:center;border:1px dashed rgba(98,101,6,.4);border-radius:50%;display:inline-flex;height:var(--circle-width);justify-content:center;opacity:0;position:absolute;right:30vw;transform:translate(calc(0.5 * var(--circle-width)), calc(-0.5 * var(--circle-width)));width:var(--circle-width)}@media(min-width: 600px){.intro-section-container .solar-system .orbit-cluster{opacity:1}}@media(min-width: 600px)and (min-height: 650px){.intro-section-container .solar-system .orbit-cluster{transform:translate(calc(0.5 * var(--circle-width)), calc(64px - 0.5 * var(--circle-width)))}}.intro-section-container .solar-system .orbit-cluster.orbit-1{--circle-width: min(60vw, 60vh)}.intro-section-container .solar-system .orbit-cluster.orbit-1 .planet-1{--init-degree: 30deg;--planet-size: min(6vw, 6vh)}.intro-section-container .solar-system .orbit-cluster.orbit-1 .planet-2{--init-degree: -50deg;--planet-size: min(6vw, 6vh);--planet-color: #999646}.intro-section-container .solar-system .orbit-cluster.orbit-2{--circle-width: min(85vw, 85vh)}.intro-section-container .solar-system .orbit-cluster.orbit-2 .planet-1{--init-degree: 70deg;--planet-size: min(8vw, 8vh);--planet-color: #68904d}.intro-section-container .solar-system .orbit-cluster.orbit-2 .planet-2{--init-degree: -20deg;--planet-size: min(7vw, 7vh);--planet-color: #bf5d10}@media(min-height: 650px)and (min-width: 1024px){.intro-section-container .solar-system .orbit-cluster.orbit-2{--circle-width: min(85vw, 85vh)}}.intro-section-container .solar-system .orbit-cluster.orbit-3{--circle-width: min(120vw, 120vh)}.intro-section-container .solar-system .orbit-cluster.orbit-3 .planet-1{--init-degree: 42deg;--planet-size: min(8vw, 8vh);--planet-color: #b2ab2e}.intro-section-container .solar-system .orbit-cluster.orbit-3 .planet-2{--init-degree: -20deg;--planet-size: min(10vw, 10vh);--planet-color: #22272f}@media(min-height: 650px)and (min-width: 1024px){.intro-section-container .solar-system .orbit-cluster.orbit-3{--circle-width: min(120vw, 120vh)}}.intro-section-container .solar-system .orbit-cluster.orbit-4{--circle-width: min(160vw, 160vh)}.intro-section-container .solar-system .orbit-cluster.orbit-4 .planet-1{--init-degree: 80deg;--planet-size: min(10vw, 10vh);--planet-color: #ed413e}.intro-section-container .solar-system .orbit-cluster.orbit-4 .planet-2{--init-degree: 20deg;--planet-size: min(12vw, 12vh);--planet-color: #7c5469}@media(min-height: 650px)and (min-width: 1024px){.intro-section-container .solar-system .orbit-cluster.orbit-4{--circle-width: min(160vw, 160vh)}}.intro-section-container .solar-system .orbit-cluster .planet{background:var(--planet-color, #e4ac63);border-radius:50%;height:var(--planet-size);position:absolute;transform:rotate(var(--rotation-degree, var(--init-degree, 0))) translateY(calc(0.5 * var(--circle-width))) rotate(calc(0deg - var(--rotation-degree, var(--init-degree, 0))));width:var(--planet-size)}.intro-section-container .solar-system .orbit-cluster .planet .image-wrapper{align-items:center;display:inline-flex;height:100%}.intro-section-container .solar-system .orbit-cluster .planet .image-wrapper .skill-logo{padding:25%;width:50%}.intro-section .bg-dot-box{margin-bottom:25px}@media(min-height: 650px)and (min-width: 1440px){.intro-section .bg-dot-box{margin-bottom:45px}}.intro-section .intro-heading{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;font-size:32px;letter-spacing:1px;position:relative}@media(min-width: 600px){.intro-section .intro-heading{font-size:36px}}@media(min-height: 650px)and (min-width: 376px){.intro-section .intro-heading{font-size:38px}}@media(min-height: 650px)and (min-width: 600px){.intro-section .intro-heading{font-size:56px}}@media(min-height: 650px)and (min-width: 769px){.intro-section .intro-heading{font-size:72px}}@media(min-height: 650px)and (min-width: 1024px){.intro-section .intro-heading{font-size:90px}}@media(min-height: 650px)and (min-width: 1440px){.intro-section .intro-heading{font-size:120px}}.intro-section .intro-heading-wrapper{color:#0f2641;z-index:10}.intro-section .intro-heading-text{color:#0a4346;font-family:Fuzzy Bubbles,Roboto,Arial,Helvetica,sans-serif}.intro-section .intro-heading-text::after{content:" ";white-space:pre}.intro-section .intro-heading-keywords{display:grid;font-family:Cabin Sketch,Roboto,Arial,Helvetica,sans-serif;grid:"keywords" "1fr" "1fr";list-style:none;margin:0;padding:0}@keyframes fade-out-type1{0%{opacity:0;transform:translateY(-8px)}2%,18%{opacity:1;transform:translateY(0)}24%{opacity:0;transform:translateY(32px)}100%{opacity:0}}@keyframes fade-out-type2{25%{opacity:0;transform:translateY(-8px)}27%,43%{opacity:1;transform:translateY(0)}49%{opacity:0;transform:translateY(32px)}0%{opacity:0}100%{opacity:0}}@keyframes fade-out-type3{50%{opacity:0;transform:translateY(-8px)}52%,68%{opacity:1;transform:translateY(0)}74%{opacity:0;transform:translateY(32px)}0%{opacity:0}100%{opacity:0}}@keyframes fade-out-type4{75%{opacity:0;transform:translateY(-8px)}77%,93%{opacity:1;transform:translateY(0)}99%{opacity:0;transform:translateY(32px)}0%{opacity:0}100%{opacity:0}}.intro-section .intro-heading-keywords .heading-keyword{grid-area:keywords}.intro-section .intro-heading-keywords .heading-keyword.text-blue{animation:fade-out-type1 12s ease-out infinite;color:#115d6a;text-shadow:2px 2px 2px rgba(106,30,17,.5)}.intro-section .intro-heading-keywords .heading-keyword.text-green{animation:fade-out-type2 12s ease-out infinite;color:#1e6f48;text-shadow:2px 2px 2px rgba(111,30,69,.5)}.intro-section .intro-heading-keywords .heading-keyword.text-brown{animation:fade-out-type3 12s ease-out infinite;color:#894b09;text-shadow:2px 2px 2px rgba(9,71,137,.5)}.intro-section .intro-heading-keywords .heading-keyword.text-red{animation:fade-out-type4 12s ease-out infinite;color:#982133;text-shadow:2px 2px 2px rgba(33,152,134,.5)}.intro-section .intro-heading .arrow-box{height:36px;left:0;position:absolute;top:0;transform:translateX(56px);width:40px}@media(min-height: 650px)and (min-width: 376px){.intro-section .intro-heading .arrow-box{transform:translateX(64px)}}@media(min-height: 650px)and (min-width: 600px){.intro-section .intro-heading .arrow-box{height:58px;transform:translateX(90px);width:64px}}@media(min-height: 650px)and (min-width: 769px){.intro-section .intro-heading .arrow-box{height:90px;transform:translate(120px, -10px);width:100px}}@media(min-height: 650px)and (min-width: 1024px){.intro-section .intro-heading .arrow-box{height:108px;transform:translate(146px, -10px);width:120px}}@media(min-height: 650px)and (min-width: 1440px){.intro-section .intro-heading .arrow-box{height:110px;transform:translate(180px, -5px);width:200px}}.intro-section .intro-heading .arrow-box .arrow-logo{fill:#9c6c3d;height:100%;width:100%}.intro-section .btn-wrapper{margin-top:48px;width:fit-content}.intro-section .btn-wrapper .about-btn{padding:0 20px}.intro-section .image-wrapper{display:block;height:350px;position:absolute;right:0;top:0;transform:translate(20%, 10%)}@media(min-width: 600px){.intro-section .image-wrapper{display:none}}.intro-section .image-wrapper .intro-image{height:100%}.bg-backdrop{position:relative}.bg-backdrop::before{background:linear-gradient(0deg, rgba(217, 215, 165, 0.5), rgba(217, 215, 165, 0.2));bottom:0;content:"";display:block;height:calc(100% + 20vh);position:absolute;width:100%;z-index:-1}.bg-backdrop::after{background:linear-gradient(90deg, rgba(228, 172, 99, 0.85), rgba(215, 200, 122, 0.7)),#fcf4ed;clip-path:var(--clipPath);content:"";display:block;height:80px;position:absolute;width:100%;z-index:1}@media(min-width: 600px)and (min-height: 650px){.bg-backdrop::after{height:10vh}}.bg-backdrop .about-section-arrow-svg{opacity:0;position:absolute;transform-origin:top left;width:fit-content;z-index:10}@media(min-height: 650px)and (min-width: 376px){.bg-backdrop .about-section-arrow-svg{height:40vh;transform:translate(160px, -263px) rotate(9deg)}}@media(min-height: 650px)and (min-width: 1440px){.bg-backdrop .about-section-arrow-svg{height:40vh;transform:translate(160px, -263px)}}.bg-backdrop .about-section-arrow-svg #arrow-line{stroke:#000}.about-specialty-section{--animate-section: false}@media(min-height: 750px)and (min-width: 1024px){.about-specialty-section{--animate-section: true}}.about-specialty-section.js-animate{position:relative}.about-specialty-section.js-animate .about-section-container{flex-wrap:wrap}.about-specialty-section.js-animate .particle{background:#6f4206;border-radius:50%;height:var(--particle-size, 7px);position:absolute;width:var(--particle-size, 7px)}.about-specialty-section.js-animate .particle-wrapper{--max-particle-size: 8px;--min-particle-size: 3px;height:300%;position:absolute;width:100%;z-index:-1}.about-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:50px;max-width:1440px}@media(min-width: 769px){.about-section{flex-direction:row}}@media(min-width: 1440px){.about-section{gap:100px}}.about-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;background:linear-gradient(180deg, rgba(217, 215, 165, 0.5) 0%, rgba(217, 215, 165, 0.5) 90%, transparent 100%);padding:140px 20px 80px}@media(min-width: 600px){.about-section-container{padding-top:80px}}@media(min-height: 650px)and (min-width: 600px){.about-section-container{padding:180px 50px}}@media(min-height: 650px)and (min-width: 1024px){.about-section-container{padding:180px 90px}}@media(min-height: 650px)and (min-width: 1440px){.about-section-container{padding:25vh 90px}}.about-section .about-image{height:var(--default-height)}.about-section .about-image-wrapper{--default-height: 300px;display:none;height:300px;position:relative;z-index:1}@media(min-width: 600px){.about-section .about-image-wrapper{display:grid}}@media(min-width: 600px)and (min-height: 350px){.about-section .about-image-wrapper{--default-height: 250px;height:250px}}@media(min-width: 600px)and (min-height: 650px){.about-section .about-image-wrapper{--default-height: 300px;height:300px}}@media(min-height: 650px)and (min-width: 1024px){.about-section .about-image-wrapper{--default-height: 350px;height:350px}}@media(min-height: 650px)and (min-width: 1440px){.about-section .about-image-wrapper{--default-height: 450px;height:450px}}.about-section .about-image-wrapper::before{background:url("/static/images/image_1.a3d26d63e491.webp");content:"";display:block;height:247px;opacity:var(--grid-opacity);position:absolute;top:0;transform:translate(-66px, -70px) scale(0.67);width:289px;z-index:-1}@media(min-width: 600px)and (min-height: 350px){.about-section .about-image-wrapper::before{transform:translate(-80px, -78px) scale(0.56)}}@media(min-width: 600px)and (min-height: 650px){.about-section .about-image-wrapper::before{transform:translate(-66px, -70px) scale(0.67)}}@media(min-height: 650px)and (min-width: 1024px){.about-section .about-image-wrapper::before{transform:translate(-52px, -62px) scale(0.78)}}@media(min-height: 650px)and (min-width: 1440px){.about-section .about-image-wrapper::before{transform:translate(-30px, -40px)}}.about-section .about-image-wrapper .image-sizer{width:calc(.875*var(--default-height))}.about-section .about-details{color:#0f2641;grid-column-end:span 4;letter-spacing:1px}@media(min-width: 600px){.about-section .about-details{grid-column-end:span 8}}.about-section .about-details .title-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;gap:50px}@media(min-width: 600px){.about-section .about-details .title-wrapper{gap:100px}}.about-section .about-details .subtitle{font-size:24px;font-weight:700;margin:36px 0 16px}@media(min-width: 769px){.about-section .about-details .subtitle{margin-top:52px}}@media(min-width: 1440px){.about-section .about-details .subtitle{font-size:32px}}.about-section .about-details .about-description{font-size:14px;line-height:28px}@media(min-width: 769px){.about-section .about-details .about-description{font-size:16px}}@media(min-width: 1440px){.about-section .about-details .about-description{font-size:20px;line-height:36px}}.about-section .about-details .about-description .highlighted-text{color:#6f4206}.about-section .about-details .btn-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:16px 20px;margin-top:36px}.about-section .about-details .btn-container .projects-btn:focus,.about-section .about-details .btn-container .resume-btn:focus{margin:-1px}.js-animate .specialties-section-container{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%, -50%)}@media(min-width: 1024px)and (min-height: 750px){.js-animate .specialties-section-container .specialties-details{grid-template-columns:repeat(2, 350px)}}@media(min-width: 1024px)and (min-height: 850px){.js-animate .specialties-section-container .specialties-details{grid-template-columns:repeat(2, 400px)}}@media(min-width: 1440px)and (min-height: 750px){.js-animate .specialties-section-container .specialties-details{grid-template-columns:repeat(2, 350px)}}@media(min-width: 1440px)and (min-height: 850px){.js-animate .specialties-section-container .specialties-details{grid-template-columns:repeat(2, 500px)}}@media(min-width: 1024px)and (min-height: 750px){.js-animate .specialties-section-container .specialties-details .service-component-heading{font-size:24px}}@media(min-width: 1024px)and (min-height: 850px){.js-animate .specialties-section-container .specialties-details .service-component-heading{font-size:32px}}@media(min-width: 1440px)and (min-height: 750px){.js-animate .specialties-section-container .specialties-details .service-component-heading{font-size:24px}}@media(min-width: 1440px)and (min-height: 850px){.js-animate .specialties-section-container .specialties-details .service-component-heading{font-size:36px}}.specialty-margin-bottom{height:90px}@media(min-width: 1024px){.specialty-margin-bottom{height:182px}}.specialties-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:50px}@media(min-width: 1024px){.specialties-section{gap:70px}}.specialties-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:60px 20px 0;position:relative}@media(min-width: 1024px){.specialties-section-container{margin:280px 0 0}}.specialties-section-container .bg-circles{height:200%;list-style:none;margin:0;max-width:1440px;padding:0;position:absolute;width:100%;z-index:-1}@media(min-width: 1440px){.specialties-section-container .bg-circles{overflow:visible}}.specialties-section-container .bg-circles .bg-circle{border-radius:50%;left:50%;position:absolute;top:50%}.specialties-section-container .bg-circles .bg-circle.circle-1{background:rgba(13,43,147,.16);height:250px;transform:translate(-305px, -543px);width:250px}@media(min-width: 426px){.specialties-section-container .bg-circles .bg-circle.circle-1{transform:translate(-359px, -677px)}}@media(min-width: 1024px){.specialties-section-container .bg-circles .bg-circle.circle-1{height:200px;transform:translate(-549px, -448px);width:200px}}@media(min-width: 1440px){.specialties-section-container .bg-circles .bg-circle.circle-1{height:250px;transform:translate(-770px, -598px);width:250px}}.specialties-section-container .bg-circles .bg-circle.circle-2{background:rgba(1,180,94,.13);height:200px;transform:translate(67px, -297px);width:200px}@media(min-width: 426px){.specialties-section-container .bg-circles .bg-circle.circle-2{transform:translate(141px, -368px)}}@media(min-width: 1024px){.specialties-section-container .bg-circles .bg-circle.circle-2{height:150px;transform:translate(341px, -277px);width:150px}}@media(min-width: 1440px){.specialties-section-container .bg-circles .bg-circle.circle-2{height:200px;transform:translate(415px, -351px);width:200px}}.specialties-section-container .bg-circles .bg-circle.circle-3{background:rgba(181,140,35,.21);height:150px;transform:translate(-142px, 11px);width:150px}@media(min-width: 426px){.specialties-section-container .bg-circles .bg-circle.circle-3{transform:translate(-320px, 251px)}}@media(min-width: 1024px){.specialties-section-container .bg-circles .bg-circle.circle-3{height:100px;transform:translate(-363px, 274px);width:100px}}@media(min-width: 1440px){.specialties-section-container .bg-circles .bg-circle.circle-3{height:150px;transform:translate(-413px, 306px);width:150px}}.specialties-section-container .bg-circles .bg-circle.circle-4{background:rgba(147,13,126,.16);height:250px;transform:translate(12px, 233px);width:250px}@media(min-width: 426px){.specialties-section-container .bg-circles .bg-circle.circle-4{transform:translate(121px, 435px)}}@media(min-width: 1024px){.specialties-section-container .bg-circles .bg-circle.circle-4{height:200px;transform:translate(405px, 214px);width:200px}}@media(min-width: 1440px){.specialties-section-container .bg-circles .bg-circle.circle-4{height:250px;transform:translate(595px, 237px);width:250px}}.specialties-section .title-wrapper{position:relative}.specialties-section .title-wrapper .bg-dot-box{position:absolute;right:100%;top:0;transform:translateX(-30px)}@media(min-width: 600px){.specialties-section .title-wrapper .bg-dot-box{transform:translateX(-100px)}}.specialties-section .specialties-details{display:grid;grid-gap:45px;grid-template-columns:repeat(1, minmax(350px, 1fr));justify-content:center;list-style:none;margin:0;padding:0}@media(min-width: 600px){.specialties-section .specialties-details{grid-template-columns:repeat(1, 500px)}}@media(min-width: 1024px){.specialties-section .specialties-details{grid-template-columns:repeat(2, 400px)}}@media(min-width: 1440px){.specialties-section .specialties-details{grid-template-columns:repeat(2, 500px)}}.specialties-section .specialties-details .service-component{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}.specialties-section .specialties-details .service-component .image-wrapper{--default-height: 60%;width:90%}@media(min-width: 376px){.specialties-section .specialties-details .service-component .image-wrapper{width:100%}}.specialties-section .specialties-details .service-component-img{border-radius:25px;box-shadow:2px 4px 4px 0 rgba(0,0,0,.25);display:block;height:100%;width:100%}.specialties-section .specialties-details .service-component-heading{color:#fff;font-size:24px;font-weight:500;letter-spacing:1px;position:absolute}@media(min-width: 600px){.specialties-section .specialties-details .service-component-heading{font-size:32px}}@media(min-width: 1440px){.specialties-section .specialties-details .service-component-heading{font-size:36px}}.projects-section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:70px 20px}@media(min-width: 1024px){.projects-section{padding:90px 20px}}.projects-section.project-desktop-section{display:none}.projects-section-container{background:url("/static/images/image_1.a3d26d63e491.webp") #647b4e}@media(min-width: 600px){.projects-section-container{background:right repeat-y url("/static/images/image_1.a3d26d63e491.webp"),left repeat-y url("/static/images/image_1.a3d26d63e491.webp") #647b4e}}.projects-section-container::before,.projects-section-container::after{background:center/contain url("/static/images/tape.b31d6427724b.webp");content:"";display:block;height:45px;position:absolute;transform:translateY(-50%) scale(0.8);transform-origin:center;width:247px;z-index:1}@media(min-width: 1024px){.projects-section-container::before,.projects-section-container::after{transform:translateY(-50%)}}.projects-section-container::after{right:0}.projects-section-container.js-animate{height:100vh}.projects-section-container.js-animate .project-mobile-section{display:none}.projects-section-container.js-animate .project-desktop-section{display:flex}.projects-section .title-wrapper{margin-bottom:32px;position:relative}.projects-section .title-wrapper .bg-dot-box{left:100%;position:absolute;top:0;transform:translateX(30px)}@media(min-width: 600px){.projects-section .title-wrapper .bg-dot-box{transform:translateX(100px)}}.projects-section-quote{color:#372804;font-size:16px;font-weight:500;margin:0 0 56px;text-align:center}@media(min-width: 1024px){.projects-section-quote{font-size:20px;width:80%}}@media(min-width: 1440px){.projects-section-quote{width:50%}}.projects-section .projects-btn{background:#957c23;border-color:#392a04;color:#392a04;font-size:18px;margin-top:80px;padding:18px 24px;width:min(320px,90%)}@media(min-width: 1024px){.projects-section .projects-btn{font-size:20px}}.projects-section .projects-btn:hover{background:#a98a1c}.projects-section .projects-btn:focus{margin:79px 0 -1px}.projects-section .projects-btn .btn-logo{fill:#392a04}.project-header{align-items:center;display:flex;flex-direction:row;justify-content:center;color:wheat;position:fixed;width:100%}.project-header::after{background:#000;content:"";display:block;height:25vh;position:absolute;top:100%;width:100%}.project-header-frame{height:75vh}.project-header .title{font-size:48px;letter-spacing:3px;position:absolute}@media(min-width: 600px){.project-header .title{font-size:64px}}@media(min-width: 1024px){.project-header .title{font-size:96px}}.project-header .matrix{background:#000;font-size:16px;height:75vh}.project-content{align-items:center;display:flex;flex-direction:column;justify-content:center;background:url("/static/images/image_1.a3d26d63e491.webp") #647b4e;position:relative}@media(min-width: 600px){.project-content{background:right repeat-y url("/static/images/image_1.a3d26d63e491.webp"),left repeat-y url("/static/images/image_1.a3d26d63e491.webp") #647b4e}}.project-content .projects-cards .card-container{display:none}.project-content .projects-cards .card-container.active-card{display:block}.project-content .btn-wrapper{margin:-48px 0 48px}.project-content .btn-wrapper .hide-btn{display:none}.projects-section-container{clip-path:circle(var(--clip-path, 100%))}.project-desktop-section{--animate-section: false;clip-path:border-box}@media(min-height: 750px)and (min-width: 1024px){.project-desktop-section{--animate-section: true}}.project-desktop-section .title-wrapper{margin-bottom:120px;transform:translateY(50px)}.project-desktop-section .projects-section-quote{bottom:0;font-size:7vw;font-weight:600;left:0;letter-spacing:2px;margin:0;position:absolute;text-align:left;text-transform:uppercase;text-wrap:nowrap;transform:translateY(100%) rotate(-90deg) translate(0, 5vw);transform-origin:top left;width:100%}.project-desktop-section .projects-cards{display:grid;gap:0;grid:"cd-card";position:relative}@media(min-height: 1024px){.project-desktop-section .projects-cards{margin-bottom:70px}}.project-desktop-section .projects-cards .card-container{grid-area:cd-card;will-change:transform,opacity,filter}.project-desktop-section .projects-cards .card-container.modal-wrapper .card-details{bottom:0;padding:25px 30px 30px;position:absolute;z-index:1}@media(min-height: 850px){.project-desktop-section .projects-cards .card-container.modal-wrapper .card-details{padding:25px 50px 30px}}.project-desktop-section .projects-cards .card-container.modal-wrapper .card-details .card-title{font-size:3.5vh;font-weight:100}@media(min-height: 1024px){.project-desktop-section .projects-cards .card-container.modal-wrapper .card-details .card-title{font-size:3.9vh}}.project-desktop-section .projects-cards .card-container.link-wrapper .card-details{height:var(--default-height, 0);padding:0;position:relative;z-index:1}.project-desktop-section .projects-cards .card-container.link-wrapper .card-details .projects-btn{background:#136753 url(https://grainy-gradients.vercel.app/noise.svg);border:0;border-radius:10px;filter:brightness(0.8);font-size:3vh;height:100%;margin:0;width:100%}.project-desktop-section .projects-cards .card-container .card-wrapper{border-radius:10px;margin:0;max-width:none;position:relative}.project-desktop-section .projects-cards .card-container .card-wrapper:hover{transform:none}.project-desktop-section .projects-cards .card-container .card-wrapper .card-image-wrapper.image-wrapper{--default-height: 0;position:relative;z-index:1}.project-desktop-section .projects-cards .card-container .card-wrapper .card-image-wrapper.image-wrapper .card-image{backface-visibility:hidden;border-radius:10px;filter:brightness(0.35);transform:translateZ(0);width:var(--default-height);will-change:filter}.project-desktop-section .projects-cards .card-container .card-wrapper .vinyl-cd{width:100%}.project-desktop-section .projects-cards .card-container .card-wrapper .vinyl-cd-wrapper{height:calc(var(--default-height)*.9);position:absolute;top:50%;width:calc(var(--default-height)*.9)}.project-desktop-section .projects-cards .card-container .card-wrapper .vinyl-cd-wrapper .image-sizer{padding-bottom:calc(var(--default-height, 100%)*.9)}.projects-cards{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;gap:74px}@media(min-width: 1024px){.projects-cards{flex-direction:row}}@media(min-width: 1440px){.projects-cards{gap:120px}}.projects-cards.grid-3-columns{gap:48px;padding:48px 25px}@media(min-width: 1440px){.projects-cards.grid-3-columns{gap:74px}}.projects-cards.grid-3-columns .card-wrapper{max-width:330px}.card-wrapper{background:#5a524b;border-radius:30px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);max-width:400px;transition:transform .5s}.card-container:not(:last-of-type) .card-wrapper{margin-bottom:74px}.card-wrapper:hover{transform:translateY(-10px)}.card-wrapper .image-wrapper{--default-height: 250px}.card-wrapper .image-wrapper .card-image{background:#fff;border-radius:30px 30px 0 0;height:var(--default-height);object-fit:cover;width:100%}.card-wrapper .card-details{padding:25px 30px 30px}.card-wrapper .card-details .card-title{color:#ffc063;font-size:18px;font-weight:500;letter-spacing:1px;margin:0 0 32px}@media(min-width: 1024px){.card-wrapper .card-details .card-title{font-size:20px;margin-bottom:52px}}.card-wrapper .card-details .card-btn{border:0;color:#ffc063;font-size:18px;padding:0}@media(min-width: 1024px){.card-wrapper .card-details .card-btn{font-size:20px}}.card-wrapper .card-details .card-btn:hover{background:rgba(0,0,0,0);text-decoration:underline}.card-wrapper .card-details .card-btn:focus{margin:0}.card-wrapper .card-details .card-btn .btn-logo{fill:#ffc063}@media(min-width: 1024px){.card-wrapper.hide-image .image-wrapper{display:none}}.experience-section-cluster{--animate-section: false}@media(min-height: 750px)and (min-width: 1024px){.experience-section-cluster{--animate-section: true}}.experience-section-cluster.js-animate{position:relative;top:-100vh}.experience-section-cluster.js-animate .pin-spacer{position:absolute !important}.experience-section-cluster.js-animate .experience-section .timeline{height:calc(var(--timeline-height) + var(--dot-size));position:relative}.experience-section-cluster.js-animate .experience-section .timeline .year-details{height:0;left:50%;min-height:0;position:absolute;top:0;transform:translateX(-50%)}.experience-section-cluster.js-animate .experience-section .timeline .year-details .description{margin:0}.experience-section-cluster.js-animate .skills-section-container{bottom:0;position:absolute;width:-webkit-fill-available}.experience-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:60px}@media(min-width: 1024px){.experience-section{gap:130px}}.experience-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:60px 20px;position:relative}@media(min-width: 600px){.experience-section-container{margin:140px 0 160px}}.experience-section .title-wrapper{position:relative}.experience-section .title-wrapper .bg-dot-box{position:absolute;right:0;transform:translate(-30px, 30px)}.experience-section .timeline{align-items:normal;display:flex;flex-direction:column;justify-content:center;--dot-size: 20px;width:100%}@media(min-width: 769px){.experience-section .timeline{--dot-size: 40px}}.experience-section .timeline .year-details{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;position:relative}@media(min-width: 600px){.experience-section .timeline .year-details{justify-content:center}}.experience-section .timeline .year-details:not(:last-of-type){min-height:300px;padding-bottom:40px}.experience-section .timeline .year-details:not(:last-of-type) .dot::after{content:""}@media(min-width: 769px){.experience-section .timeline .year-details.reverse .year{order:3;padding:0 0 0 40px;text-align:left}}@media(min-width: 1440px){.experience-section .timeline .year-details.reverse .year{padding-left:80px}}@media(min-width: 769px){.experience-section .timeline .year-details.reverse .dot{order:2}}@media(min-width: 769px){.experience-section .timeline .year-details.reverse .description{order:1;padding:0 20px 0 0;text-align:right}.experience-section .timeline .year-details.reverse .description .exp-btn{float:right}}@media(min-width: 1440px){.experience-section .timeline .year-details.reverse .description{padding-right:40px}}.experience-section .timeline .year-details.reverse .exp-btn:hover,.experience-section .timeline .year-details.reverse .exp-btn:focus{margin:0 -5px 0 0}.experience-section .timeline .year-details .year{box-sizing:border-box;color:#05564b;font:400 24px/24px Sonsie One,Roboto,Arial,Helvetica,sans-serif;width:100px}@media(min-width: 600px){.experience-section .timeline .year-details .year{padding-right:20px;transform:translateY(-3px)}}@media(min-width: 769px){.experience-section .timeline .year-details .year{font-size:36px;line-height:36px;padding-right:40px;text-align:right;transform:translateY(3px);width:350px}}@media(min-width: 1440px){.experience-section .timeline .year-details .year{font-size:48px;line-height:48px;padding-right:80px;transform:translateY(-5px);width:500px}}.experience-section .timeline .year-details .year::after{background:#262c1b;content:"";display:block;height:calc(100% - 55px);position:absolute;transform:translate(40px, 15px);width:3px;z-index:-1}@media(min-width: 600px){.experience-section .timeline .year-details .year::after{display:none}}.experience-section .timeline .year-details .dot{background:#7b6b14;border-radius:50%;display:none;height:var(--dot-size);padding:0;width:var(--dot-size)}@media(min-width: 600px){.experience-section .timeline .year-details .dot{display:table-cell}}.experience-section .timeline .year-details .dot::after{background:#262c1b;display:block;height:calc(100% - 20px);position:absolute;transform:translate(8.5px, 20px);width:3px;z-index:-1}@media(min-width: 769px){.experience-section .timeline .year-details .dot::after{height:calc(100% - 38px);transform:translate(18.5px, 38px)}}.experience-section .timeline .year-details .description{box-sizing:border-box;margin:auto auto auto 45px;padding-left:20px;position:absolute;top:50%;transform:translateY(-50%)}@media(min-width: 600px){.experience-section .timeline .year-details .description{margin-left:0;position:static;transform:translateY(20px);width:350px}}@media(min-width: 769px){.experience-section .timeline .year-details .description{margin-left:auto}}@media(min-width: 1440px){.experience-section .timeline .year-details .description{padding-left:40px;width:500px}}.experience-section .timeline .year-details .description .exp-heading{color:#6d4406;font-size:24px;font-weight:500;margin:0}@media(min-width: 1440px){.experience-section .timeline .year-details .description .exp-heading{font-size:32px}}.experience-section .timeline .year-details .description .exp-details{font-size:16px;margin:10px 0}@media(min-width: 1440px){.experience-section .timeline .year-details .description .exp-details{font-size:18px}}.experience-section .timeline .year-details .description .exp-details .exp-desc-para{margin:0}.experience-section .timeline .year-details .description .exp-details .exp-desc-para:not(:last-of-type){margin-bottom:10px}.experience-section .timeline .year-details .description .exp-details .highlighted-text{font-weight:500}.experience-section .timeline .year-details .description .exp-btn{border:0;padding:0;text-decoration:underline}.experience-section .timeline .year-details .description .exp-btn:hover,.experience-section .timeline .year-details .description .exp-btn:focus{border-radius:5px;margin-left:-5px;padding:0 5px}.skills-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:60px;margin:60px 20px;position:relative;z-index:1}@media(min-width: 600px){.skills-section{margin:120px 0}}@media(min-width: 1024px){.skills-section{gap:108px}}.skills-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;--animate-section: false;background:#edd2a9;position:relative}@media(min-height: 750px)and (min-width: 1024px){.skills-section-container{--animate-section: true}}.skills-section-container::before,.skills-section-container::after{background:linear-gradient(rgba(116, 84, 21, 0.5), rgba(127, 116, 17, 0.3));content:"";display:block;height:550px;position:absolute;width:25px}@media(min-width: 600px){.skills-section-container::before,.skills-section-container::after{width:30px}}@media(min-width: 1024px){.skills-section-container::before,.skills-section-container::after{width:50px}}.skills-section-container::before{left:0}.skills-section-container::after{right:0}.skills-section-container.js-animate{min-height:100vh}@media(min-width: 1024px){.skills-section-container.js-animate .skills-section{gap:20px}}@media(min-width: 1024px)and (min-height: 1024px){.skills-section-container.js-animate .skills-section{gap:60px}}.skills-section-container.js-animate .carousel-navbar{left:50%;position:relative;perspective:2000px;transform:scale(0.7)}.skills-section-container.js-animate .carousel-navbar .carousel-btn{display:none}.skills-section-container.js-animate .carousel-navbar .skills-container-wrapper,.skills-section-container.js-animate .carousel-navbar .skills-container{transform-style:preserve-3d}.skills-section-container.js-animate .carousel-navbar .skills-container{background:#edcb9a;border-radius:10px;box-shadow:inset 0 0 15px #e8b95d;padding:40px 40px 20px}.skills-section-container.js-animate .carousel-navbar .skills-container::before{background:radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.15), transparent);border-radius:10px;content:"";height:100%;position:absolute;width:100%;z-index:-1}.skills-section-container.js-animate .carousel-navbar .skills-container .skill-component-wrapper{filter:drop-shadow(-10px 10px 15px rgba(0, 0, 0, 0.4))}.skills-section-container.js-animate .carousel-nav-dots{margin:0}.skills-section .title-wrapper{position:relative}.skills-section .title-wrapper .bg-dot-box{position:absolute;right:100%;top:0;transform:translateX(-30px)}@media(min-width: 600px){.skills-section .title-wrapper .bg-dot-box{transform:translateX(-100px)}}.skills-section .skill-group-name{font-size:20px;left:50%;position:absolute;top:0;transform:translate(-50%, 54px)}@media(min-width: 426px){.skills-section .skill-group-name{transform:translate(0)}}.skills-section .skill-group-name .arrow-box{display:none}@media(min-width: 426px){.skills-section .skill-group-name .arrow-box{display:block;transform:rotate(-10deg) translate(32px, -77px);width:50%}}@media(min-width: 600px){.skills-section .skill-group-name .arrow-box{transform:rotate(-10deg) translate(50px, -64px)}}@media(min-width: 1024px){.skills-section .skill-group-name .arrow-box{width:100%}}.skills-section .skill-group-name .arrow-box .arrow-logo{fill:#4f4f4f;width:100%}.skills-section .skill-group-name .group-name{grid-area:group-name;margin:0;opacity:0}.skills-section .skill-group-name .group-name-wrapper{color:#8b4513;display:grid;font-family:Rock Salt,Roboto,Arial,Helvetica,sans-serif;font-size:14px;grid-template-areas:"group-name";text-align:center;white-space:nowrap}@media(min-width: 426px){.skills-section .skill-group-name .group-name-wrapper{font-size:18px;position:absolute;text-align:left;top:0;transform:translate(85px, -22px) rotate(-15deg)}}@media(min-width: 600px){.skills-section .skill-group-name .group-name-wrapper{transform:translate(130px, -20px) rotate(-15deg)}}@media(min-width: 769px){.skills-section .skill-group-name .group-name-wrapper{font-size:24px;transform:translate(160px, -34px) rotate(-15deg)}}@media(min-width: 1024px){.skills-section .skill-group-name .group-name-wrapper{font-size:26px;transform:translate(250px, -28px) rotate(-15deg)}}@media(min-width: 1440px){.skills-section .skill-group-name .group-name-wrapper{font-size:36px;transform:translate(260px, -40px) rotate(-15deg)}}.skills-section .carousel-navbar{align-items:center;display:flex;margin-top:15px}@media(min-width: 426px){.skills-section .carousel-navbar{margin-top:0}}.skills-section .carousel-navbar .carousel-btn{align-items:center;display:flex;flex-direction:row;justify-content:center;cursor:pointer;background:#657b4e;border-radius:50%;border:0;height:48px;padding:0;position:absolute;top:0;width:48px}@media(min-width: 426px){.skills-section .carousel-navbar .carousel-btn{position:relative;top:auto}}@media(min-width: 600px){.skills-section .carousel-navbar .carousel-btn{height:56px;width:56px}}.skills-section .carousel-navbar .carousel-btn:hover{box-shadow:0 0 7px #057979}.skills-section .carousel-navbar .carousel-btn .btn-logo{fill:#eed2a9}.skills-section .carousel-navbar .carousel-btn.left-arrow{transform:translateY(48px)}@media(min-width: 426px){.skills-section .carousel-navbar .carousel-btn.left-arrow{margin-right:40px;transform:translateY(0)}}.skills-section .carousel-navbar .carousel-btn.left-arrow .btn-logo{transform:rotate(-90deg)}.skills-section .carousel-navbar .carousel-btn.right-arrow{right:0;transform:translateY(48px)}@media(min-width: 426px){.skills-section .carousel-navbar .carousel-btn.right-arrow{margin-left:40px;transform:translateY(0)}}.skills-section .carousel-navbar .carousel-btn.right-arrow .btn-logo{transform:rotate(90deg)}.skills-section .carousel-navbar .carousel-btn .btn-logo{height:50%;width:50%}.skills-section .carousel-nav-dots{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:10px;list-style:none;margin-top:-40px;padding:0}@media(min-width: 1024px){.skills-section .carousel-nav-dots{margin-top:-80px}}.skills-section .carousel-nav-dots .carousel-dot{background:#adadad;border:0;border-radius:50%;height:16px;margin:2px;width:16px}.skills-section .carousel-nav-dots .carousel-dot.active-dot{background:#9daa04;height:20px;margin:0;width:20px}.skills-section .skills-container{display:grid;grid-area:skill-grid;grid-gap:16px 36px;grid-template-areas:" area-1 area-2" " area-3 area-4" " area-5 area-6" " area-7 area-8";grid-template-columns:repeat(2, 1fr);opacity:0}@media(min-width: 426px){.skills-section .skills-container{grid-gap:36px}}@media(min-width: 769px){.skills-section .skills-container{grid-template-areas:" area-1 area-2 area-3 area-4" " area-5 area-6 area-7 area-8";grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1024px){.skills-section .skills-container{grid-gap:16px 46px}}@media(min-width: 1024px)and (min-height: 1024px){.skills-section .skills-container{grid-gap:36px 54px}}@media(min-width: 1440px){.skills-section .skills-container{grid-gap:56px 75px}}.skills-section .skills-container-wrapper{display:grid;grid-template-areas:"skill-grid"}.skills-section .skills-container .skill-component{align-items:center;display:flex;flex-direction:row;justify-content:center;--skill-component-size: 100px;border-radius:50%;height:var(--skill-component-size);position:relative;width:var(--skill-component-size)}@media(min-width: 1024px){.skills-section .skills-container .skill-component{--skill-component-size: 130px}}@media(min-width: 1024px)and (min-height: 1024px){.skills-section .skills-container .skill-component{--skill-component-size: 150px}}.skills-section .skills-container .skill-component::after{border-radius:50%;content:"";display:block;height:100%;position:absolute;width:100%;z-index:2}.skills-section .skills-container .skill-component-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.skills-section .skills-container .skill-component .progress-arc{background:conic-gradient(transparent calc((100 - var(--progress-percent, 0)) * 3.6deg), #553a1b calc((100 - var(--progress-percent, 0)) * 3.6deg) 360deg);border-radius:50%;height:calc(var(--skill-component-size) + 10px);opacity:0;position:absolute;width:calc(var(--skill-component-size) + 10px);z-index:1}@media(min-width: 1024px){.skills-section .skills-container .skill-component .progress-arc{height:calc(var(--skill-component-size) + 20px);width:calc(var(--skill-component-size) + 20px)}}.skills-section .skills-container .skill-component .progress-arc::before,.skills-section .skills-container .skill-component .progress-arc::after{background:#553a1b;border-radius:50%;content:"";display:block;height:5px;position:absolute;right:calc(50% - 2.5px);width:5px}@media(min-width: 1024px){.skills-section .skills-container .skill-component .progress-arc::before,.skills-section .skills-container .skill-component .progress-arc::after{height:10px;right:calc(50% - 5px);width:10px}}.skills-section .skills-container .skill-component .progress-arc::after{transform:rotate(calc((100 - var(--progress-percent, 0)) * 3.6deg));transform-origin:2.5px calc((var(--skill-component-size) + 10px)/2)}@media(min-width: 1024px){.skills-section .skills-container .skill-component .progress-arc::after{transform-origin:5px calc((var(--skill-component-size) + 20px)/2)}}.skills-section .skills-container .skill-component .skill-logo{height:40px;position:relative;z-index:3}@media(min-width: 1024px){.skills-section .skills-container .skill-component .skill-logo{height:60px}}.skills-section .skills-container .skill-component.html-css-logo .image-wrapper,.skills-section .skills-container .skill-component.gsap-logo .image-wrapper{--default-height: 52%}.skills-section .skills-container .skill-component.docker-logo::after{background:#2b8969}.skills-section .skills-container .skill-component.docker-logo .skill-logo{height:100px}.skills-section .skills-container .skill-component.gsap-logo::after{background:#231601}.skills-section .skills-container .skill-component.gsap-logo .image-wrapper{align-items:center;width:80%}.skills-section .skills-container .skill-component.gsap-logo .image-wrapper .skill-logo{height:auto;width:100%}.skills-section .skills-container .skill-component.golang-logo::after{background:#fff}.skills-section .skills-container .skill-component.golang-logo .image-wrapper{align-items:center}.skills-section .skills-container .skill-component.golang-logo .image-wrapper .skill-logo{height:60px}@media(min-width: 1024px){.skills-section .skills-container .skill-component.golang-logo .image-wrapper .skill-logo{height:90px}}.skills-section .skills-container .skill-component.html-css-logo::after,.skills-section .skills-container .skill-component.django-logo::after{background:#c68d4a}.skills-section .skills-container .skill-component.python-logo::after{background:#264f73}.skills-section .skills-container .skill-component.angular-logo::after{background:#8625a8}.skills-section .skills-container .skill-component.javascript-logo::after{background:#8594ba}.skills-section .skills-container .skill-component.typescript-logo::after{background:#c1c77d}.skills-section .skills-container .skill-component.nodejs-logo::after{background:#d3cb02}.skills-section .skills-container .skill-component.flask-logo::after,.skills-section .skills-container .skill-component.next-js-logo::after,.skills-section .skills-container .skill-component.keras-logo::after{background:#fff}.skills-section .skills-container .skill-component.scss-logo::after{background:#cc679c}.skills-section .skills-container .skill-component.react-logo::after{background:#22272f}.skills-section .skills-container .skill-component.webpack-logo::after{background:#2b3a42}.skills-section .skills-container .skill-component.material-ui-logo::after{background:#420505}.skills-section .skills-container .skill-component.material-ui-logo .image-wrapper{align-items:center}.skills-section .skills-container .skill-component.storybook-logo::after{background:#ff7e7e}.skills-section .skills-container .skill-component.firebase-logo::after{background:#d38830}.skills-section .skills-container .skill-component.mongodb-logo::after{background:#13631a}.skills-section .skills-container .skill-component.mysql-logo::after{background:bisque}.skills-section .skills-container .skill-component.fastapi-logo::after{background:#009485}.skills-section .skills-container .skill-component.graphql-logo::after{background:#150505}.skills-section .skills-container .skill-component.graphql-logo::after{background:#150505}.skills-section .skills-container .skill-component.github-logo::after{background:#4973ff}.skills-section .skills-container .skill-component.hugging-face-logo::after{background:#0f1727}.skills-section .skills-container .skill-component.tensorflow-logo::after{background:#0069cf}.skills-section .skills-container .skill-component.streamlit-logo::after{background:#bbd28e}.skills-section .skills-container .skill-component.opencv-logo::after{background:#626262}.skills-section .skills-container .skill-component.pytorch-logo::after{background:#276646}.skills-section .skills-container .skill-component.figma-logo::after{background:#2c2c2c}.skills-section .skills-container .skill-name{font-size:18px;font-weight:400;letter-spacing:1px;margin-top:20px;text-align:center}@media(min-width: 1024px){.skills-section .skills-container .skill-name{font-size:24px;margin-top:30px}}@media(min-width: 1440px){.skills-section .skills-container .skill-name{font-size:24px}}.skills-section .view-more-btn.hide-btn{display:none}.contact-info{position:relative}.contact-info::after{background:center/cover url("/static/images/bg_rect_contact.4a5c152c8b8e.webp") rgba(13,53,70,.5);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100vw;z-index:-1}.contact-info .personal-info{list-style:none;margin:0;padding:65px 20px 0}@media(min-width: 600px){.contact-info .personal-info{padding:65px 40px 0}}@media(min-width: 1024px){.contact-info .personal-info{padding:65px 0 0}}.contact-info .personal-info-item{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;gap:20px}.contact-info .personal-info-item:not(:last-of-type){margin-bottom:42px}.contact-info .personal-info-item-logo{height:30px;width:30px}@media(min-width: 426px){.contact-info .personal-info-item-logo{height:40px;width:40px}}.contact-info .personal-info-item-text{color:#fff;font-size:16px;font-weight:500;letter-spacing:1px}@media(min-width: 600px){.contact-info .personal-info-item-text{font-size:20px}}.contact-info .social-media-wrapper,.contact-info .social-media-details{align-items:center;display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:0}.contact-info .social-media-wrapper{gap:15px;padding:64px 0 75px}.contact-info .social-media-wrapper .line{background:#fff;height:3px;width:100%}.contact-info .social-media-details{gap:25px}.contact-info .social-media-item{width:fit-content}.contact-info .social-media-link{padding:0}.contact-info .social-media-link:hover{background:rgba(0,0,0,.3);border-radius:10px}.contact-info .social-media-link:focus{margin:0}.contact-info .social-media-logo{height:48px;width:48px}.testimonials-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:60px;margin:60px 20px}@media(min-width: 600px){.testimonials-section{margin:150px 0}}@media(min-width: 1024px){.testimonials-section{gap:108px}}.testimonials-section-container{align-items:center;display:flex;flex-direction:row;justify-content:center;background:linear-gradient(#eac884 0%, #ebca8e 25%, #edd2a9 75%, #fcf4ed 100%);position:relative}.testimonials-section .title-wrapper{position:relative}.testimonials-section .title-wrapper .bg-dot-box{left:100%;position:absolute;top:0;transform:translateX(30px)}@media(min-width: 600px){.testimonials-section .title-wrapper .bg-dot-box{transform:translateX(100px)}}.testimonials-section .testimonials-wrapper{display:grid;gap:32px;grid:"testimonial-card-wrapper" "testimonial-navbar"}.testimonials-section .testimonials-wrapper .quote-mark{display:flex;grid-area:testimonial-card-wrapper;height:42px;transform:translate(60px, -50%);width:64px;z-index:20}@media(min-width: 600px){.testimonials-section .testimonials-wrapper .quote-mark{height:47px;transform:translate(85px, -50%);width:72px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .quote-mark{height:55px;width:85px}}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper{display:grid;grid:"testimonial-cards";grid-area:testimonial-card-wrapper;list-style:none;margin:0;padding:0;place-items:center;position:relative}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper.right-move .bg-card.bg-card-5,.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper.left-move .bg-card.bg-card-1{z-index:7}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card{border-radius:50px;grid-area:testimonial-cards;transition:all .5s,z-index 0s}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-1,.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-5{background:#297474;height:47%;width:47%;z-index:6}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-2,.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-4{background:#8aa957;height:70%;width:70%;z-index:8}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-3{background:#9d5b31;height:100%;width:100%;z-index:10}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-1{transform:translateX(-116%)}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-2{transform:translateX(-50%)}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-4{transform:translateX(50%)}.testimonials-section .testimonials-wrapper .testimonials-bg-wrapper .bg-card.bg-card-5{transform:translateX(116%)}.testimonials-section .testimonials-wrapper .testimonials-details{display:grid;grid:"testimonial-card-content";grid-area:testimonial-card-wrapper;z-index:11}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;color:#fff3c3;grid-area:testimonial-card-content;min-height:480px;opacity:0;width:100%;z-index:-1}@media(min-width: 600px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card{width:400px}}@media(min-width: 1024px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card{min-height:330px;width:580px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card{min-height:425px;width:745px}}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card.active-card{opacity:1;z-index:11}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description{font-size:16px;font-weight:300;padding:20px 30px 0}@media(min-width: 600px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description{padding:64px 55px 0}}@media(min-width: 1024px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description{font-size:18px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description{font-size:20px}}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description .card-desc-text{margin-top:0}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-description .card-desc-text:last-of-type{margin:0}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author{font-weight:500;padding:0 30px 20px}@media(min-width: 600px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author{padding:0 55px 64px}}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-name{font-size:24px;margin-bottom:0}@media(min-width: 1024px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-name{font-size:28px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-name{font-size:32px}}.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-position{font-size:16px;margin:0}@media(min-width: 1024px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-position{font-size:18px}}@media(min-width: 1440px){.testimonials-section .testimonials-wrapper .testimonials-details .testimonials-card .card-author .author-position{font-size:20px}}.testimonials-section .testimonials-wrapper .testimonial-navbar{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:15px;grid-area:testimonial-navbar}.testimonials-section .testimonials-wrapper .testimonial-navbar .left-arrow,.testimonials-section .testimonials-wrapper .testimonial-navbar .right-arrow{align-items:center;display:flex;flex-direction:row;justify-content:center;background:rgba(0,0,0,0);border:0;border-radius:50%;cursor:pointer;height:48px;width:48px}.testimonials-section .testimonials-wrapper .testimonial-navbar .left-arrow:hover,.testimonials-section .testimonials-wrapper .testimonial-navbar .right-arrow:hover{box-shadow:0 0 7px #057979}.testimonials-section .testimonials-wrapper .testimonial-navbar .left-arrow .btn-logo,.testimonials-section .testimonials-wrapper .testimonial-navbar .right-arrow .btn-logo{fill:#637472;height:24px;width:24px}.testimonials-section .testimonials-wrapper .testimonial-navbar .carousel-nav-dots{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:10px;list-style:none;margin:0;padding:0}.testimonials-section .testimonials-wrapper .testimonial-navbar .carousel-nav-dots .carousel-dot{background:#adadad;border:0;border-radius:50%;height:16px;margin:2px;width:16px}.testimonials-section .testimonials-wrapper .testimonial-navbar .carousel-nav-dots .carousel-dot.active-dot{background:#9daa04;height:20px;margin:0;width:20px}.contact-section{align-items:center;display:flex;flex-direction:column;justify-content:center;gap:35px;margin:60px 20px;max-width:1440px}@media(min-width: 1024px){.contact-section{gap:78px;margin:120px 0 0}}@media(min-width: 1440px){.contact-section{gap:108px}}.contact-section-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.contact-section .title-wrapper{position:relative}.contact-section .title-wrapper .bg-dot-box{position:absolute;right:100%;top:0;transform:translateX(-30px)}@media(min-width: 600px){.contact-section .title-wrapper .bg-dot-box{transform:translateX(-100px)}}.contact-section .contact-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:0 10px}@media(min-width: 600px){.contact-section .contact-container{padding:0 30px}}@media(min-width: 1024px){.contact-section .contact-container{padding:0 65px}}@media(min-width: 1024px){.contact-section .contact-container{flex-direction:row;gap:100px}}@media(min-width: 1024px){.contact-section .contact-container .contact-details{width:50%}}.contact-section .contact-container .contact-details .contact-heading{color:#0f2641;font-size:28px;font-weight:700;letter-spacing:1px;margin:0}@media(min-width: 1024px){.contact-section .contact-container .contact-details .contact-heading{font-size:36px}}.contact-section .contact-container .contact-details .contact-heading .highlighted-text{color:#537e0c}.contact-section .contact-container .contact-details .contact-description{margin:24px 0 50px}@media(min-width: 1024px){.contact-section .contact-container .contact-details .contact-description{margin:32px 0 70px}}@media(min-width: 1440px){.contact-section .contact-container .contact-details .contact-description{margin:32px 0 105px}}.contact-section .contact-container .contact-details .contact-description .desc-paragraph{font-size:16px;margin:0}@media(min-width: 1024px){.contact-section .contact-container .contact-details .contact-description .desc-paragraph{font-size:18px}}.contact-section .contact-container .contact-details .contact-description .desc-paragraph:not(:last-of-type){margin-bottom:24px}.contact-section .contact-container .contact-details .contact-description .desc-paragraph .highlighted-text{color:#6f4206}.contact-section .contact-container .contact-details .contact-section-links{display:none}@media(min-width: 1024px){.contact-section .contact-container .contact-details .contact-section-links{display:block}}.contact-section .contact-container .contact-details .contact-section-links::after{left:100%;transform:translateX(calc(57px - 50%));width:100vw}.contact-section .contact-container .contact-form{box-sizing:content-box}.contact-section .contact-container .contact-form-wrapper{background:#d9d7a5;border-radius:20px;box-sizing:border-box;height:100%;padding:50px 25px;position:relative;width:100%}@media(min-width: 376px){.contact-section .contact-container .contact-form-wrapper{padding:50px 40px}}@media(min-width: 600px){.contact-section .contact-container .contact-form-wrapper{padding:65px 55px}}@media(min-width: 1024px){.contact-section .contact-container .contact-form-wrapper{width:50%}}@media(min-width: 1440px){.contact-section .contact-container .contact-form-wrapper{padding:85px 75px}}.contact-section .contact-container .contact-form-wrapper::before,.contact-section .contact-container .contact-form-wrapper::after{background:center/contain url("/static/images/tape.b31d6427724b.webp");content:"";display:block;height:45px;position:absolute;transform-origin:center;width:247px}.contact-section .contact-container .contact-form-wrapper::before{right:0;top:0;transform:translate(50%, -50%) rotate(45deg) translateY(50px) scale(0.6)}@media(min-width: 600px){.contact-section .contact-container .contact-form-wrapper::before{transform:translate(50%, -50%) rotate(45deg) translateY(60px) scale(0.8)}}@media(min-width: 1440px){.contact-section .contact-container .contact-form-wrapper::before{transform:translate(50%, -50%) rotate(45deg) translateY(65px)}}.contact-section .contact-container .contact-form-wrapper::after{bottom:0;left:0;transform:translate(-50%, 50%) rotate(45deg) translateY(-50px) scale(0.6)}@media(min-width: 600px){.contact-section .contact-container .contact-form-wrapper::after{transform:translate(-50%, 50%) rotate(45deg) translateY(-60px) scale(0.8)}}@media(min-width: 1440px){.contact-section .contact-container .contact-form-wrapper::after{transform:translate(-50%, 50%) rotate(45deg) translateY(-65px)}}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#bca133;border-radius:0 0 8px 8px;color:#01431c;font-size:16px;left:50%;margin:0;opacity:0;padding:10px;position:absolute;top:0;transform:translateX(-50%);transition:opacity .3s ease-in}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text::before,.contact-section .contact-container .contact-form-wrapper .acknowledgment-text::after{content:"";height:10px;position:absolute;top:0;width:20px}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text::before{border-top-right-radius:8px;box-shadow:10px 0 0 0 #bca133;left:-20px}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text::after{border-top-left-radius:8px;box-shadow:-10px 0 0 0 #bca133;right:-20px}.contact-section .contact-container .contact-form-wrapper .acknowledgment-text.show-text{opacity:1}.contact-section .contact-container .contact-form-title{color:#0f2641;font-size:28px;font-weight:700;letter-spacing:1px;margin:0 0 36px}@media(min-width: 1024px){.contact-section .contact-container .contact-form-title{font-size:32px;margin-bottom:54px}}.contact-section .contact-container .contact-form-item{height:50px;position:relative}.contact-section .contact-container .contact-form-item:not(:last-of-type){margin-bottom:28px}@media(min-width: 1024px){.contact-section .contact-container .contact-form-item:not(:last-of-type){margin-bottom:48px}}.contact-section .contact-container .contact-form-item.message-box{height:120px;margin-top:54px}@media(min-width: 1024px){.contact-section .contact-container .contact-form-item.message-box{margin-bottom:75px}}.contact-section .contact-container .contact-form-item.message-box .label-content{padding-bottom:90px}.contact-section .contact-container .contact-form-item .text-input,.contact-section .contact-container .contact-form-item .text-message{background:#d9d7a5;border:none;font-family:Heebo,Roboto,Arial,Helvetica,sans-serif;font-size:16px;outline:none;padding:0;width:100%}@media(min-width: 1024px){.contact-section .contact-container .contact-form-item .text-input,.contact-section .contact-container .contact-form-item .text-message{font-size:20px}}.contact-section .contact-container .contact-form-item .text-input{height:100%;padding-top:9px}.contact-section .contact-container .contact-form-item .text-message{min-height:120px;resize:none}.contact-section .contact-container .contact-form-item .label-details{border-bottom:1px solid #000;bottom:0;height:100%;left:0;pointer-events:none;position:absolute;width:100%}.contact-section .contact-container .contact-form-item .label-details::after{border-bottom:3px solid #7f4e10;bottom:-2px;content:"";height:100%;left:0;opacity:0;position:absolute;transition:opacity .3s ease-in;width:100%}.contact-section .contact-container .contact-form-item .label-details .label-content{bottom:5px;font-size:16px;left:0;position:absolute;transition:all .3s ease}@media(min-width: 1024px){.contact-section .contact-container .contact-form-item .label-details .label-content{font-size:20px}}.contact-section .contact-container .contact-form-item .label-details .label-content.required-label::after{color:#a40404;content:" *"}.contact-section .contact-container .contact-form-item.form-btn-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:56px}.contact-section .contact-container .contact-form-item.form-btn-wrapper .form-btn{font-size:16px}@media(min-width: 600px){.contact-section .contact-container .contact-form-item.form-btn-wrapper .form-btn{font-size:20px}}.contact-section .contact-container .contact-form-item .text-input:focus+.label-details .label-content,.contact-section .contact-container .contact-form-item .text-input:valid+.label-details .label-content{color:#7f4e10;font-size:14px;transform:translateY(-130%)}.contact-section .contact-container .contact-form-item .text-input:focus+.label-details::after,.contact-section .contact-container .contact-form-item .text-input:valid+.label-details::after{opacity:1}.contact-section .contact-container .contact-form-item .text-message:focus+.label-details .label-content,.contact-section .contact-container .contact-form-item .text-message:not(:placeholder-shown)+.label-details .label-content{color:#7f4e10;font-size:14px;transform:translateY(-30%)}.contact-section .contact-container .contact-form-item .text-message:focus+.label-details::after,.contact-section .contact-container .contact-form-item .text-message:not(:placeholder-shown)+.label-details::after{opacity:1}.footer-link{width:100%}@media(min-width: 1024px){.footer-link{display:none}}@media(min-width: 600px)and (min-height: 650px){.fed-section::before{content:"";display:block;height:64px}}.fed-section .fed-header .title{color:#684112;font:600 36px/42px Cabin Sketch,Roboto,Arial,Helvetica,sans-serif;margin:24px 20px 0}@media(min-width: 600px){.fed-section .fed-header .title{font-size:48px;line-height:56px;margin:0 48px;padding:60px 0 20px;text-align:center}}.fed-section .fed-header .image-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:24px 48px}.fed-section .fed-header .image-wrapper .fed-image{background:#fff;border-radius:10px;max-width:1024px;padding:5px 25px 5px 5px;width:100%}.fed-section .fed-description{font-size:16px;line-height:32px;margin:auto;max-width:1024px;padding:20px 20px 0}.fed-section .fed-description .desc-para{margin:0 0 20px}.fed-section .fed-description .desc-para .highlighted-text{color:#6f4206;font-weight:500}.fed-section .image-input-container{margin:auto;max-width:1024px;padding:0 20px}.fed-section .image-input-container .capture-text{color:#05564b;font-family:Permanent Marker,Roboto,Arial,Helvetica,sans-serif;font-size:36px;text-align:center}@media(min-width: 600px){.fed-section .image-input-container .capture-text{font-size:48px}}.fed-section .image-input-container .container-subtitle{color:#575757;font-size:14px;margin:0 auto 20px;text-align:center;width:80%}.fed-section .image-input-wrapper{display:grid;grid:"image-input";justify-content:center;margin:64px 20px}.fed-section .image-input-area{background:#d2d4b6;border:2px dashed #567fac;border-radius:10px;grid-area:image-input}.fed-section .image-input-area.hide-text{opacity:0}.fed-section .image-input-area.hide-text .image-input-text{display:none}.fed-section .image-input-text{cursor:pointer;margin:auto;padding:48px 0;position:relative;text-align:center;top:50%;transform:translateY(-50%);width:60%}.fed-section .image-input-text .image-frame-logo{fill:#425562;height:56px;width:56px}.fed-section .image-input-text .title-text{color:#425562;font-size:28px}.fed-section .image-input-text .subtitle-text{color:#555752;margin-bottom:0}.fed-section .display-screen{border:2px solid #425562;border-radius:10px;grid-area:image-input;left:50%;position:relative;transform:translateX(-50%);z-index:-1}.fed-section .fed-btn-container{margin:40px 0 60px;padding:0 20px}@media(min-width: 600px){.fed-section .fed-btn-container .wrapper-title{text-align:center}}.fed-section .fed-btn-container .btn-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;gap:20px}@media(min-width: 600px){.fed-section .fed-btn-container .btn-wrapper{flex-direction:row}}