/* =====================================================================
   BLOG — elenco (template-news.php) e articolo (single.php)
   La base (token, vetrina a slide, ricerca, paginazione...) è in css/lrf.css.
   ===================================================================== */

.lrf-blog{
	--film: #141414;
	--film-rgb: 20, 20, 20;
}
body{ background-color: #141414; }

/* Footer e menu di sito: fondo pieno scuro come nelle altre pagine interne */
.menucontinside{ width: var(--centercolwidth); max-width: var(--maxwidth); }
.contfooterhome{ position: relative; background-color: #1d1d1d; }
.contfooterhomeinside{ width: var(--centercolwidth); max-width: var(--maxwidth); }


/* ---------------------------------------------------------------------
   ELEMENTI COMUNI
   --------------------------------------------------------------------- */
.lrf-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
}
.lrf-tags span{
	padding: 5px 8px 4px;
	border-radius: 3px;
	background: rgba(245, 240, 232, 0.08);
	font-size: 0.58rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--ink-2);
}
.lrf-tags--glass span{
	background: rgba(12, 11, 10, 0.45);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
	color: var(--ink);
}

.lrf-readtime{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ink-2);
}
.lrf-readtime svg{ font-size: 1.25em; }


/* ---------------------------------------------------------------------
   ELENCO — slider delle ultime 4
   --------------------------------------------------------------------- */
.lrf-show--blog{
	--content-b: 124px;
	--tabs-b: 44px;
	height: 88vh;
	height: 88svh;
}
.lrf-show--blog .lrf-slide__content > *{ max-width: 720px; }
.lrf-show--blog .lrf-tags{ margin-bottom: 20px; }
.lrf-slide__title{
	margin: 0;
	font-size: clamp(1.9rem, 3.8vw, 3.4rem);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.035em;
	text-wrap: balance;
}
.lrf-show--blog .lrf-readtime{ margin-top: 18px; }
.lrf-slide__excerpt{
	margin: 14px 0 0;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--ink-2);
}

/* film collegato, in basso a destra */
.lrf-slide__film{
	position: absolute;
	right: calc((100% - var(--wrap)) / 2);
	bottom: var(--content-b);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	width: 150px;
	opacity: 0;
	transform: translateY(22px);
}
.lrf-slide.is-active .lrf-slide__film{ animation: lrf-slide-rise 1.2s var(--ease) 1.1s forwards; }
.lrf-slide.is-active.is-first .lrf-slide__film{ animation-delay: .6s; }
.lrf-slide__poster{
	display: block;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 30px 50px -24px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.08);
	transition: transform .6s var(--ease);
}
.lrf-slide__poster:hover{ transform: translateY(-4px); }
.lrf-slide__poster img{ display: block; width: 100%; height: auto; }
.lrf-slide__film .lrf-btn{ justify-content: center; }

.lrf-blog.is-noslider .lrf-body{ padding-top: clamp(130px, 19vh, 200px); }


/* ---------------------------------------------------------------------
   ELENCO E ARTICOLO — colonna principale + colonna laterale
   --------------------------------------------------------------------- */
.lrf-blog .lrf-body{ padding-top: clamp(28px, 3.5vw, 48px); }

.lrf-blog__grid{
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: clamp(40px, 5vw, 80px);
	align-items: start;
}

.lrf-blog__top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 20px;
	margin-bottom: clamp(28px, 3vw, 40px);
	border-bottom: 1px solid var(--line);
}
.lrf-blog__top .lrf-kicker{ margin: 0; }
/* ricerca con la stessa cornice arrotondata dell'archivio film */
.lrf-blog__top .lrf-search{
	width: min(100%, 320px);
	padding: 3px 3px 3px 14px;
	border: 0;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px var(--line);
	transition: box-shadow .3s ease;
}
.lrf-blog__top .lrf-search:focus-within{ box-shadow: inset 0 0 0 1px rgba(245, 240, 232, 0.45); }
.lrf-blog__top .lrf-search__field{ gap: 10px; }
.lrf-blog__top .lrf-search__icon{ font-size: 17px; }
.lrf-blog__top .lrf-search input{ height: 33px; font-size: 0.92rem; }
.lrf-blog__top .lrf-search__go{
	width: 33px;
	height: 33px;
	border-radius: 999px;
	font-size: 18px;
}
.lrf-blog__filters{ margin: -12px 0 28px; }


