/* Samiha B. Tariq, job market site
   Palette and type follow the "Night Riders" storyboard: blue-violet night neutrals,
   moonlight text, gold spent sparingly, jewel tones only as small accents. */

:root{
  --ink-950:#070a15;
  --ink-900:#0a0e1e;
  --ink-850:#0e1327;
  --ink-800:#131a31;
  --ink-750:#1a2140;
  --line:#242c4c;
  --moon:#eaeefb;      /* primary text */
  --mist:#a7aece;      /* secondary text */
  --dim:#7f86ab;       /* captions (a touch lighter than the storyboard for contrast) */
  --gold:#e7b64d;
  --gold-soft:#f2d493;
  --cream:#e4d8be;
  --rose:#d3567f;
  --emerald:#43b192;
  --sky:#7d9bff;

  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"SFMono-Regular","SF Mono","JetBrains Mono",ui-monospace,"Cascadia Code",Menlo,Consolas,monospace;

  --nav-h:58px;
  --gutter:22px;
}

*{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  color-scheme:dark;
  background:#080b16;
  scroll-padding-top:calc(var(--nav-h) + 14px);
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{
  margin:0;
  min-height:100vh;
  background:linear-gradient(180deg,#0a0e1e 0%,#080b16 100%);
  background-color:#080b16;
  color:var(--moon);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.65;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
a{color:var(--gold-soft);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:1020px;margin:0 auto;padding:0 var(--gutter)}
.defs{position:absolute;width:0;height:0;overflow:hidden}

.skip{
  position:absolute;left:-999px;top:10px;z-index:100;
  background:var(--gold);color:#111528;border-radius:8px;padding:8px 14px;
  font-family:var(--mono);font-size:12px;text-decoration:none;
}
.skip:focus{left:12px}

/* ---------- type ---------- */
.eyebrow{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--gold);
}
h1,h2,h3{font-family:var(--serif);font-weight:600;text-wrap:balance;margin:0}
p{margin:0}

/* ---------- nav ---------- */
.nav{
  position:sticky;top:0;z-index:40;
  background:rgba(8,11,22,.8);
  -webkit-backdrop-filter:saturate(140%) blur(12px);
  backdrop-filter:saturate(140%) blur(12px);
  border-bottom:1px solid rgba(36,44,76,.85);
}
.nav-inner{
  max-width:1020px;margin:0 auto;padding:0 var(--gutter);
  height:var(--nav-h);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.brand{
  display:flex;align-items:center;gap:10px;flex:none;
  color:var(--moon);text-decoration:none;
  font-family:var(--serif);font-size:17px;font-weight:600;white-space:nowrap;
}
.brand:hover{color:var(--moon)}
.nav-links{position:relative;display:flex;align-items:center;gap:22px;margin:0;padding:0;list-style:none;min-width:0}
.nav-links a{
  display:block;padding:6px 0;
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--mist);text-decoration:none;white-space:nowrap;
  border-bottom:1px solid transparent;
}
.nav-links a:hover,
.nav-links a[aria-current="true"]{color:var(--gold-soft);border-bottom-color:var(--gold)}
.nav-links .cv a{color:var(--gold)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-sky{position:absolute;inset:0;z-index:0}
.hero-sky svg{width:100%;height:100%}
.hero-vig{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(85% 75% at 40% 35%,rgba(8,11,22,0) 0%,rgba(8,11,22,.5) 78%,rgba(8,11,22,.9) 100%);
}
.hero-inner{
  position:relative;z-index:2;
  max-width:1020px;margin:0 auto;
  padding:96px var(--gutter) 100px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:44px;
}
.name{
  font-size:clamp(44px,7.4vw,78px);
  line-height:1.02;
  letter-spacing:.005em;
  margin:18px 0 0;
  text-shadow:0 2px 30px rgba(8,11,22,.7);
}
.name .amp{color:var(--gold);font-style:italic}
.hero-role{
  font-family:var(--serif);
  font-size:clamp(18px,2.3vw,22px);
  line-height:1.4;
  margin-top:16px;
}
.hero-role span{display:block;color:var(--mist)}
.logline{
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(16px,2.1vw,19px);
  color:var(--mist);
  max-width:48ch;
  margin-top:18px;
  line-height:1.5;
  text-wrap:balance;
}
.spec{
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.03em;
  color:var(--mist);
  margin-top:22px;
  display:flex;gap:8px 14px;flex-wrap:wrap;
}
.spec b{color:var(--moon);font-weight:600}
/* additional interests sit one step quieter than the main fields */
.spec-more{margin-top:8px;align-items:baseline;font-size:11.5px;color:var(--dim)}
.spec-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--moon);text-decoration:none;
  background:rgba(19,26,49,.65);
  border:1px solid var(--line);border-radius:999px;
  padding:10px 15px;
  transition:border-color .15s,color .15s,background-color .15s;
}
.btn svg{flex:none}
.btn:hover{border-color:var(--gold);color:var(--gold-soft)}
.btn.primary{background:var(--gold);border-color:var(--gold);color:#111528;font-weight:700}
.btn.primary:hover{background:var(--gold-soft);border-color:var(--gold-soft);color:#111528}

/* the portrait is the moon */
.portrait{position:relative;width:300px;aspect-ratio:1/1;justify-self:center}
.portrait::before{
  content:"";position:absolute;inset:-40%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(254,254,246,.24) 0%,rgba(238,241,230,.09) 52%,rgba(238,241,230,0) 100%);
}
.portrait .ring{
  position:absolute;inset:-10px;border-radius:50%;
  background:conic-gradient(from 210deg,rgba(231,182,77,0) 0deg,rgba(231,182,77,.85) 62deg,rgba(242,212,147,1) 96deg,rgba(231,182,77,0) 168deg,rgba(231,182,77,0) 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.6px),#000 calc(100% - 1.2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 1.6px),#000 calc(100% - 1.2px));
}
.portrait picture,.portrait img{position:relative;display:block;width:100%;height:100%;border-radius:50%}
.portrait img{
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(234,238,251,.16),0 30px 70px -24px rgba(0,0,0,.85);
}

/* ---------- strip ---------- */
.treatment{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);
  border-bottom:1px solid var(--line);
}
.tcell{background:var(--ink-900);padding:30px 26px}
.tcell h2{font-size:19px;margin-bottom:14px;color:var(--moon)}
.tcell p{font-size:14.5px;color:var(--mist)}
.tcell .sub{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--dim);margin:16px 0 8px;
}
.arc{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 0;padding:0;list-style:none}
.arc li{
  font-family:var(--mono);font-size:11px;letter-spacing:.04em;line-height:1.5;
  color:var(--moon);background:var(--ink-800);
  border:1px solid var(--line);border-radius:999px;padding:5px 11px;
}
.arc.quiet li{color:var(--mist);background:transparent}
.edu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.edu li{display:grid;grid-template-columns:42px 1fr;gap:10px;font-size:14px;color:var(--mist);line-height:1.45}
.edu b{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--gold);font-weight:600;padding-top:2px}
.edu strong{display:block;color:var(--moon);font-weight:600}
.tcell .tools{margin-top:14px}

