* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; -webkit-overflow-scrolling:touch; scroll-behavior:smooth; font-family:'Palatino Linotype', Palatino, 'Book Antiqua', serif;}
html {min-height:100vh; font-size:20px;}
body {min-height:100vh; text-align:center;}
a, .link {text-decoration:none; transition:all 0.6s; color:#900;}
a:hover, .link:hover {text-decoration:none; cursor:pointer; color:#d00;}
h1 {font-size:3rem; line-height:1;}
h2 {font-size:2.4rem; line-height:1;}
h3 {font-size:1.8rem; line-height:1; padding:30px 0 6px;}
h4 {font-size:1.5rem; line-height:1; padding:30px 0 6px;}
h5 {font-size:1.2rem; line-height:1; padding:30px 0 6px;}
h6 {font-size:1rem; line-height:1; padding:30px 0 6px;}
ul, ol {list-style-position:inside;}
input, textarea, select {vertical-align:middle; font-family:inherit; font-size:1rem; border:1px solid #ddd; background:#eee; padding:6px 12px;}
input:focus, textarea:focus, select:focus {background-color:#ffe;}
*::-webkit-input-placeholder {color:#ddd;}
*::-moz-placeholder {color:#ddd;}
*:-ms-input-placeholder {color:#ddd;}
*::-moz-placeholder {color:#ddd;}
*:-moz-placeholder {color:#ddd;}
section {display:block; width:100%; overflow:hidden; position:relative;}
.nobr, .nowrap {white-space:nowrap;}
.full {width:100%;}
.max, img, figure, audio, video, object, iframe {max-width:100%;}
.pad {padding:30px;}
.clr {clear:both;}
.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.j {text-align: justify;}
.rel {position:relative;}
.ptr {cursor:pointer;}
.no-margin, .m0 {margin:0;}
.no-padding, .p0 {padding:0;}
.no-border, .b0 {border:0 none;}
.hidden {display:none !important;}
.block {display:block;}
.iblock {display:inline-block;}
.inline {display:inline;}
.table {display:table;}
.tr, .row {display:table-row;}
.td, .cell {display:table-cell;}
.f0 {font-size:0;}
.f1 {font-size:1rem;}
.flex {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.no-select {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.bg-img {background-position:50% 50%; background-repeat:np-repeat; background-size:cover;}
.transparent, .bg-img > img {opacity:0;}
.indent {text-indent:15px;}
::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-track {background:#ddd;}
::-webkit-scrollbar-thumb {background:#900;}
::-webkit-scrollbar-thumb:hover {background:#d00;}
.wrapper {width:100%; max-width:960px;}
.smaller {font-size:0.8rem;}
.small {font-size:0.9rem;}
.btn {display:inline-block; padding:12px 30px; border-radius:100px; font-weight:bold; background-color:#000; color:#fff; letter-spacing:3px;}
.btn:hover {background-color:#333;}
.has-menu {height:100vh; overflow:hidden;}
.hamburger {padding:20px; display:inline-block; cursor:pointer; transition-property:opacity, filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible;}
.has-menu .hamburger .hamburger-inner, .has-menu .hamburger .hamburger-inner::before, .has-menu .hamburger .hamburger-inner::after {background-color:#fff;}
.hamburger-box {width:28px; height:28px; display:inline-block; position:relative;}
.hamburger-inner {display:block; top:50%; margin-top:-2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:28px; height:3px; background-color:#fff; position:absolute; transition-property:transform; transition-duration:0.15s; transition-timing-function:ease;}
.hamburger-inner::before, .hamburger-inner::after {content:' '; display:block;}
.hamburger-inner::before {top:-9px;}
.hamburger-inner::after {bottom:-9px;}
.hamburger--elastic .hamburger-inner {top:2px; transition-duration:0.275s; transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.hamburger--elastic .hamburger-inner::before {top:10px; transition:opacity 0.125s 0.275s ease;}
.hamburger--elastic .hamburger-inner::after {top:20px; transition:transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.has-menu .hamburger--elastic .hamburger-inner {transform:translate3d(0, 10px, 0) rotate(135deg); transition-delay:0.075s;}
.has-menu .hamburger--elastic .hamburger-inner::before {transition-delay:0s; opacity:0;}
.has-menu .hamburger--elastic .hamburger-inner::after {transform:translate3d(0, -20px, 0) rotate(-270deg); transition-delay:0.075s;}
.modal {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.84); font-size:0;}
.has-menu .modal {display:block;}
.modal .menu {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.modal .menu a {display:block; padding:12px 30px; font-size:1.5rem; color:#fff;}
.modal .menu a + a {border-top:1px solid #fff;}
header {display:block; width:100%; height:60px; background-color:#000; position:fixed; top:0; left:0; z-index:15; font-size:0;}
header .logo {padding:6px;}
.bg-black {background-color:#000;}
.intro {min-height:100vh;}
.intro video {width:100%; position:absolute; top:0; left:0;}
.intro .inner {background:linear-gradient(0deg, #010101, #0101011a); position:relative; color:#fff; min-height:100vh; display:flex; flex-direction:column-reverse; width:100%;}
.intro .bg-img img {height:100vh;}
.chapter {padding:45px 15px;}
.content h1, .content h2, .content h3 {font-style:italic;}
.content p, .content ul, .content ol {padding:6px 0;}
.content dfn {border-bottom:1px dashed #000; background-color:#ffe; cursor:help;}
.content figure.c {padding:15px 0; clear:both;}
.content figcaption {padding:3px; text-align:center; color:#666; font-style:italic;}
.pages {border-top:1px solid #000; border-bottom:1px solid #000;}
.pages a {display:inline-block; border:1px solid #000; border-radius:50%; padding:6px 0 0; min-height:39px; min-width:39px; margin:3px; background-color:#eee;}
.pages a.active {font-weight:bold; color:#000; background-color:#ffe;}
.format textarea {margin:15px auto;}
.circle {border-radius:50%; border:1px solid #000; padding:6px; cursor:pointer;}
.to-top {position:fixed; bottom:15px; right:15px; background-color:#fff;}

@media (max-width:960px){
.wrapper.pages {max-width:510px;}
}


@media (min-width:780px){
.mbl-only {display:none !important;}
.dsk-half {width:100%; max-width:50%;}
.intro .inner {padding:60px;}
.index, .links, .disclaimer {height:100vh; overflow:hidden;}
h1, h2 {padding:60px 0 15px;}
.scroll {max-height:100vh; overflow-x:hidden; overflow-y:auto;}
.format textarea {height:calc(100vh - 450px);}
}

@media (max-width:780px){
.dsk-only {display:none !important;}
html {font-size:18px;}
h1 {font-size:1.8rem;}
h2 {font-size:1.65rem;}
h3 {font-size:1.5rem;}
h4 {font-size:1.35rem;}
dfn:after {content:' (' attr(title) ')'; background:#fff;}
.intro video {margin-top:30px;}
.intro .inner {background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%)}
.chapter {padding:75px 15px 45px;}
}

@media (max-width:525px){
.wrapper.pages {max-width:300px;}
}