:root{--maroon: hsl(0, 74%, 24%);--maroon-ish: hsla(0, 74%, 24%, .99);--maroon-light: hsla(0, 74%, 24%, .8);--maroon-mute: hsla(0, 74%, 24%, .6);--maroon-glass: hsla(0, 74%, 24%, .2);--white: hsl(0, 0%, 100%);--white-light: hsla(0, 0%, 100%, .8);--white-mute: hsla(0, 0%, 100%, .6);--white-glass: hsla(0, 0%, 100%, .2);--ink: hsl(0, 0%, 0%);--ink-light: hsla(0, 0%, 0%, .8);--ink-mute: hsla(0, 0%, 0%, .6);--ink-glass: hsla(0, 0%, 0%, .2);--cream: hsl(37, 92%, 88%);--cream-light:hsla(37, 92%, 88%, .8);--cream-mute: hsla(37, 92%, 88%, .6);--cream-glass: hsla(37, 92%, 88%, .2);--textSize: clamp(1rem, 1.05rem, 2rem);--subtitleSize: clamp(2rem, 2.25rem, 3rem);--titleSize: clamp(3rem, 3.25rem, 4rem);--font-display: "Verona", "Georgia", serif;--font-body: "Cambria", "Times New Roman", serif;--font-mono: "YaHei Mono", "Microsoft YaHei Mono", monospace;--ease-smooth: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--nav-h: 20vh;--phone-min-width: 402px;--phone-min-height: 874px;--pc-min-width: 1240px;--pc-min-height: 900px}*,*:before,*:after{scroll-behavior:smooth;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100dvh;min-width:100dvw;font-family:var(--font-body);font-size:12px;background:linear-gradient(180deg,var(--cream-glass),var(--maroon-glass),var(--cream-glass),var(--maroon-glass))}.page{min-height:100%;min-width:100%}ul,li{list-style:none}.top_contacts{width:100%;display:grid;grid-template-columns:1fr 1fr;background-color:var(--cream-light)}.contact_link{text-align:center;font-size:var(--textSize);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--maroon-light);font-style:italic;padding:4%}.nav{position:sticky;top:0;z-index:100;width:100%;display:flex;background-color:var(--cream-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav_inner{width:100%;display:flex;flex-direction:column}.nav_logo{width:120px;height:100px}.nav_links{font-size:var(--textSize);display:flex;align-items:center;justify-content:space-between;padding:16px 12px;box-shadow:inset 0 0 6px var(--ink-glass)}a{font-size:16px;color:var(--ink-light);text-decoration:none}.nav_links a.tapped{animation:emphasize .2s ease-out forwards}@keyframes emphasize{0%{text-shadow:0 2px 6px var(--white-light)}to{font-size:18px;font-weight:800;text-shadow:0 0 4px var(--ink);color:var(--cream)}}.home_bg{top:25%;left:15%;position:fixed;z-index:-999}.home_info_container{margin:4%}.home_left{display:flex;flex-direction:column;font-size:var(--textSize);letter-spacing:.2rem;font-style:italic;color:var(--ink-mute);background:linear-gradient(145deg,var(--white),var(--cream));border:1px solid var(--ink-glass);border-radius:24px;box-shadow:0 24px 60px var(--ink-glass),inset 0 1px 0 var(--white-light);padding:6% 4%;margin:6% 0%}.home_occupation{color:var(--ink)}.home_admin{color:var(--maroon);margin:4%;line-height:1.5rem}.home_admin>em{color:var(--ink-light);font-weight:600}.home_bio{font-style:normal;letter-spacing:normal}.home_stats{position:relative;display:flex;flex-direction:column}.stat{text-align:center;color:var(--ink);letter-spacing:normal;margin:2% 0%}.home_btn{position:absolute;display:flex;align-items:center;justify-content:flex-start;color:var(--white-mute);background-color:var(--maroon);box-shadow:inset 0 0 18px var(--ink-light);padding:6%;margin-top:2%;z-index:1;transition:all 2s ease .2s;animation:shakeBtn 3s ease-in-out 2s infinite}.home_btn:hover{color:var(--ink);background-color:var(--cream)}@keyframes shakeBtn{0%{transform:translate(0)}10%{transform:translate(-6px)}20%{transform:translate(6px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-6px)}60%{transform:translate(0)}to{transform:translate(0)}}.home_right{position:relative;display:flex;flex-direction:column;box-shadow:0 0 6px var(--ink);background:linear-gradient(145deg,var(--white),var(--cream));border:1px solid var(--ink-glass);box-shadow:0 24px 60px var(--ink-glass),inset 0 1px 0 var(--white-light);padding:4%;border-radius:24px;margin:6% 0%}.home_img{width:100%;height:25%;object-fit:cover;position:relative;border:2px solid var(--ink);border-radius:12px}.home_bg_caption{color:var(--ink);text-shadow:0 0 4px var(--cream);font-size:14px;letter-spacing:.6rem;text-align:center;margin:2% 0%}.experience_block{position:absolute;top:6%;left:10%;display:flex;flex-direction:column;overflow:hidden;z-index:1}.home_experience{color:var(--ink);font-style:italic;font-size:var(--textSize);font-weight:600;background-color:var(--white-light);padding:6%;border:1px solid var(--ink);margin:4% 0%}.about{position:relative;display:flex;flex-direction:column;background:linear-gradient(145deg,var(--white),var(--cream));border:1px solid var(--ink-glass);border-radius:24px;box-shadow:0 24px 60px var(--ink-glass),inset 0 1px 0 var(--white-light);padding:4%;margin:6% 4%}.about_left{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}.about_title{font-size:2rem;font-family:var(--font-display);color:var(--maroon);font-weight:600;margin:2% 0%}.about_img{width:100%;height:25%;object-fit:cover;position:relative;border:2px solid var(--ink);border-radius:12px;margin:2% 0%}.about_info{text-align:center;font-size:var(--textSize)}.about_info>em{color:var(--maroon);font-size:1.55rem}.about_body{color:var(--ink);line-height:1.75rem;margin-top:2%}.about_carousel{display:flex;overflow:hidden;background-color:var(--maroon);box-shadow:0 0 6px var(--ink);padding:4% 0%;margin:24% 0%}.about_track{display:flex;white-space:nowrap;animation:marquee 42s linear infinite}.about_skills:before{content:"&";margin-right:1rem}.about_skills:after{content:"&";margin-left:1rem}.about_skills{color:var(--white);font-size:var(--textSize)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.work{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(180deg,var(--white),var(--cream));border:1px solid var(--ink-glass);border-radius:24px;box-shadow:0 0 60px var(--ink-glass),inset 0 0 12px var(--white-light);padding:1% 4%;margin:6% 4%}.project_heading{color:var(--maroon);font-size:var(--subtitleSize);font-family:var(--font-display);font-weight:600;margin:2% 0%}.work_scroll{width:100%;display:flex;align-items:center;gap:4%;overflow-x:scroll;scroll-snap-type:x mandatory;margin:2% 0%}.projects_container{min-width:80vw;display:flex;flex-direction:column;scroll-snap-align:center;margin:4% 2%}.project{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--white);box-shadow:inset 0 0 4px var(--ink);opacity:.8;border-radius:12px;padding:4%;transition:all .2s ease-in-out}.project:hover{box-shadow:inset 0 0 8px var(--ink);opacity:1}.project_img{width:100%;height:100%;object-fit:cover;border-radius:8px}.project_title{font-size:var(--textSize);color:var(--maroon);font-family:var(--font-display);text-shadow:0 0 2px var(--ink);letter-spacing:.2rem;text-align:center;margin:4% 0%}.project_desc{color:var(--ink);font-size:var(--textSize);line-height:1.5rem;text-align:center}.project_btn{color:var(--white);font-size:var(--textSize);font-family:var(--font-mono);font-style:italic;padding:2% 4%;margin:4%;border:none;border-radius:12px;background-color:var(--maroon);cursor:pointer}.experience{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--white),var(--cream));border:1px solid var(--ink-glass);box-shadow:0 24px 60px var(--ink-glass),inset 0 0 12px var(--white-light);border-radius:24px;padding:2% 4%;margin:6% 4%}.experience_left{display:flex;flex-direction:column;align-items:flex-start}.experience_header{color:var(--maroon);font-size:2rem;font-family:var(--font-display);font-weight:600;margin:2% 0%}.experience_desc{color:var(--ink-light);font-size:1rem;letter-spacing:.2rem}.skills_grid{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:var(--cream-light);text-align:center;padding:2%;margin:6%}.skills{background-color:var(--cream);padding:2% 4%;margin:4%}.jobs_scroll{display:flex;align-items:center;gap:6%;overflow-x:scroll;scroll-snap-type:x mandatory}.jobs{min-width:100%;display:flex;flex-direction:column;background-color:var(--white);box-shadow:inset 0 0 8px var(--ink);scroll-snap-align:center;padding:4%;border-radius:12px}.job_year{color:var(--maroon-light);text-align:center}.job_title{font-family:var(--font-display);font-size:var(--textSize);color:var(--maroon);letter-spacing:.2rem;text-align:center;margin:4% 0%}.job_desc{color:var(--ink);font-size:var(--textSize);line-height:1.5rem;text-align:center}.job_grid{display:grid;grid-template-columns:1fr 1fr 1fr;background-color:var(--cream-light);overflow:hidden;padding:2%;margin:1%}.job_skills{text-align:center;background-color:var(--cream);padding:1% 2%;margin:4%}.how_itworks{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--white),var(--white));border:1px solid var(--ink-glass);box-shadow:0 12px 30px var(--ink-light),inset 0 0 12px var(--ink-glass);border-radius:24px;padding:4%;margin:6% 4%}.how_itworks>span{color:var(--maroon);font-size:2rem;font-family:var(--font-display);letter-spacing:.2rem}.how_itworks_bio{font-size:var(--textSize);font-family:var(--font-display);line-height:2rem;margin:4% 0%}.how_itworks_headers{color:var(--maroon);font-size:1.6rem;font-style:italic;font-family:var(--font-body);text-decoration:underline}.contact{width:100%;background-color:var(--maroon-ish);display:flex;flex-direction:column;padding:6% 2%}.socials_header{color:var(--white);font-size:var(--textSize);font-family:var(--font-display);letter-spacing:.2rem}.socials{text-align:center;display:flex;justify-content:space-evenly;margin:4%}.socials>a{color:var(--white-mute);display:flex;align-items:center;gap:.2rem;margin:4% 0%}.contact_header{color:var(--white);font-size:var(--subtitleSize);font-family:var(--font-display);letter-spacing:.2rem}.contact_eye{color:var(--white-mute);font-size:var(--textSize);font-family:var(--font-mono);font-style:italic;margin:2% 0%}.contact_form{margin:2%}.form{display:flex;flex-direction:column}.form_input{font-size:var(--textSize);color:var(--white);background-color:var(--white-glass);padding:4% 2%;border:none;margin:2% 0%;outline:none}.form>label{color:var(--white-mute);font-size:var(--textSize);font-family:var(--font-mono);font-style:italic}.form_input::placeholder{color:var(--white-mute);font-size:14px}.form_input:focus::placeholder{color:var(--white)}.form_input:focus{border-bottom:2px solid var(--white)}.form_btn{width:30%;color:var(--white);background-color:var(--white-glass);padding:4% 2%;margin:4% 0%}.contact_divider{color:var(--white);text-align:center;font-family:var(--font-body);font-size:2rem}.schedule_header{color:var(--white);text-align:center;font-size:1.4rem;margin:4% 0%}.calendar_date{text-align:center;color:var(--white);font-family:var(--font-display);font-size:var(--textSize);margin:4% 2%}.calendar{display:grid;align-items:center;grid-template-columns:repeat(7,1fr);gap:.5rem;box-shadow:inset 0 0 10px var(--ink);overflow-x:scroll;scrollbar-width:none;border:2px solid var(--ink);border-radius:12px;padding:4%;margin:0% 4%}.calendar_clock{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;box-shadow:inset 0 0 10px var(--ink);border:2px solid var(--ink);border-radius:24px;gap:.5rem;overflow:hidden;scrollbar-width:none;padding:4%;margin:0% 6%}.calendar_block{height:100%;width:100%;color:var(--white-mute);font-size:1rem;font-family:var(--font-body);justify-content:center;border-radius:12px;background-color:var(--white-glass);transition:all .3s ease;padding:1rem}.calendar_block:hover{color:var(--white);transform:translateY(-.4rem);border:2px solid var(--white-glass);box-shadow:0 -6px 10px var(--dark-glass);padding:1.5rem}.date_phone{display:flex;height:100%;flex-direction:column;align-items:center;gap:1rem;text-align:center;font-family:var(--font-display);font-size:var(--textSize);color:var(--white-light);margin:2rem}.date_title{color:var(--white);text-align:center;font-size:var(--textSize);font-family:var(--font-display);font-weight:600;margin:.2em}.calendar_phone{display:flex;flex-direction:column}.schedule_result{font-family:var(--font-body);font-size:var(--textSize);color:var(--white);text-align:center;margin:1rem}.schedule_btn{height:100%;width:40%;color:var(--white);align-self:center;font-size:1rem;font-family:var(--font-body);background-color:var(--white-glass);padding:4% 0%}.calendar_update{color:var(--white);text-align:center;font-size:var(--textSize);font-family:var(--font-mono);margin:2rem}.footer{background-color:var(--cream);padding:6% 2%}.footer_inner{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.footer_logo{color:var(--maroon);font-family:var(--font-display);font-size:var(--textSize)}.footer_copyright{color:var(--maroon-mute)}.footer_back_top{display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background-color .2s,color .3s;text-decoration:none;padding:1rem;border:1px solid rgba(255,255,255,.12)}.footer_back_top:hover{background-color:var(--maroon);color:var(--white);border-color:var(--maroon)}.created_by{text-align:center;font-weight:500;font-family:var(--font-mono);color:var(--white-mute);background-color:var(--maroon);letter-spacing:.1rem;padding:2%}.packages{display:flex;flex-direction:column;align-items:center;padding:1.2rem;background:var(--cream-glass);overflow:hidden}.package_header{flex:0 0 auto;max-width:48rem;background:linear-gradient(180deg,var(--cream),var(--ink-glass));padding:2rem;border:1px solid var(--ink-glass);border-top-left-radius:100%;border-top-right-radius:100%;animation:fadeUp .6s ease forwards}.package_header-SoftLaunchPackage{background:radial-gradient(circle at top left,#600,#422,#600,#422,#600,#422,#600,#422);box-shadow:inset 0 0 8px var(--ink);padding:1rem}.package_header-GrowthPackage{background:radial-gradient(circle at top left,#502916,#165016,#502916,#165016,#502916,#165016,#502916,#165016);box-shadow:inset 0 0 8px var(--ink);padding:1rem}.package_header-FullStackPackage{background:radial-gradient(circle at top left,var(--cream-mute),hsl(32,100%,60%),var(--cream-mute),hsl(32,100%,60%),var(--cream-mute),hsl(32,100%,60%),var(--cream-mute),hsl(32,100%,60%));box-shadow:inset 0 0 8px var(--ink);padding:1rem}.package_header-FullStackProPackage{background:radial-gradient(circle at top left,#d2d260,#ef8243,#d2d260,#ef8243,#d2d260,#ef8243,#d2d260,#ef8243);box-shadow:inset 0 0 8px var(--ink);padding:1rem}.package_header-FullStackProMobilePackage{background:radial-gradient(circle at top left,var(--maroon-light),var(--cream),var(--maroon-light),var(--cream),var(--maroon-light),var(--cream),var(--maroon-light),var(--cream));box-shadow:inset 0 0 8px var(--ink);padding:1rem}.package_header span{color:var(--maroon-light);font-family:var(--font-display);font-size:1.5rem;letter-spacing:.2rem}.package_scroll{height:60vh;width:100%;display:flex;background:linear-gradient(180deg,var(--ink-glass),var(--cream));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--ink) var(--white);gap:1rem;box-shadow:inset 0 0 12px var(--white);border-radius:24px;border:1px solid var(--ink-glass);padding:1rem;animation:fadeUp .6s ease forwards}.package{position:relative;min-height:30%;min-width:100%;display:flex;background:linear-gradient(180deg,var(--ink-glass),var(--cream));flex-direction:column;justify-content:space-between;overflow-x:hidden;overflow-y:scroll;scroll-snap-align:center;scrollbar-width:none;border:1px solid var(--ink-mute);border-radius:24px;padding:1rem;animation:fadeUp .6s ease forwards}.package_tier{text-align:center;color:var(--white);font-size:clamp(2rem,4vw,4rem);font-family:var(--font-display);margin:4% 0%;animation:fadeUp .6s ease forwards}.package_price{text-align:center;color:var(--white);font-size:clamp(1.5rem,2vw,2rem);margin:2% 0%}.package_desc{color:var(--ink);font-size:clamp(1.2rem,2vw,2rem);line-height:2rem;margin:4% 0%}.package h1{color:var(--maroon);font-size:clamp(1.5rem,2vw,2rem)}.package_features{display:grid;grid-template-columns:1fr 1fr;text-transform:uppercase;gap:1rem;border-radius:24px;margin:2% 0%}.package_list{font-size:clamp(1rem,2vw,3rem)}.package_list span{font-family:var(--font-body);text-shadow:0 0 1px var(--ink);letter-spacing:.1rem}.package_btn{width:100%;text-align:center;font-size:1.5rem;background:linear-gradient(180deg,var(--cream),var(--white-light));box-shadow:inset 0 0 8px var(--ink);border:1px solid var(--ink-glass);padding:1rem}.package_form-SoftLaunchPackage{background:radial-gradient(circle at top left,#600,#422,#600,#422,#600,#422,#600,#422);box-shadow:inset 0 0 8px var(--ink);margin:2% 4%}.package_form-GrowthPackage{background:radial-gradient(circle at top left,#502916,#165016,#502916,#165016,#502916,#165016,#502916,#165016);box-shadow:inset 0 0 8px var(--ink);margin:2% 4%}.package_form-FullStackPackage{background:radial-gradient(circle at top left,var(--cream-mute),hsl(32,100%,60%),var(--cream-mute),hsl(32,100%,60%),var(--cream-mute),hsl(32,100%,60%),var(--cream-mute),hsl(32,100%,60%));box-shadow:inset 0 0 8px var(--ink);margin:2% 4%}.package_form-FullStackProPackage{background:radial-gradient(circle at top left,#d2d260,#ef8243,#d2d260,#ef8243,#d2d260,#ef8243,#d2d260,#ef8243);box-shadow:inset 0 0 8px var(--ink);margin:2% 4%}.package_form-FullStackProMobilePackage{background:radial-gradient(circle at top left,var(--maroon-light),var(--cream),var(--maroon-light),var(--cream),var(--maroon-light),var(--cream),var(--maroon-light),var(--cream));box-shadow:inset 0 0 8px var(--ink);margin:2% 4%}.package_form-form{display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 12px var(--ink),inset 0 0 12px var(--ink);padding:2rem}.package_form-label{color:var(--white);font-size:1.5rem}.package_form-input{font-size:16px;color:var(--white);background-color:var(--ink-mute);padding:1rem;border:none;margin:4% 0%}.package_form_btn{color:var(--white);background-color:var(--ink-mute);padding:1rem 2rem;border:none;margin:4% 0%}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-fadeup{opacity:0;animation:fadeUp .9s var(--ease-smooth) forwards}.swipe{align-self:flex-end;color:var(--maroon);font-size:var(--subtitleSize);font-family:var(--font-display);text-shadow:0 0 2px var(--cream);animation:swipeAnim 2s infinite}@keyframes swipeAnim{0%{transform:translate(0);opacity:1}25%{transform:translate(.5rem);opacity:.8}to{transform:translate(-2rem);opacity:0}}.input{line-height:2rem;margin:2%}.submit{padding:.85rem;background-color:var(--maroon-glass);border-radius:12px;font-size:.8rem;cursor:pointer}.admin{display:flex;flex-direction:column;align-items:center;overflow:scroll;padding:2%}.message_box{display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 0 12px var(--ink);border-radius:12px;padding:4%;border:2px solid var(--ink-mute);margin:4%}.message_text{color:var(--ink);font-family:var(--font-body);font-weight:600;overflow-wrap:break-word}.phone_text{color:#22762e;font-family:var(--font-body)}.no_text{color:#22762e;font-family:var(--font-body);text-align:center;margin:2%}.admin_btn{color:var(--maroon);padding:2% 4%;margin:4%}.error_text{font-family:var(--font-display);font-size:6rem;text-align:center}.error_bg{position:fixed}@media(min-width:760px){.contact_link{padding:2%}.nav_links{box-shadow:none}.nav_inner{display:grid;grid-template-columns:1fr 2fr}.home_info_container{display:flex;grid-template-columns:1fr;gap:4%}.home_left,.home_right{margin:0%}.home_occupation,.home_btn,.about_info,.experience_desc,.job_title,.socials_header,.socials>a,.schedule_header{font-size:1.8rem}.home_bio,.about_body,.experience_body,.job_year,.job_desc,.ai_body,.form_input::placeholder{font-size:1.4rem}.home_img{height:100%}.about_carousel{margin:6% 0%}.about{display:grid;grid-template-columns:1fr 1fr;gap:4%}.about_img{height:24rem;margin:4%}.project{display:grid;grid-template-columns:1fr 1fr}.project_img{height:24rem;width:100%;border:2px solid var(--ink)}.project_desc{font-size:1.4rem;margin:2% 0%}.experience{display:grid;grid-template-columns:1fr 1fr}.job_desc{line-height:2rem}.socials{margin:0%}.contact_eye{font-size:1.2rem}.form{display:grid;grid-template-columns:1fr 1fr;padding:4%}.form>label{font-size:1.2rem}.form_btn{font-size:1.2rem;width:50%}}