/**
 * Front page (page-templates/etusivu.php). Loaded only with the template, after css/runko.css and css/perus.css.
 * Wide parts line up with the header (--pa-width-wide), the FAQ is in the reading column (--pa-width-read).
 * The edges and the green glow behind the subscription cards are the shape dividers of the old Elementor page
 * (Elementor's wave-brush, mountains, opacity-fan and opacity-tilt) as SVG backgrounds.
 */

.pa-home {
	--pa-home-green-ink: #0d480c; /* text on the green introduction */
	overflow-x: clip;
}

/* Hero: the photo at its own size from the top, the name, logo and slogan on its lower part */
.pa-home__hero {
	position: relative;
	isolation: isolate;
	padding: 540px var(--pa-gutter) 0;
	text-align: center;
}
.pa-home__hero-img {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	width: 2000px;
	max-width: none;
	height: auto;
	transform: translateX(-50%);
}
.pa-home__host {
	margin: 0;
	padding-left: .1em; /* the letter spacing after the last letter */
	font-family: var(--pa-font-display);
	font-size: 26px;
	font-weight: var(--pa-weight-display);
	letter-spacing: .1em;
	line-height: 1.2;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px 10px #000;
}
.pa-home__title {
	margin: 18px 0 0;
	font-weight: inherit;
}
/* Logo: the two words of the outlined logo, height from --pa-logo-h */
.pa-home__logo {
	--pa-logo-h: 89px;
	display: flex;
	justify-content: center;
	gap: calc(var(--pa-logo-h) * 24.6 / 70); /* the word space of the logo */
	color: #fff;
	filter: drop-shadow(0 0 15px #000);
}
.pa-home__logo svg {
	display: block;
	width: auto;
	height: var(--pa-logo-h);
}
.pa-home__slogan {
	display: block;
	margin-top: 24px;
	padding-left: .22em;
	font-family: var(--pa-font-display);
	font-size: 36px;
	font-weight: var(--pa-weight-display);
	letter-spacing: .22em;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--pa-color-tape);
	text-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
.pa-home__varoitus {
	position: absolute;
	top: 0;
	left: 0;
	width: 242px;
}

/* Key figures: four in a row with dividers, two by two on phones. Positioned to stay above the hero photo. */
.pa-home__luvut {
	position: relative;
	max-width: calc(var(--pa-width-wide) + 2 * var(--pa-gutter));
	margin: 36px auto 0;
	padding: 0 var(--pa-gutter);
}
.pa-home__luvut dl {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	text-align: center;
}
.pa-home__luvut dl > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2px 12px;
}
.pa-home__luvut dl > div + div {
	border-left: 1px solid rgba(255, 255, 255, .35);
}
.pa-home__luvut dt {
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
}
.pa-home__luvut dd {
	margin: 2px 0 0;
	font-size: 10px;
	letter-spacing: .04em;
	line-height: 1.4;
	text-transform: uppercase;
	color: var(--pa-color-muted);
}
.pa-home__luvut .pa-home__luku {
	order: -1;
	margin: 0 0 2px;
	font-family: var(--pa-font-display);
	font-size: 48px;
	font-weight: var(--pa-weight-display);
	letter-spacing: 0;
	line-height: 1.05;
	text-transform: none;
	color: var(--pa-color-spotify);
}
.pa-home__luku span {
	margin-left: 4px;
	font-size: 30px;
	text-transform: uppercase;
}
.pa-home__arvosana .pa-home__luku span {
	color: rgba(255, 255, 255, .5);
}
/* Five stars filled to 4.8: 4 stars of 13px and 0.8 of the fifth (12px wide) */
.pa-home__arvosana::after {
	content: "";
	width: 65px;
	height: 12px;
	margin-top: 4px;
	background: linear-gradient(90deg, var(--pa-color-tape) 61.6px, rgba(255, 255, 255, .3) 0);
	-webkit-mask: var(--pa-home-star) 0 0 / 13px 12px repeat-x;
	mask: var(--pa-home-star) 0 0 / 13px 12px repeat-x;
	--pa-home-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 24'%3E%3Cpath d='M12 1.5l3.1 6.6 7.2.9-5.3 5 1.4 7.1L12 17.6l-6.4 3.5L7 14 1.7 9l7.2-.9z'/%3E%3C/svg%3E");
}
#pa-seuraava-jakso a {
	color: var(--pa-color-tape);
	text-decoration: underline;
}
#pa-seuraava-jakso a:hover {
	text-decoration: none;
}

