@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--clr-primary: #FFD34E;--clr-secondary: #EE457E;--clr-accent: #FF6B35;--clr-bg: #F4E8D1;--clr-bg-alt: #EDD9B5;--clr-surface: #FAF3E4;--clr-surface-2: #EAD9B4;--clr-border: #A98A57;--clr-text: #2A1F0E;--clr-text-2: #5A4526;--clr-text-3: #9C7D50;--clr-nav-bg: rgba(244, 232, 209, .88);--shadow-sm: 2px 3px 0px #A98A57;--shadow-md: 4px 6px 0px #A98A57;--shadow-lg: 6px 8px 0px #A98A57;--glow-hero: radial-gradient(ellipse 70% 50% at 60% 40%, rgba(255,211,78,.22) 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 20% 80%, rgba(238,69,126,.12) 0%, transparent 60%);--font-display: "Chakra Petch", sans-serif;--font-body: "Barlow", sans-serif;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-pill: 9999px;--clr-on-accent: #FAF6F0;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.5, 0, 1, .5);--transition: .22s var(--ease-out);--nav-height: 15vh}html.dark{--clr-bg: #0F0A1E;--clr-bg-alt: #1A1030;--clr-surface: #1E1535;--clr-surface-2: #261C40;--clr-border: #4A3570;--clr-text: #F0E6D3;--clr-text-2: #C4A882;--clr-text-3: #8A6F9A;--clr-surface-3: #2D2050;--clr-nav-bg: rgba(15, 10, 30, .9);--shadow-sm: 2px 3px 0px rgba(238,69,126,.4);--shadow-md: 4px 6px 0px rgba(238,69,126,.35);--shadow-lg: 6px 8px 0px rgba(238,69,126,.3);--glow-hero: radial-gradient(ellipse 60% 55% at 65% 35%, rgba(238,69,126,.25) 0%, transparent 65%), radial-gradient(ellipse 55% 45% at 20% 70%, rgba(255,107,53,.18) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 80% 80%, rgba(255,211,78,.12) 0%, transparent 50%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;overflow-x:clip}.skip-link{position:absolute;top:-100%;left:1rem;padding:.6rem 1.2rem;background:var(--clr-surface);color:var(--clr-text);font-family:var(--font-display);font-size:.85rem;font-weight:700;border:2px solid var(--clr-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:9999;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:1rem}button,a,[role=button],.btn,.dark-mode-toggle,.hamburger-icon,.nav-links a,.menu-links a,.timeline-card,.timeline-detail-btn{user-select:none;-webkit-user-select:none}button:active,a:active,[role=button]:active,.btn:active,.dark-mode-toggle:active,.hamburger-icon:active,.nav-links a:active,.menu-links a:active,.timeline-card:active,.timeline-detail-btn:active{transform:scale(.98);transition:transform .08s ease}button:focus-visible,[role=button]:focus-visible,.btn:focus-visible,.hamburger-icon:focus-visible,.timeline-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}body{font-family:var(--font-body);background-color:var(--clr-bg);color:var(--clr-text);transition:background-color .35s ease,color .35s ease;min-height:100vh;overflow-x:clip;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(0,0,0,.04) 39px,rgba(0,0,0,.04) 40px)}html.dark body{background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(74,53,112,.3) 0%,transparent 60%)}p{color:var(--clr-text-2);line-height:1.7}a{color:var(--clr-text);text-decoration:none;transition:var(--transition)}a:hover{color:var(--clr-secondary);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--clr-secondary)}a:focus-visible{outline:2px solid var(--clr-primary);outline-offset:3px;border-radius:3px}h1,h2,h3{font-family:var(--font-display);color:var(--clr-text);line-height:1.1}nav,.nav-links{display:flex}nav{justify-content:space-around;align-items:center;height:15vh;background:var(--clr-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--clr-border);position:sticky;top:0;z-index:100;transition:background .35s ease,border-color .35s ease}.logo{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--clr-text);letter-spacing:.04em;cursor:default;position:relative}.logo:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:var(--clr-primary)}html.dark .logo:after{background:var(--clr-secondary);box-shadow:0 0 8px var(--clr-secondary)}.nav-links{gap:2rem;list-style:none;font-size:1rem;font-weight:600;font-family:var(--font-display)}.nav-links a{color:var(--clr-text);text-decoration:none;padding:.3rem .6rem;border-radius:var(--radius-sm);transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:.6rem;right:.6rem;height:2px;background:var(--clr-primary);transform:scaleX(0);transition:transform .22s var(--ease-out)}.nav-links a:hover{color:var(--clr-secondary);text-decoration:none;background:#ffd34e1f}.nav-links a:hover:after{transform:scaleX(1)}html.dark .nav-links a:hover{color:var(--clr-primary);background:#ffd34e14}#hamburger-nav{display:none;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--clr-nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--clr-border);position:sticky;top:0;z-index:100;height:auto}.hamburger-menu{position:relative;display:flex;align-items:center;gap:1rem}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:44px;min-width:44px;cursor:pointer;background:none;border:none;padding:0;-webkit-appearance:none;appearance:none}.hamburger-icon span{display:block;width:24px;height:2.5px;background-color:var(--clr-text);border-radius:2px;transition:all .3s ease-in-out}.menu-links{position:absolute;top:calc(100% + .5rem);right:0;background:var(--clr-surface);border:2px solid transparent;border-radius:var(--radius-md);box-shadow:none;width:fit-content;min-width:180px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .3s ease-in-out,box-shadow .3s ease,border-color .3s ease,opacity .2s ease,visibility 0s .2s}.menu-links a{display:block;padding:.75rem 1.5rem;text-align:center;font-family:var(--font-display);font-size:1rem;color:var(--clr-text);text-decoration:none;transition:var(--transition);border-bottom:1px solid var(--clr-border)}.menu-links a:last-of-type{border-bottom:none}.menu-links a:hover{background:var(--clr-primary);color:var(--clr-text);text-decoration:none}.menu-links li{list-style:none}.menu-links.open{max-height:300px;border-color:var(--clr-border);box-shadow:var(--shadow-md);opacity:1;visibility:visible;pointer-events:auto;transition:max-height .3s ease-in-out,box-shadow .3s ease,border-color .3s ease,opacity .2s ease,visibility 0s 0s}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px);background:var(--clr-secondary)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px);background:var(--clr-secondary)}.dark-mode-toggle{background:var(--clr-surface);border:2px solid var(--clr-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-pill);width:2.75rem;height:2.75rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;position:relative}.dark-mode-toggle:hover{background:var(--clr-primary);border-color:var(--clr-primary);transform:scale(1.1) rotate(-15deg);box-shadow:var(--shadow-md)}.dark-mode-toggle:focus-visible{outline:2px solid var(--clr-secondary);outline-offset:3px}.dark-mode-toggle .toggle-icon{width:1.1rem;height:1.1rem;position:absolute;transition:opacity .22s ease}.icon-light-mode{opacity:1}.icon-dark-mode,html.dark .icon-light-mode{opacity:0}html.dark .icon-dark-mode{opacity:1}section{padding:4rem 0;margin:0 10rem;box-sizing:border-box;min-height:fit-content;overflow:visible}.section-container{display:flex;gap:4rem}.section__text__p1{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-secondary);margin-bottom:.4rem;text-align:center}html.dark .section__text__p1{color:var(--clr-primary);text-shadow:0 0 12px rgba(255,211,78,.5)}.title{font-family:var(--font-display);font-size:clamp(2.75rem,6vw,4.5rem);font-weight:700;color:var(--clr-text);text-align:center;margin-bottom:1rem;position:relative;display:block}.title:after{content:"";display:block;width:60%;height:4px;background:linear-gradient(90deg,var(--clr-primary),var(--clr-secondary));margin:.4rem auto 0;border-radius:var(--radius-pill)}html.dark .title{text-shadow:0 0 30px rgba(238,69,126,.25)}#profile{display:flex;justify-content:center;gap:4rem;height:80vh;align-items:center;position:relative;overflow:visible}#profile:before{content:"";position:absolute;inset:-40% -30%;background:var(--glow-hero);pointer-events:none;z-index:0}#profile>*{position:relative;z-index:1}.section__pic-container{height:380px;width:380px;margin:auto 0;border-radius:50%;overflow:hidden;border:3px solid var(--clr-border);box-shadow:var(--shadow-lg),0 0 0 6px var(--clr-surface);transition:box-shadow .35s ease}html.dark .section__pic-container{border-color:var(--clr-border);box-shadow:var(--shadow-lg),0 0 8px #ee457e1a}.section__pic-container img{width:100%;height:100%;object-fit:cover}.section__text{align-self:center;text-align:center}.section__text__p2{font-size:1.1rem;font-weight:500;color:var(--clr-text-2);margin-bottom:1rem}.status-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.25rem}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--clr-surface);border:2px solid var(--clr-border);border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;color:var(--clr-text);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:default}@media(hover:hover){.status-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--clr-primary)}html.dark .status-pill:hover{border-color:var(--clr-primary);box-shadow:var(--shadow-md)}}html.dark .status-pill{background:var(--clr-surface-2);border-color:var(--clr-border);color:var(--clr-text)}.badge-dot{width:8px;height:8px;border-radius:50%;background:#3fb950;box-shadow:0 0 0 3px #3fb95033;flex-shrink:0;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #3fb95033}50%{box-shadow:0 0 0 6px #3fb95014}}.status-label{font-weight:700;color:var(--clr-secondary)}#socials-container{display:flex;justify-content:center;margin-top:1rem;gap:1rem}#socials-container a{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:var(--radius-pill);background:var(--clr-surface);border:2px solid var(--clr-border);box-shadow:var(--shadow-sm)}@media(hover:hover){#socials-container a{transition:var(--transition)}#socials-container a:hover{background:var(--clr-primary);border-color:var(--clr-primary);transform:translateY(-3px) rotate(5deg);box-shadow:var(--shadow-md);text-decoration:none}html.dark #socials-container a:hover{background:var(--clr-secondary);border-color:var(--clr-secondary);box-shadow:var(--shadow-md)}}.icon{cursor:pointer;height:2rem}html.dark .icon,html.dark img[src*="linkedin.png"],html.dark img[src*="github.png"],html.dark img[src*="email.png"],html.dark img[src*="arrow.png"],html.dark img[src*="experience.png"],html.dark img[src*="education.png"],html.dark img[src*="checkmark.png"],html.dark img[src*="dmode_black.png"]{filter:invert(1)}.btn-container{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.05em;transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s var(--ease-out),box-shadow .22s var(--ease-out);padding:.8rem 1.4rem;width:9rem;border-radius:var(--radius-pill);cursor:pointer;text-align:center;position:relative;overflow:hidden}.btn-color-1{background:var(--clr-text);color:var(--clr-bg);border:2px solid var(--clr-text);box-shadow:var(--shadow-sm)}.btn-color-1:hover{background:var(--clr-secondary);border-color:var(--clr-secondary);color:var(--clr-on-accent);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}html.dark .btn-color-1{background:var(--clr-primary);color:var(--clr-bg-alt);border-color:var(--clr-primary);box-shadow:var(--shadow-sm)}html.dark .btn-color-1:hover{background:var(--clr-secondary);border-color:var(--clr-secondary);color:var(--clr-on-accent);box-shadow:var(--shadow-md)}.btn-color-2{background-color:transparent;color:var(--clr-text);border:2px solid var(--clr-border);box-shadow:var(--shadow-sm)}.btn-color-2:hover{background-color:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}html.dark .btn-color-2{border-color:var(--clr-border);color:var(--clr-text)}html.dark .btn-color-2:hover{background-color:#ffd34e1f;border-color:var(--clr-primary);color:var(--clr-primary)}.btn:focus-visible{outline:2px solid var(--clr-secondary);outline-offset:3px}.details-container{padding:1.5rem;flex:1;background:var(--clr-surface);border-radius:var(--radius-lg);border:2px solid var(--clr-border);box-shadow:var(--shadow-md);text-align:center}@media(hover:hover){.details-container{transition:transform .22s var(--ease-out),box-shadow .22s ease}.details-container:hover{transform:translate(-2px,-3px);box-shadow:var(--shadow-lg);border-color:var(--clr-primary)}html.dark .details-container:hover{box-shadow:var(--shadow-lg);border-color:var(--clr-primary)}}html.dark .details-container{background:var(--clr-surface);border-color:var(--clr-border)}.about-text{display:flex;flex-direction:column;gap:1.25rem;max-width:68ch;margin:2.5rem auto 0;text-align:left}.about-text p{font-size:1rem;color:var(--clr-text-2);line-height:1.85}#experience{padding-top:2.5rem;padding-bottom:2.5rem}.skills-domains{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2.5rem;border:2px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--clr-surface)}html.dark .skills-domains{background:var(--clr-surface);border-color:var(--clr-border)}.skills-domain{padding:1.75rem 2rem}.skills-domain+.skills-domain{border-left:2px solid var(--clr-border)}.skills-domain-header{display:flex;align-items:baseline;gap:.65rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:2px solid var(--clr-border)}.skills-domain-index{font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--clr-secondary);flex-shrink:0}html.dark .skills-domain-index{color:var(--clr-primary);text-shadow:0 0 8px rgba(255,211,78,.35)}.skills-domain-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--clr-text);text-transform:uppercase;letter-spacing:.06em;line-height:1.2;margin:0}.skills-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.skills-list li{font-size:.9rem;font-weight:500;color:var(--clr-text-2);line-height:1.35;padding-left:1rem;position:relative}.skills-list li:before{content:"—";position:absolute;left:0;color:var(--clr-text-3);font-weight:400}#contact{display:flex;justify-content:center;flex-direction:column;padding:4rem 0}.contact-info-upper-container{display:flex;justify-content:center;border-radius:var(--radius-lg);border:2px solid var(--clr-border);background:var(--clr-surface);box-shadow:var(--shadow-md);margin:2rem auto;padding:1rem 2rem;gap:1rem;transition:box-shadow .22s ease}.contact-info-upper-container:hover,html.dark .contact-info-upper-container:hover{box-shadow:var(--shadow-lg)}.contact-info-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem}.contact-info-container p{font-size:1rem}.contact-icon{cursor:default}.email-icon{height:2.5rem}.chip{display:inline-flex;align-items:center;padding:.3rem .85rem;font-size:.75rem;font-weight:600;font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--clr-surface);border:2px solid var(--clr-border);color:var(--clr-text-2);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.chip:hover{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.chip:focus-visible{outline:2px solid var(--clr-secondary);outline-offset:3px}html.dark .chip:hover{color:var(--clr-bg-alt)}footer{height:26vh;margin:0 1rem;border-top:2px solid var(--clr-border);background:var(--clr-bg-alt);display:flex;flex-direction:column;justify-content:center;align-items:center}footer nav{height:fit-content;position:static;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;margin-bottom:1rem}footer p{text-align:center;font-size:.9rem;color:var(--clr-text-3);font-family:var(--font-display)}.work-experience-containers{flex-direction:column;gap:1.5rem}.work-card{text-align:left;padding:1.75rem 2rem}.work-card-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.3rem}.work-title{font-family:var(--font-display);font-size:1.1rem;margin-bottom:0;color:var(--clr-text)}.work-date{font-size:.85rem;color:var(--clr-text-3);white-space:nowrap;font-family:var(--font-display)}.work-company{font-size:.95rem;font-weight:700;color:var(--clr-secondary);margin-bottom:.85rem}html.dark .work-company{color:var(--clr-primary)}.work-duties{padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.work-duties li{color:var(--clr-text-2);font-size:.92rem;line-height:1.6}section+section{position:relative}section+section:before{content:"✦";position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);font-size:1.2rem;color:var(--clr-primary);background:var(--clr-bg);padding:0 .5rem;z-index:1}html.dark section+section:before{color:var(--clr-secondary);background:var(--clr-bg);text-shadow:0 0 10px var(--clr-secondary)}#projects{padding-top:4rem;padding-bottom:4rem}.timeline{position:relative;margin-top:2.5rem;padding:1rem 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:linear-gradient(180deg,transparent 0%,var(--clr-border) 6%,var(--clr-border) 94%,transparent 100%);transform:translate(-50%);border-radius:var(--radius-pill)}html.dark .timeline:before{background:linear-gradient(180deg,transparent 0%,var(--clr-border) 6%,var(--clr-border) 94%,transparent 100%);box-shadow:0 0 8px #ee457e26}.timeline-row{display:grid;grid-template-columns:1fr 1.5rem 1fr;align-items:start;margin-bottom:2.5rem}.timeline-row:last-child{margin-bottom:0}.tl-col{min-width:0}.tl-col--left{padding-right:2.5rem}.tl-col--right{padding-left:2.5rem}.timeline-row--left .tl-col--left{text-align:right}.timeline-row--right .tl-col--right{text-align:left}.tl-center{display:flex;justify-content:center;padding-top:1.1rem;position:relative;z-index:2}.timeline-node-dot{display:block;width:1rem;height:1rem;border-radius:50%;background:var(--clr-primary);border:3px solid var(--clr-surface);box-shadow:0 0 0 2px var(--clr-border);transition:var(--transition)}html.dark .timeline-node-dot{background:var(--clr-secondary);box-shadow:0 0 0 2px var(--clr-border),0 0 10px #ee457e66}.timeline-card{background:var(--clr-surface);border:2px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem 1.75rem;transition:transform .22s var(--ease-out),box-shadow .22s ease,border-color .22s ease;max-width:100%}.timeline-card:hover{transform:translate(-2px,-3px);box-shadow:var(--shadow-lg);border-color:var(--clr-primary)}html.dark .timeline-card{background:var(--clr-surface);border-color:var(--clr-border)}html.dark .timeline-card:hover{box-shadow:var(--shadow-lg);border-color:var(--clr-primary)}.timeline-year{display:inline-block;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--clr-secondary);background:transparent;margin-bottom:.4rem}html.dark .timeline-year{color:var(--clr-primary);text-shadow:0 0 10px rgba(255,211,78,.4)}.timeline-card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--clr-text);margin-bottom:.5rem;line-height:1.3}.timeline-card-desc{font-size:.9rem;color:var(--clr-text-2);line-height:1.7;margin-bottom:.75rem}.timeline-card-desc:last-child{margin-bottom:0}.timeline-tags{display:flex;flex-wrap:wrap;gap:.4rem}.timeline-row--left .tl-col--left .timeline-tags{justify-content:flex-end}.timeline-row--right .tl-col--right .timeline-tags{justify-content:flex-start}.timeline-tags .chip{cursor:default;font-size:.7rem;padding:.2rem .7rem}.timeline-card{cursor:pointer}.timeline-card--expanded{border-color:var(--clr-primary);box-shadow:var(--shadow-lg)}html.dark .timeline-card--expanded{border-color:var(--clr-primary)}.timeline-node-dot--active{background:var(--clr-secondary);box-shadow:0 0 0 2px var(--clr-border),0 0 8px #ee457e4d;transform:scale(1.25)}html.dark .timeline-node-dot--active{background:var(--clr-primary);box-shadow:0 0 0 2px var(--clr-border),0 0 12px #ffd34e80}.timeline-card-expand-hint{margin-top:.75rem;opacity:.5;transition:opacity .2s ease}.timeline-card:hover .timeline-card-expand-hint,.timeline-card--expanded .timeline-card-expand-hint{opacity:1}.timeline-card-chevron{font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--clr-text-3);transition:color .2s ease}.timeline-card--expanded .timeline-card-chevron{color:var(--clr-secondary)}html.dark .timeline-card--expanded .timeline-card-chevron{color:var(--clr-primary)}.timeline-preview-wrapper{position:absolute;top:0;left:0;width:100%;z-index:50}.timeline-preview-panel{background:var(--clr-surface);border:2px solid var(--clr-primary);border-radius:var(--radius-lg);box-shadow:0 2px 10px #6446141a,0 8px 22px #64461412;padding:1.25rem 1.5rem;text-align:left}html.dark .timeline-preview-panel{background:var(--clr-surface-3);border-color:var(--clr-primary);box-shadow:0 4px 18px #0000006b,0 0 16px #ffd34e12}.timeline-preview-overview{font-size:.88rem;color:var(--clr-text-2);line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.timeline-preview-role{font-size:.88rem;color:var(--clr-text-2);line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.timeline-detail-panel{background:var(--clr-bg-alt);border:2px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem 1.75rem;text-align:left}html.dark .timeline-detail-panel{background:var(--clr-surface-2);border-color:var(--clr-border)}.timeline-detail-label{display:inline-block;font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-text-3);margin-bottom:.75rem}html.dark .timeline-detail-label{color:var(--clr-primary);opacity:.75}.timeline-detail-overview{font-size:.9rem;color:var(--clr-text-2);line-height:1.75;margin-bottom:1rem}.timeline-detail-section{margin-bottom:1rem}.timeline-detail-section-title{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-secondary);margin-bottom:.35rem}html.dark .timeline-detail-section-title{color:var(--clr-primary)}.timeline-detail-text{font-size:.88rem;color:var(--clr-text-2);line-height:1.7}.timeline-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.timeline-detail-list li{font-size:.88rem;color:var(--clr-text-2);line-height:1.6;padding-left:1.1rem;position:relative}.timeline-detail-list li:before{content:"›";position:absolute;left:0;color:var(--clr-secondary);font-weight:700}html.dark .timeline-detail-list li:before{color:var(--clr-primary)}.timeline-detail-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.timeline-detail-btn{display:inline-flex;align-items:center;padding:.4rem 1rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.06em;border-radius:var(--radius-pill);background:var(--clr-surface);border:2px solid var(--clr-border);color:var(--clr-text-2);text-decoration:none;transition:var(--transition);box-shadow:var(--shadow-sm)}.timeline-detail-btn:hover{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text);transform:translateY(-2px);box-shadow:var(--shadow-md)}.timeline-detail-btn:focus-visible{outline:2px solid var(--clr-secondary);outline-offset:3px}html.dark .timeline-detail-btn{background:var(--clr-surface);border-color:var(--clr-border);color:var(--clr-text-2)}html.dark .timeline-detail-btn:hover{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-text)}.timeline-detail-btn--muted{opacity:.5;cursor:default;pointer-events:none}@media screen and (max-width:1400px){#profile{height:83vh;margin-bottom:2rem}#contact{height:fit-content}}@media screen and (max-width:1200px){:root{--nav-height: 5rem}#desktop-nav{display:none}#hamburger-nav{display:flex}#experience{margin-top:2rem}#profile,.section-container{display:block}section,.section-container{height:fit-content}section{margin:0 5%;padding:2.5rem 0}.section__pic-container{width:275px;height:275px;margin:0 auto 2rem}section+section:before{display:none}.skills-domains{grid-template-columns:1fr}.skills-domain+.skills-domain{border-left:none;border-top:2px solid var(--clr-border)}.timeline:before{left:.5rem;transform:none}.timeline-row{display:flex;flex-direction:column;padding-left:2.5rem;position:relative}.tl-col--left,.tl-col--right{width:100%;padding:0;text-align:left}.timeline-row--right .tl-col--right{order:-1}.tl-center{position:absolute;left:0;top:1.1rem;padding:0;display:block}.timeline-row--left .tl-col--left .timeline-tags,.timeline-row--right .tl-col--right .timeline-tags{justify-content:flex-start}.timeline-detail-panel{margin-top:.75rem}}@media screen and (max-width:600px){#contact,footer{height:fit-content;padding:2rem 0}#profile{height:fit-content;padding:3rem 0;margin-bottom:0}article{font-size:1rem}footer nav{height:fit-content;margin-bottom:1rem}.contact-info-upper-container,.btn-container{flex-wrap:wrap}.contact-info-container{margin:0}.contact-info-container p,.nav-links li a{font-size:1rem}.skills-domain{padding:1.25rem}.logo{font-size:1.3rem}.nav-links{flex-direction:column;gap:.5rem;text-align:center}.section__pic-container{width:auto;height:46vw;justify-content:center}.section__text__p2{font-size:1rem}.title{font-size:2.8rem}#hamburger-nav{padding:.75rem 1rem}.hamburger-menu{gap:.5rem}.hamburger-menu .dark-mode-toggle{margin-right:0!important}.timeline-row{padding-left:2rem;margin-bottom:2rem}.timeline-card{padding:1.25rem;text-align:left!important}.timeline-card .timeline-year,.timeline-card .timeline-card-title,.timeline-card .timeline-card-desc,.timeline-card .timeline-card-expand-hint,.timeline-card .timeline-card-chevron{text-align:left!important}.timeline-card .timeline-tags,.timeline-row--left .tl-col--left .timeline-tags{justify-content:flex-start!important}.timeline-card-title{font-size:.95rem}.timeline-card-desc{font-size:.85rem}.timeline-detail-panel{padding:1.25rem}.timeline-detail-btn{font-size:.75rem;padding:.6rem 1.1rem;min-height:44px}}@media(min-width:1024px){.about-text p,.contact-info-container p{font-size:1.05rem;line-height:1.9}.btn{font-size:.95rem;padding:.95rem 1.8rem}.nav-links{font-size:1rem}}#about,#experience,#projects,#contact{scroll-margin-top:var(--nav-height)}.typewriter-cursor{display:inline-block;margin-left:1px;color:inherit;font-weight:inherit;opacity:1}.typewriter-cursor--blink{animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}#desktop-nav{animation:nav-enter .6s cubic-bezier(.22,1,.36,1) both}@keyframes nav-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.timeline-node-dot--active{animation:dot-ring-pulse 2s cubic-bezier(.45,0,.55,1) infinite}@keyframes dot-ring-pulse{0%,to{box-shadow:0 0 0 2px var(--clr-border),0 0 8px #ee457e4d}50%{box-shadow:0 0 0 2px var(--clr-border),0 0 18px #ee457ea6}}html.dark .timeline-node-dot--active{animation:dot-ring-pulse-dark 2s cubic-bezier(.45,0,.55,1) infinite}@keyframes dot-ring-pulse-dark{0%,to{box-shadow:0 0 0 2px var(--clr-border),0 0 12px #ffd34e73}50%{box-shadow:0 0 0 2px var(--clr-border),0 0 24px #ffd34ebf}}.timeline-card--expanded{transform:translate(-1px,-2px)}.article-container{display:flex;flex-direction:column;gap:.6rem}.article-container article{display:flex;align-items:center;gap:.6rem}@media(hover:hover){.article-container article{transition:transform .2s var(--ease-out),color .2s ease}.article-container article:hover{transform:translate(4px)}.article-container article:hover .skill-name{color:var(--clr-secondary)}html.dark .article-container article:hover .skill-name{color:var(--clr-primary)}}.skill-name{font-size:.9rem;font-weight:500;color:var(--clr-text-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}