@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400&display=swap');
*,:before,:after{margin:0;padding:0;box-sizing:border-box;margin:0;padding:0;outline:none;}
::-moz-selection{background:#000;color:#fff;}
::selection{background:rgba(0,0,0,.05);}
body{font-family:'Poppins',sans-serif;font-weight:200;line-height:1.5;color:#000;}

h1,h2,h4, h3{font-weight:200;line-height:1;margin-bottom: .25em}
h1{font-size:3rem;}
h2{font-size:2.5rem;}
h3{font-size:1.75rem;}
h4{font-size:1rem;font-size:1.5rem}

.p1 {font-size:3.5rem;}
.p2 {font-size:2.2rem;}
.p3 {font-size:1.4rem;font-weight: 300}
.p4 {font-size:1rem;font-weight: 300}
.p5 {font-size: .8rem;}
.strong {font-weight:600;}

hr {border:none;border-top:1px solid}
a {color:inherit;text-decoration: none}
a.tick {transition:translate .5s;display:block;}
a.tick:hover {translate:.1em 0}
a.ul {text-decoration: underline;text-decoration-thickness:.1px;text-underline-offset:2px;transition: text-decoration-thickness .5s}
a.ul:hover{text-decoration-thickness: 1px;}

a.button{padding:.75rem 1rem;;background:rgba(255,255,255,.5);display:inline-block;margin:1rem 0;min-width:10rem;text-align:center;transition:all .5s;line-height:1.25;border:1px solid}
a.button:hover{background:#fff;}
a.button.bb{border:1px solid #000;}
a.tick{transition:margin .5s;margin-right:.5rem;}
a.tick:hover{margin-left:.5rem;margin-right:0;}
a.sb {margin:0 .25rem;transition:transform .5s}
a.sb:hover{transform:scale(1.25)}

figure {transition: opacity 1s}
figure img {width:100%;display:block}
figure figcaption {font-size:.8rem;}
figure.no-caption figcaption {display: none;}
iframe {width:100%;border:0;aspect-ratio:1.8;}

figure.fix.fit {width:100%;height:100%;}
figure.fix.r50 {aspect-ratio:2;}
figure.fix.r60 {aspect-ratio:1.66666;}
figure.fix.r75 {aspect-ratio:1.5;}
figure.fix.r100 {aspect-ratio:1;}

figure.fix img{width:100%;height:100%;object-fit:cover;}
figure.fix.contain img{object-fit:contain;}
figcaption {padding:.5em 0;}
figure.ll{opacity:.1;}

a figure{overflow:hidden;}
a figure img{transition:transform .5s;display:block;}
a figure:hover img{transform:scale(1.05);}

hr {border:0;border-bottom:1px solid;width:50%;margin:.25rem 25% .75rem 25%;}
p.bullet {padding:.25em 1.75em;position:relative;}
p.bullet:before {content:'●';position:absolute;margin-left:-1em;}

header{font-weight:300;padding:.5rem;background:#fff;border-bottom:1px solid #eee;}
header a.logo {display:inline-block;vertical-align:middle;width:25%;}
header nav {display:inline-block;vertical-align:middle;width:75%;font-size:.9rem;font-weight:400;text-align:right}
header nav ul{white-space: nowrap;}

footer{background:#e7c3b5;font-size:.9rem;padding:2rem 0;}
footer img.logo{width:auto;}
img{max-width:100%;pointer-events: none;}
small,.small{font-size:.9rem;}
article {margin-bottom:4rem;}
.row{display:block;clear:both;}
.col{display:inline-block;vertical-align:top;padding:.75rem 1.5rem;min-height:1px;}
.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%;}
.col-2 {column-count:2;}

.offset-m1{margin-left:8.3333333333%;}
.offset-m2{margin-left:16.6666666667%;}
.offset-m3{margin-left:25%;}
.pullout{margin:0 -.75rem;}
.pd{padding:.75rem;}
.pd2{padding:1.5rem;}
.ph{padding:0 .75rem;}
.pv{padding:.75rem 0;}
.pv2{padding:2.5rem 0;}
.mb{margin-bottom:.75rem;}
.mt{margin-top:.75rem;}
.mb2{margin-bottom:1.5rem;}
.mv{margin:.75rem 0;}
.pt3 {padding-top:3rem;}

.fh{min-height:100vh;}
.fw{min-width:100%;}
.wbg{background:#fff;}
.small {font-size:.9rem;}
.big {font-size:1.25rem;}
.bigger {font-size:1.5rem;}
.min-6 {min-height: 6rem;}
.min-12 {min-height: 12rem;}
.min-24 {min-height: 24rem;}
.wfg, .wfg a {color:#fff;}
.dfg, .dfg a {color:#114657}
.up{text-transform:uppercase;}
section {padding:1rem 0 2rem 0;min-height:50vh}
.center {text-align: center;}
.right {text-align: right;}

.vc{display:flex;align-items:center;}

.pbg-1 {background:rgba(231, 195, 181, .25)}
.pbg-2 {background:rgba(231, 195, 181, .5)}
.pbg-3 {background:rgba(231, 195, 181, .75)}
.pbg-4 {background:rgba(231, 195, 181, 1)}

.io{transition: all 2s;}
/*.io.active .up {transform:translate(0, -10vh)}
.io.active.grow {transform:scale(1.25);}*/


.index {background:#fff7f3}


/*figure.fix{position:relative;overflow:hidden;}
figure.fix.ll{background:#fbfbfb url(../gfx/spinner.svg) no-repeat center center;background-size:3rem;}
figure.fix.r30{padding-top:30%;}
figure.fix.r40{padding-top:40%;}
figure.fix.r50{padding-top:50%;}
figure.fix.r75{padding-top:75%;}
figure.fix.r100{padding-top:100%;}
figure.fix.vh{padding-top:auto;height:calc(100vh - 14rem);max-height:40rem;}
figure.fix.vh100{padding-top:auto;height:100vh;}
figure.fix.vh75{padding-top:auto;height:75vh;}
figure.fix img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
figure.fix.contain img{object-fit:contain;}
figure.fix.contain.lt img{object-position:left top;}
figure.fix.contain.rt img{object-position:right top;}
figure figcaption{font-size: 0.8rem;padding: .5rem 0;}*/

.form * {font-family:inherit;}
.form .progress{display:block;width:100%;height:.25rem;background:#eee;margin:.5rem 0;}
.form .bar{display:inline-block;float:left;width:0;height:.25rem;background:#a1a1a1;transition:all .5s;}
.form .bar.complete{background:#3c3;}
.form p{margin:1rem 0;position:relative;}
.form p:hover label{color:#333;}
.form p:hover input{border-color:#333;}
.form label{display:block;font-size:.75rem;color:rgba(0,0,0,.5);transition:color .5s;user-select:none;}
.form input{font-size:.9rem;background:none;border:none;border-bottom:1px solid rgba(0,0,0,.1);width:100%;height:2.5rem;transition:border 1s;}
.form input:focus{border-color:#333;}
.form input.touched:invalid{border-color:red;}
.form input.touched:valid{border-color:#3c3;}
.form input.btn{width:auto;min-width:10rem;background:#eee;border:none;font-size:1rem;transition:all .5s;cursor:pointer;}
.form input.btn:hover{background:#333;color:#fff;}
.form textarea{font-family:inherit;margin-top:.5rem;border:none;border-bottom:1px solid #ddd;display:inline-block;width:100%;min-height:10rem;line-height:2rem;background-color:transparent;background-size:100% 2rem;background-image:linear-gradient(0deg,#eee 1px,transparent 1px);background-position:top left;}
.form input[type=submit]{width:auto;min-width:10rem;background:#eee;border:none;font-size:1rem;transition:all .5s;cursor:pointer;}
.form input[type=submit]:hover{background:#333;color:#fff;}

.message {padding:1rem;border:1px solid; color: #e7c3b5;}
.error {padding:1rem;border:1px solid; color: #f99;}

.masthead {position:relative;}
.banner {position:absolute;left:50%;bottom:0;width:40rem;background: #fff;min-height:10rem;transform:translate(-50%, 10%);padding:1rem;}
.banner .button {width:49%}
a.button:hover{transform:scale(1.1);}
a.button.dbg{background:#000;color:#fff!important;}
.fix.p100{height:100%;}

.simpleslider{height:60vh;position:relative;}
.simpleslider .np {position:absolute;width:1.5rem;height:1.5rem;top:50%;transform:translate(0,-50%) rotate(45deg);z-index:1000;opacity:.5;border:5px solid #fff;transition:opacity .25s;cursor:pointer;}
.simpleslider .np:hover {opacity: 1; border-color:#000;}
.simpleslider .np.prv {left:1rem;border-right:none;border-top:none}
.simpleslider .np.nxt {right:1rem;border-left:none;border-bottom:none}
.simpleslider .cell{position:absolute;width:100%;height:100%;overflow:hidden;transition:opacity 2s;}
.simpleslider .cell.active{opacity:1;}
.simpleslider img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.thumbs{margin:1rem -.5rem; height:30rem;max-height: 50vh;overflow: scroll;margin-bottom: 4rem;}
.thumbs .thu{display:inline-block;width:20%;cursor:pointer;padding:.5rem;filter:saturate(.85);transition:filter .5s;position:relative;}
.thumbs .thu .thu-inner{display:block;padding-top:75%;background-size:cover;}
.thumbs .thu:hover,.thumbs .thu.active{filter:saturate(1);}
.thumbs .thu:hover:after, .thumbs .thu.active:after{content: '';width: calc(100% - 1rem);border-bottom: 3px solid;height: 6px;position: absolute;}
.thumbs .thu span{position:absolute;top:50%;transform:translate(0,-50%);}
.wrap{position:relative;}
.wrap img{width:100%;display:block;}
.wrap iframe{border:0;width:100%;height:100%;}
.wrap.vim,.wrap.ytb{cursor:pointer;background:#2d343e;}
.wrap.vid:before{content:'';position:absolute;width:5rem;height:5rem;left:50%;top:50%;background-size:contain;transform:translate(-50%,-50%);z-index:10;background-repeat:no-repeat;background-position:center;}
.wrap.vid.vim:before{background-image:url(../gfx/video_vim.svg);}
.wrap.vid.ytb:before{background-image:url(../gfx/video_ytb.svg?v=1);}
input#q{border:none;border-bottom:1px solid #ccc;outline:none;border-radius:0;padding:.2rem 0;width:6rem;font-size:.9rem;font-family:inherit;}

.appear{animation-duration:3s;animation-name:appear;}
@keyframes appear {
from{opacity:0;}
to{opacity:1;}
}
@keyframes zoomin {
from{transform:scale(1);}
to{transform:scale(1.1);}
}

@media (min-width:980px) {
	header{position:fixed;top:0;left:0;z-index:100;width:100vw;height:7.5rem;}
	header .burger {display:none;}
	header a.logo img{transition:all .5s;margin:.5rem 0;}
	header.active {height:auto}
	header.active .logo img{width:60%;margin:0;}
	
	header nav ul li{display:inline-block;position:relative;text-align:left}
	header nav ul li a{display:block;padding:.75rem;opacity:.5;transition:opacity .25s;}
	header nav ul li a.active, header nav ul li a:hover{opacity:1;}
	
	header nav ul li a.hc {padding-right:2rem;position:relative;}
	header nav ul li a.hc:after {content: '';position: absolute;width: 0.4rem;height: 0.4rem;transform: rotate(45deg);margin: 0.25rem 0.75rem;border-bottom: 1px solid;border-right: 1px solid;}
	
	header nav ul.sub{position:absolute;border-top:4px solid #e7c3b5;top:2.5rem;left:.25rem;flex-direction:column;padding-bottom:.5rem;opacity:0;transition:opacity .25s;z-index:100;width:14rem;pointer-events:none;box-shadow:0 0 1rem rgba(0,0,0,.1);background:#fff;padding:.75rem;}
	header nav ul li:hover ul.sub{opacity:1;pointer-events:all;}
	header nav ul.sub li{display:block;}
	header nav ul.sub li a{padding:.5rem .5rem;background:#fff}
	
	main{padding-top:7.5rem;}
	
	.float{background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);transform:translate(0, -15vh)}
	.masthead {width:100vw;height:calc(100vh - 10rem);max-height:50vw;overflow:hidden;}
	.masthead img {width:100%;height:100%;object-fit:cover;}
	.masthead .col1 {display:inline-block;vertical-align:top;width:60%;height:100%;background:#e7c3b5;float:left;}
	.masthead .col1 .inner{padding:10%;height:100%;}
	
	.masthead .col2 {display:inline-block;vertical-align:top;width:20%;height:90%;background:#114657;color:#fff;float:left;position:relative;}
	.masthead .col2 .inner.top{height:40%;}
	.masthead .col2 .inner.bottom{height:60%;padding:2rem;}
	
	.masthead .col3 {display:inline-block;vertical-align:top;width:20%;height:90%;background:#fff;float:left;}
	.masthead .col3 .inner.top{height:50%;padding:1rem;}
	.masthead .col3 .inner.bottom{height:50%;}
	
	.masthead .col4 {display:inline-block;vertical-align:top;width:40%;height:10%;background:#42849e;color:#fff;float:left;}
	.masthead .col4 .inner{padding:.5rem;justify-content:center;color:#fff;height:100%;}

	.c{max-width:70rem;margin:0 auto;}
	
	.row.inset{margin:0 -1.5rem}
	.vr, .vl {display:inline-block;vertical-align: top}
.vr {width:8em;font-size: .8rem;text-align:right;margin-right: 1rem;}
.vl {font-size: .9rem;}
}

@media (max-width: 980px) {
  	small {font-size:.75rem}
	header {height:17vw;}
	header a.logo {width:50%;}
	header nav{width:50%}
	header nav .burger {display:inline-block;font-size:1.5rem;font-weight:normal;font-family:arial;color:#e7c3b5;cursor:pointer;}
	
	header nav ul.main{position:absolute;z-index:10;width:calc(100% - 4rem);left:0;top:17vw;margin:0 2rem;max-height:0;overflow:hidden;transition:max-height .5s;background:#fff;}  
	header nav ul.main.active{max-height:100vh;overflow:scroll;border-top:4px solid #2ea3f2}
	header nav ul li{display:block;text-align:left;}
	header nav ul li a{display:block;padding:.75rem;opacity:.75;transition:opacity .25s;font-weight:bold;border-bottom:1px solid #eee;}
	header nav ul.sub li a{margin-left:1rem;}
	
	.masthead {width:100vw;height:100vh;overflow:hidden;}
	.masthead img {width:100%;height:100%;object-fit:cover;}
	.masthead .col1 {display:inline-block;vertical-align:top;width:100%;height:50%;background:#e7c3b5;float:left;font-size:.8rem}
	.masthead .col1 .inner{padding:10%;height:100%;}
	
	.masthead .col2 {display:inline-block;vertical-align:top;width:50%;height:40%;background:#114657;color:#fff;float:left;position:relative;}
	.masthead .col2 .inner.top{height:40%;}
	.masthead .col2 .inner.bottom{height:60%;padding:2rem;}
	
	.masthead .col3 {display:inline-block;vertical-align:top;width:50%;height:40%;background:#fff;float:left;}
	.masthead .col3 .inner.top{height:60%;padding:1rem;font-size:.8rem}
	.masthead .col3 .inner.bottom{height:40%;}
	
	.masthead .col4 {display:inline-block;vertical-align:top;width:100%;height:10%;background:#42849e;color:#fff;float:left;}
	.masthead .col4 .inner{padding:.5rem;justify-content:center;color:#fff;height:100%;}
	.col {width:100%;padding:1rem 0;}
	.c {width:100%;padding:0 1.5rem;}
	
	footer .row.inset {margin:0}
	article {padding:0 1rem}
}