.mod-hero{background:var(--n1);padding:10rem 0 5rem;border-bottom:1px solid var(--bl)}
.mod-hero .stag{color:var(--g3);margin-bottom:1rem;font-size:0.7rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;display:block}
.mod-hero h1{font-family:"DM Serif Display",serif;font-size:clamp(2rem,4vw,3.2rem);color:var(--white);line-height:1.1;margin-bottom:1.2rem}
.mod-hero p{font-size:0.95rem;color:var(--s3);max-width:560px;line-height:1.8;font-weight:300}
.briefing-card{border:1px solid var(--s2);border-radius:var(--r);padding:1.8rem;transition:all 0.25s;background:var(--white)}
.briefing-card:hover{border-color:var(--g3);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.briefing-tag{font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--g4);margin-bottom:0.6rem;display:block}
.briefing-card h3{font-size:0.92rem;color:var(--n2);line-height:1.4;margin-bottom:0.5rem;font-family:"DM Serif Display",serif}
.briefing-card p{font-size:0.78rem;color:var(--s4);line-height:1.65}
.filter-tabs{display:flex;gap:0.8rem;flex-wrap:wrap;margin-bottom:2.5rem}
.filter-tab{padding:7px 18px;border:1px solid var(--s2);border-radius:20px;font-size:0.72rem;font-weight:500;color:var(--s4);cursor:pointer;transition:all 0.2s;background:var(--white)}
.filter-tab.active,.filter-tab:hover{border-color:var(--g3);color:var(--g3);background:rgba(201,168,76,0.05)}
.briefings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}
.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:start;padding:8rem 0}
.principle{padding:1.5rem 0;border-bottom:1px solid var(--s2)}
.principle h4{font-family:"Sora",sans-serif;font-size:0.85rem;font-weight:600;color:var(--n2);margin-bottom:0.4rem}
.principle p{font-size:0.83rem;color:var(--s5);line-height:1.75}
.trainer-card{background:var(--s1);border:1px solid var(--s2);border-radius:var(--r);padding:2.5rem;position:relative;margin-top:3rem}
.trainer-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--g4),var(--g2))}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:5rem 0}
.cform{background:var(--s1);border:1px solid var(--s2);border-radius:var(--r);padding:2.5rem}
.cform h2{font-family:"DM Serif Display",serif;font-size:1.4rem;color:var(--n1);margin-bottom:0.5rem}
.cform .sub{font-size:0.82rem;color:var(--s4);margin-bottom:1.8rem;line-height:1.7}
.fg{margin-bottom:1.2rem}
.fg label{display:block;font-size:0.7rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--s5);margin-bottom:0.4rem}
.fg input,.fg select,.fg textarea{width:100%;padding:11px 14px;border:1px solid var(--s2);border-radius:var(--r);font-family:"Sora",sans-serif;font-size:0.84rem;color:var(--n2);background:var(--white);transition:border-color 0.2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--g3)}
.fg textarea{resize:vertical;min-height:110px}
.fsuc{display:none;background:rgba(201,168,76,0.1);border:1px solid var(--g4);border-radius:var(--r);padding:1rem;font-size:0.82rem;color:var(--g3);margin-top:1rem;text-align:center}
@media(max-width:820px){.about-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.briefings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.briefings-grid{grid-template-columns:1fr}}
Contact
Get in Touch
Training enquiries only. We respond within 2 business days.
Axia Industries
Better outcomes start with better engineering practice.
© 2025 Axia Industries · axiaindustries.co.za · South Africa
Engineering strategy across asset care, compliance and energy transition