.basesHub{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  padding:clamp(26px,4vw,46px);
  background:
    radial-gradient(120% 120% at 12% 0%, rgba(217,124,43,.16), transparent 42%),
    radial-gradient(110% 110% at 100% 20%, rgba(83,101,145,.14), transparent 38%),
    linear-gradient(180deg, #0b0b0d 0%, #09090b 100%);
  overflow:hidden;
}
.basesHub__backdrop{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.032) 0 1px, transparent 1px 26px),
    linear-gradient(0deg, rgba(255,255,255,.024) 0 1px, transparent 1px 26px),
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.07), transparent 18rem);
  opacity:.18;
  mix-blend-mode:screen;
}
.basesHub__shell{
  position:relative;
  z-index:1;
  width:min(1320px, calc(100vw - 28px));
  margin:0 auto;
  display:grid;
  gap:clamp(20px,3vw,32px);
}
.basesHub__masthead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px 24px;
  flex-wrap:wrap;
}
.basesHub__brand{
  display:grid;
  gap:10px;
  min-width:0;
  max-width:780px;
}
.basesHub__homeLink{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#fff4e9;
  text-decoration:none;
  min-width:0;
}
.basesHub__brandMark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:78px;
  height:42px;
  padding:0 16px;
  clip-path:var(--bite);
  border:1px solid rgba(217,124,43,.5);
  background:linear-gradient(180deg, rgba(217,124,43,.28), rgba(84,33,14,.32));
  font-family:"Russo One",sans-serif;
  font-size:1rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.basesHub__brandText{
  font-family:"Russo One",sans-serif;
  font-size:clamp(1.7rem,3.2vw,3.6rem);
  letter-spacing:.05em;
  text-transform:uppercase;
  line-height:.96;
}
.basesHub__intro{
  margin:0;
  max-width:62ch;
  color:rgba(238,232,221,.76);
  line-height:1.62;
  font-size:1rem;
}
.basesHub__mastActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.basesHub__hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:clamp(18px,2.6vw,28px);
  align-items:start;
  padding:clamp(20px,3vw,30px);
}
.basesHub__heroCopy{
  display:grid;
  gap:14px;
  min-width:0;
}
.basesHub__eyebrow{
  color:rgba(255,220,190,.74);
  font-family:Oswald,sans-serif;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.basesHub__title{
  margin:0;
  font-family:"Russo One",sans-serif;
  font-size:clamp(2.1rem,4vw,4.2rem);
  line-height:.94;
  text-transform:uppercase;
  color:#fff8ef;
}
.basesHub__lead{
  margin:0;
  max-width:66ch;
  color:rgba(240,234,225,.82);
  font-size:1.02rem;
  line-height:1.68;
}
.basesHub__heroAside{
  display:grid;
  gap:14px;
}
.basesHub__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.basesHub__stat{
  display:grid;
  gap:6px;
  min-height:96px;
  align-content:start;
  padding:16px 18px;
  clip-path:var(--bite);
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.03);
}
.basesHub__stat span{
  color:rgba(236,229,219,.6);
  font-family:Oswald,sans-serif;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.basesHub__stat strong{
  color:#fff8ee;
  font-family:"Russo One",sans-serif;
  font-size:1.02rem;
  line-height:1.2;
}
.basesHub__monthForm{
  display:grid;
  gap:8px;
}
.basesHub__selectLabel{
  color:rgba(239,230,218,.72);
  font-family:Oswald,sans-serif;
  font-size:.8rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.basesHub__selectWrap{
  position:relative;
}
.basesHub__selectWrap::after{
  content:"";
  position:absolute;
  right:18px;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid rgba(255,223,197,.7);
  border-bottom:2px solid rgba(255,223,197,.7);
  transform:translateY(-65%) rotate(45deg);
  pointer-events:none;
}
.basesHub__selectWrap select{
  width:100%;
  min-height:52px;
  padding:0 44px 0 18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff7ed;
  font:600 .98rem/1.2 Oswald,sans-serif;
  letter-spacing:.05em;
  text-transform:uppercase;
  clip-path:var(--bite);
  appearance:none;
}
.basesHub__monthRail{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:2px 0 4px;
  scrollbar-width:none;
}
.basesHub__monthRail::-webkit-scrollbar{display:none}
.basesHub__monthChip{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  clip-path:var(--bite);
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.03);
  color:rgba(245,239,230,.8);
  text-decoration:none;
  font:700 .82rem/1 Oswald,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
}
.basesHub__monthChip.is-active{
  border-color:rgba(217,124,43,.76);
  background:linear-gradient(180deg, rgba(217,124,43,.22), rgba(120,48,16,.26));
  color:#fff8ef;
}
.basesHub__section{
  display:grid;
  gap:16px;
}
.basesHub__sectionHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px 24px;
  flex-wrap:wrap;
}
.basesHub__sectionHead h2{
  margin:4px 0 0;
  color:#fff8ef;
  font-family:"Russo One",sans-serif;
  font-size:clamp(1.6rem,2.5vw,2.6rem);
  line-height:.98;
  text-transform:uppercase;
}
.basesHub__sectionHead p{
  margin:0;
  max-width:62ch;
  color:rgba(238,231,221,.68);
  line-height:1.58;
}
.basesHub__featuredGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.basesHub__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.basesHub__grid--single,
.basesHub__featuredGrid.basesHub__grid--single{
  grid-template-columns:minmax(320px, 420px);
  justify-content:flex-start;
}
.basesHub__grid--single .basesHub__cardMedia,
.basesHub__featuredGrid.basesHub__grid--single .basesHub__cardMedia{
  min-height:320px;
}
.basesHub__card{
  display:grid;
  align-content:start;
  gap:0;
  overflow:hidden;
}
.basesHub__cardMedia{
  position:relative;
  display:block;
  min-height:250px;
  background:#111216;
  overflow:hidden;
}
.basesHub__card--featured .basesHub__cardMedia{
  min-height:290px;
}
.basesHub__cardMedia img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease, filter .35s ease;
}
.basesHub__card:hover .basesHub__cardMedia img{
  transform:scale(1.04);
  filter:saturate(1.08);
}
.basesHub__cardBadge{
  position:absolute;
  left:14px;
  top:14px;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  clip-path:var(--bite);
  border:1px solid rgba(217,124,43,.55);
  background:rgba(10,10,12,.82);
  color:#ffe2c1;
  font:700 .78rem/1 Oswald,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.basesHub__cardBody{
  display:grid;
  gap:16px;
  padding:18px;
}
.basesHub__cardMeta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.basesHub__owner{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.basesHub__ownerAvatar{
  width:44px;
  height:44px;
  object-fit:cover;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:#111216;
  flex:0 0 auto;
}
.basesHub__ownerCopy{
  display:grid;
  gap:3px;
  min-width:0;
}
.basesHub__ownerCopy strong{
  font:700 1rem/1.1 Oswald,sans-serif;
  color:#fff7ee;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.basesHub__ownerCopy span{
  color:rgba(237,229,218,.58);
  font:600 .74rem/1.2 Oswald,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.basesHub__stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px 10px;
}
.basesHub__card .basesHub__stats{
  align-items:flex-start;
}
.basesHub__card .basesHub__stats span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(241,234,224,.72);
  font:700 .76rem/1 Oswald,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.basesHub__card .basesHub__stats i{
  color:var(--color-primary, #d97c2b);
}
.basesHub__card h3{
  margin:0;
  font-family:"Russo One",sans-serif;
  font-size:1.24rem;
  line-height:1.08;
  text-transform:uppercase;
}
.basesHub__card h3 a{
  color:#fff8ef;
  text-decoration:none;
}
.basesHub__card h3 a:hover{
  color:#ffd6af;
}
.basesHub__cardActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.basesHub__empty{
  display:grid;
  gap:14px;
  justify-items:start;
  padding:clamp(22px,3vw,34px);
}
.basesHub__emptyIcon{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  clip-path:var(--bite);
  border:1px solid rgba(217,124,43,.48);
  background:linear-gradient(180deg, rgba(217,124,43,.24), rgba(84,33,14,.28));
  color:#ffd9b5;
  font-size:1.65rem;
}
.basesHub__empty h2{
  margin:0;
  font-family:"Russo One",sans-serif;
  font-size:clamp(1.55rem,2.3vw,2.4rem);
  line-height:1;
  text-transform:uppercase;
}
.basesHub__empty p{
  margin:0;
  max-width:62ch;
  color:rgba(238,230,220,.76);
  line-height:1.68;
}
.basesHub__emptyActions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

@media (max-width:1180px){
  .basesHub__hero{
    grid-template-columns:1fr;
  }
  .basesHub__featuredGrid,
  .basesHub__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:860px){
  .basesHub{
    padding:20px;
  }
  .basesHub__featuredGrid,
  .basesHub__grid{
    grid-template-columns:1fr;
  }
  .basesHub__sectionHead,
  .basesHub__masthead,
  .basesHub__cardMeta{
    align-items:flex-start;
  }
  .basesHub__mastActions,
  .basesHub__stats{
    justify-content:flex-start;
  }
}

@media (max-width:640px){
  .basesHub{
    padding:16px;
  }
  .basesHub__hero{
    padding:18px;
  }
  .basesHub__brandText{
    font-size:clamp(1.45rem,7vw,2.5rem);
  }
  .basesHub__title{
    font-size:clamp(1.75rem,8vw,2.7rem);
  }
  .basesHub__cardMedia,
  .basesHub__card--featured .basesHub__cardMedia{
    min-height:220px;
  }
  .basesHub__stats{
    grid-template-columns:1fr;
  }
}

@media (max-width:520px){
  .basesHub__homeLink{
    gap:10px;
  }
  .basesHub__brandMark{
    min-width:68px;
    height:38px;
    padding:0 12px;
    font-size:.92rem;
  }
  .basesHub__brandText{
    font-size:1.38rem;
  }
  .basesHub__intro,
  .basesHub__lead,
  .basesHub__sectionHead p,
  .basesHub__empty p{
    font-size:.95rem;
  }
  .basesHub__monthChip{
    min-height:38px;
    padding:0 12px;
    font-size:.76rem;
  }
}