/* Subscription cards (mu-plugins/pa-tilaukset.php) in the page width, a green glow behind their lower half */
.pa-home__tilaa {
	--pa-home-glow: 241px; /* where the two shapes meet, from the top of the cards */
	position: relative;
	isolation: isolate;
	margin-top: 48px;
}
.pa-home__tilaa .pa-sub {
	max-width: calc(var(--pa-width-wide) + 2 * var(--pa-gutter));
	padding: 0 var(--pa-gutter);
}
.pa-home__tilaa::before,
.pa-home__tilaa::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	z-index: -1;
	opacity: .5;
	pointer-events: none;
	background-repeat: no-repeat;
}
.pa-home__tilaa::before {
	top: calc(var(--pa-home-glow) - 290px);
	height: 290px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 19.6' preserveAspectRatio='none'%3E%3Cg fill='%23123321' transform='rotate(180 141.75 9.8)'%3E%3Cpath opacity='0.33' d='M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z'/%3E%3Cpath opacity='0.33' d='M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z'/%3E%3Cpath opacity='0.33' d='M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z'/%3E%3Cpath d='M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center;
	background-size: 144% 100%;
}
.pa-home__tilaa::after {
	top: var(--pa-home-glow);
	height: 282px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2600 131.1' preserveAspectRatio='none'%3E%3Cg fill='%23123321' transform='matrix(-1 0 0 1 2600.0 0)'%3E%3Cpath d='M0 0L2600 0 2600 69.1 0 0z'/%3E%3Cpath opacity='0.5' d='M0 0L2600 0 2600 69.1 0 69.1z'/%3E%3Cpath opacity='0.25' d='M2600 0L0 0 0 130.1 2600 69.1z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 100% 100%;
}

