/* Accepted launch-scene composition with live process labels and responsive crops. */
html:has(> body.bl-mesh-preview) { scrollbar-gutter:stable; }

.bl-mesh-preview .mesh-process {
    padding:0 24px 56px;
    scroll-margin-top:110px;
}

.bl-mesh-preview .mesh-process-platform {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    container-type:inline-size;
    padding:0;
    border-radius:4px;
    background:#f5f5f2;
    box-shadow:0 32px 56px -28px #25302b35,0 8px 18px -10px #25302b20;
}

.bl-mesh-preview .mesh-process-scene {
    position:absolute;
    inset:0 0 auto;
    height:56.28cqw;
    z-index:-1;
    pointer-events:none;
}

.bl-mesh-preview .mesh-process-scene img {
    display:block;
    width:100%;
    height:100% !important;
    object-fit:cover;
    object-position:center top;
}

.bl-mesh-preview .mesh-process-composition {
    position:relative;
    margin:2.63cqw 7.1cqw 0 7.4cqw;
}

.bl-mesh-preview .mesh-process-heading { width:70%; padding-bottom:1.75cqw; }
.bl-mesh-preview .mesh-process-heading .hsb-eyebrow {
    margin:0 0 .76cqw;
    font-size:.78cqw;
    letter-spacing:.4em;
}
.bl-mesh-preview .mesh-process-heading h2 {
    margin:0;
    font-size:4.2cqw;
    line-height:.901;
    letter-spacing:-.035em;
    font-weight:750;
    color:#0d1730;
}
.bl-mesh-preview .mesh-process-heading h2 span { color:#006142; }

.bl-mesh-preview .mesh-process-steps {
    position:relative;
    display:grid;
    grid-template-columns:22.1cqw 23.1cqw 22.65cqw minmax(0,1fr);
    gap:0;
    list-style:none;
    margin:22.8cqw 5.4cqw 0 7.4cqw;
    padding:0;
}
.bl-mesh-preview .mesh-process-steps::before {
    content:'';
    position:absolute;
    top:0;
    left:5.55cqw;
    right:11.2cqw;
    height:1px;
    background:#12814d9c;
}
.bl-mesh-preview .mesh-process-steps li { min-width:0; }
.bl-mesh-preview .mesh-process-step-art { display:none; }
.bl-mesh-preview .mesh-process-step-copy {
    position:relative;
    padding:1.32cqw 1.2cqw 0 0;
}
.bl-mesh-preview .mesh-process-step-copy::before {
    content:'';
    position:absolute;
    top:-.53cqw;
    left:5.02cqw;
    width:1.06cqw;
    height:1.06cqw;
    border-radius:50%;
    background:#f6f6f2;
    box-shadow:inset 0 0 0 .24cqw #087a43;
}
.bl-mesh-preview .mesh-process-steps li:nth-child(2) .mesh-process-step-copy::before { left:4.67cqw; }
.bl-mesh-preview .mesh-process-steps li:nth-child(3) .mesh-process-step-copy::before { left:3.47cqw; }
.bl-mesh-preview .mesh-process-number {
    display:block;
    margin-bottom:0;
    font-size:1.32cqw;
    line-height:1;
    font-weight:650;
    color:#087a43;
}
.bl-mesh-preview .mesh-process-steps h3 {
    margin:.55cqw 0 .4cqw;
    font-size:1.68cqw;
    line-height:1.16;
    letter-spacing:-.035em;
    font-weight:750;
    color:#0d1730;
}
.bl-mesh-preview .mesh-process-steps p {
    margin:0;
    font-size:1.16cqw;
    line-height:1.35;
    color:#14243d;
}

.bl-mesh-preview .mesh-process-disclosures {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:1cqw;
    margin:2.1cqw 5.4cqw 0;
    padding:.83cqw 1.9cqw;
    border-radius:1.7cqw;
    background:#fffffff2;
    box-shadow:0 8px 22px #1e2a3512;
}
.bl-mesh-preview .mesh-process-disclosures .hsb-support-trigger {
    min-height:4.05cqw;
    padding:.75cqw 1.1cqw;
    gap:.5cqw;
    font-size:1.14cqw;
}
.bl-mesh-preview .mesh-process-disclosures .hsb-support-trigger > span { width:2.7cqw; height:2.7cqw; }
.bl-mesh-preview .mesh-process-disclosures .hsb-support-trigger img { width:1.45cqw; height:1.45cqw !important; }
.bl-mesh-preview .mesh-process-bottom {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin:1.35cqw 7.1cqw 1.6cqw 7cqw;
}
.bl-mesh-preview .mesh-process-bottom p { font-size:.96cqw; line-height:1.4; color:#45566a; }
.bl-mesh-preview .mesh-process-bottom a {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:0;
    padding:.45cqw 0;
    gap:1.5cqw;
    font-size:1.16cqw;
    line-height:1.3;
    font-weight:650;
    color:#087a43;
    text-decoration:none;
}
.bl-mesh-preview .mesh-process-bottom a img { width:1.8cqw; height:1.8cqw !important; filter:invert(32%) sepia(74%) saturate(780%) hue-rotate(110deg) brightness(85%); }
.bl-mesh-preview .mesh-process-bottom a:hover { text-decoration:underline; }
.bl-mesh-preview .mesh-process-drawer .hs-support-art img { object-fit:contain; }
.bl-mesh-preview .mesh-process-drawer .hsb-support-footer .hsb-button img { filter:brightness(0) invert(1); }

@media(max-width:1199px) {
    .bl-mesh-preview .mesh-process-platform { min-height:0; padding:40px 32px; }
    .bl-mesh-preview .mesh-process-scene { display:none; }
    .bl-mesh-preview .mesh-process-composition { margin:0 0 32px; }
    .bl-mesh-preview .mesh-process-heading { width:100%; padding-bottom:0; }
    .bl-mesh-preview .mesh-process-heading .hsb-eyebrow { margin-bottom:14px; font-size:12px; }
    .bl-mesh-preview .mesh-process-heading h2 { font-size:clamp(36px,4.8vw,54px); line-height:1.02; }
    .bl-mesh-preview .mesh-process-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 32px; margin:0; }
    .bl-mesh-preview .mesh-process-steps::before,
    .bl-mesh-preview .mesh-process-step-copy::before { content:none; }
    .bl-mesh-preview .mesh-process-step-art { display:block; position:relative; overflow:hidden; aspect-ratio:1; border-radius:4px; }
    .bl-mesh-preview .mesh-process-step-art img {
        position:absolute;
        width:320%;
        max-width:none !important;
        height:auto !important;
        left:0;
        top:-42%;
    }
    .bl-mesh-preview .mesh-process-steps li:nth-child(2) .mesh-process-step-art img { width:480%; left:-133.5%; top:-63%; }
    .bl-mesh-preview .mesh-process-steps li:nth-child(3) .mesh-process-step-art img { width:400%; left:-178.7%; top:-55%; }
    .bl-mesh-preview .mesh-process-steps li:last-child .mesh-process-step-art img { left:-220%; top:-18%; }
    .bl-mesh-preview .mesh-process-step-copy { padding:20px 0 0; }
    .bl-mesh-preview .mesh-process-number { font-size:18px; margin-bottom:6px; }
    .bl-mesh-preview .mesh-process-steps h3 { font-size:24px; line-height:1.16; }
    .bl-mesh-preview .mesh-process-steps p { font-size:17px; margin-top:8px; }
    .bl-mesh-preview .mesh-process-steps p br { display:none; }
    .bl-mesh-preview .mesh-process-disclosures { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:32px 0 0; padding:12px; border-radius:20px; }
    .bl-mesh-preview .mesh-process-disclosures .hsb-support-trigger { min-height:58px; padding:10px 14px; gap:8px; font-size:15px; }
    .bl-mesh-preview .mesh-process-disclosures .hsb-support-trigger > span { width:32px; height:32px; }
    .bl-mesh-preview .mesh-process-disclosures .hsb-support-trigger img { width:18px; height:18px !important; }
    .bl-mesh-preview .mesh-process-bottom { margin:24px 0 0; gap:20px; }
    .bl-mesh-preview .mesh-process-bottom p { font-size:14px; }
    .bl-mesh-preview .mesh-process-bottom a { min-height:44px; padding:8px 0; font-size:17px; gap:20px; }
    .bl-mesh-preview .mesh-process-bottom a img { width:24px; height:24px !important; }
}

@media(max-width:767px) {
    .bl-mesh-preview .mesh-process { padding:0 12px 30px; scroll-margin-top:84px; }
    .bl-mesh-preview .mesh-process-platform { padding:30px 18px 24px; }
    .bl-mesh-preview .mesh-process-composition { margin-bottom:28px; }
    .bl-mesh-preview .mesh-process-heading h2 { font-size:clamp(30px,7.6vw,44px); }
    .bl-mesh-preview .mesh-process-steps { grid-template-columns:1fr; gap:28px; }
    .bl-mesh-preview .mesh-process-steps li { display:grid; grid-template-columns:112px minmax(0,1fr); gap:18px; align-items:center; }
    .bl-mesh-preview .mesh-process-step-art { height:112px; aspect-ratio:auto; }
    .bl-mesh-preview .mesh-process-step-copy { padding:0; }
    .bl-mesh-preview .mesh-process-steps h3 { font-size:21px; margin:8px 0; }
    .bl-mesh-preview .mesh-process-steps p { font-size:15px; }
    .bl-mesh-preview .mesh-process-disclosures { grid-template-columns:1fr; gap:12px; margin-top:28px; padding:12px; }
    .bl-mesh-preview .mesh-process-disclosures .hsb-support-trigger { min-height:56px; padding:12px 16px; font-size:16px; }
    .bl-mesh-preview .mesh-process-bottom { display:block; }
    .bl-mesh-preview .mesh-process-bottom a { justify-content:flex-start; margin-top:16px; }
}