/* ============================================= */
/* FONT FACES */
/* ============================================= */

@font-face {
  font-family: "Editorial";
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/PPEditorialNew-Ultralight.woff) format('woff');
}

/* font-family: "swiss-721-bt", sans-serif;
font-weight: 200;
font-style: normal;
font-family: "imbue-variable", sans-serif;
font-variation-settings: "opsz" 66, "wght" 138; */

/* ============================================= */
/* ROOT VARIABLES & BASE STYLES */
/* ============================================= */

:root {
  --font-family: "swiss-721-bt", sans-serif;
  --font-family-extra: "Editorial", serif;
  --font-light: 200;
  --font-normal: 500;
  --font-medium: 600;
  --font-family-two: "imbue-variable", serif;
  --font-extra-sets: "opsz" 66, "wght" 138;
  --letter-spacing: 0.1px;

  --t-xsmall: 12px;
  --t-small: 14px;
  --t-medium: 16px;
  --t-body: 22px;
  --t-xmedium: 26px;
  --t-large: 33px;
  --t-xlarge: 50px;
  --t-xxlarge: 82px;

  --lh-xxsmall: ;
  --lh-xsmall: 17px;
  --lh-small: 18px;
  --lh-medium: 27px;
  --lh-body: 27px;
  --lh-xmedium: 29px;
  --lh-large: 37px;
  --lh-xlarge: 48px;
  --lh-xxlarge: 72px;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, p, p>*, a, a>*, button, button>*, figcaption, figcaption>*, li, blockquote, blockquote>*, dt, dt>*, dd, dd>* {
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  text-align: inherit;
  text-indent: inherit;
}

p, p>*, p>*>* {
  font-weight: var(--font-medium);
}

/* h1, h2 {
  font-weight: var(--font-light);
} */

span {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

li {
    font-size: var(--t-xmedium);
    line-height: var(--lh-medium);
    font-weight: var(--font-normal);
}

h1, h1>* {
  font-size: var(--t-xxlarge);
  line-height: var(--lh-xxlarge);
  font-weight: var(--font-light);
  margin: 0;
  letter-spacing: -2px;
}

h2, h2>* {
  font-size: var(--t-xlarge);
  line-height: var(--lh-xlarge);
  font-weight: var(--font-light);
  text-transform: uppercase;
}

h3, h3>* {
  font-size: var(--t-large);
  line-height: var(--lh-large);
}

h4, h4>* {
  font-size: var(--t-body);
  line-height: var(--lh-body);
  font-weight: var(--font-normal);
}

figcaption, figcaption>* {
  font-size: var(--t-small);
  line-height: var(--lh-small);
}


.n_space {
  letter-spacing: 0px;
}

p, p>*, p>*>*, span {
  font-size: inherit;
  line-height: inherit;
  font-weight: var(--font-normal);
  letter-spacing: inherit;
}

p {
  margin-bottom: 1rem;
}

p:last-of-type  {
  margin-bottom: 0;
}

p > a {
  display: inline;
}

.large {
  font-size: var(--t-large);
  line-height: var(--lh-large);
}

.medium {
  font-size: var(--t-body);
  line-height: var(--lh-body);
}

.medium strong {
  font-weight: var(--font-medium);
}

.small {
  font-size: var(--t-small);
  line-height: var(--lh-small);
  font-weight: var(--font-medium);
}

/* ============================================= */
/* TEXT BALANCE/PRETTY */
/* ============================================= */

h5, h5>*,
h4, h4>*,
h3, h3>*,
h2, h2>* {
  text-wrap: balance !important;
}

@supports (text-wrap: pretty) {
  h5, h5>*,
  h4, h4>*,
  h3, h3>*,
  h2, h2>*, 
  p, p>*, p>*>* {
    text-wrap: pretty !important;
  }
}

/* ============================================= */
/* TYPOGRAPHY SCALE */
/* ============================================= */

.t-xxsmall {
  font-size: var(--t-xxsmall);
  line-height: var(--lh-xxsmall);
}

.t-xsmall {
  font-size: var(--t-xsmall);
  line-height: var(--lh-xsmall);
}

.t-small {
  font-size: var(--t-small);
  line-height: var(--lh-small);
}

.t-body {
  font-size: var(--t-body);
  line-height: var(--lh-body);
}

.t-medium {
  font-size: var(--t-medium);
  line-height: var(--lh-medium);
}

.t-xmedium {
  font-size: var(--t-xmedium);
  line-height: var(--lh-xmedium);
}

.t-large {
  font-size: var(--t-large);
  line-height: var(--lh-large);
}

.t-xlarge {
  font-size: var(--t-xlarge);
  line-height: var(--lh-xlarge);
}

.t-xxlarge {
  font-size: var(--t-xxlarge);
  line-height: var(--lh-xxlarge);
}

.t-huge {
  font-size: var(--t-huge);
  line-height: var(--lh-huge);
}

/* ============================================= */
/* TEXT UTILITIES */
/* ============================================= */

/* Font styles */
.t-italic, em { font-style: italic; }
.t-ls-normal { letter-spacing: 0; }

/* Text transforms */
.t-capitalize { text-transform: capitalize; }
.t-uppercase { text-transform: uppercase; }
.t-lowercase { text-transform: lowercase; }
.t-initial { text-transform: initial; }

/* Text alignment */
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }

/* Text decoration */
.t-underline { text-decoration: underline !important; }

/* ============================================= */
/* COMPONENT-SPECIFIC STYLES */
/* ============================================= */
#win #heading p {
    font-family: var(--font-family-extra);
    font-size: 90px;
    font-weight: 100;
    text-align: center;
    text-wrap-style: balance !important;
    line-height: 102px;
}

#win h4 {
  justify-content: center;
}

/* ============================================= */
/* HOVER STATES */
/* ============================================= */

@media (hover: hover) {

}

/* ============================================= */
/* RESPONSIVE STYLES */
/* ============================================= */

/* Tablet styles: 600px – 1200px */
@media (min-width: 600px) and (max-width: 1200px) {

}

/* Tablet styles: 1200px – 1400px */
@media (min-width: 1200px) and (max-width: 1400px) {

}

/* Screens styles bigger than 1900px */
@media (min-width: 1900px) {

}

/* Mobile styles: up to 700px */
@media only screen and (max-width: 700px) {

}

[data-class="pre-intro"] {
  /* background: var(--c-darker); */
  min-height: calc(var(--full-height) / 3) !important;
  /* color: var(--bk-color); */
}