:root{
  --bg:#000; --text:#fff; --muted:#cfcfcf; --accent:#9ad1ff; --maxw:980px;
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell;}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--maxw); margin:0 auto}
header{padding:64px 16px 24px; border-bottom:1px solid #222;}
h1{font-size:2rem; margin:0 0 6px}
.subtitle{color:var(--muted); margin:0}
nav{padding:12px 16px; border-bottom:1px solid #222; position:sticky; top:0; background:#000f; backdrop-filter:saturate(150%) blur(6px)}
nav .wrap{display:flex; gap:18px; flex-wrap:wrap}
section{padding:36px 16px}
img{max-width:100%; height:auto; border-radius:10px; display:block}
.footer{padding:24px 16px; color:#aaa; border-top:1px solid #111}
.btn{display:inline-block; border:1px solid #333; padding:8px 12px; border-radius:10px}
.muted{color:var(--muted)}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}

/* Header layout */
.header-flex { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.header-flex img { max-width:150px; border-radius:50%; }

/* Responsive video/iframe box (used for Home/CV) */
.video{position:relative; width:100%; padding-top:56.25%; border:1px solid #222; border-radius:12px; overflow:hidden; background:#070707}
.video iframe,.video video{position:absolute; inset:0; width:100%; height:100%; border:0}

/* Awards layout */
.awards-list{
  list-style:none;
  padding-left:0;
  margin:0;
}

.awards-list li{
  display:grid;
  grid-template-columns: 1fr 320px;
  align-items:center;
  gap:24px;
  padding:18px 20px;
  margin:18px 0;
  border:1px solid #222;
  border-radius:12px;
  background:#070707;
}

.award-text{
  min-width:0;
}

.award-media{
  width:320px;
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.award-thumb{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border:1px solid #222;
  border-radius:6px;
  background:#111;
}

/* Portrait covers */
.award-thumb--cover{
  height:220px;
  width:auto;
}

/* LION image */
.award-thumb--lion{
  width:280px;
  height:auto;
}

/* Very wide DSNP logo */
.award-thumb--logo-wide{
  width:300px;
  height:auto;
}

/* Tall narrow NWO logo */
.award-thumb--logo-tall{
  height:190px;
  width:auto;
}

@media (max-width:800px){
  .awards-list li{
    grid-template-columns:1fr;
  }

  .award-media{
    width:100%;
    height:auto;
    min-height:0;
    justify-content:flex-start;
  }

  .award-thumb--cover,
  .award-thumb--lion,
  .award-thumb--logo-wide,
  .award-thumb--logo-tall{
    max-width:260px;
    height:auto;
  }
}

/* Publications spacing (used on publications.html) */
.pub-list li{ margin-bottom:2em; }
.pub-list li:last-child{ margin-bottom:0; }