.campus-media-section{position:relative;padding-block:76px;background:#fff}
.campus-events-section{background:#f7f5ee}
.campus-events-section:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,#cabb97,transparent)}
.campus-media-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-block-end:34px}
.campus-media-heading-copy{min-width:0;max-width:790px}
.campus-media-eyebrow{display:flex;align-items:center;gap:12px;color:#8b713e;font-size:11px;font-weight:600;line-height:1.75;letter-spacing:.08em}
.campus-media-eyebrow:before{content:"";width:28px;height:1px;flex-shrink:0;background:#b99b60}
.campus-media-title{font-family:Georgia,serif;font-size:36px;font-weight:500;line-height:1.35;color:#164e40;margin:13px 0 14px;text-wrap:balance}
.campus-media-intro{font-size:15px;line-height:1.9;color:#637268;margin:0;max-width:720px;text-wrap:pretty}
.campus-media-all{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;flex-shrink:0;padding:11px 18px;border:1px solid #bdcbb7;border-radius:6px;background:#ffffffa8;color:#164e40;font-size:12px;font-weight:600;line-height:1.8;white-space:nowrap;transition:background .2s,border-color .2s}
.campus-media-all>svg{width:18px;height:18px;flex-shrink:0}
.campus-media-all:hover{background:#fff;border-color:#8faba0;color:#164e40}
.campus-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.campus-event-card,.campus-gallery-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid #dfe5d9;border-radius:11px;background:#fff;box-shadow:0 5px 16px #173d2d04;transition:box-shadow .2s,border-color .2s}
.campus-event-card:hover,.campus-gallery-card:hover,.campus-event-card:focus-within,.campus-gallery-card:focus-within{border-color:#b8cbb9;box-shadow:0 12px 28px #173d2d0d}
.campus-event-card:before{content:"";position:absolute;inset-block-start:-1px;inset-inline-start:26px;width:42px;height:3px;background:#b99b60;border-radius:0 0 2px 2px}
.campus-event-copy,.campus-gallery-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:26px 25px 0}
.campus-event-copy{padding-block-start:29px}
.campus-event-title,.campus-gallery-title{font-family:Georgia,serif;font-size:24px;font-weight:500;line-height:1.45;color:#164e40;margin:0 0 15px;text-wrap:balance}
.campus-event-title>a,.campus-gallery-title>a{color:inherit}
.campus-event-title>a:hover,.campus-gallery-title>a:hover{color:#8a6d38}
.campus-event-description,.campus-gallery-description{font-size:14px;line-height:1.9;color:#637268;margin:0 0 23px;text-wrap:pretty}
.campus-event-date{display:block;align-self:flex-start;font-family:Arial,sans-serif;font-size:11px;font-weight:600;line-height:1.8;color:#8b713e;margin-block-end:13px;padding:4px 9px;border:1px solid #e9dfc5;border-radius:4px;background:#faf6eb}
.campus-gallery-photo-link,.campus-event-photo-link{position:relative;display:block;padding:12px;background:#eef2e9;border-block-end:1px solid #e2e7dc;border-radius:10px 10px 0 0}
.campus-gallery-photo-link:after{content:"";position:absolute;inset-block-end:-1px;inset-inline-start:25px;width:36px;height:2px;background:#c3a467}
.campus-gallery-photo,.campus-event-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 40%;border:1px solid #fff;border-radius:5px;background:#f8f9f3}
.campus-gallery-detail-photo{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;margin-inline:auto;border-radius:10px}
.campus-media-card-footer{margin-block-start:auto;border-block-start:1px solid #e8eee3;padding-block:14px 17px}
.campus-media-card-link{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;font-weight:600;line-height:1.8;color:#164e40}
.campus-media-card-arrow{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border:1px solid #dce6d5;border-radius:50%;background:#eff4eb;color:#164e40;transition:background .2s,color .2s}
.campus-media-card-arrow svg{width:16px;height:16px}
.campus-media-card-link:hover .campus-media-card-arrow{background:#164e40;color:#fff;border-color:#164e40}
.campus-media-all:focus-visible,.campus-event-card a:focus-visible,.campus-gallery-card a:focus-visible{outline:2px solid #ae873e;outline-offset:4px;border-radius:3px}
html[dir=rtl] .campus-media-card-arrow svg,html[dir=rtl] .campus-media-all>svg{transform:scaleX(-1)}
html[lang=ur] .campus-media-eyebrow{font-size:19px;line-height:2.2;letter-spacing:0;font-weight:400}
html[lang=ur] .campus-media-title{font-family:var(--urdu);font-size:36px;line-height:2.05;font-weight:600;margin:0 0 10px}
html[lang=ur] .campus-media-intro{font-size:22px;line-height:2.25}
html[lang=ur] .campus-media-all{font-size:20px;font-weight:400;line-height:2.2;padding-block:3px 10px}
html[lang=ur] .campus-event-copy{padding-block-start:19px}
html[lang=ur] .campus-gallery-copy{padding-block-start:13px}
html[lang=ur] .campus-event-title,html[lang=ur] .campus-gallery-title{font-family:var(--urdu);font-size:27px;font-weight:600;line-height:2.2;margin:0 0 9px}
html[lang=ur] .campus-event-description,html[lang=ur] .campus-gallery-description{font-size:21px;line-height:2.35;margin-block-end:23px}
html[lang=ur] .campus-media-card-link{font-size:20px;font-weight:400;line-height:2.2}
html[lang=ur] .campus-media-card-footer{padding-block:7px 13px}
@media(max-width:1199px){.campus-media-title{font-size:33px}.campus-event-copy,.campus-gallery-copy{padding-inline:22px}.campus-event-card:before{inset-inline-start:22px}.campus-gallery-photo-link:after{inset-inline-start:22px}html[lang=ur] .campus-media-title{font-size:34px}html[lang=ur] .campus-event-title,html[lang=ur] .campus-gallery-title{font-size:26px}}
@media(max-width:991px){.campus-media-section{padding-block:55px}.campus-media-heading{gap:24px}.campus-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.campus-media-title{font-size:31px}html[lang=ur] .campus-media-title{font-size:33px}}
@media(max-width:639px){.campus-media-section{padding-block:40px}.campus-media-heading{display:block;margin-block-end:27px}.campus-media-all{margin-block-start:19px}.campus-media-grid{grid-template-columns:minmax(0,1fr);gap:18px}.campus-media-title{font-size:29px}.campus-media-intro{font-size:14px}.campus-event-copy,.campus-gallery-copy{padding-inline:22px}.campus-event-title,.campus-gallery-title{font-size:23px}.campus-gallery-photo-link,.campus-event-photo-link{padding:10px}.campus-gallery-photo-link:after{inset-inline-start:22px}html[lang=ur] .campus-media-title{font-size:31px}html[lang=ur] .campus-media-intro{font-size:21px}html[lang=ur] .campus-event-title,html[lang=ur] .campus-gallery-title{font-size:27px}}
@media(max-width:374px){.campus-event-copy,.campus-gallery-copy{padding-inline:20px}.campus-event-card:before,.campus-gallery-photo-link:after{inset-inline-start:20px}.campus-event-title,.campus-gallery-title{font-size:22px}html[lang=ur] .campus-media-title{font-size:29px}html[lang=ur] .campus-event-title,html[lang=ur] .campus-gallery-title{font-size:25px}html[lang=ur] .campus-event-description,html[lang=ur] .campus-gallery-description{font-size:20px}html[lang=ur] .campus-media-card-link{font-size:19px}}
@media(prefers-reduced-motion:reduce){.campus-event-card,.campus-gallery-card,.campus-media-all,.campus-media-card-arrow{transition:none}}