/* Introduction on Spotify green: text and listening buttons left, photo right on the bottom edge */
.pa-home__esittely {
	position: relative;
	margin-top: 48px;
	padding: 48px var(--pa-gutter) 0;
	background: var(--pa-color-spotify);
}
.pa-home__esittely::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 50px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='none'%3E%3Cg fill='%23000' transform='matrix(-1 0 0 1 283.5 0)'%3E%3Cpath d='M283.5,9.7c0,0-7.3,4.3-14,4.6c-6.8,0.3-12.6,0-20.9-1.5c-11.3-2-33.1-10.1-44.7-5.7 s-12.1,4.6-18,7.4c-6.6,3.2-20,9.6-36.6,9.3C131.6,23.5,99.5,7.2,86.3,8c-1.4,0.1-6.6,0.8-10.5,2c-3.8,1.2-9.4,3.8-17,4.7 c-3.2,0.4-8.3,1.1-14.2,0.9c-1.5-0.1-6.3-0.4-12-1.6c-5.7-1.2-11-3.1-15.8-3.7C6.5,9.2,0,10.8,0,10.8V0h283.5V9.7z M260.8,11.3 c-0.7-1-2-0.4-4.3-0.4c-2.3,0-6.1-1.2-5.8-1.1c0.3,0.1,3.1,1.5,6,1.9C259.7,12.2,261.4,12.3,260.8,11.3z M242.4,8.6 c0,0-2.4-0.2-5.6-0.9c-3.2-0.8-10.3-2.8-15.1-3.5c-8.2-1.1-15.8,0-15.1,0.1c0.8,0.1,9.6-0.6,17.6,1.1c3.3,0.7,9.3,2.2,12.4,2.7 C239.9,8.7,242.4,8.6,242.4,8.6z M185.2,8.5c1.7-0.7-13.3,4.7-18.5,6.1c-2.1,0.6-6.2,1.6-10,2c-3.9,0.4-8.9,0.4-8.8,0.5 c0,0.2,5.8,0.8,11.2,0c5.4-0.8,5.2-1.1,7.6-1.6C170.5,14.7,183.5,9.2,185.2,8.5z M199.1,6.9c0.2,0-0.8-0.4-4.8,1.1 c-4,1.5-6.7,3.5-6.9,3.7c-0.2,0.1,3.5-1.8,6.6-3C197,7.5,199,6.9,199.1,6.9z M283,6c-0.1,0.1-1.9,1.1-4.8,2.5s-6.9,2.8-6.7,2.7 c0.2,0,3.5-0.6,7.4-2.5C282.8,6.8,283.1,5.9,283,6z M31.3,11.6c0.1-0.2-1.9-0.2-4.5-1.2s-5.4-1.6-7.8-2C15,7.6,7.3,8.5,7.7,8.6 C8,8.7,15.9,8.3,20.2,9.3c2.2,0.5,2.4,0.5,5.7,1.6S31.2,11.9,31.3,11.6z M73,9.2c0.4-0.1,3.5-1.6,8.4-2.6c4.9-1.1,8.9-0.5,8.9-0.8 c0-0.3-1-0.9-6.2-0.3S72.6,9.3,73,9.2z M71.6,6.7C71.8,6.8,75,5.4,77.3,5c2.3-0.3,1.9-0.5,1.9-0.6c0-0.1-1.1-0.2-2.7,0.2 C74.8,5.1,71.4,6.6,71.6,6.7z M93.6,4.4c0.1,0.2,3.5,0.8,5.6,1.8c2.1,1,1.8,0.6,1.9,0.5c0.1-0.1-0.8-0.8-2.4-1.3 C97.1,4.8,93.5,4.2,93.6,4.4z M65.4,11.1c-0.1,0.3,0.3,0.5,1.9-0.2s2.6-1.3,2.2-1.2s-0.9,0.4-2.5,0.8C65.3,10.9,65.5,10.8,65.4,11.1 z M34.5,12.4c-0.2,0,2.1,0.8,3.3,0.9c1.2,0.1,2,0.1,2-0.2c0-0.3-0.1-0.5-1.6-0.4C36.6,12.8,34.7,12.4,34.5,12.4z M152.2,21.1 c-0.1,0.1-2.4-0.3-7.5-0.3c-5,0-13.6-2.4-17.2-3.5c-3.6-1.1,10,3.9,16.5,4.1C150.5,21.6,152.3,21,152.2,21.1z'/%3E%3Cpath d='M269.6,18c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C267.7,18.8,269.7,18,269.6,18z'/%3E%3Cpath d='M227.4,9.8c-0.2-0.1-4.5-1-9.5-1.2c-5-0.2-12.7,0.6-12.3,0.5c0.3-0.1,5.9-1.8,13.3-1.2 S227.6,9.9,227.4,9.8z'/%3E%3Cpath d='M204.5,13.4c-0.1-0.1,2-1,3.2-1.1c1.2-0.1,2,0,2,0.3c0,0.3-0.1,0.5-1.6,0.4 C206.4,12.9,204.6,13.5,204.5,13.4z'/%3E%3Cpath d='M201,10.6c0-0.1-4.4,1.2-6.3,2.2c-1.9,0.9-6.2,3.1-6.1,3.1c0.1,0.1,4.2-1.6,6.3-2.6 S201,10.7,201,10.6z'/%3E%3Cpath d='M154.5,26.7c-0.1-0.1-4.6,0.3-7.2,0c-7.3-0.7-17-3.2-16.6-2.9c0.4,0.3,13.7,3.1,17,3.3 C152.6,27.5,154.6,26.8,154.5,26.7z'/%3E%3Cpath d='M41.9,19.3c0,0,1.2-0.3,2.9-0.1c1.7,0.2,5.8,0.9,8.2,0.7c4.2-0.4,7.4-2.7,7-2.6 c-0.4,0-4.3,2.2-8.6,1.9c-1.8-0.1-5.1-0.5-6.7-0.4S41.9,19.3,41.9,19.3z'/%3E%3Cpath d='M75.5,12.6c0.2,0.1,2-0.8,4.3-1.1c2.3-0.2,2.1-0.3,2.1-0.5c0-0.1-1.8-0.4-3.4,0 C76.9,11.5,75.3,12.5,75.5,12.6z'/%3E%3Cpath d='M15.6,13.2c0-0.1,4.3,0,6.7,0.5c2.4,0.5,5,1.9,5,2c0,0.1-2.7-0.8-5.1-1.4 C19.9,13.7,15.7,13.3,15.6,13.2z'/%3E%3C/g%3E%3C/svg%3E") center top / 100% 100% no-repeat;
	pointer-events: none;
}
.pa-home__esittely-inner {
	display: grid;
	grid-template-columns: minmax(0, 52.5fr) minmax(0, 47.5fr);
	max-width: var(--pa-width-wide);
	margin: 0 auto;
}
.pa-home__esittely-teksti {
	align-self: center;
	padding: 64px 0 96px;
}
.pa-home__esittely h2 {
	margin: 0 0 18px;
	font-family: var(--pa-font-display);
	font-size: 60px;
	font-weight: var(--pa-weight-display);
	line-height: 1.03;
	color: #fff;
}
.pa-home__esittely p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.625;
	color: var(--pa-home-green-ink);
}
.pa-home__esittely .pa-home__vastuu {
	margin: 24px 0 20px;
	font-family: var(--pa-font-display);
	font-size: 28px;
	font-weight: var(--pa-weight-display);
	line-height: 1.2;
}
/* Listening buttons in black on the green (css/runko.css .pa-listen) */
.pa-home__napit .pa-listen a {
	height: 46px;
	padding: 0 22px 0 16px;
	border-color: #000;
	background: #000;
	font-size: 15px;
	color: #fff;
}
.pa-home__napit .pa-listen .pa-listen__spotify {
	color: var(--pa-color-spotify);
}
.pa-home__napit .pa-listen a:hover {
	border-color: #fff;
	background: #fff;
	color: #000;
}
/* The waves of the Spotify mark take the button background, like holes in the circle */
.pa-home__napit .pa-listen__spotify svg g {
	stroke: #000;
}
.pa-home__napit .pa-listen__spotify:hover svg g {
	stroke: #fff;
}
.pa-home__esittely-kuva {
	display: block;
	align-self: end;
	justify-self: end;
	width: 100%;
	max-width: 541px;
	height: auto;
	margin-top: 32px;
}

