.scb-bento{--scb-columns:1fr 1.45fr 1fr;--scb-gap:12px;--scb-radius:16px;--scb-primary:#6d28d9;--scb-accent:#ef164f;--scb-text:#111827;--scb-border:#e8e9ee;--scb-bg:#fff;--scb-card:#fff;--scb-font:16px;--scb-heading:18px;--scb-image-ratio:16 / 9;box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:10px;background:var(--scb-bg);color:var(--scb-text);font:400 var(--scb-font)/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;isolation:isolate}
.scb-bento *,.scb-bento *::before,.scb-bento *::after{box-sizing:border-box}.scb-bento a{color:inherit;text-decoration:none}.scb-bento img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}.scb-bento button{font:inherit}.scb-grid{display:grid;grid-template-columns:var(--scb-columns);gap:var(--scb-gap);align-items:stretch}.scb-columns-2 .scb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scb-columns-1 .scb-grid{grid-template-columns:1fr}.scb-section{min-width:0;display:flex;flex-direction:column;padding:0 6px 8px;border:1px solid var(--scb-border);border-radius:calc(var(--scb-radius) + 3px);background:var(--scb-card);box-shadow:0 6px 22px rgba(15,23,42,.055);overflow:hidden}.scb-section-header{min-height:60px;margin:0 -6px 8px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(110deg,color-mix(in srgb,var(--scb-accent) 5%,var(--scb-card)),color-mix(in srgb,var(--scb-primary) 5%,var(--scb-card)))}.scb-section-title{display:flex;align-items:center;gap:10px;min-width:0}.scb-section-title h2{margin:0!important;padding:0!important;color:var(--scb-text)!important;font:750 var(--scb-heading)/1.15 inherit!important;letter-spacing:-.015em}.scb-source-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:18px;font-weight:800}.scb-source-icon--instagram{color:#e1306c;background:#fff0f5}.scb-source-icon--blog{color:var(--scb-primary);background:#f1eaff}.scb-source-icon--youtube{color:#fff;background:#ff0033;font-size:12px}.scb-view-all{flex:0 0 auto;color:var(--scb-accent)!important;font-weight:700;font-size:.83em}.scb-stories-section .scb-view-all{color:var(--scb-primary)!important}.scb-view-all:hover{text-decoration:underline}.scb-social-card,.scb-story-card{border:1px solid var(--scb-border);border-radius:var(--scb-radius);background:var(--scb-card);overflow:hidden;box-shadow:0 3px 12px rgba(15,23,42,.065);transition:transform .2s ease,box-shadow .2s ease}.scb-social-card:hover,.scb-story-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(15,23,42,.11)}.scb-reel-card{flex:1;min-height:0;display:flex}.scb-reel-media{position:relative;min-height:0;flex:1;background:linear-gradient(145deg,#26354a,#0f172a);overflow:hidden}.scb-reel-media::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}.scb-reel-card:hover img,.scb-story-card:hover img,.scb-youtube-card:hover img{transform:scale(1.025)}.scb-reel-media img,.scb-story-image img,.scb-youtube-media img{transition:transform .35s ease}.scb-reel-badge{position:absolute;z-index:2;top:16px;left:16px;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.9);color:#111827;font-size:22px;font-weight:900}.scb-play{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.scb-play--outline{width:86px;height:86px;padding-left:6px;border:4px solid #fff;border-radius:50%;color:#fff;font-size:39px;text-shadow:0 2px 10px #000;box-shadow:0 3px 20px rgba(0,0,0,.25)}.scb-reel-overlay{position:absolute;z-index:3;left:20px;right:20px;bottom:20px;color:#fff}.scb-reel-overlay strong{display:block;font-size:1.03em}.scb-reel-overlay p{display:-webkit-box;margin:10px 0 8px!important;color:#fff!important;font-size:1.08em;font-weight:700;line-height:1.45;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scb-reel-overlay small{color:rgba(255,255,255,.86)}
.scb-story-grid{display:grid;grid-template-columns:repeat(var(--scb-story-cols),minmax(0,1fr));gap:var(--scb-gap);flex:1}.scb-story-count-1{grid-template-columns:1fr}.scb-story-count-3 .scb-story-card:last-child:nth-child(odd){grid-column:1/-1}.scb-story-card{min-width:0}.scb-story-card>a{height:100%;display:flex;flex-direction:column}.scb-story-image{position:relative;aspect-ratio:var(--scb-image-ratio);overflow:hidden;background:linear-gradient(135deg,#e9eef5,#dbe4ef)}.scb-category{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.91);color:var(--scb-primary);font-size:.7em;font-weight:800;backdrop-filter:blur(5px)}.scb-story-body{display:flex;flex-direction:column;flex:1;padding:11px 13px 12px}.scb-story-body h3{display:-webkit-box;margin:0!important;padding:0!important;color:var(--scb-text)!important;font:750 .96em/1.35 inherit!important;letter-spacing:-.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scb-excerpt{display:none;margin:7px 0 0!important;color:color-mix(in srgb,var(--scb-text) 72%,transparent)!important;font-size:.8em}.scb-story-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:10px;color:color-mix(in srgb,var(--scb-text) 67%,transparent);font-size:.71em}.scb-read-more{color:var(--scb-primary);font-weight:700;white-space:nowrap}.scb-youtube-card{flex:1;display:flex}.scb-youtube-launch{width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column}.scb-youtube-media{position:relative;display:block;flex:1;min-height:0;background:linear-gradient(135deg,#dce5ee,#bbc9d5);overflow:hidden}.scb-play--youtube{width:74px;height:52px;padding-left:4px;border-radius:15px;background:#ff0033;color:#fff;font-size:27px;box-shadow:0 7px 24px rgba(255,0,51,.35)}.scb-duration{position:absolute;right:10px;bottom:10px;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.84);color:#fff;font-size:.75em}.scb-youtube-body{display:flex;flex-direction:column;padding:15px}.scb-youtube-title{display:-webkit-box;color:var(--scb-text);font-size:1.08em;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scb-channel{margin-top:9px;font-weight:650}.scb-youtube-body small{margin-top:5px;color:color-mix(in srgb,var(--scb-text) 66%,transparent)}.scb-youtube-frame{display:block;width:100%;height:100%;border:0}.scb-footer-cta{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:10px;border-radius:calc(var(--scb-radius) - 4px);font-weight:750;font-size:.91em}.scb-footer-cta--instagram{background:linear-gradient(100deg,#ff794d,#d826c9);color:#fff!important}.scb-footer-cta--blog{background:color-mix(in srgb,var(--scb-primary) 9%,var(--scb-card));color:var(--scb-primary)!important}.scb-footer-cta--youtube{background:color-mix(in srgb,#ff0033 10%,var(--scb-card));color:#e6002e!important}.scb-empty{display:grid;place-items:center;flex:1;min-height:220px;padding:30px;border:1px dashed var(--scb-border);border-radius:var(--scb-radius);background:color-mix(in srgb,var(--scb-text) 2%,var(--scb-card));color:color-mix(in srgb,var(--scb-text) 65%,transparent);text-align:center}.scb-image-failed::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--scb-primary) 13%,#eef2f7),color-mix(in srgb,var(--scb-accent) 10%,#eef2f7))}.scb-bento a:focus-visible,.scb-bento button:focus-visible{outline:3px solid color-mix(in srgb,var(--scb-primary) 55%,#fff);outline-offset:3px}.scb-shadow-none .scb-section,.scb-shadow-none .scb-social-card,.scb-shadow-none .scb-story-card{box-shadow:none}.scb-shadow-medium .scb-section{box-shadow:0 10px 30px rgba(15,23,42,.1)}.scb-button-outline .scb-footer-cta{border:1px solid currentColor;background:transparent}.scb-button-solid .scb-footer-cta--blog{background:var(--scb-primary);color:#fff!important}.scb-button-solid .scb-footer-cta--youtube{background:#ff0033;color:#fff!important}
.scb-layout-stacked .scb-grid{grid-template-columns:1fr}.scb-layout-compact{--scb-gap:8px!important}.scb-layout-compact .scb-section-header{min-height:52px;padding-top:10px;padding-bottom:10px}.scb-layout-compact .scb-reel-media{min-height:500px}.scb-layout-compact .scb-youtube-media{min-height:375px}.scb-layout-compact .scb-footer-cta{min-height:42px}.scb-mode-dark{--scb-text:#f4f6fb!important;--scb-border:#303744!important;--scb-bg:#12161d!important;--scb-card:#1b2029!important}.scb-mode-auto{color-scheme:light dark}@media(prefers-color-scheme:dark){.scb-mode-auto{--scb-text:#f4f6fb!important;--scb-border:#303744!important;--scb-bg:#12161d!important;--scb-card:#1b2029!important}}
@media(max-width:1100px){.scb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scb-stories-section{grid-column:1/-1;order:3}.scb-tablet-stack .scb-grid{grid-template-columns:1fr}.scb-tablet-stack .scb-stories-section{grid-column:auto;order:initial}.scb-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scb-reel-media,.scb-youtube-media{min-height:520px}}
@media(max-width:720px){.scb-bento{padding:5px}.scb-grid,.scb-columns-2 .scb-grid{grid-template-columns:1fr}.scb-stories-section{grid-column:auto;order:initial}.scb-story-grid{grid-template-columns:repeat(var(--scb-mobile-story-cols),minmax(0,1fr))}.scb-mobile-compact .scb-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scb-story-count-3 .scb-story-card:last-child:nth-child(odd){grid-column:auto}.scb-reel-media{min-height:min(145vw,680px)}.scb-youtube-media{min-height:auto;aspect-ratio:16/10}.scb-section-header{min-height:54px;padding:11px 13px}.scb-excerpt{display:none}}
@media(prefers-reduced-motion:reduce){.scb-bento *,.scb-bento *::before,.scb-bento *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.scb-social-card:hover,.scb-story-card:hover{transform:none}}


/* ============================================================
 * SCB Compact Reference Layout — final overrides
 * 1 Instagram Reel + 4 stories (2x2) + 1 YouTube video
 * ============================================================ */
.scb-bento {
    --scb-gap: 14px;
    --scb-radius: 16px;
}

.scb-bento .scb-grid,
.scb-bento .scb-layout,
.scb-bento .scb-columns {
    gap: var(--scb-gap);
}

.scb-bento .scb-reel-card,
.scb-bento .scb-youtube-card,
.scb-bento .scb-story-card {
    border-radius: var(--scb-radius);
    overflow: hidden;
}

.scb-bento .scb-reel-media {
    min-height: 0;
    aspect-ratio: 9 / 16;
    height: auto;
}

.scb-bento .scb-youtube-media {
    min-height: 0;
    aspect-ratio: 16 / 10;
    height: auto;
}

.scb-bento .scb-story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: var(--scb-gap);
    height: 100%;
    min-height: 0;
}

.scb-bento .scb-story-card {
    min-height: 0;
}

.scb-bento .scb-story-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.scb-bento .scb-story-card .scb-story-content {
    padding: 10px 11px;
}

.scb-bento .scb-story-card .scb-story-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.25;
}

@media (min-width: 1025px) {
    .scb-bento .scb-main-grid,
    .scb-bento .scb-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(0, 1fr);
        align-items: stretch;
    }

    .scb-bento .scb-story-grid {
        align-self: stretch;
    }
}

@media (max-width: 1024px) {
    .scb-bento .scb-story-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .scb-bento .scb-story-grid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }

    .scb-bento .scb-story-card img {
        aspect-ratio: 16 / 9;
    }

    .scb-bento .scb-reel-media {
        aspect-ratio: 9 / 14;
    }

    .scb-bento .scb-youtube-media {
        aspect-ratio: 16 / 9;
    }
}

