/* Curated customer installations; the theme catalogue remains in the planner. */
.customer-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ffce3259 transparent;padding:2px 3px 15px;scroll-behavior:smooth;align-items:stretch}
.customer-card{flex:0 0 395px;min-width:0;scroll-snap-align:start;overflow:hidden;border-radius:18px;display:flex;flex-direction:column;background:var(--studio-crystal-fill),#14281b33;box-shadow:inset 0 1px 1px #e8ffed3b,0 18px 35px -25px #0008}
.customer-browser-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;gap:12px;color:var(--muted);font-size:8px;letter-spacing:.7px;border-bottom:1px solid var(--edge)}
.customer-browser-bar>svg{width:11px;height:11px}.customer-browser-bar .window-dots b{width:4px;height:4px}
.customer-browser{position:relative;aspect-ratio:1440/950;width:100%;overflow:hidden;isolation:isolate;contain:layout paint;background:#101c14;--customer-preview-scale:.274}
.customer-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.customer-frame{position:absolute;inset:0;width:1440px;height:950px;border:0;transform:scale(var(--customer-preview-scale));transform-origin:top left;pointer-events:none;opacity:0;transition:opacity .4s}
.customer-frame.is-ready{opacity:1}
.customer-preview-open{position:absolute;inset:0;z-index:2;width:100%;height:100%;background:transparent;padding:0}
.customer-preview-open .preview-hover{bottom:14px;opacity:0;transition:opacity .2s;transform:translateX(-50%);font-size:11px}
.customer-preview-open:hover .preview-hover,.customer-preview-open:focus-visible .preview-hover{opacity:1}
.customer-meta{padding:23px;display:flex;flex-direction:column;flex:1}
.customer-kicker{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:10px;min-height:16px}
.customer-kicker .tiny-label{color:var(--green);font-size:9px;letter-spacing:1px}.customer-status{font-size:8px;color:var(--muted);padding:3px 6px;border:1px solid var(--edge);border-radius:5px;white-space:nowrap}
.customer-meta h3{font-size:25px;line-height:1.25;margin-bottom:11px}.customer-meta p{font-size:12px;line-height:1.8;min-height:65px;margin-bottom:21px}
.customer-footer{margin-top:auto;padding-top:17px;border-top:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:10px}
.customer-footer .button{font-size:10px;min-height:42px;padding-inline:12px;gap:7px;flex-shrink:0}.customer-footer .button svg{width:13px;height:13px}.customer-footer .text-button{font-size:10px;gap:5px;color:var(--accent-text);white-space:nowrap}.customer-footer .text-button svg{width:15px;height:15px}
.customer-live-modal{position:relative;width:100%;height:min(64vh,720px);min-height:280px;background:var(--bg)}.customer-live-modal>img{width:100%;height:100%;object-fit:cover;object-position:top}.customer-live-modal iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}
html[data-theme=light] .customer-card{background:var(--studio-crystal-fill),#ffffff80}
@media(max-width:1200px){.customer-card{flex-basis:350px}.customer-meta{padding:20px}.customer-footer{gap:8px}.customer-footer .button{font-size:9px;padding-inline:10px}.customer-footer .text-button{font-size:9px}}
@media(max-width:950px){.customer-card{flex-basis:330px}.customers-section .section-heading{gap:25px}}
@media(max-width:680px){.customer-rail{gap:14px}.customer-card{flex-basis:calc(100% - 18px)}.customer-meta{padding:20px}.customer-meta h3{font-size:23px}.customer-meta p{min-height:0;margin-bottom:20px}.customer-kicker{flex-wrap:wrap;gap:5px}.customer-kicker .tiny-label{font-size:8px}.customer-footer{gap:6px;flex-wrap:wrap}.customer-footer .button,.customer-footer .text-button{font-size:10px}.customers-section .themes-toolbar{gap:14px;flex-wrap:wrap}.customers-section .themes-toolbar .filter-group{flex-wrap:wrap}.customers-section .rail-arrows{margin-left:auto}.customer-live-modal{height:65vh;min-height:300px}}
@media(prefers-reduced-motion:reduce){.customer-frame{transition:none}.customer-rail{scroll-behavior:auto}}

.customer-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .4s}.customer-video.is-ready{opacity:1}

.customer-rail[data-paused]{scroll-snap-type:none;scroll-behavior:auto}