html, body {
  height: 100%;
  min-height: 100vh;
  background: #fff;
  margin: 0;
  padding: 0;
}

/* Sticky footer layout */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE 10+ */
}

body::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

html {
  overflow-x: hidden;
}

/* Main content area stretches to fill space */
.main-content {
  flex: 0 0 auto;
  min-height: 280px;
  background: #fff;
  /* If you want the content centered vertically and horizontally: */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
/* =============== END HERE FOR THE SETTING */


.error-404-main {
  text-align: center;
}
.error-big {
  font-size: 1rem;
  color: #262C36;
  font-family: 'Aptos-Narrow';
  font-weight: bold;
  margin-bottom: 14px;
  margin-left: 24px;
  margin-right: 24px;
  text-align: left;
}

.error-small {
  font-size: 0.75rem;
  color: #262C36;
  line-height: 1;
  text-align: justify;
  font-family: 'Aptos-Narrow';
  margin-left: 24px;
  margin-right: 24px;
}

.error-small strong {
  font-weight: 600;
  color: #262C36; /* or keep as default if you only want bold, remove color if so */
}

.error-small br + br {
  line-height: 1.4;
  margin-bottom: 18px;
  display: block;
  content: "";
}

.error-small-br {
  font-size: 1rem;
  color: #262C36;
  line-height: 1;
  text-align: left;
  font-family: 'Aptos-Narrow';
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 8px;
}

.error-small-list {
  font-size: 0.75rem;
  color: #262C36;
  line-height: 1;
  margin-bottom: 16px;
  text-align: left;
  font-family: 'Aptos-Narrow';
  margin-left: 36px;
  margin-right: 24px;
}

.error-small-list strong {
  font-weight: 600;
  color: #262C36; /* or keep as default if you only want bold, remove color if so */
}


/* home divider line */
.page-divider {
  width: calc(100% - 48px); /* 24px left + right */
  margin-top: 8px;
  margin-left:24px;
  margin-right: 24px;
  height: 0.5px;
  background-color: #bbb; /* lighter color & line weight */
}

/* gallery hero */
.gallery-hero {
  margin-top: 10px;
  margin-left:24px;
  margin-right: 24px;
}

.gallery-hero-img {
  width: 100%;
  height: auto;
}