/* Phase 12 — SBU Public Experience */
.sbu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.sbu-card--visual{overflow:hidden;padding:0!important;background:rgba(255,255,255,.82);border:1px solid rgba(13,27,42,.08);border-radius:28px;box-shadow:0 20px 55px rgba(13,27,42,.10);transition:transform .45s ease,box-shadow .45s ease}
.sbu-card--visual:hover{transform:translateY(-8px);box-shadow:0 30px 75px rgba(13,27,42,.16)}
.sbu-card__image-wrap{height:220px;position:relative;overflow:hidden;background:#102333}
.sbu-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease,filter .8s ease}
.sbu-card--visual:hover .sbu-card__image{transform:scale(1.055);filter:saturate(1.08)}
.sbu-card__image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,31,.05),rgba(7,20,31,.62))}
.sbu-card__number{position:absolute;z-index:2;top:18px;left:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);backdrop-filter:blur(12px);color:#fff;font-weight:800;border:1px solid rgba(255,255,255,.35)}
.sbu-card__body{padding:28px 28px 30px}
.sbu-card__kicker{display:block;color:#008f87;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;margin-bottom:10px}
.sbu-card__body h3{margin:.1rem 0 .65rem;font-size:1.45rem}
.sbu-card__body p{line-height:1.75;color:#52616f}
.sbu-card__chips{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 22px}
.sbu-card__chips span{font-size:.72rem;padding:7px 10px;border-radius:999px;background:#eef6f6;color:#31505a}
.sbu-card__body .btn{display:inline-flex;align-items:center;gap:8px}
.sbu-detail-hero{position:relative;min-height:590px;display:grid;align-items:center;overflow:hidden;color:#fff;background:#0d1b2a}
.sbu-detail-hero__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sbu-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,29,.94),rgba(7,18,29,.68) 48%,rgba(7,18,29,.22))}
.sbu-detail-hero .container{position:relative;z-index:2}
.sbu-detail-hero h1{font-size:clamp(2.5rem,6vw,5.5rem);max-width:900px;line-height:1.02}
.sbu-detail-hero .sbu-hero__lead{max-width:760px}
.sbu-detail-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px)}
@media(max-width:800px){.sbu-grid{grid-template-columns:1fr}.sbu-card__image-wrap{height:200px}.sbu-detail-hero{min-height:520px}}