/* === ХАБ FORBIDDEN PSALM — GLOOM TRENCH === */

body {
  background:#1a1a10;
  color:#c8b070;
  font-family:'IM Fell English', 'Volkhov', serif;
  background-image:
    radial-gradient(ellipse at 25% 30%, rgba(200,176,112,0.05) 0%, transparent 50%),
    radial-gradient(ellipse at 75% 70%, rgba(139,0,0,0.08) 0%, transparent 50%),
    radial-gradient(circle at 10% 90%, rgba(90,96,64,0.05) 0%, transparent 40%);
  background-attachment:fixed;
}

/* ТОПБАР */
.site-header { background:#0d0d08; border-bottom:2px solid #5a5040; }
.logo { color:#c8b070; text-shadow:1px 1px 0 #000; }
.logo-dot { color:#8b0000; }
.nav-link { color:#8b7050; }
.nav-link:hover { color:#c8b070; text-shadow:0 0 8px rgba(200,176,112,0.4); }
.header-search input { background:#0a0a06; border-color:#3a3020; color:#c8b070; }

.nav-fp:hover { color:#c8b070; border-bottom-color:#c8b070; }
.nav-fp.active { color:#c8b070; border-bottom-color:#c8b070; }

/* HERO */
.fp-hero {
  background:#0d0d08;
  padding:5rem 1.5rem 4rem;
  text-align:center;
  border-bottom:4px solid #5a5040;
  position:relative;
  overflow:hidden;
  background-image:
    radial-gradient(ellipse at 30% 40%, rgba(200,176,112,0.12) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 60%, rgba(139,0,0,0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 100%, rgba(90,96,64,0.15) 0%, transparent 60%);
}
.fp-hero::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:
    repeating-linear-gradient(0deg, transparent 0px, transparent 3px, rgba(0,0,0,0.06) 3px, rgba(0,0,0,0.06) 4px);
}
.fp-hero .container { max-width:900px; position:relative; z-index:1; }

.fp-title {
  font-family:'Special Elite', 'IM Fell English', serif;
  font-size:clamp(2.5rem, 7vw, 4.5rem);
  line-height:0.95;
  letter-spacing:0.04em;
  color:#c8b070;
  text-transform:uppercase;
  text-shadow:
    3px 3px 0 #000,
    0 0 30px rgba(200,176,112,0.25);
  margin-bottom:1rem;
  display:inline-block;
}
.fp-title .accent { color:#8b0000; }
.fp-sub {
  font-family:'IM Fell English', serif;
  font-style:italic;
  font-size:1.15rem;
  color:#a89870;
  max-width:720px;
  margin:0 auto;
  line-height:1.7;
}
.fp-quote {
  font-family:'IM Fell English', serif;
  font-style:italic;
  color:#706040;
  margin-top:1.5rem;
  font-size:0.9rem;
  padding-top:1rem;
  border-top:1px solid rgba(139,112,80,0.3);
}

/* СЕКЦИИ */
.fp-section { padding:3rem 0; }
.fp-section.alt { background:#141410; }

.fp-section-title {
  font-family:'Special Elite', serif;
  font-size:1.8rem;
  color:#c8b070;
  margin-bottom:1rem;
  padding-bottom:0.5rem;
  text-shadow:2px 2px 0 #000;
  text-transform:uppercase;
  letter-spacing:0.06em;
  position:relative;
}
.fp-section-title::after {
  content:''; display:block;
  width:80px; height:2px;
  background:linear-gradient(90deg, #8b0000, #c8b070, transparent);
  margin-top:0.6rem;
}
.fp-section-intro {
  font-family:'IM Fell English', serif;
  font-style:italic;
  color:#8b7050;
  margin-bottom:2rem;
  max-width:720px;
}

/* СЕТКА РАЗДЕЛОВ */
.fp-tiles {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:1rem;
}
.fp-tile {
  display:block;
  padding:1.5rem 1.5rem 1.3rem;
  background:linear-gradient(135deg, #1a1a10, #0d0d08);
  border:1px solid #3a3020;
  border-left:4px solid #5a5040;
  text-decoration:none;
  color:#c8b070;
  transition:transform 0.15s, border-left-color 0.15s, box-shadow 0.15s;
  position:relative;
}
.fp-tile:hover {
  transform:translateY(-3px);
  border-left-color:#c8b070;
  box-shadow:-3px 4px 15px rgba(200,176,112,0.12), 3px 3px 0 rgba(0,0,0,0.4);
}
.fp-tile-num {
  position:absolute;
  top:0.8rem; right:1rem;
  font-family:'Share Tech Mono', monospace;
  font-size:0.7rem;
  color:#706040;
  letter-spacing:0.1em;
}
.fp-tile h3 {
  font-family:'Special Elite', serif;
  font-size:1.3rem;
  color:#c8b070;
  line-height:1.1;
  margin-bottom:0.5rem;
  font-weight:400;
  padding-right:2rem;
  text-shadow:1px 1px 0 #000;
  text-transform:uppercase;
  letter-spacing:0.04em;
}
.fp-tile p {
  font-family:'IM Fell English', serif;
  font-size:0.95rem;
  line-height:1.55;
  color:#a89870;
}

/* ОСОБАЯ ПЛИТКА */
.fp-tile.featured {
  background:linear-gradient(135deg, #2a1408, #0d0d08);
  border-left:4px solid #8b0000;
}
.fp-tile.featured h3 { color:#e8a050; }
.fp-tile.featured .fp-tile-num { color:#8b0000; }

/* WIP-ПЛИТКА */
.fp-tile.wip {
  opacity:0.55;
  cursor:not-allowed;
  pointer-events:none;
}
.fp-tile.wip::before {
  content:'В РАБОТЕ';
  position:absolute;
  top:0.5rem; right:0.8rem;
  font-family:'Share Tech Mono', monospace;
  font-size:0.65rem;
  color:#706040;
  letter-spacing:0.15em;
  background:#0d0d08;
  padding:0.15rem 0.4rem;
  border:1px solid #3a3020;
}

/* АТМОСФЕРА */
.fp-atmosphere {
  background:#0d0d08;
  padding:3rem 1.5rem;
  border-top:1px solid #3a3020;
  border-bottom:1px solid #3a3020;
  text-align:center;
}
.fp-atmosphere blockquote {
  font-family:'IM Fell English', serif;
  font-style:italic;
  font-size:1.2rem;
  color:#c8b070;
  max-width:720px;
  margin:0 auto;
  line-height:1.7;
}
.fp-atmosphere cite {
  display:block;
  margin-top:1rem;
  font-style:normal;
  font-size:0.85rem;
  color:#706040;
  font-family:'Special Elite', serif;
  letter-spacing:0.1em;
}

/* ФУТЕР */
.site-footer { background:#050503; border-top:2px solid #5a5040; color:#706040; }
.site-footer h4 { color:#c8b070; }
.site-footer a { color:#8b7050; }
.site-footer a:hover { color:#c8b070; }

@media (max-width:768px) {
  .fp-hero { padding:3rem 1rem 2.5rem; }
  .fp-title { font-size:2.2rem; }
  .fp-tiles { grid-template-columns:1fr; }
}