/* A: „Műhely”. Sötét, a logó vasszürke és arany világa, teljes szélességű valódi fotó. */
@font-face { font-family: Montserrat; src: url(fonts/montserrat-latin-ext-wght-normal.woff2) format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0100-02BA; }
@font-face { font-family: Montserrat; src: url(fonts/montserrat-latin-wght-normal.woff2) format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0000-00FF, U+2000-206F; }

:root {
  --betu: Montserrat, system-ui, sans-serif; --cimbetu: Montserrat, system-ui, sans-serif;
  --hatter: #16130f; --szoveg: #efe9df; --halvany: #b4aa9c; --vonal: #3a332b;
  --kiemelo: #e0a93f; --kiemelo-szoveg: #e9b553; --kiemelo-lab: #e9b553;
  --gomb: #e0a93f; --gomb-szoveg: #16130f; --gomb-hover: #f0bd5c;
  --fej-hatter: #16130f; --fej-szoveg: #fff;
  --tenyek-hatter: #e0a93f; --tenyek-szoveg: #16130f;
  --doboz: #231e18; --lap: #2c261f; --lap-szoveg: #efe9df;
  --kiemelt-hatter: #231e18; --kiemelt-szoveg: #efe9df; --kiemelt-vonal: #453c32;
  --lab-hatter: #0e0c09; --lab-szoveg: #d9d1c5;
  --kerek: 4px;
}
h1, h2 { text-transform: uppercase; letter-spacing: -.005em; line-height: 1.16; }
h1 { font-size: clamp(36px, 6.4vw, 72px); }
.hos { position: relative; min-height: min(84svh, 760px); display: flex; align-items: flex-end; color: #fff; }
.hos-kep { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hos::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(14, 12, 9, .94) 8%, rgba(14, 12, 9, .62) 52%, rgba(14, 12, 9, .28)); }
.hos-tart { position: relative; z-index: 1; width: 100%; max-width: 1308px; margin: 0 auto; padding: 96px clamp(16px, 5vw, 64px) clamp(32px, 6vw, 64px); }
h1 { max-width: 13em; }
.gomb-masod { color: #fff; }
.tenyek li + li { border-left: 1px solid rgba(22, 19, 15, .22); }