/* =====================================================================
	= WORKS
=====================================================================*/
.slider {
    opacity: 0;
	transition: opacity 0.5s;
}

.slider.slick-initialized {
    opacity: 1;
}

.slick-slide video {
	width: 100%;
	vertical-align: bottom;
}

.description {
	border-top: var(--border);
	border-bottom: var(--border);
}

.description_credit::before {
	display: block;
	content: '—';
	margin-top: 1em;
	margin-bottom: 1em;
}

@media screen and (min-width: 961px) {
	.work-wrapper {
		margin-bottom: calc(16px * 4);
	}

	.slider {
		width: 100%;
		max-width: 100%;
	}

	.slick-arrow {
		display: flex;
		align-items: center;
		position: absolute;
		width: 50%;
		aspect-ratio: 598 / 700;
		cursor: pointer;
		font-size: var(--large-txt);
		z-index: 2;
	}

	.slick-arrow.next {
		top: 0;
		right: 0;
		justify-content: flex-end;
		text-align: right;
	}
	.slick-arrow.prev {
		top: 0;
		left: 0;
		justify-content: flex-start;
	}

	.slide__wrapper {
		position: relative;
		width: 100%;
	}

	.slick-slide .slide_photo {
		aspect-ratio: 3 / 2;
	}

	.slick-slide .description {
		width: 55%;
		text-align: justify;
	}

	.slick-slide .credit {
		display: inline-block;
	}

	.slick-slide .videoWrap,
	.slick-slide .photoWrap,
	.slick-slide .descriptionWrap,
	.slick-slide .creditWrap {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-left: calc(16px * 4);
		padding-right: calc(16px * 4);
	}

	.slick-num {
		position: absolute;
		right: 0;
		bottom: 0;
		height: 2em;
		line-height: 2;
	}
	
	.slide__cap {
		width: 100%;
		height: 2em;
		text-align: left;
		z-index: 1500;
		line-height: 2;
		margin-top: calc(16px * 4);
		padding-right: 8em;
	}
	
	.slick-dots {
		display: none;
	}

	.description {
		display: flex;
		justify-content: space-between;
		margin-top: calc(16px * 4);
		padding-top: calc(16px * 4);
		padding-bottom: calc(16px * 4);
		border-top: var(--border);
	}

	.description .description_head {
		flex: 0 1 calc(16px * 34);
	}

	.description .description_txt {
		flex: 0 1 calc(16px * 33);
	}

	.description .description_txt p + p::before {
		content: '—';
		display: block;
		margin: 1em 0;
	}
}

@media screen and (max-width: 960px) {
	.work-wrapper {
		position: relative;
		width: 100%;
	}

	.slider-wrapper {
		width: 100vw;
		margin-left: -64px;
		margin-right: -64px;
	}

	.slider {
		width: 100%;
	}

	.slick-arrow,
	.slick-arrow.next
	.slick-arrow.prev {
		display: none !important;
	}

	.slide__cap {
		display: block;
		width: 100vw;
		height: calc(16px * 8);
		padding: var(--unit) calc(16px * 4) 0;
		text-align: left;
		text-indent: 0;
	}
	
	.slick-dots {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		display: block;
		text-align: center;
		color: rgba(0,0,0,0.125);
	}
	.slick-dots li {
		display: inline-block;
		padding: 0 0;
	}

	.slick-dots li.slick-active {
		color: #000;
	}

	.slick-dots button {
		text-indent: -9999px;
	}
	
	.slick-dots li::after {
		content: '▪';
		display: inline-block;
	}

	.slide__wrapper {
		width: 100%;
		aspect-ratio: 150 / 110;
	}

	.slide__wrapper .description {
		width: 80vw;
	}

	.slide__wrapper .credit {
		max-width: 1718 / 1918 * 100vw;
	}

	.slick-slide .videoWrap {
		width: 100%;
	}

	.slick-num {
		display: none;
	}

	.description {
		margin-top: 3em;
		padding-top: 3em;
		padding-bottom: 3em;
		
	}

	.description .description_txt p::before {
		content: '—';
		display: block;
		margin: 1em 0;
	}
}

@media screen and (max-width: 960px) and (min-width: 431px) {
    .work-wrapper {
        margin-bottom: calc(16px * 4);
    }
}

@media screen and (max-width: 768px) {
	.slider-wrapper {
		margin-left: -32px;
		margin-right: -32px;
	}

	.slide__cap {
		padding: var(--unit) calc(16px * 2) 0;
	}
}

@media screen and (max-width: 430px) {
	.slider-wrapper {
		margin-left: -16px;
		margin-right: -16px;
	}

	.slide__cap {
		padding: var(--unit) var(--unit) 0;
	}
}