/* Homepage interlude: a fixed photographic window between services and cases. */
.x-brand-band {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 480px;
    padding: 72px 0;
    color: #fff;
    background-color: #191c17;
    background-image: linear-gradient(90deg, rgba(10, 15, 12, .82), rgba(10, 15, 12, .64) 52%, rgba(10, 15, 12, .08)), url("/assets/towinmesse/images/towin-brand-space-wechat-20261102.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.x-brand-band__inner { position: relative; z-index: 1; }
/* Clip a viewport-fixed image to this section. This also works on mobile
   browsers that ignore background-attachment: fixed. No scroll handler needed. */
@supports (clip-path: inset(0)) {
    .x-brand-band { clip-path: inset(0); }
    .x-brand-band::before {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background-color: inherit;
        background-image: inherit;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}
.x-brand-band__eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    color: #d5ddba;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .2em;
}
.x-brand-band__eyebrow::before { content: ""; width: 36px; height: 1px; background: #c0cb8d; }
.x-brand-band__title {
    max-width: 860px;
    color: #fff;
    font-size: clamp(36px, 4.1vw, 62px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.035em;
    text-wrap: balance;
}
.x-brand-band__title em { color: #d3dda7; font-style: normal; }
html[lang="zh-CN"] .x-brand-band__title,
html[lang="zh"] .x-brand-band__title { letter-spacing: .025em; line-height: 1.32; }
.x-brand-band__desc { max-width: 570px; margin-top: 24px; color: #f0f1ec; font-size: 16px; line-height: 1.8; }
.x-brand-band__signature {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 38px;
    color: #e4e8db;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: .16em;
}
.x-brand-band__signature b { color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .19em; }
.x-brand-band__signature span { padding-left: 18px; border-left: 1px solid rgba(228, 232, 219, .5); }
@media (max-width: 767px) {
    .x-brand-band { min-height: 420px; padding: 60px 0; background-image: linear-gradient(90deg, rgba(10, 15, 12, .82), rgba(10, 15, 12, .56)), url("/assets/towinmesse/images/towin-brand-space-wechat-20261102.jpg"); }
    .x-brand-band__eyebrow { font-size: 10px; letter-spacing: .13em; gap: 12px; }
    .x-brand-band__eyebrow::before { width: 24px; }
    .x-brand-band__title { font-size: clamp(30px, 7.6vw, 48px); }
    .x-brand-band__desc { max-width: 360px; font-size: 14px; }
    .x-brand-band__signature { gap: 12px; font-size: 9px; letter-spacing: .1em; }
    .x-brand-band__signature b { font-size: 11px; }
    .x-brand-band__signature span { padding-left: 12px; }
}
@media (prefers-reduced-motion: reduce) {
    .x-brand-band { background-attachment: scroll; }
    .x-brand-band::before { position: absolute; }
}