:root {
	--twpcd-navy: #002b46;
	--twpcd-citrus-lime: #d3e269;
	--twpcd-soft-ivory: #fffdf5;
	--twpcd-electric-blue: #00adef;
	--twpcd-sweet-peach: #ff7d7d;
	--twpcd-vibrant-teal: #49cec8;
	--twpcd-tangerine: #ff8a61;
	--twpcd-sky-blue: #65dcff;
	--twpcd-pork-blue: #0067b1;
	--twpcd-display: "League Gothic", "Arial Narrow", sans-serif;
	--twpcd-sans: "Poppins", "Century Gothic", Arial, sans-serif;
	--twpcd-mono: "Roboto Mono", monospace;
	--navy: var(--twpcd-navy);
	--citrus-lime: var(--twpcd-citrus-lime);
	--soft-ivory: var(--twpcd-soft-ivory);
	--electric-blue: var(--twpcd-electric-blue);
	--sweet-peach: var(--twpcd-sweet-peach);
	--vibrant-teal: var(--twpcd-vibrant-teal);
	--tangerine: var(--twpcd-tangerine);
	--sky-blue: var(--twpcd-sky-blue);
	--pork-blue: var(--twpcd-pork-blue);
}

.recipe-landing--interior {
	background-color: var(--twpcd-soft-ivory);
	color: var(--twpcd-navy);
	font-family: var(--twpcd-sans);
}

.recipe-info__cut-link {
	color: inherit;
	display: block;
	font-weight: 700;
	text-decoration-line: underline;
	text-decoration-thickness: .125rem;
	text-underline-offset: .25rem;
}

.recipe-info__cut-link:focus-visible,
.recipe-info__cut-link:hover {
	color: var(--twpcd-pork-blue);
}

.recipe-header--interior {
	background: var(--twpcd-soft-ivory) url(../img/deco/texture.jpg);
	background-blend-mode: multiply;
	background-position: top center;
	background-size: cover;
	border-bottom: 2px solid var(--twpcd-navy);
	color: var(--twpcd-navy);
	overflow: visible;
	position: relative;
	z-index: 30;
}

.recipe-header--interior .recipe-menu li .rl-btn,
.recipe-header--interior .recipe-menu li .rl-btn {
	font-size: 1rem!important;
	letter-spacing: .05rem!important;
	min-height: 2.75rem;
	padding: .75rem 0!important;
}

.recipe-header--interior .recipe-menu li .rl-btn:after {
	display: none;
}

.recipe-header--landing .recipe-menu li .rl-btn:after {
	display: none;
}

.recipe-header .recipe-menu__item--cta > .rl-btn:after {
	display: block;
}

@media screen and (min-width: 80rem) {
	.recipe-header .recipe-menu__cta > .recipe-menu__item--cuts { order: 1!important; }
	.recipe-header .recipe-menu__cta > .recipe-menu__item--cooking-techniques { order: 2!important; }
	.recipe-header .recipe-menu__cta > .recipe-menu__item--nutrition { order: 3!important; }
	.recipe-header .recipe-menu__cta > .recipe-menu__item--inspiration { order: 4!important; }
	.recipe-header .recipe-menu__cta > .recipe-menu__item--recipes { order: 5!important; }
}

.recipe-menu__external {
	height: .875rem!important;
	margin: 0!important;
	order: -1;
	top: 0!important;
	width: .875rem!important;
}

.recipe-header--landing .recipe-menu__external {
	filter: brightness(0) invert(1);
}

.recipe-header--landing .recipe-menu .rl-btn[href*="instagram"]:before,
.recipe-header--cut .recipe-menu .rl-btn[href*="instagram"]:before,
.recipe-header--interior .recipe-menu .rl-btn[href*="instagram"]:before,
.recipe-navigation .rl-btn[href*="instagram"]:before {
	display: none;
}

/* The campaign now lives on pork.org, so its internal navigation must not
 * inherit the legacy "pork.org is external" icon from main.css. */
.recipe-header .recipe-menu a.rl-btn:not([target="_blank"]):before,
.recipe-navigation a.rl-btn:not([target="_blank"]):before {
	display: none;
}

.recipe-navigation {
	background: var(--twpcd-navy) url(../img/deco/texture.jpg);
	background-blend-mode: multiply;
	background-position: top center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: 1.25rem 1.5rem 1.5rem;
	width: 100%;
}

/* Use one navigation pattern at a time: the drawer through tablet, full menu on desktop. */
.recipe-header .recipe-menu {
	display: none;
}

