@font-face {
  font-family: "Unbounded"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("../fonts/unbounded-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+2197;
}
@font-face {
  font-family: "Unbounded"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("../fonts/unbounded-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+2197;
}
@font-face {
  font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --noc: #0f0e1a;
  --noc2: #181628;
  --rumena: #ffec5c;
  --oranzna: #ff961e;
  --modra: #6edcff;
  --modra2: #1e78eb;
  --rdeca: #e22834;
  --besedilo: #f4f4fa;
  --sivo: rgba(244, 244, 250, .62);
  --crta: rgba(255, 255, 255, .12);
  --ploskev: rgba(18, 17, 30, .55);
  --zun: clamp(18px, 5vw, 72px);                       /* stranski odmik */
  --ease: cubic-bezier(.22, 1, .36, 1);                 /* "expo out" */
  --display: "Unbounded", "Arial Black", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: auto; -webkit-text-size-adjust: 100%; scrollbar-width: none; }   /* izvorni drsnik skrit, lasten je #drsnik */
html::-webkit-scrollbar { display: none; }   /* gladko drsenje ureja stran.js */
body {
  margin: 0; background: var(--noc); color: var(--besedilo);
  font-family: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}
body.nalaga { overflow: hidden; }
::selection { background: var(--rumena); color: var(--noc); }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--rumena); outline-offset: 4px; border-radius: 6px; }

/* ---------- ozadje: platno, senca, zrno ---------- */
#bg {
  position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 0; display: block;
  transform-origin: 50% 55%; will-change: transform, filter;
}
#senca {
  position: fixed; inset: 0; z-index: 1; pointer-events: none;
  background:
    radial-gradient(120% 90% at 50% 45%, rgba(15,14,26,0) 40%, rgba(15,14,26,.55) 100%),
    linear-gradient(180deg, rgba(15,14,26,.35) 0%, rgba(15,14,26,0) 22%, rgba(15,14,26,0) 70%, rgba(15,14,26,.45) 100%);
}
#senca::after {      /* potemnitev ob koncu leta (opacity iz stran.js) */
  content: ""; position: absolute; inset: 0; background: var(--noc); opacity: var(--tema, 0);
}
#zrno {
  position: fixed; inset: -50%; z-index: 2; pointer-events: none; opacity: .07; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: zrno 1s steps(6) infinite;
}
@keyframes zrno {
  0% { transform: translate(0, 0); } 20% { transform: translate(-3%, 2%); } 40% { transform: translate(2%, -4%); }
  60% { transform: translate(-4%, -1%); } 80% { transform: translate(3%, 3%); } 100% { transform: translate(0, 0); }
}

/* ---------- nalaganje ---------- */
#nalaganje {
  position: fixed; inset: 0; z-index: 60; display: grid; place-content: center; justify-items: center; gap: 26px;
  background: var(--noc); transition: opacity .9s var(--ease) .15s, visibility .9s .15s;
}
#nalaganje img { width: min(260px, 56vw); height: auto; animation: dihanje 2.4s ease-in-out infinite; }
@keyframes dihanje { 50% { transform: scale(1.03); opacity: .85; } }
.nal-vrstica { width: min(240px, 50vw); height: 2px; background: var(--crta); overflow: hidden; border-radius: 2px; }
.nal-vrstica i { display: block; height: 100%; width: 100%; transform: scaleX(0); transform-origin: left;
  background: linear-gradient(90deg, var(--rumena), var(--oranzna)); transition: transform .35s var(--ease); }
#nal-odstotek { font: 500 12px/1 var(--display); letter-spacing: .2em; color: var(--sivo); font-variant-numeric: tabular-nums; }
#nal-odstotek::after { content: "%"; }
body:not(.nalaga) #nalaganje { opacity: 0; visibility: hidden; }

