/* A single photographic stage inside the existing fourth scroll wall. */
.service-scenes-ready .branding-panel.service-feature-panel .service-scene .scene-brand{display:flex;flex-direction:column;place-items:initial;align-self:stretch;padding:0;border-radius:25px;overflow:visible;background:none;box-shadow:none}
.service-scenes-ready .branding-panel.service-feature-panel.service-scene-pinned .scene-brand{height:auto;min-height:0;flex:1 1 0;margin:0 auto}
.service-scenes-ready .branding-panel.service-feature-panel:not(.service-scene-pinned) .scene-brand{height:clamp(350px,52vw,620px);min-height:350px}
.service-scenes-ready .branding-panel .brand-scene-gallery.brand-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:9px;width:100%;height:100%;min-height:0;max-width:none;padding:11px;border:1px solid #ffffff52;border-radius:25px;background:linear-gradient(135deg,#ffffff30,#d5f0bc17);box-shadow:0 14px 38px #00271d26;overflow:hidden}
.branding-panel .brand-showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}
.branding-panel .brand-showcase-tabs{display:flex;gap:5px;min-width:0}
.branding-panel .brand-showcase button{font:inherit;cursor:pointer;touch-action:manipulation}
.branding-panel .brand-showcase button:focus-visible{outline:2px solid #e4ffa7;outline-offset:2px}
.branding-panel .brand-showcase-tabs button{min-height:31px;padding:7px 13px;border:1px solid #eaffdb38;border-radius:999px;background:#0d392b33;color:#ebf8e4;font-size:11px;line-height:1.15;white-space:nowrap;transition:background .2s,color .2s}
.branding-panel .brand-showcase-tabs button:hover{background:#ffffff20}
.branding-panel .brand-showcase-tabs button[aria-pressed="true"]{border-color:#f1f9df;background:#f1f9df;color:#173d2d}
.branding-panel .brand-showcase-controls{display:flex;align-items:center;gap:8px;flex:none;color:#eff8e6}
.branding-panel .brand-showcase-controls button{display:grid;place-items:center;width:31px;height:31px;min-width:31px;min-height:31px;padding:0;border:1px solid #eaffdb4a;border-radius:50%;background:#0d392b33;color:inherit;font-size:15px;line-height:1}
.branding-panel .brand-showcase-controls button:hover{background:#ffffff20}
.branding-panel [data-brand-showcase-count]{min-width:35px;text-align:center;font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.branding-panel .brand-showcase-viewport{position:relative;min-height:0;min-width:0;overflow:hidden;border-radius:17px;background:#14252a}
.branding-panel .brand-showcase-slide{position:relative;width:100%;height:100%;min-height:0;margin:0;padding:0;animation:brand-showcase-appear .28s ease-out both}
.branding-panel .brand-showcase-slide[hidden]{display:none}
.branding-panel .brand-showcase-slide .brand-scene-photo{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 58%;border-radius:0}
.branding-panel .brand-showcase-slide figcaption{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 28px);margin:0;padding:7px 12px;border:1px solid #ffffff38;border-radius:999px;background:#10221eeb;color:#f9fbed;font-size:10px;line-height:1.25}
body:has(#branding .brand-showcase:focus-within) :is(.quick-contact,.motion-control-floating){opacity:0;pointer-events:none}
@media(hover:hover) and (pointer:fine){body:has(#branding .brand-showcase:hover) :is(.quick-contact,.motion-control-floating){opacity:0;pointer-events:none}}
@keyframes brand-showcase-appear{from{opacity:.35}to{opacity:1}}
@media(max-width:800px){
 .service-scenes-ready .branding-panel .brand-scene-gallery.brand-showcase{gap:8px;padding:8px;border-radius:22px}
 .branding-panel .brand-showcase-toolbar{flex-wrap:wrap;gap:7px}
 .branding-panel .brand-showcase-tabs{flex:1;justify-content:space-between;gap:4px}
 .branding-panel .brand-showcase-tabs button{flex:1;min-height:30px;padding:6px 8px;font-size:9px}
 .branding-panel .brand-showcase-controls{width:100%;justify-content:center;gap:12px}
 .branding-panel .brand-showcase-controls button{width:27px;height:27px;min-width:27px;min-height:27px;font-size:13px}
 .branding-panel .brand-showcase-viewport{border-radius:15px}
 .branding-panel .brand-showcase-slide figcaption{left:10px;bottom:10px;padding:6px 10px;font-size:9px}
}
@media(max-width:800px) and (max-height:700px){
 .service-scenes-ready .branding-panel .brand-scene-gallery.brand-showcase{gap:5px;padding:6px}
 .branding-panel .brand-showcase-toolbar{gap:4px}
 .branding-panel .brand-showcase-tabs button{min-height:25px;padding:5px 6px;font-size:8px}
 .branding-panel .brand-showcase-controls button{width:23px;height:23px;min-width:23px;min-height:23px}
 .branding-panel [data-brand-showcase-count]{font-size:8px}
}
.motion-paused .branding-panel .brand-showcase-slide{animation:none}
@media(prefers-reduced-motion:reduce){.branding-panel .brand-showcase-slide{animation:none}.branding-panel .brand-showcase-tabs button{transition:none}}