@import url("https://rsms.me/inter/inter.css");
@import url("https://fonts.googleapis.com/css?family=Karla:400,700&display=swap");
.post-excerpts { padding-top: 1em; }

@media only screen and (min-width: 55.5rem) { .post-excerpts { padding-top: 2em; } }

.post-excerpt { padding: 0 1em; }

@media only screen and (min-width: 55.5rem) { .post-excerpt { padding: 0 2em; } }

.post-excerpt h3, .post-excerpt h4, .post-excerpt h5 { margin-bottom: 0; }

.post-excerpt-image { max-width: 100%; overflow: hidden; text-align: center; }

.post-excerpt-author { line-height: 1.6; margin: 0.5em 0; }

.post-excerpt-text .post-excerpt-text-more { display: inline-block; }

.footer { align-content: flex-start; background-color: #262626; box-sizing: border-box; color: #fdfdfd; display: flex; flex-wrap: wrap; font-size: 0.8em; justify-content: space-evenly; letter-spacing: 0.01em; margin: 0; min-width: 100%; max-width: 100%; padding: 1.6em 1em; text-align: center; z-index: 5; }

.footer .footer-cell { flex: 0 1 auto; margin: auto; min-width: 12.3333333333rem; }

.footer p, .footer ul, .footer ol { font-size: 0.8em; }

.footer a { color: inherit; }

.footer a:hover { border-bottom: 1px dashed #fdfdfd; }

@media only screen and (min-width: 55.5rem) { .footer { flex: 1 1 auto; } }

.gallery, .gallery-larger { text-align: center; }

.gallery a, .gallery-larger a { border-bottom: 0 !important; display: inline-block; max-width: 40%; padding: 0.8em; }

@media only screen and (min-width: 24.6666666667rem) { .gallery a, .gallery-larger a { max-width: 11em; } }

.gallery a.large, .gallery-larger a.large { max-width: 18em; }

.gallery a img, .gallery-larger a img { box-shadow: none; margin: 0; padding: 0; width: 100%; }

@media only screen and (min-width: 24.6666666667rem) { .gallery .large, .gallery-larger .large { max-width: 11em; } }

.gallery .large img, .gallery-larger .large img { max-width: 100%; }

@media only screen and (min-width: 55.5rem) { .full-width .gallery, .full-width .gallery-larger { padding: 0 2rem; } }

.gallery-larger img { width: 18em; }

.content img { display: block; margin-top: 1rem; margin-bottom: 3rem; margin-left: -1rem; margin-right: -1rem; width: calc(100% + 2rem); box-sizing: border-box; width: calc(100% + 2rem); }

@media only screen and (min-width: 37rem) { .content img { margin-left: -2rem; margin-right: -2rem; width: calc(100% + 4rem); } }

@media only screen and (min-width: 55.5rem) { .content img { margin-left: 0rem; margin-right: -4rem; width: calc(100% + 4rem); } }

@media only screen and (min-width: 74rem) { .content img { margin-left: -4rem; margin-right: -4rem; width: calc(100% + 8rem); } }

.content img.thumbnail { float: right; margin: 0 0 1.6em 1.6em; max-width: 8em; }

.content p.lazyload-parent { margin-top: 3rem; }

.image-with-caption { font-size: 0.8em; margin: 0 0 3rem 0; }

.image-with-caption::after { color: #707070; content: "\25b2"; display: block; float: left; margin-right: 0.25rem; }

.image-with-caption img { margin-bottom: 1.5rem; }

input, textarea { padding: 0.75em 0.75em; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: inherit; color: inherit; border: 1px solid #fff; display: block; margin: 0 0 1.6em 0; width: 100%; box-sizing: border-box; }

input[type="submit"], textarea[type="submit"] { width: auto; }

textarea { min-height: 11.2em; }

.contact-form label { display: inline-block; font-weight: bold; margin: 0 0 0.8em 0; }

.contact-form:after { content: ""; display: block; clear: both; }

a.button, input[type="submit"], button { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; background-color: #ffcc34; padding: 0.5em 1em; margin: 0 0.5em 0.5em 0; border-radius: 0.02rem; display: inline-block; color: #262626; border: 1px solid #ffcc34; font-weight: bold; cursor: pointer; }

a.button.light, input.light[type="submit"], button.light { background-color: #fff; box-shadow: none; color: #262626; border: 1px solid #262626; }

a.button.light:hover, input.light[type="submit"]:hover, button.light:hover { background: #262626; color: #fdfdfd; border: 1px solid #fff; }

a.button:hover, input[type="submit"]:hover, button:hover { background: #262626; color: #fdfdfd; border: 1px solid #262626; }

a.button.accent, input.accent[type="submit"], button.accent { background: #ffcc34; border-color: #ffcc34; }

a.button.accent:hover, input.accent[type="submit"]:hover, button.accent:hover { background: #fff; color: #ffcc34; }

a.button.accent.light, input.accent.light[type="submit"], button.accent.light { background: #fff; color: #ffcc34; }

a.button.accent.light:hover, input.accent.light[type="submit"]:hover, button.accent.light:hover { background: #ffcc34; color: #fdfdfd; }

input[type="submit"] { float: right; margin-right: 0; cursor: pointer; }

.contact-form-registration input[type=checkbox] { float: left; margin: 0.4em 0.5em 0 0; width: auto; }

.contact-form-registration label[for="form-commit-check"] { display: block; }

button.copy-to-clipboard { background-color: #fff; border: 1px solid #d6d6d6; box-shadow: none; color: #707070; font-weight: normal; margin-left: 1rem; }

.masthead { background-color: #fff; color: #262626; min-height: 4.5em; overflow-y: hidden; padding: 0.5em 1em; position: relative; width: 100%; z-index: 2; display: flex; align-items: center; }

.masthead .logo { line-height: 0; margin-right: 0.8rem; }

.masthead .logo img { max-height: 1.5rem; }

@media only screen and (min-width: 37rem) { .masthead .logo img { max-height: 2rem; } }

.masthead .identity { display: flex; justify-items: center; flex-direction: column; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 1.4; }

.masthead .identity .name { font-weight: 600; letter-spacing: 0.025em; }

.masthead .identity .name a { color: inherit; }

.masthead .identity .tagline { color: #d6d6d6; font-size: 0.7em; letter-spacing: 0.025em; display: none; }

.login { float: right; width: 80%; margin-bottom: 1.6em; font-size: 0.8em; }

.login.login-masthead { display: none; }

@media only screen and (min-width: 55.5rem) { .login { position: absolute; margin-bottom: 0; width: auto; float: none; top: 1.1rem; z-index: 100; right: 1.1rem; } .login a.button { margin: 0; } .login.login-masthead { display: block; } .login.login-nav { display: none; } }

.nav-wrapper { background-color: #fff; color: #262626; padding: 0; }

@media only screen and (min-width: 55.5rem) { .nav-wrapper { background-color: transparent; left: 2rem; position: absolute; top: 4.8rem; z-index: 0; } }

@media only screen and (min-width: 74rem) { .nav-wrapper { left: 3.75rem; } }

.nav-wrapper .show-menu { color: #707070; display: block; font-size: 2.3em; font-size: 0.7em; text-transform: uppercase; letter-spacing: 0.05em; position: absolute; right: 0.75em; top: 0.75rem; z-index: 10; }

@media only screen and (min-width: 55.5rem) { .nav-wrapper .show-menu { display: none; } }

.nav-wrapper .show-menu img { border: none; }

.nav-wrapper .show-menu .show-menu-button { display: block; background-color: #262626; border: 0.5px solid #fdfdfd; border-radius: 0.02rem; color: #fdfdfd; cursor: pointer; margin: 0.6rem 1rem; padding: 0.3em 0.4em 0.3em 0.4em; }

.nav-wrapper .show-menu .show-menu-button:hover { background-color: #fdfdfd; color: #262626; border-color: #262626; }

@media only screen and (min-width: 37rem) { .nav-wrapper .show-menu .show-menu-button { margin: 1rem 1rem; } }

.nav-wrapper .show-menu .hide-menu-button { display: none; background-color: #262626; border: 0.5px solid #fdfdfd; border-radius: 0.02rem; color: #fdfdfd; cursor: pointer; margin: 0.6rem 1rem; padding: 0.3em 0.4em 0.3em 0.4em; }

.nav-wrapper .show-menu .hide-menu-button:hover { background-color: #fdfdfd; color: #262626; border-color: #262626; }

@media only screen and (min-width: 37rem) { .nav-wrapper .show-menu .hide-menu-button { margin: 1rem 1rem; } }

.nav-wrapper input[type=checkbox] { display: none; }

.nav-wrapper input[type=checkbox]:checked ~ nav { display: table; box-shadow: 0 0 25px -10px #8c8c8c; }

@media only screen and (min-width: 55.5rem) { .nav-wrapper input[type=checkbox]:checked ~ nav { box-shadow: none; } }

.nav-wrapper nav { background-color: #fff; display: none; position: absolute; position: fixed; top: 0; right: 0; width: 10rem; height: 100%; z-index: 5; padding: 4em 0 0 0; }

.nav-wrapper nav ul, .nav-wrapper nav ol { font-size: 0.8em; padding: 0; list-style-type: none; width: 80%; float: right; }

.nav-wrapper nav ul li, .nav-wrapper nav ol li { margin: 1em 1em 0 0; }

.nav-wrapper nav ul li:first-child, .nav-wrapper nav ol li:first-child { margin-top: 0; }

.nav-wrapper nav ul li.active a, .nav-wrapper nav ol li.active a { font-weight: bold; }

.nav-wrapper nav ul li.no-link label, .nav-wrapper nav ol li.no-link label { margin-left: -10em; padding-left: 10em; }

.nav-wrapper nav ul li ul, .nav-wrapper nav ol li ul { margin: 0.5em 0 0 0.5em; width: 100%; float: none; font-size: 1em; }

.nav-wrapper nav ul li ul li, .nav-wrapper nav ol li ul li { margin: 0.5em 0 0 0; padding-left: 0.5em; }

.nav-wrapper nav ul li ul li:first-child, .nav-wrapper nav ol li ul li:first-child { margin-top: 0; }

.nav-wrapper nav a { color: inherit; }

.nav-wrapper nav a:hover { font-weight: bold; }

@media only screen and (min-width: 55.5rem) { .nav-wrapper nav { background-color: transparent; display: inline-block; position: relative; left: 0; top: 0; padding: 0; text-align: right; width: auto; } .nav-wrapper nav ul { display: flex; flex-direction: column; float: none; font-size: 1em; text-align: left; width: 10rem; } .nav-wrapper nav ul li { margin: 1em 1em 0 0; display: inline-block; } .nav-wrapper nav ul li:first-child { margin-top: 0; } }

.nav-wrapper ul ul { display: none; }

.nav-wrapper .show-submenu img { width: 0.75em; display: inline-block; margin-left: 0.5em; margin-bottom: 0.1em; border: none; }

.nav-wrapper input[type=checkbox] { display: none; }

.nav-wrapper input[type=checkbox]:checked ~ ul { display: block; }

.nav-wrapper input[type=checkbox]:checked + label .show-menu-button { display: none; }

.nav-wrapper input[type=checkbox]:checked + label .hide-menu-button { display: block; }

.page-navigation { font-size: 0.8em; }

.page-navigation a { color: inherit; display: inline-flex; }

.page-navigation .page-navigation-prev-next { display: flex; justify-content: space-between; margin: auto; }

.page-navigation .page-navigation-prev-next .previous { width: 50%; padding-right: 0.5em; }

.page-navigation .page-navigation-prev-next .next { width: 50%; text-align: right; padding-left: 0.5em; }

.page-navigation .page-navigation-prev-next .previous-arrow, .page-navigation .page-navigation-prev-next .parent-arrow { font-style: normal; margin: -0.15em 0.5em 0 0; }

.page-navigation .page-navigation-prev-next .next-arrow { font-style: normal; margin: -0.15em 0 0 0.5em; }

.page-navigation .page-navigation-categories { margin: auto; font-style: normal; font-weight: normal; }

.page-navigation .page-navigation-categories .page-navigation-categories-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; }

.page-navigation .page-navigation-categories .page-navigation-categories-list li { flex-basis: 8em; width: 8em; margin: 0 auto 0.5em auto; }

@viewport { width: device-width; }

@-ms-viewport { width: device-width; }

@media print { * { position: initial !important; overflow: visible !important; } html, body { background-color: white; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; overflow-x: auto; } .masthead { background-color: #fff; color: #262626; margin-left: 3.2em; } .masthead .logo { filter: invert(100%); } .footer { display: none; } button, a.button { display: none; } .nav-wrapper { display: none; } }

.pullquote { font-style: italic; font-size: 1.5em; padding: 1.6em; }

.pullquote em { font-style: normal; }

#markdown-toc { list-style-type: none; padding: 0; }

#markdown-toc li { list-style-type: none; }

h1, h2, h3, h4, h5, h6 { clear: both; line-height: 120%; margin: 3.2em 0 0.8em 0; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; }

h1, h1:first-child { font-size: 1.8em; line-height: 1.1; margin-top: 1em; }

@media only screen and (min-width: 37rem) { h1, h1:first-child { font-size: 3em; } }

@media only screen and (min-width: 55.5rem) { h1, h1:first-child { font-size: 3.5em; } }

@media only screen and (min-width: 74rem) { h1, h1:first-child { font-size: 4em; margin-left: -4rem; margin-right: -4rem; margin-top: 2rem; } }

h1 > strong:first-child, h2 > strong:first-child, h3 > strong:first-child, h4 > strong:first-child, h5 > strong:first-child, h6 > strong:first-child { display: block; font-size: 1rem; font-style: normal; font-weight: normal; letter-spacing: 0.05em; margin-bottom: 0.25rem; text-transform: uppercase; }

p, ol, ul, dl { letter-spacing: 0.01em; margin-top: 0; margin-bottom: 1em; }

ul, ol { padding-left: 1em; }

ul ol, ul ul, ol ol, ol ul { margin-bottom: 0; }

blockquote { margin: 1em 1em 1em 0; padding: 0 0 0 1em; position: relative; }

blockquote:before { content: ""; display: block; position: absolute; width: 8px; border-radius: 5px 0 0 5px; background-color: #262626; left: -0.5rem; height: 100%; }

dl dd { margin-bottom: 1.6em; }

a { text-decoration: none; color: #2d4f75; }

strong { font-weight: 700; }

hr { border: none; color: #262626; font-size: 2rem; margin: 1em auto; text-align: center; }

hr::after { content: "\2022"; }

table { width: 100%; border-collapse: collapse; margin-bottom: 1.6em; }

table tr { border-top: 1px solid #707070; border-bottom: 1px solid #707070; }

table th, table td { padding: 0.25em; text-align: left; vertical-align: top; }

pre, code { font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace; }

pre { border-left: 1px solid #d6d6d6; margin-top: 3.2em; margin-bottom: 3.2em; overflow-x: auto; padding-left: 1.6em; white-space: pre-wrap; }

.content-inner p a, .content-inner ul a, .content-inner ol a, .content-inner dl a { border-bottom: 1px dashed #707070; }

.content-inner p a:hover, .content-inner ul a:hover, .content-inner ol a:hover, .content-inner dl a:hover { border-bottom: 1px dashed #2d4f75; }

.content-inner p a.button, .content-inner ul a.button, .content-inner ol a.button, .content-inner dl a.button { border-bottom: none; }

body { counter-reset: number-me; }

.numbered { counter-increment: number-me; }

.numbered::before { content: counter(number-me) ". "; }

.verse { text-indent: 0; margin: 1.6em 0; }

.verse + p { text-indent: 0; }

ul.verse { list-style-type: none; padding: 0; margin: 1.6em 0; }

ul.verse li { text-indent: -2em; margin-left: 2em; }

ul.verse li.indent-1 { margin-left: 3em; }

ul.verse li.indent-2 { margin-left: 4em; }

ul.verse li.indent-3 { margin-left: 5em; }

ul.verse li.indent-4 { margin-left: 6em; }

ul.verse li.indent-5 { margin-left: 7em; }

ul.verse li.indent-6 { margin-left: 8em; }

ul.verse li.indent-7 { margin-left: 9em; }

ul.verse li.indent-8 { margin-left: 10em; }

ul.verse li.indent-9 { margin-left: 11em; }

ul.verse li.indent-10 { margin-left: 12em; }

ul.verse li.indent-11 { margin-left: 13em; }

ul.verse li.indent-12 { margin-left: 14em; }

ul.verse li.indent-13 { margin-left: 15em; }

ul.verse li.indent-14 { margin-left: 16em; }

ul.verse li.indent-15 { margin-left: 17em; }

ul.verse li.indent-16 { margin-left: 18em; }

ul.verse li.indent-17 { margin-left: 19em; }

ul.verse li.indent-18 { margin-left: 20em; }

ul.verse li.indent-19 { margin-left: 21em; }

ul.verse li.indent-20 { margin-left: 22em; }

ul.verse li.indent-21 { margin-left: 23em; }

ul.verse li.indent-22 { margin-left: 24em; }

ul.verse li.indent-23 { margin-left: 25em; }

ul.verse li.indent-24 { margin-left: 26em; }

ul.verse li.indent-25 { margin-left: 27em; }

ul.verse li.indent-26 { margin-left: 28em; }

ul.verse li.indent-27 { margin-left: 29em; }

ul.verse li.indent-28 { margin-left: 30em; }

ul.verse li.indent-29 { margin-left: 31em; }

ul.verse li.indent-30 { margin-left: 32em; }

ul.verse li.indent-31 { margin-left: 33em; }

ul.verse li.indent-32 { margin-left: 34em; }

ul.verse li.indent-33 { margin-left: 35em; }

ul.verse li.indent-34 { margin-left: 36em; }

ul.verse li.indent-35 { margin-left: 37em; }

ul.verse li.indent-36 { margin-left: 38em; }

ul.verse li.indent-37 { margin-left: 39em; }

ul.verse li.indent-38 { margin-left: 40em; }

ul.verse li.indent-39 { margin-left: 41em; }

ul.verse li.indent-40 { margin-left: 42em; }

ul.verse li.indent-41 { margin-left: 43em; }

ul.verse li.indent-42 { margin-left: 44em; }

ul.verse li.indent-43 { margin-left: 45em; }

ul.verse li.indent-44 { margin-left: 46em; }

ul.verse li.indent-45 { margin-left: 47em; }

ul.verse li.indent-46 { margin-left: 48em; }

ul.verse li.indent-47 { margin-left: 49em; }

ul.verse li.indent-48 { margin-left: 50em; }

ul.verse li.indent-49 { margin-left: 51em; }

ul.verse li.indent-50 { margin-left: 52em; }

ul.verse li.indent-51 { margin-left: 53em; }

ul.verse li.indent-52 { margin-left: 54em; }

ul.verse li.indent-53 { margin-left: 55em; }

ul.verse li.indent-54 { margin-left: 56em; }

ul.verse li.indent-55 { margin-left: 57em; }

ul.verse li.indent-56 { margin-left: 58em; }

ul.verse li.indent-57 { margin-left: 59em; }

ul.verse li.indent-58 { margin-left: 60em; }

ul.verse li.indent-59 { margin-left: 61em; }

ul.verse li.indent-60 { margin-left: 62em; }

blockquote.verse { color: inherit; margin-top: 0; width: 100%; padding: 0; }

blockquote.verse h1, blockquote.verse h2, blockquote.verse h3, blockquote.verse h4, blockquote.verse h5, blockquote.verse h6 { margin-bottom: 1em; }

blockquote.verse ul { margin-bottom: 0; /* Already gets its space after from ul.verse */ }

/* If verse is in a list, we can preserve line breaks and white space */
ul.verse li { white-space: pre-wrap; }

ul.verse li h1, ul.verse li h2, ul.verse li h3, ul.verse li h4, ul.verse li h5, ul.verse li h6 { display: inline; }

ul.verse li h1 { margin-left: -1.4em; }

ul.verse li h2 { margin-left: -1.85em; }

ul.verse li h3 { margin-left: -2.75em; }

ul.verse li h4 { margin-left: -2.75em; }

ul.verse li h5 { margin-left: -2.75em; }

ul.verse li h6 { margin-left: -2.75em; }

ul.verse li:empty { line-height: 100%; }

ul.verse li:empty:after { content: " "; }

.verse .subtitle, .verse-subtitle { font-size: 0.9em; }

html, body { max-width: 100%; overflow-x: hidden; width: 100%; height: 100%; box-sizing: border-box; }

html *, html *:before, html *:after, body *, body *:before, body *:after { box-sizing: inherit; }

body { background-color: #fff; color: #262626; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1em; line-height: 1.6; margin: 0; padding: 0; height: 100%; scroll-behavior: smooth; }

@media screen and (prefers-reduced-motion: reduce) { body { scroll-behavior: auto; } }

@supports (font-variation-settings: normal) { body { font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } }

.wrapper { margin: 0 auto; }

.content { background-color: #fff; clear: both; }

.content .content-inner { padding: 2rem 1rem; margin: 0 auto 3rem auto; max-width: 37rem; }

@media only screen and (min-width: 55.5rem) { .content { margin-left: auto; margin-right: auto; width: 100%; position: relative; } .content .content-inner { padding: 2rem 0; } }

.full-width { box-shadow: 0 0 25px -10px #8c8c8c; margin-left: -2rem; margin-right: -2rem; padding-left: 2rem; padding-right: 2rem; }

@media only screen and (min-width: 37rem) { .full-width { margin-left: calc((100vw - 100%) / 2 * -1); margin-right: calc((100vw - 100%) / 2 * -1); } }

div.rating { align-items: baseline; display: flex; }

div.rating .rating-instructions { font-size: 0.7em; letter-spacing: 0.1em; margin-right: 0.5em; text-transform: uppercase; }

div.rating label { background-color: #fff; border: 1px solid #707070; border-radius: 1em; color: #262626; cursor: pointer; font-size: 0.7em; font-weight: bold; height: 2em; margin-bottom: 1em; margin-right: 0.5em; width: 2em; display: flex; align-items: center; justify-content: center; }

div.rating label:hover { background-color: black; color: white; }

div.rating input { display: none; }

div.rating input:checked + label { background-color: black; color: white; }

.collection-title { float: left; font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.05em; color: #707070; margin-bottom: 0.5rem; }

.collection-title a { border-bottom: none; color: inherit; }

@media only screen and (min-width: 74rem) { .collection-title { margin-left: -4rem; } }

.page-info-collection { margin-bottom: 3.2em; font-size: 0.8em; text-align: center; }

.page-info-collection:before { font-size: 2em; content: "\2022"; display: block; }

.page-info-collection span[class*='page-']:after { content: ","; }

.page-info-collection span[class*='page-']:last-of-type:after { content: normal; }

.page-info-collection .page-date:first-child, .page-info-collection .page-date-updated > .page-date-prefix:first-child { display: inline-block; width: 100%; }

.page-info-collection .page-date:first-child::first-letter, .page-info-collection .page-date-updated > .page-date-prefix:first-child::first-letter { text-transform: capitalize; }

.child-pages { margin-top: 5rem; }

@media only screen and (min-width: 74rem) { .child-pages { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -25%; margin-right: -25%; } .child-pages div.child-pages-preview { margin-bottom: 2rem; margin-top: 2rem; max-width: 40%; } .child-pages div.child-pages-preview:only-child { margin-left: auto; margin-right: auto; max-width: 37rem; } }

@media only screen and (min-width: 92.5rem) { .child-pages { margin-left: -50%; margin-right: -50%; } }

.child-pages .child-pages-preview { margin-top: 6rem; margin-bottom: 6rem; }

.child-pages .child-pages-preview .child-pages-preview-image { aspect-ratio: 16 / 9; display: block; margin-top: 1rem; margin-bottom: 3rem; margin-left: -1rem; margin-right: -1rem; width: calc(100% + 2rem); box-sizing: border-box; width: calc(100% + 2rem); }

@media only screen and (min-width: 37rem) { .child-pages .child-pages-preview .child-pages-preview-image { margin-left: -2rem; margin-right: -2rem; width: calc(100% + 4rem); } }

@media only screen and (min-width: 55.5rem) { .child-pages .child-pages-preview .child-pages-preview-image { margin-left: 0rem; margin-right: -4rem; width: calc(100% + 4rem); } }

@media only screen and (min-width: 74rem) { .child-pages .child-pages-preview .child-pages-preview-image { margin-left: -4rem; margin-right: -4rem; width: calc(100% + 8rem); } }

.child-pages .child-pages-preview .child-pages-preview-image img { background-color: white; height: 100%; margin: 0 0 2rem 0; object-fit: cover; width: 100%; }

.child-pages .child-pages-preview .child-pages-preview-image[data-image-bg="etched"] { aspect-ratio: auto; }

.child-pages .child-pages-preview .child-pages-preview-image[data-image-bg="etched"] img { object-fit: contain; padding: 1rem; }

.child-pages .child-pages-preview .child-pages-preview-info .page-info-collection { margin-bottom: 0.75rem; text-align: left; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.7em; color: #707070; }

.child-pages .child-pages-preview .child-pages-preview-info .page-info-collection::before { content: normal; }

.child-pages .child-pages-preview .child-pages-preview-title { clear: none; margin: 1rem 0 0.5rem 0; font-weight: bold; font-size: 1.2em; }

.child-pages .child-pages-preview .child-pages-preview-title a { border: none; color: inherit; }

.child-pages .child-pages-preview .child-pages-preview-detail { color: #707070; font-size: 0.8em; }

.home .child-pages .child-pages-preview:first-of-type { margin-top: 0; }

.home .child-pages .child-pages-preview:after { content: normal; }

.team { margin-top: 0rem; padding-top: 4rem; }

.team .team-member { margin-bottom: 3rem; max-width: 37rem; }

.team .team-member .team-member-image { float: right; margin-left: 0.5rem; max-width: 7rem; }

.team .team-member .team-member-image img { border: 4px solid white; border-radius: 7rem; margin: 0; width: 100%; }

.team .team-member .team-member-info .team-member-name { font-weight: bold; }

.team .team-member .team-member-info .team-member-role { font-size: 0.8em; letter-spacing: 0.05em; margin-bottom: 0.5rem; text-transform: uppercase; }

.team .team-member .team-member-info .team-member-description .team-member-description-link { display: inline-block; }

.team.dynamic-width { display: flex; flex-wrap: wrap; justify-content: center; padding-top: 6rem; }

.team.dynamic-width .team-member { margin: 0 3rem 3rem 0; max-width: calc(50% - 6rem); }

.team.dynamic-width.team-extra-wide .team-member { max-width: 37rem; }

.feature-text { font-size: 1.1em; font-weight: 600; margin-bottom: 2em; }

.home-buttons { margin-top: 1.5rem; }

.testimonials, .selected-clients, .selected-work, .newsletter-form { box-shadow: none; margin-top: 5rem; }

.testimonials h2, .selected-clients h2, .selected-work h2, .newsletter-form h2 { font-size: 0.8em; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 3rem; text-align: center; text-transform: uppercase; }

.newsletter-sign-up::after { clear: both; content: ""; display: table; }

.newsletter-form { background-color: #262626; color: #fdfdfd; box-shadow: 0 0 25px -10px #8c8c8c; margin-top: 6rem; margin-bottom: 4rem; margin-right: 0; padding-top: 2em; padding-bottom: 2.5em; animation: newsletter-form-slide 1s ease; }

.newsletter-form input, .newsletter-form textarea { background-color: #fdfdfd; border-color: #262626; color: #262626; }

.newsletter-form input.button:hover, .newsletter-form input [type="submit"]:hover, .newsletter-form textarea.button:hover, .newsletter-form textarea [type="submit"]:hover { background-color: #262626; border-color: #fdfdfd; color: #fdfdfd; }

@keyframes newsletter-form-slide { from { transform: translateX(-100%); }
  to { transform: translateX(0%); } }

@media only screen and (min-width: 37rem) { .newsletter-form > * { max-width: 37rem; margin-left: auto; margin-right: auto; } .newsletter-form .newsletter-sign-up { padding-right: 1em; } }

.newsletter-form h2 { margin-bottom: 1rem; text-align: left; }

.newsletter-form .mc_embed_inputs { display: flex; }

.newsletter-form input { height: 3rem; margin: 0; }

.newsletter-form input.button { margin-bottom: 0; margin-left: 1rem; }

.testimonials { position: relative; display: flex; flex-wrap: wrap; justify-content: center; }

@media only screen and (min-width: 37rem) { .testimonials .testimonial { width: 50%; padding-right: 2rem; padding-left: 2rem; max-width: 33em; } }

@media only screen and (min-width: 55.5rem) { .testimonials .testimonial { margin-bottom: 3rem !important; } }

.testimonials .testimonial { break-inside: avoid; line-height: 1.2; margin-bottom: 2rem; }

.testimonials .testimonial .testimonial-quote { display: block; line-height: 1.6; margin-bottom: 0.5rem; }

.testimonials .testimonial .testimonial-quote:before { content: "\2018"; }

.testimonials .testimonial .testimonial-quote:after { content: "\2019"; }

.testimonials .testimonial .testimonial-name, .testimonials .testimonial .testimonial-position, .testimonials .testimonial .testimonial-organisation { font-size: 0.8rem; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2; text-transform: uppercase; }

.testimonials .testimonial .testimonial-name:after { content: ", "; }

.testimonials .testimonial .testimonial-name:last-child:after { content: normal; }

.testimonials .testimonial .testimonial-position:after { content: ", "; }

.testimonials .testimonial .testimonial-position:last-child:after { content: normal; }

.testimonials + button { margin-bottom: 3rem; margin-left: 50%; transform: translateX(-50%); }

.testimonials .testimonial:nth-child(n + 5) { display: none; }

.testimonials.js-start-with-three-testimonials .testimonial:nth-child(n + 4) { display: none; }

.testimonials.js-show-all-testimonials .testimonial:nth-child(n + 4) { display: block; }

.selected-clients { margin-top: 0; }

.selected-clients h2 { margin-bottom: 2rem; }

.selected-clients .selected-client-logos, .selected-clients .gallery { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; }

.selected-clients .selected-client-logos a, .selected-clients .gallery a { flex: auto; width: auto; padding: 0.4em; }

.selected-clients .selected-client-logos img, .selected-clients .gallery img { width: 5em; margin: auto; }

.selected-work { margin-top: 5rem; }

.selected-work h2 { margin-bottom: -3rem; }

iframe { border: none; }

iframe.modern-book-production { height: 7500px; }

@media only screen and (min-width: 24.6666666667rem) { iframe.modern-book-production { height: 7000px; } }

@media only screen and (min-width: 29.6rem) { iframe.modern-book-production { height: 5800px; } }

@media only screen and (min-width: 37rem) { iframe.modern-book-production { height: 5300px; } }

.content .cta-image { display: none; }

.content .cta-image.random-visible { display: block; border: none; box-shadow: none; margin: 0; }

.content .cta-image.random-visible:hover { border: none; }

.content .cta-image.random-visible img { margin: 0; }

@media only screen and (min-width: 74rem) { .content .cta-image.random-visible { position: absolute; top: 13rem; right: 4rem; width: 20vw; } }

@media only screen and (min-width: 92.5rem) { .content .cta-image.random-visible { top: 14rem; width: 22vw; } }

@media only screen and (min-width: 102.5rem) { .content .cta-image.random-visible { top: 12rem; width: 28vw; } }

.content .cta-image img { width: 100%; }

/*# sourceMappingURL=styles.css.map */