@media (prefers-reduced-motion: reduce) {
    .scb-bento *,
    .scb-bento *::before,
    .scb-bento *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}


/* ============================================================
 * SCB Ultra Compact — reference-sized frontend
 * ============================================================ */
.scb-bento {
    --scb-gap: 9px;
    --scb-radius: 12px;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.scb-bento .scb-main-grid,
.scb-bento .scb-grid,
.scb-bento .scb-layout {
    gap: 9px;
    max-width: 1080px;
    margin-inline: auto;
}

.scb-bento .scb-section-header {
    margin-bottom: 7px;
}

.scb-bento .scb-section-title {
    font-size: 13px;
    line-height: 1.2;
}

.scb-bento .scb-section-cta {
    font-size: 11px;
}

.scb-bento .scb-reel-card,
.scb-bento .scb-youtube-card,
.scb-bento .scb-story-card {
    border-radius: 12px;
}

.scb-bento .scb-reel-media {
    aspect-ratio: 9 / 13;
    max-height: 430px;
}

.scb-bento .scb-youtube-media {
    aspect-ratio: 16 / 10;
    max-height: 265px;
}

.scb-bento .scb-story-grid {
    gap: 9px;
    max-height: 430px;
}

.scb-bento .scb-story-card img {
    aspect-ratio: 16 / 8.5;
}

.scb-bento .scb-story-card .scb-story-content {
    padding: 7px 8px;
}

.scb-bento .scb-story-card .scb-story-meta {
    font-size: 9px;
    line-height: 1.15;
    margin-bottom: 3px;
}

.scb-bento .scb-story-card .scb-story-title {
    font-size: 11px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
}

.scb-bento .scb-card-footer,
.scb-bento .scb-card-meta {
    padding: 7px 8px;
}

@media (min-width: 1025px) {
    .scb-bento .scb-main-grid,
    .scb-bento .scb-grid,
    .scb-bento .scb-layout {
        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.28fr) minmax(0, 0.92fr);
        align-items: start;
    }
}