/* ---------------------------------------------------------------------
   CARD ARTICOLO
   --------------------------------------------------------------------- */
.lrf-posts{
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: clamp(28px, 3vw, 44px) 14px;
}
.lrf-post{ grid-column: span 3; }
.lrf-post--trio{ grid-column: span 2; }
.lrf-post--trio .lrf-post__title{ font-size: 1.08rem; }
.lrf-post[data-reveal]{ transition-delay: calc(var(--i, 0) * 80ms); }
.lrf-post a{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.04);
	transition: background-color .4s ease, transform .6s var(--ease);
}
.lrf-post a::after{
	/* base col colore del film collegato */
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: var(--film-line);
}
.lrf-post a:hover{ background: rgba(255, 255, 255, 0.07); transform: translateY(-4px); }
.lrf-post__img{
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.05) center / cover no-repeat;
	filter: saturate(0.92);
	transition: filter .6s ease;
}
.lrf-post a:hover .lrf-post__img{ filter: none; }
.lrf-post__film{
	position: absolute;
	left: 12px;
	bottom: 15px;
	max-width: calc(100% - 24px);
	padding: 6px 10px 5px;
	border-radius: 3px;
	background: var(--film-line);
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lrf-post__body{
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 12px;
	padding: 20px 22px 26px;
}
.lrf-post__title{
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.015em;
	text-wrap: balance;
	color: var(--ink);
}
.lrf-post__excerpt{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.92rem;
	line-height: 1.6;
	color: var(--ink-3);
}
.lrf-post__meta{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding-top: 6px;
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ink-3);
}
.lrf-post__time,
.lrf-post__more{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}
.lrf-post__meta{ flex-wrap: wrap; row-gap: 8px; }
.lrf-post__time svg,
.lrf-post__more svg{ font-size: 1.3em; }
.lrf-post__more{
	color: var(--ink-2);
	transition: gap .3s var(--ease), color .3s ease;
}
.lrf-post a:hover .lrf-post__more{ gap: 10px; color: var(--ink); }

/* primo articolo: card grande orizzontale */
.lrf-post--featured{ grid-column: 1 / -1; }
.lrf-post--featured a{
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	align-items: stretch;
}
.lrf-post--featured .lrf-post__img{ aspect-ratio: auto; min-height: 100%; }
.lrf-post--featured .lrf-post__body{ justify-content: center; gap: 16px; padding: clamp(24px, 3vw, 44px) clamp(24px, 3vw, 40px) clamp(28px, 3.2vw, 48px); }
.lrf-post--featured .lrf-post__title{
	font-size: clamp(1.5rem, 2.4vw, 2.2rem);
	line-height: 1.12;
	letter-spacing: -0.03em;
}
.lrf-post--featured .lrf-post__excerpt{ -webkit-line-clamp: 5; font-size: 1rem; color: var(--ink-2); }
.lrf-post--featured .lrf-post__meta{ margin-top: 8px; justify-content: flex-start; gap: 28px; }

.lrf-posts__divider{
	grid-column: 1 / -1;
	width: 100%;
	height: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid var(--line);
}


/* ---------------------------------------------------------------------
   COLONNA LATERALE (MioCinema, Newsletter, Articoli più letti, Il Film)
   Markup condiviso con altre pagine: qui solo dentro .lrf-blog
   --------------------------------------------------------------------- */
.lrf-blog__aside{
	display: flex;
	flex-direction: column;
	gap: 40px;
	min-width: 0;
}
.lrf-blog__aside > a{ display: block; }
.lrf-blog .most-read h3{
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 18px;
	padding: 0;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--ink-3);
}
.lrf-blog .most-read h3 img{
	width: 16px;
	height: auto;
	margin: 0;
	opacity: 0.6;
	filter: brightness(0) invert(1);
}

/* il film collegato (articolo) */
.lrf-filmbox{
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--line);
}
.lrf-filmbox h3{ margin-bottom: 0 !important; }
.lrf-filmbox__poster{
	display: block;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 40px 70px -36px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.07);
	transition: transform .7s var(--ease);
}
.lrf-filmbox__poster:hover{ transform: translateY(-4px); }
.lrf-filmbox__poster img{ display: block; width: 100%; height: auto; }
.lrf-filmbox__text{
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--ink-3);
}
.lrf-filmbox .lrf-btn{ align-self: flex-start; }

