/* Subtle background texture */
:root { 
  --paper: #f0eeed; 
  --ink: rgba(0,0,0,.025); 
  --ink2: rgba(0,0,0,.018); }

body.not-home{
  background:
    radial-gradient(var(--ink) 0.6px, transparent 0.6px) 0 0/4px 4px,
    radial-gradient(var(--ink2) 0.5px, transparent 0.5px) 2px 2px/4px 4px,
    linear-gradient(to bottom, rgba(255,255,255,.25), rgba(255,255,255,0) 120px) no-repeat,
    var(--paper);
  box-shadow: inset 0 0 60px rgba(0,0,0,.05);
}

/* Layout */
.container { max-width: 1500px !important; }
.hero-section {
  background: url('/images/tupsula.jpg') center/cover no-repeat;
  padding: 5rem 0;
  color: #fff;
  text-align: center;
}
.measure-wide { max-width: 60% !important; }
@media (max-width: 42rem) {
  .measure-wide { max-width: 80% !important; }
}


.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Typography & elements */
figcaption {
  font-size: 15px;
  font-style: italic;
  text-align: center;
}
table { border-collapse: collapse; width: 100%; }
table, table th, table td { border: 1px solid #000; }
table td { font-size: 15px; padding: 2px; }

/* Navigation */
.menu-blur > ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding: 0;
}
.menu-blur > ul > li {
  list-style: none;
  margin: 0;
  padding: 0 !important;
}
.menu-blur > ul a,
.menu-blur .i18n-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: .65rem 1rem;
  min-height: 44px;
  line-height: 1.2;
  border-radius: .55rem;
  -webkit-tap-highlight-color: transparent;
}
.menu-blur > ul a:hover,
.menu-blur > ul a:focus,
.menu-blur .i18n-flag:hover,
.menu-blur .i18n-flag:focus {
  background: rgba(255,255,255,.15);
  color: #fff;
  outline: none;
}
.menu-blur > ul a:focus-visible,
.menu-blur .i18n-flag:focus-visible {
  box-shadow: 0 0 0 3px rgba(255,255,255,.35);
  border-radius: .65rem;
}
.menu-blur .i18n-flag,
.menu-blur .i18n-flag:visited { color: #fff !important; }
.menu-blur .i18n-flag img { margin-right: .4rem; }

/* Components */
.apply-button { font-size: 30px; padding: 40px; }

/* Media */
@media (max-width: 42rem) {
  .menu-blur > ul a,
  .menu-blur .i18n-flag {
    font-size: 1.05rem;
    padding: .25rem 1rem;
    flex: 1 1 auto;
  }
  .menu-blur > ul > li { flex: 1 1 48%; }
}

@media (max-width: 42rem) {
  .parallax { background-attachment: scroll; }
}