.experience-page{background:#101215;min-height:100svh;display:flex;flex-direction:column}
.experience-page .header{width:min(1200px,100%);height:100px;flex-shrink:0}
.experience-main{width:min(1080px,100%);padding-top:60px;padding-bottom:100px;flex:1}
.experience-heading{max-width:720px;margin-bottom:46px}
.experience-reveal{transition:opacity .45s cubic-bezier(.2,.65,.3,1) var(--experience-reveal-delay,0ms),transform .45s cubic-bezier(.2,.65,.3,1) var(--experience-reveal-delay,0ms)}
.experience-reveal-pending{opacity:0;transform:translateY(16px)}
.experience-reveal:focus-within{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.experience-reveal{opacity:1;transform:none;transition:none}}
.experience-heading h1{font-size:52px;line-height:1.2;font-weight:400;letter-spacing:-.045em;margin:0 0 18px}
.experience-intro{font-size:14px;line-height:1.9;color:#959da9;margin:0}
.experience-history{border-top:1px solid #ffffff14;padding-top:40px}
.experience-empty{display:flex;align-items:center;gap:12px;padding:0 0 34px;color:#858e9d}
.experience-empty p{font-size:12px;line-height:1.8;margin:0}
.experience-empty-dot{width:5px;height:5px;border-radius:50%;background:#8193ad;flex-shrink:0}
.experience-list{list-style:none;padding:0;margin:0}
.experience-entry{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr);gap:56px;padding:0 0 52px}
.experience-entry:last-child{padding-bottom:0}
.experience-entry:before{content:"";position:absolute;left:194px;top:12px;width:9px;height:9px;border-radius:50%;background:#a2badc;box-shadow:0 0 0 5px #101215;z-index:1}
.experience-dates{font:11.5px/1.8 var(--mono);color:#9ba6b7;white-space:nowrap;margin:5px 0 0}
.experience-dates>span{color:#59677b}
.experience-entry-body{min-width:0;max-width:660px}
.experience-company-name,:lang(zh-Hant) .experience-company-name{font-size:25px;line-height:1.4;font-weight:400;letter-spacing:-.02em;margin:0 0 7px;color:#e3e8f0}
.experience-role{font-size:14px;line-height:1.75;color:#bbc5d4;margin:0}
.experience-team{font-size:12px;line-height:1.7;color:#818d9f;margin:5px 0 0}
.experience-skills{display:flex;flex-wrap:wrap;gap:7px 16px;list-style:none;padding:0;margin:16px 0 18px;font-size:11px;line-height:1.7;color:#9eb7da}
.experience-summary,.experience-achievements{font-size:14px;line-height:1.95;color:#a6afbd}
.experience-summary{margin:0 0 16px}
.experience-achievements{margin:0;padding-left:17px}.experience-achievements li+li{margin-top:9px}.experience-achievements li::marker{color:#5d6e85}
.experience-page .footer{width:min(1080px,100%);border-color:#ffffff10;color:#757f8c;flex-shrink:0}
.experience-page .footer .experience-home{font-size:10px;color:#98a7bc}
@media(max-width:700px){
 .experience-page .header{height:92px}.experience-main{padding:36px 26px 64px}.experience-heading{margin-bottom:34px}.experience-heading h1{font-size:40px}.experience-intro{font-size:13px}
 .experience-history{padding-top:28px}.experience-entry{grid-template-columns:minmax(0,1fr);gap:13px;padding:0 0 40px 27px}.experience-entry:before{left:0;top:12px}
 .experience-dates{font-size:11px;line-height:32px;margin:0}.experience-company-name,:lang(zh-Hant) .experience-company-name{font-size:22px}.experience-role{font-size:13px}.experience-team{font-size:11px}
 .experience-skills{font-size:10.5px;gap:7px 14px;margin:14px 0 16px}.experience-summary,.experience-achievements{font-size:13px;line-height:1.95}.experience-page .footer{padding-left:26px;padding-right:26px}
}
@media(max-width:360px){.experience-main{padding-left:22px;padding-right:22px}.experience-heading h1{font-size:36px}}

.experience-entry-meta{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.experience-logo{display:block;width:128px;height:48px;object-fit:contain;object-position:left center;max-width:100%}.experience-logo-monochrome{filter:brightness(0) invert(1)}
@media(max-width:700px){.experience-entry-meta{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.experience-logo{width:80px;height:32px;object-position:right center}}

.experience-logo-link{display:inline-flex;align-items:center;flex:0 0 auto;max-width:100%;outline-offset:6px;transition:opacity .18s}.experience-logo-link:hover{opacity:.8}
.experience-company-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px;margin-bottom:7px}.experience-company-heading .experience-company-name{margin:0}.experience-location{font:11px/1.8 var(--mono);color:#8896a9;white-space:nowrap}
.experience-entry[data-experience-id="bravier"] .experience-logo-link{position:relative;display:block;width:64px;aspect-ratio:1197/1569;overflow:hidden}
.experience-entry[data-experience-id="bravier"] .experience-logo{position:absolute;left:-36.4244%;top:-16.9535%;width:171.0109%;height:auto;max-width:none}
@media(max-width:700px){.experience-entry[data-experience-id="bravier"] .experience-logo-link{width:37.333px}}

.experience-domain-group{margin-top:20px}
.experience-domain-group>.experience-summary{margin-bottom:20px}
.experience-domains{list-style:none;padding:0;margin:0}
.experience-domains>li+li{margin-top:2px}
.experience-disclosure>summary{list-style:none;cursor:pointer;color:#c5cfdd}
.experience-disclosure>summary::-webkit-details-marker{display:none}
.experience-disclosure>summary:hover .experience-domain-name{color:#e3edfc}
.experience-disclosure>summary:focus-visible{outline:2px solid #a2badc;outline-offset:4px;border-radius:2px}
.experience-domain-summary{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:7px 0}
.experience-domain-name{display:block;white-space:nowrap;font-size:13px;line-height:1.6;color:#c5cfdd}
.experience-domain-skills{font-size:11px;line-height:1.7;color:#9eb7da;overflow-wrap:anywhere}
.experience-disclosure-panel{padding:5px 0 20px}
.experience-disclosure-panel .experience-achievements{padding-left:17px}
.experience-domain[open]>.experience-disclosure-panel{animation:experience-domain-enter .26s cubic-bezier(.2,.65,.3,1) both}
@keyframes experience-domain-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@supports (interpolate-size:allow-keywords) and selector(details::details-content){
 .experience-domain{interpolate-size:allow-keywords}
 .experience-domain::details-content{block-size:0;overflow:clip;transition:block-size .28s cubic-bezier(.2,.65,.3,1),content-visibility .28s allow-discrete}
 .experience-domain[open]::details-content{block-size:auto}
}
@media(prefers-reduced-motion:reduce){
 .experience-domain[open]>.experience-disclosure-panel{animation:none}
 .experience-domain::details-content{transition:none}
}
@media(hover:hover) and (pointer:fine){.experience-disclosure>summary{cursor:default}}
@media(max-width:700px){
 .experience-domain-group{margin-top:17px}
 .experience-domain-summary{padding-top:7px;padding-bottom:7px}
 .experience-domain-name{font-size:13px}
 .experience-domain-skills{font-size:10.5px;line-height:1.7}
 .experience-disclosure-panel{padding-top:5px;padding-bottom:18px}
}
@media(max-width:360px){.experience-domain-name{font-size:12px}}