/* -------------------------------------------------- */
/* Reset - http://purecss.io/base
/* -------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, main{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}.hide{display:none;}html{box-sizing: border-box;}*,*:before,*:after{box-sizing:inherit;}.clear{font-size:0px;clear: both;height: 0px;}*:focus{outline: none;}strong{font-weight:bold;}em{font-style:italic;}input:invalid{box-shadow: none;}button{border:none;background:none;padding:0;margin: 0;}button::-moz-focus-inner{border:0;}input,button{border-radius:0;border-radius:none;}html{scroll-behavior: smooth;}
/* -------------------------------------------------- */
/* Common
/* -------------------------------------------------- */
body{
	font-family: 'Lora', sans-serif;
	font-size: 16px;
	color: #000000;
	overflow-x: hidden;
}
h1, h2, h3, h4{
	font-family: 'Inter', sans-serif;
	line-height: 1.2em;
	margin: 12px 0;
}
h1{ font-size: 42px; }
h2{ font-size: 33px; }
h3{ font-size: 27px; }
a{
	color: #ec1f2b;
}
a:hover{
	text-decoration: none;
}
strong{
	font-weight: 700;
}
sup{
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
p{
	line-height: 1.6em;
	padding: 12px 0;
}
.hi{
	color: #ef2331;
}
.container,
.container-min{
	width: 100%;
	padding: 0 24px;
	margin: 0 auto;
	max-width: 1366px
}
.container-min{
	max-width: 683px;
}

.dark-bg{
	color: #fff;
}

/* -------------------------------------------------- */
/* Header
/* -------------------------------------------------- */
header{
	padding: 6px 0;
}
header .container-min{
	display: flex;
	align-items: center;
}
header nav{
	margin-left: auto;
}
header nav ul{
	display: inline-flex;
}
header nav a{
	display: block;
	padding: 12px;
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #ec1f2b;
}

/* -------------------------------------------------- */
/* Hero
/* -------------------------------------------------- */
.hero{
	padding: 54px 0;
	background: #050609 url('/assets/images/stormy-clouds-bg.webp') no-repeat center;
	background-size: cover;
}
.hero-img-txt{
	display: flex;
	flex-wrap: wrap-reverse;
	align-items: center;
	margin: -24px;
}
.hero-txt,
.hero-img{
	width: 60%;
	padding: 24px;
}
.hero-img{
	width: 40%;
	text-align: center;
}
.hero-img img{
	width: 100%;
	max-width: 350px;
	height: auto;
}
.title{
	font-family: 'Lora', serif;
	font-size: 33px;
	text-transform: uppercase;
	letter-spacing: 6px;
	line-height: 1em;
	font-weight: 400;
}
.title .hi{
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 800;
}
.hero .tagline{
	font-family: 'Inter', sans-serif;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.4em;
}

/* -------------------------------------------------- */
/* Summary
/* -------------------------------------------------- */
.summary-sec{
	padding: 54px 0 72px 0;
}
.sec-hd{
	font-size: 33px;
	font-weight: 300;
	margin-bottom: 24px;
}

/* -------------------------------------------------- */
/* Review
/* -------------------------------------------------- */
.review-sec{
	background: #efefef;
	padding: 54px 0 72px 0;
}
.qmark{
	display: block;
	background: url('/assets/images/quote.svg') no-repeat;
	background-size: 32px 32px;
	height: 32px;
	width: 32px;
	float: left;
	margin: 6px 12px 12px 0;
}
blockquote{
	margin-bottom: 36px;
}
.main blockquote{
	margin-bottom: 12px;
}
blockquote p{
	padding: 0 0 12px 0;
}
blockquote cite{
	font-size: 14px;
	line-height: 1.6em;
}
blockquote .name{
	font-family: 'Inter', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	color: #ef2331;
}
.reviews blockquote:last-child{
	margin-bottom: 0;
}

/* -------------------------------------------------- */
/* Bio
/* -------------------------------------------------- */
.bio-sec{
	padding: 54px 0 108px 0;
}

/* -------------------------------------------------- */
/* CTA
/* -------------------------------------------------- */
.cta{
	padding: 0 0 72px 0;
	background: #050609 url('/assets/images/stormy-clouds-bg.webp') no-repeat center;
	background-size: cover;
	text-align: center;
}
.cta h2{
	font-weight: 800;
}
.cta img{
	margin-top: -54px;
}

/* -------------------------------------------------- */
/* Buttons
/* -------------------------------------------------- */
a.btn, button.btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 700;
	height: 48px;
	padding: 0 18px 0 24px;
	border: 1px solid #000;
	text-decoration: none;
	margin-right: 12px;
}
a.btn-sm, button.btn-sm{
	height: 27px;
	padding: 0;
	border: none;
}
.dark-bg a.btn, .dark-bg button.btn{
	color: #fff;
	border-color: #fff;
}
.dark-bg svg{
	color: #fff;
}
a.btn span, button.btn span{
	display: inline-block;
	padding-right: 6px;
}
a.btn svg, button.btn svg{
	transform: translateX(0);
	-webkit-transition: transform .25s; /* Safari */
	transition: transform .25s;s
}
a.btn:hover svg, button.btn:hover svg{
	transform: translateX(3px);
}
button:hover{
	cursor: pointer;
}
button span, button svg{
	pointer-events: none;
}