/* Newest episodes (mu-plugins/pa-episode-groups.php), the cards overlap the green */
.pa-home__jaksot {
	position: relative;
	max-width: calc(var(--pa-width-wide) + 2 * var(--pa-gutter));
	margin: -64px auto 0;
	padding: 0 var(--pa-gutter);
}
.pa-home__lisaa {
	margin: 40px 0 0;
	text-align: center;
}
.pa-home .pa-home__lisaa a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	color: var(--pa-color-ink);
}
.pa-home__lisaa a::after {
	content: "";
	width: 16px;
	height: 16px;
	background: var(--pa-color-accent);
	-webkit-mask: var(--pa-icon-arrow) center / contain no-repeat;
	mask: var(--pa-icon-arrow) center / contain no-repeat;
	transition: transform .15s ease;
}
.pa-home .pa-home__lisaa a:hover {
	color: var(--pa-color-accent);
}
.pa-home__lisaa a:hover::after {
	transform: translateX(3px);
}

/* Newest blog post on a band with mountain edges */
.pa-home__blogi {
	position: relative;
	margin-top: 32px;
	padding: 144px var(--pa-gutter) 128px;
	background: var(--pa-color-surface-2);
}
.pa-home__blogi::before,
.pa-home__blogi::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Cpath opacity='0.33' d='M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z'/%3E%3Cpath opacity='0.66' d='M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z'/%3E%3Cpath d='M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z'/%3E%3C/g%3E%3C/svg%3E") center top / 100% 100% no-repeat;
	pointer-events: none;
}
.pa-home__blogi::before {
	top: -1px;
	height: 83px;
}
.pa-home__blogi::after {
	bottom: -1px;
	height: 90px;
	transform: rotate(180deg);
}
.pa-home__postaus {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 32px;
	align-items: start;
	max-width: var(--pa-width-wide);
	margin: 0 auto;
}
.pa-home__postaus-kuva img {
	display: block;
	width: 100%;
	aspect-ratio: 100 / 65;
	object-fit: cover;
	border-radius: var(--pa-shape-radius);
}
.pa-home__postaus h3 {
	margin: 0 0 4px;
	font-family: var(--pa-font-display);
	font-size: 35px;
	font-weight: var(--pa-weight-display);
	line-height: 1.03;
}
.pa-home__postaus h3 a {
	text-decoration: none;
	color: #fff;
}
.pa-home__postaus h3 a:hover {
	color: var(--pa-color-accent);
}
.pa-home__postaus p {
	margin: 0 0 16px;
	font-size: 18px;
	line-height: 1.6;
}
.pa-home__postaus .pa-home__pvm {
	font-size: 15px;
	color: var(--pa-color-muted);
}
.pa-home__postaus .pa-home__lisaa {
	text-align: left;
}

/* Logo image and Instagram feed, the feed starts on the dark bottom of the image */
.pa-home__kuva {
	display: block;
	max-width: calc(var(--pa-width-wide) + 2 * var(--pa-gutter));
	margin: 48px auto 0;
	padding: 0 var(--pa-gutter);
}
.pa-home__kuva img {
	display: block;
	width: 100%;
}
.pa-home__instagram {
	position: relative;
	max-width: calc(var(--pa-width-wide) + 2 * var(--pa-gutter));
	margin: -88px auto 0;
	padding: 0 var(--pa-gutter);
}
.pa-home__instagram iframe {
	display: block;
	width: 100%;
	border: 0;
	overflow: hidden;
}

