/* Pages
--------------------------------------------- */

/* TOC
	1. Pages
		1.1. Home
		1.X. Terms
*/

/* 1. Pages
------------------------------------------------ */

/* 1.1. Pages > Home
------------------------------------------------ */

#pages_home_c header {
	background: transparent url('/img/home/header_bg.jpg') no-repeat 56% center / cover;
	height: 505px;
	padding: 85px 0 0 0;
	position: relative;
}

#pages_home_c header div.slide {
	height: 420px;
	opacity: 0 !important;
	transition: opacity 0.2s ease;
	width: 100%;
}

#pages_home_c header div.slide.cycle-slide-active {
	transition: opacity 0.2s 0.25s ease;
	opacity: 1.0 !important;
	z-index: 1000 !important;
}

#pages_home_c header div.slide.first img {
	display: block;
	margin: 0 auto;
	padding-right: 10px;
	width: 250px;
}

#pages_home_c header div.slide.first div.tagline {
	color: #fff;
	font-family: 'Lobster Two', cursive;
	font-size: 1.8rem;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0.01em;
	margin: 14px 0;
	text-align: center;
}

#pages_home_c header div.slide div.text {
	color: #fff;
	font-family: 'Lobster Two', cursive;
	font-size: 2.3rem;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 0.01em;
	margin: 130px auto 0 auto;
	text-align: center;
}

#pages_home_c header div.slide.second {
	background: transparent url('/img/home/top_narrative_1_digital_line.svg') no-repeat center top 60px / auto 50px;
}

#pages_home_c header div.slide.second div.text {
	width: 250px;
}

#pages_home_c header div.slide.third {
	background: transparent url('/img/home/top_narrative_2_coffee.svg') no-repeat center top 60px / auto 50px;
}

#pages_home_c header div.slide.third div.text {
	width: 200px;
}

#pages_home_c header div.slide.fourth {
	background: transparent url('/img/home/top_narrative_3_heart.svg') no-repeat center top 60px / auto 50px;
	display: flex !important;
	flex-direction: column;
	justify-content: flex-start;
}

#pages_home_c header div.slide.fourth div.text {
	margin: 130px auto 75px auto;
}

#pages_home_c header div.slide.fourth a.cta {
	align-self: center;
	color: #a0351e;
	background-color: rgba(255, 255, 255, 0.9);
	display: inline-block;
	font-family: "ff-din-web", Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.4;
	padding: 16px 20px 14px 20px;
	text-transform: uppercase;
}

#pages_home_c header div.slide.fourth a.cta:hover {
	background-color: rgba(255, 255, 255, 1.0);
}

#pages_home_c header div.slide.fourth a.cta i {
	font-size: 1.2em;
	margin-left: 10px;
}

#pages_home_c header div.cycle-prev,
#pages_home_c header div.cycle-next {
	display: none;
}

#pages_home_c header div.arrow_right {
	border-bottom: 70px solid transparent;
	border-left: 70px solid rgba(160, 53, 30, 0.5);
	border-right: none;
	border-top: 70px solid transparent;
	bottom: -70px;
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}

#pages_home_c header div.scroll_helper {
	bottom: 105px;
	height: 50px;
	position: absolute;
	width: 100%;
}

#pages_home_c header div.scroll_helper div {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: opacity 0.5s;
	width: 100%;
}

#pages_home_c header div.scroll_helper div:first-child {
	background: transparent url('/img/home/mobile/swipe_arrow_only.svg') no-repeat center center / auto 50px;
}

#pages_home_c header div.scroll_helper div:last-child {
	background: transparent url('/img/home/mobile/swipe_hand_only.svg') no-repeat center center / auto 50px;
}

@keyframes hand-animation {
	0% { left: 15px; opacity: 0; }
	20% { left: 15px; opacity: 1; }
	80% { left: -5px; opacity: 1; }
	100% { left: -5px; opacity: 0; }
}

