:root{--ink:#151515;--body:#3f2820;--head:#151515;--pink:#3878a4;--teal:#1daad5;--light:#f2f2f2;--white:#fff;--hero:#7f7f7f;--muted:#5f5f5f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--body);-webkit-font-smoothing:antialiased;margin:0;font:400 16px/1.75 Carlito,Calibri,Arial,sans-serif}a{color:inherit}h1,h2,h3{color:var(--head);margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero{background:linear-gradient(#00000059,#00000059),url(/assets/wits-great-hall.jpg) center/cover var(--hero);color:#fff;height:900px;position:relative;overflow:hidden}.hero h1{color:#fff;letter-spacing:.5px;font-size:96px;font-weight:400;line-height:1;position:absolute;top:50%;left:144px;transform:translateY(-50%)}.menu-btn{background:var(--ink);color:#fff;letter-spacing:2.5px;cursor:pointer;border:0;align-items:center;gap:16px;padding:12px 22px;font:400 11px Carlito,Calibri,Arial,sans-serif;display:flex;position:absolute;top:32px;right:32px}.menu-btn i{border-top:1px solid #fff;border-bottom:1px solid #fff;width:22px;height:9px;display:block;position:relative}.menu-btn i:after{content:"";border-top:1px solid #fff;position:absolute;top:3px;left:0;right:0}.dots{background:#1515158c;margin:0;padding:14px 22px 14px 24px;list-style:none;position:absolute;top:200px;right:86px}.dots a{letter-spacing:2.5px;color:#ffffffbf;justify-content:flex-end;align-items:center;gap:14px;font:400 10px/44px Carlito,Calibri,Arial,sans-serif;text-decoration:none;display:flex}.dots a:after{content:"";background:var(--pink);border-radius:50%;width:6px;height:6px}.dots a:hover{color:#fff}.follow{color:#fffc;gap:26px;font-size:11px;display:flex;position:absolute;bottom:42px;left:64px}.follow span{margin-right:12px}.follow a{text-decoration:none}.scroll{letter-spacing:2.5px;color:#ffffffbf;align-items:center;gap:16px;font:400 10px Carlito,Calibri,Arial,sans-serif;text-decoration:none;display:flex;position:absolute;bottom:30px;right:32px}.scroll b{border:1px solid #fff9;border-radius:50%;place-items:center;width:50px;height:50px;font-weight:300;display:grid}.overlay{background:var(--ink);z-index:20;padding:100px 144px;display:none;position:fixed;inset:0;overflow:auto}.overlay.open{display:block}.overlay a{color:#fff;font:400 32px/1.65 Georgia,serif;text-decoration:none;display:block}.overlay a:hover{color:var(--teal)}.overlay .close{color:#fff;letter-spacing:2.5px;cursor:pointer;background:0 0;border:1px solid #555;padding:12px 22px;font:400 11px Carlito,Calibri,Arial,sans-serif;position:absolute;top:32px;right:32px}section{padding:72px 0}.wrap{max-width:940px;margin:0 auto}.lightbg{background:var(--light)}.label{letter-spacing:3.5px;text-transform:uppercase;color:var(--pink);margin:0 0 18px;font:500 11px Carlito,Calibri,Arial,sans-serif}.label:before{content:"/ ";letter-spacing:2px}.lead{color:var(--body);margin:0 0 18px;font-size:18px;line-height:1.9}p{margin:0 0 16px}.sub{margin:44px 0 20px;font-size:28px;line-height:1.35}.small p,.cols p,.cards p,.pillar p{color:var(--body);font-size:15px;line-height:1.95}.grid2{grid-template-columns:1fr 1fr;gap:32px 56px;margin-top:40px;display:grid}.pillar{grid-template-columns:50px 1fr;align-items:start;gap:0 46px;display:grid}.pillar .n{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:50px;height:50px;font:400 13px Carlito,Calibri,Arial,sans-serif;display:grid}.pillar h3{margin:6px 0 14px;font-size:22px;line-height:1.5}.pillar h3 a{text-decoration:none}.pillar h3 a:hover{color:var(--teal)}.cols{grid-template-columns:1fr 1fr;gap:48px;margin-top:12px;display:grid}.cols h3{margin-bottom:12px;font-size:20px;font-weight:600}.cards{grid-template-columns:repeat(3,1fr);gap:28px 40px;margin-top:24px;display:grid}.cards .ic{width:22px;height:22px;color:var(--teal);margin-bottom:10px}.cards h3{margin:0 0 12px;font-size:17px;font-weight:600}.chip{letter-spacing:1.8px;text-transform:uppercase;color:var(--pink);border:1px solid var(--pink);vertical-align:2px;margin-left:6px;padding:2px 8px;font:500 10px Carlito,Calibri,Arial,sans-serif;display:inline-block}.quote{border-left:2px solid var(--teal);margin:24px 0;padding:4px 0 4px 28px}.quote p{color:var(--body);margin:0 0 10px;font:400 19px/1.75 Georgia,serif}.quote cite{color:var(--muted);font-size:13px;font-style:normal}.quote cite a{color:var(--muted)}.social{gap:14px;margin-top:10px;display:flex}.social a{color:var(--muted);place-items:center;width:24px;height:24px;display:grid}.social a:hover{color:var(--teal)}.social svg,.icons svg{fill:currentColor;width:20px;height:20px}.contact{background:var(--ink);color:#d0d0d0;padding:72px 64px 48px}.contact .name{color:#e6e6e6;margin:0 0 6px;font-size:17px}.contact .role{color:#bdbdbd;margin:0;font-size:13px}.contact hr{border:0;border-top:1px solid #5ba3c9;width:60px;margin:16px 0 22px}.contact .mail{color:#fff;font:400 17px Georgia,serif;text-decoration:none}.contact .addr{color:#bdbdbd;margin:26px 0 0;font-size:13px}.contact .label{color:#5ba3c9;margin-top:44px}.icons{gap:16px;display:flex}.icons a{color:#bdbdbd;place-items:center;width:24px;height:24px;display:grid}.legal{color:#a9a9a9;border-top:1px solid #2a2a2a;flex-wrap:wrap;gap:6px 18px;margin-top:48px;padding-top:26px;font-size:12px;display:flex}.legal a{color:#bdbdbd}@media (width<=760px){.hero{height:720px}.hero h1{font-size:56px;left:24px}.dots{display:none}.menu-btn{top:16px;right:16px}.follow{flex-wrap:wrap;gap:14px;bottom:96px;left:24px}.scroll{bottom:24px;right:16px}section{padding:48px 0}.wrap{padding:0 24px}.grid2,.cols,.cards{grid-template-columns:1fr;gap:24px}.pillar{gap:0 22px}.lead{font-size:16px}.sub{margin-top:36px;font-size:23px}.contact{padding:56px 24px 40px}.overlay{padding:90px 24px}.overlay a{font-size:24px}}