/* ---------- vrstica ---------- */
#nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 40; display: flex; align-items: center; gap: 28px;
  padding: max(16px, env(safe-area-inset-top)) var(--zun) 16px;
  pointer-events: none;
}
#nav > * { pointer-events: auto; }
#nav::before {       /* zatemnitev za vrstico, ko je pod njo vsebina */
  content: ""; position: absolute; inset: 0 0 -30px; z-index: -1; pointer-events: none; opacity: 0; transition: opacity .6s var(--ease);
  background: linear-gradient(180deg, rgba(15,14,26,.8), rgba(15,14,26,0));
}
body.po-letu #nav::before { opacity: 1; }
.nav-logo, #nav nav { transition: opacity .7s var(--ease), transform .7s var(--ease); }
body:not(.po-letu) .nav-logo, body:not(.po-letu) #nav nav { opacity: 0; transform: translateY(-10px); pointer-events: none; }
.nav-logo img { height: 30px; width: auto; display: block; }
#nav nav { margin-left: auto; display: flex; gap: clamp(16px, 2.6vw, 36px); }
#nav nav a {
  position: relative; text-decoration: none; font-weight: 500; font-size: 14px; letter-spacing: .02em; color: var(--besedilo); opacity: .82;
  transition: opacity .3s;
}
#nav nav a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px; background: currentColor;
  transform: scaleX(0); transform-origin: right; transition: transform .5s var(--ease);
}
#nav nav a:hover { opacity: 1; }
#nav nav a:hover::after { transform: scaleX(1); transform-origin: left; }
#jezik {
  appearance: none; margin-left: auto; display: inline-flex; padding: 3px; gap: 2px; cursor: pointer;
  border: 1px solid var(--crta); border-radius: 999px; background: rgba(15,14,26,.35);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  font: 600 11px/1 var(--display); letter-spacing: .08em; color: var(--sivo);
}
#nav nav + #jezik { margin-left: 0; }
#jezik span { padding: 7px 10px; border-radius: 999px; transition: background .4s var(--ease), color .4s var(--ease); }
#jezik span.aktiven { background: var(--besedilo); color: var(--noc); }
#napredek { position: fixed; left: 0; top: 0; right: 0; height: 2px; z-index: 45; pointer-events: none; }
#napredek i { display: block; height: 100%; width: 100%; transform: scaleX(0); transform-origin: left;
  background: linear-gradient(90deg, var(--rumena), var(--oranzna)); }