@media (max-width: 1024px) {
    .scb-bento {
        max-width: 94vw;
    }
    .scb-bento .scb-reel-media {
        max-height: 390px;
    }
    .scb-bento .scb-story-grid {
        max-height: 390px;
    }
}

@media (max-width: 640px) {
    .scb-bento {
        max-width: 100%;
    }
    .scb-bento .scb-main-grid,
    .scb-bento .scb-grid,
    .scb-bento .scb-layout {
        gap: 10px;
    }
    .scb-bento .scb-reel-media,
    .scb-bento .scb-story-grid,
    .scb-bento .scb-youtube-media {
        max-height: none;
    }
}

/* ============================================================
 * SCB Miles2Smile Press Release + Ultra Compact Final Layout
 * Stories intentionally show thumbnail + title only.
 * All three desktop columns share the same compact card height.
 * ============================================================ */
.scb-bento {
    max-width: 980px;
    padding: 5px;
}
.scb-bento .scb-grid {
    gap: 8px;
    align-items: stretch;
}
.scb-bento .scb-section {
    height: 350px;
    min-height: 350px;
    padding: 0 5px 5px;
    border-radius: 12px;
}
.scb-bento .scb-section-header {
    min-height: 42px;
    margin: 0 -5px 5px;
    padding: 8px 10px;
}
.scb-bento .scb-section-title { gap: 7px; }
.scb-bento .scb-section-title h2 { font-size: 12px !important; }
.scb-bento .scb-source-icon { width: 21px; height: 21px; font-size: 14px; border-radius: 6px; }
.scb-bento .scb-view-all { font-size: 10px; }

