/* Content remains readable without JavaScript or motion. */
.company-logo{display:flex;align-items:center;margin-bottom:26px;min-height:52px}.aumovio-logo{background:white;border-radius:6px;padding:10px 12px;width:100%;max-width:226px}.aumovio-logo img{display:block;width:100%;height:auto}.dongchedi-logo img{display:block;width:52px;height:52px;border-radius:10px;image-rendering:auto}.company-logo img{transition:transform .35s}.experience:hover .company-logo img{transform:translateY(-2px)}
header{transition:box-shadow .3s}body.is-scrolled header{box-shadow:0 6px 25px #163c3010}nav>div a{position:relative;text-decoration:none!important}nav>div a:after{content:'';position:absolute;height:2px;background:var(--green);left:0;right:0;bottom:-6px;transform:scaleX(0);transform-origin:left;transition:transform .35s}nav>div a:hover:after,nav>div a.active:after{transform:scaleX(1)}
.hero h1>span{display:table;position:relative}.hero h1>span:after{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:8px;background:#c7dca0;z-index:-1;transform:rotate(-2deg)}
.profile{position:relative;isolation:isolate;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s,box-shadow .35s;overflow:hidden}.profile:before{content:'';position:absolute;inset:0;background:radial-gradient(340px circle at var(--mx,50%) var(--my,25%),#ffffff95,transparent 75%);pointer-events:none;z-index:-1}.profile:hover{box-shadow:16px 22px 38px #163c3015}.profile .monogram{transition:transform .45s;transform:translate(var(--tx,0px),var(--ty,0px))}.profile-switch{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0 10px}.profile-switch button{border:1px solid #bdcdb5;background:transparent;padding:6px 13px;border-radius:30px;font-size:12px;transition:.25s}.profile-switch button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.profile-insight{font-size:13px;min-height:80px;line-height:1.8;margin:12px 0 0;color:#375648}.profile-insight strong{display:block;margin-bottom:4px;font-size:14px}
.motion-toggle{background:transparent;border:1px solid var(--line);border-radius:30px;padding:7px 11px;font-size:12px;white-space:nowrap}.motion-toggle:hover{background:#e6ece0}.motion-toggle[aria-pressed=false]{color:var(--muted)}
.experience{transition:border-color .3s,box-shadow .3s}.experience:hover{border-color:#9cb29e;box-shadow:0 10px 28px #183a3008}.experience>aside{position:relative}.experience>aside:after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green);transform:scaleY(0);transform-origin:top;transition:transform .6s}.experience:hover>aside:after{transform:scaleY(1)}.aumovio>aside:after{background:#624075}.experience-controls{display:flex;justify-content:flex-end;margin:-8px 0 20px}.experience-controls button{font-size:13px;background:none;border:0;border-bottom:1px solid #aebbb0;color:var(--green);padding:4px 0}.details-content{overflow:hidden}summary:after{transition:transform .3s;content:'+'!important}details[open]>summary:after{transform:rotate(45deg)}summary:hover{color:var(--green)}
.metrics strong{font-variant-numeric:tabular-nums}.metrics>div{padding-left:10px;border-left:2px solid #d6e1ca;transition:background .25s,border-color .25s}.metrics>div:hover{border-color:var(--green);background:#f4f7ee}.school{transition:transform .3s}.school:hover{transform:translateX(8px)}.project .visual{position:relative;overflow:hidden}.project .visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),#ffffff20,transparent 80%);opacity:0;transition:opacity .3s}.project:hover .visual:after{opacity:1}.visual h3{transition:transform .45s}.project:hover .visual h3{transform:translateY(-4px)}.radar h3>span{display:inline-block;transition:transform .4s}.project:hover .radar h3>span{transform:translate(5px,-5px)}.project-link>span{transition:transform .3s}.project-link:hover>span{transform:translate(4px,-4px)}.workflow span{transition:background .3s,border-color .3s}.project:hover .workflow span{background:#ffffff16;border-color:#b9d28e}.project:hover .workflow span:nth-of-type(2){transition-delay:.12s}.project:hover .workflow span:nth-of-type(3){transition-delay:.24s}.toolkit article{transition:background .25s,transform .25s}.toolkit article:hover{background:#edf1e8;transform:translateY(-5px)}.honors>div{transition:background .25s,padding-left .25s}.honors>div:hover{background:#eaf0e4;padding-left:10px}
.btn{position:relative;overflow:hidden;isolation:isolate}.click-wave{position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;animation:click-wave .6s ease-out forwards}@keyframes click-wave{0%{opacity:.18;transform:scale(0)}100%{opacity:0;transform:scale(25)}}
.reading-dock{position:fixed;bottom:24px;right:24px;z-index:12;display:flex;align-items:center;gap:12px;background:#fffefa;box-shadow:0 7px 28px #163c301c;border:1px solid var(--line);padding:9px 12px;border-radius:40px}.reading-dock[hidden]{display:none}.reading-dock a{display:grid;place-items:center;width:33px;height:33px;background:var(--green);color:white;border-radius:50%;font-size:18px}.reading-dock span{font-size:12px;color:var(--green);min-width:80px}.reading-dock .reading-percent{font-variant-numeric:tabular-nums;min-width:30px;color:var(--muted)}
@media(max-width:950px){nav>div{gap:15px}.profile-switch button{padding:6px 10px}.logo small{display:none}}
@media(max-width:650px){nav{position:relative}nav>div{order:3}.motion-toggle{font-size:11px;padding:4px 8px}.reading-dock{right:12px;bottom:12px;padding:5px 9px;gap:7px}.reading-dock span{min-width:65px}.reading-dock a{width:30px;height:30px}.experience-controls{justify-content:flex-start}.hero h1>span:after{height:6px}.contact{padding-bottom:100px}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important}body.motion-off .profile,body.motion-off .monogram{transform:none!important}html:has(body.motion-off){scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.profile,.profile .monogram{transform:none!important}}
@media print{.motion-toggle,.experience-controls,.profile-switch,.reading-dock{display:none!important}*,*:before,*:after{animation:none!important;transform:none!important}.details-content{height:auto!important;opacity:1!important}}