.page-academy{background:#000 url(../img/beamon-lighting-1.webp) no-repeat top;background-size:contain}.academy-hero{padding:64px 0;position:relative}@media (max-width:1023px){.academy-hero{padding:48px 0}}@media (max-width:767px){.academy-hero{padding:40px 0}}.academy-hero__title{font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}@media (max-width:767px){.academy-hero__title{font-size:34px}}.academy-hero__subtitle{color:hsla(0,0%,100%,.75);font-size:17px;line-height:1.5;margin:14px 0 0;max-width:520px}.academy-search{align-items:center;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.45);display:flex;gap:10px;margin-bottom:24px;padding:13px 14px;transition:border-color .15s linear}.academy-search svg{color:hsla(0,0%,100%,.6);flex:none}.academy-search:focus-within{border-color:#0a84ff}.academy-search__input{background:transparent;border:none;color:#fff;font-family:inherit;font-size:15px;width:100%}.academy-search__input:focus{outline:none}.academy-search__input::-moz-placeholder{color:hsla(0,0%,100%,.4)}.academy-search__input::placeholder{color:hsla(0,0%,100%,.4)}.academy-search__input::-webkit-search-cancel-button{filter:invert(1);opacity:.5}.academy-body{align-items:start;-moz-column-gap:56px;column-gap:56px;display:grid;grid-template-columns:264px 1fr;grid-template-rows:auto 1fr;margin:0 auto 8rem;row-gap:40px}@media (max-width:1023px){.academy-body{display:flex;flex-direction:column;gap:28px}}.academy-sidebar{grid-column:1;grid-row:1}@media (max-width:1023px){.academy-sidebar{width:100%}}.academy-cats__label{border-bottom:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.45);font-size:12px;font-weight:600;letter-spacing:.08em;padding-bottom:12px;text-transform:uppercase}.academy-cat{align-items:center;background:transparent;border:none;border-bottom:1px solid hsla(0,0%,100%,.08);border-left:2px solid transparent;color:hsla(0,0%,100%,.65);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:400;justify-content:space-between;line-height:1.3;padding:12px 2px 12px 12px;text-align:left;transition:color .15s linear,padding .15s linear;width:100%}.academy-cat:hover{color:#fff}.academy-cat.is-active{border-left-color:#0a84ff;color:#fff;font-weight:600;padding-left:14px}.academy-cat__count{color:hsla(0,0%,100%,.4);font-size:12px}.academy-support{align-self:start;border:1px solid hsla(0,0%,100%,.2);grid-column:1;grid-row:2;padding:24px}@media (max-width:1023px){.academy-support{max-width:none}}.academy-support__text{color:hsla(0,0%,100%,.6);font-size:13px;line-height:1.5;margin:8px 0 16px}.academy-support__btn{align-items:center;background:#fff;color:#000;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:11px 18px;text-decoration:none;transition:opacity .15s linear}.academy-support__btn:hover{color:#000;opacity:.9}.academy-support__title{font-size:16px;font-weight:600;line-height:1.3}.academy-main{grid-column:2;grid-row:1/span 2;min-width:0;width:100%}.academy-main__head{align-items:baseline;display:flex;gap:14px;margin-bottom:28px}.academy-main__heading{font-size:32px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}@media (max-width:767px){.academy-main__heading{font-size:26px}}.academy-main__count{color:hsla(0,0%,100%,.5);font-size:14px}.academy-grid{display:grid;gap:32px 28px;grid-template-columns:repeat(3,1fr)}@media (max-width:1130px){.academy-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.academy-grid{grid-template-columns:1fr}}.academy-card{color:#fff;cursor:pointer;display:block;text-decoration:none}.academy-card[hidden]{display:none}.academy-card:focus-visible,.academy-card:hover{color:#fff}.academy-card:focus-visible{outline:2px solid #0a84ff;outline-offset:4px}.academy-card__thumb{aspect-ratio:16/9;background:#0a0d14 linear-gradient(135deg,rgba(0,102,255,.18),rgba(89,64,215,.1) 60%,transparent);border:1px solid hsla(0,0%,100%,.14);margin-bottom:.75rem;overflow:hidden;position:relative;transition:box-shadow .2s cubic-bezier(.2,.7,.2,1),border-color .2s linear}.academy-card__thumb:before{background-image:var(--thumb);background-position:50%;background-size:cover;content:"";inset:0;opacity:.85;position:absolute}.academy-card__play{align-items:center;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.85);display:flex;height:48px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .15s linear;width:48px;z-index:2}.academy-card__tag{color:hsla(0,0%,100%,.7);display:block;font-size:12px;font-weight:500;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.academy-card__title{color:hsla(0,0%,100%,.95);font-size:17px;font-weight:600;line-height:1.3;transition:color .15s linear}.academy-card:focus-visible .academy-card__thumb,.academy-card:hover .academy-card__thumb{border-color:hsla(0,0%,100%,.5);box-shadow:10px 10px 60px 0 rgba(0,102,255,.45)}.academy-card:hover .academy-card__play{background:#0a84ff;border-color:#0a84ff}.academy-card:hover .academy-card__title{color:#fff}.academy-empty{border:1px solid hsla(0,0%,100%,.15);padding:56px;text-align:center}.academy-empty__title{font-size:17px;font-weight:600}.academy-empty__text{color:hsla(0,0%,100%,.55);font-size:14px;margin:10px 0 0}@media (max-width:1023px){.academy-sidebar{order:1}.academy-main{order:2}.academy-support{align-self:stretch;order:3}.academy-cats{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.academy-cats::-webkit-scrollbar{display:none}.academy-cats__label{display:none}.academy-cat{border:1px solid hsla(0,0%,100%,.2);border-radius:999px;flex:0 0 auto;gap:8px;padding:9px 16px;white-space:nowrap;width:auto}.academy-cat.is-active{background:rgba(0,102,255,.12);border-color:#0a84ff;border-left-width:1px;color:#fff;padding:9px 16px}}@media (max-width:767px){.academy-main__head{margin-bottom:20px}.academy-grid{gap:24px}.academy-empty{padding:40px 24px}}