/* ---------- section headings ---------- */
.act{margin:68px 0 6px;display:flex;align-items:baseline;gap:16px}
.act-no{font-family:var(--mono);font-size:12px;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;flex:none;min-width:2.6em}
.act h2{font-size:clamp(22px,3.4vw,29px)}
.act .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}

/* ---------- about ---------- */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:22px 0 4px;align-items:start}
.prose p{color:var(--mist);max-width:62ch}
.prose p + p{margin-top:14px}
.prose .lead{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--moon)}
.prose strong{color:var(--moon);font-weight:600}
.kicker{
  display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:4px;
}

/* ---------- gold callout (the storyboard's "sound" box) ---------- */
.sound{
  display:flex;gap:12px;align-items:flex-start;
  background:linear-gradient(90deg,rgba(231,182,77,.09),rgba(231,182,77,.02));
  border:1px solid rgba(231,182,77,.24);
  border-left:2px solid var(--gold);
  border-radius:9px;padding:13px 15px;
}
.sound .wv{flex:none;margin-top:3px}
.sound .txt{font-size:13.5px;color:var(--cream);line-height:1.6}
.sound .txt + .txt{margin-top:8px}
.sound b.label{
  display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-weight:700;
}
.about .sound{padding:18px 18px}
.about .sound .txt{font-size:14.5px}

