/* Cesim — React CesimPage.tsx */
.asb-cesim { overflow-x: clip; background: #fff; }
.asb-cesim__hero { position: relative; isolation: isolate; padding: 4rem 0; color: #fff; background: #1f2937; overflow: hidden; }
@media (min-width: 768px) { .asb-cesim__hero { padding: 5rem 0; } }
.asb-cesim__hero-glow { pointer-events: none; position: absolute; inset: 0; background: radial-gradient(circle at 10% 0%, rgba(228, 46, 45,.2), transparent 40%), radial-gradient(circle at 90% 100%, rgba(228, 46, 45,.15), transparent 42%); }
.asb-cesim__hero-glow::after { content: ""; position: absolute; inset-block: 0; left: 50%; width: 1px; background: linear-gradient(180deg, transparent, rgba(228, 46, 45,.4), transparent); }
.asb-cesim__hero-grid { position: relative; z-index: 1; display: grid; gap: 2.5rem; align-items: center; }
@media (min-width: 1024px) { .asb-cesim__hero-grid { grid-template-columns: 1fr 1.05fr; } }
.asb-cesim__hero-grid--solo { grid-template-columns: 1fr; }
.asb-cesim__badge { display: inline-flex; margin: 0 0 1rem; padding: .25rem 1rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.1); font-size: .75rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.asb-cesim__eyebrow { margin: 0 0 1rem; font-size: .875rem; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; color: var(--asb-primary); }
.asb-cesim__title { margin: 0; font-size: clamp(2.25rem, 5vw, 4.5rem); font-weight: 900; line-height: .95; }
.asb-cesim__subtitle { margin: .75rem 0 0; font-size: clamp(1.125rem, 2vw, 1.5rem); font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.9); }
.asb-cesim__intro { margin: 1.5rem 0 0; max-width: 42rem; font-size: clamp(1rem, 1.5vw, 1.125rem); line-height: 1.7; color: rgba(255,255,255,.75); }
.asb-cesim__media { position: relative; overflow: hidden; border-radius: 1.6rem; border: 1px solid rgba(228, 46, 45,.25); background: rgba(255,255,255,.1); padding: .75rem; box-shadow: 0 24px 60px rgba(2,8,23,.32); backdrop-filter: blur(4px); }
.asb-cesim__media-inner { overflow: hidden; border-radius: 1.2rem; border: 1px solid rgba(255,255,255,.1); background: #374151; }
.asb-cesim__media img { display: block; width: 100%; height: auto; object-fit: cover; }
.asb-cesim__accent-bar { height: 4px; width: 100%; background: var(--asb-primary); }