/* Bravo Story Front Layout (Ordered by storyorder) */
.bravo-front{ --gap:22px; --radius:14px; --black:#000; --yellow:#F9A800; --offwhite:#F5F5F5; --shadow:0 8px 24px rgba(0,0,0,.06); display:block; }
.bravo-hero{ display:grid; grid-template-columns:1.3fr 1fr; gap:var(--gap); align-items:stretch; margin-bottom:calc(var(--gap)*1.5); }
.bravo-hero .hero-media img, .bravo-hero .hero-fallback{ width:100%; height:100%; object-fit:cover; border-radius:var(--radius); border:2px solid var(--black); box-shadow:var(--shadow); aspect-ratio:16/9; display:block; }
.bravo-hero .hero-fallback{ background:var(--offwhite); }
.hero-text{ display:flex; flex-direction:column; gap:12px; }
.hero-title{ margin:0; font-size:clamp(28px,3.4vw,40px); line-height:1.15; }
.hero-title a{ color:inherit; text-decoration:none; }
.hero-title a:hover{ color:var(--yellow); }
.hero-excerpt{ color:#1E1E1E; }
.hero-cta{ align-self:flex-start; background:var(--yellow); color:#000; border:3px solid var(--black); border-radius:12px; padding:10px 16px; font-weight:800; text-decoration:none; }
.hero-cta:hover{ filter:brightness(1.05); }
.bravo-list{ display:flex; flex-direction:column; gap:var(--gap); }
.bravo-item{ display:grid; grid-template-columns:220px 1fr; gap:var(--gap); align-items:center; border:2px solid var(--black); border-radius:var(--radius); padding:14px; background:var(--offwhite); box-shadow:var(--shadow); }
.item-thumb img, .thumb-fallback{ width:100%; height:100%; object-fit:cover; border-radius:10px; aspect-ratio:16/9; display:block; background:#ddd; }
.item-title{ margin:0 0 6px 0; font-size:clamp(20px,2.2vw,26px); }
.item-title a{ color:#111; text-decoration:none; }
.item-title a:hover{ color:var(--yellow); }
.item-excerpt{ color:#333; }
@media (max-width:900px){ .bravo-hero{ grid-template-columns:1fr; } .bravo-item{ grid-template-columns:1fr; } }