/* ---------- lasten drsnik ---------- */
#drsnik {
  position: fixed; top: 0; right: 0; bottom: 0; width: 18px; z-index: 46; cursor: pointer;
  opacity: 0; transition: opacity .6s var(--ease);
}
#drsnik::before {   /* tir */
  content: ""; position: absolute; top: 10px; bottom: 10px; right: 6px; width: 2px; border-radius: 2px;
  background: rgba(255,255,255,.1); transition: width .35s var(--ease), background .35s;
}
#drsnik i {         /* ročica (višina in položaj iz stran.js) */
  position: absolute; top: 10px; right: 6px; width: 2px; height: 60px; border-radius: 4px;
  background: linear-gradient(180deg, var(--rumena), var(--oranzna)); box-shadow: 0 0 12px rgba(255,170,40,.35);
  transform: translateY(var(--y, 0px)); transition: width .35s var(--ease);
}
body.drsi-se #drsnik, #drsnik:hover, #drsnik.vlece { opacity: 1; }
#drsnik:hover::before, #drsnik.vlece::before { width: 6px; background: rgba(255,255,255,.14); }
#drsnik:hover i, #drsnik.vlece i { width: 6px; }
#drsnik.vlece { cursor: grabbing; }
body.vlece-drsnik { user-select: none; cursor: grabbing; }
@media (pointer: coarse) { #drsnik { pointer-events: none; width: 10px; } #drsnik::before { right: 3px; } #drsnik i { right: 3px; } }
body.nalaga #drsnik { display: none; }

/* ---------- napisi med letom ---------- */
#oder { position: fixed; inset: 0; z-index: 10; pointer-events: none; }
.napis {
  position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 0 var(--zun); opacity: 0; visibility: hidden; isolation: isolate;
}
.napis.spodaj { justify-content: flex-end; padding-bottom: clamp(70px, 14vh, 150px); }
.napis:not(.hero)::before {   /* mehka temna podlaga za berljivost (--o iz stran.js) */
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: var(--o, 0);
  background: radial-gradient(70% 42% at 50% 50%, rgba(15,14,26,.5), rgba(15,14,26,0) 72%);
}
.napis.spodaj::before { background: radial-gradient(80% 45% at 50% 88%, rgba(15,14,26,.55), rgba(15,14,26,0) 72%); }
.napis h2 {
  margin: 0; font: 800 clamp(40px, 8.4vw, 132px)/.98 var(--display); letter-spacing: -.035em; text-transform: uppercase;
  color: #fff; text-shadow: 0 2px 30px rgba(15,14,26,.45), 0 1px 3px rgba(15,14,26,.25); max-width: 14ch;
}
.crke .beseda { display: inline-block; white-space: nowrap; }
.crke .c { display: inline-block; will-change: transform, opacity, filter; }
.hero-logo {
  width: min(600px, 74vw); height: auto; filter: drop-shadow(0 24px 40px rgba(0,0,0,.45));
  opacity: 0; transform: scale(.94); transition: opacity 1.4s var(--ease) .25s, transform 1.8s var(--ease) .25s;
}
.trak-kmalu { margin: 20px 0 0; transform: rotate(-3deg); }
.trak-kmalu span {
  display: inline-block; padding: 10px clamp(26px, 5vw, 56px); background: var(--rdeca); color: #fff;
  border: 4px solid var(--noc2); box-shadow: 0 8px 0 rgba(24,22,40,.85);
  font: 900 clamp(20px, 3.8vw, 40px)/1.1 var(--display); letter-spacing: .04em; text-shadow: 0 3px 0 rgba(24,22,40,.9);
  clip-path: inset(0 100% 0 0); transition: clip-path 1.1s var(--ease) .75s;
}
body.zacetek .hero-logo { opacity: 1; transform: none; }
body.zacetek .trak-kmalu span { clip-path: inset(-20px -20px -20px -20px); }

.namig {
  position: fixed; left: 50%; bottom: clamp(22px, 5vh, 44px); z-index: 11; transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center; gap: 10px; pointer-events: none;
  font: 500 10px/1 var(--display); letter-spacing: .32em; text-transform: uppercase; color: #fff;
  opacity: 0; transition: opacity 1s var(--ease) 1.4s;
}
body.zacetek .namig { opacity: var(--namig, 1); transition-delay: 0s; }
body.zacetek:not(.drsel) .namig { transition-delay: 1.4s; }
.miska { width: 22px; height: 34px; border: 1.5px solid rgba(255,255,255,.8); border-radius: 12px; position: relative; }
.miska i { position: absolute; left: 50%; top: 7px; width: 2px; height: 7px; margin-left: -1px; border-radius: 2px; background: #fff;
  animation: kolesce 1.8s var(--ease) infinite; }
@keyframes kolesce { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(10px); opacity: 0; } 100% { opacity: 0; } }

/* ---------- prazna višina za let ---------- */
#let { height: 700vh; position: relative; }

/* ---------- vsebina po letu ---------- */
#vsebina { position: relative; z-index: 5; }
.razdelek { padding: clamp(110px, 18vh, 200px) var(--zun) clamp(60px, 10vh, 120px); max-width: 1320px; margin: 0 auto; }
.glava { margin-bottom: clamp(36px, 6vw, 72px); }
.nadnaslov {
  margin: 0 0 18px; font: 500 12px/1 var(--display); letter-spacing: .28em; text-transform: uppercase; color: var(--rumena);
}
.velik {
  margin: 0; font: 800 clamp(44px, 9vw, 140px)/.95 var(--display); letter-spacing: -.045em; text-transform: uppercase;
}
.uvod { margin: 22px 0 0; font-size: clamp(17px, 1.6vw, 21px); color: var(--sivo); max-width: 40ch; }

