commit cbdec1e623abd89a8157934fc426118c12e22baf Author: jrodriiguezg Date: Sat Aug 15 15:18:10 2026 +0200 Subir archivos a "/" diff --git a/index.html b/index.html new file mode 100644 index 0000000..4437347 --- /dev/null +++ b/index.html @@ -0,0 +1,326 @@ + + + + + + GameCathode | Build Process Showcase + + + + + + + + + + + + +
+
+
+
BUILD PROCESS // GAMECATHODE
+

From Trash to Treasure

+

The complete transformation of a discarded Minerva MT 5511 CRT television into a self-contained retro emulation powerhouse — built entirely from recycled hardware.

+
+
+ 7 + Components Recycled +
+
+ 100% + Recycled Hardware +
+
+ 0 + Components Bought New +
+
+
+ 📖 Read the Docs + ⌨️ GitHub +
+
+
+ +
+
+
+

The Transformation

+

Every great build starts with a vision. This one started with a trash bin.

+
+
+
+
BEFORE
+
+ +
+

Discarded CRT Television

+

A Minerva MT 5511 found at a workshop cleanup — considered obsolete, heavy, and worthless. The kind of thing most people walk past without a second thought.

+
    +
  • Analog-only display
    • +
  • No input ports
    • +
  • Dusty, neglected casing
    • +
  • Scheduled for landfill
    • +
+
+
+
+
+ +
+
+
+
+
AFTER
+
+ +
+

Retro Emulation Center

+

A fully self-contained gaming machine running an Intel i7, outputting native analog video to the original CRT tube — zero input lag, pure retro aesthetics.

+
    +
  • Pure CRT analog output
    • +
  • Runs Dolphin, RetroArch, and more
    • +
  • Custom thermal solution
    • +
  • 100% recycled internals
    • +
+
+
+
+
+ +
+
+
+

The Build Journey

+

Six stages. One vision. Zero new parts.

+
+
+ +
+
+
+
01 COMPLETED
+

Planning

+

Conceptualization begins. Originally planned around a Raspberry Pi 4, the scope quickly expanded when Dolphin emulation demanded x86 power. The Minerva MT 5511 CRT was selected as the chassis — its deep cabinet and sturdy frame make it ideal for housing PC internals.

+
+ Architecture Design + Component Sourcing + Feasibility Study +
+
+
+ +
+
+
+
02 COMPLETED
+

Disassembly

+

Carefully discharging the CRT anode, removing the original board, and gutting the Minerva's internals. The cathode tube is preserved — this is the soul of the project. Every original PCB and wire is catalogued for potential reuse.

+
+ CRT Discharge + Component Salvage + Safety Protocol +
+
+
+ +
+
+
+
03 COMPLETED
+

Modification

+

The deep cabinet is retrofitted to accommodate ATX/ITX components. A 300W power supply is modified to fit the confined space. Custom mounting brackets are fabricated from scrap metal. Ventilation channels are cut and tested for optimal airflow.

+
+ Chassis Fabrication + PSU Modification + Airflow Design +
+
+
+ +
+
+
+
04 COMPLETED
+

Assembly

+

The Intel i7 (1st Gen), 8GB DDR3 RAM, and Nvidia GeForce 7300 are installed into the modified chassis. The GPU is chosen specifically for its native AV output capability — no HDMI converters, no digital artifacts, just pure analog signal to the CRT phosphors.

+
+ Component Install + Cable Management + GPU Configuration +
+
+
+ +
+
+
+
05 COMPLETED
+

Testing

+

First boot into the modified CRT. Thermal stress tests running RetroArch, Dolphin, and other emulators. WiFi connectivity validated via the D-Link card. Custom airflow design proves effective — stable temperatures under sustained load. The analog video output is calibrated for the CRT's native resolution.

+
+ Thermal Testing + Emulator Benchmarks + Video Calibration +
+
+
+ +
+
+
+
06 COMPLETED
+

Completion

+

GameCathode is alive. A vintage CRT television running modern emulation software, powered entirely by recycled hardware. Pure analog output. Zero input lag. Zero waste. The build proves that obsolete tech still holds immense value — if you're willing to transform it.

