/*
 * Local Design Awards identity — values measured on localdesignawards.ro (desktop):
 *   Antarctica-Regular, line-height 1.2, black on white
 *   boxes/buttons: white, 1px solid #000, no radius, hover #CECECE
 *   tag boxes (.tag-bubble): #949494 background, white text, hover/active #0A0A0A
 *   secondary text #888, rules 1px #000
 */

@font-face {
  font-family: "Antarctica";
  src: url("../fonts/Antarctica-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Antarctica";
  src: url("../fonts/Antarctica-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Antarctica Condensed";
  src: url("../fonts/Antarctica-CondensedSemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --font: "Antarctica", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-condensed: "Antarctica Condensed", "Antarctica", "Arial Narrow", sans-serif;
  --ink: #000;
  --paper: #fff;
  --tag-bg: #949494;
  --tag-ink: #fff;
  --tag-active: #0a0a0a;
  --hover: #cecece;
  --muted: #888;
  --line: 1px solid var(--ink);
}

*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }

html, body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/*
 * .tx — a block of text whose box starts at the cap height of its first line
 * and ends at the baseline of its last line, so a container's padding is
 * measured from the visible letters. Antarctica metrics (unitsPerEm 2000):
 * ascender 1690, descender 420, capHeight 1470. With line-height 1.2 the
 * half-leading is (1.2 - 1.055) / 2 = 0.0725em, so:
 *   top of line box → cap height = 0.0725 + (0.845 - 0.735) = 0.1825em
 *   baseline → bottom of line box = 0.0725 + 0.21         = 0.2825em
 * Those values are the starting point where text-box is missing; core/text.js
 * then measures the real baselines (engines round line metrics) and refines
 * them, and compensates horizontal side bearings everywhere.
 */
.tx {
  display: block;
  margin: 0;
  line-height: 1.2;
  overflow-wrap: break-word;
}
@supports (text-box: trim-both cap alphabetic) {
  .tx { text-box: trim-both cap alphabetic; }
}
@supports not (text-box: trim-both cap alphabetic) {
  .tx { margin-top: -0.1825em; margin-bottom: -0.2825em; }
}
html.no-textbox .tx { text-box: none; }

.box {
  background: var(--paper);
  border: var(--line);
  border-radius: 0;
}

.tag {
  display: inline-block;
  background: var(--tag-bg);
  color: var(--tag-ink);
  border-radius: 0;
}
.tag.is-dark { background: var(--tag-active); }

.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}