/* The existing white timeline stays canonical. The calculation becomes the main visual. */
.work-hero{padding:30px 0 27px}.work-hero h1{font-size:clamp(32px,3.5vw,49px);max-width:1050px}.work-hero .formal-title{font-size:14px}.experience{border-radius:18px}.experience-header{background:#fff;padding:16px 24px}.guide-steps{padding-top:16px}.guide-copy{min-height:65px;padding-top:12px;padding-bottom:16px}.lab-layout{grid-template-columns:minmax(0,1fr) 254px}.lab-visual{padding:0;display:block;background:#f5f8f6}.reference-visual{padding:22px}.lab-visual.has-scene .reference-visual{display:none}.scene-host{width:100%;min-width:0}.scene-stage{height:480px;position:relative;isolation:isolate;overflow:hidden;background:#f6f9f7}.scene-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.scene-stage canvas:active{cursor:grabbing}.scene-stage canvas:focus-visible{outline-offset:-5px}.scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.scene-label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;max-width:calc(100% - 18px);font-size:11px;font-weight:500;letter-spacing:-.12px;line-height:1.25;color:#31514e;background:#fffffff2;border:1px solid #dbe6e2;padding:6px 9px;border-radius:5px;box-shadow:0 2px 10px #183c3a07}.scene-label.key{color:#05665e;border-color:#9dcac2;background:#f4fffcf5}.scene-label.alert{color:#a24932;border-color:#e1b1a3;background:#fff8f3f5}.scene-label.subtle{font-size:10px;padding:4px 7px;color:#617977}.scene-view-tag{position:absolute;top:18px;left:20px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:#728580;pointer-events:none}.scene-orbit-hint{position:absolute;bottom:14px;left:20px;font-size:10px;color:#657f78;pointer-events:none;background:#f9fbf8cc;padding:5px 7px;border-radius:4px}.scene-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 17px;border-top:1px solid #dce6e0;background:#f9fbf9}.scene-navigation>div{display:flex;gap:3px;align-items:center}.scene-navigation button{border:0;background:none;color:#526d67;font-size:11px;padding:9px 8px;min-height:34px;border-radius:5px}.scene-navigation button:hover{background:#e7f1ec;color:#076e64}.scene-navigation button[aria-pressed=true]{color:#066e66;background:#e6f3ee}.scene-insight{padding:18px 22px 21px;background:#eef5f0;display:grid;grid-template-columns:1fr;gap:10px;border-top:1px solid #dce6e0;min-height:113px}.scene-insight p{font-size:15px;line-height:1.55;color:#214941;max-width:660px}.scene-insight button{width:fit-content;background:none;border:0;color:#08776b;font-size:12px;font-weight:600;padding:1px 0;min-height:27px;text-align:left}.scene-insight button:hover{text-decoration:underline;text-underline-offset:4px}.scene-host.expanded .scene-stage{height:650px}.scene-error{font-size:12px;padding:16px;color:#875545}.lab-reading{padding:26px 22px}.lab-reading h3{font-size:23px;font-weight:500;letter-spacing:-.7px}.lab-reading>p{font-size:13px;line-height:1.75}.metric dd{font-size:25px}.metrics{margin-bottom:0}.controls{background:#fff;gap:17px 24px}.lab-footnote{font-size:10px;line-height:1.65}.contribution{padding-top:42px}.guide-steps button{min-height:41px}.world-layout{grid-template-columns:minmax(0,1fr) 245px}.world-view{min-height:550px}.world-view canvas{touch-action:none}.world-empty{position:absolute;z-index:3;left:26px;bottom:48px;top:auto;right:auto;padding:24px;border-radius:12px;background:#ffffffde;border:1px solid #ffffffad;backdrop-filter:blur(8px);max-width:390px;color:#26433d}.world-empty h3{font-size:27px;font-weight:500;letter-spacing:-.8px}.world-panel>p{margin-bottom:18px}.world-panel .object-list button{display:block;min-height:49px}.object-list button small{margin-top:3px}.world-corner{border:1px solid #dce5df}.world-relations,.world-revisions{margin-top:0}.world-privacy{display:flex;gap:12px;align-items:center}.world-privacy span{font-size:11px}.world-revisions{max-height:210px}.world-toolbar{margin-top:0}.world-history{margin-top:0}.world-command{background:#fff}.world-stage-advice{background:#edf5ef;color:#28534a;border-top:1px solid #d7e6dd;padding:14px 22px;font-size:13px;line-height:1.6}.world-stage-advice strong{font-weight:550}.world-panel .coordinate-fields{gap:5px}.scene-stage canvas[data-rendered="context-lost"]{opacity:.35}.scene-stage:has(canvas[data-rendered="context-lost"])::after{content:'Graphics context paused. Reload to restore 3D; calculations remain usable.';position:absolute;left:20px;right:20px;top:40%;background:white;padding:20px;font-size:14px;color:#964a33}
@media(max-width:1000px){.lab-layout{grid-template-columns:1fr 225px}.scene-stage{height:420px}.scene-label{font-size:10px;padding:5px 7px}.scene-insight p{font-size:14px}.world-layout{grid-template-columns:1fr 225px}.world-view{min-height:490px}.scene-navigation{padding:9px}.scene-navigation button{font-size:10px;padding:9px 6px}}
@media(max-width:800px){.lab-layout{grid-template-columns:1fr}.lab-reading{grid-template-columns:1fr 1fr}.lab-reading>.metrics{grid-column:2;grid-row:1/4}.scene-stage{height:450px}.scene-insight{min-height:95px;gap:7px}.world-layout{grid-template-columns:1fr}.world-view{min-height:490px}.world-panel{grid-template-columns:1fr 1fr}.world-panel>p{margin:0;grid-column:1/-1}.scene-label{font-size:11px}}
@media(max-width:580px){.work-hero{padding:22px 0}.work-hero h1{font-size:34px}.work-hero .formal-title{font-size:12px}.experience-header{padding:15px}.guide-copy{min-height:90px}.guide-steps{padding-top:14px}.guide-steps button{min-height:81px}.scene-stage{height:355px}.scene-label{font-size:9px;padding:4px 6px;letter-spacing:0}.scene-label.subtle{font-size:9px}.scene-view-tag{left:13px;top:12px;font-size:9px}.scene-orbit-hint{left:10px;bottom:7px;font-size:9px}.scene-navigation{padding:7px 9px;gap:4px}.scene-navigation button{font-size:10px;padding:8px 5px}.scene-insight{padding:16px 17px;min-height:116px}.scene-insight p{font-size:14px;line-height:1.5}.scene-insight button{font-size:11px;min-height:32px}.lab-reading{display:block;padding:23px 17px}.lab-reading h3{font-size:23px}.lab-reading>.metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:16px}.metric dd{font-size:22px}.scene-host.expanded .scene-stage{height:480px}.world-view{min-height:370px}.world-empty{left:14px;right:14px;bottom:40px;padding:20px;max-width:none}.world-empty h3{font-size:23px}.world-panel{padding:17px}.world-stage-advice{font-size:12px;padding:13px 17px}.world-privacy{display:block}.world-privacy span{display:block;margin-top:6px}.world-toolbar>div{gap:4px}.world-history{display:block}.world-revisions{margin-top:24px}.world-view .scene-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scene-host canvas{scroll-behavior:auto}}
.work-scene-preview{height:152px;margin:0 0 17px;overflow:hidden;border-radius:9px;background:#f1f6f1;pointer-events:none}.work-scene-preview canvas{width:100%;height:100%;display:block}.work-row:has(.work-scene-preview){padding-top:18px;padding-bottom:25px}.work-row:has(.work-scene-preview) h4{font-size:20px}.period-heading{min-height:169px}.hero{padding-top:65px;padding-bottom:54px}.timeline-intro{margin-bottom:30px}.hero h1{font-size:clamp(40px,4.35vw,65px)}
@media(max-width:1100px){.period-heading{min-height:200px}.work-scene-preview{height:137px}}
@media(max-width:800px){.hero{padding-top:40px;padding-bottom:38px}.work-scene-preview{height:120px}.work-row:has(.work-scene-preview) h4{font-size:18px}}
@media(max-width:580px){.work-scene-preview{height:165px;margin-bottom:16px}.period-heading{min-height:0}.work-row:has(.work-scene-preview) h4{font-size:21px}.hero h1{font-size:41px}}