.play-building-page{--building-ink: var(--fg);--building-paper: var(--bg);--archive-info-width: clamp(13rem, 15vw, 17rem);--archive-grid-gap: clamp(.4rem, .6vw, .65rem);position:relative;display:grid;grid-template-columns:7rem var(--archive-info-width) minmax(0,1240px) 3rem;justify-content:center;gap:var(--archive-grid-gap);width:min(calc(100% - 2rem),1800px);margin:0 auto;padding:clamp(6.5rem,8vw,8rem) 0 6rem}.floor-menu{grid-column:1;position:sticky;top:7rem;align-self:start;z-index:30;display:flex;flex-direction:column;gap:.3rem}.archive-page-title{margin:0 0 .15rem .8rem;font-size:clamp(1.35rem,1.6vw,1.7rem);font-weight:500;line-height:1.1}.floor-menu-label{margin:0 0 .45rem .85rem;color:var(--muted);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase}.floor-menu-item{position:relative;width:100%;max-width:100%}.floor-menu-description{position:absolute;top:50%;left:calc(100% + var(--archive-grid-gap));z-index:50;width:var(--archive-info-width);padding:0;color:var(--building-ink);background:transparent;opacity:0;pointer-events:none;transform:translate(.4rem,-50%);visibility:hidden;transition:opacity .18s ease,transform .22s ease,visibility .18s}.floor-menu-description span{display:block;color:var(--muted);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.floor-menu-description strong{display:block;margin-top:.35rem;font-size:1rem;font-weight:500}.floor-menu-description p{margin:.3rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.5}.floor-menu-item:hover .floor-menu-description,.floor-menu-item:focus-within .floor-menu-description{opacity:1;transform:translateY(-50%);visibility:visible}.floor-menu-link{position:relative;display:flex;min-height:2.8rem;align-items:center;gap:.65rem;width:fit-content;max-width:100%;padding:.55rem .9rem;border:1.5px solid var(--building-ink);color:var(--building-ink);background:var(--building-paper);font-size:clamp(.65rem,.85vw,.76rem);line-height:1.1;text-decoration:none;transition:color .2s ease,background .2s ease,transform .25s ease}.floor-menu-link:after{display:none}.floor-menu-link--round{border-radius:999px}.floor-menu-link--vertical{min-height:3.7rem;border-radius:.25rem}.floor-menu-link--cloud{border-radius:45% 55% 48% 52%/55% 42% 58% 45%}.floor-menu-link--cube{transform:skewY(-3deg)}.floor-menu-link--screen{border-radius:.35rem;box-shadow:inset 0 0 0 3px var(--building-paper),inset 0 0 0 4px var(--building-ink)}.floor-menu-link:hover,.floor-menu-link.is-active{color:var(--building-paper);background:var(--building-ink);transform:translate(.55rem)}.floor-menu-link--cube:hover,.floor-menu-link--cube.is-active{transform:translate(.55rem) skewY(-3deg)}.floor-menu-number{color:var(--muted);font-size:.58rem;font-variant-numeric:tabular-nums}.floor-menu-link.is-active .floor-menu-number{color:currentColor;opacity:.62}.floor-menu-link--svg{width:min(100%,7rem);height:auto;min-height:0;padding:0;border:0;background:transparent}.floor-menu-link--svg:hover,.floor-menu-link--svg.is-active{color:var(--building-ink);background:transparent;transform:translate(.35rem)}.floor-menu-link--svg .floor-menu-art,.floor-menu-link--svg .floor-menu-art svg{display:block;width:100%!important;height:auto!important;max-width:100%}.floor-menu-characters-video,.floor-menu-illustration-video{display:block;width:100%;height:auto;background:transparent;pointer-events:none}.floor-menu-books-svg{pointer-events:auto}.floor-menu-books-svg svg{pointer-events:none}.floor-menu-books-svg :is(#book_Rectangle_30,#book_Group_14){animation:none!important}.floor-menu-link--books.is-svg-opening #book_Rectangle_30{animation:book_kf_Rectangle_30_transform_0 .6s linear 1 both!important}.floor-menu-link--books.is-svg-opening #book_Group_14{animation:book_kf_Group_14_transform_0 .6s linear 1 both!important}.floor-menu-link--books.is-svg-reversing #book_Rectangle_30{animation:book_kf_Rectangle_30_transform_0 .6s linear 1 reverse both!important}.floor-menu-link--books.is-svg-reversing #book_Group_14{animation:book_kf_Group_14_transform_0 .6s linear 1 reverse both!important}.floor-menu-link--logofolio{margin-top:-1.5rem}.floor-menu-logofolio-svg{pointer-events:auto}.floor-menu-logofolio-svg svg{pointer-events:none}.floor-menu-logofolio-svg :is(#Rectangle_20,#Rectangle_23,#Rectangle_22,#Rectangle_24,#L,#G,#O,#O_2){animation:none!important;transition:transform .65s cubic-bezier(.5,0,.5,1)}.floor-menu-logofolio-svg #Rectangle_20{transform:translate(127px,124px) translate(-26.5px,50.5px) rotate(0) translate(26.5px,-50.5px) rotate(1.571rad)}.floor-menu-logofolio-svg #Rectangle_23{transform:translate(233px,106px) translate(-26.5px,50.5px) rotate(0) translate(26.5px,-50.5px) rotate(1.571rad)}.floor-menu-logofolio-svg #Rectangle_22{transform:translate(180px,148px) translate(-26.5px,50.5px) rotate(0) translate(26.5px,-50.5px) rotate(1.571rad)}.floor-menu-logofolio-svg #Rectangle_24{transform:translate(286px,106px) translate(-26.5px,50.5px) rotate(0) translate(26.5px,-50.5px) rotate(1.571rad)}.floor-menu-logofolio-svg #L{transform:translate(90px,136px) translate(12.5px,38px) rotate(0) translate(-12.5px,-38px)}.floor-menu-logofolio-svg #G{transform:translate(196px,118px) translate(12.5px,38px) rotate(0) translate(-12.5px,-38px)}.floor-menu-logofolio-svg #O{transform:translate(143px,160px) translate(12.5px,38px) rotate(0) translate(-12.5px,-38px)}.floor-menu-logofolio-svg #O_2{transform:translate(248px,118px) translate(12.5px,38px) rotate(0) translate(-12.5px,-38px)}.floor-menu-link--logofolio:hover #Rectangle_20{transform:translate(127px,124px) translate(-26.5px,50.5px) rotate(.262rad) translate(26.5px,-50.5px) rotate(1.571rad)}.floor-menu-link--logofolio:hover #Rectangle_23{transform:translate(233px,106px) translate(-26.5px,50.5px) rotate(.262rad) translate(26.5px,-50.5px) rotate(1.571rad)}.floor-menu-link--logofolio:hover #Rectangle_22{transform:translate(180px,148px) translate(-26.5px,50.5px) rotate(-.262rad) translate(26.5px,-50.5px) rotate(1.571rad)}.floor-menu-link--logofolio:hover #Rectangle_24{transform:translate(286px,106px) translate(-26.5px,50.5px) rotate(-.262rad) translate(26.5px,-50.5px) rotate(1.571rad)}.floor-menu-link--logofolio:hover #L{transform:translate(90px,136px) translate(12.5px,38px) rotate(.262rad) translate(-12.5px,-38px)}.floor-menu-link--logofolio:hover #G{transform:translate(196px,118px) translate(12.5px,38px) rotate(.262rad) translate(-12.5px,-38px)}.floor-menu-link--logofolio:hover #O{transform:translate(143px,160px) translate(12.5px,38px) rotate(-.262rad) translate(-12.5px,-38px)}.floor-menu-link--logofolio:hover #O_2{transform:translate(248px,118px) translate(12.5px,38px) rotate(-.262rad) translate(-12.5px,-38px)}.floor-menu-link--posters,.floor-menu-link--illustration,.floor-menu-link--characters,.floor-menu-link--digital{margin-top:-1.5rem}.floor-menu-posters-svg{pointer-events:auto}.floor-menu-posters-svg svg{pointer-events:none}.floor-menu-posters-svg :is(#poster_Rectangle_25,#poster_Rectangle_29,#poster_Rectangle_28,#poster_posters__events){animation:none!important}.floor-menu-link--posters.is-svg-opening #poster_Rectangle_25{animation:poster_kf_Rectangle_25_transform_0 .65s ease-out 1 both!important}.floor-menu-link--posters.is-svg-opening #poster_Rectangle_29{animation:poster_kf_Rectangle_29_transform_0 .65s ease-out 1 both!important}.floor-menu-link--posters.is-svg-opening #poster_Rectangle_28{animation:poster_kf_Rectangle_28_transform_0 .65s ease-out 1 both!important}.floor-menu-link--posters.is-svg-opening #poster_posters__events{animation:poster_kf_posters__events_transform_0 .65s ease-out 1 both!important}.floor-menu-link--posters.is-svg-reversing #poster_Rectangle_25{animation:poster_kf_Rectangle_25_transform_0 .5s ease-in-out 1 reverse both!important}.floor-menu-link--posters.is-svg-reversing #poster_Rectangle_29{animation:poster_kf_Rectangle_29_transform_0 .5s ease-in-out 1 reverse both!important}.floor-menu-link--posters.is-svg-reversing #poster_Rectangle_28{animation:poster_kf_Rectangle_28_transform_0 .5s ease-in-out 1 reverse both!important}.floor-menu-link--posters.is-svg-reversing #poster_posters__events{animation:poster_kf_posters__events_transform_0 .5s ease-in-out 1 reverse both!important}.building-shell{grid-column:3;min-width:0}[data-theme=dark] .floor-menu-books-svg,[data-theme=dark] .floor-menu-logofolio-svg,[data-theme=dark] .floor-menu-posters-svg,[data-theme=dark] .floor-menu-illustration-video,[data-theme=dark] .floor-menu-characters-video,[data-theme=dark] .floor-menu-digital-svg,[data-theme=dark] .elevator-art{filter:invert(1)}.building-floors{border:2px solid var(--building-ink);border-bottom:0}.play-floor{position:relative;min-height:0;padding:clamp(3.75rem,5vw,5rem) clamp(2.5rem,4vw,4rem) clamp(4.5rem,6vw,6rem);border-bottom:2px solid var(--building-ink);scroll-margin-top:5rem;overflow:visible}.floor-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.floor-number{color:var(--muted);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.floor-heading h2{margin-top:.25rem;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:500}.floor-heading p{margin-top:.2rem;color:var(--muted);font-size:.65rem;line-height:1.4}.floor-gallery{display:grid;align-items:start;width:100%;min-height:0;padding:1rem 0 2rem}.play-floor--compact .floor-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(4rem,6vw,6rem) clamp(5rem,8vw,8rem);max-width:58rem;margin:0 auto}.play-floor--balanced .floor-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4.5rem,6vw,6rem) clamp(2.75rem,4vw,4rem)}.play-floor--dense .floor-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3.75rem,5vw,5rem) clamp(2rem,3.2vw,3.25rem)}.floor-project{--project-offset-x: 0;--project-offset-y: 0;position:relative;z-index:2;display:block;width:100%;margin:0;outline:none;color:inherit;text-decoration:none;cursor:pointer;justify-self:center;transform:translate(var(--project-offset-x),var(--project-offset-y)) rotate(var(--project-tilt));transition:transform .35s cubic-bezier(.2,.75,.25,1),filter .25s ease}.floor-project:after{display:none}.play-floor--compact .floor-project{max-width:22rem}.play-floor--balanced .floor-project{max-width:20rem}.play-floor--dense .floor-project{max-width:18.75rem}.play-floor--compact .floor-project:nth-child(2n){--project-offset-y: 2.25rem}.play-floor--balanced .floor-project:nth-child(3n+2){--project-offset-y: 2.5rem}.play-floor--balanced .floor-project:nth-child(3n+3){--project-offset-y: .75rem}.play-floor--dense .floor-project:nth-child(3n+2){--project-offset-y: 1.75rem}.play-floor--dense .floor-project:nth-child(3n+3){--project-offset-y: -.5rem}.floor-project-media,.floor-project-stack img{overflow:hidden;background:var(--surface-alt-2);box-shadow:0 0 0 1px color-mix(in srgb,var(--building-ink) 12%,transparent)}.floor-project-media img,.floor-project-media video,.floor-project-stack img{display:block;width:100%;height:auto}.floor-project-stack{position:absolute;inset:0;z-index:-1}.floor-project-stack img{position:absolute;inset:0;transform:translate(calc(var(--stack-index) * 5px),calc(var(--stack-index) * -5px)) rotate(calc(var(--stack-index) * 2deg));transition:transform .35s cubic-bezier(.2,.75,.25,1)}.floor-project figcaption{position:absolute;top:calc(100% + .65rem);left:0;z-index:7;display:flex;width:100%;max-width:100%;flex-direction:column;align-items:flex-start;color:var(--building-ink);opacity:0;pointer-events:none;text-align:left;transform:translateY(.4rem);transition:opacity .2s ease,transform .25s ease}.floor-project figcaption strong,.floor-project figcaption span{display:block;font-size:.62rem;font-weight:400;line-height:1.35}.floor-project figcaption>span:last-child{color:var(--muted);text-transform:lowercase}.floor-project-count{position:absolute;top:.45rem;right:.45rem;z-index:6;padding:.2rem .4rem;color:var(--building-paper);background:var(--building-ink);font-size:.52rem;letter-spacing:.04em;text-transform:uppercase}.floor-project-badge{position:absolute;bottom:.55rem;left:.55rem;z-index:6;padding:.28rem .5rem;color:var(--building-paper);background:var(--building-ink);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}.floor-project:hover,.floor-project:focus-visible{z-index:20;transform:translate(var(--project-offset-x),var(--project-offset-y)) rotate(0) scale(1.045)}.floor-project:hover figcaption,.floor-project:focus-visible figcaption{opacity:1;transform:translateY(0)}.floor-project--stack.floor-project--meta-right:hover .floor-project-stack img:nth-child(1),.floor-project--stack.floor-project--meta-right:focus-visible .floor-project-stack img:nth-child(1){transform:translate(-14%,-7%) rotate(-5deg)}.floor-project--stack.floor-project--meta-right:hover .floor-project-stack img:nth-child(2),.floor-project--stack.floor-project--meta-right:focus-visible .floor-project-stack img:nth-child(2){transform:translate(-28%,-10%) rotate(-9deg)}.floor-project--stack.floor-project--meta-left:hover .floor-project-stack img:nth-child(1),.floor-project--stack.floor-project--meta-left:focus-visible .floor-project-stack img:nth-child(1){transform:translate(14%,-7%) rotate(5deg)}.floor-project--stack.floor-project--meta-left:hover .floor-project-stack img:nth-child(2),.floor-project--stack.floor-project--meta-left:focus-visible .floor-project-stack img:nth-child(2){transform:translate(28%,-10%) rotate(9deg)}.building-elevator{--elevator-progress: 0;grid-column:4;position:sticky;top:6rem;align-self:start;height:calc(100vh - 9rem)}.building-elevator:before{content:"";position:absolute;inset:0 auto 0 50%;z-index:0;width:6px;border-right:2px solid var(--building-ink);border-left:2px solid var(--building-ink);transform:translate(-50%)}.elevator-car{position:absolute;top:calc(var(--elevator-progress) * (100% - 5.2rem));left:50%;z-index:2;display:grid;width:2.6rem;height:5.2rem;place-items:center;background:var(--building-paper);pointer-events:none;transform:translate(-50%);transition:top 80ms linear}.elevator-art{display:block;width:100%;height:100%;object-fit:contain}.elevator-control{position:absolute;top:50%;left:50%;width:calc(100vh - 9rem);height:2rem;margin:0;appearance:none;background:transparent;cursor:grab;z-index:2;transform:translate(-50%,-50%) rotate(90deg)}.elevator-control:active{cursor:grabbing}.elevator-control::-webkit-slider-runnable-track{width:100%;height:6px;border:0;background:transparent}.elevator-control::-webkit-slider-thumb{width:2.6rem;height:5.2rem;margin-top:-2.4rem;appearance:none;border:0;background:transparent}.elevator-control::-moz-range-track{width:100%;height:6px;border:0;background:transparent}.elevator-control::-moz-range-thumb{width:2.6rem;height:5.2rem;border:0;background:transparent}.elevator-control:focus-visible{outline:1px dashed var(--building-ink);outline-offset:.4rem}.play-lightbox[hidden]{display:none!important}.play-lightbox :is(.play-lightbox-image,.play-lightbox-video,.lightbox-nav,.play-lightbox-thumbnails)[hidden]{display:none!important}.play-lightbox-stage{display:grid;width:100%;height:100%;place-items:center}.play-lightbox .lightbox-content{grid-area:1 / 1;max-width:86vw;max-height:72vh;width:auto;height:auto}.play-lightbox-video{background:#000}.play-lightbox-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.play-lightbox-thumbnails{position:fixed;bottom:3.2rem;left:50%;z-index:10001;display:flex;max-width:min(80vw,42rem);gap:.5rem;padding:.45rem;overflow-x:auto;background:#00000073;transform:translate(-50%)}.play-lightbox-thumbnail{flex:0 0 auto;width:3.6rem;height:3.6rem;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.45);background:#111;cursor:pointer;opacity:.62}.play-lightbox-thumbnail.is-active{border-color:#fff;opacity:1}.play-lightbox-thumbnail :is(img,video){display:block;width:100%;height:100%;object-fit:cover}.lightbox-open{overflow:hidden}@media(min-width:801px)and (max-width:1380px){.play-building-page{--archive-info-width: clamp(9rem, 17vw, 12rem);grid-template-columns:7rem var(--archive-info-width) minmax(0,1fr) 2.5rem;width:calc(100% - 2rem)}.play-floor--balanced .floor-gallery,.play-floor--dense .floor-gallery{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(3.5rem,7vw,5rem)}.play-floor--balanced .floor-project,.play-floor--dense .floor-project{max-width:20rem}.play-floor--balanced .floor-project:nth-child(3n+2),.play-floor--balanced .floor-project:nth-child(3n+3),.play-floor--dense .floor-project:nth-child(3n+2),.play-floor--dense .floor-project:nth-child(3n+3){--project-offset-y: 0}.play-floor--balanced .floor-project:nth-child(2n),.play-floor--dense .floor-project:nth-child(2n){--project-offset-y: 1.5rem}}@media(max-width:800px){.play-building-page{display:block;width:100%;padding-top:6.25rem}.floor-menu{position:fixed;top:0;right:0;left:0;z-index:100;display:flex;width:100%;flex-direction:row;gap:.45rem;padding:.65rem 1rem;overflow-x:auto;background:color-mix(in srgb,var(--building-paper) 92%,transparent);backdrop-filter:blur(12px)}.archive-page-title{flex:0 0 auto;margin:0 .35rem 0 0;align-self:center;font-size:.9rem}.floor-menu-label,.floor-menu-description,.floor-menu-link:after,.building-elevator{display:none}.floor-menu-item{flex:0 0 auto;width:auto}.floor-menu-link{flex:0 0 auto;min-height:2.1rem;padding:.45rem .7rem;border-radius:999px}.floor-menu-link:hover,.floor-menu-link.is-active,.floor-menu-link--cube:hover,.floor-menu-link--cube.is-active{transform:none}.building-floors{border-right:0;border-left:0}.play-floor{min-height:0;padding:7.5rem 1.25rem 4.5rem;scroll-margin-top:5.5rem}.floor-heading{top:1.3rem;left:1.25rem;width:auto;height:auto;max-width:min(18rem,calc(100% - 2.5rem));padding:0;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;text-align:left}.floor-heading h2{font-size:1.25rem}.floor-heading p{font-size:.7rem}.floor-menu-link--svg{width:4.5rem;height:4.5rem}.floor-menu-link--logofolio,.floor-menu-link--posters,.floor-menu-link--illustration,.floor-menu-link--characters,.floor-menu-link--digital{margin-top:0}.play-floor--compact .floor-gallery,.play-floor--balanced .floor-gallery,.play-floor--dense .floor-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:4.5rem 1.25rem;padding:1rem .15rem 2rem}.play-floor--compact .floor-project,.play-floor--balanced .floor-project,.play-floor--dense .floor-project{width:100%;max-width:10.5rem}.play-floor .floor-project{--project-offset-x: 0;--project-offset-y: 0}.play-floor .floor-project:nth-child(2n){--project-offset-y: 1.25rem}.floor-project figcaption{width:100%;min-width:0}}@media(hover:none){.floor-project figcaption{position:relative;top:auto;right:auto;left:0;width:auto;min-width:0;margin-top:.5rem;opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.floor-menu-link,.floor-project,.floor-project-stack img,.elevator-control{transition:none}}