/* MioCinema */
.lrf-blog .bannermiocinema_blog{
	margin: 0;
	padding: 0 0 40px;
	border-bottom: 1px solid var(--line);
	font-size: 1rem;
	color: var(--ink);
}
.lrf-blog .bannermiocinema_blog > img{
	width: 110px;
	margin: 0 0 12px;
	filter: brightness(0) invert(1);
}
.lrf-blog .bannermiocinema_blog br{ display: none; }
.lrf-blog .bannermiocinema_blog_thumb{
	margin-bottom: 14px;
	border: 0 !important;
	border-radius: 4px;
	overflow: hidden;
	background-position: center;
}
.lrf-blog .bannermiocinema_gradline{ height: 3px; }
.lrf-blog .bannermiocinema_blog_title{
	font-size: 1.05rem;
	font-weight: 600;
	line-height: 1.3;
}
.lrf-blog .bannermiocinema_blog .singlenotiziahome_continue{
	display: inline-block;
	margin-top: 10px;
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	color: var(--ink-2);
}

/* Newsletter */
.lrf-blog .container_newsletter{
	margin: 0;
	padding: 26px;
	border: 0;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.035);
	box-shadow: inset 0 0 0 1px var(--line);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.lrf-blog .newsletterintro{
	margin: 0 0 18px;
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--ink-2);
}
.lrf-blog #mupwp-form{ margin: 0; }
.lrf-blog #mupwp-form #email{
	height: 46px;
	padding: 0 14px;
	border: 0;
	border-radius: 3px;
	background: rgba(245, 240, 232, 0.08) !important;
	box-shadow: inset 0 0 0 1px var(--line);
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 500;
	color: var(--ink) !important;
	outline: none;
}
.lrf-blog #mupwp-form #email:focus{ box-shadow: inset 0 0 0 1px rgba(245, 240, 232, 0.4); }
.lrf-blog #mupwp-form #email::placeholder{ color: var(--ink-3); }
.lrf-blog #mupwp-form #email:-webkit-autofill{
	-webkit-text-fill-color: var(--ink);
	-webkit-box-shadow: 0 0 0 1000px #1e1d1c inset;
	transition: background-color 5000s ease-in-out 0s;
}
.lrf-blog #mupwp-form-save{
	height: 46px;
	margin-top: 8px;
	padding: 0 16px;
	border: 0;
	border-radius: 3px;
	background: var(--accent);
	font-family: inherit;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
	transition: background-color .3s ease;
}
.lrf-blog #mupwp-form-save:hover{ background: var(--accent-hi); }
.lrf-blog #mupwp-form-terms{ margin-top: 12px; }
.lrf-blog #mupwp-form-terms label{
	display: flex;
	align-items: flex-start;
	gap: 8px;
	color: var(--ink-3);
}
.lrf-blog #mupwp-form-terms input{ margin: 2px 0 0; accent-color: var(--accent); }
.lrf-blog #mupwp-form-terms span{ font-size: 0.68rem !important; line-height: 1.45 !important; }

/* Articoli più letti */
.lrf-blog .mvp-post{
	margin: 0;
	padding: 0 0 20px;
	border-bottom: 1px solid var(--line);
}
.lrf-blog .mvp-post + .mvp-post{ margin-top: 20px; }
.lrf-blog .mvp-post a{
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 0;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--ink);
}
.lrf-blog .mvp-post .relatedthumb{
	margin: 0 0 6px;
	border-radius: 4px;
	box-shadow: none;
	filter: saturate(0.92);
	transition: filter .5s ease;
}
.lrf-blog .mvp-post .relatedthumb:before{ padding-top: 52%; }
.lrf-blog .mvp-post a:hover .relatedthumb{ filter: none; }
.lrf-blog .mvp-post-text{
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--ink);
}
.lrf-blog .mvp-post .readingtime{
	margin: 0;
	gap: 6px;
	font-size: 0.64rem;
	letter-spacing: 0.12em;
	color: var(--ink-3);
}
.lrf-blog .mvp-post .readingtime .material-symbols-outlined{ font-size: 1.2em; }
.lrf-blog .mvp-post-excerpt{
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.55;
	color: var(--ink-3);
}
.lrf-blog .mvp-continue{
	font-size: 0.64rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	color: var(--ink-2);
	transition: color .3s ease;
}
.lrf-blog .mvp-post a:hover .mvp-continue{ color: var(--ink); }


