:root{
  --bg:#090909;
  --panel:#121212;
  --panel2:#181818;
  --text:#f2eee8;
  --muted:#aaa39b;
  --accent:#d95722;
  --accent2:#f0a24b;
  --line:#2b2724;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);font-size:16px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.nav{
  position:fixed;z-index:20;top:0;left:0;right:0;
  background:rgba(9,9,9,.82);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.07)
}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;letter-spacing:.2em;font-size:.9rem}
.navlinks{display:flex;gap:28px;color:#c9c4bd;font-size:.9rem}
.navlinks a:hover{color:#fff}
.hero{
  min-height:92vh;display:grid;align-items:end;
  position:relative;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.62) 45%,rgba(0,0,0,.15) 100%),
    linear-gradient(0deg,#090909 0%,transparent 42%),
    url("images/hero-wolves.png") center 38%/cover no-repeat;
}
.hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 72% 32%,rgba(217,87,34,.22),transparent 30%);
}
.hero-content{position:relative;z-index:1;padding:150px 0 90px;max-width:700px}
.kicker{color:var(--accent2);font-size:.78rem;letter-spacing:.25em;text-transform:uppercase;font-weight:700}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.05;margin:0 0 20px}
h1{font-size:clamp(3.5rem,8vw,7rem);letter-spacing:-.04em}
h2{font-size:clamp(2.3rem,5vw,4rem)}
h3{font-size:1.8rem}
.lead{font-size:1.2rem;color:#d4cec7;max-width:620px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 20px;border:1px solid #5a514b;font-weight:700;font-size:.9rem;
  transition:.2s ease;background:transparent
}
.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.button:hover{transform:translateY(-2px);border-color:#fff}
section{padding:88px 0}
.section-intro{max-width:720px;margin-bottom:45px}
.muted{color:var(--muted)}
.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.book-cover{width:min(420px,100%);margin:auto;box-shadow:0 25px 70px rgba(0,0,0,.55)}
.book-copy .meta{color:var(--accent2);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:12px}
.book-copy p{color:#c9c3bc;font-size:1.05rem}
.about{background:linear-gradient(180deg,#0c0c0c,#12100f)}
.about-grid{display:grid;grid-template-columns:minmax(0,760px);gap:0;align-items:start}.about-copy .portrait{width:min(360px,100%);margin:0 0 30px}
.portrait{border-radius:2px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.video{aspect-ratio:16/9;background:#000;border:1px solid var(--line);display:grid;place-items:center;color:#777}
.video iframe{width:100%;height:100%;border:0}
.form{display:flex;gap:10px;max-width:650px;margin-top:25px}
.form input{flex:1;background:#080808;border:1px solid #4a4039;color:#fff;padding:14px 16px;font:inherit}
.form button{border:0;background:var(--accent);color:#fff;padding:0 22px;font-weight:800}
footer{border-top:1px solid var(--line);padding:45px 0;color:#8f8983;font-size:.85rem}
@media(max-width:800px){
  .navlinks{gap:12px;font-size:.75rem}
  .brand{font-size:.75rem}
  .hero{min-height:82vh;background-position:50% center}
  .hero-content{padding:130px 0 58px}
  section{padding:68px 0}
  .section-intro{margin-bottom:30px}
  .book-grid,.about-grid,.video-grid{grid-template-columns:1fr;gap:26px}
  .book-copy p{font-size:1.08rem;line-height:1.75}
  .section-intro p,.about-copy p{font-size:1.05rem;line-height:1.75}
  .lead{font-size:1.12rem;line-height:1.65}
  .book-grid[style*="margin-top"]{margin-top:58px !important}
  .actions{gap:10px;margin-top:22px}
  .button{padding:12px 16px;font-size:.92rem}
  .about-grid{grid-template-columns:1fr}
  .portrait{max-width:320px}
  .form{flex-direction:column}
  .form button{height:48px}
}


/* Academic publications page */
.academic-hero{min-height:52vh;display:flex;align-items:end;padding-top:100px;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.55)),linear-gradient(0deg,#090909 0%,transparent 65%),url("images/academic-street.jpg") center 50%/cover no-repeat;border-bottom:1px solid var(--line)}
.academic-hero-content{padding:95px 0 60px;max-width:850px}
.academic-hero h1{font-size:clamp(3rem,7vw,5.5rem);margin-top:12px}
.academic-list{display:grid;grid-template-columns:1fr;gap:18px}
.academic-card{padding:28px 30px;background:linear-gradient(135deg,#151311,#101010);border:1px solid var(--line);border-left:3px solid var(--accent)}
.academic-card h3{font-size:clamp(1.35rem,2.5vw,1.8rem);margin:10px 0 14px}
.academic-card p{color:#c9c3bc;max-width:900px}
.academic-card .citation{font-size:.9rem;color:var(--muted)}
.academic-card .citation a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.academic-hero{min-height:44vh}.academic-hero-content{padding:75px 0 40px}.academic-card{padding:22px 18px}.academic-card p{font-size:1.04rem;line-height:1.75}.navlinks{flex-wrap:wrap;justify-content:flex-end;max-width:68%}}