@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,650&display=swap";

:root {
	--ink:#17251c;
	--orange:#f27321;
	--yellow:#ffc936;
	--cream:#fff8e8;
	--green:#274c38;
	--line:#17251c26
}

* {
	box-sizing:border-box
}
html {
	scroll-behavior:smooth
}
body {
	color:var(--ink);
	background:var(--cream);
	margin:0;
	font-family:DM Sans,sans-serif
}

button,input,textarea {
	font:inherit
}

button { 
	cursor:pointer
}
	
nav {
	z-index:20;
	-webkit-backdrop-filter:blur(18px);
	backdrop-filter:blur(18px);
	background:#fff8e8d1;
	border-bottom:1px solid #17251c14;
	align-items:center;
	height:84px;
	padding:0 5vw;
	display:flex;
	position:fixed;
	top:0;
	left:0;
	right:0
}

.brand {
	color:var(--ink);
	letter-spacing:.08em;
	text-align:left;
	background:0 0;
	border:0;
	align-items:center;
	gap:10px;
	font-weight:800;
	display:flex
	}

.brand small {
	letter-spacing:.35em;
	font-size:9px;
	display:block
}

.brand-mark {
	background:var(--orange);
	color:#fff;
	letter-spacing:-.05em;
	border-radius:50% 50% 46% 54%;
	place-items:center;
	width:40px;
	height:40px;
	font-family:Fraunces;
	display:grid
}

.links {
	gap:32px;
	margin:auto;
	display:flex
}

.links button {
	text-transform:capitalize;
	color:var(--ink);
	background:0 0;
	border:0;
	font-size:14px
}

.links button:hover {
	color:var(--orange)
}

.nav-cta, .primary, .dark {
	border:0;
	border-radius:999px;
	align-items:center;
	gap:10px;
	padding:14px 20px;
	font-weight:700;
	display:flex
}

.nav-cta {
	background:var(--ink);
	color:#fff
	}
	
