Theme - Source Excerpt 01
Summary
This source excerpt preserves a bounded section of Anti-Christ.org/wp-content/themes/antichrist-engine/assets/css/theme.css so readers can inspect the evidence without opening the full source file.
**Source path:** Anti-Christ.org/wp-content/themes/antichrist-engine/assets/css/theme.css
:root {
--color-void: #06070a;
--color-ash: #10141b;
--color-ash-alt: #171d27;
--color-steel: #263142;
--color-fog: #9fa9bd;
--color-bone: #ece7dc;
--color-bone-soft: rgba(236, 231, 220, 0.74);
--color-signal: #97283b;
--color-signal-soft: rgba(151, 40, 59, 0.14);
--color-brass: #c0a06b;
--color-brass-soft: rgba(192, 160, 107, 0.18);
--color-line: rgba(236, 231, 220, 0.12);
--shadow-deep: 0 16px 44px rgba(0, 0, 0, 0.4);
--radius-lg: 20px;
--radius-md: 14px;
--radius-sm: 10px;
--container-max: 1440px;
--container-inline: clamp(1rem, 2.6vw, 2.5rem);
--container: min(var(--container-max), calc(100vw - var(--container-inline)));
--content: min(88ch, 100%);
--layout-gap: clamp(0.9rem, 1.6vw, 1.55rem);
--layout-rail: clamp(16rem, 21vw, 24rem);
--hero-rail: clamp(18rem, 24vw, 26rem);
--grid-card-min: clamp(14rem, 19vw, 18rem);
--grid-feature-min: clamp(16rem, 23vw, 21rem);
--grid-duo-min: clamp(21rem, 31vw, 32rem);
--grid-metric-min: clamp(11rem, 16vw, 15rem);
--ai-fullscreen-offset: 0px;
--foundation-watermark-opacity: 0.1;
--foundation-watermark-offset-y: 11rem;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background:
radial-gradient(circle at top, rgba(151, 40, 59, 0.1), transparent 32%),
linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
var(--color-void);
color: var(--color-bone);
font-family: Aptos, "Segoe UI", "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.62;
text-rendering: optimizeLegibility;
}
body.has-site-navigator,
body.has-foundation-image-viewer,
body.has-ai-console-fullscreen {
overflow: hidden;
}
body.admin-bar {
--ai-fullscreen-offset: 32px;
}
img {
display: block;
max-width: 100%;
height: auto;
}
a {
color: inherit;
text-decoration-color: rgba(190, 46, 69, 0.55);
text-underline-offset: 0.18em;
}
a:hover,
a:focus-visible {
text-decoration-color: var(--color-signal);
}
button,
input,
textarea,
select {
font: inherit;
}
input,
textarea,
select {
width: 100%;
border: 1px solid var(--color-line);
border-radius: 10px;
background: rgba(255, 255, 255, 0.03);
color: var(--color-bone);
padding: 0.68rem 0.85rem;
}
select option,
select optgroup {
color: var(--color-ash);
background: #f4efe3;
}
select option[value=""] {
color: #6f675f;
}
input:focus,
textarea:focus,
select:focus {
outline: 2px solid rgba(192, 160, 107, 0.46);
outline-offset: 2px;
border-color: rgba(192, 160, 107, 0.54);
box-shadow: 0 0 0 5px rgba(192, 160, 107, 0.08);
}
button:disabled,
input[type="submit"]:disabled {
cursor: wait;
opacity: 0.68;
}
textarea {
min-height: 120px;
}
button,
.button,
.search-submit,
input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.45rem;
border: 0;
border-radius: 10px;
background: linear-gradient(180deg, #b43047, #8d2034);
color: #fff;
padding: 0.65rem 1rem;
font-weight: 700;
letter-spacing: 0.02em;
text-decoration: none;
cursor: pointer;
box-shadow: 0 10px 30px rgba(151, 40, 59, 0.28);
}
button:focus-visible,
.button:focus-visible,
.search-submit:focus-visible,
input[type="submit"]:focus-visible {
outline: 2px solid rgba(192, 160, 107, 0.72);
outline-offset: 3px;
}
.button--ghost {
background: transparent;
color: var(--color-bone);
border: 1px solid rgba(236, 231, 220, 0.18);
box-shadow: none;
}
.button--small {
padding: 0.55rem 0.8rem;
border-radius: 9px;
font-size: 0.78rem;
letter-spacing: 0.08em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 0.85rem;
line-height: 1.08;
letter-spacing: -0.03em;
font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-weight: 700;
overflow-wrap: break-word;
text-wrap: balance;
}
h1 {
font-size: clamp(1.95rem, 4.8vw, 3.8rem);
}
h2 {
font-size: clamp(1.4rem, 3vw, 2.1rem);
}
h3 {
font-size: clamp(1.08rem, 2vw, 1.5rem);
}
p,
ul,
ol,
blockquote,
figure {
margin: 0 0 1.1rem;
}
blockquote {
border-left: 3px solid var(--color-brass);
padding: 0.5rem 0 0.5rem 1.25rem;
color: var(--color-bone-soft);
font-size: 1.08rem;
}
.site-shell {
position: relative;
isolation: isolate;
min-height: 100vh;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.015), rgba(255, 255, 255, 0)),
url('../images/texture-grid.svg') center top / min(1800px, 100%) no-repeat;
}
.site-shell::before {
content: '';
position: fixed;
inset: 0;
z-index: -1;
background:
radial-gradient(circle at 10% 0%, rgba(192, 160, 107, 0.06), transparent 30%),
radial-gradient(circle at 90% 10%, rgba(151, 40, 59, 0.08), transparent 28%);
pointer-events: none;
}
.site-shell::after {
content: '';
display: none;
position: fixed;
top: 0;
left: 50%;
z-index: -1;
width: min(1220px, 72vw);
aspect-ratio: 1019 / 1024;
transform: translate3d(-50%, var(--foundation-watermark-offset-y), 0);
transform-origin: top center;
opacity: var(--foundation-watermark-opacity);
mix-blend-mode: screen;
filter: saturate(0.72) brightness(0.88) contrast(1.06);
pointer-events: none;
}
@media (min-width: 900px) {
.site-shell::after {
display: block;
background: url('../images/fftac-background.jpg') center / contain no-repeat;
will-change: transform;
}
}
@media (prefers-reduced-data: reduce) {
.site-shell::after {
display: none;
background: none;
will-change: auto;
}
}
.container {
width: var(--container);
margin-inline: auto;
}
.section {
padding: 3.25rem 0;
}
.section--compact {
padding: 2rem 0 1rem;
}
.section--narrow {
padding-top: 3.4rem;
padding-bottom: 5rem;
}
.section-heading {
margin-bottom: 2rem;
max-width: 60rem;
}
.section-heading--compact {
margin-bottom: 1.4rem;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: var(--color-brass);
text-transform: uppercase;
letter-spacing: 0.24em;
font-size: 0.76rem;
font-weight: 700;
}
.eyebrow::before {
content: '';
width: 1.1rem;
height: 1px;
background: rgba(192, 160, 107, 0.48);
}
.card,
.widget {
background:
linear-gradient(180deg, rgba(20, 24, 33, 0.98), rgba(10, 12, 17, 0.97));
border: 1px solid var(--color-line);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-deep);
backdrop-filter: blur(10px);
}
.card {
padding: 1.2rem;
}
.card-glow {
position: relative;
}
.card-glow::after {
content: '';
position: absolute;
inset: auto 12% -10% 12%;
height: 80px;
background: radial-gradient(circle, rgba(190, 46, 69, 0.4), transparent 72%);
filter: blur(28px);
pointer-events: none;
}
.skip-link {
position: absolute;
left: -9999px;
}
.skip-link:focus {
left: 1rem;
top: 1rem;
z-index: 1000;
background: var(--color-bone);
color: var(--color-void);
padding: 0.75rem 1rem;
border-radius: 10px;
}
.site-header__notice {
border-bottom: 1px solid rgba(192, 160, 107, 0.14);
background: rgba(6, 7, 10, 0.88);
}
.site-header__notice-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
min-height: 34px;
}
.site-header__notice-item {
display: inline-flex;
align-items: center;
gap: 0.65rem;
margin: 0;
color: var(--color-bone-soft);
font-size: 0.76rem;
min-width: 0;
}
.site-header__notice-item span {
color: var(--color-brass);
text-transform: uppercase;
letter-spacing: 0.18em;
font-size: 0.68rem;
}
.site-header__notice-item strong {
font-weight: 600;
max-width: 28ch;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.site-header {
position: sticky;
top: 0;
z-index: 100;
backdrop-filter: blur(14px);
background: rgba(8, 10, 14, 0.78);
border-bottom: 1px solid rgba(192, 160, 107, 0.08);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
}
.site-header__inner {
position: relative;
display: grid;
grid-template-columns: minmax(240px, 1fr) auto;
align-items: center;
justify-content: space-between;
gap: 1.2rem;
min-height: 70px;
padding: 0.65rem 0;