#pages_home_c header div.scroll_helper:not(.hide) div:last-child {
	animation: hand-animation 2s 1s 3;
}

/* this seems silly */
@keyframes hand-animating-animation {
	from { left: auto; }
	to { left: auto; }
}

#pages_home_c header div.scroll_helper.animate div {
	opacity: 0.5;
}

#pages_home_c header div.scroll_helper.animate div:last-child {
	animation: hand-animating-animation 0.3s forwards;
}

#pages_home_c header div.scroll_helper.hide div {
	opacity: 0;
}

#pages_home_c section.intro div.textured {
	-webkit-clip-path: polygon(0 28px, calc(50% - 18px) 28px, 50% 10px, calc(50% + 18px) 28px, calc(100% - 28px) 28px, 100% 0, 100% 100%, 28px 100%, 0 calc(100% - 28px));
	clip-path: polygon(0 28px, calc(50% - 18px) 28px, 50% 10px, calc(50% + 18px) 28px, calc(100% - 28px) 28px, 100% 0, 100% 100%, 28px 100%, 0 calc(100% - 28px));
	margin: -28px 0 0 0;
	padding: 73px 45px 45px 45px;
}

#pages_home_c section.intro h2 {
	margin: 0 0 15px 0;
}

#pages_home_c section.featured_work div.arrow_down {
	display: none;
}

#pages_home_c section.featured_work {
	padding: 60px 50px;
	position: relative;
}

#pages_home_c section.featured_work div.max_width_c {
	position: relative;
}

#pages_home_c section.featured_work div.arrow_down {
	display: none;
}

#pages_home_c section.featured_work h2 {
	color: #af3e21;
	font-family: "ff-din-web", Helvetica, Arial, sans-serif;
	font-size: 2.2rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

#pages_home_c section.featured_work a.cta {
	color: #fff;
	background-color: #a7341c;
	display: block;
	font-family: "ff-din-web", Helvetica, Arial, sans-serif;
	font-size: 1.0rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1.4;
	padding: 3px 6px 2px 6px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
}

#pages_home_c section.featured_work a.cta span {
	display: none;
}

#pages_home_c section.featured_work a.cta:hover {
	background-color: #982b19;
}

#pages_home_c section.featured_work a.cta:active {
	background-color: #a7341c;
}

#pages_home_c section.featured_work a.cta i {
	font-size: 1.2em;
	margin-left: 5px;
	position: relative;
	top: 1px;
}

#pages_home_c section.featured_work .works_c {
	display: flex;
	flex-flow: row wrap;
	margin: 30px 0 0 0;
}

#pages_home_c section.featured_work .works_c a {
	background-color: transparent;
	background-position: center center, -9999px -9999px;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 36.75vw;
	width: 50%;
}

#pages_home_c section.featured_work .name {
	display: none;
}

#pages_home_c section.subfooter h2 {
	margin: 0 0 15px 0;
}

#pages_home_c section.subfooter div.subfooter_left {
	background: transparent url('/img/home/bot_callout_bg.jpg') no-repeat center top 25% / cover;
}

#pages_home_c section.subfooter div.subfooter_right div.icons div:nth-child(1) {
	background: transparent url('/img/home/bot_callout_1_marker.svg') no-repeat 0 0;
}

#pages_home_c section.subfooter div.subfooter_right div.icons div:nth-child(2) {
	background: transparent url('/img/home/bot_callout_2_phone.svg') no-repeat center 0;
}

#pages_home_c section.subfooter div.subfooter_right div.icons div:nth-child(3) {
	background: transparent url('/img/home/bot_callout_3_mail.svg') no-repeat 100% 0;
}

