@import url('https://fonts.googleapis.com/css2?family=Jersey+10&family=PT+Sans:wght@700&family=Pixelify+Sans:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
    --alx-bg: #18171c;
    --alx-surface: #201f25;
    --alx-line: rgba(255, 255, 255, 0.12);
    --alx-text: #f8f7f4;
    --alx-muted: rgba(248, 247, 244, 0.62);
    --alx-dim: rgba(248, 247, 244, 0.42);
    --alx-pink: #ff1870;
    --alx-cyan: #27f7d2;
    --alx-purple: #5200ff;
    --alx-gold: #ffbd37;
    --alx-radius: 4px;
}

html,
body,
.gh-viewport {
    color: var(--alx-text);
    background: var(--alx-bg);
}

body {
    color: var(--alx-text);
    font-family: "Space Grotesk", var(--font-sans-serif);
}

::selection {
    color: #18171c;
    background: #ffbd37;
}

::-moz-selection {
    color: #18171c;
    background: #ffbd37;
}

h1,
h2,
h3,
h4,
h5,
h6,
.gh-title,
.alx-post-card-title,
.alx-fave-card-title,
.alx-micro-card-body strong,
.alx-micro-card-body b {
    font-family: "PT Sans", var(--font-sans-serif);
    font-weight: 700;
}

.gh-head,
.gh-foot {
    background: var(--alx-bg);
}

.gh-head {
    padding: 24px 4vmin 10px;
}

.gh-head .gh-container {
    max-width: 1120px;
}

.gh-head-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
}

.gh-head-brand {
    grid-column-start: 1;
    max-width: none;
    text-align: left;
}

.gh-head-logo {
    color: #ffbd37;
    display: inline-block;
    font-family: "Jersey 10", monospace;
    font-size: clamp(5rem, 6vw, 6.8rem);
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 0.9;
    text-decoration: none;
    text-shadow:
        1px 1px 0 #5200ff,
        2px 2px 0 #5200ff,
        3px 3px 0 #5200ff;
    text-transform: uppercase;
    white-space: nowrap;
}

#gh-head .gh-head-logo,
#gh-head .gh-head-logo:visited,
#gh-head .gh-head-logo:hover {
    color: #ffbd37;
}

.gh-head-menu {
    justify-content: flex-end;
    color: var(--alx-muted);
    font-size: 1.45rem;
    font-weight: 600;
}

.gh-head-menu .nav {
    justify-content: flex-end;
    gap: 20px;
}

.gh-head-menu .nav li {
    margin: 0;
}

.gh-head-menu .nav a {
    color: var(--alx-text);
    box-shadow: none;
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.32em;
}

.gh-head-menu .nav a:hover {
    color: #ffbd37;
    box-shadow: none;
    text-decoration-color: #ff0073;
}

.gh-head-actions {
    color: var(--alx-muted);
}

.gh-head-menu,
.gh-head-actions,
.gh-foot,
.gh-foot a {
    color: var(--alx-text);
}

.gh-head-menu .nav-current a,
.gh-foot-menu .nav-current a,
.gh-foot-menu .nav a {
    box-shadow: none;
}

.gh-button {
    color: var(--alx-text);
}

#gh-head .gh-head-actions a:not(.gh-button),
#gh-head .gh-head-actions button,
#gh-head .gh-head-actions .gh-search,
#gh-head .gh-head-actions .gh-search-button {
    color: #ffbd37;
}

#gh-head .gh-head-actions a:not(.gh-button):hover,
#gh-head .gh-head-actions button:hover,
#gh-head .gh-head-actions .gh-search:hover,
#gh-head .gh-head-actions .gh-search-button:hover {
    color: #ffbd37;
}

#gh-head .gh-head-actions a:not(.gh-button) svg,
#gh-head .gh-head-actions button svg,
#gh-head .gh-head-actions .gh-search svg,
#gh-head .gh-head-actions .gh-search-button svg,
#gh-head .gh-head-actions .gh-search-icon,
#gh-head .gh-head-actions [data-ghost-search] svg {
    color: #ffbd37;
    fill: currentColor;
    stroke: currentColor;
}

#gh-head .gh-head-actions a:not(.gh-button) svg *,
#gh-head .gh-head-actions button svg *,
#gh-head .gh-head-actions [data-ghost-search] svg * {
    fill: currentColor;
    stroke: currentColor;
}

.gh-search-modal,
.gh-search-backdrop,
.gh-search-result,
[data-ghost-search-modal],
[class*="gh-search"] {
    color-scheme: dark;
}

.gh-search-modal,
[data-ghost-search-modal] {
    color: var(--alx-text) !important;
    background: rgba(24, 23, 28, 0.96) !important;
}

.gh-search-modal input,
.gh-search-modal [type="search"],
[data-ghost-search-modal] input,
[data-ghost-search-modal] [type="search"] {
    color: var(--alx-text) !important;
    background: #201f25 !important;
    border-color: rgba(255, 189, 55, 0.34) !important;
}

.gh-search-modal input::placeholder,
.gh-search-modal [type="search"]::placeholder,
[data-ghost-search-modal] input::placeholder,
[data-ghost-search-modal] [type="search"]::placeholder {
    color: rgba(248, 247, 244, 0.5) !important;
}

.gh-search-modal a,
.gh-search-modal button,
[data-ghost-search-modal] a,
[data-ghost-search-modal] button {
    color: var(--alx-text) !important;
}

.gh-search-modal a:hover,
[data-ghost-search-modal] a:hover {
    color: #ffbd37 !important;
}

.gh-head-actions .gh-button-subscribe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    color: var(--alx-text);
    background: #ff0073;
    border-radius: 8px;
    box-shadow: none;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.gh-head-actions .gh-button-subscribe:link,
.gh-head-actions .gh-button-subscribe:visited,
.gh-head-actions .gh-button-subscribe:hover {
    color: var(--alx-text);
    background: #ff0073;
    box-shadow: none;
}

#gh-head .gh-burger {
    color: #ff0073;
}

.alx-micro-more {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    margin-top: 26px;
    color: #ffbd37;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;
    text-decoration-line: underline;
    text-decoration-color: #ff0073;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.34em;
    text-transform: uppercase;
}

.alx-micro-more:link,
.alx-micro-more:visited,
.alx-micro-more:hover {
    color: #ffbd37;
}

.alx-micro-more span:last-child {
    color: #ff0073;
    font-size: 1.8rem;
    line-height: 0.8;
    text-decoration: none;
}

.alx-micro-archive {
    flex: 1 0 auto;
    padding: 0 4vmin;
    color: var(--alx-text);
    background: var(--alx-bg);
}

.alx-micro-archive-inner {
    max-width: 1120px;
    padding: clamp(28px, 4vw, 56px) 0 clamp(44px, 6vw, 78px);
}

.alx-micro-archive-head {
    max-width: 760px;
    margin-bottom: clamp(28px, 4vw, 46px);
}

.alx-micro-archive-kicker {
    margin: 0 0 12px;
    color: #5200ff;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.alx-micro-archive-title {
    color: #ff0073;
    display: inline-block;
    font-family: "Jersey 10", monospace;
    font-size: clamp(4.6rem, 7vw, 6.4rem);
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 0.9;
    text-shadow:
        1px 1px 0 #5200ff,
        2px 2px 0 #5200ff,
        3px 3px 0 #5200ff;
    transform: rotate(-4deg) skewX(-8deg);
    transform-origin: left center;
    text-transform: uppercase;
}

.alx-micro-archive-description {
    max-width: 560px;
    margin: 14px 0 0;
    color: var(--alx-text);
    font-size: 1.65rem;
    font-weight: 500;
    line-height: 1.45;
    transform: rotate(-4deg) skewX(-8deg);
    transform-origin: left center;
}

.alx-micro-archive-feed {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(24px, 3vw, 38px) clamp(22px, 3vw, 38px);
    align-items: start;
}

.alx-micro-archive-feed .alx-micro-card {
    height: 100%;
    padding: 0 0 28px;
}

.alx-micro-archive-feed .alx-micro-card + .alx-micro-card {
    padding-top: 0;
}

.alx-micro-archive-feed .alx-micro-card-body > * {
    font-size: clamp(1.5rem, 1.1vw, 1.75rem);
    line-height: 1.36;
}

.alx-micro-archive-empty {
    color: var(--alx-muted);
    font-size: 1.6rem;
    font-weight: 600;
}

.alx-micro-pagination {
    margin-top: clamp(32px, 5vw, 58px);
}

.alx-micro-pagination .pagination {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    color: var(--alx-muted);
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.alx-micro-pagination a {
    color: #ffbd37;
    text-decoration-line: underline;
    text-decoration-color: #ff0073;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.32em;
}

.alx-tags-index,
.alx-tag-archive,
.alx-newsletter-page,
.alx-newsletter-archive {
    flex: 1 0 auto;
    padding: 0 4vmin;
    color: var(--alx-text);
    background: var(--alx-bg);
}

.alx-tags-index-inner,
.alx-tag-archive-inner,
.alx-newsletter-page-inner,
.alx-newsletter-archive-inner {
    max-width: 1120px;
    padding: clamp(28px, 4vw, 56px) 0 clamp(44px, 6vw, 78px);
}

.alx-newsletter-page-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: clamp(28px, 5vw, 64px);
    align-items: start;
}

