/* === ХАБ PIRATE BORG — ТЁМНЫЕ КАРИБЫ === */

body {
  background:#0e0803;
  color:#c8a878;
  font-family:'IM Fell English', 'Volkhov', serif;
  background-image:
    radial-gradient(ellipse at 25% 30%, rgba(200,120,40,0.07) 0%, transparent 50%),
    radial-gradient(ellipse at 75% 70%, rgba(60,90,120,0.06) 0%, transparent 50%),
    radial-gradient(circle at 10% 90%, rgba(139,48,32,0.04) 0%, transparent 40%);
  background-attachment:fixed;
}

/* ТОПБАР */
.site-header { background:#0a0504; border-bottom:2px solid #8b4513; }
.logo { color:#f0c078; text-shadow:1px 1px 0 #000; }
.logo-dot { color:#8b3020; }
.nav-link { color:#8b7050; }
.nav-link:hover { color:#f0c078; text-shadow:0 0 8px rgba(240,192,120,0.4); }
.header-search input { background:#1a0f0a; border-color:#4a3020; color:#d4b078; }

/* Ссылка на PIRATE BORG в навигации */
.nav-pb:hover { color:#f0c078; border-bottom-color:#f0c078; }
.nav-pb.active { color:#f0c078; border-bottom-color:#f0c078; }

/* HERO */
.pb-hero {
  background:#1a0f0a;
  padding:5rem 1.5rem 4rem;
  text-align:center;
  border-bottom:4px solid #8b4513;
  position:relative;
  overflow:hidden;
  background-image:
    radial-gradient(ellipse at 30% 40%, rgba(200,120,40,0.2) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 60%, rgba(139,48,32,0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 100%, rgba(30,58,95,0.15) 0%, transparent 60%);
}
.pb-hero::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg, transparent 0px, transparent 3px, rgba(0,0,0,0.05) 3px, rgba(0,0,0,0.05) 4px);
}
.pb-hero .container { max-width:900px; position:relative; z-index:1; }

.pb-title {
  font-family:'UnifrakturMaguntia', cursive;
  font-size:clamp(3rem, 8vw, 5.5rem);
  line-height:0.95;
  letter-spacing:0.01em;
  color:#f0c078;
  text-shadow:
    3px 3px 0 #000,
    0 0 30px rgba(240,192,120,0.3),
    0 0 60px rgba(139,48,32,0.2);
  margin-bottom:1rem;
  transform:rotate(-1deg);
  display:inline-block;
}
.pb-title .accent { color:#8b3020; }
.pb-sub {
  font-family:'IM Fell English', serif;
  font-style:italic;
  font-size:1.15rem;
  color:#c89058;
  max-width:700px;
  margin:0 auto;
  line-height:1.7;
}
.pb-quote {
  font-family:'IM Fell English', serif;
  font-style:italic;
  color:#8b7050;
  margin-top:1.5rem;
  font-size:0.9rem;
  padding-top:1rem;
  border-top:1px solid rgba(139,112,80,0.3);
}

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

.pb-section-title {
  font-family:'UnifrakturMaguntia', cursive;
  font-size:2.2rem;
  color:#f0c078;
  margin-bottom:1rem;
  padding-bottom:0.5rem;
  text-shadow:2px 2px 0 #000;
  position:relative;
}
.pb-section-title::after {
  content:''; display:block;
  width:80px; height:2px;
  background:linear-gradient(90deg, #8b3020, #d4b078, transparent);
  margin-top:0.6rem;
}
.pb-section-intro {
  font-family:'IM Fell English', serif;
  font-style:italic;
  color:#8b7050;
  margin-bottom:2rem;
  max-width:700px;
}

/* СЕТКА РАЗДЕЛОВ */
.pb-tiles {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:1rem;
}
.pb-tile {
  display:block;
  padding:1.5rem 1.5rem 1.3rem;
  background:linear-gradient(135deg, #1a0f0a, #0a0504);
  border:1px solid #4a3020;
  border-left:4px solid #8b4513;
  text-decoration:none;
  color:#c8a878;
  transition:transform 0.15s, border-left-color 0.15s, box-shadow 0.15s;
  position:relative;
}
.pb-tile:hover {
  transform:translateY(-3px);
  border-left-color:#f0c078;
  box-shadow:-3px 4px 15px rgba(240,192,120,0.15), 3px 3px 0 rgba(0,0,0,0.4);
}
.pb-tile-num {
  position:absolute;
  top:0.8rem; right:1rem;
  font-family:'Share Tech Mono', monospace;
  font-size:0.7rem;
  color:#8b6540;
  letter-spacing:0.1em;
}
.pb-tile h3 {
  font-family:'UnifrakturMaguntia', cursive;
  font-size:1.7rem;
  color:#f0c078;
  line-height:1;
  margin-bottom:0.5rem;
  font-weight:400;
  padding-right:2rem;
  text-shadow:1px 1px 0 #000;
}
.pb-tile p {
  font-family:'IM Fell English', serif;
  font-size:0.95rem;
  line-height:1.55;
  color:#c8a878;
}

/* ОСОБАЯ ПЛИТКА — МОДУЛЬ */
.pb-tile.featured {
  background:linear-gradient(135deg, #2a1408, #0a0504);
  border-left:4px solid #8b3020;
}
.pb-tile.featured h3 { color:#e8a050; }
.pb-tile.featured .pb-tile-num { color:#c04030; }

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

/* ЦИТАТА / БЛОК АТМОСФЕРЫ */
.pb-atmosphere {
  background:#0a0504;
  padding:3rem 1.5rem;
  border-top:1px solid #4a3020;
  border-bottom:1px solid #4a3020;
  text-align:center;
}
.pb-atmosphere blockquote {
  font-family:'IM Fell English', serif;
  font-style:italic;
  font-size:1.2rem;
  color:#d4b078;
  max-width:720px;
  margin:0 auto;
  line-height:1.7;
}
.pb-atmosphere cite {
  display:block;
  margin-top:1rem;
  font-style:normal;
  font-size:0.85rem;
  color:#8b6540;
  font-family:'Share Tech Mono', monospace;
  letter-spacing:0.1em;
}

/* ФУТЕР */
.site-footer { background:#060302; border-top:2px solid #8b4513; color:#8b6540; }
.site-footer h4 { color:#f0c078; }
.site-footer a { color:#a89068; }
.site-footer a:hover { color:#f0c078; }

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