body{width:auto}.graduates__category-list{display:flex;flex-wrap:wrap;gap:16px 16px;margin-bottom:40px}.graduates__category-list li a{display:inline-block;padding:8px 12px;background-color:#fff;font-size:13px;font-weight:400;border:1px solid #bdbdbd}.graduates__category-list li a.current{border-color:#ad181f;color:#ad181f}.graduates__list{display:flex;flex-wrap:wrap;gap:76px 3.8%}.graduates__list li{flex-basis:30.8%}.graduates__list-link{position:relative;display:block}.graduates__list-img{overflow:hidden;position:relative}.graduates__list-img::after{content:"";display:block;position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(217,217,217,0) 48%,#f7f7f7 84%)}.graduates__list-detail{position:relative;margin-top:-90px;padding:0 24px 28px}.graduates__list-category{position:relative;display:inline-block;margin-bottom:16px;padding-bottom:2px;color:#ad181f;font-size:13px;font-weight:400}.graduates__list-category::before{content:"";position:absolute;left:0;right:0;bottom:0;display:block;height:1px;background-color:#ad181f}.graduates__list-lead{overflow:hidden;font-family:"Playfair Display",serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:32px;line-height:1.2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4}.graduates__list-name{margin-top:16px}.graduates__list-info{position:relative;display:flex;align-items:center;margin:0 24px 14px}.graduates__update{margin-left:auto;font-size:13px;font-weight:400}@media screen and (max-width:1360px){body{width:auto}}@media screen and (max-width:767px){body{width:auto}.graduates__category-list{gap:4px 4px;margin-bottom:48px}.graduates__category-list li a{font-size:11px}.graduates__list{display:block;padding:0 25px}.graduates__list li{margin-bottom:64px}.graduates__list li:last-child{margin-bottom:0}.graduates__list-img{position:relative;flex-basis:46%;flex-shrink:0}.graduates__list-detail{position:relative;padding:0;margin:-70px 16px 20px}.graduates__list-category{margin-bottom:8px;font-size:11px}.graduates__list-lead{font-size:26px}.graduates__list-name{margin-top:8px;font-size:14px}.graduates__list-info{margin:0 16px}.graduates__update{font-size:11px}}@media screen and (max-width:580px){body{width:auto}}