.heading-content-wrapper.bge-ofs-banner-wrap { display: block; margin-bottom: 0; }
.bge-ofs-banner {
--paper: #EEEDE8;
--paper-lo: #E5E3DC;
--ink: #233A44;
--ink-2: #4B5F67;
--ink-3: #7A878C;
--mand: #EC622A;
--expo: cubic-bezier(.16, 1, .3, 1);
--out: cubic-bezier(.2, .8, .25, 1);
display: grid; grid-template-columns: minmax(260px, 34%) 1fr; gap: 20px;
height: 232px; padding: 14px; box-sizing: border-box; overflow: hidden;
background: var(--paper); border-radius: 12px;
font-family: "Inter", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.bge-ofs-banner *, .bge-ofs-banner *::before, .bge-ofs-banner *::after { box-sizing: border-box; }
.bge-ofs-mark { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; line-height: .95; letter-spacing: -.02em; color: #233A44; white-space: nowrap; }
.bge-ofs-mark em { font-style: italic; margin-right: .06em; }
.bge-ofs-mark span { color: #EC622A; }
.bge-ofs-banner__intro { display: flex; flex-direction: column; justify-content: space-between; padding: 12px 8px 8px 14px; color: var(--ink); text-decoration: none; }
.bge-ofs-banner__eyebrow { display: block; font-size: 11px; font-weight: 600; line-height: 1; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 12px; }
.bge-ofs-banner .bge-ofs-mark { display: block; font-size: 56px; }
.bge-ofs-banner__lede { display: block; max-width: 30ch; margin-top: 12px; font-size: 15px; line-height: 1.45; color: var(--ink-2); }
.bge-ofs-banner__cta { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; line-height: 1; }
.bge-ofs-banner__dur { font-weight: 500; color: var(--ink-3); }
.bge-ofs-banner__intro:hover .HoverArrow_linePath { opacity: 1; }
.bge-ofs-banner__intro:hover .HoverArrow_tipPath { transform: translateX(3px); }
.bge-ofs-banner__reel { display: flex; gap: 6px; min-width: 0; }
.bge-ofs-tile {
position: relative; flex: 1 1 0; min-width: 0; overflow: hidden;
border-radius: 8px; background: #1b2a31; color: #fff; text-decoration: none;
transition: flex-grow .6s var(--expo);
}
.bge-ofs-tile.is-open { flex-grow: 3.4; }
.bge-ofs-tile > img, .bge-ofs-tile > video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.bge-ofs-tile > video { opacity: 0; transition: opacity .35s var(--out); }
.bge-ofs-tile__wash { filter: blur(14px) brightness(.62); transform: scale(1.25); opacity: 0; transition: opacity .35s var(--out); }
.bge-ofs-tile.is-open > .bge-ofs-tile__wash { opacity: 1; }
.bge-ofs-tile.is-open > .bge-ofs-tile__still,
.bge-ofs-tile.is-open > video { object-fit: contain; }
.bge-ofs-tile.is-playing > video { opacity: 1; }
.bge-ofs-tile.is-soon { background: var(--paper-lo); }
.bge-ofs-tile.is-soon > img { filter: grayscale(1) contrast(.9) brightness(.9); opacity: .55; }
.bge-ofs-tile__plate {
position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 12px 10px;
background: linear-gradient(transparent, rgba(0, 0, 0, .55));
font-size: 13px; font-weight: 600; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
opacity: 0; transform: translateY(6px); transition: opacity .3s var(--out), transform .3s var(--out);
}
.bge-ofs-tile__plate small { display: block; font-size: 12px; font-weight: 400; opacity: .8; overflow: hidden; text-overflow: ellipsis; }
.bge-ofs-tile.is-open .bge-ofs-tile__plate { opacity: 1; transform: none; }
.bge-ofs-tile__badge {
position: absolute; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 6px;
padding: 5px 9px; border-radius: 99px; background: rgba(255, 255, 255, .92); color: var(--ink);
font-size: 11px; font-weight: 600; line-height: 1; opacity: 0; transition: opacity .3s var(--out);
}
.bge-ofs-tile.is-open .bge-ofs-tile__badge { opacity: 1; }
.bge-ofs-tile__badge i { width: 7px; height: 7px; border-radius: 50%; background: var(--mand); animation: bge-ofs-pulse 2s infinite; }
@keyframes bge-ofs-pulse {
0% { box-shadow: 0 0 0 0 rgba(236, 98, 42, .45); }
70% { box-shadow: 0 0 0 7px rgba(236, 98, 42, 0); }
100% { box-shadow: 0 0 0 0 rgba(236, 98, 42, 0); }
}
.bge-ofs-tile:focus-visible, .bge-ofs-banner__intro:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
@media (max-width: 800px) {
.bge-ofs-banner { grid-template-columns: 1fr; height: auto; padding: 12px; gap: 14px; }
.bge-ofs-banner__intro { padding: 8px 6px 4px; }
.bge-ofs-banner .bge-ofs-mark { font-size: 44px; }
.bge-ofs-banner__cta { margin-top: 16px; }
.bge-ofs-banner__reel { height: 220px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.bge-ofs-banner__reel::-webkit-scrollbar { display: none; }
.bge-ofs-tile { flex: 0 0 96px; scroll-snap-align: start; }
.bge-ofs-tile.is-open { flex-basis: 150px; }
}
@media (prefers-reduced-motion: reduce) {
.bge-ofs-tile, .bge-ofs-tile > video, .bge-ofs-tile__plate { transition: none; }
.bge-ofs-tile__badge i { animation: none; }
}