/* Two full viewport planes in one continuous perspective scene. */
.camera-transition{position:fixed;inset:0;z-index:200;overflow:hidden;isolation:isolate;background:#101114;touch-action:none}
.camera-stage{position:absolute;inset:0;perspective:var(--camera-perspective);perspective-origin:50% 50%;background:#0d0e11 url("assets/utrecht-transition-background.png") center / cover no-repeat}
.camera-world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.camera-screen{position:absolute;left:0;top:0;width:var(--camera-width);height:var(--camera-height);overflow:hidden;background:#fff;border-radius:0;transform-origin:50% 50%;backface-visibility:hidden;outline:1px solid rgb(255 255 255 / var(--camera-edge,0));box-shadow:0 45px 100px -30px rgb(0 0 0 / var(--camera-shadow,0));will-change:transform,opacity}
.camera-screen-next{top:var(--camera-distance)}
.camera-document{position:absolute;left:0;top:0;width:var(--camera-width);background:#fff;pointer-events:none}
.camera-document main{width:100%}
.camera-page-frame{display:block;width:100%;height:100%;border:0;background:#fff;pointer-events:none}
.camera-screen .intro-scene{position:absolute;z-index:0}
.page-work .intro-scene{--paper:#fff}
.camera-screen-next .hero-art,.camera-screen-next .hero-description,.camera-screen-next .scroll-link,.camera-screen-next .hero-name-marquee,.camera-screen-next .hero-badge,.camera-screen-next .hero-eyebrow,.camera-screen-next .name-label,.camera-screen-next .dutch-label,.camera-screen-next .home-menu-toggle{visibility:visible!important}
.camera-preview .intro-scene{display:none!important}
.camera-preview .enter-item,.camera-preview [data-reveal],.camera-arriving .enter-item,.camera-arriving [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
.camera-preview .heading-mask>span,.camera-arriving .heading-mask>span{transform:none!important}
.camera-screen *{animation-play-state:paused!important}
.camera-screen-next .enter-item,.camera-screen-next [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
.camera-screen-next .heading-mask>span{transform:none!important}
.camera-skip{position:absolute;right:30px;bottom:24px;z-index:1;border:0;padding:10px 0;background:transparent;color:#fff;font-size:12px;letter-spacing:.02em;cursor:pointer;opacity:0;transition:opacity .4s}
.camera-transition.is-in-space .camera-skip{opacity:.65}
.camera-skip:hover,.camera-skip:focus-visible{opacity:1}
.camera-playing>.home-menu-toggle,.camera-playing>.chapter-menu-toggle,.camera-playing>.reading-progress,.camera-playing>.work-hover-preview{visibility:hidden}
.camera-handoff>main .has-entered{transition:none!important}
@media(max-width:760px){.camera-skip{right:24px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.camera-transition{display:none}}