+
+ Deployed + Production Ready + Zero Waste +
+
+
+ +
+
+
+ +
+
+
+

Bill of Materials

+

Every component in this build was salvaged, recycled, or repurposed.

+
+
+
+
+ +
+
Display Enclosure
+
Minerva MT 5511 CRT
+
Workshop salvage
+
+
+
+ +
+
Processor
+
Intel Core i7 (1st Gen)
+
Salvaged desktop
+
+
+
+ +
+
Memory
+
8 GB DDR3 RAM
+
Salvaged desktop
+
+
+
+ +
+
Graphics (AV Out)
+
Nvidia GeForce 7300 256MB
+
Salvaged desktop
+
+
+
+ +
+
Storage
+
500GB HDD
+
Salvaged desktop
+
+
+
+ +
+
Power Delivery
+
Modified 300W PSU
+
Salvaged & modified
+
+
+
+ +
+
Networking
+
D-Link WiFi Card
+
Salvaged desktop
+
+
+
+
+ +
+
+
+

Project Highlights

+

What makes this build different from every other emulation box.

+
+
+
+
01
+ 🔓 UNLOCKED +

Pure CRT Experience

+

No digital-to-analog HDMI lag. The system outputs a native analog signal via the Nvidia GeForce 7300 for pixel-perfect retro aesthetics. Every scanline, every phosphor glow — exactly as developers intended.

+
+
+
02
+ 🔓 UNLOCKED +

Heavy Emulation

+

Unlike standard SBCs, the Intel i7 provides enough overhead to comfortably emulate demanding systems like GameCube via Dolphin. The first-gen i7 still packs enough punch for titles that would choke a Raspberry Pi.

+
+
+
03
+ 🔓 UNLOCKED +

100% Recycled

+

Built completely from workshop scrap and salvaged parts. Every component was pulled from obsolete hardware destined for landfill. Proof that obsolete tech still holds immense value when reimagined.

