.ppsd-demo{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:20px}@media (width<=1000px){.ppsd-beach-section .ppsd-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.ppsd-layer-stack{display:none}}@media (width<=600px){.ppsd-beach-section .ppsd-demo{grid-template-columns:1fr}.ppsd-beach-section .ppsd-selected-layer{height:300px}.ppsd-source-marker{width:25px;height:25px;font-size:9px}}@media (prefers-reduced-motion:reduce){.ppsd-beach-section button,.ppsd-layer-stack>div{transition:none}}.ppsd-hero{padding-bottom:76px;scroll-margin-top:85px}.ppsd-page .ibc-tags{flex-wrap:wrap}.ppsd-workspace>section{border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 35px #00000005}.ppsd-page .ibc-heading>p:not(.ibc-eyebrow){max-width:680px}.ppsd-page .ppsd-cases article{padding:0;overflow:hidden}.ppsd-cases article>img{aspect-ratio:1.6;object-fit:contain;background:#f5f4f1;width:100%}.ppsd-cases article>div{padding:23px}.ppsd-small-label{letter-spacing:.08em;color:var(--accent-text,#c2410c);margin-bottom:12px;font-size:10px;display:block}.ppsd-steps img{aspect-ratio:1.6;object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;margin-bottom:23px}.ppsd-demo{grid-template-columns:1fr 42px 1fr;align-items:center;gap:20px;display:grid}.ppsd-source,.ppsd-layer-panel{border:1px solid var(--border);background:var(--background);border-radius:12px;min-width:0;overflow:hidden}.ppsd-image-bar{border-bottom:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;padding:14px 18px;font-size:11px;display:flex}.ppsd-source>img{object-fit:contain;background:#f5f4f1;width:100%;height:365px}.ppsd-demo-arrow{color:var(--accent-text,#c2410c);place-items:center;display:grid}.ppsd-selected-layer{object-fit:contain;background:#f5f5f5;width:100%;height:255px}.ppsd-layer-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:12px;display:grid}.ppsd-layer-options button{border:1px solid var(--border);min-width:0;color:var(--muted-foreground);cursor:pointer;border-radius:6px;padding:4px;font-size:10px}.ppsd-layer-options button[aria-pressed=true]{border-color:var(--accent-text,#c2410c);color:var(--accent-text,#c2410c);background:color-mix(in srgb, var(--accent-text,#c2410c) 5%, var(--background))}.ppsd-layer-options img{object-fit:contain;border-radius:3px;width:100%;height:43px}.ppsd-layer-options span{margin-top:5px;display:block}.ppsd-beach-section .ibc-heading h2{max-width:840px;margin-inline:auto}.ppsd-beach-section .ppsd-demo{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:20px}.ppsd-beach-section .ppsd-source,.ppsd-beach-section .ppsd-layer-panel{border-radius:15px;box-shadow:0 12px 32px #00000006}.ppsd-source-stage{position:relative}.ppsd-source-stage>img{aspect-ratio:1.5;object-fit:contain;width:100%;display:block}.ppsd-source-marker{color:#fff;cursor:pointer;background:#252525a6;border:1px solid #ffffffb0;border-radius:50%;width:29px;height:29px;font-size:10px;font-weight:650;transition:background .2s,box-shadow .2s;position:absolute;transform:translate(-50%,-50%)}.ppsd-source-marker[aria-pressed=true]{background:var(--accent-fill);box-shadow:0 0 0 5px #ffffff4a}.ppsd-preview-stage{position:relative}.ppsd-beach-section .ppsd-selected-layer{height:320px;padding:18px}.ppsd-active-label{background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:20px;align-items:center;gap:7px;padding:5px 9px 5px 5px;font-size:11px;display:flex;position:absolute;top:13px;left:13px}.ppsd-active-label>span{background:var(--accent-fill);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.ppsd-beach-section .ppsd-layer-options{gap:8px;padding:15px 12px 12px}.ppsd-beach-section .ppsd-layer-options button{padding:6px 3px 8px;transition:transform .2s,box-shadow .2s}.ppsd-beach-section .ppsd-layer-options button[aria-pressed=true]{transform:translateY(-3px);box-shadow:0 5px 12px #00000009}.ppsd-layer-stack{perspective:600px;height:195px;position:relative}.ppsd-layer-stack>div{background:var(--background);border:1px solid var(--border);border-radius:5px;width:63px;height:58px;transition:transform .25s,border-color .25s;position:absolute;left:12px;overflow:hidden;transform:rotateX(50deg)rotate(-30deg);box-shadow:0 7px 12px #00000012}.ppsd-layer-stack>div.is-selected{border-color:var(--accent-fill);transform:translate(9px,-5px)rotateX(50deg)rotate(-30deg)}.ppsd-layer-stack img{object-fit:contain;width:100%;height:100%}.ppsd-layer-stack>svg{color:var(--accent-text,#c2410c);position:absolute;bottom:13px;left:36px}@media (width<=1000px){.ppsd-beach-section .ppsd-demo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.ppsd-layer-stack{display:none}}@media (width<=600px){.ppsd-beach-section .ppsd-demo{grid-template-columns:1fr}.ppsd-beach-section .ppsd-selected-layer{height:300px}.ppsd-source-marker{width:25px;height:25px;font-size:9px}}@media (prefers-reduced-motion:reduce){.ppsd-beach-section button,.ppsd-layer-stack>div{transition:none}}.ppsd-caption{text-align:center;color:var(--muted-foreground);margin-top:18px;font-size:11px;line-height:1.7}.ppsd-selected-layer{background-color:#fafaf9;background-image:conic-gradient(#e7e5e4 25%, transparent 0 50%, #e7e5e4 0 75%, transparent 0);background-size:18px 18px;display:block}.ppsd-selected-background{background:#fff}.ppsd-eyebrow{letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px;font-weight:650;color:var(--accent-text,#c2410c)!important;font-size:12px!important}.ppsd-layer-options button:focus-visible{outline:2px solid var(--accent-text,#c2410c);outline-offset:3px}.photo-section{border-top:1px solid var(--border);background:var(--background);color:var(--foreground);padding:72px 24px}.photo-shell{max-width:1120px;margin:auto}.photo-alt{background:color-mix(in srgb, var(--muted) 28%, var(--background))}.photo-heading{text-align:center;max-width:830px;margin:0 auto 36px}.photo-heading h2{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.22}.photo-heading p{color:var(--muted-foreground);text-wrap:pretty;margin-top:16px;font-size:15px;line-height:1.8}.photo-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.photo-steps article{border:1px solid var(--border);background:var(--background);border-radius:15px;padding:27px}.photo-step-top{justify-content:space-between;align-items:center;display:flex}.photo-step-icon{background:color-mix(in srgb, var(--accent-fill,#ea580c) 9%, transparent);width:44px;height:44px;color:var(--accent-text,#c2410c);border-radius:12px;place-items:center;display:grid}.photo-step-number{color:var(--muted-foreground);opacity:.5;font-size:20px}.photo-steps h3{margin-top:22px;font-size:17px;font-weight:600;line-height:1.45}.photo-steps p{color:var(--muted-foreground);margin-top:10px;font-size:13px;line-height:1.8}.photo-feature-list{gap:96px;margin-top:52px;display:grid}.photo-feature-row{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.photo-feature-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.photo-feature-reverse .photo-feature-visual{order:2}.photo-feature-visual{border-radius:18px;margin:0;overflow:hidden;box-shadow:0 12px 30px #0000000c}.photo-feature-visual>img{aspect-ratio:4/3;object-fit:contain;width:100%;height:auto;display:block}.photo-checker{background-color:#fafaf9;background-image:conic-gradient(#e7e5e4 25%, transparent 0 50%, #e7e5e4 0 75%, transparent 0);background-size:16px 16px}.photo-feature-copy h3{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(23px,2.2vw,29px);font-weight:650;line-height:1.28}.photo-feature-copy ul{gap:13px;margin-top:24px;display:grid}.photo-feature-copy li{color:var(--muted-foreground);gap:10px;font-size:14px;line-height:1.75;display:flex}.photo-feature-copy li svg{color:var(--accent-text,#c2410c);flex-shrink:0;margin-top:5px}.photo-feature-copy a{color:var(--accent-text,#c2410c);align-items:center;gap:9px;min-height:44px;margin-top:25px;font-size:14px;font-weight:600;display:inline-flex}.photo-feature-copy a:hover{text-underline-offset:5px;text-decoration:underline}.photo-feature-copy a:focus-visible{outline:2px solid var(--accent-text,#c2410c);outline-offset:5px}.photo-caption{text-align:center;color:var(--muted-foreground);margin:36px auto 0;font-size:12px;line-height:1.6}@media (width<=760px){.photo-section{padding:48px 20px}.photo-steps,.photo-feature-row,.photo-feature-reverse{grid-template-columns:1fr}.photo-feature-list{gap:56px;margin-top:32px}.photo-feature-row{gap:26px}.photo-feature-reverse .photo-feature-visual{order:0}.photo-feature-copy h3{text-wrap:pretty}}
