/* BrillCode réteg a KILN szerkezetén: risó-paletta (krém papír, tinta, fluoreszkáló narancs), Switzer + Plex Mono.
   A sablon méretrendszere (--u) változatlan, csak a színek, a betűk és a saját elemek. */
@font-face { font-family: "Switzer"; src: url("fonts/switzer-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("fonts/switzer-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Plex"; src: url("fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF; font-display: swap; }
@font-face { font-family: "Plex"; src: url("fonts/ibm-plex-mono-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-024F; font-display: swap; }
:root {
  --dark: #161412;
  --light: #f7f4ec;
  --hero-gray: #efe9dc;
  --caption: rgba(22, 20, 18, 0.56);
  --hairline: rgba(22, 20, 18, 0.22);
  --narancs: #ff5a1f;
  --mono: "Plex", ui-monospace, Menlo, monospace;
}
body { font-family: "Switzer", "Helvetica Neue", Arial, sans-serif; letter-spacing: -0.02em; }
.caption { font-family: var(--mono); letter-spacing: 0.04em; }
.hero-text, .section-title, .footer-title, .archive-title span { letter-spacing: -0.065em; }
.hero-text { color: var(--dark); }
.hero-text em { font-style: normal; color: var(--narancs); }
.post-title { font-family: "Switzer", sans-serif !important; letter-spacing: -0.04em; }
.brand-label { font-weight: 500; text-transform: none; letter-spacing: -0.045em; }
.work-label { font-family: var(--mono); letter-spacing: 0.03em; }
.work-label b { font-weight: 400; color: var(--narancs); margin-right: 0.6em; }
.fill-line { letter-spacing: -0.045em; }
.fill-text .pic { display: inline-block; width: 0.8em; height: 0.8em; vertical-align: -0.06em; color: var(--narancs); }
.cta, .pill { font-family: "Switzer", sans-serif; }
.cta { background: var(--narancs) !important; color: var(--dark) !important; }
.pill-avatar { background: var(--dark); color: var(--light); display: grid; place-items: center; }
.pill-avatar svg { width: 46%; height: 46%; }
.social-name svg rect { fill: var(--narancs); }
::selection { background: var(--narancs); color: var(--dark); }
.brand-mark { display: inline-block; }
.brand-mark svg { width: 100%; height: 100%; display: block; }
.post-scroll span { font-family: "Switzer", sans-serif !important; letter-spacing: -0.045em; }
/* telefon: kevesebb, de nagyobb lebegő tárgy; az Index két sorban, futószalag nélkül */
.post-mobil { display: none; }
@media (max-width: 767px) {
  .s1, .s4, .s6 { display: none !important; }
  .strip-back .strip-img { width: 46vw; height: 57vw; }
  .strip-front .strip-img { width: 52vw; height: 65vw; }
  .strip-front .strip-img.s7 { height: 52vw; }
  .s3 { right: -8vw; top: 12vh !important; }
  .s5 { left: -6vw; }
  .s7 { right: -4vw; }
  .post-title { display: none; }
  .post-mobil { display: grid; gap: 4px; padding-top: 6px; }
  .post-mobil b { font-weight: 400; font-size: 34px; line-height: 1; letter-spacing: -0.05em; }
  .post-mobil span { font-size: 17px; line-height: 1.25; letter-spacing: -0.02em; color: rgba(22, 20, 18, 0.7); }
  .post .post-date { font-size: 12px; }
}