.play-page{--play-night: var(--bf-accent);--play-paper: var(--bf-bg);--play-signal: var(--bf-editorial-coral);background:var(--play-night);color:var(--play-paper)}.play-page main{overflow:clip}.play-page a{color:inherit;text-underline-offset:.3em}.play-page :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:6px}.play-page ::-moz-selection{background:var(--play-signal);color:var(--play-night)}.play-page ::selection{background:var(--play-signal);color:var(--play-night)}.play-gutter{padding-inline:clamp(20px,3vw,64px)}.play-controls{position:fixed;top:24px;right:3vw;z-index:30;display:flex;align-items:center;gap:20px}.play-controls button{color:var(--play-paper);background:var(--play-night);min-height:44px;padding:8px 12px;font-size:12px}.play-menu-button{width:48px;display:grid;align-content:center;gap:7px}.play-menu-button span{display:block;height:2px;background:currentColor;width:24px}.play-skip{position:fixed;top:-100px;z-index:50;background:var(--play-paper);color:var(--play-night)!important;padding:16px}.play-skip:focus{top:12px}.play-menu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:80px 5vw 32px;border:0;background:var(--play-night);color:var(--play-paper)}.play-menu::backdrop{background:var(--play-night)}.play-menu>button{position:absolute;right:5vw;top:24px;min-height:44px}.play-menu h2{font-size:20px;margin-bottom:40px}.play-menu nav{display:flex;flex-direction:column}.play-menu nav a{border-top:1px solid currentColor;padding:12px 0;text-decoration:none;font-size:clamp(32px,6vw,80px);letter-spacing:-.035em}.play-menu>p{margin-top:32px}.play-hero{height:170svh;view-timeline-name:--hero}.play-hero-stage{position:sticky;top:0;height:100svh;min-height:640px;overflow:clip}.play-film{position:absolute;inset:0}.play-film img,.play-film video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 45%;object-position:50% 45%;position:absolute;inset:0;filter:grayscale(1);opacity:.46}.play-film:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--play-night) 78%,transparent),color-mix(in srgb,var(--play-night) 72%,transparent) 45%,var(--play-night))}.play-hero-top{position:absolute;inset:20px 3vw auto}.play-hero h1{font-size:clamp(120px,25vw,420px);font-weight:700;letter-spacing:-.04em;line-height:.85;color:var(--play-signal);margin:0;width:-moz-fit-content;width:fit-content}.play-period{letter-spacing:-.04em}.play-hero-rule{width:56vw;height:5px;background:var(--play-signal);margin:22px 0 16px;transform-origin:left}.play-hero-notes{display:flex;justify-content:space-between;max-width:56vw;font-size:13px;gap:20px}.play-hero-center{position:absolute;inset:48% 3vw auto;display:flex;justify-content:space-between;align-items:center;font-size:clamp(22px,3vw,42px);line-height:1.1}.play-hero-center img{width:65px;background:var(--play-signal);padding:10px;border-radius:50%}.play-hero-center span:last-child{text-align:right}.play-hero-bottom{position:absolute;bottom:5vh;left:3vw;right:3vw;display:flex;justify-content:space-between;align-items:end;gap:24px}.play-hero-bottom p{font-size:12px;line-height:1.6}.play-word{color:var(--play-signal);font-size:clamp(80px,17vw,300px);letter-spacing:-.04em;font-weight:500;line-height:.9;white-space:nowrap}.play-intro{position:relative;margin-top:-12svh;padding-top:28px;padding-bottom:28vh}.play-intro h2{font-size:clamp(32px,4.5vw,68px);max-width:22ch;font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:0}.play-intro>p{max-width:37ch;margin:100px 7vw 0 auto;font-size:clamp(18px,2vw,28px);line-height:1.4}.play-display{color:var(--play-signal);font-size:clamp(60px,10vw,160px);letter-spacing:-.04em;font-weight:400;line-height:.94;margin:0 0 120px}.play-plates{display:grid;position:relative;view-timeline-name:--plates}.play-orbit,.play-plate-grid{grid-area:1 / 1}.play-orbit{position:sticky;top:0;height:100svh;align-self:start;pointer-events:none;opacity:.7}.play-orbit svg{width:100%;height:100%;overflow:visible}.play-orbit svg>path{fill:none;stroke:color-mix(in srgb,var(--play-paper) 20%,transparent);stroke-width:1}.play-orbit svg>.play-orbit-progress{stroke:var(--play-signal)}.play-orbit-hand{fill:var(--play-signal);transform-origin:720px 880px}.play-orbit span{position:absolute;bottom:15px;font-size:12px}.play-orbit span:last-child{right:0}.play-plate-grid{position:relative;display:grid;grid-template-columns:repeat(16,1fr);gap:18vh 20px;padding:5vh 0 20vh}.play-plate{margin:0;position:relative;view-timeline-name:--plate}.plate-one{grid-column:2 / 7}.plate-two{grid-column:10 / 17}.plate-three{grid-column:3 / 9}.plate-four{grid-column:11 / 16}.plate-five{grid-column:1 / 8}.plate-six{grid-column:10 / 16}.play-plate-image{overflow:clip;background:var(--play-paper);aspect-ratio:4 / 3}.plate-three .play-plate-image,.plate-six .play-plate-image{aspect-ratio:4 / 5}.play-plate-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(1);transition:filter .5s}.plate-five .play-plate-image img{-o-object-fit:contain;object-fit:contain}.play-plate:hover img{filter:grayscale(0)}.play-plate figcaption{position:relative;margin-top:22px;max-width:30ch}.play-plate h3{font-size:clamp(23px,2.5vw,38px);font-weight:400;line-height:1.15;letter-spacing:-.025em}.play-plate figcaption p{font-size:12px;line-height:1.5;margin-top:18px}.play-possibilities{padding-top:8vh}.play-story-stack{position:relative}.play-story{height:100svh;min-height:700px;position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;overflow:clip;view-timeline-name:--story;background:var(--play-paper);color:var(--play-night)}.play-story-coral{background:var(--bf-editorial-coral)}.play-story-blue{background:color-mix(in srgb,var(--bf-cobalt) 78%,var(--play-night));color:var(--play-paper)}.play-story-yellow{background:var(--bf-editorial-yellow)}.play-story-picture{grid-column:2;grid-row:1;height:100%;overflow:clip}.play-story-picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.play-story-copy{grid-column:1;grid-row:1;align-self:end;padding:6vw 3vw}.play-story-copy h3{font-size:clamp(36px,4vw,64px);line-height:1.03;letter-spacing:-.035em;margin:28px 0;max-width:14ch}.play-story-copy p{max-width:34ch;font-size:18px;line-height:1.5}.play-story-copy>p:first-child{font-size:14px}.play-story-copy a{display:inline-flex;min-height:44px;align-items:center;margin-top:25px}.play-finale{background:var(--play-signal);color:var(--play-night);min-height:100svh;padding-top:100px;padding-bottom:24px;position:relative;z-index:2;margin-top:16vh}.play-finale h2{font-size:clamp(42px,6vw,96px);line-height:1;letter-spacing:-.04em;font-weight:500}.play-finale em{font-family:Georgia,serif;font-weight:400}.play-finale-links{display:flex;flex-wrap:wrap;gap:20px 50px;margin:60px 0 20px}.play-finale-links a{min-height:44px;display:inline-flex;align-items:center}.play-image-word{font-size:34vw;line-height:.85;letter-spacing:-.04em;font-weight:800;background:url(/about/denver-bfd-studio.webp) center 55% / cover;-webkit-background-clip:text;background-clip:text;color:transparent;margin:80px 0 28px}.play-finale>p{font-size:12px}.play-floating-link{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:20;padding:12px 20px;background:var(--play-paper);color:var(--play-night)!important;font-size:12px;text-decoration:none;white-space:nowrap;transition:opacity .2s}.play-floating-link[data-hidden=true]{opacity:0;visibility:hidden}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html[data-motion=on] .play-hero-top{animation:play-hero-left linear both;animation-timeline:--hero;animation-range:exit 0% exit 70%}html[data-motion=on] .play-hero-bottom{animation:play-hero-right linear both;animation-timeline:--hero;animation-range:exit 0% exit 70%}html[data-motion=on] .play-film{animation:play-film-out linear both;animation-timeline:--hero;animation-range:exit 0% exit 90%}html[data-motion=on] .play-plate-image{animation:play-wipe linear both;animation-timeline:--plate;animation-range:entry 0% entry 95%}html[data-motion=on] .play-plate-image img{animation:play-image-settle linear both;animation-timeline:--plate;animation-range:entry 0% exit 100%}html[data-motion=on] .play-orbit-progress{animation:play-arc linear both;animation-timeline:--plates;animation-range:contain 0% contain 100%}html[data-motion=on] .play-orbit-hand{animation:play-needle linear both;animation-timeline:--plates;animation-range:contain 0% contain 100%}html[data-motion=on] .play-story-picture img{animation:play-story-settle linear both;animation-timeline:--story;animation-range:entry 0% entry 100%}}}@keyframes play-hero-left{to{transform:translate(-25%);opacity:0}}@keyframes play-hero-right{to{transform:translate(25%);opacity:0}}@keyframes play-film-out{0%{transform:scale(1.12)}to{transform:scale(1);opacity:0}}@keyframes play-wipe{0%{clip-path:inset(0 0 80%)}to{clip-path:inset(0)}}@keyframes play-image-settle{0%{transform:scale(1.13) translateY(4%)}to{transform:scale(1) translateY(-3%)}}@keyframes play-arc{0%{stroke-dasharray:1 1;stroke-dashoffset:1}to{stroke-dasharray:1 1;stroke-dashoffset:0}}@keyframes play-needle{to{transform:rotate(180deg)}}@keyframes play-story-settle{0%{transform:scale(1.12) translateY(7%)}to{transform:scale(1)}}html[data-motion=off] .play-film video{visibility:hidden}html[data-play-hidden] .play-page *{animation-play-state:paused!important}@media(max-width:700px){.play-controls{top:16px;right:16px;gap:8px}.play-hero{height:150svh}.play-hero-stage{min-height:620px}.play-hero-top{inset:95px 20px auto}.play-hero h1{font-size:35vw}.play-hero-rule{width:100%;margin-top:18px;height:3px}.play-hero-notes{max-width:none;font-size:10px;gap:8px}.play-hero-center{inset:46% 20px auto;font-size:20px}.play-hero-center img{width:46px;padding:7px}.play-hero-bottom{left:20px;right:20px;bottom:10vh;flex-direction:column-reverse;align-items:flex-end;gap:36px}.play-word{font-size:24vw}.play-hero-bottom p{align-self:flex-start}.play-intro{padding-bottom:120px}.play-intro>p{margin:65px 0 0 12%;font-size:18px}.play-display{font-size:16vw;margin-bottom:65px}.play-plate-grid{display:block;padding-bottom:60px}.play-plate{width:83%;margin-bottom:100px}.play-plate:nth-child(2n){margin-left:auto}.play-plate h3{font-size:25px}.play-orbit{opacity:.3}.play-orbit-hand{display:none}.play-story{min-height:760px;height:100svh;display:flex;flex-direction:column}.play-story-picture{height:49%;flex-shrink:0}.play-story-picture img{-o-object-fit:cover;object-fit:cover}.play-story-copy{padding:26px 24px 60px;align-self:auto}.play-story-copy h3{font-size:34px;margin:15px 0;max-width:16ch}.play-story-copy p{font-size:16px}.play-story-copy a{margin-top:12px}.play-finale{padding-top:70px}.play-finale-links{gap:10px 28px}.play-image-word{font-size:33vw;margin-top:70px}}@media(prefers-reduced-motion:reduce){.play-page *{animation:none!important;transition:none!important}.play-hero{height:100svh}.play-hero-stage{position:relative}.play-intro{margin-top:0}.play-story{position:relative}}@media print{.play-controls,.play-floating-link,.play-orbit,.play-film video{display:none}.play-page *{animation:none!important}.play-hero{height:100vh}.play-story{position:relative;-moz-column-break-inside:avoid;break-inside:avoid}.play-intro{margin-top:0}}.play-film video:not([data-ready]){opacity:0}.play-plate:nth-child(1){grid-row:1}.play-plate:nth-child(2){grid-row:2}.play-plate:nth-child(3){grid-row:3}.play-plate:nth-child(4){grid-row:4}.play-plate:nth-child(5){grid-row:5}.play-plate:nth-child(6){grid-row:6}html[data-motion=off] .play-hero{height:100svh}html[data-motion=off] .play-hero-stage,html[data-motion=off] .play-story{position:relative}html[data-motion=off] .play-intro{margin-top:0;padding-top:80px}html:has(.play-menu[open]){overflow:hidden}.play-page .play-exit{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--play-paper);background:var(--play-paper);color:var(--play-night);box-shadow:0 4px 18px color-mix(in srgb,var(--play-night) 24%,transparent);transition:background-color .2s,color .2s}.play-page .play-exit:hover{background:var(--play-signal);color:var(--play-night)}.play-page .play-exit:focus-visible{outline:3px solid var(--play-signal);outline-offset:4px}@media(max-width:600px){.play-floating-link{left:16px;transform:none;max-width:calc(100vw - 108px);white-space:normal;bottom:max(24px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.play-page .play-exit{transition:none}}@media print{.play-page .play-exit{display:none}}html[data-motion=on] .play-film:has(video[data-ready]:not([hidden]))>img{visibility:hidden}.play-controls{top:96px}.play-menu{z-index:100}@media(max-width:800px){.play-controls{top:86px}}.play-menu-button{width:auto}