.alx-newsletter-page-copy {
    min-width: 0;
}

.alx-newsletter-page-title {
    max-width: 780px;
    margin: 0 auto;
    color: var(--alx-text);
    font-size: clamp(3.8rem, 6vw, 6.4rem);
    line-height: 0.96;
    text-align: center;
}

.alx-newsletter-page-head {
    margin-bottom: clamp(28px, 5vw, 58px);
}

.alx-newsletter-page-content {
    max-width: 620px;
    color: rgba(248, 247, 244, 0.84);
    font-size: clamp(1.65rem, 1.6vw, 2rem);
    font-weight: 500;
    line-height: 1.55;
}

.alx-newsletter-page-content > * {
    margin: 0;
}

.alx-newsletter-page-content > * + * {
    margin-top: 1em;
}

.alx-newsletter-page-content a {
    color: var(--alx-text);
    font-weight: 700;
    text-decoration-color: #ffbd37;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.22em;
}

.alx-newsletter-page-content a:hover {
    color: #ffbd37;
}

.alx-newsletter-page-signup {
    margin: 0;
    padding: clamp(28px, 4vw, 38px);
}

.alx-newsletter-page-signup .alx-newsletter-title {
    font-size: clamp(2.2rem, 3.6vw, 3.6rem);
}

.alx-newsletter-page-signup .alx-newsletter-subtitle {
    font-size: clamp(1.4rem, 1.5vw, 1.7rem);
}

.alx-newsletter-page-signup .alx-newsletter-input,
.alx-newsletter-page-signup .alx-newsletter-button {
    min-height: 54px;
}

.alx-newsletter-page-signup .alx-newsletter-input {
    font-size: 1.55rem;
}

.alx-newsletter-page-signup .alx-newsletter-button {
    font-size: 1.45rem;
}

.alx-newsletter-recent-title {
    margin: clamp(32px, 5vw, 56px) 0 12px;
    color: #ff0073;
    display: inline-block;
    font-family: "Jersey 10", monospace;
    font-size: clamp(3rem, 5vw, 4.8rem);
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 0.9;
    text-shadow:
        1px 1px 0 #5200ff,
        2px 2px 0 #5200ff,
        3px 3px 0 #5200ff;
    text-transform: uppercase;
}

.alx-tags-index-head {
    max-width: 820px;
    margin: 0 auto clamp(32px, 5vw, 58px);
    text-align: center;
}

.alx-tags-index-title {
    color: var(--alx-text);
    font-size: clamp(3.6rem, 6vw, 6.4rem);
    line-height: 0.95;
}

.alx-tags-index-description {
    max-width: 620px;
    margin: 18px auto 0;
    color: rgba(248, 247, 244, 0.78);
    font-size: clamp(1.45rem, 1.5vw, 1.8rem);
    font-weight: 500;
    line-height: 1.45;
}

.alx-tags-index-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
}

.alx-tags-index-card {
    position: relative;
    display: grid;
    gap: 14px;
    align-content: start;
    min-height: 190px;
    padding: clamp(22px, 3vw, 30px);
    overflow: hidden;
    color: var(--alx-text);
    text-decoration: none;
    background: rgba(248, 247, 244, 0.035);
    border: 1px solid var(--alx-line);
    border-radius: 8px;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.alx-tags-index-card::after {
    position: absolute;
    right: -18px;
    bottom: -18px;
    width: 76px;
    height: 76px;
    content: "#";
    color: rgba(255, 189, 55, 0.18);
    font-family: "Jersey 10", monospace;
    font-size: 8rem;
    line-height: 0.8;
}

.alx-tags-index-card:hover {
    background: rgba(82, 0, 255, 0.16);
    border-color: rgba(255, 189, 55, 0.72);
    transform: translateY(-2px);
}

.alx-tags-index-card-name {
    position: relative;
    z-index: 1;
    color: #ffbd37;
    font-family: "PT Sans", "Space Grotesk", sans-serif;
    font-size: clamp(2rem, 2.2vw, 2.8rem);
    font-weight: 700;
    line-height: 1;
}

.alx-tags-index-card-description {
    position: relative;
    z-index: 1;
    color: rgba(248, 247, 244, 0.76);
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.42;
}

.alx-tags-index-card-count {
    position: relative;
    z-index: 1;
    align-self: end;
    color: #ff0073;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.alx-tags-index-empty {
    color: var(--alx-muted);
    font-size: 1.6rem;
    font-weight: 600;
}

.alx-blog-archive {
    flex: 1 0 auto;
    padding: 0 4vmin;
    color: var(--alx-text);
    background: var(--alx-bg);
}

.alx-blog-archive-inner {
    max-width: 900px;
    padding: clamp(28px, 4vw, 56px) 0 clamp(44px, 6vw, 78px);
}

.alx-blog-archive-head {
    margin-bottom: clamp(28px, 4vw, 48px);
    text-align: center;
}

.alx-blog-archive-title {
    color: var(--alx-text);
    font-size: clamp(3.6rem, 6vw, 6.2rem);
    line-height: 0.96;
}

.alx-blog-archive-list {
    display: grid;
    gap: 0;
}

.alx-blog-archive-year {
    margin: clamp(34px, 5vw, 58px) 0 12px;
    color: #ff0073;
    display: inline-block;
    font-family: "Jersey 10", monospace;
    font-size: clamp(3.4rem, 5vw, 5rem);
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 0.9;
    text-shadow:
        1px 1px 0 #5200ff,
        2px 2px 0 #5200ff,
        3px 3px 0 #5200ff;
}

.alx-blog-archive-year:first-child {
    margin-top: 0;
}

.alx-blog-archive-item {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: baseline;
    padding: 13px 0;
    border-bottom: 1px solid var(--alx-line);
}

.alx-blog-archive-date,
.alx-blog-archive-category {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
}

.alx-blog-archive-date {
    color: var(--alx-muted);
}

.alx-blog-archive-link {
    min-width: 0;
    color: var(--alx-text);
    font-size: clamp(1.55rem, 1.6vw, 2rem);
    font-weight: 700;
    line-height: 1.16;
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.28em;
}

.alx-blog-archive-link:hover {
    color: #ffbd37;
    text-decoration-color: #ff0073;
}

.alx-blog-archive-category {
    color: #5200ff;
    text-align: right;
    white-space: nowrap;
}

.alx-blog-archive-empty {
    color: var(--alx-muted);
    font-size: 1.6rem;
    font-weight: 600;
}

.alx-tag-archive-head,
.alx-newsletter-archive-head {
    position: relative;
    margin-bottom: clamp(30px, 4vw, 52px);
    padding: 0;
}

.alx-newsletter-archive-head {
    overflow: hidden;
    padding: clamp(28px, 5vw, 58px);
    background: #5200ff;
    border-radius: 8px;
}

.alx-newsletter-archive-head::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    border-radius: inherit;
    box-shadow: inset 0 0 0 7px rgba(255, 189, 55, 0.72);
    pointer-events: none;
}

.alx-newsletter-archive-head > * {
    position: relative;
    z-index: 2;
}

.alx-newsletter-archive-kicker {
    margin: 0 0 12px;
    color: #ffbd37;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1;
    text-transform: uppercase;
}

.alx-tag-archive-title,
.alx-newsletter-archive-title {
    max-width: 780px;
    margin: 0;
    color: var(--alx-text);
    font-size: clamp(3.4rem, 5vw, 5.4rem);
    line-height: 0.96;
}

