.hero-section{border-radius:20px;width:1120px;height:640px;margin:120px auto 0;position:relative;overflow:hidden}.hero-image{z-index:0;position:absolute;inset:0}.hero-image img{object-fit:cover}.hero-blur{z-index:1;width:100%;height:240px;position:absolute;bottom:0;overflow:hidden}.hero-blur img{object-fit:cover;filter:blur(18px);transform:scale(1.1)}.hero-overlay{z-index:2;border-top:1px solid var(--white);background:#00000059;justify-content:space-between;align-items:flex-start;width:100%;height:240px;padding:30px;display:flex;position:absolute;bottom:0}.hero-desc-pagination{flex-direction:column;gap:30px;width:741px;display:flex}.hero-desc{flex-direction:column;gap:16px;display:flex}.hero-desc h2{font-size:30px;font-weight:600;line-height:var(--line-height-tight);color:var(--white)}.hero-desc p{font-size:14px;font-weight:500;line-height:var(--line-height-normal);color:var(--white)}.hero-pagination{gap:12px;display:flex}.hero-bar{background-color:var(--grey-1);cursor:pointer;border-radius:100px;width:30px;height:6px;transition:background-color .3s}.hero-bar.active{background-color:var(--primary)}.hero-overlay>:last-child{align-self:flex-start}.hero-slide{opacity:0;animation:1s ease-in-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.hero-section{border-radius:20px;width:350px;height:400px;margin:24px auto 0}.hero-blur{height:104px}.hero-overlay{border-top:1px solid var(--white);background:#00000059;flex-direction:column;justify-content:flex-start;gap:12px;height:104px;padding:20px 20px 24px}.hero-desc-pagination{gap:12px;width:310px}.hero-desc h2{width:310px;height:44px;font-size:16px;font-weight:600;line-height:var(--line-height-tight);color:var(--white);overflow:hidden}.hero-desc p{display:none}.hero-pagination{align-items:center;gap:10px;width:126px;height:4px;display:flex}.hero-bar{background-color:var(--grey-1);width:22px;height:4px}.hero-bar.active{background-color:var(--primary)}.hero-overlay>:last-child{display:none}}
.read-btn{border:1.5px solid var(--white);width:200px;height:39px;color:var(--white);font-family:var(--font-family-base);cursor:pointer;background:0 0;border-radius:50px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;transition:background-color .2s,border-color .2s;display:flex}.read-btn img{width:16px;height:16px}.read-btn:hover{background-color:var(--primary);border-color:var(--primary)}