@charset "UTF-8";
#instagram_area { background:#eef3f8; padding:64px 24px; color:#0e1b55; }
#instagram_area .instagram-inner { max-width:1120px; margin:0 auto; }
#instagram_area .instagram-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
#instagram_area h2 { margin:0 0 16px; padding:0; font-size:36px; line-height:1.4; background:none; }
#instagram_area h2 span { display:block; font-size:14px; margin-top:6px; }
#instagram_area p { margin:0; padding:0; font-size:15px; }
#instagram_area a { color:#385ba0; background:none; text-underline-offset:4px; }
#instagram_area .instagram-button { display:inline-block; margin-top:28px; padding:16px 28px; background:#385ba0; color:white; text-decoration:none; font-weight:bold; border-radius:2px; }
#instagram_area .instagram-button:hover { background:#052666; }
#instagram_area a:focus-visible { outline:3px solid #d9822b; outline-offset:4px; }
#instagram_area .instagram-feed:not([hidden]) { margin-top:28px; }

#instagram_area .instagram-feed__grid {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px;
	list-style:none;
	margin:0;
	padding:0;
}

#instagram_area .instagram-feed__item {
	display:block;
	text-decoration:none;
	color:inherit;
	border-radius:4px;
	overflow:hidden;
	background:#fff;
	box-shadow:0 1px 4px rgba(14, 27, 85, 0.08);
	transition:box-shadow 0.2s ease;
}

#instagram_area .instagram-feed__item:hover {
	box-shadow:0 4px 12px rgba(14, 27, 85, 0.12);
}

#instagram_area .instagram-feed__item:focus-visible {
	outline:3px solid #d9822b;
	outline-offset:2px;
}

#instagram_area .instagram-feed__media {
	position:relative;
	aspect-ratio:1 / 1;
	overflow:hidden;
	background:#dde4ee;
}

#instagram_area .instagram-feed__media img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 0.35s ease, opacity 0.35s ease;
}

#instagram_area .instagram-feed__item:hover .instagram-feed__media img {
	transform:scale(1.03);
	opacity:0.92;
}

#instagram_area .instagram-feed__media::after {
	content:"";
	position:absolute;
	inset:0;
	background:rgba(5, 38, 102, 0);
	transition:background 0.35s ease;
	pointer-events:none;
}

#instagram_area .instagram-feed__item:hover .instagram-feed__media::after {
	background:rgba(5, 38, 102, 0.08);
}

#instagram_area .instagram-feed__badge {
	position:absolute;
	top:10px;
	right:10px;
	width:28px;
	height:28px;
	border-radius:4px;
	background:rgba(5, 38, 102, 0.75);
	pointer-events:none;
}

#instagram_area .instagram-feed__badge--video::before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-40%, -50%);
	border-style:solid;
	border-width:6px 0 6px 10px;
	border-color:transparent transparent transparent #fff;
}

#instagram_area .instagram-feed__badge--carousel::before,
#instagram_area .instagram-feed__badge--carousel::after {
	content:"";
	position:absolute;
	border:2px solid #fff;
	border-radius:2px;
	background:rgba(255, 255, 255, 0.15);
	box-sizing:border-box;
}

#instagram_area .instagram-feed__badge--carousel::before {
	width:14px;
	height:14px;
	top:7px;
	left:7px;
}

#instagram_area .instagram-feed__badge--carousel::after {
	width:14px;
	height:14px;
	top:9px;
	left:9px;
	opacity:0.85;
}

@media (prefers-reduced-motion: reduce) {
	#instagram_area .instagram-feed__media img,
	#instagram_area .instagram-feed__media::after,
	#instagram_area .instagram-feed__item {
		transition:none;
	}
	#instagram_area .instagram-feed__item:hover .instagram-feed__media img {
		transform:none;
		opacity:1;
	}
}

@media(max-width:767px) {
	#instagram_area { padding:40px 16px; }
	#instagram_area h2 { font-size:28px; }
	#instagram_area .instagram-feed__grid {
		grid-template-columns:repeat(2, 1fr);
		gap:10px;
	}
	#instagram_area .instagram-button {
		display:block;
		text-align:center;
		padding:18px 20px;
		margin-top:24px;
	}
}