@media (min-width: 768px) {
	#pages_home_c header {
		height: 650px;
		padding: 120px 0 0 0;
	}

	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
		#pages_home_c header {
			background: transparent url('/img/home/header_bg@2x.jpg') no-repeat 56% center / cover;
		}
	}

	#pages_home_c header div.cycle {
		left: 50%;
		max-width: 1130px;
		padding: 0 125px;
		transform: translateX(-50%);
		width: 100%;
	}

	#pages_home_c header div.slide {
		height: 530px;
		max-width: none;
	}

	#pages_home_c header div.slide.first img {
		padding-right: 18px;
		width: 370px;
	}

	#pages_home_c header div.slide.first div.tagline {
		font-size: 2.4rem;
		margin: 30px 0;
		max-width: none;
	}

	#pages_home_c header div.slide div.text {
		/*background-color: transparent;*/
		/*background-image: url('/img/home/top_narrative_1_digital_line.svg'), url('/img/home/top_narrative_1_digital_line.svg');*/
		/*background-position: center top, center bottom;*/
		/*background-repeat: no-repeat;*/
		font-size: 3.6rem;
		line-height: 1.25;
		margin: 170px auto 0 auto;
	}

	#pages_home_c header div.slide.second {
		background: transparent url('/img/home/top_narrative_1_digital_line.svg') no-repeat center top 20px / auto 70px;
	}

	#pages_home_c header div.slide.second div.text {
		width: 600px;
	}

	#pages_home_c header div.slide.third {
		background: transparent url('/img/home/top_narrative_2_coffee.svg') no-repeat center top 20px / auto 100px;
	}

	#pages_home_c header div.slide.third div.text {
		width: 300px;
	}

	#pages_home_c header div.slide.fourth {
		background: transparent url('/img/home/top_narrative_3_heart.svg') no-repeat center top 20px / auto 75px;
		display: flex !important;
		flex-direction: column;
		justify-content: flex-start;
	}

	#pages_home_c header div.slide.fourth div.text {
		margin: 170px auto 100px auto;
	}

	#pages_home_c header div.cycle-prev,
	#pages_home_c header div.cycle-next {
		cursor: pointer;
		display: block;
		height: 80px;
		opacity: 0.35;
		position: absolute;
		top: 175px;
		transition: opacity 0.2s ease;
		width: 50px;
		z-index: 1001;
	}

	#pages_home_c header div.cycle-prev:hover,
	#pages_home_c header div.cycle-next:hover {
		opacity: 1.0;
	}

	#pages_home_c header div.cycle-prev.disabled,
	#pages_home_c header div.cycle-next.disabled {
		opacity: 0;
	}

	#pages_home_c header div.cycle-prev {
		background: transparent url('/img/home/desktop/arrow_prev.svg') no-repeat center center / contain;
		left: 75px;
	}

	#pages_home_c header div.cycle-next {
		background: transparent url('/img/home/desktop/arrow_next.svg') no-repeat center center / contain;
		right: 75px;
	}

	#pages_home_c header div.arrow_right {
		border-bottom: 265px solid transparent;
		border-left: 265px solid rgba(160, 53, 30, 0.5);
		border-top: 265px solid transparent;
		bottom: -265px;
	}

	#pages_home_c header div.scroll_helper {
		bottom: 150px;
		display: none !important;
		height: 75px;
		left: 50%;
		margin-left: -37.5px;
		position: absolute;
		transition: opacity 0.5s;
		width: 75px;
	}

	#pages_home_c header div.scroll_helper div {
		max-width: none;
	}

	#pages_home_c header div.scroll_helper div:first-child {
		background: transparent url('/img/home/desktop/scroll_base.svg') no-repeat center center / auto 75px;
	}

	#pages_home_c header div.scroll_helper div:last-child {
		background: transparent url('/img/home/desktop/scroll_arrow.svg') no-repeat center center / auto 75px;
	}

	@keyframes mouse-scroll-animation {
		0% { top: 8px; opacity: 0; }
		20% { top: 8px; opacity: 1; }
		80% { top: -9px; opacity: 1; }
		100% { top: -9px; opacity: 0; }
	}

	#pages_home_c header div.scroll_helper:not(.hide) div:last-child {
		animation: mouse-scroll-animation 2s 1s 3;
	}

	@keyframes mouse-scrolling-animation {
		from { background-position: left -37.5px center; }
		to { background-position: left -262.5px center; }
	}

	#pages_home_c header div.scroll_helper.animate div:first-child {
		opacity: 0.5;
	}

	#pages_home_c header div.scroll_helper.animate div:last-child {
		animation: mouse-scrolling-animation .75s steps(3, end) forwards;
		background-color: transparent;
		background-image: url('/img/home/desktop/scroll_dotted.svg');
		background-repeat: no-repeat;
		background-size: 300px 75px;
	}

	#pages_home_c section.intro div.arrow_right {
		border-bottom: 270px solid transparent;
		border-left: 270px solid rgba(160, 53, 30, 0.5);
		border-top: 270px solid transparent;
		top: -106px;
	}

	#pages_home_c section.intro div.textured {
		background: #af3e21 url('/img/global/triangle_texture.svg') repeat bottom 25px center / 60px 60px;
		-webkit-clip-path: polygon(0 90px, calc(50% - 18px) 90px, 50% 72px, calc(50% + 18px) 90px, calc(100% - 90px) 90px, 100% 0, 100% 100%, 180px 100%, 0 calc(100% - 180px));
		clip-path: polygon(0 90px, calc(50% - 18px) 90px, 50% 72px, calc(50% + 18px) 90px, calc(100% - 90px) 90px, 100% 0, 100% 100%, 180px 100%, 0 calc(100% - 180px));
		margin: -90px 0 0 0;
		padding: 210px 125px 125px 125px;
	}

	#pages_home_c section.intro div.textured .cave_c {
		bottom: -3px;
	}

	#pages_home_c section.featured_work {
		padding: 100px 0;
	}

	#pages_home_c section.featured_work div.max_width_c {
		margin: 0 auto;
		max-width: 1000px;
	}

	#pages_home_c section.featured_work div.arrow_right {
		border-bottom: 190px solid transparent;
		border-left: 190px solid #fff;
		border-top: 190px solid transparent;
		top: -190px;
	}

	#pages_home_c section.featured_work div.arrow_down {
		border-bottom: none;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #fff;
		bottom: -20px;
		display: block;
		height: 0;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		width: 0;
		z-index: 99;
	}

	#pages_home_c section.featured_work h2 {
		font-size: 3.6rem;
	}

	#pages_home_c section.featured_work a.cta {
		font-size: 1.4rem;
		line-height: 1.8;
		padding: 7px 16px 5px 16px;
		top: 0;
	}

	#pages_home_c section.featured_work a.cta span {
		display: inline;
	}

	#pages_home_c section.featured_work a.cta i {
		font-size: inherit;
		top: 0;
	}

	#pages_home_c section.featured_work .works_c {
		margin: 55px 0 0 0;
	}

	#pages_home_c section.featured_work .works_c a {
		height: 250px;
		left: 0;
		position: relative;
		top: 0;
		transition: left 0.1s ease, opacity 0.1s ease, top 0.1s ease;
		width: 250px;
	}

	#pages_home_c section.featured_work .works_c:hover a {
		opacity: 0.5;
	}

	#pages_home_c section.featured_work .works_c a:nth-child(1) {
		z-index: 4;
	}

	#pages_home_c section.featured_work .works_c a:nth-child(2) {
		z-index: 3;
	}

	#pages_home_c section.featured_work .works_c a:nth-child(3) {
		z-index: 2;
	}

	#pages_home_c section.featured_work .works_c a:nth-child(4) {
		z-index: 1;
	}

	#pages_home_c section.featured_work .works_c a::after {
		background-color: #191615;
		bottom: 0;
		content: '';
		height: 0;
		left: 0;
		position: absolute;
		transform: skew(-45deg);
		transform-origin: top;
		transition: all 0.1s ease;
		width: 251px;
	}

	#pages_home_c section.featured_work .works_c a::before {
		background-color: #342926;
		content: '';
		height: 251px;
		left: 0;
		position: absolute;
		top: 0;
		transform: skewY(-44deg);
		transform-origin: top;
		transition: all 0.1s ease;
		width: 0;
	}

	#pages_home_c section.featured_work .works_c:hover a:hover,
	#pages_home_c section.featured_work .works_c a.animate {
		background-position: -9999px -9999px, center center;
		left: 10px;
		opacity: 1.0;
		top: -10px;
	}

	#pages_home_c section.featured_work .works_c:hover a:hover::after,
	#pages_home_c section.featured_work .works_c a.animate::after {
		bottom: -10px;
		height: 10px;
	}

	#pages_home_c section.featured_work .works_c:hover a:hover::before,
	#pages_home_c section.featured_work .works_c a.animate::before {
		left: -10px;
		top: 5px;
		width: 10px;
	}

	#pages_home_c section.featured_work .name {
		color: #a7341c;
		display: block;
		font-family: "ff-din-web", Helvetica, Arial, sans-serif;
		font-size: 2.4rem;
		font-weight: 400;
		line-height: 1;
		margin: 55px 0 0 0;
		text-transform: uppercase;
	}

	#pages_home_c section.subfooter div.subfooter_left_c div {
		background: transparent url('/img/home/bot_callout_bg.jpg') no-repeat center top 20% / cover;
	}
}