.recipe-navigation__close {
	right: 1.5rem;
	top: 1.25rem;
	z-index: 5;
}

.recipe-navigation__brand {
	align-items: center;
	display: flex;
	flex: 0 0 3.5rem;
	padding-right: 4rem;
}

.recipe-navigation__brand a {
	display: inline-flex;
}

.recipe-navigation__brand img {
	display: block;
	height: auto;
	width: 13.1875rem;
}

.recipe-navigation__menu-label {
	color: var(--twpcd-citrus-lime);
	font: 700 1.125rem/1 var(--twpcd-mono);
	letter-spacing: .08em;
	position: absolute;
	right: 5.25rem;
	top: 2rem;
	text-transform: uppercase;
}

.recipe-navigation__viewport {
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
	position: relative;
}

.recipe-navigation__view {
	display: flex;
	flex-direction: column;
	height: 100%;
	inset: 0;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 1.25rem .25rem .5rem;
	pointer-events: none;
	position: absolute;
	transform: translateX(1.5rem);
	transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
	visibility: hidden;
	-webkit-overflow-scrolling: touch;
}

.recipe-navigation__view.is-active {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(0);
	visibility: visible;
}

.recipe-mobile-menu__eyebrow {
	color: var(--twpcd-citrus-lime);
	font: 700 .75rem/1 var(--twpcd-mono);
	letter-spacing: .1em;
	margin: 0 0 .75rem;
	text-transform: uppercase;
}

.recipe-mobile-menu__title {
	color: var(--twpcd-soft-ivory);
	font: 400 4rem/.85 var(--twpcd-display);
	letter-spacing: .015em;
	margin: 0 0 1.5rem;
	text-transform: uppercase;
}

