/* Branding belongs to the service sequence. Mockups support the service copy. */
.branding-panel{--scene-ink:#f8fcf6;--scene-muted:#d6e9dc;--scene-rule:#ffffff35;--scene-start:#0d5846;--scene-end:#287b59;--scene-index-color:#d4ebbb88;position:relative;height:auto;min-height:0;padding:100px var(--gutter) 55px;background:linear-gradient(145deg,var(--scene-start),var(--scene-end));color:var(--scene-ink);scroll-margin-top:0}
.branding-panel .service-index{color:var(--scene-index-color)}
.branding-panel .service-copy p{color:var(--scene-muted)}
.branding-panel .branding-visual{padding:20px 0 40px;background:transparent;overflow:visible}
.branding-panel .brand-scene-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px;width:100%;max-width:1260px;padding:18px 16px 45px;border-radius:26px 26px 0 0;background:#ffffff0d;box-sizing:border-box}
.branding-panel .brand-scene-card{position:relative;min-width:0;margin:0;padding:0;background:#ffffff0a;border:1px solid #ffffff20;border-radius:17px;overflow:hidden;box-shadow:0 17px 30px #052a2424;transform-origin:center bottom}
.branding-panel .brand-scene-card:nth-child(2){margin-top:22px}
.branding-panel .brand-scene-card:nth-child(3){margin-top:8px}
.branding-panel .brand-scene-card:nth-child(4){margin-top:28px}
.branding-panel .brand-scene-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.branding-panel .brand-scene-card figcaption{margin:0;padding:12px 11px;font-size:11px;line-height:1.25;color:var(--scene-ink)}
.service-scenes-ready .branding-panel .service-scene{background:#0b3428}
.service-scenes-ready .branding-panel .scene-brand{display:grid;place-items:center;overflow:hidden;min-height:300px}
.service-scenes-ready .branding-panel .scene-brand .concept-caption{font-size:8px;letter-spacing:.08em;left:18px;bottom:30px;color:var(--scene-muted)}
.service-scenes-ready .branding-panel .brand-scene-gallery{max-width:1260px}
.branding-panel .service-copy>.detail-link{border:0;border-radius:999px;padding:12px 23px;background:#fff;color:#173321}
@media(min-width:801px) and (max-height:760px){.branding-panel .brand-scene-gallery{padding-top:12px;gap:12px}.branding-panel .brand-scene-card figcaption{font-size:10px;padding:9px}}
@media(max-width:1000px){.branding-panel .brand-scene-gallery{gap:10px;padding-inline:10px}.branding-panel .brand-scene-card{border-radius:13px}.branding-panel .brand-scene-card figcaption{font-size:10px;padding:10px 8px}}
@media(max-width:800px){.branding-panel{padding:42px var(--gutter) 40px}.branding-panel .brand-scene-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 10px 35px;border-radius:20px 20px 0 0}.branding-panel .brand-scene-card:nth-child(n){margin-top:0}.branding-panel .brand-scene-card:nth-child(even){margin-top:10px}.branding-panel .brand-scene-photo{aspect-ratio:3/2}.branding-panel .brand-scene-card figcaption{font-size:9px;padding:8px}.service-scenes-ready .branding-panel .scene-brand{height:auto;min-height:0;padding-bottom:24px;mask-image:none;-webkit-mask-image:none}.service-scenes-ready .branding-panel .scene-brand .concept-caption{bottom:5px;left:10px;font-size:7px}}
@media(max-width:360px){.branding-panel .brand-scene-gallery{gap:9px;padding-inline:8px}.branding-panel .brand-scene-card{border-radius:10px}.branding-panel .brand-scene-card figcaption{font-size:8px;padding:7px}}
@media(prefers-reduced-motion:reduce){.branding-panel .brand-scene-card{transition:none!important}}
@media(max-width:800px){.service-scenes-ready .branding-panel .service-surface{padding-top:90px}}