/* 1.X. Pages > Terms
------------------------------------------------ */

#pages_privacy_c header {
	background: transparent url('/img/pages/header_bg.jpg') no-repeat center center / cover;
}

#pages_privacy_c section.terms div.arrow_down {
	display: none;
}

#pages_privacy_c section.terms {
	padding: 60px 50px;
	position: relative;
}

#pages_privacy_c section.terms div.max_width_c {
	position: relative;
}

#pages_privacy_c section.terms section:last-of-type {
	padding: 50px 0 0 0;
}

#pages_privacy_c section.terms div.arrow_down {
	display: none;
}

#pages_privacy_c section.terms h2 {
	color: #af3e21;
	font-family: "ff-din-web", Helvetica, Arial, sans-serif;
	font-size: 2.2rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1;
	text-transform: uppercase;
}

#pages_privacy_c section.terms h3 {
	color: #af3e21;
	font-family: "ff-din-web", Helvetica, Arial, sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1;
	text-transform: uppercase;
}

#pages_privacy_c section.terms p,
#pages_privacy_c section.terms li {
	font-family: "FFDINWebLight", Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
	letter-spacing: 0.01em;
	line-height: 2.2rem;
}

#pages_privacy_c section.terms a {
	color: #000;
}

#pages_privacy_c section.terms a:hover {
	text-decoration: underline !important;
}

@media (min-width: 768px) {
	#pages_privacy_c header {
		background: transparent url('/img/pages/header_bg.jpg') no-repeat center center / cover;
	}

	#pages_privacy_c section.terms {
		padding: 100px 0 140px 0;
	}

	#pages_privacy_c section.terms div.arrow_right {
		border-bottom: 110px solid transparent;
		border-left: 110px solid rgba(53, 48, 45, 0.5);
		border-top: 110px solid transparent;
		bottom: -110px;
	}

	#pages_privacy_c section.terms div.max_width_c {
		margin: 0 auto;
		max-width: 1000px;
	}

	#pages_privacy_c section.terms h2 {
		font-size: 3.6rem;
	}

	#pages_privacy_c section.terms h3 {
		font-size: 2.4rem;
	}

	#pages_privacy_c section.terms p,
	#pages_privacy_c section.terms li {
		font-size: 2.2rem;
		line-height: 3.4rem;
	}
}