.admissions-section { padding: 40px 0; background: #fff; display: flex; justify-content: center; }

.admissions-container { position: relative; width: 100%; /* allow card to breathe beyond standard site width */ max-width: calc(var(--site-max-width) + 800px); display: flex; height: 720px; }

.admissions-photo { flex: 1; overflow: hidden; }

    .admissions-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.admissions-card { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; background: var(--navy); color: #fff; width: 540px; padding: 60px 56px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 20px; box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35); }

.admissions-emblem { width: 56px; height: 56px; }

.admissions-card h2 { font-family: var(--font-heading); font-weight: var(--fw-semibold); font-size: 2rem; letter-spacing: 0.01em; color: #fff; }

.admissions-card p { font-family: var(--font-body); font-size: 1rem; font-weight: var(--fw-light); line-height: 1.75; color: rgba(255, 255, 255, 0.9); }

.admissions-divider { width: 40px; height: 1px; background: rgba(255, 255, 255, 0.2); }

.admissions-buttons { display: flex; gap: 12px; margin-top: 4px; flex-wrap: wrap; justify-content: center; }

.admissions-btn { border: 1.5px solid rgba(255, 255, 255, 0.6); background: transparent; color: #fff; font-family: var(--font-body); font-size: 1.05rem; font-weight: var(--fw-semibold); letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 18px; cursor: pointer; border-radius: 2px; text-decoration: none; transition: background 0.25s ease, border-color 0.25s ease; }

    .admissions-btn:hover { background: rgba(255, 255, 255, 0.12); border-color: #fff; }

@media (max-width: 1200px) {
    .admissions-container { height: 660px; }
    .admissions-card { width: 500px; padding: 50px 46px; }
    .admissions-card h2 { font-size: 1.8rem; }
}

@media (max-width: 992px) {
    .admissions-container { height: 600px; }
    .admissions-card { width: 460px; padding: 40px 36px; }
    .admissions-card h2 { font-size: 1.6rem; }
    .admissions-card p { font-size: 0.95rem; }
}

@media (max-width: 768px) {
    .admissions-container { height: 500px; }
    .admissions-card { width: 85%; padding: 32px 28px; }
    .admissions-card h2 { font-size: 1.6rem; }
    .admissions-card p { font-size: 1.05rem; }
}

@media (max-width: 576px) {
    .admissions-container { height: 420px; }
    .admissions-card { width: 90%; padding: 24px 20px; }
    .admissions-card h2 { font-size: 1.5rem; }
    .admissions-card p { font-size: 1rem; line-height: 1.6; }
    .admissions-btn { font-size: 1rem; padding: 10px 16px; }
}