:root{--maroon: rgb(100, 17, 17);--maroon-ish: rgba(100, 17, 17, .99);--maroon-light: rgba(100, 17, 17, .8);--maroon-mute: rgba(100, 17, 17, .6);--maroon-glass: rgba(100, 17, 17, .2);--white: rgb(255, 255, 255);--white-light: rgba(255, 255, 255, .8);--white-mute: rgba(255, 255, 255, .6);--white-glass: rgba(255, 255, 255, .2);--ink: rgb(0, 0, 0);--ink-light: rgba(0, 0, 0, .8);--ink-mute: rgba(0, 0, 0, .6);--ink-glass: rgba(0, 0, 0, .2);--cream: rgb(220, 196, 157);--cream-light:rgba(220, 196, 157, .8);--cream-mute: rgba(220, 196, 157, .6);--cream-glass: rgba(220, 196, 157, .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{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;min-width:100vw;font-family:var(--font-body);font-size:12px}.page{max-height:100%;max-width:100%}ul,li{list-style:none}.top_contacts{width:100%;display:grid;grid-template-columns:1fr 1fr;background-color:var(--white)}.contact_link{text-align:center;font-size:var(--textSize);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--maroon-light);box-shadow:inset 0 0 4px var(--ink-glass);font-style:italic;padding:8% 6%}.nav{top:0;width:100%;position:sticky;z-index:100;display:flex;background-color:var(--white);box-shadow:inset 0 0 4px var(--ink)}.nav_inner{width:100%;display:flex;flex-direction:column}.nav_logo{width:120px;height:100px;border-radius:12px}.nav_links{font-size:var(--textSize);display:flex;align-items:center;justify-content:space-between;padding:16px 14px;box-shadow:0 0 12px var(--ink-glass)}a{font-size:16px;color:var(--ink-mute);text-decoration:none}.home_bg{top:25%;left:15%;position:fixed;color:var(--maroon-light);font-size:clamp(12rem,12rem,24rem);font-family:var(--font-body);font-style:italic;z-index:-999}.home_info_container{margin:4%;z-index:-1}.home_left{display:flex;flex-direction:column;font-size:var(--textSize);letter-spacing:.2rem;font-style:italic;color:var(--ink-mute);background-color:var(--white);box-shadow:inset 0 0 4px var(--ink);padding:6% 4%;border-radius:24px;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{height:8%;width:60%;position:absolute;display:flex;align-items:center;justify-content:flex-start;color:var(--white-mute);background-color:var(--maroon);box-shadow:0 0 12px var(--ink-light);padding:4%;margin-top:4%;z-index:10}.divider{width:100%;height:2px;background-color:var(--ink-glass);z-index:-1;margin:30% 0%}.home_right{position:relative;display:flex;flex-direction:column;box-shadow:inset 0 0 4px var(--ink);background-color:var(--white);z-index:-1;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);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;border-radius:12px;box-shadow:inset 0 0 4px var(--ink-light);background-color:var(--white);padding:4%;margin:6% 4%}.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);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;background-color:var(--white);border-radius:12px;padding:0% 4%;margin:6% 4%}.project_header{font-family:var(--font-display);font-size:var(--subtitleSize);color:var(--maroon);margin:4% 0%}.work_scroll{width:100%;display:flex;align-items:center;gap:4%;overflow-x:scroll;scrollbar-width:none;scroll-snap-type:x mandatory}.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 2px 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-family:var(--font-display);font-size:var(--textSize);color:var(--maroon);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-color:var(--white);border-radius:12px;box-shadow:inset 0 0 4px var(--ink-light);padding:4%;margin:6% 4%}.experience_header{font-family:var(--font-display);font-size:var(--subtitleSize);color:var(--maroon);margin-bottom:2%}.experience_desc{color:var(--maroon-light);font-family:var(--font-display);font-size:var(--textSize);letter-spacing:.4rem}.experience_body{color:var(--ink);font-size:1.05rem;line-height:1.55rem;margin-top:2%}.jobs_scroll{width:100%;display:flex;align-items:center;gap:6%;overflow-x:scroll;scrollbar-width:none;scroll-snap-type:x mandatory}.jobs{min-width:80vw;display:flex;flex-direction:column;overflow:scroll;box-shadow:inset 0 0 6px var(--ink-light);scroll-snap-align:center;padding:4%;border-radius:12px;margin-top:4%}.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);padding:2%;margin:4% 0%}.job_skills{text-align:center;padding:2% 4%;margin:6%;background-color:var(--cream)}.ai_info{display:flex;flex-direction:column;background-color:var(--white);border-radius:12px;box-shadow:inset 0 0 4px var(--ink-light);padding:4%;margin:6% 4%}.ai_header{color:var(--maroon);font-size:var(--subtitleSize);font-family:var(--font-display);letter-spacing:.4rem}.ai_body{color:var(--ink);font-size:var(--textSize);line-height:1.75rem;margin-top:4%}.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%}.schedule_header{color:var(--white);text-align:center;font-size:var(--textSize);margin:4% 0%}.calendar_date{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;border-radius:12px;box-shadow:inset 0 0 10px var(--ink);overflow-x:scroll;scrollbar-width:none;padding:4%;margin:0% 4%}.calendar_clock{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-radius:1.5em;box-shadow:inset 0 0 10px var(--ink);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}.calendar_update{color:var(--white);text-align:center;font-size:var(--textSize);font-family:var(--font-mono);margin:2rem}.footer{background-color:var(--ink);padding:6% 2%}.footer_inner{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.footer_logo{color:var(--maroon-light);font-family:var(--font-display);font-size:var(--textSize)}.footer_copyright{color:var(--white-mute)}.footer_back_top{display:flex;align-items:center;justify-content:center;color:var(--white);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%}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-fadeup{opacity:0;animation:fadeUp .9s var(--ease-smooth) forwards}.anim-fadein{opacity:0;animation:fadeIn 1s var(--ease-smooth) forwards}.d-1{animation-delay:.1s}.d-2{animation-delay:.25s}.d-3{animation-delay:.4s}.d-4{animation-delay:.55s}.d-5{animation-delay:.7s}.page_container{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:flex-end;gap:2rem;margin-top:6rem}.input{padding:.75rem;font-size:.8rem;border-radius:16px}.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:6%}.message_box{box-shadow:inset 0 0 12px var(--ink);padding:1.5rem;border:.2rem solid var(--dark-mute);border-radius:20px;margin:1.5rem}.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 3fr}.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,.job_skills,.ai_body,.form_input::placeholder{font-size:1.4rem}.home_img{height:100%}.about_carousel{margin:6% 0%}.about{padding:2%}.about_img{height:24rem;margin:4%}.project_img{height:24rem;width:100%;border:2px solid var(--ink)}.project_desc{font-size:1.4rem;margin:2% 0%}.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%}}