.l-resources{position:relative}.l-resources .l__top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:4.8rem}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-resources .l__top{margin-bottom:2rem}}.l-resources .l__title{font:500 calc(var(--font-size-h-lg) * 0.8)/1.2 var(--font-text);letter-spacing:-0.03em;position:relative;max-width:17.333em;color:var(--color-brand-1)}.l-resources .l__title small{position:absolute;bottom:100%;margin-bottom:.3125em;color:var(--color-brand-2);font-size:.6666em;font-weight:500}.l-resources .l__cats{font:500 calc(var(--font-size-t-sm) * 0.8)/1.2 var(--font-text);letter-spacing:-0.03em;display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none;white-space:nowrap}.l-resources .l__cats li{padding:.7777em 1.111em;background:var(--color-white);border-radius:99px}.l-resources .l__cats li a{color:var(--color-brand-1)}.l-resources .l__cats li.is-active{background:var(--color-brand-1)}.l-resources .l__cats li.is-active a{color:var(--color-white)}.l-resources .l__posts{display:grid;gap:3.25rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:5.3rem}@media only screen and (max-width: 1280px){.l-resources .l__posts{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 987px){.l-resources .l__posts{gap:2rem}}@media only screen and (max-width: 767px){.l-resources .l__posts{grid-template-columns:1fr}}.l-resources .a-svg--gray-bottom{--svg-start-x: -75vw;--svg-start-y: -60%;--svg-end-x: calc(var(--svg-start-x) + 55vw);position:absolute;z-index:-10;scale:1;transform:translate3d(var(--svg-start-x), var(--svg-start-y))}@media only screen and (max-width: 1280px){.l-resources .a-svg--gray-bottom{--svg-start-y: -40%;scale:.8}}@media only screen and (max-width: 987px){.l-resources .a-svg--gray-bottom{display:none}}.l-resources .a-svg--gray-bottom.is-in{animation:reveal-from-left 1.8s cubic-bezier(0.645, 0.045, 0.355, 1) .5s forwards;will-change:transform}@keyframes reveal-from-left{from{transform:translate3d(var(--svg-start-x), var(--svg-start-y), 0)}to{transform:translate3d(var(--svg-end-x), var(--svg-start-y), 0)}}