/* =========================================================
   ESTIQUE — Public Site Styles
   High-End · Futuristic · Clinical · Paris-Chic · White + Silver
   ========================================================= */

:root{
  --ink:#042345;
  --ink-soft:#000;
  --paper:#ffffff;
  --mist:#f6f7f8;
  --silver:#c9ccd1;
  --silver-soft:#e6e8eb;
  --silver-line:#dcdee2;
  --accent:#000;
  --success:#2f6b4f;
  --danger:#8a2f2f;
  --serif: 'Cormorant Garamond', Georgia, serif;
  --sans: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --radius: 2px;
  --shadow-soft: 0 10px 40px rgba(10,10,12,.08);
  --shadow-card: 0 4px 24px rgba(10,10,12,.06);
--bs-secondary-color: #000 !important;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--sans);
  color:var(--ink-soft);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  font-weight:400;
  letter-spacing:.01em;
}
h1,h2,h3,h4,.display-serif{
  font-family:var(--serif);
  font-weight:500;
  color:var(--ink);
  letter-spacing:.01em;
}
a{ color:var(--ink); text-decoration:none; }
a:hover{ color:var(--ink); }
.skip-link{ position:absolute; top:-40px; left:0; background:var(--ink); color:#fff; padding:8px 16px; z-index:2000; }
.skip-link:focus{ top:0; }

.eyebrow{
display: inline-block;
  font-family: var(--sans);
  font-size: 13px;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: .9rem;
  font-weight: bold;
  letter-spacing: 0.9px;
}

.section{ padding:5rem 0; }
.section-sm{ padding:3rem 0; }
.bg-mist{ background:var(--mist); }
.bg-ink{ background:var(--ink); color:#eceef0; }
.bg-ink h1,.bg-ink h2,.bg-ink h3{ color:#fff; }

.divider-hairline{ height:1px; background:linear-gradient(90deg,transparent,var(--silver),transparent); border:0; margin:2.5rem 0; }

/* ---------------- Header / Nav ---------------- */
.site-header{
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--silver-line);
  z-index:1030;
}
.brand-logo{
  font-family:var(--serif);
  font-size:1.7rem;
  letter-spacing:.32em;
  font-weight:600;
  color:var(--ink);
  padding:.4rem 0;
}
.brand-logo-img{ max-height:100px; }
.main-nav .nav-link{
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-soft);
  padding:.6rem 10px !important;
  transition:color .2s;font-weight: 500;
}
.main-nav .nav-link:hover,
.main-nav .nav-link.active{ color:var(--ink); font-weight:500; }
.dropdown-menu{ border-radius:var(--radius); border-color:var(--silver-line); box-shadow:var(--shadow-card); }
.nav-icons{ gap:.35rem; }
.nav-icon-link{
  width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
  color:var(--ink-soft); border-radius:50%; position:relative;
}
.nav-icon-link:hover{ background:var(--mist); color:var(--ink); }
.bi-icon{ width:18px; height:18px; display:inline-block; position:relative; }
.icon-search::before{ content:""; position:absolute; inset:0; border:1.5px solid currentColor; border-radius:50%; width:12px; height:12px; }
.icon-search::after{ content:""; position:absolute; width:6px; height:1.5px; background:currentColor; transform:rotate(45deg); left:11px; top:11px; }
.icon-account::before{ content:""; position:absolute; left:50%; top:1px; width:8px; height:8px; border-radius:50%; border:1.5px solid currentColor; transform:translateX(-50%); }
.icon-account::after{ content:""; position:absolute; left:50%; bottom:0; width:14px; height:8px; border:1.5px solid currentColor; border-bottom:0; border-radius:8px 8px 0 0; transform:translateX(-50%); }
.icon-cart::before{ content:""; position:absolute; left:1px; top:3px; width:16px; height:12px; border:1.5px solid currentColor; border-radius:1px; }
.icon-cart::after{ content:""; position:absolute; left:5px; top:-2px; width:8px; height:8px; border:1.5px solid currentColor; border-bottom:0; border-radius:8px 8px 0 0; }
.cart-badge{
  position:absolute; top:-2px; right:-2px; background:var(--ink); color:#fff;
  font-size:.62rem; min-width:16px; height:16px; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0 3px;
}
.btn-shop-estique{
  background:var(--ink); color:#fff !important; border-radius:0; padding:.6rem 1.4rem;
  font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; border:1px solid var(--ink);
  transition:all .25s;
}
.btn-shop-estique:hover{ background:transparent; color:var(--ink) !important; }

/* ---------------- Buttons ---------------- */
.btn-estique-primary{
  background:var(--ink); color:#fff; border:1px solid var(--ink); border-radius:0;
  padding:.85rem 2.1rem; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase;
  transition:all .25s; display:inline-block;
}
.btn-estique-primary:hover{ background:transparent; color:var(--ink); }
.btn-estique-outline{
  background:transparent; color:var(--ink); border:1px solid var(--ink); border-radius:0;
  padding:.85rem 2.1rem; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase;
  transition:all .25s; display:inline-block;
}
.btn-estique-outline:hover{ background:var(--ink); color:#fff; }
.bg-ink .btn-estique-outline{ color:#fff; border-color:#fff; }
.bg-ink .btn-estique-outline:hover{ background:#fff; color:var(--ink); }

/* ---------------- Hero ---------------- */
.hero{
  position:relative;
  min-height:88vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 20% 20%, rgba(255,255,255,.9), transparent 55%),
    radial-gradient(ellipse at 80% 30%, rgba(201,204,209,.55), transparent 55%),
    linear-gradient(160deg, #ffffff 0%, #f2f3f5 45%, #e6e8eb 100%);
}
.hero::before{
  content:"";
  position:absolute; inset:0;

  animation:beamDrift 26s linear infinite;
  pointer-events:none;
}
@keyframes beamDrift{
  0%{ transform:translate3d(0,0,0); }
  100%{ transform:translate3d(-120px,60px,0); }
}
.hero-content{ position:relative; z-index:2; }
.hero-orb{
  position:absolute; right:6%; top:50%; transform:translateY(-50%);
  width:min(420px, 40vw); height:min(420px, 40vw); border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #ffffff, var(--silver-soft) 60%, var(--silver) 100%);
  box-shadow:0 30px 90px rgba(20,20,22,.18), inset 0 0 60px rgba(255,255,255,.6);
  animation:orbFloat 9s ease-in-out infinite;
}
.hero-orb img{ width:60%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); animation:orbSpin 34s linear infinite; opacity:.9; }
@keyframes orbFloat{ 0%,100%{ transform:translateY(-50%) translateY(0); } 50%{ transform:translateY(-50%) translateY(-18px); } }
@keyframes orbSpin{ from{ transform:translate(-50%,-50%) rotate(0deg);} to{ transform:translate(-50%,-50%) rotate(360deg);} }
.hero-eyebrow{ letter-spacing:.35em; }
.hero-headline{ font-size:clamp(2.6rem, 6vw, 5rem); line-height:1.03; margin-bottom:1.2rem; }
.hero-sub{ max-width:560px; font-size:1.05rem; color:var(--ink-soft); margin-bottom:2.2rem; }

@media (max-width: 991.98px){
  .hero-orb{ position:relative; right:auto; top:auto; transform:none; margin:2.5rem auto 0; width:220px; height:220px; }
  .hero{ text-align:center; min-height:auto; padding:4rem 0 3rem; }
  .hero-sub{ margin-left:auto; margin-right:auto; }
}

/* ---------------- Sections ---------------- */
.section-heading{ max-width:720px; }
.section-heading.mx-auto{ text-align:center; }
.section-heading h2{ font-size:clamp(1.9rem,3.4vw,2.8rem); }

.card-clinical{
  background:#fff; border:1px solid var(--silver-line); border-radius:var(--radius);
  padding:2.2rem; height:100%; box-shadow:var(--shadow-card); transition:transform .25s, box-shadow .25s;
}
.card-clinical:hover{ transform:translateY(-4px); box-shadow:var(--shadow-soft); }

.system-card{
  background:#fff; border:1px solid var(--silver-line); border-radius:var(--radius); overflow:hidden;
  height:100%; display:flex; flex-direction:column; box-shadow:var(--shadow-card); transition:transform .25s, box-shadow .25s;
}
.system-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-soft); }
.system-card-media{ background:var(--mist); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.system-card-media img{ width:100%;  }
.system-card-body{ padding:1.8rem; flex:1; display:flex; flex-direction:column; }
.system-price{ font-family:var(--serif); font-size:1.5rem; color:var(--ink); }
.system-price .was{ text-decoration:line-through; color:var(--accent); font-size:1.05rem; margin-right:.5rem; }

.clinical-strip{
  background:var(--ink); color:#fff; padding:1.6rem 0; text-align:center;
  font-size:.86rem; letter-spacing:.14em; text-transform:uppercase;
}
.clinical-strip a{ color:#fff; text-decoration:underline; text-underline-offset:4px; }

.bullet-list{ list-style:none; padding:0; margin:0; }
.bullet-list li{ padding:.35rem 0 .35rem 1.4rem; position:relative; }
.bullet-list li::before{ content:""; position:absolute; left:0; top:.85rem; width:6px; height:6px; border-radius:50%; background:var(--silver); }

.stat-pill{
 border: 1px solid #042345;
  padding: 1.4rem 1.2rem;
  text-align: center;
  height: 100%;
  background: #042345;
  border-radius:0;
  color: #FFF;
}
.stat-week{ font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); margin-bottom:.5rem; display:block; }

.testimonial-card{ background:#fff; border:1px solid var(--silver-line); border-radius:var(--radius); padding:2rem; height:100%; box-shadow:var(--shadow-card); }
.testimonial-quote{ font-family:var(--serif); font-size:1.2rem; font-style:italic; color:var(--ink); }
.testimonial-role{ font-size:.75rem; letter-spacing:0;font-weight: bold; text-transform:uppercase; color:var(--accent); }
.testimonial-avatar{ width:52px; height:52px; border-radius:50%; object-fit:cover; margin-bottom:1rem; border:1px solid var(--silver-line); background:var(--mist); }

.ba-card{ border:1px solid var(--silver-line); border-radius:var(--radius); overflow:hidden; background:#fff; box-shadow:var(--shadow-card); }
.ba-images{ display:grid; grid-template-columns:1fr 1fr; }
.ba-images img{ width:100%; aspect-ratio:3/4; object-fit:cover; }
.ba-label{ font-size:14px; font-weight: bold; letter-spacing:.16em; text-transform:uppercase; text-align:center; padding:.4rem 0; background:var(--mist); }

/* ---------------- Product / Shop ---------------- */
.product-card{ border:1px solid var(--silver-line); background:#fff; border-radius:var(--radius); overflow:hidden; height:100%; display:flex; flex-direction:column; box-shadow:var(--shadow-card); transition:transform .25s, box-shadow .25s;}
.product-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-soft); }
.product-card-media{ background:var(--mist); display:flex; align-items:center; justify-content:center; }
.product-card-media img{ width:100%; }
.product-card-body{ padding:1.5rem; flex:1; display:flex; flex-direction:column; }

.pdp-media{ background:var(--mist); border-radius:var(--radius); display:flex; align-items:center; justify-content:center;  }
.pdp-media img{ width:100%; }
.qty-input{ width:80px; }

/* ---------------- Forms ---------------- */
.form-control, .form-select{ border-radius:0; border-color:var(--silver-line); padding:.7rem .9rem; }
.form-control:focus, .form-select:focus{ border-color:var(--ink); box-shadow:0 0 0 .15rem rgba(11,11,12,.08); }
.form-label{ font-size:16px; letter-spacing:.04em; color:var(--ink-soft); margin-bottom:.35rem; }
.auth-card{ max-width:520px; margin:0 auto; background:#fff; border:1px solid var(--silver-line); padding:2.5rem; border-radius:var(--radius); box-shadow:var(--shadow-card); }

/* ---------------- Footer ---------------- */
.site-footer{ background:var(--ink); color:#c7c9cd; }
.footer-brand{ font-family:var(--serif); font-size:1.5rem; letter-spacing:.3em; color:#fff; margin-bottom:.6rem; }
.footer-tagline{ font-size:.86rem; color:#9ea1a7; }
.footer-contact a{ color:#FFF; font-size: 16px;}
.footer-heading{ color:#e9c080; font-size:17px; letter-spacing:.18em; text-transform:uppercase; margin-bottom:1rem; }
.footer-list{ list-style:none; padding:0; margin:0; }
.footer-list li{ margin-bottom:.55rem; }
.footer-list a{ color:#FFF;font-size: 15px; }
.footer-list a:hover{ color:#fff; }
.footer-divider{ border-color:rgba(255,255,255,.12); margin:2rem 0 1.4rem; }
.footer-copyright{ font-size:14px; color:#e9c080; margin:0; }

/* ---------------- Cart / Checkout ---------------- */
.cart-table th{ font-size:.14px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); border-bottom:1px solid var(--silver-line); }
.cart-table td{ vertical-align:middle; border-bottom:1px solid var(--silver-line); }
.order-summary{ background:var(--mist); border-radius:var(--radius); padding:1.8rem; }

.flash-alert{ font-size:.9rem; letter-spacing:.02em; }

@media (max-width: 767.98px){
  .section{ padding:3.2rem 0; }
}
.top {
	height: 34px;
	background: #171917;
	color: #eee;
	text-align: center;
	font-size: 12px;
	letter-spacing: .16em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.brandmast {
	text-align: center;
	margin: 29px 3% 23px;
}

.closing {
	padding: 80px 6%;
	text-align: center;
}


:root {
	--paper: #f5f5f2;
	--ink: #181918;
	--muted: #666a68;
	--line: #c8cbc7;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 85px;
}

body {
	margin: 0;
	background: var(--paper);
	color: var(--ink);
	font: 16px/1.6 Arial,Helvetica,sans-serif;
}

a {
	color: inherit;
	text-decoration: none;
}

button {
	font: inherit;
}

a:focus-visible,button:focus-visible {
	outline: 2px solid #686e65;
	outline-offset: 6px;
}

.skip {
	position: absolute;
	top: -80px;
	background: white;
	padding: 12px;
	z-index: 99;
}

.skip:focus {
	top: 0;
}

.top {
	height: 34px;
	background: #171917;
	color: #eee;
	text-align: left;
	font-size: 12px;
	letter-spacing: .16em;
	display: flex;
	align-items: left;
	justify-content: center;
}

header {
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 4.5%;
	border-bottom: 1px solid var(--line);
	background: var(--paper);
	position: sticky;
	top: 0;
	z-index: 10;
}

.logo {
	font: 32px/1 Georgia,serif;
	letter-spacing: -.06em;
}

nav {
	display: flex;
	gap: 35px;
	font-size: 14px;
}

.navcta {
	font-size: 13px;
	letter-spacing: .09em;
	border-bottom: 1px solid;
	padding-bottom: 4px;
}

.menu {
	display: none;
	border: 0;
	background: transparent;
	padding: 10px;
}

.brandmast {
	font: clamp(80px,18.8vw,290px)/.86 Georgia,'Times New Roman',serif;
	letter-spacing: -.065em;
	text-align: center;
	margin: 29px 3% 23px;
	padding-right: .06em;
}

.hero {
	position: relative;
	margin: 0 0;
	min-height: 620px;
	height: min(720px,63vw);
	background: #10283f;
	overflow: hidden;
}

.hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.herocopy {
	position: absolute;
	left: 5%;
	bottom: 8%;
	max-width: 490px;
	color: #fff;
	text-shadow: 0 1px 18px #0008;
}

.eyebrow {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .19em;color: #000;
}
.hero .eyebrow {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .19em; color: #FFF;
}

.statement .eyebrow {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .19em; color: #FFF;
}
.section.bg-ink .eyebrow {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .19em; color: #FFF;
}

.herocopy h1 {
	font: clamp(42px,5vw,76px)/1.02 Georgia,serif;
	letter-spacing: -.045em;
	margin: 18px 0 27px;
color: #FFF;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 49px;
	padding: 13px 27px;
	background: var(--ink);
	color: white;
	font-size: 13px;
	letter-spacing: .08em;
	border: 1px solid var(--ink);
	transition: background .2s,color .2s;
}

.button.light {
	background: white;
	border-color: white;
	color: #161816;
	text-shadow: none;
}

.button:hover {
	background: #555b55;
	color: #fff;
}

.heroindex {
	position: absolute;
	right: 4%;
	bottom: 7%;
	color: white;
	font-size: 12px;
	letter-spacing: .13em;
}

.intro {
	padding: 88px 8%;
	display: grid;
	grid-template-columns: 1fr 1.8fr;
	gap: 9%;
	border-bottom: 1px solid var(--line);
}

h2 {
	font: clamp(34px,4.4vw,61px)/1.12 Georgia,serif;
	letter-spacing: -.035em;
	margin: 0 0 25px;
}

.intro p {
	max-width: 610px;
	color: var(--muted);
	margin: 0;
}

.section {
	padding: 88px 6%;
}

.sectionhead {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 25px;
	margin: 35px;
}

.sectionhead h2 {
	margin: 12px 0 0;
}

.smalllink {
	font-size: 14px;
	border-bottom: 1px solid;
	padding-bottom: 5px;
}

.collection {
	display: grid;
	grid-template-columns: 1.65fr 1fr;
	gap: 28px;
}

.collectionphoto {
	background: #bec2c0;
	height: 580px;
	overflow: hidden;
}

.collectionphoto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 65% center;
}

.collectiondetails {
	border-top: 1px solid var(--ink);
	padding: 36px 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
}

.collectiondetails h3 {
	font: 43px/1.15 Georgia,serif;
	margin: 15px 0 24px;
	letter-spacing: -.03em;
}

.collectiondetails p {
	color: var(--muted);
	max-width: 360px;
}

.collectiondetails .button {
	margin-top: 20px;
}

.steps {
	border-top: 1px solid var(--line);
	margin: 45px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
}

.step {
	padding: 27px 30px 0 0;
}

.step span {
	font-size: 12px;
	letter-spacing: .12em;
	color: var(--muted);
}

.step h3 {
	font: 27px Georgia,serif;
	margin: 16px 0 12px;
}

.step p {
	color: var(--muted);
	max-width: 310px;
	margin: 0;
}

.statement {
	background: #171917;
	color: #f3f4f0;
	padding: 100px 8%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 7%;
}

.statement h2 {
	font-size: clamp(40px,5.6vw,80px);color: #FFF;
}

.statement p {
	color: #c0c4bd;
	max-width: 500px;
}

.founder {
	padding: 100px 8%;
	display: grid;
	grid-template-columns: 1fr 1.7fr;
	gap: 9%;
	border-bottom: 1px solid var(--line);
}

.founderlabel {
	font: clamp(35px,4vw,56px)/1.1 Georgia,serif;
	letter-spacing: -.03em;
}

.founder p {
	color: var(--muted);
	max-width: 620px;
}

.signature {
	font: italic 30px Georgia,serif;
	margin: 30px 0 7px;
}

.role {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .13em;
}

.closing {
	padding: 80px 6%;
	text-align: center;
}

.closing h2 {
	font-size: clamp(40px,6vw,85px);
}

.closing .button {
	margin-top: 10px;
}



.footerrow {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	padding-bottom: 45px;
}

.footerbrand {
	font: 46px Georgia,serif;
	letter-spacing: -.05em;
}

.footerlinks {
	display: flex;
	gap: 30px;
	align-items: center;
	font-size: 14px;
}

.bottom {
	border-top: 1px solid #bbbfb9;
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
	font-size: 12px;
	color: #626760;
}

.modal {
	position: fixed;
	inset: 0;
	background: #0007;
	z-index: 30;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 25px;
}

.modal.open {
	display: flex;
}

.panel {
	position: relative;
	background: var(--paper);
	max-width: 550px;
	padding: 55px 40px;
}

.panel h2 {
	font-size: 36px;
}

.panel p {
	color: var(--muted);
}

.close {
	position: absolute;
	right: 18px;
	top: 13px;
	border: 0;
	background: none;
	font-size: 25px;
	cursor: pointer;
}

.panel .button {
	margin-top: 15px;
}

@media(min-width:1700px) {
	body {
		max-width: 1900px;
		margin: auto;
	}

	.hero {
		height: 780px;
	}
}

@media(max-width:760px) {
	.top {
		font-size: 10px;
		height: 30px;
	}

	header {
		height: 77px;
    padding: 0 0% !important;
	}

	.logo {
		font-size: 27px;
	}

	.menu {
		display: block;
	}

	nav {
		display: none;
		position: absolute;
		top: 68px;
		left: 0;
		right: 0;
		background: var(--paper);
		padding: 24px;
		flex-direction: column;
		border-bottom: 1px solid var(--line);
	}

	nav.open {
		display: flex;
	}

	.navcta {
		margin-left: auto;
		margin-right: 14px;
		font-size: 12px;
	}

	.brandmast {
		margin: 24px 3% 20px;
		font-size: 19vw;
	}

	.hero {
		height: auto;
		min-height: 0;
		margin: 0 3%;
	}

	.hero img {
		object-position: 61% center;
	}

	.hero:after {
		content: '';
		position: absolute;
		inset: 45% 0 0;
		background: linear-gradient(transparent,#0008);
	}

	.herocopy {
		z-index: 1;
		left: 7%;
		bottom: 8%;
		max-width: 90%;
	}

	.herocopy h1 {
		font-size: 49px;
	}

	.heroindex {
		display: none;
	}

	.intro,.statement,.founder {
		grid-template-columns: 1fr;
		gap: 26px;
		padding: 60px 7%;
	}

	.section {
		padding: 60px 6%;
	}

	.sectionhead {
		align-items: start;
		flex-direction: column;
	}

	.collection {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.collectionphoto {
		height: 400px;
	}

	.collectiondetails {
		padding: 30px 0 0;
	}

	.collectiondetails h3 {
		font-size: 36px;
	}

	.steps {
		grid-template-columns: 1fr;
		margin-top: 35px;
	}

	.step {
		padding: 24px 0;
		border-bottom: 1px solid var(--line);
	}

	.step p {
		max-width: none;
	}

	.statement h2 {
		font-size: 45px;
	}

	.founderlabel {
		font-size: 38px;
	}

	.closing {
		padding: 60px 7%;
	}

	.footerrow {
		flex-direction: column;
	}

	.footerlinks {
		flex-wrap: wrap;
		gap: 20px;
	}

	.bottom {
		flex-direction: column;
		gap: 10px;
	}

	.panel {
		padding: 45px 25px;
	}

	h2 {
		font-size: 39px;
	}
}

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

	* {
		transition: none!important;
	}
}

:root {
	--navy: #10283f;
	--blue: #183c5b;
}

header {
	padding: 0 3%;
	gap: 20px;
}

header nav {
	gap: 21px;
	font-size: 13px;
}

.navcta {
	white-space: nowrap;
}

.footerlinks {
	flex-wrap: wrap;
	justify-content: end;
	font-size: 13px;
	max-width: 850px;
}

footer {
	background: var(--navy);
	color: white;
}

.bottom {
	color: #b3c1cc;
	border-color: #425464;
}

.container {

}


.row>[class*=col-] {
	padding: 0 16px;
	flex: 0 0 auto;
}

.col-lg-8 {
	width: 66.666%;
}

.col-lg-7 {
	width: 58.333%;
}

.col-lg-6,.col-md-6 {
	width: 50%;
}

.col-lg-5 {
	width: 41.666%;
}

.col-lg-4,.col-md-4 {
	width: 33.333%;
}

.col-lg-3,.col-md-3 {
	width: 25%;
}
.col-lg-2,.col-md-2 {
	width: 16.66%;
}

.section {
	padding: 78px 0;
}

.section-sm {
	padding: 70px 0;
	background: var(--navy);
	color: white;
}

.section-sm h1 {
	max-width: 1000px;
	margin: 14px auto;
	font: clamp(40px,4.5vw,68px)/1.12 Georgia,serif;
	letter-spacing: -.035em;
}

.section-sm .eyebrow {
	color: #c1ccd3;
}

.inner .hero {
	margin: 0;
	min-height: 0;
	height: auto;
	background: var(--paper);
	padding: 70px 0!important;
}

.inner .hero h1 {
	font: clamp(38px,4.5vw,64px)/1.06 Georgia,serif!important;
	letter-spacing: -.035em;
	margin: 18px 0 30px;
	color: var(--navy);
}

.inner .hero p {
	max-width: 640px;
	color: #555d62;
}

.inner .hero img {
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1.1;
}

.inner .hero .row {
	align-items: center;
}

.inner h2 {
	color: var(--navy);
}

.inner h3 {
	font: 30px/1.15 Georgia,serif;
	color: var(--navy);
	margin: 24px 0 18px;
}

.inner p {
	font-size: 16px;
	line-height: 1.75;
}

.inner .h3 {
	font-size: 32px;
}

.bg-mist {
	background: #e9edf0;
}

.bg-ink {
	background: var(--navy);
	color: white;
}

.bg-ink h2 {
	color: white;
}

.text-center {
	text-align: center;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-3 {
	margin-bottom: 20px;
}

.mb-5 {
	margin-bottom: 45px;
}

.mt-2 {
	margin-top: 16px;
}

.mt-3 {
	margin-top: 24px;
}

.mt-4 {
	margin-top: 32px;
}

.mt-5 {
	margin-top: 45px;
}

.text-muted {
	color: #67717a;
}

.small {
	font-size: 14px!important;
}

.d-flex {
	display: flex;
	gap: 16px;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-items-center {
	align-items: center;
}

.d-inline-block {
	display: inline-block;
}

.justify-content-center {
	justify-content: center;
}

.btn-estique-primary,.btn-estique-outline {
	display: inline-flex;
	padding: 16px 27px;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	background: var(--navy);
	color: white;
	text-transform: uppercase;
	font: 13px/1.5 Arial,sans-serif;
	letter-spacing: .09em;
	border: 1px solid var(--navy);
	cursor: pointer;
}

.btn-estique-outline {
	background: transparent;
	color: var(--navy);
}

.bg-ink .btn-estique-outline {
	color: white;
	border-color: #e0e7ec;
}

.btn-estique-primary:hover {
	background: #284760; color: #fff;
}

.stat-pill {
	background: var(--navy);
	color: #fff;
	padding: 28px 20px;
	min-height: 125px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.card-clinical {
	border-top: 2px solid var(--navy);
	background: #fff;
	padding: 36px 32px;
	height: 100%;
}

.stat-week {
	font-size: 14px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--navy);
}

.bullet-list {
	padding-left: 20px;
	color: #535e65;
	line-height: 1.9;
}

.bg-ink .bullet-list {
	color: #fff;
}

.system-price {
	font: 30px Georgia,serif;
}

.was {
	text-decoration: line-through;
	margin-right: 18px;
	font: 16px Arial,sans-serif;
	color: #6c747b;
}

.pdp-media img {
	width: 100%;
	display: block;
	object-fit: cover;
}

.inner img {
	max-width: 100%;
	border-radius: 0!important;
	border: 0!important;
}

.testimonial-card {
	border-top: 1px solid var(--navy);
	background: #e9edf0;
	padding: 36px 30px;
	height: 100%;
}

.testimonial-quote {
	font: 25px/1.5 Georgia,serif!important;
}

.testimonial-role {
	font-size: 12px!important;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #5c6973;
}

.ba-images {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
}

.ba-images img {
	width: 100%;
	height: 310px;
	object-fit: cover;
}

.ba-card {
	border: 1px solid #ccd2d6;
	height: 100%;
}

.ba-label {
	padding: 20px;
	font-size: 13px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.ba-card p {
	padding: 0 20px 20px;
}

.editorial-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 620px;
	margin: 0 0;
}

.editorial-split img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.editorial-copy {
	background: var(--navy);
	color: white;
	padding: 70px 10%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.editorial-copy h2 {
	font-size: clamp(40px,4.7vw,64px);color: #FFF;
}

.editorial-copy p {
	color: #c0cbd3;
}

.editorial-copy .smalllink {
	align-self: start;
}

.founderphoto {
	width: 100%;
	height: 100%;
	max-height: 740px;
	object-fit: cover;
}

.founder {
	grid-template-columns: 1fr 1fr;
	align-items: center;
}

.labsection {
	padding: 70px 6%;
}

.labsection img {
	width: 100%;
	object-fit: cover;
}

.caption {
	font-size: 12px;
	color: #626b72;
	margin-top: 10px;
}

.collection .smalllink {
	display: block;
	margin-top: 15px;
}

.productcards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.productcards img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.productcards h2 {
	font-size: 37px;
	margin: 26px 0 16px;
}

.productcards p {
	color: #56636d;
}

.note {
	max-width: 1320px;
	margin: 0 auto;
	padding: 15px 6%;
	background: #edf0f2;
	font-size: 13px;
	color: #5b6975;
}

.ingredient-grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 35px;
	margin-top: 45px;
}

.ingredient-grid article {
	border-top: 1px solid var(--navy);
	padding-top: 20px;
}

.ingredient-grid h3 {
	margin-top: 0;
}

.ingredient-grid p {
	color: #667079;
}

.storycopy p {
	max-width: 700px;
}

.banner {
	background: var(--navy);
	color: white;
	padding: 70px 6%;
}

.banner h1 {
	font: clamp(40px,5vw,70px)/1.08 Georgia,serif;
	margin: 20px 0;
	letter-spacing: -.035em;
}

.banner .eyebrow {
	color: #c0cbd6;
}

.clinicalhero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 30px;
}

.clinicalhero img {
	width: 100%;
	height: 420px;
	object-fit: cover;
}

.systems-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
	padding: 70px 6%;
}

.system-card {
	border-top: 1px solid #b6c0c7;
}

.system-card img {
	width: 100%;
	height: 450px;
	object-fit: cover;
}

.system-card h3 {
	font: 36px Georgia,serif;
	margin: 23px 0 10px;
}

.system-card p {
	color: #56636d;
}

.system-card .button {
	margin-top: 10px;
}

.welcome {
	color: #fff;
	background: var(--navy);
	padding: 40px 6%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.welcome h2 {
	margin: 0;
	font-size: 40px;
}

.welcome p {
	color: #c3cdd6;
}

.welcome .smalllink {
	white-space: nowrap;
}

@media(max-width:1150px) {
	header nav {
		gap: 13px;
		font-size: 12px;
	}

	.logo {
		font-size: 27px;
	}

	.navcta {
		display: none;
	}

	.footerrow {
		flex-wrap: wrap;
	}
}

@media(max-width:900px) {


	.menu {
		display: block;
	}

	header nav {
		display: none;
		top: 0;
		flex-direction: column;
		gap: 22px; background: #FFF;
		font-size: 16px;
	}

	header nav.open {
		display: flex;
	}

	.col-lg-7,.col-lg-5,.col-lg-6 {
		width: 100%;
	}

	.col-lg-8 {
		width: 100%;
	}

	.col-lg-3 {
		width: 50%;
	}

	.editorial-split {
		min-height: 0;
	}

	.editorial-copy {
		padding: 45px 10%;
	}

	.editorial-copy h2 {
		font-size: 38px;
	}

	.clinicalhero {
		grid-template-columns: 1fr;
	}

	.clinicalhero img {
		height: 340px;
	}
}

@media(max-width:760px) {
	.container {
		width: 88%;
	}

	.section {
		padding: 50px 0;
	}

	.section-sm {
		padding: 45px 0;
	}

	.inner .hero {
		padding: 45px 0!important;
	}

	.col-md-6,.col-lg-4,.col-md-4 {
		width: 100%;
	}

	.col-md-3 {
		width: 50%;
	}

	.stat-pill {
		padding: 20px 12px;
		font-size: 14px;
		min-height: 130px;
	}

	.editorial-split {
		grid-template-columns: 1fr;
	}

	.editorial-split img {
		height: 480px;
	}

	.founder {
		grid-template-columns: 1fr;
	}

	.founderphoto {
		max-height: 620px;
	}

	.ingredient-grid {
		grid-template-columns: 1fr 1fr;
		gap: 24px;
	}

	.productcards,.systems-grid {
		grid-template-columns: 1fr;
	}

	.productcards img {
		height: 360px;
	}

	.footerlinks {
		justify-content: start;
	}

	.labsection {
		padding: 50px 6%;
	}

	.labsection img {
		min-height: 300px;
	}

	.welcome {
		align-items: start;
		flex-direction: column;
	}

	.welcome h2 {
		font-size: 36px;
	}

	.ba-images img {
		height: 350px;
	}
}

@media(max-width:440px) {
	.ingredient-grid {
		grid-template-columns: 1fr;
	}

	.ba-images img {
		height: 280px;
	}
}
/* Systems, ingredient guide and contact */
[hidden] {
	display: none!important;
}

.systems-nav {
	position: relative;
}

.systems-toggle {
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
	padding: 0;
	font: inherit;
	display: flex;
	align-items: center;
	gap: 7px;
}

.systems-toggle span {
	font-size: 18px;
	line-height: 1;
}

.systems-menu {
	position: absolute;
	top: 36px;
	left: -22px;
	min-width: 290px;
	padding: 15px;
	background: var(--paper);
	border: 1px solid #c8d1d7;
	box-shadow: 0 12px 30px #10283f15;
	z-index: 20;
}

.systems-menu a {
	display: block;
	padding: 13px 12px;
	font-size: 14px;
	white-space: nowrap;
}

.systems-menu a:hover {
	background: #e4e9ec;
}

.kit-selection {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 34px;
	padding: 65px 6%;
}

.kit-card {
	border: 1px solid #cbd2d6;
	background: #fff;
}

.kit-card img {
	width: 100%;
	display: block;
	aspect-ratio: 1.5;
	object-fit: cover;
}

.kit-card-body {
	padding: 35px;
}

.kit-card h2 {
	font-size: 40px;
	margin: 18px 0;
}

.kit-card p {
	color: #5e6a73;
}

.kit-includes {
	font-size: 14px!important;
	line-height: 1.8!important;
}

.kit-price {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin: 28px 0;
}

.kit-price span {
	font: 43px Georgia,serif;
	color: var(--navy);
}

.kit-price small {
	font-size: 14px;
	color: #65727c;
}

.kit-price del {
	font-size: 14px;
	color: #75808a;
	margin-left: auto;
}

.buy-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 17px 24px;
	min-height: 54px;
	background: var(--navy);
	color: white;
	font-size: 13px;
	letter-spacing: .08em;
	text-align: center;
	border: 1px solid var(--navy);
}

.buy-button:hover {
	background: #2a4b65;
}

.kit-actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 20px;
}

.kit-actions .smalllink {
	align-self: start;
}

.kit-help {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 45px;
	padding: 65px 6%;
	background: #e8edf0;
}

.kit-help h2 {
	font-size: 40px;
	margin: 15px 0;
}

.kit-help p {
	max-width: 680px;
	color: #61707b;
}

.kit-help a {
	flex-shrink: 0;
}

.kit-hero {
	display: grid;
	grid-template-columns: 1.08fr 1fr;
	padding: 55px 6% 70px;
	gap: 6%;
	align-items: center;
}

.kit-image img {
	width: 100%;
	display: block;
	min-height: 520px;
	object-fit: cover;
	aspect-ratio: 1.1;
}

.image-caption {
	display: block;
	margin-top: 12px;
	font-size: 12px;
	color: #6a747d;
}

.kit-hero-copy .eyebrow {
	display: block;
}

.backlink {
	display: block;
	font-size: 13px;
	color: #677884;
	margin-bottom: 25px;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.kit-hero h1 {
	font: clamp(39px,4.5vw,68px)/1.07 Georgia,serif;
	color: var(--navy);
	letter-spacing: -.04em;
	margin: 19px 0 25px;
}

.kit-description {
	color: #5d6973;
	font-size: 18px!important;
}

.kit-hero .buy-button {
	width: 100%;
}

.purchase-caption {
	font-size: 13px!important;
	color: #677581;
	line-height: 1.6!important;
}

.kit-hero-copy .smalllink {
	font-size: 13px;
}

.kit-content {
	padding: 70px 6%;
	border-top: 1px solid #c7d0d6;
}

.kit-section-heading h2 {
	margin-top: 17px;
	font-size: 48px;
}

.kit-steps {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 30px;
	margin-top: 40px;
}

.kit-steps article {
	border-top: 1px solid #aab8c2;
	padding-top: 25px;
}

.kit-steps h3 {
	font-size: 30px;
	margin: 20px 0;
}

.kit-steps p {
	color: #62717c;
}

.kit-benefits {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 70px 6%;
	background: #e8edf1;
	gap: 10%;
}

.kit-benefits h2 {
	font-size: 47px;
	margin-top: 20px;
}

.kit-benefits ul {
	padding-left: 20px;
	line-height: 2.2;
	color: #536674;
}

.kit-benefit-note {
	padding: 38px;
	background: var(--paper);
	align-self: center;
}

.kit-benefit-note h3 {
	font-size: 37px;
}

.kit-benefit-note p {
	color: #60717d;
}

.kit-faq {
	padding: 70px 6%;
	max-width: 1050px;
	margin: auto;
}

.kit-faq h2 {
	margin-top: 20px;
	font-size: 43px;
}

.kit-faq details {
	border-top: 1px solid #bdc9d1;
	padding: 23px 0;
}

.kit-faq summary {
	cursor: pointer;
	font-size: 18px;
	color: var(--navy);
}

.kit-faq details p {
	color: #5f6e79;
}

.kit-purchase-end {
	text-align: center;
	background: var(--navy);
	color: white;
	padding: 70px 6%;
}

.kit-purchase-end h2 {
	color: #fff;
	margin-top: 25px;
	font-size: 48px;
}

.kit-purchase-end .buy-button {
	background: white;
	color: var(--navy);
	border-color: white;
}

.end-contact {
	display: block;
	font-size: 14px;
	text-decoration: underline;
	margin: 22px auto 0;
	width: fit-content;
}

.ingredient-opening {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	background: var(--navy);
	color: white;
}

.ingredient-opening>div {
	padding: 80px 12%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ingredient-opening h1 {
	font: clamp(60px,7.5vw,105px)/1 Georgia,serif;
	letter-spacing: -.04em;
	margin: 25px 0;
}

.ingredient-opening p {
	max-width: 390px;
	color: #c3cfd9;
	font-size: 18px!important;
}

.ingredient-opening .smalllink {
	align-self: start;
	margin-top: 20px;
}

.ingredient-opening img {
	width: 100%;
	height: 680px;
	object-fit: cover;
	object-position: top;
}

.ingredient-guide {
	padding: 75px 6%;
}

.ingredient-filters {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.ingredient-filters button {
	border: 1px solid #bdc7ce;
	background: transparent;
	padding: 11px 17px;
	font-size: 14px;
	cursor: pointer;
	color: var(--navy);
}

.ingredient-filters button[aria-pressed=true] {
	background: var(--navy);
	color: white;
	border-color: var(--navy);
}

.ingredient-intro {
	color: #657580;
	max-width: 850px;
}

.ingredient-grid {
	gap: 30px;
}

.ingredient-grid article {
	padding: 28px;
	background: #e8edf0;
	border-top: 1px solid var(--navy);
}

.ingredient-grid h3 {
	font-size: 29px;
}

.ingredient-grid .eyebrow {
	font-size: 12px;
	letter-spacing: .07em;
	line-height: 1.9;
}

.ingredient-next {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	padding: 65px 6%;
	background: #171917;
	color: white;
}

.ingredient-next h2 {
	color: white;
	margin-top: 20px;
}

.ingredient-next p {
	color: #c4ccd2;
}

.ingredient-next>div:last-child {
	display: flex;
	align-self: center;
	flex-direction: column;
	gap: 20px;
}

.ingredient-next .btn-estique-primary {
	background: #edf1f3;
	color: var(--navy);
	border-color: #edf1f3;
}

.ingredient-next .btn-estique-outline {
	border-color: white;
	color: white;
}

.contact-panel {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 15%;
	padding: 90px 7%;
}

.contact-panel h2 {
	margin-top: 20px;
}

.contact-panel p {
	max-width: 580px;
	color: #5e707c;
}

.contact-address {
	display: block;
	font: clamp(22px,3vw,37px) Georgia,serif;
	color: var(--navy);
	margin: 28px 0;
	overflow-wrap: anywhere;
}

.contact-panel aside {
	border-top: 1px solid #a5b4c0;
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.contact-panel aside a {
	border-bottom: 1px solid #d2d9dd;
	padding-bottom: 14px;
	font-size: 18px;
}

@media(min-width:901px) {
	header nav {
		gap: 16px;
		font-size: 12px;
	}
}

@media(max-width:900px) {
	.systems-menu {
		position: static;
		box-shadow: none;
		min-width: 0;
		margin-top: 15px;
		border: 0;
		border-left: 1px solid #9daebc;
		padding: 0 0 0 14px;
	}

	.systems-menu a {
		white-space: normal;
	}

	.systems-toggle {
		font-size: 16px;
	}

	.kit-hero {
		grid-template-columns: 1fr;
	}

	.kit-image img {
		min-height: 0;
		max-height: 560px;
		aspect-ratio: 1.5;
	}

	.kit-hero-copy {
		padding-top: 35px;
	}

	.ingredient-opening img {
		height: 600px;
	}

	.kit-selection {
		gap: 20px;
	}

	.kit-card-body {
		padding: 25px;
	}

	.kit-card h2 {
		font-size: 34px;
	}
}

@media(max-width:760px) {
	.kit-selection,.kit-benefits,.ingredient-next,.contact-panel {
		grid-template-columns: 1fr;
		gap: 35px;
		padding: 45px 7%;
	}

	.kit-help {
		flex-direction: column;
		align-items: start;
		gap: 20px;
		padding: 45px 7%;
	}

	.kit-help h2 {
		font-size: 35px;
	}

	.kit-hero {
		padding: 35px 7% 50px;
	}

	.kit-steps {
		grid-template-columns: 1fr;
	}

	.kit-content,.kit-faq {
		padding: 50px 7%;
	}

	.kit-section-heading h2,.kit-benefits h2 {
		font-size: 38px;
	}

	.kit-benefit-note {
		padding: 30px;
	}

	.kit-purchase-end h2 {
		font-size: 38px;
	}

	.ingredient-opening {
		grid-template-columns: 1fr;
	}

	.ingredient-opening>div {
		padding: 45px 7%;
	}

	.ingredient-opening h1 {
		font-size: 67px;
	}

	.ingredient-opening img {
		height: 510px;
	}

	.ingredient-guide {
		padding: 50px 7%;
	}

	.ingredient-guide .sectionhead {
		gap: 25px;
	}

	.kit-price del {
		margin-left: 5px;
	}

	.contact-panel h2 {
		font-size: 39px;
	}
}
 .checkout-step {
      flex: 1;
      text-align: center;
      position: relative;
    }

    .checkout-step:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 22px;
      left: 60%;
      width: 80%;
      height: 3px;
      background: #dee2e6;
      z-index: 0;
    }

    .checkout-step.completed:not(:last-child)::after {
      background: #198754;
    }

    .step-circle {
      width: 44px;
      height: 44px;
      margin: 0 auto 10px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #e9ecef;
      color: #495057;
      font-weight: 600;
      position: relative;
      z-index: 1;
    }

    .checkout-step.active .step-circle {
      background: #0d6efd;
      color: white;
    }

    .checkout-step.completed .step-circle {
      background: #198754;
      color: white;
    }

    .step-label {
      font-size: 14px;
      color: #6c757d;
    }

    .checkout-step.active .step-label {
      color: #0d6efd;
      font-weight: 600;
    }

    .checkout-step.completed .step-label {
      color: #198754;
    }

    @media (max-width: 576px) {
      .step-label {
        font-size: 11px;
      }

      .checkout-step:not(:last-child)::after {
        top: 18px;
      }

      .step-circle {
        width: 36px;
        height: 36px;
      }
    }

.hero .hero-headline {color:#FFF;}
.hero .hero-sub {color:#FFF !important;}
.hero .system-price {color:#FFF !important;}
.hero p.small {color:#FFF !important;}
.hero .system-price .was{color:#FFF !important;}
.hero .btn {color:#FFF !important;}

footer a:hover {color:#ebc07e !important}

/* ---------------- Systems nav: open on hover, not click ---------------- */
@media (min-width: 992px){
  .main-nav .dropdown.dropdown-hover{
    position:relative;
  }
  .main-nav .dropdown.dropdown-hover > .dropdown-menu{
    top:100%;
    left:0;
    margin-top:0;
  }
  .main-nav .dropdown.dropdown-hover:hover > .dropdown-menu,
  .main-nav .dropdown.dropdown-hover:focus-within > .dropdown-menu{
    display:block;
  }
}
@media (max-width: 991.98px){
  .main-nav .dropdown.dropdown-hover > .dropdown-menu{
    display:block;
    position:static;
    float:none;
    margin:0;
    padding:.25rem 0 .25rem 1.1rem;
    border:0;
    box-shadow:none;
    background:transparent;
  }
  .main-nav .dropdown.dropdown-hover > .dropdown-menu .dropdown-item{
    font-size:12px;
    padding:.35rem 0;
  }
}