
#voc-oa-project {max-width:1240px;margin:0 auto;padding:0 clamp(14px,3vw,32px);font:16px/1.55 system-ui,sans-serif;color:#1d2724;box-sizing:border-box;}
#voc-oa-project h2,#voc-oa-project h3,#voc-oa-project p {margin:0;}
#voc-oa-project a {text-decoration:none;}
#voc-oa-project a:focus-visible,#voc-oa-project summary:focus-visible {outline:2px solid #99733a;outline-offset:4px;}
#voc-oa-project .eyebrow {font-size:12px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;}

#voc-oa-project {padding-top:52px;padding-bottom:40px;scroll-margin-top:120px;}
#voc-oa-project .eyebrow {color:#71603e;}
#voc-oa-project h2 {font:500 clamp(28px,4vw,45px)/1.1 Georgia,serif;margin:5px 0 17px;}
#voc-oa-project .applications {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
#voc-oa-project .applications > div {padding:18px;background:#f3f5ef;border-radius:9px;}
#voc-oa-project h3 {font-size:19px;}
#voc-oa-project .applications p {margin:6px 0 10px;color:#536158;}
#voc-oa-project .applications a {display:inline-block;color:#2f5546;font-size:13px;font-weight:700;margin-right:9px;text-decoration:underline;text-underline-offset:3px;}
#voc-oa-project .quote {scroll-margin-top:100px;display:flex;justify-content:space-between;align-items:center;gap:18px 30px;flex-wrap:wrap;background:#20352b;color:#fff;margin-top:22px;padding:clamp(18px,3vw,36px);border-radius:10px;}
#voc-oa-project .quote div {max-width:640px;}
#voc-oa-project .quote .eyebrow {color:#f3d09a;}
#voc-oa-project .quote h3 {font:500 clamp(24px,4vw,36px)/1.1 Georgia,serif;color:#fff;margin:7px 0;}
#voc-oa-project .quote a {color:#20352b;background:#f3d09a;font-weight:750;border-radius:5px;padding:11px 15px;}
@media(max-width:680px) {#voc-oa-project .applications {grid-template-columns:1fr;}}
