/* kianabbasnejad.com — stylesheet.
   Tunable values live in :root below: accent colour, painting strength (--art), card opacity (--card-a). */

@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/SourceSerif4-Roman-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/SourceSerif4-Roman-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:300 700;font-display:swap;src:url(/assets/fonts/SourceSerif4-Italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:300 700;font-display:swap;src:url(/assets/fonts/SourceSerif4-Italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --text:#1b1b1b;
  --muted:#5c5c5c;
  --accent:#8b2f1f;      /* terracotta: links, paper titles, active tab */
  --rule:#e2ddd4;
  --card-rgb:255,253,249; /* cream card colour */
  --card-a:.92;           /* card opacity (0–1) */
  --base:#e6e1d7;         /* colour behind the painting while it loads */
  --art:1;                /* painting strength (0–1) */
}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--base);color:var(--text);font-family:"Source Serif 4",Georgia,"Times New Roman",serif;line-height:1.55;-webkit-font-smoothing:antialiased}

/* The painting: fixed behind everything */
.art{position:fixed;inset:0;z-index:0;background:url(/assets/toteninsel.jpg) center 40%/cover no-repeat;opacity:var(--art);pointer-events:none}

/* The card */
.wrap{position:relative;z-index:1;max-width:800px;margin:44px auto 64px;padding:48px 60px 56px;background:rgba(var(--card-rgb),var(--card-a));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 2px rgba(40,30,20,.08),0 28px 70px -24px rgba(30,20,10,.45)}

/* Header and navigation */
header .name{font-size:2.1rem;font-weight:600;margin:0;letter-spacing:-.01em}
header .name a{color:inherit;text-decoration:none}
header .sub{margin:4px 0 0;color:var(--muted)}
header nav{margin-top:16px;padding-bottom:12px;border-bottom:1px solid var(--rule)}
header nav a{display:inline-block;margin-right:22px;padding-bottom:3px;color:var(--text);text-decoration:none;font-size:.95rem}
header nav a:hover{color:var(--accent)}
header nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}
main{margin-top:32px}

/* Text */
a{color:var(--accent)}
p{margin:0 0 1em}
.muted{color:var(--muted)}
.photo{float:left;width:200px;height:auto;margin:6px 28px 12px 0;border-radius:4px}
.contact{font-size:.95rem;color:var(--muted)}
h1{font-size:1.5rem;font-weight:600;margin:0 0 16px}
h2{clear:both;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin:44px 0 14px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
main > h2:first-child{margin-top:0}

/* Papers */
.paper{margin:0 0 30px}
.paper h3{font-size:1.12rem;font-weight:600;margin:0 0 2px;line-height:1.35}
.paper h3 a{color:var(--accent);text-decoration:none}
.paper h3 a:hover{text-decoration:underline}
.paper .meta{color:var(--muted);font-size:.93rem;margin:0 0 8px}
.paper .abstract{font-size:.93rem;color:#3a3a3a;margin:0;text-align:justify;hyphens:auto}
.badge{display:inline-block;font:600 .68rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:1px 6px;margin-right:8px;vertical-align:middle}
.refs{font-size:.95rem}

/* Teaching list: year column + description */
.teach{display:grid;grid-template-columns:150px 1fr;row-gap:10px;column-gap:16px;margin:0 0 8px;font-size:.98rem}
.teach dt{color:var(--muted);margin:0}
.teach dd{margin:0}

footer{margin-top:64px;padding-top:14px;border-top:1px solid var(--rule);color:var(--muted);font-size:.82rem}

@media(max-width:760px){
  html{font-size:16px}
  .art{display:none}                       /* phones: card fills the screen, painting not loaded */
  body{background:rgb(var(--card-rgb))}
  .wrap{margin:0;padding:28px 20px 44px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .photo{float:none;display:block;width:170px;margin:0 0 20px}
  .teach{grid-template-columns:1fr;row-gap:2px}
  .teach dt{margin-top:10px}
}