.grada-directory{min-height:70vh;padding:clamp(4.5rem,7vw,8rem) 0 8rem;background:#f4f1e9;color:#14233b}.grada-directory__hero{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:4rem;align-items:end;margin-bottom:4rem}.grada-directory__back{display:inline-flex;margin-bottom:2.4rem;color:#1d573f;font-size:1.3rem;font-weight:750;text-decoration:none}.grada-directory__hero>div:first-child>span,.grada-directory__results-head span,.grada-directory__menu>span{display:block;color:#bd4a38;font-size:1.2rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.grada-directory__hero h1{margin:.7rem 0 1.4rem;font-size:clamp(4.6rem,6vw,8rem);letter-spacing:-.06em;line-height:.94}.grada-directory__hero>div:first-child>div{max-width:65rem;color:#59645e;font-size:1.7rem;line-height:1.55}.grada-directory__hero p{margin:0}.grada-directory__mark{display:grid;height:13rem;align-content:center;padding:1.8rem 2.2rem;border:1px solid #ccd5cf;border-radius:2rem;background:#fff;color:#bd4a38;font-size:1.1rem;font-weight:850;letter-spacing:.18em}.grada-directory__mark b{display:block;color:#1d573f;font-size:6rem;letter-spacing:-.08em;line-height:.9}.grada-directory__browser{display:grid;grid-template-columns:27rem minmax(0,1fr);overflow:hidden;border:1px solid #d8ded9;border-radius:2.4rem;background:#fff;box-shadow:0 2rem 5rem rgba(25,45,34,.08)}.grada-directory__menu{display:grid;align-content:start;gap:.8rem;padding:3rem 2rem;border-right:1px solid #d8ded9;background:#f7f9f7}.grada-directory__menu>span{margin:0 1rem 1rem;color:#1d573f}.grada-directory__menu button,.grada-directory__menu a{display:grid;grid-template-columns:4.6rem minmax(0,1fr) auto;gap:1rem;align-items:center;min-height:6rem;padding:.7rem 1rem;border:1px solid transparent;border-radius:1.2rem;background:transparent;color:#1e2a24;font:inherit;font-size:1.35rem;font-weight:750;text-align:left;text-decoration:none;cursor:pointer}.grada-directory__menu button:hover,.grada-directory__menu button.is-active,.grada-directory__menu a:hover{border-color:#cad8cf;background:#eaf2ed;color:#1d573f}.grada-directory__menu button>b,.grada-directory__menu a>b{font-size:1.5rem}.grada-directory__league-logo{display:grid;width:4.2rem;height:4.2rem;place-items:center;overflow:hidden;border:1px solid #d8ded9;border-radius:1rem;background:#fff;color:#1d573f;font-size:1rem}.grada-directory__league-logo img{width:100%;height:100%;padding:.45rem;object-fit:contain}.grada-directory__results{padding:3rem}.grada-directory__results-head{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2.2rem;padding-bottom:1.8rem;border-bottom:1px solid #d8ded9}.grada-directory__results-head h2{margin:.5rem 0 0;font-size:3.2rem;letter-spacing:-.04em}.grada-directory__results-head p{max-width:38rem;margin:0;color:#69746d;font-size:1.4rem}.grada-directory__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.grada-directory__grid li[hidden]{display:none}.grada-directory__grid a{display:grid;grid-template-columns:6rem minmax(0,1fr) auto;gap:1.2rem;align-items:center;min-height:8rem;padding:1rem;border:1px solid #e0e4e1;border-radius:1.4rem;color:#1e2a24;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.grada-directory__grid a:hover{transform:translateY(-2px);border-color:#afc5b7;box-shadow:0 1rem 2rem rgba(25,45,34,.08)}.grada-directory__grid a>span{display:grid;width:5.8rem;height:5.8rem;place-items:center;overflow:hidden;border-radius:1.2rem;background:#f4f6f4;color:#1d573f;font-size:1.1rem}.grada-directory__grid img{width:100%;height:100%;padding:.45rem;object-fit:contain}.grada-directory__grid strong{font-size:1.4rem;line-height:1.25}.grada-directory__grid a>b{color:#1d573f;font-size:1.5rem}.grada-directory__empty{padding:3rem;border:1px dashed #c7d0ca;border-radius:1.4rem;color:#68736c;font-size:1.4rem;text-align:center}.grada-directory__empty[hidden]{display:none}
@media screen and (max-width:989px){.grada-directory__browser{grid-template-columns:22rem minmax(0,1fr)}.grada-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grada-directory__results-head{align-items:flex-start;flex-direction:column;gap:1rem}}
@media screen and (max-width:749px){.grada-directory{padding:3rem 0 5rem}.grada-directory__hero{grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}.grada-directory__mark{display:none}.grada-directory__hero h1{font-size:4.8rem}.grada-directory__hero>div:first-child>div{font-size:1.5rem}.grada-directory__browser{display:block;border-radius:1.7rem}.grada-directory__menu{display:flex;gap:.7rem;padding:1.2rem;overflow-x:auto;border-right:0;border-bottom:1px solid #d8ded9;scrollbar-width:none}.grada-directory__menu::-webkit-scrollbar{display:none}.grada-directory__menu>span{display:none}.grada-directory__menu button,.grada-directory__menu a{grid-template-columns:3.8rem auto;min-width:max-content;min-height:5rem;padding:.5rem .9rem}.grada-directory__menu button>b,.grada-directory__menu a>b{display:none}.grada-directory__league-logo{width:3.6rem;height:3.6rem}.grada-directory__results{padding:2rem 1.2rem}.grada-directory__results-head h2{font-size:2.8rem}.grada-directory__results-head p{font-size:1.3rem}.grada-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.grada-directory__grid a{grid-template-columns:4.7rem minmax(0,1fr);gap:.8rem;min-height:7rem;padding:.8rem}.grada-directory__grid a>span{width:4.7rem;height:4.7rem}.grada-directory__grid strong{font-size:1.15rem}.grada-directory__grid a>b{display:none}}

.grada-directory__results-action{display:flex;max-width:40rem;align-items:flex-end;flex-direction:column;gap:1rem;text-align:right}.grada-directory__results-action>a{display:inline-flex;min-height:4rem;align-items:center;justify-content:center;gap:.8rem;padding:.8rem 1.4rem;border:1px solid #1d573f;border-radius:1rem;background:#1d573f;color:#fff;font-size:1.2rem;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.grada-directory__results-action>a:hover{transform:translateY(-1px);box-shadow:0 .7rem 1.6rem rgba(25,69,53,.16)}
@media screen and (max-width:989px){.grada-directory__results-action{width:100%;max-width:none;align-items:flex-start;text-align:left}}
@media screen and (max-width:749px){.grada-directory__results-action>a{width:100%;min-height:4.4rem}.grada-directory__results-action p{max-width:none}}
.grada-directory__menu a.is-active{border-color:#cad8cf;background:#eaf2ed;color:#1d573f}