@charset "utf-8";

:root {
    scroll-behavior: auto;
}

/* CSS Document */

/*
font-family: "ten-oldstyle", serif;
font-weight: 400;
font-style: normal;

font-family: "ten-oldstyle", serif;
font-weight: 400;
font-style: italic;
*/


html {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:"ten-oldstyle", sans-serif; font-weight:400; font-size:15px;}
*, *:before, *:after {-webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

body, html {min-height:100%; width:100%; margin:0; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}
body {background:#000; font-family:"ten-oldstyle", sans-serif; font-weight:400; position:relative; min-height:100vh;}
body, p, h1, h2, h3 {margin:0; padding:0;}

em {font-family:"ten-oldstyle", sans-serif; font-style:italic;}

/* Home Background Video */
#home_bg-video {
  object-fit:cover;
  width:100vw;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  min-height:744px;
}
#home_bg-vignette {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:1;
  background: radial-gradient(transparent 50%, black), transparent;
  min-height:744px;
}

#page {position:relative; z-index:1;}

/* Page Header */
#page_header {position:absolute; top:0; left:0; right:0; text-align:center; padding:0 25px; z-index:2;}
#page_header:before {content:" "; display:block; position:absolute; top:0; left:0; right:0; height:331px; pointer-events:none;
background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));}
#page_header header {position:relative; max-width:374px; margin:0 auto;}
#page_header h1 {margin:0; padding:44px 0 28px 0; font-size:16px; font-weight:400; line-height:1.5; letter-spacing:2.17px; text-align:center; color:#eee;}
#page_header h1 a {color:#fff; text-decoration:none;}
#page_header h1 a:hover {color:#fff; text-decoration:underline;}
#page_header h1 span {display:block;}



#home_links {position:relative; z-index:1; /*min-height:744px; height:100vh;*/ padding:110px 0;}
#home_links-holder {
/*
width:100%;
max-width:1920px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
*/
}

.home_link {/*float:left; width:33.33%; padding:0 43px;*/ position:relative; width:210px; padding:20px; margin:0 auto;}
.home_link-pod {position:relative; width:100%; padding-bottom:100%;}
.home_links-link {display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50%; overflow:hidden; z-index:1;}
.home_links-link span {display:block; position:absolute; top:0; left:0; right:0; bottom:0; text-indent:-9999px; opacity:0;}
.home_links-video {
  object-fit:cover;
  width:auto;
  height:100%;
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
}

#home_link-about .home_link-pod {}
#home_link-gallery .home_link-pod {}
#home_link-more .home_link-pod {}


#mt_credit {position:absolute; bottom:28px; left:0; right:0; margin:auto; color:#fff; font-size:15px; text-align:center; z-index:99; opacity:.5;}
#mt_credit a {color:#fff; text-decoration:none;}
#mt_credit a:hover {text-decoration:underline;}

/* Media Queries */
@media only screen and (min-width: 480px) {

#page_header h1 span {display:inline-block;}

}

@media only screen and (min-width: 520px) {

}

@media only screen and (min-width: 600px) {

#page_header header {max-width:100%;}
#page_header h1 {font-size:22px; letter-spacing:2.98px;}

#home_links {position:relative; z-index:1; min-height:744px; height:100vh; padding:0;}
#home_links-holder {
width: calc(100% - 20px);
max-width:1920px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.home_link {float:left; width:33.33%; padding:0 10px; position:relative; margin:0;}

}

@media only screen and (min-width: 720px) {

#page_header h1 {font-size:24px; letter-spacing:3.25px;}

#home_links-holder {width: calc(100% - 30px);}
.home_link {padding:0 15px;}

}

@media only screen and (min-width: 960px) {

#page_header {}
#page_header h1 {font-size:28px; letter-spacing:3.79px;}

#home_links-holder {width: calc(100% - 40px);}
.home_link {padding:0 20px;}
#mt_credit {font-size: 17px;}

}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1044px) {

}

@media only screen and (min-width: 1080px) {

}

@media only screen and (min-width: 1200px) {

#home_links-holder {width: calc(100% - 50px);}
.home_link {padding:0 25px;}

}

@media only screen and (min-width: 1320px) {

}

@media only screen and (min-width: 1600px) {  

}

@media only screen and (min-width: 1720px) {  

}

@media only screen and (min-width: 2000px) {  

}

@media only screen and (min-width: 2500px) {

}