/* * { box-sizing: border-box; }
html, body, app-root { display: block; width: 100%; min-height: 100%; margin: 0; }
body { color: #111;}
.offline-page {
  position: relative;
  min-height: calc(100vh - 90px);
  overflow: hidden;
  background: #d7e4e7 url('/assets/img/offline.jpg') center center / cover no-repeat;
}
.offline-content { position: relative; z-index: 1; padding: clamp(48px, 10.6vh, 100px) 24px 120px clamp(28px, 7.75vw, 130px); }
.offline-mark { width: 47px; height: 6px; background: #111; margin-bottom: 14px; }
.offline-brand {
  margin: 0;
  font-size: clamp(28px, 2.9vw, 49px);
  line-height: 1.12;
  letter-spacing: -.025em;
  font-weight: 900;
  text-transform: uppercase;
}
.offline-divider { width: 75px; height: 1px; background: #111; margin-top: 48px; }
.offline-message {
  margin: 25px 0 0;
  font-size: clamp(30px, 3.1vw, 52px);
  line-height: 1.15;
  font-weight: 300;
  letter-spacing: .005em;
}
.offline-credit {
  position: absolute;
  right: 26px;
  bottom: 17px;
  color: #fff;
  font-size: clamp(14px, 1.4vw, 23px);
  font-weight: 300;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
@media (max-width: 650px) {
  .offline-page { background-position: 55% center; }
  .offline-content { padding-top: 48px; padding-left: 28px; padding-right: 18px; }
  .offline-brand { font-size: clamp(24px, 6.7vw, 38px); }
  .offline-divider { margin-top: 36px; }
  .offline-message { font-size: clamp(28px, 7vw, 42px); }
  .offline-credit { right: 16px; bottom: 15px; }
} */