/* icon buttons */

ul.ibtns{
	display: flex;
	justify-content: center;
	margin: -3px;
	padding: 12px 0;
}
ul.ibtns li{
	padding: 3px;
}
ul.ibtns a{
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid #000;
	color: #000;
	-webkit-transition: color .25s, background-color .25s; /* Safari */
	transition: color .25s, background-color .25s;
}
.dark-bg ul.ibtns a{
	border-color: #fff;
}
ul.ibtns a:hover{
	background-color: #000;
	color: #fff;
}
ul.ibtns a:hover svg{
	color: #fff;
}
.dark-bg ul.ibtns a:hover{
	background-color: #fff;
	color: #000;
}
.dark-bg ul.ibtns a:hover svg{
	color: #000;
}

/* -------------------------------------------------- */
/* Main
/* -------------------------------------------------- */
.breadcrumb{
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	color: #fff;
	opacity: .75;
}
.breadcrumb a{
	display: block;
	margin-bottom: 9px;
	color: #fff;
}
.breadcrumb a:hover{
	opacity: 1;
}
a.back{
	display: inline-flex;
	align-items: center;
}
.pg-title{
	font-size: 48px;
	margin: 0;
}
.main{
	padding: 54px 0 108px 0;
}

.blog article{
	margin-bottom: 24px;
}
.blog article h2 a{
	color: #000;
	margin: 0 0 9px 0;
}
.blog .sum{
	line-height: 1.4em;
	margin: 0 0 9px 0;
}
.main figure{
	margin-bottom: 12px;
}
.main figure img{
	width: 100%;
	height: auto;
}

/* Video */

.video { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin: 12px 0;
} 
.video iframe, .video object, .video embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -------------------------------------------------- */
/* Modals
/* -------------------------------------------------- */
.modal {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  overflow: hidden;
  background-color: rgba(0,0,0, 0.5);
  z-index: 9999;
}
.modal-window {
  position: relative;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  max-height: 720px;
  box-shadow: 0 0 18px rgba(0,0,0,.2);
  overflow: hidden;
}
.open { display: flex; }
body.active-modal{ overflow: hidden; }


/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
footer{
	padding: 24px 0 48px 0;
	font-family: 'Inter', sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}
footer nav ul{
	display: flex;
	justify-content: center;
	margin: -6px;
}
footer nav a{
	display: block;
	padding: 6px;
	color: #000;
}

/* -------------------------------------------------- */
/* Breakpoints
/* -------------------------------------------------- */
@media screen and (max-width: 900px) {
	.hero .tagline{ font-size: 36px; }
}
@media screen and (max-width: 800px) {
	.hero-txt, .hero-img{ 
		width: 100%; 
		text-align: center;
	}
}
@media screen and (max-width: 500px) {
	.hero .tagline{ font-size: 30px; }
	.title{ font-size: 27px; }
	.logo{
		width: 55px;
		overflow: hidden;
	}
}