/* V18 Digital Campus: visual additions only; V17 controls are preserved. */
:root{--campus-gold:#f1c877}
.campus-intro{background:linear-gradient(100deg,#08090de8,#13151bbf),radial-gradient(circle at 90% 20%,#a1783480,#141318);border-block:1px solid #77582d}
.campus-intro .campus-pill{display:inline-block;border:1px solid #a7864c;color:#f2d18c;border-radius:30px;padding:5px 13px;font-size:12px;letter-spacing:.1em}
.campus-intro h2{font-size:clamp(30px,4vw,48px);margin:15px 0}
.campus-intro .btn{margin-top:15px}
.campus-depts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:22px}
.campus-dept{display:block;padding:22px;border:1px solid #66502e;border-radius:13px;background:#1b1b20;color:#fff;text-decoration:none;transition:.2s}
.campus-dept:hover{border-color:#f1c877;transform:translateY(-2px)}
.campus-dept strong{display:block;color:#f1c877;margin:8px 0;font-size:18px}.campus-dept small{display:block;line-height:1.5;color:#cfc9be}
.campus-banner{position:relative;min-height:260px;display:flex;align-items:center;overflow:hidden;border:1px solid #6d542d;border-radius:15px;padding:30px;background-color:#14151a;background-repeat:no-repeat;background-size:cover;background-position:center;margin-bottom:30px}
.campus-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090a0ff7 0%,#0c0d10e8 39%,#0c0d1070 75%,#0c0d1015 100%)}
.campus-banner>*{position:relative;z-index:1;max-width:630px}.campus-banner h2{font-size:clamp(27px,4vw,43px);line-height:1.1;margin:8px 0}.campus-banner p{color:#e4dccf;max-width:560px}
.campus-banner--teachers{background-image:url('campus-teachers.webp')}.campus-banner--science{background-image:url('campus-science.webp')}.campus-banner--pupils{background-image:url('campus-pupils.webp')}
#pupils.campus-pupils-spotlight{background:linear-gradient(90deg,#090a0ff5 0%,#101013df 45%,#10101335 100%),url('campus-pupils.webp') center / cover !important}
@media(max-width:600px){.campus-banner{min-height:245px;padding:21px}.campus-banner:before{background:linear-gradient(90deg,#090a0ff2,#0c0d10cb)}.campus-depts{grid-template-columns:1fr 1fr}.campus-dept{padding:14px}.campus-dept strong{font-size:15px}}
@media(max-width:390px){.campus-depts{grid-template-columns:1fr}}