/* ---------------------------------------------------------------------
   ARTICOLO — copertina
   --------------------------------------------------------------------- */
.lrf-cover{
	position: relative;
	display: flex;
	align-items: flex-end;
	height: 78vh;
	height: 78svh;
	min-height: 520px;
	overflow: hidden;
	isolation: isolate;
	background: #000;
}
.lrf-cover__img{
	position: absolute;
	inset: 0;
	z-index: -2;
	background: center / cover no-repeat;
	transform: scale(calc(1.04 + var(--p) * 0.06)) translateY(calc(var(--p) * 8vh));
	filter: saturate(0.95) brightness(calc(0.92 - var(--p) * 0.3));
	animation: lrf-cover-in 2.2s var(--ease) both;
}
.lrf-cover__veil{
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent 22%, transparent 42%, rgba(20, 20, 20, 0.78) 78%, #141414 100%),
		linear-gradient(90deg, rgba(20, 20, 20, 0.55), transparent 60%);
}
.lrf-cover .lrf-grain{ z-index: -1; }
.lrf-cover__content{
	padding-bottom: clamp(40px, 7vh, 72px);
	opacity: calc(1 - var(--p) * 1.6);
}
.lrf-cover__content > *{ animation: lrf-rise 1.3s var(--ease) both; }
.lrf-cover__content > :nth-child(1){ animation-delay: .2s; }
.lrf-cover__content > :nth-child(2){ animation-delay: .35s; }
.lrf-cover__content > :nth-child(3){ animation-delay: .5s; }
.lrf-cover__title{
	max-width: 22ch;
	margin: 20px 0 18px;
	font-size: clamp(2rem, 4.4vw, 4rem);
	font-weight: 700;
	line-height: 1.04;
	letter-spacing: -0.035em;
	text-wrap: balance;
}


/* ---------------------------------------------------------------------
   ARTICOLO — testo
   --------------------------------------------------------------------- */
.lrf-prose{
	font-size: clamp(1rem, 1.1vw, 1.1rem);
	line-height: 1.8;
	color: var(--ink-2);
}
.lrf-prose__lead{
	margin-bottom: 40px;
	font-size: clamp(1.25rem, 1.8vw, 1.55rem);
	line-height: 1.5;
	letter-spacing: -0.01em;
	color: var(--ink);
}
.lrf-prose__lead p{ margin: 0; }
.lrf-prose p{ margin: 0 0 1.4em; }
.lrf-prose h2{
	margin: 2.2em 0 0.8em;
	scroll-margin-top: 100px;
	font-size: clamp(1.35rem, 2vw, 1.8rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.025em;
	color: var(--ink);
}
.lrf-prose h3,
.lrf-prose h4{
	margin: 1.8em 0 0.6em;
	padding: 0;
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--ink);
}
.lrf-prose strong,
.lrf-prose b{ color: var(--ink); font-weight: 600; }
.lrf-prose a{
	color: var(--ink);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: var(--accent-hi);
	transition: text-decoration-color .3s ease;
}
.lrf-prose a:hover{ text-decoration-color: var(--ink); }
.lrf-prose blockquote{
	margin: 2em 0;
	padding: 0 0 0 24px;
	border-left: 2px solid var(--accent-hi);
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 1.35em;
	line-height: 1.4;
	color: var(--ink);
}
.lrf-prose ul,
.lrf-prose ol{ margin: 0 0 1.4em; padding-left: 1.2em; }
.lrf-prose li{ margin-bottom: 0.4em; }
.lrf-prose img{
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}
.lrf-prose figure{ margin: 2em 0; max-width: 100%; }
.lrf-prose figcaption,
.lrf-prose .wp-caption-text{
	margin-top: 10px;
	font-size: 0.8rem;
	color: var(--ink-3);
}
.lrf-prose iframe{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	margin: 2em 0;
	border: 0;
	border-radius: 4px;
}
.lrf-prose hr{ margin: 2.4em 0; border: 0; border-top: 1px solid var(--line); }

