*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}section{scroll-margin-top:60px}.w-max{max-width:1024px}.section-h{min-height:calc(100vh - 60px);display:flex;flex-direction:column}:root[data-mode=light]{--main-bg: #FFFFFF;--main-text: #2D2E32;--sub-bg: #F8F9FA;--sub-text: #6C757D;--inv-bg: #2D2E32;--inv-text: #F8F9FA;--inv-bg-rgb: 45, 46, 50;--inv-text-rgb: 248, 249, 250}:root[data-mode=dark]{--main-bg: #1A1C1E;--main-text: #E2E2E2;--sub-bg: #25282B;--sub-text: #A0A0A0;--inv-bg: #323539;--inv-text: #FFFFFF;--inv-bg-rgb: 50, 53, 57;--inv-text-rgb: 255, 255, 255}:root[data-season=spring][data-mode=light]{--main-color: #5AAB66;--main-rgb: 120, 171, 130;--sub-color: #F7E9EB;--sub-rgb: 240, 226, 228}:root[data-season=spring][data-mode=dark]{--main-color: #93C49D;--main-rgb: 147, 196, 157;--sub-color: #3D3839;--sub-rgb: 61, 56, 57}:root[data-season=summer][data-mode=light]{--main-color: #6A96CF;--main-rgb: 106, 150, 207;--sub-color: #EAE7D6;--sub-rgb: 234, 231, 214}:root[data-season=summer][data-mode=dark]{--main-color: #8EAFD9;--main-rgb: 142, 175, 217;--sub-color: #34332F;--sub-rgb: 52, 51, 47}:root[data-season=autumn][data-mode=light]{--main-color: #BC6C25;--main-rgb: 188, 108, 37;--sub-color: #E9E0D2;--sub-rgb: 233, 224, 210}:root[data-season=autumn][data-mode=dark]{--main-color: #DDA15E;--main-rgb: 221, 161, 94;--sub-color: #36322D;--sub-rgb: 54, 50, 45}:root[data-season=winter][data-mode=light]{--main-color: #6B8EAD;--main-rgb: 107, 142, 173;--sub-color: #D6DBE0;--sub-rgb: 214, 219, 224}:root[data-season=winter][data-mode=dark]{--main-color: #8EB0CC;--main-rgb: 142, 176, 204;--sub-color: #2D3236;--sub-rgb: 45, 50, 54}:root[data-lang=ko]{font-family:Inter,Pretendard,sans-serif}:root[data-lang=en]{font-family:Inter,sans-serif}:root[data-lang=ja]{font-family:Inter,Noto Sans JP,sans-serif}header{position:sticky;top:0;z-index:999;background:var(--main-bg)}.header_container{display:flex;justify-content:space-evenly;padding:20px 30px;align-items:center;color:var(--main-text);border-bottom:1px solid var(--sub-text);height:60px}.home>a{font-size:32px;font-weight:800;color:var(--main-color)}.header_right_box{display:flex;gap:60px}.main_nav{display:flex;gap:30px;align-items:center}.main_nav>a{font-size:20px;font-weight:600;color:var(--main-text);transition:color .3s ease}.main_nav>a:hover{color:var(--main-color)}.main_nav>a.active{color:var(--main-color);font-weight:700}.sub_nav{gap:20px;align-items:center;display:none}.sub_nav_icon{position:relative;padding:5px}.sub_nav_icon>p{font-size:20px}.sub_nav_icon>p:hover{color:var(--main-color);cursor:pointer}.header_container{-webkit-user-select:none;user-select:none}.theme{position:absolute;padding:10px;min-width:200px;z-index:999;background:pink}.theme_wrap:first-of-type{padding-bottom:10px}.theme_title{font-size:16px;font-weight:700}.theme_content{display:flex;justify-content:space-evenly;padding:10px}.theme_content.mode>p{background:#87ceeb}.about{display:flex;padding:0 30px;gap:80px}.about_cont_wrap{justify-content:center;color:var(--main-text)}.about_title{font-size:24px;font-weight:700;padding-bottom:50px}.about_description{word-break:keep-all;line-height:1.8;font-size:18px;padding-bottom:50px}.about_description>p:nth-child(2){padding-bottom:30px}.about_contact{display:flex;flex-direction:column;gap:10px}.about .contact_block{font-weight:500;font-size:16px}.about .contact_block{width:fit-content;cursor:pointer}.about .contact_block:hover{color:var(--main-color)}.about_photo_wrap{display:flex;flex-direction:column;align-items:center;max-width:400px;max-height:calc(100vh - 60px);background:var(--inv-bg);overflow:hidden}.season_section{flex-shrink:0;padding:30px 0;color:var(--sub-color);font-family:JetBrains Mono,monospace;-webkit-user-select:none;user-select:none}.photo_section{display:flex;flex-direction:column;overflow:hidden;flex-grow:1;width:100%;color:var(--inv-text)}.season_waterfall{width:100%;height:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}.season_waterfall:before,.season_waterfall:after{content:"";position:absolute;left:0;width:100%;height:10%;z-index:2;pointer-events:none}.season_waterfall:before{top:0;background:linear-gradient(to bottom,var(--inv-bg) 0%,transparent 100%)}.season_waterfall:after{bottom:0;background:linear-gradient(to top,var(--inv-bg) 0%,transparent 100%)}.waterfall_track{display:flex;flex-direction:column;gap:15px;animation:scrollDown 100s linear infinite}@keyframes scrollDown{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.waterfall_item{width:100%;flex-shrink:0}.waterfall_item img{width:100%;object-fit:cover}.skill{display:flex;justify-content:space-evenly}.skill_title{display:flex;justify-content:center;color:var(--inv-text)}.skill_content{border-top:1px solid var(--sub-text)}.skill_row{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid var(--sub-text)}.skill_label{width:180px;font-weight:700;text-align:center;color:var(--inv-text);border-right:1px solid var(--sub-text)}.skill_items{display:flex;flex-wrap:wrap;padding-left:30px;gap:10px}.skill_tag{display:inline-block;padding:6px 14px;background-color:var(--main-bg);color:var(--main-text);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:14px;transition:all .2s ease}.skill_tag:hover{background-color:var(--main-color);color:#fff;transform:translateY(-2px)}.page_section{display:flex;justify-content:center;width:100%}.about_section{background:linear-gradient(to bottom,var(--main-bg),var(--sub-color) 100%)}.skills_section{background:var(--inv-bg)}.projects_section{background:var(--sub-color)}.section_title{font-size:50px}.project{padding-top:10vh}.project_title{display:flex;justify-content:center;padding-bottom:10vh;color:var(--main-text)}.project_card{background-color:var(--sub-bg);border-radius:16px;box-shadow:0 10px 30px #0000000d;overflow:hidden;margin-bottom:40px;width:1024px;transition:transform .3s ease}.project_card:hover{transform:translateY(-5px)}.project_info_section{padding:50px 40px 20px}.project_name{font-size:30px;font-weight:800;color:var(--main-text);margin-bottom:15px}.project_description{font-size:18px;font-weight:500;color:var(--main-text);margin-bottom:25px}.project_date{font-size:16px;color:var(--sub-text);margin-bottom:20px}.project_tag_container{display:flex;gap:5px}.project_tag{padding:5px 13px;border-radius:16px;font-size:16px;font-family:JetBrains Mono,monospace}.project_content_section{display:flex;background-color:rgba(var(--sub-rgb),.4);margin:20px 30px;border-radius:12px;padding:10px}.project_detail_box{flex:1;padding:45px 30px 30px}.project_detail_box h3{display:flex;align-items:center;gap:12px;font-size:19px;margin-bottom:25px;color:var(--main-color)}.project_detail_box h3:before{content:"";width:4px;height:18px;background-color:var(--main-color);border-radius:2px}.project_detail_box ul{padding-left:20px}.project_detail_box li{margin-bottom:14px;line-height:1.7;color:var(--main-text);word-break:keep-all}.project_link_section{display:flex;margin-top:10px;padding:20px 40px 40px;gap:15px}.link_button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s ease;cursor:pointer;box-shadow:0 4px 6px #0000000d;-webkit-user-select:none;user-select:none}.link_github{background-color:var(--inv-bg);color:var(--inv-text)}.link_github:hover{background-color:var(--main-color);border-color:var(--main-color);transform:translateY(-2px)}.link_default{background-color:rgba(var(--main-rgb),.1);color:var(--main-color)}.link_default:hover{background-color:var(--main-bg);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.file_modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000}.modal_content{display:flex;align-items:center;position:relative;background:var(--main-bg);padding:40px;border-radius:12px;max-width:80%;max-height:80%}.file_container img{max-width:100%;max-height:70vh;object-fit:contain;padding:0 10px}.modal_nav_btn{background:none;border:none;font-size:30px;cursor:pointer;padding:20px;color:var(--main-text);transition:color .2s}.modal_nav_btn:hover{color:var(--main-color)}.modal_close_btn{position:absolute;top:10px;right:15px;font-size:30px;border:none;background:none;cursor:pointer}.file_counter{text-align:center;margin-top:10px;color:var(--sub-text);font-size:14px}footer{display:flex;justify-content:center;padding:40px 0;background-color:rgba(var(--main-rgb),.8)}.footer_container{display:flex;flex-direction:column;align-items:center;gap:20px}.footer_contact{display:flex;gap:25px;flex-wrap:wrap;justify-content:center}.footer .contact_block{display:flex;align-items:center;gap:8px;color:var(--inv-text);font-size:14px;width:fit-content;padding:5px 10px;transition:color .2s ease}.footer .contact_block:hover{text-decoration:underline}.footer_copyright{font-size:13px;color:rgba(var(--inv-text-rgb),.5)}