.hpe-course-directory{position:relative;overflow:hidden;background:#fbfaf6;color:#171c1a;padding:78px 0 86px}.hpe-course-directory:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 25% 55%,rgba(191,145,36,.07),transparent 31%),linear-gradient(rgba(20,25,23,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(20,25,23,.016) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}.hpe-course-directory__head{position:relative;display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:34px}.hpe-course-directory__eyebrow{font-size:10px;letter-spacing:.2em;font-weight:600;color:#9b7420;display:flex;align-items:center;gap:10px;margin-bottom:11px}.hpe-course-directory__eyebrow span{width:27px;height:2px;background:#bd902b}.hpe-course-directory h2{font-size:31px;line-height:1.14;max-width:780px;margin:0 0 10px;font-weight:550;letter-spacing:-.025em}.hpe-course-directory__head p{max-width:720px;margin:0;color:#68716e;font-size:14px;line-height:1.6}.hpe-course-directory__legend{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:6px;letter-spacing:.12em;font-weight:500;color:#818a86;padding-bottom:5px}.hpe-course-directory__legend i{width:18px;height:1px;background:#cbd0cc}.hpe-course-directory__layout{position:relative;display:grid;grid-template-columns:minmax(410px,48%) minmax(0,1fr);gap:52px;align-items:center}.hpe-course-directory__visual{position:relative;width:min(590px,100%);aspect-ratio:1.02;margin:auto;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.98) 0 24%,rgba(251,250,246,.84) 47%,rgba(251,250,246,.18) 74%,transparent 100%)}.hpe-course-directory__visual-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(191,145,36,.10),transparent 38%),linear-gradient(90deg,transparent 49.8%,rgba(20,25,23,.035) 50%,transparent 50.2%),linear-gradient(rgba(20,25,23,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(20,25,23,.018) 1px,transparent 1px);background-size:auto,100% 100%,34px 34px,34px 34px;opacity:.7}.hpe-course-directory__image{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(1.035);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1);z-index:2;pointer-events:none}.hpe-course-directory__image.is-active{opacity:1;transform:scale(1)}.hpe-course-directory__image:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 28%,rgba(251,250,246,.04) 48%,rgba(251,250,246,.72) 78%,#fbfaf6 100%);pointer-events:none}.hpe-course-directory__image img{width:92%;height:92%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.9) contrast(.97);opacity:.96}.hpe-course-directory__image-label{position:absolute;left:5%;bottom:5%;z-index:5;display:flex;align-items:baseline;gap:9px;color:#8a918e;letter-spacing:.14em}.hpe-course-directory__image-label span{font-size:29px;font-weight:300;color:#b48827;letter-spacing:0}.hpe-course-directory__image-label small{font-size:7px;font-weight:600}.hpe-course-directory__panel-wrap{min-width:0}.hpe-course-directory__panel{display:none}.hpe-course-directory__panel.is-active{display:block;animation:hpeCoursePanelIn .55s cubic-bezier(.2,.75,.2,1)}.hpe-course-directory__panel-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}.hpe-course-directory__panel-head>span{font-size:34px;font-weight:300;color:#b48827;line-height:.9;min-width:31px}.hpe-course-directory__panel-head small{font-size:8px;letter-spacing:.18em;color:#8a918e;font-weight:500}.hpe-course-directory__panel-head h3{font-size:22px;line-height:1.15;margin:4px 0 7px;letter-spacing:-.015em;font-weight:400;color:#202622}.hpe-course-directory__panel-head p{margin:0;color:#69736f;font-size:12px;line-height:1.5;max-width:560px}.hpe-course-directory__course-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dfe2dd;border:1px solid #dfe2dd;box-shadow:0 10px 28px rgba(30,35,32,.03)}.hpe-course-directory__course{min-height:62px;background:rgba(255,255,255,.94);padding:12px 14px;display:grid;grid-template-columns:28px 1fr 16px;gap:8px;align-items:center;text-decoration:none;color:inherit;transition:background .2s ease,transform .2s ease}.hpe-course-directory__course:hover{background:#fff9ed}.hpe-course-directory__course>span:first-child{font-size:9px;color:#a47a21;font-weight:500}.hpe-course-directory__course-title{font-size:11px;line-height:1.35;font-weight:400;color:#2a302d}.hpe-course-directory__course b{font-size:14px;color:#9da3a0;font-weight:400;transition:transform .2s ease,color .2s ease}.hpe-course-directory__course:hover b{color:#9b7625;transform:translate(2px,-2px)}.hpe-course-directory__footer{display:flex;justify-content:space-between;gap:15px;margin-top:13px;color:#8a928f;font-size:7px;letter-spacing:.15em;font-weight:500}.hpe-course-directory__auto b{color:#a87c20}.hpe-course-directory__auto i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b78a29;margin-right:6px;vertical-align:1px;animation:hpeCoursePulse 1.5s ease-in-out infinite}@keyframes hpeCoursePanelIn{from{opacity:0;transform:translateX(13px)}to{opacity:1;transform:none}}@keyframes hpeCoursePulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@media(prefers-reduced-motion:reduce){.hpe-course-directory__image,.hpe-course-directory__panel.is-active,.hpe-course-directory__auto i{transition:none;animation:none}}@media(max-width:1080px){.hpe-course-directory__layout{grid-template-columns:minmax(360px,45%) minmax(0,1fr);gap:32px}.hpe-course-directory h2{font-size:29px}}@media(max-width:900px){.hpe-course-directory__head{display:block}.hpe-course-directory__legend{margin-top:16px;flex-wrap:wrap}.hpe-course-directory__layout{grid-template-columns:1fr;gap:30px}.hpe-course-directory__visual{width:min(560px,100%)}.hpe-course-directory__panel-wrap{max-width:760px;margin:auto;width:100%}}@media(max-width:620px){.hpe-course-directory{padding:58px 0 66px}.hpe-course-directory h2{font-size:26px}.hpe-course-directory__head p{font-size:13px}.hpe-course-directory__visual{width:100%;min-width:0;aspect-ratio:1.05}.hpe-course-directory__image img{width:100%;height:100%}.hpe-course-directory__image-label{left:4%;bottom:4%}.hpe-course-directory__course-grid{grid-template-columns:1fr}.hpe-course-directory__panel-head h3{font-size:21px}.hpe-course-directory__footer{font-size:6px}}
