.ocl,.ocl *{margin:0;padding:0;box-sizing:border-box} .ocl{max-width:1140px;margin:0 auto;padding:0 2rem;font-family:’DM Sans’,system-ui,sans-serif!important;color:#111;-webkit-font-smoothing:antialiased} .ocl .hero{display:grid;grid-template-columns:260px 1fr;margin:3rem 0;background:#fff!important;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 30px rgba(0,0,0,.04);opacity:0;animation:oclSU .7s ease forwards .1s} .ocl .hero-photo{position:relative;background:linear-gradient(135deg,#085443,#0d3d30);display:flex;align-items:stretch} .ocl .hero-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;opacity:.92;max-width:none!important;border-radius:0!important} .ocl .hero-content{padding:2.5rem 3rem;display:flex;flex-direction:column;justify-content:center} .ocl .hero-name{font-family:’Cormorant Garamond’,Georgia,serif!important;font-size:42px!important;font-weight:400!important;line-height:1.15!important;color:#111!important;margin:0 0 6px 0!important;padding:0!important;background:none!important;border:none!important} .ocl .hero-role{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:13.5px!important;text-transform:uppercase;letter-spacing:.12em;color:#085443!important;font-weight:600!important;margin-bottom:1.5rem!important;display:flex;align-items:center;gap:10px} .ocl .hero-role::before{content:”;width:24px;height:1.5px;background:#085443;display:inline-block} .ocl .hero-bio{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:16px!important;line-height:1.75!important;color:#3a3a3a!important;max-width:560px;margin:0 0 1.5rem 0!important;font-weight:400!important} .ocl .hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.75rem} .ocl .hero-tag{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:13px!important;padding:6px 16px;border-radius:100px;background:#e8f3ef!important;color:#085443!important;font-weight:500!important;border:1px solid transparent;transition:all .2s ease;display:inline-block} .ocl .hero-tag:hover{border-color:#085443} .ocl .hero-contact{display:flex;gap:24px;align-items:center;padding-top:1.25rem;border-top:1px solid #f0eeea} .ocl .contact-block .label{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.1em;color:#6b6b6b!important;margin-bottom:3px;font-weight:500!important} .ocl .contact-block .value{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:15px!important;color:#3a3a3a!important;font-weight:400!important} .ocl .btn-linkedin{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:14px!important;padding:8px 22px;border-radius:100px;border:1.5px solid #e4e2de!important;color:#3a3a3a!important;text-decoration:none!important;font-weight:500!important;transition:all .25s ease;display:inline-block} .ocl .btn-linkedin:hover{border-color:#085443!important;color:#085443!important;background:#e8f3ef!important} .ocl .main-grid{display:grid;grid-template-columns:1fr 320px;gap:3rem;margin-bottom:4rem;opacity:0;animation:oclSU .7s ease forwards .25s} .ocl .section{margin-bottom:2.5rem} .ocl .sh{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.14em;color:#6b6b6b!important;font-weight:600!important;padding-bottom:10px;border-bottom:2px solid #111!important;margin-bottom:1.25rem!important;display:flex;align-items:center;gap:8px;background:none!important} .ocl .sh::after{content:”;flex:1;height:1px;background:#e4e2de} .ocl .award{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid #f0eeea;transition:background .2s ease} .ocl .award:last-child{border-bottom:none} .ocl .award:hover{background:linear-gradient(90deg,transparent,#e8f3ef 20%,#e8f3ef 80%,transparent);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:6px} .ocl .award-name{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#111!important;margin-bottom:2px!important} .ocl .award-date{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:14px!important;color:#6b6b6b!important;font-weight:400!important} .ocl .award-amount{font-family:’Cormorant Garamond’,Georgia,serif!important;font-size:18px!important;color:#085443!important;font-weight:600!important;white-space:nowrap} .ocl .teach{padding:14px 0;border-bottom:1px solid #f0eeea;transition:background .2s ease} .ocl .teach:last-child{border-bottom:none} .ocl .teach:hover{background:linear-gradient(90deg,transparent,#e8f3ef 20%,#e8f3ef 80%,transparent);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:6px} .ocl .teach-course{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:16px!important;font-weight:500!important;color:#111!important;margin-bottom:3px!important} .ocl .teach-detail{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:14px!important;color:#6b6b6b!important;font-weight:400!important} .ocl .sidebar{border-left:1px solid #e4e2de;padding-left:2.5rem} .ocl .affil{padding:10px 0;border-bottom:1px solid #f0eeea} .ocl .affil:last-child{border-bottom:none} .ocl .affil-name{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:15px!important;color:#111!important;font-weight:500!important;margin-bottom:2px!important} .ocl .affil-sub{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:13.5px!important;color:#6b6b6b!important;font-weight:400!important} .ocl .pub{padding:14px 0;border-bottom:1px solid #f0eeea} .ocl .pub:last-child{border-bottom:none} .ocl .pub-title{font-family:’Cormorant Garamond’,Georgia,serif!important;font-size:16px!important;font-weight:400!important;font-style:italic;color:#111!important;line-height:1.5!important;margin-bottom:6px!important} .ocl .pub-authors{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:13.5px!important;color:#3a3a3a!important;margin-bottom:3px!important;font-weight:400!important} .ocl .pub-meta{font-family:’DM Sans’,system-ui,sans-serif!important;font-size:13px!important;color:#6b6b6b!important;font-weight:400!important;display:flex;align-items:center;gap:6px} .ocl .pub-meta .dot{width:3px;height:3px;border-radius:50%;background:#085443;display:inline-block} @keyframes oclSU{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @media(max-width:768px){.ocl{padding:0 1.25rem}.ocl .hero{grid-template-columns:1fr}.ocl .hero-photo{max-height:280px}.ocl .hero-content{padding:2rem 1.75rem}.ocl .hero-name{font-size:30px!important}.ocl .hero-contact{flex-direction:column;align-items:flex-start;gap:12px}.ocl .main-grid{grid-template-columns:1fr;gap:0}.ocl .sidebar{border-left:none;border-top:1px solid #e4e2de;padding-left:0;padding-top:2rem;margin-top:1rem}}