/* ---------- papers (the storyboard's "shots") ---------- */
.shot{
  display:grid;grid-template-columns:minmax(0,36%) 1fr;gap:28px;
  padding:28px 0;border-top:1px solid var(--line);align-items:start;
}
.act + .shot{border-top:none}
.shot.feature{grid-template-columns:minmax(0,46%) 1fr;padding-top:24px}
.frame{
  position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 14px 34px -18px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.02);
}
.frame svg.panel{position:absolute;inset:0;width:100%;height:100%}
.frame.int{background:linear-gradient(158deg,#1b1730 0%,#0c0a1a 100%)}
.frame.night{background:linear-gradient(179deg,#111a3e 0%,#0a1027 52%,#070a1b 100%)}
.frame.warm{background:radial-gradient(120% 96% at 52% 56%,#2c2444 0%,#141634 52%,#080a1c 100%)}
.frame .tc{
  position:absolute;left:9px;bottom:8px;z-index:2;
  font-family:var(--mono);font-size:10px;letter-spacing:.05em;
  color:var(--moon);background:rgba(6,8,16,.7);
  border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:2px 7px;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}
.paper-title{font-size:20px;line-height:1.32;color:var(--moon)}
.feature .paper-title{font-size:clamp(23px,2.7vw,29px);line-height:1.22}
.authors{font-size:14px;color:var(--mist);margin-top:6px}
.framing{
  display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sky);
  border:1px solid var(--line);border-radius:5px;padding:3px 8px;margin:10px 0 12px;
}
.framing.pub{color:var(--emerald)}
.framing.wp{color:var(--mist)}
.action{font-size:15px;color:var(--mist);max-width:62ch}
.feature .action{font-size:16px}
.meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--dim);margin-top:10px}
.links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:flex-start}
.pill{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;line-height:1.5;
  color:var(--moon);text-decoration:none;
  background:var(--ink-800);border:1px solid var(--line);border-radius:999px;padding:6px 12px;
  transition:border-color .15s,color .15s;
}
.pill:hover{border-color:var(--gold);color:var(--gold-soft)}
.pill.gold{background:var(--gold);border-color:var(--gold);color:#111528;font-weight:700}
.pill.gold:hover{background:var(--gold-soft);border-color:var(--gold-soft);color:#111528}
.pill.ghost{background:transparent;color:var(--mist)}
.feature .sound{margin-top:18px}
.note{font-size:13px;color:var(--dim);margin-top:12px}
.note em{color:var(--mist)}

.toggle{
  cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;line-height:1.5;
  color:var(--mist);background:transparent;
  border:1px dashed #33406b;border-radius:999px;padding:6px 12px;
  transition:border-color .15s,color .15s;
}
.toggle:hover{border-color:var(--gold);color:var(--gold-soft)}
.toggle .pm{display:inline-block;transition:transform .15s}
.toggle[aria-expanded="true"]{border-style:solid;border-color:rgba(231,182,77,.5);color:var(--gold-soft)}
.toggle[aria-expanded="true"] .pm{transform:rotate(45deg)}
.abs{
  margin-top:16px;
  font-size:14.5px;color:var(--mist);line-height:1.7;max-width:68ch;
  border-left:2px solid rgba(231,182,77,.35);padding:2px 0 2px 16px;
}
/* without JavaScript the abstracts simply stay open and the buttons stay hidden */
.toggle{display:none}
.js .toggle{display:inline-flex}
.js .abs:not(.is-open){display:none}
.abs p + p{margin-top:10px}
.abs .jel{font-family:var(--mono);font-size:11.5px;color:var(--dim)}

.after{margin:26px 0 0;font-size:14.5px;color:var(--mist)}

/* ---------- teaching / grid cells ---------- */
.cells{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  margin-top:10px;
}
.cell{background:var(--ink-900);padding:24px 22px}
.cell .k,.step .k{
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:10px;
}
.cell p,.cell li{font-size:14px;color:var(--mist)}
.cell p + p{margin-top:10px}
.cell .arc{margin-top:2px}
.courses{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.courses b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--moon);font-weight:600}
.cell .sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:16px 0 8px}
.dots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cell .dots li{position:relative;padding-left:16px;color:var(--moon);line-height:1.45}
.dots li::before{content:"";position:absolute;left:2px;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.cell .dots.quiet li{color:var(--mist)}
.dots.quiet li::before{background:transparent;box-shadow:inset 0 0 0 1px var(--gold)}

/* ---------- experience ---------- */
.job{
  background:
    radial-gradient(120% 130% at 0% 0%,rgba(125,155,255,.06),rgba(125,155,255,0) 50%),
    var(--ink-850);
  border:1px solid var(--line);border-radius:14px;padding:26px 26px 24px;margin-top:18px;
}
.job-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px}
.job h3{font-size:20px}
.when{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.where{font-size:14px;color:var(--mist);margin-top:4px}
.job ul{margin:16px 0 0;padding:0 0 0 18px;columns:2;column-gap:36px}
.job li{font-size:14px;color:var(--mist);break-inside:avoid;margin-bottom:10px}
.job li::marker{color:var(--gold)}
.job strong{color:var(--moon);font-weight:600}
.cells.exp .cell h3{font-size:17px;line-height:1.35}
.cells.exp .where{font-size:13.5px}
.cells.exp .when{display:block;margin:8px 0 10px}
.awards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.awards b{color:var(--moon);font-weight:600}
.awards span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--dim);margin-top:1px}
.oped{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.oped a{font-family:var(--serif);font-style:italic;font-size:15px;line-height:1.4;color:var(--moon);text-decoration-color:rgba(231,182,77,.5)}
.oped a:hover{color:var(--gold-soft)}
.oped span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--dim);margin-top:3px}