/* FAQ in the reading column: the accordion of css/perus.css, heading as on the article pages */
.pa-home__ukk {
	max-width: calc(var(--pa-width-read) + 2 * var(--pa-gutter));
	margin: 128px auto 0;
	padding: 0 var(--pa-gutter) 96px;
}
.pa-home__ukk h2 {
	margin: 0 0 20px;
	font-family: var(--pa-font-display);
	font-size: clamp(32px, 3.8vw, 44px);
	font-weight: var(--pa-weight-display);
	line-height: 1.05;
	letter-spacing: .005em;
	color: var(--pa-color-ink);
}
.pa-home__ukk h2::before {
	content: "";
	display: block;
	width: 32px;
	height: 3px;
	margin-bottom: 18px;
	background: var(--pa-color-accent);
}
.pa-home__ukk p {
	font-size: 17px;
	line-height: 1.75;
}
.pa-home__ukk strong {
	color: var(--pa-color-ink);
}
.pa-home__ukk a {
	color: var(--pa-color-accent);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.pa-home__ukk a:hover {
	color: #fff;
}

@media (max-width: 1024px) {
	.pa-home__logo {
		--pa-logo-h: 74px;
	}
	.pa-home__esittely h2 {
		font-size: 50px;
	}
}

@media (max-width: 767px) {
	/* Hero: the square photo a little wider than the screen, the logo words stacked in the full width */
	.pa-home__hero {
		padding-top: 74vw;
	}
	.pa-home__hero-img {
		left: -3.3vw;
		width: 110vw;
		transform: none;
	}
	.pa-home__host {
		font-size: 22px;
	}
	.pa-home__title {
		margin-top: 12px;
	}
	.pa-home__logo {
		flex-direction: column;
		gap: 10px;
	}
	.pa-home__logo svg {
		width: 100%;
		height: auto;
	}
	.pa-home__slogan {
		margin-top: 18px;
		font-size: clamp(18px, 6.1vw, 26px);
		letter-spacing: .14em;
		padding-left: .14em;
	}
	/* Key figures two by two between hairlines, as on the article pages */
	.pa-home__luvut {
		margin-top: 28px;
	}
	.pa-home__luvut dl {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 16px;
		padding: 26px 0;
		border-top: 1px solid var(--pa-color-line);
		border-bottom: 1px solid var(--pa-color-line);
	}
	.pa-home__luvut dl > div {
		padding: 0;
	}
	.pa-home__luvut dl > div + div {
		border-left: 0;
	}
	.pa-home__luvut dt {
		font-size: 13px;
	}
	.pa-home__luvut .pa-home__luku {
		font-size: 40px;
	}
	.pa-home__luku span {
		font-size: 24px;
	}
	.pa-home__tilaa {
		--pa-home-glow: 230px;
		margin-top: 28px;
	}
	.pa-home__tilaa::before {
		top: calc(var(--pa-home-glow) - 187px);
		height: 187px;
	}
	.pa-home__tilaa::after {
		height: 88px;
	}
	.pa-home__esittely {
		margin-top: 16px;
	}
	.pa-home__esittely-inner {
		grid-template-columns: minmax(0, 1fr);
		text-align: center;
	}
	.pa-home__esittely-teksti {
		padding: 0;
	}
	.pa-home__esittely h2 {
		font-size: 11.5vw;
		line-height: 1.1;
	}
	.pa-home__esittely .pa-home__vastuu {
		font-size: 22px;
	}
	.pa-home__napit .pa-listen {
		justify-content: center;
	}
	.pa-home__esittely-kuva {
		justify-self: center;
	}
	.pa-home__jaksot {
		margin-top: -48px;
	}
	.pa-home__blogi {
		margin-top: 16px;
		padding-top: 112px;
		padding-bottom: 96px;
	}
	.pa-home__blogi::before {
		background-size: 190% 100%;
	}
	.pa-home__blogi::after {
		background-size: 220% 100%;
	}
	.pa-home__postaus {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}
	.pa-home__postaus-kuva img {
		aspect-ratio: 2 / 1;
	}
	.pa-home__postaus h3 {
		font-size: 30px;
	}
	.pa-home__postaus p {
		font-size: 16px;
	}
	.pa-home__kuva {
		margin-top: 24px;
	}
	.pa-home__instagram {
		margin-top: 0;
	}
	.pa-home__ukk {
		margin-top: 72px;
		padding-bottom: 72px;
	}
	.pa-home__ukk p {
		font-size: 16px;
	}
}