.org-gallery{
	--org-duration:1200ms;
	--org-ripple-color:rgba(255,255,255,.72);
	--org-ripple-fill:rgba(255,255,255,.18);
	--org-ring-width:2px;
	--org-ripple-size:135%;
	width:100%;
}

.org-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	column-gap:52px;
	row-gap:48px;
}

.org-card{
	position:relative;
	min-width:0;
	opacity:0;
	transform:translateY(18px) scale(.975);
	transition:
		opacity .42s ease var(--org-delay,0ms),
		transform .55s cubic-bezier(.2,.75,.2,1) var(--org-delay,0ms);
}

.org-card.org-animate{
	opacity:1;
	transform:translateY(0) scale(1);
}

.org-card-link{
	display:block;
	color:inherit;
	text-decoration:none;
}

.org-image-wrap{
	position:relative;
	width:100%;
	aspect-ratio:4 / 3;
	overflow:hidden;
	border-radius:8px;
	background:#e8e8e8;
	isolation:isolate;
}

.org-image{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	clip-path:circle(0% at 50% 50%);
	transform:scale(1.035);
	transition:transform .65s cubic-bezier(.2,.7,.2,1);
}

.org-card.org-animate .org-image{
	animation:org-circle-reveal var(--org-duration) cubic-bezier(.2,.78,.2,1) var(--org-delay,0ms) both;
}

@keyframes org-circle-reveal{
	0%{
		clip-path:circle(0% at 50% 50%);
		filter:brightness(.78);
	}
	28%{
		clip-path:circle(13% at 50% 50%);
		filter:brightness(.9);
	}
	100%{
		clip-path:circle(76% at 50% 50%);
		filter:brightness(1);
	}
}

.org-card.org-hover-zoom:hover .org-image{
	transform:scale(1.06);
}

.org-ripple-layer{
	position:absolute;
	inset:0;
	z-index:4;
	pointer-events:none;
	overflow:hidden;
}

.org-drop,
.org-ring{
	position:absolute;
	left:50%;
	top:50%;
	border-radius:50%;
	transform:translate(-50%,-50%) scale(.02);
	opacity:0;
}

.org-drop{
	width:46px;
	height:46px;
	background:
		radial-gradient(circle,
			rgba(255,255,255,.38) 0%,
			var(--org-ripple-fill) 38%,
			rgba(255,255,255,0) 72%);
	filter:blur(.2px);
}

.org-ring{
	width:var(--org-ripple-size);
	aspect-ratio:1;
	border:var(--org-ring-width) solid var(--org-ripple-color);
	box-shadow:
		inset 0 0 18px rgba(255,255,255,.06),
		0 0 18px rgba(255,255,255,.04);
}

.org-card.org-animate .org-drop{
	animation:org-drop-hit calc(var(--org-duration) * .62) ease-out calc(var(--org-delay,0ms) + 70ms) both;
}

.org-card.org-animate .org-ring-1{
	animation:org-water-ring var(--org-duration) cubic-bezier(.12,.72,.2,1) calc(var(--org-delay,0ms) + 115ms) both;
}

.org-card.org-animate .org-ring-2{
	animation:org-water-ring calc(var(--org-duration) * .92) cubic-bezier(.12,.72,.2,1) calc(var(--org-delay,0ms) + 235ms) both;
}

.org-card.org-animate .org-ring-3{
	animation:org-water-ring calc(var(--org-duration) * .86) cubic-bezier(.12,.72,.2,1) calc(var(--org-delay,0ms) + 345ms) both;
}

.org-card.org-animate .org-ring-4{
	animation:org-water-ring calc(var(--org-duration) * .80) cubic-bezier(.12,.72,.2,1) calc(var(--org-delay,0ms) + 455ms) both;
}

@keyframes org-drop-hit{
	0%{
		transform:translate(-50%,-50%) scale(.05);
		opacity:0;
	}
	18%{
		transform:translate(-50%,-50%) scale(.48);
		opacity:.85;
	}
	52%{
		transform:translate(-50%,-50%) scale(1.15);
		opacity:.36;
	}
	100%{
		transform:translate(-50%,-50%) scale(1.8);
		opacity:0;
	}
}

@keyframes org-water-ring{
	0%{
		transform:translate(-50%,-50%) scale(.015);
		opacity:0;
	}
	14%{
		opacity:.78;
	}
	72%{
		opacity:.24;
	}
	100%{
		transform:translate(-50%,-50%) scale(1);
		opacity:0;
	}
}

.org-heading{
	position:relative;
	z-index:6;
	font-size:16px;
	line-height:1.35;
	font-weight:500;
	text-align:center;
	color:#1f1f1f;
	opacity:0;
	transform:translateY(12px);
}

.org-card.org-animate .org-heading{
	animation:org-heading-in .58s ease calc(var(--org-delay,0ms) + 620ms) forwards;
}

@keyframes org-heading-in{
	to{
		opacity:1;
		transform:translateY(0);
	}
}

.org-heading-below{
	margin-top:10px;
}

.org-heading-overlay{
	position:absolute;
	left:20px;
	right:20px;
	bottom:10px;
	color:#fff;
	text-shadow:0 2px 14px rgba(0,0,0,.38);
}

.org-image-wrap.org-has-gradient::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:46%;
	z-index:5;
	background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,0));
	pointer-events:none;
}

@media(max-width:1024px){
	.org-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		column-gap:28px;
	}
}

@media(max-width:767px){
	.org-grid{
		grid-template-columns:1fr;
		column-gap:20px;
		row-gap:30px;
	}
}

@supports not (clip-path:circle(50% at 50% 50%)){
	.org-image{
		clip-path:none;
		opacity:0;
		transform:scale(.88);
	}
	.org-card.org-animate .org-image{
		animation:org-fallback-reveal var(--org-duration) ease var(--org-delay,0ms) both;
	}
	@keyframes org-fallback-reveal{
		to{opacity:1;transform:scale(1)}
	}
}

@media(prefers-reduced-motion:reduce){
	.org-card{
		opacity:1 !important;
		transform:none !important;
		transition:none !important;
	}
	.org-image{
		clip-path:none !important;
		animation:none !important;
		transform:none !important;
		filter:none !important;
	}
	.org-ripple-layer{
		display:none !important;
	}
	.org-heading{
		opacity:1 !important;
		transform:none !important;
		animation:none !important;
	}
}
