:root{font-family:system-ui,Helvetica,sans-serif;color-scheme:light dark;color:#fff;text-align:center}*{margin:0;padding:0;box-sizing:border-box;font-size:20px;font-weight:300}html,body{margin:0;padding:0;font-size:16px;background-size:cover;background-repeat:no-repeat;background-position:center center;scroll-behavior:smooth}.footer{bottom:0;width:100%;text-align:center;color:#fff;font-size:0px}h2{font-size:8vw;padding-bottom:50px}h4{transform:translateY(-50%);font-size:30px;font-weight:300;transition:opacity .4s ease,right .1s ease,font-size .1s ease,letter-spacing .1s ease,writing-mode .1s ease,color .1s ease;pointer-events:none}@media (max-width: 500px){h2{font-size:8vw;text-align:center!important;margin-top:0;padding:0 0 50px}}.navbar{position:fixed;top:30%;right:0;width:180px;z-index:1000;pointer-events:none}.navbar.compact{position:fixed;top:30%;right:0;z-index:1000;pointer-events:none;width:180px;transition:all .2s ease;padding-left:25px}.nav-trigger{position:absolute;top:50%;right:50px;transform:translateY(-50%);font-size:30px;transition:all .1s ease}.nav-trigger.trigger-compact{right:30px;font-size:20px}@keyframes swipePulse{0%{transform:translate(0);opacity:.5}50%{transform:translate(-5px);opacity:1}to{transform:translate(0);opacity:.5}}.swipe-arrow{animation:swipePulse 1.5s infinite;font-size:30px;opacity:.7}.nav-list{display:flex;flex-direction:column;align-items:center;gap:1.2rem;opacity:0;pointer-events:none;transition:opacity .5s ease;list-style:none}.nav-list.beyond{justify-content:center;background:#3a3a3a4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;width:140px;height:250px}.nav-list.icon-mode{background:#3a3a3a4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50px;padding:1rem 2rem;margin-right:20px}.nav-item a{font-size:30px;color:#fff;text-decoration:none;transition:all .2s ease}.nav-item a:hover{color:#dda50b}.fade-in{opacity:1;pointer-events:auto}.fade-out{opacity:0;pointer-events:none}@media (max-width: 500px){.navbar{right:0;width:80px}.nav-trigger{right:20px}.swipe-area{position:fixed;top:0;right:0;height:100vh;width:50%;z-index:999}.nav-item a{font-size:16px}.nav-trigger.trigger-compact{right:10px;font-size:20px;padding:1px 6px}}.hero{position:relative;height:100vh;z-index:1;flex-direction:column}.hero-content{height:100vh;width:100%;position:relative;padding:45vh 0 5vh;overflow:hidden}.hero-subtitle{font-size:4vw;line-height:1.2;text-align:left;width:100%;padding:10px 0 0 120px;word-break:break-word;overflow-wrap:break-word;white-space:normal}.hero-title{font-size:15vw;line-height:1;text-align:center;width:100%;padding:10px 0 0;word-break:break-word;overflow-wrap:break-word;white-space:normal}@media (max-width: 500px){.hero{height:100%}.hero-title-comb{font-size:23vw;line-height:1.2;text-align:left;padding:0 0 0 15px}.hero-content{font-size:20px}.hero-content{padding-top:25vh;padding-left:0}}.about{height:100vh;width:100%}.about-content{height:100%;display:flex;align-items:center;gap:2rem;padding:5rem;padding-top:0}.about-highlight{color:#dda50b}.profile-image{width:50%;height:70vh;object-fit:cover;padding:0 80px;filter:brightness(70%)}.about-text{width:50%}.profile-image,.about-text{opacity:0;transition:opacity 1s ease,transform .5s ease}.about.about-in-view .profile-image,.about.about-in-view .about-text{opacity:1;transform:translate(0)}.about.about-out-view .profile-image{opacity:0;transform:translate(-50px)}.about.about-out-view .about-text{opacity:0;transform:translate(50px)}@media (max-width: 500px){.about{padding:0;height:100%}.about-content{flex-direction:column;padding:0;margin-top:0}.about-text{padding:0 40px;width:100%!important;font-size:18px}.about-text p,.about-highlight{font-size:17px}.profile-image{height:40vh;width:100%;object-fit:cover;margin-top:0;padding:80px 0 0;filter:brightness(100%);-webkit-mask-image:linear-gradient(to bottom,#fff 30%,#fff0);mask-image:linear-gradient(to bottom,#fff 30%,#fff0)}.about.about-in-view .profile-image,.about.about-in-view .about-text,.about.about-out-view .profile-image,.about.about-out-view .about-text{transform:none!important}.about.about-in-view .profile-image,.about.about-out-view .profile-image{transform:none!important;opacity:1!important}}.timeline{height:100%;width:100%}.timeline-content{height:100%;margin-top:5rem}.timeline-title{text-align:right;padding-right:80px}.timeline-container{position:relative;width:90%;margin:0 auto;padding:10px 0 0}.timeline-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleY(0);transform-origin:top;width:2px;height:100%;background-color:#ffffffb3;transition:transform 1s ease-out}.timeline-container.animate-down:before{transform-origin:top;transform:translate(-50%) scaleY(1)}.timeline-container.animate-up:before{transform-origin:bottom;transform:translate(-50%) scaleY(1)}.timeline-item{position:relative;width:50%;padding:1rem 0;box-sizing:border-box;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.timeline-item.in-view{opacity:1;transform:translateY(0)}.timeline-item.left{left:0}.timeline-item.right{left:50%}.timeline-dot{position:absolute;top:1rem;width:15px;height:15px;background-color:#dda50b;border:2px solid black;border-radius:100%}.timeline-item.left .timeline-dot{left:100%;transform:translate(-50%)}.timeline-item.right .timeline-dot{left:0;transform:translate(-50%)}.timeline-content-box{padding:0 2rem}.timeline-year{display:block;font-size:1rem;font-weight:300;color:#ffffffb3;margin-bottom:.25rem}.timeline-event-title{font-size:1.5rem;font-weight:400;margin-bottom:.5rem}.timeline-description{font-size:1rem;line-height:1.5;color:#ffffffe6}@media (max-width: 500px){.timeline-content{margin-top:0;padding:100px 10px 0}.timeline-title{padding-right:0}.timeline-container .timeline-item{width:100%!important;left:0!important;padding-bottom:20px}.timeline-container{left:10px;width:100%!important}.timeline-container:before{left:26px!important;transform:translate(0)!important}.timeline-container .timeline-dot{left:20px!important;transform:translate(0)!important}.timeline-container .timeline-content-box{padding-left:2rem!important}.timeline-container .timeline-content-box{padding-left:3rem!important}}.contact{height:100vh;width:100%}.contact-content{height:100%;margin-top:120px;display:flex;flex-direction:column}.contact-title{text-align:left;padding-left:80px}.contact-form{display:flex;flex-direction:row;align-items:stretch;gap:1rem;width:100%;padding:50px 20vw;height:450px}.form-fields{flex:0 0 90%;display:flex;flex-direction:column}.contact-form input,.contact-form textarea{flex:auto;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.7);outline:none;transition:border-bottom-color .2s;font-size:20px}.contact-form textarea{min-height:200px;padding-top:30px;padding-left:8px}.contact-form input:hover,.contact-form textarea:hover,.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:#dda50b}.contact-form input:focus::placeholder,.contact-form textarea:focus::placeholder{color:transparent;transition:color .5s}.contact-form textarea::placeholder{transition:font-size .2s;text-align:center;font-size:20px}.contact-form input::placeholder{transition:font-size .2s;font-size:20px}.contact-form input:hover::placeholder,.contact-form textarea:hover::placeholder,.contact-form input:focus::placeholder,.contact-form textarea:focus::placeholder{font-size:1.5rem;transition:font-size .2s ease}.form-button{flex:0 0 15%;display:flex;align-items:stretch}.form-button button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:none;border:2px solid rgba(255,255,255);cursor:pointer;transition:background-color .2s ease,color .2s ease}.contact-button-text{font-size:3vw;color:#fff;transition:color .2s ease}.contact-form button:hover{background:#242424;color:#fff}.contact-links{display:flex;justify-content:center;flex-direction:row;gap:2rem;padding-top:20px}.contact-links a{transition:transform .2s,filter .2s;color:#fff;text-decoration:none}.contact-links a:hover,.contact-form button:hover .contact-button-text{color:#dda50b}@media (max-width: 500px){.contact-content{margin-top:0;padding:80px 10px 0}.contact-title{text-align:center!important;padding-left:0;padding-bottom:30px}.contact-form{display:flex;flex-direction:column;width:100%;padding:0 30px 30px;gap:0px}.form-fields{padding-bottom:10px;padding-inline:10px;max-height:350px!important;width:100%!important}.contact-form input,.contact-form textarea{font-size:16px}.contact-form input{max-height:60px}.contact-form textarea{padding-top:30px;padding-left:8px;min-height:0px;max-height:160px}.contact-form textarea::placeholder{padding-top:20px;font-size:16px}.contact-form input::placeholder{font-size:16px}.form-button{padding-top:0!important;justify-content:center}.form-button button{align-items:center;width:90%;height:50px!important}.contact-button-text{font-size:20px}.contact-links{order:2!important;padding-top:0}.contact-content>.contact-links{justify-content:center!important}}