/* ---------- references ---------- */
.refs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}
.ref{background:var(--ink-850);border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.ref h3{font-size:19px}
.ref .pos{font-size:14px;color:var(--mist);margin-top:4px;line-height:1.5}
.ref .contact{font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--mist);margin-top:12px;line-height:1.85}
.ref .contact a{color:var(--gold-soft)}
.ref .framing{margin:10px 0 0}

/* ---------- contact (the storyboard's "start here") ---------- */
.start{
  margin:72px 0 0;padding:34px 30px;border-radius:16px;
  background:
    radial-gradient(120% 130% at 12% 0%,rgba(231,182,77,.10),rgba(231,182,77,0) 55%),
    var(--ink-850);
  border:1px solid var(--line);
}
.start h2{font-size:clamp(22px,3.4vw,28px);margin-bottom:18px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin-bottom:22px}
.step p{font-size:14px;color:var(--mist)}
.step .shots{color:var(--moon);font-family:var(--mono);font-size:12.5px;margin-bottom:4px;overflow-wrap:anywhere}
.step .shots a{color:var(--gold-soft)}
.titles{border-top:1px solid var(--line);padding-top:20px}
.titles .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}
.titles ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
.titles a{
  display:inline-block;font-family:var(--serif);font-style:italic;font-size:15px;color:var(--mist);
  border:1px solid var(--line);border-radius:999px;padding:6px 15px;text-decoration:none;
  transition:border-color .15s,color .15s;
}
.titles a:hover{border-color:var(--gold);color:var(--gold-soft)}
.titles a.on{color:#111528;background:var(--gold);border-color:var(--gold);font-style:normal;font-weight:600}
.titles a.on:hover{background:var(--gold-soft);border-color:var(--gold-soft);color:#111528}

/* ---------- footer ---------- */
footer{
  text-align:center;color:var(--dim);font-family:var(--serif);font-style:italic;
  font-size:15px;padding:64px 22px 72px;line-height:1.6;
}
footer .moon-em{color:var(--gold);font-style:normal}
footer .small{display:block;margin-top:14px;font-family:var(--mono);font-style:normal;font-size:11px;letter-spacing:.08em}

/* ---------- svg helpers ---------- */
.e-gold{stroke:#e7b64d;stroke-width:.7;opacity:.55;marker-end:url(#arrowGold)}
.e-sky{stroke:#7d9bff;stroke-width:.7;opacity:.6;stroke-dasharray:1.6 1.6;marker-end:url(#arrowSky)}
.avatars path{shape-rendering:crispEdges}
.n-ring{fill:#0e1630;stroke:#7d9bff;stroke-width:.9}

/* twinkle, only if the viewer welcomes motion */
.tw{opacity:.85}
@media (prefers-reduced-motion:no-preference){
  .tw{animation:tw 3.4s ease-in-out infinite}
  .tw:nth-child(2n){animation-duration:4.2s;animation-delay:.6s}
  .tw:nth-child(3n){animation-duration:2.8s;animation-delay:1.1s}
  .tw:nth-child(5n){animation-duration:5.1s;animation-delay:1.7s}
  @keyframes tw{0%,100%{opacity:.25}50%{opacity:1}}
}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .job ul{columns:1}
}
@media (max-width:760px){
  .hero-inner{grid-template-columns:1fr;text-align:center;padding:52px var(--gutter) 64px;gap:34px}
  .portrait{order:-1;width:208px}
  .logline{margin-left:auto;margin-right:auto}
  .spec-label{flex-basis:100%}
  .spec,.actions{justify-content:center}
  .treatment,.cells{grid-template-columns:1fr}
  .about{grid-template-columns:1fr;gap:24px}
  .shot,.shot.feature{grid-template-columns:1fr;gap:18px}
  .shot .frame{max-width:460px}
  .refs{grid-template-columns:1fr}
  .act{margin-top:56px;gap:14px}
  .act .rule{display:none}
  .start{padding:28px 22px}
}
@media (max-width:720px){
  .brand span{display:none}
  .nav-inner{gap:16px}
  .nav-links{
    gap:18px;overflow-x:auto;scrollbar-width:none;padding-right:18px;
    -webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);
    mask-image:linear-gradient(90deg,#000 82%,transparent);
  }
  .nav-links::-webkit-scrollbar{display:none}
}
@media (max-width:600px){
  .shot:not(.feature) .frame{display:none}
  .shot{padding:24px 0}
}
@media (max-width:480px){
  :root{--gutter:16px}
  .tcell{padding:26px 16px}
  .cell{padding:22px 16px}
  .job,.ref{padding:22px 18px}
  .btn{padding:9px 13px;font-size:11px}
}

/* ---------- print: a clean, ink-friendly page ---------- */
@media print{
  html,body{background:#fff !important;color:#111 !important}
  .nav,.hero-sky,.hero-vig,.frame,.actions,.portrait,.skip,.titles,.links .pill.ghost{display:none !important}
  .hero,.treatment,.tcell,.cell,.cells,.job,.ref,.start{background:#fff !important;border-color:#ccc !important;box-shadow:none !important}
  .hero-inner{display:block;padding:0 0 12px}
  .name,.name .amp,.paper-title,h1,h2,h3,.hero-role,.edu strong,.prose .lead,.job strong,.awards b{color:#111 !important;text-shadow:none}
  p,li,.action,.authors,.logline,.hero-role span,.tcell p,.cell p,.cell li,.ref .pos,.ref .contact,.sound .txt{color:#333 !important}
  .shot,.shot.feature,.about,.treatment,.cells,.refs{display:block}
  .shot{break-inside:avoid;padding:12px 0}
  .sound{background:none;border-color:#bbb}
  .abs,.js .abs:not(.is-open){display:block !important}
  .toggle,.js .toggle{display:none !important}
  a{color:#111 !important}
}