.scene{position:relative;width:100%;height:250vh;min-height:0!important;padding:0!important;display:block!important;overflow:clip!important;justify-items:stretch!important;align-content:normal!important}.scene .stage{width:100%;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.scene .stage:before{content:"";position:absolute;inset:-2%;background:var(--bg) center bottom / cover no-repeat;transform:scale(calc(1.07 - var(--p, 0) * .05));transform-origin:50% 90%;z-index:0}.scene{--nav: 108px;--desk: 11svh;--mw: min(50vw, calc((100svh - var(--nav) - var(--desk) - 30px) * 1.651));--mx: calc(33vw + (50vw - var(--mw)) / 2)}.scene[data-side=left]{--mx: calc(17vw + (50vw - var(--mw)) / 2)}.scene .stage>header{position:absolute;z-index:4;top:var(--nav);bottom:calc(var(--desk) + 4svh);width:26vw;left:5vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;margin:0;padding:0;max-width:none}.scene[data-side=left] .stage>header{left:auto;right:4vw}.scene .stage>header:before{content:"";position:absolute;inset:-12% -18% -12% -30%;z-index:-1;background:radial-gradient(closest-side,#fff7ead1,#fff7ea00);pointer-events:none}.scene .stage>header h2{font-size:clamp(34px,3.5vw,60px)!important;line-height:1.02;margin:10px 0 12px!important}.scene .stage>header p{font-size:clamp(15px,1.2vw,19px)!important;margin:0!important;max-width:26ch}.scene .set{position:absolute;z-index:3;left:var(--mx);width:var(--mw);bottom:var(--desk)}.scene .set:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-1.2vw;height:2.6vw;border-radius:50%;background:radial-gradient(closest-side,#32190873,#32190800);z-index:-1}.macbook{position:relative;margin:0;width:100%;aspect-ratio:3205 / 1941;will-change:transform}.macbook .mb-frame{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.macbook .mb-screen{position:absolute;left:10.078%;top:3.143%;width:79.875%;height:85.73%;overflow:hidden;border-radius:1.2%/1.8%;background:#e9c7a3 url(/shots/deskbuddy/wallpaper.webp) center / cover;container-type:size;z-index:1}.macbook .mb-screen>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block}.scene .actor{position:absolute;z-index:5;bottom:3.5svh;height:min(52svh,500px);width:auto;pointer-events:none;will-change:translate;filter:drop-shadow(0 16px 18px rgba(70,35,10,.3))}.scene[data-flip] .actor{scale:-1 1}.scene[data-side=right] .actor{left:calc(var(--mx) + var(--mw) - 4vw)}.scene[data-side=left] .actor{right:calc(100vw - var(--mx) - 4vw)}.scene .actor-shadow{position:absolute;z-index:4;bottom:2svh;height:3.4svh;width:15vw;border-radius:50%;background:radial-gradient(closest-side,#2d14058c,#2d140500);pointer-events:none}.scene[data-side=right] .actor-shadow{left:calc(var(--mx) + var(--mw) - 1vw)}.scene[data-side=left] .actor-shadow{right:calc(100vw - var(--mx) - 1vw)}.actor.acting{animation:act 1.6s ease-in-out infinite;transform-origin:50% 100%}@keyframes act{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.2%) rotate(-1.2deg)}}.scene[data-act=bounce] .actor.acting{animation:actBounce .9s cubic-bezier(.3,0,.4,1) infinite}@keyframes actBounce{0%,to{transform:translateY(0) scaleY(1)}45%{transform:translateY(-3%) scaleY(1.02)}90%{transform:translateY(0) scaleY(.97)}}.scene[data-act=sway] .actor.acting{animation:actSway 2.4s ease-in-out infinite}@keyframes actSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.scene[data-act=breathe] .actor.acting{animation:actBreathe 3.2s ease-in-out infinite}@keyframes actBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.01,.985)}}.scene .reel{position:absolute;z-index:4;left:calc(var(--mx) + var(--mw) * .3);width:calc(var(--mw) * .4);bottom:calc(var(--desk) - 4.5svh);height:4px;border-radius:4px;background:#5a321426;overflow:hidden}.scene .reel i{position:absolute;inset:0;background:var(--saffron, #e07d24);transform-origin:0 50%;transform:scaleX(var(--p, 0))}.scene.wide{--mw: min(72vw, calc((100svh - var(--nav) - var(--desk) - 190px) * 2.6));--mx: calc((100vw - var(--mw)) / 2)}.scene.wide .stage>header{top:var(--nav);bottom:auto;left:0;right:0;width:auto;align-items:center;text-align:center}.scene.wide .stage>header p{max-width:none}@media(max-width:760px){.scene{--nav: 88px;--desk: 33svh;--mw: 94vw;--mx: 3vw;height:220vh}.scene .stage:before{inset:0;transform:none;background:var(--bg) 50% 0 / auto 76svh no-repeat,linear-gradient(#b0672f,#8f4f22 60%,#7a421c)}.scene .stage:after{content:"";position:absolute;left:0;right:0;top:70svh;height:10svh;z-index:0;background:linear-gradient(#b0672f00,#a9612d 70%,#a9612d00);pointer-events:none}.scene[data-side=left]{--mx: 3vw}.scene .stage>header,.scene[data-side=left] .stage>header{top:var(--nav);bottom:auto;left:0;right:0;width:auto;align-items:center;text-align:center;padding:0 18px}.scene .stage>header p{max-width:none}.scene .actor{height:29svh;bottom:1.5svh}.scene[data-side=left] .actor{right:auto;left:2vw}.scene[data-side=right] .actor{left:auto;right:2vw}.scene[data-side=left] .actor-shadow{right:auto;left:5vw;bottom:1svh;width:32vw}.scene[data-side=right] .actor-shadow{left:auto;right:5vw;bottom:1svh;width:32vw}.scene .reel{display:none}.scene.wide{--mw: 94vw;--mx: 3vw}}@media(prefers-reduced-motion:reduce){.actor.acting{animation:none!important}}.scene[data-sky=night] .stage>header h2,.scene[data-sky=night] .stage>header p{color:#fbf1e2}.scene[data-sky=night] .stage>header h2 em{color:#f3a55a}.scene[data-sky=night] .stage>header:before{background:radial-gradient(closest-side,#1e0f148c,#1e0f1400)}.mb-screen>.demo{position:absolute!important;left:50%;top:53%;width:1000px!important;height:620px;aspect-ratio:auto!important;transform:translate(-50%,-50%) scale(var(--fs, .6))!important;transform-origin:50% 50%;margin:0!important;opacity:1!important}.scene.plated .stage:before{background:var(--bg) center bottom / cover no-repeat;filter:blur(14px) brightness(.97);transform:scale(1.1)}.plate{position:absolute;z-index:1}.plate-img{position:absolute;inset:0;width:100%;height:100%;display:block}.pl-screen{position:absolute;overflow:hidden;border-radius:.5%/.8%;background:#111}.pl-screen .mb-screen{position:absolute!important;width:100%!important;height:100%!important;inset:0!important;border-radius:0}.pl-screen .mb-screen>video{object-position:50% 0}.pl-notch{position:absolute;left:50%;top:0;width:11.5%;height:3.3%;transform:translate(-50%);background:#0b0b0c;border-radius:0 0 6px 6px;z-index:5}.pl-label{position:absolute;text-align:center;font:700 13px/1.2 var(--sans, Inter, sans-serif);color:#fff4e6;text-shadow:0 1px 8px rgba(40,20,5,.7)}.scene.plated .stage>header{z-index:4}.scene.plated .actor{transition:none}.scene.plated .reel{display:none}@media(max-width:760px){.scene.plated .stage{background:linear-gradient(#b2682f,#8f4f22 70%,#7a421c)}.scene.plated .stage:before{display:none}.plate{-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent)}.scene.plated .stage:after{display:none}}.pl-screen .mb-screen{background:#e9c7a3 url(/shots/deskbuddy/wallpaper.webp) center / cover;container-type:size;overflow:hidden}.pl-screen .panel{position:absolute;left:8cqw;top:8cqh;height:80cqh;width:auto;border-radius:2cqh;box-shadow:0 2cqh 4cqh -2cqh #3c1e0a99}.pl-screen .peek-art{height:34cqh!important}@media(max-width:760px){.scene .stage>header time{display:none}}.pl-screen .mb-screen>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}.pl-screen{background:#0b0b0c}.pl-screen .mb-screen>video{object-fit:contain!important;object-position:50% 50%!important;background:#0b0b0c}.scene{height:200vh}.pl-screen{overflow:hidden}.scene.plated .stage>header h2{font-size:clamp(30px,3vw,50px)!important}.scene.plated .stage>header p{font-size:clamp(14px,1.05vw,17px)!important}@media(min-width:761px){.scene.plated:not(.wide) .stage>header{justify-content:center}.scene.plated:not(.wide) .stage>header>*{position:relative}.scene.plated:not(.wide) .stage>header:before{content:none}.scene.plated:not(.wide) .stage>header{background:none}.scene.plated:not(.wide) .stage>header time,.scene.plated:not(.wide) .stage>header h2,.scene.plated:not(.wide) .stage>header p{margin-left:0}.scene.plated:not(.wide) .stage>header{--card: rgba(255, 248, 238, .78)}.scene.plated:not(.wide) .stage>header:after{content:"";position:absolute;z-index:-1;left:-22px;right:-18px;top:50%;height:var(--ch, 60%);transform:translateY(-50%)}}.scene.plated:not(.wide) .stage>header .hcard{background:#fff8eecc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:22px 24px 24px;box-shadow:0 20px 40px -24px #3c1e0a80}.scene.plated[data-sky=night] .stage>header .hcard,.scene.plated[data-sky=evening] .stage>header .hcard{background:#2816128c}.scene.plated[data-sky=evening] .stage>header h2,.scene.plated[data-sky=evening] .stage>header p{color:#fbf1e2}.scene.plated[data-sky=evening] .stage>header h2 em{color:#f3a55a}@media(max-width:760px){.scene.plated .stage>header .hcard{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0}}.pl-screen{border-radius:0;background:#000;overflow:hidden}.pl-screen .mb-screen>video{object-fit:cover!important;object-position:50% 50%!important;background:#000}.pl-frame{position:absolute;z-index:4;height:auto;pointer-events:none}.pl-notch{display:none}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0}.chips li{font:600 12px/1 var(--sans, Inter, sans-serif);padding:7px 10px;border-radius:999px;background:#ffffffb3;color:#5a4637;box-shadow:0 0 0 1px #6b564624}.scene[data-sky=night] .chips li,.scene[data-sky=evening] .chips li{background:#fff0e124;color:#fbe9d6;box-shadow:0 0 0 1px #ffe6c833}@media(max-width:760px){.chips{justify-content:center}.chips li{font-size:11px}}.scene.plated .stage>header h2{font-size:clamp(28px,2.6vw,46px)!important;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.scene.plated:not(.wide) .stage>header .hcard{padding:20px 20px 22px}.lens{position:absolute;left:0;top:0;z-index:7;overflow:hidden;border-radius:10px;background:#fff8ec;opacity:0;pointer-events:none;box-shadow:0 0 0 1px #ffffffe6,0 30px 60px -18px #1e0f058c,0 8px 18px -8px #1e0f0559;background:#2a2521}.lens video{position:absolute;left:0;top:0;max-width:none;object-fit:fill;transform-origin:0 0}.lens-ring{position:absolute;left:0;top:0;z-index:6;border-radius:8px;opacity:0;pointer-events:none;box-shadow:0 0 0 2px #e07d24f2,0 0 0 6px #e07d242e}.lens-cone{position:absolute;inset:0;z-index:5;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0}.lens-cone{display:none}.stack-card{position:sticky!important;top:0;transform-origin:50% 0;box-shadow:0 -24px 60px -24px #28140573}.stack-card+.stack-card{border-radius:26px 26px 0 0}.stack-shade{position:absolute;inset:0;z-index:50;background:#1d130c;opacity:0;pointer-events:none;border-radius:inherit}.scene{height:100vh!important;height:100svh!important}.scene .stage{position:relative!important;height:100%!important;border-radius:inherit;overflow:hidden}.scene.plated .stage:before{display:none!important}@media(prefers-reduced-motion:reduce){.stack-card{position:relative!important}}body:has(.stack-card){background:#231710!important}body:has(.stack-card) .daysky{display:none}.stack-card{background:#f3dcc0 url(/l1/bg-calm.webp) center / cover}.pl-screen .mb-screen>img.shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fly-copy{position:absolute;z-index:8;left:var(--x0);top:var(--y);animation:flyX 3.6s cubic-bezier(.45,0,.35,1) infinite;pointer-events:none}.fly-copy span{display:block;translate:-50% 0;font:600 13px/1 -apple-system,Inter,sans-serif;color:#2b2622;background:#fffaf1;padding:9px 12px 9px 30px;border-radius:10px;box-shadow:0 14px 26px -10px #3c1e0a8c;white-space:nowrap;position:relative;animation:flyY 3.6s cubic-bezier(.45,0,.35,1) infinite}.fly-copy span:before{content:"↗";position:absolute;left:10px;top:8px;color:#e07d24;font-weight:800}@keyframes flyX{0%,12%{left:var(--x0);opacity:0}18%{opacity:1}70%{left:var(--x1);opacity:1}80%,to{left:var(--x1);opacity:0}}@keyframes flyY{0%,12%{transform:translateY(0) rotate(-4deg) scale(.85)}41%{transform:translateY(-120px) rotate(3deg) scale(1.05)}70%,to{transform:translateY(0) rotate(0) scale(.85)}}.scene.wide .stage>header .hcard{display:inline-block;text-align:center}.scene.wide .stage>header .chips{justify-content:center}.scene.plated .stage>header .hcard{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff9f0e6!important}.scene.plated[data-sky=night] .stage>header .hcard,.scene.plated[data-sky=evening] .stage>header .hcard{background:#301c14d1!important}.lens video{will-change:transform}.scene.plated.wide .stage>header{display:flex;flex-direction:column;align-items:center}.scene.plated.wide .stage>header .hcard{display:block;width:fit-content;max-width:min(760px,88vw);border-radius:22px;padding:18px 34px 22px;box-shadow:0 20px 40px -24px #3c1e0a80}.scene.plated.wide .stage>header .hcard p{max-width:54ch;margin-left:auto!important;margin-right:auto!important}@media(max-width:760px){.scene.plated.wide .stage>header .hcard{padding:0;box-shadow:none;background:none!important}}@media(max-width:760px){.fly-copy span{font-size:10px;padding:6px 8px 6px 22px}.fly-copy span:before{left:7px;top:5px}.fly-copy{--x1: 62% !important}}html:has(.stack-card){scroll-behavior:auto!important}