.studio-viewer{isolation:isolate;width:90%;margin-inline:auto;padding-top:68px;scroll-margin-top:88px;position:relative}.studio-frame{background:radial-gradient(at 50% 0,#8d683516,#0000 55%),linear-gradient(145deg,#202125,#111215 55%,#17191b);border:1px solid #ffffff1f;border-radius:32px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 35px 80px #0004}.studio-header{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;display:flex}.studio-heading,.studio-index{color:#b5b1a9;font:10px/1.5 var(--font-mono,monospace);letter-spacing:.15em}.studio-heading{align-items:center;gap:9px;display:flex}.studio-live-dot{background:#dfbf8a;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #edbe71a0}.studio-index{color:#92928e}.studio-stage{outline-offset:-8px;touch-action:pan-y;border-radius:32px;width:100%;height:clamp(420px,46vw,580px);position:relative}.studio-stage:focus-visible{outline:2px solid #edcb96}.studio-canvas,.studio-poster,.studio-stage-vignette{width:100%;height:100%;position:absolute;inset:0}.studio-canvas{z-index:2;opacity:0;cursor:grab;pointer-events:none;transition:opacity .35s}.studio-canvas:active{cursor:grabbing}.studio-canvas canvas{touch-action:pan-y;width:100%;height:100%;display:block}.studio-poster{object-fit:cover;object-position:center;opacity:1;padding:0;transition:opacity .35s}.studio-stage-vignette{pointer-events:none;z-index:3;background:linear-gradient(#0000 66%,#11121580)}.studio-pointer-shadow{z-index:3;pointer-events:none;opacity:0;width:0;height:0;transition:opacity .35s;position:absolute;top:0;left:0}.studio-pointer-shadow canvas{width:256px;height:384px;opacity:var(--shadow-strength,0);position:absolute;top:-64px;left:-128px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.studio-frame[data-ready=true] .studio-pointer-shadow[data-active=true]{opacity:.9}}.studio-error{z-index:5;background:#101215b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.studio-error p{color:#e0dad0;font-size:13px}.studio-error .button{background:#25272b}.studio-frame[data-ready=true] .studio-canvas{opacity:1;pointer-events:auto}.studio-frame[data-ready=true] .studio-poster{opacity:0}.studio-loading{z-index:3;opacity:1;pointer-events:none;background:#0d1014;transition:opacity .36s,visibility .36s;position:absolute;inset:0;overflow:hidden}.studio-frame[data-ready=true] .studio-loading,.studio-frame[data-failed=true] .studio-loading{opacity:0;visibility:hidden}.studio-loading-still{color:#a9854640;margin:0;font:12px/17px monospace;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.studio-loading-label{color:#e6c17a;letter-spacing:.3em;place-items:center;font:600 16px monospace;display:grid;position:absolute;inset:0}:is(.studio-loading:has(canvas[data-rendered=true]) .studio-loading-still,.studio-loading:has(canvas[data-rendered=true]) .studio-loading-label){visibility:hidden}.studio-part-caption{z-index:4;pointer-events:none;max-width:min(310px,65%);position:absolute;bottom:16px;left:30px}.studio-caption-kicker{font:9px/1.5 var(--font-mono,monospace);color:#b4a08b;letter-spacing:.13em;margin-bottom:8px;display:block}.studio-part-caption h3{color:#f1ede5;letter-spacing:-.035em;margin:0;font-size:24px;font-weight:450}.studio-part-caption p{color:#aeaaa4;margin:5px 0 0;font-size:12px;line-height:1.5}.studio-toolbar{z-index:4;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:20px 25px 22px;display:grid;position:relative}.studio-mode{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1b1d21bc;border:1px solid #ffffff1b;border-radius:999px;grid-area:1/1;justify-self:start;align-items:center;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff09,0 6px 20px #0002}.studio-mode button,.studio-zoom button,.studio-part-selector button{appearance:none;color:#aaa8a3;cursor:pointer;background:0 0;border:1px solid #0000;min-height:40px;transition:color .18s,background .18s,border-color .18s,transform .18s}.studio-mode button{border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:11px;display:inline-flex}.studio-mode button[aria-pressed=true]{color:#f0e9db;background:linear-gradient(#ffffff12,#ffffff07);border-color:#ffffff1b;box-shadow:inset 0 1px #ffffff12,0 2px 6px #0002}.studio-zoom{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1b1d21d9;border:1px solid #e5caa32b;border-radius:999px;flex-direction:column;align-items:center;gap:8px;padding:5px 2px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%);box-shadow:inset 0 1px #fff0d51a,0 8px 24px #0004}.studio-zoom button{border-radius:50%;place-items:center;width:44px;min-height:44px;display:grid}.studio-zoom input{appearance:none;writing-mode:vertical-lr;cursor:default;touch-action:none;direction:rtl;background:0 0;border-radius:999px;width:44px;height:120px;margin:0}.studio-zoom input::-webkit-slider-runnable-track{background:#e5caa34a;border-radius:999px;width:3px;box-shadow:0 0 8px #edaa5c18}.studio-zoom input::-moz-range-track{background:#e5caa34a;border-radius:999px;width:3px;box-shadow:0 0 8px #edaa5c18}.studio-zoom input::-webkit-slider-thumb{appearance:none;background:#e5caa3;border:1px solid #fff1d5;border-radius:50%;width:18px;height:18px;margin-left:-7.5px;transition:box-shadow .2s,background .2s;box-shadow:0 0 9px #edaa5c55}.studio-zoom input::-moz-range-thumb{background:#e5caa3;border:1px solid #fff1d5;border-radius:50%;width:18px;height:18px;transition:box-shadow .2s,background .2s;box-shadow:0 0 9px #edaa5c55}.studio-zoom input:active::-webkit-slider-thumb{background:#fff0d5;box-shadow:0 0 14px #edaa5c80}.studio-zoom input:active::-moz-range-thumb{background:#fff0d5;box-shadow:0 0 14px #edaa5c80}.studio-mode button:disabled,.studio-zoom button:disabled,.studio-zoom input:disabled{opacity:.45;cursor:default}.studio-mode button:focus-visible,.studio-zoom button:focus-visible,.studio-zoom input:focus-visible,.studio-part-selector button:focus-visible{outline-offset:3px;outline:2px solid #edcb96}.studio-mode button:active:not(:disabled),.studio-zoom button:active:not(:disabled),.studio-part-selector button:active{transform:scale(.96)}.studio-part-selector{background:#101114;border:1px solid #e3c79d38;border-radius:999px;grid-area:1/2;justify-self:center;display:inline-flex;box-shadow:inset 0 1px #ffffff0b,0 4px 12px #0003}.studio-part-selector button{border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-size:12px;display:flex}.studio-part-selector button:first-child{border-radius:999px 0 0 999px}.studio-part-selector button:last-child{border-radius:0 999px 999px 0}.studio-part-selector button+button{border-inline-start-color:#ffffff17}.studio-part-selector button:focus-visible{z-index:1;outline-offset:-3px;position:relative}.studio-part-selector button span{font:9px var(--font-mono,monospace);color:#959493}.studio-part-selector button[aria-pressed=true]{color:#fff2dc;background-color:#4a3a2a}.studio-part-selector button[aria-pressed=true] span{color:#dbb782}.studio-instructions{color:#94928e;text-align:center;margin:14px 0 0;font-size:10px}@media (hover:hover){.studio-mode button:hover:not(:disabled),.studio-zoom button:hover:not(:disabled),.studio-part-selector button:hover{color:#fff5e3;background:#ffffff10}.studio-part-selector button[aria-pressed=true]:hover{background-color:#574431}}@media (max-width:960px){.studio-toolbar{grid-template-columns:1fr 1fr}.studio-part-selector{grid-area:2/1/auto/-1;max-width:100%}}@media (max-width:800px){.studio-viewer{width:100%}.studio-header{padding:12px 14px}}@media (max-width:700px){.studio-viewer{padding-top:50px}.studio-frame,.studio-stage{border-radius:24px}.studio-heading,.studio-index{font-size:8px}.studio-stage{height:380px}.studio-part-caption{max-width:calc(100% - 90px);left:21px}.studio-part-caption h3{font-size:21px}.studio-part-caption p{font-size:10px}.studio-caption-kicker{font-size:8px}.studio-toolbar{gap:9px;padding:12px 10px 16px}.studio-mode button{min-height:44px;padding:0 12px}.studio-mode{padding:3px}.studio-zoom{gap:4px;right:10px}.studio-zoom input{height:90px}}@media (max-width:420px){.studio-part-selector button{padding:0 10px;font-size:11px}.studio-part-selector button span{display:none}}@media (prefers-reduced-motion:reduce){.studio-loading .letter-glitch{display:none}:is(.studio-loading:has(canvas[data-rendered=true]) .studio-loading-still,.studio-loading:has(canvas[data-rendered=true]) .studio-loading-label){visibility:visible}.studio-viewer *,.studio-viewer :before{transition:none!important}}
.personal-timeline{isolation:isolate;padding-block:20px 90px;scroll-margin-top:-80px;position:relative}.story-heading h2{margin:10px 0 12px;font-size:clamp(36px,3.4vw,48px)}.story-heading>p:last-child{color:#bbb9b2;font-size:16px}.story-layout{margin-top:20px;position:relative}.story-route{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;margin-bottom:8px;display:grid;position:relative}.story-filament{pointer-events:none;width:100%;height:210px;position:absolute;top:0;left:0;overflow:visible}.story-filament--mobile{display:none}.story-thread{fill:none;stroke:#e9d4ae;stroke-width:1px;vector-effect:non-scaling-stroke}.story-filament-glow{fill:none;stroke:#eac18b;stroke-width:3px;opacity:.28;filter:blur(3px);vector-effect:non-scaling-stroke}.story-node-core{fill:#d9d5cb;transition:fill .3s,filter .3s}.story-node-ring{fill:none;stroke:#e7c898;stroke-width:1px;opacity:0;vector-effect:non-scaling-stroke;transition:opacity .3s}.story-node-light{opacity:0;transition:opacity .45s}.story-node.is-current .story-node-core{fill:#fff1d3;filter:drop-shadow(0 0 6px #ffdda3)}.story-node.is-current .story-node-ring,.story-node-light.is-current,.story-node.is-current .story-node-light{opacity:1}.story-spark{fill:#fff9e9;filter:drop-shadow(0 0 4px #ffe0ac)}.story-spark path{stroke:#fff0cf;stroke-width:.8px}.story-spark-haze{fill:#f4c98a;opacity:.25;filter:blur(4px)}.story-stop{appearance:none;color:#b9bab6;background:0 0;border:0;border-radius:15px;flex-direction:column;align-items:center;min-width:0;padding:0 7px;transition:color .25s;display:flex;position:relative}.story-miniature{opacity:1;justify-content:center;align-items:center;width:calc(100% + 14px);height:125px;display:flex}.story-render{aspect-ratio:3/2;width:100%;position:relative}.story-phone{pointer-events:none;position:absolute;inset:0}.story-phone:before{content:"";background:radial-gradient(#dfc69d0d,#0000 65%);position:absolute;inset:15% 10%}.story-phone-canvas{opacity:0;transition:opacity .45s;position:absolute;inset:0}.story-phone-canvas canvas{width:100%;height:100%;display:block}.story-phone .story-phone-poster{transition:opacity .45s;position:absolute;inset:0}.story-phone[data-ready=true] .story-phone-canvas{opacity:1}.story-phone[data-ready=true] .story-phone-poster{opacity:0}.story-render img{object-fit:contain;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 5% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 5% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.story-miniature .story-render{width:100%}.story-miniature img{-webkit-mask-image:radial-gradient(#000 44%,#0000 74%);mask-image:radial-gradient(#000 44%,#0000 74%)}.story-stop-number{letter-spacing:.14em;color:#b8a88d;margin-top:80px;font:10px/1.5 monospace}.story-stop-label{max-width:130px;min-height:36px;margin-top:7px;font-size:12px;font-weight:500;line-height:1.5}.story-stop-short{display:none}.story-stop[aria-selected=true]{color:#fff2db}.story-stop[aria-selected=true] .story-miniature{opacity:1}.story-stop:focus-visible{outline-offset:4px;background:#eed6b006;outline:2px solid #e9ce9f}.story-stop:active{background:#eed6b008}@media (hover:hover){.story-stop:hover{color:#fff2db}.story-stop:hover .story-miniature{opacity:1}}.story-detail-shell{background:linear-gradient(135deg,#202225,#151719);border:1px solid #d9d0bf2b;border-radius:30px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #f7e5bf16,0 25px 60px #0003}.story-detail{grid-area:1/1;grid-template-columns:1fr 1fr;align-items:center;gap:34px;min-width:0;min-height:348px;padding:30px 38px;animation:.35s both story-settle;display:grid}.story-detail[hidden]{visibility:hidden;pointer-events:none;animation:none;display:grid}.story-copy{min-width:0}.story-copy h3{max-width:470px;margin:14px 0 18px;font-size:clamp(24px,2.2vw,31px)}.story-copy>p:not(.eyebrow){max-width:500px;font-size:14px;line-height:1.75}#story-panel-beyond .story-copy>p:not(.eyebrow){text-wrap:pretty}.story-copy>p+p{margin-top:12px}.story-copy .eyebrow{color:#d6bf9d;font-size:9px}.story-links{flex-wrap:wrap;gap:8px 25px;margin-top:18px;display:flex}.story-links:empty{display:none}.story-links a{color:#e7d5b5}.story-visual{align-self:center;min-width:0;margin:0;padding:0}.story-visual figcaption{text-align:center;letter-spacing:.09em;text-transform:uppercase;color:#b0aaa0;margin-top:12px;padding:0 12px;font:9px/1.9 monospace}.story-hint{color:#a4a6a2;margin-top:12px;font-size:11px}.story-hint span{color:#e0d0b5;letter-spacing:.15em;margin-right:12px}.story-static{gap:32px;margin-top:30px;display:grid}.story-static p{margin:16px 0}.story-static a{margin-right:25px}@keyframes story-settle{0%{opacity:.3}to{opacity:1}}@media (max-width:1000px) and (min-width:701px){.story-detail{gap:25px;padding:40px 32px}.story-stop-label{font-size:10px}.story-copy>p:not(.eyebrow){font-size:13px}}@media (max-width:700px){.personal-timeline{padding-block:30px 75px}.story-heading h2{font-size:40px}.story-heading>p:last-child{font-size:15px}.story-layout{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:17px;margin-top:36px;display:grid}.story-route{grid-template-rows:repeat(7,104px);grid-template-columns:1fr;margin-bottom:0}.story-filament--desktop,.story-miniature,.story-stop-label{display:none}.story-filament--mobile{height:728px;display:block}.story-stop{border-radius:12px;justify-content:flex-start;padding:0}.story-stop-number{background:#101112;margin-top:44px;padding:0 4px;font-size:8px}.story-stop-short{background:#101112;padding:4px 0;font-size:10px;line-height:1.4;display:block}.story-detail-shell{border-radius:22px;position:sticky;top:100px}.story-detail,.story-detail[hidden]{flex-direction:column;justify-content:space-between;align-items:stretch;gap:24px;min-height:700px;padding:28px 22px 32px;display:flex}.story-copy h3{margin:16px 0 22px;font-size:25px}.story-copy>p:not(.eyebrow){font-size:12px;line-height:1.85}.story-copy .eyebrow{font-size:8px;line-height:1.7}.story-links{flex-direction:column;gap:4px;margin-top:22px}.story-links .text-link{min-height:42px;font-size:11px}.story-visual{align-self:stretch;padding:12px 0 0}.story-visual figcaption{margin-top:18px;padding:0;font-size:7px}.story-hint{font-size:10px;line-height:1.8}}@media (max-width:380px){.story-layout{grid-template-columns:64px minmax(0,1fr);gap:12px}.story-detail,.story-detail[hidden]{min-height:740px;padding:25px 18px 30px}.story-copy h3{font-size:23px}}@media (prefers-reduced-motion:reduce){.personal-timeline *{transition:none!important;animation:none!important}.story-spark path{display:none}}.story-node-wave{fill:none;stroke:#edce9e;stroke-width:.8px;opacity:0;transform-box:fill-box;transform-origin:50%;pointer-events:none}.story-node.is-current .story-node-wave{animation:2.8s ease-out infinite story-radiate}.story-node.is-current .story-node-wave--echo{animation-delay:1.4s}.story-embers{fill:#ffe9bf;pointer-events:none}@keyframes story-radiate{0%{opacity:.6;transform:scale(.7)}75%,to{opacity:0;transform:scale(var(--story-wave-scale,2.5))}}@media (min-width:701px){.story-visual .story-render{max-width:440px;margin-inline:auto}.story-detail{animation:none}}@media (min-width:1001px) and (max-height:800px){.personal-timeline{scroll-margin-top:-110px}.story-heading{grid-template-columns:1fr auto;align-items:end;column-gap:30px;display:grid}.story-heading .eyebrow{grid-column:1/-1}.story-heading h2{margin-bottom:0;font-size:36px}.story-heading>p:last-child{padding-bottom:3px;font-size:14px}.story-layout{margin-top:6px}.story-detail{gap:30px;padding:26px 32px}.story-copy h3{margin:12px 0 15px;font-size:27px}.story-copy>p:not(.eyebrow){font-size:13px;line-height:1.7}.story-copy>p+p,.story-links{margin-top:12px}.story-visual .story-render{max-width:360px}.story-visual figcaption{margin-top:8px}}@media (max-width:700px){.personal-timeline{scroll-margin-top:0}.story-detail{animation:none}}@media (prefers-reduced-motion:reduce){.story-node-wave,.story-embers{display:none}}.story-node-wave{animation-play-state:paused!important}.story-route[data-visible=true] .story-node-wave{animation-play-state:running!important}@media (max-width:700px){.story-node-wave{--story-wave-scale:1.3}}