.scb-bento .scb-reel-card,
.scb-bento .scb-youtube-card {
    height: 263px;
    flex: 0 0 263px;
}
.scb-bento .scb-reel-media {
    height: 263px;
    max-height: 263px;
    aspect-ratio: auto;
}
.scb-bento .scb-youtube-media {
    height: 190px;
    max-height: 190px;
    flex: 0 0 190px;
    aspect-ratio: auto;
}
.scb-bento .scb-youtube-body {
    padding: 8px 9px;
}
.scb-bento .scb-youtube-title { font-size: 11px; line-height: 1.25; }
.scb-bento .scb-channel { margin-top: 4px; font-size: 10px; }
.scb-bento .scb-youtube-body small { margin-top: 3px; font-size: 9px; }

.scb-bento .scb-story-grid {
    height: 263px;
    max-height: 263px;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
}
.scb-bento .scb-story-card,
.scb-bento .scb-story-card > a {
    height: 100%;
    min-height: 0;
}
.scb-bento .scb-story-image {
    flex: 0 0 78px;
    height: 78px;
    aspect-ratio: auto;
}
.scb-bento .scb-story-body {
    flex: 1 1 auto;
    min-height: 0;
    justify-content: center;
    padding: 7px 8px;
}
.scb-bento .scb-story-body h3 {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 3;
}
.scb-bento .scb-story-image-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,#edf1f6,#dfe6ef);
}
.scb-bento .scb-category,
.scb-bento .scb-excerpt,
.scb-bento .scb-story-meta {
    display: none !important;
}
.scb-bento .scb-footer-cta {
    min-height: 29px;
    height: 29px;
    margin-top: 5px;
    font-size: 10px;
}

