.facade-gallery{--facade-line:#41453e;--facade-muted:#bcc0b5;padding-top:96px;padding-bottom:88px;color:var(--paper);background:#0c0f0c;overflow:hidden;scroll-margin-top:76px}
.facade-heading{max-width:850px;margin-bottom:44px}
.facade-heading .eyebrow{color:var(--facade-muted);font-size:11px;margin-bottom:24px}
.facade-heading h3{font-size:clamp(34px,4.65vw,68px);line-height:1.16;letter-spacing:-.035em}
.facade-heading p{max-width:44em;margin-top:24px;color:var(--facade-muted);font-size:14px;line-height:1.8}
.facade-figure{margin:0}
.facade-stage{position:relative;width:100%;aspect-ratio:3/2;max-height:760px;overflow:hidden;background:#161b16;isolation:isolate;touch-action:pan-y;outline-offset:-6px}
.facade-layer{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;opacity:0;transform:scale(1);transition:opacity var(--facade-fade,720ms) cubic-bezier(.23,1,.32,1);pointer-events:none}
.facade-layer.is-current{opacity:1}
.facade-stage.is-instant .facade-layer{transition:none}
.facade-caption{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0 23px;border-bottom:1px solid var(--facade-line)}
.facade-caption-main{display:flex;gap:19px;align-items:baseline;min-width:0}
.facade-count{font-variant-numeric:tabular-nums;font-size:11px;color:var(--facade-muted);white-space:nowrap;letter-spacing:.06em}
.facade-view-title{font-size:15px;letter-spacing:0;font-weight:400}
.facade-caption-note{font-size:10px;letter-spacing:.05em;color:var(--facade-muted);white-space:nowrap}
.facade-nav{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px}
.facade-thumbnails{display:flex;align-items:center;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#777e6c transparent;padding:4px 4px 12px;margin-left:-4px;flex:1;min-width:0;scroll-behavior:auto}
.facade-thumb{position:relative;flex:0 0 88px;min-height:59px;aspect-ratio:3/2;opacity:.47;transition:opacity 180ms ease-out;outline-offset:3px}
.facade-thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.facade-thumb[aria-current=true]{opacity:1}
.facade-thumb[aria-current=true]::after{content:"";position:absolute;inset:auto 0 -6px;height:2px;background:var(--paper)}
.facade-controls{display:flex;align-items:center;gap:17px;flex:none;padding-bottom:8px}
.facade-play{min-width:84px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:var(--paper);white-space:nowrap}
.facade-play-symbol{font-size:12px;letter-spacing:-2px;width:10px;text-align:center}
.facade-arrow{width:44px;height:44px;border:1px solid #5c6257;border-radius:50%;font-size:20px;line-height:1;display:grid;place-items:center;transition:background 180ms ease-out,color 180ms ease-out}
.facade-progress{height:1px;background:#33382f;overflow:hidden;margin-top:14px}
.facade-progress i{display:block;height:100%;background:#bdc7ae;transform:scaleX(0);transform-origin:left center}
.facade-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.facade-error{font-size:12px;line-height:1.6;color:#e3b8a7;margin-top:12px}
.facade-error:empty{display:none}
.facade-gallery:not(.facade-ready) .facade-nav,.facade-gallery:not(.facade-ready) .facade-progress{display:none}
@media(hover:hover) and (pointer:fine){.facade-thumb:hover{opacity:1}.facade-arrow:hover{background:var(--paper);color:var(--ink)}.facade-play:hover{color:#d9e4c9}}
@media(max-width:1000px){.facade-controls{gap:10px}.facade-thumb{flex-basis:75px;min-height:50px}.facade-nav{gap:20px}}
@media(max-width:600px){.facade-gallery{padding-top:66px;padding-bottom:62px}.facade-heading{margin-bottom:30px}.facade-heading .eyebrow{margin-bottom:18px;font-size:10px}.facade-heading h3{font-size:34px;max-width:9em}.facade-heading p{font-size:12px;margin-top:20px;max-width:26em}.facade-stage{margin-left:calc(-1 * var(--pad));width:calc(100% + 2 * var(--pad));aspect-ratio:3/2;max-height:none}.facade-caption{padding:17px 0;gap:10px;align-items:flex-start}.facade-caption-main{gap:12px;flex-wrap:wrap;row-gap:7px}.facade-view-title{font-size:13px}.facade-caption-note{font-size:9px;padding-top:2px}.facade-count{font-size:10px}.facade-nav{flex-wrap:wrap;gap:14px;margin-top:18px}.facade-thumbnails{flex-basis:100%;padding-bottom:11px;gap:8px}.facade-thumb{flex-basis:73px;min-height:49px}.facade-controls{width:100%;padding-bottom:0;gap:12px}.facade-play{margin-right:auto;justify-content:flex-start;min-width:98px}.facade-progress{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.facade-layer,.facade-thumb,.facade-arrow{transition:none!important}.facade-layer{transform:none!important}}

.facade-drag-hint{display:flex;align-items:center;gap:12px;margin-top:22px;color:#c0c8b6;font-size:11px;letter-spacing:.04em}
.facade-drag-hint>span{font-size:23px;line-height:1}
.facade-stage.facade-deck{--facade-gap:24px;--facade-card-width:76%;width:calc(100% + 2 * var(--pad));margin-left:calc(-1 * var(--pad));aspect-ratio:1.88;max-height:none;background:transparent;perspective:1600px;isolation:auto;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;overflow:hidden}
.facade-deck.is-dragging{cursor:grabbing}
.facade-card{position:absolute;left:50%;top:50%;width:var(--facade-card-width);aspect-ratio:3/2;backface-visibility:hidden;transform-origin:center;overflow:hidden;background:#161b16;box-shadow:0 18px 38px #0004;will-change:transform,opacity}
.facade-card img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.facade-card:not(.is-current){cursor:pointer}
@media(max-width:1000px){.facade-stage.facade-deck{--facade-gap:18px;--facade-card-width:80%;aspect-ratio:1.78;perspective:1200px}}
@media(max-width:600px){.facade-stage.facade-deck{--facade-gap:12px;--facade-card-width:84%;aspect-ratio:1.65;perspective:800px}.facade-card{box-shadow:0 10px 22px #0004}.facade-drag-hint{margin-top:18px;font-size:10px;gap:10px}}
@media(prefers-reduced-motion:reduce){.facade-card{will-change:auto}}