/* indice */
.lrf-toc{
	margin: 0 0 40px;
	padding: 22px 24px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.035);
	box-shadow: inset 0 0 0 1px var(--line);
}
.lrf-toc__title{
	margin: 0 0 12px !important;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--ink-3);
}
.lrf-toc ol{
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: toc;
}
.lrf-toc li{ margin: 0; counter-increment: toc; }
.lrf-toc a{
	position: relative;
	display: flex;
	gap: 12px;
	padding: 7px 0;
	font-size: 0.95rem;
	line-height: 1.4;
	text-decoration: none;
	color: var(--ink-2);
	transition: color .3s ease;
}
.lrf-toc a::before{
	content: counter(toc, decimal-leading-zero);
	flex: none;
	width: 22px;
	padding-top: 2px;
	font-size: 0.66rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--ink-3);
	transition: color .3s ease;
}
.lrf-toc a:hover,
.lrf-toc a.is-active{ color: var(--ink); }
.lrf-toc a.is-active::before{ color: var(--accent-hi); }

/* anteprima galleria */
.lrf-prose__gallery{ margin: 0 0 40px; }
.lrf-prose__gallery > a:not(.lrf-gallery-preview){ display: none; }
.lrf-gallery-preview{
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	border-radius: 4px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.05) center / cover no-repeat;
	transition: filter .5s ease;
}
.lrf-gallery-preview__zoom{
	position: absolute;
	right: 14px;
	bottom: 14px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 5px;
	background: rgba(12, 11, 10, 0.5);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15);
	font-size: 20px;
	color: var(--ink);
	transition: background-color .3s ease, color .3s ease;
}
.lrf-gallery-preview:hover .lrf-gallery-preview__zoom{ background: #fff; color: #141414; }

/* potrebbe interessarti */
.lrf-related{
	margin-top: clamp(56px, 7vw, 96px);
	padding-top: 32px;
	border-top: 1px solid var(--line);
}

/* torna su */
.lrf-totop{
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 50;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 5px !important;
	background: rgba(18, 16, 14, 0.62) !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
	font-size: 20px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .3s ease, transform .3s var(--ease), visibility .3s, background-color .3s ease;
}
.lrf-totop.is-visible{ opacity: 1; visibility: visible; transform: none; }
.lrf-totop:hover{ background: #fff !important; color: #141414; }


/* ---------------------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------------------- */
@media (max-width: 1100px){
	.lrf-blog__grid{ grid-template-columns: minmax(0, 1fr) 280px; }
}
@media (max-width: 1000px){
	.lrf-show--blog{ height: 100svh; }
	.lrf-show--blog .lrf-slide__content{ bottom: 88px; }
	.lrf-show--blog .lrf-tags{ justify-content: center; }
	.lrf-slide__excerpt{ display: none; }
	.lrf-slide__film{ display: none; }

	.lrf-blog__grid{ grid-template-columns: minmax(0, 1fr); }
	.lrf-blog__top{ flex-direction: column; align-items: stretch; }
	.lrf-blog__top .lrf-search{ width: 100%; }
	.lrf-blog__aside{ padding-top: 24px; border-top: 1px solid var(--line); }

	.lrf-post--featured a{ grid-template-columns: minmax(0, 1fr); }
	.lrf-post--featured .lrf-post__img{ aspect-ratio: 16 / 10; }
	.lrf-post--featured .lrf-post__body{ padding: 20px 22px 26px; }

	.lrf-cover{ height: 70svh; min-height: 460px; }
}
@media (max-width: 900px){
	.lrf-post--trio{ grid-column: span 3; }
	.lrf-post--trio:nth-of-type(4){ grid-column: 1 / -1; }
}
@media (max-width: 700px){
	.lrf-posts{ grid-template-columns: minmax(0, 1fr); }
	.lrf-post,
	.lrf-post--trio,
	.lrf-post--trio:nth-of-type(4){ grid-column: 1 / -1; }
	.lrf-post--featured .lrf-post__meta{ justify-content: space-between; }
}

@media (prefers-reduced-motion: reduce){
	.lrf-post[data-reveal]{ transition-delay: 0s; }
	.lrf-slide.is-active .lrf-slide__film{ animation: none; opacity: 1; transform: none; }
	.lrf-cover__img,
	.lrf-cover__content > *{ animation: none; }
}