@media (max-width: 1100px) {
    .scb-bento { max-width: 94vw; }
    .scb-bento .scb-section { height: 340px; min-height: 340px; }
}
@media (max-width: 720px) {
    .scb-bento { max-width: 100%; padding: 4px; }
    .scb-bento .scb-grid { gap: 8px; }
    .scb-bento .scb-section { height: auto; min-height: 0; }
    .scb-bento .scb-reel-card { height: 300px; flex-basis: 300px; }
    .scb-bento .scb-reel-media { height: 300px; max-height: 300px; }
    .scb-bento .scb-story-grid { height: auto; max-height: none; grid-template-rows: none; }
    .scb-bento .scb-story-card { min-height: 145px; }
    .scb-bento .scb-youtube-card { height: auto; flex-basis: auto; }
    .scb-bento .scb-youtube-media { height: auto; max-height: none; aspect-ratio: 16 / 9; flex-basis: auto; }
}




/* ============================================================
 * FINAL AASIF MUJTABA — LIGHT LIQUID GLASS BENTO
 * Clean final layer: no legacy play-button styles/classes.
 * ============================================================ */
.scb-bento{
  --scb-gap:12px;
  --scb-radius:18px;
  --scb-border:rgba(205,197,186,.62);
  --scb-bg:transparent;
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:8px!important;
  box-sizing:border-box;
}
.scb-bento .scb-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.10fr) minmax(0,1.60fr) minmax(0,1.10fr)!important;
  gap:12px!important;
  width:100%!important;
  align-items:stretch!important;
}
.scb-bento .scb-section{
  height:610px!important;
  min-height:610px!important;
  max-height:610px!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:1px solid var(--scb-border)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(248,244,237,.58))!important;
  box-shadow:0 18px 45px rgba(33,28,20,.11)!important;
  overflow:hidden!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
.scb-bento .scb-section-header{display:none!important}

