.about-copy .about-statement{font-size:clamp(22px,2.25vw,35px);line-height:1.65}.about-copy>p:not(.about-statement){max-width:78ch}.about-copy .text-button{color:var(--accent);margin-top:10px}.ai-toolkit{padding:48px 0 38px;border-top:1px solid #303030;margin-top:45px}.ai-toolkit-head{position:relative}.ai-toolkit-head .editorial-heading{margin-bottom:28px}.ai-toolkit-head .editorial-heading>span{font-size:clamp(62px,7vw,105px)}.ai-toolkit-head .editorial-heading h2{font-size:25px}.ai-toolkit-head .editorial-heading p{font-size:10px;letter-spacing:1px}.ai-tool-navigation{display:flex;gap:10px;position:absolute;right:0;bottom:5px}.ai-tool-navigation button{display:grid;place-items:center;border:1px solid #494949;border-radius:50%;width:36px;height:36px;padding:8px;color:#ccc;transition:background .18s,color .18s}.ai-tool-navigation svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.ai-tool-navigation button:hover:not(:disabled){background:var(--accent);color:#000}.ai-tool-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:15px 5px 24px;scrollbar-width:thin;scrollbar-color:#b94a40 #252525}.ai-tool{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;gap:14px;scroll-snap-align:start;padding:0;color:#bcbcc1;transition:color .2s}.ai-tool>span:last-child{font-size:11px;white-space:nowrap}.ai-tool-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;box-shadow:0 0 0 5px #252525;transition:transform .3s var(--ease),box-shadow .25s;background-image:url(assets/profile/tool-icons.webp);background-repeat:no-repeat;background-size:673.3813% 874.8201%;font-size:24px;font-weight:500}.ai-tool:hover{color:white}.ai-tool:hover .ai-tool-icon{transform:translateY(-5px)}.ai-tool.selected{color:var(--accent)}.ai-tool.selected .ai-tool-icon{box-shadow:0 0 0 5px #903c34}.icon-codex{background-image:url(assets/profile/codex.webp);background-size:cover;background-position:center;background-color:#fff}.icon-shadowrocket{background-position:22.71% 39.09%}.icon-claude{background-position:49.44% 39.09%}.icon-grok{background-position:76.16% 39.09%}.icon-gemini{background-position:22.71% 60.63%}.icon-muse{background-position:49.44% 60.63%}.icon-kimi{background-position:76.16% 60.63%}.icon-workbuddy{background-position:22.71% 81.99%}.icon-chatgpt{background-position:49.44% 81.99%}.icon-discord{background-position:76.16% 81.99%}.icon-mj,.icon-sd{background-image:none;background-color:#e9e7e1;color:#101010}.icon-sd{background-color:#232323;color:white}.ai-tool-detail{display:grid;grid-template-columns:1fr 1.25fr;gap:45px;padding:32px 0 5px;align-items:center}.ai-tool-feature{display:flex;gap:25px;align-items:center}.ai-tool-feature>img{width:160px;height:143px;object-fit:cover;border-radius:10px}.ai-tool-feature>div>p{font-size:10px;color:var(--accent);margin-bottom:10px}.ai-tool-feature h3{font-size:clamp(30px,3.5vw,54px);font-weight:400;letter-spacing:-.04em;line-height:1.1;overflow-wrap:anywhere}.ai-tool-feature>div>span{font-size:8px;color:#aaa;letter-spacing:1px;display:block;margin-top:14px}.ai-tool-feature .feature-symbol{width:125px;height:125px;flex-shrink:0}.ai-tool-description h4{font-size:22px;font-weight:400;line-height:1.5;margin:0 0 13px;letter-spacing:-.02em}.ai-tool-description>p{font-size:12px;color:#b7b7bf;line-height:1.9;max-width:70ch}.ai-tool-description .text-button{color:var(--accent);font-size:11px;margin-top:10px}.ai-tool-description svg{width:19px;height:19px}.about-bottom{margin-top:25px}@media(max-width:767px){.about-copy .about-statement{font-size:22px}.ai-toolkit{margin-top:28px;padding-top:30px}.ai-toolkit-head .editorial-heading>span{font-size:53px}.ai-toolkit-head .editorial-heading h2{font-size:21px}.ai-toolkit-head .editorial-heading p{font-size:8px;letter-spacing:0}.ai-tool-navigation{position:static;justify-content:end;margin:-10px 0 8px}.ai-tool-navigation button{width:30px;height:30px;padding:5px}.ai-tool-track{gap:12px;padding-bottom:20px}.ai-tool{flex-basis:90px;gap:13px}.ai-tool-icon{width:66px;height:66px}.ai-tool>span:last-child{font-size:9px}.ai-tool-detail{display:block;padding-top:25px}.ai-tool-feature{gap:20px}.ai-tool-feature>img{width:120px;height:107px}.ai-tool-feature h3{font-size:34px}.ai-tool-description{margin-top:25px}.ai-tool-description h4{font-size:20px}.ai-tool-description>p{font-size:11px}.ai-tool-feature .feature-symbol{width:100px;height:100px}.ai-toolkit-head .editorial-heading{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.ai-tool-icon,.ai-tool{transition:none}.ai-tool:hover .ai-tool-icon{transform:none}}
/* Detailed experience in a full-width editorial timeline. */
.about-bottom{grid-template-columns:1fr;gap:45px}
.experience-section{width:100%;min-width:0;scroll-margin-top:110px}
.experience-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px}
.about-bottom .experience-heading h3{font-size:25px;margin:0;color:#f3f1ee}
.experience-heading>span{font-family:"Space Grotesk",sans-serif;font-size:14px;letter-spacing:.04em;color:#aaa}
.career-entry{display:grid;grid-template-columns:190px minmax(0,1fr);gap:35px;padding:30px 0;border-top:1px solid #333}
.career-entry>time{font-family:"Space Grotesk",sans-serif;font-size:13px;line-height:2;color:#bbb}
.career-body header{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap}
.career-body h4{font-size:23px;line-height:1.5;font-weight:500;margin:0}
.career-body header>span{font-size:13px;color:#ff5749}
.career-projects{font-size:12px;line-height:1.8;color:#aaa;margin:9px 0 14px}
.career-body ul{list-style:none;padding:0;margin:0;max-width:80ch;display:grid;gap:8px}
.career-body li{font-size:13px;line-height:1.95;color:#bcbcbc}
.career-body li strong{font-weight:500;color:#eee}
@media(max-width:767px){.experience-heading{display:block}.experience-heading>span{display:block;font-size:11px;margin-top:9px}.about-bottom .experience-heading h3{font-size:23px}.career-entry{grid-template-columns:1fr;gap:12px;padding:25px 0}.career-entry>time{font-size:11px}.career-body h4{font-size:21px}.career-body header{gap:8px 18px}.career-body header>span{font-size:12px}.career-projects{font-size:11px}.career-body li{font-size:12px;line-height:1.9}.experience-section{scroll-margin-top:85px}}

/* Work experience: typographic hierarchy and progressive disclosure. */
.experience-editorial{padding-top:35px}
.career-title{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}
.about-bottom .career-title h3{margin:0;display:flex;align-items:flex-end;gap:32px}
.career-title h3>span:first-child{font-family:"Space Grotesk",sans-serif;font-size:clamp(48px,5.9vw,85px);font-weight:400;letter-spacing:-.04em;line-height:.97;color:#f1efeb}
.career-title .career-period{color:#ff5749}
.career-title .career-title-cn{font-size:21px;font-weight:400;letter-spacing:.08em;line-height:1.6;color:#f1efeb;padding-bottom:4px;white-space:nowrap}
.career-title>p{font-size:13px;line-height:1.9;color:#aaa;flex-shrink:0;padding-bottom:4px}
.experience-editorial .career-entry{display:block;border-top:1px solid #3a3a3a;padding:0;transition:border-color .25s}
.experience-editorial .career-entry:last-child{border-bottom:1px solid #3a3a3a}
.career-entry>summary{display:grid;grid-template-columns:190px minmax(0,1fr) 40px;align-items:center;gap:35px;cursor:pointer;padding:28px 0;list-style:none}
.career-entry>summary::-webkit-details-marker{display:none}
.career-entry>summary>time{font-family:"Space Grotesk",sans-serif;font-size:12px;line-height:1.8;color:#aaa;align-self:center}
.career-discipline{display:block;font-family:"Space Grotesk",sans-serif;font-size:10px;letter-spacing:.13em;line-height:1.5;color:#999;margin-bottom:8px}
.career-identity .career-name{display:inline-block;font-size:clamp(26px,2.7vw,38px);line-height:1.4;font-weight:400;letter-spacing:-.02em;margin:0 24px 0 0;color:#f1efeb;transition:color .2s}
.career-role{font-size:13px;line-height:1.6;color:#aaa;display:inline-block}
.career-toggle{display:grid;place-items:center;width:36px;height:36px;color:#a5a5a5;transition:color .2s,transform .3s}
.career-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round}
.career-entry[open] .career-plus{display:none}
.career-entry[open] .career-discipline,.career-entry[open] .career-toggle{color:#ff5749}
.career-entry>summary:hover .career-name{color:#ff5749}
.career-entry>summary:hover .career-toggle{color:#ff5749;transform:rotate(90deg)}
.career-entry>summary:focus-visible{outline:1px solid #ff5749;outline-offset:7px}
.experience-editorial .career-body{margin-left:225px;padding:0 0 33px;max-width:850px}
.experience-editorial .career-projects{font-size:12px;letter-spacing:.025em;line-height:1.8;color:#aaa;margin:0 0 22px}
.experience-editorial .career-body ul{max-width:74ch;gap:19px}
.experience-editorial .career-body li{font-size:14px;line-height:1.85;display:grid;grid-template-columns:135px minmax(0,1fr);gap:18px}
.experience-editorial .career-body li strong{font-size:12px;font-weight:400;color:#f1efeb;padding-top:2px}
.experience-editorial .career-body li p{font-size:14px;line-height:1.85;color:#b6b6b6;margin:0}
.career-footnote{display:flex;justify-content:space-between;gap:20px;color:#999;font-size:10px;line-height:1.8;margin-top:18px}
.career-footnote>span{font-family:"Space Grotesk",sans-serif;font-size:9px;letter-spacing:.1em}
@media(max-width:1000px){.career-title{align-items:flex-start}.career-title>p{display:none}.career-title h3{flex-wrap:wrap}.career-entry>summary{grid-template-columns:150px minmax(0,1fr) 30px;gap:20px}.experience-editorial .career-body{margin-left:170px}.career-identity .career-name{font-size:30px}.career-role{font-size:12px}.experience-editorial .career-body li{grid-template-columns:1fr;gap:3px}}
@media(max-width:767px){.experience-editorial{padding-top:10px}.career-title{margin-bottom:30px}.about-bottom .career-title h3{display:block}.career-title h3>span:first-child{display:block;font-size:clamp(42px,11vw,68px)}.career-title .career-title-cn{display:block;font-size:17px;letter-spacing:.12em;margin-top:20px;padding:0}.career-entry>summary{grid-template-columns:minmax(0,1fr) 28px;gap:10px;padding:24px 0}.career-entry>summary>time{grid-column:1/-1;font-size:10px}.career-discipline{font-size:9px;margin-bottom:6px}.career-identity .career-name{display:block;font-size:28px;margin:0 0 8px}.career-role{display:block;font-size:12px}.career-toggle{width:28px;height:28px}.experience-editorial .career-body{margin-left:0;padding-bottom:27px}.experience-editorial .career-projects{font-size:11px;margin-bottom:23px}.experience-editorial .career-body ul{gap:18px}.experience-editorial .career-body li p{font-size:13px;line-height:1.9}.experience-editorial .career-body li strong{font-size:12px}.career-footnote{font-size:10px}.career-footnote>span{display:none}}