.alx-tag-archive-title {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.alx-tag-archive-description,
.alx-newsletter-archive-description {
    max-width: 640px;
    margin: 18px 0 0;
    color: rgba(248, 247, 244, 0.84);
    font-size: clamp(1.45rem, 1.5vw, 1.8rem);
    font-weight: 500;
    line-height: 1.45;
}

.alx-tag-archive-description {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.alx-tag-archive-feed,
.alx-newsletter-archive-feed {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(26px, 3vw, 42px) clamp(24px, 3vw, 34px);
    align-items: start;
}

.alx-newsletter-archive-feed {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

.alx-tag-archive-feed .alx-post-card {
    height: 100%;
    border-bottom: 0;
}

.alx-tag-archive-feed .alx-post-card-link {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-content: start;
    height: 100%;
    min-height: 0;
    padding: 0;
}

.alx-tag-archive-feed .alx-post-card-media {
    order: -1;
}

.alx-tag-archive-feed .alx-post-card-title {
    font-size: clamp(2.1rem, 2.6vw, 3rem);
}

.alx-tag-archive-feed > .alx-micro-card {
    height: 100%;
    margin-top: 0;
    padding: 24px;
    background: rgba(248, 247, 244, 0.03);
    border: 1px solid var(--alx-line);
    border-radius: 8px;
}

.alx-tag-archive-feed > .alx-micro-card:first-child {
    padding-top: 24px;
}

.alx-tag-archive-feed .alx-micro-card + .alx-micro-card {
    padding-top: 0;
}

.alx-tag-archive-empty,
.alx-newsletter-archive-empty {
    color: var(--alx-muted);
    font-size: 1.6rem;
    font-weight: 600;
}

.alx-tag-pagination,
.alx-newsletter-pagination {
    margin-top: clamp(32px, 5vw, 58px);
}

.alx-tag-pagination .pagination,
.alx-newsletter-pagination .pagination {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    color: var(--alx-muted);
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.alx-tag-pagination a,
.alx-newsletter-pagination a {
    color: #ffbd37;
    text-decoration-line: underline;
    text-decoration-color: #ff0073;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.32em;
}

.gh-page,
.gh-article,
.gh-content,
.gh-canvas,
.gh-page-head,
.gh-header,
.gh-footer {
    color: var(--alx-text);
    background: var(--alx-bg);
}

.gh-page-head > p,
.gh-excerpt,
.gh-post-meta,
.gh-post-authors,
figcaption {
    color: var(--alx-muted);
}

.gh-content a,
.gh-post-authors a,
.gh-page-head a {
    color: var(--alx-cyan);
}

.gh-canvas > blockquote,
.gh-canvas > dl,
.gh-canvas > ol,
.gh-canvas > p,
.gh-canvas > ul,
.gh-content {
    font-family: "Space Grotesk", var(--font-sans-serif);
}

.gh-content a:not([class]) {
    color: var(--alx-text);
    text-decoration-line: underline;
    text-decoration-color: #ffbd37;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.28em;
    transition: color 0.18s ease;
}

.gh-content a:not([class]):hover {
    color: #ffbd37;
    text-decoration-color: #ffbd37;
}

.gh-content h1,
.gh-content h2,
.gh-content h3,
.gh-content h4,
.gh-content h5,
.gh-content h6 {
    color: #ffbd37;
}

.gh-content ul li::marker,
.gh-content ol li::marker {
    color: #ff0073;
}

.gh-feature-image {
    grid-column: main-start / main-end;
}

.gh-feature-image img {
    width: 100%;
}

.alx-single-micro-head {
    padding: clamp(30px, 5vw, 60px) 0 0;
}

.alx-single-micro-author {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}

.alx-single-micro-avatar {
    display: block;
    overflow: hidden;
    width: 58px;
    height: 58px;
    color: var(--alx-text);
    background: var(--alx-surface);
    border-radius: 50%;
}

.alx-single-micro-avatar img,
.alx-single-micro-avatar svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.alx-single-micro-kicker {
    min-height: 1.15em;
    color: #5200ff;
    font-size: clamp(1.15rem, 0.85vw, 1.3rem);
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.alx-single-micro-time {
    display: block;
    margin-top: 7px;
    color: var(--alx-muted);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.15;
    text-transform: uppercase;
}

.alx-single-micro-content {
    padding-top: clamp(22px, 3vw, 34px);
}

.alx-single-micro-content > * {
    font-size: clamp(1.65rem, 1.3vw, 2rem);
    line-height: 1.4;
}

.alx-footer {
    padding: clamp(38px, 5vw, 64px) 0;
}

.alx-footer-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, auto) minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    width: 100%;
    max-width: 1120px;
}

.gh-foot .alx-footer-inner {
    width: 100%;
}

.alx-footer-brand,
.alx-footer-nav,
.alx-footer-meta {
    min-width: 0;
}

.alx-footer-brand {
    justify-self: start;
}

.alx-footer-logo {
    color: #ffbd37;
    display: inline-block;
    font-family: "Jersey 10", monospace;
    font-size: clamp(3.4rem, 4vw, 4.8rem);
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 0.9;
    text-decoration: none;
    text-shadow:
        1px 1px 0 #5200ff,
        2px 2px 0 #5200ff,
        3px 3px 0 #5200ff;
    text-transform: uppercase;
    white-space: nowrap;
}

.alx-footer-logo:link,
.alx-footer-logo:visited,
.alx-footer-logo:hover {
    color: #ffbd37;
}

.alx-footer-copyright,
.alx-footer-note {
    color: var(--alx-muted);
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.35;
}

.alx-footer-copyright {
    margin: 14px 0 0;
}

.alx-footer-meta {
    justify-self: end;
    text-align: right;
}

.alx-footer-nav {
    align-self: center;
    justify-self: center;
    text-align: center;
}

.alx-footer-nav .nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.alx-footer-nav .nav a {
    color: var(--alx-text);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.2;
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 3px;
    text-transform: uppercase;
    text-underline-offset: 0.36em;
    transition: color 0.18s ease, text-decoration-color 0.18s ease;
}

.alx-footer-nav .nav a:hover {
    color: #ffbd37;
    text-decoration-color: #ff0073;
}

.alx-footer-social {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: flex-end;
}

.alx-footer-social a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #ffbd37;
    text-decoration: none;
}

.alx-footer-social a::after {
    position: absolute;
    right: 0;
    bottom: -6px;
    left: 0;
    height: 2px;
    content: "";
    background: #ff0073;
    opacity: 0;
    transform: translateY(2px);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.alx-footer-social a:hover {
    color: #ff0073;
}

.alx-footer-social a:hover::after {
    opacity: 1;
    transform: translateY(0);
}

.alx-footer-social i {
    display: block;
    font-size: 2rem;
    line-height: 1;
}

.alx-footer-note {
    margin: 14px 0 0;
}

.gh-title em,
.gh-card-title em,
.gh-readmore h4 em,
.alx-post-card-title em,
.alx-featured-card-title em,
.alx-fave-card-title em,
.alx-newsletter-page-title em {
    color: var(--alx-gold);
    font-style: italic;
}

.alx-featured-card-title em {
    color: #ff0073;
}

.gh-canvas :not(pre) code {
    color: var(--alx-text);
    background: var(--alx-surface);
    border-color: var(--alx-line);
}

.gh-canvas > pre {
    color: var(--alx-text);
    background: var(--alx-surface);
    box-shadow: 0 0 0 1px var(--alx-line);
}

.alx-home {
    flex: 1 0 auto;
    padding: 0 4vmin;
    background: var(--alx-bg);
}

.alx-home-inner {
    max-width: 1120px;
}

.alx-home-desktop {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.52fr);
    gap: clamp(28px, 4vw, 52px);
    align-items: start;
    padding: clamp(22px, 3.6vw, 46px) 0;
}

.alx-home-main,
.alx-home-micro,
.alx-home-mobile {
    min-width: 0;
}

.alx-home-mobile {
    display: none;
}

.alx-intro-mobile {
    display: none;
}

.alx-newsletter-mobile {
    display: none;
}

.sr-only {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.alx-intro-box {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    margin-bottom: clamp(22px, 3vw, 34px);
    padding: 28px 28px;
    color: var(--alx-text);
    background: #5200ff;
    border-radius: var(--alx-radius);
}

.alx-intro-icon {
    display: block;
    overflow: hidden;
    width: 66px;
    height: 66px;
    background: rgba(24, 23, 28, 0.18);
    border-radius: 50%;
}

.alx-intro-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.alx-intro-content {
    min-width: 0;
    max-width: 36rem;
    color: inherit;
    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.5;
}

.alx-intro-content > * {
    margin: 0;
}

.alx-intro-content > * + * {
    margin-top: 0.85em;
}

.alx-intro-content a {
    color: var(--alx-text);
    font-weight: 700;
    text-decoration-color: #ffbd37;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.16em;
}

.alx-newsletter-box {
    position: relative;
    overflow: hidden;
    margin: clamp(28px, 4vw, 48px) 0 0;
    padding: clamp(34px, 5vw, 56px);
    color: var(--alx-text);
    background:
        linear-gradient(180deg, rgba(10, 10, 12, 0.82), rgba(10, 10, 12, 0.94)),
        var(--alx-newsletter-bg, linear-gradient(135deg, #5200ff, #18171c));
    background-position: center;
    background-size: cover;
    border-radius: 8px;
}

.alx-newsletter-box::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: "";
    border-radius: inherit;
    box-shadow: inset 0 0 0 8px rgba(255, 189, 55, 0.72);
    pointer-events: none;
}

.alx-newsletter-content {
    position: relative;
    z-index: 3;
}

.alx-newsletter-title {
    max-width: 620px;
    color: var(--alx-text);
    font-size: clamp(2.7rem, 4.8vw, 4.8rem);
    line-height: 1;
    text-transform: uppercase;
}

.alx-newsletter-title em {
    color: #ff0073;
    font-style: italic;
}

.alx-newsletter-subtitle {
    max-width: 540px;
    margin: clamp(18px, 3vw, 28px) 0 0;
    color: var(--alx-text);
    font-size: clamp(1.55rem, 2vw, 2.2rem);
    font-weight: 400;
    line-height: 1.35;
}

.alx-newsletter-form {
    display: grid;
    gap: 16px;
    max-width: 640px;
    margin-top: clamp(24px, 3.4vw, 36px);
}

.alx-newsletter-input,
.alx-newsletter-button {
    width: 100%;
    min-height: 62px;
    border: 0;
    border-radius: 8px;
}

.alx-newsletter-input {
    padding: 0 24px;
    color: #18171c;
    background: #fff;
    font-size: 1.8rem;
    font-weight: 500;
}

.alx-newsletter-input::placeholder {
    color: rgba(24, 23, 28, 0.52);
}

.alx-newsletter-button {
    color: var(--alx-text);
    background: #5200ff;
    cursor: pointer;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.alx-newsletter-button-loading,
.alx-newsletter-message {
    display: none;
}

.alx-newsletter-form.loading .alx-newsletter-button-text {
    display: none;
}

.alx-newsletter-form.loading .alx-newsletter-button-loading,
.alx-newsletter-form.success .alx-newsletter-success,
.alx-newsletter-form.error .alx-newsletter-error {
    display: block;
}

.alx-newsletter-message {
    margin: 0;
    color: var(--alx-text);
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.35;
}

.alx-newsletter-error {
    color: #ffbd37;
}

.alx-newsletter-note {
    max-width: 640px;
    margin: clamp(22px, 3vw, 34px) 0 0;
    color: rgba(248, 247, 244, 0.72);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.45;
}

.alx-post-card {
    border-bottom: 1px solid var(--alx-line);
}

.alx-post-card-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 34%);
    gap: clamp(18px, 3vw, 36px);
    align-items: center;
    min-height: 172px;
    padding: clamp(22px, 2.8vw, 34px) 0;
    color: inherit;
    text-decoration: none;
}

.alx-post-card:first-child .alx-post-card-link {
    padding-top: 0;
}

.alx-post-card-copy {
    min-width: 0;
}

.alx-post-card-category,
.alx-micro-card-kicker,
.alx-featured-card-category,
.alx-fave-card-category {
    display: block;
    font-size: clamp(1.15rem, 0.85vw, 1.3rem);
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.alx-post-card-category {
    margin-bottom: 14px;
    color: var(--alx-pink);
}

.alx-post-card-category:empty {
    display: none;
}

.alx-post-card-title {
    max-width: 640px;
    color: var(--alx-text);
    font-size: 3.2rem;
    line-height: 1.16;
}

.alx-post-card-excerpt {
    max-width: 560px;
    margin: 12px 0 0;
    color: var(--alx-muted);
    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.42;
}

.alx-post-card-meta,
.alx-micro-card-time {
    display: flex;
    align-items: center;
    color: var(--alx-muted);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.15;
    text-transform: uppercase;
}

.alx-post-card-meta {
    margin-top: 18px;
}

.alx-post-card-media {
    display: block;
    overflow: hidden;
    border-radius: var(--alx-radius);
    background: var(--alx-surface);
}

.alx-post-card-media img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.alx-post-card-media-fallback img {
    filter: brightness(0.34) saturate(0.74);
}

.alx-micro-card {
    position: relative;
    padding: 0 0 clamp(22px, 3vw, 34px);
    border-bottom: 1px solid var(--alx-line);
}

.alx-micro-card + .alx-micro-card {
    padding-top: clamp(22px, 3vw, 34px);
}

.alx-micro-card-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.alx-micro-card-head {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    margin-bottom: 18px;
}

.alx-micro-card-avatar {
    display: block;
    overflow: hidden;
    width: 46px;
    height: 46px;
    color: var(--alx-text);
    background: var(--alx-surface);
    border-radius: 50%;
}

.alx-micro-card-avatar img,
.alx-micro-card-avatar svg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.alx-micro-card-kicker {
    min-height: 1.15em;
    color: var(--alx-purple);
}

.alx-micro-card-time {
    margin-top: 6px;
}

.alx-micro-card-body {
    position: relative;
    display: block;
    color: var(--alx-text);
    text-decoration: none;
}

.alx-micro-card-body > * {
    margin: 0;
    color: inherit;
    font-family: "Space Grotesk", var(--font-sans-serif);
    font-size: clamp(1.55rem, 1vw, 1.82rem);
    font-weight: 400;
    line-height: 1.28;
}

.alx-micro-card-body > * + * {
    margin-top: 1.1em;
}

.alx-micro-card-body strong,
.alx-micro-card-body b {
    font-weight: 700;
}

.alx-micro-card-body a {
    position: relative;
    z-index: 2;
    color: var(--alx-text);
    text-decoration-line: underline;
    text-decoration-color: #ffbd37;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.28em;
    transition: color 0.18s ease;
}

.alx-micro-card-body a:hover {
    color: #ffbd37;
    text-decoration-color: #ffbd37;
}

.alx-micro-card-body .kg-card {
    margin-top: 22px;
}

.alx-micro-card-source {
    position: relative;
    z-index: 2;
    display: none;
    gap: 7px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 18px;
    color: rgba(248, 247, 244, 0.52);
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
    pointer-events: none;
}

.alx-micro-card-source i {
    color: #ffbd37;
    font-size: 1.25rem;
    line-height: 1;
}

.alx-micro-card-has-threads .alx-micro-card-source {
    display: flex;
}

.alx-micro-card-body .kg-card img,
.alx-micro-card-body .kg-card iframe,
.alx-micro-card-body img,
.alx-micro-card-body iframe,
.alx-featured-card-media,
.gh-feature-image img,
.kg-image-card img,
.kg-gallery-image img,
.kg-embed-card iframe,
.kg-embed-card {
    overflow: hidden;
    border-radius: var(--alx-radius);
}

.alx-featured-feed {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 clamp(20px, 3vw, 34px);
}

.alx-featured-feed .alx-featured-card:nth-child(n+4) {
    display: none;
}

.alx-home-main.alx-regular-limit-1 > .alx-post-card:nth-of-type(n+2),
.alx-home-main.alx-regular-limit-2 > .alx-post-card:nth-of-type(n+3),
.alx-home-main.alx-regular-limit-3 > .alx-post-card:nth-of-type(n+4),
.alx-home-main.alx-regular-limit-4 > .alx-post-card:nth-of-type(n+5),
.alx-home-main.alx-regular-limit-5 > .alx-post-card:nth-of-type(n+6),
.alx-home-main.alx-regular-limit-6 > .alx-post-card:nth-of-type(n+7),
.alx-home-main.alx-regular-limit-7 > .alx-post-card:nth-of-type(n+8),
.alx-home-main.alx-regular-limit-8 > .alx-post-card:nth-of-type(n+9),
.alx-home-main.alx-regular-limit-9 > .alx-post-card:nth-of-type(n+10),
.alx-home-main.alx-regular-limit-10 > .alx-post-card:nth-of-type(n+11),
.alx-home-main.alx-regular-limit-11 > .alx-post-card:nth-of-type(n+12),
.alx-home-main.alx-regular-limit-12 > .alx-post-card:nth-of-type(n+13),
.alx-home-main.alx-regular-limit-13 > .alx-post-card:nth-of-type(n+14),
.alx-home-main.alx-regular-limit-14 > .alx-post-card:nth-of-type(n+15),
.alx-home-main.alx-regular-limit-15 > .alx-post-card:nth-of-type(n+16),
.alx-home-main.alx-regular-limit-16 > .alx-post-card:nth-of-type(n+17),
.alx-home-main.alx-regular-limit-17 > .alx-post-card:nth-of-type(n+18),
.alx-home-main.alx-regular-limit-18 > .alx-post-card:nth-of-type(n+19),
.alx-home-main.alx-regular-limit-19 > .alx-post-card:nth-of-type(n+20),
.alx-home-main.alx-regular-limit-20 > .alx-post-card:nth-of-type(n+21),
.alx-home-micro.alx-micro-limit-1 > .alx-micro-card:nth-of-type(n+2),
.alx-home-micro.alx-micro-limit-2 > .alx-micro-card:nth-of-type(n+3),
.alx-home-micro.alx-micro-limit-3 > .alx-micro-card:nth-of-type(n+4),
.alx-home-micro.alx-micro-limit-4 > .alx-micro-card:nth-of-type(n+5),
.alx-home-micro.alx-micro-limit-5 > .alx-micro-card:nth-of-type(n+6),
.alx-home-micro.alx-micro-limit-6 > .alx-micro-card:nth-of-type(n+7),
.alx-home-micro.alx-micro-limit-7 > .alx-micro-card:nth-of-type(n+8),
.alx-home-micro.alx-micro-limit-8 > .alx-micro-card:nth-of-type(n+9),
.alx-home-micro.alx-micro-limit-9 > .alx-micro-card:nth-of-type(n+10),
.alx-home-micro.alx-micro-limit-10 > .alx-micro-card:nth-of-type(n+11),
.alx-home-micro.alx-micro-limit-11 > .alx-micro-card:nth-of-type(n+12),
.alx-home-micro.alx-micro-limit-12 > .alx-micro-card:nth-of-type(n+13),
.alx-home-micro.alx-micro-limit-13 > .alx-micro-card:nth-of-type(n+14),
.alx-home-micro.alx-micro-limit-14 > .alx-micro-card:nth-of-type(n+15),
.alx-home-micro.alx-micro-limit-15 > .alx-micro-card:nth-of-type(n+16),
.alx-home-micro.alx-micro-limit-16 > .alx-micro-card:nth-of-type(n+17),
.alx-home-micro.alx-micro-limit-17 > .alx-micro-card:nth-of-type(n+18),
.alx-home-micro.alx-micro-limit-18 > .alx-micro-card:nth-of-type(n+19),
.alx-home-micro.alx-micro-limit-19 > .alx-micro-card:nth-of-type(n+20),
.alx-home-micro.alx-micro-limit-20 > .alx-micro-card:nth-of-type(n+21) {
    display: none;
}

.alx-featured-feed-mobile {
    display: none;
}

.alx-featured-card {
    min-width: 0;
}

.alx-featured-card-link {
    position: relative;
    display: block;
    min-height: 210px;
    overflow: hidden;
    color: var(--alx-text);
    text-decoration: none;
    background: var(--alx-surface);
    border-radius: var(--alx-radius);
}

.alx-featured-card-media {
    position: absolute;
    inset: 0;
    display: block;
}

.alx-featured-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.alx-featured-card-link::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background: linear-gradient(180deg, rgba(24, 23, 28, 0.02) 0%, rgba(24, 23, 28, 0.44) 48%, rgba(0, 0, 0, 0.92) 100%);
}

.alx-featured-card-link::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: "";
    border-radius: inherit;
    box-shadow: inset 0 0 0 8px rgba(255, 189, 55, 0.72);
    pointer-events: none;
}

.alx-featured-card-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 210px;
    padding: 18px;
}

.alx-featured-card-category {
    margin-bottom: 10px;
    color: var(--alx-gold);
}

.alx-featured-card-title {
    color: var(--alx-text);
    font-size: 2.2rem;
    line-height: 1.08;
}

.alx-error-404 {
    min-height: calc(100vh - 220px);
    padding: clamp(48px, 8vw, 96px) 0;
    color: var(--alx-text);
    background:
        radial-gradient(circle at 50% 38%, rgba(82, 0, 255, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(255, 0, 115, 0.04), transparent 42%),
        var(--alx-bg);
}

.alx-error-404-inner {
    display: grid;
    grid-template-columns: minmax(300px, 0.96fr) minmax(280px, 0.64fr);
    gap: clamp(34px, 6vw, 84px);
    align-items: center;
}

.alx-test-screen {
    position: relative;
    padding: clamp(16px, 2vw, 24px);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 22%),
        linear-gradient(180deg, #28262f, #0d0c10);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -12px 28px rgba(0, 0, 0, 0.62),
        0 28px 80px rgba(0, 0, 0, 0.45);
}

.alx-test-screen::before {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    pointer-events: none;
}

.alx-test-screen-glass {
    position: relative;
    min-height: clamp(300px, 43vw, 520px);
    overflow: hidden;
    border-radius: 10px;
    background: #08080b;
    box-shadow:
        inset 0 0 38px rgba(0, 0, 0, 0.78),
        inset 0 0 0 2px rgba(255, 255, 255, 0.07);
    isolation: isolate;
}

.alx-test-screen-glass::before {
    content: "";
    position: absolute;
    inset: -12%;
    z-index: 5;
    background:
        radial-gradient(ellipse at center, transparent 48%, rgba(0, 0, 0, 0.34) 74%),
        linear-gradient(115deg, rgba(255, 255, 255, 0.18), transparent 24% 100%);
    pointer-events: none;
}

.alx-test-screen-glass::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 6;
    background: repeating-linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08) 0,
        rgba(255, 255, 255, 0.08) 1px,
        rgba(0, 0, 0, 0.08) 2px,
        rgba(0, 0, 0, 0.08) 4px
    );
    mix-blend-mode: overlay;
    opacity: 0.58;
    pointer-events: none;
}

