:root{--bg:#111111;--ink:#f4f1e9;--accent:#ff7538;--on-accent:#111111;--display:'Barlow Condensed';--body:'DM Sans';--line:color-mix(in srgb,#f4f1e9 30%,transparent)}
h1,h2,h3{text-transform:uppercase;font-weight:700}.hero{padding:75px 0 95px}.hero h1{font-size:clamp(74px,11vw,156px);max-width:12ch;line-height:.94}.hero .intro{font-size:22px;max-width:52ch}.special-stage{background:#f4f1e9;color:#111;transform:skewY(-2deg);margin:25px 0 65px}.special-stage>.wrap{transform:skewY(2deg);padding-top:25px;padding-bottom:45px}.special-stage .chapter{display:grid;grid-template-columns:1fr;max-width:820px;border-bottom:1px solid #b8b5ae}.special-stage .chapter:nth-child(2){margin-left:18%}.special-stage .chapter:nth-child(3){margin-left:8%}.chapter h2{font-size:58px}.chapter-no{font-family:var(--display);color:#ae3908;font-size:25px}.special-practical{background:white;color:#111}.practical{background:#fff;color:#111;border-top:1px solid #b8b5ae}.practical h2{font-size:45px}.enquiry h2{font-size:64px}.enquiry .secondary{color:#fff;border-color:#fff}@media(max-width:640px){.hero{padding:40px 0 55px}.hero h1{font-size:72px}.special-stage .chapter:nth-child(n){margin-left:0}.chapter h2{font-size:43px}.enquiry h2{font-size:49px}}