/* Video columns: identical reel footprint. */
.scb-bento .scb-reel-card,
.scb-bento .scb-youtube-card{
  position:relative!important;
  width:100%!important;
  height:610px!important;
  min-height:610px!important;
  max-height:610px!important;
  flex:1 1 auto!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-shadow:0 18px 45px rgba(33,28,20,.11)!important;
}
.scb-bento .scb-reel-media,
.scb-bento .scb-youtube-launch,
.scb-bento .scb-youtube-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  overflow:hidden!important;
}
.scb-bento .scb-youtube-launch{display:block!important}
.scb-bento .scb-reel-media{background:linear-gradient(145deg,#ded6ca,#77727a)!important}
.scb-bento .scb-reel-media::after{display:none!important}
.scb-bento .scb-reel-thumb,
.scb-bento .scb-youtube-media>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Instagram fallback if Instagram blocks the direct media thumbnail. */
.scb-bento .scb-instagram-native-fallback{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:0 22px 28px!important;
  color:#fff!important;
  text-align:left!important;
  background:
    radial-gradient(circle at 25% 18%,rgba(255,210,120,.42),transparent 32%),
    linear-gradient(145deg,#7a3fa1 0%,#d83f79 42%,#ff8a48 100%)!important;
}
.scb-bento .scb-instagram-native-fallback strong{font-size:18px!important;line-height:1.2!important}
.scb-bento .scb-instagram-native-fallback span{margin-top:6px!important;font-size:12px!important;opacity:.88!important}
.scb-bento .scb-reel-thumb[style*="display: none"] + .scb-instagram-native-fallback{z-index:3!important}

/* Hide old generic play controls completely. */
.scb-bento .scb-play,
.scb-bento .scb-play--outline,
.scb-bento .scb-reel-badge{display:none!important}

/* One — and only one — Instagram play button. */
.scb-bento .scb-brand-play{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:12!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.scb-bento .scb-brand-play--instagram{
  width:58px!important;
  height:58px!important;
  border:2px solid rgba(255,255,255,.94)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#ff7a55 0%,#e73b9a 45%,#7b5cff 100%)!important;
  box-shadow:0 8px 24px rgba(40,15,55,.28),0 0 0 5px rgba(255,255,255,.10),inset 0 1px 2px rgba(255,255,255,.42)!important;
}
.scb-bento .scb-brand-play--instagram::before{
  content:""!important;
  width:0!important;
  height:0!important;
  border-top:9px solid transparent!important;
  border-bottom:9px solid transparent!important;
  border-left:14px solid #fff!important;
  margin-left:3px!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))!important;
}
.scb-bento .scb-brand-play--instagram:hover{transform:translate(-50%,-50%) scale(1.06)!important}

/* One compact YouTube play button — unmistakably YouTube. */
.scb-bento .scb-brand-play--youtube{
  width:62px!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ff1744 0%,#e6002d 100%)!important;
  box-shadow:0 8px 24px rgba(190,0,35,.30),inset 0 1px 2px rgba(255,255,255,.30)!important;
}
.scb-bento .scb-brand-play--youtube::before{
  content:""!important;
  width:0!important;
  height:0!important;
  border-top:8px solid transparent!important;
  border-bottom:8px solid transparent!important;
  border-left:13px solid #fff!important;
  margin-left:3px!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))!important;
}
.scb-bento .scb-brand-play--youtube:hover{transform:translate(-50%,-50%) scale(1.06)!important}

/* Small glass source labels. */
.scb-bento .scb-reel-card::before,
.scb-bento .scb-youtube-card::before{
  position:absolute!important;
  top:13px!important;
  left:13px!important;
  z-index:11!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.60)!important;
  color:#171717!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:0 7px 18px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.scb-bento .scb-reel-card::before{content:"Instagram Reels"!important}
.scb-bento .scb-youtube-card::before{content:"YouTube Shorts"!important}

/* Center: exactly four equal image-first story tiles. */
.scb-bento .scb-story-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  height:610px!important;
  min-height:610px!important;
  max-height:610px!important;
}
.scb-bento .scb-story-card,
.scb-bento .scb-story-card>a{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  background:#eee!important;
  box-shadow:0 12px 30px rgba(33,28,20,.10)!important;
}
.scb-bento .scb-story-image,
.scb-bento .scb-story-image img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
}
.scb-bento .scb-story-body{display:none!important}
.scb-bento .scb-category{display:none!important}
.scb-bento .scb-story-card::after{
  content:"↗"!important;
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:8!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.54)!important;
  color:#b98538!important;
  font-size:15px!important;
  font-weight:800!important;
  box-shadow:0 7px 18px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

