.hero-photo-stage{position:absolute;inset:0;overflow:hidden;container-type:size}.hero-photo-stage--flow{position:relative;inset:auto;width:100%;height:100%}.hero-photo-frame{--photo-ar:1.7768;position:absolute;width:max(100cqw,calc(100cqh * var(--photo-ar)));height:max(100cqh,calc(100cqw / var(--photo-ar)));left:calc((100cqw - max(100cqw, calc(100cqh * var(--photo-ar)))) * var(--op-x, .88));top:calc((100cqh - max(100cqh, calc(100cqw / var(--photo-ar)))) * var(--op-y, .55))}.live-laptop-screen{--hero-screen-left:57.6%;--hero-screen-top:43.05%;--hero-screen-width:30.5%;--hero-screen-height:33.85%;--hero-screen-radius:0.75%;position:absolute;left:var(--hero-screen-left);top:var(--hero-screen-top);width:var(--hero-screen-width);height:var(--hero-screen-height);overflow:hidden;border-radius:var(--hero-screen-radius);pointer-events:none;transform:none}@media (max-width:1439px) and (min-width:1280px){.live-laptop-screen{--hero-screen-left:57.5%;--hero-screen-top:42.95%;--hero-screen-width:30.6%;--hero-screen-height:33.95%}}@media (max-width:1279px) and (min-width:1024px){.live-laptop-screen{--hero-screen-left:57.35%;--hero-screen-top:42.8%;--hero-screen-width:30.75%;--hero-screen-height:34.1%}}.live-laptop-screen--mobile{--hero-screen-left:57.6%;--hero-screen-top:43.3%;--hero-screen-width:30.3%;--hero-screen-height:33.5%;--hero-screen-radius:1%}.live-laptop-screen__viewport{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#f3eee6;container-type:size}.live-laptop-screen__content{position:absolute;inset:0;overflow:hidden;background:#2c2723}.live-laptop-screen--mobile .live-laptop-screen__content{background:#f3eee6}.screen-layer{position:absolute;inset:0;opacity:0;animation:hero-screen-in var(--layer-fade,.6s) cubic-bezier(.16,1,.3,1) calc(var(--screen-start, 0s) + var(--layer-at, 0s)) both}.screen-layer--terminal{opacity:1;animation:none}.live-laptop-screen--desktop .screen-layer--wireframe{--layer-at:1.7s}.live-laptop-screen--desktop .screen-layer--design{--layer-at:2.8s}.live-laptop-screen--desktop .screen-layer--live{--layer-at:4s}.live-laptop-screen--mobile .screen-layer--wireframe{opacity:1;animation:none}.live-laptop-screen--mobile .screen-layer--design{display:none}.live-laptop-screen--mobile .screen-layer--live{--layer-at:0.9s;--layer-fade:0.8s}@media (min-width:768px){.live-laptop-screen--mobile .screen-layer--design{display:block;--layer-at:0.9s}.live-laptop-screen--mobile .screen-layer--live{--layer-at:1.9s}}.terminal-line{opacity:0;animation:hero-screen-in .25s cubic-bezier(.16,1,.3,1) calc(var(--screen-start, 0s) + var(--line-delay, 0s)) both}@keyframes hero-screen-in{0%{opacity:0}to{opacity:1}}@media (max-width:359px){.live-laptop-screen--mobile .screen-layer--live{animation:none;opacity:1}}@media (prefers-reduced-motion:reduce){.screen-layer--live,.terminal-line{animation:none;opacity:1}.screen-layer:not(.screen-layer--live){animation:none}}.live-laptop-screen__glass{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(125deg,rgba(255,248,235,.06),rgba(255,255,255,0) 40%,rgba(25,14,8,.1))}.live-laptop-screen__vignette{position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 14px rgba(20,12,8,.18)}