.alx-test-bars {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.alx-test-bars span:nth-child(1) { background: #f7f7f4; }
.alx-test-bars span:nth-child(2) { background: #ffbd37; }
.alx-test-bars span:nth-child(3) { background: #00f2c3; }
.alx-test-bars span:nth-child(4) { background: #48ff61; }
.alx-test-bars span:nth-child(5) { background: #5200ff; }
.alx-test-bars span:nth-child(6) { background: #ff0073; }
.alx-test-bars span:nth-child(7) { background: #111016; }

.alx-test-grid {
    position: absolute;
    inset: 10%;
    z-index: 2;
    border: 2px solid rgba(255, 255, 255, 0.7);
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.24) 1px, transparent 1px) 0 0 / 10% 100%,
        linear-gradient(180deg, rgba(0, 0, 0, 0.24) 1px, transparent 1px) 0 0 / 100% 10%,
        rgba(0, 0, 0, 0.12);
    mix-blend-mode: hard-light;
}

.alx-test-circle {
    position: absolute;
    inset: 12%;
    border: 3px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
}

.alx-test-cross {
    position: absolute;
    background: rgba(255, 255, 255, 0.65);
}

.alx-test-cross-horizontal {
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
}

.alx-test-cross-vertical {
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
}

.alx-test-noise {
    position: absolute;
    inset: 64% 0 0;
    z-index: 3;
    background:
        repeating-linear-gradient(90deg, #050507 0 8px, #f8f7f4 8px 14px, #16141c 14px 22px),
        linear-gradient(90deg, #111016, #f8f7f4, #111016);
    opacity: 0.92;
    filter: contrast(130%);
}

.alx-test-label {
    position: absolute;
    inset: auto clamp(18px, 4vw, 44px) clamp(22px, 4vw, 46px);
    z-index: 7;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 14px;
    align-items: center;
    color: #f8f7f4;
    font-size: clamp(1.1rem, 1.6vw, 1.5rem);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 2px 0 #5200ff;
}

.alx-test-label strong {
    color: #ff0073;
    font-family: "Jersey 10", monospace;
    font-size: clamp(7rem, 12vw, 14rem);
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 0.8;
    text-shadow:
        2px 2px 0 #5200ff,
        4px 4px 0 #5200ff;
}

.alx-error-404-copy {
    max-width: 460px;
}

.alx-error-404-kicker {
    margin: 0 0 12px;
    color: #ffbd37;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.alx-error-404-copy h1 {
    max-width: 420px;
    margin: 0;
    color: #f8f7f4;
    font-family: "PT Sans", var(--font-sans-serif);
    font-size: clamp(4rem, 6vw, 7.6rem);
    font-weight: 700;
    line-height: 0.92;
}

.alx-error-404-copy p:not(.alx-error-404-kicker) {
    margin: 22px 0 0;
    color: rgba(248, 247, 244, 0.78);
    font-size: clamp(1.55rem, 1.5vw, 1.9rem);
    font-weight: 500;
    line-height: 1.5;
}

.alx-error-404-link {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    margin-top: 30px;
    color: #f8f7f4;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration-line: underline;
    text-decoration-color: #ffbd37;
    text-decoration-thickness: 3px;
    text-underline-offset: 0.34em;
    text-transform: uppercase;
}

.alx-error-404-link:link,
.alx-error-404-link:visited {
    color: #f8f7f4;
}

.alx-error-404-link:hover {
    color: #ffbd37;
}

.alx-faves {
    margin-top: clamp(28px, 4vw, 48px);
}

.alx-faves-archive {
    flex: 1 0 auto;
    padding: 0 4vmin;
    color: var(--alx-text);
    background: var(--alx-bg);
}

.alx-faves-archive-inner {
    max-width: 1120px;
    padding: clamp(28px, 4vw, 56px) 0 clamp(44px, 6vw, 78px);
}

.alx-faves-archive-head {
    margin-bottom: clamp(30px, 4vw, 50px);
    text-align: center;
}

.alx-faves-archive-title {
    max-width: 900px;
    margin: 0 auto;
    color: var(--alx-text);
    display: inline-block;
    font-family: "PT Sans", "Space Grotesk", sans-serif;
    font-size: clamp(3.2rem, 5vw, 5.4rem);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 0.98;
}

.alx-faves-archive-title em {
    color: #ff0073;
    font-style: italic;
}

.alx-faves-archive-description {
    max-width: 680px;
    margin: 18px auto 0;
    color: rgba(248, 247, 244, 0.86);
    font-size: clamp(1.5rem, 1.45vw, 1.85rem);
    font-weight: 500;
    line-height: 1.55;
}

.alx-faves-archive-feed {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(28px, 4vw, 52px) 22px;
    align-items: start;
}

.alx-faves-archive-feed .alx-fave-card {
    justify-self: center;
}

.alx-faves-archive-feed .alx-fave-card,
.alx-faves-group-feed .alx-fave-card {
    display: grid;
    grid-template-rows: auto auto auto;
    align-content: start;
    width: 100%;
    max-width: 100%;
}

.alx-faves-archive-feed .alx-fave-card-link,
.alx-faves-group-feed .alx-fave-card-link {
    width: 100%;
}

.alx-faves-archive-feed .alx-fave-card-media,
.alx-faves-group-feed .alx-fave-card-media {
    justify-content: center;
    width: 100%;
    height: 230px;
}

.alx-faves-archive-feed .alx-fave-card-media img,
.alx-faves-group-feed .alx-fave-card-media img {
    max-width: 100%;
    max-height: 230px;
}

.alx-faves-archive-empty {
    color: var(--alx-muted);
    font-size: 1.6rem;
    font-weight: 600;
}

.alx-faves-group + .alx-faves-group {
    margin-top: clamp(36px, 5vw, 64px);
}

.alx-faves-group-head {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 18px;
}

.alx-faves-group-title {
    color: #ff0073;
    display: inline-block;
    font-family: "Jersey 10", monospace;
    font-size: clamp(3rem, 4vw, 4.2rem);
    font-weight: 400;
    letter-spacing: 0.03em;
    line-height: 0.9;
    text-shadow:
        1px 1px 0 #5200ff,
        2px 2px 0 #5200ff,
        3px 3px 0 #5200ff;
    text-transform: uppercase;
}

.alx-faves-group-more {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: rgba(248, 247, 244, 0.42);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transform: translateY(-1px);
}

.alx-faves-group-more:link,
.alx-faves-group-more:visited,
.alx-faves-group-more:hover {
    color: rgba(248, 247, 244, 0.42);
}

.alx-faves-group-more span {
    color: #ffbd37;
    font-size: 1.7rem;
    line-height: 0.8;
}

.alx-faves-group-feed {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(28px, 4vw, 52px) 22px;
    align-items: start;
}

.alx-faves-group-feed .alx-fave-card {
    justify-self: center;
}

.alx-faves-mobile {
    display: none;
}

.alx-faves-head {
    display: flex;
    gap: 16px;
    align-items: center;
    margin: 0 0 12px;
}

.alx-faves-title {
    color: #ff0073;
    display: inline-block;
    font-family: "Jersey 10", monospace;
    font-size: clamp(3.1rem, 4vw, 4rem);
    font-weight: 400;
    margin: 0;
    letter-spacing: 0.03em;
    line-height: 0.9;
    text-shadow:
        1px 1px 0 #5200ff,
        2px 2px 0 #5200ff,
        3px 3px 0 #5200ff;
    text-transform: uppercase;
}

a.alx-faves-more {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: rgba(248, 247, 244, 0.38);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    transform: translateY(-1px);
}

a.alx-faves-more:link,
a.alx-faves-more:visited,
a.alx-faves-more:hover {
    color: rgba(248, 247, 244, 0.38);
}

a.alx-faves-more span {
    color: #ffbd37;
    font-size: 1.7rem;
    line-height: 0.8;
}

.alx-faves-description {
    max-width: 420px;
    margin: -2px 0 14px;
    color: var(--alx-text);
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.35;
}

.alx-faves-feed {
    display: flex;
    gap: 16px;
    align-items: end;
    justify-content: flex-start;
}

.alx-fave-card {
    flex: 0 1 min-content;
    min-width: 0;
}

.alx-fave-card-link {
    display: grid;
    align-items: end;
    width: max-content;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
}

.alx-fave-card-link:not([href]) {
    cursor: default;
}

.alx-fave-card-media {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: hidden;
    min-width: 0;
    background: transparent;
    border-radius: var(--alx-radius);
}

.alx-fave-card-media img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 250px;
    border-radius: inherit;
    box-shadow: none;
}

.alx-fave-card-title {
    margin-top: 14px;
    color: var(--alx-text);
    font-size: 1.55rem;
    line-height: 1.12;
    text-align: center;
}

.alx-fave-card-category {
    margin-top: 8px;
    color: #ffbd37;
    font-size: 1.1rem;
    text-align: center;
}

.alx-fave-card-category:empty {
    display: none;
}

@media (max-width: 980px) {
    html,
    body {
        scrollbar-width: none;
    }

    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        display: none;
    }

    .gh-head {
        padding-top: 18px;
    }

    #gh-head .gh-head-logo {
        font-size: clamp(5.2rem, 19vw, 7rem);
    }

    .alx-error-404 {
        padding: 38px 0 64px;
    }

    .alx-error-404-inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .alx-test-screen {
        max-width: 620px;
        margin: 0 auto;
    }

    .alx-test-screen-glass {
        min-height: clamp(260px, 70vw, 430px);
    }

    .alx-error-404-copy {
        max-width: 620px;
        margin: 0 auto;
        text-align: center;
    }

    .alx-error-404-copy h1 {
        max-width: none;
    }

    .alx-error-404-link {
        justify-content: center;
    }

    .alx-home-desktop {
        display: none;
    }

    .alx-home-main > .alx-newsletter-box {
        display: none;
    }

    .alx-newsletter-mobile {
        display: block;
    }

    .alx-newsletter-mobile .alx-newsletter-box {
        margin: 30px 0 34px;
        padding: 32px 24px;
    }

    .alx-newsletter-mobile .alx-newsletter-box::after {
        box-shadow: inset 0 0 0 6px rgba(255, 189, 55, 0.72);
    }

    .alx-newsletter-title {
        font-size: clamp(2.7rem, 8.2vw, 4rem);
    }

    .alx-newsletter-subtitle {
        font-size: clamp(1.45rem, 4.2vw, 1.95rem);
    }

    .alx-newsletter-input,
    .alx-newsletter-button {
        min-height: 56px;
    }

    .alx-newsletter-input {
        padding: 0 18px;
        font-size: 1.55rem;
    }

    .alx-intro-mobile {
        display: block;
        margin-top: 22px;
    }

    .alx-intro-mobile .alx-intro-box {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 16px;
        margin-bottom: 22px;
        padding: 24px 22px;
    }

    .alx-intro-mobile .alx-intro-icon {
        width: 58px;
        height: 58px;
    }

    .alx-intro-mobile .alx-intro-content {
        font-size: 1.6rem;
        line-height: 1.5;
    }

    .alx-faves-desktop {
        display: none;
    }

    .alx-featured-feed {
        display: none;
    }

    .alx-featured-feed-mobile {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 24px 0 4px;
    }

    .alx-featured-feed-mobile .alx-featured-card:nth-child(n+3) {
        display: none;
    }

    .alx-featured-card-link,
    .alx-featured-card-content {
        min-height: 176px;
    }

    .alx-featured-card-content {
        padding: 14px;
    }

    .alx-featured-card-link::after {
        box-shadow: inset 0 0 0 6px rgba(255, 189, 55, 0.72);
    }

    .alx-featured-card-title {
        font-size: clamp(1.55rem, 4.6vw, 2.1rem);
    }

    .alx-home-mobile {
        display: block;
        padding: 24px 0;
    }

    .alx-home-mobile.gh-postfeed {
        grid-template-columns: none;
        gap: 0;
    }

    .alx-home-mobile.alx-mobile-limit-1 > article:nth-child(n+2),
    .alx-home-mobile.alx-mobile-limit-2 > article:nth-child(n+3),
    .alx-home-mobile.alx-mobile-limit-3 > article:nth-child(n+4),
    .alx-home-mobile.alx-mobile-limit-4 > article:nth-child(n+5),
    .alx-home-mobile.alx-mobile-limit-5 > article:nth-child(n+6),
    .alx-home-mobile.alx-mobile-limit-6 > article:nth-child(n+7),
    .alx-home-mobile.alx-mobile-limit-7 > article:nth-child(n+8),
    .alx-home-mobile.alx-mobile-limit-8 > article:nth-child(n+9),
    .alx-home-mobile.alx-mobile-limit-9 > article:nth-child(n+10),
    .alx-home-mobile.alx-mobile-limit-10 > article:nth-child(n+11),
    .alx-home-mobile.alx-mobile-limit-11 > article:nth-child(n+12),
    .alx-home-mobile.alx-mobile-limit-12 > article:nth-child(n+13),
    .alx-home-mobile.alx-mobile-limit-13 > article:nth-child(n+14),
    .alx-home-mobile.alx-mobile-limit-14 > article:nth-child(n+15),
    .alx-home-mobile.alx-mobile-limit-15 > article:nth-child(n+16),
    .alx-home-mobile.alx-mobile-limit-16 > article:nth-child(n+17),
    .alx-home-mobile.alx-mobile-limit-17 > article:nth-child(n+18),
    .alx-home-mobile.alx-mobile-limit-18 > article:nth-child(n+19),
    .alx-home-mobile.alx-mobile-limit-19 > article:nth-child(n+20),
    .alx-home-mobile.alx-mobile-limit-20 > article:nth-child(n+21) {
        display: none;
    }

    .alx-home-mobile > *:first-child {
        grid-column: auto;
    }

    .alx-home-mobile .alx-post-card-link {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 28px 0;
    }

    .alx-home-mobile .alx-post-card-media {
        order: -1;
    }

    .alx-home-mobile .alx-post-card-title {
        font-size: clamp(2rem, 5.8vw, 2.8rem);
    }

    .alx-home-mobile .alx-post-card-category {
        margin-bottom: 12px;
    }

    .alx-home-mobile .alx-post-card-meta {
        margin-top: 16px;
    }

    .alx-home-mobile .alx-post-card-excerpt {
        font-size: 1.42rem;
        line-height: 1.44;
    }

    .alx-home-mobile .alx-micro-card {
        padding: 28px 0;
    }

    .alx-footer {
        padding: 36px 22px 42px;
    }

    .alx-footer-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        align-items: start;
        justify-items: center;
        text-align: center;
    }

    .alx-footer-logo {
        font-size: clamp(3.8rem, 13vw, 5.2rem);
    }

    .alx-footer-brand,
    .alx-footer-meta {
        justify-self: center;
    }

    .alx-footer-meta {
        text-align: center;
    }

    .alx-footer-nav {
        justify-self: center;
    }

    .alx-footer-nav .nav {
        flex-direction: column;
        gap: 9px;
    }

    .alx-footer-social {
        justify-content: center;
    }

    .alx-footer-note {
        max-width: 24rem;
    }

    .alx-home-mobile .alx-micro-card:first-child {
        padding-top: 0;
    }

    .alx-home-mobile .alx-micro-card-body > * {
        font-size: 1.5rem;
        line-height: 1.36;
    }

    .alx-micro-archive {
        padding: 0 22px;
    }

    .alx-micro-archive-inner {
        padding: 28px 0 54px;
    }

    .alx-micro-archive-head {
        margin-bottom: 28px;
    }

    .alx-micro-archive-title {
        font-size: clamp(5.4rem, 18vw, 7rem);
    }

    .alx-micro-archive-description {
        font-size: 1.5rem;
    }

    .alx-micro-archive-feed {
        display: block;
    }

    .alx-micro-archive-feed .alx-micro-card {
        height: auto;
        padding: 28px 0;
    }

    .alx-micro-archive-feed .alx-micro-card:first-child {
        padding-top: 0;
    }

    .alx-micro-archive-feed .alx-micro-card + .alx-micro-card {
        padding-top: 28px;
    }

    .alx-micro-archive-feed .alx-micro-card-body > * {
        font-size: 1.5rem;
        line-height: 1.36;
    }

    .alx-micro-pagination .pagination {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .alx-tags-index,
    .alx-tag-archive,
    .alx-newsletter-page,
    .alx-newsletter-archive {
        padding: 0 22px;
    }

    .alx-tags-index-inner,
    .alx-tag-archive-inner,
    .alx-newsletter-page-inner,
    .alx-newsletter-archive-inner {
        padding: 28px 0 54px;
    }

    .alx-newsletter-page-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .alx-newsletter-page-copy {
        padding-top: 0;
    }

    .alx-newsletter-page-title {
        font-size: clamp(3.1rem, 11vw, 4.8rem);
    }

    .alx-newsletter-page-content {
        font-size: 1.5rem;
    }

    .alx-newsletter-page-signup {
        padding: 32px 24px;
    }

    .alx-newsletter-page-signup::after {
        box-shadow: inset 0 0 0 6px rgba(255, 189, 55, 0.72);
    }

    .alx-tags-index-head {
        margin-bottom: 30px;
    }

    .alx-tags-index-title {
        font-size: clamp(3.1rem, 11vw, 4.8rem);
    }

    .alx-tags-index-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .alx-tags-index-card {
        min-height: 0;
        padding: 22px;
    }

    .alx-blog-archive {
        padding: 0 22px;
    }

    .alx-blog-archive-inner {
        padding: 28px 0 54px;
    }

    .alx-blog-archive-title {
        font-size: clamp(3.1rem, 11vw, 4.8rem);
    }

    .alx-blog-archive-item {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        padding: 16px 0;
    }

    .alx-blog-archive-category {
        text-align: left;
    }

    .alx-tag-archive-head,
    .alx-newsletter-archive-head {
        margin-bottom: 28px;
        padding: 0;
    }

    .alx-newsletter-archive-head {
        padding: 28px 24px;
    }

    .alx-newsletter-archive-head::after {
        box-shadow: inset 0 0 0 5px rgba(255, 189, 55, 0.72);
    }

    .alx-tag-archive-title,
    .alx-newsletter-archive-title {
        font-size: clamp(3.1rem, 11vw, 4.8rem);
    }

    .alx-tag-archive-description,
    .alx-newsletter-archive-description {
        font-size: 1.45rem;
    }

    .alx-tag-archive-feed {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .alx-tag-archive-feed .alx-post-card-link,
    .alx-newsletter-archive-feed .alx-post-card-link {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 28px 0;
    }

    .alx-tag-archive-feed .alx-post-card-media,
    .alx-newsletter-archive-feed .alx-post-card-media {
        order: -1;
    }

    .alx-tag-archive-feed .alx-post-card-title,
    .alx-newsletter-archive-feed .alx-post-card-title {
        font-size: clamp(2rem, 5.8vw, 2.8rem);
    }

    .alx-tag-archive-feed > .alx-micro-card {
        padding: 28px 0;
        background: transparent;
        border-width: 0 0 1px;
        border-radius: 0;
    }

    .alx-tag-archive-feed > .alx-micro-card:first-child {
        padding-top: 0;
    }

    .alx-tag-pagination .pagination,
    .alx-newsletter-pagination .pagination {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .alx-faves-mobile {
        display: block;
        margin: 0 -4vmin 36px 0;
        padding: 2px 0 0;
    }

    .alx-faves-archive {
        padding: 0 22px;
    }

    .alx-faves-archive-inner {
        padding: 28px 0 54px;
    }

    .alx-faves-archive-head {
        margin-bottom: 28px;
    }

    .alx-faves-archive-title {
        font-size: clamp(3rem, 10vw, 4.8rem);
    }

    .alx-faves-archive-feed {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 26px 16px;
    }

    .alx-faves-archive-feed .alx-fave-card-media img,
    .alx-faves-group-feed .alx-fave-card-media img {
        max-height: 190px;
    }

    .alx-faves-archive-feed .alx-fave-card-media,
    .alx-faves-group-feed .alx-fave-card-media {
        height: 190px;
    }

    .alx-faves-group + .alx-faves-group {
        margin-top: 38px;
    }

    .alx-faves-group-head {
        margin-bottom: 16px;
    }

    .alx-faves-group-title {
        font-size: clamp(3.2rem, 11vw, 4.4rem);
    }

    .alx-faves-group-feed {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 26px 16px;
    }

    .alx-faves-group-feed .alx-fave-card:nth-child(n+9) {
        display: none;
    }

    .alx-faves-mobile .alx-faves-head {
        margin: 0 4vmin 8px 0;
    }

    .alx-faves-mobile .alx-faves-title {
        font-size: clamp(3.4rem, 12vw, 4.4rem);
    }

    .alx-faves-mobile .alx-faves-description {
        margin: 0 4vmin 16px 0;
        font-size: 1.4rem;
    }

    .alx-faves-mobile .alx-faves-feed {
        display: flex;
        gap: 18px;
        align-items: flex-end;
        overflow-x: auto;
        scrollbar-width: none;
        padding: 0 4vmin 4px 0;
        scroll-padding-right: 4vmin;
        -webkit-overflow-scrolling: touch;
    }

    .alx-faves-mobile .alx-faves-feed::-webkit-scrollbar {
        display: none;
    }

    .alx-faves-mobile .alx-fave-card {
        flex: 0 0 auto;
        max-width: 68vw;
    }

    .alx-faves-mobile .alx-fave-card-link {
        grid-template-rows: auto;
    }

    .alx-faves-mobile .alx-fave-card-media {
        min-height: 0;
    }

    .alx-faves-mobile .alx-fave-card-media img {
        max-width: 68vw;
        max-height: min(62vw, 330px);
    }

    .alx-faves-mobile .alx-fave-card-title {
        font-size: 1.75rem;
    }
}

@media (max-width: 560px) {
    .alx-home {
        padding: 0 22px;
    }

    .alx-test-screen {
        padding: 12px;
        border-radius: 14px;
    }

    .alx-test-label {
        grid-template-columns: 1fr;
        gap: 4px;
        font-size: 1rem;
    }

    .alx-test-label strong {
        font-size: clamp(6.2rem, 24vw, 9rem);
    }

    .alx-error-404-copy h1 {
        font-size: clamp(3.6rem, 13vw, 5.4rem);
    }

    .alx-micro-card-head {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .alx-micro-card-avatar {
        width: 48px;
        height: 48px;
    }

    .alx-micro-card-body > * {
        font-size: 1.45rem;
        line-height: 1.35;
    }

    .alx-faves-mobile {
        margin-right: -22px;
    }

    .alx-faves-mobile .alx-faves-head {
        margin-right: 22px;
    }

    .alx-faves-mobile .alx-faves-description {
        margin-right: 22px;
    }

    .alx-faves-mobile .alx-faves-feed {
        padding-right: 22px;
        scroll-padding-right: 22px;
    }

    .alx-faves-mobile .alx-fave-card {
        max-width: 68vw;
    }

    .alx-faves-group-feed {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px 14px;
    }

    .alx-faves-archive-feed {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px 14px;
    }

    .alx-faves-archive-feed .alx-fave-card-media img,
    .alx-faves-group-feed .alx-fave-card-media img {
        max-height: 150px;
    }

    .alx-faves-archive-feed .alx-fave-card-media,
    .alx-faves-group-feed .alx-fave-card-media {
        height: 150px;
    }

    .alx-faves-group-feed .alx-fave-card:nth-child(n+7) {
        display: none;
    }

}

.alx-error-404 {
    position: relative;
    display: block;
    width: 100vw;
    min-height: 100vh;
    overflow: hidden;
    padding: 0;
    color: #f8f7f4;
    background: #050507;
    cursor: pointer;
    text-decoration: none;
}

.alx-error-404:link,
.alx-error-404:visited,
.alx-error-404:hover {
    color: #f8f7f4;
    text-decoration: none;
}

.alx-error-404::before,
.alx-error-404::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;
}

.alx-error-404::before {
    background: repeating-linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08) 0,
        rgba(255, 255, 255, 0.08) 1px,
        rgba(0, 0, 0, 0.2) 2px,
        rgba(0, 0, 0, 0.2) 5px
    );
    mix-blend-mode: overlay;
    animation: alx-scanline-flicker 1.6s steps(2, end) infinite;
}

.alx-error-404::after {
    background:
        radial-gradient(ellipse at center, transparent 42%, rgba(0, 0, 0, 0.42) 78%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 28% 100%);
    animation: alx-crt-pulse 3.4s ease-in-out infinite;
}

.alx-test-screen {
    position: absolute;
    inset: 0;
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: #050507;
    box-shadow: none;
}

.alx-test-screen::before {
    inset: 0;
    border: 0;
    border-radius: 0;
}

.alx-test-screen-glass {
    position: absolute;
    inset: 0;
    display: block;
    min-height: 100vh;
    overflow: hidden;
    border-radius: 0;
    background:
        radial-gradient(circle at 50% 50%, rgba(248, 247, 244, 0.08), transparent 28%),
        #050507;
    box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.75);
    isolation: isolate;
    animation: alx-tv-flicker 4.8s infinite;
}

.alx-test-screen-glass::before {
    inset: 0;
    z-index: 16;
    background:
        linear-gradient(90deg, transparent 0 96%, rgba(255, 255, 255, 0.2) 97%, transparent 100%),
        repeating-linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.02) 0 2px,
            rgba(0, 0, 0, 0.05) 2px 6px
        );
    opacity: 0.85;
    animation: alx-horizontal-drift 7s linear infinite;
}

.alx-test-screen-glass::after {
    inset: -30% 0;
    z-index: 18;
    background: linear-gradient(
        180deg,
        transparent 0 42%,
        rgba(255, 255, 255, 0.16) 45%,
        transparent 48% 100%
    );
    opacity: 0.45;
    mix-blend-mode: screen;
    animation: alx-rollbar 5.2s linear infinite;
}

.alx-test-bars {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 58vh 14vh 16vh 12vh;
}

.alx-test-bars > span {
    display: block;
}

.alx-test-bars span:nth-child(1) { grid-row: 1; background: #d7d8d6; }
.alx-test-bars span:nth-child(2) { grid-row: 1; background: #ffbd37; }
.alx-test-bars span:nth-child(3) { grid-row: 1; background: #00f2c3; }
.alx-test-bars span:nth-child(4) { grid-row: 1; background: #48ff61; }
.alx-test-bars span:nth-child(5) { grid-row: 1; background: #ff0073; }
.alx-test-bars span:nth-child(6) { grid-row: 1; background: #5200ff; }
.alx-test-bars span:nth-child(7) { grid-row: 1; background: #050507; }
.alx-test-bars span:nth-child(8) {
    grid-column: 1 / -1;
    grid-row: 2 / -1;
    background:
        linear-gradient(90deg, #050507 0 12.5%, #5200ff 12.5% 25%, #111016 25% 37.5%, #00f2c3 37.5% 50%, #18171c 50% 62.5%, #ff0073 62.5% 75%, #ffbd37 75% 87.5%, #f8f7f4 87.5% 100%);
}

.alx-test-grid {
    position: absolute;
    inset: 9vh 9vw 16vh;
    z-index: 4;
    display: block;
    border: 3px solid rgba(248, 247, 244, 0.72);
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.28) 1px, transparent 1px) 0 0 / 10% 100%,
        linear-gradient(180deg, rgba(0, 0, 0, 0.28) 1px, transparent 1px) 0 0 / 100% 10%,
        radial-gradient(circle at center, transparent 0 30%, rgba(0, 0, 0, 0.18) 31% 100%);
    mix-blend-mode: hard-light;
}

.alx-test-circle {
    position: absolute;
    inset: 10%;
    border: 4px solid rgba(248, 247, 244, 0.74);
    border-radius: 50%;
}

.alx-test-cross {
    position: absolute;
    background: rgba(248, 247, 244, 0.72);
}

.alx-test-cross-horizontal {
    top: 50%;
    left: 0;
    width: 100%;
    height: 3px;
}

.alx-test-cross-vertical {
    top: 0;
    left: 50%;
    width: 3px;
    height: 100%;
}

.alx-test-pluge {
    position: absolute;
    right: 7vw;
    bottom: 6vh;
    z-index: 8;
    display: grid;
    grid-template-columns: repeat(3, minmax(34px, 5vw));
    gap: 12px;
}

.alx-test-pluge span {
    height: clamp(40px, 6vw, 82px);
    border: 2px solid rgba(248, 247, 244, 0.56);
    background: #050507;
}

.alx-test-pluge span:nth-child(2) {
    background: #18171c;
}

.alx-test-pluge span:nth-child(3) {
    background: #f8f7f4;
}

.alx-test-noise {
    position: absolute;
    inset: 72vh 0 16vh;
    z-index: 7;
    display: block;
    background:
        repeating-linear-gradient(90deg, #050507 0 6px, #f8f7f4 6px 11px, #ff0073 11px 14px, #18171c 14px 22px),
        linear-gradient(90deg, #111016, #f8f7f4, #111016);
    opacity: 0.94;
    filter: contrast(160%);
    animation: alx-static-shift 0.42s steps(2, end) infinite;
}

.alx-test-label {
    position: absolute;
    inset: 50%;
    z-index: 12;
    display: grid;
    width: min(78vw, 900px);
    transform: translate(-50%, -50%);
    justify-items: center;
    gap: clamp(6px, 1.2vw, 14px);
    color: #f8f7f4;
    font-family: "Space Grotesk", var(--font-sans-serif);
    font-size: clamp(1.2rem, 1.6vw, 1.9rem);
    font-weight: 700;
    letter-spacing: 0.18em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-shadow:
        2px 2px 0 #5200ff,
        -2px 0 0 rgba(255, 0, 115, 0.7);
}

.alx-test-label strong {
    color: #ff0073;
    font-family: "Jersey 10", monospace;
    font-size: clamp(14rem, 26vw, 34rem);
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 0.72;
    text-shadow:
        3px 3px 0 #5200ff,
        6px 6px 0 #5200ff,
        -4px 0 0 #ffbd37;
}

.alx-test-brand {
    color: #ffbd37;
}

.alx-test-hint {
    margin-top: clamp(8px, 1.6vw, 18px);
    color: rgba(248, 247, 244, 0.72);
    font-size: clamp(1rem, 1.2vw, 1.35rem);
    letter-spacing: 0.14em;
}

@keyframes alx-tv-flicker {
    0%, 100% { opacity: 1; filter: brightness(1) saturate(1.04); }
    7% { opacity: 0.88; filter: brightness(1.32) saturate(1.18); }
    8% { opacity: 1; filter: brightness(0.92) saturate(1); }
    38% { opacity: 0.96; }
    39% { opacity: 0.76; filter: brightness(1.42) saturate(1.24); }
    40% { opacity: 1; }
    74% { opacity: 0.94; transform: translateX(0); }
    75% { opacity: 0.84; transform: translateX(-2px); }
    76% { opacity: 1; transform: translateX(1px); }
}

@keyframes alx-scanline-flicker {
    0%, 100% { opacity: 0.58; transform: translateY(0); }
    50% { opacity: 0.82; transform: translateY(2px); }
}

@keyframes alx-crt-pulse {
    0%, 100% { opacity: 0.98; }
    50% { opacity: 0.78; }
}

@keyframes alx-horizontal-drift {
    from { transform: translateX(-8%); }
    to { transform: translateX(8%); }
}

@keyframes alx-rollbar {
    from { transform: translateY(-60%); }
    to { transform: translateY(60%); }
}

@keyframes alx-static-shift {
    0% { transform: translateX(0); background-position: 0 0; }
    50% { transform: translateX(-18px); background-position: 36px 0; }
    100% { transform: translateX(12px); background-position: -24px 0; }
}

@media (max-width: 760px) {
    .alx-test-grid {
        inset: 8vh 6vw 18vh;
    }

    .alx-test-label {
        width: 88vw;
        font-size: 1.05rem;
        letter-spacing: 0.13em;
    }

    .alx-test-label strong {
        font-size: clamp(10rem, 38vw, 18rem);
    }

    .alx-test-noise {
        inset: 70vh 0 18vh;
    }

    .alx-test-pluge {
        right: 5vw;
        bottom: 5vh;
        gap: 8px;
    }
}