/* YouTube metadata sits softly over the bottom of the image. */
.scb-bento .scb-youtube-body{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:8!important;
  padding:58px 14px 14px!important;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.96))!important;
  color:#171717!important;
}
.scb-bento .scb-youtube-title{display:-webkit-box!important;color:#171717!important;font-size:13px!important;line-height:1.3!important;font-weight:750!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.scb-bento .scb-channel,.scb-bento .scb-youtube-body small{color:#b98538!important}
.scb-bento .scb-duration{z-index:9!important}
.scb-bento .scb-footer-cta{display:none!important}

@media(max-width:1000px) and (min-width:721px){
  .scb-bento{max-width:96vw!important}
  .scb-bento .scb-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.55fr) minmax(0,.9fr)!important;gap:9px!important}
  .scb-bento .scb-section,.scb-bento .scb-reel-card,.scb-bento .scb-youtube-card,.scb-bento .scb-story-grid{height:520px!important;min-height:520px!important;max-height:520px!important}
}
@media(max-width:720px){
  .scb-bento{padding:5px!important;max-width:100%!important}
  .scb-bento .scb-grid{display:flex!important;flex-direction:column!important;gap:10px!important}
  .scb-bento .scb-section{height:auto!important;min-height:0!important;max-height:none!important}
  .scb-bento .scb-reel-card,.scb-bento .scb-youtube-card{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:9/16!important}
  .scb-bento .scb-reel-media,.scb-bento .scb-youtube-launch,.scb-bento .scb-youtube-media{position:absolute!important;inset:0!important;height:100%!important}
  .scb-bento .scb-story-grid{height:auto!important;min-height:0!important;max-height:none!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
  .scb-bento .scb-story-card{aspect-ratio:1/1.05!important}
}


/* FINAL: width-only desktop expansion. Height stays exactly 610px. */
@media(min-width:721px){
  .scb-bento{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  .scb-bento .scb-grid{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1.10fr) minmax(0,1.60fr) minmax(0,1.10fr)!important;
    gap:12px!important;
  }
  .scb-bento .scb-section,
  .scb-bento .scb-reel-card,
  .scb-bento .scb-youtube-card,
  .scb-bento .scb-story-grid{
    height:610px!important;
    min-height:610px!important;
    max-height:610px!important;
  }
}

/* FINAL MICRO WIDTH MATCH — expand only horizontally; keep 610px height unchanged. */
@media(min-width:721px){
  .scb-bento{
    width:calc(100% + 40px)!important;
    max-width:none!important;
    margin-left:-20px!important;
    margin-right:-20px!important;
  }
  .scb-bento .scb-grid{
    width:100%!important;
  }
  .scb-bento .scb-grid,
  .scb-bento .scb-section,
  .scb-bento .scb-reel-card,
  .scb-bento .scb-youtube-card,
  .scb-bento .scb-story-grid{
    height:610px!important;
    min-height:610px!important;
    max-height:610px!important;
  }
}
\n/* Hardcoded Instagram cover: keep the real cover visible whenever Instagram serves it. */\n.scb-bento .scb-reel-thumb{background:#c94c7d!important;}\n.scb-bento .scb-image-failed .scb-reel-thumb{display:none!important;}\n
/* X center feed: four compact, equal cards. */
.scb-bento .scb-x-section{min-width:0;display:flex;flex-direction:column;min-height:0;}
.scb-bento .scb-x-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;flex:1;min-height:0;}
.scb-bento .scb-x-card{min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(15,23,42,.09);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(15,23,42,.07);}
.scb-bento .scb-x-card .twitter-tweet{margin:0!important;min-height:100%!important;}
.scb-bento .scb-x-card .twitter-tweet-rendered{margin:0!important;max-width:none!important;width:100%!important;height:100%!important;}
.scb-bento .scb-x-card iframe{max-width:100%!important;}
.scb-bento .scb-x-fallback{display:flex;flex-direction:column;height:100%;padding:16px;color:#171717;text-decoration:none!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,248,250,.9));}
.scb-bento .scb-x-fallback-head{display:flex;align-items:center;gap:9px;}
.scb-bento .scb-x-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#fff;font-weight:800;}
.scb-bento .scb-x-fallback-head span:nth-child(2){display:flex;flex-direction:column;min-width:0;}
.scb-bento .scb-x-fallback-head strong{font-size:13px;line-height:1.2;}
.scb-bento .scb-x-fallback-head small{color:#6b7280;font-size:11px;}
.scb-bento .scb-x-fallback-head b{margin-left:auto;font-size:22px;}
.scb-bento .scb-x-fallback p{margin:14px 0!important;color:#222!important;font-size:13px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;}
.scb-bento .scb-x-view{margin-top:auto;display:inline-flex;align-items:center;gap:5px;width:max-content;color:#111;font-size:11px;font-weight:750;line-height:1;}
.scb-bento .scb-x-view img{display:block!important;width:12px!important;height:12px!important;max-width:12px!important;object-fit:contain!important;opacity:.88;transition:transform .2s ease,opacity .2s ease;}
.scb-bento .scb-x-card:hover .scb-x-view img{transform:translate(2px,-2px);opacity:1;}
.scb-bento .scb-x-icon{font-size:17px;font-weight:900;}
@media(max-width:720px){.scb-bento .scb-x-grid{grid-template-columns:1fr;grid-template-rows:none}.scb-bento .scb-x-card{min-height:220px}}


/* ============================================================
 * FINAL FIX — Instagram cover + equal X cards
 * ============================================================ */
.scb-bento .scb-reel-media{background:#111!important;}
.scb-bento .scb-reel-thumb{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
}
.scb-bento .scb-reel-media::after{z-index:1!important;pointer-events:none!important;}
.scb-bento .scb-instagram-native-fallback{z-index:2!important;}
.scb-bento .scb-brand-play--instagram{z-index:12!important;}

/* Four X posts: identical width + identical height, always filling the center column evenly. */
@media(min-width:721px){
  .scb-bento .scb-x-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:1fr!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:12px!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
  .scb-bento .scb-x-card{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .scb-bento .scb-x-fallback{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  .scb-bento .scb-x-card .twitter-tweet,
  .scb-bento .scb-x-card .twitter-tweet-rendered,
  .scb-bento .scb-x-card iframe{
    width:100%!important;
    max-width:none!important;
  }
}


/* ============================================================
 * FINAL X CARD POLISH — premium shadow + hover interaction
 * ============================================================ */
.scb-bento .scb-x-card{
  position:relative!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.075),0 1px 3px rgba(15,23,42,.05)!important;
  transform:translate3d(0,0,0)!important;
  transition:
    transform .24s cubic-bezier(.2,.75,.25,1),
    box-shadow .24s ease,
    border-color .24s ease!important;
  will-change:transform,box-shadow;
}
.scb-bento .scb-x-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 55%);
  transition:opacity .24s ease;
  z-index:5;
}
.scb-bento .scb-x-card:hover{
  transform:translate3d(0,-5px,0)!important;
  border-color:rgba(15,23,42,.16)!important;
  box-shadow:
    0 18px 38px rgba(15,23,42,.14),
    0 5px 12px rgba(15,23,42,.08)!important;
}
.scb-bento .scb-x-card:hover::before{opacity:1;}
.scb-bento .scb-x-card:focus-within{
  transform:translate3d(0,-3px,0)!important;
  border-color:rgba(109,40,217,.24)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.13)!important;
}
@media(max-width:720px){
  .scb-bento .scb-x-card:hover{
    transform:none!important;
    box-shadow:0 8px 22px rgba(15,23,42,.09)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .scb-bento .scb-x-card,
  .scb-bento .scb-x-card::before{
    transition:none!important;
  }
}

/* ============================================================
 * FINAL X BENTO SIZE FIX — keep live posts compact like the
 * original 2x2 Bento cards. Do not let X's embed iframe dictate
 * the card height.
 * ============================================================ */
@media(min-width:721px){
  .scb-bento .scb-x-section{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .scb-bento .scb-x-grid{
    flex:1 1 auto!important;
    height:calc(100% - 0px)!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    align-content:stretch!important;
  }
  .scb-bento .scb-x-card{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .scb-bento .scb-x-fallback{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    padding:14px!important;
  }
  .scb-bento .scb-x-fallback p{
    margin:11px 0!important;
    -webkit-line-clamp:7!important;
  }
  .scb-bento .scb-x-meta{
    margin-top:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-width:0!important;
  }
  .scb-bento .scb-x-meta>small{
    color:#6b7280!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .scb-bento .scb-x-meta .scb-x-view{margin-top:0!important;}
}