.recipe-mobile-menu__heading-row {
	align-items: flex-end;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.recipe-mobile-menu__heading-row .recipe-mobile-menu__title {
	margin-bottom: 0;
}

.recipe-mobile-menu__primary,
.recipe-mobile-menu__cuts {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}

.recipe-mobile-menu__primary {
	gap: .25rem;
}

.recipe-mobile-menu__primary > .recipe-mobile-menu__item--cta {
	margin-top: .75rem;
}

.recipe-mobile-menu__cta {
	--color: var(--twpcd-navy)!important;
	font-size: .875rem!important;
	min-height: 3.5rem;
	width: 100%;
}

.recipe-mobile-menu__cta:after {
	background: var(--twpcd-citrus-lime);
	border-color: var(--twpcd-citrus-lime);
}

.recipe-mobile-menu__link,
.recipe-mobile-menu__cut-link,
.recipe-mobile-menu__back,
.recipe-mobile-menu__all-cuts {
	align-items: center;
	color: var(--twpcd-soft-ivory);
	display: flex;
	font-family: var(--twpcd-mono);
	font-weight: 700;
	justify-content: space-between;
	text-decoration: none;
}

.recipe-mobile-menu__link {
	border-bottom: 1px solid rgba(255, 253, 245, .24);
	font-size: .9375rem;
	letter-spacing: .035em;
	min-height: 3.5rem;
	padding: .5rem 0;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}

.recipe-mobile-menu__link img {
	filter: brightness(0) invert(1);
	height: .875rem;
	width: .875rem;
}

.recipe-mobile-menu__link:focus-visible,
.recipe-mobile-menu__link:hover,
.recipe-mobile-menu__cut-link:focus-visible,
.recipe-mobile-menu__cut-link:hover {
	color: var(--twpcd-citrus-lime);
}

.recipe-mobile-menu__back {
	align-self: flex-start;
	font-size: .75rem;
	gap: .625rem;
	justify-content: flex-start;
	letter-spacing: .06em;
	margin: 0 0 1.5rem;
	min-height: 2.75rem;
	padding: 0 .25rem;
	text-transform: uppercase;
}

.recipe-mobile-menu__back span {
	font-size: 1.25rem;
}

.recipe-mobile-menu__cuts {
	border-top: 1px solid rgba(255, 253, 245, .3);
}

.recipe-mobile-menu__cut-link {
	border-bottom: 1px solid rgba(255, 253, 245, .22);
	font-family: var(--twpcd-sans);
	font-size: 1rem;
	min-height: 3.75rem;
	padding: .625rem .25rem;
	text-align: left;
	text-transform: capitalize;
	width: 100%;
}

.recipe-mobile-menu__cut-link span {
	font-family: var(--twpcd-mono);
	font-size: 1.125rem;
	margin-left: 1rem;
}

.recipe-mobile-menu__cut-link.is-active {
	background-image: linear-gradient(90deg, var(--twpcd-citrus-lime), var(--twpcd-citrus-lime));
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 4rem .1875rem;
}

.recipe-mobile-menu__cut-link--more {
	color: var(--twpcd-citrus-lime);
}

.recipe-mobile-menu__section-heading {
	border-bottom: 1px solid rgba(255, 253, 245, .3);
	color: var(--twpcd-citrus-lime);
	font: 700 .75rem var(--twpcd-mono);
	letter-spacing: .06em;
	margin-top: .875rem;
	padding: .875rem .25rem .5rem;
	text-transform: uppercase;
}

.recipe-mobile-menu__section-heading a {
	color: inherit;
	text-decoration: none;
}

.recipe-mobile-menu__section-heading a:focus-visible,
.recipe-mobile-menu__section-heading a:hover {
	color: var(--twpcd-soft-ivory);
	text-decoration: underline;
}

.recipe-mobile-menu__cuts--compact .recipe-mobile-menu__cut-link {
	min-height: 3.25rem;
}

.recipe-mobile-menu__all-cuts {
	align-self: flex-start;
	border: 2px solid var(--twpcd-soft-ivory);
	border-radius: 999px;
	font-size: .75rem;
	justify-content: center;
	letter-spacing: .05em;
	flex-shrink: 0;
	margin: 0 0 .125rem;
	min-height: 2.75rem;
	padding: .625rem 1.25rem;
	text-transform: uppercase;
	transition: border-color 160ms ease, color 160ms ease;
}

.recipe-mobile-menu__all-cuts:focus-visible,
.recipe-mobile-menu__all-cuts:hover {
	border-color: var(--twpcd-citrus-lime);
	color: var(--twpcd-citrus-lime);
}

.recipe-navigation__view .recipe-navigation__social {
	margin-bottom: 0;
	margin-top: auto;
	padding-top: 1.5rem;
}

@media screen and (max-width: 22rem) {
	.recipe-navigation__brand img {
		width: 10.5rem;
	}

	.recipe-navigation__menu-label {
		font-size: .9375rem;
		right: 4.75rem;
	}

	.recipe-mobile-menu__heading-row {
		gap: .75rem;
	}

	.recipe-mobile-menu__heading-row .recipe-mobile-menu__title {
		font-size: 3.5rem;
	}

	.recipe-mobile-menu__all-cuts {
		font-size: .6875rem;
		padding-left: .875rem;
		padding-right: .875rem;
	}
}

@media screen and (min-width: 40rem) and (max-width: 79.9375rem) {
	.recipe-navigation {
		width: min(28rem, 100%);
	}
}

.recipe-header--interior .recipe-menu__cta > li > .rl-btn.is-active {
	background-image: linear-gradient(90deg, var(--twpcd-citrus-lime), var(--twpcd-citrus-lime));
	background-position: center calc(100% - .25rem);
	background-repeat: no-repeat;
	background-size: 100% .25rem;
}

.recipe-navigation__cta li:first-child {
	display: list-item!important;
}

.recipe-navigation__cta .rl-btn {
	min-height: 2.75rem;
}

.recipe-navigation__cta .rl-btn.is-active {
	text-decoration-color: var(--twpcd-citrus-lime);
	text-decoration-line: underline;
	text-decoration-thickness: .25rem;
	text-underline-offset: .45rem;
}

.recipe-header__open,
.recipe-navigation__close,
.recipe-navigation__social .rl-btn {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 2.75rem;
	min-width: 2.75rem;
}

.rl-cut-card__description {
	font: 400 .9375rem/1.5 var(--twpcd-sans);
	margin: 0 1.25rem 1rem;
}

@media screen and (min-width: 80rem) {
	.recipe-header--cut .recipe-header__logo {
		margin-left: -1rem;
	}

	.recipe-header--cut .recipe-menu {
		margin-right: -1rem;
	}

	.recipe-header .recipe-menu {
		display: block;
	}

	.recipe-header--interior .recipe-menu__cta,
	.recipe-header--landing .recipe-menu__cta {
		display: flex;
		flex-flow: row nowrap;
	}

	.recipe-header__open {
		display: none;
	}

	.recipe-header--landing .recipe-menu__cta {
		gap: 24px;
	}

	.recipe-header--cut .recipe-menu__cta {
		gap: 24px;
	}

	.recipe-header--landing .recipe-menu__cta > li > .rl-btn {
		font-size: .875rem!important;
		letter-spacing: .035rem!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.recipe-header--cut .recipe-menu__cta > li > .rl-btn {
		font-size: .875rem!important;
		letter-spacing: .035rem!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}

	.recipe-header .recipe-menu__item--cta > .rl-btn {
		padding-left: 1.75rem!important;
		padding-right: 1.75rem!important;
	}

	.recipe-header--landing .recipe-menu__item--cta > .rl-btn {
		--color: var(--twpcd-soft-ivory);
		background-color: transparent;
		border: 2px solid var(--twpcd-soft-ivory);
		border-radius: 999px;
		box-shadow: none;
		min-height: 2.75rem;
		min-width: 10rem;
		padding-left: 2.75rem!important;
		padding-right: 2.75rem!important;
		padding-bottom: .8125rem!important;
		padding-top: .8125rem!important;
		transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
		white-space: nowrap;
	}

	.recipe-header--landing .recipe-menu__item--cta > .rl-btn:after {
		display: none;
	}

	.recipe-header--landing .recipe-menu__item--cta > .rl-btn:focus-visible,
	.recipe-header--landing .recipe-menu__item--cta > .rl-btn:hover {
		--color: var(--twpcd-navy);
		background-color: var(--twpcd-soft-ivory);
		box-shadow: none;
		transform: none;
	}

	.recipe-header--cut .recipe-menu__item--cta > .rl-btn {
		--color: var(--twpcd-navy);
		background-color: transparent;
		border: 2px solid var(--twpcd-navy);
		border-radius: 999px;
		min-height: 2.75rem;
		min-width: 10rem;
		padding: .8125rem 2.75rem!important;
		white-space: nowrap;
	}

	.recipe-header--interior .recipe-menu__item--cta > .rl-btn {
		--color: var(--twpcd-navy);
		background-color: transparent;
		background-image: none;
		border: 2px solid var(--twpcd-navy);
		border-radius: 999px;
		min-height: 2.75rem;
		min-width: 10rem;
		padding: .8125rem 2.75rem!important;
		white-space: nowrap;
	}

	.recipe-header--interior .recipe-menu__item--cta > .rl-btn.is-active {
		background-color: transparent;
		background-image: none;
		background-position: initial;
		background-size: auto;
	}

	.recipe-header--interior .recipe-menu__cta > li.recipe-menu__item--cta > .rl-btn.is-active {
		background-color: transparent;
		background-image: none;
		background-position: initial;
		background-size: auto;
		text-decoration: none;
	}

	.recipe-header--interior .recipe-menu__item--cta > .rl-btn:after {
		display: none;
	}

	.recipe-header--cut .recipe-menu__item--cta > .rl-btn:after {
		display: none;
	}

	.recipe-header--cut .recipe-menu__item--cta > .rl-btn:focus-visible,
	.recipe-header--cut .recipe-menu__item--cta > .rl-btn:hover {
		--color: var(--twpcd-soft-ivory);
		background-color: var(--twpcd-navy);
	}

	.recipe-header .recipe-menu__has-submenu {
		position: relative;
	}

	.recipe-header .recipe-menu__has-submenu > .rl-btn:before {
		border-bottom: 2px solid currentColor;
		border-right: 2px solid currentColor;
		content: "";
		height: .4375rem;
		margin: 0 .125rem .25rem .25rem;
		transform: rotate(45deg);
		transition: transform 160ms ease;
		width: .4375rem;
	}

	.recipe-header .recipe-menu__has-submenu.is-open > .rl-btn:before,
	.recipe-header .recipe-menu__has-submenu > .rl-btn[aria-expanded="true"]:before {
		transform: translateY(.125rem) rotate(225deg);
	}

	.recipe-header .recipe-menu__has-submenu:before {
		content: "";
		height: 1.5rem;
		left: 0;
		position: absolute;
		top: calc(100% - .25rem);
		width: 100%;
	}

	.recipe-header .recipe-menu__has-submenu--nutrition:before {
		left: auto;
		right: 0;
	}

	.recipe-header .recipe-menu__submenu {
		background: var(--twpcd-soft-ivory);
		border: .25rem solid #fff;
		border-radius: 2rem;
		box-shadow: 0 .75rem 2rem rgba(0, 43, 70, .16);
		display: grid;
		gap: .25rem 1rem;
		grid-template-columns: repeat(3, minmax(8.5rem, 1fr));
		left: 0;
		list-style: none;
		margin: 0;
		opacity: 0;
		padding: 1.25rem 1.5rem 1.5rem;
		pointer-events: none;
		position: absolute;
		top: calc(100% + .75rem);
		transform: translateY(-.35rem);
		transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
		visibility: hidden;
		width: 32rem;
		z-index: 40;
	}

	.recipe-header .recipe-menu__has-submenu--nutrition .recipe-menu__submenu {
		left: auto;
		right: 0;
	}

	.recipe-header .recipe-menu__has-submenu.is-open .recipe-menu__submenu,
	.recipe-header .recipe-menu__has-submenu > .rl-btn[aria-expanded="true"] + .recipe-menu__submenu {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(0);
		visibility: visible;
	}

	.recipe-header .recipe-menu__submenu-heading {
		border-bottom: 2px solid var(--twpcd-citrus-lime);
		grid-column: 1 / -1;
		margin-bottom: .5rem;
		padding: 0 0 .75rem!important;
		text-align: left;
	}

	.recipe-header .recipe-menu__submenu-title {
		color: var(--twpcd-navy);
		display: block;
		font: 700 1.375rem Poppins, sans-serif;
		line-height: 1;
		text-align: left;
		text-decoration: none;
	}

	.recipe-header .recipe-menu__submenu-title:focus-visible,
	.recipe-header .recipe-menu__submenu-title:hover {
		color: var(--twpcd-pork-blue);
		text-decoration: underline;
		text-decoration-thickness: .125rem;
		text-underline-offset: .25rem;
	}

	.recipe-header .recipe-menu__submenu-section-heading {
		border-bottom: 2px solid var(--twpcd-citrus-lime);
		color: var(--twpcd-navy);
		font: 700 1.375rem Poppins, sans-serif;
		grid-column: 1 / -1;
		letter-spacing: normal;
		margin-bottom: .5rem;
		margin-top: .5rem;
		padding: 0 0 .75rem!important;
		text-align: left;
		text-transform: none;
	}

.recipe-header .recipe-menu__submenu-section-heading a {
	color: inherit;
	display: block;
	font: 700 1.375rem Poppins, sans-serif;
	line-height: 1;
	text-align: left;
	text-decoration: none;
}

.recipe-header .recipe-menu__submenu-section-heading a:focus-visible,
.recipe-header .recipe-menu__submenu-section-heading a:hover {
	color: var(--twpcd-pork-blue);
	text-decoration: underline;
	text-decoration-thickness: .125rem;
	text-underline-offset: .25rem;
}

	.recipe-header .recipe-menu__submenu .rl-btn,
	.recipe-header .recipe-menu__submenu li:first-child .rl-btn {
		--color: var(--twpcd-navy);
		font: 400 1rem Poppins, sans-serif!important;
		justify-content: flex-start;
		letter-spacing: 0!important;
		min-height: 2.75rem;
		padding: .5rem!important;
		text-align: left;
		text-transform: capitalize;
		white-space: normal;
	}

	.recipe-header .recipe-menu .recipe-menu__submenu > li,
	.recipe-header--landing .recipe-menu .recipe-menu__submenu > li:first-child {
		display: block;
		order: initial;
		text-align: left;
	}

	.recipe-header .recipe-menu .recipe-menu__submenu > li > .rl-btn {
		display: flex;
		flex-flow: row nowrap;
		padding-left: 0!important;
		padding-right: 0!important;
		transition: color 160ms ease;
		width: 100%;
	}

	.recipe-header .recipe-menu .recipe-menu__submenu > li > .rl-btn:focus-visible,
	.recipe-header .recipe-menu .recipe-menu__submenu > li > .rl-btn:hover {
		--color: var(--twpcd-pork-blue);
	}

	.recipe-header .recipe-menu .recipe-menu__submenu li .rl-btn:after {
		display: none;
	}

	.recipe-header .recipe-menu .recipe-menu__submenu .rl-btn.is-active {
		text-decoration-color: var(--twpcd-citrus-lime);
		text-decoration-line: underline;
		text-decoration-thickness: .1875rem;
		text-underline-offset: .35rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.recipe-header__open,
	.recipe-header__open img,
	.recipe-navigation,
	.recipe-navigation__close img,
	.recipe-backdrop,
	.recipe-menu__submenu,
	.rl-cut-results > * {
		transition: none!important;
	}
}