@font-face{font-family:Kraft Mono;src:url(../../../design-assets/kraft-mono-regular.woff) format("woff");font-display:block;font-style:normal;font-weight:400}:root{font-family:Kraft Mono,ui-monospace,monospace;color:#02090e;background:#f8fcff;font-synthesis:none;font-variant-ligatures:common-ligatures;font-feature-settings:"liga" 1,"ss01" 1,"ss02" 1,"ss03" 1,"ss04" 1}*{box-sizing:border-box;margin:0;padding:0;letter-spacing:0}html,body{min-width:320px;max-width:100vw;min-height:100%;overflow-x:clip}body{background:#f8fcff;-webkit-font-smoothing:antialiased}button,input{border:0;background:none;color:inherit;font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}ul{list-style:none}dd{margin:0}.works-document{position:relative;width:100%;min-height:100vh;overflow-x:clip;background:#f8fcff}.grid-page{position:relative;display:flex;width:100%;margin-inline:auto;flex-direction:column;align-items:center}.hero-wash{position:absolute;inset:0 0 auto;z-index:0;width:100%;height:calc(100svh + clamp(160px,24vh,300px));background:radial-gradient(ellipse 74% 62% at -8% 24%,rgb(113 210 245 / 32%) 0%,rgb(113 210 245 / 13%) 48%,transparent 78%),radial-gradient(ellipse 72% 58% at 108% 18%,rgb(113 210 245 / 26%) 0%,rgb(113 210 245 / 10%) 50%,transparent 80%);pointer-events:none;view-transition-name:sphere-grid-wash}.hero{position:relative;width:100%;height:100svh;min-height:360px;overflow:hidden;view-transition-name:sphere-grid-hero}.hero,.gallery{z-index:1}.hero>p{position:absolute;left:50%;top:50%;z-index:1;width:267px;transform:translate(-50%,-50%);color:#02090e33;font-size:14px;line-height:1.2;text-align:center;text-transform:lowercase;pointer-events:none}.gallery{position:relative;width:100%;max-width:1440px;padding:0 20px 120px}.controls{display:flex;width:max-content;align-items:flex-start;gap:8px;font-size:12px;line-height:1;text-transform:uppercase;z-index:300;transition:opacity .65s cubic-bezier(.22,1,.36,1)}.controls{view-transition-name:sphere-controls}.sticky-controls{position:sticky;top:24px;margin-inline:auto}.player-controls{position:absolute;left:50%;top:24px;transform:translate(-50%)}.controls.fullscreen-hidden{opacity:0;pointer-events:none}.grid-page.player-open{z-index:300;height:0;min-height:0;overflow:visible}.grid-page.player-open .gallery{z-index:300}.grid-page.player-open .hero,.grid-page.player-open .grid-wrap,.grid-page.player-open [data-site-footer]{display:none}.grid-page.player-open .gallery{height:0;padding:0}.grid-wrap{margin-top:81px;padding-inline:20px;view-transition-name:sphere-grid-content}::view-transition-old(sphere-grid-wash),::view-transition-old(sphere-grid-hero),::view-transition-old(sphere-grid-content){animation:sphere-grid-layer-out .44s cubic-bezier(.22,1,.36,1) both}::view-transition-new(sphere-grid-wash),::view-transition-new(sphere-grid-hero),::view-transition-new(sphere-grid-content){animation:sphere-grid-layer-in .48s 80ms cubic-bezier(.22,1,.36,1) both}::view-transition-old(sphere-player){animation:sphere-player-out .38s cubic-bezier(.4,0,.2,1) both}::view-transition-new(sphere-player){animation:sphere-player-in .48s 80ms cubic-bezier(.22,1,.36,1) both}@keyframes sphere-grid-layer-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-10px,0)}}@keyframes sphere-grid-layer-in{0%{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes sphere-player-out{0%{opacity:1}to{opacity:0}}@keyframes sphere-player-in{0%{opacity:0}to{opacity:1}}::view-transition-group(sphere-work){z-index:450;animation-duration:.76s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(sphere-work),::view-transition-new(sphere-work){height:100%;overflow:clip;border-radius:24px;mix-blend-mode:normal;object-fit:cover}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(sphere-controls){z-index:500;animation-duration:.32s;animation-timing-function:ease-out}@media(min-width:768px){.hero>p{top:50%;width:auto;font-size:24px;white-space:nowrap}.gallery{padding:48px clamp(40px,10vw,200px) 120px}.controls{font-size:14px}.grid-wrap{margin-top:149px;padding-inline:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}