/* Screenshot reference: Why HYEDram Works. Scoped to homepage section. */
#why-hyedram.why-works-reference{background:#333543;color:#fff;position:relative;isolation:isolate;overflow:hidden;padding:113px 0 83px;min-height:625px;font-family:Arial,Helvetica,sans-serif}
#why-hyedram .why-works-container{position:relative;z-index:2;max-width:1165px}
#why-hyedram h2{font-size:clamp(38px,3.15vw,57px);font-weight:750;letter-spacing:-1.2px;line-height:1.15;color:#fff;text-align:center;margin:0 0 88px}
#why-hyedram h2 span{color:#e2b416}
#why-hyedram .why-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
#why-hyedram .why-works-item{min-width:0}
#why-hyedram .why-works-num{display:flex;align-items:center;gap:16px;color:#fff;font-size:26px;line-height:1.2;margin-bottom:19px;font-weight:400}
#why-hyedram .why-works-num i{width:57px;border-top:1px solid #a4a3ad;display:inline-block}
#why-hyedram h3{font-size:27px;line-height:1.25;font-weight:750;color:#fff;margin:0 0 36px}
#why-hyedram p{font-size:20px;line-height:1.75;color:#9797a3;font-weight:500;min-height:105px;margin:0 0 18px}
#why-hyedram a{color:#e4b416;font-size:20px;font-weight:400;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .2s ease,transform .2s ease}
#why-hyedram a:hover,#why-hyedram a:focus-visible{color:#ffda58;transform:translateX(4px)}
#why-hyedram .why-works-geometry{position:absolute;left:18%;top:21%;width:175px;opacity:.7;pointer-events:none}
#why-hyedram .why-works-geometry svg{width:100%;height:auto}
#why-hyedram .why-works-right-art{position:absolute;right:-190px;top:145px;width:530px;height:480px;background:linear-gradient(145deg,rgba(112,113,131,.28),rgba(112,113,131,.02) 70%);clip-path:polygon(0 38%,100% 0,100% 100%,15% 100%,15% 50%);opacity:.8;pointer-events:none;z-index:0}
@media(max-width:991px){#why-hyedram.why-works-reference{padding:80px 0 75px;min-height:auto}#why-hyedram h2{margin-bottom:58px}#why-hyedram .why-works-grid{gap:24px}#why-hyedram h3{font-size:23px}#why-hyedram p{font-size:17px;min-height:115px}#why-hyedram .why-works-right-art{opacity:.3}}
@media(max-width:767px){#why-hyedram .why-works-grid{grid-template-columns:1fr;gap:43px}#why-hyedram h2{margin-bottom:48px}#why-hyedram p{min-height:0;margin-bottom:17px}#why-hyedram h3{margin-bottom:16px}#why-hyedram .why-works-geometry{left:3%;top:6%}#why-hyedram .why-works-right-art{opacity:.15}}
@media(prefers-reduced-motion:reduce){#why-hyedram a{transition:none}}