.menu{
	background:0 0;
	border:0;
	display:none
}
.hero{
	background:linear-gradient(135deg,#ffd338 0%,#ffab21 52%,#f36e21 100%);
	grid-template-columns:1.04fr .96fr;
	align-items:center;
	gap:6vw;
	height:100vh;
	min-height:780px;
	padding:150px 6vw 80px;
	display:grid;
	position:relative;
	overflow:hidden
}
.orb{
	filter:blur(4px);
	opacity:.25;
	border-radius:50%;
	position:absolute
}
.o1{
	background:#fff;
	width:430px;
	height:430px;
	top:-210px;
	left:30%
}
.o2{
	background:#d94a1b;
	width:280px;
	height:280px;
	bottom:-120px;
	left:40%
}
.hero-copy{
	z-index:2;
	max-width:680px
}
.eyebrow,.kicker{
	text-transform:uppercase;
	letter-spacing:.2em;
	align-items:center;
	gap:9px;
	font-size:12px;
	font-weight:800;
	display:flex
}
.hero h1,.section h2{
	letter-spacing:-.055em;
	margin:24px 0;
	font-family:Fraunces,serif;
	font-size:clamp(58px,7vw,104px);
	line-height:.91
}
.hero h1 em{
	color:#fff;
	font-style:italic;
	font-weight:500
}
.lead{
	max-width:560px;
	font-size:19px;
	line-height:1.6
}
.hero-actions{
	align-items:center;
	gap:24px;
	margin-top:34px;
	display:flex
}
.primary{
	background:var(--ink);
	color:#fff;
	padding:17px 24px
}
.text-link{
	color:var(--ink);
	background:0 0;
	border:0;
	align-items:center;
	gap:8px;
	font-weight:700;
	display:flex
}
.trust{
	gap:30px;
	margin-top:46px;
	font-size:13px;
	display:flex
}
.trust span{
	align-items:center;
	gap:7px;
	display:flex
}
.hero-visual{
	z-index:2;
	position:relative
}
.photo-card{
	border-radius:48% 48% 18px 18px;
	height:520px;
	position:relative;
	overflow:hidden;
	transform:rotate(2deg);
	box-shadow:0 40px 80px #4c230a4d
}
.photo-card img{
	object-fit:cover;
	object-position:65% center;
	width:100%;
	height:100%
}
.photo-card:after{
	content:"";
	background:linear-gradient(#0000 55%,#0f1c1499);
	position:absolute;
	inset:0
}
.photo-tag{
	z-index:2;
	color:#fff;
	position:absolute;
	bottom:30px;
	left:34px
}
.photo-tag span,.photo-tag b{
	display:block
}
.photo-tag span{
	font-size:13px
}
.photo-tag b{
	font-family:Fraunces;
	font-size:28px
}
.floating-badge{
	background:var(--cream);
	border-radius:16px;
	align-items:center;
	gap:12px;
	padding:17px 20px;
	animation:4s ease-in-out infinite float;
	display:flex;
	position:absolute;
	top:50px;
	left:-55px;
	box-shadow:0 18px 35px #9448153d
}
.floating-badge svg{
	color:var(--orange)
}
@keyframes float{
	50%{
		transform:translateY(-14px)rotate(-2deg)
	}
}
.scroll{
	letter-spacing:.25em;
	background:0 0;
	border:0;
	align-items:center;
	gap:10px;
	font-size:9px;
	display:flex;
	position:absolute;
	bottom:20px;
	left:6vw
}
.scroll span{
	background:var(--ink);
	width:36px;
	height:1px
}
.section header{
	max-width:720px
}
.section h2{
	margin:15px 0 22px;
	font-size:clamp(46px,6vw,78px)
}
.section header>p:last-child,.section-title>p{
	max-width:520px;
	line-height:1.7
}
.kicker{
	color:var(--orange)
}
[data-reveal]{
	opacity:0;
	transition:all .75s cubic-bezier(.2,.8,.2,1);
	transform:translateY(28px)
}
[data-reveal].visible{
	opacity:1;
	transform:none
}
.product-grid{
	grid-template-columns:repeat(3,1fr);
	gap:18px;
	margin-top:68px;
	display:grid
}
.product{
	border-radius:24px;
	flex-direction:column;
	align-items:flex-start;
	min-height:510px;
	padding:26px;
	display:flex;
	position:relative;
	overflow:hidden
}
.product.cream{
	background:#f2e7cf
}
.product.red{
	color:#fff;
	background:#e95f42
}
.product.green{
	color:#fff;
	background:#2f5f45
}
.product-num{
	align-self:flex-end;
	font-family:Fraunces;
	font-size:18px
}
.pack{
	background:linear-gradient(145deg,#fff,#eee1c9);
	border-radius:12px 12px 28px 28px;
	place-items:center;
	width:185px;
	height:220px;
	margin:5px auto 25px;
	transition:all .4s;
	display:grid;
	transform:rotate(-4deg);
	box-shadow:0 24px 30px #00000029
}
.red .pack{
	background:linear-gradient(145deg,#7b1621,#a5222c)
}
.green .pack{
	background:linear-gradient(145deg,#f7bd2d,#f08c1a)
}
.pack span{
	color:var(--orange);
	font-family:Fraunces;
	font-size:48px
}
.red .pack span,.green .pack span{
	color:#fff
}
.product:hover .pack{
	transform:translateY(-10px)rotate(2deg)
}
.product p{
	text-transform:uppercase;
	letter-spacing:.18em;
	font-size:11px
}
.product h3{
	margin:4px 0;
	font-family:Fraunces;
	font-size:27px
}
.product small{
	opacity:.75
}
.product button,.recipe button{
	color:inherit;
	background:0 0;
	border:0;
	align-items:center;
	gap:8px;
	margin-top:auto;
	padding:15px 0;
	font-weight:700;
	display:flex
}
.recipes{
	background:var(--ink);
	color:#fff
}
.section-title{
	justify-content:space-between;
	align-items:end;
	display:flex
}
.section-title .kicker{
	margin:0
}
.recipe-grid{
	grid-template-columns:repeat(3,1fr);
	gap:22px;
	margin-top:60px;
	display:grid
}
.recipe-art{
	background-size:cover;
	border-radius:150px 150px 18px 18px;
	height:360px;
	transition:all .45s;
	position:relative;
	overflow:hidden
}
.recipe:hover .recipe-art{
	transform:translateY(-8px)
}
.recipe-art:before,.recipe-art:after{
	content:"";
	border-radius:50%;
	position:absolute
}
.toast .recipe-art{
	background:linear-gradient(145deg,#ffba2c,#e86c24)
}
.toast .recipe-art:before{
	background:#f3d492;
	border-radius:42% 42% 30% 30%;
	width:190px;
	height:135px;
	top:32%;
	left:25%;
	transform:rotate(-9deg);
	box-shadow:inset 0 0 0 18px #a86933
}
.board .recipe-art{
	background:linear-gradient(145deg,#526e43,#172c20)
}
.board .recipe-art:before{
	background:#b77a43;
	border-radius:50%;
	width:240px;
	height:150px;
	top:29%;
	left:17%;
	box-shadow:inset 0 0 0 20px #75451f
}
.pasta .recipe-art{
	background:linear-gradient(145deg,#f1dfb2,#f58b2b)
}
.pasta .recipe-art:before{
	background:#f5b32e;
	width:220px;
	height:220px;
	top:20%;
	left:21%;
	box-shadow:inset 0 0 0 22px #f7e6b4
}
.recipe-art span{
	z-index:2;
	font-family:Fraunces;
	font-size:20px;
	position:absolute;
	top:20px;
	right:20px
}
.recipe>p{
	opacity:.65;
	margin:20px 0 5px;
	font-size:12px
}
.recipe h3{
	margin:0;
	font-family:Fraunces;
	font-size:30px
}
.cert{
	background:#f6ead2;
	grid-template-columns:1fr 1fr;
	align-items:center;
	gap:10vw;
	display:grid
}
.cert-copy p:not(.kicker){
	max-width:520px;
	line-height:1.7
}
.cert-copy .primary{
	margin-top:28px
}
.cert-list article{
	border-bottom:1px solid var(--line);
	grid-template-columns:46px 1fr 28px;
	align-items:center;
	gap:18px;
	padding:28px 0;
	display:grid
}
.cert-list article>span{
	color:var(--orange);
	font-family:Fraunces;
	font-size:20px
}
.cert-list h3{
	margin:0;
	font-family:Fraunces;
	font-size:25px
}
.cert-list p{
	opacity:.7;
	margin:7px 0 0
}
.cert-list svg{
	color:var(--green)
}
.contact-card{
	background:var(--cream);
	border-radius:30px;
	grid-template-columns:1fr 1fr;
	gap:8vw;
	padding:64px;
	display:grid
}
.contact-card h2{
	font-size:clamp(42px,5vw,70px)
}
.contact-card p{
	line-height:1.7
}
.contact-card form{
	flex-direction:column;
	gap:18px;
	display:flex
}
.contact-card label{
	text-transform:uppercase;
	letter-spacing:.09em;
	font-size:12px;
	font-weight:700
}
.contact-card input,.contact-card textarea{
	border:0;
	border-bottom:1px solid var(--line);
	background:0 0;
	outline:none;
	width:100%;
	margin-top:8px;
	padding:13px 0;
	display:block
}
.contact-card textarea{
	resize:none;
	height:80px
}
.dark{
	background:var(--ink);
	color:#fff;
	justify-content:center;
	margin-top:10px
}
.contact-info{
	flex-wrap:wrap;
	justify-content:center;
	gap:30px;
	margin-top:36px;
	font-size:13px;
	display:flex
}
.contact-info span,.contact-info a{
	color:var(--ink);
	align-items:center;
	gap:8px;
	text-decoration:none;
	display:flex
}
footer{
	background:var(--ink);
	color:#fff;
	justify-content:space-between;
	align-items:center;
	padding:45px 6vw;
	display:flex
}
footer .brand{
	color:#fff
}
footer p{
	opacity:.7;
	font-size:12px
}
@media (max-width:900px){
	nav{
		height:72px
	}
	.links{
		background:var(--cream);
		flex-direction:column;
		padding:28px;
		display:none;
		position:absolute;
		top:72px;
		left:0;
		right:0
	}
	.links.open{
		display:flex
	}
	.nav-cta{
		display:none
	}
	.menu{
		margin-left:auto;
		display:block
	}
	.hero{
		grid-template-columns:1fr;
		height:auto;
		min-height:100vh;
		padding-top:120px
	}
	.hero h1{
		font-size:58px
	}
	.hero-visual{
		margin-top:20px
	}
	.photo-card{
		height:390px
	}
	.floating-badge{
		left:10px
	}
	.trust{
		flex-wrap:wrap
	}
	.product-grid,.recipe-grid{
		grid-template-columns:1fr
	}
	.product{
		min-height:470px
	}
	.section-title{
		display:block
	}
	.cert,.contact-card{
		grid-template-columns:1fr
	}
	.contact-card{
		padding:34px
	}
	.contact-info{
		flex-direction:column;
		align-items:flex-start
	}
	.section{
		padding:90px 6vw
	}
	footer{
		flex-direction:column;
		align-items:flex-start;
		gap:25px
	}
}
@media (prefers-reduced-motion:reduce){
	*{
		scroll-behavior:auto!important;
		transition:none!important;
		animation:none!important
	}
}
.brand{
	gap:0
}
.brand img{
	object-fit:contain;
	width:148px;
	height:68px;
	display:block
}
.brand-mark,.brand>span:not(.brand-mark){
	display:none
}
footer .brand{
	background:#fff8e8;
	border-radius:14px;
	padding:3px 12px
}
footer .brand img{
	width:176px;
	height:78px
}
.hero-contact{
	flex-direction:column;
	align-items:flex-start;
	gap:10px;
	margin-top:28px;
	display:flex
}
.hero-contact a{
	color:var(--ink);
	border-bottom:1px solid #0000;
	align-items:center;
	gap:10px;
	padding:3px 0;
	font-weight:650;
	text-decoration:none;
	transition:all .25s;
	display:flex
}
.hero-contact a:hover{
	border-color:var(--ink);
	transform:translate(4px)
}
.hero-contact svg{
	width:19px;
	height:19px
}
.hero-actions{
	margin-top:30px
}
.photo-card img{
	object-position:center 35%
}
.floating-badge{
	color:var(--ink);
	text-decoration:none
}
.hero h1 em{
	font-size:.72em
}
.distributor-lockup{
	text-transform:uppercase;
	letter-spacing:.16em;
	align-items:center;
	gap:13px;
	display:flex
}
.distributor-lockup>img{
	object-fit:contain;
	width:54px;
	height:54px
}
.distributor-lockup>span{
	flex-direction:column;
	gap:4px;
	display:flex
}
.distributor-lockup b{
	font-size:13px
}
.distributor-lockup small{
	font-size:10px;
	font-weight:700
}
.hero-brand-logo{
	object-fit:contain;
	object-position:center center;
	filter:drop-shadow(0 14px 18px #5c230829);
	width:min(790px,118%);
	height:340px;
	margin:-28px auto -38px;
	display:block;
	transform:translate(-52px)
}
.hero-certifications{
	object-fit:contain;
	object-position:center center;
	width:min(620px,100%);
	height:auto;
	max-height:112px;
	margin:0 auto 8px;
	display:block
}
@media (max-width:900px){
	.hero-brand-logo{
		width:108%;
		height:250px;
		margin:-10px auto -24px;
		transform:translate(-28px)
	}
	.hero-certifications{
		width:100%;
		max-height:92px
	}
	.distributor-lockup>img{
		width:48px;
		height:48px
	}
}
.nav-distributor{
	gap:9px
}
.nav-distributor>img{
	width:50px;
	height:50px
}
.nav-distributor>span{
	text-align:left;
	flex-direction:column;
	gap:2px;
	display:flex!important
}
.nav-distributor b{
	letter-spacing:.12em;
	white-space:nowrap;
	font-size:11px
}
.nav-distributor small{
	letter-spacing:.1em;
	white-space:nowrap;
	font-size:8px
}
@media (max-width:520px){
	.nav-distributor b{
		font-size:10px
	}
	.nav-distributor small{
		font-size:7px
	}
	.nav-distributor>img{
		width:44px;
		height:44px
	}
}
.nav-santa>img{
	object-fit:contain;
	object-position:left center;
	width:clamp(150px,16vw,215px);
	height:68px
}
.hero-distributor{
	background:#fff8e899;
	border-radius:18px;
	width:max-content;
	max-width:100%;
	margin:0 0 4px 18px;
	padding:10px 16px 10px 12px;
	box-shadow:0 10px 25px #5b2c091a
}
.hero-distributor>img{
	width:62px;
	height:62px
}
.hero-distributor b{
	font-size:15px
}
.hero-distributor small{
	font-size:10px
}
.hero-brand-logo{
	margin-top:-46px
}
@media (max-width:700px){
	.nav-santa>img{
		width:150px;
		height:56px
	}
	.hero-distributor{
		margin-left:0;
		padding:8px 12px
	}
	.hero-distributor>img{
		width:50px;
		height:50px
	}
	.hero-distributor b{
		font-size:12px
	}
	.hero-brand-logo{
		margin-top:-30px;
		transform:translate(-18px)
	}
}
.cert-logos{
	background:#fff;
	border-radius:22px;
	grid-column:1/-1;
	margin-top:46px;
	padding:24px 34px;
	box-shadow:0 20px 50px #17251c14
}
.cert-logos img{
	object-fit:contain;
	width:100%;
	height:auto;
	display:block
}
@media (max-width:700px){
	.cert-logos{
		margin-top:24px;
		padding:16px
	}
}
.hero{
	height:auto;
	min-height:920px
}
.catalog-groups{
	grid-template-columns:1fr 1fr;
	gap:24px;
	margin-top:64px;
	display:grid
}
.price-card{
	background:#fffaf0;
	border:3px solid #ce2e20;
	border-radius:26px;
	overflow:hidden;
	box-shadow:0 20px 45px #75360f1f
}
.price-card-title{
	color:#fff;
	background:#17251c;
	padding:20px 26px
}
.price-card-title span{
	color:#ffc936;
	letter-spacing:.18em;
	text-transform:uppercase;
	font-size:11px;
	font-weight:800
}
.price-card-title h3{
	margin:4px 0 0;
	font-family:Fraunces;
	font-size:clamp(29px,3vw,42px)
}
.price-table{
	padding:10px
}
.price-head,.price-row{
	grid-template-columns:74px 1.1fr 1fr 118px;
	align-items:center;
	gap:10px;
	display:grid
}
.price-head{
	color:#765d4f;
	letter-spacing:.11em;
	text-transform:uppercase;
	padding:8px 12px;
	font-size:10px;
	font-weight:800
}
.price-row{
	border-top:1px solid #7e401c2e;
	min-height:70px;
	padding:8px 10px
}
.egg-weight{
	color:#17251c;
	background:linear-gradient(145deg,#f4c588,#a95f2f);
	border-radius:50% 50% 45% 45%;
	place-items:center;
	width:58px;
	height:58px;
	font-size:16px;
	display:grid;
	box-shadow:inset -7px -8px 12px #58240829
}
.price-row strong{
	text-transform:uppercase;
	font-size:18px
}
.price-row>span{
	color:#b42c22;
	font-size:14px;
	font-weight:700
}
.price{
	color:#fff;
	text-align:center;
	background:#d6241b;
	border-radius:10px;
	padding:11px 8px;
	font-size:21px;
	box-shadow:inset 0 -3px #50000033
}
.merchant-conditions{
	background:#ffc936;
	border-bottom:2px solid #ce2e20;
	grid-template-columns:1fr 1fr;
	display:grid
}
.merchant-conditions div{
	flex-direction:column;
	padding:14px 20px;
	display:flex
}
.merchant-conditions div+div{
	border-left:1px solid #17251c40
}
.merchant-conditions b{
	text-transform:uppercase;
	color:#b4211a
}
.merchant-conditions span{
	font-size:17px;
	font-weight:800
}
.merchant-conditions small{
	margin-top:3px;
	font-size:9px
}
.catalog-footer{
	justify-content:space-between;
	align-items:center;
	gap:24px;
	margin-top:26px;
	display:flex
}
.catalog-footer p{
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.06em;
	background:#17251c;
	border-radius:999px;
	align-items:center;
	gap:10px;
	padding:12px 18px;
	font-size:13px;
	font-weight:700;
	display:flex
}
.catalog-footer a{
	text-decoration:none
}
@media (max-width:1050px){
	.catalog-groups{
		grid-template-columns:1fr
	}
	.price-head,.price-row{
		grid-template-columns:74px 1.1fr 1fr 128px
	}
}
@media (max-width:700px){
	.catalog-footer{
		flex-direction:column;
		align-items:stretch
	}
	.catalog-footer .primary{
		justify-content:center
	}
	.catalog-footer p{
		border-radius:16px;
		margin:0
	}
	.price-head{
		display:none
	}
	.price-row{
		grid-template-columns:60px 1fr auto;
		gap:8px
	}
	.price-row>span{
		grid-column:2
	}
	.price{
		grid-area:1/3/3
	}
	.price-row strong{
		font-size:16px
	}
	.price{
		font-size:18px
	}
	.merchant-conditions{
		grid-template-columns:1fr
	}
	.merchant-conditions div+div{
		border-top:1px solid #17251c40;
		border-left:0
	}
}
.recipes{
	background:#17251c
}
.recipe-grid{
	align-items:start
}
.recipe{
	background:#213328;
	border:1px solid #ffffff1a;
	border-radius:26px;
	padding:0 22px 24px;
	overflow:hidden
}
.recipe-art{
	border-radius:0;
	height:280px;
	margin:0 -22px;
	position:relative
}
.recipe-art:before,.recipe-art:after{
	display:none
}
.recipe-art img{
	object-fit:cover;
	width:100%;
	height:100%;
	display:block
}
.recipe-art span{
	color:#17251c;
	background:#ffc936;
	border-radius:999px;
	padding:8px 11px;
	font-family:DM Sans;
	font-size:12px;
	font-weight:800
}
.recipe>p{
	color:#ffc936;
	opacity:1;
	margin-top:18px
}
.recipe-description{
	line-height:1.55;
	color:#fff!important;
	opacity:.72!important;
	margin:10px 0 16px!important;
	font-size:14px!important
}
.recipe-ingredients{
	flex-wrap:wrap;
	gap:7px;
	display:flex
}
.recipe-ingredients span{
	color:#fff;
	border:1px solid #ffffff29;
	border-radius:999px;
	padding:6px 9px;
	font-size:10px
}
.recipe ol{
	margin:18px 0 0;
	padding-left:20px
}
.recipe li{
	color:#fffc;
	margin-top:9px;
	padding-left:5px;
	font-size:13px;
	line-height:1.45
}
.recipe li::marker{
	color:#ffc936;
	font-weight:800
}
@media (max-width:900px){
	.recipe-art{
		height:330px
	}
}
@media (max-width:560px){
	.recipe-art{
		height:250px
	}
}
.cert{
	background:#f6ead2;
	display:block
}
.trust-header{
	text-align:center;
	max-width:980px;
	margin:0 auto
}
.trust-header .kicker{
	justify-content:center
}
.trust-header h2{
	margin-bottom:28px
}
.trust-header>img{
	object-fit:contain;
	width:min(900px,100%);
	max-height:175px;
	margin:0 auto;
	display:block
}
.cert-explained{
	grid-template-columns:repeat(4,1fr);
	gap:14px;
	margin-top:38px;
	display:grid
}
.cert-explained article{
	background:#fffaf0;
	border-radius:20px;
	padding:24px;
	box-shadow:0 14px 35px #4a2e1512
}
.cert-explained article>span{
	color:#e24a24;
	font-family:Fraunces;
	font-size:17px
}
.cert-explained h3{
	margin:12px 0 5px;
	font-family:Fraunces;
	font-size:25px
}
.cert-explained b{
	text-transform:uppercase;
	color:#c33120;
	min-height:34px;
	font-size:11px;
	line-height:1.4;
	display:block
}
.cert-explained p{
	color:#594e44;
	font-size:13px;
	line-height:1.55
}
.company-story,.quality-review{
	background:#fffaf0;
	border-radius:30px;
	grid-template-columns:1.08fr .92fr;
	align-items:center;
	gap:6vw;
	margin-top:80px;
	padding:48px;
	display:grid
}
.story-copy h3,.quality-copy h3{
	margin:12px 0 22px;
	font-family:Fraunces;
	font-size:clamp(36px,4vw,58px);
	line-height:1.02
}
.story-copy>p:last-of-type,.quality-copy>p{
	line-height:1.75
}
.story-stats{
	grid-template-columns:repeat(3,1fr);
	gap:10px;
	margin-top:26px;
	display:grid
}
.story-stats span{
	background:#ffc936;
	border-radius:14px;
	padding:15px;
	font-size:11px;
	line-height:1.4
}
.story-stats b{
	font-size:17px;
	display:block
}
.story-products{
	grid-template-columns:1fr 1fr;
	align-items:center;
	gap:12px;
	display:grid
}
.story-products img{
	object-fit:contain;
	background:#fff;
	border-radius:22px;
	width:100%;
	height:320px;
	display:block
}
.quality-review{
	color:#fff;
	background:#17251c;
	grid-template-columns:.9fr 1.1fr
}
.quality-photo{
	border-radius:22px;
	height:570px;
	overflow:hidden
}
.quality-photo img{
	object-fit:cover;
	object-position:center;
	width:100%;
	height:100%
}
.quality-copy .kicker{
	color:#ffc936
}
.quality-copy ul{
	gap:13px;
	margin:26px 0 0;
	padding:0;
	list-style:none;
	display:grid
}
.quality-copy li{
	align-items:center;
	gap:10px;
	font-size:14px;
	display:flex
}
.quality-copy li svg{
	color:#ffc936
}
.visit-benefits{
	grid-template-columns:repeat(4,1fr);
	gap:14px;
	margin-top:22px;
	display:grid
}
.visit-benefits article{
	color:#fff;
	background:#e85b28;
	border-radius:20px;
	padding:25px
}
.visit-benefits article:nth-child(2n){
	color:#17251c;
	background:#ffc936
}
.visit-benefits svg{
	width:31px;
	height:31px
}
.visit-benefits h3{
	margin:18px 0 8px;
	font-family:Fraunces;
	font-size:22px
}
.visit-benefits p{
	opacity:.85;
	margin:0;
	font-size:13px;
	line-height:1.55
}
@media (max-width:1050px){
	.cert-explained{
		grid-template-columns:1fr 1fr
	}
	.company-story,.quality-review{
		grid-template-columns:1fr
	}
	.story-products img{
		height:260px
	}
	.quality-photo{
		height:440px
	}
	.visit-benefits{
		grid-template-columns:1fr 1fr
	}
}
@media (max-width:650px){
	.cert-explained,.visit-benefits{
		grid-template-columns:1fr
	}
	.company-story,.quality-review{
		margin-top:45px;
		padding:26px
	}
	.story-stats,.story-products{
		grid-template-columns:1fr
	}
	.story-products img{
		height:220px
	}
	.quality-photo{
		height:360px
	}
	.trust-header>img{
		max-height:120px
	}
}
.visit-benefits .free-range-feature{
	color:#fff;
	background:#78551f;
	grid-column:1/-1;
	grid-template-columns:.85fr 1.15fr;
	align-items:center;
	gap:26px;
	display:grid
}
.free-range-copy{
	align-items:flex-start;
	gap:18px;
	display:flex
}
.free-range-copy>svg{
	flex:none
}
.free-range-copy span{
	color:#ffc936;
	text-transform:uppercase;
	letter-spacing:.18em;
	font-size:10px;
	font-weight:800;
	display:block
}
.free-range-copy h3{
	margin:6px 0 10px;
	font-size:32px
}
.free-range-gallery{
	grid-template-columns:1fr 1fr;
	gap:10px;
	display:grid
}
.free-range-gallery img{
	object-fit:cover;
	background:#fff;
	border-radius:14px;
	width:100%;
	height:210px;
	display:block
}
.free-range-gallery img:first-child{
	object-position:center 55%
}
@media (max-width:900px){
	.visit-benefits .free-range-feature{
		grid-template-columns:1fr
	}
	.free-range-gallery img{
		height:230px
	}
}
@media (max-width:560px){
	.free-range-gallery{
		grid-template-columns:1fr
	}
	.free-range-gallery img{
		height:210px
	}
	.free-range-copy h3{
		font-size:27px
	}
}
.contact-options{
	flex-direction:column;
	justify-content:center;
	gap:14px;
	display:flex
}
.contact-options>a{
	color:#fff;
	background:#17251c;
	border-radius:18px;
	grid-template-columns:42px 1fr 24px;
	align-items:center;
	gap:14px;
	padding:19px 20px;
	text-decoration:none;
	transition:all .25s;
	display:grid
}
.contact-options>a>svg:first-child{
	color:#ffc936;
	width:28px;
	height:28px
}
.contact-options span{
	flex-direction:column;
	gap:4px;
	min-width:0;
	display:flex
}
.contact-options small{
	text-transform:uppercase;
	letter-spacing:.1em;
	opacity:.65;
	font-size:10px
}
.contact-options b{
	overflow-wrap:anywhere;
	font-size:15px
}
.contact-options .whatsapp-option{
	background:#276843
}
.contact-options .whatsapp-option>svg:first-child{
	color:#fff
}
.contact-info a{
	color:var(--ink);
	text-decoration:none
}
.contact-options .instagram-option{
	background:linear-gradient(115deg,#833ab4,#e1306c 58%,#f77737)
}
.contact-options .instagram-option>svg:first-child{
	color:#fff
}
.contact-options .instagram-option small{
	opacity:.82
}
.contact-options .instagram-option b{
	font-size:18px
}
.contact-options .website-option{
	color:#fff;
	background:#f17324
}
.contact-options .website-option>svg:first-child{
	color:#ffc936
}
.contact-options .website-option b{
	font-size:18px
}
.delivery-coming{
	color:#fff;
	background:#17251c;
	border-radius:26px;
	grid-template-columns:68px 1fr auto;
	align-items:center;
	gap:22px;
	margin-bottom:22px;
	padding:25px 28px;
	display:grid;
	box-shadow:0 18px 45px #4623092e
}
.delivery-icon{
	color:#17251c;
	background:#ffc936;
	border-radius:18px;
	place-items:center;
	width:62px;
	height:62px;
	display:grid
}
.delivery-icon svg{
	width:32px;
	height:32px
}
.delivery-coming span{
	color:#ffc936;
	text-transform:uppercase;
	letter-spacing:.2em;
	font-size:10px;
	font-weight:800;
	display:block
}
.delivery-coming h3{
	margin:4px 0 5px;
	font-family:Fraunces;
	font-size:30px
}
.delivery-coming p{
	opacity:.76;
	margin:0;
	font-size:14px
}
.delivery-coming button{
	color:#fff;
	cursor:not-allowed;
	opacity:.9;
	background:#159bd7;
	border:0;
	border-radius:16px;
	align-items:center;
	gap:9px;
	padding:15px 18px;
	font-weight:800;
	display:flex
}
.delivery-coming button small{
	color:#16617e;
	text-transform:uppercase;
	background:#fff;
	border-radius:999px;
	padding:4px 7px;
	font-size:8px;
	display:block
}
@media (max-width:800px){
	.delivery-coming{
		grid-template-columns:62px 1fr
	}
	.delivery-coming button{
		grid-column:1/-1;
		justify-content:center
	}
}
@media (max-width:520px){
	.delivery-coming{
		grid-template-columns:1fr
	}
	.delivery-icon{
		width:54px;
		height:54px
	}
	.delivery-coming h3{
		font-size:26px
	}
}
.broadcast-channel{
	color:#fff;
	background:linear-gradient(125deg,#833ab4,#d72d74 52%,#f77737);
	border-radius:26px;
	grid-template-columns:260px 1fr;
	align-items:center;
	gap:38px;
	margin-bottom:22px;
	padding:26px 34px;
	display:grid;
	overflow:hidden
}
.broadcast-qr{
	background:#fff;
	border-radius:20px;
	padding:8px;
	display:block;
	box-shadow:0 18px 35px #2e0c233d
}
.broadcast-qr img{
	object-fit:cover;
	object-position:center 35%;
	border-radius:14px;
	width:100%;
	height:260px;
	display:block
}
.broadcast-copy>span{
	text-transform:uppercase;
	letter-spacing:.17em;
	align-items:center;
	gap:8px;
	font-size:10px;
	font-weight:800;
	display:flex
}
.broadcast-copy h3{
	margin:13px 0;
	font-family:Fraunces;
	font-size:clamp(32px,4vw,50px);
	line-height:1
}
.broadcast-copy p{
	max-width:650px;
	margin:0 0 22px;
	line-height:1.65
}
.broadcast-copy>a{
	color:#7b276f;
	background:#fff;
	border-radius:999px;
	align-items:center;
	gap:9px;
	padding:14px 18px;
	font-weight:800;
	text-decoration:none;
	transition:all .25s;
	display:inline-flex
}
.broadcast-copy>a:hover{
	transform:translateY(-3px);
	box-shadow:0 12px 25px #300f2a3d
}
@media (max-width:760px){
	.broadcast-channel{
		grid-template-columns:1fr
	}
	.broadcast-qr{
		width:min(280px,100%);
		margin:auto
	}
	.broadcast-copy{
		text-align:center
	}
	.broadcast-copy>span,.broadcast-copy>a{
		justify-content:center
	}
	.broadcast-copy p{
		margin-left:auto;
		margin-right:auto
	}
}
.news{
	background:#fff8e8
}
.news-featured{
	color:#fff;
	background:#17251c;
	border-radius:30px;
	margin-top:55px;
	padding:clamp(28px,5vw,60px);
	position:relative;
	overflow:hidden
}
.news-featured:after{
	content:"";
	opacity:.13;
	background:#ffc936;
	border-radius:50%;
	width:260px;
	height:260px;
	position:absolute;
	top:-100px;
	right:-90px
}
.news-label{
	color:#ffc936;
	text-transform:uppercase;
	letter-spacing:.12em;
	align-items:center;
	gap:10px;
	font-size:11px;
	font-weight:800;
	display:flex
}
.news-label time{
	color:#fff;
	opacity:.6;
	margin-left:auto
}
.news-featured>h3{
	max-width:1000px;
	margin:22px 0;
	font-family:Fraunces;
	font-size:clamp(36px,5vw,64px);
	line-height:1.02
}
.news-featured>p{
	opacity:.82;
	max-width:850px;
	line-height:1.72
}
.news-impact{
	background:#ffc9361f;
	border:1px solid #ffc93640;
	border-radius:18px;
	align-items:flex-start;
	gap:15px;
	max-width:900px;
	margin:28px 0;
	padding:20px;
	display:flex
}
.news-impact>svg{
	color:#ffc936;
	flex:none
}
.news-impact b{
	color:#ffc936
}
.news-impact p{
	margin:6px 0 0;
	font-size:13px;
	line-height:1.55
}
.news-featured>a,.news-resources a,.news-resources button{
	color:inherit;
	align-items:center;
	gap:8px;
	font-weight:800;
	text-decoration:none;
	display:inline-flex
}
.news-featured>a{
	color:#ffc936
}
.news-resources{
	grid-template-columns:1fr 1fr;
	gap:18px;
	margin-top:18px;
	display:grid
}
.news-resources article{
	background:#f2e7cf;
	border-radius:22px;
	padding:28px
}
.news-resources article:nth-child(2){
	background:#ffc936
}
.news-resources span{
	text-transform:uppercase;
	letter-spacing:.16em;
	color:#d64c23;
	font-size:10px;
	font-weight:800
}
.news-resources h3{
	margin:10px 0;
	font-family:Fraunces;
	font-size:28px
}
.news-resources p{
	font-size:14px;
	line-height:1.6
}
.news-resources button{
	background:0 0;
	border:0;
	padding:0
}
.news-updated{
	text-align:center;
	opacity:.6;
	margin:24px 0 0;
	font-size:11px
}
.news svg{
	width:18px;
	height:18px
}
@media (max-width:720px){
	.news-resources{
		grid-template-columns:1fr
	}
	.news-label{
		flex-wrap:wrap
	}
	.news-label time{
		width:100%;
		margin:0
	}
	.news-featured{
		border-radius:22px
	}
}
.news{
	display:none
}
.egg-weight{
	background:linear-gradient(145deg,#f7d09b 5%,#d28a50 58%,#9d542b 100%);
	border-radius:50% 50% 46% 46%/62% 62% 38% 38%;
	width:52px;
	height:66px;
	box-shadow:inset 8px 7px 12px #ffffff40,inset -7px -9px 13px #58240833,0 4px 7px #58240829
}
.catalog>.catalog-groups{
	display:none
}
.catalog-showcase{
	grid-template-columns:1fr;
	gap:24px;
	margin-top:60px;
	display:grid
}
.catalog-showcase>article{
	background:#fffaf0;
	border:3px solid #ce2e20;
	border-radius:26px;
	padding:32px;
	box-shadow:0 20px 45px #75360f1f
}
.catalog-showcase h3{
	color:#17251c;
	margin:8px 0 26px;
	font-family:Fraunces;
	font-size:clamp(28px,3vw,40px);
	line-height:1.05
}
.caliber-list,.format-list{
	gap:10px;
	display:grid
}
.caliber-list>div,.format-list>div{
	border-top:1px solid #7e401c29;
	align-items:center;
	gap:18px;
	min-height:82px;
	padding:8px 14px;
	display:flex
}
.caliber-list>div:first-child,.format-list>div:first-child{
	border-top:0
}
.caliber-list span,.format-list span{
	flex-direction:column;
	gap:3px;
	display:flex
}
.caliber-list strong,.format-list b{
	color:#17251c;
	font-size:18px
}
.caliber-list small,.format-list small{
	color:#8c6652;
	text-transform:uppercase;
	letter-spacing:.08em;
	font-size:11px;
	font-weight:700
}
.format-list svg{
	color:#ce2e20;
	flex:none;
	width:30px;
	height:30px
}
.caliber-guide img{
	border-radius:18px;
	width:100%;
	height:auto;
	display:block;
	box-shadow:0 12px 28px #75360f29
}
.format-reference-gallery{
	grid-template-columns:repeat(5,1fr);
	gap:12px;
	margin:6px 0 30px;
	display:grid
}
.format-reference-gallery figure{
	background:#fff;
	border:1px solid #7e401c24;
	border-radius:16px;
	flex-direction:column;
	min-width:0;
	margin:0;
	padding:10px;
	display:flex
}
.format-reference-gallery img{
	aspect-ratio:1.15;
	object-fit:contain;
	background:#fff;
	border-radius:10px;
	width:100%
}
.format-reference-gallery figcaption{
	text-align:center;
	color:#765d4f;
	margin-top:8px;
	font-size:11px;
	font-weight:800
}
.formats-by-caliber{
	grid-template-columns:repeat(3,1fr);
	gap:14px;
	display:grid
}
.caliber-format-card{
	background:#fff3df;
	border:1px solid #ce2e2033;
	border-radius:18px;
	padding:20px
}
.caliber-format-card h4{
	color:#ce2e20;
	margin:0 0 14px;
	font-family:Fraunces;
	font-size:26px
}
.caliber-format-card .caliber-range{
	color:#765d4f;
	text-transform:uppercase;
	letter-spacing:.06em;
	margin:-8px 0 15px;
	font-size:12px;
	font-weight:800
}
.caliber-format-card ul{
	gap:9px;
	margin:0;
	padding:0;
	list-style:none;
	display:grid
}
.caliber-format-card li{
	color:#17251c;
	align-items:center;
	gap:9px;
	font-size:14px;
	font-weight:700;
	display:flex
}
.caliber-format-card li svg{
	color:#ce2e20;
	flex:none;
	width:17px;
	height:17px
}
.caliber-format-card.free-range-card{
	background:#fff0b8;
	border-color:#d59b16
}
.caliber-format-card.free-range-card h4{
	color:#78551f
}
.sales-room-review{
	margin-top:54px
}
.sales-room-benefits{
	grid-template-columns:repeat(3,1fr)
}
.cert>.quality-review,.cert>.visit-benefits>article:not(.free-range-feature){
	display:none
}
.cert>.visit-benefits,.company-story{
	grid-template-columns:1fr
}
.company-story .story-copy{
	max-width:1080px;
	margin:0 auto
}
.company-story .story-copy>p{
	margin:0 0 18px;
	line-height:1.75
}
@media (max-width:850px){
	.catalog-showcase{
		grid-template-columns:1fr
	}
	.format-reference-gallery{
		grid-template-columns:repeat(3,1fr)
	}
	.formats-by-caliber{
		grid-template-columns:repeat(2,1fr)
	}
	.sales-room-benefits{
		grid-template-columns:1fr
	}
}
@media (max-width:520px){
	.catalog-showcase>article{
		padding:22px
	}
	.caliber-list>div,.format-list>div{
		padding-left:4px;
		padding-right:4px
	}
	.format-reference-gallery{
		grid-template-columns:repeat(2,1fr)
	}
	.formats-by-caliber{
		grid-template-columns:1fr
	}
}
:root{
	--ink:#203027;
	--orange:#ef6a25;
	--red:#c92b25;
	--yellow:#ffd34a;
	--cream:#fffaf0;
	--green:#28543c;
	--salmon:#ffe0ce;
	--soft-yellow:#fff0b5;
	--line:#2030271f;
	--shadow:0 20px 55px #5c30131f
}
html{
	scroll-padding-top:100px
}
body{
	background:#fffaf0;
	font-size:16px;
	line-height:1.55;
	overflow-x:hidden
}
.sr-only{
	clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;
	border:0!important;
	width:1px!important;
	height:1px!important;
	margin:-1px!important;
	padding:0!important;
	position:absolute!important;
	overflow:hidden!important
}
.skip-link{
	z-index:200;
	background:var(--ink);
	color:#fff;
	border-radius:999px;
	padding:12px 18px;
	font-weight:800;
	text-decoration:none;
	position:fixed;
	top:8px;
	left:50%;
	transform:translate(-50%,-150%)
}
.skip-link:focus{
	transform:translate(-50%)
}
.hero,.section{
	scroll-margin-top:96px
}
::selection{
	background:var(--yellow);
	color:var(--ink)
}
a,button,summary{
	-webkit-tap-highlight-color:transparent
}
button,a,summary{
	transition:transform .25s,box-shadow .25s,background-color .25s,color .25s,border-color .25s
}
:is(button:focus-visible,a:focus-visible,summary:focus-visible){
	outline-offset:4px;
	outline:4px solid #1677ff
}
button{
	min-height:44px
}
.scroll-progress{
	z-index:100;
	background:linear-gradient(90deg,var(--red),var(--orange),var(--yellow));
	height:5px;
	transition:width 80ms linear;
	position:fixed;
	top:0;
	left:0;
	box-shadow:0 2px 10px #c92b254d
}
nav{
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px);
	background:#fffaf0e6;
	border:1px solid #ffffffa6;
	border-radius:24px;
	height:76px;
	padding:0 22px;
	top:12px;
	left:2vw;
	right:2vw;
	box-shadow:0 12px 38px #3323161f
}
.nav-santa>img{
	width:clamp(145px,15vw,205px);
	height:58px
}
.links{
	gap:5px
}
.links button{
	color:#435148;
	border-radius:999px;
	padding:10px 14px;
	font-size:13px;
	font-weight:700;
	position:relative
}
.links button:hover{
	color:var(--red);
	background:#fff0d0;
	transform:translateY(-1px)
}
.links button.active{
	background:var(--ink);
	color:#fff;
	box-shadow:0 7px 18px #2030272e
}
.nav-cta{
	background:var(--red);
	box-shadow:0 9px 22px #c92b253d
}
.nav-cta:hover,.primary:hover{
	transform:translateY(-3px);
	box-shadow:0 13px 28px #2030273d
}
.menu{
	width:48px;
	height:48px;
	color:var(--ink);
	border-radius:14px;
	place-items:center
}
.menu:hover{
	background:#fff0d0
}
.hero{
	isolation:isolate;
	background:radial-gradient(circle at 22% 15%,#ffffff85 0 9%,#0000 27%),radial-gradient(circle at 72% 82%,#c52b2533,#0000 29%),linear-gradient(135deg,#ffdb4e 0%,#ffae2d 48%,#f47728 100%);
	border-radius:0 0 48px 48px;
	min-height:900px;
	padding-top:125px
}
.hero:before{
	content:"";
	z-index:-1;
	opacity:.22;
	background-image:radial-gradient(#7a340c47 1.4px,#0000 1.4px);
	background-size:28px 28px;
	position:absolute;
	inset:0;
	-webkit-mask-image:linear-gradient(#000,#0000 78%);
	mask-image:linear-gradient(#000,#0000 78%)
}
.orb{
	animation:8s ease-in-out infinite alternate orb-drift
}
.o2{
	animation-delay:-3s
}
@keyframes orb-drift{
	to{
		transform:translate(28px,-20px)scale(1.08)
	}
}
.hero-copy{
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	background:#fffaf038;
	border:1px solid #ffffff7a;
	border-radius:34px;
	padding:28px;
	box-shadow:0 30px 70px #71360d1f
}
.hero-welcome{
	color:var(--red);
	text-transform:uppercase;
	letter-spacing:.08em;
	background:#ffffffd1;
	border-radius:999px;
	align-items:center;
	gap:8px;
	margin:0 0 10px;
	padding:8px 13px;
	font-size:12px;
	font-weight:800;
	display:inline-flex
}
.hero-welcome svg{
	width:17px;
	height:17px
}
.hero-distributor{
	box-shadow:none;
	background:#ffffffd1;
	border:1px solid #ffffffbf;
	margin-left:0
}
.hero-brand-logo{
	max-width:100%;
	height:300px;
	margin:-40px auto -35px;
	transform:translate(-30px)
}
.hero-certifications{
	background:#ffffffa8;
	border-radius:16px;
	padding:7px
}
.hero-contact{
	flex-flow:wrap;
	gap:9px;
	margin-top:20px;
	display:flex
}
.hero-contact a{
	background:#ffffffa6;
	border:1px solid #2030271f;
	border-radius:14px;
	min-height:44px;
	padding:9px 12px;
	font-size:13px
}
.hero-contact a:hover{
	background:#fff;
	border-color:#0000;
	transform:translateY(-2px);
	box-shadow:0 9px 20px #5c30131f
}
.hero-actions{
	flex-wrap:wrap;
	gap:12px
}
.primary{
	background:var(--ink);
	justify-content:center;
	text-decoration:none;
	box-shadow:0 10px 24px #2030272e
}
.text-link{
	background:#ffffff7a;
	border-radius:999px;
	min-height:50px;
	padding:10px 14px
}
.text-link:hover{
	background:#fff;
	transform:translateY(-2px)
}
.trust{
	flex-wrap:wrap;
	gap:10px;
	margin-top:24px
}
.trust span{
	background:#ffffff7a;
	border-radius:999px;
	padding:8px 11px;
	font-weight:700
}
.photo-card{
	border:8px solid #ffffffad;
	border-radius:38px;
	height:570px;
	transition:transform .5s,box-shadow .5s;
	transform:rotate(1.5deg)
}
.photo-card:hover{
	transform:rotate(0)translateY(-7px);
	box-shadow:0 48px 90px #4c230a57
}
.floating-badge{
	border:1px solid #20302714;
	border-radius:20px;
	left:-35px
}
.floating-badge:hover{
	box-shadow:0 22px 45px #50230a3d
}
.section{
	padding:105px 6vw
}
.section h2{
	line-height:.98
}
.section header>p:last-child,.section-title>p{
	color:#4d5b52;
	font-size:17px
}
.kicker{
	letter-spacing:.14em;
	font-size:12px
}
.kicker:before{
	content:"";
	background:currentColor;
	border-radius:999px;
	width:22px;
	height:4px
}
[data-reveal]{
	transition-duration:.55s;
	transform:translateY(20px)
}
.catalog{
	background:linear-gradient(#fffaf0 0%,#fff0ba 100%)
}
.catalog-showcase{
	gap:28px;
	margin-top:48px
}
.catalog-showcase>article{
	box-shadow:var(--shadow);
	background:#ffffffc7;
	border:1px solid #c92b2521;
	border-radius:32px;
	padding:clamp(22px,4vw,42px);
	position:relative;
	overflow:hidden
}
.catalog-showcase>article:before{
	content:"";
	background:linear-gradient(90deg,var(--red),var(--orange),var(--yellow));
	width:100%;
	height:7px;
	position:absolute;
	top:0;
	left:0
}
.caliber-guide img{
	border-radius:24px;
	transition:transform .5s
}
.caliber-guide:hover img{
	transform:scale(1.012)
}
.format-reference-gallery{
	grid-template-columns:repeat(3,1fr);
	gap:16px
}
.format-reference-gallery figure{
	border:1px solid var(--line);
	border-radius:20px;
	padding:13px;
	box-shadow:0 9px 25px #5c301312
}
.format-reference-gallery figure:hover{
	transform:translateY(-6px);
	box-shadow:0 18px 34px #5c301321
}
.format-reference-gallery img{
	aspect-ratio:1.35
}
.format-reference-gallery figcaption{
	color:var(--ink);
	font-size:13px
}
.formats-by-caliber{
	gap:16px
}
.caliber-format-card{
	background:#fff;
	border:1px solid #c92b251f;
	border-radius:22px;
	min-height:210px;
	padding:24px;
	position:relative;
	overflow:hidden;
	box-shadow:0 8px 24px #5c301312
}
.caliber-format-card:after{
	content:"";
	background:linear-gradient(145deg,#ffd34a3d,#ef6a2533);
	border-radius:50% 50% 46% 46%/62% 62% 38% 38%;
	width:76px;
	height:92px;
	position:absolute;
	bottom:-28px;
	right:-25px;
	transform:rotate(18deg)
}
.caliber-format-card:hover{
	transform:translateY(-6px);
	box-shadow:0 18px 34px #5c301321
}
.caliber-format-card h4{
	margin-bottom:15px;
	font-size:28px
}
.caliber-format-card .caliber-range{
	font-size:13px
}
.caliber-format-card li{
	font-size:15px
}
.caliber-format-card.free-range-card{
	background:linear-gradient(145deg,#fff6cf,#ffe28b)
}
.catalog-footer{
	margin-top:30px
}
.catalog-footer p{
	background:var(--green);
	font-size:12px
}
.sales-room{
	background:linear-gradient(160deg,#fff4df,#ffd9c5)
}
.quality-review{
	box-shadow:var(--shadow);
	border-radius:36px;
	padding:clamp(24px,4vw,48px)
}
.quality-photo{
	border-radius:26px;
	box-shadow:0 20px 45px #0003
}
.quality-copy p,.quality-copy li{
	font-size:16px
}
.sales-room-benefits{
	gap:18px;
	margin-top:26px
}
.sales-room-benefits article{
	border-radius:26px;
	min-height:210px;
	padding:28px;
	box-shadow:0 12px 30px #5c30131a
}
.sales-room-benefits article:hover{
	transform:translateY(-7px);
	box-shadow:0 20px 38px #5c301329
}
.sales-room-benefits svg{
	width:38px;
	height:38px
}
.recipes{
	background:radial-gradient(circle at 92% 12%,#ffd34a24,#0000 23%),linear-gradient(145deg,#17291f,#2d563e);
	position:relative
}
.recipes .section-title>p{
	color:#ffffffbd
}
.recipe-grid{
	gap:24px
}
.recipe{
	background:#ffffff12;
	border:1px solid #ffffff1f;
	border-radius:30px;
	transition:transform .35s,background .35s,box-shadow .35s;
	box-shadow:0 18px 45px #00000029
}
.recipe:hover{
	background:#ffffff1a;
	transform:translateY(-8px);
	box-shadow:0 26px 55px #00000038
}
.recipe-art{
	height:300px
}
.recipe h3{
	font-size:30px
}
.recipe-description{
	font-size:15px!important
}
.recipe-details{
	border-top:1px solid #ffffff21;
	margin-top:17px;
	padding-top:12px
}
.recipe-details summary{
	cursor:pointer;
	min-height:48px;
	color:var(--yellow);
	justify-content:space-between;
	align-items:center;
	gap:12px;
	font-weight:800;
	list-style:none;
	display:flex
}
.recipe-details summary::-webkit-details-marker{
	display:none
}
.recipe-details summary svg{
	width:20px;
	height:20px;
	transition:transform .25s
}
.recipe-details[open] summary svg{
	transform:rotate(180deg)
}
.recipe-details .recipe-ingredients{
	padding-top:8px
}
.recipe-details[open] .recipe-ingredients,.recipe-details[open] ol{
	animation:.3s both details-in
}
@keyframes details-in{
	0%{
		opacity:0;
		transform:translateY(-6px)
	}
}
.recipe-ingredients span{
	background:#ffffff0f;
	padding:7px 10px;
	font-size:11px
}
.cert{
	background:linear-gradient(#f8eedc,#fffaf0)
}
.trust-header>img{
	box-shadow:var(--shadow);
	background:#fff;
	border-radius:24px;
	padding:16px 22px
}
.cert-explained{
	gap:18px
}
.cert-explained article{
	border:1px solid var(--line);
	border-radius:24px;
	padding:26px;
	box-shadow:0 10px 28px #4a2e1514
}
.cert-explained article:hover{
	transform:translateY(-6px);
	box-shadow:0 20px 40px #4a2e1521
}
.cert-explained b{
	min-height:0;
	font-size:12px
}
.cert-explained p{
	font-size:15px
}
.company-story{
	border:1px solid var(--line);
	box-shadow:var(--shadow);
	border-radius:32px
}
.company-story .story-copy{
	grid-template-columns:1fr 1fr;
	gap:0 36px;
	display:grid
}
.company-story .story-copy h3{
	grid-column:1/-1
}
.company-story .story-copy>p{
	color:#455249;
	font-size:16px
}
.contact{
	background:radial-gradient(circle at 10% 5%,#ffffff6b,#0000 22%),linear-gradient(135deg,#ffd447,#f47727)
}
.delivery-coming,.broadcast-channel,.contact-card{
	border-radius:30px;
	box-shadow:0 20px 50px #5b280c29
}
.delivery-coming{
	border:1px solid #ffffff1a
}
.broadcast-channel{
	background:linear-gradient(125deg,#7133a5,#db2d72 52%,#f47727)
}
.contact-card{
	background:#fffaf0f0;
	border:1px solid #ffffffb3;
	padding:clamp(30px,5vw,64px)
}
.contact-options>a{
	border:1px solid #ffffff1f;
	border-radius:20px;
	min-height:78px
}
.contact-options>a:hover{
	transform:translateY(-5px);
	box-shadow:0 17px 34px #17251c33
}
.whatsapp-float{
	z-index:40;
	color:#102f1d;
	background:#25d366;
	border:3px solid #fff;
	border-radius:999px;
	align-items:center;
	gap:10px;
	min-height:58px;
	padding:13px 18px;
	font-weight:900;
	text-decoration:none;
	display:flex;
	position:fixed;
	bottom:22px;
	right:22px;
	box-shadow:0 15px 38px #11582f4d
}
.whatsapp-float svg{
	width:28px;
	height:28px
}
.whatsapp-float:hover{
	transform:translateY(-5px)scale(1.02);
	box-shadow:0 20px 46px #11582f61
}
footer{
	border-top:6px solid var(--yellow);
	padding:40px 6vw
}
@media (max-width:1050px){
	.hero{
		gap:4vw
	}
	.hero-copy{
		padding:24px
	}
	.company-story .story-copy{
		grid-template-columns:1fr
	}
	.company-story .story-copy h3{
		grid-column:auto
	}
}
@media (max-width:900px){
	nav{
		height:68px;
		top:8px;
		left:3vw;
		right:3vw
	}
	.links{
		border:1px solid var(--line);
		background:#fffaf0fa;
		border-radius:22px;
		gap:7px;
		padding:18px;
		top:76px;
		left:0;
		right:0;
		box-shadow:0 18px 45px #2030272e
	}
	.links button{
		text-align:left;
		width:100%;
		min-height:48px;
		padding:12px 16px
	}
	.menu{
		display:grid
	}
	.hero{
		border-radius:0 0 34px 34px;
		padding-top:105px
	}
	.hero-copy{
		order:1
	}
	.hero-visual{
		order:2
	}
	.photo-card{
		height:500px
	}
	.format-reference-gallery,.formats-by-caliber{
		grid-template-columns:repeat(2,1fr)
	}
}
@media (max-width:650px){
	.section{
		padding:78px 5vw
	}
	.section h2{
		font-size:clamp(40px,13vw,58px)
	}
	.hero{
		padding:95px 4vw 70px
	}
	.hero-copy{
		border-radius:26px;
		padding:18px
	}
	.hero-brand-logo{
		height:230px;
		margin:-30px auto -25px;
		transform:translate(-14px)
	}
	.hero-contact{
		flex-direction:column
	}
	.hero-contact a{
		width:100%
	}
	.hero-actions{
		flex-direction:column;
		align-items:stretch
	}
	.hero-actions>*{
		justify-content:center;
		width:100%
	}
	.photo-card{
		border-width:5px;
		border-radius:28px;
		height:410px
	}
	.floating-badge{
		top:22px;
		left:10px
	}
	.trust{
		gap:7px
	}
	.format-reference-gallery{
		scroll-snap-type:x mandatory;
		padding:4px 2px 15px;
		display:flex;
		overflow-x:auto
	}
	.format-reference-gallery figure{
		scroll-snap-align:center;
		flex:0 0 78%
	}
	.formats-by-caliber{
		grid-template-columns:1fr
	}
	.caliber-format-card,.sales-room-benefits article{
		min-height:0
	}
	.recipe-art{
		height:270px
	}
	.cert-explained{
		grid-template-columns:1fr
	}
	.company-story,.broadcast-channel{
		padding:24px
	}
	.whatsapp-float span{
		display:none
	}
	.whatsapp-float{
		justify-content:center;
		width:60px;
		height:60px;
		padding:0;
		bottom:14px;
		right:14px
	}
	.scroll{
		display:none
	}
}
@media (prefers-reduced-motion:reduce){
	.orb{
		animation:none
	}
	.scroll-progress{
		transition:none
	}
	.recipe-details[open] .recipe-ingredients,.recipe-details[open] ol{
		animation:none
	}
}
@media (hover:none){
	.recipe:hover,.format-reference-gallery figure:hover,.caliber-format-card:hover,.sales-room-benefits article:hover,.cert-explained article:hover,.contact-options>a:hover{
		transform:none
	}
	.primary:active,.nav-cta:active,.contact-options>a:active,.whatsapp-float:active{
		transform:scale(.97)
	}
}
.brand-palette{
	--ink:#321714;
	--orange:#f36f21;
	--red:#c91f24;
	--yellow:#ffd43f;
	--cream:#fff9ed;
	--green:#a92722;
	--salmon:#ffd8c0;
	--soft-yellow:#ffed9d;
	--line:#491c1521;
	--shadow:0 20px 55px #70251624;
	color:var(--ink)
}
:is(.brand-palette button:focus-visible,.brand-palette a:focus-visible,.brand-palette summary:focus-visible){
	outline-color:#c91f24
}
.brand-palette .scroll-progress{
	background:linear-gradient(90deg,#b9161d,#f36f21,#ffd43f)
}
.brand-palette nav{
	background:#fff9edf0;
	border-color:#ffd43f8c;
	box-shadow:0 12px 38px #70251621
}
.brand-palette .links button{
	color:#5c2a23
}
.brand-palette .links button:hover{
	color:#b9161d;
	background:#ffedb2
}
.brand-palette .links button.active{
	color:#fff;
	background:#b9161d
}
.brand-palette .nav-cta{
	color:#fff;
	background:linear-gradient(135deg,#b9161d,#e63b22)
}
.brand-palette .hero{
	background:radial-gradient(circle at 20% 10%,#ffffff8c 0 8%,#0000 26%),radial-gradient(circle at 78% 82%,#b9161d47,#0000 31%),linear-gradient(135deg,#ffdf52 0%,#ffad28 48%,#ed5425 100%)
}
.brand-palette .photo-card:after{
	background:linear-gradient(#0000 55%,#4b20169e)
}
.brand-palette .photo-card,.brand-palette .photo-card:hover,.brand-palette .quality-photo{
	box-shadow:0 30px 70px #4b201647
}
.brand-palette .hero-copy{
	background:#fff9ed3d;
	border-color:#ffffff94;
	box-shadow:0 30px 70px #70251626
}
.brand-palette .hero-distributor,.brand-palette .hero-contact a{
	background:#fff9edd1
}
.brand-palette .text-link,.brand-palette .trust span{
	background:#fff9ed94
}
.brand-palette .primary{
	color:#fff;
	background:linear-gradient(135deg,#321714,#7d1b18)
}
.brand-palette .section header>p:last-child,.brand-palette .section-title>p{
	color:#66382d
}
.brand-palette .catalog{
	background:linear-gradient(#fff9ed 0%,#ffeba1 100%)
}
.brand-palette .catalog-footer p{
	background:#7d1b18
}
.brand-palette .sales-room{
	background:linear-gradient(155deg,#fff4e1,#ffd2b7)
}
.brand-palette .quality-review{
	color:#fff;
	background:linear-gradient(140deg,#321714,#7d1b18)
}
.brand-palette .sales-room-benefits article{
	color:#fff;
	background:#d93624
}
.brand-palette .sales-room-benefits article:nth-child(2n){
	color:#321714;
	background:#ffd43f
}
.brand-palette .recipes{
	background:radial-gradient(circle at 92% 12%,#ffd43f2e,#0000 23%),linear-gradient(145deg,#321714,#7d1b18 68%,#b9161d)
}
.brand-palette .recipes .section-title,.brand-palette .recipes .section-title h2,.brand-palette .recipes .section-title .kicker,.brand-palette .recipes .section-title>p{
	color:#fff
}
.brand-palette .recipe{
	background:#fff9ed14;
	border-color:#ffd43f2e;
	box-shadow:0 18px 45px #4b201640
}
.brand-palette .recipe:hover{
	background:#fff9ed21;
	box-shadow:0 26px 55px #4b201657
}
.brand-palette .cert{
	background:linear-gradient(#fff0d9,#fff9ed)
}
.brand-palette .company-story .story-copy>p{
	color:#60382f
}
.brand-palette .delivery-coming{
	background:linear-gradient(135deg,#321714,#7d1b18)
}
.brand-palette .delivery-coming button{
	color:#fff;
	background:linear-gradient(135deg,#d93624,#f36f21)
}
.brand-palette .delivery-coming button small{
	color:#7d1b18
}
.brand-palette .broadcast-channel{
	background:linear-gradient(125deg,#9f171c,#d52e24 52%,#f36f21)
}
.brand-palette .broadcast-copy>a{
	color:#9f171c
}
.brand-palette .broadcast-qr{
	box-shadow:0 18px 35px #4b20163d
}
.brand-palette .broadcast-copy>a:hover{
	box-shadow:0 12px 25px #4b20163d
}
.brand-palette .contact-options>a{
	background:#321714
}
.brand-palette .contact-options .whatsapp-option{
	background:linear-gradient(135deg,#a9181d,#d93624)
}
.brand-palette .contact-options .instagram-option{
	background:linear-gradient(135deg,#bd1c23,#ed4d25 58%,#f58b21)
}
.brand-palette .contact-options .website-option{
	background:linear-gradient(135deg,#d93624,#f47720)
}
.brand-palette .whatsapp-float{
	color:#fff;
	background:linear-gradient(135deg,#c91f24,#f36f21);
	border-color:#fff9ed;
	box-shadow:0 15px 38px #911d1652
}
.brand-palette footer{
	background:#321714;
	border-color:#ffd43f
}
.brand-palette .floating-badge{
	top:-66px;
	left:20px
}
@media (max-width:650px){
	.brand-palette .floating-badge{
		top:-58px;
		left:12px
	}
}