.uriykush-portfolio-object{
	position:relative;
	isolation:isolate;
	overflow:hidden;
	min-height:calc(100vh - var(--uriykush-header-h, 92px));
	padding:calc(var(--uriykush-header-h, 92px) + var(--uriykush-adminbar-offset, 0px) + 76px) 0 110px;
	background:
		radial-gradient(circle at 14% 18%, rgba(143,188,220,.18) 0%, rgba(143,188,220,0) 42%),
		radial-gradient(circle at 82% 16%, rgba(244,248,250,.11) 0%, rgba(244,248,250,0) 38%),
		linear-gradient(180deg, #435863 0%, #34454e 100%);
	color:#f6f9fa;
}

.uriykush-portfolio-object::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	opacity:.13;
	mix-blend-mode:soft-light;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
	background-size:180px 180px;
	pointer-events:none;
}

.uriykush-portfolio-object__container{
	width:min(100% - 48px, var(--uriykush-container, 1280px));
	margin:0 auto;
}

.uriykush-portfolio-object__head{
	max-width:980px;
	margin-bottom:46px;
}


.uriykush-portfolio-object__back{
	display:inline-flex;
	align-items:center;
	min-height:38px;
	margin:0 0 26px;
	padding:0 14px;
	border:1px solid rgba(246,249,250,.14);
	border-radius:999px;
	background:rgba(255,255,255,.06);
	color:rgba(246,249,250,.82);
	font-size:14px;
	line-height:1;
	font-weight:680;
	text-decoration:none;
	transition:transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}

.uriykush-portfolio-object__back:hover,
.uriykush-portfolio-object__back:focus-visible{
	transform:translateY(-1px);
	border-color:rgba(246,249,250,.24);
	background:rgba(255,255,255,.10);
	color:#ffffff;
}

.uriykush-portfolio-object__eyebrow{
	margin:0 0 16px;
	font-size:14px;
	line-height:1.3;
	letter-spacing:.11em;
	text-transform:uppercase;
	font-weight:760;
	color:rgba(246,249,250,.62);
}

.uriykush-portfolio-object__title{
	margin:0;
	font-size:clamp(42px, 6.2vw, 84px);
	line-height:.96;
	letter-spacing:-.06em;
	font-weight:720;
	text-wrap:balance;
}

.uriykush-portfolio-object__meta{
	display:flex;
	flex-wrap:wrap;
	gap:10px 14px;
	margin-top:24px;
	font-size:14px;
	line-height:1.3;
	letter-spacing:.08em;
	text-transform:uppercase;
	font-weight:720;
	color:rgba(246,249,250,.66);
}

.uriykush-portfolio-object__text{
	max-width:760px;
	margin:24px 0 0;
	font-size:21px;
	line-height:1.58;
	color:rgba(246,249,250,.78);
}

.uriykush-portfolio-object__chips{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:28px;
}

.uriykush-portfolio-object__chip{
	display:inline-flex;
	align-items:center;
	min-height:36px;
	padding:0 13px;
	border:1px solid rgba(246,249,250,.13);
	border-radius:999px;
	background:rgba(255,255,255,.05);
	font-size:14px;
	line-height:1;
	font-weight:640;
	color:rgba(246,249,250,.78);
}

.uriykush-portfolio-object__gallery{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:20px;
	align-items:stretch;
}

.uriykush-portfolio-object__tile{
	position:relative;
	display:block;
	width:100%;
	aspect-ratio:3 / 4;
	padding:0;
	border:1px solid rgba(246,249,250,.13);
	border-radius:22px;
	overflow:hidden;
	background:rgba(20,30,36,.28);
	box-shadow:0 24px 50px rgba(14,22,27,.16);
	cursor:pointer;
	color:inherit;
	transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.uriykush-portfolio-object__tile:hover{
	transform:translateY(-3px);
	border-color:rgba(246,249,250,.24);
	box-shadow:0 30px 64px rgba(14,22,27,.24);
}

.uriykush-portfolio-object__tile img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	transform:scale(1.001);
	transition:transform .42s cubic-bezier(.2,.8,.2,1);
}

.uriykush-portfolio-object__tile:hover img{
	transform:scale(1.035);
}

.uriykush-portfolio-object__tile::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(180deg, rgba(14,22,27,.04) 0%, rgba(14,22,27,.46) 100%);
	pointer-events:none;
}

.uriykush-portfolio-object__tile-index{
	position:absolute;
	left:18px;
	bottom:16px;
	z-index:2;
	font-size:48px;
	line-height:.86;
	letter-spacing:-.06em;
	font-weight:800;
	color:rgba(246,249,250,.28);
}

.uriykush-portfolio-object__tile--video{
	display:block;
	background:
		radial-gradient(circle at 36% 28%, rgba(168,214,240,.22) 0%, rgba(168,214,240,0) 38%),
		linear-gradient(180deg, rgba(30,44,52,.82) 0%, rgba(20,30,36,.92) 100%);
}

.uriykush-portfolio-object__tile--video::after{
	background:linear-gradient(180deg, rgba(14,22,27,.18) 0%, rgba(14,22,27,.68) 100%);
}

.uriykush-portfolio-object__tile--video-has-cover{
	background:rgba(20,30,36,.28);
}

.uriykush-portfolio-object__tile--video-has-cover img{
	filter:saturate(.96) contrast(1.02);
}

