html{scroll-behavior:smooth}*{box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0}::-webkit-scrollbar{display:none}:root{--blur-fade-color:255, 255, 255}body{color:#111;font-optical-sizing:auto;background-color:#f4f4f4;font-family:Elms Sans,sans-serif;font-style:normal;overflow-x:hidden}.preloader-wrap{z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.preloader-bg{will-change:transform;background-color:#000;width:120vw;height:100vh;transition:transform 1.2s cubic-bezier(.76,0,.24,1);position:absolute;top:0;left:-10vw;transform:translate(0,0)}.preloader-bg:after{content:"";background-color:#000;border-radius:0 0 50% 50%;width:100%;height:30vh;position:absolute;top:99%;left:0}.preloader-wrap.slide-up .preloader-bg{transform:translateY(-135vh)}.greeting-container{z-index:10000;color:#fff;opacity:1;justify-content:center;align-items:center;font-size:3rem;font-weight:500;transition:opacity .4s;display:flex;position:relative}.greeting-container.fade-out{opacity:0}.dot{margin-right:15px;font-size:2.8rem;line-height:1;position:absolute;right:100%}.greeting{line-height:1}@media (max-width:768px){.greeting-container{font-size:2rem}.dot{margin-right:12px;font-size:1.8rem}}.main-content{color:#1f2937;background-color:#fff;width:100%;min-height:100vh;transition:background-color .4s,color .4s;position:relative}#lanyard-root{z-index:15;pointer-events:none;width:35%;height:100vh;position:absolute;top:0;right:0}#lanyard-root canvas{pointer-events:auto}.bg-zigzag{z-index:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(75,85,99,.08) 20px,rgba(75,85,99,.08) 21px),repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(107,114,128,.06) 30px,rgba(107,114,128,.06) 31px),repeating-linear-gradient(60deg,transparent,transparent 40px,rgba(55,65,81,.05) 40px,rgba(55,65,81,.05) 41px),repeating-linear-gradient(150deg,transparent,transparent 35px,rgba(31,41,55,.04) 35px,rgba(31,41,55,.04) 36px);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#000 calc(100% - 120px),transparent 100%);mask-image:linear-gradient(#000 0%,#000 calc(100% - 120px),transparent 100%)}.content-wrapper{z-index:10;flex-direction:column;align-items:center;gap:20px;width:100%;height:100%;padding:30px 20px;display:flex;position:relative}.floating-navbar{z-index:9000;background-color:#fff;border:1px solid rgba(0,0,0,.04);border-radius:24px;justify-content:space-between;align-items:center;width:100%;max-width:750px;height:max-content;padding:12px 18px;transition:background-color .4s,border-color .4s,box-shadow .4s;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px rgba(0,0,0,.05)}.nav-group{align-items:center;gap:8px;display:flex}.nav-divider{background-color:#e2e8f0;width:1px;height:24px}.nav-item{color:#94a3b8;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;text-decoration:none;transition:all .3s;display:flex}.nav-item i{font-size:1.6rem}.nav-item:hover{color:#1e293b}.nav-item.active{color:#1e293b;background-color:#f1f5f9}.theme-toggle{color:#334155;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:10px;transition:color .3s;display:flex}.theme-toggle i{font-size:1.6rem}.theme-toggle:hover{color:#000}.btn-hire{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:500;transition:background-color .3s,transform .2s;display:flex}.btn-hire i{color:#cbd5e1;font-size:1.2rem}.btn-hire:hover{background-color:#1e293b;transform:translateY(-2px)}.hero-card{width:100%;max-width:1200px;padding:16vh 0 30px}.hero-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.hero-role{color:#475569;align-items:center;gap:10px;font-size:1.3rem;font-weight:500;display:flex}.role-dot{background-color:#94a3b8;border-radius:50%;width:10px;height:10px}.hero-main{justify-content:space-between;align-items:center;gap:40px;display:flex}.hero-content{flex:1}.hero-title{color:#1e293b;letter-spacing:-2px;margin-bottom:25px;font-size:max(3.5rem,min(6.5vw,6.5rem));font-weight:700;line-height:1.1}.hero-desc{color:#64748b;max-width:800px;margin-bottom:50px;font-size:max(1.4rem,min(2vw,1.8rem));line-height:1.6}.hero-buttons{z-index:20;align-items:center;gap:25px;display:flex;position:relative}.hero-buttons .btn-hire{border-radius:14px;padding:18px 36px;font-size:1.3rem}.hero-buttons .btn-hire i{font-size:1.5rem}.btn-copy{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:18px 36px;font-family:inherit;font-size:1.3rem;font-weight:500;transition:all .3s;display:flex}.btn-copy i{color:#94a3b8;font-size:1.5rem}.btn-copy:hover{background-color:#f8fafc;border-color:#cbd5e1}@media (max-width:768px){#lanyard-root{width:100%;height:100vh;top:0;left:0;right:auto;transform:none}.content-wrapper{padding:20px 15px}.floating-navbar{border-radius:18px;padding:10px 12px}.nav-links{gap:4px}.nav-item{width:38px;height:38px}.nav-item i{font-size:1.3rem}.nav-actions{gap:6px}.theme-toggle{padding:6px}.theme-toggle i{font-size:1.4rem}.btn-hire{border-radius:10px;gap:5px;padding:8px 12px;font-size:.9rem}.btn-hire i{font-size:1.1rem}.hero-card{padding:52vh 0 10px}.hero-top{display:none}.hero-role{font-size:.9rem}.role-dot{width:7px;height:7px}.hero-main{text-align:center;flex-direction:column-reverse;gap:20px}.hero-buttons{justify-content:center}.hero-title{letter-spacing:-1px;margin-bottom:12px;font-size:max(1.8rem,min(7vw,2.5rem))}.hero-desc{margin-bottom:25px;font-size:.95rem}.hero-buttons .btn-hire,.btn-copy{border-radius:10px;padding:10px 18px;font-size:.9rem}.hero-buttons .btn-hire i,.btn-copy i{font-size:1rem}}body.dark-mode{--blur-fade-color:18, 18, 18}body.dark-mode .main-content{color:#fff;background-color:#121212}body.dark-mode .bg-zigzag{background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(255,255,255,.04) 20px,rgba(255,255,255,.04) 21px),repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(255,255,255,.03) 30px,rgba(255,255,255,.03) 31px),repeating-linear-gradient(60deg,transparent,transparent 40px,rgba(255,255,255,.02) 40px,rgba(255,255,255,.02) 41px),repeating-linear-gradient(150deg,transparent,transparent 35px,rgba(255,255,255,.02) 35px,rgba(255,255,255,.02) 36px)}body.dark-mode .floating-navbar{background-color:#1e1e20;border-color:rgba(255,255,255,.05);box-shadow:0 10px 40px rgba(0,0,0,.6)}body.dark-mode .nav-item{color:#8c8c92}body.dark-mode .nav-item:hover{color:#fff}body.dark-mode .nav-item.active{color:#fff;background-color:#2c2c2e}body.dark-mode .theme-toggle{color:#e5e5ea}body.dark-mode .theme-toggle:hover{color:#fff}body.dark-mode .btn-hire{color:#fff;background-color:#3a3a3c}body.dark-mode .btn-hire i{color:#e5e5ea}body.dark-mode .btn-hire:hover{background-color:#48484a}body.dark-mode .hero-role{color:#94a3b8}body.dark-mode .hero-title{color:#f8fafc}body.dark-mode .hero-desc{color:#94a3b8}body.dark-mode .btn-copy{color:#cbd5e1;background-color:transparent;border-color:#334155}body.dark-mode .btn-copy:hover{background-color:#334155}.about-wrapper{z-index:5;width:100%;height:350vh;position:relative}.about-section{background-color:#fff;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:sticky;top:0}.about-container{text-align:center;z-index:20;width:100%;max-width:1000px;margin:0 auto;position:relative}.about-text{color:#cbd5e1;margin:0;font-size:max(1.8rem,min(4vw,3.5rem));font-weight:500;line-height:1.4}@media (max-width:768px){.about-wrapper{height:500vh}.about-section{min-height:100vh;height:100vh;min-height:100svh;justify-content:center;align-items:center;height:100svh;margin-top:0;padding:20px;display:flex}.about-container{transform:none}}body.dark-mode .about-section{background-color:#121212}body.dark-mode .about-text{color:#475569}.black-section{background-color:var(--black-section-bg,#0f172a);z-index:50;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;margin-top:-100vh;padding-top:5vh;display:flex;position:relative;overflow:hidden}.black-section .bg-text{color:var(--black-section-text,#1e293b);letter-spacing:-2px;white-space:nowrap;user-select:none;opacity:.5;margin:0 0 2vh;font-size:max(4rem,min(18vw,25rem));font-weight:900;line-height:1;position:relative}.skills-section{background-color:var(--black-section-bg,#0f172a);z-index:50;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding-top:5vh;display:flex;position:relative;overflow:hidden}.skills-section .bg-text{color:var(--black-section-text,#1e293b);letter-spacing:-2px;white-space:nowrap;user-select:none;margin:0;font-size:max(3rem,min(15vw,20rem));font-weight:900;line-height:1;position:relative}.experience-section{background-color:var(--black-section-bg,#0f172a);z-index:50;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;min-height:100vh;padding-top:5vh;display:flex;position:relative;overflow:hidden}.experience-section .bg-text{color:var(--black-section-text,#1e293b);letter-spacing:-2px;white-space:nowrap;user-select:none;align-self:center;margin:0;font-size:max(3rem,min(14vw,18rem));font-weight:900;line-height:1;position:relative}.exp-list{z-index:20;flex-direction:column;gap:1rem;width:90%;max-width:750px;margin-top:4rem;padding-bottom:4rem;display:flex;position:relative}.exp-item{cursor:default;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;align-items:center;gap:0;padding:1.4rem 2rem;transition:all .35s;display:flex}.exp-item:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);transform:translateY(-2px)}.exp-item--active{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}.exp-date-card{flex-shrink:0;align-items:center;gap:.6rem;min-width:220px;display:flex}.exp-yr{color:rgba(255,255,255,.5);letter-spacing:.5px;font-size:1rem;font-weight:500}.exp-divider{color:rgba(255,255,255,.2);user-select:none;font-size:.8rem}.exp-details{flex-direction:column;gap:2px;display:flex}.exp-name{color:#fff;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.exp-position{color:rgba(255,255,255,.45);font-size:.9rem;font-weight:400}.exp-desc{display:none}body.dark-mode .exp-item{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.06)}body.dark-mode .exp-item:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.12)}body.dark-mode .exp-item--active{background:rgba(0,0,0,.07);border-color:rgba(0,0,0,.1)}body.dark-mode .exp-yr{color:rgba(15,23,42,.5)}body.dark-mode .exp-divider{color:rgba(15,23,42,.2)}body.dark-mode .exp-name{color:#0f172a}body.dark-mode .exp-position{color:rgba(15,23,42,.45)}body.dark-mode .exp-desc{color:rgba(15,23,42,.5)}@media (max-width:768px){.exp-list{gap:1.5rem;width:92%;margin-top:2rem}.exp-item{background:0 0;border:none;border-left:2px solid rgba(255,255,255,.15);border-radius:0;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.4rem 1.6rem}.exp-item:hover{background:0 0;border-color:rgba(255,255,255,.15);transform:none}.exp-item--active{background:0 0;border-color:rgba(255,255,255,.3)}.exp-date-card{min-width:unset;order:3}.exp-yr{letter-spacing:2px;text-transform:uppercase;font-size:.8rem}.exp-name{order:1;font-size:1.3rem}.exp-position{order:2;margin-bottom:.5rem;font-size:.9rem}.exp-desc{color:rgba(255,255,255,.45);order:2;margin:0 0 .5rem;font-size:.88rem;line-height:1.7;display:block}.exp-details{order:1}.exp-date-card{order:2}.floating-navbar{z-index:100;-webkit-backdrop-filter:blur(10px);background-color:rgba(255,255,255,.95);border-radius:50px;justify-content:space-around;gap:4px;width:auto;max-width:300px;padding:8px 14px;position:fixed;top:auto;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px rgba(0,0,0,.15)}body.dark-mode .floating-navbar{background-color:rgba(30,41,59,.95);border-color:rgba(255,255,255,.05)}.floating-navbar .btn-hire{display:none}.floating-navbar .nav-group{gap:2px}.floating-navbar .nav-item{width:36px;height:36px}.floating-navbar .nav-item i,.floating-navbar .theme-toggle i{font-size:1.15rem}.skills-section{margin-top:-15vh}.skills-section .bg-text{transform:translate(-8%)}#logo-loop-root{margin-top:3rem!important}.experience-section{min-height:auto;margin-top:-55vh;padding-top:0}}.contact-section{background-color:var(--black-section-bg,#0f172a);z-index:50;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:80vh;padding:5vh 5vw 15vh;display:flex;position:relative;overflow:hidden}.contact-section .bg-text{color:var(--black-section-text,#1e293b);letter-spacing:-2px;white-space:nowrap;user-select:none;margin:0;font-size:max(3.75rem,min(16vw,19rem));font-weight:900;line-height:1;position:relative}.contact-row{z-index:10;justify-content:space-between;align-items:center;gap:3rem;width:100%;margin-top:2rem;padding:0 5vw;display:flex;position:relative}.contact-image{border-radius:20px;width:max(250px,min(25vw,420px));height:max(250px,min(25vw,420px));position:absolute;top:50%;right:-45%;overflow:hidden;transform:translateY(-50%)}.contact-img{object-fit:cover;border-radius:20px;width:100%;height:100%}.contact-img--dark{display:none}.contact-img--light,body.dark-mode .contact-img--dark{display:block}body.dark-mode .contact-img--light{display:none}.contact-cta-content{z-index:10;text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:1.2rem;max-width:900px;display:flex;position:relative}.contact-subtitle{color:rgba(255,255,255,.85);letter-spacing:-.5px;margin:0;font-size:max(2rem,min(4.5vw,3rem));font-weight:700;line-height:1.2}.contact-desc{color:rgba(255,255,255,.4);max-width:800px;margin:0;font-size:max(1rem,min(1.5vw,3rem));font-weight:400;line-height:1.7}.contact-btn{letter-spacing:.3px;border-radius:50px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.contact-btn--primary{color:#0f172a;background:rgba(255,255,255,.95)}.contact-btn--primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.15)}.contact-btn--secondary{color:rgba(255,255,255,.8);background:0 0;border:1px solid rgba(255,255,255,.25)}.contact-btn--secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}body.dark-mode .contact-headline{color:rgba(15,23,42,.9)}body.dark-mode .contact-btn--primary:hover{background:#0f172a;box-shadow:0 8px 25px rgba(15,23,42,.15)}body.dark-mode .contact-btn--secondary{color:rgba(15,23,42,.7);border-color:rgba(15,23,42,.2)}body.dark-mode .contact-btn--secondary:hover{background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.4)}body.dark-mode .contact-subtitle{color:rgba(15,23,42,.85)}body.dark-mode .contact-desc{color:rgba(15,23,42,.5)}body.dark-mode .contact-btn--primary{color:#fff;background:#0f172a}body.dark-mode .contact-btn--primary:hover{background:#1e293b}:root{--black-section-bg:#0f172a;--black-section-text:#1e293b;--menu-text:#fff;--menu-border:rgba(255,255,255,.2)}body.dark-mode{--black-section-bg:#f8fafc;--black-section-text:#e2e8f0;--menu-text:#0f172a;--menu-border:rgba(15,23,42,.2)}.site-footer{z-index:50;background:#fff;border-radius:30px 30px 0 0;width:100%;margin-top:-30px;padding:5rem 5vw 0;position:relative;overflow:hidden}.footer-top{border-bottom:1px solid rgba(15,23,42,.1);gap:5rem;padding-bottom:3rem;display:flex}.footer-col{flex-direction:column;gap:.6rem;display:flex}.footer-heading{color:#0f172a;text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.footer-link{color:rgba(15,23,42,.5);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:#0f172a}.footer-brand{max-height:max(6rem,min(14vw,15rem));padding:2rem 0 0;overflow:hidden}.footer-brand span{color:#0f172a;letter-spacing:-5px;user-select:none;font-size:max(6rem,min(20vw,22rem));font-weight:900;line-height:.85;display:block}.footer-bottom{border-top:1px solid rgba(15,23,42,.1);padding:1.5rem 0}.footer-bottom p{color:rgba(15,23,42,.4);margin:0;font-size:.85rem}body.dark-mode .site-footer{background:#e2e8f0}@media (max-width:768px){.contact-row{flex-direction:column;gap:2rem;padding:0 4vw}.contact-cta-content{text-align:center;align-items:center}.contact-desc{max-width:100%}.contact-image{align-self:center;width:max(200px,min(60vw,300px));height:max(200px,min(60vw,300px));position:static;transform:none}.footer-top{flex-direction:column;gap:2rem}.site-footer{border-radius:20px 20px 0 0;padding:3rem 5vw 0}.footer-brand span{letter-spacing:-3px;font-size:max(4rem,min(20vw,8rem))}}.lanyard-wrapper{z-index:0;transform-origin:50%;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;transform:scale(1)}.scroll-reveal{margin:0}.scroll-reveal-text{color:#1e293b;text-align:center;margin:0;font-family:Elms Sans,sans-serif;font-size:max(1.8rem,min(4vw,3.5rem));font-weight:500;line-height:1.4}.word{display:inline-block}body.dark-mode .scroll-reveal-text{color:#e2e8f0}.menu-wrap{z-index:20;width:100%;height:100%;position:relative;overflow:hidden}.menu{flex-direction:column;height:100%;margin:0;padding:0;display:flex}.menu__item{text-align:center;border-top:1px solid;flex:1;position:relative;overflow:hidden}.menu__item:first-child{border-top:none}.menu__item-link{cursor:pointer;justify-content:space-between;align-items:center;height:100%;padding:0 5vw;text-decoration:none;display:flex;position:relative}.menu__item-link:hover{color:inherit}.menu__item-link:focus:not(:focus-visible){color:inherit}.menu__item-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.menu__item-text{font-size:max(1.8rem,min(4vh,3.5rem));font-weight:700;line-height:1.2}.menu__item-sub{opacity:.75;margin-top:6px;font-size:max(.8rem,min(1.6vh,1.1rem));font-weight:300}.menu__item-icon{font-size:max(1.5rem,min(4vh,2.5rem))}.marquee{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(101%)}.marquee__inner-wrap{width:100%;height:100%;overflow:hidden}.marquee__inner{will-change:transform;align-items:center;width:fit-content;height:100%;display:flex;position:relative}.marquee__part{flex-shrink:0;align-items:center;display:flex}.marquee span{white-space:nowrap;text-transform:uppercase;padding:0 1vw;font-size:4vh;font-weight:400;line-height:1}.marquee__img{background-position:50%;background-size:cover;border-radius:50px;width:200px;height:7vh;margin:2em 2vw;padding:1em 0}@media (max-width:768px){.menu__item-text{white-space:nowrap;font-size:max(1rem,min(5vw,1.5rem))}.menu__item-sub{white-space:nowrap;font-size:max(.65rem,min(2.5vw,.85rem))}.menu__item-icon{font-size:1.2rem}.menu__item-link{padding:0 4vw}}.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#fff;position:relative}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop__track{will-change:transform;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);flex:none;line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{align-items:center;display:inline-flex}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;filter:none;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s,opacity .3s;display:block}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{filter:grayscale(0%)opacity();transform-origin:50%;transform:scale(1.2)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{border-radius:4px;align-items:center;text-decoration:none;transition:opacity .2s;display:inline-flex}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline-offset:2px;outline:2px solid}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:max(24px,min(8%,120px));position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, transparent 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, transparent 100%);right:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{width:100%;height:max(24px,min(8%,120px));left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, transparent 100%);top:0;bottom:auto}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top, var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0%, transparent 100%);top:auto;bottom:0}.acc-wrapper{z-index:20;flex-direction:column;width:100%;max-width:100%;margin-top:3rem;padding:0 5vw 0 calc(3vw + 40px);display:flex;position:relative}.acc-wrapper:before{content:"";background:rgba(255,255,255,.1);width:3px;position:absolute;top:0;bottom:0;left:3vw}.acc-progress-fill{z-index:1;will-change:height;pointer-events:none;background:rgba(255,255,255,.7);border-radius:2px;width:3px;height:0;position:absolute;top:0;left:3vw;box-shadow:0 0 8px rgba(255,255,255,.3)}body.dark-mode .acc-progress-fill{background:rgba(15,23,42,.8);box-shadow:0 0 8px rgba(15,23,42,.3)}.acc-item{border-bottom:none;transition:all .3s;overflow:hidden}.acc-item:first-child{border-top:none}.acc-trigger{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:1.6rem .5rem;font-family:inherit;transition:opacity .2s;display:flex;position:relative}.acc-trigger:hover{opacity:.8}.acc-trigger:focus-visible{outline-offset:2px;outline:2px solid rgba(200,255,0,.4)}.acc-trigger-info{flex-direction:column;flex:1;gap:4px;display:flex}.acc-company{color:rgba(255,255,255,.85);margin:0;font-size:max(1.8rem,min(3.5vw,2.8rem));font-weight:600;line-height:1.3}.acc-sub{align-items:center;gap:.6rem;margin-top:.3rem;display:flex}.acc-role{color:rgba(255,255,255,.4);font-size:1.1rem;font-weight:400}.acc-dot-sep{color:rgba(255,255,255,.2);user-select:none;font-size:1.1rem}.acc-period{color:rgba(255,255,255,.3);letter-spacing:.3px;font-size:1rem;font-weight:400}.acc-arrow{color:rgba(255,255,255,.3);flex-grow:0;flex-shrink:0;width:24px;min-width:24px;height:24px;min-height:24px;margin-left:50rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.acc-arrow--open{transform:rotate(180deg)}.acc-content-wrapper{height:0;transition:height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.acc-content{padding:0 .5rem 1.6rem}.acc-bullets{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.acc-bullet{color:rgba(255,255,255,.45);padding-left:1.2rem;font-size:1rem;line-height:1.7;position:relative}.acc-bullet:before{content:"•";color:rgba(255,255,255,.3);position:absolute;left:0}body.dark-mode .acc-item{border-bottom-color:rgba(15,23,42,.1)}body.dark-mode .acc-item:first-child{border-top-color:rgba(15,23,42,.1)}body.dark-mode .acc-wrapper:before{background:rgba(15,23,42,.1)}body.dark-mode .acc-company{color:rgba(15,23,42,.85)}body.dark-mode .acc-role{color:rgba(15,23,42,.4)}body.dark-mode .acc-dot-sep{color:rgba(15,23,42,.2)}body.dark-mode .acc-period{color:rgba(15,23,42,.3)}body.dark-mode .acc-bullet{color:rgba(15,23,42,.45)}body.dark-mode .acc-bullet:before,body.dark-mode .acc-arrow{color:rgba(15,23,42,.3)}@media (max-width:768px){.acc-wrapper{margin-top:2rem;padding:0 4vw 0 calc(3vw + 25px)}.acc-trigger{padding:1.3rem 2.5rem 1.3rem .3rem;position:relative}.acc-company{font-size:1.05rem}.acc-sub{flex-wrap:wrap;gap:.3rem}.acc-role{font-size:.82rem}.acc-period{font-size:.78rem}.acc-arrow{margin-left:0;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.acc-arrow--open{transform:translateY(-50%)rotate(180deg)}.acc-content{padding:0 .3rem 1.2rem}.acc-desc{font-size:.85rem}}