.static-case-studies{max-width:850px;margin:0 auto 120px;padding:24px;background:var(--paper);color:var(--ink)}.static-case-studies details{padding:20px;border-bottom:1px solid #aa957155}.static-case-studies summary{cursor:pointer;font:32px var(--serif)}.static-case-studies p{margin:16px 0 24px;line-height:1.8}.spatial-stage{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;transition:opacity 1.4s ease-out}.spatial-loading:not(.room-is-3d) .room-camera,.spatial-loading:not(.room-is-3d) .room-shade{opacity:0;transition:none}.spatial-loading:not(.room-is-3d) .hero-copy,.spatial-loading:not(.room-is-3d) .hero-caption,.spatial-loading:not(.room-is-3d) .scroll-invitation,.spatial-loading:not(.room-is-3d) .room-hotspots{opacity:0!important}.room-is-3d .hero-copy{animation:hero-arrive 1.6s .9s cubic-bezier(.2,.65,.2,1) both}.room-is-3d .hero-caption,.room-is-3d .scroll-invitation{animation:hero-arrive 1.4s 1.5s cubic-bezier(.2,.65,.2,1) both}@keyframes hero-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.still-mode .hero-copy,.still-mode .hero-caption,.still-mode .scroll-invitation{animation:none}.spatial-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#17181155,transparent 65%),linear-gradient(0deg,#171811ce,transparent 65%);opacity:calc(1 - var(--entered,0))}.room-is-3d .room-camera{visibility:hidden}.room-is-3d .hero-caption,.room-is-3d .scroll-invitation{z-index:3}.spatial-canvas,.spatial-html{position:absolute;inset:0;pointer-events:none}.spatial-canvas{z-index:0}.spatial-html{z-index:1}.spatial-reading{position:absolute;inset:0;z-index:2;pointer-events:none}.spatial-surface-anchor{transform-origin:50% 50%;pointer-events:none!important}.spatial-ready .reading-surface{position:absolute;transform-origin:50% 50%;top:0;left:0;backface-visibility:hidden}.spatial-ready .monitor-surface{width:min(1180px,calc(100vw - 40px));aspect-ratio:1.754;max-height:none;display:flex;flex-direction:column;border:0;border-radius:0;background:#1e2826;box-shadow:none;overflow:hidden}.spatial-ready .monitor-surface .os-desktop{height:auto;flex:1;min-height:0}.spatial-ready .monitor-surface .os-menubar,.spatial-ready .monitor-surface .os-dock{flex-shrink:0}.spatial-ready .monitor-surface .surface-body{padding:24px 34px 22px}.spatial-ready .monitor-surface .monitor-chin{display:none}.spatial-ready .piano-surface{width:min(1320px,calc(100vw - 70px));border:0;border-radius:0;box-shadow:none;background:none;text-shadow:0 1px 3px #1a0e0499}.spatial-ready .piano-surface .surface-body{padding:12px 30px 10px}.spatial-ready .piano-surface .surface-toolbar{color:#e4cda4;border-color:#ad88533b}.spatial-ready .piano-surface h2{font-size:40px}.spatial-ready .piano-surface .surface-toolbar{padding:6px 24px}.spatial-ready .piano-surface .section-heading .handwritten{font-size:19px;padding-bottom:4px}.spatial-ready .project-keys{display:grid;grid-template-columns:repeat(4,1fr);border:0;gap:12px;margin-top:25px}.spatial-ready .project-key{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:18px 15px 16px;min-height:175px;border:0;border-bottom:1px solid #caaa7066;background:none;border-radius:0}.spatial-ready .project-key:hover,.spatial-ready .project-key:focus-visible{background:#e1c59414;border-bottom-color:#e6c88a;transform:translateY(2px)}.spatial-ready .ivory-key{background:none;box-shadow:none;color:#dfc694;min-height:0;width:100%;padding:0 34px 0 0;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:10px}.spatial-ready .note-name{font-family:var(--serif);font-size:33px;color:#dfc694}.spatial-ready .ivory-key>span:last-child{font-size:9px;opacity:.6}.spatial-ready .project-key:hover .ivory-key,.spatial-ready .project-key.is-playing .ivory-key{transform:none;box-shadow:none}.spatial-ready .project-key.is-playing{background:#e1c59430}.spatial-ready .key-copy>strong{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.08;min-height:51px}.spatial-ready .project-summary{font-size:10px;line-height:1.6;margin-top:10px;-webkit-line-clamp:2}.spatial-ready .project-company{font-size:8px;min-height:24px}.spatial-ready .piano-surface .surface-toolbar{padding:9px 24px}.spatial-ready .piano-surface .surface-body>.eyebrow{margin-bottom:9px}.spatial-ready .project-key{min-height:96px;padding:6px 14px;gap:4px}.spatial-ready .project-keys{margin-top:14px}.spatial-ready .key-copy>strong{font-size:22px;min-height:0}.spatial-ready .piano-surface .surface-foot{margin-top:8px;padding-top:8px}.spatial-ready .project-summary{display:none}.spatial-ready .piano-surface .surface-foot{margin-top:12px}.spatial-ready .key-arrow{position:absolute;right:15px;top:23px;font-size:18px}.spatial-ready .paper-surface{box-shadow:inset 0 8px 15px #8068421c,0 4px 6px #0003}.career-roll{margin-top:22px;padding:12px 4px 8px;border-top:1px solid #95815d44;--score-progress: 0}.roll-years{display:flex;justify-content:space-between;font-size:9px;color:#8a7754;letter-spacing:.06em}.roll-staves{position:relative;height:86px;margin-top:12px;background:repeating-linear-gradient(0deg,transparent 0 15px,#a7906238 15px 16px)}.roll-staves>span{position:absolute;left:var(--start);width:var(--length);height:6px;top:calc(var(--row)*16px + 3px);border-radius:4px;background:var(--note,#8a7754);box-shadow:0 1px 1px #49321922}.roll-staves>span i{position:absolute;height:10px;width:13px;border-radius:50%;background:inherit;top:-2px;left:-1px;transform:rotate(-25deg)}.score-playhead{position:absolute;left:calc(var(--score-progress)*100%);width:1px;height:100%;top:0;background:#8f4b31;box-shadow:0 0 15px #c6895644}.score-playhead:before{content:"";position:absolute;width:5px;height:5px;background:#8f4b31;transform:translate(-2px) rotate(45deg);top:-5px}.score-control{display:none;align-items:center;gap:16px;color:#827053;font-size:9px}.enhanced .score-control{display:flex}.score-control input{flex:1;min-width:40px;height:22px;accent-color:#7a694b;cursor:pointer}.experience-score{margin-top:16px}.spatial-ready .paper-surface{width:min(1120px,calc(100vw - 60px))}.spatial-ready .paper-surface h2{font-size:40px}.spatial-ready .paper-surface .surface-body{padding:22px 34px 18px}.spatial-ready .paper-surface .section-intro{margin-top:8px!important}.spatial-ready .career-roll{margin-top:12px;padding:8px 4px 6px}.spatial-ready .roll-staves{height:70px}.spatial-ready .paper-surface .surface-foot{margin-top:14px;padding-top:10px}.experience-entry{padding:10px 0 6px}.experience-entry .score-staff{display:none}.milestone{display:flex;align-items:flex-start;text-align:left;gap:7px;padding:0;border:0;background:none;color:#88704b}.milestone-note{font-size:22px;line-height:1;color:var(--note,#88704b);opacity:.55}.milestone .role-dates{font-size:9px}.role-detail h3{font-size:13px}.role-detail>span{font-size:10px}.experience-entry.is-current .milestone-note{opacity:1}.experience-entry.is-current .role-detail h3{color:color-mix(in srgb,var(--note,#5c7045) 82%,#332c22)}.spatial-ready .notebook-surface{box-shadow:none;border-left:10px solid #4b513c}.spatial-ready .note-surface{box-shadow:0 6px 10px #1c160822}.enhanced .chapter:not(.hero-chapter){height:175svh;min-height:800px}.enhanced #experience{height:220svh}.room-person{opacity:calc(1 - var(--reading)*1.5)}.still-mode *,.still-mode *:before,.still-mode *:after{animation:none!important;transition:none!important}.still-mode{scroll-behavior:auto}.case-dialog[open]{transform-origin:50% 85%;animation:folio-lift .55s cubic-bezier(.2,.65,.2,1)}@keyframes folio-lift{0%{opacity:0;transform:perspective(1400px) translateY(100px) rotateX(24deg) scale(.85)}to{opacity:1;transform:perspective(1400px) translateY(0) rotateX(0) scale(1)}}@media(max-width:1050px)and (min-width:701px){.spatial-ready .piano-surface h2{font-size:48px}.spatial-ready .piano-surface .surface-body{padding:24px 25px 20px}.spatial-ready .project-key{padding-inline:12px}.spatial-ready .key-copy>strong{font-size:21px}}@media(max-width:700px){.enhanced .chapter:not(.hero-chapter){height:155svh;min-height:0}.enhanced #experience{height:185svh}.spatial-ready .reading-surface{max-height:calc(100svh - 230px)}.spatial-ready .monitor-surface{aspect-ratio:auto;max-height:calc(100svh - 230px)}.spatial-ready .monitor-surface .os-desktop{height:clamp(360px,calc(100svh - 330px),520px);flex:none}.spatial-ready .monitor-surface .surface-body{padding:20px 18px 18px}.spatial-ready .piano-surface{width:calc(100vw - 28px);background:linear-gradient(100deg,#3b2a20,#2d241d 60%,#38271d);border:1px solid #876344;border-top:7px solid #65472f;border-radius:3px;box-shadow:0 8px 18px #0006;text-shadow:none}.spatial-ready .piano-surface .surface-body{padding:24px 20px 20px}.spatial-ready .piano-surface h2{font-size:41px}.spatial-ready .project-keys{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.spatial-ready .project-key{padding:12px;gap:7px;min-height:160px}.spatial-ready .project-company{min-height:24px;font-size:7px}.spatial-ready .key-copy>strong{font-size:22px;min-height:48px}.spatial-ready .project-summary{display:none}.spatial-ready .note-name{font-size:27px}.spatial-ready .key-arrow{right:12px;top:14px}.experience-score{grid-template-columns:1fr 1fr;gap:0 10px}.milestone{align-items:center;justify-content:space-between;width:100%}.milestone-note{font-size:17px}.role-detail h3{font-size:13px}.score-control{gap:10px;font-size:8px}.score-control>span:last-child{display:none}.roll-staves{height:65px;background-size:100% 13px}.roll-staves>span{top:calc(var(--row)*13px + 3px)}.spatial-ready .surface-body>.lead{font-size:22px}}@media print{.spatial-stage,.spatial-html{position:static!important;overflow:visible!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important}.spatial-html div{transform:none!important;perspective:none!important}.spatial-html>div,.spatial-html>div>div{width:auto!important;height:auto!important}.spatial-canvas,.score-control{display:none!important}.spatial-ready .reading-surface{display:block!important;position:static!important}.enhanced .experience-entry .role-detail p{display:block}}.career-roll.is-manual .score-playhead{transition:left .5s cubic-bezier(.2,.6,.3,1)}.milestone{transition:color .25s}.experience-entry:hover .milestone,.experience-entry.is-current .milestone{color:#5a4a2f}.experience-entry:hover{background:color-mix(in srgb,var(--note,#8a7754) 9%,transparent)}.experience-entry.is-current{background:color-mix(in srgb,var(--note,#8a7754) 6%,transparent)}.experience-entry:focus-within{outline:1px solid color-mix(in srgb,var(--note,#8a7754) 55%,transparent);outline-offset:-1px}.milestone:focus-visible{outline:none}.experience-entry:hover .milestone-note,.experience-entry.is-current .milestone-note{opacity:.95}.spatial-ready .board-surface{width:min(780px,calc(100vw - 40px));background:none;border:0;box-shadow:none;max-height:none;overflow:visible}.spatial-ready .board-surface:before{display:none}.spatial-ready .board-surface .surface-body{padding:6px 5% 4%}.spatial-ready .board-title{font-size:34px}@media(max-width:700px){.spatial-ready .board-surface{width:calc(100vw - 28px);max-height:none}}.hero-copy,.hero-caption,.scroll-invitation{transition:opacity .5s}.in-detour .hero-copy,.in-detour .hero-caption,.in-detour .scroll-invitation{opacity:0!important;pointer-events:none}