@font-face {
	font-family: 'euclid_bp_bold';
	src: url('/assets/font/euclidbp_bold-webfont.eot');
	src: url('/assets/font/euclidbp_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/font/euclidbp_bold-webfont.svg#euclid_bp_bold') format('svg'), url('/assets/font/euclidbp_bold-webfont.woff') format('woff'), url('/assets/font/euclidbp_bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


:root {--su0:max(.5vw, .5rem)}
:root {--su1:max(1vw, 1rem)}
:root {--su2:max(2vw, 2rem)}
:root {--su3:max(3vw, 3rem)}
:root {--su4:max(4vw, 4rem)}
:root {--su5:max(5vw, 5rem)}


*{box-sizing:border-box;margin:0;padding:0;}
::-moz-selection { background: var(--c1); color: var(--c2);}
::selection { background: var(--c1); color: var(--c2);}

html{line-height:1.15;-webkit-text-size-adjust:100%}
body {font-family: "Helvetica Neue", Helvetica, sans-serif;margin:6rem 1rem;color:var(--c1);background:var(--c2);}
main {}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4{font-family:"euclid_bp_bold";}
a {color:inherit;text-decoration: none;}
a.ul {text-decoration: underline;	text-decoration-thickness: 1px;text-underline-offset: 0.1em;text-decoration-color: transparent;transition: text-decoration-color .25s;}
a.ul:hover {text-decoration-color: inherit;	}

a.tick {padding-right:.5em;transition: padding .5s}
a.tick:hover {padding-left:.5em;padding-right:0;}

a.button {display:inline-block;padding:var(--su1) var(--su2);background:var(--c1);color:var(--c2);border-radius:.25em;font-family:"euclid_bp_bold";}
a.button:hover {animation:pulse 2.5s ease-out infinite;}

hr {border:none;border-top:1px solid;}

input {width:100%;padding:.5em;font-size:var(--su2);border:2px solid;}


header{position:fixed;width:100vw;top:0;left:0;z-index:10;background:var(--c2);}
header .burger {position:fixed;font-size:1.75rem;width:1.4em;height:1em;right:var(--su2);top:1.5rem;z-index:1000;cursor:pointer;}
header .burger span{position:absolute;border-top:.1em solid;width:100%;}
header .burger span:nth-child(1){top:0;transition:all .25s;transform-origin:top right;}
header .burger span:nth-child(2){top:.4em;transition:transform .25s;}
header .burger span:nth-child(3){top:.8em;transition:all .25s;transform-origin:bottom right}
body.nav-active .burger span {color:var(--c2)}
body.nav-active .burger span:nth-child(1){transform:translate(-.16em) rotate(-45deg);width:1.22em}
body.nav-active .burger span:nth-child(2){transform:scale(0,1)}
body.nav-active .burger span:nth-child(3){transform:translate(-.16em) rotate(45deg);width:1.22em}

header nav {position: absolute;top:0;left:100vw;height:100vh;background:var(--c1);color:var(--c2);z-index:1;width:30rem;transition:transform .5s;}
body.nav-active header nav {transform:translate(-100%, 0)}

header nav ul {list-style:none;}
header nav ul li a{display: block;padding:var(--su0) var(--su1);font-size:var(--su2);font-weight: bold;transition:padding .5s;padding-right: var(--su2)}
header nav ul li a:hover{padding-left:var(--su2);padding-right:var(--su1)}

header nav ul li ul{padding-left:0;}
header nav ul li ul li {padding-left:var(--su2)}
header nav ul li ul li a{font-size:1.5rem;font-weight:normal;}

.cc {max-width:80rem;margin:0 auto;}

.row{display:block;clear:both;}
.row.inset{margin:0 calc(-1 * var(--su1))}
.col{display:inline-block;vertical-align:top;padding:var(--su1);}

.m1{width:8.3333333333%;}
.m2{width:16.6666666667%;}
.m3{width:25%;}
.m4{width:33.3333333333%;}
.m5{width:41.6666666667%;}
.m6{width:50%;}
.m7{width:58.3333333333%;}
.m8{width:66.6666666667%;}
.m9{width:75%;}
.m10{width:83.3333333333%;}
.m11{width:91.6666666667%;}
.m12{width:100%;}

.mb {display:block;margin-bottom:var(--su1);}
.mb2 {display:block;margin-bottom:var(--su2);}
.mb3 {display:block;margin-bottom:var(--su3);}
.mb4 {display:block;margin-bottom:var(--su4);}

.mr {margin-right:var(--su1);}
.pd {padding:var(--su1);}
.pd2 {padding:var(--su2);}
.pd3 {padding:var(--su3);}
.pv {padding:var(--su1) 0;}
.pv2 {padding:var(--su2) 0;}
.pv3 {padding:var(--su3) 0;}
.ph {padding:0 var(--su1) ;}
.ph2 {padding:0 var(--su2);}
.ph3 {padding:0 var(--su3);}

.pr {padding-right:var(--su1);}
.pr2 {padding-right:var(--su2);}
.pr3 {padding-right:var(--su3);}

.read {max-width: 40em;}
.xs {font-size: 0.75rem;}
.sm {font-size: 0.875rem;}
.md, h5, .h5 {font-size: 1rem;}
.xs {font-size: 1.3125rem;}
.xl, h4, .h4 {font-size: 1.625rem;}
.xl2 {font-size: 1.875rem;}
.xl3, h3, .h3 {font-size: 2.5rem;}
.xl4, h2, .h2 {font-size: 3.125rem;}
.xl5, h1, .h1 {font-size: 3.75rem;}
.xl6 {font-size: 4.375rem;}
.xl7 {font-size: 5rem;}

.placeholder {aspect-ratio:1.5;background:var(--c1);opacity:.25}
.placeholder.r100 {aspect-ratio:1;}
.placeholder.r50 {aspect-ratio:2;}
.placeholder.animated {overflow:hidden;position:relative;border:1em solid}
.placeholder.animated .bar {content:'';position:absolute;width:150%;border-bottom:10rem solid var(--c2);animation:scan 4s linear infinite;}

.disabled {opacity: .5;pointer-events: none;user-select: none}

@keyframes scan {
	0%   { bottom:-10rem }
	100%  { bottom:100% }
}
@keyframes pulse {
0%,100%{transform:scale(1);}
50%{transform:scale(1.1);}
}
@media (max-width: 740px) {
	.col {width:100%;}
}