.hero-pattern {
            background-color: #002d62;
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23004080' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        }
        .institution-monogram {
            width: 6.5rem;
            height: 6.5rem;
            border-radius: 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 1.75rem;
            font-weight: 900;
            letter-spacing: -.04em;
            border: 1px solid rgba(255,255,255,.55);
            box-shadow: 0 18px 40px rgba(2,18,45,.3), inset 0 1px 0 rgba(255,255,255,.35);
            isolation: isolate;
            overflow: hidden;
            position: relative;
        }
        .institution-monogram::after {
            content: '';
            position: absolute;
            inset: auto -25% -42% 22%;
            height: 70%;
            border-radius: 999px;
            background: rgba(255,255,255,.13);
            transform: rotate(-12deg);
            z-index: -1;
        }
        .institution-update {
            margin-top: 1rem;
            max-width: 44rem;
            border: 1px solid rgba(255,255,255,.24);
            border-radius: 1rem;
            background: rgba(255,255,255,.11);
            padding: .7rem .9rem;
            color: #fff;
            font-size: .82rem;
            line-height: 1.45;
            backdrop-filter: blur(10px);
        }
        .institution-phone-note {
            max-width: 14rem;
            color: #bfdbfe;
            font-size: .7rem;
            line-height: 1.35;
            text-align: center;
        }