/*
Theme Name: TRFL Coming Soon
Theme URI: https://trfl.ca/
Author: TRFL
Description: Minimal one-page TRFL holding page with centered white logo on deep burgundy background.
Version: 1.0.0
Requires PHP: 7.3
Text Domain: trfl-coming-soon
*/

:root { --burgundy: #4b0017; }
    * { box-sizing: border-box; }
    html, body { width: 100%; height: 100%; margin: 0; }
    body {
      min-height: 100vh;
      min-height: 100svh;
      min-height: 100dvh;
      display: grid;
      place-items: center;
      overflow: hidden;
      background: var(--burgundy);
      font-family: Arial, Helvetica, sans-serif;
    }
    .logo {
      display: inline-flex;
      align-items: flex-end;
      gap: 0.22em;
      color: #fff;
      white-space: nowrap;
      user-select: none;
      padding: 24px;
    }
    .logo-mark {
      font-size: clamp(48px, 7vw, 104px);
      line-height: .9;
      font-family: "Arial Black", Arial, Helvetica, sans-serif;
      font-weight: 900;
      letter-spacing: .055em;
    }
    .logo-word {
      font-size: clamp(30px, 4vw, 60px);
      line-height: 1;
      font-weight: 400;
      letter-spacing: -.035em;
    }
  
.logo-wrap, .logo, .brand {
  align-items: flex-end !important;
}
.marketing {
  line-height: 1;
  margin-bottom: 0.06em;
}


.logo-wrap, .logo, .brand {
  gap: 0.22em !important;
}
.marketing {
  margin-left: -0.04em;
}

/* WordPress admin bar compensation */
body.admin-bar {
  min-height: calc(100vh - 32px);
}
@media screen and (max-width: 782px) {
  body.admin-bar {
    min-height: calc(100vh - 46px);
  }
}