/* igre */
.igre { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(18px, 2.4vw, 32px); }
.igra {
  position: relative; border-radius: 28px; overflow: hidden; isolation: isolate;
  background: var(--ploskev); border: 1px solid var(--crta);
  -webkit-backdrop-filter: blur(14px) saturate(130%); backdrop-filter: blur(14px) saturate(130%);
  transition: transform .8s var(--ease), border-color .5s;
}
.igra::after {       /* žaromet, ki sledi miški */
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: 0; transition: opacity .5s;
  background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(255,236,92,.12), transparent 60%);
}
.igra { display: block; color: inherit; text-decoration: none; }
.znacka.alfa { background: rgba(80,200,120,.14); border-color: rgba(80,200,120,.5); color: #8fe3ab; }
.znacka.alfa i { background: #4fc878; animation: none; }
.igraj { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font: 600 11px/1 var(--display); letter-spacing: .14em; text-transform: uppercase; color: var(--rumena); }
.igraj b { font-size: 15px; transition: transform .6s var(--ease); }
.igra:hover .igraj b { transform: translate(4px, -4px); }
.igra:hover { border-color: rgba(255,255,255,.24); }
.igra:hover::after { opacity: 1; }
.igra-slika { aspect-ratio: 16 / 9; overflow: hidden; position: relative; }
.igra-slika img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.06);
  filter: saturate(.85) brightness(.82); transition: transform 1.4s var(--ease), filter 1s var(--ease); }
.igra-slika::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 62%, rgba(18,17,30,.72)); }
.igra:hover .igra-slika img { transform: scale(1.0); filter: saturate(1) brightness(.92); }
.igra-telo { padding: clamp(22px, 2.6vw, 34px); padding-top: 6px; position: relative; z-index: 1; margin-top: -24px; }
.igra-vrh { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.st { font: 500 13px/1 var(--display); letter-spacing: .14em; color: var(--sivo); }
.znacka {
  display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px 7px 10px; border-radius: 999px;
  background: rgba(226,40,52,.14); border: 1px solid rgba(226,40,52,.45); color: #ff8a92;
  font: 600 10px/1 var(--display); letter-spacing: .14em;
}
.znacka i { width: 6px; height: 6px; border-radius: 50%; background: var(--rdeca); box-shadow: 0 0 0 0 rgba(226,40,52,.7); animation: utrip 2s infinite; }
@keyframes utrip { 70% { box-shadow: 0 0 0 8px rgba(226,40,52,0); } 100% { box-shadow: 0 0 0 0 rgba(226,40,52,0); } }
.igra h3 { margin: 0 0 8px; font: 700 clamp(24px, 2.4vw, 32px)/1.15 var(--display); letter-spacing: -.02em; }
.igra p { margin: 0; color: var(--sivo); }

/* družbena omrežja */
.omrezja { border-top: 1px solid var(--crta); }
.omrezje {
  position: relative; display: flex; align-items: center; gap: clamp(16px, 2.4vw, 32px); overflow: hidden;
  padding: clamp(22px, 3.4vw, 40px) 4px; border-bottom: 1px solid var(--crta); text-decoration: none;
}
.omrezje::before {   /* polnilo ob prehodu miške */
  content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--rumena), var(--oranzna));
  transform: scaleY(0); transform-origin: bottom; transition: transform .7s var(--ease);
}
.omrezje svg { width: clamp(26px, 3vw, 40px); height: auto; fill: currentColor; flex: none; transition: transform .7s var(--ease); }
.omrezje .ime { font: 700 clamp(32px, 6vw, 88px)/1 var(--display); letter-spacing: -.04em; text-transform: uppercase; transition: transform .7s var(--ease); }
.omrezje .rocaj { margin-left: auto; font: 500 clamp(12px, 1.1vw, 15px)/1 var(--display); letter-spacing: .06em; opacity: .55; transition: opacity .5s, transform .7s var(--ease); }
.omrezje .puscica { font-size: clamp(28px, 4vw, 54px); line-height: 1; transition: transform .7s var(--ease); }
.omrezje { isolation: isolate; transition: color .5s var(--ease); }
@media (hover: hover) {
  .omrezje:hover { color: var(--noc); }
  .omrezje:hover::before { transform: scaleY(1); transform-origin: top; }
  .omrezje:hover svg { transform: translateX(16px); }
  .omrezje:hover .ime { transform: translateX(22px); }
  .omrezje:hover .rocaj { opacity: .8; transform: translateX(-10px); }
  .omrezje:hover .puscica { transform: translate(-16px) rotate(45deg); }
}

