#modern-professions{font:15px/1.5 Arial,Helvetica,sans-serif;color:#282622;background:#fff;padding:0 44px 48px;box-sizing:border-box}
#modern-professions *{box-sizing:border-box}
#modern-professions .mp-nav{display:flex;align-items:center;gap:23px;flex-wrap:wrap;border-bottom:1px solid #eeeae5;padding:25px 95px 25px 0;font-size:12px;color:#6d6861}
#modern-professions .mp-brand{font-size:21px;font-weight:700;letter-spacing:-.8px;margin-right:auto;color:#282622}
#modern-professions .mp-brand span{color:#e76b15}
#modern-professions .mp-active{color:#282622}
#modern-professions .mp-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;padding:65px 0 53px}
#modern-professions .mp-eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:#9a4c18;margin:0 0 18px}
#modern-professions h1{font-size:46px;line-height:1.08;letter-spacing:-2px;font-weight:500;margin:0 0 22px;max-width:510px}
#modern-professions .mp-intro{color:#736d65;max-width:430px;font-size:15px;line-height:1.7;margin:0}
#modern-professions .mp-art{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center;transform:rotate(-5deg);padding:12px}
#modern-professions .mp-art img{width:100%;height:86px;object-fit:contain}
#modern-professions .mp-art img:nth-child(2),#modern-professions .mp-art img:nth-child(5){transform:translateY(-13px)}
#modern-professions .mp-jumps{display:flex;flex-wrap:wrap;gap:10px 26px;padding:20px 0 25px;border-top:1px solid #eeeae5;border-bottom:1px solid #eeeae5}
#modern-professions .mp-jumps a{font-size:12px;color:#5e5952;text-decoration:none;display:flex;align-items:center;min-height:30px}
#modern-professions .mp-jumps a:hover{color:#b74f09}
#modern-professions .mp-section{padding-top:42px;scroll-margin-top:20px}
#modern-professions .mp-section-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:24px}
#modern-professions h2{font-size:21px;line-height:1.2;letter-spacing:-.5px;font-weight:500;margin:0}
#modern-professions .mp-count{font-size:11px;color:#847d74}
#modern-professions .mp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#modern-professions .mp-trade{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:19px;padding:24px 20px 21px;text-decoration:none;color:#282622;background:#faf9f7;border:1px solid transparent;border-radius:12px;min-height:189px;transition:background .15s,border-color .15s}
#modern-professions .mp-trade img{width:104px;height:104px;object-fit:contain;display:block}
#modern-professions .mp-trade-name{font-size:13px;line-height:1.4;font-weight:500;padding-right:14px}
#modern-professions .mp-arrow{position:absolute;right:17px;bottom:21px;color:#a49889;font-size:17px}
#modern-professions .mp-trade:hover{background:#fff7ed;border-color:#efdbc4}
#modern-professions .mp-trade:hover .mp-arrow{color:#ba520c}
#modern-professions .mp-end{border-top:1px solid #eeeae5;margin-top:46px;padding-top:25px;color:#746d64;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:760px){#modern-professions{padding:0 24px 35px}#modern-professions .mp-nav{gap:17px}#modern-professions .mp-brand{width:100%}#modern-professions .mp-hero{padding:42px 0 35px;gap:15px}#modern-professions h1{font-size:35px;letter-spacing:-1.3px}#modern-professions .mp-art{gap:3px;padding:0}#modern-professions .mp-art img{height:60px}#modern-professions .mp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){#modern-professions{padding:0 18px 28px}#modern-professions .mp-nav{padding:20px 85px 18px 0;gap:10px 17px}#modern-professions .mp-hero{grid-template-columns:1fr;padding:35px 0 28px}#modern-professions h1{font-size:35px;max-width:310px}#modern-professions .mp-art{display:none}#modern-professions .mp-jumps{gap:8px 18px}#modern-professions .mp-jumps a{min-height:36px}#modern-professions .mp-section{padding-top:32px}#modern-professions h2{font-size:19px}#modern-professions .mp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}#modern-professions .mp-trade{padding:21px 15px 18px;gap:16px;min-height:188px}#modern-professions .mp-trade img{width:92px;height:92px}#modern-professions .mp-arrow{right:12px;bottom:18px}#modern-professions .mp-count{font-size:11px}}
@media(prefers-reduced-motion:reduce){#modern-professions .mp-trade{transition:none}}

#modern-professions{max-width:1024px;margin:0 auto}#modern-professions .mp-support{margin-top:45px;padding-top:32px;border-top:1px solid #eeeae5}#modern-professions .mp-support h2{margin-bottom:22px}#modern-professions .mp-support h3{font-size:16px;margin-top:25px}#modern-professions .mp-support p{color:#736d65;line-height:1.8}#modern-professions .mp-support a{color:#a5480d}#modern-professions .mp-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}#modern-professions .mp-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:8px;background:#282622;color:#fff;text-decoration:none;font-size:13px}#modern-professions .mp-action-secondary{background:#f5f2ed;color:#282622}#modern-professions .mp-note{font-size:12px;color:#746d64;margin-top:16px}#modern-professions .mp-guide-links{display:flex;gap:20px;flex-wrap:wrap}#modern-professions .mp-meta{font-size:11px;color:#847d74;margin-top:-14px}#modern-professions .mp-trade-name{padding-right:10px}#modern-professions .mp-trade{min-height:212px}#modern-professions a:focus-visible{outline:2px solid #b74f09;outline-offset:4px}