.uriykush-portfolio-object__video-mark{
	position:absolute;
	left:50%;
	top:50%;
	z-index:3;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:70px;
	height:70px;
	border:1px solid rgba(246,249,250,.18);
	border-radius:999px;
	background:rgba(246,249,250,.10);
	color:#f6f9fa;
	box-shadow:0 18px 46px rgba(0,0,0,.18);
	transform:translate(-50%, -50%);
	transition:transform .24s ease, background-color .24s ease, border-color .24s ease;
}

.uriykush-portfolio-object__tile--video:hover .uriykush-portfolio-object__video-mark{
	border-color:rgba(246,249,250,.26);
	background:rgba(246,249,250,.16);
	transform:translate(-50%, -50%) scale(1.04);
}

.uriykush-portfolio-object__video-icon{
	display:block;
	width:50px;
	height:50px;
	transform:translateX(2px);
}

.uriykush-portfolio-object__video-label{
	position:absolute;
	left:16px;
	right:16px;
	bottom:18px;
	z-index:3;
	font-size:18px;
	line-height:1.2;
	font-weight:720;
	letter-spacing:-.02em;
	text-align:center;
}

.uriykush-portfolio-object__notice{
	max-width:760px;
	margin:0;
	padding:24px;
	border:1px solid rgba(246,249,250,.13);
	border-radius:20px;
	background:rgba(20,30,36,.24);
	font-size:18px;
	line-height:1.5;
	color:rgba(246,249,250,.76);
}

.uriykush-portfolio-lightbox{
	position:fixed;
	inset:0;
	z-index:9999;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:34px;
	background:rgba(10,15,18,.82);
	backdrop-filter:blur(12px);
	opacity:0;
	pointer-events:none;
	transition:opacity .22s ease;
}

.uriykush-portfolio-lightbox.is-open{
	opacity:1;
	pointer-events:auto;
}

.uriykush-portfolio-lightbox__frame{
	position:relative;
	z-index:2;
	width:min(100%, 1180px);
	max-height:calc(100vh - 68px);
	display:flex;
	align-items:center;
	justify-content:center;
}

.uriykush-portfolio-lightbox__content{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.uriykush-portfolio-lightbox__content img{
	display:block;
	max-width:100%;
	max-height:calc(100vh - 68px);
	border-radius:18px;
	box-shadow:0 26px 80px rgba(0,0,0,.34);
}

.uriykush-portfolio-lightbox__video{
	position:relative;
	width:min(100%, 1100px);
	aspect-ratio:16 / 9;
	border-radius:18px;
	overflow:hidden;
	background:#000;
	box-shadow:0 26px 80px rgba(0,0,0,.34);
}

.uriykush-portfolio-lightbox__video iframe{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	border:0;
}

.uriykush-portfolio-lightbox__close,
.uriykush-portfolio-lightbox__nav{
	position:absolute;
	z-index:3;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(246,249,250,.16);
	background:rgba(246,249,250,.10);
	color:#f6f9fa;
	cursor:pointer;
	transition:background-color .2s ease, transform .2s ease;
}

.uriykush-portfolio-lightbox__close:hover,
.uriykush-portfolio-lightbox__nav:hover{
	background:rgba(246,249,250,.18);
	transform:translateY(-1px);
}

.uriykush-portfolio-lightbox__close{
	top:22px;
	right:22px;
	width:48px;
	height:48px;
	border-radius:14px;
	font-size:28px;
	line-height:1;
}

.uriykush-portfolio-lightbox__nav{
	top:50%;
	width:52px;
	height:64px;
	border-radius:16px;
	font-size:34px;
	line-height:1;
	transform:translateY(-50%);
}

.uriykush-portfolio-lightbox__nav:hover{
	transform:translateY(calc(-50% - 1px));
}

.uriykush-portfolio-lightbox__prev{
	left:22px;
}

.uriykush-portfolio-lightbox__next{
	right:22px;
}

body.uriykush-portfolio-lightbox-lock{
	overflow:hidden;
}

@media (max-width:1100px){
	.uriykush-portfolio-object__gallery{
		grid-template-columns:repeat(3, minmax(0, 1fr));
	}
}

@media (max-width:780px){
	.uriykush-portfolio-object{
		padding:calc(var(--uriykush-header-h, 82px) + var(--uriykush-adminbar-offset, 0px) + 46px) 0 72px;
	}

	.uriykush-portfolio-object__container{
		width:min(100% - 28px, var(--uriykush-container, 1280px));
	}

	.uriykush-portfolio-object__head{
		margin-bottom:30px;
	}

	.uriykush-portfolio-object__gallery{
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:14px;
	}

	.uriykush-portfolio-object__text{
		font-size:18px;
	}

	.uriykush-portfolio-lightbox{
		padding:18px;
	}

	.uriykush-portfolio-lightbox__close{
		top:14px;
		right:14px;
	}

	.uriykush-portfolio-lightbox__nav{
		width:46px;
		height:56px;
	}

	.uriykush-portfolio-lightbox__prev{
		left:14px;
	}

	.uriykush-portfolio-lightbox__next{
		right:14px;
	}
}

@media (max-width:520px){
	.uriykush-portfolio-object__gallery{
		grid-template-columns:1fr;
	}

	.uriykush-portfolio-object__tile{
		border-radius:18px;
	}

	.uriykush-portfolio-lightbox__nav{
		top:auto;
		bottom:16px;
		transform:none;
	}

	.uriykush-portfolio-lightbox__nav:hover{
		transform:translateY(-1px);
	}
}