/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/* Corrects `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/* Corrects `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/* Prevents modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/* 1. Sets default font family to sans-serif. 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/* Removes default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/* Addresses `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/* Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/* Addresses `h1` font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; }

/* Addresses styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }

/* Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/* Addresses styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/* Sets consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/* Addresses inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/* Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Embedded content ========================================================================== */
/* Removes border when inside `a` element in IE 8/9. */
img { border: 0; }

/* Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/* Addresses margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/* Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 1. Corrects color not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/* 1. Corrects font family not being inherited in all browsers. 2. Corrects font size not being inherited in all browsers. 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Corrects inability to style clickable `input` types in iOS. 3. Improves usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/* Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }

/* 1. Addresses box sizing set to `content-box` in IE 8/9. 2. Removes excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/* Removes inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 1. Removes default vertical scrollbar in IE 8/9. 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/* Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

.oembed iframe, .oembed object, .oembed embed, .oembed img, .video iframe, .video object, .video embed, .video img { margin-left: auto !important; margin-right: auto !important; border-width: 0; }

.oembed-video, .video { position: absolute; top: 50%; left: 50%; min-width: 500%; min-height: 115%; background: black; width: auto; height: auto; z-index: 0; -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.oembed-video iframe, .oembed-video object, .oembed-video img, .video iframe, .video object, .video img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-aspect-ratio: 16 / 9) { .oembed-video, .video { min-width: 500%; min-height: 165%; } }
.thumb { width: 100%; height: 100%; max-width: 100%; position: absolute; background-size: contain; background-position: center; background-repeat: no-repeat; z-index: 100; opacity: 1; background-color: black; }
.thumb.hide { z-index: 0; }

.oembed-lazyvideo { background-color: #dedede; overflow: hidden; }
.oembed-lazyvideo .play { z-index: 10; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: .7; cursor: pointer; transition: opacity .4s ease-in-out; }
.oembed-lazyvideo .play img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; }
.oembed-lazyvideo:hover .play { opacity: .4; }
.oembed-lazyvideo .thumb { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: 50% 50%; cursor: pointer; }
.oembed-lazyvideo iframe, .oembed-lazyvideo object { display: none; }

@font-face { font-family: 'league-gothic'; src: url(font-path("leaguegothic-regular-webfont.eot")); src: url(font-path("leaguegothic-regular-webfont.eot?#iefix")) format("embedded-opentype"), url(font-path("leaguegothic-regular-webfont.woff2")) format("woff2"), url(font-path("leaguegothic-regular-webfont.woff")) format("woff"), url(font-path("leaguegothic-regular-webfont.ttf")) format("truetype"), url(font-path("leaguegothic-regular-webfont.svg#league_gothicregular")) format("svg"); font-weight: normal; font-style: normal; }
body { background: white; -webkit-font-smoothing: antialiased; font-family: "league-gothic", "League Gothic", Helvetica, Arial, sans-serif; height: 100%; }

html, body { overflow-x: hidden; }

h1, h2, h3, h4 { letter-spacing: -.01em; }

a { color: #131313; text-decoration: underline; outline: none; }
a:hover { color: #D8222A; }

header { width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; overflow: hidden; position: relative; background: none; margin: 0; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 5; }
header h1 { margin: 0; position: relative; line-height: 1em; height: auto; width: auto; text-align: center; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); padding: 0.3em 0.4em; }

section { text-align: center; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; background: none; position: relative; margin: 0; z-index: 5; background: white; background-size: 450px auto; overflow: hidden; }

h1 { font-size: 10vmin; margin: 0; font-family: "league-gothic", "League Gothic", Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase; color: white; letter-spacing: -0.01em; }
h1.single { position: absolute; width: 100%; text-align: center; font-size: 6vmin; padding-top: 2vmin; z-index: 10; }
h1.single a { text-decoration: none; color: white; }
h1.single a:hover { color: #D8222A; }

section .Block { margin: auto; display: block; }

section h1 { background: white; color: #131313; margin: auto; font-size: 10vmin; padding: 0.25em 0.5em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article { min-height: 100vh; position: relative; z-index: 2; }
article.Intro { padding-bottom: 0; }

#Scroller { position: relative; width: 100%; }

video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); pointer-events: none; background: white; }
video::-webkit-media-controls { display: none !important; }

#Intro { position: relative; cursor: s-resize; background: black; }
#Intro h2 { color: white; }
#Intro h1 { background: none; color: #131313; font-weight: normal; position: relative; z-index: 100; letter-spacing: -0.02em; -moz-animation: h1 30s ease-out; -webkit-animation: h1 30s ease-out; animation: h1 30s ease-out; }
#Intro img { position: absolute; min-width: 100%; height: auto; left: 50%; top: 50%; -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 10; }

#Nav { background: white; height: 100vh; }
#Nav a { color: #131313; }
#Nav a:hover { color: #D8222A; }

nav { font-size: 8vmin; display: -webkit-flex; display: flex; height: 100%; width: 100%; letter-spacing: -.01em; line-height: 1.3em; }
nav ul { list-style: none; margin: auto; padding: 0; text-align: center; }
nav a { text-decoration: none; color: #131313; text-transform: uppercase; }
nav a:hover { color: #1600FF; }

#SoundButton { position: fixed; top: 10px; left: 10px; width: 36px; height: 36px; background: #D8222A url('../images/icon-sound.png?1444128462') no-repeat top left; background-size: auto 36px; border-radius: 22px; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index: 5; opacity: 0; cursor: pointer; }
#SoundButton.Show { opacity: 1; }
#SoundButton.Off { background-position: top right; background-color: #131313; }
#SoundButton:hover { background-position: top left; }

.Intro img { opacity: 0; -moz-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; }
.Intro img.Show { opacity: 1; }

.Section, #Archive { min-height: 100vh; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; padding-bottom: 10vh; width: 100vw; max-width: 100%; position: relative; left: 0; z-index: 2; }
.Section:after, #Archive:after { content: ""; clear: both; float: none; display: block; }
.Section .Page, #Archive .Page { width: 50%; height: auto; top: 6vh; left: 0; min-width: 300px; display: block; float: left; background: no-repeat 20% 50% fixed; background-size: auto 80vh; overflow: hidden; position: relative; opacity: 0; -moz-transform: scale(1) translate3d(0, 0, 0); -ms-transform: scale(1) translate3d(0, 0, 0); -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); background: #fff; }
.Section .Page.Next, #Archive .Page.Next { opacity: 1; -moz-transform: scale(1) translate3d(0, 0, 0); -ms-transform: scale(1) translate3d(0, 0, 0); -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); }
.Section .Page.NoAnimate, #Archive .Page.NoAnimate { -moz-transition: all 0ms; -o-transition: all 0ms; -webkit-transition: all 0ms; transition: all 0ms; }
.Section .Page img, #Archive .Page img { height: 85vh; margin: auto; padding-left: 7vw; }
.Section .Page img.NoAnimate, #Archive .Page img.NoAnimate { -moz-transition: all 0ms; -o-transition: all 0ms; -webkit-transition: all 0ms; transition: all 0ms; }
.Section .Page.Full, #Archive .Page.Full { -webkit-flex-flow: row; flex-flow: row; overflow: hidden; }
.Section .Page.Full img, #Archive .Page.Full img { width: 100vw; height: auto; margin: auto; padding: 0 !important; }
.Section .Page aside, #Archive .Page aside { margin: auto auto auto 10%; width: 60%; }
.Section .Page:nth-of-type(odd) aside, #Archive .Page:nth-of-type(odd) aside { margin: auto 10% auto auto; }
.Section .Page p, #Archive .Page p { font-family: Courier, Inconsolata, monospace; margin: 5px 0 1.5em 0; line-height: 1.5em; display: block; }
.Section .Page:nth-of-type(odd):last-of-type, #Archive .Page:nth-of-type(odd):last-of-type { width: 100vw; }
.Section .Page:nth-of-type(odd):last-of-type img, #Archive .Page:nth-of-type(odd):last-of-type img { padding: 0 !important; }
.Section .Page:nth-of-type(even) img, #Archive .Page:nth-of-type(even) img { padding-left: 0; padding-right: 7vw; }

.Paged aside { min-height: 50vh; max-width: 360px; }
.Paged h1 { position: relative; color: #131313; z-index: 1000; width: 100vw; height: 20vh; line-height: 20vh; font-size: 56px; text-align: center; -webkit-flex-flow: row; flex-flow: row; }
.Paged h2 { font-size: 28px; margin-bottom: 1em; margin-top: 60px; letter-spacing: 0.01em; font-weight: normal; text-align: center; }
.Paged h3 { font-size: 24px; margin-bottom: 5px; margin-top: 60px; letter-spacing: 0.01em; font-weight: normal; }
.Paged p { margin-top: 10px; }

#Navi h1 { font-size: 32px; position: fixed; left: 50%; top: 20px; -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
#Navi ul { position: fixed; top: 50%; -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); list-style: none; margin: 0; padding: 0; font-size: 28px; line-height: 42px; text-align: right; z-index: 2; }
#Navi ul a { text-decoration: none; text-transform: uppercase; color: #131313; }
#Navi ul a:hover { color: #D8222A; }
#Navi ul li { letter-spacing: -.01em; }
#Navi ul li.Selected:before { content: ""; position: absolute; width: 5px; height: 1em; right: -20px; margin-top: 0.2em; background: #D8222A; }
#Navi #Left { left: 30px; }
#Navi #Right { right: 20px; }

article { cursor: s-resize; z-index: 5; overflow: hidden; background: #FFF no-repeat top center; background-size: cover; }
article p { margin: 0; padding: 10px 0 0; }
article .button { font-family: Courier, Inconsolata, monospace; font-weight: normal; line-height: 2em; letter-spacing: 1px; display: inline-block; min-width: 180px; padding: 10px 15px; font-size: 14px; border: 1px solid white; color: white; text-decoration: none; cursor: pointer; }
article .button:hover { border-color: #D8222A; background: #D8222A; }
article .button.play { outline: none; min-width: 0; width: 72px; height: 72px; padding: 0; border-radius: 40px; line-height: 60px; margin-bottom: 20px; }
article .button.play:after { display: inline-block; content: ""; width: 0; height: 0; border: 12px solid transparent; border-left-color: white; position: relative; top: 13px; left: 10px; -moz-transform: scaleX(1.5); -ms-transform: scaleX(1.5); -webkit-transform: scaleX(1.5); transform: scaleX(1.5); }
article h2 { position: absolute; top: 0; left: 50%; -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); color: white; font-size: 8vmin; margin: 0; font-weight: normal; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 0.3) no-repeat center; background-size: cover; text-transform: uppercase; z-index: 5; padding: 0; opacity: 1; -moz-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; }
article h2 span { position: relative; top: 46%; -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); line-height: 0.65em; display: block; }
article h2 span small { font-family: Courier, monospace; font-size: 2.5vmin; letter-spacing: 0; }
article .video { -moz-transition: all 300ms ease-in-out, z-index 1ms; -o-transition: all 300ms ease-in-out, z-index 1ms; -webkit-transition: all 300ms ease-in-out, z-index 1ms; transition: all 300ms ease-in-out, z-index 1ms; }
article.videoPlay h2 { opacity: 0; }
article.videoPlay .video { min-width: 100%; min-height: 100%; }
article.videoEnable h2 { z-index: 0; }
article.videoEnable .thumb { display: none; }
article.videoEnable .video { z-index: 5; }

#PastCollections { background: #131313; color: white; cursor: auto; height: auto; min-height: 100vh; }
#PastCollections a { text-decoration: none; color: white; }
#PastCollections a:hover { color: #D8222A; }
#PastCollections h2 { position: relative; min-height: 20vh; line-height: 20vh; background: none; }
#PastCollections .CollectionsGrid { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; align-items: center; width: 80%; min-width: 300px; margin: 0 auto; min-height: 70vh; padding: 0; list-style: none; text-align: center; }
#PastCollections .CollectionsGrid li { display: block; margin: auto; font-size: 42px; text-transform: uppercase; min-width: 300px; min-height: 150px; }
#PastCollections .CollectionsGrid li small { font-family: Courier, monospace; font-weight: normal; display: block; font-size: 16px; }

.CollectionViewer { height: 86vh; width: 58vh; margin: 0 auto; position: relative; top: 7vh; overflow: hidden; cursor: e-resize; background: center no-repeat url('../images/loader.gif?1455572702') #e2e2e2; background-size: 30px; font-size: 0; }
.CollectionViewer img { display: inline; height: 100%; width: auto; min-width: 58vh; }

.CollectionNav { position: absolute; height: 30vh; top: 35vh; width: calc(50vw - 29vh); font-size: 0; overflow: hidden; opacity: 0.7; }
.CollectionNav img { display: inline; width: auto; height: 100%; }
.CollectionNav.CollectionNavRight { left: calc(50vw + 29vh); cursor: e-resize; }
.CollectionNav.CollectionNavRight:after { content: ""; position: absolute; right: -100px; top: -40px; width: 100px; height: 200%; -moz-box-shadow: -80px 0 80px white; -webkit-box-shadow: -80px 0 80px white; box-shadow: -80px 0 80px white; z-index: 105; }
.CollectionNav.CollectionNavRight img { padding-left: 20px; -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.CollectionNav.CollectionNavLeft { right: calc(50vw + 29vh); cursor: w-resize; }
.CollectionNav.CollectionNavLeft img { padding-right: 20px; }
.CollectionNav.CollectionNavLeft .ImageHolder { margin-left: calc(50vw - 29vh); }

.ImageHolder { width: 10000vw; height: 100%; position: relative; -moz-transition: all 500ms cubic-bezier(0.6, 0, 0.49, 1); -o-transition: all 500ms cubic-bezier(0.6, 0, 0.49, 1); -webkit-transition: all 500ms cubic-bezier(0.6, 0, 0.49, 1); transition: all 500ms cubic-bezier(0.6, 0, 0.49, 1); }

#Loader { width: 0; height: 0; overflow: hidden; }

#Archive { padding-bottom: 0; height: 100vh; }

.swiper-slide { min-width: 30vw; }

.swiper-pagination { top: auto !important; bottom: 0 !important; height: 12px !important; }

.ArchiveViewer { height: 100%; }
.ArchiveViewer .swiper-pagination-progressbar { transition-duration: 1000ms !important; }
.ArchiveViewer span.swiper-pagination-progressbar { background: black; }
.ArchiveViewer .ArchiveHolder { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; height: 100%; text-align: center; }
.ArchiveViewer .ArchiveHolder:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }
.ArchiveViewer .ArchiveHolder img { position: relative; top: 50%; -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); max-width: 100%; max-height: 80%; width: auto; height: auto; margin: auto; float: none; }

#Contact { text-transform: uppercase; }

@media screen and (max-device-width: 768px) { article h2 { font-size: 14vmin; }
  article h2 span small { font-size: 5vmin; }
  article .button, article p.small .button { font-size: 6vmin; min-width: 200px; margin-bottom: 10px; padding-left: 1em; padding-right: 1em; }
  article .button.play, article p.small .button.play { min-width: 0; padding: 0; }
  #Navi, #SoundButton { display: none; }
  .CollectionViewer { height: 70vh; width: 46.6662vh; top: 13vh; }
  .CollectionViewer img { height: 100%; width: auto; min-width: 0; }
  nav { font-size: 12vmin; }
  #Intro { background-size: cover; }
  .CollectionNav { width: calc(50vw - 23vh); top: 32vh; }
  .CollectionNav.CollectionNavLeft { right: calc(50vw + 23vh); }
  .CollectionNav.CollectionNavLeft img { padding-right: 10px; }
  .CollectionNav.CollectionNavLeft .ImageHolder { margin-left: calc(50vw - 23vh); }
  .CollectionNav.CollectionNavRight { left: calc(50vw + 23vh); cursor: e-resize; }
  .CollectionNav.CollectionNavRight:after { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  .CollectionNav.CollectionNavRight img { padding-left: 10px; }
  #Navi ul { font-size: 42px; line-height: 64px; }
  .Section .Page { width: 100vw; max-width: 100%; height: auto; -webkit-flex-flow: row wrap; flex-flow: row wrap; top: auto; left: auto !important; position: relative; }
  .Section .Page p { font-size: 16px; }
  .Section .Page aside { margin: auto !important; min-height: 0 !important; width: 80%; }
  .Paged h1 { height: auto; } }
@-moz-keyframes intro { 0% { -moz-transform: scale(1.2); transform: scale(1.2); -moz-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; }
  100% { -moz-transform: scale(1); transform: scale(1); -moz-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; } }
@-webkit-keyframes intro { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; }
  100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; } }
@keyframes intro { 0% { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform-origin: 0 100% 50%; -ms-transform-origin: 0 100% 50%; -webkit-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; }
  100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: 0 100% 50%; -ms-transform-origin: 0 100% 50%; -webkit-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; } }
@-moz-keyframes h1 { 0% { -moz-transform: scale(0.8); transform: scale(0.8); -moz-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; }
  100% { -moz-transform: scale(1); transform: scale(1); -moz-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; } }
@-webkit-keyframes h1 { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; }
  100% { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; } }
@keyframes h1 { 0% { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); -moz-transform-origin: 0 100% 50%; -ms-transform-origin: 0 100% 50%; -webkit-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; }
  100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: 0 100% 50%; -ms-transform-origin: 0 100% 50%; -webkit-transform-origin: 0 100% 50%; transform-origin: 0 100% 50%; } }
@-moz-keyframes pulse { 0% { opacity: 0.9; }
  50% { opacity: 0.3; }
  100% { opacity: 0.9; } }
@-webkit-keyframes pulse { 0% { opacity: 0.9; }
  50% { opacity: 0.3; }
  100% { opacity: 0.9; } }
@keyframes pulse { 0% { opacity: 0.9; }
  50% { opacity: 0.3; }
  100% { opacity: 0.9; } }