/* Responsive overrides. Tablet <=1024px, Mobile <=768px, Small phone <=480px */
@media(max-width:1024px){

/* ===== Tablet ===== */
.focus__grid{
  grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:768px){

/* ===== Mobile ===== */
.belief__layout{
  grid-template-columns:1fr;
}
.measure__layout{
  grid-template-columns:1fr;
}
.login-page{
  grid-template-columns:1fr;
}
.admin-page{
  grid-template-columns:1fr;
}
.strip{
  grid-template-columns:repeat(2,1fr);
}
.stats{
  grid-template-columns:repeat(2,1fr);
}
.site-header__menu{
  display:none;
}
.login-hero{
  display:none;
}
.admin-sidebar{
  display:none;
  flex-direction:column;
}
.admin-sidebar.is-open{
  display:flex;
}
.admin-topbar__menu{
  display:inline-block;
}
.hero{
  --ih:max(260px,56.25vw);
  background-size:calc(var(--ih)*1.7728) auto;
  background-position:78% top;
  padding:calc(var(--ih) + 18px) 6% 40px;
  min-height:0;
  align-items:start;
  grid-template-columns:1fr;
}
.hero::before{
  inset:0 0 auto 0;
  height:var(--ih);
  background:var(--hero-before-background-mobile);
}
.hero__content{
  max-width:none;
}
.hero__label{
  font-size:var(--hero-label-font-size-mobile);
}
.hero__title{
  font-size:var(--hero-title-font-size-mobile);
  margin:10px 0 14px;
}
.hero__text{
  font-size:var(--hero-text-font-size-mobile);
  line-height:1.55;
  max-width:none;
}
.hero__actions{
  font-size:var(--hero-actions-font-size-mobile);
  line-height:1.55;
  max-width:none;
}
.hero__button{
  padding:10px 18px;
  font-size:var(--hero-button-font-size-mobile);
}
}
@media(max-width:480px){

/* ===== Small phone ===== */
.hero__title{
  font-size:var(--hero-title-font-size-small);
}
.hero__text{
  font-size:var(--hero-text-font-size-small);
}
.hero__actions{
  font-size:var(--hero-actions-font-size-small);
}
.focus__grid{
  grid-template-columns:repeat(2,1fr);
}
.section-belief{
  padding:48px 5%;
}
.section-focus{
  padding:48px 5%;
}
.section-measure{
  padding:48px 5%;
}
.section-blog{
  padding:48px 5%;
}
.section-cta{
  padding:48px 5%;
}
.section-post{
  padding:48px 5%;
}
.section-notfound{
  padding:48px 5%;
}
.login-card{
  padding:24px;
}
}