+
+
+
+
+ +
+
+
+
+
7
+
Recycled Components
+
+
+
100%
+
Salvaged Hardware
+
+
+
6
+
Build Stages
+
+
+
0
+
New Parts Purchased
+
+
+
+
+ +
+
+
+ ▶ PRESS START ◀ +
+
+
+ + + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..4234f7e --- /dev/null +++ b/styles.css @@ -0,0 +1,838 @@ +:root { + --bg-main: #1a1a1a; + --bg-card: #242424; + --bg-card-hover: #2a2a2a; + --text-primary: #f5f5f5; + --text-secondary: #a3a3a3; + --accent: #f97316; + --accent-dim: rgba(249, 115, 22, 0.15); + --accent-border: rgba(249, 115, 22, 0.3); + --border: #333; + --timeline-line: #444; + --green: #22c55e; + --green-dim: rgba(34, 197, 94, 0.15); + --green-border: rgba(34, 197, 94, 0.4); + --cyan: #06b6d4; + --cyan-dim: rgba(6, 182, 212, 0.15); + --cyan-border: rgba(6, 182, 212, 0.4); +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Inter', -apple-system, sans-serif; + background-color: var(--bg-main); + color: var(--text-primary); + line-height: 1.6; + min-height: 100vh; + overflow-x: hidden; +} + +.star-field { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 0; + background-image: + radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,0.4), transparent), + radial-gradient(1px 1px at 30% 60%, rgba(255,255,255,0.3), transparent), + radial-gradient(1px 1px at 50% 10%, rgba(255,255,255,0.5), transparent), + radial-gradient(1px 1px at 70% 40%, rgba(255,255,255,0.3), transparent), + radial-gradient(1px 1px at 90% 80%, rgba(255,255,255,0.4), transparent), + radial-gradient(1px 1px at 15% 90%, rgba(255,255,255,0.2), transparent), + radial-gradient(1px 1px at 45% 45%, rgba(255,255,255,0.3), transparent), + radial-gradient(1px 1px at 85% 15%, rgba(255,255,255,0.4), transparent), + radial-gradient(1.5px 1.5px at 25% 35%, rgba(249,115,22,0.5), transparent), + radial-gradient(1.5px 1.5px at 65% 75%, rgba(249,115,22,0.3), transparent), + radial-gradient(1px 1px at 5% 50%, rgba(255,255,255,0.2), transparent), + radial-gradient(1px 1px at 55% 85%, rgba(255,255,255,0.3), transparent), + radial-gradient(1px 1px at 75% 25%, rgba(255,255,255,0.4), transparent), + radial-gradient(1px 1px at 35% 70%, rgba(255,255,255,0.2), transparent), + radial-gradient(1px 1px at 95% 55%, rgba(255,255,255,0.3), transparent); +} + +.grid-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 0; + background-image: + linear-gradient(rgba(249, 115, 22, 0.02) 1px, transparent 1px), + linear-gradient(90deg, rgba(249, 115, 22, 0.02) 1px, transparent 1px); + background-size: 80px 80px; +} + +.container { + max-width: 1100px; + margin: 0 auto; + padding: 0 2rem; +} + +/* ======================== HERO ======================== */ + +.hero { + position: relative; + text-align: center; + padding: 6rem 2rem 5rem; + overflow: hidden; +} + +.hero-bg-grid { + position: absolute; + inset: 0; + background-image: + linear-gradient(rgba(249, 115, 22, 0.03) 1px, transparent 1px), + linear-gradient(90deg, rgba(249, 115, 22, 0.03) 1px, transparent 1px); + background-size: 60px 60px; + pointer-events: none; +} + +.hero-content { + position: relative; + z-index: 1; +} + +.badge { + display: inline-block; + padding: 0.4rem 1.2rem; + background: var(--accent-dim); + color: var(--accent); + border-radius: 20px; + font-size: 0.8rem; + font-family: 'Fira Code', monospace; + font-weight: 600; + margin-bottom: 2rem; + border: 1px solid var(--accent-border); + letter-spacing: 2px; + text-transform: uppercase; +} + +.hero h1 { + font-family: 'Press Start 2P', monospace; + font-size: 2.2rem; + font-weight: 700; + letter-spacing: -1px; + margin-bottom: 1.5rem; + line-height: 1.4; + text-shadow: 2px 2px 0 rgba(249, 115, 22, 0.3); +} + +.hero h1 .highlight { + color: var(--accent); +} + +.hero-subtitle { + font-size: 1.15rem; + color: var(--text-secondary); + max-width: 650px; + margin: 0 auto 3rem; + line-height: 1.7; +} + +.hero-stats { + display: flex; + justify-content: center; + gap: 4rem; + margin-top: 2rem; +} + +.hero-stat { + text-align: center; +} + +.hero-stat-number { + display: block; + font-family: 'Fira Code', monospace; + font-size: 2.5rem; + font-weight: 700; + color: var(--accent); +} + +.hero-stat-label { + display: block; + font-size: 0.85rem; + color: var(--text-secondary); + margin-top: 0.3rem; + text-transform: uppercase; + letter-spacing: 1px; +} + +.hero-buttons { + display: flex; + justify-content: center; + gap: 1.5rem; + margin-top: 2.5rem; +} + +.btn { + display: inline-flex; + align-items: center; + gap: 0.5rem; + padding: 1rem 2rem; + font-family: 'Press Start 2P', monospace; + font-size: 0.7rem; + text-decoration: none; + border-radius: 8px; + border: 2px solid; + transition: all 0.3s ease; + text-transform: uppercase; + letter-spacing: 1px; + cursor: pointer; +} + +.btn-primary { + background: var(--accent); + color: #000; + border-color: var(--accent); + box-shadow: 0 0 20px rgba(249, 115, 22, 0.4), inset 0 -3px 0 rgba(0,0,0,0.2); +} + +.btn-primary:hover { + background: #fb923c; + box-shadow: 0 0 30px rgba(249, 115, 22, 0.6), inset 0 -3px 0 rgba(0,0,0,0.2); + transform: translateY(-2px); +} + +.btn-secondary { + background: transparent; + color: var(--text-primary); + border-color: var(--text-primary); + box-shadow: 0 0 10px rgba(255,255,255,0.1), inset 0 -3px 0 rgba(0,0,0,0.2); +} + +.btn-secondary:hover { + background: rgba(255,255,255,0.1); + box-shadow: 0 0 20px rgba(255,255,255,0.2), inset 0 -3px 0 rgba(0,0,0,0.2); + transform: translateY(-2px); +} + +/* ======================== TRANSFORMATION ======================== */ + +.transformation { + padding: 5rem 0; +} + +.section-header { + text-align: center; + margin-bottom: 3.5rem; +} + +.section-header h2 { + font-family: 'Press Start 2P', monospace; + font-size: 1.2rem; + margin-bottom: 0.75rem; + color: var(--text-primary); + text-shadow: 2px 2px 0 rgba(249, 115, 22, 0.2); +} + +.section-header p { + color: var(--text-secondary); + font-size: 1.05rem; +} + +.comparison { + display: flex; + align-items: stretch; + gap: 0; +} + +.comparison-card { + flex: 1; + background: var(--bg-card); + border: 1px solid var(--border); + border-radius: 12px; + padding: 2.5rem; + position: relative; + transition: border-color 0.3s; +} + +.comparison-card:hover { + border-color: #555; +} + +.comparison-card.before { + border-radius: 12px 0 0 12px; + border-right: none; +} + +.comparison-card.after { + border-radius: 0 12px 12px 0; + border-left: none; +} + +.comparison-label { + display: inline-block; + font-family: 'Fira Code', monospace; + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 3px; + text-transform: uppercase; + padding: 0.3rem 0.8rem; + border-radius: 4px; + margin-bottom: 1.5rem; +} + +.before .comparison-label { + background: rgba(156, 163, 175, 0.15); + color: #9ca3af; +} + +.after .comparison-label { + background: var(--accent-dim); + color: var(--accent); +} + +.comparison-icon { + color: #666; + margin-bottom: 1.5rem; +} + +.after-icon { + color: var(--accent); +} + +.comparison-card h3 { + font-family: 'Fira Code', monospace; + font-size: 1.3rem; + margin-bottom: 1rem; + color: var(--text-primary); +} + +.comparison-card > p { + color: var(--text-secondary); + font-size: 0.95rem; + margin-bottom: 1.5rem; + line-height: 1.7; +} + +.comparison-list { + list-style: none; +} + +.comparison-list li { + position: relative; + padding-left: 1.2rem; + margin-bottom: 0.5rem; + font-size: 0.9rem; + color: var(--text-secondary); +} + +.comparison-list li::before { + content: ''; + position: absolute; + left: 0; + top: 0.5rem; + width: 6px; + height: 6px; + border-radius: 50%; +} + +.before .comparison-list li::before { + background: #666; +} + +.after .comparison-list li::before { + background: var(--accent); + box-shadow: 0 0 6px var(--accent); +} + +.comparison-arrow { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 60px; + flex-shrink: 0; +} + +.arrow-line { + flex: 1; + width: 2px; + background: var(--accent); + opacity: 0.3; +} + +.arrow-icon { + color: var(--accent); + background: var(--bg-main); + border: 2px solid var(--accent); + border-radius: 50%; + width: 48px; + height: 48px; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + margin: 0.5rem 0; + box-shadow: 0 0 20px rgba(249, 115, 22, 0.2); +} + +/* ======================== TIMELINE ======================== */ + +.timeline-section { + padding: 5rem 0; +} + +.timeline { + position: relative; + max-width: 700px; + margin: 0 auto; + padding-left: 50px; +} + +.timeline::before { + content: ''; + position: absolute; + left: 16px; + top: 0; + bottom: 0; + width: 2px; + background: var(--timeline-line); +} + +.timeline-item { + position: relative; + margin-bottom: 3rem; +} + +.timeline-item:last-child { + margin-bottom: 0; +} + +.timeline-dot { + position: absolute; + left: -50px; + top: 6px; + width: 14px; + height: 14px; + background: var(--bg-main); + border: 2px solid var(--accent); + border-radius: 50%; + z-index: 1; + transition: box-shadow 0.3s; +} + +.timeline-item:hover .timeline-dot { + box-shadow: 0 0 12px var(--accent); +} + +.timeline-dot.completed { + background: var(--accent); + box-shadow: 0 0 12px var(--accent); +} + +.timeline-content { + background: var(--bg-card); + border: 1px solid var(--border); + border-radius: 10px; + padding: 1.8rem; + transition: border-color 0.3s, background 0.3s; +} + +.timeline-item:hover .timeline-content { + border-color: #555; + background: var(--bg-card-hover); +} + +.timeline-stage { + font-family: 'Fira Code', monospace; + font-size: 0.8rem; + color: var(--accent); + letter-spacing: 2px; + margin-bottom: 0.5rem; + display: flex; + align-items: center; + gap: 0.75rem; + flex-wrap: wrap; +} + +.completed-badge { + display: inline-block; + padding: 0.2rem 0.6rem; + background: var(--green-dim); + color: var(--green); + border: 1px solid var(--green-border); + border-radius: 4px; + font-family: 'Press Start 2P', monospace; + font-size: 0.45rem; + letter-spacing: 1px; + text-transform: uppercase; + animation: pulse-glow 2s ease-in-out infinite; +} + +@keyframes pulse-glow { + 0%, 100% { box-shadow: 0 0 5px rgba(34, 197, 94, 0.3); } + 50% { box-shadow: 0 0 15px rgba(34, 197, 94, 0.5); } +} + +.timeline-content h3 { + font-family: 'Press Start 2P', monospace; + font-size: 0.85rem; + margin-bottom: 0.75rem; + color: var(--text-primary); +} + +.timeline-content p { + color: var(--text-secondary); + font-size: 0.95rem; + line-height: 1.7; + margin-bottom: 1.2rem; +} + +.timeline-tags { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; +} + +.tag { + display: inline-block; + padding: 0.25rem 0.7rem; + background: var(--accent-dim); + color: var(--accent); + border-radius: 4px; + font-size: 0.75rem; + font-family: 'Fira Code', monospace; + border: 1px solid rgba(249, 115, 22, 0.15); +} + +/* ======================== BOM ======================== */ + +.bom-section { + padding: 5rem 0; +} + +.bom-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); + gap: 1.2rem; +} + +.bom-card { + background: var(--bg-card); + border: 1px solid var(--border); + border-radius: 10px; + padding: 1.5rem; + transition: border-color 0.3s, background 0.3s, transform 0.3s; +} + +.bom-card:hover { + border-color: var(--accent); + background: var(--bg-card-hover); + transform: translateY(-2px); +} + +.bom-card-icon { + color: var(--accent); + margin-bottom: 1rem; +} + +.bom-card-role { + font-family: 'Fira Code', monospace; + font-size: 0.75rem; + color: var(--accent); + text-transform: uppercase; + letter-spacing: 2px; + margin-bottom: 0.3rem; +} + +.bom-card-name { + font-size: 1.05rem; + font-weight: 600; + color: var(--text-primary); + margin-bottom: 0.3rem; +} + +.bom-card-source { + font-size: 0.85rem; + color: var(--text-secondary); +} + +/* ======================== HIGHLIGHTS ======================== */ + +.highlights-section { + padding: 5rem 0; +} + +.highlights-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 1.5rem; +} + +.highlight-card { + background: var(--bg-card); + border: 1px solid var(--border); + border-radius: 10px; + padding: 2rem; + transition: border-color 0.3s, background 0.3s; +} + +.highlight-card:hover { + border-color: var(--accent); + background: var(--bg-card-hover); +} + +.highlight-number { + font-family: 'Fira Code', monospace; + font-size: 2rem; + font-weight: 700; + color: var(--accent); + margin-bottom: 1rem; + opacity: 0.6; +} + +.highlight-card h3 { + font-family: 'Press Start 2P', monospace; + font-size: 0.75rem; + margin-bottom: 0.75rem; + color: var(--text-primary); +} + +.unlocked-badge { + display: inline-block; + padding: 0.3rem 0.7rem; + background: var(--cyan-dim); + color: var(--cyan); + border: 1px solid var(--cyan-border); + border-radius: 4px; + font-family: 'Press Start 2P', monospace; + font-size: 0.45rem; + letter-spacing: 1px; + margin-bottom: 1rem; + animation: shimmer 3s ease-in-out infinite; +} + +@keyframes shimmer { + 0%, 100% { box-shadow: 0 0 5px rgba(6, 182, 212, 0.3); } + 50% { box-shadow: 0 0 15px rgba(6, 182, 212, 0.5); } +} + +.highlight-card p { + color: var(--text-secondary); + font-size: 0.9rem; + line-height: 1.7; +} + +/* ======================== BUILD STATS ======================== */ + +.build-stats { + padding: 5rem 0; +} + +.stats-grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 1.5rem; + background: var(--bg-card); + border: 1px solid var(--border); + border-radius: 12px; + padding: 3rem 2rem; +} + +.stat-item { + text-align: center; +} + +.stat-number { + font-family: 'Fira Code', monospace; + font-size: 3rem; + font-weight: 700; + color: var(--accent); + line-height: 1; + margin-bottom: 0.5rem; +} + +.stat-label { + font-size: 0.85rem; + color: var(--text-secondary); + text-transform: uppercase; + letter-spacing: 1px; +} + +/* ======================== PRESS START ======================== */ + +.press-start-section { + padding: 3rem 0; + text-align: center; +} + +.press-start-content { + background: linear-gradient(135deg, var(--bg-card), var(--bg-card-hover)); + border: 2px solid var(--accent); + border-radius: 12px; + padding: 2rem 3rem; + display: inline-block; + box-shadow: 0 0 30px rgba(249, 115, 22, 0.3), inset 0 0 20px rgba(249, 115, 22, 0.1); + animation: blink-cursor 1.2s step-end infinite; +} + +.press-start-text { + font-family: 'Press Start 2P', monospace; + font-size: 1.2rem; + color: var(--accent); + text-shadow: 0 0 10px rgba(249, 115, 22, 0.8); + letter-spacing: 3px; +} + +@keyframes blink-cursor { + 0%, 100% { opacity: 1; } + 50% { opacity: 0.7; } +} + +/* ======================== FOOTER ======================== */ + +footer { + text-align: center; + color: var(--text-secondary); + font-size: 0.9rem; + padding: 3rem 0; + border-top: 1px solid var(--border); + margin-top: 2rem; +} + +.footer-link { + color: var(--accent); + text-decoration: none; + transition: color 0.3s; +} + +.footer-link:hover { + color: var(--text-primary); +} + +/* ======================== RESPONSIVE ======================== */ + +@media (max-width: 900px) { + .hero h1 { + font-size: 1.4rem; + } + + .hero-buttons { + flex-direction: column; + align-items: center; + gap: 1rem; + } + + .btn { + width: 100%; + max-width: 280px; + justify-content: center; + } + + .hero-stats { + gap: 2rem; + } + + .hero-stat-number { + font-size: 2rem; + } + + .comparison { + flex-direction: column; + } + + .comparison-card.before { + border-radius: 12px 12px 0 0; + border-right: 1px solid var(--border); + border-bottom: none; + } + + .comparison-card.after { + border-radius: 0 0 12px 12px; + border-left: 1px solid var(--border); + border-top: none; + } + + .comparison-arrow { + flex-direction: row; + width: auto; + height: 60px; + padding: 0; + } + + .arrow-line { + width: auto; + height: 2px; + flex: 1; + } + + .arrow-icon { + margin: 0 0.5rem; + } + + .highlights-grid { + grid-template-columns: 1fr; + } + + .stats-grid { + grid-template-columns: repeat(2, 1fr); + gap: 2rem; + } + + .timeline { + padding-left: 40px; + } + + .timeline::before { + left: 12px; + } + + .timeline-dot { + left: -40px; + } + + .press-start-text { + font-size: 0.8rem; + } +} + +@media (max-width: 600px) { + .hero { + padding: 4rem 1.5rem 3rem; + } + + .hero h1 { + font-size: 1rem; + } + + .hero-stats { + flex-direction: column; + gap: 1.5rem; + } + + .bom-grid { + grid-template-columns: 1fr; + } + + .stats-grid { + grid-template-columns: 1fr 1fr; + padding: 2rem 1.5rem; + } + + .stat-number { + font-size: 2.2rem; + } + + .section-header h2 { + font-size: 0.85rem; + } + + .press-start-content { + padding: 1.5rem 2rem; + } + + .press-start-text { + font-size: 0.6rem; + } +}