.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@keyframes fadeInLeft { 0% { opacity: 0; filter: blur(10px); transform: translate3d(-30px, 0, 0); }
  to { opacity: 1; filter: blur(0px); transform: none; } }
@keyframes fadeInUp { 0% { opacity: 0; filter: blur(10px); transform: translate3d(0, 30px, 0); }
  100% { opacity: 1; filter: blur(0px); transform: none; } }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

* { box-sizing: border-box; }

[data-router-view] { will-change: opacity; }

html { background-color: #14141a; }

body { background-color: #fff; color: #14141a; font-family: Inter, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 300; font-size: 16px; margin: 0; min-height: 100vh; }
body.dark-mode { background-color: #14141a; color: #fff; }
body.dark-mode .post__content, body.dark-mode .index-wrap { background-color: #14141a; }
body.dark-mode .post-content { color: #ededed; }
body.menu-open, body.pack-open { overflow: hidden; }
@media only screen and (min-width: 768px) { body.menu-open, body.pack-open { overflow: visible; } }

small { font-size: 80%; }

pre { overflow: auto; padding: 15px; border-radius: 3px; background-color: #0f1015; color: #ededed; font-size: 12px; font-weight: 300; }

kbd, code { padding: 3px 8px; border-radius: 3px; background-color: #0f1015; color: #ededed; font-size: 12px; line-height: 12px; font-weight: 300; display: inline-block; vertical-align: middle; margin-top: -2px; /* Comment                     */ /* Error                       */ /* Keyword                     */ /* Literal                     */ /* Name                        */ /* Operator                    */ /* Punctuation                 */ /* Comment.Multiline           */ /* Comment.Preproc             */ /* Comment.Single              */ /* Comment.Special             */ /* Generic.Emph                */ /* Generic.Strong              */ /* Keyword.Constant            */ /* Keyword.Declaration         */ /* Keyword.Namespace           */ /* Keyword.Pseudo              */ /* Keyword.Reserved            */ /* Keyword.Type                */ /* Literal.Date                */ /* Literal.Number              */ /* Literal.String              */ /* Name.Attribute              */ /* Name.Builtin                */ /* Name.Class                  */ /* Name.Constant               */ /* Name.Decorator              */ /* Name.Entity                 */ /* Name.Exception              */ /* Name.Function               */ /* Name.Label                  */ /* Name.Namespace              */ /* Name.Other                  */ /* Name.Property               */ /* Name.Tag                    */ /* Name.Variable               */ /* Operator.Word               */ /* Text.Whitespace             */ /* Literal.Number.Float        */ /* Literal.Number.Hex          */ /* Literal.Number.Integer      */ /* Literal.Number.Oct          */ /* Literal.String.Backtick     */ /* Literal.String.Char         */ /* Literal.String.Doc          */ /* Literal.String.Double       */ /* Literal.String.Escape       */ /* Literal.String.Heredoc      */ /* Literal.String.Interpol     */ /* Literal.String.Other        */ /* Literal.String.Regex        */ /* Literal.String.Single       */ /* Literal.String.Symbol       */ /* Name.Builtin.Pseudo         */ /* Name.Variable.Class         */ /* Name.Variable.Global        */ /* Name.Variable.Instance      */ /* Literal.Number.Integer.Long */ }
kbd .highlight, code .highlight { background-color: #49483e; }
kbd .c, code .c { color: #525252; }
kbd .err, code .err { color: #960050; background-color: #1e0010; }
kbd .k, code .k { color: #66d9ef; }
kbd .l, code .l { color: #ae81ff; }
kbd .n, code .n { color: #f8f8f2; }
kbd .o, code .o { color: #f92672; }
kbd .p, code .p { color: #f8f8f2; }
kbd .cm, code .cm { color: #75715e; }
kbd .cp, code .cp { color: #75715e; }
kbd .c1, code .c1 { color: #75715e; }
kbd .cs, code .cs { color: #75715e; }
kbd .ge, code .ge { font-style: italic; }
kbd .gs, code .gs { font-weight: bold; }
kbd .kc, code .kc { color: #66d9ef; }
kbd .kd, code .kd { color: #66d9ef; }
kbd .kn, code .kn { color: #f36297; }
kbd .kp, code .kp { color: #66d9ef; }
kbd .kr, code .kr { color: #66d9ef; }
kbd .kt, code .kt { color: #66d9ef; }
kbd .ld, code .ld { color: #e6db74; }
kbd .m, code .m { color: #ae81ff; }
kbd .s, code .s { color: #f8e857; }
kbd .na, code .na { color: #99e958; }
kbd .nb, code .nb { color: #f8f8f2; }
kbd .nc, code .nc { color: #99e958; }
kbd .no, code .no { color: #66d9ef; }
kbd .nd, code .nd { color: #99e958; }
kbd .ni, code .ni { color: #f8f8f2; }
kbd .ne, code .ne { color: #c3f363; }
kbd .nf, code .nf { color: #b9e85b; }
kbd .nl, code .nl { color: #f8f8f2; }
kbd .nn, code .nn { color: #f8f8f2; }
kbd .nx, code .nx { color: #99e958; }
kbd .py, code .py { color: #f8f8f2; }
kbd .nt, code .nt { color: #ff5593; }
kbd .nv, code .nv { color: #f8f8f2; }
kbd .ow, code .ow { color: #e36794; }
kbd .w, code .w { color: #f8f8f2; }
kbd .mf, code .mf { color: #ae81ff; }
kbd .mh, code .mh { color: #ae81ff; }
kbd .mi, code .mi { color: #ae81ff; }
kbd .mo, code .mo { color: #ae81ff; }
kbd .sb, code .sb { color: #e6db74; }
kbd .sc, code .sc { color: #e6db74; }
kbd .sd, code .sd { color: #e6db74; }
kbd .s2, code .s2 { color: #e6db74; }
kbd .se, code .se { color: #ae81ff; }
kbd .sh, code .sh { color: #e6db74; }
kbd .si, code .si { color: #e6db74; }
kbd .sx, code .sx { color: #e6db74; }
kbd .sr, code .sr { color: #e6db74; }
kbd .s1, code .s1 { color: #e6db74; }
kbd .ss, code .ss { color: #e6db74; }
kbd .bp, code .bp { color: #f8f8f2; }
kbd .vc, code .vc { color: #f8f8f2; }
kbd .vg, code .vg { color: #f8f8f2; }
kbd .vi, code .vi { color: #f8f8f2; }
kbd .il, code .il { color: #ae81ff; }

a { color: #ff2a7e; text-decoration-skip: ink; text-decoration-skip-ink: auto; }
a:hover, a:active, a:focus { color: #ff8080; }

hr { background-color: #ededed; width: 100%; height: 1px; border: 0; margin-top: 20px; margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; margin-top: 1.4em; margin-bottom: 0.5em; }

h1 { font-size: 2.4em; }

h2 { font-size: 2em; }

h3 { font-size: 1.7em; }

h4 { font-size: 1.4em; }

h5 { font-size: 1.2em; font-weight: 400; }

h6 { font-size: 1.1em; font-weight: 400; }

blockquote { opacity: 0.8; font-style: italic; }

.darken-background { background-color: rgba(29, 29, 29, 0.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

.snow { height: 100%; position: absolute; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.meta-text { opacity: 0.9; font-size: 12px; line-height: 1.2em; text-transform: uppercase; letter-spacing: 0.11em; display: inline-block; margin-right: 10px; font-weight: 400; }
@media only screen and (min-width: 992px) { .meta-text { font-size: 10px; } }

a.meta-text { transition: all 300ms cubic-bezier(0.4, 0.94, 0.74, 1); text-decoration: none; position: relative; display: inline-block; }
a.meta-text:before, a.meta-text:after { content: ''; position: absolute; bottom: -1px; top: initial; left: 0; width: 100%; height: 1px; background-color: currentColor; }
a.meta-text:before { opacity: 0.35; }
a.meta-text:after { will-change: transform; transition: transform 400ms cubic-bezier(0.4, 0.94, 0.74, 1); transform: scaleX(0); transform-origin: left center; }
a.meta-text:hover:after { transform: scaleX(1); }

.meta-readtime { display: none; }
.meta-readtime.show { display: inline-block; }

input[type="text"], input[type="email"] { display: inline-block; padding: 4px 25px; font-weight: 400; font-size: 14px; line-height: 1.4em; border: 1px solid #14141a; background-color: transparent; color: #0f1015; appearance: none; }

.dark-mode input[type="text"], .dark-mode input[type="email"] { border-color: rgba(203, 203, 203, 0.7); color: #fff; }

*:disabled { opacity: 0.35; cursor: not-allowed; }

.nrv-btn { display: inline-block; padding: 6px 16px; font-weight: 400; font-size: 13px; line-height: 1.4em; background: transparent; border: 1px solid #14141a; color: #0f1015; cursor: pointer; transition: border-color 200ms, color 200ms, background-color 200ms; appearance: none; font-family: inherit; text-decoration: none; }
.nrv-btn:hover, .nrv-btn:focus { color: #fff; background-color: #14141a; border-color: #14141a; text-decoration: none; outline: none; }

.dark-mode .nrv-btn { border-color: rgba(203, 203, 203, 0.7); color: #fff; }
.dark-mode .nrv-btn:hover, .dark-mode .nrv-btn:focus { color: #0f1015; background-color: #fff; border-color: #fff; }

.nrv-dialogue .nrv-btn, .nrv-popup .nrv-btn, .nrv-item-modal .nrv-btn { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.7); }
.nrv-dialogue .nrv-btn:hover, .nrv-dialogue .nrv-btn:focus, .nrv-popup .nrv-btn:hover, .nrv-popup .nrv-btn:focus, .nrv-item-modal .nrv-btn:hover, .nrv-item-modal .nrv-btn:focus { border-color: #fff; color: #fff; background-color: transparent; }

.nrv-btn.nrv-btn--small { padding: 3px 8px; font-size: 12px; }

.nrv-btn.nrv-btn--white { border-color: #fff; background-color: #fff; color: #0f1015; }
.nrv-btn.nrv-btn--white:hover, .nrv-btn.nrv-btn--white:focus { border-color: #ff8080; background-color: #ff8080; color: #0f1015; }

.site-header { height: 50px; width: 100%; position: fixed; z-index: 1000; left: 0px; top: 0px; }
@media only screen and (min-width: 768px) { .site-header { height: 100vh; height: 100dvh; width: 50px; } }

.site-header__content { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-color: rgba(15, 16, 21, 0.95); }
@supports (backdrop-filter: blur(8px)) { .site-header__content { backdrop-filter: blur(8px); background-color: rgba(15, 16, 21, 0.8); } }

.site-header__menu-toggle, .site-header__pack-toggle { position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; }
.site-header__menu-toggle:hover, .site-header__menu-toggle:active, .site-header__menu-toggle:focus, .site-header__pack-toggle:hover, .site-header__pack-toggle:active, .site-header__pack-toggle:focus { cursor: pointer; }
.site-header__menu-toggle svg, .site-header__pack-toggle svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 26px; height: 26px; fill: #fff; transition: all 300ms cubic-bezier(0.4, 0.94, 0.74, 1); }
@media only screen and (min-width: 768px) { .site-header__menu-toggle, .site-header__pack-toggle { left: 0; right: auto; }
  .site-header__menu-toggle svg, .site-header__pack-toggle svg { width: 24px; height: 24px; } }

.site-header__menu-toggle svg path { transform-box: fill-box; }
.site-header__menu-toggle svg .rect1 { transition: all 100ms ease-in-out; transform-origin: 0px 0px 0px; transform: rotate(0deg); }
.site-header__menu-toggle svg .rect2 { transition: all 100ms ease-in-out; transform-origin: 0px 0px 0px; transform: rotate(0deg); }
.site-header__menu-toggle svg .rect3 { transition: all 100ms ease-in-out; transform-origin: 0px 0px 0px; transform: rotate(0deg); }
.menu-open .site-header__menu-toggle { cursor: pointer; }
.menu-open .site-header__menu-toggle svg .rect1 { transform-origin: center center; transform: translateY(9px) rotate(45deg); }
.menu-open .site-header__menu-toggle svg .rect2 { transform-origin: center center; transform: translateY(0px) rotate(-45deg); }
.menu-open .site-header__menu-toggle svg .rect3 { transform-origin: center center; transform: translateY(-9px) rotate(-45deg); }

.site-header__pack-toggle { pointer-events: none; opacity: 0; right: 50px; width: 50px; height: 50px; transition: opacity 400ms ease; }
.soul-mode .site-header__pack-toggle { pointer-events: all; opacity: 1; }
.site-header__pack-toggle svg { width: 32px; height: 32px; }
.site-header__pack-toggle svg:first-child { display: block; }
.site-header__pack-toggle svg:last-child { display: none; }
.pack-open .site-header__pack-toggle svg:last-child { display: block; }
.pack-open .site-header__pack-toggle svg:first-child { display: none; }
@media only screen and (min-width: 768px) { .site-header__pack-toggle { top: 50px; }
  .site-header__pack-toggle svg { width: 30px; height: 30px; } }

.site-header__logo { display: block; position: absolute; bottom: 50%; left: 10px; transform: translateY(50%); }
@media only screen and (min-width: 768px) { .site-header__logo { position: absolute; bottom: 0; left: 12.5px; transform-origin: top left; transform: rotate(-90deg); display: block; } }
.site-header__logo:before, .site-header__logo:after { display: none; }
@keyframes dash { 0% { stroke-dashoffset: 300; fill: rgba(255, 255, 255, 0); stroke: white; }
  80% { fill: rgba(255, 255, 255, 0); stroke: white; }
  100% { stroke-dashoffset: 0; stroke: rgba(255, 255, 255, 0); fill: white; } }
@keyframes dash-hover { 0% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 100; } }
.site-header__logo svg { fill: white; transition: fill 300ms ease; height: 25px; width: auto; }
body.firstload .site-header__logo.anim-in svg > *, body.layout-home .site-header__logo.anim-in svg > * { stroke-dasharray: 300; stroke-dashoffset: 300; animation: dash 2s linear; }
.site-header__logo.nrv-navigating svg { fill: rgba(255, 255, 255, 0); }
.site-header__logo.nrv-navigating svg > * { stroke: #ff8080; stroke-dasharray: 50; stroke-dashoffset: 0; animation: dash-hover 1.5s linear infinite; }
.site-header__logo:hover svg { fill: rgba(255, 255, 255, 0); }
.site-header__logo:hover svg > * { stroke: #ff8080; stroke-dasharray: 50; stroke-dashoffset: 0; animation: dash-hover 1.5s linear infinite; }

.site-header__navigation, .site-header__pack { position: absolute; font-size: 18px; width: 0px; height: calc(100vh - (50px - 1px)); height: calc(100dvh - (50px - 1px)); top: 50px; right: 0; padding: 0; overflow: hidden; display: flex; flex-flow: column nowrap; background-color: rgba(15, 16, 21, 0.95); transition: width 300ms ease; transition-delay: 150ms; }
@supports (backdrop-filter: blur(8px)) { .site-header__navigation, .site-header__pack { backdrop-filter: blur(8px); background-color: rgba(15, 16, 21, 0.8); } }
@media only screen and (max-width: 767px) { .site-header__navigation, .site-header__pack { border-top: 1px solid rgba(255, 255, 255, 0.1); } }
@media only screen and (min-width: 768px) { .site-header__navigation, .site-header__pack { bottom: 0; left: 50px; right: auto; top: 0; height: 100vh; height: 100dvh; }
  .site-header__navigation:before, .site-header__navigation:after, .site-header__pack:before, .site-header__pack:after { content: ''; position: absolute; width: 1px; height: 100%; background: rgba(255, 255, 255, 0); top: 0; bottom: 0; transition: background 300ms ease; }
  .site-header__navigation:before, .site-header__pack:before { left: 0; }
  .site-header__navigation:after, .site-header__pack:after { right: 0; } }

.menu-open .site-header__navigation, .pack-open .site-header__pack { width: 100%; transition-delay: 0ms; }
@media only screen and (min-width: 768px) { .menu-open .site-header__navigation, .pack-open .site-header__pack { width: 250px; }
  .menu-open .site-header__navigation:before, .menu-open .site-header__navigation:after, .pack-open .site-header__pack:before, .pack-open .site-header__pack:after { background: rgba(255, 255, 255, 0.1); } }

.site-header__navigation-inner, .site-header__pack-inner { width: 100%; overflow: auto; height: 100%; opacity: 0; transition: opacity 150ms ease; transition-delay: 0ms; }
@media only screen and (min-width: 768px) { .site-header__navigation-inner, .site-header__pack-inner { width: 250px; } }

.menu-open .site-header__navigation-inner, .pack-open .site-header__pack-inner { opacity: 1; transition: opacity 200ms ease; transition-delay: 300ms; }

.pack-player__id { font-family: 'Courier New', monospace; font-size: 12px; color: #ff2a7e; letter-spacing: 0.05em; margin-bottom: 4px; }

.pack-player__status { font-size: 13px; color: rgba(255, 255, 255, 0.4); }

.pack-items { list-style: none; padding: 0; margin: 0; }

.pack-item { padding: 4px 0; }

.pack-item__name { background: none; border: none; padding: 0; font-size: 13px; color: #fff; cursor: pointer; transition: color 200ms; text-align: left; }
.pack-item__name:hover { color: #ff2a7e; }

.pack-quests { list-style: none; padding: 0; margin: 0; }

.pack-quest { font-size: 13px; padding: 3px 0; }

.nrv-quest--active { color: #fff; }

.nrv-quest--complete { color: rgba(255, 255, 255, 0.3); text-decoration: line-through; }

.pack-quest__hint { font-size: 11px; color: rgba(255, 255, 255, 0.35); padding-top: 2px; line-height: 1.5; }

.pack-quest__empty { font-size: 12px; color: rgba(255, 255, 255, 0.3); text-align: center; padding: 6px 0; }

.site-header__menu { list-style: none; padding: 0px; margin: 0 0 30px; }
.site-header__menu li { padding-bottom: 15px; }
.site-header__menu li > ul { list-style: none; margin-top: 15px; padding: 0 0 0 15px; }
.site-header__menu li > ul a { font-size: 18px; }
@media only screen and (min-width: 768px) { .site-header__menu li > ul a { font-size: 16px; } }
.site-header__menu li > ul li:last-child { padding-bottom: 0; }
.site-header__menu a { font-size: 20px; padding: 10px 0; color: #fff; text-decoration: none; }
.site-header__menu a:hover, .site-header__menu a:active, .site-header__menu a:focus { color: #ff8080; text-decoration: none; }
@media only screen and (min-width: 768px) { .site-header__menu a { font-size: 18px; padding: 5px 0; } }

.site-header__social-menu { display: flex; align-items: center; list-style: none; padding: 0px; margin: 0px; }
.site-header__social-menu li { margin: 0 15px 15px 0; }
.site-header__social-menu svg { fill: #fff; width: 28px; height: 28px; }
.site-header__social-menu a { text-decoration: none; }
.site-header__social-menu a:hover, .site-header__social-menu a:active, .site-header__social-menu a:focus { text-decoration: none; }
.site-header__social-menu a:hover svg, .site-header__social-menu a:active svg, .site-header__social-menu a:focus svg { fill: #ff8080; }

.site-header__settings-menu { min-width: 250px; }
@media only screen and (min-width: 768px) { .site-header__settings-menu { width: 250px; } }

.settings-menu__menu li.soul-reset-item { padding-top: 0; }

.settings-menu__menu li.soul-reset-item .soul-reset { background: transparent; border: none; color: rgba(255, 255, 255, 0.25); font-size: 11px; padding: 0; cursor: pointer; transition: color 200ms; font-family: inherit; letter-spacing: 0.05em; height: auto; line-height: inherit; padding-right: 0; width: auto; display: inline; }
.settings-menu__menu li.soul-reset-item .soul-reset:hover { color: rgba(255, 255, 255, 0.6); }

.panel-zone { padding: 20px; color: #fff; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0); transition: border-color 500ms ease; }
@media only screen and (min-width: 768px) { .panel-zone { padding: 15px 20px; } }

.menu-open .site-header__navigation .panel-zone, .pack-open .site-header__pack .panel-zone { border-bottom-color: rgba(255, 255, 255, 0.1); }

.panel-zone:last-child { border-bottom: none; }

.panel-zone--settings { margin-top: auto; border-bottom: none; border-top: 1px solid rgba(255, 255, 255, 0); transition: border-color 500ms ease; }

.menu-open .panel-zone--settings, .pack-open .panel-zone--settings { border-top-color: rgba(255, 255, 255, 0.1); }

.panel-zone__heading { opacity: 0.9; font-size: 12px; line-height: 1.2em; text-transform: uppercase; letter-spacing: 0.11em; display: inline-block; margin-right: 10px; font-weight: 400; color: #fff; font-size: 10px; line-height: 14px; display: block; margin: 0 0 12px; padding-bottom: 6px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
@media only screen and (min-width: 992px) { .panel-zone__heading { font-size: 10px; } }

.settings-menu__menu { list-style: none; margin: 0; padding: 0; opacity: 0.8; transition: all 600ms ease; }
.settings-menu__menu li { position: relative; line-height: 20px; padding: 8px 0; }
.settings-menu__menu li button { cursor: pointer; transition: all 300ms ease; position: relative; vertical-align: top; height: 20px; line-height: 20px; padding: 0; display: inline-block; color: inherit; border: 0; appearance: none; background: transparent; padding-right: 40px; width: 100%; text-align: left; }
.settings-menu__menu li button:hover, .settings-menu__menu li button:active, .settings-menu__menu li button:focus { color: #ff8080; outline: none; }
.settings-menu__menu li button:hover .settings-menu__menu-toggle, .settings-menu__menu li button:active .settings-menu__menu-toggle, .settings-menu__menu li button:focus .settings-menu__menu-toggle { box-shadow: 0 0 0 1px #ff8080 inset; }
.settings-menu__menu li button:hover .settings-menu__menu-toggle:before, .settings-menu__menu li button:active .settings-menu__menu-toggle:before, .settings-menu__menu li button:focus .settings-menu__menu-toggle:before { color: #ff8080; }

.dark-mode #dark-toggle:hover .settings-menu__menu-toggle, .dark-mode #dark-toggle:active .settings-menu__menu-toggle, .dark-mode #dark-toggle:focus .settings-menu__menu-toggle { background-color: #ff8080; }

.soul-mode #soul-toggle:hover .settings-menu__menu-toggle, .soul-mode #soul-toggle:active .settings-menu__menu-toggle, .soul-mode #soul-toggle:focus .settings-menu__menu-toggle { background-color: #ff8080; }

.settings-menu__menu-toggle { position: absolute; right: 0px; top: 0px; width: 40px; height: 20px; overflow: hidden; transform: skew(-10deg); backface-visibility: hidden; transition: all 300ms ease; box-shadow: 0 0 0 1px #fff inset; display: block; }
.settings-menu__menu-toggle:after, .settings-menu__menu-toggle:before { font-size: 10px; transform: skew(10deg); transition: all 300ms ease; width: 100%; text-align: center; position: absolute; line-height: 2em; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center; }
.settings-menu__menu-toggle:after { color: #14141a; left: 100%; opacity: 0; content: attr(data-tg-on); }
.settings-menu__menu-toggle:before { left: 0; opacity: 1; content: attr(data-tg-off); }
.dark-mode .settings-menu__menu-toggle { background-color: transparent; }
.dark-mode #dark-toggle .settings-menu__menu-toggle { background-color: #fff; }
.dark-mode #dark-toggle .settings-menu__menu-toggle:after { left: 0; opacity: 1; }
.dark-mode #dark-toggle .settings-menu__menu-toggle:before { left: -100%; opacity: 0; }
.soul-mode #soul-toggle .settings-menu__menu-toggle { background-color: #fff; }
.soul-mode #soul-toggle .settings-menu__menu-toggle:after { left: 0; opacity: 1; }
.soul-mode #soul-toggle .settings-menu__menu-toggle:before { left: -100%; opacity: 0; }

.billboard { position: relative; color: #ededed; background-color: #0f1015; }
@media only screen and (min-width: 768px) { .billboard { margin: 0; padding: 0 0 0 50px; } }
@media only screen and (max-width: 767px) { .billboard { margin-top: 50px; } }
.billboard picture { width: 100%; height: 100%; display: flex; position: absolute; z-index: 0; left: 0; top: 0; }
.billboard picture img { object-fit: cover; height: auto; width: 100%; }
.billboard .darken-background { left: 0; top: 0; z-index: 1; }
.billboard a { color: #ededed; }
.billboard a:hover, .billboard a:active, .billboard a:focus { color: #ff8080; }
.billboard .billboard__wrap { width: 100%; display: block; margin-left: auto; margin-right: auto; max-width: 1200px; display: block; position: relative; padding-left: 25px; padding-right: 25px; max-width: 590px; position: relative; z-index: 2; }
.billboard .billboard__wrap:after { content: ''; display: table; clear: both; }
@media only screen and (min-width: 768px) { .billboard .billboard__wrap { padding-left: 45px; padding-right: 45px; } }
.billboard .billboard__content { padding: 80px 0; position: relative; }
@media only screen and (min-width: 768px) { .billboard .billboard__content { padding: 20vh 0; } }
.billboard .billboard__title { font-size: 1.6em; font-weight: 300; line-height: 1.2em; letter-spacing: 0.1em; text-transform: uppercase; max-width: 600px; margin: 0 auto; }
@media only screen and (min-width: 480px) { .billboard .billboard__title { font-size: 1.8em; } }
@media only screen and (min-width: 768px) { .billboard .billboard__title { font-size: 2.5em; } }
.billboard .post-tags { display: inline-block; }
.billboard .post-tags a { color: #ededed; margin: 8px 2px 0 2px; }
.billboard .post-tags a:hover, .billboard .post-tags a :active, .billboard .post-tags a:focus { color: #ff8080; }
.billboard .billboard__subtitle { position: absolute; width: 100%; bottom: 0; left: 0; display: flex; align-items: flex-end; transition: all 300ms ease; color: #fff; font-size: 14px; }
.billboard .billboard__subtitle a { transition: all 300ms cubic-bezier(0.4, 0.94, 0.74, 1); text-decoration: none; position: relative; display: inline-block; }
.billboard .billboard__subtitle a:before, .billboard .billboard__subtitle a:after { content: ''; position: absolute; bottom: -1px; top: initial; left: 0; width: 100%; height: 1px; background-color: currentColor; }
.billboard .billboard__subtitle a:before { opacity: 0.35; }
.billboard .billboard__subtitle a:after { will-change: transform; transition: transform 400ms cubic-bezier(0.4, 0.94, 0.74, 1); transform: scaleX(0); transform-origin: left center; }
.billboard .billboard__subtitle a:hover:after { transform: scaleX(1); }
.billboard .billboard__subtitle svg { margin-bottom: 12px; flex: 0 0 auto; margin-right: 12px; width: 15px; height: 15px; fill: #ededed; transition: all 300ms ease; opacity: 0.6; }
.billboard .billboard__subtitle p { margin-top: 0; margin-bottom: 12px; transition: all 300ms ease; opacity: 0; transform: translateY(10px); }
.billboard:hover .billboard__subtitle, .billboard:active .billboard__subtitle, .billboard:focus .billboard__subtitle { cursor: default; }
.billboard:hover .billboard__subtitle p, .billboard:active .billboard__subtitle p, .billboard:focus .billboard__subtitle p { transition: all 300ms ease; opacity: 1; transform: translateY(0px); }
.billboard:hover .billboard__subtitle svg, .billboard:active .billboard__subtitle svg, .billboard:focus .billboard__subtitle svg { transition: all 300ms ease; opacity: 1; }

.billboard--internal .billboard__wrap { animation-delay: 0.1s; animation-duration: 1.4s; }
@media only screen and (min-width: 992px) { .billboard--internal .billboard__content { padding: 30vh 0; } }

.billboard--index .post-entry { padding: 5px 0 10px; }
.billboard--index .post-entry__link .post-entry__yip { display: none; }
@media only screen and (min-width: 768px) { .billboard--index .post-entry__link .post-entry__yip { display: none; } }
.billboard--index .billboard__content:after { text-align: center; content: ''; display: block; height: 1px; width: 100%; background-color: #ededed; opacity: 0.7; display: block; margin: 15px auto 0; }

.billboard__latest { color: #ededed; letter-spacing: 0.3em; line-height: 1em; opacity: 0.7; text-align: center; margin-bottom: 15px; text-transform: uppercase; font-size: 0.6em; display: flex; align-items: center; white-space: nowrap; }
.billboard__latest:before, .billboard__latest:after { content: ''; display: inline-block; line-height: 0.8em; height: 1px; width: 100%; background-color: #ededed; vertical-align: middle; }
.billboard__latest:before { margin-right: 10px; }
.billboard__latest:after { margin-left: 10px; }

.billboard--plain { background-color: transparent; color: #0f1015; }
.billboard--plain a { color: #808080; }
.billboard--plain a:hover, .billboard--plain a:active, .billboard--plain a:focus { color: #ff8080; }
.billboard--plain .billboard__content { padding: 40px 0 0; position: relative; }
@media only screen and (min-width: 768px) { .billboard--plain .billboard__content { padding: 15vh 0 5vh; } }
.dark-mode .billboard--plain { color: #fff; }
.dark-mode .billboard--plain a { color: #fff; }
.dark-mode .billboard--plain a:hover, .dark-mode .billboard--plain a:active, .dark-mode .billboard--plain a:focus { color: #ff8080; }

.billboard__backlink { position: absolute; left: 0; bottom: 12px; }

.index-wrap { background-color: #fff; position: relative; }
@media only screen and (min-width: 768px) { .index-wrap { padding-left: 50px; } }

.index-list { width: 100%; display: block; margin-left: auto; margin-right: auto; max-width: 1200px; display: block; position: relative; padding-left: 25px; padding-right: 25px; max-width: 590px; }
.index-list:after { content: ''; display: table; clear: both; }
@media only screen and (min-width: 768px) { .index-list { padding-left: 45px; padding-right: 45px; } }
.index-list a { color: #14141a; }
.index-list a:hover, .index-list a:active, .index-list a:focus { color: #ff8080; }
.dark-mode .index-list { color: #ededed; }
.dark-mode .index-list a { color: #ededed; }
.dark-mode .index-list a:hover, .dark-mode .index-list a:active, .dark-mode .index-list a:focus { color: #ff8080; }

.index-list__item { padding-top: 30px; padding-bottom: 30px; }
@media only screen and (min-width: 992px) { .index-list__item { padding-top: 50px; padding-bottom: 50px; } }

.index-categoires { position: relative; z-index: 1; border-top: 1px solid rgba(203, 203, 203, 0.7); }
@media only screen and (min-width: 768px) { .index-categoires { margin-left: -50px; padding: 0 0 0 50px; } }

.index-categories__wrap { width: 100%; display: block; margin-left: auto; margin-right: auto; max-width: 1200px; display: block; position: relative; padding-left: 25px; padding-right: 25px; max-width: 590px; padding-top: 20px; padding-bottom: 20px; }
.index-categories__wrap:after { content: ''; display: table; clear: both; }
@media only screen and (min-width: 768px) { .index-categories__wrap { padding-left: 45px; padding-right: 45px; } }

ul.index-categories__list { list-style: none; margin: 0; padding: 0; position: relative; display: block; margin-right: -15px; margin-bottom: -15px; align-items: center; justify-content: center; }
ul.index-categories__list:after { content: ''; display: table; clear: both; }
@supports (display: flex) { ul.index-categories__list { display: flex; flex-flow: row wrap; }
  ul.index-categories__list:before, ul.index-categories__list:after { display: none; } }
ul.index-categories__list > * { width: auto; padding-right: 15px; padding-bottom: 15px; }
ul.index-categories__list li { display: inline-flex; }
ul.index-categories__list a { opacity: 0.9; font-size: 12px; line-height: 1.2em; text-transform: uppercase; letter-spacing: 0.11em; display: inline-block; margin-right: 10px; font-weight: 400; transition: all 300ms cubic-bezier(0.4, 0.94, 0.74, 1); text-decoration: none; position: relative; display: inline-block; margin-right: 0; color: #ededed; }
@media only screen and (min-width: 992px) { ul.index-categories__list a { font-size: 10px; } }
ul.index-categories__list a:before, ul.index-categories__list a:after { content: ''; position: absolute; bottom: -1px; top: initial; left: 0; width: 100%; height: 1px; background-color: currentColor; }
ul.index-categories__list a:before { opacity: 0.35; }
ul.index-categories__list a:after { will-change: transform; transition: transform 400ms cubic-bezier(0.4, 0.94, 0.74, 1); transform: scaleX(0); transform-origin: left center; }
ul.index-categories__list a:hover:after { transform: scaleX(1); }
ul.index-categories__list a:hover, ul.index-categories__list a:active, ul.index-categories__list a:focus { color: #ff8080; }
@media only screen and (min-width: 768px) { ul.index-categories__list { position: relative; display: block; margin-right: -25px; margin-bottom: -25px; justify-content: flex-start; }
  ul.index-categories__list:after { content: ''; display: table; clear: both; }
  @supports (display: flex) { ul.index-categories__list { display: flex; flex-flow: row wrap; }
    ul.index-categories__list:before, ul.index-categories__list:after { display: none; } }
  ul.index-categories__list > * { width: auto; padding-right: 25px; padding-bottom: 25px; } }

.post-entry { display: flex; justify-content: center; align-items: flex-start; flex-flow: column nowrap; }

.post-entry__link .post-entry__yip { opacity: 0.9; font-size: 12px; line-height: 1.2em; text-transform: uppercase; letter-spacing: 0.11em; display: inline-block; margin-right: 10px; font-weight: 400; display: none; padding: 2px 4px; font-size: 8px; font-weight: 600; background-color: #1d1d1d; color: #fff; opacity: 0; transform: translateX(-1.5em) scale(0.9); transform-origin: left bottom; transition: all 300ms ease; transition-delay: 100ms; font-style: italic; }
@media only screen and (min-width: 992px) { .post-entry__link .post-entry__yip { font-size: 10px; } }
@media only screen and (min-width: 768px) { .post-entry__link .post-entry__yip { display: inline-block; } }
.post-entry__link:hover .post-entry__yip, .post-entry__link:active .post-entry__yip, .post-entry__link:focus .post-entry__yip { transform: translateX(0) scale(1); transform-origin: left center; transition-delay: 1s; opacity: 1; }
.dark-mode .post-entry__link .post-entry__yip, .layout-home .post-entry__link .post-entry__yip { background-color: #fff; color: #1d1d1d; }

.post-entry__title { margin: 0; line-height: 1.1em; font-weight: 300; font-size: 1.4em; }
.post-entry__title a { text-decoration: none; }
@media only screen and (min-width: 768px) { .post-entry__title { font-size: 1.8em; } }

.post-entry__link { text-decoration: none; }

.related-post { position: relative; overflow: hidden; display: block; color: #fff; background-color: #14141a; }
.related-post picture { width: 100%; height: 100%; display: flex; position: absolute; z-index: 0; }
.related-post picture img { object-fit: cover; height: auto; width: 100%; }
.related-post .darken-background { transition: all 300ms ease; z-index: 1; }
.related-post .post-entry__link .post-entry__yip { display: none; }
@media only screen and (min-width: 768px) { .related-post .post-entry__link .post-entry__yip { display: none; } }
.related-post:hover .darken-background, .related-post:active .darken-background, .related-post:focus .darken-background { background-color: rgba(15, 16, 21, 0.7); }
.related-post a { color: #fff; }
.related-post a:hover, .related-post a:active, .related-post a:focus { color: #ff8080; }
.related-post a:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.related-post .post-entry { position: relative; padding: 20px; z-index: 2; }
@media only screen and (min-width: 768px) { .related-post .post-entry { padding: 40px; } }
.related-post .meta-tag { display: none; }

.related-post__wrap { width: 100%; display: block; margin-left: auto; margin-right: auto; max-width: 1200px; display: block; position: relative; padding-left: 25px; padding-right: 25px; max-width: 800px; width: auto; margin-bottom: 20px; }
.related-post__wrap:after { content: ''; display: table; clear: both; }
@media only screen and (min-width: 768px) { .related-post__wrap { padding-left: 45px; padding-right: 45px; } }
@media only screen and (min-width: 768px) { .related-post__wrap { margin-bottom: 40px; padding-left: 90px; padding-right: 40px; } }

.newsletter-signup { max-width: 500px; display: block; margin: 0 auto; text-align: left; max-width: 100%; }
.newsletter-signup h2 { font-size: 16px; margin: 0 0 8px 0; line-height: 1.1em; }
.newsletter-signup form { display: flex; align-items: center; justify-content: flex-start; }
.newsletter-signup label { display: block; text-transform: uppercase; font-size: 12px; }
.newsletter-signup input.email { padding-left: 10px; padding-right: 10px; width: 100%; }
.newsletter-signup #mc_embed_signup_scroll { display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; max-width: 100%; }
.newsletter-signup .mc-field-group { flex: 1 1 auto; }
.newsletter-signup .nrv-btn { flex: 0 1 auto; margin-left: 5px; padding-left: 10px; padding-right: 10px; }
@media only screen and (min-width: 768px) { .newsletter-signup .nrv-btn { padding-left: 25px; padding-right: 25px; } }

.inventory-space__list { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; max-width: 260px; flex-flow: row wrap; }

.inventory-space__blank { position: relative; display: block; width: 45px; height: 45px; border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; }
.inventory-space__blank:before, .inventory-space__blank:after { content: ''; width: 1px; height: 300px; background: rgba(255, 255, 255, 0.1); position: absolute; left: 50%; top: 50%; }
.inventory-space__blank:before { transform: translate(-50%, -50%) rotate(45deg); }
.inventory-space__blank:after { transform: translate(-50%, -50%) rotate(-45deg); }

.inventory-space__slot { display: block; width: 45px; height: 45px; padding: 0; border: none; background: none; cursor: pointer; overflow: hidden; }
.inventory-space__slot img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0.7; transition: opacity 200ms; }
.inventory-space__slot:hover img { opacity: 1; }

@keyframes slot-materialise { 0% { opacity: 0; filter: blur(10px); transform: scale(0.8); }
  65% { opacity: 1; filter: blur(1px); transform: scale(1.06); }
  100% { opacity: 0.7; filter: blur(0); transform: scale(1); } }
.inventory-space__slot--new img { animation: slot-materialise 480ms ease forwards; }

.error-page { position: absolute; display: block; width: 100%; height: 100%; height: 100vh; color: #fff; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("images/confusedtravolta.gif"); }
.error-page .error-page-inner { animation-duration: 2s; animation-delay: 0.2s; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; text-align: center; z-index: 1; }
.error-page .error-page-inner h1 { margin: 0; }

.homepage-billboard { background-color: #0f1015; color: #fff; position: relative; overflow: hidden; }

.homepage-billboard__image { position: relative; padding-top: 50px; padding-bottom: 100px; }
@media only screen and (min-width: 768px) { .homepage-billboard__image { padding: 0; height: 60vh; } }
@media only screen and (min-width: 992px) { .homepage-billboard__image { height: 70vh; } }
.homepage-billboard__image picture img { width: 100%; height: 100%; max-width: 500px; max-height: 35vh; min-height: 400px; object-fit: contain; display: block; margin: 0 auto; }
@media only screen and (min-width: 768px) { .homepage-billboard__image picture img { max-height: 60vh; margin-right: 0; padding: 0 0 30px 0; } }
@media only screen and (min-width: 992px) { .homepage-billboard__image picture img { max-height: 70vh; margin-right: 5%; } }

.homepage-billboard__credit { display: none; padding: 20px; position: absolute; bottom: 0; right: 0; text-align: right; font-size: 1em; z-index: 3; }
.homepage-billboard__credit span { opacity: 0.8; font-size: 0.85em; }
.homepage-billboard__credit a { transition: all 300ms cubic-bezier(0.4, 0.94, 0.74, 1); text-decoration: none; position: relative; display: inline-block; color: #fff; transition: none; }
.homepage-billboard__credit a:before, .homepage-billboard__credit a:after { content: ''; position: absolute; bottom: -1px; top: initial; left: 0; width: 100%; height: 1px; background-color: currentColor; }
.homepage-billboard__credit a:before { opacity: 0.35; }
.homepage-billboard__credit a:after { will-change: transform; transition: transform 400ms cubic-bezier(0.4, 0.94, 0.74, 1); transform: scaleX(0); transform-origin: left center; }
.homepage-billboard__credit a:hover:after { transform: scaleX(1); }
@media only screen and (min-width: 480px) { .homepage-billboard__credit { display: block; } }
@media only screen and (min-width: 768px) { .homepage-billboard__credit { z-index: 2; padding: 30px; bottom: 30px; } }
@media only screen and (min-width: 1200px) { .homepage-billboard__credit { padding: 40px; } }

.homepage-billboard__inner { pointer-events: none; padding: 20px; background: transparent; color: #0f1015; width: 100%; color: #fff; position: absolute; bottom: 0; z-index: 2; }
@media only screen and (min-width: 768px) { .homepage-billboard__inner { bottom: 30px; padding: 30px; left: 50px; } }
@media only screen and (min-width: 1200px) { .homepage-billboard__inner { padding: 40px; } }
.homepage-billboard__inner p { margin: 0; font-size: 1.2em; font-weight: 300; }
.homepage-billboard__inner p span { font-weight: 800; font-size: 1.05em; }
@media only screen and (min-width: 480px) { .homepage-billboard__inner p { font-size: 1.3em; }
  .homepage-billboard__inner p span { font-size: 1.2em; } }
@media only screen and (min-width: 768px) { .homepage-billboard__inner p { font-size: 1.5em; } }
@media only screen and (min-width: 992px) { .homepage-billboard__inner p { font-size: 2em; } }

.homepage-billboard--full { background-color: #010103; color: #fff; }
.homepage-billboard--full a, .homepage-billboard--full .homepage-billboard__inner p, .homepage-billboard--full .homepage-billboard__inner p span { color: #fff; }
.homepage-billboard--full a:before, .homepage-billboard--full a:after, .homepage-billboard--full .homepage-billboard__inner p:before, .homepage-billboard--full .homepage-billboard__inner p:after, .homepage-billboard--full .homepage-billboard__inner p span:before, .homepage-billboard--full .homepage-billboard__inner p span:after { background-color: #fff; }
.homepage-billboard--full a:hover, .homepage-billboard--full a:active, .homepage-billboard--full a:focus, .homepage-billboard--full .homepage-billboard__inner p:hover, .homepage-billboard--full .homepage-billboard__inner p:active, .homepage-billboard--full .homepage-billboard__inner p:focus, .homepage-billboard--full .homepage-billboard__inner p span:hover, .homepage-billboard--full .homepage-billboard__inner p span:active, .homepage-billboard--full .homepage-billboard__inner p span:focus { color: #fff; }
.homepage-billboard--full a:hover:before, .homepage-billboard--full a:hover:after, .homepage-billboard--full a:active:before, .homepage-billboard--full a:active:after, .homepage-billboard--full a:focus:before, .homepage-billboard--full a:focus:after, .homepage-billboard--full .homepage-billboard__inner p:hover:before, .homepage-billboard--full .homepage-billboard__inner p:hover:after, .homepage-billboard--full .homepage-billboard__inner p:active:before, .homepage-billboard--full .homepage-billboard__inner p:active:after, .homepage-billboard--full .homepage-billboard__inner p:focus:before, .homepage-billboard--full .homepage-billboard__inner p:focus:after, .homepage-billboard--full .homepage-billboard__inner p span:hover:before, .homepage-billboard--full .homepage-billboard__inner p span:hover:after, .homepage-billboard--full .homepage-billboard__inner p span:active:before, .homepage-billboard--full .homepage-billboard__inner p span:active:after, .homepage-billboard--full .homepage-billboard__inner p span:focus:before, .homepage-billboard--full .homepage-billboard__inner p span:focus:after { background-color: #fff; }

.homepage-billboard--2b { background-color: #024c71; color: #fff; }
.homepage-billboard--2b a, .homepage-billboard--2b .homepage-billboard__inner p, .homepage-billboard--2b .homepage-billboard__inner p span { color: #fff; }
.homepage-billboard--2b a:before, .homepage-billboard--2b a:after, .homepage-billboard--2b .homepage-billboard__inner p:before, .homepage-billboard--2b .homepage-billboard__inner p:after, .homepage-billboard--2b .homepage-billboard__inner p span:before, .homepage-billboard--2b .homepage-billboard__inner p span:after { background-color: #fff; }
.homepage-billboard--2b a:hover, .homepage-billboard--2b a:active, .homepage-billboard--2b a:focus, .homepage-billboard--2b .homepage-billboard__inner p:hover, .homepage-billboard--2b .homepage-billboard__inner p:active, .homepage-billboard--2b .homepage-billboard__inner p:focus, .homepage-billboard--2b .homepage-billboard__inner p span:hover, .homepage-billboard--2b .homepage-billboard__inner p span:active, .homepage-billboard--2b .homepage-billboard__inner p span:focus { color: #fff; }
.homepage-billboard--2b a:hover:before, .homepage-billboard--2b a:hover:after, .homepage-billboard--2b a:active:before, .homepage-billboard--2b a:active:after, .homepage-billboard--2b a:focus:before, .homepage-billboard--2b a:focus:after, .homepage-billboard--2b .homepage-billboard__inner p:hover:before, .homepage-billboard--2b .homepage-billboard__inner p:hover:after, .homepage-billboard--2b .homepage-billboard__inner p:active:before, .homepage-billboard--2b .homepage-billboard__inner p:active:after, .homepage-billboard--2b .homepage-billboard__inner p:focus:before, .homepage-billboard--2b .homepage-billboard__inner p:focus:after, .homepage-billboard--2b .homepage-billboard__inner p span:hover:before, .homepage-billboard--2b .homepage-billboard__inner p span:hover:after, .homepage-billboard--2b .homepage-billboard__inner p span:active:before, .homepage-billboard--2b .homepage-billboard__inner p span:active:after, .homepage-billboard--2b .homepage-billboard__inner p span:focus:before, .homepage-billboard--2b .homepage-billboard__inner p span:focus:after { background-color: #fff; }

.homepage-billboard--headphones { background-color: #fc5e81; color: #000; }
.homepage-billboard--headphones a, .homepage-billboard--headphones .homepage-billboard__inner p, .homepage-billboard--headphones .homepage-billboard__inner p span { color: #000; }
.homepage-billboard--headphones a:before, .homepage-billboard--headphones a:after, .homepage-billboard--headphones .homepage-billboard__inner p:before, .homepage-billboard--headphones .homepage-billboard__inner p:after, .homepage-billboard--headphones .homepage-billboard__inner p span:before, .homepage-billboard--headphones .homepage-billboard__inner p span:after { background-color: #000; }
.homepage-billboard--headphones a:hover, .homepage-billboard--headphones a:active, .homepage-billboard--headphones a:focus, .homepage-billboard--headphones .homepage-billboard__inner p:hover, .homepage-billboard--headphones .homepage-billboard__inner p:active, .homepage-billboard--headphones .homepage-billboard__inner p:focus, .homepage-billboard--headphones .homepage-billboard__inner p span:hover, .homepage-billboard--headphones .homepage-billboard__inner p span:active, .homepage-billboard--headphones .homepage-billboard__inner p span:focus { color: #000; }
.homepage-billboard--headphones a:hover:before, .homepage-billboard--headphones a:hover:after, .homepage-billboard--headphones a:active:before, .homepage-billboard--headphones a:active:after, .homepage-billboard--headphones a:focus:before, .homepage-billboard--headphones a:focus:after, .homepage-billboard--headphones .homepage-billboard__inner p:hover:before, .homepage-billboard--headphones .homepage-billboard__inner p:hover:after, .homepage-billboard--headphones .homepage-billboard__inner p:active:before, .homepage-billboard--headphones .homepage-billboard__inner p:active:after, .homepage-billboard--headphones .homepage-billboard__inner p:focus:before, .homepage-billboard--headphones .homepage-billboard__inner p:focus:after, .homepage-billboard--headphones .homepage-billboard__inner p span:hover:before, .homepage-billboard--headphones .homepage-billboard__inner p span:hover:after, .homepage-billboard--headphones .homepage-billboard__inner p span:active:before, .homepage-billboard--headphones .homepage-billboard__inner p span:active:after, .homepage-billboard--headphones .homepage-billboard__inner p span:focus:before, .homepage-billboard--headphones .homepage-billboard__inner p span:focus:after { background-color: #000; }

.homepage-billboard--slurp { background-color: #77ffc8; color: #26106a; }
.homepage-billboard--slurp a, .homepage-billboard--slurp .homepage-billboard__inner p, .homepage-billboard--slurp .homepage-billboard__inner p span { color: #26106a; }
.homepage-billboard--slurp a:before, .homepage-billboard--slurp a:after, .homepage-billboard--slurp .homepage-billboard__inner p:before, .homepage-billboard--slurp .homepage-billboard__inner p:after, .homepage-billboard--slurp .homepage-billboard__inner p span:before, .homepage-billboard--slurp .homepage-billboard__inner p span:after { background-color: #26106a; }
.homepage-billboard--slurp a:hover, .homepage-billboard--slurp a:active, .homepage-billboard--slurp a:focus, .homepage-billboard--slurp .homepage-billboard__inner p:hover, .homepage-billboard--slurp .homepage-billboard__inner p:active, .homepage-billboard--slurp .homepage-billboard__inner p:focus, .homepage-billboard--slurp .homepage-billboard__inner p span:hover, .homepage-billboard--slurp .homepage-billboard__inner p span:active, .homepage-billboard--slurp .homepage-billboard__inner p span:focus { color: #26106a; }
.homepage-billboard--slurp a:hover:before, .homepage-billboard--slurp a:hover:after, .homepage-billboard--slurp a:active:before, .homepage-billboard--slurp a:active:after, .homepage-billboard--slurp a:focus:before, .homepage-billboard--slurp a:focus:after, .homepage-billboard--slurp .homepage-billboard__inner p:hover:before, .homepage-billboard--slurp .homepage-billboard__inner p:hover:after, .homepage-billboard--slurp .homepage-billboard__inner p:active:before, .homepage-billboard--slurp .homepage-billboard__inner p:active:after, .homepage-billboard--slurp .homepage-billboard__inner p:focus:before, .homepage-billboard--slurp .homepage-billboard__inner p:focus:after, .homepage-billboard--slurp .homepage-billboard__inner p span:hover:before, .homepage-billboard--slurp .homepage-billboard__inner p span:hover:after, .homepage-billboard--slurp .homepage-billboard__inner p span:active:before, .homepage-billboard--slurp .homepage-billboard__inner p span:active:after, .homepage-billboard--slurp .homepage-billboard__inner p span:focus:before, .homepage-billboard--slurp .homepage-billboard__inner p span:focus:after { background-color: #26106a; }

.homepage-billboard--lift { background-color: #f7f6f2; color: #1d329d; }
.homepage-billboard--lift a, .homepage-billboard--lift .homepage-billboard__inner p, .homepage-billboard--lift .homepage-billboard__inner p span { color: #1d329d; }
.homepage-billboard--lift a:before, .homepage-billboard--lift a:after, .homepage-billboard--lift .homepage-billboard__inner p:before, .homepage-billboard--lift .homepage-billboard__inner p:after, .homepage-billboard--lift .homepage-billboard__inner p span:before, .homepage-billboard--lift .homepage-billboard__inner p span:after { background-color: #1d329d; }
.homepage-billboard--lift a:hover, .homepage-billboard--lift a:active, .homepage-billboard--lift a:focus, .homepage-billboard--lift .homepage-billboard__inner p:hover, .homepage-billboard--lift .homepage-billboard__inner p:active, .homepage-billboard--lift .homepage-billboard__inner p:focus, .homepage-billboard--lift .homepage-billboard__inner p span:hover, .homepage-billboard--lift .homepage-billboard__inner p span:active, .homepage-billboard--lift .homepage-billboard__inner p span:focus { color: #1d329d; }
.homepage-billboard--lift a:hover:before, .homepage-billboard--lift a:hover:after, .homepage-billboard--lift a:active:before, .homepage-billboard--lift a:active:after, .homepage-billboard--lift a:focus:before, .homepage-billboard--lift a:focus:after, .homepage-billboard--lift .homepage-billboard__inner p:hover:before, .homepage-billboard--lift .homepage-billboard__inner p:hover:after, .homepage-billboard--lift .homepage-billboard__inner p:active:before, .homepage-billboard--lift .homepage-billboard__inner p:active:after, .homepage-billboard--lift .homepage-billboard__inner p:focus:before, .homepage-billboard--lift .homepage-billboard__inner p:focus:after, .homepage-billboard--lift .homepage-billboard__inner p span:hover:before, .homepage-billboard--lift .homepage-billboard__inner p span:hover:after, .homepage-billboard--lift .homepage-billboard__inner p span:active:before, .homepage-billboard--lift .homepage-billboard__inner p span:active:after, .homepage-billboard--lift .homepage-billboard__inner p span:focus:before, .homepage-billboard--lift .homepage-billboard__inner p span:focus:after { background-color: #1d329d; }

.homepage-billboard--hand { background-color: #1c1920; color: #d9d8d2; }
.homepage-billboard--hand a, .homepage-billboard--hand .homepage-billboard__inner p, .homepage-billboard--hand .homepage-billboard__inner p span { color: #d9d8d2; }
.homepage-billboard--hand a:before, .homepage-billboard--hand a:after, .homepage-billboard--hand .homepage-billboard__inner p:before, .homepage-billboard--hand .homepage-billboard__inner p:after, .homepage-billboard--hand .homepage-billboard__inner p span:before, .homepage-billboard--hand .homepage-billboard__inner p span:after { background-color: #d9d8d2; }
.homepage-billboard--hand a:hover, .homepage-billboard--hand a:active, .homepage-billboard--hand a:focus, .homepage-billboard--hand .homepage-billboard__inner p:hover, .homepage-billboard--hand .homepage-billboard__inner p:active, .homepage-billboard--hand .homepage-billboard__inner p:focus, .homepage-billboard--hand .homepage-billboard__inner p span:hover, .homepage-billboard--hand .homepage-billboard__inner p span:active, .homepage-billboard--hand .homepage-billboard__inner p span:focus { color: #d9d8d2; }
.homepage-billboard--hand a:hover:before, .homepage-billboard--hand a:hover:after, .homepage-billboard--hand a:active:before, .homepage-billboard--hand a:active:after, .homepage-billboard--hand a:focus:before, .homepage-billboard--hand a:focus:after, .homepage-billboard--hand .homepage-billboard__inner p:hover:before, .homepage-billboard--hand .homepage-billboard__inner p:hover:after, .homepage-billboard--hand .homepage-billboard__inner p:active:before, .homepage-billboard--hand .homepage-billboard__inner p:active:after, .homepage-billboard--hand .homepage-billboard__inner p:focus:before, .homepage-billboard--hand .homepage-billboard__inner p:focus:after, .homepage-billboard--hand .homepage-billboard__inner p span:hover:before, .homepage-billboard--hand .homepage-billboard__inner p span:hover:after, .homepage-billboard--hand .homepage-billboard__inner p span:active:before, .homepage-billboard--hand .homepage-billboard__inner p span:active:after, .homepage-billboard--hand .homepage-billboard__inner p span:focus:before, .homepage-billboard--hand .homepage-billboard__inner p span:focus:after { background-color: #d9d8d2; }

.homepage-billboard--raine { background-color: #d1dafb; color: #6c4fac; }
.homepage-billboard--raine a, .homepage-billboard--raine .homepage-billboard__inner p, .homepage-billboard--raine .homepage-billboard__inner p span { color: #6c4fac; }
.homepage-billboard--raine a:before, .homepage-billboard--raine a:after, .homepage-billboard--raine .homepage-billboard__inner p:before, .homepage-billboard--raine .homepage-billboard__inner p:after, .homepage-billboard--raine .homepage-billboard__inner p span:before, .homepage-billboard--raine .homepage-billboard__inner p span:after { background-color: #6c4fac; }
.homepage-billboard--raine a:hover, .homepage-billboard--raine a:active, .homepage-billboard--raine a:focus, .homepage-billboard--raine .homepage-billboard__inner p:hover, .homepage-billboard--raine .homepage-billboard__inner p:active, .homepage-billboard--raine .homepage-billboard__inner p:focus, .homepage-billboard--raine .homepage-billboard__inner p span:hover, .homepage-billboard--raine .homepage-billboard__inner p span:active, .homepage-billboard--raine .homepage-billboard__inner p span:focus { color: #6c4fac; }
.homepage-billboard--raine a:hover:before, .homepage-billboard--raine a:hover:after, .homepage-billboard--raine a:active:before, .homepage-billboard--raine a:active:after, .homepage-billboard--raine a:focus:before, .homepage-billboard--raine a:focus:after, .homepage-billboard--raine .homepage-billboard__inner p:hover:before, .homepage-billboard--raine .homepage-billboard__inner p:hover:after, .homepage-billboard--raine .homepage-billboard__inner p:active:before, .homepage-billboard--raine .homepage-billboard__inner p:active:after, .homepage-billboard--raine .homepage-billboard__inner p:focus:before, .homepage-billboard--raine .homepage-billboard__inner p:focus:after, .homepage-billboard--raine .homepage-billboard__inner p span:hover:before, .homepage-billboard--raine .homepage-billboard__inner p span:hover:after, .homepage-billboard--raine .homepage-billboard__inner p span:active:before, .homepage-billboard--raine .homepage-billboard__inner p span:active:after, .homepage-billboard--raine .homepage-billboard__inner p span:focus:before, .homepage-billboard--raine .homepage-billboard__inner p span:focus:after { background-color: #6c4fac; }

.homepage-billboard--hack { background-color: #ddd9fe; color: #2d6c75; }
.homepage-billboard--hack a, .homepage-billboard--hack .homepage-billboard__inner p, .homepage-billboard--hack .homepage-billboard__inner p span { color: #2d6c75; }
.homepage-billboard--hack a:before, .homepage-billboard--hack a:after, .homepage-billboard--hack .homepage-billboard__inner p:before, .homepage-billboard--hack .homepage-billboard__inner p:after, .homepage-billboard--hack .homepage-billboard__inner p span:before, .homepage-billboard--hack .homepage-billboard__inner p span:after { background-color: #2d6c75; }
.homepage-billboard--hack a:hover, .homepage-billboard--hack a:active, .homepage-billboard--hack a:focus, .homepage-billboard--hack .homepage-billboard__inner p:hover, .homepage-billboard--hack .homepage-billboard__inner p:active, .homepage-billboard--hack .homepage-billboard__inner p:focus, .homepage-billboard--hack .homepage-billboard__inner p span:hover, .homepage-billboard--hack .homepage-billboard__inner p span:active, .homepage-billboard--hack .homepage-billboard__inner p span:focus { color: #2d6c75; }
.homepage-billboard--hack a:hover:before, .homepage-billboard--hack a:hover:after, .homepage-billboard--hack a:active:before, .homepage-billboard--hack a:active:after, .homepage-billboard--hack a:focus:before, .homepage-billboard--hack a:focus:after, .homepage-billboard--hack .homepage-billboard__inner p:hover:before, .homepage-billboard--hack .homepage-billboard__inner p:hover:after, .homepage-billboard--hack .homepage-billboard__inner p:active:before, .homepage-billboard--hack .homepage-billboard__inner p:active:after, .homepage-billboard--hack .homepage-billboard__inner p:focus:before, .homepage-billboard--hack .homepage-billboard__inner p:focus:after, .homepage-billboard--hack .homepage-billboard__inner p span:hover:before, .homepage-billboard--hack .homepage-billboard__inner p span:hover:after, .homepage-billboard--hack .homepage-billboard__inner p span:active:before, .homepage-billboard--hack .homepage-billboard__inner p span:active:after, .homepage-billboard--hack .homepage-billboard__inner p span:focus:before, .homepage-billboard--hack .homepage-billboard__inner p span:focus:after { background-color: #2d6c75; }

.homepage-billboard--run { background-color: #2d2e44; color: #fff; }
.homepage-billboard--run a, .homepage-billboard--run .homepage-billboard__inner p, .homepage-billboard--run .homepage-billboard__inner p span { color: #fff; }
.homepage-billboard--run a:before, .homepage-billboard--run a:after, .homepage-billboard--run .homepage-billboard__inner p:before, .homepage-billboard--run .homepage-billboard__inner p:after, .homepage-billboard--run .homepage-billboard__inner p span:before, .homepage-billboard--run .homepage-billboard__inner p span:after { background-color: #fff; }
.homepage-billboard--run a:hover, .homepage-billboard--run a:active, .homepage-billboard--run a:focus, .homepage-billboard--run .homepage-billboard__inner p:hover, .homepage-billboard--run .homepage-billboard__inner p:active, .homepage-billboard--run .homepage-billboard__inner p:focus, .homepage-billboard--run .homepage-billboard__inner p span:hover, .homepage-billboard--run .homepage-billboard__inner p span:active, .homepage-billboard--run .homepage-billboard__inner p span:focus { color: #fff; }
.homepage-billboard--run a:hover:before, .homepage-billboard--run a:hover:after, .homepage-billboard--run a:active:before, .homepage-billboard--run a:active:after, .homepage-billboard--run a:focus:before, .homepage-billboard--run a:focus:after, .homepage-billboard--run .homepage-billboard__inner p:hover:before, .homepage-billboard--run .homepage-billboard__inner p:hover:after, .homepage-billboard--run .homepage-billboard__inner p:active:before, .homepage-billboard--run .homepage-billboard__inner p:active:after, .homepage-billboard--run .homepage-billboard__inner p:focus:before, .homepage-billboard--run .homepage-billboard__inner p:focus:after, .homepage-billboard--run .homepage-billboard__inner p span:hover:before, .homepage-billboard--run .homepage-billboard__inner p span:hover:after, .homepage-billboard--run .homepage-billboard__inner p span:active:before, .homepage-billboard--run .homepage-billboard__inner p span:active:after, .homepage-billboard--run .homepage-billboard__inner p span:focus:before, .homepage-billboard--run .homepage-billboard__inner p span:focus:after { background-color: #fff; }

.homepage-billboard--ryuko { background-color: #64e0dd; color: #444867; }
.homepage-billboard--ryuko a, .homepage-billboard--ryuko .homepage-billboard__inner p, .homepage-billboard--ryuko .homepage-billboard__inner p span { color: #444867; }
.homepage-billboard--ryuko a:before, .homepage-billboard--ryuko a:after, .homepage-billboard--ryuko .homepage-billboard__inner p:before, .homepage-billboard--ryuko .homepage-billboard__inner p:after, .homepage-billboard--ryuko .homepage-billboard__inner p span:before, .homepage-billboard--ryuko .homepage-billboard__inner p span:after { background-color: #444867; }
.homepage-billboard--ryuko a:hover, .homepage-billboard--ryuko a:active, .homepage-billboard--ryuko a:focus, .homepage-billboard--ryuko .homepage-billboard__inner p:hover, .homepage-billboard--ryuko .homepage-billboard__inner p:active, .homepage-billboard--ryuko .homepage-billboard__inner p:focus, .homepage-billboard--ryuko .homepage-billboard__inner p span:hover, .homepage-billboard--ryuko .homepage-billboard__inner p span:active, .homepage-billboard--ryuko .homepage-billboard__inner p span:focus { color: #444867; }
.homepage-billboard--ryuko a:hover:before, .homepage-billboard--ryuko a:hover:after, .homepage-billboard--ryuko a:active:before, .homepage-billboard--ryuko a:active:after, .homepage-billboard--ryuko a:focus:before, .homepage-billboard--ryuko a:focus:after, .homepage-billboard--ryuko .homepage-billboard__inner p:hover:before, .homepage-billboard--ryuko .homepage-billboard__inner p:hover:after, .homepage-billboard--ryuko .homepage-billboard__inner p:active:before, .homepage-billboard--ryuko .homepage-billboard__inner p:active:after, .homepage-billboard--ryuko .homepage-billboard__inner p:focus:before, .homepage-billboard--ryuko .homepage-billboard__inner p:focus:after, .homepage-billboard--ryuko .homepage-billboard__inner p span:hover:before, .homepage-billboard--ryuko .homepage-billboard__inner p span:hover:after, .homepage-billboard--ryuko .homepage-billboard__inner p span:active:before, .homepage-billboard--ryuko .homepage-billboard__inner p span:active:after, .homepage-billboard--ryuko .homepage-billboard__inner p span:focus:before, .homepage-billboard--ryuko .homepage-billboard__inner p span:focus:after { background-color: #444867; }

.homepage-billboard--floodlight { background-color: #59548e; color: #e4d6ff; }
.homepage-billboard--floodlight a, .homepage-billboard--floodlight .homepage-billboard__inner p, .homepage-billboard--floodlight .homepage-billboard__inner p span { color: #e4d6ff; }
.homepage-billboard--floodlight a:before, .homepage-billboard--floodlight a:after, .homepage-billboard--floodlight .homepage-billboard__inner p:before, .homepage-billboard--floodlight .homepage-billboard__inner p:after, .homepage-billboard--floodlight .homepage-billboard__inner p span:before, .homepage-billboard--floodlight .homepage-billboard__inner p span:after { background-color: #e4d6ff; }
.homepage-billboard--floodlight a:hover, .homepage-billboard--floodlight a:active, .homepage-billboard--floodlight a:focus, .homepage-billboard--floodlight .homepage-billboard__inner p:hover, .homepage-billboard--floodlight .homepage-billboard__inner p:active, .homepage-billboard--floodlight .homepage-billboard__inner p:focus, .homepage-billboard--floodlight .homepage-billboard__inner p span:hover, .homepage-billboard--floodlight .homepage-billboard__inner p span:active, .homepage-billboard--floodlight .homepage-billboard__inner p span:focus { color: #e4d6ff; }
.homepage-billboard--floodlight a:hover:before, .homepage-billboard--floodlight a:hover:after, .homepage-billboard--floodlight a:active:before, .homepage-billboard--floodlight a:active:after, .homepage-billboard--floodlight a:focus:before, .homepage-billboard--floodlight a:focus:after, .homepage-billboard--floodlight .homepage-billboard__inner p:hover:before, .homepage-billboard--floodlight .homepage-billboard__inner p:hover:after, .homepage-billboard--floodlight .homepage-billboard__inner p:active:before, .homepage-billboard--floodlight .homepage-billboard__inner p:active:after, .homepage-billboard--floodlight .homepage-billboard__inner p:focus:before, .homepage-billboard--floodlight .homepage-billboard__inner p:focus:after, .homepage-billboard--floodlight .homepage-billboard__inner p span:hover:before, .homepage-billboard--floodlight .homepage-billboard__inner p span:hover:after, .homepage-billboard--floodlight .homepage-billboard__inner p span:active:before, .homepage-billboard--floodlight .homepage-billboard__inner p span:active:after, .homepage-billboard--floodlight .homepage-billboard__inner p span:focus:before, .homepage-billboard--floodlight .homepage-billboard__inner p span:focus:after { background-color: #e4d6ff; }

.homepage-billboard--rebecca { background-color: #F9A100; color: #000; }
.homepage-billboard--rebecca a, .homepage-billboard--rebecca .homepage-billboard__inner p, .homepage-billboard--rebecca .homepage-billboard__inner p span { color: #000; }
.homepage-billboard--rebecca a:before, .homepage-billboard--rebecca a:after, .homepage-billboard--rebecca .homepage-billboard__inner p:before, .homepage-billboard--rebecca .homepage-billboard__inner p:after, .homepage-billboard--rebecca .homepage-billboard__inner p span:before, .homepage-billboard--rebecca .homepage-billboard__inner p span:after { background-color: #000; }
.homepage-billboard--rebecca a:hover, .homepage-billboard--rebecca a:active, .homepage-billboard--rebecca a:focus, .homepage-billboard--rebecca .homepage-billboard__inner p:hover, .homepage-billboard--rebecca .homepage-billboard__inner p:active, .homepage-billboard--rebecca .homepage-billboard__inner p:focus, .homepage-billboard--rebecca .homepage-billboard__inner p span:hover, .homepage-billboard--rebecca .homepage-billboard__inner p span:active, .homepage-billboard--rebecca .homepage-billboard__inner p span:focus { color: #000; }
.homepage-billboard--rebecca a:hover:before, .homepage-billboard--rebecca a:hover:after, .homepage-billboard--rebecca a:active:before, .homepage-billboard--rebecca a:active:after, .homepage-billboard--rebecca a:focus:before, .homepage-billboard--rebecca a:focus:after, .homepage-billboard--rebecca .homepage-billboard__inner p:hover:before, .homepage-billboard--rebecca .homepage-billboard__inner p:hover:after, .homepage-billboard--rebecca .homepage-billboard__inner p:active:before, .homepage-billboard--rebecca .homepage-billboard__inner p:active:after, .homepage-billboard--rebecca .homepage-billboard__inner p:focus:before, .homepage-billboard--rebecca .homepage-billboard__inner p:focus:after, .homepage-billboard--rebecca .homepage-billboard__inner p span:hover:before, .homepage-billboard--rebecca .homepage-billboard__inner p span:hover:after, .homepage-billboard--rebecca .homepage-billboard__inner p span:active:before, .homepage-billboard--rebecca .homepage-billboard__inner p span:active:after, .homepage-billboard--rebecca .homepage-billboard__inner p span:focus:before, .homepage-billboard--rebecca .homepage-billboard__inner p span:focus:after { background-color: #000; }

.homepage-billboard--full .homepage-billboard__inner { background: linear-gradient(0deg, black, transparent); }
@media only screen and (min-width: 768px) { .homepage-billboard--full .homepage-billboard__inner { background: transparent; } }
.homepage-billboard--full .homepage-billboard__image picture img { padding-bottom: 0; }

.homepage-billboard--full .homepage-billboard__image { padding: 0; }
.homepage-billboard--full .homepage-billboard__image picture img { max-width: none; object-fit: cover; }

.home-grid { display: grid; grid-gap: 0; grid-template-columns: 1fr; width: 100%; grid-auto-rows: minmax(160px, 10vh); grid-gap: 20px; padding: 20px; color: #fff; }
@media only screen and (min-width: 768px) { .home-grid { grid-gap: 30px; padding: 0 30px 30px; margin-top: -30px; padding-left: 80px; overflow: hidden; grid-template-columns: 1fr 1fr; grid-auto-rows: minmax(200px, 30vh); } }
.home-grid picture { width: 100%; height: 100%; display: flex; }
.home-grid picture img { object-fit: cover; height: auto; width: 100%; }

.home-grid__item { background-color: #0f1015; display: block; position: relative; overflow: hidden; color: #fff; }
.home-grid__item .post-entry { height: 100%; width: 100%; padding: 20px; position: absolute; bottom: 0; left: 0; z-index: 2; justify-content: flex-end; background: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 100%); }
.home-grid__item .post-entry a { transition: all 300ms cubic-bezier(0.4, 0.94, 0.74, 1); color: #fff; }
.home-grid__item .post-entry a:hover, .home-grid__item .post-entry a:active, .home-grid__item .post-entry a:focus { color: #ff8080; }
@media only screen and (min-width: 768px) { .home-grid__item .post-entry { padding: 0 30px 30px; } }
.home-grid__item a.post-entry__link:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.home-grid__item .post-entry__title { font-size: 1.2em; }
@media only screen and (min-width: 992px) { .home-grid__item .post-entry__title { font-size: 1.3em; } }
@media only screen and (min-width: 1200px) { .home-grid__item .post-entry__title { font-size: 1.4em; } }

.homepage-bottom { display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; padding-bottom: 20px; }
@media only screen and (min-width: 768px) { .homepage-bottom { padding-bottom: 30px; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between; padding-left: 50px; } }
@media only screen and (min-width: 1200px) { .homepage-bottom { padding-bottom: 40px; } }

.homepage-all { display: flex; align-items: center; justify-content: center; padding: 0 20px 40px; }
@media only screen and (min-width: 768px) { .homepage-all { justify-content: flex-end; padding: 0 30px; } }
@media only screen and (min-width: 1200px) { .homepage-all { padding: 0 40px; } }

.homepage-newsletter { display: flex; align-items: center; justify-content: center; padding: 40px 20px; }
@media only screen and (min-width: 768px) { .homepage-newsletter { justify-content: flex-start; padding: 0 30px; order: -1; } }
@media only screen and (min-width: 1200px) { .homepage-newsletter { padding: 0 40px; } }

.template-post { padding-bottom: 10px; }
.template-post .post-content h2 { position: relative; padding-bottom: 5px; }
.template-post .post-content h2:after { content: ''; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color: rgba(128, 128, 128, 0.3); }
.template-post .post-content p { line-height: 1.5em; font-size: 18px; margin-top: 0.3em; margin-bottom: 1.1em; }
.template-post .post-content ul, .template-post .post-content ol { margin-top: 0.3em; margin-bottom: 1.1em; padding-left: 20px; line-height: 1.6em; }
.template-post .post-content ul li, .template-post .post-content ol li { font-size: 18px; margin-bottom: 5px; }
.template-post .post-content ul ul, .template-post .post-content ul ol, .template-post .post-content ol ul, .template-post .post-content ol ol { margin-top: 5px; }
.template-post .post-content blockquote { margin-left: 0; margin-right: 0; padding-left: 20px; border-left: 3px solid rgba(203, 203, 203, 0.7); }
.template-post .post-content blockquote p { font-style: normal; font-size: 120%; }
.template-post .post-content img { text-align: center; display: block; margin: 10px auto; max-width: 100%; max-height: 600px; position: relative; }
@media only screen and (min-width: 992px) { .template-post .post-content img { margin: 5px 0; max-width: 800px; left: 50%; transform: translateX(-50%); } }
.template-post .post-content .post-meta a { color: #14141a; }
.template-post .post-content .post-meta a:hover, .template-post .post-content .post-meta a:active, .template-post .post-content .post-meta a:focus { color: #ff8080; }
.dark-mode .template-post .post-content .post-meta { color: #ededed; }
.dark-mode .template-post .post-content .post-meta a { color: #ededed; }
.dark-mode .template-post .post-content .post-meta a:hover, .dark-mode .template-post .post-content .post-meta a:active, .dark-mode .template-post .post-content .post-meta a:focus { color: #ff8080; }

.post__content { background-color: #fff; position: relative; padding-top: 20px; padding-bottom: 20px; }
@media only screen and (min-width: 768px) { .post__content { padding-left: 50px; padding-top: 40px; padding-bottom: 40px; } }
@media only screen and (min-width: 992px) { .post__content { padding-top: 60px; padding-bottom: 60px; } }

.post__wrap { width: 100%; display: block; margin-left: auto; margin-right: auto; max-width: 1200px; display: block; position: relative; padding-left: 25px; padding-right: 25px; max-width: 590px; }
.post__wrap:after { content: ''; display: table; clear: both; }
@media only screen and (min-width: 768px) { .post__wrap { padding-left: 45px; padding-right: 45px; } }

.nrv-hidden { display: none !important; }

.nrv-backdrop { position: fixed; inset: 0; background: rgba(15, 16, 21, 0.65); z-index: 1100; }

.nrv-popup { background-color: rgba(15, 16, 21, 0.95); position: fixed; bottom: 15px; right: 15px; width: calc(100% - 30px); max-width: 520px; z-index: 1200; border: 1px solid rgba(255, 255, 255, 0.1); padding: 20px; color: #fff; }
@supports (backdrop-filter: blur(8px)) { .nrv-popup { backdrop-filter: blur(8px); background-color: rgba(15, 16, 21, 0.8); } }

.nrv-popup__text { display: block; font-size: 13px; margin-bottom: 16px; color: rgba(255, 255, 255, 0.7); }
.nrv-popup__text p b { font-size: 14px; font-weight: 500; }
.nrv-popup__text p { margin: 0 0 8px; }
.nrv-popup__text p:last-child { margin-bottom: 0; }
.nrv-popup__text p small { font-size: 9px; color: rgba(255, 255, 255, 0.5); }
.nrv-popup__text a { color: rgba(255, 255, 255, 0.5); text-decoration: underline; }

.nrv-popup__actions { display: flex; justify-content: flex-end; gap: 8px; }

.nrv-dialogue { background-color: rgba(15, 16, 21, 0.95); position: fixed; bottom: 15px; right: 15px; width: calc(100% - 30px); max-width: 520px; z-index: 1200; border: 1px solid rgba(255, 255, 255, 0.1); padding: 20px; color: #fff; }
@supports (backdrop-filter: blur(8px)) { .nrv-dialogue { backdrop-filter: blur(8px); background-color: rgba(15, 16, 21, 0.8); } }

.nrv-dialogue__portrait { width: 48px; height: 48px; object-fit: cover; border-radius: 2px; opacity: 0.7; margin-bottom: 12px; display: block; }

.nrv-dialogue__speaker { font-size: 10px; letter-spacing: 0.15em; color: #808080; margin-bottom: 10px; text-transform: uppercase; }

.nrv-dialogue__text { display: block; font-size: 15px; line-height: 1.2; min-height: 48px; margin-bottom: 18px; color: #fff; }
.nrv-dialogue__text em.nrv-action { color: rgba(255, 255, 255, 0.4); font-style: italic; }

.nrv-dialogue__choices { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; min-height: 34px; }

.nrv-style-glitch { border-color: rgba(255, 42, 126, 0.4); animation: nrv-glitch 0.15s infinite; }

.nrv-style-progress-bar .nrv-dialogue__text { font-family: 'Courier New', monospace; font-size: 13px; white-space: pre; }

@keyframes nrv-glitch { 0% { transform: skew(0deg); }
  20% { transform: translateX(2px) skew(-0.5deg); }
  40% { transform: translateX(-2px) skew(0.5deg); }
  60% { transform: skew(0deg); }
  80% { transform: translateX(1px) skew(-0.3deg); }
  100% { transform: skew(0deg); } }
.nrv-item-modal { background-color: rgba(15, 16, 21, 0.95); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(260px, calc(100vw - 40px)); max-height: 90vh; max-height: 90dvh; overflow-y: auto; z-index: 1200; border: 1px solid rgba(255, 255, 255, 0.1); padding: 20px; color: #fff; }
@supports (backdrop-filter: blur(8px)) { .nrv-item-modal { backdrop-filter: blur(8px); background-color: rgba(15, 16, 21, 0.8); } }

.nrv-item-modal__close { position: absolute; top: 10px; right: 12px; background: none; border: none; color: rgba(255, 255, 255, 0.35); font-size: 20px; line-height: 1; padding: 4px 6px; cursor: pointer; transition: color 150ms; }
.nrv-item-modal__close:hover { color: #fff; }

.nrv-item-modal__header { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 8px; }

.nrv-item-modal__image { display: block; width: 40px; height: 40px; object-fit: cover; border-radius: 2px; flex-shrink: 0; }

.nrv-item-modal__info { flex: 1; min-width: 0; }

.nrv-item-modal__name { font-size: 13px; color: #fff; margin-bottom: 4px; }

.nrv-item-modal__desc { font-size: 12px; color: rgba(255, 255, 255, 0.65); line-height: 1.5; }

.nrv-item-modal__flavour { font-size: 11px; font-family: 'Courier New', monospace; color: rgba(255, 255, 255, 0.45); font-style: italic; line-height: 1.5; margin-top: 4px; }

.nrv-item-modal__receipt-zone { margin: 12px -20px -20px; padding: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); height: 330px; overflow: auto; }

.nrv-item-modal__receipt { font-family: 'Courier New', monospace; font-size: 10px; color: rgba(255, 255, 255, 0.65); line-height: 1.8; white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all; margin: 0; }
.nrv-item-modal__receipt a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

.nrv-npc { display: inline-block; cursor: pointer; padding: 8px; text-align: center; opacity: 0.3; transition: opacity 200ms; }
.nrv-npc:hover { opacity: 1; }

.nrv-npc__img { display: block; width: 60px; height: 60px; object-fit: cover; border-radius: 2px; filter: grayscale(100%); transition: filter 200ms; }
.nrv-npc:hover .nrv-npc__img { filter: grayscale(0%); }

.nrv-npc__name { display: block; font-size: 10px; font-family: 'Courier New', monospace; color: rgba(255, 255, 255, 0.2); margin-top: 4px; letter-spacing: 0.1em; transition: color 200ms; }
.nrv-npc:hover .nrv-npc__name { color: #808080; }

.nrv-npc--floor-item { cursor: grab; }
.nrv-npc--floor-item:active { cursor: grabbing; }
.nrv-npc--floor-item .nrv-npc__img { width: 48px; height: 48px; }
.nrv-npc--floor-item .nrv-npc__name { font-size: 11px; opacity: 0; transition: opacity 200ms; }
.nrv-npc--floor-item:hover .nrv-npc__name { opacity: 1; color: #ff2a7e; }

.template-void { min-height: calc(100vh - 50px); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; }

.void-content { font-family: 'Courier New', monospace; color: rgba(255, 255, 255, 0.05); font-size: 48px; user-select: none; }

.template-reclaim { min-height: calc(100vh - 50px); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; }

.reclaim-content { font-family: 'Courier New', monospace; color: rgba(255, 255, 255, 0.08); font-size: 14px; letter-spacing: 0.2em; user-select: none; }

.template-elsewhere { min-height: calc(100vh - 50px); display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px; }

.elsewhere-content { font-family: 'Courier New', monospace; color: rgba(255, 255, 255, 0.05); font-size: 48px; user-select: none; }