:root {
  --bg: #0b0b0c;
  --bg-soft: #151516;
  --text: #f6f4ef;
  --muted: #c4c0b8;
  --gold: #caa252;
  --gold-soft: #8f7139;
}

* { box-sizing: border-box; }

html, body { margin: 0; min-height: 100%; }

body {
  font-family: Inter, Arial, Helvetica, sans-serif;
  color: var(--text);
  background: var(--bg);
}

a { color: inherit; text-decoration: none; }

.stub {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: 44px 24px;
  background:
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.055), transparent 34%),
    linear-gradient(180deg, #0d0e0f 0%, #111214 58%, #09090a 100%);
}

.stub::after {
  content: "";
  position: absolute;
  left: -8%; right: -8%; bottom: -10vh;
  height: 34vh;
  background:
    radial-gradient(ellipse at 20% 100%, rgba(255,255,255,.055), transparent 42%),
    radial-gradient(ellipse at 75% 100%, rgba(255,255,255,.035), transparent 44%);
  opacity: .72;
  pointer-events: none;
}

.stub__content {
  position: relative;
  z-index: 2;
  width: min(820px, 100%);
  text-align: center;
}

.stub__logo {
  display: block;
  width: 196px;
  height: 196px;
  margin: 0 auto 22px;
  border-radius: 50%;
  object-fit: cover;
}

.stub__divider {
  width: 70px;
  height: 1px;
  margin: 0 auto 25px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

h1 {
  margin: 0;
  font-size: clamp(32px, 4.2vw, 58px);
  line-height: 1.05;
  font-weight: 500;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.stub__lead,
.stub__text {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  color: var(--muted);
  line-height: 1.7;
}

.stub__lead {
  margin-top: 30px;
  font-size: clamp(16px, 1.4vw, 19px);
}

.stub__text {
  margin-top: 18px;
  font-size: clamp(15px, 1.2vw, 17px);
}

.stub__status {
  display: grid;
  gap: 9px;
  margin: 34px auto 0;
}

.stub__status strong {
  color: var(--gold);
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
  letter-spacing: .19em;
  text-transform: uppercase;
}

.stub__status span {
  color: var(--muted);
  font-size: 15px;
}

.contacts {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 32px;
  margin: 36px auto 0;
}

.contact {
  min-width: 230px;
  display: grid;
  gap: 6px;
  text-align: left;
  padding: 6px 0;
  transition: opacity .2s ease;
}

.contact:hover { opacity: .78; }

.contact__label {
  color: #8f8b84;
  font-size: 13px;
}

.contact__value {
  font-size: 17px;
  line-height: 1.35;
  word-break: break-word;
}

.contacts__separator {
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--gold-soft), transparent);
}

.stub__lines {
  position: absolute;
  z-index: 1;
  top: 8%;
  bottom: 0;
  width: 42%;
  opacity: .34;
  pointer-events: none;
}

.stub__lines::before,
.stub__lines::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    90deg,
    transparent 0 34px,
    rgba(202,162,82,.22) 34px 35px
  );
}

.stub__lines--left {
  left: -19%;
  transform: perspective(650px) rotateY(50deg) rotateZ(-13deg);
}

.stub__lines--right {
  right: -19%;
  transform: perspective(650px) rotateY(-50deg) rotateZ(13deg);
}

@media (max-width: 720px) {
  .stub { padding: 28px 20px 32px; align-items: start; }
  .stub__content { padding-top: 10px; }
  .stub__logo { width: 144px; height: 144px; margin-bottom: 18px; }
  .stub__divider { margin-bottom: 20px; }
  h1 { font-size: clamp(28px, 9vw, 40px); letter-spacing: .1em; }
  .stub__lead { margin-top: 24px; line-height: 1.62; }
  .stub__text { line-height: 1.62; }
  .stub__status { margin-top: 28px; }
  .stub__status strong { line-height: 1.4; }
  .contacts { flex-direction: column; gap: 13px; margin-top: 28px; }
  .contact { min-width: 0; text-align: center; padding: 8px 0; }
  .contacts__separator { width: 100%; height: 1px; background: linear-gradient(90deg, transparent, var(--gold-soft), transparent); }
  .stub__lines { width: 55%; opacity: .25; }
  .stub__lines--left { left: -31%; }
  .stub__lines--right { right: -31%; }
}

@media (max-width: 390px) {
  .stub { padding-left: 16px; padding-right: 16px; }
  .stub__logo { width: 128px; height: 128px; }
  h1 { font-size: 27px; letter-spacing: .08em; }
  .stub__lead, .stub__text { font-size: 14px; }
  .contact__value { font-size: 16px; }
}