.view-desk{background:radial-gradient(ellipse 80% 70% at 50% 45%,transparent 0%,rgba(0,0,0,.45) 100%),#4a3a22;background-size:auto,512px;background-repeat:no-repeat,repeat;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.desk-area{position:relative;width:min(100vw,calc(100dvh * 16 / 9));aspect-ratio:16 / 9;margin:0 auto;container-type:inline-size}.desk-stage{position:absolute;inset:0;z-index:2}.desk-base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.desk-mirror{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.desk-mirror--left{right:100%;top:0;transform:scaleX(-1)}.desk-mirror--right{left:100%;top:0;transform:scaleX(-1)}.desk-mirror--top{left:0;bottom:100%;transform:scaleY(-1)}.desk-mirror--bottom{left:0;top:100%;transform:scaleY(-1)}.desk-mirror--top-left{right:100%;bottom:100%;transform:scale(-1)}.desk-mirror--top-right{left:100%;bottom:100%;transform:scale(-1)}.desk-mirror--bottom-left{right:100%;top:100%;transform:scale(-1)}.desk-mirror--bottom-right{left:100%;top:100%;transform:scale(-1)}.prop{position:absolute;left:var(--x);top:var(--y);width:var(--w);transform:translate(-50%,-50%) rotate(var(--rot, 0deg));background:none;border:0;padding:0;margin:0;display:block;color:inherit;font:inherit;text-decoration:none}.prop img{width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.prop--interactive{cursor:pointer}.prop--interactive:hover img,.prop--interactive:focus-visible img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3)) brightness(.7)}.prop--interactive:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.prop-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(var(--rot, 0deg));font-family:var(--font-script);font-weight:700;font-size:var(--label-size, 3cqw);line-height:1;white-space:nowrap;pointer-events:none;user-select:none;z-index:3;opacity:var(--label-opacity, .9);filter:blur(var(--label-blur, .4px))}.prop-label--notebook{--x: 42%;--y: 37%;--label-size: 3cqw;color:var(--ink);mix-blend-mode:multiply;text-shadow:0 .5px 1px rgba(60,45,25,.3)}.prop-label--about{--x: 17%;--y: 71%;--rot: 8deg;--label-size: 2.4cqw;--label-opacity: .85;color:#f5eff0f2;text-shadow:0 1px 3px rgba(0,0,0,.5)}.page-notes{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:auto;transform:translate(-50%,-50%) rotate(var(--rot, 0deg));pointer-events:none;z-index:2;opacity:var(--fill-opacity, .62);filter:blur(var(--label-blur, .4px));mix-blend-mode:multiply}.page-notes--work{--x: 42.5%;--y: 54%;--w: 17%}.page-notes--work-2{--x: 59%;--y: 54%;--w: 17%}.prop--notebook{--x: 50%;--y: 55%;--w: 26%;--rot: -90deg}.prop--about{--x: 16%;--y: 82%;--w: 15%;--rot: 8deg}.prop--books{--x: 15%;--y: 10%;--w: 24%;--rot: 33deg}.prop--coffee{--x:80%;--y: 28%;--w: 11%;--rot: 83deg}.prop--pen{--x: 30%;--y: 60%;--w: 14%;--rot: 122deg}.prop--headphones{--x: 90%;--y: 92%;--w: 22%;--rot: -40deg}@media(max-width:768px){.desk-area{--stage-w: min(100vw, 56.25dvh );width:var(--stage-w);aspect-ratio:9 / 16}.desk-base{inset:50% auto auto 50%;width:calc(var(--stage-w) * 16 / 9);height:var(--stage-w);transform:translate(-50%,-50%) rotate(-90deg)}.prop-label,.page-notes{--label-blur: 0px}.prop--notebook{--x: 50%;--y: 55%;--w: 40%;--rot: -90deg}.prop--about{--x: 16%;--y: 84%;--w: 30%;--rot: 8deg}.prop--books{--x: 30%;--y: 10%;--w: 60%;--rot: 33deg}.prop--coffee{--x:80%;--y: 30%;--w: 22%;--rot: 83deg}.prop--pen{--x: 15%;--y: 54%;--w: 28%;--rot: 122deg}.prop--headphones{--x: 78%;--y: 92%;--w: 44%;--rot: -40deg}.prop-label--notebook{--x: 37%;--y: 47%;--label-size: 6cqw}.prop-label--about{--x: 18%;--y: 77%;--rot: 8deg;--label-size: 5cqw}.page-notes--work{--x: 38%;--y: 55.5%;--w: 25%}.page-notes--work-2{--x: 63%;--y: 54.5%;--w: 24%}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}