<!DOCTYPE html>

<html lang="de">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>LAREZ | Embroidered Art & Fashion</title>

  <style>

    * { 

      margin: 0; 

      padding: 0; 

      box-sizing: border-box; 

    }

    body {

      height: 100vh;

      display: flex;

      flex-direction: column;

      justify-content: space-between;

      align-items: center;

      text-align: center;

      /* Премиальный системный шрифт без засечек */

      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

      color: #ffffff; 

      /* Фоновое фото с мягким затемнением */

      background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.55)), 

                  url('bg.jpg') no-repeat center center/cover;

      padding: 40px 20px;

    }

    .header {

      margin-top: 20px;

    }

    /* ВЕКТОРНЫЙ ЛОГОТИП ПОВЕРХ ФОНА */

    .logo-img {

      max-width: 280px; /* Ширина логотипа (при необходимости можно изменить) */

      height: auto;

      margin-bottom: 12px;

      display: block;

      margin-left: auto;

      margin-right: auto;

    }

    .subtitle {

      font-size: 0.95rem;

      letter-spacing: 2.5px;

      font-weight: 300;

      color: #f0f0f0;

      text-transform: uppercase;

    }

    .main-content {

      margin: auto 0;

    }

    .coming-soon {

      font-size: 2.2rem;

      letter-spacing: 4px;

      text-transform: uppercase;

      font-weight: 300;

      margin-bottom: 8px;

      color: #ffffff;

    }

    .legal-note {

      font-size: 0.9rem;

      opacity: 0.85;

      font-style: italic;

      color: #e0e0e0;

      letter-spacing: 1px;

    }

    .footer {

      display: flex;

      gap: 20px;

      font-size: 0.85rem;

    }

    .footer a {

      color: #ffffff;

      text-decoration: none;

      opacity: 0.8;

      transition: opacity 0.3s;

      letter-spacing: 0.5px;

    }

    .footer a:hover {

      opacity: 1;

      text-decoration: underline;

    }

  </style>

</head>

<body>

  <div class="header">

    <!-- Векторный логотип поверх фоновой фотографии -->

    <img src="logo.svg" alt="LAREZ Logo" class="logo-img">

    <div class="subtitle">Embroidered Art & Fashion</div>

  </div>

  <div class="main-content">

    <div class="coming-soon">Coming Soon</div>

    <div class="legal-note">by Alina Soboleva</div>

  </div>

  <div class="footer">

    <a href="https://legal.larez.org/Impressum_Larez.pdf" target="_blank">Impressum</a>

    <span>|</span>

    <a href="https://legal.larez.org/Impressum_Larez.pdf" target="_blank">Datenschutz</a>

    <span>|</span>

    <a href="https://legal.larez.org/Impressum_Larez.pdf" target="_blank">AGB</a>

  </div>

</body>

</html>