Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
R
re-kirby
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
santiago duque
re-kirby
Commits
0687b8e6
Commit
0687b8e6
authored
May 03, 2026
by
santiago duque
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
qupte font styling
parent
dcfd2b0f
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
211 additions
and
67 deletions
+211
-67
shared.scss
src/css/shared.scss
+209
-65
shared.css
www/assets/css/shared.css
+1
-1
shared.css.map
www/assets/css/shared.css.map
+1
-1
No files found.
src/css/shared.scss
View file @
0687b8e6
/* ===================================================================
/* ===================================================================
Shared styles — atmospheric horror scrollytelling
Shared styles — atmospheric horror scrollytelling
=================================================================== */
=================================================================== */
@use
'vars'
;
@use
"vars"
;
@use
'fonts'
;
@use
"fonts"
;
@use
'mixins'
as
m
;
@use
"mixins"
as
m
;
// ===== Reset =====
// ===== Reset =====
*
{
box-sizing
:
border-box
;
margin
:
0
;
padding
:
0
;
}
*
{
box-sizing
:
border-box
;
margin
:
0
;
padding
:
0
;
}
html
,
body
{
html
,
body
{
background
:
var
(
--
bg
);
background
:
var
(
--
bg
);
color
:
var
(
--
ink
);
color
:
var
(
--
ink
);
font-family
:
var
(
--
font-body
);
font-family
:
var
(
--
font-body
);
...
@@ -17,6 +22,10 @@ html, body {
...
@@ -17,6 +22,10 @@ html, body {
-webkit-font-smoothing
:
antialiased
;
-webkit-font-smoothing
:
antialiased
;
text-rendering
:
optimizeLegibility
;
text-rendering
:
optimizeLegibility
;
overflow-x
:
clip
;
overflow-x
:
clip
;
@include
m
.
bp
(
m
.
$bp-laptop
)
{
font-size
:
18px
;
}
}
}
body
{
body
{
...
@@ -45,8 +54,13 @@ body {
...
@@ -45,8 +54,13 @@ body {
}
}
@keyframes vignette-pulse {
@keyframes vignette-pulse {
0%, 100% { opacity: 0.85; }
0%,
50% { opacity: 1; }
100% {
opacity: 0.85;
}
50% {
opacity: 1;
}
}
}
.flicker {
.flicker {
...
@@ -59,25 +73,49 @@ body {
...
@@ -59,25 +73,49 @@ body {
}
}
@keyframes flicker {
@keyframes flicker {
0%, 92%, 100% { opacity: 0; }
0%,
93% { opacity: 1; }
92%,
94% { opacity: 0.2; }
100% {
95% { opacity: 0.9; }
opacity: 0;
96% { opacity: 0; }
}
93% {
opacity: 1;
}
94% {
opacity: 0.2;
}
95% {
opacity: 0.9;
}
96% {
opacity: 0;
}
}
}
[data-effects="off"] {
[data-effects="off"] {
.grain, .vignette, .flicker { display: none; }
.grain,
.reveal { opacity: 1; transform: none; }
.vignette,
.flicker {
display: none;
}
.reveal {
opacity: 1;
transform: none;
}
.glitch {
.glitch {
&::before, &::after { display: none; }
&::before,
&::after {
display: none;
}
}
}
}
}
// ===== Top bar =====
// ===== Top bar =====
.topbar {
.topbar {
position: fixed;
position: fixed;
top: 0; left: 0; right: 0;
top: 0;
left: 0;
right: 0;
z-index: 100;
z-index: 100;
display: flex;
display: flex;
align-items: center;
align-items: center;
...
@@ -85,7 +123,9 @@ body {
...
@@ -85,7 +123,9 @@ body {
padding: 28px 40px;
padding: 28px 40px;
pointer-events: none;
pointer-events: none;
> * { pointer-events: auto; }
> * {
pointer-events: auto;
}
}
}
.wordmark {
.wordmark {
...
@@ -123,7 +163,9 @@ body {
...
@@ -123,7 +163,9 @@ body {
@include m.mono-label(11px, 0.2em);
@include m.mono-label(11px, 0.2em);
align-items: flex-end;
align-items: flex-end;
&:hover { color: var(--accent-bright); }
&:hover {
color: var(--accent-bright);
}
&-lines {
&-lines {
display: flex;
display: flex;
...
@@ -136,9 +178,15 @@ body {
...
@@ -136,9 +178,15 @@ body {
height: 1px;
height: 1px;
background: currentColor;
background: currentColor;
&:nth-child(1) { width: 28px; }
&:nth-child(1) {
&:nth-child(2) { width: 20px; }
width: 28px;
&:nth-child(3) { width: 28px; }
}
&:nth-child(2) {
width: 20px;
}
&:nth-child(3) {
width: 28px;
}
}
}
}
}
}
}
...
@@ -153,7 +201,10 @@ body {
...
@@ -153,7 +201,10 @@ body {
pointer-events: none;
pointer-events: none;
transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
&.open { opacity: 1; pointer-events: auto; }
&.open {
opacity: 1;
pointer-events: auto;
}
&::before {
&::before {
content: "";
content: "";
...
@@ -178,7 +229,9 @@ body {
...
@@ -178,7 +229,9 @@ body {
padding: 10px;
padding: 10px;
z-index: 10;
z-index: 10;
&:hover { color: var(--accent-bright); }
&:hover {
color: var(--accent-bright);
}
}
}
.menu-inner {
.menu-inner {
...
@@ -217,7 +270,9 @@ body {
...
@@ -217,7 +270,9 @@ body {
outline: none;
outline: none;
transition: border-color 0.2s;
transition: border-color 0.2s;
&:focus { border-color: var(--accent); }
&:focus {
border-color: var(--accent);
}
&::placeholder {
&::placeholder {
color: var(--ink-faint);
color: var(--ink-faint);
...
@@ -250,13 +305,23 @@ body {
...
@@ -250,13 +305,23 @@ body {
scrollbar-width: thin;
scrollbar-width: thin;
scrollbar-color: var(--accent-deep) transparent;
scrollbar-color: var(--accent-deep) transparent;
&::-webkit-scrollbar { width: 6px; }
&::-webkit-scrollbar {
&::-webkit-scrollbar-thumb { background: var(--accent-deep); }
width: 6px;
&::-webkit-scrollbar-track { background: transparent; }
}
&::-webkit-scrollbar-thumb {
background: var(--accent-deep);
}
&::-webkit-scrollbar-track {
background: transparent;
}
&.is-empty {
&.is-empty {
.menu-empty { display: block; }
.menu-empty {
.menu-part { display: none; }
display: block;
}
.menu-part {
display: none;
}
}
}
}
}
...
@@ -298,13 +363,19 @@ body {
...
@@ -298,13 +363,19 @@ body {
border-bottom: 1px solid var(--rule);
border-bottom: 1px solid var(--rule);
transition: opacity 0.2s;
transition: opacity 0.2s;
&.hidden { display: none; }
&.hidden {
display: none;
}
&.current {
&.current {
position: relative;
position: relative;
a { color: var(--accent-bright); }
a {
.num { color: var(--accent-bright); }
color: var(--accent-bright);
}
.num {
color: var(--accent-bright);
}
a::before {
a::before {
width: 2px;
width: 2px;
background: var(--accent-bright);
background: var(--accent-bright);
...
@@ -334,7 +405,10 @@ body {
...
@@ -334,7 +405,10 @@ body {
color: var(--ink);
color: var(--ink);
@include m.display-italic(22px);
@include m.display-italic(22px);
font-weight: 400;
font-weight: 400;
transition: color 0.25s, padding 0.25s, background 0.25s;
transition:
color 0.25s,
padding 0.25s,
background 0.25s;
position: relative;
position: relative;
text-wrap: balance;
text-wrap: balance;
...
@@ -343,7 +417,9 @@ body {
...
@@ -343,7 +417,9 @@ body {
padding-left: 22px;
padding-left: 22px;
background: rgba(185, 28, 28, 0.04);
background: rgba(185, 28, 28, 0.04);
&::before { width: 2px; }
&::before {
width: 2px;
}
}
}
&::before {
&::before {
...
@@ -367,7 +443,9 @@ body {
...
@@ -367,7 +443,9 @@ body {
align-self: center;
align-self: center;
}
}
.title { line-height: 1.2; }
.title {
line-height: 1.2;
}
}
}
.menu-side {
.menu-side {
...
@@ -413,7 +491,9 @@ body {
...
@@ -413,7 +491,9 @@ body {
@include m.mono-label(10px, 0.25em);
@include m.mono-label(10px, 0.25em);
color: var(--ink-dim);
color: var(--ink-dim);
.accent { color: var(--accent-bright); }
.accent {
color: var(--accent-bright);
}
}
}
}
}
...
@@ -445,7 +525,9 @@ body {
...
@@ -445,7 +525,9 @@ body {
height: 12px;
height: 12px;
background: var(--accent);
background: var(--accent);
border-radius: 50%;
border-radius: 50%;
box-shadow: 0 0 0 4px var(--bg), 0 0 20px var(--accent);
box-shadow:
0 0 0 4px var(--bg),
0 0 20px var(--accent);
}
}
}
}
...
@@ -455,7 +537,10 @@ body {
...
@@ -455,7 +537,10 @@ body {
display: block;
display: block;
padding: 28px;
padding: 28px;
border: 1px solid var(--rule);
border: 1px solid var(--rule);
transition: border-color 0.3s, background 0.3s, transform 0.4s;
transition:
border-color 0.3s,
background 0.3s,
transform 0.4s;
position: relative;
position: relative;
overflow: hidden;
overflow: hidden;
min-height: 180px;
min-height: 180px;
...
@@ -464,7 +549,9 @@ body {
...
@@ -464,7 +549,9 @@ body {
border-color: var(--accent);
border-color: var(--accent);
background: rgba(185, 28, 28, 0.05);
background: rgba(185, 28, 28, 0.05);
.arrow { color: var(--accent-bright); }
.arrow {
color: var(--accent-bright);
}
}
}
&.disabled {
&.disabled {
...
@@ -473,17 +560,29 @@ body {
...
@@ -473,17 +560,29 @@ body {
}
}
&.prev {
&.prev {
.arrow { left: 28px; }
.arrow {
&:hover .arrow { transform: translateX(-6px); }
left: 28px;
}
&:hover .arrow {
transform: translateX(-6px);
}
}
}
&.next {
&.next {
text-align: right;
text-align: right;
.arrow { right: 28px; }
.arrow {
&:hover .arrow { transform: translateX(6px); }
right: 28px;
}
&:hover .arrow {
transform: translateX(6px);
}
}
}
.label, .num-big, .title { display: block; }
.label,
.num-big,
.title {
display: block;
}
.label {
.label {
@include m.mono-label(11px, 0.25em);
@include m.mono-label(11px, 0.25em);
...
@@ -512,7 +611,9 @@ body {
...
@@ -512,7 +611,9 @@ body {
bottom: 24px;
bottom: 24px;
@include m.mono-label(11px, 0.2em);
@include m.mono-label(11px, 0.2em);
color: var(--ink-faint);
color: var(--ink-faint);
transition: color 0.3s, transform 0.3s;
transition:
color 0.3s,
transform 0.3s;
}
}
}
}
...
@@ -528,7 +629,9 @@ body {
...
@@ -528,7 +629,9 @@ body {
.reveal {
.reveal {
opacity: 0;
opacity: 0;
transform: translateY(30px);
transform: translateY(30px);
transition: opacity 1.2s ease, transform 1.2s ease;
transition:
opacity 1.2s ease,
transform 1.2s ease;
&.in {
&.in {
opacity: 1;
opacity: 1;
...
@@ -569,10 +672,24 @@ body {
...
@@ -569,10 +672,24 @@ body {
}
}
@keyframes glitch-shift {
@keyframes glitch-shift {
0%, 88%, 100% { transform: translate(0, 0); opacity: 0; }
0%,
90% { transform: translate(-2px, 0.5px); opacity: 0.8; }
88%,
92% { transform: translate(2px, -0.5px); opacity: 0.6; }
100% {
94% { transform: translate(-1px, 0); opacity: 0.4; }
transform: translate(0, 0);
opacity: 0;
}
90% {
transform: translate(-2px, 0.5px);
opacity: 0.8;
}
92% {
transform: translate(2px, -0.5px);
opacity: 0.6;
}
94% {
transform: translate(-1px, 0);
opacity: 0.4;
}
}
}
// ===== Scroll progress bar =====
// ===== Scroll progress bar =====
...
@@ -589,9 +706,15 @@ body {
...
@@ -589,9 +706,15 @@ body {
}
}
// ===== Utility =====
// ===== Utility =====
.mono { @include m.mono-label(11px, 0.15em); }
.mono {
.dim { color: var(--ink-dim); }
@include m.mono-label(11px, 0.15em);
.faint { color: var(--ink-faint); }
}
.dim {
color: var(--ink-dim);
}
.faint {
color: var(--ink-faint);
}
::selection {
::selection {
background: var(--accent);
background: var(--accent);
...
@@ -608,7 +731,10 @@ body {
...
@@ -608,7 +731,10 @@ body {
gap: 16px;
gap: 16px;
}
}
.menu-list { min-height: 50vh; padding-right: 8px; }
.menu-list {
min-height: 50vh;
padding-right: 8px;
}
.menu-side {
.menu-side {
border-left: none;
border-left: none;
...
@@ -621,10 +747,14 @@ body {
...
@@ -621,10 +747,14 @@ body {
justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
flex-wrap: wrap;
.menu-section-label { display: none; }
.menu-section-label {
display: none;
}
}
}
.menu-about { display: none; }
.menu-about {
display: none;
}
.menu-progress {
.menu-progress {
margin-top: 0;
margin-top: 0;
...
@@ -634,20 +764,34 @@ body {
...
@@ -634,20 +764,34 @@ body {
min-width: 200px;
min-width: 200px;
}
}
.menu-chapters { grid-template-columns: 1fr; }
.menu-chapters {
grid-template-columns: 1fr;
}
}
}
@include m.bp(m.$bp-mobile) {
@include m.bp(m.$bp-mobile) {
.menu-close { top: 18px; right: 20px; }
.menu-close {
.menu-inner { padding: 70px 20px 24px; }
top: 18px;
.menu-list { min-height: 55vh; }
right: 20px;
}
.menu-inner {
padding: 70px 20px 24px;
}
.menu-list {
min-height: 55vh;
}
.menu-chapters {
.menu-chapters {
a { font-size: 19px; padding: 12px 0 12px 10px; }
a {
.current::after { display: none; }
font-size: 19px;
padding: 12px 0 12px 10px;
}
.current::after {
display: none;
}
}
}
.menu-head { gap: 16px; }
.menu-head {
gap: 16px;
}
}
}
www/assets/css/shared.css
View file @
0687b8e6
:root
{
--bg
:
#0a0707
;
--bg-2
:
#120c0c
;
--paper
:
#e8e2d6
;
--ink
:
#d8d2c4
;
--ink-dim
:
#8a847a
;
--ink-faint
:
#4a4540
;
--accent
:
#b91c1c
;
--accent-bright
:
#ef2b2b
;
--accent-deep
:
#5a0e0e
;
--rule
:
#1f1616
;
--vignette
:
rgba
(
0
,
0
,
0
,
0.85
);
--section-margin-bottom
:
80px
;
--font-display
:
"Cormorant Garamond"
,
"EB Garamond"
,
Georgia
,
serif
;
--font-body
:
"EB Garamond"
,
Georgia
,
"Times New Roman"
,
serif
;
--font-mono
:
"JetBrains Mono"
,
ui-monospace
,
"Courier New"
,
monospace
;
--font-sans
:
"Inter Tight"
,
system-ui
,
sans-serif
}
:root
[
data-mode
=
dim
]
{
--bg
:
#1a1414
;
--bg-2
:
#221919
;
--ink
:
#e8e2d6
;
--ink-dim
:
#a8a298
;
--ink-faint
:
#5a5550
;
--rule
:
#2f2222
;
--vignette
:
rgba
(
0
,
0
,
0
,
0.55
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
normal
;
font-weight
:
300
;
src
:
url("../fonts/cormorant-garamond-v21-latin-300.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-300.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
italic
;
font-weight
:
300
;
src
:
url("../fonts/cormorant-garamond-v21-latin-300italic.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-300italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("../fonts/cormorant-garamond-v21-latin-regular.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-regular.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
italic
;
font-weight
:
400
;
src
:
url("../fonts/cormorant-garamond-v21-latin-italic.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
normal
;
font-weight
:
600
;
src
:
url("../fonts/cormorant-garamond-v21-latin-600.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-600.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
italic
;
font-weight
:
600
;
src
:
url("../fonts/cormorant-garamond-v21-latin-600italic.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-600italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"EB Garamond"
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("../fonts/eb-garamond-v32-latin-regular.woff2")
format
(
"woff2"
),
url("../fonts/eb-garamond-v32-latin-regular.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"EB Garamond"
;
font-style
:
italic
;
font-weight
:
400
;
src
:
url("../fonts/eb-garamond-v32-latin-italic.woff2")
format
(
"woff2"
),
url("../fonts/eb-garamond-v32-latin-italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"EB Garamond"
;
font-style
:
normal
;
font-weight
:
600
;
src
:
url("../fonts/eb-garamond-v32-latin-600.woff2")
format
(
"woff2"
),
url("../fonts/eb-garamond-v32-latin-600.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"EB Garamond"
;
font-style
:
italic
;
font-weight
:
600
;
src
:
url("../fonts/eb-garamond-v32-latin-600italic.woff2")
format
(
"woff2"
),
url("../fonts/eb-garamond-v32-latin-600italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"JetBrains Mono"
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("../fonts/jetbrains-mono-v24-latin-regular.woff2")
format
(
"woff2"
),
url("../fonts/jetbrains-mono-v24-latin-regular.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Inter Tight"
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("../fonts/inter-tight-v9-latin-regular.woff2")
format
(
"woff2"
),
url("../fonts/inter-tight-v9-latin-regular.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Inter Tight"
;
font-style
:
normal
;
font-weight
:
600
;
src
:
url("../fonts/inter-tight-v9-latin-600.woff2")
format
(
"woff2"
),
url("../fonts/inter-tight-v9-latin-600.ttf")
format
(
"truetype"
)}
*
{
box-sizing
:
border-box
;
margin
:
0
;
padding
:
0
}
html
,
body
{
background
:
var
(
--bg
);
color
:
var
(
--ink
);
font-family
:
var
(
--font-body
);
font-size
:
26px
;
line-height
:
1.7
;
-webkit-font-smoothing
:
antialiased
;
text-rendering
:
optimizeLegibility
;
overflow-x
:
clip
}
body
{
min-height
:
100vh
;
position
:
relative
}
.grain
{
position
:
fixed
;
inset
:
0
;
pointer-events
:
none
;
z-index
:
9000
;
opacity
:
var
(
--grain-opacity
,
0.18
);
mix-blend-mode
:
overlay
;
background-image
:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)
'/></svg>")}.vignette{position:fixed;inset:0;pointer-events:none;z-index:8500;background:radial-gradient(ellipse at center, transparent 40%, var(--vignette) 100%);animation:vignette-pulse 9s ease-in-out infinite}@keyframes vignette-pulse{0%,100%{opacity:.85}50%{opacity:1}}.flicker{position:fixed;inset:0;pointer-events:none;z-index:8000;background:rgba(255,240,230,.02);animation:flicker 7s steps(2, end) infinite}@keyframes flicker{0%,92%,100%{opacity:0}93%{opacity:1}94%{opacity:.2}95%{opacity:.9}96%{opacity:0}}[data-effects=off] .grain,[data-effects=off] .vignette,[data-effects=off] .flicker{display:none}[data-effects=off] .reveal{opacity:1;transform:none}[data-effects=off] .glitch::before,[data-effects=off] .glitch::after{display:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{font-family:var(--font-display);font-weight:400;font-size:17px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.wordmark::before{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.menu-btn{background:rgba(0,0,0,0);border:none;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;align-items:flex-end}.menu-btn:hover{color:var(--accent-bright)}.menu-btn-lines{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.menu-btn-lines span{display:block;height:1px;background:currentColor}.menu-btn-lines span:nth-child(1){width:28px}.menu-btn-lines span:nth-child(2){width:20px}.menu-btn-lines span:nth-child(3){width:28px}.menu-overlay{position:fixed;inset:0;background:var(--bg);z-index:1500;opacity:0;pointer-events:none;transition:opacity .5s ease}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-overlay::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='
http
://
www
.
w3
.
org
/
2000
/
svg
' width='
200
' height='
200
'><filter id='
n
'><feTurbulence type='
fractalNoise
' baseFrequency='
0.9
' numOctaves='
2
' stitchTiles='
stitch
'/><feColorMatrix values='
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0.6
0
'/></filter><rect width='
100%25
' height='
100%25
' filter='
url(%23n)
'
/
><
/
svg
>
");opacity:.15;mix-blend-mode:overlay;pointer-events:none}.menu-close{position:absolute;top:28px;right:40px;background:rgba(0,0,0,0);border:none;color:var(--ink);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:10px;z-index:10}.menu-close:hover{color:var(--accent-bright)}.menu-inner{position:absolute;inset:0;display:grid;grid-template-columns:1fr 360px;grid-template-rows:auto 1fr;grid-template-areas:"
head
head
" "
list
side
";padding:90px 64px 48px;gap:0 64px;max-height:100vh}.menu-head{grid-area:head;display:flex;align-items:center;gap:32px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--rule);flex-wrap:wrap}.menu-filter{flex:1;min-width:220px;background:rgba(0,0,0,0);border:1px solid var(--rule);color:var(--ink);padding:12px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;outline:none;transition:border-color .2s}.menu-filter:focus{border-color:var(--accent)}.menu-filter::-moz-placeholder{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.15em;font-size:11px}.menu-filter::placeholder{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.15em;font-size:11px}.menu-section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px;white-space:nowrap}.menu-section-label::after{content:"";width:80px;height:1px;background:var(--accent-deep)}.menu-list{grid-area:list;overflow-y:auto;padding-right:24px;scrollbar-width:thin;scrollbar-color:var(--accent-deep) rgba(0,0,0,0)}.menu-list::-webkit-scrollbar{width:6px}.menu-list::-webkit-scrollbar-thumb{background:var(--accent-deep)}.menu-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.menu-list.is-empty .menu-empty{display:block}.menu-list.is-empty .menu-part{display:none}.menu-part{margin-bottom:40px}.menu-part-head{position:-webkit-sticky;position:sticky;top:0;background:linear-gradient(to bottom, var(--bg) 70%, transparent);padding:8px 0 14px;display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--rule);margin-bottom:8px;z-index:2}.menu-part-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.menu-part-sub{font-family:var(--font-display);font-size:18px;font-style:italic;font-weight:400;color:var(--ink-dim);letter-spacing:0}.menu-chapters{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.menu-chapters li{border-bottom:1px solid var(--rule);transition:opacity .2s}.menu-chapters li.hidden{display:none}.menu-chapters li.current{position:relative}.menu-chapters li.current a{color:var(--accent-bright)}.menu-chapters li.current .num{color:var(--accent-bright)}.menu-chapters li.current a::before{width:2px;background:var(--accent-bright)}.menu-chapters li.current::after{content:"
READING
";position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);padding:4px 8px;border:1px solid var(--accent-deep)}.menu-chapters a{display:grid;grid-template-columns:36px 1fr;gap:20px;align-items:baseline;padding:14px 0 14px 14px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-size:22px;font-style:italic;font-weight:400;font-weight:400;transition:color .25s,padding .25s,background .25s;position:relative;text-wrap:balance}.menu-chapters a:hover{color:var(--accent-bright);padding-left:22px;background:rgba(185,28,28,.04)}.menu-chapters a:hover::before{width:2px}.menu-chapters a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);transition:width .25s}.menu-chapters .num{font-family:var(--font-mono);font-style:normal;font-size:11px;letter-spacing:.2em;color:var(--ink-faint);align-self:center}.menu-chapters .title{line-height:1.2}.menu-side{grid-area:side;align-self:stretch;border-left:1px solid var(--rule);padding-left:40px;display:flex;flex-direction:column;gap:24px}.menu-about{font-family:var(--font-display);font-size:19px;font-style:italic;font-weight:400;color:var(--ink-dim);line-height:1.5}.menu-progress{margin-top:auto;padding-top:24px;border-top:1px solid var(--rule)}.menu-progress-bar{height:2px;background:var(--rule);margin-bottom:12px;position:relative}.menu-progress-bar span{position:absolute;left:0;top:0;bottom:0;background:var(--accent);box-shadow:0 0 8px var(--accent)}.menu-progress-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-dim)}.menu-progress-meta .accent{color:var(--accent-bright)}.menu-empty{padding:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);text-align:center;display:none}.chapter-footer{position:relative;padding:120px 40px 80px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--bg)}.chapter-footer::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px var(--bg),0 0 20px var(--accent)}.nav-card{text-decoration:none;color:var(--ink);display:block;padding:28px;border:1px solid var(--rule);transition:border-color .3s,background .3s,transform .4s;position:relative;overflow:hidden;min-height:180px}.nav-card:hover{border-color:var(--accent);background:rgba(185,28,28,.05)}.nav-card:hover .arrow{color:var(--accent-bright)}.nav-card.disabled{opacity:.3;pointer-events:none}.nav-card.prev .arrow{left:28px}.nav-card.prev:hover .arrow{transform:translateX(-6px)}.nav-card.next{text-align:right}.nav-card.next .arrow{right:28px}.nav-card.next:hover .arrow{transform:translateX(6px)}.nav-card .label,.nav-card .num-big,.nav-card .title{display:block}.nav-card .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px;display:flex;align-items:center;gap:10px}.nav-card .num-big{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--accent);margin-bottom:8px}.nav-card .title{font-family:var(--font-display);font-size:28px;font-style:italic;font-weight:400;line-height:1.2}.nav-card .arrow{position:absolute;bottom:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);transition:color .3s,transform .3s}.brush-divider{width:100%;height:24px;margin:80px 0;opacity:.7}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.2s ease,transform 1.2s ease}.reveal.in{opacity:1;transform:translateY(0)}.glitch{position:relative;display:inline-block;color:var(--ink)}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;pointer-events:none;opacity:.7}.glitch::before{color:var(--accent-bright);transform:translate(-1.5px, 0);mix-blend-mode:screen;animation:glitch-shift 4s infinite steps(2, end)}.glitch::after{color:#1ea7c4;transform:translate(1.5px, 0);mix-blend-mode:screen;animation:glitch-shift 4.3s infinite steps(2, end) reverse}@keyframes glitch-shift{0%,88%,100%{transform:translate(0, 0);opacity:0}90%{transform:translate(-2px, 0.5px);opacity:.8}92%{transform:translate(2px, -0.5px);opacity:.6}94%{transform:translate(-1px, 0);opacity:.4}}.progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:200;width:0%;transition:width .1s linear;box-shadow:0 0 8px var(--accent)}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.dim{color:var(--ink-dim)}.faint{color:var(--ink-faint)}::-moz-selection{background:var(--accent);color:var(--paper)}::selection{background:var(--accent);color:var(--paper)}@media(max-width: 1100px){.menu-inner{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"
head
" "
list
" "
side
"
;
padding
:
80px
32px
24px
;
gap
:
16px
}
.menu-list
{
min-height
:
50vh
;
padding-right
:
8px
}
.menu-side
{
border-left
:
none
;
border-top
:
1px
solid
var
(
--rule
);
padding-left
:
0
;
padding-top
:
16px
;
gap
:
12px
;
flex-direction
:
row
;
align-items
:
center
;
justify-content
:
space-between
;
flex-wrap
:
wrap
}
.menu-side
.menu-section-label
{
display
:
none
}
.menu-about
{
display
:
none
}
.menu-progress
{
margin-top
:
0
;
padding-top
:
0
;
border-top
:
none
;
flex
:
1
;
min-width
:
200px
}
.menu-chapters
{
grid-template-columns
:
1
fr
}
}
@media
(
max-width
:
600px
){
.menu-close
{
top
:
18px
;
right
:
20px
}
.menu-inner
{
padding
:
70px
20px
24px
}
.menu-list
{
min-height
:
55vh
}
.menu-chapters
a
{
font-size
:
19px
;
padding
:
12px
0
12px
10px
}
.menu-chapters
.current
::after
{
display
:
none
}
.menu-head
{
gap
:
16px
}}
:root
{
--bg
:
#0a0707
;
--bg-2
:
#120c0c
;
--paper
:
#e8e2d6
;
--ink
:
#d8d2c4
;
--ink-dim
:
#8a847a
;
--ink-faint
:
#4a4540
;
--accent
:
#b91c1c
;
--accent-bright
:
#ef2b2b
;
--accent-deep
:
#5a0e0e
;
--rule
:
#1f1616
;
--vignette
:
rgba
(
0
,
0
,
0
,
0.85
);
--section-margin-bottom
:
80px
;
--font-display
:
"Cormorant Garamond"
,
"EB Garamond"
,
Georgia
,
serif
;
--font-body
:
"EB Garamond"
,
Georgia
,
"Times New Roman"
,
serif
;
--font-mono
:
"JetBrains Mono"
,
ui-monospace
,
"Courier New"
,
monospace
;
--font-sans
:
"Inter Tight"
,
system-ui
,
sans-serif
}
:root
[
data-mode
=
dim
]
{
--bg
:
#1a1414
;
--bg-2
:
#221919
;
--ink
:
#e8e2d6
;
--ink-dim
:
#a8a298
;
--ink-faint
:
#5a5550
;
--rule
:
#2f2222
;
--vignette
:
rgba
(
0
,
0
,
0
,
0.55
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
normal
;
font-weight
:
300
;
src
:
url("../fonts/cormorant-garamond-v21-latin-300.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-300.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
italic
;
font-weight
:
300
;
src
:
url("../fonts/cormorant-garamond-v21-latin-300italic.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-300italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("../fonts/cormorant-garamond-v21-latin-regular.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-regular.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
italic
;
font-weight
:
400
;
src
:
url("../fonts/cormorant-garamond-v21-latin-italic.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
normal
;
font-weight
:
600
;
src
:
url("../fonts/cormorant-garamond-v21-latin-600.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-600.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Cormorant Garamond"
;
font-style
:
italic
;
font-weight
:
600
;
src
:
url("../fonts/cormorant-garamond-v21-latin-600italic.woff2")
format
(
"woff2"
),
url("../fonts/cormorant-garamond-v21-latin-600italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"EB Garamond"
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("../fonts/eb-garamond-v32-latin-regular.woff2")
format
(
"woff2"
),
url("../fonts/eb-garamond-v32-latin-regular.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"EB Garamond"
;
font-style
:
italic
;
font-weight
:
400
;
src
:
url("../fonts/eb-garamond-v32-latin-italic.woff2")
format
(
"woff2"
),
url("../fonts/eb-garamond-v32-latin-italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"EB Garamond"
;
font-style
:
normal
;
font-weight
:
600
;
src
:
url("../fonts/eb-garamond-v32-latin-600.woff2")
format
(
"woff2"
),
url("../fonts/eb-garamond-v32-latin-600.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"EB Garamond"
;
font-style
:
italic
;
font-weight
:
600
;
src
:
url("../fonts/eb-garamond-v32-latin-600italic.woff2")
format
(
"woff2"
),
url("../fonts/eb-garamond-v32-latin-600italic.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"JetBrains Mono"
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("../fonts/jetbrains-mono-v24-latin-regular.woff2")
format
(
"woff2"
),
url("../fonts/jetbrains-mono-v24-latin-regular.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Inter Tight"
;
font-style
:
normal
;
font-weight
:
400
;
src
:
url("../fonts/inter-tight-v9-latin-regular.woff2")
format
(
"woff2"
),
url("../fonts/inter-tight-v9-latin-regular.ttf")
format
(
"truetype"
)}
@font-face
{
font-display
:
swap
;
font-family
:
"Inter Tight"
;
font-style
:
normal
;
font-weight
:
600
;
src
:
url("../fonts/inter-tight-v9-latin-600.woff2")
format
(
"woff2"
),
url("../fonts/inter-tight-v9-latin-600.ttf")
format
(
"truetype"
)}
*
{
box-sizing
:
border-box
;
margin
:
0
;
padding
:
0
}
html
,
body
{
background
:
var
(
--bg
);
color
:
var
(
--ink
);
font-family
:
var
(
--font-body
);
font-size
:
26px
;
line-height
:
1.7
;
-webkit-font-smoothing
:
antialiased
;
text-rendering
:
optimizeLegibility
;
overflow-x
:
clip
}
@media
(
max-width
:
1100px
){
html
,
body
{
font-size
:
18px
}}
body
{
min-height
:
100vh
;
position
:
relative
}
.grain
{
position
:
fixed
;
inset
:
0
;
pointer-events
:
none
;
z-index
:
9000
;
opacity
:
var
(
--grain-opacity
,
0.18
);
mix-blend-mode
:
overlay
;
background-image
:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)
'/></svg>")}.vignette{position:fixed;inset:0;pointer-events:none;z-index:8500;background:radial-gradient(ellipse at center, transparent 40%, var(--vignette) 100%);animation:vignette-pulse 9s ease-in-out infinite}@keyframes vignette-pulse{0%,100%{opacity:.85}50%{opacity:1}}.flicker{position:fixed;inset:0;pointer-events:none;z-index:8000;background:rgba(255,240,230,.02);animation:flicker 7s steps(2, end) infinite}@keyframes flicker{0%,92%,100%{opacity:0}93%{opacity:1}94%{opacity:.2}95%{opacity:.9}96%{opacity:0}}[data-effects=off] .grain,[data-effects=off] .vignette,[data-effects=off] .flicker{display:none}[data-effects=off] .reveal{opacity:1;transform:none}[data-effects=off] .glitch::before,[data-effects=off] .glitch::after{display:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;pointer-events:none}.topbar>*{pointer-events:auto}.wordmark{font-family:var(--font-display);font-weight:400;font-size:17px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px}.wordmark::before{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.menu-btn{background:rgba(0,0,0,0);border:none;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;align-items:flex-end}.menu-btn:hover{color:var(--accent-bright)}.menu-btn-lines{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.menu-btn-lines span{display:block;height:1px;background:currentColor}.menu-btn-lines span:nth-child(1){width:28px}.menu-btn-lines span:nth-child(2){width:20px}.menu-btn-lines span:nth-child(3){width:28px}.menu-overlay{position:fixed;inset:0;background:var(--bg);z-index:1500;opacity:0;pointer-events:none;transition:opacity .5s ease}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-overlay::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='
http
://
www
.
w3
.
org
/
2000
/
svg
' width='
200
' height='
200
'><filter id='
n
'><feTurbulence type='
fractalNoise
' baseFrequency='
0.9
' numOctaves='
2
' stitchTiles='
stitch
'/><feColorMatrix values='
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0.6
0
'/></filter><rect width='
100%25
' height='
100%25
' filter='
url(%23n)
'
/
><
/
svg
>
");opacity:.15;mix-blend-mode:overlay;pointer-events:none}.menu-close{position:absolute;top:28px;right:40px;background:rgba(0,0,0,0);border:none;color:var(--ink);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;padding:10px;z-index:10}.menu-close:hover{color:var(--accent-bright)}.menu-inner{position:absolute;inset:0;display:grid;grid-template-columns:1fr 360px;grid-template-rows:auto 1fr;grid-template-areas:"
head
head
" "
list
side
";padding:90px 64px 48px;gap:0 64px;max-height:100vh}.menu-head{grid-area:head;display:flex;align-items:center;gap:32px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--rule);flex-wrap:wrap}.menu-filter{flex:1;min-width:220px;background:rgba(0,0,0,0);border:1px solid var(--rule);color:var(--ink);padding:12px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;outline:none;transition:border-color .2s}.menu-filter:focus{border-color:var(--accent)}.menu-filter::-moz-placeholder{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.15em;font-size:11px}.menu-filter::placeholder{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.15em;font-size:11px}.menu-section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px;white-space:nowrap}.menu-section-label::after{content:"";width:80px;height:1px;background:var(--accent-deep)}.menu-list{grid-area:list;overflow-y:auto;padding-right:24px;scrollbar-width:thin;scrollbar-color:var(--accent-deep) rgba(0,0,0,0)}.menu-list::-webkit-scrollbar{width:6px}.menu-list::-webkit-scrollbar-thumb{background:var(--accent-deep)}.menu-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.menu-list.is-empty .menu-empty{display:block}.menu-list.is-empty .menu-part{display:none}.menu-part{margin-bottom:40px}.menu-part-head{position:-webkit-sticky;position:sticky;top:0;background:linear-gradient(to bottom, var(--bg) 70%, transparent);padding:8px 0 14px;display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--rule);margin-bottom:8px;z-index:2}.menu-part-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.menu-part-sub{font-family:var(--font-display);font-size:18px;font-style:italic;font-weight:400;color:var(--ink-dim);letter-spacing:0}.menu-chapters{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.menu-chapters li{border-bottom:1px solid var(--rule);transition:opacity .2s}.menu-chapters li.hidden{display:none}.menu-chapters li.current{position:relative}.menu-chapters li.current a{color:var(--accent-bright)}.menu-chapters li.current .num{color:var(--accent-bright)}.menu-chapters li.current a::before{width:2px;background:var(--accent-bright)}.menu-chapters li.current::after{content:"
READING
";position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);padding:4px 8px;border:1px solid var(--accent-deep)}.menu-chapters a{display:grid;grid-template-columns:36px 1fr;gap:20px;align-items:baseline;padding:14px 0 14px 14px;text-decoration:none;color:var(--ink);font-family:var(--font-display);font-size:22px;font-style:italic;font-weight:400;font-weight:400;transition:color .25s,padding .25s,background .25s;position:relative;text-wrap:balance}.menu-chapters a:hover{color:var(--accent-bright);padding-left:22px;background:rgba(185,28,28,.04)}.menu-chapters a:hover::before{width:2px}.menu-chapters a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);transition:width .25s}.menu-chapters .num{font-family:var(--font-mono);font-style:normal;font-size:11px;letter-spacing:.2em;color:var(--ink-faint);align-self:center}.menu-chapters .title{line-height:1.2}.menu-side{grid-area:side;align-self:stretch;border-left:1px solid var(--rule);padding-left:40px;display:flex;flex-direction:column;gap:24px}.menu-about{font-family:var(--font-display);font-size:19px;font-style:italic;font-weight:400;color:var(--ink-dim);line-height:1.5}.menu-progress{margin-top:auto;padding-top:24px;border-top:1px solid var(--rule)}.menu-progress-bar{height:2px;background:var(--rule);margin-bottom:12px;position:relative}.menu-progress-bar span{position:absolute;left:0;top:0;bottom:0;background:var(--accent);box-shadow:0 0 8px var(--accent)}.menu-progress-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-dim)}.menu-progress-meta .accent{color:var(--accent-bright)}.menu-empty{padding:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);text-align:center;display:none}.chapter-footer{position:relative;padding:120px 40px 80px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:40px;background:var(--bg)}.chapter-footer::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px var(--bg),0 0 20px var(--accent)}.nav-card{text-decoration:none;color:var(--ink);display:block;padding:28px;border:1px solid var(--rule);transition:border-color .3s,background .3s,transform .4s;position:relative;overflow:hidden;min-height:180px}.nav-card:hover{border-color:var(--accent);background:rgba(185,28,28,.05)}.nav-card:hover .arrow{color:var(--accent-bright)}.nav-card.disabled{opacity:.3;pointer-events:none}.nav-card.prev .arrow{left:28px}.nav-card.prev:hover .arrow{transform:translateX(-6px)}.nav-card.next{text-align:right}.nav-card.next .arrow{right:28px}.nav-card.next:hover .arrow{transform:translateX(6px)}.nav-card .label,.nav-card .num-big,.nav-card .title{display:block}.nav-card .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:16px;display:flex;align-items:center;gap:10px}.nav-card .num-big{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--accent);margin-bottom:8px}.nav-card .title{font-family:var(--font-display);font-size:28px;font-style:italic;font-weight:400;line-height:1.2}.nav-card .arrow{position:absolute;bottom:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);transition:color .3s,transform .3s}.brush-divider{width:100%;height:24px;margin:80px 0;opacity:.7}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1.2s ease,transform 1.2s ease}.reveal.in{opacity:1;transform:translateY(0)}.glitch{position:relative;display:inline-block;color:var(--ink)}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;pointer-events:none;opacity:.7}.glitch::before{color:var(--accent-bright);transform:translate(-1.5px, 0);mix-blend-mode:screen;animation:glitch-shift 4s infinite steps(2, end)}.glitch::after{color:#1ea7c4;transform:translate(1.5px, 0);mix-blend-mode:screen;animation:glitch-shift 4.3s infinite steps(2, end) reverse}@keyframes glitch-shift{0%,88%,100%{transform:translate(0, 0);opacity:0}90%{transform:translate(-2px, 0.5px);opacity:.8}92%{transform:translate(2px, -0.5px);opacity:.6}94%{transform:translate(-1px, 0);opacity:.4}}.progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:200;width:0%;transition:width .1s linear;box-shadow:0 0 8px var(--accent)}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.dim{color:var(--ink-dim)}.faint{color:var(--ink-faint)}::-moz-selection{background:var(--accent);color:var(--paper)}::selection{background:var(--accent);color:var(--paper)}@media(max-width: 1100px){.menu-inner{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"
head
" "
list
" "
side
"
;
padding
:
80px
32px
24px
;
gap
:
16px
}
.menu-list
{
min-height
:
50vh
;
padding-right
:
8px
}
.menu-side
{
border-left
:
none
;
border-top
:
1px
solid
var
(
--rule
);
padding-left
:
0
;
padding-top
:
16px
;
gap
:
12px
;
flex-direction
:
row
;
align-items
:
center
;
justify-content
:
space-between
;
flex-wrap
:
wrap
}
.menu-side
.menu-section-label
{
display
:
none
}
.menu-about
{
display
:
none
}
.menu-progress
{
margin-top
:
0
;
padding-top
:
0
;
border-top
:
none
;
flex
:
1
;
min-width
:
200px
}
.menu-chapters
{
grid-template-columns
:
1
fr
}
}
@media
(
max-width
:
600px
){
.menu-close
{
top
:
18px
;
right
:
20px
}
.menu-inner
{
padding
:
70px
20px
24px
}
.menu-list
{
min-height
:
55vh
}
.menu-chapters
a
{
font-size
:
19px
;
padding
:
12px
0
12px
10px
}
.menu-chapters
.current
::after
{
display
:
none
}
.menu-head
{
gap
:
16px
}}
/*# sourceMappingURL=shared.css.map */
/*# sourceMappingURL=shared.css.map */
\ No newline at end of file
www/assets/css/shared.css.map
View file @
0687b8e6
{"version":3,"sources":["../../../src/css/_vars.scss","../../../src/css/_fonts.scss","../../../src/css/shared.scss","../../../src/css/_mixins.scss"],"names":[],"mappings":"AAEA,MACE,aAAA,CACA,eAAA,CACA,gBAAA,CACA,cAAA,CACA,kBAAA,CACA,oBAAA,CACA,iBAAA,CACA,wBAAA,CACA,sBAAA,CACA,eAAA,CACA,+BAAA,CACA,6BAAA,CAEA,mEAAA,CACA,6DAAA,CACA,qEAAA,CACA,iDAAA,CAGF,qBACE,aAAA,CACA,eAAA,CACA,cAAA,CACA,kBAAA,CACA,oBAAA,CACA,eAAA,CACA,+BAAA,CC1BF,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,kJACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,8JACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,0JACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,wJACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,kJACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,8JACI,CAQR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,4IACI,CAKR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,0IACI,CAKR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,oIACI,CAKR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,gJACI,CAQR,WACI,iBAAA,CACA,4BAAA,CACA,iBAAA,CACA,eAAA,CACA,kJACI,CAQR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,0IACI,CAKR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,kIACI,CC9IR,EAAA,qBAAA,CAAA,QAAA,CAAA,SAAA,CAEA,UACE,oBAAA,CACA,gBAAA,CACA,4BAAA,CACA,cAAA,CACA,eAAA,CACA,kCAAA,CACA,iCAAA,CACA,eAAA,CAGF,KACE,gBAAA,CACA,iBAAA,CAIF,OACE,cAAA,CACA,OA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","file":"shared.css"}
{"version":3,"sources":["../../../src/css/_vars.scss","../../../src/css/_fonts.scss","../../../src/css/shared.scss","../../../src/css/_mixins.scss"],"names":[],"mappings":"AAEA,MACE,aAAA,CACA,eAAA,CACA,gBAAA,CACA,cAAA,CACA,kBAAA,CACA,oBAAA,CACA,iBAAA,CACA,wBAAA,CACA,sBAAA,CACA,eAAA,CACA,+BAAA,CACA,6BAAA,CAEA,mEAAA,CACA,6DAAA,CACA,qEAAA,CACA,iDAAA,CAGF,qBACE,aAAA,CACA,eAAA,CACA,cAAA,CACA,kBAAA,CACA,oBAAA,CACA,eAAA,CACA,+BAAA,CC1BF,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,kJACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,8JACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,0JACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,wJACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,kJACI,CAKR,WACI,iBAAA,CACA,gCAAA,CACA,iBAAA,CACA,eAAA,CACA,8JACI,CAQR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,4IACI,CAKR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,0IACI,CAKR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,oIACI,CAKR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,gJACI,CAQR,WACI,iBAAA,CACA,4BAAA,CACA,iBAAA,CACA,eAAA,CACA,kJACI,CAQR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,0IACI,CAKR,WACI,iBAAA,CACA,yBAAA,CACA,iBAAA,CACA,eAAA,CACA,kIACI,CC9IR,EACE,qBAAA,CACA,QAAA,CACA,SAAA,CAGF,UAEE,oBAAA,CACA,gBAAA,CACA,4BAAA,CACA,cAAA,CACA,eAAA,CACA,kCAAA,CACA,iCAAA,CACA,eAAA,CChBA,0BDOF,UAYI,cAAA,CAAA,CAIJ,KACE,gBAAA,CACA,i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","file":"shared.css"}
\ No newline at end of file
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment