/* Editorial type pass. Scene playback, image assets and pointer effects are preserved. */
:root{--text-inset:clamp(56px,7.1vw,144px);--reading-color:#d5d4ce}
.screen{container-type:normal;pointer-events:none;max-height:calc(100svh - 220px);scrollbar-width:thin;scrollbar-color:#737568 transparent;overscroll-behavior:contain}
.screen{visibility:hidden}.screen.is-active{pointer-events:auto;visibility:visible}.panel-showing .screen{visibility:hidden}
.screen-name,.screen-en,.screen-title{mix-blend-mode:normal;color:var(--text-primary);text-shadow:0 2px 24px #05050650}
.screen-eyebrow{font-size:12px;font-weight:400;letter-spacing:.16em;gap:16px;line-height:1.5;margin:0 0 26px}
.screen-eyebrow:after{display:none}
.screen-index{color:var(--accent);padding-right:16px;border-right:1px solid #d9df7240}
.screen-en{font-size:clamp(44px,4.3vw,76px);font-weight:400;letter-spacing:-.035em;line-height:1.12;margin:0 0 18px}
.screen[data-screen="1"]{left:var(--text-inset);bottom:clamp(132px,18vh,206px);width:40vw;display:flex;flex-direction:column;align-items:flex-start;overflow:visible}
.screen[data-screen="1"] .screen-eyebrow{order:-1;margin:0 0 34px}
.screen-name{font-size:clamp(100px,10.2vw,184px);line-height:1.08;letter-spacing:.07em;margin:0 0 18px}
.screen-sub{font-family:var(--font-ui);font-size:14px;line-height:1.6;letter-spacing:.32em;margin:0 0 34px;color:#cecec5}
.screen-tags{font-size:14px;letter-spacing:.07em;line-height:1.6;color:#c4c4bb}
.screen-tags span{padding:0 18px}
.screen[data-screen="2"]{left:var(--text-inset);top:clamp(150px,23vh,248px);bottom:auto;width:min(35vw,550px);overflow:auto;padding-right:8px}
.screen-summary{font-family:var(--font-display-cn);font-size:clamp(23px,1.75vw,32px);line-height:1.65;letter-spacing:.015em;color:var(--text-primary);margin:0 0 24px;text-wrap:pretty;text-shadow:0 2px 18px #05050680}
.screen-body{font-size:16px;line-height:1.95;letter-spacing:.025em;margin:0 0 20px;color:var(--reading-color);text-wrap:pretty;text-shadow:0 1px 12px #050506aa}
.screen-body.is-muted{color:#b7b8b1}
.hero[data-screen="2"]{--scrim-side:.78}
.screen[data-screen="3"]{left:auto;right:var(--text-inset);top:clamp(130px,16.5vh,182px);bottom:auto;width:min(53vw,900px);text-align:left;overflow:auto;padding-right:8px}
.screen[data-screen="3"] .screen-en{font-size:clamp(42px,4.2vw,72px)}
.screen[data-screen="3"] .screen-eyebrow{flex-direction:row;margin-bottom:28px}
.exp-list{display:block}
.exp-item{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.3fr);column-gap:clamp(24px,2.5vw,48px);padding:22px 0;border-top:1px solid #eceae42b}
.exp-head{display:flex;flex-direction:column;gap:9px;margin:0;align-items:flex-start}
.screen .exp-company{font-family:var(--font-ui);font-size:18px;font-weight:500;line-height:1.55;letter-spacing:0;color:var(--text-primary);text-wrap:balance}
.screen .exp-date{order:-1;font-size:12px;letter-spacing:.08em;margin:0 0 4px;color:#a9aba4}
.screen .exp-role{font-size:13px;line-height:1.5;letter-spacing:.06em;color:var(--accent)}
.screen .exp-points{display:block;font-size:14px;line-height:1.85;letter-spacing:.015em;color:var(--reading-color)}
.exp-points li{padding-left:0;margin:0 0 8px}.exp-points li:last-child{margin-bottom:0}.exp-points li:before{display:none}
.exp-en{display:none}
.hero[data-screen="3"]{--scrim-side-2:.82}
.intro-panel{left:auto;right:var(--text-inset);bottom:clamp(140px,21vh,230px);width:min(43vw,660px)}
.intro-panel .screen-eyebrow{margin-bottom:30px}
.intro-lead{font-size:clamp(26px,2.1vw,38px);line-height:1.65;letter-spacing:.015em;margin-bottom:26px;text-wrap:pretty}
.intro-copy{font-size:16px;line-height:1.95;color:#c0c1b8;max-width:520px}.intro-enter{font-size:13px}
.hero.panel-showing{--scrim-side:0;--scrim-side-2:.82}
/* Move text off the decorative left rail; keep a common content baseline. */
.hud-readout{bottom:104px}
@media(min-width:1101px) and (max-height:850px){
 .screen[data-screen="1"]{bottom:140px}.screen-name{font-size:clamp(96px,9vw,144px)}
 .screen[data-screen="1"] .screen-eyebrow{margin-bottom:22px}.screen-sub{margin-bottom:24px}
 .screen[data-screen="2"]{top:140px;width:min(37vw,550px)}
 .screen[data-screen="3"]{top:126px;width:56vw;max-height:calc(100svh - 225px)}
 .screen-en,.screen[data-screen="3"] .screen-en{font-size:46px;margin-bottom:12px}
 .screen-summary{font-size:24px;margin-bottom:16px}.screen-body{margin-bottom:16px;line-height:1.85}
 .screen[data-screen="3"] .screen-eyebrow{margin-bottom:18px}.exp-item{padding:16px 0;column-gap:22px}
 .screen .exp-company{font-size:16px}.screen .exp-points{font-size:14px;line-height:1.7}
 .intro-panel{bottom:135px}
}
@media(max-width:1100px){
 :root{--text-inset:clamp(28px,6vw,64px)}
 .screen[data-screen="1"]{left:var(--text-inset);right:var(--text-inset);width:auto;bottom:150px}
 .screen-name{font-size:clamp(90px,14vw,140px)}
 .screen[data-screen="2"],.screen[data-screen="3"]{left:var(--text-inset);right:var(--text-inset);width:auto;top:auto;bottom:135px;max-height:calc(100svh - 270px);padding-right:12px}
 .screen[data-screen="2"]{max-width:600px}.screen-summary{font-size:26px}.screen-body{font-size:16px}
 .screen-en,.screen[data-screen="3"] .screen-en{font-size:48px}
 .exp-item{grid-template-columns:minmax(170px,.8fr) 1.5fr;padding:18px 0;gap:20px}
 .screen .exp-company{font-size:17px}.screen .exp-points{font-size:14px}
 .readability-layer .scrim-bottom{background:linear-gradient(180deg,transparent 8%,#05050699 40%,#050506e6 100%)}
 .intro-panel{left:var(--text-inset);right:var(--text-inset);width:auto;max-width:660px;bottom:150px}
}
@media(max-width:700px){
 .screen[data-screen="1"]{bottom:160px}.screen[data-screen="1"] .screen-eyebrow{margin-bottom:22px}
 .screen-name{font-size:104px}.screen-sub{font-size:12px;letter-spacing:.24em;margin:0 0 26px}
 .screen-eyebrow{font-size:12px;margin-bottom:22px}.screen-tags{font-size:13px;letter-spacing:.03em}.screen-tags span{padding:0 12px}
 .screen[data-screen="2"],.screen[data-screen="3"]{bottom:145px;max-height:calc(100svh - 265px);padding-right:8px}
 .screen-en,.screen[data-screen="3"] .screen-en{font-size:38px;margin-bottom:14px}
 .screen-summary{font-size:23px;line-height:1.6}.screen-body{font-size:16px;line-height:1.9}
 .exp-item{grid-template-columns:1fr;gap:14px;padding:20px 0}.exp-head{gap:6px}
 .screen .exp-company{font-size:18px}.screen .exp-points{font-size:15px;line-height:1.85}.screen .exp-date{font-size:12px}
 .intro-panel{bottom:150px;max-height:calc(100svh - 265px);overflow:auto}.intro-lead{font-size:25px}.intro-copy{font-size:16px}
 .hero-footer{bottom:20px;left:var(--text-inset);right:var(--text-inset);display:grid;grid-template-columns:1fr auto;gap:14px}
 .hero-caption{grid-column:1/-1;max-width:none;font-size:11px}.sequence-hud{justify-content:flex-start}.intro-control{justify-self:end}
}

/* ================= 2026-09-22：首页第 3 屏"工作经历"整体放大 =================
   用户反馈（看 1920×1080 截图）："这里的整体文案大一点，现在太小了，缩在右上角。"
   实测（1920×1080）：面板 900×588，而公司名只有 18px、岗位 13px、要点 14px，
   内容只占面板宽度的一半、高度也用不到一半 —— 所以看着缩在右上角。
   ⚠️ 必须写在 typography.css **最末尾**：这一屏的字号散落在 screens.css（特异度低）
   与本文件前面几个媒体查询里（`.screen .exp-company` 那几处），
   靠"后写 + 不加媒体查询"来覆盖；**不要**回头去改 screens.css 那几行，两边会打架。
   ⚠️ 但末尾这几条是**无条件**的，会盖掉前面 max-width:700px 里的窄屏值，
      所以下面再补一段窄屏覆盖。改这一块时两段一起看。
   ⚠️ 只调字号、列比例与面板上边距，**不动**序列帧、面板位置与滚动逻辑。 */
.screen .exp-company{font-size:clamp(19px,1.25vw,24px);font-weight:600;line-height:1.45}
.screen .exp-role{font-size:clamp(13px,0.85vw,16px);letter-spacing:.08em}
.screen .exp-date{font-size:clamp(12px,0.78vw,14px)}
.screen .exp-points{font-size:clamp(14.5px,0.95vw,17.5px);line-height:1.9}
/* 左列（日期/公司/岗位）原来约 340px、公司名要折两行；给它多一点，右列跟着变宽 */
.exp-item{grid-template-columns:minmax(200px,1fr) minmax(0,1.18fr);column-gap:clamp(28px,3vw,60px);padding:clamp(20px,2.4vh,30px) 0}
.exp-head{gap:clamp(8px,1vh,12px);margin-bottom:clamp(10px,1.4vh,16px)}
.screen[data-screen="3"]{top:clamp(112px,13.5vh,156px)}

/* 窄屏跟进：单列 + 略收的字号（覆盖上面那组无条件值） */
@media(max-width:700px){
  .exp-item{grid-template-columns:1fr;gap:14px;padding:20px 0}
  .screen .exp-company{font-size:19px}
  .screen .exp-points{font-size:15.5px;line-height:1.85}
  .screen .exp-role{font-size:13px}
  .screen .exp-date{font-size:12px}
  .screen[data-screen="3"]{top:auto}
}