@media (min-width:961px){.ph-hero.sv-ab-hero:not(.is-flat){height:var(--ph-scroll)}}.ph-lead{z-index:3;position:relative}.ph-frame{width:var(--sv-measure-full);aspect-ratio:var(--ph-aspect-d);max-height:max(100svh - 440px, var(--sv-measure-full) / var(--ph-ratio-d) * var(--ph-min-keep));-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:auto;position:relative;overflow-y:clip}.ph-frame.is-live{overflow-y:visible}.ph-camera{top:50%;left:var(--ph-cam-x-d);width:var(--ph-cam-w-d);aspect-ratio:var(--ph-scene-aspect);margin-top:calc(var(--ph-cam-h-d) * -.5);transform-origin:var(--ph-origin);will-change:transform;backface-visibility:hidden;position:absolute}.ph-camera picture,.ph-still{width:100%;height:100%;display:block}.ph-loop{object-fit:fill;pointer-events:none;-webkit-mask-composite:source-in;display:block;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000),linear-gradient(#0000,#000 4% 96%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.ph-loop-guitarist{left:var(--ph-guitarist-x);top:var(--ph-guitarist-y);width:var(--ph-guitarist-w);height:var(--ph-guitarist-h)}.ph-loop-sofa{left:var(--ph-sofa-x);top:var(--ph-sofa-y);width:var(--ph-sofa-w);height:var(--ph-sofa-h)}.ph-scrim{z-index:1;background:var(--sv-page);opacity:0;pointer-events:none;position:absolute;inset:-150vmax}.ph-screen{--ph-chrome:0;z-index:2;top:50%;left:var(--ph-scr-x-d);width:var(--ph-scr-w-d);aspect-ratio:var(--ph-scr-aspect);margin-top:var(--ph-scr-dy-d);pointer-events:none;position:absolute;container-type:size}.ph-screen:before{content:"";border-radius:calc(1.6cqw + var(--ph-chrome) * .8cqw);box-shadow:inset 0 0 0 .35cqw #ffffff0f, 0 calc(var(--ph-chrome) * 2.4cqw) calc(var(--ph-chrome) * 8cqw) rgb(20 16 8/calc(var(--ph-chrome) * .3));background:#1b1c1e;position:absolute;inset:0}.ph-display{border-radius:.6cqw;position:absolute;inset:2.4cqw 2.4cqw 3.6cqw;overflow:hidden;container-type:size}.ph-app{color:#2b2416;background:#232325;grid-template-rows:4.6cqw 1fr;grid-template-columns:21cqw 1fr;font-family:inherit;display:grid;position:absolute;inset:0;overflow:hidden}.ph-bar{background:#353537;border-bottom:.3cqw solid #444447;grid-column:1/-1;align-items:center;gap:1.3cqw;padding:0 2cqw;display:flex}.ph-bar i{background:#7c7c80;border-radius:50%;width:1.6cqw;height:1.6cqw}.ph-live{background:#7fce8a;border-radius:50%;width:2cqw;height:2cqw;margin-left:auto;animation:2.4s ease-in-out infinite ph-live;box-shadow:0 0 0 .5cqw #7fce8a40}@keyframes ph-live{50%{box-shadow:0 0 0 .9cqw #7fce8a14}}.ph-rail{background:#2b2b2d;border-right:.3cqw solid #48484b;flex-direction:column;gap:2.4cqw;padding:3cqw 2.6cqw;display:flex}.ph-rail span{background:#4a4a4e;border:.25cqw solid #6a6a70;border-radius:.8cqw;height:2.6cqw}.ph-rail span:first-child{width:12.6cqw}.ph-rail span:nth-child(2){width:9.2cqw}.ph-rail span:nth-child(3){width:15.6cqw}.ph-rail span:nth-child(4){width:10.4cqw}.ph-rail span:nth-child(5){width:9.2cqw}.ph-rail span:nth-child(6){width:7cqw}.ph-rail span.is-sel{background:var(--color-accent);border-color:var(--color-accent-hover)}.ph-canvas{position:relative}.ph-frame-a{background:#9fb2c7;outline:.35cqw solid #a3a3a6;width:19.4cqw;height:24cqw;position:absolute;top:5.2cqw;left:5.9cqw}.ph-frame-a i{background:#fff;border:.25cqw solid #77777b;width:1.8cqw;height:1.8cqw;position:absolute;translate:-50% -50%}.ph-frame-a i:first-child{top:0;left:0}.ph-frame-a i:nth-child(2){top:0;left:100%}.ph-frame-a i:nth-child(3){top:100%;left:0}.ph-frame-a i:nth-child(4){top:100%;left:100%}.ph-frame-b{background:#71869c;border-radius:.6cqw;width:18.2cqw;height:8.1cqw;position:absolute;top:31cqw;left:6.5cqw}.ph-note{background:#f2d98b;border:.35cqw solid #c9ab5a;border-radius:1.2cqw;width:42cqw;padding:2.6cqw 3cqw 2.4cqw;position:absolute;top:5.2cqw;left:31cqw;box-shadow:0 .6cqw 1.6cqw #00000038}.ph-note>span{white-space:nowrap;display:block}.ph-note-label{letter-spacing:.22em;color:#8b7a47;margin-bottom:1.8cqw;font-size:2.5cqw;font-weight:500;line-height:1}.ph-note-line{letter-spacing:-.01em;font-size:4.2cqw;font-weight:500;line-height:1.22}.ph-note-sig{color:#8b7a47;margin-top:2cqw;font-size:2.6cqw;font-style:italic;line-height:1.2}.ph-cursor{fill:#d4d4d8;stroke:#1d1d1f;stroke-width:.9px;stroke-linejoin:round;width:4.4cqw;position:absolute;top:34.8cqw;left:26.7cqw;overflow:visible}.ph-tag{background:#4f86e0;border:.3cqw solid #7fa6ea;border-radius:1cqw;width:11.6cqw;height:3.8cqw;position:absolute;top:36.2cqw;left:32.5cqw}@media (max-width:960px){.ph-hero .sv-ab-hero-pin>.ph-frame{width:100%;max-width:100%;aspect-ratio:var(--ph-aspect-m);border-radius:6px;max-height:none;margin-top:clamp(40px,7vh,72px);overflow:hidden}.ph-camera{left:var(--ph-cam-x-m);width:var(--ph-cam-w-m);margin-top:calc(var(--ph-cam-h-m) * -.5)}.ph-screen{left:var(--ph-scr-x-m);width:var(--ph-scr-w-m);margin-top:var(--ph-scr-dy-m)}}@media (prefers-reduced-motion:reduce){.ph-live{animation:none}}