.profession-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:680px}
.profession-intro{padding:70px var(--gutter) 80px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.eyebrow{font-size:var(--small);letter-spacing:.05em;margin-bottom:24px}
.profession-intro .lead{max-width:28em;margin:26px 0 30px}
.profession-intro>.text-link{margin-top:20px}
.profession-overview{background:var(--stage);color:var(--stage-ink);padding:62px clamp(30px,5vw,80px)}
.profession-overview h2{font-size:clamp(30px,3vw,46px);margin-bottom:35px}
.overview-list{list-style:none;padding:0;margin:0}
.overview-list>li{display:grid;grid-template-columns:35px 1fr;gap:20px;padding:25px 0;border-top:1px solid #496257}
.overview-list>li+li{margin:0}
.overview-list>li>span{color:#adc7b9;font-size:var(--small);font-variant-numeric:tabular-nums;padding-top:4px}
.overview-list p{font-size:16px;line-height:1.7;margin-top:8px;color:#c4d6cb}
.difficulty-order{display:flex;gap:15px;align-items:center;margin-top:14px;font-size:16px}
.difficulty-orange{color:#ffae6e}.difficulty-yellow{color:#ebd87e}.difficulty-green{color:#9ad19b}
.feature-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,70px)}
.feature-columns h3{margin-bottom:18px}.feature-columns p{font-size:16px}
.profession-features{background:var(--paper)}
@media(min-width:1600px){.profession-hero{max-width:1800px;margin:auto}}
@media(max-width:1000px){.profession-hero{grid-template-columns:1fr 1fr;min-height:0}.profession-intro{padding-block:45px}.profession-overview{padding:45px 30px}.feature-columns{gap:28px}}
@media(max-width:720px){.profession-hero{display:block}.profession-intro{padding:35px var(--gutter) 45px}.profession-intro h1{font-size:40px}.profession-intro .lead{font-size:17px;margin:20px 0 24px}.profession-intro .button{width:100%;font-size:16px;gap:16px}.profession-overview{padding:40px var(--gutter)}.profession-overview h2{font-size:32px}.feature-columns{display:block}.feature-columns article+article{margin-top:35px}.eyebrow{font-size:13px;margin-bottom:20px}.site-header nav{justify-content:flex-start;gap:4px 20px}}
