:root{color:#eef6ff;--bg-pan-y:0px;background:#081a33;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;padding:28px 14px 40px;position:relative;overflow:hidden}.backdrop{z-index:-2;background:linear-gradient(130deg,#08152b80,#122a546b);position:fixed;inset:0;overflow:hidden}.backdrop:before{content:"";transform:translateY(var(--bg-pan-y));background:url(/assets/pretoria-bg-DI6Ag76n.png) 50%/cover no-repeat;transition:transform .12s linear;position:absolute;inset:-120px}.backdrop:after{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:-1;background:#08162c24;position:absolute;inset:0}.layout{gap:20px;max-width:1080px;margin:0 auto;display:grid}.globalNotice{color:#e9fff1;background:#1b5c38b8;border:1px solid #88e7b06b;border-radius:12px;margin:0;padding:12px 14px;font-weight:600}.heroCard,.sectionCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e214494;border:1px solid #aacdff57;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 16px 32px #020c1d61}.heroCard:after,.sectionCard:after,.contactCard:after{content:"";pointer-events:none;background:radial-gradient(260px circle at var(--mx,-999px) var(--my,-999px), #040a1914 0%, #0209164d 48%, #0209166b 100%);transition:background .12s;position:absolute;inset:0}.heroCard{padding:26px}.heroTop{align-items:center;gap:18px;margin-bottom:16px;display:flex}.sectionCard{padding:24px}.avatar{object-fit:cover;object-position:center 30%;border:3px solid #ffffffe6;border-radius:50%;flex-shrink:0;width:96px;height:96px;box-shadow:0 8px 18px #5c89b840}.eyebrow{color:#4f88be;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}h1{color:#fff;margin:0 0 6px;font-size:clamp(1.8rem,2.3vw,2.3rem)}.headline{color:#d7e8ff;margin:0 0 6px;font-weight:600}.location,.summary{color:#e1eeff;margin:0;line-height:1.55}.summary{max-width:920px;margin-top:6px}.contactButton{color:#fff;cursor:pointer;background:linear-gradient(140deg,#4179d8f5,#1e52abf5);border:1px solid #ffffffd9;border-radius:999px;margin-top:18px;padding:10px 18px;font-weight:600;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.contactButton:before{content:"";background:linear-gradient(120deg,#fff0,#ffffffb3,#fff0);width:50%;height:300%;transition:left .55s;position:absolute;top:-120%;left:-40%;transform:rotate(18deg)}.contactButton:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1e52ab66}.contactButton:hover:before{left:120%}.contentGrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}h2{color:#fff;letter-spacing:.02em;margin:0 0 18px;font-size:1.25rem}.contentGrid .sectionCard:first-child{grid-column:span 8}.contentGrid .sectionCard:nth-child(2){grid-column:span 4}.contentGrid .sectionCard:nth-child(3),.contentGrid .sectionCard:nth-child(4){grid-column:span 6}.timeline{margin-left:6px;padding-top:10px;padding-bottom:18px;position:relative}.timeline:before{content:"";background:#90bcf58f;width:2px;position:absolute;top:10px;bottom:22px;left:8px}.timeline:after{content:"";border-bottom:12px solid #72a9ef;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:4px;left:1px}.timelineItem{grid-template-columns:24px 1fr;gap:10px;padding-bottom:16px;display:grid;position:relative}.timelineDot{background:#0d2a57;border:3px solid #7cb4f3;border-radius:50%;width:16px;height:16px;margin-top:3px}.period{color:#beddff;margin:0 0 4px;font-size:13px;font-weight:600}h3{color:#fff;margin:0 0 4px;font-size:18px}.company{color:#e4efff;margin:0 0 8px;font-weight:600}ul{margin:0 0 8px 18px;padding:0}li{color:#e6f1ff;margin-bottom:6px}.impact{color:#d9e9ff;margin:0}.pillGrid{flex-wrap:wrap;gap:10px;display:flex}.pill{color:#f7fbff;background:#22488185;border:1px solid #73aaf56b;border-radius:999px;padding:8px 12px;font-size:14px}.contactOverlay{z-index:30;background:#0c25406b;place-items:center;padding:24px 14px;display:grid;position:fixed;inset:0}.contactCard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#112649bd;border:1px solid #a7c9f873;border-radius:20px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:24px;position:relative;overflow:hidden;box-shadow:0 24px 38px #2b517947}.contactLead{color:#e2efff;margin:0 0 14px}.closeButton{color:#e7f2ff;cursor:pointer;background:0 0;border:0;font-size:1.1rem;position:absolute;top:12px;right:14px}.contactForm{gap:10px;display:grid}.contactForm label{color:#e7f2ff;gap:6px;font-size:.95rem;font-weight:600;display:grid}.contactForm input,.contactForm textarea{color:#edf5ff;width:100%;font:inherit;background:#07193399;border:1px solid #7baae880;border-radius:10px;padding:10px 12px}.contactForm textarea{resize:vertical}.charCount,.fileMeta{color:#cfe4ff;margin:0;font-size:.88rem}.fileActions{justify-content:space-between;align-items:center;gap:10px;display:flex}.removeFileButton{color:#deecff;cursor:pointer;background:#102950b8;border:1px solid #80b2ef8f;border-radius:8px;padding:6px 10px}.formError,.formSuccess{margin:0;font-weight:600}.formError{color:#b43131}.formSuccess{color:#22673b}.sendButton{color:#fff;cursor:pointer;background:#2f7dca;border:0;border-radius:10px;justify-self:start;padding:10px 16px;font-weight:600}.sendButton:disabled{opacity:.65;cursor:wait}@media (width<=860px){.heroTop{flex-direction:column;align-items:flex-start}.contentGrid{grid-template-columns:1fr}.contentGrid .sectionCard,.contentGrid .sectionCard:first-child,.contentGrid .sectionCard:nth-child(2),.contentGrid .sectionCard:nth-child(3),.contentGrid .sectionCard:nth-child(4){grid-column:span 1}}
