/* 5.5.8.6: narrow service layouts and explicitly identified sample stills. */
.sbi-service-card-heading,
.sbi-service-catalog h2 > a,
.sbi-service-catalog h2 > a > span {
    min-width: 0;
}
.sbi-service-catalog h2 > a > span {
    flex: 1 1 auto;
    overflow-wrap: anywhere;
}
.sbi-service-breadcrumb { align-items: center; }
.sbi-service-breadcrumb a { min-height: 44px; }
.sbi-service-current-crumb {
    display: inline-flex;
    align-items: baseline;
    gap: .5rem;
    min-width: 0;
    max-width: 100%;
}
.sbi-service-current-crumb > [aria-current] {
    min-width: 0;
    overflow-wrap: anywhere;
}
.sbi-service-current-crumb > [aria-hidden] { flex: 0 0 auto; }
@media (max-width: 767px) {
    .sbi-service-catalog { grid-template-columns: minmax(0, 1fr); }
    .sbi-service-card-heading { gap: .75rem; }
    .sbi-service-main {
        padding-left: max(clamp(1rem, 4vw, 1.5rem), env(safe-area-inset-left));
        padding-right: max(clamp(1rem, 4vw, 1.5rem), env(safe-area-inset-right));
    }
    .sbi-service-contact { padding: 1.25rem; }
    .sbi-service-proof a { flex-wrap: wrap; overflow-wrap: anywhere; }
}

/* Preview images never imitate playable videos or inherit a client's view count. */
[data-sbi-v53-root] .sbi-preview-sample-still > :not(.sbi-selected-work-sample):not(.sbi-preview-sample-label) {
    display: none !important;
}
.sbi-selected-work-sample {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sbi-preview-sample-label,
.sbi-reel-sample-label {
    position: absolute;
    z-index: 2;
    left: .6rem;
    right: .6rem;
    bottom: .6rem;
    padding: .5rem .6rem;
    border: 1px solid #ffffff38;
    border-radius: .65rem;
    color: #fff;
    background: #100919e8;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    pointer-events: none;
}
.sbi-reel-sample-label {
    left: 50%;
    right: auto;
    bottom: auto;
    top: 45%;
    width: max-content;
    max-width: calc(100% - 2rem);
    transform: translate(-50%, -50%);
}
[data-sbi-sample-still="true"] [class*="background-image:radial-gradient"] { display: none; }
[data-sbi-sample-sound="true"] {
    color: #d8bdff !important;
    background: #21162d !important;
    box-shadow: none !important;
    cursor: default !important;
}
.sbi-case-sample-notice {
    margin: 0 0 1.25rem;
    padding: .9rem 1rem;
    border: 1px solid #c59cff55;
    border-radius: .75rem;
    color: #d8bdff;
    background: #170d24;
    font-size: .875rem;
    line-height: 1.6;
}
