.desk{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(120% 80% at 8% -10%,hsla(0,0%,100%,.6),transparent 60%),#efebe5 url(/assets/textures/oak.webp) 0 0 /1800px 1100px}.desk-window{position:absolute;left:-18%;top:-30%;width:82%;height:150%;background:linear-gradient(90deg,rgba(255,253,248,0),rgba(255,253,248,.3) 14%,rgba(255,253,248,.3) 38%,rgba(255,253,248,0) 47.5%,rgba(255,253,248,0) 50.5%,rgba(255,253,248,.3) 60%,rgba(255,253,248,.3) 82%,rgba(255,253,248,0) 94%);transform:rotate(-24deg) skewX(-20deg);-webkit-mask-image:linear-gradient(185deg,#000 15%,rgba(0,0,0,.35) 55%,transparent 88%);mask-image:linear-gradient(185deg,#000 15%,rgba(0,0,0,.35) 55%,transparent 88%)}.desk-leaves{position:absolute;top:-6%;right:-8%;width:min(72vw,980px);aspect-ratio:9/7;background:url(/assets/textures/leaves.webp) no-repeat 50%/contain;opacity:.075;transform-origin:100% 0;animation:leaves-sway 11s ease-in-out infinite alternate}@keyframes leaves-sway{0%{transform:rotate(0deg) translateZ(0)}50%{transform:rotate(1.6deg) translate3d(-.6%,.8%,0)}to{transform:rotate(-1deg) translate3d(.4%,-.4%,0)}}.desk-vignette{position:absolute;inset:0;background:radial-gradient(140% 120% at 30% 25%,transparent 50%,rgba(92,70,44,.16) 100%),linear-gradient(180deg,hsla(0,0%,100%,.18),transparent 30%)}.desk-page{position:relative;isolation:isolate;min-height:100vh;min-height:100svh}@media (prefers-reduced-motion:reduce){.desk-leaves{animation:none}}