/* noga */
.noga { padding: clamp(80px, 14vh, 160px) var(--zun) max(28px, env(safe-area-inset-bottom)); max-width: 1320px; margin: 0 auto; }
.noga-logo { display: block; width: min(560px, 80vw); height: auto; margin: 0 auto clamp(48px, 8vh, 90px); opacity: .95; }
.odrek { margin: 0 0 22px; max-width: none; font-size: 12px; line-height: 1.6; color: var(--sivo); opacity: .8; }
.noga-vrstica { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 22px;
  border-top: 1px solid var(--crta); font-size: 13px; color: var(--sivo); }
.posta { text-decoration: none; border-bottom: 1px solid var(--crta); transition: color .3s, border-color .3s; }
.posta:hover { color: var(--besedilo); border-color: var(--rumena); }
.na-vrh { text-decoration: none; font: 500 11px/1 var(--display); letter-spacing: .2em; text-transform: uppercase; }
.na-vrh:hover { color: var(--besedilo); }

/* pojavljanje ob prihodu v pogled */
.pojavi { opacity: 0; transform: translateY(40px); filter: blur(6px);
  transition: opacity 1.1s var(--ease), transform 1.3s var(--ease), filter 1.1s var(--ease); transition-delay: var(--zamik, 0s); }
.pojavi.viden { opacity: 1; transform: none; filter: none; }

@media (max-width: 720px) {
  #nav nav { display: none; }
  .nav-logo img { height: 24px; }
  .igra-telo { margin-top: -18px; }
  .noga-vrstica { flex-direction: column-reverse; }
  .omrezje .rocaj { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #zrno, .miska i, .znacka i, #nalaganje img { animation: none; }
  .pojavi { transform: none; filter: none; }
}

/* kontaktni obrazec */
.obrazec { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 22px; max-width: 860px; }
.polje { display: flex; flex-direction: column; gap: 8px; }
.polje.polno, .vrstica-gumb { grid-column: 1 / -1; }
.polje > span { font: 500 11px/1.3 var(--display); letter-spacing: .14em; text-transform: uppercase; color: var(--sivo); }
.polje input, .polje select, .polje textarea {
  width: 100%; font: inherit; font-size: 16px; color: var(--besedilo); background: rgba(18,17,30,.55);
  border: 1px solid var(--crta); border-radius: 16px; padding: 14px 16px; outline: none;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: border-color .4s var(--ease), background .4s var(--ease);
}
.polje textarea { resize: vertical; min-height: 140px; }
.polje select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--sivo) 50%), linear-gradient(135deg, var(--sivo) 50%, transparent 50%);
  background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 40px; }
.polje select option { background: var(--noc); color: var(--besedilo); }
.polje input:hover, .polje select:hover, .polje textarea:hover { border-color: rgba(255,255,255,.24); }
.polje input:focus, .polje select:focus, .polje textarea:focus { border-color: var(--rumena); background: rgba(18,17,30,.75); }
.pasti { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.vrstica-gumb { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.gumb {
  appearance: none; cursor: pointer; border: 0; border-radius: 999px; padding: 18px 34px;
  font: 700 12px/1 var(--display); letter-spacing: .16em; text-transform: uppercase; color: var(--noc);
  background: linear-gradient(180deg, var(--rumena), var(--oranzna)); box-shadow: 0 10px 30px rgba(255,150,30,.25);
  transition: transform .5s var(--ease), box-shadow .5s var(--ease);
}
.gumb b { display: inline-block; margin-left: 6px; transition: transform .5s var(--ease); }
.gumb:hover { transform: translateY(-2px); box-shadow: 0 14px 38px rgba(255,150,30,.38); }
.gumb:hover b { transform: translateX(4px); }
.stanje { margin: 0; font-size: 15px; color: var(--sivo); }
.stanje.uspeh { color: #8fe3ab; }
.stanje.napaka { color: #ff8a92; }
@media (max-width: 720px) { .obrazec { grid-template-columns: 1fr; } }

.ali-posta { margin: 28px 0 0; color: var(--sivo); font-size: 15px; }
.posta { text-decoration: none; color: var(--besedilo); border-bottom: 1px solid var(--crta); transition: color .3s, border-color .3s; }
.posta:hover { color: var(--rumena); border-color: var(--rumena); }

.sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.zasebnost { grid-column: 1 / -1; margin: 0; font-size: 12.5px; line-height: 1.6; color: var(--sivo); opacity: .85; }