/* ================================================================
   BLACKLEMON — sito promozionale
   Divisa «Notturna»: l'ufficio alle 23.
   Zero dipendenze, zero font esterni, solo font di sistema.
   ================================================================ */

:root {
	--fondo: #08090b;
	--pannello: #0e1013;
	--pannello-alto: #13161a;
	--carta: #eae5d9;
	--carta-testo: #2b2822;
	--bordo: rgba(255, 255, 255, 0.08);
	--bordo-forte: rgba(255, 255, 255, 0.14);
	--testo: #d8d4ca;
	--attenuato: #94908a;
	--attenuato-piu: #6d6a64;
	--accento: #fccd2a;
	--accento-chiaro: #ffdf66;
	--rosso: #b0503f;
	--verde: #5e8f6a;
	--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
	--etichette: "Avenir Next Condensed", "Helvetica Neue Condensed", "Arial Narrow", "Segoe UI", sans-serif;
	--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { animation: none !important; transition: none !important; }
}

body {
	margin: 0;
	background: var(--fondo);
	color: var(--testo);
	font-family: var(--serif);
	font-size: 17px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

::selection { background: var(--accento); color: #08090b; }

a { color: var(--accento-chiaro); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
a:focus-visible, button:focus-visible {
	outline: 2px solid var(--accento);
	outline-offset: 3px;
	border-radius: 2px;
}

img { max-width: 100%; display: block; }

/* ---------------- etichette (occhielli) ---------------- */

.occhiello {
	font-family: var(--etichette);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--accento);
}

.occhiello--muto { color: var(--attenuato); }

code, .mono {
	font-family: var(--mono);
	font-size: 0.86em;
	background: rgba(252, 205, 42, 0.08);
	border: 1px solid rgba(252, 205, 42, 0.20);
	border-radius: 4px;
	padding: 0.08em 0.42em;
	color: var(--accento-chiaro);
	white-space: nowrap;
}

/* ---------------- testata ---------------- */

.testata {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(8, 9, 11, 0.86);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--bordo);
}

.testata__interno {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 24px;
	height: 62px;
	display: flex;
	align-items: center;
	gap: 28px;
}

.marchio {
	display: flex;
	align-items: center;
	gap: 11px;
	color: var(--testo);
	white-space: nowrap;
}
.marchio:hover { text-decoration: none; }

.marchio__stemma { width: 27px; height: 27px; flex: none; }

.marchio__logo { height: 23px; width: auto; display: block; }
.piede .marchio__logo { height: 18px; opacity: 0.9; }

.marchio__logotipo {
	font-family: var(--etichette);
	font-weight: 700;
	font-size: 17px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
.marchio__logotipo b { color: var(--accento); font-weight: 700; }

.nav {
	margin-left: auto;
	display: flex;
	gap: 4px;
	overflow-x: auto;
}

.nav a {
	font-family: var(--etichette);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: var(--attenuato);
	padding: 8px 13px;
	border-radius: 5px;
	white-space: nowrap;
}
.nav a:hover { color: var(--testo); text-decoration: none; background: rgba(255,255,255,0.04); }
.nav a[aria-current="page"] { color: var(--accento); }

/* ---------------- impianto ---------------- */

.contenitore { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.stretto { max-width: 780px; }

.sezione { padding: 72px 0; }
.sezione--bordo { border-top: 1px solid var(--bordo); }

h1, h2, h3 { font-family: var(--serif); font-weight: 600; line-height: 1.2; color: #efece4; }
h1 { font-size: clamp(34px, 5.4vw, 58px); margin: 0.35em 0; letter-spacing: -0.01em; }
h2 { font-size: clamp(26px, 3.4vw, 36px); margin: 0.3em 0 0.55em; }
h3 { font-size: 21px; margin: 1.35em 0 0.45em; }

p { margin: 0.85em 0; }
.grande { font-size: 20px; line-height: 1.6; }
.attenuato { color: var(--attenuato); }

hr.rintocco {
	border: none;
	border-top: 1px solid var(--bordo);
	margin: 0;
}

/* ---------------- eroe ---------------- */

.eroe {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid var(--bordo);
}

.eroe__sfondo {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center 30%;
	opacity: 0.38;
	filter: saturate(0.75);
}

.eroe__velo {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(to bottom, rgba(8,9,11,0.55), rgba(8,9,11,0.35) 40%, var(--fondo) 96%),
		radial-gradient(90% 70% at 30% 20%, rgba(8,9,11,0) 0%, rgba(8,9,11,0.55) 100%);
}

.eroe__interno {
	position: relative;
	max-width: 1120px;
	margin: 0 auto;
	padding: 120px 24px 96px;
}

.eroe__testo { max-width: 640px; }

.eroe p.grande { color: #cfccc3; }

/* eroe compatto per le pagine interne */
.eroe--pagina .eroe__interno { padding: 78px 24px 58px; }
.eroe--pagina .eroe__sfondo { opacity: 0.26; }

/* ---------------- bottoni ---------------- */

.bottoni { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }

.bottone {
	display: inline-block;
	font-family: var(--etichette);
	font-size: 13.5px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	padding: 13px 26px;
	border-radius: 6px;
	border: 1px solid transparent;
}
.bottone:hover { text-decoration: none; }

.bottone--primario { background: var(--accento); color: #131007; }
.bottone--primario:hover { background: var(--accento-chiaro); }

.bottone--secondario {
	border-color: var(--bordo-forte);
	color: var(--testo);
	background: rgba(255,255,255,0.02);
}
.bottone--secondario:hover { border-color: var(--accento); color: var(--accento-chiaro); }

/* ---------------- griglie e card ---------------- */

.griglia {
	display: grid;
	gap: 22px;
	grid-template-columns: repeat(3, 1fr);
}
.griglia--2 { grid-template-columns: repeat(2, 1fr); }

.tessera {
	background: var(--pannello);
	border: 1px solid var(--bordo);
	border-radius: 10px;
	padding: 26px 26px 24px;
	box-shadow: 0 18px 40px rgba(0,0,0,0.35);
}

.tessera h3 { margin: 0.55em 0 0.35em; }
.tessera p { margin: 0.5em 0 0; color: var(--attenuato); font-size: 15.5px; }

/* sezione a due colonne testo+foto */

.duetto {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 52px;
	align-items: center;
}
.duetto--inverso { grid-template-columns: 0.95fr 1.05fr; }

.fotografia {
	border: 1px solid var(--bordo-forte);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 26px 60px rgba(0,0,0,0.5);
	background: var(--pannello);
}
.fotografia img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

.fotografia figcaption {
	font-family: var(--etichette);
	font-size: 11.5px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--attenuato-piu);
	padding: 9px 14px;
	border-top: 1px solid var(--bordo);
}
figure { margin: 0; }

/* ---------------- vetrina dei casi ---------------- */

.caso {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 0;
	background: var(--pannello);
	border: 1px solid var(--bordo);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 18px 44px rgba(0,0,0,0.38);
	margin: 26px 0;
}

.caso__copertina { position: relative; min-height: 100%; }
.caso__copertina > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.caso__corpo { padding: 28px 32px 24px; }

.caso__corpo h3 { margin: 0.25em 0 0.15em; font-size: 24px; }

.caso__sinossi { color: var(--attenuato); margin: 0.7em 0 1em; font-size: 15.5px; }

/* La versione comoda: quello che il fascicolo, i giornali o il paese
   hanno deciso una volta per tutte. È il bersaglio dell'indagine, non
   un indizio — per questo si può mettere in vetrina senza togliere
   niente a chi deve ancora giocare. */
.caso__voce {
	margin: 0 0 16px;
	padding-left: 13px;
	border-left: 2px solid rgba(252, 205, 42, 0.45);
	font-style: italic;
	font-size: 15.5px;
	color: var(--testo);
}
.caso__voce span {
	display: block;
	margin-top: 5px;
	font-family: var(--etichette);
	font-style: normal;
	font-size: 11.5px;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: var(--attenuato-piu);
}

.caso__piede {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	border-top: 1px solid var(--bordo);
	padding-top: 14px;
}

.targhetta {
	font-family: var(--etichette);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	border: 1px solid var(--bordo-forte);
	border-radius: 999px;
	padding: 4px 12px;
	color: var(--attenuato);
}
.targhetta--accento { border-color: rgba(252,205,42,0.5); color: var(--accento); }

/* ---------------- numeri d'esercizio ---------------- */

.numeri {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
	text-align: center;
}

.numero__valore {
	font-size: 42px;
	font-weight: 600;
	color: var(--accento);
	line-height: 1.1;
}
.numero__nome {
	font-family: var(--etichette);
	font-size: 12.5px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--attenuato);
	margin-top: 8px;
}

/* ---------------- tabelle ---------------- */

table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.2em 0;
	font-size: 15.5px;
}
th, td {
	text-align: left;
	padding: 10px 14px;
	border-bottom: 1px solid var(--bordo);
	vertical-align: top;
}
th {
	font-family: var(--etichette);
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--attenuato);
	font-weight: 600;
}
td:last-child { color: var(--attenuato); }

/* ---------------- blocco citazione ---------------- */

blockquote {
	margin: 1.6em 0;
	padding: 4px 0 4px 24px;
	border-left: 2px solid var(--accento);
	font-size: 20px;
	font-style: italic;
	color: #e6e2d8;
}

/* ---------------- carta (atti) ---------------- */

.carta {
	background: var(--carta);
	color: var(--carta-testo);
	border-radius: 6px;
	padding: 34px 38px;
	box-shadow: 0 26px 60px rgba(0,0,0,0.5);
	position: relative;
	font-size: 16px;
}
.carta::before {
	content: "";
	position: absolute;
	top: 0; bottom: 0; left: 46px;
	width: 1px;
	background: rgba(176, 80, 63, 0.35);
}
.carta h3 {
	color: #201d17;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-family: var(--etichette);
	margin: 0 0 1em;
}
.carta p { margin: 0.6em 0 0.6em 28px; }
.carta .mono, .carta code { background: rgba(43,40,34,0.06); border-color: rgba(43,40,34,0.18); color: #4a4438; }

/* ---------------- elenco definizioni ---------------- */

.definizioni { margin: 1.4em 0; }
.definizioni dt {
	font-family: var(--etichette);
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	color: var(--accento);
	margin-top: 1.2em;
}
.definizioni dd { margin: 0.3em 0 0; color: var(--attenuato); }

/* ---------------- elenco puntato ---------------- */

.elenco { margin: 1.4em 0; padding-left: 1.25em; }
.elenco li { margin-bottom: 0.75em; color: var(--attenuato); }
.elenco li strong { color: var(--testo); }
.elenco li::marker { color: var(--accento); }

/* ---------------- scheda dei dati societari ---------------- */
/* Obblighi di legge scritti in modo leggibile: termine e valore, non un
   paragrafo in cui cercare la partita IVA. */

.scheda-dati {
	margin: 1.4em 0;
	display: grid;
	grid-template-columns: minmax(150px, 34%) 1fr;
	gap: 0;
}
.scheda-dati dt {
	font-family: var(--etichette);
	font-size: 12.5px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--attenuato-piu);
	padding: 11px 14px 11px 0;
	border-top: 1px solid var(--bordo);
}
.scheda-dati dd {
	margin: 0;
	padding: 11px 0;
	border-top: 1px solid var(--bordo);
	color: var(--testo);
}
@media (max-width: 620px) {
	.scheda-dati { grid-template-columns: 1fr; }
	.scheda-dati dd { padding-top: 0; border-top: 0; }
}

/* ---------------- passi numerati ---------------- */

.passi { counter-reset: passo; list-style: none; margin: 1.4em 0; padding: 0; }
.passi li {
	counter-increment: passo;
	position: relative;
	padding: 0 0 1.35em 62px;
}
.passi li::before {
	content: counter(passo, decimal-leading-zero);
	position: absolute;
	left: 0; top: 0.1em;
	font-family: var(--mono);
	font-size: 15px;
	color: var(--accento);
	border: 1px solid rgba(252,205,42,0.45);
	border-radius: 6px;
	padding: 4px 8px;
}
.passi b { color: #e9e5db; }

/* ---------------- polaroid e montaggi ---------------- */

.polaroid {
	background: #ece7db;
	padding: 10px 10px 34px;
	box-shadow: 0 18px 45px rgba(0,0,0,0.55), 0 2px 8px rgba(0,0,0,0.4);
	transform: rotate(var(--rot, -2deg));
	position: relative;
	display: block;
}
.polaroid img { width: 100%; display: block; }
.polaroid figcaption {
	position: absolute;
	left: 12px; right: 12px; bottom: 8px;
	font-family: var(--mono);
	font-size: 11px;
	letter-spacing: 0.06em;
	color: #55503f;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.polaroid::before {
	content: "";
	position: absolute;
	top: -7px; left: 50%;
	width: 13px; height: 13px;
	margin-left: -7px;
	border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, #e8d49a, #a97e2e 55%, #6e4e15);
	box-shadow: 0 3px 5px rgba(0,0,0,0.55);
	z-index: 2;
}
.polaroid--scotch::before {
	width: 74px; height: 22px;
	margin-left: -37px;
	top: -10px;
	border-radius: 1px;
	background: rgba(224, 214, 184, 0.55);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	transform: rotate(-3deg);
}

/* il muro: collage fitto, foto ruotate e sovrapposte */
.muro {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 34px 26px;
	padding: 30px 10px;
}
.muro .polaroid { margin: 0; transition: transform 0.25s ease, z-index 0s; }
.muro .polaroid:nth-child(4n+1) { --rot: -3.4deg; }
.muro .polaroid:nth-child(4n+2) { --rot: 2.2deg; margin-top: 26px; }
.muro .polaroid:nth-child(4n+3) { --rot: -1.6deg; margin-top: -12px; }
.muro .polaroid:nth-child(4n)   { --rot: 3.1deg; margin-top: 16px; }
.muro .polaroid:nth-child(3n)   { margin-left: -14px; }
.muro .polaroid:nth-child(5n)   { margin-right: -12px; }
.muro .polaroid:hover { transform: rotate(0deg) scale(1.04); z-index: 5; }

/* la pila: due-tre foto sovrapposte, per le sezioni a due colonne */
.pila { position: relative; min-height: 380px; }
.pila .polaroid { position: absolute; width: 72%; }
.pila .polaroid:nth-child(1) { top: 0; left: 0; --rot: -3.5deg; z-index: 1; }
.pila .polaroid:nth-child(2) { top: 22%; right: 0; --rot: 2.6deg; z-index: 2; }
.pila .polaroid:nth-child(3) { bottom: -4%; left: 8%; --rot: -1.2deg; z-index: 3; }
.pila .polaroid:hover { z-index: 6; }

/* eroe con montaggio a destra */
.eroe__montaggio {
	position: relative;
	min-height: 420px;
}
.eroe__montaggio .polaroid { position: absolute; width: 62%; }
.eroe__montaggio .polaroid:nth-child(1) { top: 2%; right: 4%; --rot: 3.4deg; }
.eroe__montaggio .polaroid:nth-child(2) { top: 30%; left: 0; --rot: -3deg; z-index: 2; }
.eroe__montaggio .polaroid:nth-child(3) { bottom: 0; right: 10%; --rot: 1.6deg; z-index: 3; }

.eroe--doppio .eroe__interno {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 48px;
	align-items: center;
}

/* ---------------- schermate (cornice browser) ---------------- */

.cornice {
	background: #101216;
	border: 1px solid var(--bordo-forte);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 30px 80px rgba(0,0,0,0.6);
}
.cornice__barra {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 10px 14px;
	border-bottom: 1px solid var(--bordo);
	background: #0b0d10;
}
.cornice__barra i {
	width: 10px; height: 10px;
	border-radius: 50%;
	background: #2c2f35;
	display: inline-block;
}
.cornice__barra i:nth-child(1) { background: #5f3b38; }
.cornice__barra i:nth-child(2) { background: #5f5638; }
.cornice__barra i:nth-child(3) { background: #3b5240; }
.cornice__url {
	margin-left: 10px;
	font-family: var(--mono);
	font-size: 11.5px;
	color: var(--attenuato-piu);
	letter-spacing: 0.04em;
}
.cornice img { width: 100%; display: block; }

/* schermata grande + satelliti ruotati sovrapposti */
.teatro { position: relative; padding-bottom: 90px; }
.teatro .cornice { width: 88%; }
.teatro__satellite {
	position: absolute;
	width: 44%;
	z-index: 3;
	transform: rotate(var(--rot, 2.6deg));
	border: 1px solid var(--bordo-forte);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 26px 70px rgba(0,0,0,0.65);
	transition: transform 0.25s ease;
}
.teatro__satellite img { width: 100%; display: block; }
.teatro__satellite--a { right: 0; bottom: 24px; --rot: 2.8deg; }
.teatro__satellite--b { right: 26%; bottom: -34px; --rot: -2.2deg; z-index: 4; width: 34%; }
.teatro__satellite:hover { transform: rotate(0deg) scale(1.03); z-index: 6; }

.didascalia {
	font-family: var(--etichette);
	font-size: 12px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--attenuato-piu);
	margin-top: 16px;
}

/* seconda foto ruotata sopra la copertina di un caso */
.caso__copertina .polaroid {
	position: absolute;
	width: 58%;
	right: -18px;
	bottom: 16px;
	z-index: 2;
	padding: 8px 8px 28px;
	transition: transform 0.25s ease;
}
.caso__copertina .polaroid figcaption { font-size: 11.5px; left: 10px; right: 10px; bottom: 7px; }
.caso__copertina .polaroid:hover { transform: rotate(0deg) scale(1.06); }
.caso:nth-child(odd) .caso__copertina .polaroid { --rot: 2.8deg; }
.caso:nth-child(even) .caso__copertina .polaroid { --rot: -3.2deg; }

/* ---------------- piè di pagina ---------------- */

.piede {
	border-top: 1px solid var(--bordo);
	padding: 44px 0 56px;
	color: var(--attenuato-piu);
	font-size: 14.5px;
}
.piede .contenitore {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	justify-content: space-between;
	align-items: flex-start;
}
.piede nav { display: flex; gap: 20px; flex-wrap: wrap; }
.piede a { color: var(--attenuato); }
.piede__nota { max-width: 560px; margin: 0; }

/* ---------------- adattivo ---------------- */

@media (max-width: 960px) {
	.griglia, .griglia--2 { grid-template-columns: 1fr 1fr; }
	.duetto, .duetto--inverso { grid-template-columns: 1fr; gap: 30px; }
	.numeri { grid-template-columns: 1fr 1fr; row-gap: 34px; }
	.caso { grid-template-columns: 1fr; }
	.caso__copertina { min-height: 0; aspect-ratio: 16 / 9; position: relative; }
	.muro { grid-template-columns: 1fr 1fr; }
	.eroe--doppio .eroe__interno { grid-template-columns: 1fr; }
	.eroe__montaggio { min-height: 0; height: 340px; margin-top: 10px; }
	.teatro .cornice { width: 100%; }
	.teatro__satellite--a { right: -6px; }
	.caso__copertina .polaroid { right: 8px; }
}

@media (max-width: 620px) {
	body { font-size: 16px; }
	.griglia, .griglia--2 { grid-template-columns: 1fr; }
	.eroe__interno { padding: 84px 20px 64px; }
	.sezione { padding: 52px 0; }
	.contenitore { padding: 0 20px; }
	.marchio__logo { height: 19px; }
	.muro { grid-template-columns: 1fr 1fr; gap: 22px 14px; }
	.pila { min-height: 0; }
	.pila .polaroid { position: static; width: 100%; margin-bottom: 18px; }
	.eroe__montaggio { display: none; }
	.teatro { padding-bottom: 60px; }
	.teatro__satellite--b { display: none; }
	.carta { padding: 26px 22px; }
	.carta::before { left: 30px; }
	.carta p { margin-left: 16px; }
}


/* ═══ L'ingresso al gioco ══════════════════════════════════════════
   Il sito racconta; da qui si entra. Il bottone in navigazione è
   l'unico elemento pieno della testata: deve vincere sul resto. */
/* I selettori sono `.nav a.…` e non `.nav__…` per una ragione precisa:
   `.nav a:hover` (qui sopra) è più specifico di una classe sola, e al
   passaggio del mouse rimetteva il suo fondo velato sotto il testo nero
   del bottone — che spariva. Alzando la specificità di pari passo, il
   bottone resta giallo e l'`!important` non serve più a niente. */
.nav a.nav__gioca {
	background: var(--accento);
	color: #131007;
	padding: 8px 16px;
	border-radius: 999px;
	font-weight: 600;
}
.nav a.nav__gioca:hover { background: var(--accento-chiaro); color: #131007; }

/* «Entra» è per chi ha già un account: sobrio, accanto al richiamo
   pieno della registrazione. Due porte, una sola evidente. */
.nav a.nav__entra { font-weight: 600; }
.nav a.nav__entra:hover { color: var(--accento-chiaro); background: none; }

/* La fascia della prova aperta: sta in cima a ogni pagina, e sparisce
   il giorno che le iscrizioni chiudono (basta togliere una riga). */
.fascia {
	background: var(--accento);
	color: #131007;
	text-align: center;
	padding: 10px 18px;
	font-size: 14px;
	line-height: 1.45;
}
.fascia a { color: #131007; text-decoration: underline; font-weight: 600; }
.fascia b { font-weight: 700; }