:root{
	--red:#cf1024;
	--dark:#111;
	--wine:#651329;
	--cream:#f7f3ef;
	--muted:#6d6864;
	--line:#ddd6d0
	}
	
*{
	box-sizing:border-box
	}
	
html{
	scroll-behavior:smooth
	}
	
body{
	margin:0;
	font-family:Inter,Arial,sans-serif;
	color:var(--dark);
	background:#fff}
	a{color:inherit;
	text-decoration:none
	}
	
.site-header{
	height:92px;
	padding:0 5vw;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid #eee;
	position:sticky;
	top:0;
	background:rgba(255,255,255,.96);
	backdrop-filter:blur(12px);
	z-index:20
	}
	
.brand img{
	width:180px;
	display:block;
	transform:translateY(8px);
	}
	
.site-header nav{
	display:flex;
	gap:30px;
	align-items:center;
	font-size:14px;
	font-weight:700
	}
	
.nav-cta,.btn{
	background:var(--red);
	color:white;
	padding:16px 22px;
	display:inline-block;
	border:0;
	font-weight:800;
	cursor:pointer
	}
	
.menu{
	display:none;
	background:none;
	border:0;
	font-size:25px
	}
	
.hero{
	min-height:720px;
	display:grid;
	grid-template-columns:1.05fr .95fr;
	background:var(--cream)
	}
	
.hero-copy{
	padding:110px 7vw 70px
	}
	
.eyebrow,.num{
	font-size:12px;
	font-weight:900;
	letter-spacing:.18em;
	color:var(--red)}

h1{
		font-size:clamp(52px,6vw,94px);
		line-height:.93;
		letter-spacing:-.055em;
		margin:18px 0 28px;
		max-width:850px
		}
		
.hero p{
	font-size:18px;
	line-height:1.7;
	max-width:700px;
	color:#4e4946
	}
	
.actions{
	display:flex;
	align-items:center;
	gap:26px;
	margin-top:34px
	}
	
.textlink{
	font-weight:800
	}
	
.facts{
	display:flex;
	gap:26px;
	margin-top:70px;
	font-size:13px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.1em
	}
	
.facts span+span:before{
	content:'•';
	color:var(--red);
	margin-right:26px
	}
	
.hero-image{
	background:#eee;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden
	}
	
.hero-image img{
	width:100%;
	height:100%;
	object-fit:cover
	}
	
.product-grid{
	padding:110px 7vw;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:5vw
	}
	
.image-card{
	background:#f3f3f3;
	margin-bottom:30px;
	overflow:hidden
	}
	
.image-card img{
	width:100%;
	display:block;
	transition:.4s
	}
	
.image-card:hover img{
	transform:scale(1.025)
	}
	
.product-grid h2{
	font-size:38px;
	margin:10px 0
	}
	
.product-grid p{
	font-size:17px;
	color:var(--muted);
	line-height:1.6
	}
	
.statement{
	padding:120px 7vw;
	background:var(--wine);
	color:#fff
	}
	
.statement .eyebrow{
	color:#f0c8c8
	}
	
.statement h2{
	font-size:clamp(48px,6vw,88px);
	line-height:.98;
	letter-spacing:-.05em;
	margin:18px 0
	}
	
.statement p{
	opacity:.78;
	font-size:18px
	}
	
.order-section{
	padding:120px 7vw;
	display:grid;
	grid-template-columns:.8fr 1.2fr;
	gap:8vw;
	background:#faf9f7
	}
	
.order-intro h2{
	font-size:50px;
	line-height:1.05;
	letter-spacing:-.04em
	}
	
.order-intro p{
	color:var(--muted);
	line-height:1.7
	}
	
.price{
	font-size:44px;
	font-weight:900;
	color:var(--red);
	margin-top:35px
	}
	
.price small{
	font-size:16px;
	color:var(--muted)
	}
	
form{
	background:white;
	padding:42px;
	border:1px solid var(--line)
	}
	
label{
	display:block;
	font-size:13px;
	font-weight:800;
	margin-bottom:20px
	}
	
input,select,textarea{
	display:block;
	width:100%;
	margin-top:8px;
	padding:14px;
	border:1px solid var(--line);
	font:inherit;
	background:#fff;
	border-radius:0
	}
	
input:focus,
select:focus,
textarea:focus{
	outline:2px solid #eaa4ad;
	border-color:var(--red)
	}
	
.two{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:18px
	}
	
.total{
	display:flex;
	justify-content:space-between;
	border-top:1px solid var(--line);
	border-bottom:1px solid var(--line);
	padding:22px 0;margin:8px 0 22px
	}
	
.total strong{
	font-size:24px;
	color:var(--red)
	}
	
.check{
	display:flex;
	gap:10px;
	align-items:flex-start;
	font-weight:500;
	line-height:1.4
	}
	
.check input{
	width:auto;
	margin:2px 0
	}
	
.submit{
	width:100%;
	font-size:15px;
	margin-top:8px
	}
	
.form-note{
	font-size:12px;
	color:var(--muted);
	line-height:1.5
	}
	
footer{
	background:#0d0d0d;
	color:#fff;
	padding:70px 7vw;
	text-align:center
	}
	
footer img{
	width:220px;
	filter:brightness(1.15)
	}
	
footer .legal{
	font-size:12px;
	color:#aaa;
	margin-top:30px
	}
	
footer .legal a{
	text-decoration:underline
	}
	
@media(max-width:850px){

.site-header{height:74px}
.brand img{
	width:140px;
	transform:translateY(4px);
	}
	
.menu{
	display:block
	}
	
.site-header nav{
	display:none;
	position:absolute;
	top:74px;
	left:0;
	right:0;
	background:#fff;
	padding:25px 5vw;
	flex-direction:column;
	align-items:flex-start;
	border-bottom:1px solid #ddd
	}
	
.site-header nav.open{
	display:flex
	}
	
.hero{
	grid-template-columns:1fr
	}
	
.hero-copy{
	padding:80px 6vw 50px
	}
	
.hero-image{
	min-height:430px
	}
	
.product-grid,
.order-section{
	grid-template-columns:1fr;
	padding:80px 6vw
	}
	
.statement{
	padding:90px 6vw
	}
	
.two{
	grid-template-columns:1fr
	}
	
	form{padding:25px
	}
	
.facts{
	gap:12px;
	flex-wrap:wrap
	}
	
.facts span+span:before{
	margin-right:12px}
	}