@font-face{font-family:Fraunces;src:url(/ai-web-experience-collection/backstage/fonts/fraunces-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/ai-web-experience-collection/backstage/fonts/source-sans-3-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/ai-web-experience-collection/backstage/fonts/source-sans-3-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/ai-web-experience-collection/backstage/fonts/source-sans-3-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--paper:#f3eee5;--ink:#203631;--muted:#5e675c;--red:#bc422d;--rule:#c9c7b9;--serif:Fraunces,Georgia,"Times New Roman",serif;--sans:"Source Sans 3","Segoe UI",sans-serif;--gutter:clamp(24px,4.1vw,88px);font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:#68776e var(--paper);scrollbar-width:thin}*{box-sizing:border-box}html,body{margin:0}body{min-width:280px}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{color:var(--paper);background:var(--ink)}svg{flex:none;width:31px;height:16px;display:inline-block}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:var(--paper);padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}.story{height:calc(690svh + var(--frame-height,100svh));position:relative}.production{max-width:2200px;height:100svh;min-height:100svh;padding:0 var(--gutter);grid-template-rows:auto minmax(0,1fr) auto;margin:auto;display:grid;position:sticky;top:0}.masthead{border-bottom:1px solid var(--rule);z-index:2;align-items:center;gap:32px;min-height:clamp(104px,15.5vh,170px);padding:20px 0 18px;display:flex;position:relative}.wordmark{font-family:var(--serif);font-variation-settings:"SOFT" 40,"WONK" 1,"opsz" 96;letter-spacing:-.043em;font-size:clamp(62px,7.9vw,148px);font-weight:580;line-height:.91}.masthead-note{color:var(--muted);flex-direction:column;margin-left:auto;font-size:14px;line-height:1.5;display:flex}.masthead-note span:last-child{font-family:var(--serif);color:var(--ink);font-size:16px;font-style:italic}.header-cue{white-space:nowrap;margin-left:28px;font-size:15px!important}.composition{grid-template-columns:minmax(240px,28%) minmax(0,72%);min-height:0;display:grid;position:relative}.stage{grid-area:1/2;min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.stage canvas{opacity:0;width:100%;height:calc(100% - 32px);transition:opacity .45s;display:block;position:absolute;inset:0 0 32px}.stage-poster{object-fit:contain;width:100%;height:calc(100% - 32px);transition:opacity .45s;position:absolute;inset:0 0 32px}.stage.is-ready canvas{opacity:1}.stage.is-ready .stage-poster{opacity:0;pointer-events:none}.stage-caption{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none;justify-content:space-between;gap:14px;font-size:11px;line-height:1.4;display:flex;position:absolute;bottom:12px;left:20px;right:0}.caption-detail{letter-spacing:0;text-transform:none;font-size:11px}.reading{z-index:1;grid-area:1/1;align-items:center;min-width:0;padding:12px 26px 40px 0;display:grid}.act{visibility:hidden;opacity:0;pointer-events:none;will-change:opacity,transform;grid-area:1/1;min-width:0}.act-one{visibility:visible;opacity:1;pointer-events:auto}.act-content{max-width:350px}.act h1,.act h2{font-family:var(--serif);font-variation-settings:"SOFT" 35,"WONK" 1,"opsz" 72;letter-spacing:-.035em;text-wrap:balance;margin:0 0 25px;font-weight:480;line-height:1.11}.act h1{font-size:clamp(36px,3.6vw,70px)}.act h2{font-size:clamp(33px,3.1vw,58px)}.act p{max-width:31ch;margin:0 0 24px;font-size:clamp(16px,1.2vw,22px);line-height:1.55}.act .lead{margin-bottom:34px;font-size:clamp(17px,1.3vw,24px)}.text-link{text-align:left;align-items:center;gap:18px;min-height:44px;padding:5px 0;font-size:16px;font-weight:500;line-height:1.3;display:inline-flex;position:relative}.text-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:5px;left:0;right:49px;transform:scaleX(0)}.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translate(4px)}.primary-link{color:var(--red)}.act .scroll-note{color:var(--muted);max-width:27ch;margin-top:18px;font-size:12px}.craft-note{margin-top:38px}.craft-note .note-line{background:var(--red);width:35px;height:1px;margin-bottom:18px;display:block}.craft-note p{color:var(--muted);font-size:14px}.act .aside{font-family:var(--serif);margin-top:32px;font-size:20px;line-height:1.35}.director h2{margin-bottom:12px;font-size:clamp(32px,2.6vw,49px)}.director .director-intro{max-width:22ch;margin-bottom:23px;font-size:16px;line-height:1.4}.controls{width:100%;max-width:285px}.scene-control{border:0;min-width:0;margin:0 0 20px;padding:0}.scene-control legend,.range-control label{margin-bottom:7px;font-size:14px;font-weight:600;display:block}.scene-options{border-bottom:1px solid var(--rule);gap:4px;display:flex}.scene-options button{flex:1;min-height:40px;padding:7px 12px;font-size:16px;transition:color .2s,background .2s;position:relative}.scene-options button:first-child{padding-left:0}.scene-options button[aria-pressed=true]{color:var(--red)}.scene-options button[aria-pressed=true]:after{content:"";background:var(--red);height:2px;position:absolute;bottom:-1px;left:0;right:0}.scene-options button:hover{background:#e9e6dc}.range-control{margin-bottom:16px}.range-control label{margin-bottom:2px}.range-control input{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:28px;margin:0;display:block}.range-control input::-webkit-slider-runnable-track{background:#9ca397;height:2px}.range-control input::-moz-range-track{background:#9ca397;height:2px}.range-control input::-webkit-slider-thumb{appearance:none;border:1.5px solid var(--ink);background:var(--paper);border-radius:50%;width:17px;height:17px;margin-top:-7.5px;box-shadow:0 2px 3px #24342914}.range-control input::-moz-range-thumb{border:1.5px solid var(--ink);background:var(--paper);border-radius:50%;width:15px;height:15px}.range-ends{color:var(--muted);justify-content:space-between;font-size:12px;line-height:1.4;display:flex}.reset-button{align-items:center;gap:9px;min-height:39px;padding:8px 0;font-size:13px;display:flex}.reset-button svg{width:17px;height:17px}.reset-button:hover{color:var(--red)}.act .cue-status{color:var(--muted);min-height:19px;margin:9px 0 1px;font-size:12px;line-height:1.4}.director .text-link{font-size:14px}.ending .scene-signature{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-size:12px}.ending-actions{flex-direction:column;align-items:flex-start;gap:8px;margin-top:29px;display:flex}.ending-actions .text-link{font-size:15px}.production-footer{border-top:1px solid var(--rule);z-index:3;justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex;position:relative}.act-label{color:var(--muted);min-width:170px;font-size:13px}.chapter-nav{align-items:center;gap:15px;display:flex}.chapter-nav a{min-width:40px;min-height:44px;font-family:var(--serif);color:var(--muted);place-items:center;font-size:15px;display:grid;position:relative}.chapter-nav a:after{content:"";background:var(--red);height:2px;transition:transform .25s;position:absolute;bottom:4px;left:14px;right:14px;transform:scaleX(0)}.chapter-nav a[aria-current]{color:var(--red)}.chapter-nav a[aria-current]:after{transform:scaleX(1)}.motion-toggle{color:var(--muted);text-align:right;min-width:170px;min-height:44px;padding:10px 0;font-size:12px}.motion-toggle[aria-pressed=true]{color:var(--red)}.recovery{background:var(--paper);border:1px solid var(--rule);max-width:320px;padding:16px;position:absolute;bottom:45px;left:20px;right:20px}.recovery p{margin:0 0 8px}.recovery button,.recovery a{text-underline-offset:4px;min-height:38px;font-size:14px;text-decoration:underline;display:block}.static-gallery{max-width:1200px;padding:60px var(--gutter);margin:0 auto}.static-gallery h2{font:400 40px/1.15 var(--serif);letter-spacing:-.03em}.static-gallery>div{grid-template-columns:1fr 1fr;gap:20px;display:grid}.static-gallery figure{margin:0}.static-gallery img{width:100%;height:auto;display:block}.static-gallery figcaption{padding:10px 0;font-size:14px}.static-mode #theatre,.static-mode #controls,.static-mode #cue-status{display:none}.static-mode .stage-poster{opacity:1!important}.static-mode .story{height:calc(560svh + var(--frame-height,100svh))}.noscript-note{margin:24px}@media (width>=1900px){.reading{padding-right:50px}.stage-caption{bottom:10px}.act-content{max-width:390px}.controls{max-width:310px}.scene-options button{min-height:44px}.range-control{margin-bottom:22px}.director .director-intro{font-size:19px}.director .text-link{font-size:17px}.scene-control legend,.range-control label{font-size:16px}.range-ends{font-size:14px}}@media (width<=1100px){.masthead-note{display:none}.header-cue{margin-left:auto}.composition{grid-template-columns:29% 71%}.reading{padding-right:15px}.act h1{font-size:38px}.act h2{font-size:34px}.act p{font-size:16px}.stage-caption{left:10px}.caption-detail{display:none}.act-label,.motion-toggle{min-width:130px}.chapter-nav{gap:3px}}@media (width<=849px){:root{--gutter:24px}.production{height:auto;min-height:100svh;top:min(0px,calc(100svh - var(--frame-height,780px)));grid-template-rows:auto auto auto}.masthead{gap:15px;min-height:91px;padding:24px 0 18px}.wordmark{letter-spacing:-.035em;font-size:clamp(45px,9.4vw,76px)}.header-cue{gap:8px;font-size:13px!important}.header-cue svg{width:23px}.composition{flex-direction:column;min-height:0;display:flex}.stage{order:0;width:100%;height:clamp(280px,37svh,420px);overflow:hidden}.stage-caption{font-size:10px;bottom:5px;left:0;right:0}.reading{order:1;align-items:start;width:100%;min-height:427px;padding:24px 0 28px;display:grid}.act-content{width:100%;max-width:100%}.act h1,.act h2{letter-spacing:-.03em;margin:0 0 17px;font-size:clamp(31px,5.6vw,46px);line-height:1.1}.act p,.act .lead{max-width:40ch;margin-bottom:20px;font-size:16px;line-height:1.45}.act h1 br{display:none}.act-one .act-content{max-width:440px}.act .scroll-note{max-width:none;margin-top:12px;font-size:12px}.text-link{min-height:44px;font-size:15px}.craft-note{margin-top:24px}.craft-note p{font-size:14px}.act .aside{margin:22px 0 14px;font-size:20px}.director .act-content{grid-template-columns:1fr 1fr;align-items:start;column-gap:20px;display:grid}.director h2{grid-column:1/-1;margin-bottom:8px}.director .director-intro{grid-column:1/-1;max-width:none;margin-bottom:20px;font-size:15px}.controls{grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:24px;max-width:none;display:grid}.scene-control{grid-column:1/-1;margin-bottom:17px}.scene-options button{min-height:42px}.range-control{margin-bottom:10px}.reset-button{grid-column:1/-1;min-height:42px}.director .cue-status{grid-column:1/-1;margin:4px 0 0}.director .text-link{grid-column:1/-1;min-height:44px;margin-top:5px}.range-ends{font-size:11px}.ending .scene-signature{margin-bottom:15px;font-size:11px}.ending-actions{gap:4px;margin-top:22px}.production-footer{flex-wrap:wrap;gap:0;min-height:65px}.act-label{order:0;width:50%;min-width:0;padding-top:12px;font-size:11px}.motion-toggle{order:1;width:50%;min-width:0;min-height:35px;padding-top:12px;font-size:11px}.chapter-nav{order:2;justify-content:space-between;gap:0;width:100%;padding:2px 20px 8px}.chapter-nav a{min-width:40px;min-height:44px;font-size:14px}.static-gallery>div{grid-template-columns:1fr}.static-gallery h2{font-size:32px}.static-mode .reading{min-height:320px}}@media (width<=389px){:root{--gutter:18px}.masthead{min-height:79px;padding-top:20px;padding-bottom:15px}.wordmark{font-size:36px}.masthead{gap:8px}.header-cue{gap:5px;font-size:11px!important}.header-cue svg{width:18px}.stage{height:285px}.reading{min-height:420px;padding-top:22px}.act h1,.act h2{font-size:30px}.act p{font-size:15px}.controls{column-gap:16px}.range-ends{font-size:10px}.director .director-intro{font-size:14px}.scene-control{margin-bottom:12px}.reset-button{font-size:12px}}@media (height<=720px) and (width>=850px){.masthead{min-height:92px;padding:16px 0}.wordmark{font-size:70px}.production-footer{min-height:55px}.reading{padding-bottom:10px}.act h1{font-size:36px}.act h2{margin-bottom:16px;font-size:31px}.act p{margin-bottom:18px;font-size:15px}.director .director-intro{margin-bottom:12px;font-size:14px}.scene-control{margin-bottom:9px}.range-control{margin-bottom:8px}.range-control input{height:24px}.director .cue-status{margin-top:3px}.reset-button{min-height:30px}.controls{max-width:250px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important}.act{will-change:auto}}html[data-still=true] *,html[data-still=true] :before,html[data-still=true] :after{transition-duration:.001ms!important}@media (width<=600px){.stage{height:clamp(230px,37svh,330px)}.masthead{min-height:74px;padding:18px 0 14px}.reading{min-height:0;padding:16px 0 18px}.director h2{margin-bottom:5px;font-size:28px;line-height:1.1}.director .director-intro{margin-bottom:12px;font-size:14px;line-height:1.35}.scene-control{margin-bottom:10px}.scene-control legend{margin-bottom:3px;font-size:13px}.scene-options button{min-height:40px;padding-top:4px;padding-bottom:4px;font-size:15px}.range-control{margin-bottom:5px}.range-control label{margin-bottom:0;font-size:13px}.range-control input{height:25px}.range-ends{font-size:10px}.reset-button{min-height:40px;padding:6px 0;font-size:12px}.director .cue-status{min-height:15px;margin:1px 0 0;font-size:11px;line-height:1.3}.director .text-link{min-height:40px;margin-top:1px;font-size:13px}.production-footer{flex-wrap:nowrap;gap:12px;min-height:55px}.act-label{display:none}.chapter-nav{flex:1;order:0;justify-content:space-between;gap:0;width:auto;padding:0}.chapter-nav a{min-width:32px;min-height:44px}.chapter-nav a:after{left:10px;right:10px}.motion-toggle{flex:none;order:1;width:auto;max-width:72px;min-height:44px;padding:8px 0;font-size:10px}.act-content{padding:0 0 8px}.act-one .act-content{padding-top:6px}.static-mode .reading{min-height:0}}.boot-fallback .story{height:auto!important}.boot-fallback .production{height:auto;min-height:0;position:relative;top:0}.boot-fallback .composition{display:block}.boot-fallback .stage{width:100%;height:55svh}.boot-fallback .reading{padding:25px 0;display:block}.boot-fallback .act{opacity:1;visibility:visible;pointer-events:auto;margin:40px 0;transform:none}.boot-fallback .act-content{max-width:650px}.boot-fallback .header-cue,.boot-fallback .motion-toggle,.boot-fallback .ending-actions button{display:none}.boot-fallback .director .act-content{display:block}@media (width<=389px) and (height>=681px) and (height<=760px){.stage{height:35svh}}@media (width>=600px) and (width<=849px) and (height<=600px){:root{--gutter:24px}.production{grid-template-rows:60px minmax(0,1fr) 44px;height:100svh;min-height:100svh;top:0}.masthead{gap:16px;min-height:0;padding:9px 0}.wordmark{font-size:44px}.header-cue{font-size:12px!important}.composition{grid-template-columns:minmax(220px,36%) minmax(0,64%);display:grid}.stage{order:0;grid-area:1/2;height:100%;min-height:0}.stage-caption{font-size:9px;bottom:8px;left:8px}.reading{grid-area:1/1;align-items:center;min-height:0;padding:5px 15px 5px 0}.act-content,.act-one .act-content{max-width:none;padding:0}.act h1,.act h2{margin-bottom:12px;font-size:26px;line-height:1.1}.act p,.act .lead{margin-bottom:13px;font-size:13px;line-height:1.4}.act .scroll-note{margin-top:6px;font-size:10px}.craft-note{margin-top:15px}.craft-note p{font-size:12px}.act .aside{margin:15px 0 10px;font-size:17px}.text-link{min-height:31px;font-size:12px}.director .act-content{display:block}.director h2{margin-bottom:5px;font-size:25px}.director .director-intro{max-width:none;margin-bottom:9px;font-size:12px;line-height:1.35}.controls{grid-template-columns:1fr 1fr;column-gap:15px;max-width:none;display:grid}.scene-control{grid-column:1/-1;margin-bottom:8px}.scene-control legend{margin-bottom:2px;font-size:12px}.scene-options button{min-height:32px;padding:4px 7px;font-size:13px}.range-control{margin-bottom:4px}.range-control label{margin-bottom:0;font-size:12px}.range-control input{height:25px}.range-ends{font-size:9px}.reset-button{min-height:28px;padding:4px 0;font-size:11px}.director .cue-status{min-height:14px;margin:2px 0 0;font-size:10px}.director .text-link{min-height:31px;margin:0;font-size:12px}.ending .scene-signature{margin-bottom:10px;font-size:10px}.ending-actions{gap:2px;margin-top:10px}.ending-actions .text-link{font-size:12px}.production-footer{flex-wrap:nowrap;gap:20px;min-height:44px}.act-label{display:none}.chapter-nav{flex:1;order:0;width:auto;max-width:330px;padding:0}.chapter-nav a{min-height:40px}.motion-toggle{order:1;width:auto;min-height:40px;padding:5px 0;font-size:10px}}.production-footer a:focus-visible,.production-footer button:focus-visible{outline-offset:-3px}.range-control input:focus-visible{outline-offset:-2px}