.section{min-height:100vh;width:100%;padding:80px 20px;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start}.section__container{max-width:1200px;margin:0 auto}.section__title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.section__content{font-size:1rem}@media (max-width: 768px){.section__title{font-size:1.8rem;margin-bottom:30px;opacity:1!important;transform:none!important}}@media (max-width: 480px){.section__title{font-size:1.5rem;margin-bottom:20px}}.about-section-content{padding:0;max-width:1200px;margin:0 auto;color:var(--text-color, #333);text-align:left}.about-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.about-left-column{flex:1;min-width:280px;display:flex;flex-direction:column;align-items:center;text-align:left}.about-right-column{flex:2;min-width:320px;text-align:center}p{line-height:1.8;margin-bottom:1.2em;font-size:1.1em}strong{font-weight:600;color:var(--accent-color, #a66113)}.hobbies-section{margin-bottom:30px}.hobbies-section h3{margin-left:30px;font-size:1.3em;color:#1e1e1e;margin-bottom:15px}.hobbies-section ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:15px 30px;justify-content:center}.hobbies-section li{font-size:1.1em;display:flex;align-items:center;gap:10px;background-color:#fffefb;padding:8px 15px;border-radius:20px;box-shadow:0 2px 5px #0000000d;white-space:nowrap}.ivy-photo-container{margin-top:30px;text-align:center}.ivy-photo{max-width:100%;width:250px;height:auto;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-bottom:10px}.ivy-caption{font-style:italic;color:var(--text-color-light, #666);font-size:.95em;margin:0}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-section-content{padding:0}.about-grid{flex-direction:column;align-items:center;gap:30px}.about-left-column,.about-right-column{min-width:unset;width:100%;padding:0 15px}p{font-size:1rem;line-height:1.7}.hobbies-section{padding:0}.hobbies-section h3{margin-left:0;text-align:center;padding:0}.hobbies-section ul{justify-content:center;gap:10px 20px;padding:0}.hobbies-section li{font-size:1rem;padding:6px 12px}}@media (max-width: 480px){.about-section-content{padding:0}.about-grid{gap:20px}.about-left-column,.about-right-column{padding:0 10px}p{font-size:.95rem;margin-bottom:1em}.hobbies-section{margin-bottom:20px}.hobbies-section h3{font-size:1.1em}.hobbies-section li{font-size:.9em;padding:5px 10px}.ivy-photo{width:200px}}.prjcard{background-color:#ffffff7e;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;margin-bottom:20px;overflow:hidden;position:relative}.prjcard h3{color:#333;margin-bottom:10px;font-size:1.3rem}.prjcard p{color:#666;line-height:1.6;font-size:1rem}.prjcard .date,.prjcard .tech{font-size:.9em;color:#888;margin-bottom:10px}.prjcard .project-tech-icons{margin-top:15px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.prjcard .project-tech-icons .tech-icon-wrapper{display:flex;align-items:center;justify-content:center;color:var(--icon-color, #333);transition:transform .2s ease,filter .2s ease}.prjcard .project-tech-icons .tech-icon-wrapper:hover{transform:scale(1.1);filter:brightness(1.2)}.prjcard .project-tech-icons .tech-text{font-size:.9em;background-color:var(--skill-background, #f0f0f0);padding:4px 8px;border-radius:4px;color:var(--skill-text-color, #555)}@media (max-width: 768px){.prjcard{padding:15px;margin-bottom:15px}.prjcard h3{font-size:1.2rem}.prjcard p{font-size:.95rem}.prjcard .project-tech-icons{gap:8px}.prjcard .project-tech-icons .tech-text{font-size:.85em;padding:3px 6px}}@media (max-width: 480px){.prjcard{padding:15px}.prjcard h3{font-size:1.1rem}.prjcard p{font-size:.9rem}}.expcard{background-color:#ffffff7e}.expcard .experience-skills{margin-top:15px}.expcard .experience-skills h4{font-size:1em;margin-bottom:5px;color:var(--card-text-color-light)}.expcard .experience-skills ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.expcard .experience-skills li{background-color:var(--skill-background, rgb(237, 230, 240));color:var(--skill-text-color, #333);padding:5px 10px;border-radius:5px;font-size:.9em;white-space:nowrap}.card{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;margin-bottom:20px;overflow:hidden;position:relative}.card>h3,.card>p,.card>.project-tech-icons,.card>.experience-skills,.card>.project-link,.card>.about-content{margin-left:0;margin-top:0;margin-right:0}.card .experience-skills{font-size:15px}.card h3{color:#333;margin-top:0;margin-bottom:10px;font-size:1.3rem}.card p{color:#666;line-height:1.6;margin-top:0;margin-bottom:10px;font-size:1rem}.card .date,.card .tech{font-size:.9em;color:#888;margin-top:0;margin-bottom:10px}@media (max-width: 768px){.card{padding:15px;margin-bottom:15px}.card h3{font-size:1.2rem}.card p{font-size:.95rem}.card .experience-skills{font-size:14px}.card .experience-skills ul{gap:6px}.card .experience-skills li{font-size:.85em;padding:4px 8px}}@media (max-width: 480px){.card{padding:15px}.card h3{font-size:1.1rem}.card p{font-size:.9rem}.card .experience-skills{font-size:13px}}html{scroll-behavior:smooth;height:100%;min-height:100%;overflow-x:hidden}body{margin:0;font-family:Inter,sans-serif;scroll-behavior:smooth;overscroll-behavior-y:none;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}#smooth-content{width:100%;max-width:100vw;overflow-x:hidden;will-change:transform;padding-left:160px;padding-right:20px;box-sizing:border-box;min-height:150vh}.projects-wrapper,.experience-wrapper{display:grid;gap:25px;padding-bottom:40px;grid-template-columns:repeat(3,1fr);max-width:1070px;margin:0 auto}.about-wrapper{display:flex;flex-direction:column;gap:1.5rem;max-width:1070px;margin:0 auto}.section{min-height:100vh;padding:80px 20px;box-sizing:border-box;position:relative}.section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;z-index:-1;background:inherit}.section .section-title{margin-bottom:40px;flex-shrink:0;text-align:center;font-size:2.5rem;color:inherit}.section .section-content{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto}@media (max-width: 1370px){#smooth-content{padding-right:80px}}@media (max-width: 1024px){.projects-wrapper,.experience-wrapper{grid-template-columns:repeat(2,1fr);max-width:705px}.about-wrapper{max-width:705px;margin:0 auto}#smooth-content{padding-right:100px}}@media (max-width: 768px){.main-nav{top:10px;right:10px;flex-direction:column;gap:8px}.main-nav button{padding:6px 12px;font-size:.9rem}.section{padding:40px 15px;min-height:auto}#smooth-content{padding-left:15px!important;padding-right:15px!important}.projects-wrapper,.experience-wrapper{grid-template-columns:1fr;max-width:100%;gap:15px;padding-bottom:20px}.about-wrapper{display:flex;flex-direction:column;gap:20px;max-width:100%;margin:0 auto}#scroll-indicator{display:none}.section-title{font-size:1.8rem;margin-bottom:30px}.back-button-container{display:none}.section:before{width:100%;left:0;transform:none}}@media (max-width: 480px){#smooth-content{padding-left:10px!important;padding-right:10px!important}#scroll-indicator{display:none}.section{padding:30px 10px}.projects-wrapper,.experience-wrapper{max-width:100%;gap:10px}.about-wrapper{max-width:100%;margin:0 auto;gap:15px}.section-title{font-size:1.5rem;margin-bottom:20px}.back-button-container{display:none}}#scroll-indicator{z-index:100;pointer-events:none}.card{border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003;cursor:pointer}.social-buttons{position:fixed;bottom:30px;right:30px;z-index:100}.social-buttons a{transition:transform .2s ease-in-out,color .5s ease;display:block;padding-right:8px;color:#c97717;text-decoration:none;margin-bottom:15px}.social-buttons a svg{pointer-events:none}.social-buttons a:hover{transform:scale(1.1);filter:brightness(1.2)}.back-button-container{position:fixed;top:30px;left:20px;z-index:999}.back-to-home-button{color:#000;border:2px solid rgba(255,255,255,0);background-color:transparent;padding:10px 24px;font-size:1rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .3s,color .3s,border-color .3s}.back-to-home-button .arrow{display:inline-block;transition:transform .3s ease;font-size:1.2em;transform:translateY(1px) rotate(180deg)}.back-to-home-button:hover .arrow{transform:translateY(1px) translate(-5px) rotate(180deg)}.landing-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fdfaf0;color:#222;text-align:center;padding:20px;box-sizing:border-box}.landing-content{display:flex;flex-direction:column;align-items:center;gap:20px}.profile-photo-container{width:150px;height:150px;border-radius:50%;overflow:hidden;box-shadow:0 4px 15px #0000001a;border:3px solid #c97717}.profile-photo{width:100%;height:100%;object-fit:cover;transform:scale(1.6) translate(-2%)}.greeting-text{font-size:3.5rem;font-weight:700;margin:0;line-height:1.2}.greeting-text span{display:inline-block;min-width:150px}.tagline{font-size:1.5rem;font-weight:300;margin:0}.navigate-button{background-color:#a66113;color:#fdfaf0;border:2px solid #ffffff;padding:12px 24px;font-size:1rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .3s,color .3s,border-color .3s;margin-top:10px}.navigate-button .arrow{display:inline-block;transition:transform .3s ease;font-size:1.2em}.navigate-button:hover{background-color:#fdfaf0;color:#1e1e1e;border-color:#1e1e1e}.navigate-button:hover .arrow{transform:translate(5px)}@media (max-width: 768px){.landing-page{padding:15px}.landing-content{gap:15px}.greeting-text{font-size:2.2rem;line-height:1.3}.greeting-text span{min-width:110px}.tagline{font-size:1.1rem}.profile-photo-container{width:110px;height:110px}.navigate-button{padding:10px 20px;font-size:.9rem;min-height:44px}}@media (max-width: 480px){.landing-page{padding:10px}.landing-content{gap:15px}.greeting-text{font-size:1.75rem;line-height:1.2}.greeting-text span{min-width:90px}.tagline{font-size:.95rem}.profile-photo-container{width:90px;height:90px}.navigate-button{padding:8px 16px;font-size:.85rem}.navigate-button .arrow{font-size:1em}}